/*
Theme Name: Motorcycle Scotland Theme
Theme URI: http://www.motorcyclescotland.co.uk
Description: Motorcycle Scotland Theme
Author: Creatomatic Ltd
Author URI: http://www.creatomatic.co.uk

light blue #3ab4d7
*/


html, body {
	margin: 0;
	padding: 0;
	font-family: 'Muli', 'Helvetica', 'Arial', serif;
	color:#1f1f1f;
	font-size:16px;
}

h1, h2, h3 {
	font-family: 'Open Sans', 'Helvetica', 'Arial', serif;
	margin: 0;
}

img {
	border: 0;
}

.woocommerce #map img{
	max-width: inherit;
}

.clearer {
	clear:both;
	height: 0;
}

*:focus {  
	outline: none;
}

a {
	color:#3ab4d7;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #14377d; /* Safari */
	color:#fff;
}

::-moz-selection {
	background: #14377d; /* Firefox */
	color:#fff;
}

.centred {
	margin: 0 auto;
	text-align: center;
	max-width: 960px;
}

.hr, hr {
	background:url(images/hr.png) repeat-x top left;
	height: 2px;
	margin: 5px 0 5px 0;
	border: 0;

}

.hr-white{
	float: left;
	width: 100%;
	margin: 5px 0;
	background: url(images/hr-white.png) repeat-x center left;
}

.hr-black{
	float: left;
	width: 100%;
	margin: 5px 0;
	background: url(images/hr-black.png) repeat-x center left;
}

/* Heading */

.heading{
	float: left;
	width: 100%;
	background: #000;
}

a.logo{
	float: left;
	width: 170px;
}

a.logo img{
	max-width: 100%;
	height: auto;
}

.heading-right{
	float: right;
	width: 75%;
}

.basket-social{
	float: right;
	width: 100%;
	margin-bottom: 30px;
	text-align: right;
}

a.basket{
	background: #fff;
	padding: 5px 10px;
	margin: 10px 10px 0 0;
	float: right;
}

a.basket:hover{
	background: #f9f9f9;
}

a.basket span{
	color: #000;
	float: left;
	margin-top: 5px;
}

a.heading-social{
	background: #fff;
	padding: 15px 5px 2px 5px;
	float: right;
	margin: 0 2px;
}

a.heading-social:hover{
	background: #f9f9f9;
}


/* Navigation */

.nav {
	width: 100%;
	color: #fff;
	float: right;
}

.nav ul {
	margin: 0;
	padding: 0;
	float: right;
}

.nav ul li {
	display: inline;
	text-decoration: none;
	color: #fff;
}

.nav li {
	display: inline;
	list-style-type: none;
}

.nav li:hover {
	color: #3ab4d7;
}

.nav a {
	position: relative;
	padding: 10px 10px 10px 10px;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}

.nav a:hover, .nav .current_page_ancestor > a, .nav .current_page_item > a {
	color: #3ab4d7;
}

.nav .menu li {
	list-style: none;
}

.nav .menu li {
	list-style: none;
	float: left;
}
 
.nav .menu li ul a:link, .nav .menu li ul a:visited {
	display: block;
	text-decoration: none;
	padding: 10px;
} 

.nav .menu li ul {
	position: absolute;
	display: none;
	background: #000;
	text-align: left;
	z-index: 1000; 
	margin: 0; 
	padding: 0; 
	width: 200px;
	margin-left: 0px;
	padding-bottom: 5px;
	border: 1px solid #fff;
} 

.nav .menu li ul a {
	font-size: 12px;
}

.nav .menu li ul li {
	display: inline;
	float: none;
	padding: 0px;
	margin: 0px;
} 

.nav .menu li ul li a:hover {
	color: #3ab4d7;
}

.nav .menu li ul li a {
	color: #fff;
}


.mobile-nav{
	display: none;
	z-index: 10;
	float: left;
	width: 100%;
}

.arrow{
	display: none;
}

