/* ==========================================================================
   Good Karma Theme for Kreezalid — DÉCLARATIONS COULEUR UNIQUEMENT
   ==========================================================================
   Extraction de toutes les règles du thème qui touchent à une couleur
   (color, background, border, box-shadow, fill, border-image, dégradés).
   Sélecteurs et media queries conservés ; les autres propriétés (tailles,
   marges, typo...) ont été retirées. Les valeurs proviennent exclusivement
   des variables de brand-colors.css.
   ========================================================================== */

/* ==========================================================================
    2. GENERAL STYLE
    ========================================================================== */

.rate .fa.fa-star-o {
    color: rgb(var(--gk-star-empty-rgb) / var(--tw-text-opacity));
}

.rate .fa.fa-star,
.rate .fa.fa-star-half-o {
    color: rgb(var(--gk-star-rgb) / var(--tw-text-opacity));
}

.product-information .listing-name,
.card .product_info .product-information a,
.card .product_info .product-information {
    color: var(--gk-white) !important;
}

.cc-banner.cc-bottom {
    background: var(--gk-white) !important;
}

.shop-view .btn-inbox-container a {
    background: var(--gk-grey-25) !important;
}

span.about-user-location {
    color: var(--gk-grey-800);
}

.page-header h1.about-user-title {
    color: var(--gk-grey-800) !important;
}

.listing-description,
.attribute-box-content {
    color: var(--gk-grey-500);
}

.user-attributes-grid .attribute-box .user_attr_title {
    color: var(--gk-grey-800);
}

.listing-attribut-list li.selected {
    color: var(--gk-coral) !important;
    background-color: var(--gk-orange-tint) !important;
}

.publish_on_date,
.report_listing_link,
.report_listing_link:hover,
.report_listing_link:focus {
    color: var(--gk-grey-250);
}

.add-to-cart-panel.single_date_booking label,
.single_date_booking label {
    color: var(--gk-grey-400);
}

.single_date_booking select#StartTimeInput {
    border-color: var(--gk-slate-150);
}

.add-to-cart-panel.single_date_booking .input-group,
.add-to-cart-panel.single_date_booking input,
.add-to-cart-panel.single_date_booking input.form-control,
.add-to-cart-panel.single_date_booking select,
.single_date_booking .input-group,
.single_date_booking input,
.single_date_booking input.form-control,
.single_date_booking select {
    border-color: var(--gk-slate-150);
    background-color: var(--gk-white);
    color: var(--gk-grey-800);
    border: 1px solid var(--gk-grey-200);
}

.listing_container h1.entry-title {
    color: var(--gk-grey-800) !important;
}

.page-header {
    background: center no-repeat var(--gk-white);
}

.page-header h1 {
    color: var(--gk-teal);
}

.backtotop {
    box-shadow: var(--gk-shadow-black-15) 0px 0px 10px;
}

.wh-part {
    background-color: transparent;
}

.form-control:focus {
    border-color: var(--gk-black);
}

.contact-us .wh-part-body {
    border-image: linear-gradient(to bottom, var(--gk-yellow), var(--gk-pink)) 0 1;
}

.contact-us .wh-part-body p {
    color: var(--gk-grey-300);
}

.gray-wrapper,
.gray2-wrapper {
    background-color: var(--gk-white);
}

.top_search_cta {
    color: var(--gk-grey-500) !important;
}

.pre-footer p {
    color: var(--gk-grey-500);
}

.pre-footer {
    background-color: var(--gk-grey-50);
}

p.underline.link {
    color: var(--gk-black);
}

a.add-cat {
    background: var(--gk-red);
    color: var(--gk-grey-700);
}

