/*
Theme Name: Grocery Store PRO Child
Theme URI: https://athemeart.com/downloads/grocerystore-wordpress-woocommerce-theme/
Description: grocery-store-pro-child is a child theme of grocery-store-pro, created by ChildTheme-Generator.com
Author: aThemeArt
Author URI: https://athemeart.com/
Template: grocery-store-pro
Version: 1.1.2
*/




/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# ROOT
	- COOMON
	- BUTTON
# Header
	- top bar
	- Nav,logo section
# POSTS 
		
/*--------------------------------------------------------------
# ROOT
--------------------------------------------------------------*/
:root {
    --primary-color: #777777;
    --secondary-color: #7fba00;
    --secondary-color-rgb: 127, 186, 0;
    --tertiary-color: #3a3939;
    --quaternary-color: #fff;
    --opacity: 0, 0, 0;
    --nav-bg: #7fba00;
    --nav-bg_h: #fff;
    --nav-deep: #557c00;
    --nav-color: #fff;
    --nav-color_h: #7fba00;

    --heading-fonts: 'K2D', sans-serif;
    --nav-fotns: 'Poppins', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: var(--primary-color);

    position: relative;
    background: #FAFAFA;


}

#page {
    overflow: hidden;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--tertiary-color);
    font-family: var(--heading-fonts);
    font-weight: 700;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1400px;
}

a {
    color: rgb(78, 78, 78);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: var(--tertiary-color);
    text-decoration: none;
}

.info-text {
    color: rgb(78, 78, 78);
}

/* Button
        ========================================================================== */
/*
   .theme-btn,
   .added_to_cart.wc-forward {
       border: none;
       font-family: inherit;
       font-size: inherit;
       color: inherit;
       background: none;
       cursor: pointer;
       padding: 15px 30px;
       display: inline-block;
       text-transform: uppercase;
       letter-spacing: 1px;
       font-weight:normal;
       outline: none;
       position: relative;
       -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
       transition: all 0.3s;
       border:1px solid var(--secondary-color);
       background:none;
       overflow: hidden;
       font-family: 'K2D', sans-serif;
       font-size:14px;
       color: var(--secondary-color)!important;
       letter-spacing:2px;
       position: relative;
       border-radius: 5px;
       -webkit-border-radius: 5px;
   }
   
   .theme-btn  span{
       margin-right: 30px;
       z-index: 11;
       position:relative;
   }
   .theme-btn  i{
       font-size: 40px;
       position: absolute;
       right: 15px;
       top: 50%;
       margin-top: -18px;
       z-index: 11;
   
   
   }
   .theme-btn:after,
   .added_to_cart.wc-forward:after {
       content: '';
       position: absolute;
       width: 100%;
       height: 0;
       top: 50%;
       left: 50%;
       opacity: 0;
       -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
       transition: all 0.3s;
       background: var(--secondary-color);
       z-index: 1;
   }
   
   .theme-btn:hover::after,.theme-btn:focus::after, .theme-btn:active::after,
   .added_to_cart.wc-forward:hover::after,.added_to_cart.wc-forward:focus::after, .added_to_cart.wc-forward:active::after {
       height: 260%;
       opacity: 1;
   
   }
   .added_to_cart.wc-forward:after{
       z-index: -1;
   }
   .theme-btn:hover,.theme-btn:focus, .theme-btn:active,
   .added_to_cart.wc-forward:hover,.added_to_cart.wc-forward:focus {
       color: var(--quaternary-color)!important;
   }
   */

.theme-btn,
.added_to_cart.wc-forward {
    font-family: var(--heading-fonts);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color);
    background: none;
    outline: none;
    cursor: pointer;
    padding: 13px 30px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;

}

.theme-btn::before,
.added_to_cart.wc-forward:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: -35px;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--secondary-color);
    color: var(--quaternary-color);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.theme-btn>span,
.theme-btn i {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    display: inline-block;
}

.theme-btn:hover::before,
.added_to_cart.wc-forward:hover:before,
.theme-btn:focus::before,
.added_to_cart.wc-forward:focus:before {
    -webkit-transform: scale3d(-10, 9, 1);
    transform: scale3d(-10, 9, 1);
}


.theme-btn:hover,
.theme-btn:focus,
.added_to_cart.wc-forward:hover,
.added_to_cart.wc-forward:focus {
    color: var(--quaternary-color) !important;
}

.theme-btn:hover span,
.theme-btn:focus span {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.theme-btn:hover i,
.theme-btn:focus i {
    -webkit-transform: translateX(5px) scale(1.9);
    -moz-transform: translateX(5px) scale(1.9);
    -ms-transform: translateX(5px) scale(1.9);
    transform: translateX(5px) scale(1.9);
}

.theme-btn.inverted::before {
    content: attr(data-text);
    position: absolute;
    top: 0px;
    left: -2px;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    margin: 0px;
    border-radius: 0%;
    z-index: -1;
    padding: 13px 20px;
}


.theme-btn.inverted::after {
    content: "\eac4";
    text-align: center;
    font-size: 40px;
    font-family: 'IcoFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    position: absolute;
    width: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    top: 50%;
    left: 0px;
    text-align: center;
    margin-top: -18px;
}

.theme-btn.inverted>span {
    display: block;
}

.theme-btn.inverted::before,
.theme-btn.inverted>span {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.theme-btn.inverted:hover::before,
.theme-btn.inverted:focus::before,
.theme-btn.inverted:hover::after,
.theme-btn.inverted:focus::after,
.loop-btn-wrap:hover .theme-btn.inverted:before,
.loop-btn-wrap:focus .theme-btn.inverted:before,
.loop-btn-wrap:hover .theme-btn.inverted:after,
.loop-btn-wrap:focus .theme-btn.inverted:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0px;
}

.theme-btn.inverted:hover>span,
.theme-btn.inverted:focus>span,
.loop-btn-wrap:hover .theme-btn.inverted>span,
.loop-btn-wrap:focus .theme-btn.inverted>span {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.loop-btn-wrap:hover .theme-btn.inverted:after,
.loop-btn-wrap:focus .theme-btn.inverted:after {
    color: var(--quaternary-color) !important;
}

/*--------------------- theme btn 2nd --------------*/
/*.theme-btn:hover::after,.theme-btn:focus::after, .theme-btn:active::after*/
.nav-links .theme-btn span {
    margin-right: auto;
}

/*--------------------------------------------------------------
   # Header
   --------------------------------------------------------------*/
.topbar {
    background: #e3e3e3;
    line-height: 25px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
}

ul.menu-top-header {
    float: right;
    border-left: 1px solid #e1e1e1;
}

ul.menu-top-header>li {
    float: right;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #e1e1e1;
    list-style: none;
}

ul.menu-top-header>li>a {
    padding: 0 15px 0 15px;
    border: 0;
    font-size: 13px;
    display: block;
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

ul.menu-top-header>li i {
    margin-right: 5px;
}

ul.menu-top-header>li>a:hover,
ul.menu-top-header>li>a:focus,
ul.menu-top-header>li>a:active,
ul.menu-top-header>li.current_page_item>a {
    background: var(--secondary-color);
    color: var(--quaternary-color);

}

header.site-header {
    display: block;
    clear: both;
    padding: 20px 0px 0px 0px;
}

#static_header_banner {
    display: block;
    height: auto !important;
    background-color: transparent !important;
    position: relative;
    z-index: 1;
}

#static_header_banner:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}

#static_header_banner .content-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: black !important;
}

#static_header_banner .content-text h1 {
    text-align: center;
    margin: 1% auto;
    color: var(--secondary-color);
    font-size: 1.5rem;
}

/* Nav,logo section
        ========================================================================== */
.rd-navbar-static.sticky_disable.rd-navbar--is-stuck {
    position: static !important;
}

nav.rd-navbar {
    background: var(--nav-bg);
}

.rd-navbar-static .rd-navbar-nav>li>a {
    display: block;
    font-size: 16px;
    font-family: var(--nav-fotns);
    text-decoration: none;
    text-transform: uppercase;
    border-right-color: rgb(20, 24, 29);
    padding: 0px 20px;
    position: relative;
    line-height: 63px;
    font-weight: 500;
    letter-spacing: 2px;
    word-spacing: 2px;
    color: var(--nav-color);
    position: relative;
    padding-top: 1px;
}

