/*
Theme Name: Palace Casino Resort
Theme URI: https://www.palacecasinoresort.com 
Author: Future Design Group
Author URI: https://www.futuredesigngroup.com
Description: Custom theme developed for Palace Casino Resort to enhance their online brand and increase SEO.
Version: 2.0
License: GNU General Public License v3.0 / License URI: http://www.gnu.org/licenses/gpl-3.0.html
License URI: see license.txt
*/

/* Fonts */
@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Allura';
    font-display: swap;
    src: url('fonts/Allura-Regular.eot');
    src: url('fonts/Allura-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Allura-Regular.woff2') format('woff2'),
        url('fonts/Allura-Regular.woff') format('woff'),
        url('fonts/Allura-Regular.ttf') format('truetype'),
        url('fonts/Allura-Regular.svg#Allura-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goudy_old_styleregular';
    font-display: swap;
    src: url('fonts/GoudyOldStyleT-Regular.eot');
    src: url('fonts/GoudyOldStyleT-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GoudyOldStyleT-Regular.woff2') format('woff2'),
        url('fonts/GoudyOldStyleT-Regular.woff') format('woff'),
        url('fonts/GoudyOldStyleT-Regular.ttf') format('truetype'),
        url('fonts/GoudyOldStyleT-Regular.svg#GoudyOldStyleT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* General */
* {
    min-height:0.01px;
}
html {
     font-size:16px;
}
body {
     color: #424242;
     font-family: 'Open Sans', sans-serif;
     overflow-x:hidden;
     font-size:16px;
}
 h1,h2,h3,h4,h5,h6 {
     font-family: 'goudy_old_styleregular';
     text-transform: uppercase;
     margin:0;
     padding:0;
}

.homepageheaders hr {
    width:200px;
    margin:20px auto;
    border:0px;
    border-top:5px double #000;

}

.menu hr {
    width:200px;
    border:0px;
    border-top:5px double #c0c0c0;
    margin: 0;
    margin-bottom: 20px;
}

.homepageheaders hr.white {
    border-top:5px double #fff;

}
a, .btn-link {
     color: #c99700;
     text-decoration: none;
}
 a:hover, a:focus, .btn-link:hover, .btn-link:focus {
     color: #000;
     text-decoration: none;
}
 .btn {
     border-radius:0px;
     cursor: pointer;
}
 .btn-primary, .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active, .list-group-item.active, .page-item.active .page-link {
     color: #fff;
     background-color: #c99700;
     border-color: #c99700;
}
 .btn-primary:hover, .btn-primary:focus {
     color: #fff;
     background-color: #a87800;
     border-color: #a87800;
}
 .btn-outline-primary {
     color: #c99700;
     background-image: none;
     background-color: transparent;
     border-color:#c99700;
}
 .btn-outline-primary:hover, .btn-outline-primary:focus {
     color: #fff;
     background-color: #c99700;
     border-color:#c99700;
}
 .btn-success {
     color: #fff;
     background-color: #5cb85c;
     border-color: #5cb85c;
}
 .btn-success:hover, .btn-success:focus {
     color: #fff;
     background-color: #449d44;
     border-color: #449d44;
}
 .btn-outline-success {
     color: #5cb85c;
     background-image: none;
     background-color: transparent;
     border-color:#5cb85c;
}
 .btn-outline-success:hover, .btn-outline-success:focus {
     color: #fff;
     background-color: #5cb85c;
     border-color:#5cb85c;
}
 .btn-warning {
     color: #fff;
     background-color: #f0ad4e;
     border-color: #f0ad4e;
}
 .btn-warning:hover, .btn-warning:focus {
     color: #fff;
     background-color: #ec971f;
     border-color: #ec971f;
}
 .btn-outline-warning {
     color: #f0ad4e;
     background-image: none;
     background-color: transparent;
     border-color:#f0ad4e;
}
 .btn-outline-warning:hover, .btn-outline-warning:focus {
     color: #fff;
     background-color: #f0ad4e;
     border-color:#f0ad4e;
}
 .btn-danger {
     color: #fff;
     background-color: #d9534f;
     border-color: #d9534f;
}
 .btn-danger:hover, .btn-danger:focus {
     color: #fff;
     background-color: #c9302c;
     border-color: #c9302c;
}
 .btn-outline-danger {
     color: #d9534f;
     background-image: none;
     background-color: transparent;
     border-color:#d9534f;
}
 .btn-outline-danger:hover, .btn-outline-danger:focus {
     color: #fff;
     background-color: #d9534f;
     border-color:#d9534f;
}
 .btn-info {
     color: #fff;
     background-color: #5bc0de;
     border-color: #5bc0de;
}
 .btn-info:hover, .btn-info:focus {
     color: #fff;
     background-color: #138496;
     border-color: #138496;
}
 .btn-outline-info {
     color: #5bc0de;
     background-image: none;
     background-color: transparent;
     border-color:#5bc0de;
}
 .btn-outline-info:hover, .btn-outline-info:focus {
     color: #fff;
     background-color: #5bc0de;
     border-color:#5bc0de;
}

.btn-white {
    color: #424242;
    background-image: none;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    color: #fff;
    background-image: none;
    background-color: #424242;
    border-color: #424242;
}


.btn-outline-white {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #424242;
    background-image: none;
    background-color: #fff;
    border-color: #fff;
}
 .page-link {
     color:#c99700;
}
 .page-link:focus, .page-link:hover {
     color:#a87800;
}
 .text-primary {
     color:#c99700 !important;
}
 .text-success {
     color:#5cb85c !important;
}
 .text-warning {
     color:#f0ad4e !important;
}
 .text-danger {
     color:#d9534f !important;
}
 .text-info {
     color:#5bc0de !important;
}
 .input-group-btn {
     font-size:inherit;
}
 .bg-primary {
     background-color:#c99700 !important;
}
 .bg-success {
     background-color:#5cb85c !important;
}
 .bg-danger {
     background-color:#d9534f !important;
}
 .bg-warning {
     background-color:#f0ad4e !important;
}
 .bg-info {
     background-color:#5bc0de !important;
}

.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
     margin-bottom: 20px;
}

a:hover, a:focus {
     color:#424242;
}

.whitetext a:hover, .whitetext a:focus {
     color:#fff;
}

[class*="bg-"] {
     padding:1% !important;
}
.btn {
     border-radius:0;
     text-transform: uppercase;
     font-family: 'goudy_old_styleregular';
}

label {
     font-family: 'goudy_old_styleregular';
     font-weight: bold;
     text-transform: uppercase;
}

/*
.card-block {
     padding:2%;
}
*/

.whitetext {
     color:#fff;
}

.mobileheader {
     display:none;
}

#responsive-menu-container {
     text-align:center !important;
     text-transform: uppercase;
}

