/* 
Theme Name: THEMELIA
Description: Themelia pview theme
Author: Newbox agence
Template: hello-elementor
Version: 1.0
Text Domain: Themelia
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*
    Add your custom styles here
*/

html {
    font-size: clamp(14px, calc(.7rem + .25vw), 16px);
    overflow-x: hidden !important;
}

.fill-black svg {
    fill: black;
}

.fill-beige-clair svg,
.fill-beige-clair path.st0 {
    fill: #f9f0e5 !important;
}

.mb-0,
.mb-0 p {
    margin-bottom: 0;
}

.beige {
    color: #ebba8a;
}


/*POSITIONNING ELEMENTS*/

.nowrap {
    white-space: nowrap;
}

.d-em {
    font-weight: bold;
}

.under-l p,
.under-l h1,
.under-l h2,
.under-l h3 {
    text-decoration: underline;
}

.smaller-txt {
    font-size: 0.8em;
}


/*COULEURS CLIENTS*/

.cl-cyan {
    color: #17c3b2;
}

.cl-orange {
    color: #f9844a;
}

.cl-red {
    color: #fe6d73;
}

.cl-blue {
    color: #227c9d;
}


/*COULEURS EN TETE BG CLIENTS*/

.page-id-10 .client-en-tete-bg:before {
    background-color: #fe6d73;
}

.page-id-10 .cs-circle {
    background-color: #fe6d73;
}

.page-id-10 .color-txt {
    color: #fe6d73;
}

.page-id-8 .client-en-tete-bg:before {
    background-color: #17c3b2;
}

.page-id-8 .cs-circle {
    background-color: #17c3b2;
}

.page-id-8 .color-txt {
    color: #17c3b2;
}

.page-id-11 .client-en-tete-bg:before {
    background-color: #f9844a;
}

.page-id-11 .cs-circle {
    background-color: #f9844a;
}

.page-id-11 .color-txt {
    color: #f9844a;
}

.page-id-9 .client-en-tete-bg:before {
    background-color: #227c9d;
}

.page-id-9 .cs-circle {
    background-color: #227c9d;
}

.page-id-9 .color-txt {
    color: #227c9d;
}


/*ORGANIGRAMME*/

.exo {
    font-family: 'exo', sans-serif;
}

.ssp {
    font-family: 'Source Sans Pro', sans-serif;
}

.flex-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 1168px;
    margin: 0 auto;
    max-width: 100%;
    padding: 1rem 0 0 0;
    justify-content: center;
}

.flex-wrapper-space-between {
    display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 1168px;
    margin: 0 auto;
    max-width: 100%;
    padding: 1rem 0 0 0;
    justify-content: space-between;
}

.wrapper {}

.wrapper-1 {
    align-self: center;
}

.wrapper-2 {
    width: 40%
}

.wrapper-1 {
    width: 20%
}

.wrapper-1-start {
    width: 20%;
    align-self: flex-start;
}

.wrapper-1-end {
    width: 20%;
    align-self: flex-end;
}

.wrapper-3 {
    align-self: flex-end;
    width: 40%
}

