/*
Theme Name: rage
Description: Theme enfant Christian Rage SARL
Author: UX Themes
Template: flatsome
Version: 2026-09-21-001
*/

/*  =============================================================================
    COLORS
    ========================================================================== */

    /*
        bleu logo clair   #12afe5;
        bleu logo foncé   #340398;

        bleu petrol clair #0082aa; les boutons / barre de menu haut
        bleu petrol foncé #005771; les liens

        orange clair      #e25700;
        orange marron     #953900;

        footer gris clair #777777
        footer gris foncé #5b5b5b;
    */


/*  =============================================================================
    HEADER TOP NAV BAR
    ========================================================================== */

    /*
    .nav.top-bar-nav > li > a {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
    }

    .nav.top-bar-nav > li > a,
    .header-social-icons .social-icons a {
        color: #fff;
    }


    .nav.top-bar-nav > li > a:hover {
        color: #2C0380;
    }
    */


    .nav.top-bar-nav.nav-right a {
        color: rgba(255,255,255,1);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.75em;
    }

    .nav.top-bar-nav.nav-right .nav-dropdown a {
        color: #777;
    }




/*  =============================================================================
    HEADER MAIN NAV BAR
    ========================================================================== */

    /* MAIN NAV : left zone */

    /*
    .logo-left .logo {
        margin-right: 15px;
    }
    */

    /*
    ul.header-nav.header-nav-main.nav li.html_topbar_left {
        color: #fff;
    }
    */

    /*
    .baseline .company-name {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

    .baseline .company-slogan {
        color: #fff;
        font-size: 16px;
        font-weight: 700;

        line-height: 0;
        white-space: nowrap;
    }

    .baseline .company-name a,
    .baseline .company-slogan a {
        color: inherit;
    }
    */

    /* MAIN NAV : center zone */

    /*
    .header-inner .flex-col.hide-for-medium.flex-left.flex-grow {
        flex: 0 1 auto;
    }

    .flex-col.hide-for-medium.flex-left {
        flex: 1 0 auto;
    }
    */


    /* MAIN NAV : right zone */

    /*
    .header-nav.header-nav-main li:nth-last-child(2),
    .header-nav.header-nav-main li:nth-last-child(2) a {
        margin-right: 0;
    }
    */


    /*
    .header-nav.header-nav-main li {
        margin-left: 0;
        margin-right: 0;
    }
    */



    /*
    .header-nav.header-nav-main .button:hover{
        background-color: #2C0380;
        box-shadow: none;
    }
    */


    /* MAIN NAV : right zone : search form */

    /*
    .header-search-form.search-form {
        margin-left: 0;
    }

    .header-search-form-wrapper {
        margin-top: 5px;
    }
    */

/*  =============================================================================
    BREADCRUMB
    ========================================================================== */

    .breadcrumbs {
        /*
        white-space: nowrap;
        text-overflow: ellipsis;
        */
    }

    .breadcrumbs .item {
        /*
        white-space: nowrap;
        text-overflow: ellipsis;
        */
        /*
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        */

    }


/*  =============================================================================
    MAIN TITLE
    ========================================================================== */

    .h1,
    h1 {
        font-size: 1.7em;
        line-height: 1.3;
    }

    .h2,
    h2 {
        font-size: 1.6em;
        line-height: 1.3;
    }

    .h3,
    h3 {
        font-size: 1.25em;
    }

    .h4,
    h4 {
        font-size: 1.125em;
    }

    .h5,
    h5 {
        font-size: 1em;
    }

    .h6,
    h6 {
        font-size: .85em;
        opacity: .8;
    }


    .section-title a.prev_link {
        display: block;
        padding-right: 15px;
        font-size: .8em;
        margin-right: auto;

    }

    .section-title a.next_link {
        display: block;
        padding-left: 15px;
        font-size: .8em;
        margin-left: auto;
    }

    /*
    h1.section-title span {
        background-color: #00ADE2;
        color:  #fff;
    }
    */

    .section-title .section-title-main {
        font-size: 75%;
        /* letter-spacing: -0.05em; */
    }

    .section-title-center .section-title-main small, .section-title-bold-center .section-title-main small {
        padding: 0;
        display: inline;
    }

    .section-title .section-title-main small {
        text-transform: uppercase;
        font-weight: 700;
        padding-left: 0;
        font-size: 0.85em;
        opacity: 0.6;
    }


/*  =============================================================================
    FRONT-PAGE SLIDER
    ========================================================================== */


    .is-divider.is-large {
        max-width: 60px !important;
    }



