/*
Theme Name: Salient Child Theme by Double A
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Agence Double A
Author URI:  https://doublea.io
Template: salient
Version: 1.0
*/

/***************************************************************/
/* FONTS *******************************************************/
/***************************************************************/
@font-face {
    font-family:'Biko';
    font-style:normal;
    font-weight:400;
    src:url(fonts/biko_regular.woff2) format('woff2'),
        url(fonts/biko_regular.woff) format('woff');
    font-display: swap;
}

/* @font-face {
    font-family:'Avenir';
    font-style:normal;
    font-weight:700;
    src:url(fonts/avenirnext-bold-webfont.woff) format('woff');
    font-display: swap;
} */

body, strong, .nectar-button, nav {
    font-family: 'Biko', Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Biko', Arial, Helvetica, sans-serif !important;
    letter-spacing: 1px;
    font-weight: 400;
}

.h2 * {
    font-size: 50px !important;
    line-height: 55px !important;
}

/***************************************************************/
/* FONTS STYLE *************************************************/
/***************************************************************/
.light, .light p, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
    color: #FFF;
}

.font-small{
    font-size: 15px;
    line-height: 23px;
}

.font-big {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 2px;
}

.font-icon {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 1;
}

.ss-titre {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 40px !important;
    letter-spacing: 4px;
    color: #141819;
}

h1 em, h2 em, h3 em, h4 em, h5 em {
    /* background: url('img/color.gif'); */ 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.justify {
    text-align: justify;
}

ul {
    margin-left: 2px;
}

.wpb_text_column li {
    list-style: none;
    font-size: 14px;
}

.main-content .wpb_text_column li:before {
    content: '';
    background: url('img/puce.svg') center/cover !important;
    width: 20px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}

#block-info .ss-titre {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    letter-spacing: 4px;
    color: #141819;
}

/***************************************************************/
/* GENERAL *****************************************************/
/***************************************************************/
img.iconsmall {
    width: auto !important;
    height: 40px !important;
}

img.icon {
    width: auto !important;
    height: 50px !important;
}

img.iconbig {
    width: auto !important;
    height: 80px !important;
}

.display-flex .wpb_wrapper {
    display: flex;
}

.justify-content-end .wpb_wrapper {
    justify-content: end;
}

.justify-content-center .wpb_wrapper {
    justify-content: center;
}

.full-height {
    height: 100vh;
}

.height-80 {
    height: 80vh;
}

@media all and (min-width: 1000px) {
    .align-right,
    .align-right .wpb_wrapper {
        text-align: right;
        justify-content: end;
    }
}

/***************************************************************/
/* SALIENT *****************************************************/
/***************************************************************/
.iwithtext .iwt-icon img {
    width: 40px !important;
    top: 4px;
    position: relative;
    filter: invert(5%) sepia(6%) saturate(5135%) hue-rotate(137deg) brightness(104%) contrast(98%);
}

.iwithtext .iwt-text {
    margin-left: 60px;
    border-left: 2px solid #eee;
    padding-left: 20px;
}

.toggle h3 a {
    font-size: 18px !important;  
    line-height: 27px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold !important;
    padding: 15px 70px 15px 0 !important;
}

@media all and (min-width: 1000px) {
    .toggle h3 a {
        padding: 20px 70px 20px 0 !important;
    }
}

.divider-wrap .divider-vertical {
    width: 2px;
    margin: 8px auto 8px;
}

a.nectar-button,
input[type=submit] {
    text-transform: capitalize;
    letter-spacing: 1px;
    border-radius: 15px !important;
}

a.nectar-button:hover,
input[type=submit] {
    opacity: 1;
}

.nectar-button.accent-color:hover,
.nectar-button.extra-color-1:hover,
.nectar-button.extra-color-2:hover,
.nectar-button.extra-color-3:hover,
input[type=submit]:hover {
    background: #6cc9d1 !important;
}

.nectar-button[data-color-override="false"].small.regular-button {
    color: #6cc9d1;
    background-color: transparent !important;
    border-bottom: 2px solid #6cc9d1;
    border-radius: 0 !important;
}

/* .wpb_text_column p {
    opacity: 0.7;
} */

/**********************************************************************/
/* HEADER *************************************************************/
/**********************************************************************/
#top .span_3 {
    margin: 0 !important;
}

#logo {
    
    margin: 0px 0 0 20px !important;
}

#logo img {
    padding: 12px 18px;
    background: #137c91;
}