.cs-flexbox {
    flex-wrap: nowrap;
    margin-bottom: 1rem;
    gap: 1rem;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    align-content: space-between;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.teambox {}

.teambox-default {
    background-color: #f9f0e5;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #ebba8a;
}

.teambox-dark {
    background-color: #3b3b39;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #f9f0e5;
}

.teambox-beige {
    background-color: #ebba8a;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e4a05e;
}

.teambox-green {
    background-color: #6da657;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #6da657;
}

.teambox-pink {
    background-color: #d35388;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #d35388;
}

.teambox-red {
    background-color: #E83F6F;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #E83F6F;
}

.teambox-pink .member-name,
.teambox-pink .member-poste {
    color: white
}

.teambox-green .member-name,
.teambox-green .member-poste {
    color: white
}

.teambox-blue {
    background-color: #2274a5;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #2274a5;
}

.teambox-light-beige {
    background-color: #edd1ae;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #ebba8a;
}

.teambox-light-beige .member-poste {}

.teambox-dark .member-poste {
    color: #f9f0e5;
}

.teambox-dark .member-name {
    color: #f9f0e5;
}

.teambox-dark-beige .member-poste {}

.teambox-dark-beige .member-name {}

.member-poste {
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    font-size: 1rem;
    color: #3b3b39;
    margin-bottom: 0.25rem;
}

.member-name {
    text-align: center;
    color: #3b3b39;
    font-weight: 600;
}

.member-poste-white {
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    font-size: 1rem;
    color: #ffffff;
    margin-bottom: 0.25rem;
}

.member-name-white {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

.member-poste-small {
    font-size: 1rem;
}

.upc {
    text-transform: uppercase;
}

.nowrap {
    white-space: nowrap;
}

.beige {
    color: #ebba8a;
}

.beige-bg {
    background-color: #ebba8a;
}

.lighter-beige {
    color: #f9f0e5;
}

.lighter-beige-bg {
    background-color: #f9f0e5;
}

.gie-synergie {
    position: relative;
}

.gie-synergie::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    width: 125px;
    height: 125px;
    top: -110px;
    left: 50%;
    background-image: url('assets/images/gie-synergie-c.png');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
}

.tarn-ressources {
    position: relative;
}

.tarn-ressources::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    width: 125px;
    height: 125px;
    top: -130%;
    right: 0%;
    background-image: url('assets/images/tarn-ressources.jpg');
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
}

.tarn-ressources::after {}

.themelia-cs {
    position: relative;
}

.tarn-ress-cs {
    position: relative;
}

.tarn-ress-cs:after {
    position: absolute;
    top: 0%;
    display: block;
    width: 500px;
    height: 400px;
    z-index: -2;
    content: "";
    left: 0%;
    top: 2%;
    background-image: url('assets/images/constellation-green.svg');
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.themelia-cs::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    width: 125px;
    height: 125px;
    top: 20px;
    left: 30%;
    background-image: url('assets/images/themelia-logo.svg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
}

.constel-green {
    /*background-image: url('assets/images/constellation-green.svg');*/
    background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.constel-pink {
    background-image: url('assets/images/constellation-pink.svg');
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
}


/*MAP*/

.details_container .details_title a {
    font-family: "exo", sans-serif;
    font-weight: 600;
}

.cspm_infobox_content a {
    font-family: "exo", sans-serif;
    font-weight: 600;
}

.uael-post__header-filter[data-filter=".nos-realisations"],
.uael-post__header-filter[data-filter=".fiche-resumee"] {
    display: none;
}


/*MAP ACCUEIL*/

.cspml_listings_filter_form {
    border-radius: 8px !important;
    overflow: hidden !important;
}

#home-map #cspml_listings_container {
    padding-top: 5% !important
}

#home-map .cspml_list_and_filter_container {
    position: relative;
}

#home-map .cspml_listing_items_container {
    display: none;
}

#home-map .cspml_list_and_filter_container .cspml_toggle_btn {}

#home-map .cspml_fs_container:before {
    display: block;
    background-color: #edd1ae;
    content: "Nos opérations";
    font-family: "Exo", sans-serif;
    font-weight: 700;
    color: #3b3b39;
    font-size: 2rem;
    text-align: center;
    padding: 1.5rem 1rem;
    border-radius: 8px 8px 0 0;
    border-top: 1rem solid white;
    border-left: 1rem solid white;
    border-right: 1rem solid white;
    overflow: hidden;
}

#home-map #cspml_listings_filter_form {
    padding: 2rem 1rem !important;
    position: relative;
}

