/*
Theme Name: The Octane Collection
Author: Springboard Marketing & Communications Limited
Author URI: http://www.springboard-communications.com
Description: Fast-Classics Theme.
Version: 1.1
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/* IMPORT OTHER CSS FILES */
/*
@import url("css/responsive/desktops.css");
@import url("css/responsive/mobiles.css");
@import url("css/responsive/tablets.css");
*/
/*@import url("css/carlogos.css");*/
@import url("css/socialicons.css");
@import url("css/iahgrouplogos.css");
@import url("css/formelements.css");
@import url("css/carmixfilter.css");
@import url("css/carsforsalesidebar.css");
@import url("css/sellyourcar.css");
@import url("css/forms.css");
@import url("css/singlecar.css");
@import url("css/flexslider.css");
@import url("css/jquery.bxslider.css");
@import url("css/lightbox.css");
@import url("css/enquirypopupbox.css");

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
li#menu-item-166.menu-item.menu-item-type-post_type.menu-item-object-page a, .navbar-default .navbar-collapse, div.navbar div.container.content {
			margin-right: 0px !important;
			padding-right: 0px !important; 
		}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
		.header-tel::after {
		    content:"\a";
		    white-space: pre;
		}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
		.navbar-nav, .header-contact{
		    margin: 0 auto;
		    display: table;
		    table-layout: fixed;
		    float:none !important;
		    text-align: center !important;
		    margin-top: 15px !important;
		    margin-bottom: -10px;
		}
		li#menu-item-22.home-menu a {
			padding-left: 0px !important;
			margin-left: -30px !important;
		}
		.header-tel {
			margin-right: 10px;
			padding-right: 10px;
			border-right: 1px solid #5d5d5d;
		}
		.header-contact {
			margin-bottom: -30px;
		}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    	.navbar-default .navbar-nav>li>a {
			border-left: none !important;
		    color: #333;
		}
		li#menu-item-22.home-menu a {
			padding-left: 15px !important;
			margin-left: 0px !important;
		}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    	.navbar-default .navbar-nav>li>a {
			border-left: none !important;
		}
		.header-contact {
			margin-bottom: -10px;
		}
		.header-tel::after {
		    content:"\a";
		    white-space: pre;
		}
		.header-tel {
			margin-right: 0px;
			padding-right: 0px;
			border-right: none;
		}		
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    	.navbar-default .navbar-nav>li>a {
			border-left: none !important;
		}
}


	/* MAIN */
		html {
		    font-size: 10px;
		    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
		}
		
		body {
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		    font-size: 13px;
		    line-height: 1.428571429;
		    color: #e5e5e5;
			background-position: center center;
			background-repeat: repeat-y;
			padding-bottom: 0;
			margin-bottom: 0;
			background-color: #000 !important;
		}
		.extra-color {
			color:#d7af2b;
		}	
		.extra-color-nopad {
			color: #d7af2b;
			padding-right:0px;
		}	
	/* END */
	
	/* BODY BACKGROUND */
	
		.container.content {
			background-color: #000; 
		}
	/* END */	
	
	/* TYPEFACE SETTINGS */
		a {
			color:#d7af2b;
			-o-transition:.5s;
			-ms-transition:.5s;
			-moz-transition:.5s;
			-webkit-transition:.5s;
			transition:.5s;
		}
		a:hover {
			text-decoration: none;
			color: #d7af2b;
		}
		h1 {
		    margin: 0.67em 0;
		    color: #d7af2b;
			font-family: 'PT Sans', myriad-pro, Fallback, sans-serif;
			font-size: 23px;
			font-weight: normal;
			height: auto;
			line-height: 36px;
			text-decoration: none;
			text-transform: uppercase;
		}
		h1.page-title.sidebar {
			text-align: center;
		}
		h1.page-title, h1.page-title a {
			color: #fff;
		}
		h1.page-title a:hover {
			color: #d7af2b;			
		}
		h1.forsale {
			margin-top: 30px;
			margin-bottom: 0px;
		}
		h1.forsale {
			color: #fff !important;
		}
		h1.forsale a:hover {
		    color: #d7af2b !important;			
		}
		h2 {
			color: white;			
		}
		h2.spacetop {
			clear: both;
			margin-top: 40px;
		}
		h2.carswehavesold a {
			color: white;
		}
		h4, h3 a, h4 a {
			color: #d7af2b;
			text-decoration: none;
		}
		p.car-desc {
			font-size: 14px;
		}
		h4, h3.car-title, h4.car-price {
			margin-bottom: 0px;
			font-family: 'PT Sans', myriad-pro, Fallback, sans-serif;
			text-transform: uppercase;
		}
		h3.car-title a, h4.car-price a {
			font-size: 19px;
			line-height: 22px;
			color: white !important;
		}
		h3.car-title a:hover, h4.car-price a:hover {
		    color: #d7af2b !important;
		}
		h3.car-title {
			margin-top: 5px;
		}
		h4.car-price {
			margin-right: 0px;
			margin-top: 0px;
		}
		div#widget-footer h4.widgettitle {
			color: white !important;
			padding-bottom: 14px;
			font-size: 16px;
		}
		div.views-field.views-field-title.car-title.sold h3 {
		    padding-top: 0px !important;
		    text-transform: uppercase;
		    color: #000 !important;
		    font-size: 0.8em !important;
		}
		table.contactdetails td {
			color: #e5e5e5;
			font-size: 13px !important;
			line-height: 22px !important;
		}
		div#text-4.widget.widget_text, div#text-7.widget.widget_text {
			font-size: 12px !important;
			color: #666;
		}
		div#text-4.widget.widget_text a {
			color: #666;
		}
		div#text-4.widget.widget_text a:hover {
			color: #d7af2b;
		}
		.page-header {
			border-bottom: 1px dotted #eee;
		}
		table.contactdetails a{
			color: white !important;
		}
		table.contactdetails a:hover {
			color: #d7af2b !important;
		}
	/* END */
 
	/* HEADER */	
		.head-bg {
			background-image: url("images/head-bg.png") !important;
			height: 20px;
		}
		.container.header {
		    padding-top: 20px;
		    padding-bottom: 20px;
			background-repeat: no-repeat;
			background-position: center top;			
		}
		.header-contact{
			float: inherit;
			color: #5d5d5d;
			font-size: 12px;    
			text-align: right;
			height: 55px;
			vertical-align: top;
			margin-top: -10px;	
		}
		.header-contact, .header-contact a {
			color: #666;
		}
		.header-contact a:hover{
			color:#d7af2b;
			text-decoration: none;
		}
		.header-logo-md-lg {
		}
		.header-logo-sm-xs {
			width: 300px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			
		}
	/* END */
	
	/* NAVBAR */
		.navbar {
			margin-top: -5px;
			margin-bottom: -17px;
		}
		.navbar .navbar-collapse {
		  text-align: center;
		}
		.navbar-top-padding {
			min-height: 10px;
		}
		.navbar-top-bottom-padding {
			min-height: 10px;
		}
		.remove-shadow {
			padding: 5px;
			z-index: 999;
			position: relative; 
			background:#000;  
			margin: 0 -20px !important;
		}
		.navbar-nav{
			float: right;
		}
		.navbar-default .navbar-nav>li>a {
			color: white;
			text-transform: uppercase;
			border-left: 1px solid white;
			font-size: 14px;
		}
		.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a {
		    color: #d7af2b !important;
		    background-color: transparent
		}
		li#menu-item-22.home-menu a {
			border-left: none !important;
		}
		#menu-top-navigation {
			margin-top: 15px;
			margin-bottom: 15px;
		}

	/* END */		
	

	
	/* CAR GRID */
