/*
 Theme Name:   Greyfriars Lodge
 Theme URI:    https://studio-wmt.com/
 Description:  WMT Child Theme
 Author:       Antoine Moreau
 Author URI:   https://studio-wmt.com/
 Template:     WMT
 Version:      1.0.0
 License:      WMT Studio use only
 Text Domain:  wmt-studio-child
*/

h1,h2, h3, h4, h5, h6, p, a, ul, li, i, span, label, select, input, textarea{
    font-family: 'Cormorant Garamond', serif;
    margin : 0;
    font-weight: 100;
}

strong{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
}

p{
    font-size: 17px;
    line-height: 30px;
}

.acf-map {
    height: 350px !important;
    border: none !important;
}

.gen-info-txt p, .breakfast-txt p, .garden-grid-txt p{
    margin-bottom: 15px;
}

.breakfast-txt h3, .garden-grid-txt h3{
    margin-bottom: 25px !Important;
    font-size: 18px !Important;
}


/*---------------------- Style Header -----------------------*/

.header-wrapper {
    overflow: visible;
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
}

.is-scrolled .header-wrapper {
    background-color: #fff;
    box-shadow: 0 2px 31px 0 rgba(0,0,0,.08);
}

.logo a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.logo img {
    display: block;
    margin: 0 20px;
    height: 60px;
}

.logo a span{
    color: #fff;
    font-size: 20px;
}

.is-scrolled .logo a span{
    color: #333;
}

.main-nav ul li a {
    color: #fff;
    font-size: 17px;
}

.is-scrolled .main-nav ul li a {
    color: #333;
}

.main-nav ul li:hover{
    border-bottom: solid #e2b34a;
}


/*---------------------- Style Home -----------------------*/

.header-container{
        height : 91vh;
}


.header-page-wrapper{
    position: relative;
}

.header-bg-img, .header-bg-color, .header-title{
    position: absolute;
    height : 91vh;
    width : 100%;
}

.header-bg-color{
    background-color: #000;
}

