/*
Theme Name: BlankSlate-Child
Theme URI: https://webbed.co.za/
Author: Webbed
Author URI: https://webbed.co.za/
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

*/


/*------------------------------General-------------------------------*/
body {max-width: 3000px;width: 100%;max-width: 100%;overflow-x: hidden;margin: 0 auto 0;padding:0;border:0;font-family: 'Ubuntu', sans-serif;word-wrap:break-word;font-size:18px;position:relative;line-height: 25px;}

.main_header{
    background: url(./images/header_banner.jpg);
    background-position: top;
    background-size: cover;
    position: relative;
    text-align: center;
}

.wrapper{
    max-width: 1200px;
    margin: 0 auto;
}

.body-wrapper {
    max-width: 1080px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}


/*-----------------------------Desktop Menu--------------------------------*/
#full-menu{ display:none;}
#menu-wrapper {
	text-align: right;
    float: right;
    margin-top: 20px;
}

#menu-wrapper ul{
	margin:0;
	padding:0;
	z-index:10;
/*	float:right; */
}


#menu-wrapper li{
	float:left;
	list-style:none;
	position:relative;
	margin-bottom:0;
}

#menu-wrapper a{
	padding:10px 10px;
	text-decoration:none;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-transform: uppercase;
}

#menu-wrapper a:hover{
	cursor: pointer;
	color: #7ea4ce;
	-webkit-transition-duration: 500ms; 
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}

#menu-wrapper li.current-menu-item a{
	color: #7ea4ce;
	font-weight: 600;
}


#menu-wrapper ul li .sub-menu{
	position:absolute;
	z-index:100;
	background-color:#381c4b;
	margin-left:0;
	top:40px;
	display:none;
	width: 200px;
}

#menu-wrapper ul li:hover > ul.sub-menu{
	display:block;
}

#menu-wrapper ul li .sub-menu ul{
	background-color:#888;
}

#menu-wrapper ul li .sub-menu li ul{
	margin-left:150px;
	margin-top:-27px;
	top:27px;
}

#menu-wrapper ul li .sub-menu ul ul{
	background-color:#777;
}

#menu-wrapper ul li .sub-menu li{
	float:none;
	width:200px;
	height:auto !important;
	list-style:outside none;
}

#menu-wrapper ul li .sub-menu li a{
	padding:5px 10px;
	line-height:20px;
	display:block;
	color:#eee;
	font-size:13px;	
	text-align: left;
}

#menu-wrapper ul li .sub-menu li a:visited{
	color:#fff;
}

#menu-wrapper ul li .sub-menu li a:hover{
	color:#c0a25e;
}

/*--------------------------Menu-----------------------------------*/
.logo-menu {
        padding: 20px 0;
        background-color: #29404e;
    }
    
	#logo {width: 100%;float: left;text-align: center;margin-left: 0;}
	#logo img {
        width: 320px;
    }
	/*#logo img {width: 1150px;}*/
	
	
/*--------------------------Mobile Menu-----------------------------------*/
#responsivemenu{ display:block;	clear:both;	position:relative; z-index:500;	font-size:16px;	color:#666;border: 1px solid white;border-radius: 10px;}
.menubutton{color:#ffffff; float:right;	cursor:pointer;	width: 94%;	padding:0 3%; height:30px; position:relative; z-index:5;}

.menubutton img{ padding-top:5px;}
.menubutton p{ line-height:30px; font-size:16px; margin:0;font-weight: bold;    text-align: left;
    padding-right: 30px;}

#hiddenmenu{ display:none; position:relative; z-index:200; width:100%;background-color: #29404e;}
#hiddenmenu.open {
    display: block;
}
#hiddenmenu .current-menu-item a{ background-color:transparent !important;}
#hiddenmenu ul{ margin:0; padding:0;}
#hiddenmenu ul li{text-align: right;list-style:none; line-height:1.1em; margin-bottom:0 !important;padding: 0 3%;}
#hiddenmenu ul li:first-child {  }
#hiddenmenu ul li a{ color:#ffffff; width:100%; display:block;	padding:1% 0;text-decoration: none;}
#hiddenmenu ul li ul.sub-menu{ background:#381c4b;display: none;}
#hiddenmenu ul li ul.sub-menu li{ padding-left:20px !important;	font-size:12px !important; background-image:none !important; margin-bottom:0 !important; padding-bottom:0; border-bottom:1px solid #f1e696;}
#hiddenmenu ul li ul.sub-menu li:last-child{ border-bottom:0;}
#hiddenmenu ul li a:active{ background: transparent;}
#hiddenmenu ul li ul.sub-menu li li{ background:#eee;}
#hiddenmenu ul li ul.sub-menu li li li{ background:#fff;}

