/**
FOOTER
*/

.texte_de_copyright {
    background-color: var(--color-2);
    color: #ffffff;
    font-size: 14px;
    line-height: 1.9em;
    padding: 1em;text-align: center;
}
.texte_de_copyright a { text-decoration: none; }
.texte_de_copyright a:hover { text-decoration: underline; }
.texte_de_copyright p { margin: 0; }
.footer-menu-ul {
    padding: 0 0 8px 0;
    margin: 0;
    color: #fff;
    list-style: none;
}
ul.footer-menu-ul ul li { padding: 0; }
#menuFooterGroup li a,
.footer-menu-ul a { text-decoration: none; }
#menuFooterGroup li a,
.footer-menu-ul a:not(.font-family-ornamental) { font-size: 14px; }
#menuFooterGroup li a:hover,
.footer-menu-ul a:hover { text-decoration: underline;transition: all .3s;color: var(--color-1); }
ul.footer-mainmenu {
	padding: 0;margin: 0;
    color: #ffffff;
    padding: 1em;
    column-count: 4;
    column-gap: 40px;
    list-style: none;
}

@media (max-width: 1024px) { 
    ul.footer-mainmenu { column-count: 1; }
    ul.footer-mainmenu { padding: 0; }
    ul.footer-mainmenu .menu-level-2 { border-bottom: 1px #11437b solid; }
    ul.footer-mainmenu {
        padding-left: 1em;
        padding-right: 1em;
    }
    ul.footer-mainmenu .ul-list { padding-right: 3em; }
}
ul.footer-mainmenu a { text-decoration: none; }
ul.footer-mainmenu a:hover { text-decoration: underline;color: var(--color-1); }
ul.footer-mainmenu li { padding: .5em 0;position: relative; }
ul.footer-mainmenu ul { display: none;position: relative;padding: 0; }
ul.footer-mainmenu ul.active {
    display: block;
}
ul.footer-mainmenu ul li { padding: 0; }
#menuFooterGroup li a { text-decoration: none; }
.toggle-list {
	display: inline-block;
	position: absolute;
	width: 20px;height: 20px;
	text-align: center;
	right: 1.5em;
	margin: 0 auto;
    cursor: pointer;
    font-size: 1.2em;
    display: none;
}
.footer-menu-ul li.menu-level-2 { padding-bottom: 1em; }
.main-footer { padding: 1em 1em;padding-top: 70px;border-bottom: 1px #11437b solid;background-color: var(--color-2) !important; }
.main-footer .column { padding: 0;margin: 0; }
.footer-menu-ul.list-style-none.ul-list { display: none; }
.footer-menu-ul.list-style-none.ul-list.active { display: block; }
.main-footer .text-align-center { padding-bottom: 20px; }
.main-footer .action-button { border: 2px var(--color-1) solid;}
.main-footer .action-button:hover { background-color: rgba(0,0,0,0);}
@media (max-width: 768px) { 
    .toggle-list { display: inline-block; } 
    .footer-menu-ul li.menu-level-2 { padding-top: 0.5em;padding-bottom: 0.5em; }
    .main-footer .container { padding: 0 1em; }
    .main-footer { padding-top: 2em;padding-bottom: 2em; }

    .main-footer .brand-logo { display: block;margin-bottom: 3em; }
    .main-footer .action-button { padding: 1em 2em; }
    
    #content-reservation-directe a.action-button { margin-left: 0;margin-right: 0;white-space: nowrap; }
}

.ul-list.active { padding-top: 1em !important; }

#menuFooter {
    margin: 0;padding: 0;list-style: none;
}
#menuFooter li { display: inline-block; }
#menuFooter li:after { content: '-';padding-left: .3em; }
#menuFooter li:last-child:after { content: ''; }

/**
REDES SOCIALES
*/

.void-column { border-right: 0 !important;position: relative; }
.void-column .first-row-image { width: 100%;height: auto;position: absolute;max-width: 220px; }
@media (max-width: 1216px) { .void-column .first-row-image { top: 40px; } }
#redes-sociales .second-row .second-row-image { display: none; }
.mod-menu.redes-sociales-php {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mod-menu.redes-sociales-php li.nav-item a span.image-title { display: none; }
/*
ul.mod-menu li,
ul.mod-menu li a img { width: 60px;height: auto; }
ul.mod-menu li a span {
    display: none;
}
ul.mod-menu li { margin: .5em; }
*/
/* ul.mod-menu li .image-title { display: none; } */
ul.mod-menu li { width: 25%; }
ul.mod-menu li .badge { 
    width: 50px;height: 50px;border-radius: 0;display: block; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border: 2px solid var(--color-2);
}
ul.mod-menu li .badge img { width: 25px;filter: invert(13%) sepia(100%) saturate(2857%) hue-rotate(202deg) brightness(97%) contrast(90%); }
ul.mod-menu li a:hover .badge { background-color: var(--color-2);transition: all .3s; }
ul.mod-menu li a:hover .badge img { filter: invert(89%) sepia(18%) saturate(3416%) hue-rotate(333deg) brightness(102%) contrast(102%); }

#redes-sociales .first-row .garanties-column img { height: 70px;width: auto; }

@media (max-width: 1024px) {
    #redes-sociales .first-row { padding: 2em; }
    #redes-sociales .first-row .container .columns .column.is-10-desktop { width: 95%;margin: 0 auto; }
    #redes-sociales .first-row .container .columns .column.is-10-desktop .columns .column { width: 25%; }
    .void-column { display: none; }
    #redes-sociales .second-row .second-row-image { 
        display: block;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        float: left;
        padding-right: 2em;
    }
    #redes-sociales .first-row .garanties-column { width: 25% !important; }
    .div-inspirer.container {
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }


}
@media (max-width: 768px) {
    #redes-sociales .first-row,
    #redes-sociales .second-row { padding-top: 20px;padding-bottom: 20px; }
    .columns.has-border-between-columns .column { border: 0; }
    #redes-sociales .first-row .container .columns .column.is-10-desktop .columns .column { width: 50%;padding: 0.75rem !important; }
    #redes-sociales .first-row .garanties-column { width: 50% !important; }
    .second-row-wrapper { padding-left: 0.5em !important;padding-right: 0.5em !important; }
    #redes-sociales .second-row .second-row-image { 
        padding-right: 0.5em !important;
        width: 122px !important;
        padding-left: 1.5em;
        padding-bottom: 1em;
    }

    
}

