/*
Theme Name: Riode Child
Theme URI: https://riode.org/
Author: D-THEMES
Author URI: https://riode.org/about-me/
Description: Riode Responsive WordPress + eCommerce Theme.
Version: 1.0
Template: riode
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/**Header**/
.mobile-select-language {
    color: #e1e1e1;
}
.header .custom-header {
    background-color: #000 !important;
}
.sticky-content-wrapper .custom-header {
    padding-bottom: 20px;
}
.header .sticky-content.fixed {
    padding-bottom: 0px;
}
.breadcrumb {
    margin-top: 20px;
}
.header {
    margin-bottom: 0 !important;
}
main {
    padding-bottom: 0 !important;
}



/**Carrousel Homepage**/
.postion-carousel {
    position: relative;
    bottom: 10px;
}
.home-header-carrousel .owl-stage-outer {
    background-color: #000;
}

.background-store {
    position: relative;
    bottom: 10px;
}
.sliderHome {
    padding: 0px 10px !important
}

/*Bloc image et texte : zone accueil*/
.titreBlocImageTexte{
    position: absolute;
    left: 0;
    right: 0;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;    
    bottom: 40px;
}
/*.titreBlocImageTexte:before,.titreBlocImageTexte:after {
    content: "-";
    display: inline-block;
    background-color: #fff;
    font-weight: normal;
    font-size: 2px;
    width: 50px;
}
.titreBlocImageTexte:before {
    margin: 0 10px 0 0;
}
.titreBlocImageTexte::after {
    margin: 0 0 0 10px;
}*/

/* Bloc image de fond avec contenu au milieu : notre histoire */
.blocImageFondTexte  {
    max-width: 710px;
    margin: 0 auto;
}
.contentBlocImageFondTexte {
    color:#000 !important;
}
.contentBlocImageFondTexte:before,.contentBlocImageFondTexte:after {
    content: "";
    display: inline-block;
    background-color: #D1A57B;
    font-weight: normal;
    font-size: 2px;
    width: 100%;
    height: 4px;
}
.contentBlocImageFondTexte:before {
    margin: 0 0 30px 0;
}
.contentBlocImageFondTexte:after {
    margin: 30px 0 0 0;
}

/*blocTexteSeparateur*/
.zoneBlocTexteSeparateur {
    color:#000;
}

/*blocfondnoir*/
.zoneBlocFondNoir .fondNoir {
    color:#fff;
}
.zoneBlocFondNoir .fondNoir::before,.zoneBlocFondNoir .fondNoir::after  {
    content: "-";
    display: inline-block;
    background-color: #D1A57B;
    font-weight: normal;
    font-size: 1px;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}
.zoneBlocFondNoir .fondNoir::before {
    margin-top: 20px;
}
.zoneBlocFondNoir .fondNoir::after  {
    margin-bottom:20px;
}

/*zoneBlocTitreHaut cf gustive*/
.colzoneBlocTitreHaut .absolute {
    border-radius: 40px;
    z-index: 200;
    position: absolute;
    width: calc(100% - 78px);
    top: -55px;
    margin: 0 30px;
    min-height: 50px;
    padding: 20px;
}

.colzoneBlocTitreHaut .imgAbsolute img {
    border-radius: 10px;
}

.imageBoxA3WEB .overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

/*zoneTexteGauche*/
.zoneTexteGauche {
    padding: 0 !important;
}
.colTextezoneTexteGauche {
    padding: 0 !important;
}
.colTextezoneTexteGauche .btn {
    background-color:#000 !important;
    border-color: #000 !important;
}
.TextezoneTexteGauche::before,.TextezoneTexteGauche::after  {
    content: "-";
    display: inline-block;
    background-color: #D1A57B;
    font-weight: normal;
    font-size: 1px;
    width: calc(100% - 40%);
    margin: 0 20%;
}
.TextezoneTexteGauche::before {
    margin-bottom: 20px;
}
.TextezoneTexteGauche::after  {
    margin-top:20px;
}

/*zoneImageLarge*/
.zoneImageLarge .vc_column_container {
    padding: 0 !important;
}
/*carouselProduit*/
.carouselProduit p {
    color:#fff !important;
}
/*zoneTexteGaucheMarge*/
.zoneTexteGaucheMarge .imageAbsolute {
    position: absolute;
    top: 40%;
    left: -15%;
}
/*carouselLarge*/
.carouselLarge .vc_column_container  {
    padding: 0 !important;
}
/*Category Block*/
.category-spacing-outdoor {
    padding-top: 30px;
}


/*Category Filter*/
.sidebar .widget_block h2 {
    padding: 2.8rem 0 0 0;
}


/*Product*/
.product-navigation {
    padding-top: 30px;
}
.single-product .wcfm_catalog_enquiry_button_wrapper a.wcfm_catalog_enquiry {
    color: #000 !important;
}
.single-product .wcfm_catalog_enquiry_button_wrapper a.wcfm_catalog_enquiry:hover {
    color: #e7c695 !important;
}
div.wcfm_popup_wrapper h2 {
    color: #000;
}
.wcfm_policies_tab_tab,.wcfm_enquiry_tab_tab  {
    display: none;
}


/*Contact Form*/
.border .wpcf7-form-control {
    border: 0px solid #000 !important;
    position: relative;
    right: 31px;
    bottom: 20px;
}


/*Footer*/
.page-wrapper #footer {
    background-color: #000 !important;
}
.flex_block_social .wpb_wrapper.vc_column-inner {
    display: flex;
    flex-direction: row;
}


@media (max-width: 1250px) {
    .colzoneBlocTitreHaut .colAbsolute h2 {
        font-size:0.8rem;
    }
    .colzoneBlocTitreHaut .absolute {
        width: calc(100% - 52px);
        margin: 0px 16px;
        padding: 15px;
        top:-30px;
    }
}

@media (max-width: 1115px) {
    .colzoneBlocTitreHaut .colAbsolute h2 {
        font-size:1rem !important;
    }
}


@media (max-width: 991px) {
    .mobile-menu-container {
        background-color: #000;
    }
    #menu-main-menu {
        background-color: #000;
    }
    .titreBlocImageTexte h2 {
        font-size:2rem !important;
    }
    .colzoneBlocTitreHaut .colAbsolute  {
        width: 33% !important;
    }
}
@media (min-width: 992px) {
    .dropdown.mobile-links .dropdown-box {
        padding: 9px 0 0 0;
    }
}
@media (max-width: 697px) {
    .colzoneBlocTitreHaut .colAbsolute  {
        width: 50% !important;
    }
}


.page-content > .container:first-child {
    /* Par exemple, pour la masquer */
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*Popup Marker*/

.pum-theme-6707 .pum-container, .pum-theme-enterprise-blue .pum-container{
    padding: 14px;
}
.popup-laminoterie{
    margin: 0px;
}


/*Search page*/

body .main .page-content > .container:first-child{
    max-width: var(--rio-container-width) !important;
}

.post-archive .post-meta {
  display: none;
}