/*------------------------Home-------------------------------------*/
.header_banner {
    background-color: #7ea4ce;
}

.header_large_img {
    width: 100%;
}

.left {
    background-color: #ffffff;
    height: 500px;
    width: 220px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.header_banner h1 {
    /*background: #ffffff94;*/
    position: absolute;
    z-index: 999;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    top: 12%;
    transform: translate(0%, -50%);
}

/*.header_small_img {*/
/*    display: none;*/
    
/*}*/

.header_small_img {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    z-index: 9;
    left: 0;
    right: 0;
}

.page-id-65 h3.widget-title {
    padding: 30px 0 0;
}


/*------------------------Home Products-------------------------------------*/
.categories {
    text-align: center;
    padding: 40px 0;
}

.categories a {
    text-decoration: none;
}

.categories p {
    margin: 0;
}

.categories img {
    filter: invert(1);
    border: 3px solid #000000;
    border-radius: 15px;
    padding: 10px;
    max-width: 180px;
}

.categories h3 {
    color: white;
    font-weight: 600;
    text-align: center;
    margin: 0;
    font-size: 18px;
}

.downloadable-background {
    padding: 160px 0;
    background-size: cover;
}

.category {
    text-align: center;
    color: #29404e;
}

ul.latest-products-by-category {
    padding-inline-start: 0;
}

.category li {
    list-style-type: none;
    border: 3px solid #7ea4ce;
    border-radius: 35px;
    margin: 30px;
    padding: 20px;
    max-width: 321px;
    margin: 30px auto;
}

.category li img {
    border-radius: 15px;
    border: 1px solid #7ea4ce;
}

.category a {
    text-decoration: none;
}

.category a h3 {
    font-size: 16px;
    text-align: center;
    color: #7ea4ce;
    min-height: 50px;
}

a.button.add_to_cart_button.ajax_add_to_cart {
    background-color: #29404e;
    color: #ffffff;
    padding: 10px 30px;
    margin-top: 15px;
    display: block;
    border-radius: 10px;
    font-weight: 600;
}

.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    float: none;
}

.woocommerce ul.products[class*=columns-] li.product {
    width: 80%;
    list-style-type: none;
    border: 3px solid #7ea4ce;
    border-radius: 35px;
    padding: 20px;
    max-width: 321px;
    margin: 30px auto;
    float: none;
    text-align: center;
}

.woocommerce ul.products[class*=columns-] li.product img {
    width: 180px;
    margin: 0 auto;
}   

span.woocommerce-Price-amount.amount {
    color: #7ea4ce;
    font-size: 18px;
}

.woocommerce ul.products li.product .button {
    display: block;
    margin-top: 0;
}

h3.widget-title {
    text-align: center;
    color: #29404e;
    font-size: 27px;
}

ul.latest-products-by-category a.added_to_cart.wc-forward {
    color: #29404e;
}

.woocommerce ul.products li.product a.added_to_cart {
    color: #29404e;
}

/*------------------------Single Product Page--------------------------------*/
#main {
    margin: 0 10px;
}

