/* FOOTER */
#footer {
    color: #ccc;
}

/* FORM */
.gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container select,
.gform_wrapper form .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper form .gform_body textarea, .gform_wrapper form .gform_body select {
    background: white;
}

.the_content .gform_confirmation_message {
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
}

#primary_menu ul.menu ul.sub-menu {
    background: #fff;   
}

.no_slideshow #primary_menu ul.menu ul.sub-menu > li a, 
.custom #primary_menu ul.menu ul.sub-menu > li a {
    color: var(--main);
}

#primary_menu ul.menu > li.menu-item-has-children:hover:before {
    border-color: transparent transparent #fff transparent;
}

/* Slideshow */
@media (max-width: 991px) {
    .slideshow_container .caption {
        height: 100dvh;
    }
}

/* Lang */
#languages > div > ul ul li a.lang_sel_other {
    color: white;
}

#languages > nav > ul ul li, #languages > div > ul ul li {    
    color: var(--main);
    background: #f8f8f8;
}
#languages > nav > ul > li:hover:after, #languages > div > ul > li:hover:after {
    color: white;
    box-shadow: #aaa 0px 0px 1px;
    border-color: transparent transparent #f8f8f8 transparent;
}

/* Subtitles */
.the_subtitle, .section_subtitle {
    font-style: normal;
}


/* Surroundings */

.filter_select {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
}

.filter_select .filter_group {
    display: flex;
    flex-direction: column;
    min-width: 20%;

}

.filter_select .filter_group .filters_select {
    margin: 0;
}

.map_section {
    margin-top: 0;
}

#main_book, #mobile_bar .book {
    display: none;
}

#mobile_bar {
    display: none;
    justify-content: center;
}

#map_info #itinerary_container, #map_info .map_itinerary_btn {
    display: none;
}

body.page-template-template-surroundings .de_block_filterable_posts .item_wrap .item .content_wrap .btns_wrap .info {
    display: none;
}

body.page-template-template-surroundings .de_block_filterable_posts .item_wrap .item .content_wrap {
    justify-content: flex-start;
}

/* Presse block */

.section_press .list .article_wrap .article {
    background: #f7F7F7;
}
.section_press .list .article_wrap .article:hover {
    background: #f7F7F7;
}
.section_press .list .article_wrap .article .title {
    text-decoration: none;
    color: var(--main);
}
.section_press .list .article_wrap .article:hover .title{
    color: var(--hover);
}

.section_press .list .article_wrap .content {
    text-decoration: none;
    color: var(--main);
}


#anchors_wrap + #breadcrumb + #main-content-1 .btns_wrap .external {
    display: none;
}

/* Titles */

@media (min-width: 1400px) {
    .de_block_additional_content .container .title,
    .section_title {
        font-size: 2em;
    }
}

.de_block_additional_content .container .title,
.section_title {
    font-size: 1.8em;
}

@media (max-width: 767px) {
    .de_block_additional_content .container .title,
    .section_title {
        font-size: 1.6em;
    }
}

/* Home Adjustments */
#header,
#primary_menu ul.menu > li,
#footer_top_menu ul.menu > li > a{
    font-weight: normal;
    font-size: 16px;
}
.no_slideshow #primary_menu ul.menu > li:after, .custom #primary_menu ul.menu > li:after,
#primary_menu ul.menu > li:after{
    background: var(--highlighted);
    width:5px;
    height: 5px;
    border-radius: 10px;
    margin-top: -2.5px;
}
@media (min-width: 1400px) {
    .the_title {
         font-size: 2.5em; 
    }
}

.the_subtitle, .section_subtitle {
    font-size:1.5em;
}

#main-content-1 .main_content_wrap .content_wrap{
    max-width: 850px;
}
@media (max-width: 767px) {
    #main-content-1 .main_content_wrap .content_wrap {
        width: 100%;
        padding: 6vw;
    }
}

.page_on_front #main-content-1 .main_content_wrap .right_image{
/*    background-image: url('./img/a_grey_white.png') !important;*/
}

.page_on_front #main-content-1 .main_content_wrap .left_image{
/*    background-image: url('./img/a_black_pink.png') !important;*/
}