.header-bg-img{
    opacity: 0.3;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-title{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-container h1, .header-container h2{
    color : #fff;
    margin : 0;
}

.header-container h1{
    font-size: 35px;
    text-transform: uppercase;
}

.header-container h2{
    color: #e2b34a;
    font-size: 30px;
    margin-bottom: 20px;
}

.header-title img{
    width: 80px;
    margin-bottom: 20px;
}

img.decoratives{
    width: 100px;
}

.header-cta-dispo{
    padding: 20px 0;
    background-color: #333;
}

.header-cta-dispo form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 55%;
    margin: auto;
}

.header-cta-dispo label{
    color: #e2b34a;
    margin-right: 20px;
}

.header-cta-dispo input[type="date"]{
    border-radius: 5px;
    box-shadow: none;
    border: none;
    padding: 5px 5px;
    color: #a2a2a2;
}

.header-cta-dispo input{
    font-size: 15px;
}

.check-avail{
    z-index: 999999;
}

.header-cta-dispo input[type="submit"], .content-intro-cta a{
    color: #fff;
    padding: 7px 20px;
    background: #e2b34a;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.form-home-unit{
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    width: 65%;
    margin: auto;
    padding-top: 30px;
    max-width: 900px;
}

.sec-title{
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}

.sec-title-img{
    width : 30%;
    display: flex;
    align-items: center;
}

.sec-title-img img{
    width: 75px;
    display: block;
}

.sec-title-title{
    width: 40%;
    text-align: center;
}


.deco-left img{
    margin-left: auto;
}

.deco-right img{
    margin-right: auto;
}

.sec-title h2{
   font-size : 35px; 
}

.sec-title h3{
    font-size : 30px;
     color: #e2b34a;
}

.content-intro p, .content-intro-cta{
    text-align: center;
}

.content-intro p{
    padding: 20px 0;
}

.content-intro-cta{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.content-intro-cta strong{
    margin-bottom: 30px;
}

.content-intro-cta a{
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0px 7px 30px 0 rgba(0,0,0,0);
    padding: 10px 25px;
}

.content-intro-cta a:hover{
    box-shadow: 0px 7px 30px 0 rgba(0,0,0,0.2);
}

.content-about, .content-facilities{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}

.content-about-left{
    width : 59%;
}

.content-about-right{
    width : 39%;
}

.home-img-box{
    position: relative;
    height : 350px;
    box-shadow: 0px 7px 30px 0 rgba(0,0,0,0);
}

.home-img-box:hover{
    box-shadow: 0px 7px 30px 0 rgba(0,0,0,0.5);
}

.hib-th{
    height: 700px;
}

.home-img-box:hover .himg-bg-img{
    opacity : 0.3;
    background-size: 120%;
}

.home-img-box:hover .himg-title a{
    border : solid 1px rgba(0,0,0,0);
}

.hib-st{
    margin-bottom: 4%;
}

.himg-bg-color, .himg-bg-img, .himg-title{
    position: absolute;
    width: 100%;
    height : 350px;
}

.himg-title img.decoratives{
    opacity: 0;
}

.himg-title a:hover img.decoratives{
    opacity: 1;
}

.hib-th .himg-bg-color, .hib-th .himg-bg-img, .hib-th .himg-title{
    height : 700px;
}

.himg-bg-color{
    background-color: #000;
}

.himg-bg-img{
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
}

.content-intro-cta, .content-intro p, .sec-title{
    position: relative;
    z-index: 9999;
}

.content-intro{
    margin-bottom: 60px;
    position: relative;
}

.logo-deco{
    position: absolute;
    right: -100px;
    z-index: 0;
    transform: rotate(25deg);
    bottom: 0;
}

.logo-deco img{
    width: 250px;
}

.rooms{
    background-image: url(../../uploads/2017/09/rooms.jpg);
}

.breakfast{
    background-image: url(../../uploads/2017/09/breakfast.jpg);
}

.lodge{
    background-image: url(../../uploads/2017/09/lodge.jpg);
}

.himg-title{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.himg-title a{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    border : solid 1px rgba(0,0,0,0);
}

.hib-th .himg-title a{
    padding: 337px 120px;
    text-align: center;
}


.hib-st .himg-title a {
    padding: 145px 190px;
    display: inline-block;
    text-align: center;
    
}

.h-staff{
    display: flex;
    flex-direction: column;
    align-items: left;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.h-staff img{
    width: 75px;
    margin-bottom: 20px;
}

.content h3{
    color: #e2b34a;
    font-size: 23px;
    margin-bottom: 10px;
}

.h-staff  p{
    margin-bottom: 20px;
}

.content-parking{
    margin: 20px 0;
    border: solid 2px #e2b34a;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px;
}

.content-parking p{
    color: #e2b34a;
    font-weight: bold;
}

.canterbury-img img{
    width: 100%;
}

.rooms-col-txt p{
    padding-bottom: 10px;
}

.owl-carousel{
    
}

.review-container{
    
}

.content-intro-cta strong{
    font-size: 17px;
}

.name-container{
    text-align: center;
    margin-bottom: 25px;
    }

.the-review p{
    text-align: center;
}

.review-slider{
    margin-bottom: 100px;
}

.owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #e2b34b;
    border-radius: 100%;
    margin-right: 5px;
}

.owl-dot.active{
    background-color: #333;
}

 .owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-stage-outer {
    margin-bottom: 40px;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: flex !important;
    justify-content: space-between;
    position: relative;
    width: 100%;
    top: -125px;
}

.owl-prev{
    position: relative;
    left: -50px;
}

.owl-next{
    position: relative;
    right: -50px;
}

.owl-prev i, .owl-next i{
    color : #333;
}

.alert-info p{
    font-weight: 700 !important;
}

/*---------------------- Page lodge  -----------------------*/

.page .header-container {
    height: 50vh;
}

main.page{
    margin-bottom: 100px;
}

.page .sec-title {
    padding: 80px 0;
}

.page .content{
    padding-top: 0;
}

.page .header-bg-color, .page .header-title, .page .header-bg-img {
    height: 50vh;
}

.the-lodge{
    background-image: url(../../uploads/2017/09/gf-lodge.jpg);
}

.page .header-cta-dispo{
    display: flex;
    align-items: center;
    justify-content: center;
}

.page .header-cta-dispo a{
    color: #e2b34b;
    text-decoration: underline;
    width: 25%;
    text-align: center;
    font-size: 17px;
}

.gen-info-row{
    display: flex;
}

.gen-info-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gen-info-txt img{
    margin-bottom: 30px;
    width : 80px;
}

.gen-info-txt{
    padding : 3%;
}

.lodge-features{
    display: flex;
    margin: 10% 0;
}

.lodge-features-unit{
    text-align: center;
    width: 25%;
}

.lodge-features-unit i{
    color: #e2b34b;
    margin-bottom: 20px;
    font-size: 20px;
}

.alert-info{
    border: solid 1px #e2b34b;
    padding: 2%;
    border-radius: 5px;
    margin: 3% 0;
    color: #e2b34b;
    text-align: center;
}

p.parking{
    font-weight: 700;
    color: #e2b34b;
    border: solid 1px #e2b34b;
    padding: 1px 7px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 8px !important;
    width: 20px;
    margin: auto;
}

.breakfast-grid-row{
    display: flex;
    margin: 3% 0;
    overflow: hidden;
}

.breakfast-grid-row img:first-child{
    margin-right: 3%;
}

.breakfast-txt{
    padding-bottom: 80px;
    text-align: center;
}

.garden-grid, .lodge-grid{
    display: flex;
    padding-bottom: 3%;
}

.garden-grid-txt{
    padding-right: 3%;
}

.lodge-grid-txt{
    padding-left: 3%;
}

.breakfast-grid, #gfgardens{
    overflow: hidden;
}

.gen-info-txt a{
    color: #e2b34b;
}


/*----------------- PAGE ROOMS -------------------*/


.tabs{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    list-style-type: none;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 5%;
}

ul.tabs li{
    cursor: pointer;
    text-align: center;
    padding: 3%;
    width: 33.33%;
    font-size: 17px;
}

.tab-content{
    display: none;
    padding-top: 25px;
}


.tab-content.current{
    display: block;
}

ul.tabs li.current{
    color : #e2b34b;
}

ul.tabs li:hover{
    background-color: #efefef;
    color : #e2b34b;
}

li.current{
    background-color: #efefef;
}


.tab-content ul{
    margin: 0;
    font-size: 14px;
}

li.tab-link img{
    display: block;
    margin: auto;
    width: 50px;
    margin-bottom: 15px;
}

.tab-left{
    border-radius: 5px 0 0 5px;
}

.tab-center{
    border-radius: 0;
}

.tab-right{
    border-radius: 0 5px 5px 0;
}

.rooms-row{
    display: flex;
}

.rooms-col-txt, .rooms-col-features{
    display: flex;
    align-items: left;
    flex-direction: column;
}

.rooms-col-left, .rooms-col-right{
    width: 50%;
    overflow: hidden;
    height: 400px;
}

.rooms-col-right img, .rooms-col-left img{
    margin-bottom: 30px;
    width: 80px;
}

.rooms-col-img img{
    width: 100%;
    padding: 0 !important;
}

.rooms-col-right h2, .rooms-col-left h2{
    color: #e2b34a;
    font-size: 23px;
    margin-bottom: 10px;
}

.rooms-col-right p, .rooms-col-right h2, .rooms-col-right img{
    padding-left: 12%
}

.rooms-col-features{
    padding-top: 3%;
}

.gallery{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.gallery img{
    width : 100%;
}

ul.room-features{
    padding: 0;
    list-style-type: none;
    line-height: 25px;
    font-size: 16px;
}

.room-features i{
    padding-right: 20px;
    color: #c3c3c3;
    font-size: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
}

/* ------------------   Style page MAP  ------------------ */

.main-map{
    height: 100vh;
}

.main-map .acf-map {
    height: 100vh !important;
    margin-top: 0;
}

.selecteur{
    position: absolute;
    bottom: 20px;
    z-index: 99999999;
    background-color: #fff;
    display: flex;
    width: 37%;
    justify-content: space-around;
    align-items: center;
    border-radius: 5px;
    margin: auto;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    left: 31%;
}

.selecteur a{
    color: #e2b34b;
    font-weight: 700;
    width: 33.33%;
    text-align: center;
    padding: 20px;
    font-size: 17px;
}

.selecteur a:hover{
    background-color: #efefef;
}

.current-map{
    background-color: #efefef;
}

.use-info{
    position: absolute;
    top: 75px;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    left: 20px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}

.map-txt-wrapper a{
    color: #fff;
    padding: 7px 35px;
    background: #e2b34a;
    border-radius: 2px;
    margin-top: 20px;
    display: block;
    text-align: center;
}

.map-txt-wrapper a:hover{
    background-color: #d0a037;
}


.canterbury{
    background-color: #fff;
}

.canterbury .main-nav ul li a{
    color : #333;
}

.map-info-wrapper img.main-image{
    width: 100%;
    display: block;
}

.info-content{
    position: absolute;
    top: 150px;
    width: 30%;
    border-radius: 5px;
    right: 20px;
}

.map-info-wrapper{
    opacity: 0;
    position: absolute;
}

.is-active{
    opacity: 1;
    z-index: 9999;
}

.map-img-wrapper{
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    height: auto;
}

.map-img-wrapper, .map-txt-wrapper{
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}

.map-txt-wrapper {
    padding: 8%;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}

.map-txt-wrapper img{
    width: 80px;
    margin-bottom: 10px;
}

.map-txt-wrapper h2{
    color: #e2b34b;
    margin-bottom: 10px;
}

.map-txt-wrapper p{
    margin-bottom: 20px;
}

/*----------------- Page contact -------------------*/

.get-there, .contact-form{
    display: flex;
    width : 80%;
    margin: auto;
    justify-content: space-between;
}

.get-there-unit{
    width : 18%;
}

.get-there-unit i {
    display: block;
    margin: auto;
    text-align: center;
    color : #e2b34b;
    margin-bottom: 20px;
    font-size: 22px;
    
}

.get-there-unit p{
    text-align: center;
}

.contact-info{
    display: flex;
    width: 40%;
    justify-content: space-around;
    margin: auto;
    padding-bottom: 80px;
}

.info-itm{
    width: 50%;
    text-align: center;
}

.info-itm a{
    color : #e2b34b;
}

.nopddbot.nopddbot {
    padding-bottom: 30px !Important;
    padding-top: 120px !important;
}

.map-wrapper, .for-wrapper{
    width: 48%;
}

.for-wrapper .form-half{
    width: 48%;
    margin: 10px 0;
}

.for-wrapper form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.for-wrapper form label{
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-weight: 400;
}

.for-wrapper form input, textarea{
    border: solid 1px #dadada;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
}

.is-required{
    color : #e2b34b;
    padding-left: 5px;
}

.for-wrapper input[type="submit"]{
    color: #fff;
    background-color: #e2b34b;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    padding: 10px;
    width: 120px;
    cursor: pointer;
}

.for-wrapper input[type="submit"]:hover{
    background-color: #d0a037;
}

.form-full{
    display: flex;
    flex-direction: column;
    width: 100%;
     margin-bottom: 30px;
}

#respond{
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 50px 0;
}

.success{
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    background-color: #38b53d;
}

.error{
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    background-color: #f55252;
}


.get-there-unit img{
    display: block;
    margin: auto;
    padding-bottom: 13px;
}

.get-there-unit a{
    color: #e2b34b;
    text-align: center;
    display: block;
    padding: 10px 0;
}

.marker{
    color : #fff;
}




/*---------------------- Style Footer -----------------------*/

footer{
    background-color: #242424;
    position: relative;
    padding: 30px 0 0 0;
}

.footer-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

 .footer-credit{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-deco-left, .footer-deco-right{
    width: 50%;
    background-repeat: repeat-x;
    background-size: 10%;
    margin-top: 20px;
}

.footer-deco-left{
    background-image: url(../../uploads/2017/09/deco-grey-left.png);
}

.footer-deco-right{
    background-image: url(../../uploads/2017/09/deco-grey-right.png);
}

.footer-logo img{
    display: block;
    margin: auto;
    width: 80px;
}

footer ul{
    list-style-type: none;
    text-align: center;
    padding-left: 0;
    line-height: 30px;
}

footer ul li a, footer ul li{
    color : #fff;
}

.addresse, .contact{
    margin-bottom: 20px;
}

.deco-center{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.deco-center img{
    width: 100px;
}

.facebook a i{
    font-size: 30px;
    color: #fff;
}

.facebook{
    position: absolute;
    bottom: 50px;
    right: 50px;
}

/*----------------- Animations & Shadows -------------------*/
.home-img-box, .himg-bg-img, .himg-title a, .main-nav ul li, .content-intro-cta a, img.decoratives,  .himg-bg-img, ul.tabs li, .map-info-wrapper, .map-txt-wrapper a{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.datepicker{
    border-radius: 3px;
    border: none;
    padding: 5px;
}

#ui-datepicker-div  .ui-widget-header {
    border: none;
    background: #f9f9f9;
    color: #e2b34b;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #f0f0f0 !important;
    background: #f9f9f9 !important;
    font-weight: normal !important;
    color: #333 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
        border: 1px solid #e2b34b !important;
    background: #e2b34b !important;
    font-weight: normal !important;
    color: #333 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #e2b34b !important;
    background: #e2b34b !important;
    color: #ffffff !important;
}

.ui-widget.ui-widget-content {
    border: none !important;
    box-shadow: 0 2px 31px 0 rgba(0,0,0,.25) !important;
    z-index: 99999999999 !important;
}

.credit{
    display: block;
    width: 100%;
    text-align: center;
    background-color: #1f1f1f;
    padding: 10px 0;
}

.credit p{
    color: #565656;
    font-size: 12px;
    font-family: sans-serif;
}

.credit a{
    color: #8c8c8c;
    font-size: 12px;
    font-family: sans-serif;
}


/*---------------------- Media Queries -----------------------*/



@media screen and (max-width : 1300px){
    .header-cta-dispo form {width: 80% !important;}
}

@media screen and (max-width : 1400px){

    .hib-th .himg-title a {padding: 337px 100px;}
    .gen-info-col {width: 50%;}
    .content {width: 75%;}
    .selecteur{width: 50%;left: 3%;}
    .info-content {top: 80px;}
    .map-img-wrapper {height: 175px;}
    .map-txt-wrapper {padding: 5%;}
    .header-cta-dispo form {width: 70%;}
}

@media screen and (max-width : 1100px){
    .content {width: 80%;}
    .content-about, .content-facilities {margin-bottom: 10%;}
    .selecteur {width: 50%;left: 25%;}
}

@media screen and (max-width : 980px){
    .hib-th .himg-title a {padding: 337px 80px;}
    .gen-info-col {width: 100%;}
    .header-cta-dispo label {margin-right: 0;margin-bottom: 15px;}
    .form-home-unit{flex-direction: column;}
    .header-cta-dispo input[type="submit"], .content-intro-cta a {margin-top: 30px;}
    .header-cta-dispo form {width: 70%;}
    .sec-title-title {width: 60%}
    .sec-title-img {width: 20%;}
    .himg-bg-img {background-size: cover;}
    .logo a {justify-content: flex-start;}
    .h-staff{margin-top: 70px;}
    .content-about-left, .content-about-right {width: 48%;}
    .rooms-row {margin-bottom: 50px;}
    .gen-info-row {flex-direction: column-reverse;}
    .lodge-features-unit {width: 50%;margin-bottom: 50px;}
    .lodge-features {flex-wrap: wrap;}
    .breakfast-grid-row img:first-child {width: 50%;}
    .selecteur {width: 70%;left: 15%;}
    .check-avail {z-index: 999;}
    .main-nav li.current-menu-item {border-bottom: none;}
    .main-nav li.current-menu-item a{color : #e2b34a;}
    .logo img {height: 64px;}
    .rooms-col-left, .rooms-col-right {width: 100%;}
    .rooms-col-left,.rooms-row-last .rooms-col-right{margin-bottom: 45px;}
    .rooms-row {flex-direction: column;}
    .rooms-col-right p, .rooms-col-right h2, .rooms-col-right img {padding-left: 0;}
    .rooms-row-last{flex-direction: column-reverse;}
    .get-there-unit {width: 48%;margin-bottom : 30px;}
    .get-there, .contact-form {flex-wrap: wrap;}
    .nopddbot.nopddbot {padding-top: 40px !important;}
    .contact-info {width: 80%;}
    .contact-form {flex-direction: column-reverse;}
    .map-wrapper, .for-wrapper {width: 100%;}
}

@media screen and (max-width : 650px){
    .form-home-unit {width: 100%;}
    .content-about-left, .content-about-right {width: 100%;}
    .header-cta-dispo form {flex-wrap: wrap;}
    .form-home-unit {justify-content: center;flex-wrap: wrap;margin-bottom: 10px;}
    .sec-title-img {display: none;}
    .h-staff {margin-top: 20px;}
    .sec-title-title {width: 100%;}
    .content-about, .content-facilities {flex-direction: column-reverse;}
    .content-intro {margin-bottom: 0;}
    .content-intro-cta {padding: 0;}
    .home-img-box {margin-bottom: 10px;}
    .content-intro-cta {margin-bottom: 50px;}
    .acf-map {margin-bottom: 50px;}
    .page .check-avail{display: none;}
    .gen-info-col {margin-bottom: 30px;}
    .lodge-features-unit {width: 100%;}
    .breakfast-grid-row {display: none;}
    .breakfast-fullwidth img{width: 100%;}
    .garden-grid-img{display: none;}
    .garden-grid-txt{margin-bottom: 30px;}
    .page .header-bg-color, .page .header-title, .page .header-bg-img {height: 55vh;}
    .page .header-container {height: 55vh;}
    .page .sec-title {padding: 40px 0;}
    li.tab-link img {width: 35px;}
    ul.tabs li {font-size: 13px;}
    .rooms-row-last .rooms-col-left{margin-bottom: 0;}
    .use-info {display: none;}
    .selecteur {display: none !important;}
    .info-content {top: 80px;width: 50%;right: 0;}
    .map-info-wrapper img.main-image {display: none;}
    .get-there-unit {width: 100%;}
    .info-itm {width: 100%;}
    .contact-info {flex-wrap: wrap;}
    .for-wrapper .form-half {width: 100%;}
}

.mobile .header-wrapper{
    background-color: #fff;
}

.nav-mobile {
    margin-top: 60px !Important;
}


.expanded ul#main-nav li a {
    color: #333;
}

.expanded .bar {
    background-color: transparent;
    transition: all .25s;
}

.expanded .bar:before {
    transform: rotate(45deg);
}

.expanded .bar:after {
    transform: rotate(-45deg);
}

.expanded .bar:before, .expanded .bar:after {
    top: 0px;
    background-color: #e61212;
}

.expanded .nav-mobile {
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.expanded #menu-item-17 a {
    color: #fff !important;
    padding: 7px 35px;
    background: #e2b34a;
    border-radius: 6px !important;
    margin-top: 0;
}

.expanded ul#main-nav {
    display: flex;
    flex-direction: column;
    width: 20% !Important;
}

.expanded ul#main-nav.expanded ul#main-nav {
    display: flex;
    flex-direction: column;
    width: 20%;
}

.expanded ul#main-nav  li{
    padding: 24px 0;
    width: 100%;
}

.expanded ul#main-nav  li a {
    width: 100%;
    text-align: center;
}

.expanded #menu-item-17 a {
    padding: 24px 0;
    border-radius: 0;
}


/*----------------------- DEPENDANCES -------------------------*/

/* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } 
/* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; }