/* =================================================================================

    Project Information

    Theme Name: Orourke Theme
    Theme URI: https://www.orourkehospitality.com/
    Description: An Orourke Theme
    Version: 1.2.4
    Author: Orourke Hospitality
    Author URI: https://www.orourkehospitality.com/

================================================================================= */

/************ BOOTSTRAP CUSTOMIZATIONS ************/

@media (min-width:995px){ .container { width: 949px; } }
@media (min-width:1100px){ .container { width: 1050px; } }
@media (min-width:1200px){ .container { width: 1150px; } }
@media (min-width:1400px){ .container { width: 1350px; } }

/*********** Helper Classes *************/

.navbar-nav>li { float:none;}
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content:normal !important; }
.absolute { position:absolute; }
.relative { position:relative; }
.pull-none { float:none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; text-align: left;}
.no-right-padding { padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-top-padding { padding-top:0px !important; }
.no-bottom-padding { padding-bottom:0px !important; }

.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }

.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-35 { padding-top:35px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }

.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }

.no-side-margin { margin-left:0px !important; margin-right:0px !important; }
.no-right-margin { margin-right:0px !important; }
.no-left-margin { margin-left:0px !important; }
.no-top-margin { margin-top:0px !important; }
.no-bottom-margin { margin-bottom:0px !important; }
.email-confirm { display:none; }

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }

.hidden {display: none !important;}

.container {padding-left: 30px; padding-right: 30px;}

