/*

Theme Name: Harpenden Chauffers
Author: Jake Adams
Author URI: http://jake-adams.co.uk/
Description: Website for Harpenden Chauffers
Version: 1.0.0
Template: x

*/


/*

GLOBAL
--------------------------------

*/
.home header {
    position: absolute;
    width: 100%;
}


a:focus, select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus {
	outline: none !important;
}

/*

Navigation
--------------------------------

*/

.desktop .sub-menu {
	background-color: rgba(0,0,0,0.65) !important;
	border-radius: 0px !important;
}

.page-id-9 .desktop .sub-menu {
	background-color: rgba(0, 0, 0, 0.65) !important;
}

.desktop .sub-menu {
	background-color: rgba(255, 255, 255, 1) !important;	
	box-shadow: none !important;

}


/*

Homepage
--------------------------------

*/

.x-navbar {
	background-color: transparent !important;
	border-bottom: 0px !important;
	box-shadow: none !important;
}
	
.forcefullwidth_wrapper_tp_banner {
	margin-top: -225px !important;
}

.x-logobar-inner, .x-logobar {
	background: transparent !important;
	border-bottom: 0px !important;
}

 @media screen and (max-width: 980px) {
	 .forcefullwidth_wrapper_tp_banner {
		margin-top: 0px !important;
	}
	
	.page-id-9 .x-navbar {
		background-color: #000 !important;
	}
	
	.x-logobar-inner, .x-logobar {
		background: #000 !important;
	}
	
	.x-navbar {
		background-color: #fff;
	}
	
	.x-section {
		padding: 45px 20px !important;
	}
	
	.x-text {
		margin-bottom: 50px !important;
	}
	
	.x-brand {
		float: none;
		justify-content: center;
		text-align: center !important;
	}
	
	.x-brand.img {
		margin-top: 0px !important;
	}
	
	.x-container.max.width {
		padding: 0px !important;
	}
 }
  
 .x-btn-navbar {
	 background-color: transparent !important;
	 box-shadow: none !important;
}

.page-id-9 .x-navbar .mobile .x-nav li > a {
	color: #fff !important;
}

.x-navbar .mobile .x-nav li > a {
	color: #000 !important;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-top: 0px !important;
}

.x-nav {
	margin-top: 0px !important;
}

.x-navbar .mobile .x-nav li > a:hover {
	color: #fff !important;
}
 
.x-topbar {
	 background-color: #000 !important;
	 color: #fff !important;
	 border-bottom: 0px !important;
}

.x-topbar .p-info, .x-topbar .p-info a {	
	color: #fff !important;
	border-bottom: 0px !important;
	
}

/*
.x-topbar {
	display: none !important;
}

 @media screen and (max-width: 780px) {
.x-topbar {
	display: block !important;
}
 }
*/
.p-info {
	background-color: #000 !important;
	color: #fff !important;
	font-size: 15px !important;
	letter-spacing: 0em !important;
	text-align: left !important;
	float: none !important;
}

@media only screen and (max-width: 768px) {
	.p-info {
		text-align: center !important;
	}
}

.x-btn-navbar {
	width: 100% !important;
	text-align: center !important;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

.x-navbar .mobile .x-nav li > a {
	border-color: #333 !important;
}

.menu-item > a {
	transition: 0.5s !important;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none !important;
}

.x-colophon {
	box-shadow: none !important;
	border: 0px !important;
}

.x-slider-container.below {
	border-bottom: 0px !important;
}

.entry-wrap {
	box-shadow: none !important;
	border: 0px !important;
	border-radius: 0px !important;
}

.page-id-9 .x-btn-navbar {
	border-radius: 0px !important;
	box-shadow: none !important;
	background-color: transparent !important;
	color: #fff !important;
}

.page-id-9 .menu-item > a {
	color: #fff !important;
}

.page-id-9 .menu-item > a:hover {
	color: #ccc !important;
}

.page-id-9 .current-menu-item > a {
	color: #fff !important;
}

.h2, h2 {
	font-size: 1.6em !important; 
	margin-top: 0px !important;
}

h3, .h3 {
	font-size: 2.6em !important;
	letter-spacing: -0.035em;
	line-height: 1.2em;
	margin-top: 0px !important;
}

.entry-wrap {
	padding-top: 0px !important;
}

.x-container.max.width {
	padding-left: 60px;
	padding-right: 60px;
}

.servicesButton {
	text-align: center !important;
	margin-top: 25px;
}
	
.x-btn.x-btn-flat.x-btn-square.x-btn-regular {
	background: #888;
	border: none;
	text-shadow: none !important;
}

.x-btn.x-btn-flat.x-btn-square.x-btn-regular:HOVER {
	background: #555;
}

/*

FOOTER
---------------------------------

*/


.textwidget {
text-align: center !important;
}

.footerLogo > img {
width: 200px !important;
}


/* 
Accordion
-------------------------------
*/

.x-accordion-group {
	box-shadow: none !important;
	border: 0px !important;
	border-bottom: 1px solid #ccc !important;
}

.x-accordion-toggle {
	padding-top: 0px !important;
}
	
/* 
NINJA FORM
-------------------------------
*/

.inputNinja {
	height: 35px !important;
}

.nf-error-msg.nf-error-required-error {
	display: none !important;
}

.ninja-forms-field {
	border-radius: 0px !important;
	box-shadow: none !important;
}
	
.nf-field-container {
	margin-bottom: 15px !important;
}

.nf-error .ninja-forms-field {
	border: 1px solid #bc0000 !important;
}

.nf-form-cont {
	margin-top: -15px !important;
}

 @media screen and (max-width: 780px) {
	.field-wrap.date-wrap {
		display: none;
	}
}

.nf-form-fields-required {
	display: none !important;
}

#nf-field-4 {
	padding: 10px 20px !important;
	border: 1px !important;
	transition: 0.5s;
}

#nf-field-4:hover {
	background-color: #ccc !important;
}

.label-above .nf-field-label {
	margin-bottom: 0px !important;
}

.nf-field-container.date-container.label-above {
	width: 49%;
	float: left;
	display: block;
	clear: none !important;
	margin-right: 2% !important;
}

.timeNinja {
	width: 49%;
	float: left;
	display: block;
	clear: none !important;
}


/* WOO COMMERCE */

.woocommerce .cols-3 li.product, .woocommerce.columns-3 li.product {
	clear: none !important;
	display: block !important;
	float: left !important;
 	margin-right: 2% !important;
	width: 30.667%;
}