.rd-navbar-static .rd-navbar-nav>li:hover>a,
.rd-navbar-static .rd-navbar-nav>li>a:focus,
.rd-navbar-static .rd-navbar-nav>li:active,
.rd-navbar-static .rd-navbar-nav>li.current-menu-item>a,
.rd-navbar-static .rd-navbar-nav>li.current_page_item>a,
.rd-navbar-static .rd-navbar-nav>li.current-menu-parent>a {
    color: var(--nav-color_h);
    background: var(--nav-bg_h);
    /*background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 34%);*/
    -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.06);
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.06);

}

.rd-navbar-static .rd-navbar-nav>li>a:after {
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.rd-navbar-static ul.rd-navbar-dropdown a {
    color: var(--nav-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;

}

.rd-navbar-static .rd-navbar-nav li i {
    margin-right: 5px;
    display: inline-block;
}

.rd-navbar-static .rd-navbar-dropdown li.focus>a,
.rd-navbar-static .rd-navbar-dropdown li.opened>a,
.rd-navbar-static .rd-navbar-dropdown a:hover,
.rd-navbar-static .rd-navbar-megamenu li.focus>a,
.rd-navbar-static .rd-navbar-megamenu li.opened>a,
.rd-navbar-static .rd-navbar-megamenu a:hover,
.rd-navbar-static .rd-navbar-megamenu li.current-menu-item>a,
.rd-navbar-static .rd-navbar-dropdown li.current-menu-item>a {
    color: var(--nav-color_h);
    background: var(--nav-bg_h);

}

button.grocery-store-rd-navbar-toggle {
    background: var(--secondary-color);
    outline: none;
    color: var(--quaternary-color);
    left: auto;
    border: 1px solid var(--secondary-color);
    outline: none;
    font-size: 30px;
    padding: 2px 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -30px;
    display: none;
    visibility: hidden;
}

button.grocery-store-rd-navbar-toggle:hover,
button.grocery-store-rd-navbar-toggle:focus {
    background: var(--quaternary-color);
    color: var(--secondary-color);
}

.rd-navbar-fixed .rd-navbar-nav li>a {
    color: var(--nav-color_h);
}

.rd-navbar-fixed .rd-navbar-nav li {
    border-bottom: 1px solid #F4F4F4;
}

.rd-navbar-fixed .rd-navbar-nav li li:last-child {
    border: none;
}

.rd-navbar-fixed .rd-navbar-nav li li>a {
    font-size: 14px;
}

.rd-navbar-subpanel {
    position: relative;
}

.rd-navbar-fixed .rd-navbar-nav li.opened>a,
.rd-navbar-fixed .rd-navbar-nav li>a:hover,
.rd-navbar-fixed .rd-navbar-nav li>a:focus,
.rd-navbar-fixed .rd-navbar-nav li>a:hover,
.rd-navbar-fixed .rd-navbar-submenu-toggle:hover,
.rd-navbar-fixed .rd-navbar-submenu-toggle:focus {
    background: var(--nav-bg);
    color: var(--nav-color);
}

.rd-navbar-static .rd-navbar-nav>li>a .nav_tooltips {
    position: absolute;
    bottom: calc(100% + 5px);
    background: #000;
    color: #fff;
    height: auto;
    line-height: 14px;
    font-size: 11px;
    padding: 4px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    left: 50%;
    margin-left: -25px;

}

.rd-navbar-static .rd-navbar-nav>li>a .nav_tooltips span {
    color: #fff;
}

.rd-navbar-static .rd-navbar-nav>li>a .nav_tooltips:before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    content: "";
    border-right: 8px solid transparent;
    border-top: 8px solid currentColor;
    border-left: 8px solid transparent;
}

/*------------------------------------------
   # Header Style 2
   ---------------------------------------------*/
header.site-header.site-header-2 {
    padding: 0px;
}

.site-branding a.site-title {
    display: inline-block;
    margin: 15px 0px 15px 0px;
}

.site-header.site-header-2 .nav-padding {
    margin: 0px 50px 0px 30px;
    display: block;

}

header.site-header.site-header-2 .header-nav-style-2 {
    position: relative;
}

header.site-header.site-header-2 .header-angel-style:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    width: 2000%;
    z-index: -1;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    background: var(--nav-bg);
}

header.site-header.site-header-2 .site-branding.header-angel-style:after {
    left: auto;
    right: 20px;
    background: rgba(var(--secondary-color-rgb), 0.5);
    background: var(--nav-deep);
}

.header-style-element {
    padding-top: 50px;
    padding-bottom: 50px;
}

.header-style-element .menu-category-list:before {
    display: none;
}

.header-style-element .menu-category-list {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

.apsw-search-wrap {
    z-index: 9 !important;
}

.header-style-element .menu-category-list,
.header-style-element .top-form-minicart {
    background: var(--nav-bg);
    line-height: 56px;
}

.header-style-element .top-form-minicart a.cart-contents {
    line-height: 56px
}

.header-style-element .menu-category-list:hover,
.header-style-element .menu-category-list:focus {
    background: var(--secondary-color);
    color: var(--quaternary-color);

}

.header-style-element .top-form-minicart {
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
}

/*--------------------------------------------------------------
   # POSTS
   --------------------------------------------------------------*/

.gs-content-wrap {
    padding: 40px 20px 40px 20px !important;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.048);
}

.gs-content-wrap .entry-title {
    margin: 5px 0 25px;
}

.gs-content-wrap .entry-title a {
    color: var(--tertiary-color);
}

.gs-content-wrap .entry-title a:hover,
.gs-content-wrap .entry-title a:focus,
.gs-content-wrap .entry-title a:active {
    color: var(--secondary-color);
}

.post-meta li {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    font-family: var(--heading-fonts);
    letter-spacing: 2px;
}

.post-meta li a {
    font-family: var(--heading-fonts);
    font-weight: 700;
}

.gs-content-wrap .img-box {
    position: relative;
    margin: -40px -20px 40px -40px;
}

.gs-content-wrap .img-box::after {
    background-color: rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
}

.gs-content-wrap .img-box i {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #FFF;
    z-index: 9;
    font-size: 40px;
}

.gs-content-wrap .content-wrap .theme-btn {
    margin-top: 30px;
}

body.single .post-meta-wrap {
    margin-bottom: 30px;
}

body.single .post-meta-wrap.none {
    margin-bottom: 0px;
}

/*===================================
   ************ widget **********
   =====================================*/

.sidebar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}

.sidebar table {
    width: 100%;
    border: 1px solid #E9E9E9;
    border-left: none;
    border-bttom: none;
}

.sidebar td,
.sidebar th {
    border: 1px solid #E9E9E9;
    border-right: none;
    border-top: none;
    padding: 5px;
    text-align: center;
}

.sidebar .widget {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    padding: 2rem;
    width: 100%;
    margin-top: -1px;
    font-size: 13px;

    background: #fff;
}

.widget .widget-title {
    margin-bottom: 25px;
    position: relative;
    letter-spacing: 2px;
    word-spacing: 5px;
    padding-left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.widget .widget-title:first-letter {
    font-size: 1.7rem
}

.widget:hover .widget-title {
    color: var(--secondary-color);
}

.widget-title::before {
    content: '';
    z-index: 1;
    opacity: 0.8;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    background-color: rgba(var(--secondary-color-rgb), 0.5);
}

.widget-title::after {
    content: '';
    z-index: 1;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    margin-top: -9px;
    background-color: var(--secondary-color);
}

/* Widget Search */
.sidebar .widget.widget_search {
    background-color: #f5f5f5;
    margin-bottom: 0px;
}

.widget_search label {
    margin-bottom: 0px;
    max-width: 100%;
}

.widget_search input[type="search"] {
    height: 40px;
    border: none;
    background: #fff;
    width: 600px;
    max-width: 100%;
    padding-left: 15px;
}

.widget_search form {
    position: relative;
}

.widget_search .search-submit,
.widget_search .search-submit:hover {
    margin-top: 0;
    width: auto;
    right: 0px;
    position: absolute;
    background: none;
    border-radius: 0px;
    overflow: hidden;
    text-indent: -600px;
    z-index: 9;
    padding-left: 15px;
    height: 40px;
    border: none;

}

.widget_search .search-submit:hover,
.widget_search .search-submit:focus {
    border: 1px solid var(--secondary-color);
}

#secondary .widget ul,
ul.popular_category_list,
ul.elementor_product_listing,
ul.product_list_widget {
    margin: 0px;
    padding: 0px;
}

ul.popular_category_list {
    padding-right: 15%;
}

#secondary .widget li,
ul.popular_category_list li,
.woocommerce-MyAccount-navigation li,
ul.elementor_product_listing li,
ul.product_list_widget li,
#colophon.site-footer ul.product_list_widget li {
    list-style: none;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-left: 25px;
    position: relative;
    font-size: 0.85rem;
    position: relative;
}