.menu-icon{
	float: left;
	margin: -7px 20px -38px 15px;

	width: 32px;
	height: auto;
}

.mobile-nav ul {
list-style: none;
padding:0;
margin:0;

}

.mobile-nav a {
color:#fff;
float: left;
width: 100%;
margin: 0;
text-align: center;
padding: 10px 0;
text-transform: uppercase;
font-family: 'Oswald', 'Helvetica', 'Arial', serif;
z-index: 999;
}

.mobile-nav ul li ul {
color:#707070;
font-size:80%;
}

.mobile-nav a:hover, .mobile-nav .current-menu-item a, .mobile-nav .current_page_ancestor > a, .mobile-nav .current_page_item > a {
background:#3ab4d7;
 color: #000;
 
}

.mobile-nav-header {
color:#fff;
width: 100%;
margin: 0;
padding: 20px 0;
font-weight: bold;
	
}

.mobile-nav-header:hover{
	cursor: pointer;
}



/* Browser-specific hacks - Chrome fonts, IE7 (!) dropdowns */

html {
	-webkit-font-smoothing: antialiased;
}

* + html .nav .menu li ul {
	margin-left: -100px;
	margin-top: 25px;
}

/* Body */

.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}

.home-tabs{
	float: left;
	width: 100%;
	margin: 20px 0;

}

.home-tabs-links {
	width:25%;
	font-size:14px;
	display:block;
	cursor: pointer;
	background:#000;
	color:#fff;
	text-transform: uppercase;
	float:left;
	}
	
.tablink {
	padding:20px 2%;
	width:96%;
	position: relative;
	letter-spacing: 1px;
}

.tablink.active {
	font-weight: bold;
	text-shadow: -1px 1px 0 #000;
}

.tablink:after { 
left: 100%; 
top: 50%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
border-color: rgba(136, 183, 213, 0); 

border-width: 10px; 
margin-top: -10px; 
}
	
.regionbackground {
	width:65%;
	padding:5%;
	float:left;
	background:url(images/regions-bg.jpg) no-repeat;
	background-position: center top !important;
	background-size: cover;
}

	
.regionimage {
	min-height:200px;
	background-size: 100% !important;
	float: left;
	width: 100%;
}
	
.regionbox{
	float: left;
	width: 98%;
	padding: 3% 0 3% 2%;
	background: #fff;
	min-height: 106px;
}
		
.regiondescription{
	float: left;
	width: 65%;
	text-align: left;
	
}

#tab369 a.regionlink{
	display: none;
}

#tab369 .region369{
	width: 100%;
}

a.regionlink{
	float: right;
	width: 30%;
	background: url(images/view-details-bg.png) no-repeat left center;
	padding: 10px 0 10px 20px;
	font-size: 22px;
	color: #fff;
	margin-top: 10px;
}

a.regionlink:hover{
	color: #3ab4d7;
}


.home-left{
	float: left;
	width: 56%;
	padding: 0 2%;
}

.home-content{
	float: left;
	width: 92%;
	padding: 4%;
	background: #f9f9f9;
	text-align: left;
	box-shadow: 3px 3px 8px #e0e0e0;
	moz-box-shadow: 3px 3px 8px #e0e0e0;
	webkit-box-shadow: 3px 3px 8px #e0e0e0;
}

.home-content h1{
	color: #3ab4d7;
	font-family: 'Muli', 'Helvetica', 'Arial', serif;
	font-size: 40px;
	font-weight: normal;
}

.home-content span{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.home-content span a{
	color: #1f1f1f
}

.home-content span a:hover{
	color: #3ab4d7
}

.home-signup{
	float: left;
	width: 100%;
	margin-top: 20px;
	background: url(images/signup-bg.png) center center;
	min-height: 200px;
	text-align: right;
}

.home-signup img{
	margin: 20px 4% 0 0;
}

#mce-EMAIL{
	padding: 6px 25px 5px 5px;
	box-shadow: inset 0 0px 5px #e0e0e0;
	moz-box-shadow: inset 0 0px 5px #e0e0e0;
	webkit-box-shadow: inset 0 0px 5px #e0e0e0;
	border: none;
	font-size: 16px;
	height: 38px;
	margin: 15px -25px 0 0;
}