#redes-sociales .second-row .second-row-image { 
    position: absolute;
    left: -200px;
    top: -170px;
}
#redes-sociales .second-row .second-row-social-media { width: 50%;padding-left: 200px; }
@media (max-width: 1024px) { 
    #redes-sociales .second-row .second-row-social-media,
    #redes-sociales .second-row .second-row-links { padding-left: 0;width: 100% !important; } 
    .second-row-wrapper { flex-wrap: wrap;padding-left: 2em;padding-right: 2em; }
}
#redes-sociales .second-row .second-row-links { width: 50%;display: flex; }
#redes-sociales .second-row .second-row-links a { width: 33.33%;font-size: 14px; }
#redes-sociales .second-row .second-row-links a .badge { 
    background-color: var(--color-2);
    display: block;margin: 0 auto;width: 60px;height: 60px;border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border: 2px var(--color-2) solid;
}
#redes-sociales .second-row .second-row-links a:hover { color: var(--color-2);transition: all .3s; }
#redes-sociales .second-row .second-row-links a:hover .badge { background-color: var(--color-1);transition: all .3s; }
#redes-sociales .second-row .second-row-links a:hover .badge img { filter: invert(13%) sepia(100%) saturate(2857%) hue-rotate(202deg) brightness(97%) contrast(90%); }
#redes-sociales .second-row .second-row-links a .badge img { 
    width: 30px;
    filter: invert(89%) sepia(18%) saturate(3416%) hue-rotate(333deg) brightness(102%) contrast(102%);
}


