/*

Theme Name: Bootstrap Basic

Theme URI: 

Author: Vee Winch

Author URI: http://okvee.net

Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.

Version: 1.0.6

License: MIT

License URI: http://opensource.org/licenses/MIT

Text Domain: bootstrap-basic

Domain Path: /languages/

Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready



This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.



*/


* {font-family:'Open Sans', Helvetica, Arial, sans-serif;}



/*

Required WordPress CSS

*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.bypostauthor {

}





/* WordPress gallery */

.gallery-caption {

}

.gallery {

	margin-bottom: 1.6em;

}

.gallery-item {

	display: inline-block;

	padding: 1.79104477%;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}

.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}

.gallery-icon img {

	margin: 0 auto;

}

.gallery-caption {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	display: block;

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

	padding: 0.5em 0;

}

.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}





.sticky {

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

/* Adventure Q2 */

/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 342px;
	overflow:hidden;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 342px;
    width: 0;
    height: 100%;
    margin-left: -342px;
    overflow-y: auto;
    background: #bf1d36;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 342px;
}

#page-content-wrapper {
    /*width: 100%;*/
    position: relative;
    padding: 0;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: -342px;
}

/* Sidebar Styles */

.sidebar-nav {
    /*position: absolute;*/
    top: 0;
    width: 342px;
    margin: 0;
    padding: 0;
    list-style: none;
	float:left;
	clear:left;
	position:relative;
	background:#186f96;
}

.sidebar-nav li {
    text-indent: 40px;
    line-height: 48px;
}

.sidebar-nav li a {
	text-transform:uppercase;
    display: block;
    text-decoration: none;
    color: #ffffff;
	font-size:16px;
	font-weight:500;
}

.sidebar-nav li a:hover, .sidebar-nav li.active a {
    text-decoration: none;
    color: #fff;
    background: rgba(0,0,0,0.16);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
	display:block;
	background-image:url('img/icon-menu.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ffffff;
	background-size:80%;
	position:absolute;
	right:10px;
	top:15px;
	z-index:9999;
	width:48px;
	height:48px;
	color:transparent;
}



.site-branding {
	float:left;
	position:relative;
}

.site-branding > a {
	display: block;
	float:left;
}

nav {

}

.container-fluid { padding:0; }

main .container-fluid { padding-left:15px; padding-right:15px; }

.hero {
	background-position:center center;
	background-size:cover;
	height:553px;
	display:table;
	width:100%;
}
.hero .overlay {
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
}
.home .hero {
	height:	645px;
}

.hero .overlay h1, .hero .overlay h2 {
	font-weight:800;
	display:inline-block;
	width:100%;
	text-shadow:0 0 10px #000000;
	margin:0;
}

.hero .overlay h2 {
	font-size:48px;
}
.hero .overlay h1 {
	font-size: 72px;
}

.under-nav{
	float:left;
	width:342px;
	height:auto;
	margin-bottom:50px;
}

.under-nav ul {
	list-style:none;
	color:#ffffff;
	font-size:16px;
	font-weight:100;
	margin:0;
	padding:0;
}

.contact-details li{
	height:65px;
	padding-left:95px;
	display:table;
	width:100%;
}
.under-nav li:hover {
	background-color:rgba(0,0,0,0.16);
}
.under-nav li span {
	display:table-cell;
	vertical-align:middle;
}
.under-nav li span.oe_displaynone { display:none; }

.under-nav li a {
	color:#ffffff;
}
.under-nav li a:hover {
	text-decoration:none;
}

span.big-text { font-size:26px;font-weight:900; }

.icon{background-position:38px center;background-repeat:no-repeat;background-size:40px auto;}
.social-media .icon{background-position:center;background-size:100%}

.icon.address{background-image:url('img/icon-address.png');}
.icon.phone{background-image:url('img/icon-phone.png');}
.icon.email{background-image:url('img/icon-email.png');}
.icon.hours{background-image:url('img/icon-hours.png');}
.icon.booking{background-image:url('img/icon-booking.png');}

.icon.tripadvisor{background-image:url('img/icon-tripadvisor.png');}
.icon.hostelworld{background-image:url('img/icon-hostelworld.png');}
.icon.facebook{background-image:url('img/icon-facebook.png');}

.social-media .icon a {
	width:100%;
	height:100%;
	display:block;
}
.social-media .icon a:hover {
	text-decoration:none;
}

#site-footer {
	background-image:url('img/compass-for-footer.png');
	background-position:-90px center;
	background-repeat:no-repeat;
	background-color: #186f96;
	color:#ffffff;
	border:none;
	font-size:16px;
	padding-bottom:0;
}
#site-footer a {
	color: #ffffff;
}
#site-footer .copyright a:hover {
	text-decoration: underline;
	color: #ffffff;
}

