/*
 Theme Name:   Landmark Hotel
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

font-family:'Plantin MT W01 Semibold';
font-family:'Proxima Nova';
font-family:'Proxima Nova Semibold';


*/

body.baseline {
    font-family:'Proxima Nova';
    font-size: 1.6rem;
    line-height: 1.6;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/PN-Regular-webfont.eot');
    src: url('fonts/PN-Regular-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonts/PN-Regular-webfont.woff') format('woff'),
         url('fonts/PN-Regular-webfont.ttf') format('truetype'),
         url('fonts/PN-Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('fonts/PN-Semibold-webfont.eot');
    src: url('fonts/PN-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PN-Semibold-webfont.woff2') format('woff2'),
         url('fonts/PN-Semibold-webfont.woff') format('woff'),
         url('fonts/PN-Semibold-webfont.ttf') format('truetype'),
         url('fonts/PN-Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.baseline .container {
    max-width: 1600px;
}

.baseline .header-wrap {
    border-bottom: none;
    background: transparent;
}

.baseline .large-text {
    font-size: 1.9rem;
}

.baseline .header-wrap .second {
    top: 2.2rem;
    border-top: 0.1rem solid #ddd;
}

.home .header-wrap .second {
    border-top: none;
}

.header-wrap .container {
    border-bottom: none;
}

.baseline header .custom-logo {
    width: 13.5rem !important;
    padding: 3rem 4rem;
    background-color: #FFFFF4;
    position: relative;
    border: 0.1rem solid #F2EEE5;
    z-index: 9;
}


.baseline header .first,
.baseline header .second {
    top: 1rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}


.baseline .main .content {
    display: none;
}

.baseline.single-offer .main .content {
    display: block;
    box-sizing: border-box;
}

.baseline .main {
    margin-top: -9.5rem;
}

.baseline footer {
    border-top-color: #B49E40;
}

header .widget .menu li,
footer .widget-area .menu li {
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}

header .logotitle.row {
    display: grid;
    grid-template-columns: 1fr 22rem 1fr;
    padding-top: 0;
}

header .left.four.columns,
header .right.four.columns,
header .middle.four.columns {
    position: relative;
    width: 100%;
    margin: 0;
}

.swiper-container {
    height: 70vh;
    max-height: 70rem;
    min-height: 50rem;
    width: 100%;
}

@media ( max-width: 720px ) {

    .swiper-container {     
        max-height: 50rem;
        min-height: 40rem;     
    }

}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.baseline h1,
.baseline h2 {
    font-family:'Plantin MT W01 Semibold';
}

.baseline h1 {
    font-size: 4.2rem;
}

.home.baseline h1 {
    font-size: 3.0rem;
}

@media ( max-width: 800px ) {

    .baseline h1 {
        font-size: 3.0rem;
    }

}

.baseline h2 {
    font-size: 3.0rem;
}

@media ( max-width: 720px ) {
 
    .baseline h2 {
        font-size: 2.7rem;
    }

}

.baseline .button, 
.baseline a.button, 
.baseline .mobile-nav li.button, 
.baseline button, 
.baseline input[type=reset], 
.baseline input[type=button], 
.baseline input[type=submit], 
.baseline .woocommerce #respond input#submit, 
.baseline .woocommerce a.button, 
.baseline .woocommerce button.button, 
.baseline .woocommerce input.button li.button {
    color: #000;
    font-size: 1.3rem !important;
    border-width: 0.15rem;
}


.baseline .button:hover, 
.baseline a.button:hover, 
.baseline .mobile-nav li.button:hover, 
.baseline button:hover, 
.baseline input[type=reset]:hover, 
.baseline input[type=button]:hover, 
.baseline input[type=submit]:hover, 
.baseline .woocommerce #respond input#submit:hover, 
.baseline .woocommerce a.button:hover, 
.baseline .woocommerce button.button:hover, 
.baseline .woocommerce input.button li.button:hover {    
    border-width: 0.15rem;
}

li.button a, li.button a {
    font-size: 1.3rem;
}

.flex-elm .inner {
    width: 90%;
    margin-left: 5%;
    box-sizing: border-box;
}

.flex-elm.intro .inner,
.flex-elm.narrow {
    padding: 4rem 9rem 2rem 9rem;
    background-color: #fff;
}

@media ( max-width: 720px ) {

    .flex-elm.narrow {
        padding: 3rem;
    }

}

.flex-elm.intro {
    margin-top: -13rem;
    z-index: 9;
    position: relative;
}

.flex-elm.intro p {
    font-size: 1.9rem;
}

@media ( max-width: 800px ) {
 
    .flex-elm.intro p,
    .baseline .large-text {
        font-size: 1.7rem;
    }
 
}

.baseline #hamburger {
    background: #fff;
}

.baseline #hamburger #div-1, 
.baseline #hamburger #div-2, 
.baseline #hamburger #div-3 {
    background-color: #B49E40;
}