@media all and (min-width:1000px) {
    #logo img {
        padding: 24px 32px 22px 32px;
        background: #137c91;
    }

    ul.sf-menu .menu-item-702 a,
    ul.sf-menu .menu-item-747 a {
        background: #6cc9d1;
        border-radius: 30px;
        padding: 10px 15px !important;
        margin-left: 10px;
        transition: all .2s ease;
    }

    ul.sf-menu .menu-item-702 a:hover,
    ul.sf-menu .menu-item-747 a:hover {
        background: #137c91;
    }
}

body.material #header-outer[data-full-width=true]:not([data-format=left-header]) #top nav>.buttons {
    margin-right: 20px;
    margin-top: 5px;
}

#header-outer #top nav .slide-out-widget-area-toggle[data-custom-color=true]:not(.mobile-icon) a:not(.using-label) {
    padding: 25px 30px 25px 30px;
    background: #6cc9d1;
}

@media all and (max-width:1000px){
    #top .span_9>.slide-out-widget-area-toggle {
        background: #6cc9d1;
        padding: 0 3px;
    }
}

/* body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background-color: transparent !important;
} */

.off-canvas-menu-container.mobile-only {
    display: none !important;
}

.off-canvas-menu-container li.lang-item {
    float: left;
    margin-top: 15px;
}

.off-canvas-menu-container li.lang-item a {
    padding: 0 20px 0 0px !important;
}

li.lang-item a {
    padding: 0 0 0 20px !important;
}

li.lang-item img {
    width: 20px !important;
    margin-bottom: 0 !important;
}


/**********************************************************************/
/* HOME ***************************************************************/
/**********************************************************************/
.logo-header {
    width: 250px !important;
}

@media all and (min-width:1400px) {
    .logo-header {
        width: 300px !important;
    }
}

/**********************************************************************/
/* SENDINBLUE *********************************************************/
/**********************************************************************/
.nl-sendinblue {
    display: flex;    
}

.nl-sendinblue input[type=email] {
    border-radius: 7px;
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
    background: #FFF;
}

body[data-button-style*="slightly_rounded"] .nl-sendinblue input[type=submit] {
    border-top-left-radius : 0 !important;
    border-bottom-left-radius : 0 !important;
}

/**********************************************************************/
/* FOOTER *************************************************************/
/**********************************************************************/
.logo-footer {
    width: 70px !important;
}

img.iconsocial {
    width: auto !important;
    height: 40px !important;
    margin: 0 10px !important;
}

.social-bar .img-with-aniamtion-wrap .hover-wrap-inner:after {
    content: '';
    width: 50px;
    display: inline-block;
    height: 1px;
    background: #141819;
    top: -18px;
    position: relative;
}

.social-bar .img-with-aniamtion-wrap:last-child  .hover-wrap-inner:after {
    display: none;
}

/**********************************************************************/
/* COPYRIGHT **********************************************************/
/**********************************************************************/
@media all and (min-width: 768px) {
    #copyright ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

#copyright li {
    text-transform: uppercase !important;
    letter-spacing: 1px;
    font-weight: 700;
    border-top: 0;
    padding: 0;
    font-size: 12px;
    margin-right: 20px;
}

#copyright li a {
    color: #b4babb;
}

#copyright li a:hover {
    color: #919798;
}

#copyright li img {
    width: 100px;
    margin-bottom: 0 !important;
}

/**********************************************************************/
/* MOBILE / DESKTOP ***************************************************/
/**********************************************************************/
.desktop-view {
    display: block !important;
}
.mobile-view {
    display: none !important;
}

@media all and (max-width: 768px) {
    .desktop-view {
        display: none !important;
    }
    .mobile-view {
        display: block !important;
    }
}

/**********************************************************************/
/* BLOG-HOME ***************************************************************/
/**********************************************************************/
#block-blog-mini .posts-container {
    display: flex;
    column-gap: 60px;
}

#block-blog-mini .posts-container article {
    flex: 1 1 100%;
}

@media all and (max-width:1000px) {
    #block-blog-mini .posts-container article:last-child {
        display: none;
    }
    #block-blog-mini .posts-container article:first-child {
        display: none !important;
    }
}

@media all and (min-width:1000px) {
    #block-blog-mini .posts-container article {
        flex: 1 1 50%;
    } 
}

#block-blog-mini .posts-container article .post-featured-img,
#block-blog-mini .posts-container article .meta-category,
#block-blog-mini .posts-container article .excerpt {
    display: none !important;
}

#block-blog-mini .posts-container article .content-inner {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#block-blog-mini .posts-container article .post-header {
    margin-bottom: 0 !important;
}

#block-blog-mini .posts-container article .more-link {
    margin-top: 0 !important;
}

