/*
Theme Name: Flat Bootstrap
Theme URI: http://xtremelysocial.com/wordpress/flat/
Author: XtremelySocial
Author URI: http://xtremelysocial.com
Description: Flat Bootstrap by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both users and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/.
Version: 1.6
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background

Flat Bootstrap WordPress theme, Copyright (C) 2014 XtremelySocial
Flat Bootstrap WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/*
** THEME-SPECIFIC STYLES HERE TO OVERRIDE BOOTSTRAP, THEME-BASE, AND THEME-FLAT CSS
*/

@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600,300,200,700,500,900|Noto+Sans:400,700);

/* Set page header to dark blue */
.content-header {
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3 {
	color: #fff;
}

/* Set initial image background so light text is readable before image loads */
.content-header-image {
	background-color: #e7e7e7;
}

/* Set our footer to "almost" black */
.sidebar-footer {
	background-color: #2f2f2f;
	color: white;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3 {
	color: #fff;
}

/* Set link colors to off white and text to gray for footer */
.sidebar-footer,
.footer-nav-menu {
	color: #95a5a6;
}
.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
	/*color: #95a5a6;*/
	color: #f2f2f2;
}
.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn), 
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
	/*color: #c0392b;*/
	color: #3bc492;
}

.entry-meta,
.comment-edit-link {
	font-size: 16px;
}

/* Set our site credits to "not quite" black */
.after-footer {
	background: #222222;
	color: white;
	font-size: 16px;
}

/*
 * STYLE SOME COMMON WORDPRESS WIDGETS AND PLUGINS
 */

/* Get WordPress Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}

/* Hide JetPack's sharing module from pages with posts */
.page-posts .sharedaddy {
	display: none;
}

form.contact-form textarea {
	height: 108px;
}



/*
	SOMO Tweaks

	Orange: #f68826
*/
body {
	background:#ffffff;
	font-family: 'Source Code Pro', "Lucida Console", Monaco, "Courier New", Courier, monospace;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size:14px;
}

h1, h2, h3, h4, h5, h6, .navbar { font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; }

h1{
	font-size:26px;
	font-weight:bold;	
}
h2{
	font-size: 20px;
	font-weight: bold;
}
h3 { font-size:20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p{ font-size: 14px; }

#masthead #logo {
	text-align: center;
}

#page, .navbar, .after-footer {
	max-width: none;
}

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

em{
	color:#f68826;
	font-style:normal;
}

footer * { text-align:center; }


/* 
	Navigation
*/
.navbar{
	background:transparent;
	color:#000000;
	letter-spacing:0;
}
.navbar-static-top {
	border:0;
}
.navbar-default .navbar-nav > li > a {
	text-transform:uppercase;
	font-size:15px;	
	color:#555;
	letter-spacing:0.25em;
	border-bottom: 3px solid transparent;
}

.nav > li > a {
	padding: 15px 0;
	margin: 0 15px;	
	display:inline-block;
}
.navbar-nav {
	float: none;
	text-align:center;
}
.navbar-nav li {
	float: none;
	display: inline;
	text-align:center;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:#000;
	border-bottom: 3px solid #f68826;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	border-bottom: 3px solid #f68826;
	color: #000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:transparent;	
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color:transparent;
	color:#000;	
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#f68826;
}

.dropdown-menu{
	font-size:15px;
	letter-spacing:0.14em;
	padding: 0;
}

.dropdown-menu > li > a{
	padding:10px 20px;	
}

.sidebar {
	position:relative;
}
.sidebar .stuck {
	position:fixed;
	left:auto;
	top:0;
	width:360px;
}

/* 
	Content
*/

a {
	color:#f68826;
}

.content-area {
	padding-top:20px;
	padding-bottom:85px;
}

.site-content, .newsletter-signup, .contact-information, .brand-logos, .after-footer {
	border-top: 1px solid #cbcbcb;
	background: transparent;
	color: #000000;
}

#icons {
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:lighter;
}

#icons h1 {
	font-size:20px;
	font-weight:normal;
	border-bottom:1px solid #cbcbcb;
	display:inline-block;
	padding-bottom:10px;
}

#icons a {
	text-decoration:underline;
}

.content-area ul{
	padding-left: 2em;
}

.content-area ul li {
	padding-left: 1em;
}

.sidebar .simple-image{
	text-align:center;	
	margin-bottom:20px;
}


/* 
	Footer
*/
footer {
	text-align: center;
	text-transform: uppercase;
}

footer h2, footer h3 {
	font-size:22px;
}

footer p {
	font-size:14px;
	line-height:1.5em;
}

.newsletter-signup, .contact-information, .brand-logos, .after-footer {
	padding:36px 0;
}

