/*
Theme Name: GeckGo-Secure
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1739549315
Updated: 2025-02-14 18:08:35

*/
/* Hide image titles on hover */
img {
pointer-events:none;
}

.et_pb_shop_0 ul.products li.product .onsale {
    padding-top: 6px !important;
    padding-right: 18px !important;
    padding-bottom: 6px !important;
    padding-left: 18px !important;
    margin-top: -25px !important;
    margin-right: -30px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}
@media (min-width: 981px) {
   .woocommerce ul.products li.product {
        border: none;
        padding: 0px 25px 25px 25px;
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    }
    .dd-dme-9a .et-menu li li.menu-item-has-children > a:first-child:after {
        font-family: "ETmodules";
        content: "L";
        font-size: 14px;
        text-align: center;
        top: calc(50% - 14px);
        background-color: rgba(0, 0, 0, 0.05);
        width: 26px;
        border-radius: 0px;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
    }

    .dd-dme-9a .et-menu li li.menu-item-has-children > a:first-child:hover:after {
        background-color: #FFFFFF; /* Paste the color/hovered color before 12 */
    }

    .dd-dme-9a .nav li ul {
        border-top: none;
        border-radius: 0px; /* Border-radius of dropdown menu */
        -webkit-box-shadow: 0 0 50px 0 rgba(37, 45, 73, 0.15); /* Box-shadow of dropdown menu */
        box-shadow: 0 0 50px 0 rgba(37, 45, 73, 0.15); /* Box-shadow of dropdown menu */
    }

    .dd-dme-9a .nav li li {
        padding: 0;
    }

    .dd-dme-9a .nav li li a {
        width: 300px;
        font-size: 15px !important; /* Font-size of dropdown menu items */
        text-align: center;
        -webkit-transition: all .3s ease-in-out !important;
        transition: all .3s ease-in-out !important;
    }

    .dd-dme-9a .nav li li a:hover {
        background: transparent;
        opacity: 1;
    }

    .dd-dme-9a li li a span {
        position: relative;
    }

    .dd-dme-9a li li a > span:before {
        content: "";
        position: absolute;
        left: -15px;
        top: calc(50% - 1px);
        width: 12px;
        border-bottom: 2px solid #FFFFFF; /* Set the color/hovered color */
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    
    .dd-dme-9a li li a:hover > span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .dd-dme-9a li li a > span:after {
        content: "";
        position: absolute;
        right: -15px;
        top: calc(50% - 1px);
        width: 12px;
        border-bottom: 2px solid #FFFFFF; /* Set the color/hovered color */
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    
    .dd-dme-9a li li a:hover > span:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
	.dd-dme-9a .nav li ul.sub-menu li.current-menu-item > a {
		color: #FFFFFF !important; /* Set the color/hovered color */
	}
	
	.dd-dme-9a li li.current-menu-item > a > span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
	.dd-dme-9a li li.current-menu-item > a > span:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
/* Change the width of the dropdown container */
.dl-menu ul.sub-menu {
    width: 300px !important;
}

/* Change the width of the links inside the dropdown */
.dl-menu ul.sub-menu li,
.dl-menu ul.sub-menu li a {
    width: 100% !important;
}

/* Position the second level dropdown correctly */
.dl-menu .nav li li ul {
    left: 300px !important;
}
.dl-menu .nav li.et-reverse-direction-nav li ul {
    left:auto !important;
    right:300px !important;
}
/* Change the dropdown links hover effect */
.dl-menu.et_pb_module.et_pb_menu .nav li li a {
    transition: all .2s ease-in-out !important;
}
/* Add triangle arrow to the dropdown */
.dl-menu ul.nav > li > ul.sub-menu:before {
    content: '' !important ;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 10px 10px 10px !important;
    border-color: transparent transparent #1c763c transparent !important;
    position: absolute !important;
    top: -10px !important;
    left: 30px !important;
}
/* Center-align the dropdown */
.dl-menu ul.nav>li>ul.sub-menu {
    transform: translateX(-50%) !important;
    left:  -50% !important;
    transition: all .3s ease-in-out !important;
    top: 40px !important;
}
/* Move the first-level dropdown to the left */
.dl-menu ul.nav > li > ul.sub-menu {
    transform: translateX(-9px) !important;
}
/* Center-align the dropdown text */
.dl-menu .sub-menu a {
    text-align: center !important;
}
/* Change the default dropdown animation */
.dl-menu ul.nav > li > ul.sub-menu {
    transform:translateY(10px) !important;
    transition: all .3s ease-in-out !important;
}
.dl-menu ul.nav > li:hover > ul.sub-menu {
    transform:translateY(0) !important;
}
/* Move the arrow to the center */
.dl-menu ul.nav > li > ul.sub-menu:before {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
/* Change the width of the dropdown container */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu ul.sub-menu {
    width: 300px !important;
}

/* Change the width of the links inside the dropdown */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.sub-menu li,
 ul.sub-menu li a {
    width: 100% !important;
}

/* Position the second level dropdown correctly */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  .nav li li ul {
    left: 300px !important;
}
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .nav li.et-reverse-direction-nav li ul {
    left:auto !important;
    right:300px !important;
}
/* Change the dropdown links hover effect */
.et_pb_module.et_pb_menu .nav li li a {
    transition: all .2s ease-in-out !important;
}
/* Add triangle arrow to the dropdown */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.nav > li > ul.sub-menu:before {
    content: '' !important ;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 10px 10px 10px !important;
    border-color: transparent transparent #1c763c transparent !important;
    position: absolute !important;
    top: -10px !important;
    left: 30px !important;
}
/* Center-align the dropdown */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.nav>li>ul.sub-menu {
    transform: translateX(-50%) !important;
    left: -50% !important;
    transition: all .3s ease-in-out !important;
    top: 40px !important;
}
/* Move the first-level dropdown to the left */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.nav > li > ul.sub-menu {
    transform: translateX(-9px) !important;
}
/* Center-align the dropdown text */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .sub-menu a {
    text-align: center !important;
}
/* Change the default dropdown animation */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.nav > li > ul.sub-menu {
    transform:translateY(10px) !important;
    transition: all .3s ease-in-out !important;
}
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu  ul.nav > li:hover > ul.sub-menu {
    transform:translateY(0) !important;
}
/* Move the arrow to the center */
.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu ul.nav > li > ul.sub-menu:before {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.dd-me-031 nav > ul > li > a {
    padding: 0 6px!important;
}
.dd-me-031 nav > ul > li > a:hover {
    opacity: 1 !important;
}

 .dd-me-031 nav > ul > li > a > span {
    position: relative !important;
}

.dd-me-031 nav > ul > li > a > span:before {
    content: "";
    position: absolute;
    left: -12px;
    top: calc(50% - 1px);
    width: 10px;
    border-bottom: 2px solid #FFFFFF; /* Set the color/hovered color */
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.dd-me-031 nav > ul > li:hover > a > span:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.dd-me-031 nav > ul > li > a > span:after {
    content: "";
    position: absolute;
    right: -12px;
    top: calc(50% - 1px);
    width: 10px;
    border-bottom: 2px solid #FFFFFF; /* Set the color/hovered color */
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.dd-me-031 nav > ul > li:hover > a > span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.dd-me-031 nav > ul > li.current-menu-item > a > span:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.dd-me-031 nav > ul > li.current-menu-item > a > span:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.dd-me-031 nav > ul > li.current-menu-item > a {
    color: #FFFFFF !important; /* Set the color/hovered color */
}

/* ### YITH WISHLIST - ICON COLOR ### */
a.add_to_wishlist,
.fa-heart:before {
	color: #700f53 !important;
}
/* ### YITH WISHLIST - BUTTON COLOR ### */
.woocommerce-wishlist a.add_to_cart_button {
	background-color: #f45d00 !important;
	font-size: 14px !important;
    font-weight: 500;
	text-transform: uppercase;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: none;
    border-radius: 0px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	margin: 10px auto !important;
}
.woocommerce a.button, .woocommerce-page a.button {
	background-color: #f45d00;
	font-size: 14px !important;
    font-weight: 500;
	text-transform: uppercase;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: none;
    border-radius: 0px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.woocommerce-message {
	background: #ff0000 !important;
}
/* ### CART PAGE - COUPON BUTTON BG AND TEXT COLOR  ### */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    background-color: #f4f4f4 !important;
    color: #333333 !important;
    text-transform: uppercase;
    border-radius: 0px;
}
.woocommerce-cart .coupon button.button {
   background-color: #f45d00 !important;;
	color: #FFF !important;
	text-transform: uppercase;
	border-radius:0px;
}
/* ### CART PAGE - COUPON BUTTON PLACEHOLDER TEXT COLOR  ### */
.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
	color: #333333 !important;
}

/* ### CART PAGE - UPDATE CART BUTTON BG AND TEXT COLOR  ### */
.woocommerce-cart button.button{
 background-color: #f45d00 !important;;
	color: #FFF !important;
	text-transform: uppercase;
	border-radius:0px;
}

/* ### CART PAGE - PROCEED TO CHECKOUT BUTTON BG AND TEXT COLOR  ### */
.woocommerce-cart .wc-proceed-to-checkout a.button.wc-forward {
     background-color: #f45d00 !important;;
	color: #FFF !important;
	text-transform: uppercase;
	border-radius:0px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #ff0000 !important;
	color: #FFF !important;
}
/* ### CART PAGE ### */
.woocommerce-cart table.cart td.actions .coupon .input-text {
	font-size: 16px !important;
	text-align: center;
}
.woocommerce-cart .coupon button.button {
	font-size: 16px !important;
	text-align: center;
	padding: .65em 1em;
    border-width: 0px;
	font-weight: 300;
}
.woocommerce-cart .coupon button.button:hover {
	padding: .65em 1em !important;
}
.woocommerce-cart button.button{
	font-size: 16px !important;
	text-align: center;
	padding: .65em 1em !important;
    border-width: 0px;
	font-weight: 300;
}
.woocommerce-cart button.button:hover {
	padding: .65em 1em !important;
    border-width: 0px;
}
.woocommerce-cart button.button:after,
.woocommerce-cart .wc-forward::after {
	content: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.button.wc-forward:hover {
    padding: .3em 1em;
    border-width: inherit; 
}
.woocommerce-cart .wc-proceed-to-checkout a.button.wc-forward {
     border-width: 0px;
}
.woocommerce .wc-proceed-to-checkout a.button.wc-forward {
	font-weight: 400;
}
.woocommerce .wc-proceed-to-checkout a.button.wc-forward:hover {
	padding: .3em 1em;
	border-width: 0px;
}
@media all and (max-width: 479px) {
.woocommerce-cart table.cart td.actions .coupon .button {
	width: 100%
}}
.woocommerce-cart .et_overlay {
    background: rgba(0,0,0,0)!important;
	border: 0px solid #e5e5e5;
}
.woocommerce-cart .et_overlay:before {
	color: rgba(0,0,0,0)!important;
}
.woocommerce-cart .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px !important;
}

/* ### HOME PAGE ### */
@media all and (min-width: 981px) {
.home .woocommerce .products ul, .woocommerce ul.products {
    margin-bottom: 0em;
}
.home .woocommerce ul.products li.product {
    float: left;
    margin-bottom:0em;
}
.woocommerce ul.products li.product {
	border: 1px solid #dadada;
	padding: 0px 25px 25px 25px;	
}
.et_shop_image {
	margin: 0px -25px 0px -25px;
}}
/* ### SALE BADGE ### */
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
    left: auto !important;
    right: 10px !important;
}
/* ### YITH WISHLIST ### */
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    right: 10px !important;
}
.woocommerce-wishlist a.add_to_cart_button {
    border-width: 0px !important;
    color: #fff !important;
    font-size: 14px !important;
}
.woocommerce-wishlist a.add_to_cart_button:after {
	display: none;
}
@media (min-width: 981px) {
    .home .woocommerce ul.products li.product {
        float: left;
        margin-bottom: 2em;
    }
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
    border-radius: 0px !important;
}
.et-menu .menu-item-has-children>a:first-child:after {
    right: -10px !important;
}
 .woocommerce ul.products li.product { /* Adjust selector if needed */
        display: flex;
        flex-direction: column;
    }
.woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
    }