.woocommerce-MyAccount-navigation li {
    padding-left: 20px;
}

#secondary .widget li span.count {
    position: absolute;
    right: 10px;
    top: 8px;
}

#secondary .widget li:after,
.woocommerce-MyAccount-navigation li a:after,
ul.elementor_product_listing li:after,
ul.product_list_widget li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}

#secondary .widget li:last-child:after,
.woocommerce-MyAccount-navigation li:last-child:after,
ul.elementor_product_listing li:last-child:after,
ul.product_list_widget li:last-child:after {
    display: none;
}

#secondary .widget li:last-child,
ul.popular_category_list li:last-child {
    border: none;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-menu li a,
#secondary .widget li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: normal;
    display: block;
    color: var(--primary-color);
    text-decoration: none;
}

ul.elementor_product_listing li,
ul.product_list_widget li {
    padding-left: 0px !important;
}

.sidebar .widget li::before,
ul.popular_category_list li:before,
.woocommerce-MyAccount-navigation li:before,
.search-form::before,
#colophon.site-footer li:before,
.ata-product-category-grid-child-wrp ul.ata-child-category li:before {
    font-family: 'IcoFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0px;
    font-size: 16px;
    top: 50%;
    content: "\ea98";
    margin-top: -9px;

}

#secondary .post-date {
    display: block;
    text-align: right;
    font-size: 11px;
    font-style: italic;
}

.sidebar .widget.widget_archive li::before {
    content: "\eea5";
}

.sidebar .widget.widget_categories li::before {
    content: "\ec5b";
}

.sidebar .widget.widget_pages li::before {
    content: "\ef71";
}

.sidebar .widget.widget_meta ul li::before {
    content: "\ef1f";
}

.sidebar .widget.widget_recent_comments ul li::before {
    content: "\eff2";
}

.sidebar .widget.widget_recent_entries ul li::before {
    content: "\eedb";
}

.sidebar .widget.widget_tag_cloud ul li::before {
    content: "\ed73";
}

.search-form::before {
    z-index: 7;
    position: absolute;
    right: 12px;
    font-size: 16px;
    top: 20px;
    content: "\ed12";
    left: auto;
    color: var(--secondary-color);
}

.screen-reader-text {
    display: none;
}

#secondary .widget li a:hover,
#secondary .widget li a:focus {
    padding-left: 5px;
    color: var(--secondary-color) !important;
}

#secondary .widget li:hover:before,
#secondary .widget li:focus:before {
    color: var(--secondary-color);
}

.nav-previous .theme-btn i {
    right: auto;
    left: 15px;
}

.nav-previous .theme-btn:before {
    left: 100%;
}

.nav-previous .theme-btn:hover::before,
.nav-previous .theme-btn:focus::before {
    -webkit-transform: scale3d(11, 9, 1);
    transform: scale3d(11, 9, 1);
}

.nav-previous .theme-btn:hover i,
.nav-previous .theme-btn:focus i {
    -webkit-transform: translateX(-5px) scale(1.9);
    -moz-transform: translateX(-5px) scale(1.9);
    -ms-transform: translateX(-5px) scale(1.9);
    transform: translateX(-5px) scale(1.9);
}

.nav-previous .theme-btn:hover span,
.nav-previous .theme-btn:focus span {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.nav-links {
    float: right;
}

.nav-links .theme-btn {
    background: var(--quaternary-color);
}

.nav-links .nav-next {
    float: left;
    margin-left: 10px;
}

.nav-links .nav-previous {
    float: left;
}

/*--------------------------------------------------------------
       # SINGLE POST NAVIGATION
   --------------------------------------------------------------*/

.single-prev-next {
    background: #FFF;
    margin-bottom: 50px;
}

.single-prev-next .col-md-6 {
    padding: 20px;
    position: relative;
}

.single-prev-next .col-md-6.img:after {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    ;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    content: "";
    z-index: 1;
}

.single-prev-next h5 {
    margin-bottom: 0px;
    color: #CCC;
    font-size: 14px;
    font-weight: normal;
}

.single-prev-next h5,
.single-prev-next a {
    position: relative;
    z-index: 9;
}

.single-prev-next .col-md-6.img a:hover,
.single-prev-next .col-md-6.img a:focus {
    color: var(--quaternary-color);
}


/*--------------------------------------------------------------
       # COMMENT
   --------------------------------------------------------------*/

.comments-area {
    background: #FFF;
    padding: 25px;
}

ul.comment-list {
    display: block;
    margin: 0px;
    padding: 0px;
}

ul.comment-list li {
    margin: 0px;
    list-style: none;
    clear: both;
}

ul.comment-list li ul {
    margin-left: 20px;
}

.comment-meta .single-comment img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.comment-meta .single-comment .comment {
    width: calc(100% - 80px);
    padding-left: 20px;
    position: relative;
}

.comment-meta .single-comment .comment h6 {
    margin-bottom: 0px !important;
}

.comment-meta .single-comment .comment h6 a {
    text-transform: uppercase;
    color: #313131;
    margin: 10px 0 8px 0;
}

.comment-meta .single-comment .comment .date {
    text-transform: uppercase;
    font-size: 12px;
}

.comment-meta .single-comment .comment-text {
    margin-top: 10px;
}

.comment-meta .single-comment {
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}

.comment-meta .ellipse-left {
    position: relative;

}

.comment-meta .single-comment.reply-comment {
    margin-left: 50px;
}

.comment-meta .single-comment:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.comment-meta .single-comment .comment .reply {
    position: absolute;
    top: 0;
    right: 0;


}

.comment-meta .single-comment .comment .reply a {
    text-transform: uppercase;
    line-height: 24px;
    padding: 0 12px;
    background: #f7f7f7;
    font-size: 12px;
    color: #777;
    transition: all 0.3s ease-in-out;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.comment-meta .single-comment .comment .reply a:hover {
    color: #fff;
    background: var(--primary-color);
}

#comments h4.comments-title {
    margin-bottom: 50px;

}

#comments form input,
.content input,
#reviews input {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 15px;
    margin-bottom: 25px;
}

#comments form textarea,
#reviews form textarea,
.content textarea {
    width: 100%;
    max-width: 100%;
    height: 175px;
    max-height: 175px;
    padding: 15px;
    margin-bottom: 25px;
    font-size: 15px;
}

#comments .col-xl-4,
#reviews .col-xl-4 {
    position: relative;
}

#comments .col-xl-4 span.required,
#reviews .col-xl-4 span.required {
    position: absolute;
    right: 30px;
    top: 15px;
    color: #F00;
}

.form-allowed-tags div.text-wrp {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
}

.comment-notes {
    padding-top: 15px;
    padding-bottom: 15px;
}

#comments input[type="checkbox"],
#reviews input[type="checkbox"],
input[type="checkbox"],
ul.wc_payment_methods input[type="radio"] {
    border-radius: 2px;
    background: #DADADA;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin-right: 10px;

}

#comments input[type="checkbox"]:checked,
#reviews input[type="checkbox"]:checked,
input[type="checkbox"]:checked,
ul.wc_payment_methods input[type="radio"]:checked {
    background: var(--secondary-color);
}

#comments input[type="checkbox"]:before,
#reviews input[type="checkbox"]:before,
input[type="checkbox"]:before,
ul.wc_payment_methods input[type="radio"]:before {
    opacity: 0;
}

#comments input[type="checkbox"]:checked::before,
#reviews input[type="checkbox"]:checked::before,
input[type="checkbox"]:checked::before,
ul.wc_payment_methods input[type="radio"]:checked:before {
    float: left;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-top: 10px;
    margin-left: 2px;
    font-family: 'IcoFont';
    font-weight: normal;
    content: "\f00e";
    speak: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    opacity: 1;
}

.form-submit {
    margin-left: 15px;
    margin-bottom: 0px;
}

#comments input[type="checkbox"]:checked,
input[type="checkbox"]:checked,
#reviews input[type="checkbox"]:checked,
ul.wc_payment_methods input[type="radio"]:checked {
    background: var(--secondary-color);
}


#content .inx-single-post .post.search-page {
    padding-top: 30px;
}

ul.children {
    padding-left: 35px;
}

.logged-in-as {
    display: block;
    padding-left: 15px;
    padding-top: 10px;
}

/*--------------------------------------------------------------
       # Footer
   --------------------------------------------------------------*/
