/*
Theme Name: Tourcom Portail Multilingue
Theme URI:
Author:
Author URI: 
Description: 
Version: .87
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/********************************************************

Comfortable with LESS?  Check out the /less folder where the bootstrapwp.less file is the master complier
//#00003a
////////   IMPORTANT!  Make custom edits/changes in the less/bswp-custom.less file
////////   to safely retain the ability to update the less files with future
////////   versions of Bootstrap or BootstrapWP

-------------------------------------------------- */
body.page-template-page-fournisseur .tc-SingleSupplier-products .tc-SingleSupplier-products-content,
body.receptif-template .tc-SingleSupplier-products .tc-SingleSupplier-products-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

body.page-template-page-fournisseur .tc-SingleSupplier-products .tc-SingleSupplier-products-item-content,
body.receptif-template .tc-SingleSupplier-products .tc-SingleSupplier-products-item-content {
    padding: 20px;
    /* position: relative;
     height: 10em;
     overflow: hidden;*/
}

body.page-template-page-fournisseur .tc-SingleSupplier-products .tc-SingleSupplier-products-item-content .tc-SingleSupplier-products-item-footer,
body.receptif-template .tc-SingleSupplier-products .tc-SingleSupplier-products-item-content .tc-SingleSupplier-products-item-footer {
    /* position: absolute;
     bottom: 0px;*/
}

body.page-template-page-fournisseur .tc-SingleSupplier-products .tc-SingleSupplier-products-content .tc-SingleSupplier-products-item-link,
body.receptif-template .tc-SingleSupplier-products .tc-SingleSupplier-products-content .tc-SingleSupplier-products-item-link {
    width: 26em;
    height: 26em;
    border-radius: 10px;
    box-shadow: 0 2px 4px 2px rgb(0 0 0 / 5%);
    margin: auto;
    margin-bottom: 1em;
}


body.page-template-page-fournisseur .tc-SingleSupplier-products-item-content .titleSupplier,
body.receptif-template .tc-SingleSupplier-products-item-content .titleSupplier,
body.receptif-template-page-fournisseur-wpml .tc-SingleSupplier-products-item-content .titleSupplier {
    color: #6bb9b9;
    padding: 10px 0 0px;
    text-transform: uppercase;
}

body.page-template-page-fournisseur .tc-SingleSupplier-products-item-countries,
body.receptif-template-page-fournisseur-wpml .tc-SingleSupplier-products-item-countries,
body.receptif-template .tc-SingleSupplier-products-item-countries {
    padding: 5px 0;
}

body.page-template-page-fournisseur .tc-SingleSupplier-products-item-countries .titleDestsRef,
body.receptif-template-page-fournisseur-wpml .tc-SingleSupplier-products-item-countries .titleDestsRef,
body.receptif-template .tc-SingleSupplier-products-item-countries .titleDestsRef {
    color: #004954;
    padding-top: 0px;
    padding-bottom: 5px;
    text-transform: none;
}


.tc-SingleSupplier-products-item-link.supplier .tc-SingleSupplier-products-item-image,
body.postid-35373 .tc-SingleSupplier-products-item-image {
    max-width: 50%;
    max-height: 50%;
    height: auto;
}

.tc-SingleSupplier-products-item-link .tc-SingleSupplier-products-item-imgDiv,
body.postid-35373 .tc-SingleSupplier-products-item-imgDiv {
    background: #FFF;
}

.tc-SingleSupplier-products-item-countries div {
    /*font-size: 0.7em;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* surcharges paginations tourfinance */

li.paginate_button.next {
    top: 25px !important;
}

li.paginate_button.previous {
    top: 25px !important;
}

li.paginate_button.next a,
li.paginate_button.previous a {
    font-size: 11px !important;
}

.df-more-container a.df-ui-download {
    display: none !important;
}

.df-more-container .df-bg {
    background-color: rgb(255, 255, 255) !important;
}

/* surcharges blocs gutenberg */
div.desc p {
    color: #848484 !important;
    font-weight: inherit !important;
}

.blocTxtImg.row p {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #848484 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    padding: 0px !important;
    margin: 0px !important;
    padding: 0px 0px 15px 0px !important;;
}

@media (min-width: 1200px) {
    .pageArticle .container {
        max-width: 1170px !important;
    }
}

.em-search-wrapper .em-events-search .form-wrapper .em-search-main .em-search-text label input {
    border: 0px !important;
    padding: 20px !important;
}

/* surcharges menu */
#header .menu > .current-menu-ancestor:after {
    background-color: #00003a !important;
}

