/*   
Theme Name: Sulby Reservoir Retreat
Description: Bespoke theme built for Sulby Reservoir Retreat
Author: Monio Design
Author URI: http://monio.org
Version: 1.0.1
*/

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Lato|Dancing+Script);
@font-face { font-family: 'novecento'; src: url('fonts/Novecentowide-Book-webfont.eot'); src: url('fonts/Novecentowide-Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Novecentowide-Book-webfont.woff2') format('woff2'), url('fonts/Novecentowide-Book-webfont.woff') format('woff'), url('fonts/Novecentowide-Book-webfont.ttf') format('truetype'), url('fonts/Novecentowide-Book-webfont.svg#novecento_widebook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'novecento'; src: url('fonts/Novecentowide-Medium-webfont.eot'); src: url('fonts/Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Novecentowide-Medium-webfont.woff2') format('woff2'), url('fonts/Novecentowide-Medium-webfont.woff') format('woff'), url('fonts/Novecentowide-Medium-webfont.ttf') format('truetype'), url('fonts/Novecentowide-Medium-webfont.svg#novecento_widemedium') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'sulby'; src: url('fonts/sulby.eot?aut89k'); src: url('fonts/sulby.eot?#iefixaut89k') format('embedded-opentype'), url('fonts/sulby.woff?aut89k') format('woff'), url('fonts/sulby.ttf?aut89k') format('truetype'), url('fonts/sulby.svg?aut89k#sulby') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'sulby'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-angle-left:before { content: "\f104" }
.icon-angle-right:before { content: "\f105" }
.icon-angle-up:before { content: "\f106" }
.icon-angle-down:before { content: "\f107" }

/* WP Core */
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* WP Login */
#loginform{ background-color:#1C1C1C; color:#FFF; }
#loginform label{ color:#FFF; }
#login h1 a{ color:#FFF; }

/* Helpers */
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }

/* Page Builder Tweaks */
.panel-grid-cell{ }
.textwidget pre{ margin:0px !important; padding:0px !important; }

/* Shiftnav Tweaks */
.shiftnav-toggle{ background-color:transparent !important; font-size:26px !important; }
.shiftnav-wrap{ height:100%; padding:0px !important; overflow-y: auto !important;  }
.shiftnav-inner{ background-color:#111 !important; }
.shiftnav-menu li a{ text-shadow: none !important; font-weight:bold !important; border-top:0px !important; border-bottom:1px solid #222 !important; background-color:#111 !important; }
.shiftnav .current_page_item a{ background-color: #B3936C !important; }

/* Simple Booking Calendar */
#sbc-calendar, .sbc-calendar-month{ width:100% !important; background:none !important; border:0px !important; }
.sbc-calendar-month table{ width:95% !important; }
.sbc-calendar-month table thead th{ color:#FFF !important; font-size:16px !important; border:0px !important; border-bottom:1px solid #FFF !important; }
.sbc-calendar-month table tbody td.sbc-status-free,
.sbc-calendar-month table tbody td.sbc-status-booked,
.sbc-calendar-month table tbody td.sbc-status-free{ padding:5px 0px !important; font-size:14px !important; }
.sbc-calendar-month table tbody td.sbc-status-free{ background-color:transparent !important; color:#FFF !important; border:1px solid #23c73d !important; }
.sbc-calendar-month table tbody td.sbc-status-booked{ background-color:transparent !important; color:#FFF !important; border:1px solid #ef3429 !important; }
.sbc-calendar-month table tfoot td{ text-align: center !important; }
.sbc-calendar-month table tfoot td a{ color:#FFF !important; text-transform: uppercase !important; }
.calendar-legend{ padding-left:10px; margin-bottom:7px; }
.calendar-legend-green{ border-left:20px solid #23c73d; }
.calendar-legend-red{ border-left:20px solid #ef3429; }
.sbc-calendar-wrapper select{ color:#333; }

/* Simple Booking Calendar Paid */
.wpsbc-container,
.wpsbc-calendars,
.wpsbc-calendar,
.wpsbc-heading,
.wpsbc-weekdays{ width:100% !important; border:0px !important; }
.wpsbc-calendar{ background-color:transparent !important; height:auto !important; }
.wpsbc-prev,
.wpsbc-next{ width:10% !important; }
.wpsbc-next{ background-position: left center; }
.wpsbc-select-container{ width:calc(100% - 20px) !important; margin:0px 10px !important; }
body div.wpsbc-calendar ul li{ width:14.28% !important; margin-left: 0px !important; margin-top:0px !important; margin-right:0px !important; margin-bottom:0px !important; border: 0px !important; background-color: transparent !important; color: #FFF !important;}
div.wpsbc-calendar ul li.wpsbc-pad,
div.wpsbc-calendar ul li .wpsbc-day-split-day{ color:#FFF !important; font-size:14px !important; line-height: 30px !important; }
div.wpsbc-calendar ul li.wpsbc-day{ height:auto !important; }
div.wpsbc-calendar ul li.status-1{ border:1px solid #ef3429 !important; }
div.wpsbc-calendar ul li.status-default{ border:1px solid #23c73d !important; }
body div.wpsbc-calendar ul.wpsbc-weekdays li{ font-size:14px !important; line-height: 30px !important; border-bottom:1px solid #FFF !important; height:auto !important; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header{ background-color: transparent; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev{ background-color: #444; }
.wpsbc-select-container select{ color: #333; }
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date.wpsbc-gap{ background-color: #222; }

/* Standard */
html, body{ height:100%; }
body{ background-color:#000; font-family: 'Lato', sans-serif; color:#FFF; font-size:15px;  }
h1, h2, h3, h4, h5, h6{ font-family: 'novecento'; }

/* Header */
.gradient{ position:fixed; top:0px; left:0px; width:100%; height:100px; text-align: center;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );	
	
}
.header{ position:absolute; z-index: 100; font-family: 'novecento'; top:0px; left:0px; width:100%; text-align: center; padding:30px 0px; }
.header .line{ width:80px; height:5px; display:inline-block; border-top:1px solid #FFF; }
.header .menu-left, .header .menu-logo, .header .menu-right{ display: inline-block; font-size:18px; }
.header .menu-logo{ background-image:url('images/header-logo2.png'); background-size:240px 54px; width:240px; height:54px; vertical-align: middle; margin:0px 10px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .header .menu-logo{ background-image:url('images/header-logo2@2x.png'); }
}
.header ul{ display:inline-block; list-style: none; margin:0px; padding:0px; }
.header ul li{ display:inline-block; margin:0px; padding:0px; }
.header ul li a{ display: inline-block; font-weight:bold; padding:5px 10px; margin:0px 10px; color:#FFF; border:2px solid rgba(255,255,255,0); }
.header ul li a:hover, .header ul li.current-menu-item a{ border:2px solid #FFF; text-decoration: none; }
@media (max-width: 1200px){
	.header .menu-left, .header .menu-right, .header .line{ display:none; }
}
@media (min-width: 768px){
  .header .line{ display:none; }
}
@media (min-width: 992px){
  .header .line{ display:inline-block; }
}

/* Page Gallery */
.page-gallery{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: -2; }
.page-gallery .page-cycle-slideshow{ width:100%; height:100%; }
.page-gallery .page-cycle-slideshow .page-gallery-item{ width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position: center center; }
.page-cycle-slideshow-nav{ display:none; position:fixed; z-index: 500; top:50%; margin-top:-50px; left:0px; width:100%; font-size:100px; color:#FFF; }
#page-cycle-prev, #page-cycle-next{ cursor: pointer; display:block; position:absolute; top:0px; opacity:0.7; }
#page-cycle-prev:hover, #page-cycle-next:hover{ opacity: 1; }
#page-cycle-prev{ left:40px; }
#page-cycle-next{ right:40px; }
.page-gallery-thumbnails{ position:fixed; bottom:20px; width:100%; text-align: center; }
.page-gallery-thumbnails .page-cycle-slideshow .page-gallery-item{ cursor:pointer; vertical-align: middle; display:inline-block; border:2px solid #FFF; margin:0px 5px; width:150px; height:80px; background-size:cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.page-gallery-thumbnails .page-cycle-slideshow .page-gallery-item.selected{ border:2px solid #000; }
@media (min-width: 768px){
  .page-cycle-slideshow-nav{ }
}
@media (min-width: 992px){
  .page-cycle-slideshow-nav{ display:block; }
}
@media (min-width: 1200px){

}

/* Page */
.page-large-logo{ background-image:url('images/large-logo2.png'); width:679px; height:150px; background-size:679px 150px; margin:0px auto; background-repeat: no-repeat; background-position: center center; }
@media (max-width: 767px){
	.page-large-logo{ width:340px; height:200px; background-size:contain; }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .page-large-logo{ background-image:url('images/large-logo2@2x.png'); }
}
.page-content{ display: table; width:100%; height:100%; }
.page-centered{ display:table-cell; vertical-align: middle; padding:120px 20px 120px 20px; }
.page-boxed-outer{ position:relative; z-index: 200; background-color:rgba(0,0,0,0.4); padding:25px; }
.page-boxed-inner{ background-color:rgba(0,0,0,0.8); padding:25px 25px 25px 25px; }
.page-content h1{ padding:0px; margin:0px; font-size:36px; }
.page-content h2{ padding:0px; margin:0px; font-size:26px; }
.page-content h3{ margin:0px 0px 0px 0px; padding:0px; font-size:26px; }
.page-content h4{ font-size:26px; }
.page-content em{ font-family: 'Dancing Script', cursive; }
.page-content p{ padding:0px; margin:0px 0px 20px 0px; }
.page-content ul{ margin:15px 0px 15px 0px; padding-left:15px; list-style: square; }
.page-content li{ margin:0px 0px 10px 0px; }
.page-content input, .page-content textarea{ outline: none; font-weight:bold; }
::-webkit-input-placeholder { color:#999; font-weight:normal; }
:-moz-placeholder { color: #999; font-weight:normal; }
::-moz-placeholder { color: #999; font-weight:normal; }
:-ms-input-placeholder { color: #999; font-weight:normal; }
.page-content input[type=text]{ width:100%; background-color: transparent; border:0px; border-bottom:1px solid #555; margin-bottom:5px; }
.page-content input[type=submit]{ background-color: #000; color:#FFF; border:0px; padding:5px 10px 3px 10px; margin-bottom:5px; }
.page-content input[type=submit]:hover{ background-color:#FFF; color:#333; }
.page-content textarea{ width:100%; height:100px; background-color: transparent; border:1px solid #555; padding:6px; margin-bottom:5px; }
.page-content .gform_wrapper .gfield_label{ display:none !important; }
.page-content .gform_wrapper .top_label input.medium.datepicker{ width:100% !important; }
.wf-gmp-canvas{ color:#333; }
@media (max-width: 767px){ 
	.page-boxed-outer{ padding:5px; } 
	.page-centered{ padding:120px 20px 120px 20px; }
}
@media (min-width: 768px){ .page-centered{ } }
@media (min-width: 992px){ .page-centered{ padding:140px 130px 140px 130px; } }
@media (min-width: 1200px){ }
/* Height Tweaks */
.fixed-height .wf-gmp-canvas, .fixed-height{ height:300px !important; } 
@media (min-height: 600px){ 
	.fixed-height .wf-gmp-canvas, .fixed-height{ height:400px !important; } 
}
@media (min-height: 700px){ 
	.fixed-height .wf-gmp-canvas, .fixed-height{ height:500px !important; } 
}
@media (min-height: 800px){ 
	.fixed-height .wf-gmp-canvas, .fixed-height{ height:500px !important; } 
}
@media (min-height: 1000px){ 
	.fixed-height .wf-gmp-canvas, .fixed-height{ height:550px !important; } 
}

/* House */
.house-logo{ position: relative; text-align: center; margin-bottom:5px; }
.house-logo h1{ line-height: 100px; }
.house-logo .house-prev, .house-logo .house-next{ position:absolute; top:20px; color:#FFF;  font-family: 'novecento'; font-weight:bold; opacity:0.7; }
.house-logo .house-prev span, .house-logo .house-next span{ display:inline-block; font-size:50px; vertical-align: -14px; }
.house-logo .house-prev span{ padding-left:10px; }
.house-logo .house-next span{ padding-right:10px; }
.house-logo .house-prev:hover, .house-logo .house-next:hover{ text-decoration: none; opacity:1; }
.house-logo .house-prev{ right:0px; }
.house-logo .house-next{ left:0px; }
.view-photos-row{ text-align: center; margin-top:-30px; margin-bottom:30px; }
.view-photos, .view-info{ position:relative; display: inline-block; font-family: 'novecento'; font-weight:bold; font-size:22px; margin:0px 0px; padding:3px 7px 2px 7px; margin:0px 10px; color:#FFF; background-color:#000; border:1px solid #FFF; }
.view-photos:hover, .view-info:hover{ background-color:#FFF; color:#000; text-decoration: none; }				
.view-info{ margin-bottom:10px; }				
.btn{ display:inline-block; background-color: transparent; border:1px solid #FFF; color:#FFF; text-transform: uppercase; padding:10px 15px; }
.btn:hover{ background-color: #FFF; color:#222; text-decoration: none; }
.btn-3d-house{ display:block; width:100%; padding:10px 0px; font-size:18px; line-height: 18px; text-align: center; margin-bottom:25px; }
.page-boxed-thumbnails .ngg-galleryoverview{ margin-top:10px; margin-bottom: 20px; text-align: center; }	
.page-boxed-thumbnails .ngg-galleryoverview > div{ float: none; display:inline-block;  }	
.page-boxed-thumbnails .ngg-galleryoverview > div > div{ border: 1px solid #333; background-color: #333; }		
					
/* 404 */
.page-not-found{ text-align: center; }
.page-not-found h1{ font-size:60px; }

/* July 2020 Changes */
body #shiftnav-toggle-main{
	background-color: transparent !important;
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before{
	line-height: 80px;
}
@media (max-width: 735px){
	.page-boxed-thumbnails .ngg-galleryoverview{ display: flex !important; flex-wrap: wrap; flex-direction: row; }
	.page-boxed-thumbnails .ngg-galleryoverview .ngg-gallery-thumbnail-box{ float: none; flex: 1; flex-direction: column; min-width: 50%; }
	.page-boxed-thumbnails .ngg-galleryoverview .ngg-gallery-thumbnail-box a{ text-align: center; }
	.page-boxed-thumbnails .ngg-galleryoverview .ngg-gallery-thumbnail-box a img{ display: inline-block; }
}