/*********** Datepicker Classes *************/
#ui-datepicker-div {display: none;}
.ui-datepicker-title{font-family: 'Barlow', sans-serif;font-style: normal; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;text-shadow:none;color:#221408;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{border-radius:0;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{background:none repeat scroll 0 0 #e9e8e8;border:medium none;border-radius:0;}
.ui-widget-header .ui-icon{background-image:url("images/grey-arrows.png");}
.ui-icon-circle-triangle-e{background-position:-11px 0;}
.ui-icon-circle-triangle-w{background-position:0 0;}
.ui-icon{height:17px;width:11px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{left:60%;}
.ui-state-hover{border:none !important;background:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none repeat scroll 0 0 #e9e8e8 !important;border:medium none !important;margin:0 !important;text-align:center !important; font-family: 'Barlow', sans-serif; font-style: normal; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; width:100%;text-shadow:none;}
.ui-datepicker tbody td{width:14.285714286%;}
.ui-datepicker th{font-family: 'Barlow', sans-serif; font-style: normal; font-size: 16px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 2px;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{background:none repeat scroll 0 0 #e7ddcd !important;}
.ui-state-active{background:none repeat scroll 0 0 #bea783 !important;}
.ui-widget-content{border:1px solid #e9e8e8;}
.ui-datepicker table{margin:0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-image:none !important;}
.ui-datepicker{padding:0 !important;}


/*********** General Tag Styles *************/
* { box-sizing:border-box; }
body { font-size: 16px; color: #757575; }
p { font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 1.6; margin-bottom: 15px; font-size: 16px; letter-spacing: 1px; }
a { color:#b3525a; text-decoration:none; transition: .25s ease-in; letter-spacing: 1px; }
a:visited { color: #b3525a; text-decoration:none; }
a:hover, a:active {text-decoration: underline;}
ul { padding-bottom:0px; margin-bottom:5px; padding-left:0px; margin-top:5px;}
ul li { padding-bottom:12px; padding-left:16px; list-style:none; }

h1 { font-family: 'EB Garamond', serif; font-weight: 400; font-size: 60px; margin: 0 0 30px; color: #385072;}
h2 { font-family: 'EB Garamond', serif; font-weight: 400; font-size: 60px; margin: 0 0 30px; color: #385072;}
h3 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 20px; margin: 10px 0 15px 0; text-transform: uppercase; letter-spacing: 2px; color: #385072;}
h4 { font-family: 'EB Garamond', serif; font-weight: 400; font-size: 24px; margin: 30px 0 5px; }
h5 { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 18px; margin: 10px 0 20px 0; text-transform: uppercase; letter-spacing: 2px; }
h6 { font-family: 'Barlow', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; font-size: 18px; margin: 30px 0 10px; }

.page-container ul,
.content ul,
.list-items ul {font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 1.3; padding-left: 20px; list-style: none; margin-top: 30px;}

.page-container p + ul,
.content p + ul,
.list-items p + ul {margin-top: 0;}

.page-container ul ul,
.content ul ul,
.list-items ul ul {margin-top: 12px;}

.page-container ul li,
.content ul li,
.list-items ul li { padding-left: 0; text-indent: 0; list-style: none;}
.gform_body ul li {padding-left: 0; text-indent: 0;}


.page-container ul li:before,
.content ul li:before,
.list-items ul li:before {
    opacity: .6;
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.button,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {padding: 8px 30px; text-decoration: none !important; display: inline-block; text-align: center; margin: 0; border: 0; color: #fff !important; background: #b3525a; border: 1px solid transparent; transition: .25s ease-in; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; margin-top: 20px;}

.button:hover,
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover,
.button:focus,
.gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_page_footer input.button:focus, .gform_wrapper .gform_page_footer input[type=submit]:focus {
    color: #fff !important; background: #b3525a;
}

.blue-button {background: #385072; color: #fff !important; }
.blue-button:hover, .blue-button:focus {background: #b3525a; color: #fff !important; }

.red-button {background: #b3525a; color: #fff !important; }
.red-button:hover, .red-button:focus {background: #385072; color: #ffffff !important; }

.tan-button {background: #dad5c7; color: #444 !important; }
.tan-button:hover, .tan-button:focus {background: #fff; color: #8b8b8c !important;}

.white-button {border: 3px solid #fff; color: #fff !important; }
.white-button:hover, .white-button:focus {background: #fff; color: #b3525a !important;}

.full-width-button {width: calc(100% - 18px); padding-left: 15px; padding-right: 15px;}
.half-width-button {width: calc(50% - 18px); margin-right: 14px; padding-left: 15px; padding-right: 15px;}

.absolute-btn {position: absolute; left: 15px; bottom: 0; width: calc(100% - 30px);}

/*********** Flex Classes *************/
.flex-md,
.flex-sm,
.flex-xs { display: block }

.flex-lg,
.flex { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-align-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-align-end { -ms-flex-align: end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }
.align-self-end { -ms-align-self: end; -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; }
.flex-justify-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-justify-around { -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; }
.flex-justify-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-justify-end { -ms-flex-pack: end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex-content-center { -ms-align-content: center; -webkit-align-content: center; align-content: center; }
.flex-dir-col { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }


/******* Header ******/
header { position: fixed; width: 100%; top: 0; left: 0; z-index: 2; transition: all .3s; }
header.fixed {top: -75px;}

#header-top {background: #fff; background-size: cover; padding: 15px 0; font-family: 'Raleway', sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; height: 147px;}
#header-top a {color: #757575; display: inline-block; padding: 0;}
#header-top a:hover, #header-top a:focus {color: #b3525a; background: transparent;}
#book-menu a {margin-left: 30px;}
#logo-home img { width: auto; height: 162px; transition: all .3s; margin: 0 auto; margin-top: 0;}
header.fixed #logo-home img {height: 70px; margin-top: 62px;}

#body-content {padding-top: 147px;}


@media only screen and (max-device-width: 800px){
    #header-top a {font-size: 12px; margin-top: 12px;}
    .aux-nav {padding-top:0px;}}




/**** Page Content ****/
.page-content { }

.slick-dots {position: absolute; bottom: 60px; left: 0; right: 0; text-align: center; height: auto;}
.slick-dots li {display: inline-block; padding: 0 5px;}
.slick-dots li button {border: 0; background: #d4d1d3; border-radius: 100%; -webkit-appearance: none; appearance: none; outline: 0 !important; font-size: 0 !important; width: 15px; height: 15px; line-height: 1; padding: 0; box-shadow: none;}
.slick-dots li.slick-active button {border: 2px solid #d4d1d3; background: none;}

.slick-arrow {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; opacity: .7; cursor: pointer; transition: opacity .2s ease-in;}
.slick-arrow:hover {opacity: 1;}
.slick-arrow svg {width: 30px; fill: #fff;}
.slick-prev { left: 30px; }
.slick-next { right: 30px; }

#slider {opacity: 0; transition: opacity .2s ease-in;}
#slider,
#slider .slide {height: 80vh; max-height: 500px;}

.header-image img,
.slick-slide img { /*display: block;*/ display: none; position: absolute; left: 30px; bottom: 30px; max-width: 300px; }
.home .slick-slide img { /*display: block;*/ display: none; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }

.header-image .slider-buttons,
#slider .slider-buttons {position: absolute; right: 0; bottom: 30px; text-align: right;}
.header-image .slider-buttons .button:last-of-type,
#slider .slider-buttons .button:last-of-type { /*display: block;*/ display: none; margin-top: 5px;}


#angled-callouts {overflow: hidden; padding-top: 40px;}
.angled-callout {
    overflow: hidden;
    height: 370px;
    border-top: 10px solid #fff;
    margin-top: -91px;
    display: block;
    text-decoration: none !important;
}
.angled-callout .angled-background {
    height: 360px;
    margin-top: -44px;
    position: relative;
}
.angled-callout .angled-background:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(91,92,92, .2);
    transition: .25s ease-in;
}
.angled-callout:nth-of-type(even) {
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
}
.angled-callout:nth-of-type(even) .angled-background {
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
}
.angled-callout:nth-of-type(odd) {
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
}
.angled-callout:nth-of-type(odd) .angled-background {
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
}
.angled-callout:first-of-type {
    height: 320px;
    border-top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-top: 0;
}
.angled-callout:first-of-type .angled-background {
    height: 315px;
    margin-top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.angled-callout:first-of-type h2 { margin-top: -30px; }
.angled-callout:last-of-type { height: 320px; }
.angled-callout:last-of-type .angled-background { height: 315px; margin-top: -51px; }
.angled-callout:nth-of-type(2) { margin-top: -53px; }
.angled-callout:last-of-type h2 { margin-top: 30px; }
.angled-callout h2 {color: #fff; text-align: center; margin: 0; z-index: 1; display: block; width: 100%;}
.angled-callout p {display: block;  color: #fff; text-align: center; text-transform: uppercase; z-index: 1; font-size: 0; width: 100%; transition: .25s ease-in; font-weight: 500;}
.angled-callout:hover .angled-background:after {background: rgba(90,94,104, .8);}
.angled-callout:hover p {font-size: 16px; margin-top: 15px; font-family: 'Heebo', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}

#content-with-images img {width: 49%; float: left;}
#content-with-images img:first-of-type {margin-right: 2%;}

#posts-slider {min-height: 550px;}
.posts-slide { min-height: 550px; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; color: #fff;}
.posts-slide .slider-bg {height: 100%;}
.posts-slide .slide-text-container {background: url(images/logo-background.png) center center no-repeat #5a5e68; background-size: cover;}
.posts-slide .slide-text-container h2 { width: 100%; margin-bottom: 30px;}
.posts-slide .slide-text-container p { width: 100%;}
.posts-slide .slide-text-container .button { min-width: 220px; font-family: 'Heebo', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}
.posts-slide .slide-text-container .fixed-button { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0;background: #a48bcd; color: #fff !important; font-family: 'Heebo', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}
.posts-slide .slide-text-container .fixed-button:hover { background: #ced8df; color: #5A5E68 !important; }

.categories-container {margin-bottom: 15px; background: #EDEAE3; text-transform: uppercase; text-align: center;}
.categories-container span {cursor: pointer; color: #23527c !important; padding: 5px 20px; margin: 0; background: #EDEAE3;}
.categories-container span.active {color: #fff !important; background: #23527c;;}
.categories-container span:hover {cursor: pointer; color: #fff !important; background: #23527c;}
#posts-container > .row {min-height: 400px;}
#posts-container .article {border: 1px solid #cccccc; height: 100%;}
#posts-container .article .feat-img {height: 200px;}
#posts-container .article .title-container {background: #fff; text-align: center; padding: 15px;}
#posts-container .article h3 {margin-bottom: 0; margin-top: 15px; color: #757575; font-size: 14px;}
#posts-container .article h2 {color: #757575; margin-top: 0; margin-bottom: 15px; }
#posts-container .article .details {background: #EDEAE3; padding: 15px;}
#posts-container .article .button {display: block; width: 50%; margin: 0; border: 0; float: left;}

#three-across-slider .slick-initialized .slick-track {
    display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;
}

#three-across-slider .slick-initialized .slick-track .slick-slide {
    height: auto;
    display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
    -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}

#three-across-slider .image {height: 200px !important; width: 100%;}
#three-across-slider .content {background: #5A5E67; text-align: center; color: #fff; padding: 30px; height: calc(100% - 240px) !important;}
#three-across-slider .content h3 {margin-top: 0; margin-bottom: 30px;}
#three-across-slider .button {display: block; width: 100%; margin: 0;}
#three-across-slider .slick-slide div {height: 100%;}
#three-across-slider .slick-arrow svg {fill: #5D6F7D;}
#three-across-slider .slick-next {right: -30px;}
#three-across-slider .slick-prev {left: -30px;}


#angled-content {
    overflow: hidden;
    padding-bottom: 4vw;
}
#angled-content .angle-me {
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    padding-top: 4vw;
    margin-top: -4vw;
}

#angled-content .page-container {
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
}

/**** Interior Content ****/
#interior-content { }
#interior-content img {width: auto;}
#interior-content.page-container-full-width img {width: 100%;}

#interior-content img.desktop-img {display: inline-block !important}
#interior-content img.tablet-img {display: none !important}
#interior-content img.mobile-img {display: none !important}
#interior-content > div > div.flex-sm.flex-md.flex-lg.flex-wrap.clearfix > div > div > div > a > h2 {font-size: 26px; margin-top: 20px;}

.header-image {height: 80vh; max-height: 500px; position: relative;}
.page-container {padding-top: 40px; padding-bottom: 40px;}
#left_right_callouts {overflow: hidden;}
#left_right_callouts .content {padding: 60px 130px; min-height: 350px; color: #5b5b5c; z-index: 1; background: #dad5c7;}
#left_right_callouts h2 { color: #fff; width: 100%; z-index: 1;}
#left_right_callouts .image img {max-width: 80%; height: auto;}

#left_right_callouts .image .background { position: absolute; left: 0; top: 0; height: 100%; width: calc(100% + 8vw); }
#left_right_callouts > a:nth-of-type(even) .image .background { left: -8vw; }

#left_right_callouts .image p {display: block;  color: #fff; text-align: center; text-transform: uppercase; z-index: 1; font-size: 0; width: 100%; transition: .25s ease-in; font-weight: 500;}
#left_right_callouts > a:hover .image p {font-size: 16px; margin-top: 15px;}

#left_right_callouts .content p {margin-bottom: 10px; color: #fff;}
#left_right_callouts .image {z-index: 0;}
#left_right_callouts > a {position: relative; text-decoration: none !important;}
#left_right_callouts > a .image .background:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(56, 80, 114, .2);
    z-index: 0;
    transition: .25s ease-in;
}
#left_right_callouts > a:nth-of-type(odd):hover .image .background:after { background: rgba(56, 80, 114, .8); }
#left_right_callouts > a:nth-of-type(even):hover .image .background:after { background: rgba(56, 80, 114, .8); }

/*
#left_right_callouts > a:nth-of-type(odd) .content {
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background: #5c6f7d;
    right: -75px;
    padding-right: 206px;
}
*/
/*
#left_right_callouts > a:nth-of-type(even) .content {
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    background: #5a5e68;
    left: -75px;
    padding-left: 206px;
}
*/

/*
#left_right_callouts > a:nth-of-type(odd) .content > div {
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
}
*/
/*
#left_right_callouts > a:nth-of-type(even) .content > div {
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}
*/

.content_with_headline_section h1, .content_with_headline_section h2, .content_with_headline_section h3, .content_with_headline_section h4, .content_with_headline_section p {margin-bottom: 15px;}

#image-hover-boxes {padding-top: 30px; padding-bottom: 30px;}
#image-hover-boxes .row > .col-xs-12 {margin-bottom: 30px;}
.each-hover-box {height: 0; padding-bottom: 100%; position: relative; color: #fff;}
.each-hover-box h1, .each-hover-box h2, .each-hover-box h3, .each-hover-box h4, .each-hover-box p {width: 80%; margin:auto; color: #fff;}
.each-hover-box p {width: 100%;}
.each-hover-box h2 {font-size: 40px; width: 96%}
.each-hover-box .hover {opacity: 0; transition: opacity .2s ease-in-out; background: rgba(56, 80, 114, .8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 15px;}
.each-hover-box:hover .hover {opacity: 1;}

.page-id-1962 .each-hover-box .hover, /* specials page */
.blog .each-hover-box .hover /* blog page */
{opacity: 1;}

.page-id-1962 .each-hover-box .hover .button, /* specials page */
.blog .each-hover-box .hover .button /* blog page */
{opacity: 0;}

.page-id-1962 .each-hover-box:hover .hover .button, /* specials page */
.blog .each-hover-box:hover .hover .button /* blog page */
{opacity: 1;}

#four-grid-callouts {padding-top: 30px; padding-bottom: 30px;}
#four-grid-callouts .row > .col-xs-12 {margin-bottom: 30px;}
#four-grid-callouts .each-hover-box {padding-bottom: 0; height: 100%; }
#four-grid-callouts .use-height .each-hover-box {padding-bottom: 100%; height: 0;}

#footer-cta { padding-top: 45px; padding-bottom: 45px; display: block; position: relative;}
#footer-cta h3 { font-family: 'Frank Ruhl Libre', serif; font-weight: 400; font-size: 40px; text-transform: none; display: inline-block; vertical-align: middle; margin: 5px 15px;}
#footer-cta h1, #footer-cta h2, #footer-cta h3, #footer-cta h4, #footer-cta p {color: #fff;}
#footer-cta .button { display: inline-block; vertical-align: middle; margin: 5px 15px; }
#footer-cta .hover {opacity: 0; transition: opacity .2s ease-in-out; background: rgba(56, 80, 114, .8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
#footer-cta:hover .hover {opacity: 1;}

.page-container-full-width {padding: 0 !important;}
.page-container-full-width p {margin-bottom: 0;}

.each-blog {margin-bottom: 30px;}
.each-blog .content {height: calc(100% - 300px); min-height: 300px;}
/*.each-blog .content a {color: #fff !important;}*/
.each-blog .image {height: 200px;}

.list-items {  margin-top: 30px;}
.list-items ul { padding-left: 0; margin: 0;}
.list-items li {list-style: none !important; padding-left: 0; -webkit-column-break-inside: avoid; column-break-inside: avoid;}

.ngg-galleryoverview {margin-top: 0 !important; margin-bottom: 0 !important;}
.ngg-gallery-thumbnail {margin: 0 !important; border: 0 !important;}
.ngg-gallery-thumbnail a {margin: 0 !important;}

.ngg-gallery-thumbnail-box { margin: 0 !important; width: 25% !important; padding: 2px; }
.ngg-gallery-thumbnail a { display: block; overflow: hidden; }
.ngg-gallery-thumbnail a img { border: 0 !important; width: 100% !important; padding: 0 !important; margin: 0 auto!important; }

.pagination {width: 100%; text-align: center; display: block;}

/* events page */
#gallery-1 .gallery-item {width: 33% !important;}
#gallery-1 img {border: 0 !important;}

.gform_wrapper .gform_footer {text-align: left;}


#icon-accordion-with-content .ngg-gallery-thumbnail-box { width: 50% !important; }
.panel {box-shadow: none;}
.panel-default {border: 0;}
.panel-group .panel {border-radius: 0; margin-bottom: 30px;}
.panel-default>.panel-heading {background: transparent; border: 0; color: #5b5c5c; padding: 0;}
.panel-default>.panel-heading h3 { letter-spacing: 5px; }
.panel-body {padding: 15px 0;}
.panel-body .icon-title {text-align: center; text-transform: uppercase; font-size: 16px;}


/**** Footer Content ****/
footer { }
footer p {font-size: 16px;}
#footer {background: #fff; padding: 60px 0; font-family: 'Barlow', sans-serif; color: #757575; font-weight: 400; border-top: 1px solid #757575; border-bottom: 1px solid #757575;}
#footer p { font-weight: 500; line-height: 2; }
#logo-footer img {height: 125px; width: auto;}
.footer-title {font-family: 'EB Garamond', serif; font-size: 36px; margin-bottom: 10px; line-height: 1.2 !important; color:#385072;}

#menu-footer-menu { text-transform: uppercase;  }
#menu-footer-menu li {padding: 0; list-style: none; }
#menu-footer-menu li a {font-family: 'Raleway', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; padding: 8px 3px; display: inline-block; text-transform: uppercase;}
#footer a {color: #5b5c5c; }
#footer a:hover, #footer a:focus {color: #b3525a; text-decoration: none !important;}

#footer-social {font-size: 30px; color: #385072; margin-right: 30px;}
#footer-social:hover { color: #b3525a;}

#footer-form-block {}
#footer-form-block h4 { font-size: 36px; color: #385072; letter-spacing: 1px; padding-bottom: 0; margin-top: 0; margin-bottom: 10px;}
#footer-form-block .gform_fields input {border: 2px solid #dad5c7; padding: 10px 15px; color: #757575; letter-spacing: 1px; text-transform: uppercase;}
#footer-form-block .gform_fields li {padding-right: 0;}
#footer-form-block .gform_wrapper {margin-top: 0;}
#footer-form-block .gform_wrapper .gform_footer {margin: 0; padding: 8px 0; margin-top: 6px;}
#footer-form-block .gform_button {width: 100%;}

.footer-social-icons a {display: inline-block; margin-right: 20px; font-size: 20px;margin-top:30px;}

#copyright {background: #fff; padding: 10px 15px; color: #757575; font-size: 14px; border-bottom: 1px solid #757575;}
#copyright p {margin-bottom: 0;}
#copyright a {color: #757575;}
#copyright a:hover {color: #b3525a; text-decoration: none;}

#utility {margin-right: auto; font-size: 18px; color: #fff; display:inline-block; width: 30%}
#menu-utility-menu  {margin: 0;}
#menu-utility-menu li {list-style: none; padding: 0 10px;; display: inline-block; border-right: 1px solid #757575; line-height: 1;}
#menu-utility-menu li:last-of-type {border-right: 0;}
#menu-utility-menu li a {color: #757575; font-size: 13px; padding: 0;}
#menu-utility-menu li a:hover, #menu-utility-menu li a:focus {color: #b3525a;}

#footer-logos {padding-top: 40px; padding-bottom: 40px;}
#icon-bar {padding-top: 40px; padding-bottom: 40px; border-top: 2px solid #eceae3; border-bottom: 2px solid #eceae3; }

#footer-logos img, #icon-bar img {margin: 30px auto;}


/******* Main Navigation *****/
.aux-nav {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc;}
.aux-nav li {margin: 0 15px;}
.aux-nav li:first-of-type {margin-left: 30px;}
.aux-nav li:last-of-type {margin-right: 30px;}

.nav {margin: 0;}
.nav>li { display: inline-block; padding: 0;}
#navigation {background: #fff;}
#navigation .nav { background:transparent; list-style: none; margin: 0; padding: 0; width: 100%; color:#ffffff; text-transform:uppercase; position:relative; padding-left: 30px; padding-right: 30px; }
#navigation .nav li { vertical-align: middle; display: block; float: left; padding:0px; text-align: center; text-align: center; background:none; position:relative; font-family: 'Raleway', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; margin: 0 5px;}
#navigation .nav > li { padding-top: 28px; padding-bottom: 28px;}

#navigation .nav li:first-of-type {margin-left: 0;}
#navigation .nav li:last-of-type {margin-right: 0;}

#navigation .nav li a,
#header-subnav li a { color:#385072; font-size: 17px; text-decoration:none; padding: 0; display: block; vertical-align: middle; height:100%; line-height: 1; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; white-space: nowrap;}
header.fixed #navigation .nav .sub-menu li a {padding-top: 15px; padding-bottom: 15px;}
#navigation .nav li:hover a, #navigation .nav li:focus a { color:#b3525a; background:#fff; }

.booking-link a { color: #757575 !important;}
.booking-link a:hover { color: #b3525a !important;}
.booking-link.active a { background: #dad5c7; color: #fff !important; z-index: 2; }

#header-subnav {background: #dad5c7; text-align: center; width: 100%;}
#header-subnav ul {margin: 0; padding: 0; list-style: none;}
#header-subnav li {display: inline-block; vertical-align: middle; list-style: none; margin: 0; padding: 6px 7px;}

#header-subnav li a {font-size: 15px;}
#header-subnav li a:hover {color: #b3525a !important;}
#header-subnav li.current-menu-item a {color: #954148 !important;}

#navigation .nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-page-ancestor a { color: #b3525a !important; background: #fff !important; }
#navigation .nav .current-menu-item, #navigation .nav .current_page_item, #navigation .nav .current-page-ancestor { color:#b3525a !important; background:#fff !important; }

.sub-menu { background: rgba(255,255,255,0.8); position: absolute; top: 100%; z-index: 10000; padding: 0px 0px 0px 0px; margin: 0px; width: auto;  min-width: 150px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
#navigation .nav .sub-menu  { display: none; }
#navigation .nav li:hover > .sub-menu, #navigation .nav li:focus-within > .sub-menu { display: block; list-style: none; }
#navigation .nav .sub-menu li { padding: 0; margin: 0px; line-height: 1em; float: none; border: 0px; width: 100% !important; display: block; height:auto !important; }
#navigation .nav .sub-menu li a { line-height:1.2; font-size:17px; color: #757575 !important; border: 0px; padding: 15px 30px; white-space: nowrap; background:rgba(255,255,255, 0.5) !important; }
#navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus { color:#b3525a !important; background: #fff !important; }
#navigation .nav.left-nav li:first-of-type .sub-menu {left: 0; -webkit-transform: none; -moz-transform: none; transform: none;}
#navigation .nav.right-nav li:last-of-type .sub-menu {left: auto; right: 0; -webkit-transform: none; -moz-transform: none; transform: none;}
#navigation .nav .sub-menu .sub-menu {left: 100% !important; top: 0; -moz-transform: none; -webkit-transform: none; transform: none;}

#navigation .nav.mobile-nav {display: none; overflow: hidden;}

.booking-dropdown {position: absolute; background: #dad5c7; display: none; right: 0; z-index: 1; color: #fff; min-width: 250px; padding-top: 120px; top: -50px;}
.booking-dropdown-inner { padding: 50px 30px 30px 30px; width: 100%; }
.booking-dropdown-inner a.button {width: 100%;}
.booking-dropdown-inner input[type="submit"] {width: 100%; padding-top: 20px; padding-bottom: 20px; -webkit-appearance: none !important; appearance: none; border: 0; border-radius: 0; box-shadow: none; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; background: #b3525a; color: #fff !important;}
.booking-dropdown-inner input:hover { background: #5c6f7d;}
.booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {width: 100%; color: #757575; padding: 15px; box-shadow: none; background: #fff; outline: 0; text-align: left; border:0; margin: 0 0 15px; border-radius: 0; font-family: 'Raleway', sans-serif; font-style: normal; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%; margin-bottom: 15px;}
.bootstrap-select .dropdown-toggle .filter-option {position: relative; text-align: left; color: #757575; font-family: 'Raleway', sans-serif; font-style: normal; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
.bootstrap-select .dropdown-menu li {padding-left: 0; padding-right: 0; text-align: center; text-transform: uppercase;}
.bootstrap-select .dropdown-menu li:before {content: none;}
.bootstrap-select .dropdown-menu li a {font-weight: 400; display: block !important;}
.bootstrap-select>.dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {outline: 0 !important; border-radius: 0; background: #fff !important; border: 0;}
.bootstrap-select .dropdown-menu {border-radius: 0; border: 0; background: #fff; font-family: 'Barlow', sans-serif; font-style: normal; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;}
.bootstrap-select .dropdown-toggle .caret {border: 0; top: 27%; right: 39px; font-size: 25px; color: #757575;}
.bootstrap-select .dropdown-toggle .caret:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

.date-container {position: relative;}
.date-container .fa-calendar {color: #757575; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; margin-top: -7px;}

.booking-dropdown-page {background: #dad5c7; margin-top: -40px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #777; text-decoration: none; background-color: #fff;}

.sidebar {padding: 50px 30px 30px 30px; width: 100%; background: #dad5c7; color: #385072;}

/*********** ICON ACCORDION *************/
.panel-default>.panel-heading+.panel-collapse>.panel-body img {margin: auto; width: 80px !important; margin-bottom: 10px;}


/*********** RESPONSIVE IFRAMES *************/
.flex-video {
    position: relative;
    padding-top: 0px;
    padding-bottom: 100%; /* Fix for Google Maps on contact page */
    /* padding-bottom: 67.5%; */
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}


/*********** Image posts *************/

img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }

/*********** EXTRA MEDIA QUERIES *************/

@media (max-width: 1700px) {
    #left_right_callouts .image .background { width: calc(100% + 10vw); }
    #left_right_callouts > a:nth-of-type(even) .image .background { left: -10vw; }
}

@media (max-width: 1500px) {
    #left_right_callouts .image .background { width: calc(100% + 12vw); }
    #left_right_callouts > a:nth-of-type(even) .image .background { left: -12vw; }
}

@media (max-width: 1360px) {
    #navigation .nav li a {padding-left: 5px; padding-right: 5px; font-size: 15px;}
    #navigation .nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-page-ancestor a {padding-left: 5px; padding-right: 5px;}
    #body-content {padding-top: 174px;}
}

@media (max-width: 1300px) {

    #left_right_callouts .image .background { width: calc(100% + 14vw); }
    #left_right_callouts > a:nth-of-type(even) .image .background { left: -14vw; }

    #left_right_callouts .content {padding-left: 100px; padding-right: 100px;}
    #left_right_callouts > a:nth-of-type(odd) .content {padding-right: 140px;}
    #left_right_callouts > a:nth-of-type(even) .content {padding-left: 140px;}

}

@media (max-width:1200px) {
    .flex-lg,
    .flex-sm,
    .flex-xs { display: block }

    .flex-md { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    #navigation .nav li a {padding-left: 2px; padding-right: 2px; font-size: 13px;}
    #body-content {padding-top: 172px;}

}

@media (max-width: 1199px) {
    #menu-footer-menu {
        text-align: right;
    }

    h1 {font-size: 38px;}
}

@media (max-width:1100px) {

    #left_right_callouts .image .background { width: calc(100% + 16vw); }
    #left_right_callouts > a:nth-of-type(even) .image .background { left: -16vw; }

}

@media (max-width:991px) {
    .flex-lg,
    .flex-md,
    .flex-xs { display: block }

    .flex-sm { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    .visible-sm.flex,
    .visible-sm.flex-sm {display: flex !important; }

    header {position: relative;}
    #header-top {font-size: 25px; padding-top: 0; padding-bottom: 0;}
    #logo-home {padding: 10px;}
    #logo-home img {
        width: 100%;
        max-width: 420px;
        margin: 15px auto;
        height: auto;
    }

    #navigation {padding: 0;}
    #navigation .nav .sub-menu .sub-menu {left: 0 !important;}

    #mobile-header {background: #5a5e68; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Heebo', sans-serif; font-style: normal; font-weight: 400; letter-spacing: 1px; font-size: 15px; padding: 5px 15px;;}
    #mobile-header a {color: #fff;}

    #navigation.sticky-nav {position: fixed; top: 0; }


    #navigation .nav.mobile-nav {overflow: auto; max-height: calc(100vh - 120px);}
    #navigation.sticky-nav .nav.mobile-nav { max-height: calc(100vh - 44px);}
    .fixed #navigation .nav.mobile-nav {overflow: auto; max-height: calc(100vh - 80px);}

    #navigation .nav.desktop-nav {display: none;}
    #navigation .nav.desktop-nav li {float: none; height: 0;}

    #navigation .nav li .sub-menu {position: relative; background: #385072; }
    #navigation .nav .sub-menu li a, #navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus {background: #fff !important; color: #757575 !important; font-size: 18px;}
    #navigation .nav li:hover .sub-menu {display: none; }

    #navigation .nav li a {padding-top: 30px; padding-bottom: 30px; font-size: 18px;}

    #mobile-booking-link,
    #mobile-toggle,
    .mobile-header-link { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 18px; color: #385072; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all .2s; padding: 10px; width: 50%; border-right: 1px solid #eceae3; line-height: 1; float: left; background: #F0F0F0;}
    header.fixed #mobile-toggle {top: 10px;}

    #mobile-booking-link {background: #b3525a;}
    .mobile-header-link {width: 16.66%; padding: 0; min-height: 38px;}
    .mobile-header-link a {color: #385072; padding: 10px; display: block;}

    #mobile-toggle .fa, .fas {font-size: 16px;}

    .booking-dropdown-mobile {width: 100%; left: 0; display: none; top: 0; padding-top: 30px; background: #dad5c7; position: absolute; z-index: -1;}

    #navigation .nav.mobile-nav li {float: none; padding: 0; }

    #navigation .nav.mobile-nav li.menu-item-has-children > a:after {
        margin-left: 10px;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    .booking-dropdown {top: 0; margin-top: 74px; width: 100% !important; position: relative !important; min-height: calc(100vh - 134px)}
    #ui-datepicker-div {z-index: 2 !important;}

/*    .ngg-gallery-thumbnail-box { width: 33.33% !important; }*/

    #body-content {padding-top: 0;}


    #interior-content img.desktop-img {display: none !important}
    #interior-content img.tablet-img {display: inline-block !important}
    #interior-content img.mobile-img {display: none !important}
    #interior-content > div > div.col-xs-12.col-md-4 > a {background: #b3525a; }

    #gallery-1 .gallery-item {width: 100% !important;}

    #left_right_callouts > a:nth-of-type(odd) .content {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        right: 0;
        padding-right: 60px;
        padding-left: 60px;
    }
    #left_right_callouts > a:nth-of-type(even) .content {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 0;
        padding-right: 60px;
        padding-left: 60px;
    }

    #left_right_callouts > a:nth-of-type(odd) .content > div {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    #left_right_callouts > a:nth-of-type(even) .content > div {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    #left_right_callouts {margin-bottom: 30px;}
    #left_right_callouts > a {height: auto;}
    #left_right_callouts .image {height: 0; padding-bottom: 47.8%; float: none !important;}
    #left_right_callouts .image .background {width: 100%;}
    #left_right_callouts > a:nth-of-type(even) .image .background {left: 0;}
    #left_right_callouts .content {float: none !important;}

    #left_right_callouts .image img {top: 50%; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

    #slider .slick-arrow {display: none !important;}
    .header-image .slider-buttons .button, #slider .slider-buttons .button {padding: 10px; display: block; font-size: 20px;}

    #footer-form-block {padding-left: 0 !important; padding-right: 0 !important;}
    #footer {padding-top: 30px; padding-bottom: 30px;}
    #footer .gform_wrapper {margin-top: 0;}
    #footer .gform_wrapper ul li.gfield {margin-top: 0;}
    #utility {margin: 0 10px 15px 8px; width: 100%;}
    #menu-utility-menu {margin: 15px 0;}
    #menu-utility-menu li {display: block; border: 0; padding: 5px 10px;}
    #menu-utility-menu li a {font-size: 18px; align-content: center;}
    #menu-footer-menu { padding: 0 0 15px;}

    #copyright {text-align: center; padding: 30px 15px;}
    #copyright .text-right {text-align: center;}
}


@media (min-width:769px) and (max-width:980px) {}

@media (min-width:769px) {}

@media (max-width:768px){}

@media (max-width:767px){
    .flex-lg,
    .flex-md,
    .flex-sm { display: block }

    .flex-xs { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    .visible-xs.flex,
    .visible-xs.flex-xs {display: flex !important; }

    #header-top .text-left,
    #header-top .text-right {text-align: center; border-top: 1px solid #cccccc;}

    h1 {font-size: 28px;}
    h2 {font-size: 30px;}
    h3 {font-size: 20px;}
    #footer-cta h3 {font-size: 30px;}

    .footer-title {font-size: 30px;}

    .footer-social-icons a {margin-left: 15px; margin-right: 15px; font-size: 30px;}

    #logo-footer, #menu-footer-menu, #footer-form-block {text-align: center;}

    #gallery-1 .gallery-item {width: 33% !important;}

    .half-width-button {width: calc(100% - 18px); }

    #left_right_callouts > a:nth-of-type(odd) .content {
        padding: 30px;
    }
    #left_right_callouts > a:nth-of-type(even) .content {
        padding: 30px;
    }

    .angled-callout {height: 190px;}
    .angled-callout .angled-background {height: 190px;}
    .angled-callout:first-of-type {height: 160px;}
    .angled-callout:first-of-type .angled-background {height: 160px;}
    .angled-callout:last-of-type {height: 160px;}
    .angled-callout:last-of-type .angled-background {height: 160px;}
    .angled-background {background-attachment: scroll !important;}
    .angled-callout h2 {font-size: 25px;}
    .angled-callout:hover p {font-size: 14px;}
    .angled-callout:last-of-type h2 {margin-top: 50px;}

    #four-grid-callouts .each-hover-box {padding-bottom: 100%; height: 0; }

    .categories-container span {display: block;}

    .each-hover-box .hover {opacity: 1;}

}

@media (max-width:680px) {

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-links a {margin: 10px 0; display: block; border-right: 0;}

    .list-items {  -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }

}

@media (max-width:480px) {

    #footer {font-size: 14px;}

    #interior-content img.desktop-img {display: none !important}
    #interior-content img.tablet-img {display: none !important}
    #interior-content img.mobile-img {display: inline-block !important}

    #gallery-1 .gallery-item {width: 100% !important;}

    .full-width-button {width: 100%;}
    .half-width-button {width: 100%; margin-right: auto;}

}

@media (max-width:420px) {

/*    .ngg-gallery-thumbnail-box { width: 100% !important; }*/

}

@media (max-width:380px) {

    h1 {font-size: 20px;}
    h3 {font-size: 16px;}

    #navigation .nav li a {font-size: 12px; padding-top: 25px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px;}

    .booking-dropdown {margin-top: 62px; min-height: calc(100vh - 22px)}

    .booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {margin: 7px auto; padding: 13px;}

}

@media (max-width: 350px) {
    .booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {margin: 5px auto; padding: 10px;}

    .button, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
        padding-left: 15px; padding-right: 15px; font-size: 14px;
    }
}

@media screen and (min-width:0) {}

@media only screen and (max-width:768px) and (orientation: landscape) {
    .angled-background {background-attachment: scroll !important;}
}

/* iPad specific (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .angled-background {background-attachment: scroll !important;}
}

/* iPad 1 & 2 specific */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    .angled-background {background-attachment: scroll !important;}
}

/* iPhone 6 specific*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { }

/* iphone 5 specific */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    .angled-background {background-attachment: scroll !important;}
}

/* Fix for mobile subnavs */
#header-subnav li a {
	word-break:break-word;
	white-space:unset;
}

/*********** IE 10 ***********/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width:100% !important; height: auto !important; width: auto !important; } }*/
/********* END IE 10 ********/


.hide-for-screenreader {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

#mc_embed_signup_scroll p {
    height: 0px !important;
}

#posts-container .article .details p{
	color:#333;
}

.sidebar a{
	color:#954148;
}

@media (max-width: 600px){
#page-id-3299 #slider .slide {
    max-height: 200px!important;
    margin-bottom: 50px;
	}}