/*  =============================================================================
    SHOP
    ========================================================================== */

    body.woocommerce .col.large-3 {
        padding-top: 10px;
        background-color: #f0f0f0;
        background-image: linear-gradient(to bottom, #fafafa, #fff);
        background-image: -moz-linear-gradient(bottom, #fafafa, #fff);
        border-left: 1px solid #eeeeee;
    }

    .widget-title.shop-sidebar {
        background-color: #0082aa;
        color: #fff;
        padding: 0 5px;
    }

    .row.category-page-row {
        padding-top: 0;
    }

    p.category.product-cat.op-7 a {
        color: rgb(119, 119, 119);
    }




/*  =============================================================================
    UNIVERSE
    =============================================================================
    http://html5-demos.appspot.com/static/css/filters/index.html
    https://www.w3schools.com/cssref/css3_pr_filter.asp
    ========================================================================== */

    .block-universe .box-overlay .box-text {
        text-shadow: none;
    }

    .block-universe .box-overlay .box-text .box-text-inner {
        text-transform: uppercase;
        font-weight: 700;
    }



    .block-universe img {

        /*

        -webkit-filter: sepia(100%);
        filter: sepia(100%);

        -webkit-filter: grayscale(0.6)  sepia(0.3)
        filter: alpha(opacity=50);

        -webkit-filter: grayscale(100%) sepia(30%);
        filter: grayscale(100%) sepia(30%);

        -webkit-filter: grayscale(100%) brightness(90%) contrast(100%) ;
        filter: grayscale(100%) brightness(90%) contrast(100%);

        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);



        -webkit-filter: blur(1px);
        filter: blur(1px);

        -webkit-filter: brightness(200%);
        filter: brightness(200%);

        -webkit-filter: contrast(200%);
        filter: contrast(200%);

        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);

        -webkit-filter: hue-rotate(90deg);
        filter: hue-rotate(90deg);

        -webkit-filter: invert(100%);
        filter: invert(100%);

        -webkit-filter: opacity(30%);
        filter: opacity(30%);

        -webkit-filter: saturate(800%);
        filter: saturate(800%);

        -webkit-filter: sepia(100%);
        filter: sepia(100%);

        */
    }


/*  =============================================================================
    PRODUCT CAT
    =============================================================================
    http://html5-demos.appspot.com/static/css/filters/index.html
    https://www.w3schools.com/cssref/css3_pr_filter.asp
    ========================================================================== */

    .product-category.col .box-image img {
        /*
        -webkit-filter: sepia(100%);
        filter: sepia(100%);
        */
    }


/*  =============================================================================
    PRODUCT SINGLE
    ========================================================================== */

    .page-title:not(.featured-title)+main .product-main {
        padding-top: 0px;
    }

    .page-title:not(.featured-title)+main .product-main .product-info {
        padding-top: 0px;
    }

    .woocommerce-tabs.tabbed-content {
        min-height: 400px;
    }

    .product.type-product .product-main .yith-wcwl-add-to-wishlist {
        margin-bottom: 20px;
    }


    .woocommerce-price-suffix {
        text-transform: uppercase;
    }


/*  =============================================================================
    ADD TO CART BUTTON / WISHLIST BUTTON
    ========================================================================== */

    body .is-icon::before {
        font-family: "fl-icons" !important;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: normal !important;
    }

    body:not(.woocommerce-wishlist) .add_to_cart_button.is-icon::before {
        line-height: 2.5em;

        margin-right: 0.4em;
        margin-bottom: 0;
        text-align: center;
        display: inherit;
    }


/*  =============================================================================
    ADD TO CART BUTTON DISABLED
    ========================================================================== */

    .single_add_to_cart_button.button.alt.disabled {
        background-color: #ff5500;
        opacity: .5;
    }


/*  =============================================================================
    ADD TO WISHLIST BUTTON
    ========================================================================== */


    .wishlist-icon .wishlist-button.button.is-outline.circle.icon {
        background-color: white;
        border-color: #00ade2;
    }

    .wishlist-icon .wishlist-button.button.is-outline.circle.icon i {
        background-color: white;
        color: #00ade2;
    }

    .wishlist-icon .wishlist-button.button.is-outline.circle.icon:hover {
        border-color: #2C0380;
        background-color: white;
    }

    .wishlist-icon .wishlist-button.button.is-outline.circle.icon i:hover {
        background-color: white;
        color: #2C0380;
    }


    .wishlist-popup {
        background-color: #2C0380;
        border-radius: 0;
        padding: 0;
    }



    .wishlist-popup div.yith-wcwl-wishlistexistsbrowse.show > a {
        width: 100px;
        padding: 0;
        text-transform: uppercase;
        color: #fff;
        line-height: 2.0em;
        font-weight: 700;
        background-color: #2C0380;
    }


    .wishlist-popup div.yith-wcwl-add-button.show > a {
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        color: #fff;
        line-height: 2.0em;
        font-weight: 700;
        background-color: #00ade2;
    }


    /*


    .wishlist-popup .yith-wcwl-add-button.show {
        background-color: pink;
        border: 0;
        border-radius: 0;
        color: #2C0380;
    }

    .wishlist-popup .yith-wcwl-add-button.show a {
        background-color: white;
        border: 0;
        border-radius: 0;
        color: #2C0380;
    }
    */


/*  =============================================================================
    NAV
    ========================================================================== */

    nav {
        text-transform: uppercase;
    }

    nav .next-prev-nav .flex-col+.flex-col {
        border-left: none;
    }


/*  =============================================================================
    ASIDE
    ========================================================================== */


    aside.see-also {
        background: rgba(247, 247, 247, 0.35);
    }



/*  =============================================================================
    FOOTER
    ========================================================================== */

    .absolute-footer {
        background-color: #5e5e5e;
    }


/*  =============================================================================
    MISC
    ========================================================================== */

    .hide-margin-bottom {
        margin-bottom: 0;
    }

    .hide-padding-bottom {
        padding-bottom: 0;
    }

/*  =============================================================================
    BACK TO TOP
    ========================================================================== */

    .back-to-top.active {
        opacity: 1;
        background-color: #00C5EE;
        color: #fff;
    }

    /*
    .back-to-top.active:hover {
        background-color: #2C0380;
    }
    */

/*  =============================================================================
    ICONS (extend flatsome-rtl.css)
    ========================================================================== */

    .icon-home:before        { content: "\e074"; }
    .icon-round-left:before  { content: "\e03b"; }
    .icon-round-right:before { content: "\e03c"; }
    .icon-idea:before        { content: "\e072"; }



/*  =============================================================================
    RESPONSIVE DESIGN FOR MOBILE
    ========================================================================== */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


    .company-name {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
    }

    .company-slogan {
        color: #fff;
        font-size: 14px;
        font-weight: 700;

        line-height: 0;
        white-space: nowrap;
    }



}



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

}

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

}

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

/*  =============================================================================
    NAV
    ========================================================================== */

    nav .flex-col.flex-center {
        display: none;
    }

}