#responsive-menu-container #responsive-menu-title #responsive-menu-title-image { margin-right:0px !important; }

button#responsive-menu-button { width:initial !important; height:initial !important; }

.datepicker table tr td, .datepicker table tr th {
     border-radius:0;
     padding: 5px 10px;
     height:initial;
     width:initial;

}

.datepicker table tr td.today, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    color: #fff;
    background-color: #c99700;
    border-color: #a87800;
}

.datepicker table tr td.today:hover, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #a87800;
    border-color: #a87800;
}

.input-group-addon {
     background-color: #c99700;
     color:#fff;
}

/* Header */
header {
     padding-bottom:20px;
     padding-top:10px;
     position: absolute;
     z-index:9;
     width:100%;
     text-transform: uppercase;
     transition: all 0.1s ease;
     font-family: 'goudy_old_styleregular';
}

header a{
     color:#fff;
     transition: all 0.1s ease;
}

header .menu:hover li {
     opacity: .4
}

header .menu li.headerlogo {
    opacity: 1 !important;
}

header.small .menu li.headerbook {
    opacity: 1 !important;
}

header .menu li:hover {
    opacity: 1;
}

header .menu li:hover > a{
    border-bottom:2px solid #fff;
    padding-bottom:3px !important;
}

.menu-header-container .current_page_item a, .menu-header-container .current-page-ancestor a, .menu-header-container .current-menu-item a {
    border-bottom:2px solid #fff;
    padding-bottom:3px !important;
}

