/*
Theme Name: West Hotel Theme
Description: West Hotel Child Theme
Template: nbw-theme
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url("../nbw-theme/style.css");

i.icon-search:before,i.icon-google-plus:before,i.icon-shopping-cart:before, i.icon-expand:before, i.icon-tag:before, i.icon-menu:before {
    font-family: 'fl-icons' !important;
}

/****************************************************************************/
/*** General CSS start ***/
/****************************************************************************/

.white-text,
.white-text p,
.white-text a{
    color: white;
}

.white-bg{
    background: white;
}

.no-pad{
    padding:0;
}

.no-pad-bot{
    padding-bottom:0;
}

.no-pad-top{
    padding-top:0;
}

.no-pad-side{
    padding-left:0;
    padding-right:0;
}

.no-mar{
    margin:0;
}

.no-mar-bot{
    margin-bottom:0;
}

.no-mar-top{
    margin-top:0;
}

.no-mar-side{
    margin-left:0;
    margin-right:0
}

.pad-20-10{
    padding: 20px 10px;
}

.pad-top-50{
    padding-top: 50px;
}

.pad-bot-10{
    padding-bottom: 10px;
}

.pad-bot-50{
    padding-bottom: 50px;
}

.pad-vertical-5{
    padding-top:5px;
    padding-bottom:5px;
}

.pad-vertical-120{
    padding-top:120px;
    padding-bottom:120px;
}

.pad-side-15{
    padding-right:15px;
    padding-left:15px;
}

.mar-side-15{
    margin-right:15px;
    margin-left:15px;
}

.mar-right-10{
    margin-right:10px;
}

.mar-right-20{
    margin-right:20px;
}

.mar-bot-70{
    margin-bottom:70px;
}

.mar-bot-40{
    margin-bottom: 40px;
}

.mar-bot-30{
    margin-bottom: 30px;
}

.mar-bot-20{
    margin-bottom: 20px;
}

.mar-bot-10{
    margin-bottom: 10px;
}

.italic{
    font-style: italic;
}

.google-map.mb{
    margin-bottom: 0;
}

.black{
    color:black;
}

.smaller-font p {
    font-size: 90%;
    line-height: 1.5;
    margin-bottom: 0;
}

.smaller{
    font-size:90%;
}

.much-smaller{
    font-size:80%;
}

.header-pad{
    padding:80px 0;
}

.width-auto .col-inner {
    width: auto;
}

.border-radius-5{
    border-radius:5px;
}

ul{
    padding-left:20px;
}

ul.menu{
    padding-left: 0;
}

.widget ul {
    margin: 0;
    padding-left: 0;
}

.hide{
    display: none;
}

.dark-text{
    color:#17292b;
}

.green{
    color: #0e1f20;
}

.green-bg{
    background: #0e1f20;
}

.mid-green{
    color: #314041;
}

.mid-green-bg{
    background: #314041;
}

.light-green{
    color: #e7e6df;
}

.light-green-bg{
    background:#e7e6df;
}

.warm-white,
.warm-white p,
.warm-white a{
    color:#f9f2eb;
}

.warm-white a:hover{
    color:#f9f2eb;
}

.warm-white-bg{
    background:#f9f2eb;
}

.warm-cream,
.warm-cream p,
.warm-cream a{
    color:#dfd1c5;
}

.warm-cream-bg{
    background:#dfd1c5;
}

body h1, .big-heading{
    font-family: "Montserrat-Medium";
    font-size: 34px;
    line-height: 44px;
    letter-spacing:4px;
    font-weight:normal;
}

body h2, .medium-heading{
    font-family: "Montserrat-Medium";
    font-size: 27px;
    line-height: 40px;
    letter-spacing:3px;
    font-weight:normal;
}

body h3, .small-heading{
    font-family: "Montserrat-Medium";
    font-size: 19px;
    line-height: 28px;
    letter-spacing:2px;
    font-weight:normal;
}

body, p, a, span, li{
    font-family: "FuturaBT-Book";
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.5px;
    font-weight:normal;
}

