/*
Theme Name: Carr & Co
Theme URI: http://bornagency.co.uk/
Author: Born Agency
Author URI: http://bornagency.co.uk/
Description: This is a custom e-commerce theme for Gemini Sound.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Custom theme by Born Agency, all rights reserved.
Tags:

*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

/* ====== custom resets ====== */
a {
	text-decoration: none!important;
	color: black;
	cursor: pointer;
}
.greenBG a{
	color: white;
}
a:visited {

}
a:hover,
a:focus,
a:active {
	background-color: transparent!important;
}
a:hover,
a:active {
	outline: 0;
}
a:focus {
	outline: thin dotted;
}
h1, h2, h3, h4{
	font-family: 'Playfair Display', serif;
	margin-top: 0;
}

p, a, address, body{
	font-family: 'Lato', sans-serif;
	margin-top: 0;
	color:#606060;
}
h1{
	font-size: 65px;
	font-weight: 700;
}
h2{
	font-size: 45px;
	font-weight: 400;
}
p{
	font-weight: 300;
}
p ul{
	margin-bottom: 10px!important;
  	-webkit-margin-after: 10px!important;
}
.updated{
	display: none;
}
.blacklink a{
	color: #000;
}
.btn-default{
	border: solid 1px #2daae1;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	text-shadow:none;
	padding: 10px 20px;
	cursor: pointer;
}
.btn-default:hover{
	color: #2daae1;
	-webkit-transition: border 0.3s; /* Safari */
	transition: border 0.3s;
    -webkit-transition: color 0.3s; /* Safari */
	transition: color 0.3s;
}
.row{
	margin: 0;
}
div:focus, div:active {
    outline: none;
}
div{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn-primary{
	background-color: #5e5e5e;
	border-color: transparent;
}
.btn-primary:hover{
	background-color: #3f3f3f!important;
	border-color: transparent;
	box-shadow: none;
}
.btn{
	border-radius: 0;
	box-shadow: none;
}
@media (max-width: 750px){
	.btn-default:hover{
		border: solid 1px #2daae1;
		color: #000;
		border-radius: 0;
		background-color: transparent;
		background-image: none;
		box-shadow: none;
		text-shadow:none;
		padding: 10px 20px;
		cursor: pointer;
	}
}
iframe{
	max-width:100%;
}
#wpsl-result-list #wpsl-stores{
  height:auto!important;
}
.wpsl-search-btn-wrap input[type="submit"]{
 	width:auto!important; 
}
img{
	max-width: 100%;
}
/* ====== custom resets END ====== */

/* ====== useful bits ====== */
.greyBG{
	background-color: #f2f2f2;
}
.innerSpace{
	padding: 20px;
}
.noMargin{
	margin: 0;
}
.whiteText, .whiteText a, .whiteText p, .whiteText h2{
	color: #fff!important;
}
.overlay{
	height: 100%;
	width: 100%;
}
.introText{
	font-size: 20px;
}
.noPadding{
	padding: 0;
}
.marginBtm{
	margin-bottom: 30px;
}
.marginBtmBig{
	margin-bottom: 70px;
	min-height: 40vh;
}
.marginTop{
	margin-top: 30px;
}
.marginTopBtm{
	margin-top: 40px;
	margin-bottom: 40px;
}
.paddingTopBtm{
	padding-top: 40px;
	padding-bottom: 40px;
}
.bigPaddingTopBtm{
	padding-top: 300px;
	padding-bottom: 300px;
}
.paddingBtm{
	padding-bottom: 40px;
}
.paddingTop{
	padding-top: 40px;
}
.smallTopBtm{
	padding-top: 20px;
	padding-bottom: 20px;
}
.paddingSide{
	padding-left: 40px;
	padding-right: 40px;
}
.borderRight{
	border-right: 1px dotted #a1a1a1;
}
.greenBG{
	background-color: #70aa45;
	color:#fff;
}
.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.col-wrap{  
    overflow: hidden;   
}
.whiteOverlay{
	background-color: rgba(255,255,255,0.9);
}
.noSidePadding{
	padding-left: 0;
	padding-right: 0;
}
.borderTop{
	border-top: dotted 1px #a1a1a1;
}
.borderBtm{
	border-bottom: dotted 1px #a1a1a1;
  	padding-bottom: 10px;
}
.whiteOverlay{
	background-color: rgba(255,255,255,0.8);
	padding-bottom: 40px;
}
@media (max-width:1200px){
	.paddingSide{
		padding-left: 20px;
		padding-right: 20px;
	}
}
.smallText{
	font-size: 9px;
}
.paddingTitle h2{
	padding-left:15px;
}
.download{
	margin: 10px 0;
}
/* ====== useful bits END ====== */

