/*
Theme Name: Cairnie
Theme URI: #
Author: 80 Days
Author URI: http://eighty-days.com/
Description: 
Version: 1.0
*/

/** === base styles === **/

body {
font-size: 16px;
font-family:'AdobeGaramondW01-Regula';
}

@media only screen and (max-width: 40em) { 
body {
font-size: 12px;
}
}

.row {
  margin: 0 auto;
  max-width: 89.25rem;
  width: 100%; 
  position: relative;
 }
 
.column, .columns {
  padding-left: 0rem;
  padding-right: 0rem;
  position: relative;
}

h1, h2, h3 {
text-align: center;
font-family:'KG No Regrets Sketch W00 Rg';
}

 
img {
width: 100%;
}

img.ajax-loader{
width: 5%;

}

ul {
margin: 0 0 0 0 ;
}

ul li {
display: inline-block;
float: none;
}

.contain-to-grid {
background: none;
}

.row .row {
  margin: 0 -0rem;
  max-width: none;
  width: auto;
}

.f-dropdown {
  outline: 0px solid #fff;
}

.f-dropdown li {
display: block;
clear: both;
}

#language {
margin-left: 1.25rem;
top: 2.5rem!important;
}

a, a:visited, a:hover, a:active {
color: #86754d;
}

a:hover {
color: #3e3622;
}

/** global **/


.top-bar {
background-color: transparent;
/** border: 1px solid green; **/
width: 100%!important;
max-width: 89.25rem!important;
height: auto!important;
}

.top-bar a {
color: #041e38;
text-transform: uppercase;
}


.top-bar .toggle-topbar.menu-icon {
  margin-top: 0px;
  top: 50%;
}

.top-bar-section {
text-align: center;
}


.top-bar-section ul  {
text-align: center;
}


.top-bar-section ul li {
background: transparent!important;
display: inline-block;
float: none;
}

.top-bar-section ul li > a, .top-bar-section ul li > a:hover, .top-bar-section ul li > a:visited,.top-bar-section ul li > a:active {
background: transparent!important;
font-size: 1.375rem;
font-family:'AdobeGaramondW01-Regula';
color: #333333;
}

.top-bar-section ul li > a:hover, .top-bar-section ul .active a  {
color: #83161a!important;
}

.branding{
margin: 1rem 0;

}


.left-off-canvas-toggle {
margin: 1rem 0 0 0;
background-image: url(img/burger.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
text-indent: -9999px;
}

.left-off-canvas-menu {
  background: #fff;
}

.left-off-canvas-menu ul {
clear: both;
display: block;
z-index:9999;
position: absolute;
background: #ffffff;
width: 100%;
}

.left-off-canvas-menu li {
background: #fff;
width: 100%;
display: block;
clear: both;
line-height: 3rem;
height: 3rem;
padding-left: 1rem;
border-bottom: 1px solid #000;
}

.left-off-canvas-menu li a {
color: #000!important;
}

.top-bar .toggle-topbar.menu-icon {
  margin-top: 0px;
  top: 50%;
}



.branding {
text-align: center;
}

.branding img {
width: auto;
}


.footer-1 ul li {
color: #232121;
font-size: 1rem;
display: block;
clear: both;
text-align: left;
}

.footer-2{
margin-top: 4.5rem;
}

footer h3 {
text-align: left;
font-size: 1.25rem;
color: #211e1e;
}


footer a {
color: #232121!important;
}

footer ul, footer ul .last {
padding: 1.25rem 0 0 0;
}

footer ul .last {
color: #83161a;
font-family: 'KG No Regrets Sketch W00 Rg';
}

.footer-1 {
padding: 1rem 1.875rem 0 0;
}

.footer-3 {
text-align: center;
padding: 1rem 4.063rem 0 4.063rem;
}

.footer-3 h3 {
color: #83161a;
font-size: 1.563rem;
text-align: center;
}

.footer-4 {
background-image: url(img/sm-bg.jpg);
background-repeat: no-repeat;
background-size: 100%;
min-height: 144px;
}

.footer-4 ul {
margin-left: 52%;
margin-top: 10%;
}

.footer-4 img {
width: auto;
}

@media only screen and (max-width: 64em) {
	.footer-4 {
	background-image: none;
	}
	
	.footer-4 ul {
	margin-left: 2rem;
	margin-top: 0;
	}
 }
 
 @media only screen and (max-width: 40em) {
 
	footer, footer a {
	font-size: 0.75rem!important;
	}
	
	.footer-4 ul {
	margin-left: 0;
	}
 }

/** slider **/

.orbit-container .orbit-slides-container > * {
    padding: 12px;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
  bottom: 0;
  position: absolute;
  background-color: transparent;
  background: none;
  color: #FFFFFF;
  width: 100%;
  font-size: 3.063rem;
line-height: 3.063rem;
top: 3rem;
text-align: left;
left: 2.5rem;
display: block;
font-family:'KG No Regrets Sketch W00 Rg';
font-weight: normal;
text-shadow: 3px 4px 5px rgba(0, 0, 0, 1);

}


.orbit-container .orbit-timer {
display: none;
}

.orbit-container .orbit-slides-container > * .orbit-caption  span {
clear: both;
display: block;
padding: 0 0 0 2.5rem;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
width: 43px;
height: 45px;
}

.orbit-container .orbit-prev span, .orbit-container .orbit-next span {
display: none;
}

.orbit-container .orbit-prev {
background-image: url(img/arrow-left.png);
background-repeat: no-repeat;
left: 2.5rem;
}

.orbit-container .orbit-next {
background-image: url(img/arrow-right.png);
background-repeat: no-repeat;
right: 2.8rem;
}

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}