@media(min-width:992px) {
    .cbp-hrmenu>ul>li>a.univers-link {
        background: var(--gk-grey-100);
    }

    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        background: var(--gk-white-33);
    }

    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        color: var(--gk-white);
    }

    .homepage-body a.btn.btn-primary.btn-sm.listing-add {
        color: var(--gk-white);
        background-color: transparent !important;
    }

    .homepage-body .navbar-inverse .navbar-nav > li > a {
        color: var(--gk-white);
    }

    .homepage-body .navbar-inverse span {
        color: var(--gk-white);
    }

    ul.mega_menu {
        border-top: 1px solid var(--gk-grey-200);
        border-bottom: 1px solid var(--gk-grey-200);
    }

    .result_category_list li a {
        background: var(--gk-grey-100);
        color: var(--gk-grey-500);
    }

    .result_category_list li a.active {
        background-color: var(--gk-orange-tint);
        color: var(--gk-orange);
        border: 1px solid var(--gk-orange);
    }

    .result_category_list li a:focus,
    .result_category_list li a:hover {
        color: var(--gk-grey-500);
    }

    .homepage-body .nav_item_user_signup a {
        border-color: var(--gk-white);
    }

    .homepage-body .navbar-inverse .navbar-brand {
        color: var(--gk-white);
    }

    .hompage-body .nav_item_user_signup a:hover,
    .hompage-body a.btn.btn-primary.btn-sm.listing-add {
        border-color: var(--gk-white) !important;
        color: var(--gk-white) !important;
    }

    .homepage-body i.fa.fa-envelope-o,
    .homepage-body .navbar-inverse .navbar-nav > li > a,
    .homepage-body .navbar-inverse .navbar-nav > li > a:hover,
    .homepage-body .navbar-inverse .navbar-nav > li > a span,
    .homepage-body .navbar-inverse .navbar-nav > li > a:hover span,
    .homepage-body .navbar-inverse .navbar-nav > li > a:hover {
        color: var(--gk-white);
    }

    .homepage-body .navbar-inverse .navbar-nav > li > a,
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
        color: var(--gk-white);
    }

    .homepage-body .cbp-hrmenu>ul>li>a.univers-link:hover,
    .homepage-body .cbp-hrmenu>ul>li>a.univers-link:focus {
        background-color: var(--gk-orange-60) !important;
    }

    .cbp-hrmenu>ul>li>a.univers-link:hover,
    .cbp-hrmenu>ul>li>a.univers-link:focus {
        color: var(--gk-white) !important;
        background-color: var(--gk-orange) !important;
    }

    .homepage-body .navbar-inverse {
        border-color: var(--gk-white);
    }

    .card {
        color: var(--gk-white);
    }

    .card a {
        color: var(--gk-white);
    }

    .card a:hover,
    .card a:focus {
        color: var(--gk-white);
    }

    .card .product_info .listing-name {
        color: var(--gk-white);
    }

    .card .overlay {
        background: linear-gradient(to top,var(--gk-overlay-black-57) 0,transparent 100%);
    }
}

/* ==========================================================================
        3. NAVIGATION MENU
========================================================================== */

#headerMainSearchForm input {
    border: 1px solid var(--gk-grey-100);
    background-color: var(--gk-grey-100);
}

.cbp-hrmenu .cbp-hrsub {
    background: var(--gk-white);
}

@media (min-width: 992px) {
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color: var(--gk-black);
    }

    a.add-cat.sec {
        border-image: linear-gradient(to bottom, var(--gk-yellow), var(--gk-pink)) 0 1;
    }

    .cbp-hropen .cbp-hrsub {
        color: var(--gk-white);
        box-shadow: 0 0 10px 2px var(--gk-shadow-green-15);
    }

    .cbp-hropen .cbp-hrsub:before {
        border-color: var(--gk-white);
        border-left: 8px solid var(--gk-white);
        border-bottom: 8px solid var(--gk-white);
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        box-shadow: -2px 2px 3px var(--gk-shadow-slate-10);
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
        box-shadow: 0 0 10px 0px var(--gk-shadow-green-7);
    }

    .navbar-inverse .navbar-nav .dropdown-menu:before {
        border-color: var(--gk-white);
        border-left: 8px solid var(--gk-white);
        border-bottom: 8px solid var(--gk-white);
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        box-shadow: -2px 2px 3px var(--gk-shadow-slate-10);
    }
}

/* ==========================================================================
        4. HOMEPAGE
        ========================================================================== */

.homepage-body .nav_item_user_signup a:hover,
.homepage-body .nav_item_user_signup a:focus {
    border-color: var(--gk-orange);
}

.trends-carousel h4 {
    color: var(--gk-black);
}

.trends-carousel p {
    color: var(--gk-grey-300);
}

.trends-carousel .owl-prev {
    color: var(--gk-grey-700) !important;
}