#home-map #cspml_listings_filter_form:before {
    position: relative;
    top: -0.5rem;
    content: "Filtrer par :";
    font-family: "Exo", sans-serif;
    font-weight: 700;
    padding: 1rem 0;
    color: #e4a05e;
    font-size: 1.3rem;
    border-bottom: 1px solid #ebba8a;
}

#home-map #cspml_listings_filter_form .cspml_fs_label {
    margin-top: 0rem !important;
    padding: 0.75rem 0 0.5rem 0 !important;
    border-top: 2px solid #ebba8a;
    background-color: #ffffff;
    font-family: "exo", sans-serif;
    font-size: 1.2rem;
    font-weight: 700 !important;
    text-decoration: underline;
    color: #3b3b39;
}

#home-map #cspml_listings_filter_form .cspml_fs_label .cspml_label_text {
    font-weight: 700 !important;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list {
    padding: 0.75rem 0 0rem 0;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list .icr-label {
    margin-bottom: 0.5rem !important;
    cursor: pointer;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list .icr-item.type_radio {
    display: none;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list .icr-label .icr-text {
    vertical-align: middle;
    font-family: "exo", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.0625rem;
    position: relative;
    padding-left: 35px;
    padding-top: 12px;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list .icr-label .icr-text:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 4px;
    background-size: contain;
    background-repeat: no-repeat;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(2) .icr-label .icr-text:before {
    background-image: url("https://www.themelia.fr/wp-content/uploads/2022/01/marker-orange.svg");
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(3) .icr-label .icr-text:before {
    background-image: url("https://www.themelia.fr/wp-content/uploads/2022/01/marker-cyan.svg");
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(4) .icr-label .icr-text:before {
    background-image: url("https://www.themelia.fr/wp-content/uploads/2022/01/marker-blue.svg");
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(5) .icr-label .icr-text:before {
    background-image: url("https://www.themelia.fr/wp-content/uploads/2022/01/marker-red.svg");
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container .icr-label.checked .icr-text {
    transition: all 0.2s;
    text-decoration: underline;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(2) .icr-label.checked,
#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(2) .icr-label.checked .icr-text:hover {
    color: #f9844a;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(3) .icr-label.checked,
#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(3) .icr-label.checked .icr-text:hover {
    color: #17c3b2;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(4) .icr-label.checked,
#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(4) .icr-label.checked .icr-text:hover {
    color: #2274a5;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(5) .icr-label.checked,
#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="category"] div.cspml_input_container:nth-child(5) .icr-label.checked .icr-text:hover {
    color: #E83F6F;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="post_tag"] {
    padding-top: 8px !important;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="post_tag"] .icr-label {
    margin-bottom: 4px !important;
    color: #3b3b39;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="post_tag"] .icr-label .icr-text {
    font-size: 0.9rem;
    font-family: "Source sans pro", Arial, Helvetica, sans-serif !important;
    padding-left: 16px;
    padding-top: 0px;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list .icr-label .icr-text:hover {
    color: #858585;
    transition: all 0.2s;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="post_tag"] .icr-label.checked .icr-text {
    color: #e4a05e;
    text-decoration: underline;
}

#home-map #cspml_listings_filter_form .cspml_fs_options_list[data-field-name="post_tag"] .icr-label .icr-text:before {
    content: ">";
    top: 2px;
    color: #ebba8a;
}

#home-map .cspm_filter_bottom_btns {
    padding-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    border-top: 2px solid #ebba8a;
}

#home-map .cspm_filter_bottom_btns .cspml_submit_listings_filter.cspm-col-lg-8,
#home-map .cspm_filter_bottom_btns .cspml_reset_lsitings_filter.cspm-col-lg-4 {
    width: auto;
}

#home-map .cspm_filter_bottom_btns .cspml_btn.cspml_submit_listings_filter {
    margin-right: 1rem;
    border-radius: 8px;
    background-color: #ebba8a !important;
    padding: 0.5rem 2rem;
    color: #000000 !important;
    font-family: "exo", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    border: 1px solid #e4a05e;
}

#home-map .cspm_filter_bottom_btns .cspml_btn.cspml_submit_listings_filter:hover {
    background-color: #e4a05e !important;
}

#home-map .cspm_filter_bottom_btns .cspml_btn.cspml_reset_lsitings_filter {
    border-radius: 8px;
    background-color: #606060 !important;
    padding: 0.5rem 1rem;
}

#home-map .cspm_filter_bottom_btns .cspml_btn.cspml_reset_lsitings_filter:hover {
    background-color: #3b3b39 !important;
}

#home-map .cspm_filter_bottom_btns .cspml_btn.cspml_reset_lsitings_filter:after {
    content: "Réinitialiser filtres";
    font-family: "exo", sans-serif;
    font-weight: 500;
    padding-left: 4px;
}

#home-map .cspm_linear_gradient_bg {
    max-height: 900px !important;
    margin-bottom: 2rem;
}