.baseline header .first ul, 
.baseline header .second ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.baseline header .left .first ul {
    padding-right: 2rem;
}

.baseline header .right .first ul {
    padding-left: 2rem;
}


@media ( max-width: 1050px ) {

    header .left.four.columns, 
    header .right.four.columns {
        display: none;

    }

    header .logotitle.row {
        grid-template-columns: 1fr;
    }

    .baseline .mobile-nav {
        display: block;
    }

    header .logotitle.row {
        padding: 0;
    }

    .baseline header .custom-logo {
        width: 11rem !important;
        padding: 2rem 3rem 2rem 3rem;        
    }

    .flex-elm.intro .inner {
        padding: 4rem 4rem 0 4rem;
        background-color: #fff;
    }

}

@media ( max-width: 600px ) {

    .flex-elm.intro .inner {
        padding: 3rem 2rem 0 2rem;
        background-color: #fff;
    }

}

#arbitrary-instance-feature-blocks.items-per-row-3 {
    grid-row-gap: 0;
    grid-column-gap: 0;
}

#arbitrary-instance-feature-blocks.cde-box-menu .box-menu-item .img {
    margin-bottom: 0;
    height: 27.5rem;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#arbitrary-instance-feature-blocks.cde-box-menu .box-menu-item .img:before {
    opacity: 0.5;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

#arbitrary-instance-feature-blocks.cde-box-menu .box-menu-item:hover {
    opacity: 1;
}

#arbitrary-instance-feature-blocks.cde-box-menu .box-menu-item:hover .img:before {    
    opacity: 0.8;
}

#arbitrary-instance-feature-blocks.cde-box-menu .box-menu-item p {
    display: none
}

#arbitrary-instance-feature-blocks.cde-box-menu .option {
    background: transparent;
    position: relative;
    left: inherit;
    top: inherit;
}

#arbitrary-instance-feature-blocks.cde-box-menu .option h2,
#arbitrary-instance-hotel.cde-box-menu.style-3 li h2 {
    font-size: 2rem;
    text-transform: uppercase;
    max-width: 20rem;
    text-align: center;    
    text-shadow: 0.1rem 0.1rem rgba(0,0,0,0.5);
}

@media ( min-width: 720px ) {

    .baseline .pad-inner .container {
        margin-left: 5%;
        width: 90%;
    }
    
}

#shared-homepage-offers {
    margin: 8rem 0;
}

#shared-homepage-offers .container > h2,
#shared-all-offers .container > h2 {
    margin-bottom: 7rem;
}

#shared-homepage-offers .cde-box-menu .box-menu-item .img,
#shared-all-offers .cde-box-menu .box-menu-item .img {
    height: 26rem;
}

#shared-homepage-offers .cde-box-menu,
#shared-all-offers .cde-box-menu {
    grid-column-gap: 15%;
    grid-row-gap: 4rem;
}

#shared-homepage-offers .cde-box-menu .box-menu-item .option,
#shared-all-offers .cde-box-menu .box-menu-item .option {
    right: -4rem;
    top: auto;
    bottom: 4rem;
    left: auto;
    background-color: #fff;
    padding: 1rem 2rem;
}

#shared-homepage-offers .cde-box-menu .box-menu-item .option h2,
#shared-all-offers .cde-box-menu .box-menu-item .option h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 1.7rem;
}