.trends-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--gk-black) !important;
}

.trends-carousel .owl-next {
    color: var(--gk-grey-700) !important;
}

.about-video:hover .et-gallery-video__button:before {
    border-left: 10px solid var(--gk-white);
}

.about-video:hover .et-gallery-video__button {
    background: var(--gk-black);
    box-shadow: 0 15px 40px var(--gk-shadow-black-50);
}

.about-video:hover .et-gallery-video__button:before {
    border-left: 10px solid var(--gk-white);
}

.about_jojo_video .flexbox {
    background: var(--gk-orange);
    color: var(--gk-white);
}

.et-gallery-video__button:before {
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--gk-slate-600);
}

.et-gallery-video__button {
    background: var(--gk-white-80);
    box-shadow: 0 10px 30px var(--gk-shadow-black-30);
}

.edito_text a {
    background: var(--gk-white);
    color: var(--gk-grey-700);
    border: 2px solid var(--gk-white);
}

.city h5 {
    background: var(--gk-white);
}

.city h5 small {
    color: var(--gk-grey-600);
}

.home-container .overlay-filter {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gk-overlay-black-25)), to(var(--gk-overlay-black-50)));
    background: linear-gradient(180deg, var(--gk-overlay-black-25) 0%, var(--gk-overlay-black-50) 100%);
}

.homepage-body .hero-container .home-banner-content .btn {
    border-bottom: 2px solid var(--gk-white) !important;
}

figure.hover--effect.effect-4 {
    -webkit-box-shadow: 0px 1px 1px 0px var(--gk-grey-150);
    box-shadow: 0px 1px 1px 0px var(--gk-grey-150);
}

figure.hover--effect.effect-4 img {
    box-shadow: 0 3px 6px var(--gk-shadow-black-16), 0 3px 6px var(--gk-shadow-black-23);
    box-shadow: 0 14px 28px var(--gk-shadow-black-25), 0 10px 10px var(--gk-shadow-black-22);
}

.home_about_you {
    color: var(--gk-white);
}

.home_about_you:before {
    background-color: var(--gk-overlay-dark-36);
}

@media (min-width: 992px) {
    .homepage-body .navbar-inverse .navbar-brand:hover,
    .homepage-body .navbar-inverse .navbar-brand:focus {
        color: var(--gk-white);
    }
}

@media (min-width: 768px) {
    .pre-footer .btn.btn-primary.line {
        border-color: var(--gk-grey-500);
        color: var(--gk-grey-500);
    }
}

/* ==========================================================================
        5. LISTING PAGE
        ========================================================================== */

.blue-border-box.thin {
    border: 2px solid var(--gk-mint-200);
    background: var(--gk-mint-50);
}

a.vendor_name {
    color: var(--gk-grey-500);
}

.other-listings h2 {
    color: var(--gk-black);
    border-bottom: 1px solid var(--gk-grey-75);
}

.listing-show .listing_info_sidebar .rate .fa.fa-star,
.listing-show .listing_info_sidebar .rate .fa.fa-star-half-o,
.listing-show .listing_info_sidebar .rate .fa.fa-star-o {
    color: var(--gk-coral-strong);
}

.listing_description h2 {
    color: var(--gk-black);
    border-bottom: 1px solid var(--gk-grey-75);
}

.a2a_default_style:not(.a2a_flex_style) a span {
    background: var(--gk-white) !important;
}

.a2a_svg svg path {
    fill: var(--gk-black) !important;
}

.other-listings h2:after,
.listing_description h2:after,
h2.user_attr_title.listing-attribut-jours_et_horaires_d_ouverture_de_l_enseigne:after {
    background: var(--gk-black);
}

.card .product_info .listing-name .welcome-message .start,
.card .product_info .listing-name a,
.welcome-message .card .product_info .listing-name .start {
    color: var(--gk-white);
}

@media (min-width: 992px) {
    .filter_sidebar .filter_title {
        color: var(--gk-black) !important;
        background-color: transparent !important;
    }
}

/* ==========================================================================
        8. APPS
        ========================================================================== */

.cc-banner.cc-bottom {
    box-shadow: 0 -1px 10px 0 var(--gk-shadow-grey-30);
}

.cc-banner .cc-message {
    color: var(--gk-grey-900);
}