.newsletter-signup input, .newsletter-signup input .email, .newsletter-signup input[type="submit"]{
	background: #000;
	color: #fff;
	border: none;
	padding: 0 10px;
	line-height:40px;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.25em;
}
.newsletter-signup .email input {
	width:85%;
	text-align:left;
}
.newsletter-signup input[type="submit"], button, html input[type="button"], input[type="submit"]{
	border-radius:0;
	background:#f68826;
	border:1px solid #fff;
	font-weight:bold;
}

.contact-information aside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height:350px
}

.contact-information p {
	margin-bottom:1em;
}

#contact-details p {
	font-weight:bold;
}

#contact-details span {
	font-weight:normal;
}

.sci-social-icons-horizontal {
	display: inline-block;
}

footer .slogan {
	font-weight:bold;
	font-size:22px;
	letter-spacing:0.25em;
}


.copyright, .copyright a{ font-size:10px; color:#000000; margin:0;}




/* image navigation stuff */
/* home */
.image-navigation {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.image-navigation.square {
	min-height:360px;
	height:360px;
}

.image-navigation.tall {
	min-height:740px;
	height:740px;
}

.large .image-navigation {
	height: 740px;
}

.image-navigation h1, .image-navigation p{
	color:#ffffff;
	text-align:center;
	text-size:16px;
	text-transform:uppercase;
	text-shadow: 0 0 5px #000;
	display:table-cell;
	vertical-align:middle;
	height:100%;

}
.image-nav-overlay{
	display:table;
	height:100%;
	vertical-align:middle;
	width:100%;
}
.large .image-navigation h1, large .image-navigation p{
	
}

.home-overlay {
	position:absolute;
	top:37%;
	left:0;	
	width:100%;
}

.image-navigation h1 span {
	font-weight:normal;
	font-size:14px;	
}

.image-navigation a {
	/*display: flex;
	flex-direction: column;
	justify-content: center;*/
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	box-sizing:padding-box;
	padding:20px;
}

.image-navigation h1 {
	font-size:32px;
	font-weight:bold;
}

/* gallery, team, etc */
#gallery-nav {
	padding: 20px 0;
}

#gallery-nav .image-navigation {
	width:auto;
	height:auto;
	margin:0 19px 20px 0;	
	cursor:pointer;
	float:left;
}

.single-gallery{
	text-align: center;
}

.loading {
	text-align:center;
}
	

.container.services *, .container.about *{
	/*text-align:left;	*/
}

.services-nav{
	list-style:none;
	text-align:left;
	padding-left:0;
}

.services-nav span.child {
	display:inline-block;
	width:1em;
}

.sidebar *{
	text-align:left;
}

.sidebar select {
	background: #000;
	color: #fff;
	border: none;
	padding: 0.5em;
	text-transform:uppercase;
	width:100%;	
}

.sidebar .search-field {
	background:#000;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	padding:0.5em;
	letter-spacing:0.18em;
}


.services h1, .services h2, .services h3, .services h4 {
	/*text-align:left;*/
}

.content-header-image{
	width:auto;
	margin:20px auto;
}

#primary, .single .blog #primary {
	border-left: 1px solid #ddd;
	margin-bottom: 20px;
}

.container.gallery #gallery-nav {
	border-right: 1px solid #ddd;
}

.container.gallery #primary {
	border-left: none;
}

.home #primary {
	border: none;
}

.section-image {
	min-height:380px;
}

.content-header-image.section-image {
	min-height:auto;
}

/*
.blog #primary h1,
.blog #primary h2,
.blog #primary h3,
.blog #primary h4,
.blog #primary h5,
.blog #primary *
{
	text-align:center !important;
}
.blog #primary {
	text-align: center;
}
*/

.team-position {
	font-weight: bold;
	text-transform:uppercase;
}

#display{text-align:center;}

.single #primary {
	border:none;
}

#main{
	position:relative;
}

.fixed {
	position:fixed;
	top:20px;
	left:0;
}

.absolute {
	position:absolute;
	top:20px;
	left:auto;
}

.container.services .sidebar ul{
	padding-left:0;
}

.container.services .sidebar ul li.child{
	padding-left: 2em;
}

h1#title a{
	color:#000;
}

#booking-tab {
	width:65px;
	height:428px;
	position:fixed;
	top:80px;
	right:0;
	background-image:url('images/make-a-booking.jpg');
}

#booking-tab-mobile {
	width:330px;
	height:59px;
	background-image:url('images/make-a-booking-mobile.jpg');
	display:inline-block;
}

.site-footer .booking-tab p {
	margin:0;
}

.site-footer .booking-tab {
	margin: 40px 0;	
	padding:0;
}

#booking-tab:hover{
	width:77px;	
}

input, button, select, textarea {
	border: 1px solid #000;
	padding:0.4em 1em;
}

div.wpcf7-response-output {
	width:90%;
	margin: 20px 0 0 0;
	padding: 0.4em 1em;	
}