div#Product {
	max-width: 1000px;
	margin: 0 auto;
}
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
	max-width: 100% !important;
	width: 100% !important;
/* 	height: 100% !important; */
	min-height: 100% !important;
}
article#post-16.post-16 {
	display: inline-block;
	height: 100% !important;
}
.carOverview {
	border-bottom: 1px solid #CCC; 
}
@media only screen and (min-width : 768px) {
	.carOverview {
		min-height: 95px;
	}
}
@media only screen and (min-width : 992px) {
	.carOverview {
		min-height: 0px;
	}
}
@media only screen and (min-width : 1200px) {
	.carOverview {
		min-height: 95px;
	}
}
@media only screen and (min-width : 1400px) {
	.carOverview {
		min-height: 0px;
	}	
}
		.heading-border-silver-cars {
			border-bottom: 1px solid #CCC; 
			height: 2px;
			background-position: center bottom;
			background-repeat: repeat-x;
		}
		div.car-desc {
			min-height: 40px;
		}
		div.carOverview {
			position: relative;
			z-index: 999;
		}
	/* END */
	
	/* FEED CONTAINER*/
		.feedcontainer {
		    width: 100%;
		    overflow: hidden; /* will contain if #first is longer than #second */
		}
		.twitterfeed {
/* 		    width: 50%; */
		    float: left; /* add this */
/* 		    margin-right: 60px; */
		}
		.instagramfeed {
		    overflow: hidden; /* if you don't want #second to wrap below #first */
		}	
	/* FEED CONTAINER */
	
	/* FOOTER */
		/* Footer 1 */
		ul#menu-top-navigation-1.menu li {
			list-style: none;
		}
		ul#menu-top-navigation-1.menu li a {
			text-decoration:none;
			color: #666666;
			font-size:14px;
			text-transform: uppercase;
		}
		ul#menu-top-navigation-1.menu li a:hover, ul#menu-top-navigation-1.menu li a:active {
			color: 	#d7af2b;
		}	
		ul#menu-top-navigation-1.menu {
			margin: 0;
			padding: 0;
		}
		/* Footer 2 */
		div.footer2.col-sm-3 {
			font-size: 12px;
		}
		div.viewings {
			color: white;
		}
		/* Footer Header */
		div#widget-footer {	
			margin-top: 40px;
		}
		.footer-logo {
			background-image: url("images/mh-logo-footer@2.png");
			background-repeat: no-repeat;
			background-position: center bottom;
			height: 47px;
			width: 250px;
			background-size: 200px 47px;
			margin-left: auto;
			margin-right: auto;
			margin-top: -25px;
			border-right: 20px solid white;
			background-color: white;
			border-left: 20px solid white;
			margin-bottom: 20px;
		}
		div#content.clearfix.row {
			background-image: url("images/content-foot-bg.png");
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 100%;
			padding-bottom: 120px;
		}
	/* END */
	
	/* COPYRIGHT */
		.copyright {
			padding-top: 5px;
			margin-top: -7px;
			height: 60px;
			background-repeat: no-repeat;
			background-position: center;
			box-shadow: none;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
		div.copyright-content div.row {
			margin-top: 20px;
		}
		.copyright p, .copyright a {
			color: white;
			font-size: 10px;
			ver-align: bottom;
		}
		img.sb-icon {
			padding-bottom: 15px;
			padding-top: 5px;
		}
		div.copyright-content {
			margin-top: -10px;
		}
		.copyright-bottom-padding {
			min-height: 10px;
		}
		div#widget-footer.clearfix.row {
			z-index: 999;
			background-color: #000;
			position: relative;
		}
		.remove-footer-shadow {
			padding: 5px;
			z-index: 99;
			position: relative; 
			background:#000;  
			margin: 0 -20px !important;			
		}
	/* END */
	
/* Mailchimp page form */
article .mc4wp-form {
    max-width: 600px;
    background: rgba(255,255,255,0.1);
    padding: 20px;
}

article .mc4wp-form input[type="text"], article .mc4wp-form input[type="email"] {
    width: 90%;
    float: none;
    display: block;
    margin-bottom: 20px;
}

#TB_window {
    background-color: #111;
}
#TB_title {
	background-color: #000;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}