/*
Theme Name: Firstweb Child Theme
Theme URI: http://brettarchibald.com
Description: Firstweb Child Theme
Author: Grant Pretorius
Author URI: https://firstweb.co.za
Version: 1.0.0
Template: Divi
*/


.et_header_style_left #logo {
  max-width: 69%;
}




/*--------------------------------------H TAGS----------------------------*/
/*--CENTER FOOTER INFO—DIVI CSS*/
#footer-info

{float:none;
	padding-bottom:10px;
	text-align: center;}
/*--END CENTER FOOTER INFO—DIVI CSS*/





/*--Mobile Menu Text Size--*/
.et_mobile_menu li a { font-size: 16px !important; }
/*--END Mobile Menu Text Size--*/
/*--------------------------------------H TAGS END-------------------------------*/

/*--Make submit button full width--*/
.pa-contact-form-submit-fullwidth .et_contact_bottom_container {
	width: 100%!important;
	flex-direction: column!important;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}

.pa-contact-form-submit-fullwidth .et_contact_bottom_container button {
	width: 100%!important;
	margin: 0;
}

/*--Superscript and subscript setting--*/
sup { position: relative;
	vertical-align: baseline;
    font-size: 15%;
    line-height: 0;
    vertical-align: baseline;
    top: -4em; }
sub { 
  top: 0.4em; 
}
/*--setting indents for OL and UL --*/
.entry-content ol, .entry-content ul {
    padding: 10px 0px 20px 20px;
    list-style-position: outside;
}
 
.entry-content ol li, .entry-content ul li {
    margin-bottom: 0px;
} 

.text-pad {padding-left:20px;padding-right:20px;
	padding-bottom:20px;
}


/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}
/*-------------------[Make logo bigger on mobile]------------------
Source: https://www.youtube.com/watch?v=e7XZkzkH8qs&t=72s*/

@media only screen and (max-width: 767px)
{ body header img#logo {
	max-width:80%!important;
		max-height:80%!important;
		height:auto;
	width:auto;
	}} {}


/*Hide logo on home page*/
.page-id-3 #logo {display:none!important;}

/* Reduce left spacing between blurb icon and blurb text */
.dm-tight-blurb.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left:1px!important;
}

/*Mobile menus hamburger*/
.mobile_menu_bar:before {
	color:#d6f76a;}

.et_mobile_menu li a { text-transform: uppercase;}

/*special link White*/
.special-link-white:hover {
    color: #ffffff; /* Change #007bff to your desired hover color */
}


/*special link White HOVER*/
.special-link-green:hover {
    color: #ffffff!important; /* Change #007bff to your desired hover color */
}

/*special link White NO-HOVER*/
.special-link-green{
    color: #a2d620!important; /* Change #007bff to your desired hover color */
}

/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}

/*special link White HOVER*/
.special-link-pink:hover {
    color:pink!important; /* Change #007bff to your desired hover color */
}

/*special link pink NO-HOVER*/
.special-link-pink{
    color: red!important; /* Change #007bff to your desired hover color */
}

/* Center align text only on tablet and mobile */
@media (max-width:980px) {
.center-text-on-mobile .et_pb_text_inner,
.center-text-on-mobile .heading
{
text-align: center!important;
}
}

/*--Make image fill the image moduale nomatter how high the column is--Source:https://www.youtube.com/watch?v=miIxPfxR8oM--*/
/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}
/*this sets the height of the image container*/
.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}
/*--this sets the height and fit of the actual image--*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}





/*Variant price color*/
.woocommerce div.product span.price  {color: #000!important;
}

@media (max-width: 767.99px){
.woocommerce-cart.woocommerce-page tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail{
    display: block;
	align-content:left!important;
}
}

@media (max-width: 767.99px){.et_pb_wc_cart_products_0_tb_body table.cart img {
    width: 120px!important;
	}}

/*buttons for woocommerce login and register*/
   .woocommerce button.button, .woocommerce-page button.button
{color: #333!important;}





/*Set color of UP arrow on right side of browser*/

/*———-https://www.youtube.com/watch?v=VlBRfkYoDJY&t=2s———-*/

.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}

/*UP ARROW - RETURN TO TOP ARROW*/.et_pb_scroll_top.et-pb-icon {
right: 15px;
bottom: 100px;
border-radius: 25px;
background: #482216;
padding: 10px;
}

.et_pb_scroll_top.et-pb-icon:hover {
background: rgba(255, 209, 5, 0.8);
}

.et_pb_scroll_top:before {
content: "\21";
}
/*Hide logo on home page*/
.page-id-2 #logo {display:none!important;}
/* Resize WooCommerce Badge for Mobile */
@media only screen and (max-width: 768px) {
    .your-badge-class {
        font-size: 12px; /* Adjust the font size */
        padding: 5px 10px; /* Adjust the padding */
        width: 50px; /* Adjust the width */
        height: auto; /* Adjust the height if needed */
    }
}

/*Drop down menu text color*/
#main-header .nav li ul a {
    color: #6a6969!important;
}
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: black !important; 
    opacity:1 !important;
} 

.related  {
    font-size: 22px!important;
}

.special-link-footer {color:#fcdc46!important;}


.posted_in a, .tagged_as a {
	color: #674019!important;}

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}

/*Edit sales badge*/

.woocommerce span.onsale {
	background-color: #fcdc46!important; /* Set the background color */
	font-size:small!important;
color:black!important;
}


body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button {
    border-color: #FCDC46!important;
	background-color: #FCDC46!important;}

/*ship to a different address field color and border setting*/
.woocommerce .et_pb_wc_checkout_shipping_0_tb_body form .form-row .input-text
{ font-size: 18px !important;
    border-width: 1px!important;
    border-color: #000!important;
    background-color: #fff!important;
border-radius:5px;
}
.select2-shipping_state-container
{background-color: #fff!important;}

/*-----------------------------------------------------*/
.continue-shopping-button {
    background-color: #fcdc46!important; /* Custom button color */
    color: #000!important;
    border: solid!important;
	border-width:1px!important;
	border-color:#333024!important;
    padding: 10px 20px;
	border-radius:7px!important;
    text-decoration: none;
  
	
}

.continue-shopping-button:hover {
    background-color: #e1b927;
    color: #fff;
}

/*shop notice
p:not(.has-background):last-of-type {
 padding: 25px 20px 25px 20px;
}
.woocommerce-store-notice, p.demo_store {
  
    background-color: #cf5252!important;
 
}*/

/* Hide the dropdown arrow on WooCommerce variation selects */
.single-product .variations select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}

/* For old Edge/IE */
.single-product .variations select::-ms-expand {
    display: none;
}

/* Hide the small triangle on variation buttons */
.woo-variation-items-wrapper .variable-item.button-variable-item::after,
.woo-variation-items-wrapper .variable-item.button-variable-item::before {
    display: none !important;
}

/* Fallback: hide any pseudo-element arrows inside variation buttons */
.single-product .variations .value span::after,
.single-product .variations .value span::before {
    display: none !important;
}