/*
Theme Name:   	Relevant Textiles Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Mainstreethost
Author URI:     https://www.mainstreethost.com/
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/********
GENERAL
********/
body {
	/*background: url(https://www.relevanttextiles.com/wp-content/uploads/2023/06/body-bg.jpg);*/
	background-color: #ffffff !important;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    color: #000000;
    border: 1px solid #d8d1d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}

.col-full {
    max-width: 1280px;
}

body{
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h,h6{
	font-family: 'Poppins', sans-serif;
	margin-bottom: 2rem !important;
}

h1 {
	font-size: 3em;	
}

h2 {
	font-size: 2.3em;	
}


.teal-border {
	border-bottom: 3px solid #2fb4a1;
	padding: 0em 0em .5em 0em;	
}

.red-border {
	border-bottom: 3px solid #f43e3d;
	padding: 0em 0em .5em 0em;	
}

.gold-border {
	border-bottom: 3px solid #eabe73;
	padding: 0em 0em .5em 0em;	
}

.purple-border {
	border-bottom: 3px solid #823b7d;
	padding: 0em 0em .5em 0em;	
}


/* Font */
.pop-medium {
	font-weight: 500;
}

.pop-bold {
	font-weight: 600;
}

/* HEADER */
.top-bar-wrap {
	text-align: center;
	background-color: #000000;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
    /*border-bottom: 1px solid #d8d1d1;*/
	
}

.top-bar-inner {
	padding: 0.5em 0em;	
}

.top-bar-inner a {
	text-decoration: underline;
	margin: 0em 0em 0em 1em;
	color: #ffffff;
}

.top-bar-inner a:hover {
	text-decoration: none;
}

.top-bar-inner p {
	margin: 0em;	
}

.site-header .widget {
    padding: 0.5em 0em 0em 0em;
}


/* Move Search Bar */



/* Widget */
.widget {
	margin: 0em;
}

.widget_nav_menu ul li::before {
    content: none;
}

.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    padding-left: 0em;
}

.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    margin-bottom: 0.1em;
}


/********
GENERAL
********/
.home .wp-block-button {
	display: none;	
}

.home .wc-block-grid__product-price.price {
	display: none !important;
} 

.site-header {
	background-color: #ffffff !important;
}

/* WP Block Editor */
/*:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.3);
}*/

/* Footer */
.footer-widgets.col-4 .block {
	max-width: 100% !important;
	padding-bottom: 1em;
}

.col-4 {
	max-width: 100% !important;
}
/*.site-footer{background:#272360}*/
.site-footer{
	color:#000000;
	background-color: #fefbfb;
	border-top: 1px solid #a09f9f;
}

.site-footer .widget .widget-title{
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	border-bottom: 2px #007fc3 solid;
	padding: 0em 0em .3em 0em;
}

.footer-col-title {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #000000;
	text-transform:uppercase;
	border-bottom: 2px #d8d1d1 solid;
	margin: .2em 0em 1em 0em;
	padding: 0em 0em .3em 0em;
	display: block;
}


.site-footer a:not(.button):not(.components-button) {
    color: #000000;
	text-decoration: none;
}
.site-footer a:hover {
    text-decoration: underline !important;
	color: #007fc3 !important;
}
.footer-bottom {
	text-align: center;
	border-top: 2px solid #b6b5b5;
    padding-top: 2em;
}
/* End Footer */


.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #ffffff;
	background-color: #000000;
}

/* HOME */
.custom-full-width-banner {
	width: 100%; 
	background: #000; 
	color: #fff; 
	text-align: center; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-shadow: 0.643px 0.766px 4.95px rgba(0, 0, 0, 0.53);
	margin: 0em 0em 3em 0em;
}

.custom-full-width-banner h1 {
	color: #FFFFFF;
	text-shadow: 0 2px .84px rgba(0, 0, 0, .75);
	background-color: rgba(0, 0, 0, 0.15);
    border: 3px solid #ffffff;
    display: inline-block;
    padding: .3em .5em;
	margin-bottom: 0em !important;
}

.background-overlay {
	padding: 8em;
}

.custom-banner-inner {
	max-width: 1200px; 
	margin: 0 auto;	
}

/* Slider Plugin */
/* Slide Container */
.n2-section-smartslider {
    border: 3px solid black;	
}

/* Slide Arrows*/
div#n2-ss-2 .n2-style-7660f4e90221cedf8d88ce0dbc0f8ec7-heading {
    background: none !important; 
}

/* WOO Product Block */
ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
    font-size: 1.3rem;
	font-family: 'Poppins', sans-serif;
}

/** WOOCOMMERCE **/
/* Hide variable product price on category pages */
/*.tax-product_cat .product-type-variable .price {
    display: none;
}*/

ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
    display: none;
}

/* Hide Select Options button on category pages */
.tax-product_cat .product-type-variable .button {
    display: none;
}

/********
GENERAL
********/
.home #masthead {
	margin-bottom: 0em;
}

.center {
	text-align: center;
}

.fabric-title {
    font-size: 1.3rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    /*padding: 0;*/
    color: #000000;
	text-align: center;
	margin-top: 1.5em;
}

.fabric-hp-img {
	padding: 0em 3.2em;	
}

/* Force cart and search into one line */
/*.site-header-cart {
    display: flex;
    align-items: left;
    justify-content: flex-end;
    flex-wrap: nowrap; 
    gap: 10px;
}
*/