header a:hover, header a:focus {
     color:#fff;
}

header .subheader{
     position:relative;
     z-index:1000;
}

header .subheader li{
     list-style-type: none;
     display: inline-block;   
     padding-left:10px;
     font-size:.8rem;
}

header .headermenu {
     top: -64px;
     position: relative;
     z-index:999;
}

header .headermenu li {
     padding: 1.5% 1.5%;
     font-size: 18px;
}

header .headerlogo span {
     display:none
}

header .headerlogo:after {
     display:block;
     width:165px;
     content: url('img/logo.svg');
     position: relative;
     top:16px;
}

header.small {
     position: fixed;
     background-color:#424242;
     padding-top:0;
     padding-bottom:0;
     height:68px;
     z-index:1000;
}

header.small .headerlogo:after {
     content: url('img/logo-small.svg');
     width:183px;
}

header.small a:hover, header.small a:focus {
     color:#c99700;
}


header.small .subheader{
     display:none;
}

header.small .headerbook {
     background-color:#c99700;
     padding:2.5% 1.5%;
}

header.small .headerbook a:hover, header.small .headerbook a:focus{
     color:#424242;
}

header .fa, footer .fa {
     font-size:1.5rem;
}

nav li {
     list-style-type: none;
     display: inline-block;
     padding-left:10px;

}

header ul, footer ul, .subnav {
     padding:0;
     margin:0; 
}

.pageheader {
     padding:10% 0;
     background-position: bottom center;
     background-attachment: fixed;
     color:#fff;
     position: relative;
     margin-bottom:20px;
     background-size:100vw;
}

.overlay {
     background-color:rgba(201,151, 0, .90);
     width:100%;
     height:100%;
     position: absolute;
     top:0;
     left:0;
}

.pagetitle {
     font-family: 'Allura', cursive;
    font-size: 5.5rem;
    text-transform: none;
}

.pagesubtitle {
     padding-left:25%;
     position: relative;
     text-transform: uppercase;
     font-size:1.4em;
}

.paging-single {
    font-size:2rem;
    position: relative;
    z-index:10;
    padding:5px;
}


.paging-single a {
    color:#fff;
    opacity:.8;
}

.paging-single a:hover, .paging-single a:focus {
    color:#fff;
    opacity:1;
}


.subnav li {
     list-style-type: none;
     margin-bottom:10px;
}

.subnav li .children {
     margin:0;
     padding:0;
}

.subnav li .children li {
     margin-bottom:0px;
}

.subnav li .children li .btn {
     background-color:#424242;
     border:1px solid #fff;
     font-size:1em;
}

.subnav li .children li .btn:hover {
     background-color:#a87800;
}

.subnav li .children li.current_page_item .btn {
     background-color:#1c1c1c;
}

.homepageheaders {
     padding-top:8%;
}

.homepageheaders .pagetitle {
     font-size:7.5rem;
}

.homepageheaders .restaurant.pagesubtitle {
     font-size:2.5rem;
}

.headerbookingform {
	width: 70%;
    position: absolute;
    top: 68px;
    right: 0px;
    z-index: 2;
    height:0;
    overflow:hidden;
    transition: all .5s ease;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size:14px;
}

#closebtn { cursor:pointer; }

.headerbookingform a, .hotelroombookinginner a {
    color:#c99700;
}

.headerbookingform a:hover, .headerbookingform a:focus, .hotelroombookinginner a:hover, .hotelroombookinginner a:focus {
    color:#fff;
}

.headerbookingform.open {
	width: 70%;
    position: absolute;
    top: 68px;
    right: 0px;
    z-index: 100;
    height:490px;
}

/* Footer */

.footersocial li, .headersocial li, .pagesocial li {
     list-style-type: none;
     display: inline;
     padding-left:10px;  
}

.footertop {
     background-color: #424242;
     padding:10px 0;
     text-transform: uppercase;
     font-size:1.4rem;
}

.footertop a {
     color:#fff !important;
     transition: all 0.1s ease;
}