/** **/
#content-reservation-directe { width: 50%;display: inline-block;height: 60px;position: relative; }
#content-map {width: 50%;float: left;height: 60px;text-align: right;position: relative; }
#content-map .toggle-map {
    position: absolute;right: 0.5em;top: -2em;
    background-color: var(--color-2);
    color: var(--color-1);
    padding: 1.1em 1.5em 1.1em 4em;
}
#content-reservation-directe .action-button { 
    position: absolute;left: 0.5em;top: -2em;
    padding: 1.1em 1.5em 1.1em 4em;
    /* color: var(--color-2); */
}
#content-reservation-directe .action-button:hover { color: #ffffff !important; }
#content-reservation-directe .action-button:hover span { background-color: var(--color-1); }
/* #content-reservation-directe .action-button:nth-child(1):hover span img.color-1 { 
    filter: invert(13%) sepia(100%) saturate(2857%) hue-rotate(202deg) brightness(97%) contrast(90%); 
} */
#content-reservation-directe .action-button span,
#content-map .toggle-map span {
    background-color: var(--color-1);
    position: absolute;
    left: 5px;
    border-radius: 0;
    width: 50px;
    height: 50px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#content-map .toggle-map:hover { background-color: var(--color-1);color: var(--color-2); }
#content-map .toggle-map:hover span { background-color: var(--color-2); }
#content-map .toggle-map:hover span img { filter: invert(89%) sepia(18%) saturate(3416%) hue-rotate(333deg) brightness(102%) contrast(102%); }
#content-reservation-directe .action-button span { background-color: var(--color-2); }
#content-map .toggle-map span img,
#content-reservation-directe .action-button span img { width: 25px; }

