/*
Theme Name: Kinlochlaich Garden Self Catering 2016
Description: Bespoke WordPressTheme designed for Kinlochlaich Garden Self Catering 2016
Author: Hotscot
Author URI: http://www.hotscot.net
Version: 1.0
*/

/* ------------------------------------------------------------------ */
/* CLEARS - COLOURS - ALIGNMENTS */
/* ------------------------------------------------------------------ */
.clear {clear:both;}
.delimeter {margin:0px 10px 0px 10px;}
#credit .delimeter {margin:0px 15px 0px 15px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.dark-blue {color:#203F5E;}
.blue {color:#1A64AB;}
.green {color:#249291;}

.white {color:#ffffff;}
.black {color:#000000;}
.red {color:#ff0000;}

hr {
	diplay:block;
	width:100%;
	height:4px;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	background-color:#eeeeee;
	border:none;
}

/* ------------------------------------------------------------------ */
/* BODY & OUTER WRAPPERS */
/* ------------------------------------------------------------------ */
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	background-color:#8AA2BD;
}

/* ------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------ */
#header-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#203F5E;
}
#header-wrapper .container {
	height:130px;
	background: #203F5E url('images/bg-header.jpg') no-repeat left top;
}
#header-wrapper p.title {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	/*font-family:Garamond, Georgia, serif;*/
	font-family:Georgia, serif;
	font-size:48px;
	color:#FFFFFF;
	line-height:100%;
	font-weight:500;
}
#header-wrapper p.sub-title {
	margin:0px 0px 0px 0px;
	padding:0px 0px 33px 0px;
	font-family:Georgia, serif;
	font-size:20px;
	color:#FFFFFF;
	line-height:100%;
	font-weight:normal;
	font-style:italic;
}
#header-wrapper #awards {
	margin:0px 0px 0px 0px;
	padding:28px 0px 0px 0px;
	text-align:right;
}
#header-wrapper #awards img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

#header-wrapper .button {
	margin:0px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	line-height:110%;
}
#footer-wrapper .button {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	line-height:110%;
}

#header-wrapper .button a.book,
#header-wrapper .button a.call,
#header-wrapper .button a.blog,
#footer-wrapper .button a.book,
#footer-wrapper .button a.call,
#footer-wrapper .button a.blog {
	display:block;
	width:100%;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:9px 0px 0px 50px;
	background-color:#1A64AB;
	color:#ffffff;
	text-decoration:none;
	border-radius:5px;
}
#header-wrapper .button a.book,
#footer-wrapper .button a.book {
	background-image: url('images/button-book.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#header-wrapper .button a.call,
#footer-wrapper .button a.call {
	background-image: url('images/button-call.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#header-wrapper .button a.blog,
#footer-wrapper .button a.blog {
	background-image: url('images/button-blog.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#header-wrapper .button a.book:hover,
#header-wrapper .button a.call:hover,
#header-wrapper .button a.blog:hover,
#footer-wrapper .button a.book:hover,
#footer-wrapper .button a.call:hover,
#footer-wrapper .button a.blog:hover {
	background-color:#249291;
}

/* ------------------------------------------------------------------ */
/* NAV */
/* ------------------------------------------------------------------ */
#nav {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	background-color:#249291;
}
#nav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#ffffff;
	line-height:100%;
	text-transform:uppercase;
	font-weight:bold;
}
#nav ul li {
	height:49px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	float:left;
	border-right: solid 1px #203F5E;
}
#nav ul li.page-item-5 {
	border-left: solid 1px #203F5E;
}
#nav ul li a {
	display:block;
	height:49px;
	margin:0px 0px 0px 0px;
	padding:17px 20px 0px 20px;
	color:#ffffff;
	text-decoration:none;
	background-color:#249291;
}
#nav ul li a:hover,
#nav ul li.current_page_item a,
#nav ul li.current_page_parent a,
#nav ul li.current_page_ancestor a {
	background-color:#1A64AB;
	color:#FFFFFF;
	text-decoration:none;
}
/* SLICKNAV */
.slicknav_menu {display:none;}
#nav-mob {display:none;}

