/* Header top bar */
body.home .fusion-secondary-header {
    background-color: transparent;
}
body.home .fusion-secondary-menu ul .menu-item:nth-last-child(2) a::before {
    background-image: url(../img/icons/search-white.svg);
}


body.home .fusion-header-wrapper.fusion-is-sticky .fusion-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    width: calc(100% - 60px);
    height: 1px;
    background-color: rgba(148, 176, 218, 0.5);
}

/* Header main */
body.home .fusion-main-menu>ul>li:last-child {
    display: none;
}
body.home .fusion-main-menu>ul>li:nth-last-child(2) {
    padding-right: 0;
}

body.home:not(.fusion-header-layout-v6) .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li>a {
    height: 46px;
}
body.home:not(.fusion-header-layout-v6) .fusion-header-wrapper.fusion-is-sticky .fusion-header,
body.home:not(.fusion-header-layout-v6) .fusion-header-wrapper.fusion-is-sticky .fusion-main-menu>ul>li>a {
    height: 80px !important;
}
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li:not(.current-menu-item)>a:not(:hover) {
    color: #fff;
}
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li.current-menu-item>a,
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu>ul>li>a:hover {
    color: #0D0E0F;
}
body.home .fusion-header-wrapper.fusion-is-sticky .fusion-logo img {
    height: 40px;
}

body.home .fusion-header {
    transition: none !important;
}
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-logo {
    margin: 0 !important;
    transform: translateY(-2px)
}
body.home .fusion-header-wrapper.fusion-is-sticky .fusion-logo {
    margin: 15px 0 !important;
}
body.home .fusion-is-sticky .fusion-header-v2 .fusion-sticky-shadow {
    box-shadow: none;
}
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu li.menu-item-has-children a:not(:hover) .menu-text::after {
    filter: invert(100%) sepia(0%) saturate(7493%) hue-rotate(271deg) brightness(103%) contrast(100%);
}
body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu li.menu-item-has-children a:hover .menu-text::after {
    filter: invert(5%) sepia(3%) saturate(1065%) hue-rotate(169deg) brightness(100%) contrast(100%);
}

/* Home page */
.home__hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    z-index: 100;
}

.home__hero > .fusion-builder-row {
    z-index: 100 !important;
}

@media (min-width: 801px) {
    body.home .secureholiday__reservation {
        position: relative;
        top: auto;
        width: calc(100% - 60px);
        margin: -147px 30px 0 30px;
    }
    
    body.home .tfs-slider .flex-control-nav {
        bottom: 150px !important;
    }
}
    body.home .flex-control-paging li a {
        width: 14px;
        height: 14px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

@media only screen and (max-width: 800px) {
    body.home .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-logo {
        margin: 20px 0 0 0 !important;
    } 
    body.home .fusion-header-wrapper + #sliders-container {
        margin-top: -70px;
    }

    body.home .fusion-slider-container,
    body.home .tfs-slider,
    body.home .tfs-slider .background-image {
        height: 40vh !important;
        max-height: 40vh !important;
    }
    .home__hero > .fusion-row {
        border-radius: 15px 15px 0 0;
        background-color: #fff;
        margin-top: -12px;
    }
    .home__hero .like-h2 {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 28px !important;
        margin-bottom: 34px !important;
    }

    /* Slider */
    body.home .tfs-slider .slide-content-container .fusion-title-size-two h2 {
        font-size: 22px !important;
        line-height: 1 !important;
    }
    body.home .tfs-slider .slide-content-container .fusion-title-size-three h3 {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }
    body.home .tfs-slider .fusion-button.button-orange {
        font-size: 13px !important;
    }
}

/* Liste */
body.on-overlay .home__list,
body.on-overlay .home__offers {
    z-index: 10011;
}

body.home .onc__camping__list {
    content-visibility: auto;
}

.home__list .fusion-text p {
    margin-bottom: 60px;
}

.home__list .onc__camping__list {
    border-radius: 30px;
}

.home__list + .home__news {
    margin-top: 120px !important;
}

.home__offers > .fusion-row {
    background-color:rgba(255, 255, 150, 0.75);
    border-radius: 10px;
}
.home__offers .fusion-button-wrapper {
    margin-top: 60px;
    margin-bottom: 90px;
}
.home__offers .fusion-text {
    margin-bottom: 60px;
}
.home__offers .all__promos {
    min-width: calc(33.33% - ( 4vw ) );
    margin: 40px auto 45px;
}