/**
MENU REGIONES TURÍSTICAS
*/
#menu-tourist-regions {
    position: relative;
    z-index: 3;
    
}
.menu-tourist-regions {
    position: relative;
    z-index: 1;position: relative;margin-top: 10px;height: 28px;
    margin-top: 0;
    height: 35px;
}
.main-navigation { text-align: center; position: relative; }
.main-navigation > ul { 
    display: flex;
    padding: 10px 0 20px;
    margin: 0;
    position: relative;
    min-height: 42px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.main-navigation > ul:before { 
    content: '';position: absolute;background-color: #f3f4f6;width: 100%;height: 100%;
    height: 140px;
    top: -35px;
    border-radius: 0;
}

.main-navigation > ul > li {
    position: relative;
    display: inline-block;
}
.main-navigation>ul>li>div {
    padding: 10px 15px;
    /*background-color: #f3f4f6;*/
    color: #6d6e71;
    text-transform: uppercase;
    text-decoration: none;
    font-family: nunito-bold;
    position: relative;z-index: 1;
    /* height: 58px; */
    display: flex;
    cursor: pointer;
    align-items: center;
}

.main-navigation li:last-child>div { 
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
}
.main-navigation li:first-child>div { 
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; 
}
.main-navigation>ul>li:hover>div, .main-navigation>ul>li>div.div-active{ 
    border-radius: 0;
    background-color: var(--color-1);
    color: var(--color-2);
}

.main-navigation .regions_turitiques_submenu{
    position: absolute;
    top: 13px;
    left: 0;
    background-color: #f3f4f6;
    width: 100%;
    min-height: 200px;
    padding-top: 100px;
    padding-bottom: 20px;
    }

.main-navigation .regions_turitiques_submenu ul{
    text-align: left;
    list-style: none;
    padding: 15px 30px;
    margin: 0;

    padding: 0 30px;
}

#touristregion1 ul li ul,
#touristregion1 ul li ul li,

#touristregion2 ul li ul,
#touristregion2 ul li ul li,

#touristregion3 ul li ul,
#touristregion3 ul li ul li,

#touristregion4 ul li ul,
#touristregion4 ul li ul li,

#touristregion5 ul li ul,
#touristregion5 ul li ul li { padding: 0; }

#touristregion1 ul li a:first-child,
#touristregion2 ul li a:first-child,
#touristregion3 ul li a:first-child,
#touristregion4 ul li a:first-child,
#touristregion5 ul li a:first-child { font-family: 'nunito-bold';color: var(--color-2); }

#touristregion1 ul li ul li a:first-child,
#touristregion2 ul li ul li a:first-child,
#touristregion3 ul li ul li a:first-child,
#touristregion4 ul li ul li a:first-child,
#touristregion5 ul li ul li a:first-child,
#touristregion1 ul li ul li a:first-child:hover,
#touristregion2 ul li ul li a:first-child:hover,
#touristregion3 ul li ul li a:first-child:hover,
#touristregion4 ul li ul li a:first-child:hover,
#touristregion5 ul li ul li a:first-child:hover { text-decoration: none;color: #000000 !important;font-family: 'nunito'; }

#touristregion1, #touristregion4 { display: flex; }
#touristregion1 .regions_turitiques_submenu_level_1, #touristregion4 .regions_turitiques_submenu_level_1  { width: 59%; }
 


.main-navigation #level0-regionturistic,
.main-navigation #level0-residences { left: 12px;top: 22px; }

#main-navigation-etab.main-navigation.is-fixed-top { width: 100vw;left: 0;right: 0; }
#main-navigation-etab.main-navigation.is-fixed-top ul { border-radius: 0; }

.regions_turitiques_submenu_level_1 li{
    padding: 5px 0 5px 0;
}
.regions_turitiques_submenu_level_2 li{
    padding: 5px 30px 0;
}
.main-navigation li a{
    text-decoration: none;
}
.regions_turitiques_submenu_level_1 li a:hover{
    color: var(--color-2)!important;
}
.regions_turitiques_submenu_level_2 li a:hover{
    color: var(--color-1)!important;
}
.regions_turitiques_submenu_level_2 li a{
    font-family: 'nunito-bold';
    color: #6d6e71;
}

.regions_turitiques_submenu_level_2{
    display: none;
    display: block;
}
.regions_turitiques_submenu_level_1 li:hover>ul.regions_turitiques_submenu_level_2{
    display: block;
}


.offers_page .slickContent>div {
    position: relative;
    max-height: 389px;
    border-radius: 0;
    overflow: hidden;
}

.offers_page .slickContent img {
    width: 100%;
    object-fit: cover;
}
.offers_page .slickContent .background_hover, .offers_page img.image-background {
border-radius: 0;
}



#formInscriptionNewsletter {
    padding-top: 55px !important; 
}
/* En principio no es necesario adaptar este padding a media queries para dispositivos móbiles */

#content-reservation-directe {
    width: 100%;
    display: inline-block;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -25px;
}
#content-reservation-directe a { margin-left: 10px;margin-right: 10px; }
#content-reservation-directe a:nth-child(odd) { background-color: var(--color-2); }
#content-reservation-directe a:nth-child(odd) span { background-color: var(--color-1); }
#content-reservation-directe a:nth-child(odd) span img, 
#content-reservation-directe a:nth-child(even) span img{ 
    filter: invert(100%) brightness(100%) grayscale(100%);
}

/* #content-reservation-directe a:nth-child(odd):hover { background-color: var(--color-1);color: var(--color-2) !important; }
#content-reservation-directe a:nth-child(odd):hover span { background-color: var(--color-2); }
#content-reservation-directe a:nth-child(odd):hover span img { filter: invert(89%) sepia(18%) saturate(3416%) hue-rotate(333deg) brightness(102%) contrast(102%); } */

#content-reservation-directe .action-button {
    position: relative;
    left: initial;
    top: initial;
    padding: 1.1em 1.5em 1.1em 4em;
    /* color: var(--color-2); */
    padding-left: 60px !important;
}
.button-voir-sur-la-carte { display: inline;padding: 0 !important; }
@media (max-width: 1000px) { 
    #content-reservation-directe,
    #content-reservation-directe a { display: block;text-align: center;margin: 10px 10px;width: auto !important; }
    #content-reservation-directe .action-button { text-align: left !important; }
}