/* ====== nav header ====== */
.woocommerce-Addresses header{
	background-color: transparent;
}
#mega-menu-header-menu{
	z-index:3000;
}
#headerNav a{
	font-weight: 700;
	color: #6da944;
}
.navbar{
	margin: 0!important;
}
.navbar-brand{
	height: auto!important;
}
.navbar-brand img{
	height: 45px;
}
.navbar-nav>li>a, .navbar-brand{
	padding-top:15px;
	padding-bottom:10px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover{
	color: #616160;
	text-shadow:none;
}
.navbar-default{
	background-image: none!important;
	background-color: transparent!important;
	box-shadow: none!important;
	border-radius: 0!important;
	border: none!important;
	text-transform: capitalize;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
	background-color: transparent!important;
	background-image: none!important;
	box-shadow: none!important;
}
.woocommerce-product-search > button{
	color:white;
  	background-color: transparent;
  	border: none;
}
#menu-cart li{
    display: inline-block;
}
@media (min-width: 768px) {
		.navbar .navbar-nav {
			display: inline-block;
			float: none;
		}

		.navbar .navbar-collapse {
			text-align: center;
		}
	}
/* ====== nav header END ====== */


/* ====== home banner ====== */
.carousel-inner > .item > .container{
	padding-top: 150px;
	z-index: 10;
	position: relative;
}
.carousel-inner > .item > .container h1, .carousel-inner > .item > .container p{
	color: white;
}
.and{
	background-image: url('img/and.png');
	background-size: auto;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 5;
	height: 350px;
	position: absolute;
	width: 100%;
}
.carousel-control{
	z-index: 15;
}
#carousel-header .item{
	height: 350px!important;
	background-attachment: fixed;
}
.circleoverlay{
	position: absolute;
	bottom: 0;
	z-index: 20;
	width: 100%;
}
#carousel-header .btn-primary{
	background-color: #dcd7d3;
	color: #0b0b0b;
	border-color: transparent;
}
#carousel-header .btn-primary:hover{
	background-color: #bab6b3!important;
	border-color: transparent;
	box-shadow: none;
}
@media screen and (min-width: 768px){
.carousel-indicators{
	bottom: 60px;
	z-index: 50;
}
}
#small-header .item{
	height: 200px!important;
}
.warranty{
	display:inline-block;
	height: 60px!important;
  	margin-right:10px;
}
#shop-header p{
	display: inline-block;
}
@media screen and (min-device-width : 768px) and (max-device-width : 1024px){
    #carousel-header .item{
        background-attachment: scroll;
    }
}
@media screen and (max-device-width : 768px){
    #carousel-header .item{
        background-attachment: scroll;
    }
}
/* ====== home banner END ====== */

/* ====== footer ====== */
footer{
	background-color: #e5e5e5;
}
footer ul{
	padding-left: 0;
	margin-bottom:20px;
}
.footer-nav li{
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}
footer p, footer a{
}
.footer-nav li a{
}
footer a, footer a:hover, footer a:active, .footer-nav li a, .footer-nav li a:hover, .footer-nav li a:active{
	font-weight: 300;
}
.socialIcons{
	display: inline-block;
	height: 22px!important;
	margin-right: 5px;
}
.bornLogo{
    width: 30px;
}
/* ====== footer END ====== */

/* ========== contact form ========== */

.wpcf7-form{
	overflow: hidden;
}
.wpcf7{
	font-weight: normal;
}
.wpcf7 label{
	display: block;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
	border: 1px dotted #a1a1a1;
	height: 30px;
	width: 100%;
	padding: 5px;
}
.wpcf7 textarea{
	height: 133px;
}
.wpcf7 input[type="submit"]{
	border-radius: 0;
	min-width: 25%;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	float: right;
}
.wpcf7-validation-errors{
	clear:both;
}
textarea {
    resize: none;
}
div.wpcf7 .ajax-loader{
	height: 0;
}
div.wpcf7 .wpcf7-recaptcha iframe{
	height: auto!important;
}
/* ========== contact form END ========== */

/* ========== Dealers ========== */
.acf-map {
	width: 100%;
	height: 600px;
	border: #ccc solid 1px;
	margin: 0;
}
.wpsl-map, #locationmap{
	height:600px!important;  
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
/* ========== Dealers END =========== */

/* ========== Posts ========== */
.postList li{
	display:block;
	padding: 20px;
	background-color:#f9f9f9;
}
.posts li{
	display:block;
  	margin-bottom:30px;
}
.posts .greyBG{
	padding: 20px;
	height: 250px;
}
.postList li:hover, .posts .greyBG:hover{
	background-color:rgba(0,0,0,0.1);
	-webkit-transition: background-color 0.25s; /* Safari */
    transition: background-color 0.25s;
}
.postList li h3{
	margin-bottom:0;
}
.postImg{
	max-width: 100%!important;
	height:auto;
}
article p img{
	width:100%!important;
  	max-width:100%!important;
  	height:auto!important;
  	margin-bottom:10px;
}
@media screen and ( max-width:991px ){
	.posts .greyBG{
        min-height:300px;
        height: auto;
      	margin-bottom: 10px;
    } 
}
/* ========== Posts END ========== */