ul.social-media {
	list-style:none;
	padding:0;
	float:left;
}
div.social-media{padding:0;}
.under-nav ul.social-media {
	margin-top:20px;
	width: 100%;
	text-align:center;
}
ul.social-media li {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin:0 10px 10px 0;
}
p.address { float:left; width:100%;}
#site-footer .contact {
	padding:20px;
}
#site-footer .copyright {
	font-size:12px;
	background:rgba(0,0,0,0.16);
	line-height:1.2em;
	margin:0;
	padding:10px 0px 10px 20px;
	
}

#mobile-logo {
	position:absolute;
	height:79px;
	top:0;
	left:0;
	opacity: 1;
	background:white;
	width:100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #mobile-logo {
	left:-150px;
	top:0;
	opacity:0;
}

#wrapper .hero .arrow-right { left:-30px; }
#wrapper.toggled .hero .arrow-right { left:0px; }


.arrow-right, .arrow-left {
	position:absolute;
	top:0;
	width:30px;
	height:180px;
	background-repeat:no-repeat;
	background-position:center center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.arrow-right {
 	background-image:url('img/arrow-right.png');
	left:0;
}
.arrow-left {
	background-image:url('img/arrow-left.png');
	right:0;
}

.home-feature-image{
	min-height:420px;
	background-position:center;
	background-size:cover;	
}

.page .internal {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,224,225,1) 75%, rgba(209,224,225,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(75%, rgba(209,224,225,1)), color-stop(100%, rgba(209,224,225,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,224,225,1) 75%, rgba(209,224,225,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,224,225,1) 75%, rgba(209,224,225,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,224,225,1) 75%, rgba(209,224,225,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(209,224,225,1) 75%, rgba(209,224,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1e0e1', GradientType=1 );
}

main h1, main h2 {
	color:#bf1d36;
	font-weight:800;
	margin-top:0;
}
main h1 {
	font-size:48px;
	text-transform:uppercase;
}
main h2 {
	font-size:28px;
	margin-top:58px;
}
.home main h2{margin-top:0;}

main h3 {
	margin-top:15px;
	font-size:22px;
	font-weight:500;
	font-style:italic;
	color:#186f96;
}
main a {
	color:#186f96;
}
main em {
	font-weight:700;
}
main p {
	font-size:15px;
	line-height:1.8em;
}
main .copy {
	padding:30px;
}

main ul {
	list-style:none;
	font-size:15px;
	line-height:1.8em;
	padding-left:1.25em;
}
main ul li {
	text-indent: -1em;
}
main ul li::before {
	content: "> ";
}

#page-sidebar {
	background:#d1e0e1;
	min-height:100vh;
}

#page-sidebar, main .content {
	padding:54px 30px 30px 30px;
}

#page-sidebar h3 {
	font-size:22px;
	font-weight:900;
}


table {
	width:100%;
	margin:1em 0 1.5em 0;
}

thead {
	background:#D1E0E1;	
}

table tr {
	
}

td, th {
	padding: 1em 1.5em;
	border-bottom:1px solid black;
}

main .the-team img {
	margin-right:0;
	margin-bottom:20px;
	width:100%;
	height:auto;
}
.map-link {
	display:block;
}
/*
#bf1d36 - red
#186f96 - blue
#d1e0e1 - light blue
*/


@media screen and (max-width:768px){
	.page .internal {
		background: rgba(255,255,255,1);
	}
	
	.home .hero, .hero {
		height:350px;
		margin-top:78px;
	}
	.toggled .home .hero, .toggled .hero {
		margin-top:0;
	}	
}

@media screen and (max-width:767px){
	div.social-media{padding:0 15px;}
}

@media screen and (max-width:991px){
	#page-sidebar {
		min-height:auto;
		padding-bottom:54px;
	}
}

@media screen and (max-width:1024px){
	.home .hero, .hero {
		height:350px;
		margin-top:78px;
	}
	.toggled .home .hero, .toggled .hero {
		margin-top:0;
	}
	
	.page .internal {
		background: rgba(255,255,255,1);
	}	
}

@media screen and (min-width:1025px) {
	#menu-toggle {
		display:none;
	}
	#mobile-logo {
		display: none;
	}
	#wrapper .hero .arrow-right { left:0px; }
	
    #wrapper {
        padding-left: 342px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 342px;
    }

    #wrapper.toggled #sidebar-wrapper {
        left:-342px;
    }

    #page-content-wrapper {
        padding: 0;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

}

@media screen and (max-width:500px){
	.home-feature-image{
		min-height:180px;
	}
	.hero .overlay h1 {
		font-size:50px;	
		padding:0 10px;
	}
	.hero .overlay h2 {
		font-size:30px;
		padding:0 10px;
		margin-top:60px;
	}
	main h1 {
		font-size:38px;
		
	}
	.home .hero, .hero {
		height:180px;
		margin-top:78px;
	}
	.toggled .home .hero, .toggled .hero {
		margin-top:0;
	}
	.home .hero .overlay {
		
	}
}