.footertop a:hover, .footertop a:focus {
     color:#c99700 !important;
}


.footermiddle {
     background-image:url('img/footerbg.png');
}

.footermiddle .col-sm-8{
     padding:2.5% 0;
}
.footermiddle h3{
     color: #c99700;
     font-family: 'Open Sans', sans-serif;
     font-size:2.5rem;
     font-weight: 900;
}

.footermiddle h5{
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size:4.5rem;
     font-weight: 900;
     text-transform: lowercase;
     position: relative;
     top:-10px;
}

.footermiddle h4{
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size:1.5rem;
     text-transform:none;
}

.footerbottom {
     background-color:#1c1c1c;
     color:#fff;
     padding:2.5%;
}

.footerbottom .text-center{
     font-size:.8rem;
}

.footerbottom li {
     list-style-type: none;
}

.footerbottom .text-center li {
     list-style-type: none;
     display: inline;
}

.footerbottom a:hover, .footerbottom a:focus{
     color:#fff;
}
.awardimg{
    opacity:.6;
}

/* Home Page */
.homepagemenuimage {
    display:none;
}
video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
     top: 0;
     color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
.promohoverlink {
    overflow:hidden;
    position:relative; 
    display:block;
}
.promohover {
    position: absolute; 
    top:110%; 
    width:100%; 
    text-align:center; 
    background-color:rgba(201,151,0,1);
    color:#fff; 
    height: 100%;
    transition: top 0.3s linear;
}
.promohover div { 
    padding:10%;
    font-weight:bold;
}

.promohovermobile {
    background-color:#424242; color:#fff; margin-top:10px; padding:10px;
}

.promohovermobile small {
    text-transform: uppercase;
}

.calendarhover:hover {
    opacity: .7
}


a:hover > .promohover {
    top:20%;
}

.promoslider {
     position: relative;
     top:-50px;
}

.playersclubcta {
     background-image: url(/wp-content/uploads/2018/01/slots1-1024x683.jpg);
     background-size:cover;
     background-attachment: fixed;
     padding:5% 0;
     margin-bottom:50px;
     position: relative;
     padding-bottom:0;
     color:#fff;
}

.findyourself:hover a {
     filter: grayscale(1);
     transition: .25s filter linear, .25s -webkit-filter linear;
}

.findyourself a:hover {
     filter: grayscale(0);
     transition: .25s filter linear, .25s -webkit-filter linear;
}

.findyourselfpage a,.findyourselfpage:hover a {
     filter: grayscale(1);
     transition: .25s filter linear, .25s -webkit-filter linear;
}

.findyourselfpage a:hover, .findyourselfpage a.currentpage {
     filter: grayscale(0);
     transition: .25s filter linear, .25s -webkit-filter linear;
}

.slick-arrow {
    position: absolute;
    top:10%;
    z-index:10;
    font-size:2em;
    color:#fff !important;
    cursor: pointer;
    z-index:1;
}
.fa-arrow-left.slick-arrow  {
    left:8%;
}
.fa-arrow-right.slick-arrow  {
    right:10%;
}


/* Hotel */
.smallgallery {
     background-color: #424242;
    padding: 10px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.smallgallery li{
     display: inline-block;   
     width:22%;
     height:80px;
     max-height:80px;
     list-style-type: none;
     overflow:hidden;
     margin:1%;
}

 .amenities {
     columns: 2;
     -webkit-columns: 2;
     -moz-columns: 2;
     padding:0;
}
 .amenities li {
     list-style-type: none;
}
 #hotelroomslider {
     height:500px;
     overflow:hidden;
     margin-bottom:20px;
}
 #hotelroomslider img{
     position: absolute;
     left:0;
     top:-350px;
     width:100%;
}
 #hotelroomthumbs {
     background-color:#424242;
     padding:10px;
     margin-bottom:20px;
     padding-bottom: 5px;
}
 #hotelroomthumbs li{
     list-style-type: none;
     display: inline-block;
     height:80px;
     width:22%;
     overflow:hidden;
     margin:1%;
}
 .hotelinfo {
     position:relative;
     top:-100px;
}
 .hotelinfoside strong {
     text-transform: uppercase;
}
 #hotelroombooking {
     position: absolute;
     top:-600px;
     left:0;
}
 .hotelroombookinginner {
     background-color:rgba(68, 68, 68,1);
     z-index:100;
     left:0;
     color:#fff;
     padding:20px;
     padding-top:50px;
}
 .headerbookingform .hotelroombookinginner {
     background-color:#1c1c1c;
     z-index:100;
     left:0;
     color:#fff;
     padding:20px;
     padding-top:50px;
}
 .hotelroombookinginner h2 {
     text-transform: none;
     font-size:2.2rem;
     font-weight: 900;
}