#colophon.site-footer {
    background: #fff;
    color: var(--primary-color);
    overflow: hidden;
}

#colophon.site-footer .footer_widget_wrap {
    border-bottom: dotted 1px rgba(255, 255, 255, .15);
}

#colophon.site-footer .widget {
    border-right: dotted 1px rgba(255, 255, 255, .15);
    padding: 40px;
    padding-top: 80px;
    padding-bottom: 60px;
}

#colophon.site-footer .widget-title {
    margin-bottom: 25px;
}

#colophon.site-footer .widget:last-child {
    border: none;
}

#colophon.site-footer .row.inx-flex {
    margin-left: -40px;
    margin-right: -40px;
}

#colophon.site-footer .site_info {
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--tertiary-color);
    border-top: 1px solid #eeeeee;
}

#colophon.site-footer a {
    color: var(--secondary-color);
}

#colophon.site-footer .social-list {
    float: right;
}

#colophon.site-footer .social-list a {
    color: #FFF;
    text-decoration: none;
}

#colophon.site-footer ul {
    margin: 0px;
    padding-left: 10px;
}

#colophon.site-footer li {
    list-style: none;
    display: block;
    padding-bottom: 5px;
    position: relative;
    padding-left: 15px;
    list-style: none;
}

#colophon.site-footer li::before {
    top: 50%;
    left: -8px;
    margin-top: -11px;
}

.social-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.social-list.size--big>li>a {
    width: 75px;
    font-size: 34px;
}

.social-list.text-center>li {
    margin: 5px;
}

.social-list>li {
    display: inline-block;
    margin-right: 30px;
}

.social-list>li>a {
    display: block;
    font-size: 28px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.dark-bg .social-list>li>a,
.colored-bg .social-list>li>a {
    color: #fff;
}

.social-list>li>a:hover {
    color: #00c3da;
}

.social-list>li>a i {
    line-height: inherit;
}

.social-list>li.social-item-facebook>a:hover,
#colophon.site-footer li.social-item-facebook>a:hover,
.social-list>li.social-item-facebook>a:focus,
#colophon.site-footer li.social-item-facebook>a:focus {
    color: #3b5998;
}

.social-list>li.social-item-twitter>a:hover,
#colophon.site-footer li.social-item-twitter>a:hover,
.social-list>li.social-item-twitter>a:focus,
#colophon.site-footer li.social-item-twitter>a:focus {
    color: #55acee;
}

.social-list>li.social-item-linkedin>a:hover,
#colophon.site-footer li.social-item-linkedin>a:hover,
.social-list>li.social-item-linkedin>a:focus,
#colophon.site-footer li.social-item-linkedin>a:focus {
    color: #0077b5;
}

.social-list>li.social-item-instagram>a:hover,
#colophon.site-footer li.social-item-instagram>a:hover,
.social-list>li.social-item-instagram>a:focus,
#colophon.site-footer li.social-item-instagram>a:focus {
    color: #3f729b;
}

.social-list>li.social-item-dribbble>a:hover,
#colophon.site-footer li.social-item-dribbble>a:hover,
.social-list>li.social-item-dribbble>a:focus,
#colophon.site-footer li.social-item-dribbble>a:focus {
    color: #ea4c89;
}

.social-list>li.social-item-github>a:hover,
#colophon.site-footer li.social-item-github>a:hover,
.social-list>li.social-item-github>a:focus,
#colophon.site-footer li.social-item-github>a:focus {
    color: #333;
}

.social-list>li.social-item-flickr>a:hover,
#colophon.site-footer li.social-item-flickr>a:hover,
.social-list>li.social-item-flickr>a:focus,
#colophon.site-footer li.social-item-flickr>a:focus {
    color: #0063dc;
}

.social-list>li.social-item-pinterest>a:hover,
#colophon.site-footer li.social-item-pinterest>a:hover,
.social-list>li.social-item-pinterest>a:focus,
#colophon.site-footer li.social-item-pinterest>a:focus {
    color: #bd081c;
}

.social-list>li.social-item-youtube>a:hover,
#colophon.site-footer li.social-item-youtube>a:hover,
.social-list>li.social-item-youtube>a:focus,
#colophon.site-footer li.social-item-youtube>a:focus {
    color: #cd201f;
}

.social-list>li.social-item-tumblr>a:hover,
#colophon.site-footer li.social-item-tumblr>a:hover,
.social-list>li.social-item-tumblr>a:focus,
#colophon.site-footer li.social-item-tumblr>a:focus {
    color: #35465c;
}

.social-list>li.social-item-snapchat>a:hover,
#colophon.site-footer li.social-item-snapchat>a:hover,
.social-list>li.social-item-snapchat>a:focus,
#colophon.site-footer li.social-item-snapchat>a:focus {
    color: #fffc00;
}

#colophon.site-footer .site_info .dev_credit {
    font-size: 14px;
    padding-top: 5px;
    display: inline-block;

}

/*----------------------------------------
       #Breadcrumb
   -----------------------------------------*/

a.ui-to-top {
    position: fixed;
    bottom: 20px;
    transition: .3s all ease;
    z-index: 99;
    right: 20px;
    padding-right: 30px;
    color: #1f1f1f;
    font-size: 60px;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);

}

a.ui-to-top:hover {
    color: var(--primary-color);
}

a.ui-to-top.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;

}

/*--------------------------------------------------------------
       # Content
   --------------------------------------------------------------*/

#main.site-main {
    padding-top: 2%;
}

#primary.container {
    padding-top: 1%;
    padding-bottom: 0%;
    height: auto !important;
}

.content-area p {
    display: block;
    padding-bottom: 20px;
    font-size: 90%;
}

.entry-content ol,
.entry-content ul,
.content-wrap ol,
.content-wrap ul {
    margin: 10px 0px 20px 20px;
    display: block;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.content-wrap h1,
.content-wrap h2,
.content-wrap h3,
.content-wrap h4,
.content-wrap h5,
.content-wrap h6 {
    padding-bottom: 20px;
}

.content-wrap blockquote {
    padding: 15px;
}

.content-area table {
    width: 100%;
    border: 1px solid #EAEAEA;
    padding: 5px;
    text-align: center;
    border-left: none;
    border-bottom: none;
}

.content-area table td,
.content-area table th {
    border: 1px solid #EAEAEA;
    padding: 5px;
    text-align: center;
    border-right: none;
    border-top: none;
}

/* ============================================================== 
        # Gallery
   =================================================================== */

.owlGallery,
.img-box .blocks-gallery-grid {
    display: block;
    overflow: hidden;
    position: relative;
}

.owl-carousel .owl-stage,
.img-box .blocks-gallery-grid .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owlGallery .owl-item,
.img-box .blocks-gallery-grid .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.img-box figure {
    margin-top: 0px;
    padding: 0px;
}

.owlGallery .owl-item figure.gallery-item {
    margin: 0px;
    width: 100% !important;
    max-width: 100% !important;
}

.owlGallery .owl-item img {
    width: 100%;
    display: block;
}

.owlGallery .owl-nav {
    display: none;
}

.gallery {
    margin-bottom: 1.5em;
    margin: 0px -15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 0px 13px;

}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    clear: both;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    body.admin-bar {
        margin-top: -46px;
        padding-top: 45px;
    }

    body.admin-bar .rd-navbar-fixed .rd-navbar-toggle {
        top: 35px;
    }

    body.admin-bar .rd-navbar-fixed .rd-navbar-nav-wrap {

        padding-top: 40px;
    }

    .gs-content-wrap .img-box {
        margin: -40px -20px 40px -20px;
    }

    .topbar,
    .topbar .text-right {
        text-align: center !important;
    }

}

.gs-tooltip {
    display: none;
    position: absolute;
    background-color: #161616;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 9999;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gs-tooltip:before {

    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    content: " ";
    border-right: 8px solid transparent;
    border-top: 8px solid #161616;
    border-left: 8px solid transparent;
}

.site-header .mg-20 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gs-header-block {
    padding: 40px 20px 40px 40px;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.048);
}

.share-warp {
    padding-top: 30px;
}

.rrssb-buttons li:first-child {
    padding-left: 0
}

.rrssb-buttons li:last-child {
    padding-right: 0
}

.single-social a .fab {
    font-size: 20px
}

.rrssb-buttons {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
}

.rrssb-buttons li {
    float: left;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0 1.5px;
    line-height: 13px;

}

.rrssb-buttons li i {
    color: #FFF;
}

.rrssb-buttons li.email a {
    background-color: #0a88ff
}

