/* ================================================================================= Project Information Theme Name: Watiki Theme URI: https://www.orourkehospitality.com/ Description: Watiki Theme Version: 1.0.1 Author: Orourke Hospitality Author URI: https://www.orourkehospitality.com/ ================================================================================= */ /******************** FONT LIST **********************/ @font-face { font-family: GothamPro; src: url(fonts/GothamPro.eot); src: url(fonts/GothamPro.woff2) format("woff2"),url(fonts/GothamPro.woff) format("woff"),url(fonts/GothamPro.ttf) format("truetype"),url(fonts/GothamPro.svg#GothamPro) format("svg"),url(fonts/GothamPro.eot?#iefix) format("embedded-opentype"); font-weight: 200; font-style: normal } @font-face { font-family: GothamPro; src: url(fonts/GothamPro-Medium.eot); src: url(fonts/GothamPro-Medium.woff2) format("woff2"),url(fonts/GothamPro-Medium.woff) format("woff"),url(fonts/GothamPro-Medium.ttf) format("truetype"),url(fonts/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(fonts/GothamPro-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: GothamPro; src: url(fonts/GothamPro-Bold.eot); src: url(fonts/GothamPro-Bold.woff2) format("woff2"),url(fonts/GothamPro-Bold.woff) format("woff"),url(fonts/GothamPro-Bold.ttf) format("truetype"),url(fonts/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(fonts/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal } /************ 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; } } #header-top .container {width: 100%; max-width: 2000px; padding-right: 0;} /*********** 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; } .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; } .hidden {display: none !important;} /*********** Datepicker Classes *************/ .ui-datepicker-title{font-family:"GothamPro",sans-serif;font-size:0.9em;font-weight:300;letter-spacing:1px;text-shadow:none;color:#000;} .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:"GothamPro",sans-serif;font-weight:100;width:100%;text-shadow:none;} .ui-datepicker tbody td{width:14.285714286%;} .ui-datepicker th{font-family:"GothamPro";font-weight:300 !important;} .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-family: "futura-pt", sans-serif; font-style: normal; font-weight: 500; } p { font-family: 'GothamPro', sans-serif; font-style: normal; font-weight: 200; letter-spacing: 1px; margin: 20px 0 20px 0; } a { color:#333; text-decoration:underline; transition: .25s ease-in; } /*a:visited { color:#fff; text-decoration:none; }*/ a:hover, a:active { color:#ff0000; } ul { padding-bottom:0px; margin-bottom:5px; padding-left:0px; margin-top:5px;} ul li { padding-left:16px; list-style:none; } h1 { margin-bottom: 40px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } h2 { margin: 30px 0; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } h4 { margin: 40px 0 10px 0; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } h3 { margin: 40px 0 10px 0; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } h5 { margin: 40px 0 10px 0; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } h1 { font-size:2.5em; } h2 { font-size: 1.8em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1.2em; } h6 { } .btn.active, .btn:active {box-shadow: none !important;} .page-container ul, .content ul, .list-items ul { font-family: 'GothamPro', sans-serif; font-style: normal; font-weight: 200; letter-spacing: 1px; padding-left: 20px; margin-bottom: 20px; } .page-container ul li, .content ul li, .list-items ul li { padding-left: 0; text-indent: 0; list-style-type: disc; list-style-position: outside; } .gform_body ul li {padding-left: 0; text-indent: 0;} .gform_body input, .gform_body select, .gform_body textarea { background: transparent; border: 1px solid #ebeae8;} select#cat, .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: 15px 50px; font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 200; letter-spacing: 2px; text-transform:uppercase; text-decoration: none !important; color: #fff !important; display: inline-block; text-align: center; font-size: 16px; margin: 30px 0 0 0; border: 0;} select#cat { color: #333 !important; background-color: #fff !important; border: 1px solid #333; padding: 15px 45px; -webkit-appearance: none; appearance: none; margin-top: 0; cursor: pointer;} #custom-select {border: 1px solid #333; min-width: 300px;} #custom-select .bootstrap-select {margin-bottom: 0;} #custom-select .dropdown-menu {margin-top: 0;} .select-arrow {position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .wp-pagenavi a, .wp-pagenavi span {text-transform: uppercase;color: #333; border:0;} .wp-pagenavi a {color: #2f1b48; text-decoration: underline;} .wp-pagenavi span.current {font-weight: normal;} /*********** Flex Classes *************/ .flex-md, .flex-sm, .flex-xs { display: block } .flex-lg { 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; } #top-white {min-height: 50px; padding: 8px 0; background: #fff; transition: .3s; } #logo-home {position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 100px;} #logo-home img {height: 100px; width: auto; transition: .3s;} #header-top {background: #ff0000;} header.fixed #top-white {min-height: 0; padding: 0;} header.fixed #logo-home img {height: 60px;} /*#body-content {padding-top: 160px;}*/ #body-content {padding-top: 125px;} /**** Page Content ****/ .page-content { } #home-slider {height: calc(100vh - 126px); min-height: calc(830px - 126px);} #home-slider .slide {height: calc(100vh - 126px); min-height: calc(830px - 126px);} /*#home-slider .slide img {opacity: .8; top: 20px; position: relative;}*/ #home-slider .slide .headline {position: absolute; left: 75%; top: 20%; color: #fff; width: 34%; text-align: center; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 500; letter-spacing: 2px; text-transform:uppercase; margin: 30px 0; font-size: 1.8em; line-height: 1.1;} #home-slider .slide .text {position: absolute; left: 33%; top: 70%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 44%; text-align: center; font-family: 'GothamPro', sans-serif; font-size: 1em; font-weight: 300;} /*#home-slider .slide .text .headline {display: none;}*/ #home-slider .slide .container {height: 100%;} #home-slider .slide .container > div {height: 100%;} /*#home-slider .slide img {display: none;}*/ /*#home-slider .slide .headline {display: none;}*/ #home-slider .slide .text {position: relative; left: 0; right: 0; top: 48%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 15px; background: rgba(51, 51, 51,.8)} #home-slider .slide .text .headline {display: block; position: relative; width: 100%; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; transform: none;} .tab-gallery {height: 100%; position: relative;} .tab-gallery * {height: 100%;} .tab-gallery .slide {height: 100%;} .tab-content {height: 0; opacity: 0; overflow: hidden;} .tab-content:first-child {height: auto; opacity: 1;} .tab-content.active {height: auto; opacity: 1;} .tab-content-inner {padding: 60px;} #tabs .tab-content-image {height: 50vh; min-height: 300px; } .slick-dots {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; height: auto;} .slick-dots li {display: inline-block;} .slick-dots li button {border: 0; background: rgba(255,255,255,.8); border-radius: 100%; -webkit-appearance: none; appearance: none; outline: 0 !important; font-size: 0 !important; width: 20px; height: 20px; line-height: 1; padding: 0; box-shadow: none;} .slick-dots li.slick-active button {border: 2px solid rgba(255,255,255,.8); background: none;} #home-content {margin-top: 60px; position: relative;} #home-content:before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #fff;} #home-content .home-content {padding: 60px !important;} #home-content .home-content h1 {margin-top: 0;} #home-content .home-content p {margin-top: 15px;} #home-callouts {margin-top: 60px; margin-bottom: 60px;} #home-callouts .home-callout-internal {height: 550px; position: relative; display: block; overflow: hidden; text-decoration: none !important;} #home-callouts .home-callout-internal .text {padding: 60px 15px; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 2em; text-transform: uppercase; letter-spacing: 1px;} #home-callouts .home-callout-internal .background-img {position: absolute; width: 100%; height: 100%; left: 0; top:0; transition: .3s ease-in-out; } #home-callouts .home-callout-internal:hover .background-img {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);} #home-external-callouts {margin-top: 60px; margin-bottom: 60px;} #home-external-callouts .home-callout-internal {height: 450px; position: relative; display: block; overflow: hidden; text-decoration: none !important;} #home-external-callouts .home-callout-internal .button {position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; font-weight: 500; font-size: 1.25em; text-transform: none; padding-left: 15px; padding-right: 15px; opacity: 1; transition: .2s ease-in-out;} #home-external-callouts .home-callout-internal h3 {font-size: 1em;} #home-external-callouts .home-callout-internal:hover .hover-bg {top: 0; padding: 0 15px;} #home-external-callouts .home-callout-internal:hover .button {opacity: 0;} #footer-cta {padding-top: 20px; padding-bottom: 20px;} .each-callout {height: 270px; position: relative; overflow: hidden; text-decoration: none !important; color: #fff !important; display: block;} .each-callout:after {content: ''; background: rgba(51, 51, 51,0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: .3s ease-in-out;} .each-callout h2 {z-index: 1; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: auto; transition: .3s ease-in-out; margin-top: 0;} .each-callout img {width: auto; height: 50%; -ms-align-self: center; -moz-align-self: center; -webkit-align-self: center; align-self: center; transition: .3s ease-in-out; position: relative; z-index: 1; } .each-callout P {max-width: 80%; margin: 10px auto; } .hover-bg {position: absolute; top: 100%;left: 0; width: 100%; height: 100%; transition: .3s ease-in-out;} .each-callout:hover:after {background: rgba(51, 51, 51,0);} .hover-content {transition: .3s ease-in-out; z-index: 1; position: relative; top: 100%; text-align: center;} .each-callout:hover h2.has-content {top: 0; -webkit-transform: none; -moz-transform: none; transform: none; margin-bottom: 10px;} .each-callout:hover h2.no-content {font-size: 60px;} .each-callout:hover img {height: 85%;} .each-callout:hover .hover-bg {top: 0;} .each-callout:hover .hover-content { position: relative; top: 0;} /**** Interior Content ****/ #interior-content { } #interior-content img {width: auto;} #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} .header-image {height: 50vh;} .page-container {padding-top: 60px; padding-bottom: 60px;} .page-container p {margin-bottom: 10px;} #left_right_callouts .content, .each-blog .content {padding: 60px; min-height: 350px;} #left_right_callouts .content h2 {} #left_right_callouts .content .price {font-size: 1em; text-align: right; font-weight: 200;} #left_right_callouts .content p {margin-bottom: 10px;} .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);} .each-blog .content a {color: #fff !important; text-decoration:none;} .each-blog .content .button {color: #fff !important; background-color: #333 !important;} .each-blog .content .button:hover {color: #fff !important; background-color: #464646 !important;} .each-blog .content h2 {font-size: 1.5em; margin: 0 !important;} .each-blog .content h4 {font-size: 1em; margin: 15px 0 30px 0 !important;} .each-blog .image {height: 300px;} .each-blog.cat-deadwood-events .lightblue {background: #333; } .each-blog.cat-deadwood-events .content .button {background: #ff0000 !important; } .each-blog.cat-deadwood-events .content .button:hover {background: #b00000 !important; } .tab {color: #fff; text-align: center; font-size: 1.1em; padding: 15px; text-transform:uppercase; letter-spacing: 1px; cursor: pointer;} .tab img {max-height: 100px;} .list-items { margin-top: 30px; /* -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; */ } .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 {text-align: center;} .ngg-gallery-thumbnail {margin: 0 !important; border: 0 !important;} .ngg-gallery-thumbnail a {margin: 0 !important;} .ngg-gallery-thumbnail-box { margin: 0 !important; display: inline-block; float: none !important; /* width: 16.66666% !important; */ } .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; } /* events page */ #gallery-1 .gallery-item {width: 33% !important;} #gallery-1 img {border: 0 !important;} .gform_wrapper .gform_footer {text-align: center;} .page-id-69 .ngg-galleryoverview{font-size: 0;} .page-id-69 .ngg-gallery-thumbnail-box {width: 33.33%; float: left !important;} /**** Footer Content ****/ footer { } #footer {background: #000; padding: 60px 0; font-family: 'GothamPro', sans-serif; text-transform: uppercase; color: #fff; } #logo-footer img {height: 125px; width: auto;} #menu-footer-menu {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;} #menu-footer-menu li {padding: 0; list-style: none; } #menu-footer-menu li a {padding: 8px 3px; display: block;} #footer a {color: #fff; text-decoration: none !important; } #footer a:hover, #footer a:focus {color: #ff0000;} #address-block {line-height: 1;} #copyright {padding: 15px 0;} #utility {margin-right: auto;} #menu-utility-menu li {list-style: none; padding: 0; display: inline-block;} #menu-utility-menu li a {color: #ff0000; font-size: 18px; padding: 10px;} #menu-utility-menu li a:hover, #menu-utility-menu li a:focus {color: #333;} .footer-links {margin-right: auto;} .footer-links a {font-family: 'GothamPro', sans-serif; color: #333; text-transform: uppercase; text-decoration: none !important; display: inline-block; padding: 0 25px; line-height: 1; border-right: 1px solid #333;} .footer-links a:last-of-type {border: 0;} .footer-links a:hover, .footer-links a:focus {color: #ff0000;} /******* Main Navigation *****/ #navigation { font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 500; letter-spacing: 2px; text-transform:uppercase; } #navigation .nav { background:transparent; list-style: none; margin: 0; padding: 0; width: 100%; color:#ffffff; position:relative; } #navigation .nav li { vertical-align: middle; display: block; float: left; padding:0px; text-align: center; background:none; position:relative; } #navigation .nav li a { color:#fff; font-size:16px; text-decoration:none; padding-top: 55px; padding-bottom:55px; padding-left: 30px; padding-right: 30px; display: block; vertical-align: middle; height:100%; line-height: 1;} header.fixed #navigation .nav li a {padding-top: 30px; padding-bottom: 30px;} header.fixed #navigation .nav .sub-menu li a {padding-top: 15px; padding-bottom: 15px;} #navigation .nav li a:hover, #navigation .nav li a:focus { color:#fff; background:none; } #navigation .nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-page-ancestor a { color:#333; background:none; } #navigation .nav .current-menu-item, #navigation .nav .current_page_item, #navigation .nav .current-page-ancestor { color:#333; background:none; } .sub-menu { background: rgba(255,255,255,0.8); position: absolute; top: auto; z-index: 10000; padding: 0px 0px 0px 0px; margin: 0px; width: auto; min-width: 150px;} #navigation .nav .sub-menu { display: none; } #navigation .nav li:hover .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:13px; color: #333 !important; border: 0px; padding: 15px 7px; white-space: nowrap; } #navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus { color:#ffffff !important; background:rgba(255,0,0, 0.8) !important; } #navigation .nav.mobile-nav {display: none; overflow: hidden;} .booking-dropdown {position: absolute; background: rgba(51, 51, 51,.8); display: none; right: 0; z-index: 1; color: #fff; min-width: 250px;} .booking-dropdown-inner {padding: 30px; width: 100%;} .booking-dropdown-inner a.button {width: 100%;} .booking-dropdown-inner input[type="submit"] {width: 100%; padding-top: 25px; padding-bottom: 25px; -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;} .booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {width: 100%; color: #000; padding: 15px; text-transform: uppercase; font-family: 'GothamPro', sans-serif; line-height: 1.2; box-shadow: none; background: #fff; outline: 0; text-align: center; border:0; margin: 10px 0; border-radius: 0;} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%; margin-bottom: 10px;} .bootstrap-select .dropdown-toggle .filter-option {position: relative; text-align: center; text-transform: uppercase; font-weight: bold;} .bootstrap-select .dropdown-menu li {padding-left: 0; padding-right: 0; text-align: center; text-transform: uppercase;} .bootstrap-select .dropdown-menu li a {font-weight: bold;} .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;} .bootstrap-select .dropdown-toggle .caret {border: 0; top: 27%; right: 30px; font-size: 18px;} .bootstrap-select .dropdown-toggle .caret:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900;} .booking-dropdown .booking-img {display: block; margin: 10px auto; max-height: 100px; } .date-container {position: relative;} .date-container .fa-calendar {color: #000; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} /*********** BACKGROUNDS ************/ .white {background: #ffffff; color: #333;} .white a {color: #333;} .white hr {border-top: 1px solid #333;} /*********** Light Blue is now Red ************/ .lightblue {background: #ff0000; color: #fff;} .lightblue a {color: #fff;} .lightblue.opac {background: rgba(255, 0, 0, 0.8);} /*********** Dark Blue is now Dark Gray ************/ .darkblue {background: #333; color: #fff;} .darkblue a {color: #fff;} .darkblue.opac {background: rgba(51, 51, 51, 0.8);} /*********** BUTTONS - GRADIENTS ************/ #navigation .nav li.white-red a, .white-red {background: #ebeae8; color: #ff0000 !important;} .white-red a {color: #ff0000 !important;} #navigation .nav li.white-red a:hover, .white-red:hover {background: #cfcfce !important; color: #ff0000 !important;} .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], #navigation .nav li.light-blue-gradient a, .light-blue-gradient { background: #ff0000; background: -moz-linear-gradient(top, #ff0000 0%, #ff0000 100%); background: -webkit-linear-gradient(top, #ff0000 0%,#ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%,#ff0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 ); } .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, #navigation .nav li.light-blue-gradient a:hover, #navigation .nav li.light-blue-gradient a:focus, #navigation .nav li.light-blue-gradient.current-menu-item a, .light-blue-gradient:hover, .light-blue-gradient:focus { background: #b00000; background: -moz-linear-gradient(top, #b00000 0%, #b00000 100%); background: -webkit-linear-gradient(top, #b00000 0%,#000 100%); background: linear-gradient(to bottom, #b00000 0%,#b00000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00000', endColorstr='#b00000',GradientType=0 ); color: #fff; } #navigation .nav li.darkblue a, .dark-blue-gradient { background: #333; background: -moz-linear-gradient(top, #333 0%, #333 100%); background: -webkit-linear-gradient(top, #333 0%,#fff 100%); background: linear-gradient(to bottom, #333 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#333',GradientType=0 ); color: #fff !important; } #navigation .nav li.darkblue a:hover, #navigation .nav li.darkblue a:focus, #navigation .nav li.darkblue.current-menu-item a, .dark-blue-gradient:hover, .dark-blue-gradient:focus { background: #464646; background: -moz-linear-gradient(top, #464646 0%, #464646 100%); background: -webkit-linear-gradient(top, #464646 0%,#464646 100%); background: linear-gradient(to bottom, #464646 0%,#464646 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#464646',GradientType=0 ); color: #fff !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;} /*********** RESPONSIVE IFRAMES *************/ .flex-video { position: relative; padding-top: 0px; /* padding-bottom: 100%; /* Fix for Google Maps on contact page */ padding-bottom: 56.25%; width: 100%; 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: 1350px) { #logo-home {left: 15px;} } @media (max-width: 1300px) { #navigation .nav li a { padding-left: 26px; padding-right: 26px; } } @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: 18px; padding-right: 18px; } #home-external-callouts .home-callout-internal .button { font-size: 20px;} .tab {font-size: 25px;} } @media (max-width: 1199px) { /*.ticker_jackpot {width: 34% !important;} #ticker_jackpot_0 {margin: 0 auto;}*/ /* #body-content {padding-top: 200px;}*/ #body-content {padding-top: 195px;} } @media (max-width:1100px) { #navigation .nav li a { font-size: 14px; padding-left: 16px; padding-right: 16px; } #body-content { padding-top: 193px; } .tab {font-size: 20px;} #address-block {font-size: 13px;} } @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; } #home-content {background: none;} #home-callouts .home-callout-internal {height: 400px;} #home-callouts .home-callout-internal .text {padding: 30px 15px;} #tabs .tab-content-image {-ms-order: 2; -moz-order: 2; -webkit-order: 2; order: 2;} #tabs .tab-content-inner {-ms-order: 1; -moz-order: 1; -webkit-order: 1; order: 1;} #address-block {text-align: center; margin-top: 15px; font-size: 14px;} #header-top .container {padding: 0 !important;} #logo-home {position: relative; text-align: center; margin-top: 0; margin-bottom: 0; top: 0; left: 0; -webkit-transform: none; -moz-transform: none; transform: none;} #logo-home a {display: inline-block;} #logo-home img {float: none !important; margin: 0 auto;} header.fixed #logo-home img {height: 60px; margin-top: 0;} #navigation .nav.mobile-nav {overflow: auto; max-height: calc(100vh - 120px);} .fixed #navigation .nav.mobile-nav {overflow: auto; max-height: calc(100vh - 80px);} #navigation .nav.desktop-nav li {float: none; height: 0;} #navigation .nav.desktop-nav li.admission-link, #navigation .nav.desktop-nav li.booking-link {display: block !important; float: left !important; width: 50%; height: auto;} /* #navigation .nav.mobile-nav {display: block !important; height: 0;}*/ #navigation .nav.mobile-nav li.admission-link, #navigation .nav.mobile-nav li.booking-link {display: none !important;} #navigation .nav li .sub-menu {position: relative; background: #ff0000; } #navigation .nav .sub-menu li a, #navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus {background: #ff0000 !important; color: #fff !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-toggle { position: absolute; left: 15px; top: 34px; color: #fff; font-size: 40px; cursor: pointer; transition: all .2s;} header.fixed #mobile-toggle {top: 10px;} #mobile-toggle:hover { color: #ffffff;} #navigation .nav.mobile-nav li {float: none; background-color: #333;} #navigation .nav .current-menu-item a, #navigation .nav .current_page_item a, #navigation .nav .current-page-ancestor a {color: #fff;} #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)} /* #body-content {padding-top: 275px;}*/ #body-content {padding-top: 311px;} /* .ngg-gallery-thumbnail-box { width: 25% !important; } */ #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} #gallery-1 .gallery-item {width: 100% !important;} } @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; } #home-external-callouts .home-callout-internal .button {font-size: 24px;} #home-callouts .home-callout-internal {margin-bottom: 30px;} #left_right_callouts .image {height: 300px;} #left_right_callouts .content {min-height: 200px; height: auto;} #footer {padding-left: 15px; padding-right: 15px;} #logo-footer img {margin: 0 auto; float: none !important;} #menu-footer-menu {margin-top: 20px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; text-align: center;} #copyright {text-align: center;} #gallery-1 .gallery-item {width: 33% !important;} .half-width-button {width: calc(100% - 18px); } /*#ticker_container {display: none !important;}*/ /* #body-content {padding-top: 329px;} */ /* #body-content {padding-top: 190px;}*/ } @media (max-width:680px) { h2 {font-size: 30px;} #home-slider {height: calc(100vh - 194px); min-height: 600px;} #home-slider .slide {height: calc(100vh - 194px); min-height: 600px;} #home-slider .slide .headline {font-size: 25px;} #home-slider .slide .text {font-size: 14px; } #home-slider .slide .text .button {padding: 15px; font-size: 14px;} .footer-links a {margin: 10px 0; display: block; border-right: 0;} #address-block {font-size: 13px;} .list-items { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media (max-width:480px) { #home-slider .slide .headline {font-size: 20px;} #home-slider {height: calc(75vh - 182px); min-height: 350px;} #home-slider .slide {height: calc(75vh - 182px); min-height: 350px;} #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;} .page-id-69 .ngg-gallery-thumbnail-box {width: 100%;} .full-width-button {width: 100%;} .half-width-button {width: 100%; margin-right: auto;} } @media (max-width:420px) { /* .ngg-gallery-thumbnail-box { width: 33.3333% !important; } */ } @media (max-width:380px) { #home-content .home-content {padding: 30px !important;} #left_right_callouts .content, .each-blog .content {padding: 30px;} .tab-content-inner {padding: 30px;} #navigation .nav li a {font-size: 18px; padding-top: 25px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; } /* #body-content {padding-top: 182px;}*/ #body-content {padding-top: 301px;} .booking-dropdown {margin-top: 62px; min-height: calc(100vh - 22px)} .booking-dropdown .booking-img {margin: 7px auto;} .booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {margin: 7px auto; padding: 13px;} } @media (max-width: 350px) { .booking-dropdown .booking-img {margin: 5px auto;} .booking-dropdown-inner select, .booking-dropdown-inner input[type="text"] {margin: 5px auto; padding: 10px;} } @media screen and (min-width:0) {} @media only screen and (max-width:768px) and (orientation: landscape) {} /* iPad specific (portrait) */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} /* 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) { } /* 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) { } .img-responsive {width: 100%;} /*********** 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 ********/ /*#ticker_container {position: absolute; top: 100%;}*/