body .button.orange.all__promos:hover, 
body .fusion-button.button-orange.all__promos:hover {
  background: #FFF !important;
}

@media only screen and (min-width: 801px) {
    .home__list .onc__camping__list {
        background-color: var(--orange-clair);
    }
    .home__list .cl__list {
        padding: 0 52px;
    }
}

@media only screen and (max-width: 800px) {
    .home__list {
        padding: 0 20px !important;
    }
    .home__list .fusion-title {
        margin: 0 0 20px 0 !important;
    }
    .home__list .fusion-title h2 {
        text-align: left !important;
    }
    .home__list .fusion-text p {
        margin-bottom: 30px;
        text-align: left !important;
    }
    .home__offers {
        padding: 75px 0 !important;
        z-index: 1;
    }
    .home__list .onc__camping__list,
    .home__offers .onc__camping__list {
        padding: 35px 0;
    }
    .home__list .onc__camping__list.onc--campings {
        margin-right: -20px;
        margin-left: -20px;
        background-color: #ffecdd;

        --itemBg: #fff;
    }
    .home__offers .fusion-text {
        margin-bottom: 26px;
    }
    .home__offers .onc__camping__list {
        padding: 0 20px ;
    }
    .home__offers > .fusion-row {
        border-radius: 30px;
    }
    .home__offers .fusion-button-wrapper {
        margin-top: 55px;
        margin-bottom: 20px;
    }
    .home__offers .fusion-button-wrapper .fusion-button {
        width: calc(100% - 40px);
    }
    .home__offers .all__promos {
        margin: 40px auto 20px;
    }
    .home__list + .home__news {
        margin-top: 75px !important;
    }
}

/* Reseau */
.home__reseau > .fusion-row {
    max-width: 1000px !important;
}
    .home__reseau .fusion-text > p {
        margin-bottom: 17px;
    }
    .fusion-checklist, ul.fusion-checklist.home__stars__list {
        margin-bottom: 50px;
    }
        ul.fusion-checklist.home__stars__list .fusion-li-item {
            padding: 8.5px 0;
        }
            .home__stars__list .fusion-li-icon.fa-star::before {
                content: "" !important;
                display: inline-block;
                background-image: url(../img/icons/star.svg);
                background-repeat: no-repeat;
                background-size: contain;
                width: 25px;
                height: 25px;
            }

    .home__reseau .fusion-builder-row-inner {
        display: flex;
    }
    .home__reseau .fusion-builder-row-inner:after, .home__reseau .fusion-builder-row-inner:before {
        content: none;
    }
    .home__reseau__item {
        border-radius: 10px;
        background-color: #DCEDFF;
    }   
        .home__reseau__item .fusion-li-item-content p {
            line-height: 130.5% !important;
        }
        .home__reseau__item .fb-icon-element {
            display: inline-block;
            width: 96px !important;
            height: 86px !important;
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: 20px !important;
        }
        .home__reseau__item .fb-icon-element::before {
            content: none !important;
        }
        .home__reseau__item .fa-campground {
            background-image: url(../img/icons/tent-large.svg);
        }
        .home__reseau__item .fa-hand-holding-usd {
            background-image: url(../img/icons/offer.svg);
        }
        .home__reseau__item .fusion-title {
            text-transform: uppercase;
            display: inline-flex !important;
            width: calc(100% - 96px - 20px);
            vertical-align: top;
            margin: 0 0 20px 0 !important;
            min-height: 86px;
        }
        .home__reseau__item .fusion-button-wrapper {
            align-self: flex-end;
            justify-content: flex-end;
            float: none !important;
            margin: 0 0 0 auto !important;
        }