#header .menu li a:hover,
#header .menu li a:focus,
#header .menu li a:active {
    color: #00003a !important;
}

#header .menu .sub-menu .current-menu-item,
#header .menu .sub-menu .current-menu-parent {
    background-color: #00003a !important;
}

#header .menu .sub-menu .current-menu-item a,
#header .menu .sub-menu .current-menu-parent > a {
    color: #FFF !important;
}

#header .menu > .current-menu-ancestor .current-menu-ancestor li,
#header .menu > .current-menu-ancestor .current-menu-ancestor,
#header .menu .sub-menu .current-menu-item li,
#header .menu .sub-menu .current-menu-item {
    background-color: #00003a !important;
}

#header .menu > .current-menu-ancestor .current-menu-ancestor li.current-menu-item a,
#header .menu .sub-menu .current-menu-item li.current-menu-item a {
    border-radius: 10px !important;
    border: 1px solid #004954;
    background-color: #00003a !important;
}

#header .menu > .current-menu-ancestor .current-menu-ancestor a,
#header .menu .sub-menu .current-menu-item > a {
    color: #FFF !important;
}

#header .menu > .current-menu-ancestor .current-menu-ancestor a:hover,
#header .menu .sub-menu .current-menu-item > a:hover {
    color: #6bb9b9 !important;
}

#header .menu li .sub-menu .sub-menu {
    border-left: none !important;
}

@media screen and (max-width: 1390px) {
    #header .menu li.clicked,
    #header .menu li a:hover,
    #header .menu li a:focus,
    #header .menu li a:active {
        color: #FFF !important;
    }

    .current-menu-parent

}


/* REFONTE HEADER OVERRIDE */


body #header {
    position: sticky;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
}

body #header .top-header {
    background-color: #1d154e;
    padding: 12px 20px;
}

body #header .nav-wrapper {
    background-color: #FFF;
    text-align: center;
    padding: 10px 0 0 0;
}

body #header .menu {
    background: none;
}

body #header .menu > li {
    position: relative;
    margin: 0 12px;
}

body #header .menu li > ul {
    right: auto;
    left: -15px;
    background: #df6f53;
}

body #header .menu li:last-child > ul {
    right: 0;
    left: auto;
}

body #header .menu > li a {
    color: #1d154e;
}

body #header .menu > li > a:hover, body #header .menu > li a:focus, body #header .menu > li > a:active {
    color: #1d154e !important;
}

body #header .menu .sub-menu > li {
    border-bottom: 2px solid #d56b50;
}


body #header .menu > li::before {
    height: 20px;
    width: 1px;
    background: #1d154e;
    position: absolute;
    top: 50%;
    left: calc(100% + 12px);
    transform: translateY(-50%);
    content: '';
}

body #header .menu > li:last-child::before {
    display: none;
}

body #header .menu > li:after {
    display: none;
}

body #header .nav-wrapper .logo-wrapper {
    float: none;
    margin: 0;
}

body #header .baseline p {
    color: #868889;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

body #header .nav-wrapper .mobile-menu {
    float: none;
    margin: 0 auto;
    text-align: center;
}

body #search {
    margin-top: -50px;
}

body #search .blocSearch {
    box-shadow: none;
    max-width: 100%;
}

body #search .blocSearch input[type=submit] {
    background-color: #1d154e;
    height: 50px;
}

body #search > .container {
    background-color: #FFF;
    position: relative;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    width: auto;
    padding: 10px;
}

body #search h2 {
    color: #1d154e;
    padding: 0;
    margin-bottom: 5px;
}

body #search .bootstrap-select.btn-group .dropdown-toggle .filter-option, body #search .bootstrap-select > .dropdown-toggle, body #search .blocSearch .or {
    line-height: 50px;
}

body #search .bs-caret {
    height: 50px;
}


.banner-hero .wrapper-img .banner-hero-accueil {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
}


body .banner-hero .wrapper-img .banner-hero-accueil img {
    opacity: 0;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    top: 50%;
    left: 50%;
    transition: opacity 2s ease-in-out, transform 10s ease-in-out;
    transform: scale(1) translate(-50%, -50%);
}