.box-menu-item p {
    margin-top: 1.5rem;
}

.box-menu-item p:after,
.line-under:after {
    margin-top: 1.5rem;
    content: "";
    width: 6.8rem;
    border-top: 0.1rem solid #B49E40;
    height: 0.5rem;
    display: block;
}

@media ( max-width: 800px ) {

    .baseline .items-per-row-2 {
        grid-template-columns: 1fr;
        grid-row-gap: 5rem;
    }

}

.flex-elm.last.footer-flush {
    margin-bottom: -3rem;
}

a.arrow-link {   
    margin-top: 2.5rem;
    display: inline-block; 
    font-size: 1.4rem;
    letter-spacing: 0.17rem;
    text-transform: uppercase;
}

a.arrow-link:after {
    margin-left: 1rem;
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 1.5rem;    
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

a.arrow-link:hover {
    text-decoration: none;
}

a.arrow-link:hover:after {
    margin-left: 1.7rem;
}

.baseline .line-under {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 3rem;
}

#map-cols.flex-elm.has-bgcolor {
    padding: 0;
}

#map-cols.flex-elm .left-col {
    padding: 6rem 0;    
}

#map-cols.flex-elm .right-col {
    background-image: url('landmark-map.png');
    background-size: auto 739px;
    background-position: left center;
}

@media ( max-width: 720px ) {

    #map-cols.flex-elm .right-col {
        background-size: auto 600px;
        min-height: 400px;
    }

}

#map-cols.flex-elm .right-col p,
#map-cols.flex-elm .right-col p a {
    display: block;
    height: 100%;
    margin-bottom: 0;
}

#map-cols .container {
    max-width: none;
}

#map-cols .container,
#map-cols .inner {
    padding: 0;
    width: 100%;
    margin-left: 0;    
}

#map-cols .inner {
    padding-left: 7.5%;
}

@media ( max-width: 720px ) {

    #map-cols .inner {
        padding-left: 0
    }

    #map-cols.flex-elm .left-col {
        padding-left: calc(15px + 5%);
        width: 80%;
    }

}

#map-cols.flex-elm .cde-map-widget,
#map-cols.flex-elm .cde-map-widget .cde-map-canvas {
    height: 100%;
    margin: 0;
}

#map-cols.flex-elm .cde-map-widget h4,
#map-cols.flex-elm .cde-map-link {
    display: none;
}

@media ( max-width: 720px ) {
    
    #map-cols.flex-elm .cde-map-widget,
    #map-cols.flex-elm .cde-map-widget .cde-map-canvas {
        height: 40rem;        
    }

}

@media ( min-width: 1600px ) {

    #map-cols .inner {
        padding-left: calc( ( ( 100% - 1600px ) / 2 ) + ( 1600px * 0.05 ) );
    }

}

.baseline footer .widget-area .menu li.button a {
    line-height: 3.6rem;
}

.flex-elm.cde-wide-text.first {
    margin-top: 14rem;
}

footer .fa {
    color: #B49E40;
}

footer a .fa:hover {
    color: #000;
}

footer .widget-area #menu-social.menu li:after,
footer .widget-area #menu-book-now.menu li:after {
    display: none;
}

footer .widget-area #menu-social.menu li {
    padding: 0 2rem;
}

footer .widget-area #menu-social.menu li {
    font-size: 1.7rem;
}

footer .widget.widget_nav_menu {
    margin-bottom: 3rem;
}

footer .widget-area #menu-social.menu a .fa {
    margin-right: 0;
}

footer .tel {
    margin-top: 2rem;
    text-align: center;
}

footer .address {
    text-align: center;
    margin-bottom: -1.5rem;
}

footer #custom_html-4 {
    margin-top: 3rem;
}

.flex-elm.cde-wide-text.first.hero {
    margin-top: -0.2rem;
}

.cde-wide-text.has-bgcolor.full-band {
    padding-top: 5rem;
}

.flex-elm.full-band {        
    margin-bottom: 7rem;
}

@media ( min-width: 960px ) {
 
    .flex-elm.full-band {    
        margin-top: -1rem;     
    }

}