#mc-embedded-subscribe{
	border: none;
	background: #000;
	background: url(images/signupbutton-bg.png)left center;
	-webkit-border-radius: 0px;      
	-moz-border-radius: 0px; 
	border-radius: 0px;
	color: #fff;
	font-size: 18px;
	height: 50px;
	padding: 0 10px 0 25px;
	margin: 0 4% 0 0;
}

#mc-embedded-subscribe:hover{
	background: #000;
	cursor: pointer;
}

.home-right{
	float: right;
	width: 36%;
	padding: 0 2%;
}

a.home-get-listed{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	background: url(images/listing-bg.png) right center;
	min-height: 170px;
	box-shadow: 3px 3px 8px #e0e0e0;
	moz-box-shadow: 3px 3px 8px #e0e0e0;
	webkit-box-shadow: 3px 3px 8px #e0e0e0;
}

a.home-get-listed img{
	margin-top: 10px;
}

.creatotab-tabs span {
	width: 50%;
	float: left;
	text-align: center;
	color: #fff;
	background: #61cae8;
	padding: 15px 0px;
	font-size: 12px;
	margin: 0px;
}

a.social-links-home {
	color: #fff;
}

.creatotab-tabs span:hover{
	background: #3ab4d7;
	color: #fff;
	cursor: pointer;
}

.creatotab-tabs .creatotab-active {
	background: #3ab4d7;
	color: #fff;	
}

.cff-wrapper{
	max-width: 85%;
}

.creatotab-content {
	display: none;
	background: #f9f9f9;
	width: 90%;
	padding: 5%;
	float: left;
	box-shadow: 3px 3px 8px #e0e0e0;
	moz-box-shadow: 3px 3px 8px #e0e0e0;
	webkit-box-shadow: 3px 3px 8px #e0e0e0;
}

.creatotab-content.creatotab-active {
	display: block;
}

.creatotab-content-inner {
	max-height: 325px;
	overflow-y: scroll;
	text-align: left;
	float: left;
}

.creatotab-foot{
	float: left;
	width: 100%;
	text-align: left;
	border-top: 1px solid #cdcdcd;
	padding-top: 10px;
}

a.social-links-home{
	color: #3ab4d7;
	font-weight: bold;
}

.home-advert{
	float: left;
	width: 100%;
	padding: 20px 0;
	margin-top: 20px;
}

.advert{
	background: #cdcdcd;
}

.blog-left{
	float: left;
	width: 27%;
	text-align: left;
	padding: 0 3% 0 0;
	margin-top: 30px;
}

.blog-left #sidebar{
	width: 96%;
}

.blog-right{
	float: left;
	width: 70%;
	text-align: left;
	margin-top: 30px;
}

.crumbs{
	float: right;
	width: 100%;
	text-align: right;
	font-size: 10px;
	margin: 10px 0;
}


/*Shoppymcshopshop*/

#sidebar{
	float: left;
	width: 20%;
	padding: 2%;
	text-align: left;
}

#sidebar h2{
	font-size: 20px;
	font-weight: normal;
}

#sidebar ul{
	margin: 0;
	padding: 0;
}

#sidebar ul li{
	list-style: none outside none;
}

#container #content{
	float: right;
	width: 71%;
	padding: 0 2%;
}

.woocommerce .woocommerce-breadcrumb{
	text-align: right;
	float: right;
	margin: 10px 0;
	width: 100%;
	font-size: 12px;
}

.signup-content{
	float: left;
	width: 50%;
	text-align: left;
}

.signup{
	float: left;
	width: 45%;
	margin: 20px 0 0 5%;
	text-align: left;
}



/* Footer */

.footer {
	width: 100%;
	float: left;
	padding: 20px 0;
	background: #000;
	color: #fff;
	margin-top: 30px;
}