h2.toggle-content-switcher:before {
    color: var(--color-3);
    padding-right: 0.5rem;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f067';
    border: 0;
    font-size: 30px;/*45px;*/
    position: relative;
    top: 7px;
    display: none;
}
h2.toggle-content-switcher.active:before { content: '\f068'; }
@media (max-width: 1024px) { 
    .toggle-content-block { height: 0;transition: all 2s; }
    .toggle-content-switcher { cursor: pointer; }
    h2.toggle-content-switcher:before { opacity: 1;display: inline-block; }
    .toggle-content-block { overflow: hidden; }

    h2.toggle-content-switcher { font-size: 20px; }
}
.toggle-content-block.active { height: auto !important; }



.main-menu-horizontal { 
    padding: 0;display: 0;list-style: none;
    position: relative;display: flex;align-items: center;justify-content: center; 
    width: 395px;
    margin: 0 auto;
}
.main-menu-horizontal .item-submenu { 
    padding: 0;display: 0;list-style: none;
    position: absolute;z-index: 0;
    left: -193px;
    right: 0;
    margin: 0 auto;
    border-radius: 0;
    overflow: hidden;
    width: 1024px;
    columns: 3;
    column-gap: 0;
    margin-top: 10px;
    display: none;
}
.main-menu-horizontal li {
    background-color: #f3f4f6;
    padding: 1em;
}
.main-menu-horizontal li.menu-horizontal-item { z-index: 1; }
.main-menu-horizontal li:first-child { border-top-left-radius: 0;border-bottom-left-radius: 0; }
.main-menu-horizontal li:last-child { border-top-right-radius: 0;border-bottom-right-radius: 0; }
.main-menu-horizontal .item-submenu .item-submenu-element a { padding: 0;text-transform: initial;}
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li.item-submenu-element { padding-bottom: 0;padding-top: 0; }
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li.item-submenu-element a { padding: 5px; }
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li { border-radius: 0 !important; }
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li a { 
    /* border-bottom: 1px #6d6e71 solid; */
    display: block;
    border-radius: 0 !important;
}
.main-menu-horizontal .menu-horizontal-item a { 
    background-color: rgba(0,0,0,0);
    padding: 1.1em 2em;
    border-radius: 0;text-decoration: none;
    text-transform: uppercase;
    text-transform: uppercase;
    font-family: nunito-bold;
    font-size: 12px;
    color: #6d6e71;
}
.main-menu-horizontal .menu-horizontal-item a div:hover { opacity: 0.9; }
.main-menu-horizontal .menu-horizontal-item { padding-left: 0;padding-right: 0; }
.main-menu-horizontal li:first-child { padding-left: 15px; }
.main-menu-horizontal li:last-child { padding-right: 15px; }

.main-menu-horizontal li.menu-horizontal-item:hover > ul.item-submenu { display: block !important; }

ul.main-menu-horizontal .menu-horizontal-item { padding: 0 !important; }

ul.main-menu-horizontal .menu-horizontal-item a { display: inline-block;font-size: 1em; }

.main-menu-horizontal { width: 600px; }

.main-menu-horizontal .item-submenu { margin-top: 0 !important;    padding: 15px; }
.main-menu-horizontal .item-submenu:after { content: '';position: absolute;bottom: 0;left: 0;width: 100%;background-color: #f3f4f6;height: 2px; }
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li.item-submenu-element {
    display: inline-block;
    width: 100%;
    
}
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li.item-submenu-element a { color: var(--color-2); }
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu li.item-submenu-element a .item-submenu-element-destination {
    color: #000 !important;
    font-family: 'nunito';
}
.main-menu-horizontal li.menu-horizontal-item ul.item-submenu { background-color: #f3f4f6; }

@media (max-width: 1460px) {
    #menu-tourist-regions { display: none; }
}