.baseline h3,
.baseline h4, 
.baseline h5, 
.baseline h6 {
    margin-bottom: 2.9rem;
}

@media ( max-width: 600px ) {

    .baseline .hero {
        height: 35rem;
    }

}

a.upper {
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
}

 .directions h4 {
    border-top: 0.1rem solid #ddd;
    padding-top: 1rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.baseline .cde-map-canvas {
    float: none;
}

.baseline .big-map .cde-map-canvas {
    height: 50vh;
}

.flex-elm.full-width .inner {
    width: 100%;
    margin-left: 0;
}

.flex-elm.hotel-menu {
    margin-top: -2rem;
    margin-bottom: 4rem;
}

#arbitrary-instance-hotel.cde-box-menu.style-3 li h2 {
    color: #fff;
    text-align: center;
}

#arbitrary-instance-hotel.cde-box-menu.style-3 li .option {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#arbitrary-instance-hotel.cde-box-menu.style-3 li p {
    display: none;
}

#arbitrary-instance-hotel.cde-box-menu.style-3 li .option:before {
    content: "";
    width: 5rem;
    height: 5rem;
    display: block;
    background-image: url('landmark-logo-reverse.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.5;
    margin-bottom: 1rem;
}

#arbitrary-instance-hotel.cde-box-menu.style-3 li a {
    float: none;
    display: flex;
    min-height: 20rem;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.flex-elm.teaser-block {
    position: relative;
    height: 40rem;
    margin-top: -4rem;
    margin-bottom: 3rem;
    z-index: 1;
    display: flex;
    align-items: center;
}

.flex-elm.teaser-block:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-color: rgba( 0,0,0, 0.5);    
    left: 0;
    top: 0;
}

.flex-elm.teaser-block p,
.flex-elm.teaser-block h2,
.flex-elm.teaser-block .button {
    color: #fff;
}

.flex-elm.teaser-block .button {
    margin-top: 2rem;
}

@media ( max-width: 830px ) {

    .baseline .cde-three-cols .inner {
        grid-row-gap: 3rem;
    }

}

.baseline .cde-flex-content .last {
    margin-bottom: 6rem;
}

.baseline.home .cde-flex-content .last {
    margin-bottom: 0;
}

.baseline .widget {
    margin-bottom: 0;
}

.baseline footer .widget {
    margin-bottom: 2.5rem;
}

.baseline .tablepress tfoot th, 
.baseline .tablepress thead th {
    background-color: #000;
    color: #fff;
}

.cde-image-left-text-right.room .gallery {
    height: 45rem;
}

.cde-image-left-text-right.room .right {
    border-top: 0.1rem solid #B49E40;
}

@media (max-width: 720px) {

    .baseline header {
        padding: 0;
    }

    .baseline .main {
        margin-top: -10.5rem;
    }

    .cde-image-left-text-right.room .gallery {
        height: 30rem;
    }

}

.baseline .mobile-nav #menu-choices li.current-menu-item > a {
    color: #fff;
}

.baseline .mobile-nav ul {
    padding-bottom: 1rem;
}

.baseline .menu-bar {
    padding-bottom: 0.6rem;
    padding-top: 1rem;
}

.baseline #hamburger {
    margin-top: -0.5rem;
    padding-top: 0;
}

.baseline .menu-label {
    margin-top: -0.5rem;
}

@media (min-width: 400px) {
    
    .baseline .container {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }

}

.widget ul.arrows li {
    padding-left: 3rem;
    position: relative;
}

.widget ul.arrows li:before {
    content: "\f101";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    left: 0;
    color: #B49E40;
}

.room h6 {
    font-family:'Proxima Nova Semibold';
    margin-bottom: 1rem;
}

.cde-image-left-text-right.room .right .inner {
    padding-top: 5rem;
}

@media ( max-width: 720px ) {

    .baseline .cde-image-left-text-right .left.img, 
    .baseline .cde-text-left-image-right .right.img {
        min-height: 35rem;
        margin-bottom: 0;
    }

    .cde-image-left-text-right.room .right {
        border-top: none;
    }

    .cde-image-left-text-right.room .right .inner {
        padding-top: 0;
    }

}