.footer h2{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 5px;
}

.bottom-footer{
	float: left;
	width: 100%;
}

.credit{
	text-align: left;
	font-size: 10px;
	float: left;
	width: 100%;
	margin: 3px 0;
}

.credit a{
	color: #1f1f1f;
}

.footer-menu{
	float: left;
	width: 20%;
	padding: 0 2%;
}

.footer-contact{
	float: left;
	width: 25%;
	font-size: 12px;
	padding: 0 2%;
	text-align: left;
}

.footer-social{
	float: left;
	width: 19%;
	padding: 0 2%;
}

.footer-social a{
	margin: 1%;
	width: 31.33%;
	padding: 10px 0;
	background: #fff;
}

.footer-social a:hover{
	background: #f9f9f9;
	margin-top: 5px;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer-menu ul li {
	list-style: none outside none;
	text-align: left;
}

.footer-menu a:hover {
	color: #3ab4d7;
}

.footer-menu a{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}



/* Region maps */
#map {width:100%; min-height:400px;}

.infotabs{
float: left;
	margin: 30px 0 30px 0px;
	width: 100%
}

span.title{
	padding: 1% 3%;
	font-size: 16px;
	float: left;
	background: #3ab4d7;
	margin-right: 5px;
	color: #fff;
	font-weight: normal;
}

span.title.active{
	background: #f9f9f9;
	color: #1f1f1f;
	float: left;
}

.panel{
	padding: 2%;
	width: 96%;
	margin-top: 9px;
	display: none;
	float: left;
	background: #f9f9f9;
}

span.title:hover{
	background: #f9f9f9;
	color: #1f1f1f;
	cursor: pointer;
}

.panel.active{
	background: #f9f9f9;
	display: block;
	text-align: left;
	margin: 0;
	box-shadow: 0 15px 20px #ececec;
	moz-box-shadow: 0 15px 20px #ececec;
	webkit-box-shadow: 0 15px 20px #ececec;
	padding: 2%;
	width: 96%;
	
}

.page-cta .home-signup, .page-cta .home-get-listed{
	width: 46%;
	margin: 2%;
	background-size: 100%;
	min-height: 200px;
}

/*Routes*/

.breadcrumbs{
	float: right;
	width: 100%;
	margin: 15px 0 25px 0;
	font-size: 12px;
	text-align: right;
}

.map iframe{
	width: 100%;
}

.route-left{
	width: 75%;
	float: left;
}

.route-right{
	float: right;
	width: 20%;
}

.route-details, .regioncontent{
	float: left;
	width: 96%;
	padding: 2%;
	background: #f9f9f9;
	margin-bottom: 10px;
	box-shadow: 0 0px 20px #ececec;
	moz-box-shadow: 0 0px 20px #ececec;
	webkit-box-shadow: 0 0px 20px #ececec;
	text-align: left;
}

.rd-tab{
	float: left;
	width: 31.33%;
	text-align: center;
	margin-top: 20px;
	padding: 0 1%;
}

.rd-distance{
	width: 30%;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}



.route-info, .route-other{
	float: left;
	width: 96%;
	padding: 2%;
	text-align: left;
	background: #f9f9f9;
	margin: 15px 0;
	box-shadow: 0 0px 20px #ececec;
	moz-box-shadow: 0 0px 20px #ececec;
	webkit-box-shadow: 0 0px 20px #ececec;
}

.route-info h1, .route-info h2, .regioncontent h1{
	color: #14377d;
	font-weight: normal;
	font-size: 30px;
}

.route-other h2{
	color: #14377d;
	font-weight: normal;
	font-size: 22px;
}

.route-other a{
	color: #1f1f1f;
	width: 21%;
	padding: 0 2%;
	font-size: 14px;
}

.route-other a:hover{
	color: #14377d;
}

.regionaccommodation{
	float: left;
	width: 100%;
	text-align: left;
	margin: 20px 0;
}

.accomodationcontainer{
	float: left;
	width: 29.33%;
	background: #f9f9f9;
	box-shadow: 0 0px 10px #ececec;
	moz-box-shadow: 0 0px 10px #ececec;
	webkit-box-shadow: 0 0px 10px #ececec;
	padding: 1%;
	margin: 10px 1%;
	font-size: 13px;
	min-height: 140px;
	position: relative;
}

a.accom-link{
	position: absolute;
	bottom: 10px;
}


.accomodationcontainer span{
	text-transform: uppercase;
}

.regionleft{
	float: left;
	width: 78%;
}

.regionright{
	float: right;
	width: 20%;
}

.routetitle{
	float: left;
	width: 96%;
	padding: 10px 2%;
	background: #3ab4d7;
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

.routetitle:hover{
	cursor: pointer;
}

.routecontent{
	display: none;
	float: left;
	width: 96%;
	background: #f9f9f9;
	margin-bottom: 20px;
	padding: 2%;
}

.region-route-left{
	float: left;
	width: 65%;
	text-align: left;
}

.region-route-right{
	width: 32%;
	float: right;
}

a.region-route-link, a.single-route h2{
	float: right;
	background: url(images/view-details-bg.png) no-repeat left center;
	padding: 5px 5% 5px 20%;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	font-weight: normal;
}

a.single-route span img{
	width: 100%;
	height: auto;
}

a.single-route span{
	float: left;
	width: 100%;
	max-height: 120px;
	overflow: hidden;
	margin-bottom: -5px;
}

.single-route-content{
	float: left;
	width: 100%;
	text-align: left;
}

a.single-route{
	float: left;
	width: 29.33%;
	padding: 1% 2%;
	min-height: 160px;
}

.page-content, .gallery-content{
	float: left;
	width: 71%;
	text-align: left;
	background: #f9f9f9;
	padding: 2%;
	box-shadow: 0 0px 20px #ececec;
	moz-box-shadow: 0 0px 20px #ececec;
	webkit-box-shadow: 0 0px 20px #ececec;
	margin-top: 20px;
}

.gallery-content{
	width: 96%;
	margin-bottom: 20px;
}

.page-content h2, .gallery-content h2{
    color: #14377D;
    font-weight: normal;
    font-size: 30px;
}

.page-advert-potrait{
	float: right;
	width: 20%;
	margin-top: 20px;
}

.page-advert-landscape{
	float: left;
	width: 100%;
	margin: 20px 0;
}

.adv3rt.portrait{
	float: right;
	clear: right;
	width: 21%;
}

.contact-form{
	float: left;
	width: 40%;
	margin: 30px 5% 0 0;
	text-align: left;
}

.contact-content{
	float: left;
	width: 55%;
	text-align: left;
	margin-top: 30px;
}

.signup select#region{
	width: 100%;
}

.contact-tick-box{
	float: left;
	width: 33%;
}

.contact-row {
	width: 100%;

	margin-bottom: 10px;
}
.contact-row label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 8px;
}

.contact-row input, .contact-row textarea {
	border: 1px solid #4B4B4B;
	padding: 8px;
	width: 98%;
	padding: 2px 1% 2px 1%;
	font-size: 16px;
	font-family: 'Muli', 'Helvetica', 'Arial', serif;
}

.contact-row .g-recaptcha {
	float: right;
	border: none;
	width: inherit;
	font-size: 20px;
	margin-top: 10px;
}

.contact-row .g-recaptcha:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
}

.contact-form h3 {
	margin-bottom: 20px;
}

.gmap-infowindow {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}

span.PIN_1418996855598_embed_grid.PIN_1418996855598_fancy{
	box-shadow: none !important;
}

input#mgl, label.mgl{
	display: none;
}

.listing-single-left {
	width: 45%;
	float: left;

	text-align: left;
}

.listing-single-right {
	width: 45%;
	float: right;
}

#google-map {
	width: 100%;
	min-height: 400px;
}

.adv3rt.landscape {
	margin-top: 20px;
}