/*
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://seethewebdev.com/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;
	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 {
	/*background-color: rgba(0, 0, 0, 0.3);	*/
	padding: 8em;
}

/* 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;
}

/********
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) {
    .site-header-cart {
        flex-direction: row;
        flex-wrap: wrap; /* fallback for small screens */
        justify-content: center;
    }
}

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

.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;	*/
}

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

/* 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;
}
	

}