.main_content_wrap .left_image, 
.main_content_wrap .right_image,
.de_block_additional_content.bg_image_left .extra_content_wrap .thumb_wrap .thumb, .de_block_additional_content.bg_image_right .extra_content_wrap .thumb_wrap .thumb{
    background-size: auto !important;
    background-repeat: repeat !important;
    background-color: transparent !important;
    background-position: 0 !important;
    background-attachment: fixed !important;
    border-radius: 20px;
}

.de_block_additional_content .extra_content_wrap .content_wrap,
.de_block_main_content.has_right_image .content_wrap ,
.de_block_main_content.has_left_image  .content_wrap {
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    border-radius: 20px;
}

.section_title{
    font-weight: 800 !important;
}
.section_icons{
    padding: 80px 0;
    margin-bottom: 80px;
    background: var(--alternative_bg);

}

.section_icons .container{
    background: var(--bg);
    border-radius: 20px;
    padding: 80px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    max-width: 1260px;
}

.section_icons .services_list .service_wrap .service .icon{
    /* border-radius: 100px; */
    /* background:  var(--highlighted); */
    color:var(--highlighted);
    font-size: 42px;
}

.section_icons .services_list .service_wrap .icon.fb_meeting_u_shape:before{
    font-family: "fb_meeting_2" !important;
    content: "\bb62" !important;
}

.section{
     .section{
        padding-bottom: 0;
     }
 }
 
 .de_block_additional_content .container .title{
    font-size: 2em
 }
 .de_block_additional_content .container .subtitle{
    font-size: 1.5em;
 }
 .de_block_additional_content .container .title + .subtitle{
    margin-top: 0.3em;
 }
 
 .btnCta a{
    border-radius: 50px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
 }
 
 .page_on_front #additional-content-1 .thumb_wrap .thumb{
/*        background-image: url('./img/a_black_pink.png') !important;*/
 }
 #additional-content-1 .thumb_wrap .thumb{
/*        background-image: url('./img/ii_pink_white.png') !important;*/
 }
 
 .page_previews_section.section .list .item_wrap .item{
    border-radius: 20px;
    overflow: hidden;
 }
 
 .page_on_front #additional-content-3 .thumb_wrap .thumb{
/*        background-image: url('./img/a_grey_white.png') !important;*/
 }
 #additional-content-3 .thumb_wrap .thumb{
/*        background-image: url('./img/a_white_pink.png') !important;*/
 }
 
 #map_info{
    display: none;
 }
 
 #map_wrapper #contact_box{
        background: #ee7065;
        color: black;
 }
 
 #map_wrapper #contact_box .desc .element .element_pref{
    color: black;
    font-weight: bold;
 }
 
 .map_section {
    padding-left: 80px;
 padding-right: 80px;
 }
 .map_wrapper{
     border-radius: 20px;
 overflow: hidden;
 }
 
 #footer{
    color: #000;
 }
 html{  background: #EFEFEF;}
 #footer_bottom{
    background: #EFEFEF;
    .bottom,
    .top{
        background: none;
        border-bottom:1px solid #ddd !important;
    }
 }
 
 #footer_bottom .contacts .element.element_mail a{
    color: var(--highlighted);
 }
 
 .history_time_line .year_wrap .thumb_wrap .thumb{
    border-radius: 10px;
 }

.history_time_line .year_wrap .title{
    font-family: var(--first-font);
    font-weight: 800;
    font-size: 2em;
}
.history_time_line .year_wrap .content .description{
    font-style: normal;
    margin-top: 1em;
}
.history_time_line .year_wrap .separator,
.history_time_line .year_wrap .separator:after{
    background: var(--highlighted);
}

.content a{
    color: var(--highlighted);
}

.section_icons .content + .services_list{
    margin-top: 3em;
}

.section_icons .services_list .service_wrap .label{
    font-size: 1em;
    font-weight: 600;
}

.description li,
.the_content li {
    list-style-type: none;
    position: relative;
}

.description li:before,
.the_content li:before {
    content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url('./img/monogram_full.svg');
  background-size: contain;
  background-repeat: no-repeat;
  left: -35px;
  position: absolute;
  top: 5px;
}

.section_title + .content,
.section_title + .the_content{
    margin-top: 3em;
}