#main nav.woocommerce-breadcrumb {
    margin-top: 10px;
}

h1.product_title.entry-title {
    color: #29404e;
    line-height: 35px;
    font-size: 30px;
}

#main .price {
    color: #7ea4ce;
}

#main input#quantity_686c1ac72a667 {
    padding: 10px 30px;
    display: block;
    border-radius: 10px;
}

#main button.single_add_to_cart_button.button.alt {
    background-color: #29404e;
    color: #ffffff;
    padding: 10px 30px;
    display: block;
    border-radius: 10px;
}

#main span.posted_in {
    display: block;
}

#main span.posted_in a, #main span.tagged_as a {
    color: #7ea4ce;
}


#main .woocommerce p.stars a::before {
    color: #7ea4ce;
}

#main #review_form #respond textarea {
    border-radius: 10px;
}

#main #respond input#submit {
    border: 2px solid #29404e;
    background-color: #ffffff;
    color: #7ea4ce;
    padding: 10px 30px;
    border-radius: 10px;
}

#main .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #29404e;
    display: block;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
    font-size: 16px;
    min-height: 0;
    margin: 0 auto;
}

/*------------------------Shop Page-------------------------------------*/
#main {
    width: 98%;
    margin: 0 1%;
}

#main li.product.type-product {
    width: 100%;
    border: 3px solid #7ea4ce;
    border-radius: 25px;
    padding: 15px;
    max-width: 315px;
    float: none;
    margin: 20px auto;
    text-align: center;
}

.woocommerce ul.products li.product a img {
    border-radius: 15px;
    border: 1px solid #7ea4ce;
}


#main select.orderby {
    padding: 10px 30px;
    border-radius: 10px;
}

span.page-numbers.current {
    color: #29404e;
}

a.page-numbers {
    color: #7ea4ce;
}

/*------------------------Single Prod Page-----------------------------------*/
#main img {
    width: 400px;
    border-radius: 10px;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    width: 26%;
}

#main .summary.entry-summary {
    width: 65%;
}

#main .woocommerce p.stars a::before {
    color: #7ea4ce;
}

#main .input-text {
    padding: 7px 30px;
    border-radius: 10px;
    font-size: 18px;
}

a.star-1, a.star-2, a.star-3, a.star-4, a.star-5 {
    color: #7ea4ce;
}

.single .body-wrapper, .error404 .body-wrapper, .page-id-10 .body-wrapper,  .page-id-3 .body-wrapper, .page-id-906 .body-wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

.error404 a, .page-id-906 a {
    color: #7ea4ce;
}

#main li.product.type-product {
    width: 100%;
    float: none;
    margin: 0 auto;
}

/*------------------------Cart Page----------------------------------------*/
.woocommerce-billing-fields {
    display: none;
}

.wp-block-woocommerce-cart {
    width: 80%;
    margin: 0 auto;
}

.wc-block-cart-item__image img {
    border-radius: 15px;
    border: 1px solid #7ea4ce;
}

a.wc-block-components-product-name {
    color: #7ea4ce;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    text-decoration: none;
}

.wc-block-components-button__text {
    background-color: #29404e;
    color: #ffffff;
    padding: 10px 30px;
    margin-top: 15px;
    display: block;
    border-radius: 10px;
}

.body-wrapper .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: #7ea4ce;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 15px;
    border: 1px solid #7ea4ce;
    width: 180px;
}

li.wc-block-grid__product {
    border: 3px solid #7ea4ce;
    border-radius: 35px;
    padding: 20px;
    max-width: 315px;
    float: none;
    margin: 20px auto;
    text-align: center;
    width: 46%;
    float: left;
    margin: 2%;
}

.body-wrapper .wc-block-grid.has-4-columns .wc-block-grid__product {
    max-width: 300px;
    flex: 100%;
    padding: 15px;
    text-align: center;
    margin: 20px auto;
    width: 100%;
    float: none;
}