body .banner-hero .wrapper-img .banner-hero-accueil img.visible {
    opacity: 1;
    transform: scale(1.05) translate(-50%, -50%);
}

#accueil {
    position: relative;
    z-index: 1;
}


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

    html.js.csstransitions, html {
        margin-top: 53px !important;
    }

    body .banner-hero .wrapper-img .banner-hero-accueil {
        min-height: 350px;
    }

    body #header .baseline p {
        color: #FFF;
        font-size: 10px;
    }

    body #header .top-header {
        padding: 14px 0;
    }

    body #header .menu > li {
        margin: 0;
    }

    body #header .menu li > ul {
        left: 0;
    }

    body #header .nav-wrapper .mobile-menu .button-collapse {
        top: 50%;
        transform: translateY(-50%);
    }

    body #header .nav-wrapper .menu-dropdown {
        top: 44px;
        background-color: #1d154e;
    }

    body #header .menu-dropdown ul li a, body #header .nav-wrapper .menu-dropdown .clone-top-header li a span {
        color: #FFF;
        transition: all 0.3s
    }

    body #header .menu-dropdown ul li a:hover, body #header .nav-wrapper .menu-dropdown .clone-top-header li a:hover span {
        color: #337ab7;
        transition: all 0.3s
    }

    body #header .menu li:hover > a {
        color: #FFF;
    }


    body #header .menu > li > a:hover, body #header .menu > li a:focus, body #header .menu > li > a:active {
        color: white !important;
    }

    body #header .menu {
        background-color: #1d154e;
    }

    body #header .nav-wrapper {
        background-color: #1d154e;
        padding: 12px 0;
        min-height: 53px;
    }

    body #header .nav-wrapper .logo-wrapper {
        width: calc(100% - 50px - 230px);
        margin-left: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 30px;
    }


    body #header .nav-wrapper .mobile-menu {
        text-align: left;
    }

    body.open-menuMobile #header .nav-wrapper .mobile-menu {
        position: static;
    }

    body #header .baseline p {
        margin: 0;
    }

}


@media screen and (max-width: 960px) {
    body #header .baseline {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    body #header .top-header {
        padding: 12px 0;
    }
}


#header .menu .sub-menu {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
    overflow-x: hidden;
}


@media screen and (max-width: 1390px) {
    #header .nav-wrapper .is-active .menu-dropdown {
        overflow: auto;
        max-height: calc(100vh - 45px);
    }

    #header .menu .sub-menu {
        max-height: none;
    }
}

.radio-wrapper-tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.radio-label-text {
    display: inline-block;
    vertical-align: middle;
}

.radio-tooltip {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 300px;
    height: auto;
    background: #1d154e;
    color: white;
    padding: 10px;
    z-index: 10;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

.radio-wrapper-tooltip:hover .radio-tooltip {
    opacity: 1;
    visibility: visible;
}

.dt-block-devis-pass.checkBloc {
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 30px;

    @media screen and (max-width: 767px) {
        align-items: flex-start;
        flex-direction: column;
    }


    input[type=checkbox], input[type=radio] {
        position: absolute;

        & + label:after {
            top: 50%;
            transform: scale(0, 5) translateY(-50%);
        }

        &:checked + label:after {
            top: 50%;
            transform: scale(1) translateY(-50%);
        }

        & + label {
            padding-top: 0;
            height: auto;
            line-height: 1;
            display: flex;
            align-items: center;
            gap: 10px;

            &:before {
                top: 50%;
                transform: translateY(-50%);
            }
        }
    }

    .radio-label-text {
        font-size: 18px;
        font-weight: normal;
    }
}


body.receptif-template .wrapper-page .search-tourfinance-wrapper .search-tourfinance-wrapper-content
.bottom-search-wrapper .block-filters-right > div input[type="date"] {
    width: 100%;
    height: 44px;
    padding-left: 15px;
    padding-right: 10px;
    border: 1px solid #D6D6D6;
    background-color: #FFFFFF;
    border-radius: 3px;
}

div.cf-turnstile {
    margin: auto;
    padding-bottom: 20px;
    text-align: left;
}

#login .connexion input[type=submit]:disabled,
#forget .listBtn input[type=submit]:disabled {
    background: #CCC !important;
}