@media only screen and (max-width: 40em) {

	.orbit-container .orbit-slides-container > * .orbit-caption {
		font-size: 2rem;
		}
		.orbit-container .orbit-slides-container {
		margin-top: 2rem;
		}

 }

/** Template 1 - home page **/

/** .slider-wrapper {
padding: 0 0 0 2.188rem;
} **/

	@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	
		.home-slider {
		width: 89.25rem;
		}

	 }

.orbit-container {
float: left;
}

.home-intro {
color: #242528;
font-size: 1.625rem;
font-family:'AdobeGaramondW01-Regula';
letter-spacing: 0.125rem;
padding: 2.125rem 3rem;
}


.home-slider ul {
/** background-repeat: no-repeat;
background-size: 100%; **/
}

@media only screen and (min-width: 64.063em) {
	.home-slider ul {
	background-image: url(img/slider-bg.jpg);
	height:639px!important;
	width: 945px;
	}

}
.home-slider ul li iframe,
.home-slider ul li img {
padding:1.25rem;
border: 1px dotted #000;
}

@media only screen and (min-width: 64.063em){
	.home-slider ul li iframe,
	.home-slider ul li img {
		height:616px!important;
		width: 923px!important;
		border: 0px;
	}
}


.blackboard {
background-image: url(img/blackboard-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
text-align: center;
/** background-size: 100%; **/
font-family:'KG No Regrets Sketch W00 Rg';
width: 409px;
height:632px;
overflow: hidden;
padding: 2rem 2rem 2rem 2rem;
margin: 2px 29px 0 0;
float: right;
}

@media only screen and (max-width: 64em) {

	.blackboard {
	background-image: none;
	float: none;
	clear: both;
	height: auto;
	margin: auto;
	padding: 1rem 1rem 1rem 1rem;
	background-color: #333;
	width: 94%;
	}
	
	.blackboard-inner {
	width: 100%!important;
	padding: 0 0 0 0;
	border: 1px dotted #fff;
	}
	
	.blackboard br {
	display: none;
	}

 }

.blackboard .title {
font-size: 1.7rem;
color: #fff;
}

.blackboard .title-2, .blackboard .title-3, .blackboard .title-2 a {
font-size: 1.5rem;
color: #fff!important;
}


.blackboard .title-2 strong, .blackboard .title-3 strong {
color: #e8b929;
}


.blackboard .title strong {
color: #9ba63a;
}

.blackboard p {
font-size: 1.25rem;
color: #fff;
}

.blackboard p .small {
font-size: 1rem;
}

.blackboard .uppercase-link {
color: #9ba63a!important;
text-decoration: none;
text-transform: uppercase;
background-image: url(img/feature-more.png);
background-position: center;
background-repeat: no-repeat;
line-height: 44px;
height: 39px;
display: block;
font-size: 1.1rem;
}

.blackboard .sentance-link {
color: #fff!important;
text-decoration: none;
background-image: url(img/feature-more.png);
background-position: center;
background-repeat: no-repeat;
line-height: 36px;
height: 34px;
display: block;
font-size: 1.063rem;
}


.blackboard-inner {
width: 95%;
padding: 1.5rem 0 0 0;
display: block;
margin: auto;
font-size: 90%;
}



@media only screen and (max-width: 64em) { 
	
	.blackboard .title, .blackboard .title-2, .blackboard .title-3, .blackboard .title-2 a {
	font-size: 1.25rem;
	}
	.blackboard .sentance-link, .blackboard .uppercase-link, .blackboard p   {
	font-size: 0.85rem;
	}
}

.home-feature-box {
padding:1.25rem;
}

.home-feature-box-text {
height: 4rem;
}

/** 
.home-feature-box-text h2 {
font-size: 1.45rem;
color: #515254;
display: table-cell;
vertical-align: bottom;
text-align: center;
height: 4rem;
} **/

.home-feature-box  h2 {
font-size: 1.5rem;
color: #515254;
text-align: center;
height: 4rem;
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.home-feature-box  h2 {
font-size: 1rem;
}
}

.home-feature-box-inner {
background-image: url(img/home-feature-box-bg.jpg);
background-repeat: no-repeat;
background-size: 100%;
padding:1.25rem;
}


.home-feature-box-over {
background-image: none;
}

.home-feature-box-inner .text-wrapper {
display: none;
}

.home-feature-box-inner .text-wrapper a {
color: #fff!important;
text-decoration: none;
background-image: url(img/feature-more.png);
background-position: center;
background-repeat: no-repeat;
line-height: 34px;
height: 34px;
display: block;
}

.home-feature-box-inner:hover .text-wrapper {
display: block;
position: absolute;
top: 6.25rem;
left: 2.25rem;
color: #fff;
font-size: 1.125rem;
text-align: center;
width: 70%;
left: 15%;
padding: 10% 0 0 0;
}

.home-down {
position: absolute;
bottom: 4rem;
left: 45%;
width: auto;
}


.home-feature-box-inner .text-wrapper h3 {
font-size: 1.875rem;
color: #fff;
}

.home-feature-box-inner .text-wrapper .sub-title {
font-size: 1.25rem;
padding: 0 0 1.25rem 0;
display: block;
}

.home-feature-box-inner .text-wrapper .sub-title span {
text-transform: uppercase;
}

.home-feature-box-inner:hover img {
opacity: 0;
 filter: alpha(opacity=0); /* For IE8 and earlier */
}

.home-feature-box-inner:hover .home-feature-box-over {
display: block;
background-image: url(img/feature-over.png);
background-repeat: no-repeat;
background-size: 100%;
}

.home-slider ul li img {
padding:1.25rem;
}


/** sub page **/



.intro h1, .intro h2 {
color: #83161a;
font-size: 2.1rem;
background-image: url(img/header-title.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 0.9rem;
margin-bottom: 2rem;
}

.intro h2 {
background-image: none;
font-size: 1.8rem;
padding-top: 0.9rem;
padding-bottom: 0rem;
margin-bottom: 0.2rem;
}

.intro {
padding-bottom: 3rem;
}

.intro, .intro p, .intro a {
color: #3f4043!important;
font-size: 1.188rem;
line-height: 2rem;
text-align: center;
padding-right: 2rem;
}

.sub-image {
padding: 0.625rem 0 1rem 0;
margin: 0 0 5rem 0;
background-image: url(img/header-title.png);
background-repeat: no-repeat;
background-position: bottom;
}


.sub-image .caption {
position: absolute;
top: 3.125rem;
left: 2.5rem;
color: #fff;
font-size: 3.125rem;
font-family:'KG No Regrets Sketch W00 Rg';
}

.sub-image .caption span {
padding: 0 0 0 2.5rem;
}

.side-nav-wrapper {
padding: 0 0 0 5rem;
}

.side-nav {
background-image: url(img/sub-nav-middle.png);
background-repeat: repeat-y;
width: 100%;
color: #fff;
}


.side-nav-wrapper img, .side-nav-top img {
width: auto;
}


.side-nav ul li {
display: block;
clear: both;
font-family:'AdobeGaramondW01-Regula';
text-align: left;
font-size: 1.063rem;
line-height: 1.1rem;
padding: 0 0 0 0.4rem;
}

.side-nav ul li a {
color: #fff!important;
font-family:'AdobeGaramondW01-Regula';
}

ul.children li{line-height: 0.9rem;}

ul.children li a{line-height: 0.9rem;}

.sub-nav-text, .sub-nav-text p {
font-family:'KG No Regrets Sketch W00 Rg';
text-align: center;
font-size: 1.15rem;
}

.sub-nav-text {
padding: 1rem 0 0 0;
margin: 1.25rem 1.25rem 1.25rem 1.25rem;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 70%;
}


.sub-nav-text .highlight {
color: #565656;

}

.sub-nav-text h3 {
color: #83161a;
font-size: 1.55rem;
text-align: center;
}

/** forms **/

.form-intro {
text-align: center;
}

.form-intro h1{
margin: 0 0 2.5rem 0;
}

form {
/*text-align: left;*/
padding: 2.5rem 0 0 0;
}

input, textarea, input:focus, textarea:focus {
border: 0px!important;
background-color: #fff!important;
background-image: url(img/header-title.png)!important;
background-repeat: no-repeat!important;
background-position: bottom!important;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0)!important;
}

#submit {
background-image: none!important;
background-color: #3d3e43!important;
padding: 1rem 1.25rem 1rem 1.25rem;
color: #fff;
font-family:'KG No Regrets Sketch W00 Rg';
font-size: 1.25rem;
margin: auto;
display: block;
margin-top: 2.5rem;
}



/** Directions **/
#tbPostcode {
	width: 200px;
	display: inline;
}

#frmPostcode .submit {
    font-family: "KG No Regrets Sketch W00 Rg";
	font-size: 14px;
	height: 41px;
}


.gallery a img{
padding: 0.3rem;
}


.intro img {
width: auto;
}



.form-wrapper, .bk_calendar_frame {
	display: inline-block;
	vertical-align: top;
}

.form-wrapper input, .form-wrapper textarea {
	background-color: #f9f9f9!important;
}

.form-wrapper {
	padding-left: 100px;
	margin-top: -20px;
}

.calendar-wrapper {
	background-color: #f9f9f9;
	padding: 50px 100px 50px 100px;
	text-align: center;
}

.calendar-wrapper h3 {
	color: #83161a;
}

.cottage-link {
	color: #83161a!important;
	font-family: "KG No Regrets Sketch W00 Rg";
	font-size: 14px;
	background-image: url(img/cottage.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
}