.body-wrapper .wc-block-grid__product-title {
    color: #29404e;
    min-height: 75px;
    display: block;
    font-size: 15px;
    line-height: 22px;
}

.body-wrapper a:-webkit-any-link {
    text-decoration: none;
}

.body-wrapper span.woocommerce-Price-amount.amount {
    color: #7ea4ce;
}

.body-wrapper .wc-block-grid__products .wc-block-grid__product-image img {
    max-width: 182px;
}

.body-wrapper a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    background-color: #29404e;
    color: #ffffff;
    padding: 10px 30px;
    margin-top: 15px;
    display: block;
    border-radius: 10px;
}
/*---------------------------Cart Page End------------------------------------*/

/*---------------------------Checkout Page------------------------------------*/
.page-id-9 .body-wrapper {
    width: 80%;
    margin: 0 auto;
}

button.wc-block-components-button {
    border: none;
    background: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
}

span.wc-block-components-totals-item__label, .wc-block-components-totals-item__value, span.wc-block-formatted-money-amount {
    color: #7ea4ce;
}

td.download-product a {
    color: #29404e;
}

td.download-file a, .woocommerce .woocommerce-order-downloads :last-child .download-file a {
    background-color: #29404e;
    display: block;
    border-radius: 10px;
    font-weight: normal;
    line-height: 20px;
}

td.woocommerce-table__product-name.product-name a {
    color: #29404e;
}

address {
    min-height: 185px;
}

.wc-block-checkout__terms a {
    color: #7ea4ce;
}
/*-------------------------Checkout Page End----------------------------------*/

/*-------------------------------Account Page---------------------------------*/

.page-id-10 .woocommerce a {
    color: #7ea4ce; 
}
/*-----------------------------Account Page End-------------------------------*/

/*------------------------Footer-------------------------------------*/
#copyright{
	background-color: #29404e;
    color: #ffffff;
    padding: 20px 0;
    margin-top: 30px;
}

#copyright p{
	text-align:center;
	font-size:12px;
}

.copyright-links {
    text-align: center;
}

#copyright .copyright-links a {
    cursor: pointer;
    color: #7ea4ce;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 15px;
}


/*------------------------Media Screen-------------------------------------*/
@media (max-width: 320px) {
  body {
      min-width: 320px;
    }
}

@media screen and (min-width: 481px) {
    
}
  
@media screen and (min-width: 500px) {  
#logo img {
        width: 500px;
    }
}

@media screen and (min-width: 781px) {
    .categories img {
        max-width: 80px;
    }
    
    #main li.product.type-product {
        width: 40%;
        float: none;
        margin: 2%;
    }
    
    #main .related.products li.product.type-product {
        margin: 1%;
    }
}

@media screen and (max-width: 1079px) {
    #main li.product.type-product, #main .related.products li.product.type-product {
        margin: 20px auto;
    }
}

@media screen and (min-width: 1080px) {
#logo img {
        width: 950px;
    }
    
    .header_banner h1 {
        width: 40%;
        top: 50%;
        transform: translate(0, -50%);
        margin: 0;
    }
    
    ul.latest-products-by-category li {
        width: 31%;
        display: inline-block;
        margin-right: 1%;
    }
    
    .woocommerce ul.products[class*=columns-] li.product {
        width: 48%;
        display: inline-block;
        margin: 20px 5px;
        max-width: 325px;
    }
    
    ul.products {
        text-align: center;
    }
    
    li.wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product {
        flex: 0 0 22% !important;
    }
}

@media screen and (max-width: 1090px) {

}

@media screen and (min-width: 1200px) {
    #main li.product.type-product {
        width: 18%;
        float: left;
        margin: 2%;
    }
}

@media screen and (min-width: 1280px) {
    #full-menu{
		display:block;
		margin: 0 auto;
		width: 412px;
	}

	#responsivemenu{
		display:none;
	}
}