.rrssb-buttons li.email a:hover {
    background-color: #006ed6
}

.rrssb-buttons li.facebook a {
    background-color: #306199
}

.rrssb-buttons li.facebook a:hover {
    background-color: #244872
}

.rrssb-buttons li.linkedin a {
    background-color: #007bb6
}

.rrssb-buttons li.linkedin a:hover {
    background-color: #005983
}

.rrssb-buttons li.twitter a {
    background-color: #26c4f1
}

.rrssb-buttons li.twitter a:hover {
    background-color: #0eaad6
}

.rrssb-buttons li.googleplus a {
    background-color: #e93f2e
}

.rrssb-buttons li.googleplus a:hover {
    background-color: #ce2616
}

.rrssb-buttons li.youtube a {
    background-color: #df1c31
}

.rrssb-buttons li.youtube a:hover {
    background-color: #b21627
}

.rrssb-buttons li.reddit a {
    background-color: #8bbbe3
}

.rrssb-buttons li.reddit a:hover {
    background-color: #62a3d9
}

.rrssb-buttons li.pinterest a {
    background-color: #b81621
}

.rrssb-buttons li.pinterest a:hover {
    background-color: #8a1119
}

.rrssb-buttons li.stumbleupon a {
    background-color: #EF4E22
}

.rrssb-buttons li.stumbleupon a:hover {
    background-color: #D34229
}

.rrssb-buttons li a {
    background-color: #ccc;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 11px;
    min-width: 42px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    transition: background-color 0.2s ease-in-out;
}

.rrssb-buttons li a .icon {}

.rrssb-buttons li a .text {
    color: #fff;
    margin-left: 7px;
    vertical-align: 3px;
}


.tags-list {
    float: right;
}

.tags-list a,
.tags-list span {
    display: inline-block;
    line-height: 30px;
    border: 1px solid #CCC;
    margin: 0px 5px;
    padding: 5px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 500ms ease;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    margin-bottom: 5px;
}

.tags-list span {
    background: var(--secondary-color);
    color: var(--quaternary-color);
    font-size: 16px;
    border-color: var(--secondary-color);

}

.tags-list a:hover {
    background: var(--secondary-color);
    color: var(--quaternary-color);
    border-color: var(--secondary-color);
}

.related_post_heading {
    display: block;
    padding-bottom: 40px;
}

/* ============================================================== 
        # Theme Slider
   =================================================================== */
#gs-home-page-hero {
    position: relative;
    overflow: hidden;
}

#gs-home-page-hero .owl-item {
    display: block;
    height: 80vh;
    position: relative;
    z-index: 9;

    float: left;
}

#gs-home-page-hero .site-header-bg-wrap {
    animation: smoothFade 1s;
    -moz-animation: smoothFade 1s;
    -webkit-animation: smoothFade 1s;
    -o-animation: smoothFade 1s;

}

#gs-home-page-hero .site-header-bg.background-effect {
    background-attachment: scroll;
}

#gs-home-page-hero .background-effect {
    position: absolute;
    z-index: -999998;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#gs-home-page-hero .background-effect:after,
#gs-home-page-hero.video:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;

}

#gs-home-page-hero .content-text {
    display: flex;
    justify-content: center;
    height: 100%;
    color: #fff;
    padding: 1% 50% 0% 9% !important;
    position: relative;
    z-index: 9;
    vertical-align: central;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    #gs-home-page-hero .content-text {
        display: flex;
        justify-content: center;
        height: 100%;
        color: #fff;
        padding: 1% 50% 0% 0% !important;
        position: relative;
        z-index: 9;
        vertical-align: central;
    }
}


#gs-home-page-hero .content-text h1 {
    text-transform: uppercase;
    font-size: 3vw !important;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2%;
    font-family: 'Times New Roman', Times, serif;
    text-shadow: 5px 5px 35px rgba(43, 49, 54, 0.4);
    padding-bottom: 30px;
    color: #fff;
}

#gs-home-page-hero .content-text p {
    width: 90%;
    font-size: 2rem;
    font-weight: bold;
    line-height: 2rem;
}

#gs-home-page-hero.video {
    overflow: hidden;
}

#gs-home-page-hero.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -999998;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#gs-home-page-hero .gs-home-page-hero-item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

}

#gs-home-page-hero .btn-wrp {
    margin-top: 3%;
}

#gs-home-page-hero .btn-wrp a {
    margin-top: 3%;
}


/* ============================================================== 
        # Theme end
   =================================================================== */
#gs-home-page-hero .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -100px;
    display: none;
}

#gs-home-page-hero .owl-nav button {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 0;
    line-height: 50px;
    color: #fff;
    font-size: 40px;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: normal;
    line-height: 15px;
}


#gs-home-page-hero .owl-nav button i {
    position: relative;
    z-index: 1;
}

#gs-home-page-hero .owl-nav button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
}

#gs-home-page-hero .owl-nav button:hover {
    cursor: pointer;
    color: var(--secondary-color);
    border-color: #fff;
}

#gs-home-page-hero .owl-nav button:hover:before {
    width: 50px;
}

#gs-home-page-hero .owl-nav button:focus {
    outline: none;
}

#gs-home-page-hero .owl-nav button>i {
    line-height: 1;
    position: relative;
    z-index: 10;
    margin-left: -20px;
    display: none;
    line-height: 30px;
}

#gs-home-page-hero .owl-nav button+button {
    margin-top: -1px;
    display: none;
}

.light-slide .slide-arrows>button {
    border-color: rgba(31, 31, 31, 0.7);
    color: #1f1f1f;
}


.grocery-store-breadcrumbs {
    position: absolute;
    right: 0;
    bottom: 30px;

    display: none;
}

.grocery-store-breadcrumbs ul {

    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.grocery-store-breadcrumbs li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    margin-right: 20px;
    text-transform: capitalize;
}

.grocery-store-breadcrumbs li:before {
    content: " / ";
    position: absolute;
    right: -23px;
    color: var(--quaternary-color);
}

.grocery-store-breadcrumbs li:last-child:before {
    display: none;
}

.ata-product-grids-wrp .loop-btn-wrap .theme-btn {
    margin-top: 0px;
}

.grocery-store-breadcrumbs li a {
    color: var(--quaternary-color);
}

.grocery-store-breadcrumbs li span.current-item {
    color: var(--secondary-color);
}

@media only screen and (max-width : 731px) {
    .aspw-widgets-wrap-class {
        width: calc(100% - 140px);
        min-width: 0px;
        float: left;
        display: inline-block;
    }

    header.site-header .text-right {
        text-align: center !important;
    }

    .top-form-minicart,
    .menu-category-list {
        width: 20%;
        margin: 0px auto;
        float: left;

    }

    .top-form-minicart {

        float: left;
    }

    .menu-category-list {
        margin-top: 10px;
    }

}

@media only screen and (max-width : 420px) {
    .aspw-widgets-wrap-class {
        width: 100% !important;
        margin-top: 15px;
    }

    .menu-category-list,
    .top-form-minicart {

        width: 100%;
        display: block;
        margin-bottom: 10px;
        max-width: 100%;
        clear: both;
        max-width: 90%;
        float: none;
    }

    .header-style-element .header-icon,
    .site-header .header-icon {
        display: none;
    }

    .header-style-element .top-form-minicart {
        float: none;
        display: block;
        clear: both;
        margin: 0px auto;
        margin-top: 15px;
    }

    .loop-btn-wrap {
        padding: 0px !important;
    }

    .loop-btn-wrap .icon-btn {
        display: none;
    }
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
    margin-bottom: 0px !important;

}

.gs-content-wrap .blocks-gallery-grid {
    margin: 0px -10px;
}

.gs-content-wrap .content-wrap .blocks-gallery-item {
    width: 31.33%;
    float: left;
    margin: 0px 1%;
    margin-bottom: 15px !important;
}

ul.elementor_product_listing li img {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.error-404 {
    margin: 0px auto;
    text-align: center;
}

.error-404 .theme-btn {
    margin-top: 50px;
}

/***-------------------------*/
ul.flat-support,
.info-text ul {
    padding: 0px;
    margin: 0px;
}

ul.flat-support li,
.info-text ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    padding-top: 7px;
}

ul.flat-support li:after,
.info-text ul li:after {
    content: "/";
    position: absolute;
    right: -15px;
    top: 8px;
}

ul.flat-support li:last-child,
.info-text ul li:last-child {
    margin-right: 0px;
}

ul.flat-support li:last-child:after,
.info-text ul li:last-child:after {
    display: none;
}