.newsletter-signup div.wpcf7-response-output {
	width:96%;	
}


#primary input, #primary button, #primary select, #primary textarea {
	width:90%;
}

button:hover, button:focus, html input[type="button"]:hover, html input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background-color:#000;
	border-color:#000;	
}

.sci-google-map {
	width:auto !important;
}

.sci-google-widget {
	margin: 0 auto;
}


.search-form input[type="submit"]{
	background-image:url('images/search-button.jpg');
	background-color: #f68826;
	background-position: center;
	background-repeat: no-repeat;
	width:12%;
	height:39px;
	border:none;
	float:left;
}
.sidebar .search-field {
	border:none;
	width:88%;
	height:39px;
	float:left;
}

.form-inline .form-group, .form-inline .form-group label {
	width:100%;
}

img.attachment-full.wp-post-image {
	margin-bottom:20px;
}

.blog article {
	margin-bottom:60px;
}


.wp-caption-text, .gallery-caption {
	font-size:14px;	
	font-weight:normal;
}

.partyhair.read-more{
	display:none;
}

#home-video{
	margin-bottom:40px;
}

.pagination > li > a, .pagination > li > span {
	background:#fff;
	color:#000000;
}

span.page-numbers.current {
	background: #f68826;
	border-color: #f68826;
	color:#ffffff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, span.page-numbers.current{
	background: #f68826;
	border-color: #f68826;
	color:#ffffff;
		
}

@media screen and (max-width: 1200px){
	.large .image-navigation {
		height: 607px;
	}
}

@media screen and (min-width:1051px){
	#booking-tab{display:block;}
	.site-footer .booking-tab{display:none;}
}

@media screen and (max-width: 1050px){
	#booking-tab{display:none;}
	.site-footer .booking-tab{display:block;}
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}

@media screen and (max-width: 1024px){
	
	#booking-tab{ display:none;}
	.site-footer .booking-tab {display:block;}

	.large .image-navigation {
		height: 607px;
	}

	.large .image-navigation img {
		height:100%;	
	}

	#home-video iframe {
		height:529px;
	}

	#gallery-nav .image-navigation {
		float:none;
		margin:0 0 20px;
		display:block;
		text-align:center;
	}
	
	.single #display iframe {
		height:422px;
	}

	.page #display iframe {
		height:336px;
	}
	
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}

@media screen and (max-width: 991px){
	.large .image-navigation {
		height: 460px;
	}	
	
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}

@media screen and (max-width: 768px){
	.large .image-navigation h1, large .image-navigation p{
		top:0;
	}
	.large .image-navigation {
		height: 460px;
	}
	
	.large .image-navigation img {
		height:100%;	
	}
	
	.sidebar * {
		text-align: center;
	}
	
	#primary, .single .blog #primary {
		border-left:none;
	}

	.contact-information aside {
		min-height: 0;
		margin-bottom: 40px;
	}
	
	#home-video iframe {
		height:405px;
	}
	
	.single #display iframe {
		height:388px;
	}
	
	.page #display iframe {
		height:253px;
	}
	
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}

@media screen and (max-width: 640px){

	#icons h1 {
		display:block;
	}

	#gallery-nav {
		text-align: center;	
	}
	
	#gallery-nav .image-navigation {
		float:none;
		margin:0 20px 20px 0;
		display:inline-block;
	}

	.container.gallery #gallery-nav{
		border:none;
	}
	
	#gallery-nav .image-navigation:nth-child(3n){
		margin-right:0;
	}

	.single #display iframe {
		height:326px;
	}

	#gallery-nav .image-navigation {
		float:none;
		margin:0 0 20px;
		display:block;
		text-align:center;
	}
	
	.large .image-navigation img {
		width:100%;
		height:auto;
		display:inline-block;
	}
	
	.col-xs-12 {
		text-align:center;
	}
	
	.image-navigation {
		display:inline-block;	
		height: 330px;
		width: 330px;
		overflow:hidden;
	}
	
	#home-video iframe {
		height:330px;
		width:610px;
	}
	
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}

@media screen and (max-width: 360px){
	.large .image-navigation {
		height: 330px;
		overflow:hidden;
	}
	
	#home-video iframe {
		height:330px;	
	}
	
	#contact-map {
		padding:0;	
		margin-left:-10px;
	}
	
	.wpcf7-form-control.wpcf7-text.newsletter-email {
		width:245px;	
	}
	
	.container.gallery #gallery-nav{
		border:none;
	}
	
	#gallery-nav .image-navigation {
		float:none;
		margin:0 0 20px;
		display:block;
		text-align:center;
	}
	
	.large .image-navigation img {
		width:100%;
		height:auto;
	}
	
	.site-footer {
		border-top:1px solid #cbcbcb;	
	}
}