/*
Theme Name: Twenty Nineteen Child
Theme URI: https://github.com/WordPress/twentynineteen
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.2.1548255127
Updated: 2019-01-23 15:52:07

*/

/*===== Global =====*/

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px !important;
}

.site h1 {
    font-family: 'Cinzel Decorative', cursive;
}

.site h2 {
    font-family: 'Lato', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    margin: 0;
}
.site h2:before {
    display: none;
}

.site h4 {
    font-family: 'Mr Dafoe', cursive;
    font-size: 40px;
}

.site h5 {
    font-family: 'Lato', sans-serif;
    font-size: 30px !important;
    font-weight: bold;
    margin: 0;
    color: var(--primary);
    margin-bottom: 0.7em;
}



.site a:any-link {
    color: inherit;
    text-decoration: none;
}

@media only screen and (min-width: 780px) {
    .site .wrap {
        margin: 0 calc(10% + 60px);
    }  
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.entry .entry-content .wp-block-separator, .entry .entry-content hr {
    background-color: var(--primary);
    height: 4px;
    max-width: 9em;
    margin: 0 auto;
}

.site .underline-block {
    border-width: 0px 0px 5px 0px !important;
}

.site .separator {
    border-width: 0 0 1px 0 !important;
}

.site .lb.full {
    max-width: initial;
}


.site .lb.full-img {
    height: 100%;
}
.site .lb.full-img img {
    width: 100%;
    height:100%;
    object-fit: cover;
}

.entry .entry-content .wp-block-columns .wp-block-column > :first-child {
    margin-top: 0 !important;
}

.justify {
    text-align: justify;
}


/*===== Header =====*/

.site-header {
    padding: 0em;
}

.site-description {
    display: none;
}

.site-title {
    font-family: var(--hfont);
    display: block;
}

@media only screen and (min-width: 768px) {
    
    .site-header {
        padding-top: 0;
    }
    
    .site-branding {
        margin: 0 ;
    }
    .featured-image .site-title {
        display: block;
    }
}

.site-header.featured-image::after {
    background: linear-gradient(rgba(0,0,0,0)60%,black);
}

.site-header.featured-image {
    min-height: 65vh;
}

h1:not(.site-title)::before, h2::before {
    display: none;
}

.site .entry-title {
    margin-bottom: 1em;
    font-size: 2.7em;
}

/*===== Navigation =====*/

.main-navigation {
    margin-top: 0;
    border-top: 1px solid var(--grey);
}

.main-menu-more {
    display: inline-block;
    float: right;
}

.menu-menu-1-container, .menu-menu-12-container {
    display: inline-block;
}

.main-navigation > div {
    display: block;
}

.main-navigation .wrap {
    padding: 1em;
}  

@media only screen and (min-width: 768px) {

    .main-navigation .wrap {
        text-align: center;
    }   
}

.main-navigation .main-menu {
    display: flex;
}


.social-navigation {
    margin: 0;
}

.social-navigation ul.social-links-menu li a {
    color: var(--primary);
}

.main-navigation .main-menu > li {
    color: var(--light);
}

.main-navigation .main-menu > li > a {
    font-weight: normal;
    color: var(--light);
    margin:0 1.5em !important;
    white-space: nowrap;
}

.main-navigation .main-menu > li.current-menu-item > a, .main-navigation .main-menu > li.current-menu-item > a + svg {
    color: white;
}

.main-navigation .main-menu > li:not(.current-menu-item) > a:hover, .main-navigation .main-menu > li:not(.current-menu-item) > a:hover + svg {
    color: inherit;
}

.main-navigation .lb.cursor {
    position: absolute;
    height: 5px;
    left: 0;
    margin-top: calc(1em - 5px);
}

/*===== Social Navigation =====*/

.social-navigation ul.social-links-menu {
    display: block;
}

.social-navigation ul.social-links-menu li {
    padding: 0.4em 1em;
}

.kill-screen-reader-text .screen-reader-text {
    clip: unset;
    clip-path: unset;
    height: auto;
    margin: auto;
    overflow: auto;
    /*padding: 1.5em;*/
    position: initial !important;
    width: auto;
    display: inline-block;
}
.kill-screen-reader-text svg {
    display: none !important;
}

.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
    color: white;
    opacity: 1;
}


/*===== Sub-menu =====*/

ul.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

ul.sub-menu li {
    flex : 1 1 auto;
    padding: 0.4em 1em;
}  

@media only screen and (min-width:850px) {
    ul.sub-menu {
        flex-direction: row;
    }
}

.align-right {
    text-align: right;
}




/*===== Home =====*/

.home .entry-header {
    display: none;
}

.lb.segment {
    border: 1px solid var(--light);
    border-radius: 5px;
    box-shadow: 0 6px 20px 0px rgba(0,0,0,0.2);
}

.lb.segment ul, ul.supplements {
    list-style: none;   
}

.lb.segment ul li, ul.supplements li {
    line-height: inherit;
    margin-top: 0.8em;
    margin-left: 1.25em;
}

.lb.segment ul li:before, ul.supplements li:before {
    content: "\f00c"" ";
    font-family: 'icons';
    color:var(--primary);
    margin-left: -1.25em;
}


/*===== Les Chambres =====*/

.section.room {
    padding: 4em 0;
}

.section.room-1{
    background-color: white;
}
.section.room-2{
    background-color: #f6f6f6;
}

.section.room-3{
    background-color: white;
}
.section.room-4{
    background-color: #f6f6f6;
}

.room .icon {
    padding: 5px 15px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 0 1.2em 0;
    border-right: 1px solid var(--grey);
    box-sizing: content-box;
    float: left;
}

.room .icon:last-of-type {
    border: none;
}

.nextend-arrow-previous {
    border-radius: 5px 0 0 5px !important;
}

.nextend-arrow-next {
    border-radius: 0 5px 5px 0 !important;
    left: 50px !important;
}


/*===== Tarifs =====*/

.entry .entry-content .wp-block-table.table-price td {
    border: none;
    border-right: 1px solid white;
    width: 33%;
    color: white;
    word-break: initial;
    vertical-align: top;
}
.entry .entry-content .wp-block-table.table-price td:last-child {
    border-right: none;
}
.entry .entry-content .wp-block-table.table-price td strong {
    font-size: 1.2em;
}
.entry .entry-content .wp-block-table.table-price tr:not(:first-child) td strong {
    font-size: 2em;
}
.entry .entry-content .wp-block-table.table-price tr:not(:first-child) td strong:after {
    content: "€";
    font-size: 0.5em;
}

.flex-2 {
    flex: 1 0 66%;
}


/*===== Contact =====*/

#caldera_form_1 {
    margin-left: auto;
    margin-right: auto;
}

#map-1 {
    height: 400px;
}




/*===== Footer =====*/

@media only screen and (min-width: 768px) {
    #colophon .widget-column #text-2 {
        width: calc(33.33% - (3 * 1rem));
    }
    
    #colophon .widget-column #text-3 {
        width: calc(66.67% - (3 * 1rem));
    }   
}


/*===== lb ratio beta =====*/

.lb.ratio {
  position: relative;
  display: grid;
  overflow: scroll;
}
.lb.ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.lb.ratio .middle {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: 1 / 1 / 2 / 2;
}
.lb.ratio div, .lb.ratio p {
  z-index: 1;
}
.lb.ratio div:not(.middle), .lb.ratio p:not(.middle) {
  position: absolute;
}
.lb.ratio svg {
  grid-area: 1 / 1 / 2 / 2;
}