@media only screen and (min-width: 801px) {
    .home__reseau__item .fusion-column-wrapper {
        height: 100% !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 800px) {
    .home__reseau {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    #main .home__reseau .fusion-title h1 {
        font-size: 20px !important;
        text-align: left !important;
    }
    .home__reseau .fusion-text > p {
        margin-bottom: 20px;
    }
    .home__reseau .like-h2 {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        font-weight: normal;
    }
    .home__reseau__item .fusion-li-item-content p {
        font-size: 16px !important;
    }

    .home__reseau .fusion-builder-row.fusion-builder-row-inner {
        flex-direction: column;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
    }
        .home__reseau__item {
            border-radius: 0;
        }
            .home__reseau__item .fusion-column-wrapper {
                padding: 0 24px 30px 21px !important;
            }
            .home__reseau__item.fusion-column-last .fusion-column-wrapper {
                padding-bottom: 80px !important;
            }
            .home__reseau__item .fb-icon-element {
                float: left !important;
                width: 59px !important;
                height: 53px !important;
                margin-right: 14.5px !important;
                margin-bottom: 8px !important;
            }
            .home__reseau__item .fusion-title {
                min-height: 0;
                width: calc(100% - 59px - 14.5px);
            }
            .home__reseau__item .fusion-title h3 {
                font-size: 15px !important;
            }
            .home__reseau__item .fusion-button-wrapper {
                float: right !important;
                margin: 0 0 30px auto !important;
            }
            .home__reseau__item .fusion-button-wrapper .fusion-button {
                padding: 9.5px 35px !important;
                font-size: 15px !important;
            }
}

@media only screen and (max-width: 800px) {
    .home__news {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
        .home__news .fusion-title h2 {
            font-size: 20px !important;
            text-align: left !important;
        }
}

/* Gallerie */
.home__gallery .fusion-grid-column:nth-child(4) {
    width: calc(100% / 3) !important;
}

.home__gallery .fusion-grid-column:nth-child(2) .fusion-masonry-element-container,
.home__gallery .fusion-grid-column:nth-child(6) .fusion-masonry-element-container  {
    padding-top: calc(100% * 1.0833) !important;
}
.home__gallery .fusion-grid-column:nth-child(4) .fusion-masonry-element-container {
    padding-top: calc(100% * .5416) !important;
}
.home__gallery .fusion-grid-column:nth-child(3) .fusion-masonry-element-container,
.home__gallery .fusion-grid-column:nth-child(5) .fusion-masonry-element-container  {
    padding-top: calc(100% * .2708) !important;
}

@media (max-width: 800px) {
    .home__normandy {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
    .home__gallery {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .home__gallery .fusion-gallery {
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    }
    .home__gallery .fusion-grid-3 .fusion-grid-column:not(.fusion-element-landscape) {
        width: calc(100% / 3) !important;
    }
    .home__gallery .fusion-gallery.fusion-gallery-layout-masonry.fusion-grid-3.fusion-masonry-has-vertical .fusion-element-landscape:not(:nth-child(4)) {
        width: calc(100% / 3 * 2) !important;
    }
    .home__gallery .fusion-grid-column:nth-child(4) {
        width: calc(100% / 3) !important;
    }

    .home__gallery .fusion-grid-column:nth-child(2) .fusion-masonry-element-container,
    .home__gallery .fusion-grid-column:nth-child(6) .fusion-masonry-element-container  {
        padding-top: calc(100% * 2) !important;
    }
    .home__gallery .fusion-grid-column:nth-child(4) .fusion-masonry-element-container {
        padding-top: 100% !important;
    }
    .home__gallery .fusion-grid-column:nth-child(3) .fusion-masonry-element-container,
    .home__gallery .fusion-grid-column:nth-child(5) .fusion-masonry-element-container  {
        padding-top: calc(100% * .5) !important;
    }
}

/* Vacances */
.fusion-image-hovers .imageframe-liftup {
    width: 100%;
}
.vacancy__item .fusion-imageframe {
    width: 100%;
    height: 0;
    padding-bottom: 54.24%;
    border-radius: 10px;
}
.vacancy__item .fusion-imageframe img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    object-fit: cover;
}

@media (min-width: 801px) {
    .home__vacancies__list > .fusion-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ua-safari body .vacancy__item.fusion-builder-column-9 {
        margin-right: 5.5vw !important;
    }
}

@media (max-width: 800px) {
    .home__vacancies {
        padding: 75px 0 10px 0 !important;
    }
        .home__vacancies .fusion-title h2 {
            font-size: 20px !important;
        }

    .home__vacancies__list {
        padding: 0 !important;
    }
    .home__vacancies__list > .fusion-row {
        max-width: 100% !important;
    }
    .home__vacancies__list.scroll__list > .fusion-row > .fusion-layout-column:first-child {
        margin-left: 15px !important;
    }
    .home__vacancies__list.scroll__list > .fusion-row > .fusion-layout-column {
        padding: 0 5px;
    }    
    .home__vacancies__list.scroll__list > .fusion-row > .fusion-layout-column:last-child {
        min-width: calc(66vw - 3.3vw + 20px) !important;
    }
        .home__vacancies__list h3 {
            font-size: 15px !important;
        }

    .home__vacancies__footer {
        padding-bottom: 75px !important;
    }
}