/* Restaurants */
.singlerestaurantnav a{
height:100%;
width:100%;
display:block;
padding:10% 5%;
text-align:center;
}

.singlerestaurantnav a img{
height:auto;
width:50%;
position: relative;
top: 50%;
transform: translateY(-50%);
display:block;
margin:0 auto;
}

.restview {
    margin-bottom:10px;
}

.singlerestaurantnav:hover > .restview a {
   filter: grayscale(100%);
   transition:all .25s ease-out;
}

.singlerestaurantnav:hover > .restview a:hover{
   filter: grayscale(0%);
}


.menudesc p{
    display : flex;
    width:103%;
}
.dot {
    border-bottom:1px dotted rgba(0,0,0,.5);
    flex: 1;
    margin-left:20px;
    position: relative;
    top:-5px;
}
.dot.nodesc {
    border-bottom:1px dotted rgba(0,0,0,.5);
    flex: 1;
    margin-left:0px;
    position: relative;
    top:-5px;
    height:24px;
}
.restaurant.pagesubtitle {
     padding-left:0;
     position: relative;
     text-transform: uppercase;
     font-size:1.4em;
}

.reserve-restaurant  {
     background-color:#424242; padding:15px;
     z-index:1;
     position: relative;
}

.reserve-restaurant a:hover, .reserve-restaurant a:focus{
    color: #fff;
}

 .restaurantinfoslide {
     padding:20px;
     color:#fff;
}
 .sep {
     font-family: 'Allura', cursive;
     text-transform: lowercase;
     font-weight:800;
     font-size:2em;
     line-height: 0.5;
     text-align: center;
     margin:10px 0;
}
 .sep span {
     display: inline-block;
     position: relative;
}
 .sep span:before, .sep span:after {
     content: "";
     position: absolute;
     height: 5px;
     border-bottom: 1px solid#fff;
     border-top: 1px solid #fff;
     top: 0;
     width: 100px;
}
 .sep span:before {
     right: 100%;
     margin-right: 15px;
}
 .sep span:after {
     left: 100%;
     margin-left: 15px;
}
 .foodimage {
     height:100%;
     width:100%;
     background-size:cover;
}

.reserve-restaurant .hours  {
     color:#fff;
}

.restaurant .ot-title {
     display: none !important;
}

.restaurant .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button, .ot-dtp-picker-form {
     border-radius:0px !important;
}

.restaurant .ot-dtp-picker.wide { width: 100% !important; }

.restaurant .ot-dtp-picker .ot-dtp-picker-button {
     background-color:#c99700 !important;
     -webkit-box-shadow:none;
     box-shadow: none;
     top: -1px;
    position: relative;
    right: -1px;
}