.filterable_section .the_subtitle {
    font-style: normal;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.filterable_section .elements_to_filter {
    margin-top: 40px;
}

.filter_select .filter_title{
    font-weight: bold;
} 

.de_block_filterable_posts .item_wrap .item .content_wrap .content,
.infowindow_content .content_wrap .content{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: unset;
    .title{
        margin-bottom: 0;
    }
    .brand{
        color: var(--highlighted);
        font-size: 1.1em;
        margin-bottom: 1em;
    }
    .icons{
        div{
            display: flex;
            align-items: center;
        
        }
        .i{
            color: var(--highlighted);
            font-size: 28px;
            margin-right: 10px;
        }
        .label{
            font-weight: bold;
            font-size: .9em;
        }
    }
    .btns{
        order: 4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        gap: 0;
        flex-direction: column;
        .btnCta a{
            padding-left: 20px;
            padding-right: 20px;
        }
        .read_more.btn {
            display: inline-block;
            a{
                color: #333;
                text-decoration: none;
                line-height: 1;
                height: auto;
                letter-spacing: 0;
                display: inline-flex;
                align-items: center;
            }
        }
    }
}

.de_block_filterable_posts .item_wrap {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    flex-grow: 0;
}

.gallery_section .elements_to_filter .thumb_wrap .subtitle {
    font-weight: 500;
}

.de_block_filterable_posts .item_wrap .item .content_wrap .content .btns .read_more.btn a:before,
.infowindow_content .content_wrap .content .btns .read_more.btn a:before{
        content: ' ';
        display: inline-block;
        width:20px;
        height: 20px;
        background: url('./img/arrow.svg') no-repeat center transparent;
        background-size: contain ;
        margin-right: 10px ;
}

.infowindow_content .item_wrap .item .thumb_wrap .thumb {
    background-attachment: scroll;
    background-size: cover;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 0;
    padding-bottom: 45%;
    position: relative;
    z-index: 10;
}


#map_wrapper .map_wrapper {
    position: relative;
}

.infowindow_content {
    max-width: 350px;
    background: var(--alternative_bg);
    padding: 0;
    overflow-y: auto;
    max-height: calc(100% - 40px);
    .title {
        white-space: normal;
        text-overflow: inherit;
        font-family: var(--first-font);
        font-weight: 800;
        line-height: 125%;
        position: relative;
        text-transform: none;
        font-size: 1.3em;
    }
    .content_wrap {
        padding: 1em 1em;
    }
    .btns {
        flex-direction: column;
        gap: 0 !important
    }
}

.info-panel {
    max-width: 350px;
  position: absolute;
/*  top: 20px;*/
  left: 60px;
  z-index: 1;
  height: 100%;
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* Surroundings */

.page-template-template-surroundings #map_wrapper {
    display: none;
}

.de_block_filterable_posts .list {
    overflow: hidden;
}

.de_block_filterable_posts.before_map {
    padding-bottom: 0;
}

.filterable_section .elements_to_filter {
    margin-top: 0;
}

.filterable_section .filters_wrap {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em;
    align-items: flex-end;
}

.filterable_section .filters_wrap .btnCta {
    margin-left: auto;
}

.filterable_section .filter_select {
    justify-content: flex-start;
}

@media (max-width: 767px) {

    .filterable_section .filters_wrap .btnCta {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .filterable_section .filter_select .filter_group {
        width: 100%;
    }

    #map_wrapper #map_canvas {
        height: 300px;
    }

    #map_wrapper .map_wrapper {
        flex-wrap: wrap;
    }
    .info-panel {
        order: 2;
        width: 100%;
        height: auto;
        top: inherit;
        left: inherit;
        position: relative;
    }
    .infowindow_content {
        max-height: 100%;
    }

    .map_section {
        padding-left: 10px;
        padding-right: 10px;
    }
    .history_time_line {
        margin-bottom: 0;
    }
    .history_time_line .year_wrap .thumb_wrap {
        flex-wrap: wrap;
        gap: 20px;
    }
    .history_time_line .year_wrap .thumb_wrap .thumb {
        width: 100%;
        min-height: 220px;
    }

    .history_time_line .year_wrap .title {
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }
    .history_time_line .year_wrap .content .description {
         margin-top: 0; 
    }
    .history_time_line .year_wrap .content:before {
        bottom: -29px;
        top: -110px;
    }
    .history_time_line .year_wrap:nth-child(3n+2) {
        padding-bottom: 0; 
    }
    .history_time_line .year_wrap:nth-child(2n) .content {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    .history_time_line .year_wrap:last-child .content:before  {
        bottom: 0;     
    }
    .history_time_line .year_wrap:nth-child(3n+1) .thumb_wrap .thumb {
        height: 220px;
    }

}