a.double-border{
    display: inline-block;
    border-bottom: 4px double #e7e6df;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

a.double-border:hover{
    border-bottom: 4px double #0c1f1f;
}

a.primary-button {
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #15282a;
    display: inline-block;
    font-size: 13px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 3px;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

a.primary-button:hover {
    background:#15282a;
    color:white;
}

a.primary-button-two {
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #15282a;
    display: inline-block;
    font-size: 14px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 3px;
    background:#15282a;
    color:white;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

a.primary-button-two:hover {
    border: 1px solid #0c1f1f;
    background:#0c1f1f;
    color:white;
}

a.book-button {
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #314142;
    display: inline-block;
    font-size: 14px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 3px;
    background:#314142;
    color:white;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

a.book-button:hover {
    border: 1px solid #e7e6df;
    background:#e7e6df;
    color:#0c1f1f;
}

.header-nav a.secondary-button{
    background:transparent;
    color:#e7e6df;
}

.header-nav a.secondary-button:hover {
    border: 1px solid #deded7;
    color:#15282a;
}


a.secondary-button {
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #e7e6df;
    display: inline-block;
    font-size: 14px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 3px;
    background:#e7e6df;
    color:#0c1f1f;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

a.secondary-button.pad-vertical-5{
    padding: 5px 10px;
    min-width: 150px;
}

a.secondary-button:hover {
    border: 1px solid #deded7;
    background:#deded7;
}

a.banner-button {
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #f9f2eb;
    display: inline-block;
    font-size: 13px;
    min-width: 200px;
    text-align: center;
    letter-spacing: 3px;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    background: rgba(12, 31, 31, 0.50);
}

a.banner-button:hover {
    border: 1px solid #f9f2eb;
    background:#0c1f1f;
    color:#f9f2eb;
}

.fancy {
    line-height: 1.2;
    text-align: center;
}
.fancy span {
    display: inline-block;
    position: relative;
    font-size:14px;
    text-transform: uppercase;
    font-family: "Montserrat-Medium";
    letter-spacing: 2px;
}
.fancy span:before,
.fancy span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 1px solid #cccac5;
    top: 50%;
    width: 20px;
}
.fancy span:before {
    right: 100%;
    margin-right: 15px;
}
.fancy span:after {
    left: 100%;
    margin-left: 15px;
}
ul.arrow-list {
    padding-left: 0;
    list-style: none;
}
ul.arrow-list li{
    padding-left: 25px;
    background: url(/wp-content/uploads/2017/08/list-arrow.png) no-repeat left 6px;
}

.regular-special{
    font-family: "Montserrat-Regular";
    font-size: 16px;
    letter-spacing: 2px;
}

/****************************************************************************/
/*** General CSS end ***/
/****************************************************************************/

/****************************************************************************/
/*** General Gravity Form and CF7 start ***/
/****************************************************************************/

body .gform_wrapper{
    margin:0;
}

body .gform_wrapper.gf_browser_chrome .gform_body{
    width:100%;
}

body .gform_wrapper .top_label .gfield_label{
    display: none;
}

body .gform_wrapper .gform_body ul li.gfield{
    padding:0;
    margin: 0 0 10px 0;
}

body .gform_wrapper .gform_body .top_label div.ginput_container{
    margin:0;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    padding:10px;
    height: 48px;
    border-radius: 5px;
    margin: 0;
}

body .gform_wrapper .gform_footer{
    padding: 0;
    margin:0;
}

body .gform_wrapper .gform_footer input.button{
    margin:0;
}

body .gform_wrapper .half-width-input .gform_body ul li.gfield{
    width: calc(50% - 10px);
    float: left;
    clear: none;
    padding: 0 5px;
}

body .gform_wrapper .half-width-input .gform_footer {
    text-align: center;
}

body input:hover, body textarea:hover, body select:hover{
    box-shadow:none;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'],
input[type='text'], input[type='tel'], input[type='url'], input[type='password'],
textarea, select, .select2-container .select2-choice,body input[type='email']:focus,
body input[type='search']:focus,
body input[type='number']:focus,
body input[type='tel']:focus,
body input[type='text']:focus,
body input[type='password']:focus,
body textarea:focus, select:focus{
    box-shadow:none;
}

/****************************************************************************/
/*** General Gravity Form and CF7 end ***/
/****************************************************************************/

/****************************************************************************/
/*** Header style start ***/
/****************************************************************************/

ul.header-nav.nav-left{
    float: right;
    width: auto;
    display: inline-block;
}

ul.nav.nav-right{
    display: inline-block;
    float: left;
}

ul.header-nav.nav-right li.menu-item {
    float: left;
    display: inline-block;
    width: auto;
}

ul.header-nav.nav-right li {
    float: right;
    display: inline-block;
    width: auto;
    right: 50px;
    position: sticky;
}

.header:not(.transparent) .header-nav.nav > li > a {
    /* font-weight: normal; */
    letter-spacing: 3px;
    font-size: 14px;
    padding: 10px 5px 10px 5px;
    font-family: "FuturaBT-Book";
    display: inline-block;
    margin: 0 10px;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border-bottom: 1px solid transparent;

    font-weight: 600;
    color: rgba(0,0,0,0.9);
    text-transform: uppercase;
}

.header:not(.transparent) .header-nav.nav > li > a:hover, .header:not(.transparent) .header-nav.nav > li.current-menu-item > a {
    border-bottom: 1px solid;
    padding: 10px 5px 10px 5px;
}

/****************************************************************************/
/*** Header style end ***/
/****************************************************************************/

/****************************************************************************/
/*** Footer style start ***/
/****************************************************************************/

.footer-wrapper .widget{
    margin-bottom: 0;
}

.absolute-footer{
    display: none;
}

.menu-secondary-container ul {
    text-align:center;
}

.menu-secondary-container ul li {
    display: inline-block;
    border-top: none !important;
}

.menu-secondary-container ul li a{
    color:#dfd1c5;
    font-weight: normal;
    letter-spacing: 3px;
    font-size: 14px;
    padding: 10px 5px 20px 5px;
    font-family: "FuturaBT-Book";
    display: inline-block;
    margin: 0 10px;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}
.menu-secondary-container ul li a:hover {
    color:#dfd1c5;
}

/****************************************************************************/
/*** Footer style end ***/
/****************************************************************************/

/****************************************************************************/
/*** Home style start ***/
/****************************************************************************/

.westlleft.block-subscribe form{
    margin-bottom: 0;
}
.westlleft p{font-size:16px}
.westlleft.block-subscribe .col-inner {
    width: 100%;
    padding: 0;
}

.block-subscribe .form-flat .wpcf7-form-control-wrap, .block-subscribe .form-flat label {
    width: calc(25% - 20px);
    margin: 0 10px;
    vertical-align: bottom;
}
.block-subscribe .form-flat label .wpcf7-form-control-wrap {
    width: auto;
    margin: 0;
}


.westlleft.block-subscribe .form-flat .wpcf7-form-control.wpcf7-submit.button {
    width: calc(25% - 20px);
    margin: 0 10px;
    border-color: #17292b;
    color: #17292b !important;
    vertical-align: bottom;
}

.westlleft.block-subscribe .form-flat span input{
    min-height:40px;
    color: #17292b !important;
    border-color: #17292b;
}

.westlleft.block-subscribe .form-flat .wpcf7-form-control.wpcf7-submit.button:hover {
    background: #0e1e1f none repeat scroll 0 0;
    color: #ffffff !important;
}

.westlleft.block-subscribe .form-flat span input::placeholder {
    color: #0e1e1f !important;
    opacity: 0.8;
}

.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow{
    fill: #ffffff !important;
}

.dark-arrow .slider .flickity-prev-next-button:hover svg, .dark-arrow .slider .flickity-prev-next-button:hover .arrow{
    fill: #0e1e1f !important;
}

.white-transparent-box {
    padding: 8%;
    border: 1px solid #ccafa4;
    position: relative;
    background: rgba(0,0,0,0.8);
}

.warm-white p {
    text-align: left;
    line-height: 22px;
}

.warm-white p.no-mar-bot {
    text-align: center;
}

.warm-white p:first-of-type {
    font-weight: bold;
    text-align: center;
}

.white-transparent-box a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ccafa4;
    min-width: 200px;
    letter-spacing: 2px;
}

.white-transparent-box a:hover {
    background:#0F2122;
    color:#f9f2eb;
}

.white-transparent-box.button-line a{
    position: absolute;
    bottom: -21px;
    left: calc(50% - 100px);
    margin: 0 auto;
    width: 200px;
    background: #100c0d;
}

.white-transparent-box.button-line a:hover {
    background:#0F2122;
    color:#f9f2eb;
}

.mobile-book {
    display: inline-block;
}

.mobile-book a {
    display: inline-block;
    background: #314041;
    color: #f9f2eb;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin: 0 20px 0 0;
}

/****************************************************************************/
/*** Home style end ***/
/****************************************************************************/

/****************************************************************************/
/*** Contact Us start ***/
/****************************************************************************/

.westlleft.contact-us-form form{
    margin-bottom: 0;
}

.westlleft.contact-us-form .col-inner {
    width: 100%;
    padding: 0;
}

.contact-us-form .form-flat .wpcf7-form-control-wrap {
    width: 100%;
}

.westlleft.contact-us-form .form-flat .wpcf7-form-control.wpcf7-submit.button {
    width: 200px;
    color: #17292b !important;
    border-color: #17292b;
}

.westlleft.contact-us-form .form-flat span input{
    min-height:40px;
    color: #17292b !important;
    border-color: #17292b;
}

.westlleft.contact-us-form .form-flat .wpcf7-form-control.wpcf7-submit.button:hover {
    background: #0e1e1f none repeat scroll 0 0;
    color: #ffffff !important;
}

.westlleft.contact-us-form .form-flat span input::placeholder {
    color: #0e1e1f !important;
    opacity: 0.8;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{clear: both;color: green;}

/****************************************************************************/
/*** Contact us end ***/
/****************************************************************************/

/****************************************************************************/
/*** Facilities style start ***/
/****************************************************************************/

.custom-accordion button.toggle {
    display: none;
}

.custom-accordion a.accordion-title {
    border-color: #c5c2bc;
    padding: 40px 20px;
}

.custom-accordion a.accordion-title.active {
    background: transparent;
}

.custom-accordion a.accordion-title span {
    font-family: "Montserrat-Medium";
    font-size: 19px;
    line-height: 28px;
    letter-spacing:2px;
    font-weight:bold;
}

.custom-accordion a.accordion-title.active span {
    border-bottom: 4px double #0F2122;
}

.custom-accordion .accordion-inner{
    padding: 0 5% 30px 5%;
}

.custom-accordion .accordion{
    border-bottom:1px solid #c5c2bc;
}

#footer p{font-size:13px;}

/****************************************************************************/
/*** Facilities style end ***/
/****************************************************************************/

/****************************************************************************/
/*** Stay page style start ***/
/****************************************************************************/

a.feature-button{
    cursor: pointer;
}

img.room-back-button {
    position: absolute;
    left: 4%;
    bottom: 4%;
    cursor: pointer;
}

.room-features-wrapper {
    display: none;
}

/****************************************************************************/
/*** Stay page style end ***/
/****************************************************************************/

/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media screen and (max-width: 1390px) {
    .header:not(.transparent) .header-nav.nav > li > a{
        margin: 0 5px;
        padding:10px 5px 20px
    }

}

@media screen and (max-width: 1023px) {
    .flex-col.flex-left{
        display: none;
    }
    .logo-center .logo{
        margin:0;
    }
    .header-main li.html.custom{
        display: inline-block;
    }
    .header-main li.nav-icon.has-icon,
    .header-main li.html.custom{
        float: right;
    }
    section.responsive-section {
        padding: 60px 0 !important;
    }
    .responsive-section.flower-section {
        padding: 20px !important;
    }
    .row-collapse > .tablet-pad-left {
        padding-left: 15px !important;
    }
    .row-collapse > .tablet-pad-right {
        padding-right: 15px !important;
    }
    .off-canvas-center.mfp-bg.mfp-ready{
        background: #0F2122;
        opacity: 0.98;
    }
    .menu-secondary-container ul li a{
        padding: 5px;
    }
    .right-menu{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    a.primary-button,
    a.primary-button-two,
    a.book-button,
    a.secondary-button{
        width:100%;
    }
    body h2, .medium-heading{
        word-break: break-word;
    }
	.no-break{word-break: unset;}
    .row-collapse > .tablet-pad-left {
        padding-left: 0px !important;
    }
    .row-collapse > .tablet-pad-right {
        padding-right: 0px !important;
    }
    .mobile-center .col-inner {
        padding: 0 !important;
        text-align: center !important;
    }
    .menu-secondary-container ul li{
        display: block;
        text-align: center;
    }
    .menu-secondary-container ul li:last-child{
        margin-bottom:20px;
    }
}

@media screen and (max-width: 424px) {
    .mobile-book a {
        padding: 10px 15px;
        letter-spacing: 4px;
        margin: 0 10px 0 0;
        font-size: 13px;
    }
    #logo {
        width: auto !important;
    }
}



@media screen and (max-width:500px) {
		.page-id-1381 .top-column-content {
			order: -5 !important;
		}

	.page-id-1381 .top-column-image {
		order: -6 !important;
	}

	.page-id-1381 .mid-column-image {
		order: -4 !important;
	}

	.page-id-1381 .mid-column-content {
		order: -3 !important;
	}

	.page-id-1381 .bottom-column-image {
		order:-3 !important;
	}

	.page-id-1381 .bottom-column-image {
		order: -2 !important;
	}
}

.page-id-1381 .design-inspiration {
    padding-bottom: 0 !important;
}

@media screen and (max-width: 1023px) {
  .page-id-1381 .row-collapse > .tablet-pad-left {
      padding-left: 0px !important;
  }

  .page-id-1381 .row-collapse > .tablet-pad-right {
      padding-right: 0px !important;
  }


}