ul.flat-support li i,
.info-text ul li i {
    margin-right: 7px;
}

ul.flat-support li a,
.info-text ul li a {
    font-size: inherit;
    font-family: inherit;

}

ul.flat-support li:first-child>a,
.info-text ul li:first-child>a {
    padding-left: 0;
}

ul.flat-support li:last-child>a,
.info-text ul li:last-child>a {
    padding-right: 0;
    border-right: none;
}

.img-box figure {
    overflow: hidden;
}

@media only screen and (max-width : 800px) {
    .rd-navbar-fixed .rd-navbar-nav li span.nav_tooltips {
        display: none !important;
    }

    .rd-navbar-fixed .rd-navbar-toggle,
    .rd-navbar-fixed button.rd-navbar-toggle {
        position: absolute;
    }

    button.grocery-store-rd-navbar-toggle {
        display: block;
        visibility: visible;
    }

    .rd-navbar-fixed .rd-navbar-nav li>a i {
        margin-right: 10px;
        font-size: 12px;
    }
}

.slider-item img {
    width: 100%;
    height: auto;
}


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

    #static_header_banner .content-text h1,
    #gs-home-page-hero .content-text h1 {
        font-size: 1.7rem !important;
        line-height: 100% !important;
        margin-top: 7% !important;
    }

    .ata-sidebar-info {
        min-height: 200px;
    }

    #gs-home-page-hero .content-text p {
        font-size: 1.2rem !important;
        line-height: 100% !important;
        width: 100% !important;
    }
}

.img-box .blocks-gallery-grid .blocks-gallery-item {
    width: 100% !important;
}

.img-box .blocks-gallery-grid .owl-nav {
    display: none !important;
}

.be-grid-item .blog-title.entry-heading {
    margin-bottom: 20px;
}

.be-grid-item .more-link {
    display: block;
    padding-top: 20px;
}

.wpcf7-form {
    max-width: 750px;
    display: block;
    margin: 0px auto;
}

.wpcf7-form label {
    display: block;
    width: 100%;
}

.u-column1.col-1,
.u-column2.col-2,
#customer_login .col-1,
#customer_login .col-2 {
    max-width: 50% !important;
    float: left !important;
}

.woocommerce form .form-row .required,
abbr.required {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}

.TitleCatégories {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 30%;
}

/* buttonDecouvr Border Style */

.svgbutton {
    width: 200px;
    position: absolute;
}

#svg_29 {
    fill: rgba(255, 255, 255, 0.3);
}

.buttonDecouvr:hover #svg_29 {
    fill: rgba(132, 132, 132, 0.464);
}

.borderLine {
    opacity: 0;
    transition: 0.5s;
}

.layer:hover .borderLine {
    opacity: 1;
    transition: opacity 0.5s;
}

.templateButtonDecouvr {
    text-align: center;
    padding-top: 70%;

}

.CardSousElement {
    position: absolute;
    top: 0%;
    width: 100%;
}

.templateButtonDecouvrHeader {
    text-align: start;
    position: relative;
}

.templateButtonDecouvrCategorieCard {
    margin-top: -40%;
    text-align: center;
    position: relative;
    z-index: 9;
}

.textButtonDecouvr {
    font-weight: bold;
}


/* BUTTON CATALOGUE */

.catalogueButton {
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
}

#svg_99 {
    fill: #7fba00;
}

.buttonCatalogue {
    text-align: center;
    margin: 3%;
    position: relative;
}

.container-product-produit {
    margin-top: 1%;
    width: 1400px;
    margin-bottom: 1%;
}

.single_variation_wrap .extra-options tr {
    display: flex;
    justify-content: center;

}

li #select2-rfp_sba_dl_300-result-gejw-porte {
    width: 585px !important;
}

/* Récupération du prix a coté du panier  */
.test {
    color: red !important;
}

.CartPriceSingleProduct,
.cartPriceVariableProduct {
    display: flex;
    flex: 1 1;
    align-items: baseline;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}

.CartPriceSingleProduct .cart-btn {
    margin: 0 !important;
}

@media (max-width: 1275px) {

    .CartPriceSingleProduct,
    .cartPriceVariableProduct {
        flex: 1 1;
        align-items: baseline;
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.price-display-container {
    display: flex;
    align-items: baseline;
}

@media (max-width: 1275px) {
    .price-display-container {
        display: flex;
        align-items: baseline;
    }
}

.variation-price {
    /* margin-left: 10%; */
    font-family: var(--heading-fonts);
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--secondary-color);
    font-weight: normal;

}

.display-price {

    font-family: var(--heading-fonts);
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--secondary-color);
    font-weight: normal;
    margin-left: 1.5rem
}

.regular-price {
    font-size: 1rem;
    color: var(--primary-color);
    text-decoration: line-through;
    padding-left: 1rem
}



/* Input qui dépasse sur produit  */

.select2-selection .select2-selection--single {
    max-width: 600px !important;
}

.select2-selection__rendered {

    max-width: 600px !important;
}

.select2 .select2-container .select2-container--default {
    width: 600px !important;
}

.select2 .select2-container .select2-container--default .select2-container--below {
    width: 600px !important;
}


#tab-description h3 {
    display: none;
}

/* Modification du logo  */

@media screen and (min-width:1280px) {

    .site-branding img {
        height: 4rem
    }
}

.image-hover-wrap {
    display: none;
}

.apsw-select-box-wrap {
    width: 29% !important;
}

.single_variation_wrap .woocommerce-variation-price {
    display: none !important;
}

.summary .price {
    display: none !important;
}

/* HOMEPAGE */

.ata-category-grid-wrp .cat-wrap {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.ata-category-grid-wrp .cat-wrap img {
    filter: brightness(70%) !important;
    border-radius: 10px !important;
}

.ata-category-grid-wrp .cat-wrap figcaption {
    position: absolute !important;
    width: 100% !important;
}

.ata-category-grid-wrp .cat-wrap .heading {
    min-height: 60px !important;
}

.ata-category-grid-wrp .cat-wrap .theme-btn {
    padding: 2% 10% 2% 10% !important;
    background-color: white !important;
    color: var(--secondary-color) !important;
    margin-top: 10% !important;
    font-size: 10px !important;
}

.ata-category-grid-wrp .cat-wrap .theme-btn:hover {
    color: white !important;
}

.elementor-widget-container .ata-category-grid-wrp .col-md-3 {
    margin-bottom: 2% !important;
}


.elementor-element .elementor-widget-container .elementor-button-wrapper {
    margin: 3% !important;
}

.elementor-widget-container .icon-box-wrap .item-box {
    min-height: 315px !important;
    text-align: center !important;
    background-color: white !important;
}

.elementor-widget-container .icon-box-wrap .item-box .item-box-content .fa {
    font-size: 40px !important;
    margin: 5% !important;
    color: var(--secondary-color) !important;
}

.elementor-widget-container .icon-box-wrap .item-box .item-box-content .desc {
    padding: 10% !important;
}

.elementor-column .elementor-widget-wrap .elementor-element .elementor-widget-container img {
    height: auto !important;
}

/* PAGE SOUS CATEGORIES */

#static_header_banner .content-text .container {
    margin-top: 2% !important;
}

.site-header-text-wrap .subtitle {
    width: 80% !important;
    margin: 0 auto !important;
}

.product-category .woocommerce-loop-category__title {
    color: white !important;
    font-family: var(--heading-fonts);
    font-weight: 700;
    position: absolute !important;
    top: 14% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center;
}

.woocommerce-loop-category__title .count {
    display: none !important;
}

.product-category a {
    display: flex !important;
    justify-content: center !important;
}

.product-category a img {
    filter: brightness(70%) !important;
    border-radius: 10px !important;
}

.moduleDecouverte .elementor-widget-be-service .elementor-widget-container {
    margin: 2% !important;
}

.buttonCategory {
    padding: 2% 10% 2% 10% !important;
    background-color: white !important;
    color: var(--secondary-color) !important;
    margin-top: 10% !important;
    font-size: 15px !important;
    position: absolute !important;
    top: 65% !important;
    border-radius: 5px !important;

}

.buttonCategory:hover {
    color: white !important;
    border-radius: 5px !important;
    background-color: var(--secondary-color) !important;
    -webkit-transition: -webkit-transform .3s, opacity .3s !important;
    transition: transform .3s, opacity .3s !important;
}

/* PAGE DE PRODUIT */

.product-template-default #page #static_header_banner .content-text .container .site-header-text-wrap .page-title-text {
    display: none !important;
}