/* Make sure search form doesn't take full width */
.site-header .widget_product_search form {
    width: auto;
    max-width: 250px;
}

/* Optional: Reduce height on mobile if needed */
@media (max-width: 768px) {
	/* Mobile Menu */
    /* Hide default positioning */
    /*.main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        transform: translateY(-100%);
        transition: transform 0.4s ease;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* When menu is active 
    .main-navigation.toggled {
        transform: translateY(0);
    }*/

    /* Center menu items */
    .main-navigation ul {
        list-style: none;
        text-align: center;
        padding: 0;
    }

    .main-navigation ul li {
        /*margin: 20px 0;*/
        border: none;
    }

    .main-navigation ul li a {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        text-decoration: none;
		padding: 0px;
    }

    .main-navigation ul li a:hover {
        color: #ffffff;
    }

    /* Hamburger button stays visible */
    .menu-toggle {
        position: relative;
        z-index: 10000;
    }
	
	/*.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
		color: #FFFFFF;
	}*/
	
	/* Menu End */	
	
	
	.woocommerce-active .site-header .site-branding {
		padding: 2em 0em;
	}    
	
	.site-header-cart {
        flex-direction: row;
        flex-wrap: wrap; /* fallback for small screens */
        justify-content: center;
    }
	
	.background-overlay {
		padding: 3em;
	}
	
	h1 {
		font-size: 2.4em;		
	}
}

/* SINGLE PRODUCT */
.single-product div.product p.price {
    font-weight: 600;
}

.woocommerce-product-details__short-description a {
	font-weight: 600;
	text-decoration: underline;
}

.woocommerce-product-details__short-description a:hover {
	text-decoration: none;
}

.single-product div.product .single_variation .price {
    font-weight: 500;
    color: green;
    font-size: 20px;
}

.related.products {
    text-align: center;
	font-size: 1.3em;
    /*margin: 0em 0em 0em 0em;	*/
}

/* Hide SKU */
.sku_wrapper {
	display: none !important;
}

/* View Cart Header */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    background-color: #333333;
}

/* HUSKY - Products Filter Professional for WooCommerce */
a.woof_front_toggle {
    font-size: 16px !important;
    padding: 0px 20px 0px 40px;
}

/* 768 */
@media screen and (min-width: 768px) {
	
/* NAV */
/* Center Logo */
.site-header .site-branding {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
	
.woocommerce-active .site-header .site-branding {
	width: 100%;
	padding: 2em 0em;
}

.site-header .col-full {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-header .site-branding img {
    
}
	
.site-header .site-branding img {
    max-width: 375px !important;
	margin: 0 auto;
}
	
.site-header {
	padding-top: 0em;
	border-bottom-color: none !important;
	border-bottom: none;
}
	
	.site-search {
		margin-bottom: 0em;
	}
	
/* NAV */
.storefront-primary-navigation {
    clear: both;
    background-color: #ffffff;
    /*border-top: 1px solid #d8d1d1;
    border-bottom: 1px solid #d8d1d1;*/	
}
	
.woocommerce-active .site-header .main-navigation {
	width: 50%;
}	

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
padding: 1em 1em;
}

.site-header-cart .cart-contents {
padding: 1em 1em;
}

.site-header-cart .widget_shopping_cart, .site-header .product_list_widget li .quantity {
color: #000000;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
color: #000000;
}

.storefront-primary-navigation .col-full {
display: block;
}

/* Sub NAV Hover */
.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover>a, .main-navigation ul.nav-menu ul li.focus {
background-color: #231f20;
}
	

}

/* Tablet hamburger menu for Storefront */
@media (min-width:768px) and (max-width:1024px){

    /* show hamburger button */
    .menu-toggle {
        display:block;
    }

    /* hide desktop menu */
    .main-navigation ul.menu {
        display:none;
    }

    /* show when toggled */
    .main-navigation.toggled ul.menu {
        display:block;
        width:100%;
    }

    /* make dropdown vertical */
    .main-navigation ul.menu li {
        display:block;
        width:100%;
    }
	
    /* move hamburger to far left */
    .menu-toggle{
        float:left;
        margin-left:0;
        padding-left:0;
        text-align:left;
    }
	
	.woocommerce-active .site-header .main-navigation {
		width: 20%;
		margin: .5em 0em 0em 0em;
	}
	
    .woocommerce-active .site-header .site-header-cart {
        width: 27%;
    }
	
	/* make the dropdown container full width */
    .main-navigation.toggled ul.menu {
        width:100%;
    }

    /* make each menu item full width */
    .main-navigation.toggled ul.menu li {
        display:block;
        width:100%;
    }

    /* expand clickable area */
    .main-navigation.toggled ul.menu li a {
        display:block;
        width:100%;
        padding: 14px 10px;
		font-size: 15px;
    }
	

}

/* Mobile only */
@media (max-width:767px){

    .main-navigation ul li a {
        color: #000000;
    }
	
	/* Change dropdown arrow color when menu item is expanded */
	.handheld-navigation li.toggled-on .dropdown-toggle:after,
	.handheld-navigation li.current-menu-item .dropdown-toggle:after,
	.handheld-navigation li.current-menu-parent .dropdown-toggle:after {
		color: #ffffff; /* arrow color */
	}
	
/* keep header height stable */
    .site-header{
        position: relative;
    }

    /* remove menu from layout flow */
    .main-navigation ul.menu{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        display: none;
    }

    /* show when toggled */
    .main-navigation.toggled ul.menu{
        display: block;
    }

}