/* ------------------------------------------------------------------ */
/* SIDEBAR BUTTONS */
/* ------------------------------------------------------------------ */
#sidebar {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}
#sidebar .button {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	line-height:120%;
}
#sidebar .button a.book,
#sidebar .button a.call,
#sidebar .button a.blog {
	display:block;
	width:100%;
	min-height:80px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 80px;
	background-color:#1A64AB;
	color:#ffffff;
	text-decoration:none;
	border-radius:5px;
}
#sidebar .button a.book {
	background-image: url('images/button-book-lg.png');
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
#sidebar .button a.call {
	background-image: url('images/button-call-lg.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#sidebar .button a.blog {
	background-image: url('images/button-blog-lg.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#sidebar .button a.book:hover,
#sidebar .button a.call:hover,
#sidebar .button a.blog:hover {
	background-color:#249291;
}

/* ------------------------------------------------------------------ */
/* NAV */
/* ------------------------------------------------------------------ */
#nav-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#249291;
	border-bottom: solid 1px #203F5E;
}
#nav-wrapper .container {
	height:49px;
	background-color:#249291;
}

/* ------------------------------------------------------------------ */
/* PAGE & SLIDER */
/* ------------------------------------------------------------------ */
#slider-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #8AA2BD url('images/bg-page-top.jpg') no-repeat center bottom;
}
#page-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('images/bg-page-bottom.jpg') no-repeat center bottom;
}
#slider-wrapper .container,
#page-wrapper .container {
	background-color:#ffffff;
}
#page-wrapper .container {
	background-color:#ffffff;
	min-height:650px;
 	height:auto !important;
  	height:650px;
}

/* ------------------------------------------------------------------ */
/* FONTS */
/* ------------------------------------------------------------------ */
#content-text {
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}
#content-text p {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	line-height:150%;
	font-weight:normal;
	text-align:left;
}
#content-text blockquote {
	margin:10px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	border-top:solid 5px #eeeeee;
	/*border-bottom:solid 5px #dddddd;*/
	border-left:none;
	border-right:none;
	font-style:italic;
	padding-left:80px;
	background: url('images/quotes.gif') no-repeat 0px 25px;
}
#content-text blockquote p {color:#555555;}
#content-text h1 {
	margin:0px 0px 25px 0px;
	padding:10px 0px 0px 0px;
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	font-family:Garamond, Georgia, serif;
	font-size:46px;
	color:#203F5E;
	line-height:100%;
	font-weight:600;
	text-align:left;
}
#content-text h2 {
	margin:0px 0px 25px 0px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:22px;
	color:#000000;
	line-height:130%;
	font-weight:normal;
	text-align:left;
}
#content-text h3 {
	margin:0px 0px 25px 0px;
	padding:10px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	color:#203F5E;
	line-height:130%;
	font-weight:normal;
	text-align:left;
}
#content-text h4,
#content-text h5,
#content-text h6 {
	margin:0px 0px 25px 0px;
	padding:10px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	line-height:150%;
	font-weight:bold;
	text-align:left;
}
#content-text h4 {
	text-transform:uppercase;
}
#content-text h6 {
	margin-bottom:0px;
}

/* ------------------------------------------------------------------ */
/* LISTS */
/* ------------------------------------------------------------------ */
#content-text ul,
#content-text ol,
#content-text dl {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	line-height:150%;
}
#content-text ul {
	margin:0px 0px 30px 35px;
	padding: 0px 0px 0px 0px;
}
#content-text ul.slides {
	margin:0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

#content-text ul li {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content-text ol {
	margin:0px 0px 30px 35px;
	padding: 0px 0px 0px 0px;
}
#content-text ol.flex-control-nav {
	margin:0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
#content-text ol li {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content-text dl {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}
#content-text dt{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#000000;
}
#content-text dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
/* nested */
#content-text ul li ul {
	margin:0px 0px 0px 30px;
	padding:5px 0px 0px 0px;
	font-size:100%;
	}
#content-text ul li ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
#content-text ol li ol {
	margin:0px 0px 0px 30px;
	padding:5px 0px 0px 0px;
	font-size:100%;
	}
#content-text ol li ol li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
#content-text dl dd dl {
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	margin-left:30px;
	font-size:100%;
}
#content-text dl dd dl dt,
#content-text dl dd dl dd {font-size:100%;}

/* LINKS */
#content-text a {color:#00539F; text-decoration:none; font-weight:bold;}
#content-text a:hover {color:#249291; text-decoration:underline;}

/* ------------------------------------------------------------------ */
/* TABLE */
/* ------------------------------------------------------------------ */
#content-text table {
	width:100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	line-height:150%;
}
#content-text th {
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	text-align:left;
	background-color:#203F5E;
	border: solid 1px #203F5E;
	color:#ffffff;
	font-weight:bold;
}
#content-text table td {
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	background-color:#e5e5e5;
	border: solid 1px #203F5E;
	color:#000000;
}
#content-text table p {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
}