.product-loop-wrp .content-wrap .woocommerce-loop-product__title {
    min-height: 95px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.summary .compare-wishlist-single-post {
    display: none !important;
}

.summary .product_title {
    color: var(--secondary-color) !important;
    display: inline-block !important;
}

/* SEARCH BAR */

.apsw-search-wrap .apsw_ajax_result .apsw_result_wrap .apsw_empty a {
    text-transform: initial !important;
}

.linkButtonCatalogue {
    width: max-content !important;
    margin: 0 auto !important;
    background-color: var(--secondary-color) !important;
    padding: 0.5% 2% 0.5% 2% !important;
    border-radius: 5px !important;
}

.linkButtonCatalogue .catalogues {
    color: white !important;
    font-weight: bold !important;
}

#masthead .container .align-items-center .text-right {
    display: flex !important;
}


#masthead .container .align-items-center .text-right .buttonCompte {
    display: flex !important;
    align-items: center !important;
    width: 20% !important;
    justify-content: center !important;
}

.buttonCompte .fa-user {
    font-size: 20px !important;
}

/* ENLEVER LES BORDURES DES CONFIGURATIONS ET OPTIONS */

.content-area table th {
    border: none !important;
}

.content-area table {
    border: none !important;
}

.content-area table td {
    border: none !important;
}

/* FLECHE CAROUSEL  */

.elementor-widget-container .swiper-button-next {
    right: -40px !important;
}

.elementor-widget-container .swiper-button-prev {
    left: -40px !important;
}

/* INPUT PRODUIT */

ul.products li.product .button.theme-btn.inverted::after,
.compare-table .theme-btn.inverted::after {
    content: "";
    font-size: 36px;
}

.select2-container {
    z-index: 0 !important;
    width: 500px !important;
}

.extra-options .leftside {
    min-width: 100px !important;
    text-align: initial !important;
}

.extra-options tr {
    width: max-content;
}


/* Modification du logo  */

@media screen and (max-width:980px) {
    .select2-container {
        z-index: 0 !important;
        width: 70% !important;
    }

}

@media screen and (max-width:500px) {
    .select2-container {
        z-index: 0 !important;
        width: 70% !important;
    }

}

.woocommerce div.product form.cart table.extra-options,
table.extra-options {
    font-size: 14px !important;
}

.cartPriceVariableProduct {
    margin-top: -1vw !important;
}

/* LOGO PROMO SUR PRODUIT */

.onsale {
    font-size: 0.7rem !important;
}

/* HOVER SUR PANIER LIEN DU PRODUIT QUI DEPASSE */

.dropdown-box {
    overflow: hidden !important;
}

/* PAGE DE PANIER (SOUS-TOTAL ET EXPEDITION A DROITE) */

.entry-content-wrap .woocommerce .cart-collaterals {
    float: none !important;
    margin: 0 auto !important;
    width: 60% !important;
    max-width: none !important;
}

.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
    display: flex !important;
    justify-content: center !important;
}

tfoot {
    border: 1px solid black;
}

tfoot tr th {
    float: left !important;
}

.woocommerce-table__line-item .woocommerce-table__product-name a {
    color: var(--secondary-color) !important;
}

.woocommerce-customer-details .woocommerce-column--billing-address {
    text-align: center !important;
    border: 1px solid black !important;
    min-height: 250px !important;
}

.woocommerce-customer-details .woocommerce-column--shipping-address {
    text-align: center !important;
    border: 1px solid black !important;
    min-height: 250px !important;
}

.woocommerce-table__line-item {
    border: 1px solid black !important;
}

.thwepo_simple tbody tr {
    display: flex !important;
}

.extra-options tbody .label {
    display: flex !important;
}

.extra-options tbody .value {
    display: flex !important;
}

.extra-options tbody tr .value .select2-container--default {
    width: 400px !important;
    margin-left: 5% !important;
}

.select2-container--open {
    width: 379px !important;
}

@media screen and (max-width:980px) {
    .select2-container--open {
        width: 200px !important;
    }

    .extra-options tbody tr .value .select2-container--default {
        width: 200px !important;
        margin-left: 5% !important;
    }
}

.elementor-widget-eael-woo-product-carousel {
    margin-bottom: 3% !important;
}

@media screen and (max-width: 420px) {
    #masthead .container .align-items-center .text-right .buttonCompte {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 8% !important;
    }

    #masthead .container .align-items-center .text-right .buttonCompte {
        padding-top: 8% !important;
    }

    .apsw-select-box-wrap {
        width: 48% !important;
    }

    .apsw-search-wrap .apsw-search-form input {
        font-size: 11px !important;
    }

    .cart .extra-options .thwepo_checkbox {
        width: 100% !important;
    }

    #page .topbar .container .row .text-right {
        display: flex !important;
        justify-content: center !important;
    }

    .thwepo_simple tbody tr {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        margin: 0 auto !important;
        float: none !important;
        width: 90% !important;
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        border: 1px solid var(--secondary-color);
        min-width: 200px;
        float: left;
        max-width: none;
        padding: 11.5px 15px;
    }

    .woocommerce-cart-form .shop_table .actions .button {
        display: flex !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .choix_couleur {
        display: flex;
        flex-direction: column;
    }

    .cartPriceVariableProduct .cart-btn {
        margin-top: 10px !important;
    }

    #post-9 .entry-content-wrap {
        width: 100% !important;
    }

    .elementor-widget-container .ata-section-title .display-4 {
        font-size: 2.5rem !important;
    }

    .elementor-widget-container .ata-category-grid-wrp .col-md-3 {
        margin-bottom: 8% !important;
    }

    #primary .row #main .entry-summary .entry-title {
        font-size: 1.5rem !important;
        margin-top: 5% !important;
        line-height: 90% !important;
    }

    .rd-navbar .rd-navbar-outer .rd-navbar-inner .rd-navbar-subpanel .toggle-original-elements {
        width: 295px !important;
    }

    .rd-navbar .rd-navbar-outer .rd-navbar-inner .rd-navbar-subpanel .toggle-original-elements #menu-navigation-principale li {
        width: 90% !important;
    }

    .rd-navbar .rd-navbar-outer .rd-navbar-inner .rd-navbar-subpanel .toggle-original-elements .rd-navbar-toggle {
        display: inline-block !important;
        font-size: 20px !important;
        text-align: center !important;
        cursor: pointer !important;
        color: #333 !important;
        padding: 15px !important;
        border-radius: 50% !important;
        position: absolute !important;
        z-index: 17 !important;
        top: -15px !important;
        right: 17px !important;
        background: none !important;
        border: none !important;
        width: 20px !important;
        height: 20px !important;
    }

    .rd-navbar .rd-navbar-outer .rd-navbar-inner .rd-navbar-subpanel .toggle-original-elements .rd-navbar-submenu-toggle {
        width: 40px !important;
    }

    .slider-item .site-header-bg-wrap .background-effect {
        background-position: right !important;
    }

    .slider-item .content-text .container {
        background-color: #335e31ce !important;
        margin-left: 100% !important;
        padding: 10% !important;
        text-align: center !important;
        border-radius: 10px !important;
        min-width: 131% !important;
    }

    .slider-item .content-text .container .btn-wrp .theme-btn {
        font-size: 0.7rem !important;
        line-height: 11px !important;
        padding: 7% !important;
        font-weight: bold !important;
        margin-top: 10% !important;
    }

    .woocommerce-product-details__short-description .short-description h4 {
        margin-bottom: 5% !important;
        margin-top: 5% !important;
    }

    .woocommerce-product-details__short-description .short-description .std p {
        display: none !important;
    }
}

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

    .apsw-select-box-wrap {
        width: 46% !important;
    }

    .woocommerce-cart-form .shop_table .actions .coupon {
        margin: 0 auto !important;
    }

    .woocommerce-cart-form .shop_table .actions .button {
        display: flex !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        margin: 0 auto !important;
        float: none !important;
        width: 70% !important;
    }

    .woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        display: flex !important;
        justify-content: center !important;
    }

    #masthead .container .align-items-center .text-right {
        display: flex !important;
        justify-content: center !important;
    }

    #masthead .container .align-items-center .site-branding {
        display: flex !important;
        justify-content: center !important;
    }

    .choix_couleur {
        display: flex !important;
        flex-direction: column !important;
    }

    .cartPriceVariableProduct .cart-btn {
        margin-top: 10px !important;
    }
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table .cart-subtotal {
    display: flex;
    align-items: baseline;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table .woocommerce-shipping-totals {
    display: flex;
    align-items: baseline;
}

.cart-collaterals .cart_totals .shop_table .order-total {
    display: flex !important;
    align-items: baseline !important;
}

.cart-collaterals .cart_totals .shop_table .order-total td {
    margin-left: 10% !important;
}


/* PAGE DE COMMANDE */

.content-area table.woocommerce-checkout-review-order-table th.product-name,
.content-area table.woocommerce-checkout-review-order-table td.product-name {
    text-align: left;
}

#payment .place-order .place_order_btn {
    margin: 0 auto !important;
}