/* surveys */
legend {
    font-family: 'goudy_old_styleregular';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.torro-form .btn {
    margin-top:20px;
}

.torro_element_radio, .torro_element_checkbox {
    position: relative;
}

.torro_element_radio label, .torro_element_checkbox label {
    text-transform: initial;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size:80%;
    color:#424242 !important;
}

.torro_element_radio input, .torro_element_checkbox input {
    position: absolute;
    top:5px;
    width: 20px;
    height: 20px;
    right: 0;
}

span.wpcf7-list-item {
    display:block;
    margin-bottom:10px;
}

.wpcf7-checkbox input {
    width: 20px;
    height: 20px;
}

.wpcf7-list-item-label {
    position: relative;
    top:-5px;
}

.error-messages {
    padding:0;
    margin:0;
}
.error-messages li, span.wpcf7-not-valid-tip {
    color:#d9534f;
    font-size:80%;
    list-style-type:none;
}

.torro-element-trap {
    position: absolute;
    left:-5000px;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display:none !important;
}

/* general page */
.pagesocial { 
    font-size:36px;
}

.wpcf7 form.sent {
    display: none;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display:none !important;
}

.subnav .page_item_has_children  {
    position: relative;
}

.subnav .page_item_has_children .subnavdown {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer;
    width: 50px;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
}

.subnav .page_item_has_children .children {
    display:none;
}

/* Blog Specific */
.post.type-post .col-lg-8 img {
    height: auto;
    max-width:100%;
    padding:10px;
    border:1px solid rgba(0,0,0,.2);
    margin:20px auto;
    border-radius:5px;
}

.post.type-post .col-lg-8 img {
    height: auto;
    max-width:100%;
    padding:10px;
    border:1px solid rgba(0,0,0,.2);
    margin:20px auto;
    border-radius:5px;
}

.post.type-post .related-posts img {
    height:auto;
    width:100%;
    padding:0px;
    border:none;
    margin:0;
    border-radius:0;
}

.post.type-post .related-posts h2.posttitle {
    font-size:1.15rem;
    text-transform: none;
    font-weight:bold;
    margin-bottom:5px;
}


h2.posttitle {
    font-size:1.35rem;
    text-transform: none;
    font-weight:bold;
    margin-bottom:5px;
}


h2.posttitle {
    color:#424242;
}

h2.posttitle a{
    color:#424242;
}

h2.posttitle a:hover, h2.posttitle a:focus {
    color:#c99700;
}


h3.postinfo {
    font-size:.8rem;
    font-family: 'Open Sans', sans-serif;
    color:#c0c0c0;
    margin-bottom:15px;
}

.firstcat a {
    color:#fff;
    font-weight:bold;
    font-size:10px;
    padding:3px 5px;
    background-color:#c99700;
    display:inline-block;
    text-transform: uppercase;
    margin-bottom:10px;
}

.firstcat a:hover, .firstcat a:focus {
    background-color:#000;
}


.imgwrapper {
    height:140px;
    width:100%;
    overflow:hidden;
    background-color: #000;
}

.imgwrappelgside {
    height:200px;
    width:100%;
    overflow:hidden;
    background-color: #000;
}

.imgwrappelgrelated {
    height:150px;
    width:100%;
    overflow:hidden;
    background-color: #000;
}

.imgwrapperlg {
    height:220px;
    width:100%;
    overflow:hidden;
    background-color: #000;
}

.imgwrapperlgside {
    height:200px;
    width:100%;
    overflow:hidden;
}


.imgwrapper, .imgwrappelgside, .imgwrappelgrelated, .imgwrapperlg, .imgwrapperlgside {
    margin-bottom:15px;
}

aside .catholder {
    position: relative;
}

aside .firstcat a {
    position: absolute;
    top:-36px;

}

h3.sidebarheader {
    border-bottom:2px solid rgba(0,0,0,.2);
    margin-bottom:10px;
    position: relative;
    font-weight:bold;
}

h3.sidebarheader:before {
    content: "";
    background-color: #c99700;
    width: 100px;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -3px;
}

aside .imgwrapper {
    height:60px;
}

.imgwrapper img, .imgwrapperlg img {
    height:auto;
    width:100%;
}

.imgwrapper img:hover, .imgwrapperlg img:hover, .imgwrappelgrelated img:hover  {
    opacity:.5;
}

.postpaging h3 {
    font-size:1.2rem;
    font-weight:bold;
}

.postpaging a {
    color:#424242;
}

.postpaging a:hover, .postpaging a:focus {
    color:#c99700;
}

.btn-facebook {
    background-color:#3b5998;
    border:0px;
    text-align:right;
}

.btn-facebook:hover, .btn-facebook:focus {
    background-color:#36538e;
    border:0px;
}

.btn-facebook:before {
    content: "\f09a";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

.btn-twitter {
    background-color:#00aced;
    border:0px;
    text-align:right;
}

.btn-twitter:hover, .btn-twitter:focus {
    background-color:#0093c9;
    border:0px;
}

.btn-twitter:before {
    content: "\f099";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

.btn-google {
    background-color:#dd4b39;
    border:0px;
    text-align:right;
}

.btn-google:hover, .btn-google:focus {
    background-color:#cc4233;
    border:0px;
}

.btn-google:before {
    content: "\f0d5";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

.btn-youtube {
    background-color:#bb0000;
    border:0px;
    text-align:right;
}

.btn-youtube:hover, .btn-youtube:focus {
    background-color:#a00000;
    border:0px;
}

.btn-youtube:before {
    content: "\f167";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

.btn-instagram {
    background-color:#517fa4;
    border:0px;
    text-align:right;
}

.btn-instagram:hover, .btn-instagram:focus {
    background-color:#477191;
    border:0px;
}

.btn-instagram:before {
    content: "\f16d";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

.btn-linkedin {
    background-color:#007bb6;
    border:0px;
    text-align:right;
}

.btn-linkedin:hover, .btn-linkedin:focus {
    background-color:#006c9e;
    border:0px;
}

.btn-linkedin:before {
    content: "\f0e1";
    font-family: FontAwesome;
    text-align:left;
    float:left;
    width:50px;
    border-right:1px solid rgba(255,255,255,.5);
}

#responsive-menu-additional-content a, #responsive-menu-additional-content a:hover, #responsive-menu-additional-content a:focus {
    color:#fff;
}

.foodmobilebg {
     display: none !important;
}

.playerinfo {
    position: fixed; 
    bottom:-200px; 
    width:100%; 
    display:block; 
    z-index:9999;
    transition: all .25s ease;
}

.playerinfo strong {
    color:#c99700;
}

.playerinfo .playerinfobtn {
    position: relative; 
    left:80%; 
    bottom: -1px; 
    padding:10px; 
    background-color:#1c1c1c; 
    color:#fff; 
    width:200px; 
    border-radius:5px 5px 0px 0px; 
    text-align:center; 
    border:1px solid #fff; 
    border-bottom:1px;
    z-index:1;
    cursor:pointer;
    height:46px;
}

.playerinfo .playerinfobtn span:hover {
    color:#c99700;
}

.playerinfo .playerinfocontent {
    font-size:14px;
    background-color:#1c1c1c; 
    border-top:1px solid #fff;
    padding:20px; 
    color:#fff; 
    font-family: 'Open Sans', sans-serif; 
    z-index:0;
}

.playerinfo.open {
    bottom:0px; 
    
}
.playerinfo.pop {
    bottom:-130px;  
    
}

.dhswp-html-sitemap-wrapper {
    column-count: 3;
}

.awardsdiv {
     padding:30px 0; 
     color:#fff; 
     background-size:cover; 
     background-attachment: fixed;
}


/* Back to Top */
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #c99700 url(img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}   
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #f09c05;
    opacity: 1;
}

.fancybox-close-small::after {
    content: "\f00d";
    font-family: FontAwesome;
}
/* Media */
@media (min-width: 992px) {
    .container {
        width: 1095px;
        max-width: 100%;
    }
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 150%; top:8%;}
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { height: 150%; top:8%;}
}
@media all and (max-width: 600px) {
    .vid-info { width: 50%; padding: .5rem; }
    .vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
    .vid-info .acronym { display: none; }
}

@media (min-width: 1280px) {

}

@media (min-width: 1200px) {
     .container { width:1300px; }
}

@media (max-width: 1024px) {
    .pageheader {
        background-size:cover;
    }
    #hotelroombooking, #hotelroomslider {
        display:none;
    }
    .hotelinfo {
        top:0;
    }
    .mobileheader {
          background-color:#424242; z-index:9999; position: relative; padding:3%; display:block;
    }

    #responsive-menu-title-image {
        height:102px;
        width:200px;
    }
    .pagesubtitle {
          padding-left: 0;
    }
    
    .restauranttile {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .plateimagediv{
        display: none;
    }

    .ot-time-picker.ot-dtp-picker-selector.unselected-on-init {
        background-color:#fff;
        position: relative;
        left: -1px;
        top: -1px;
        border:0;
    }

    .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button {
        width:286px !important;
    }
}

@media (max-width: 820px) {
    .footerbottom .text-right {
        text-align:center !important;
    }
}

@media (max-width: 768px) {
    .dhswp-html-sitemap-wrapper {
        column-count: 2;
    }
    #hotelroomslider, .cd-top { display: none; }
    .pagetitle {
        text-align:center;
    }
    .foodtile{
        display: none;
    }
    .hotelroombookinginner {
        display:none;
    }
    article .hotelroombookinginner {
        display:block;
    }
    .container {
          width:100% !important;
     }
     .pageheader {
        background-size: 180%;
        background-position: center;
     }
     .pagetitle {
          font-size:3rem;
          line-height: 2rem;
     }

     .pagesubtitle {
        padding-top:20px;
     }


     .hotelinfo {
          top: 0px;
     }

     .footertop {
     font-size: 1.2rem;
     }

     .footerbottom .text-right {
          text-align:center !important;
     }

     .promoslider .img-fluid {
        width: 100%;
    }

    .viewallpromotions {
        top:0 !important;
    }

    .video-foreground, .video-background iframe {
        width: 100%;
    }


    .homepagemenuimage {
        display:block;
    }
    .homepagediningimage {
        display:none !important;
    }

    .col-lg-5.slider.slick-slider {
        padding-right:0;
    }

    .restaurantinfoslide.slick-slide {
        height:650px !important;
    }

    audio, video {
        display: inline-block;
        height: 100%;
        width: auto;
    }

    .foodmobilebg {
        display:block !important;
        position:absolute; 
        opacity:.1; 
        height:100%; 
        width:auto; 
        top:0; 
        left:0;
    }

}

@media (max-width: 767px) {
    .hot-new-slots .card h4 {
        text-align:center;
        margin:10px 0;
    }

    .dhswp-html-sitemap-wrapper {
        column-count: 1;
    }
    .findyourself {
        display:none;
    }

    .toBeFaded {
        display: none;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
    }

    .amenities {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

}

@media (max-width: 767px) and (orientation: landscape) {
    .promoslider {
        height:350px;
    }
    .findyourself {
        display:none;
    }
    .homepagemenuimage {
        display:block;
    }
    .hotelroombookinginner {
        display:none;
    }
    .homepagediningimage {
        display:none !important;
    }
    .col-lg-5.slider.slick-slider {
        padding-right:0;
    }
    .viewallpromotions {
        top:0 !important;
    }
    .promoslider .img-fluid {
        width: 100%;
        margin-bottom:10px;
    }
    .restaurantinfoslide.slick-slide {
        height:580px !important;
    }
}

@media (max-width: 640px) {
    .promoslider {
        height:300px;
    }
    .dot { display: none; }
    footer, footer .text-right {
        text-align:center !important;
    }
    .container-fluid {
        padding-left:0;
        padding-right:0;
    }
    .viewallpromotions {
        top:0 !important;
    }
    .img-fluid {
        max-width: 100%;
    }

    .btn {
        display:block;
        margin-bottom:10px;
        width:100%;
    }

    .paging-single {
        display: block;
        padding-top: 75px;
    }
}

@media (max-width: 637px) {
    .promoslider {
        height:180px;
    }
}

@media (max-width: 637px) and (orientation: landscape) {
    .promoslider {
        height:280px;
    }
}

/* IE 11 Only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

    header {
        padding-top:20px;
    }
    header a {
        position: relative;
        top:-15px;
    }

    header.small .headerbook {
        padding-bottom:1.5%;
        position: relative;
        top:-3px;
    }
}

div#banner {
    padding: 20px;
    background-color: #333;
    color: #333;
    font-size: 13px;
    text-align: center;
}

div#banner span {
    background-color: #f9f978;
    padding: 10px;
    display: block;
}

li.subheaderbutton a {
    background-color: #333;
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
}