#block-blog-mini .posts-container article .more-link:before {
    content: '';
    width: 50px;
    display: inline-block;
    height: 1px;
    background: #141819;
    position: relative;
    top: -6px;
    margin-right: 3px;
}

#block-blog-mini .posts-container article .more-link span {
    background-color: transparent !important;
    color: #141819;
}

#block-blog-mini .posts-container article .title a {
    color: #141819;
    font-size: 30px;
    line-height: 37px;
    display: flex;
}

#block-blog-mini .post-content.classic .content-inner:after {
    display: none;
}

/**********************************************************************/
/* BLOG ***************************************************************/
/**********************************************************************/
#blog-single-post .row,
.archive.category .container.main-content>.row,
#block-blog .wpb_wrapper>.row {
    display: flex;
    flex-direction: column;
}

#blog-single-post .row .post-area.col {
    max-width: 100% !important;
}

.post-area.col {
    order: 2;
}

#sidebar {
    order: 1;
}

ul.wp-block-categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.material #sidebar .widget ul.wp-block-categories-list li a {
    padding: 10px 20px 10px 20px !important;
    border-radius: 30px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    margin: 10px;
    transform: scale(1);
    transition: all .2s ease;
}

.material #sidebar .widget ul.wp-block-categories-list li a:hover {
    transform: scale(0.9);
    color: #FFF !important;
}

.material #sidebar .widget ul.wp-block-categories-list li:before {
    display: none !important;
}

.post-featured-img-wrap,
.post-featured-img-wrap img,
.post .content-inner .post-featured-img img {
    border-radius: 10px !important;
}

.post-content.classic .excerpt p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}

.post .post-content.classic .content-inner:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #eee;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all .3s ease;
}

.post .post-content.classic .content-inner:hover:after{
    height: 10px;
    background: #ccc;
}

.cat-item-4 a {
    background: #446882;
}
.cat-item-5 a {
    background: #3a3a3a;
}
.cat-item-6 a {
    background: #6cc9d1;
}
.cat-item-7 a {
    background: #137c91;
}
.cat-item-1 a {
    background: #6cc9d1;
}

.fullscreen-blog-header #single-below-header {
    margin-bottom: 0;
}

#single-below-header .meta-category {
    display: none !important;
}

.post-header h2,
.post-header h3 {
    font-size: 35px !important;
    line-height: 42px !important;
    margin-bottom: 15px !important;
}

.post-header h2 a,
.post-header h3 a {
    color: #3a3a3a !important;
}

.meta-category {
    font-size: 0;
}

.meta-category a {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px 13px 6px;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
    margin: 0 10px 5px 0;
}

.meta-category a:hover {
    border: 1px solid #6cc9d1;
}

/* .post a.more-link {
    display: none;
} */

.post .post-content.classic .content-inner {
    border-bottom: none;
    padding: 0;
    margin-bottom: 60px;
}

@media all and (min-width:1000px) {
    .post-area.masonry.span_9.material .masonry-blog-item {
        width: 50%;
    }

    .post-area.masonry.span_9,
    .post-area.span_9,
    #sidebar  {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .post-area.span_9 .posts-container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 65px;
        /* justify-content: space-between; */
    }

    .post-area.span_9 .posts-container article {
        width: 47.2%;
    }
}

/**********************************************************************/
/* RESERVATION ***************************************************************/
/**********************************************************************/
@media all and (min-width:1000px) {
    .hb-search-fields {
        display: flex; 
        align-items: center;
    }

    .hb-search-fields .hb-search-submit-wrapper label {
        display: none !important;
    }
}

.hb-summary-wrapper {
    margin-bottom: 40px;
}

.hb-booking-search-form,
.hb-accom-list,
.hb-booking-details-form {
    max-width: 800px;
}

.hb-multi-accom-choices .hb-accom .hb-accom-img {
    float: left;
    margin: 0 20px 0 0;
}

.hb-multi-accom-choices .hb-accom-price-total {
    display: flex;
    align-items: center;
}

.hb-multi-accom-choices .hb-accom-price-caption {
    float: none;
}

.hb-multi-accom-choices .hb-clearfix:after {
    display: none;
}

.hb-multi-accom-choices .hb-accom {
    background: #fff;
    border: 0;
    border-top: 1px solid #CCC;
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
    transition: background 0.5s;
    position: relative;
    overflow: hidden;
}

body[data-button-style=rounded] .container-wrap .hb-multi-accom-choices input[type=submit] {
    padding: 10px 20px !important;
    margin-top: 5px;
}