/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
Author: Your Name
Description: A child theme for Divi.
*/
/* General Styles */
.header_space h3 {margin-top:20px; text-transform:none!important;}
/* Uber Menu Styles */
.et-l--header{
    position:relative;
    z-index:30;
}
#main-content{
    position:relative;
    z-index:20;
}
.et-l--header .et_pb_row, /* unbound from content area (full viewport width */
.et-l--header .et_pb_column, /* unbound from containing column */
.et-l--header .et_pb_code, /* unbound from code module */
.et-l--header .et_pb_code_inner{ /* unbound from code module inner */
    position:static !important;
}
/* Makes Product Page Images All Same Size */
.woocommerce div.product div.images img {max-height: 600px; width: auto !important; margin: auto;}
.attachment-shop_thumbnail {max-height: 100px!important; width: auto !important; margin: auto;}
/* Hide Box variation in product options */
.cfvsw-shop-variations label[for="pa_box"],
.cfvsw-shop-variations select[name="attribute_pa_box"],
.cfvsw-shop-variations [swatches-attr="attribute_pa_box"],
.cfvsw-shop-variations .reset_variations {display: none !important;}
/* Remove Divi hover overlay + icon on Woo products */
.et_shop_image .et_overlay,
.et_shop_image .et_overlay:before { 
  display: none !important;
}
/* Prevent the dimming effect on hover */
.et_shop_image:hover img,
.woocommerce ul.products li.product a:hover img {
  opacity: 1 !important;
}
/* YouTube Video Styling on Product Page */
            .youtube-video-wrapper {
                position: relative;
                width: 100%;
                max-width: 1280px; /* Adjust max-width as needed */
                margin: auto;
            }

            .youtube-video-container {
                position: relative;
                padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
                height: 0;
                overflow: hidden;
            }

            .youtube-video-container iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0; /* Start fully transparent */
                transition: opacity 1s ease-in-out; /* Smooth fade-in effect */
            }
/* Swatch Styling */
.et_pb_wc_add_to_cart form.cart .variations td.value span:after {border:none!important;}
/* Removes Cart Icon */
.et-cart-info {display:none;}
/* Key Features for Products */
.key_feature_1 {float:left!important; width:110px!important; margin-bottom:10px!important; margin-right:20px; height: 60px; font-size:14px; line-height:18px;}
.key_feature_1 img {width:20px;}
.key_feature_2 {float:left!important; width:140px!important; margin-bottom:10px!important; margin-right: 20px; height: 60px; font-size:14px; line-height:18px;}
.key_feature_2 img {width:20px;}
.key_feature_3 {float:left!important; width:140px!important; margin-bottom:10px!important; margin-right:20px; height: 60px; font-size:14px; line-height:18px;}
.key_feature_3 img {width:20px;}
.key_feature_4 {float:left!important; width:130px!important; margin-bottom:10px!important; height: 60px; font-size:14px; line-height:18px;}
.key_feature_4 img {width:20px;}
/* Mailchimp Form */
.mc_form {width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    background: #fff;
    border: none;
    padding: 1.5rem!important;
    font-size: 1.1rem;
    height: 2.8rem;
    box-sizing: border-box;
    border: 1px solid #fff;}
.mc_button {width: 100%;
    display: inline-block;
    vertical-align: top;
	border:none;
	margin-top:10px;
    font-size: 1.1rem;
    color: #fff;
    height: 2.8rem;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    background-color: #e02b20;
    z-index: 1;} 
/* Column Reverse */
@media screen and ( max-width: 980px ) {
 .reverse {display: flex; flex-direction: column-reverse;}
} 
@media screen and ( max-width: 1190px ) {
 .key_feature_1 {float:left!important; width:140px!important;}
}