#home-map .cspm_filter_bottom_btns .cspml_btn {}

div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_content div.title a {
    font-size: 16px;
    font-weight: 400;
    text-overflow: initial !important;
    overflow: hidden !important;
    white-space: break-spaces !important;
    display: block;
}

@media screen and (min-width: 1200px) {
    #home-map #cspml_container .cspm-col-lg-9 {
        padding-left: 0 !important;
    }
}

#terrains-map .cspm_linear_gradient_bg {
    background-image: none !important;
    background-color: #3b3b39;
}

#terrains-map #cspm_carousel_container {
    padding-top: 50px;
    padding-bottom: 50px;
}

* #terrains-map .jcarousel-container {
    background-color: transparent;
}

#terrains-map .jcarousel-prev {
    top: -45px;
}

#terrains-map .jcarousel-next {
    bottom: 55px;
}

#terrains-map div.jcarousel-prev.jcarousel-prev-vertical {
    border-radius: 8px;
    background-color: white !important;
    border: 1px solid #ccc !important;
}

#terrains-map div.jcarousel-next.jcarousel-next-vertical {
    border-radius: 8px;
    background-color: white !important;
    border: 1px solid #ccc !important;
}

#terrains-map .jcarousel-skin-default .jcarousel-clip-vertical {
    height: 86%;
}

#terrains-map .details_title a {
    font-size: 14px !important
}

.uael-post__inner-wrap.no-thumb {
    padding-top: calc( 0.72 * 100%);
    background-image: url('assets/images/no-img.jpg');
    background-position: top center;
    background-size: 100%;
}

.uael-post__content-wrap {
    padding-left: 8px !important;
    padding-right: 8px !important;
    background-color: white
}

.themelia-cs-posts .elementor-post__text.no-thumb {
    height: 100%;
    background-image: url('assets/images/no-img.jpg') !important;
    background-position: center 32px !important;
    background-size: 40% !important;
    background-repeat: no-repeat !important;
    min-height: 250px;
    margin: 0 0 0 0 !important;
    width: 100% !important;
}

.themelia-cs-posts .elementor-post__text.no-thumb .elementor-post__title {
    position: absolute;
    bottom: 0.5rem;
    width: 100%;
    left: 0%;
}

.themelia-cs-posts .elementor-post__text.no-thumb .elementor-post__title a {
    padding-top: 50%;
    text-align: left;
    display: block;
    padding-left: 7.5%;
}

.themelia-cs-posts .elementor-post__text.no-thumb .elementor-post__title a:before {
    content: "";
    display: block;
    position: relative !important;
    background-image: url('https://www.themelia.fr/wp-content/uploads/2021/11/arrow-b.svg');
    background-size: 100%;
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
    top: 14px !important;
    transform: translatex(0) !important;
}

@media screen and (max-width: 1024px) {
    #cspm_carousel_container {
        display: none;
    }
    .codespacing_progress_map_area.cspm_linear_gradient_bg div:nth-child(2) {
        margin-left: 0 !important
    }
}