.entry-content-wrap .woocommerce .woocommerce-checkout {
    display: grid !important;
}

.entry-content-wrap .woocommerce .woocommerce-checkout #order_review_heading {
    padding: 4% !important;
    text-align: center !important;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields h3 {
    padding: 4% !important;
    text-align: center !important;
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address {
    padding: 4% !important;
    text-align: center !important;
}

/* PAGE DE COMPTE */

#post-9 .entry-content-wrap {
    width: 60%;
    margin: 0 auto !important;
    text-align: center !important;
}

#post-9 .woocommerce h2 {
    margin-bottom: 5% !important;
}

#post-9 .woocommerce-form-login .g-recaptcha {
    display: flex !important;
    justify-content: center !important;
}

#post-9 .woocommerce-form-login .form-row .woocommerce-form__label-for-checkbox {
    margin-top: 5% !important;
}

#post-9 .woocommerce-form-login .form-row .woocommerce-form-login__submit {
    margin: 0 auto !important;
    margin-top: 2% !important;
}

/* PAGE DE CONTACT */

#post-678 .entry-title {
    text-align: center !important;
}

#post-678 .wpcf7-form p .wpcf7-form-control {
    display: flex !important;
    margin: 0 auto !important;
}

/* MENTION LEGALES */

#post-685 .entry-title {
    text-align: center !important;
}

#post-685 .entry-content-wrap h3 {
    text-align: center !important;
    margin-bottom: 5% !important;
}

/* SOCIAL ICONS */

.cn-fa-facebook:hover .cnss-facebook .fa-facebook {
    color: white !important;
}

.cn-fa-youtube:hover .cnss-youtube .fa-youtube {
    color: white !important;
}

.cn-fa-instagram:hover .cnss-instagram .fa-instagram {
    color: white !important;
}

/* TITRE DES PRODUITS */

#primary .row #main .entry-summary .entry-title {
    font-size: 2rem !important;
}

.apsw_result_on_sale {
    background-color: var(--secondary-color) !important;
}

.apsw_result_wrap .apsw_data_container .apsw-price del .woocommerce-Price-amount bdi {
    text-decoration: line-through !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    z-index: 6 !important;
}

ul.apsw_data_container li .apsw_result_on_sale {
    top: -3px !important;
}

.eael-product-carousel .product-image-wrap .image-wrap .eael-onsale {
    display: none !important;
}

/* LIEN DE CREATION OU DE CONNEXION COMPTE SUR PAGE FACTURATION */

.entry-content-wrap .woocommerce .woocommerce-form-login-toggle .woocommerce-info {
    font-weight: bold !important;
    color: var(--secondary-color) !important;
}

.entry-content-wrap .woocommerce .woocommerce-form-login-toggle .woocommerce-info .showlogin {
    font-weight: initial !important;
    font-size: small !important;
}

.entry-content-wrap .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    font-weight: bold !important;
    color: var(--secondary-color) !important;
}

.entry-content-wrap .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
    font-weight: initial !important;
    font-size: small !important;
}

.woocommerce-account-fields .create-account .woocommerce-form__input-checkbox {
    display: none;
}

.entry-content-wrap .woocommerce .woocommerce-notices-wrapper .woocommerce-account-fields {

    background-color: var(--quaternary-color);
    clear: both;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 30px;
    line-height: 20px;
    position: relative;
    box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 5%);
}

.woocommerce-notices-wrapper .woocommerce-account-fields .create-account {
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    font-weight: bold !important;
    color: var(--secondary-color) !important;
    line-height: 20px !important;
    font-size: inherit !important;
}

@media screen and (max-width: 420px) {
    .woocommerce-notices-wrapper .woocommerce-account-fields .create-account .woocommerce-form__label {
        flex-direction: column !important;
    }

    .woocommerce-notices-wrapper .woocommerce-account-fields .create-account .woocommerce-form__label p {
        padding-left: 0 !important;
    }

    .entry-content-wrap .woocommerce .woocommerce-info {
        display: flex !important;
        flex-direction: column !important;
    }

    .woocommerce-notices-wrapper .woocommerce-account-fields .create-account .validate-required {
        width: 70% !important;
    }

    .woocommerce .woocommerce-form-login {
        width: 90% !important;
    }
}

.woocommerce-notices-wrapper .woocommerce-account-fields .create-account .woocommerce-form__label {
    display: flex !important;
}

.woocommerce-notices-wrapper .woocommerce-account-fields .create-account .woocommerce-form__label p {
    padding-bottom: 0 !important;
    font-weight: initial !important;
    font-size: small !important;
    padding-left: 5px;
    color: #3A393F !important;
}

.woocommerce-notices-wrapper .woocommerce-account-fields .create-account .validate-required {
    width: 50%;
    padding: 2% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.woocommerce .woocommerce-form-login {
    width: 100%;
    margin: 0 auto !important;
    text-align: center !important;
}

.woocommerce .woocommerce-form-login .g-recaptcha {
    display: flex !important;
    justify-content: center !important;
}

.woocommerce-form-login__submit {
    margin: 5% auto !important;
}

.woocommerce .woocommerce-form-coupon {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 5%;
    text-align: center;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    padding-top: 5%;
}

.wc-tabs-wrapper .wc-tabs .additional_information_tab {
    z-index: 0 !important;
}

.ata-category-grid-wrp figcaption {
    left: 0% !important;
}

/* BANNIERE INDISPONIBILITE COMMANDE */

.informations-of-delivery {
    width: 100%;
    background-color: #d51319b4;
    z-index: 100;
    position: relative;
    padding-top: 1%;
    padding-bottom: 1%;
    line-height: 22px;
    display: flex;
    justify-content: start;
}

.content-informations {
    margin: 0 auto;
}

.content-informations p {
    color: white;
    font-weight: 500;
    font-size: 19px;
}

/* FIN DE BANNIERE INDISPONIBILITE COMMANDE */

.wcspc-count-bottom-left {
    display: none;
}

.contentInformationsKomat {
    border-top: 1px solid #eee;
    background-color: white;
}

@media screen and (max-width: 790px) {
    .informationsKomat {
        color: black;
        padding: 2%;
        display: flex;
        flex-direction: column;
        width: 75%;
        margin: auto;
    }

    .informationsKomat h5 {
        margin-bottom: 2%;
    }

    .adressKomat,
    .horaire,
    .contact {
        margin-bottom: 5%;
    }
}

@media screen and (min-width: 791px) {
    .informationsKomat {
        color: black;
        padding: 2%;
        display: flex;
        width: 75%;
        justify-content: space-between;
        margin: auto;
    }

    .informationsKomat h5 {
        margin-bottom: 5%;
    }

    .informationsKomat p {
        font-size: 14px;
    }
}

.dropdown-box .name a {
    color: black !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.dropdown-box .woocommerce-mini-cart__buttons {
    display: flex !important;
}

.dropdown-box .name {
    display: flex !important;
}

.dropdown-box .name a {
    white-space: pre-line !important;
    color: black;
}

.dropdown-box .name a:hover {
    color: #7FBA00 !important;
}

.dropdown-box .woocommerce-mini-cart-item .img-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dropdown-box .woocommerce-mini-cart-item .remove {
    color: black !important;
}

.dropdown-box .woocommerce-mini-cart-item .remove:hover {
    color: red !important;
}

.dropdown-box .woocommerce-mini-cart__buttons a {
    font-size: 14px !important;
}



/* HARMOSATION DES FORMULAIRES DE VARIATION PRODUITS  */

.variations_form .variations {
    margin: 0;
}

.variations_form .variations tr {
    display: flex !important;
}

.variations_form .variations tr td .reset_variations {
    display: none !important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart {
    margin-top: 0 !important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart .extra-options .thwepo_select .label-tag {
    font-weight: bold !important;
    font-size: 17px !important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart .extra-options .thwepo_select .label {
    width: 39% !important;
    max-width: 150px !important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart .extra-options .thwepo_select:nth-child(1) {
    margin-bottom: 20px !important;
}