/* ------------------------------------------------------------------ */
/* POST ITEMS */
/* ------------------------------------------------------------------ */
#content-text .post-item {
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	border-bottom: solid 4px #eeeeee;
}
#content-text .post-item h3 {
	margin-bottom:10px;
}
#content-text .post-item p {

}
/* ------------------------------------------------------------------ */
/* SIDEBAR NEWS BLOG FEATURES */
/* ------------------------------------------------------------------ */
#sidebar .sidebar-list {
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	background-color:#e5e5e5;
}
#sidebar .sidebar-list h2 {
	margin:0px 0px 20px 0px;
	padding:20px 20px 20px 20px;
	font-family:Georgia, serif;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	line-height:100%;
	background-color:#249291;
}
#sidebar .sidebar-list ul {
	margin:0px 20px 0px 35px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}
#sidebar .sidebar-list ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
#sidebar .sidebar-list a {
	color:#203F5E; text-decoration:none;
}
#sidebar .sidebar-list a:hover {
	color:#203F5E; text-decoration:underline;
}

/*FACEBOOK CONTAINR */
#facebook-container {
	width:auto;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	border: solid 5px #203F5E;
}

#sidebar-logos {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

#tripadvisorlogo {
    margin-bottom: 20px;
}

/* ------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------ */
#footer-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #203F5E url('images/bg-footer.jpg') no-repeat center top;
}
#footer-wrapper .container {
	min-height:340px;
 	height:auto !important;
}
#footer-wrapper h2 {
	margin:0px 0px 30px 0px;
	padding:30px 0px 25px 0px;
	/*font-family:Garamond, Georgia, serif;*/
	font-family:Georgia, serif;
	font-size:32px;
	color:#FFFFFF;
	line-height:100%;
	font-weight:500;
	border-bottom: solid 1px #425769;
	background: url('images/flower.png') no-repeat right center;
}
#footer-wrapper p {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:150%;
}
#footer-wrapper span.phone {
	margin:0px 0px 0px 20px;
}
#footer-wrapper span.email {
	margin:0px 0px 0px 19px;
}
#footer-wrapper a {
	color:#66A6E6;
	text-decoration:none;
}
#footer-wrapper a:hover {
	color:#ffffff;
	text-decoration:underline;
}
/* footer navigation */
#footer-wrapper ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:150%;
	list-style-type:none;
}
#footer-wrapper ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	list-style-type:none;
	background: url('images/arrow.png') no-repeat 0px 7px;
}
#footer-wrapper ul a {
	color:#ffffff;
	text-decoration:none;
}
#footer-wrapper ul a:hover {
	color:#66A6E6;
	text-decoration:underline;
}

#footer-awards {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	text-align:center;
}
#footer-awards img.awards {
	margin:0px 10px 24px 10px;
	padding:0px 0px 0px 0px;
}
#footer-awards img.welcome {
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
}

/* ------------------------------------------------------------------ */
/* CREDIT */
/* ------------------------------------------------------------------ */
#credit-wrapper {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#249291;
}
#credit-wrapper .container {
	background-color:#249291;
	min-height:50px;
 	height:auto !important;
}
#credit-wrapper p {
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#ffffff;
	line-height:100%;
}
#credit-wrapper #social {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	text-align:right;
}
#credit-wrapper #social img {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

/* ------------------------------------------------------------------ */
/* IMAGES */
/* ------------------------------------------------------------------ */
#content-text .alignleft,
#content-text .alignright {
	width:300px!important;
	height:auto!important;
	margin:2px 0px 30px 35px;
	padding:0px 0px 0px 0px;
	float:right;
	clear:both;
}
#content-text .alignnone {
	display:block;
	width:auto!important;
	height:auto!important;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align:center;
}
#content-text .aligncenter {
	display:block;
	width:auto!important;
	height:auto!important;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align:center;
}
#content-text div.wp-caption img {
	margin:2px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
#content-text .wp-caption p.wp-caption-text {
	margin:5px 0px 0px 0px;
	padding:0px 5x 0px 5px;
	font-size:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align:center;
	line-height:130%;
}

#footer-wrapper img.wifi {
	margin:0px 0px 15px 0px;
	padding:30px 0px 0px 0px;
}


/**
 * Reorder blog layout at mobile to move sidebar past content
 **/
@media screen and (max-width: 990px){
    
    .row--blog-page-layout{
        display: flex;
        flex-direction: column;
    }
    
    .row--blog-page-layout .col--blog-sidebar{
        order: 1;
    }
    
    .sidebar-list.sidebar-list--recent{
        display: none;
    }
    
}