@media ( max-width: 720px ) {

    .baseline .after-content-full {
        margin-top: 10.8rem;
    }

    .flex-elm.cde-wide-text.first.hero,
    .flex-elm.first.cde-slides {
        margin-top: -10.5rem;
    }

    .baseline .cde-image-left-text-right.has-bgcolor .inner, 
    .baseline .cde-text-left-image-right.has-bgcolor .inner {
        padding-top: 3rem;
    }

    footer .widget-area .menu li.button.hide-mobile {
        display: none;
    }

}

footer .widget-area .menu li.button.hide-mobile {
    display: none;
}

.text-block h2,
.text-block h3,
.text-block h4 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.single-offer .content.container {
    max-width: 1200px;    
}

.single-offer .meta-below {
    display: none;
}

.main .single-offer p {
    font-size: 1.9rem;
}

.single-offer .entry-content {
    margin-top: 4rem;
}

@media (max-width: 600px) {

    .single-offer .hero .image {
        height: 35rem;
    }

}

#base.flex-elm {
    margin-top: 7rem;
}


#base.flex-elm h3 {
    font-family:'Proxima Nova';
}


#base.flex-elm h3:after {
    content: "";
    display: block;
    border-left: 0.1rem solid #B49E40;
    width: 0.1rem;
    height: 5rem;   
    position: relative;
    margin: 3rem auto 0rem auto; 
}


@media ( min-width: 800px ) {

    .cde-two-cols.flex-elm.pad-inner .left-col {
        padding-left: 8rem;
    }
    
    .cde-two-cols.flex-elm.pad-inner .right-col {
        padding-right: 8rem;
    }

} 


.ucase {
    text-transform: uppercase;    
}

h3.ucase {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.cde-panel {
    padding: 1.5rem;
    border: 0.1rem solid #B49E40;
}

h2 + .cde-panel {
    margin-top: 6rem;
}

.cde-panel ul.inline-list li {
    margin-bottom: 0;
}

.amenities h4 {
    border-bottom: 0.1rem solid #B49E40;
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.amenities div > h4:first-child {
    margin-top: 0;
}

.nearby {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
}

@media ( max-width: 1000px ) {

    .nearby {
        grid-template-columns: 1fr 1fr;
    }

}

@media ( max-width: 720px ) {

    .nearby {
        grid-template-columns: 1fr;
    }

}

.place .img {
    height: 20rem;
    background-size: cover;
}

.place {
    padding: 3rem;
    box-shadow: 0 0 0.5rem 0.5rem rgba(0,0,0,0.1);
}

.place h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.place p {
    margin-bottom: 0.6rem;
}

.empty-message {
    text-align: center;
}

.baseline .cde-text-left-image-right .left {
    justify-content: center;
}

#shared-rooms-submenu {
    margin-top: 11rem;
}

#shared-rooms-submenu .cde-box-menu {
    background-color: #FFFFF4;
}

#shared-rooms-submenu .cde-box-menu.items-per-row-3 {
    display: inline-block;
    text-align: center;
}

#shared-rooms-submenu .cde-box-menu.items-per-row-3 li {
    width: auto;
    display: inline-block;
}

#shared-rooms-submenu .cde-box-menu.items-per-row-3 li a {
    padding: 2rem 4rem 1.8rem 4rem;
    border-bottom: 0.2rem solid transparent;
}

#shared-rooms-submenu .cde-box-menu.items-per-row-3 li.current-menu-item a {
    border-bottom-color: #B49E40;
}

#shared-rooms-submenu .cde-box-menu.items-per-row-3 li p {
    display: none;    
}

#shared-rooms-submenu .cde-box-menu.style-3 .box-menu-item p:after {
    display: none;
}

#shared-rooms-submenu .cde-box-menu.style-3 li {
    background: transparent;
}

.baseline .cde-box-menu.style-3 li {
    background-color: #93845E;
}

#wedding-bar {
    margin-top: -1rem;
    margin-bottom: 5rem;
}

.baseline .before-content-page .widget-area .widget:last-child {
    margin-bottom: 0;
}