/*
 Theme Name:   Johnson Coaches
 Theme URI:    https://skyline-internet.com/skylinestarter
 Description:  A Starter Theme for Skyline WordPress Sites, Child theme of Customify
 Author:       Skyline Internet
 Author URI:   https://www.skyline-internet.com
 Template:     customify
 Version:      1.0.0
 Text Domain:  johnsoncoaches
*/

:root{
	--fonth: 'gill-sans-nova', sans-serif;
	--fonth_weight: 700;
	--fontp: 'Open Sans', sans-serif;
	--fontp_weight: 400;
	--white: #fff;
	--black: #1a1a1a;
	--grey: #c5c6c6;
	
	--default: var(--grey);
	--primary: #0051a0;
	--secondary: #ad4482;
	
	--primary-light: #093d6f;
	--primary-dark: #0b355f;
	
	--secondary-dark:#8b2c64;
	
	--card-border-width: 1px;
	--border-radius:30px;	
	--cubic: cubic-bezier(0.4, 0.0, 0.2, 1);
}

.sow-slider-base{
 z-index:1;	
}


html {
  scroll-behavior: smooth;
}

/* Buttons */

.btn,
body .so-widget-sow-button .btn,
.customify-builder-btn{
	border-radius:var(--border-radius)!important;
	display: inline-block;
	font-family:var(--fontp)!important;
	font-weight:var(--fontp-weight)!important;
	text-transform: capitalize!important;
	letter-spacing:1px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent!important;
    padding: .5em .9em!important;
    line-height: 1.5!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


body.home .so-widget-sow-button .btn.ow-icon-placement-right>span{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row-reverse;
}
body.home .so-widget-sow-button .btn.ow-icon-placement-right>span>span{
	padding-left:5px;
	margin-left:0!important;
}

body.home .so-widget-sow-button .btn.ow-icon-placement-right [class^="sow-icon-"]{
	margin:0!important;
}


.home .btn-primary{
	background-color:var(--primary)!important;
	color:#fff!important;
}

.home .btn-primary:hover{
	background-color:var(--primary-dark)!important;
}

.home .btn-primary.inverse,
.home .btn-primary.inverse span{
	background-color:#fff!important;
	color:var(--primary)!important;
}

.home .btn-secondary{
	background-color:var(--secondary)!important;
	color:#fff!important;
}

.home .btn-secondary:hover{
	background-color:var(--secondary-dark)!important;
}

.home .btn-secondary.inverse{
	background-color:#fff!important;
	color:var(--secondary)!important;
}

/* End Buttons */
/*============*/
/* Header*/
/*End Header*/
/*============*/
/* Footer */
	footer a.social-link{
		font-size:1.5em;
		margin:0 10px;
	}

	footer a.social-link:first-child{
		margin-left:0;
	}

footer li a{
 border-bottom:none!important;
}

footer li {
 margin-bottom:0!important;	
}

footer li a:before{
content:"- ";	
}

footer .sow-social-media-button{
 width:auto!important;
 padding: 0 0 !important;
 margin:0 0 !important;	
} 


/* End Footer */
/*============*/
/* Form Control */
	.form-control,
	.wpcf7-form-control{
		display: block;
		width: 100%;
		padding: .5rem 1rem!important;
		font-size: 1rem;
		line-height: 1.5;
		color: #000!important;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid var(--grey)!important;
		border-radius: var(--border-radius)!important;
		font-family:var(--fontp);
		font-weight:300!important;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		box-shadow:none!important;
	}

	.wpcf7-form-control:not([type=submit]):focus{
		background-color:#fff!important;
	}

.wpcf7-form [type=submit], .newsletter-form .btn{
text-transform:capitalize!important;
font-weight:300!important;	
color:#fff!important;	
background-color:var(--secondary)!important;	
font-family: FontAwesome, "Open Sans";	
padding: 0.5rem 1rem!important;
line-height: 27px!important;
min-height: auto!important;
}

.wpcf7-form strong{
text-align:center;
display:block;	
}

.wpcf7-response-output{
		background-color:#17a2b8!important;
		color:#fff;
		border-left:8px solid #107e90!important;
		border-top:none!important;
		border-right:none!important;
		border-bottom:none!important;
		padding:.6em .8em!important;
	}

	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output{
		background-color:#ff8a05!important;
		border-color:#eb7d00!important;
	}

/* End Form Control */
/*============*/
/* Home */
	body.home main#main,
	main#main{
		padding-top:0!important;
	}

	body.home .sow-slider-image-wrapper:after{
		content:'';
		display:block;
		width:100%;
		height:100%;
		z-index: -1;
		position:absolute;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.15);
	}

	body .home-hero .home-hero-inner>.panel-grid-cell{
		z-index:0;
	}

	body .hero-caption{
		text-align:center;
	}

	body .hero-caption .sow-hero-buttons{
		margin-top:0!important;
	}

	body .hero-caption h5{
		font-size:2em!important;
		font-style:italic;
		font-weight:300;
		text-shadow:none!important;
		text-transform:capitalize!important;
		font-family:var(--fonth)!important;
	}

	body .hero-caption p{
		font-weight: 300!important;
		font-size: 1.2em!important;
	}

	body .hero-caption h3{
		font-size:3em!important;
		font-weight:700;
		letter-spacing:0.0588235em;
		text-shadow:none!important;
	}


#homepage-form{
 text-align:center;	
}

#homepage-form input[type=text], #homepage-form input[type=email], #homepage-form input[type=tel]{
  width:32%;
  display:inline-block;	
  margin-bottom:20px;	
 vertical-align:baseline!important;	
}

#homepage-form input[type=tel]{
 margin: 0 1.5%;
}

#homepage-form .wpcf7-list-item{
 float:left;
 margin: 0%;
}

#homepage-form .wpcf7-textarea {
	width: 100% !important;
}

#homepage-form .wpcf7-checkbox {
	height: 42px;
	width: 66%;
	display: inline;
	border: none !important;
}

#homepage-form input[type=submit]{
width:32.5%;
float:right;	
}

/* End Home */
/*============*/
/* Class Utilities */
.bg-grey{
	background-color:var(--grey);
}

.bg-black{
	background-color:var(--black);
}

.bg-primary{
	background-color:var(--primary);
	color:#fff!important;
}

.bg-secondary{
	background-color:var(--secondary);
}

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

.text-white{
	color:#fff!important;
}

.text-default{
	color:var(--default)!important;
}

.text-primary{
	color:var(--primary)!important
}

.text-secondary{
	color:var(--secondary)!important;
}

.text-grey,
.text-gray{
	color:var(--grey)!important;
}

.text-black{
	color:var(--black)!important;
}

.d-block{
	display:block!important;
}

.widget-title{
	font-size:22px!important;
	margin-bottom:0!important;
}

.flex-wrap{
	display:flex;
	margin-bottom:5px;
}

.flex-wrap.cols-2 .col{
	flex:2;
	padding:0 1em;
}

.flex-wrap.cols-2 .col:first-child{
	padding-left:0;
}

.flex-wrap .flex-1{
	flex:1;
}
.flex-wrap .flex-2{
	flex:2;
}

.flex-wrap .flex-3{
	flex:3;
}

.flex-wrap .flex-4{
	flex:4;
}

@media(max-width:768px){
	.flex-wrap .flex-1,
	.flex-wrap .flex-2{
		flex:auto;
	}
	
	.flex-wrap{
		flex-direction:column!important;
	}
	
	.flex-wrap .col{
		padding:0!important;
	}
}

.flex-wrap.cols-2 .grow-1{
	flex-grow:1;
}
.flex-wrap.cols-2 .grow-2{
	flex-grow:2;
}
.flex-wrap.cols-2 .grow-3{
	flex-grow:3;
}
.flex-wrap.cols-2 .grow-4{
	flex-grow:4;
}

.o-auto{
	overflow:auto;
}

.position-relative{
	position:relative;
}

.bg-default{
	background-color:var(--default);
}

.m-0{
	margin:0!important;
}

.justify-between{
	justify-content:space-between;
}

.py-2{
	padding-top:.3em;
	padding-bottom:.3em;
}

.highlight{
	color:var(--primary);
	font-style:italic;
}

.italic{
	font-style:italic!important;
}
/* End Class Utilities*/

.with-svg-wave{
	position:relative;
}

.top-curve-left,
.bottom-curve-left,
.top-curve-right{
	position:absolute;
}

.top-curve-left{
	width:30vw;
	left:0;
	top:10%;
}
.bottom-curve-left{
	width:27vw;
	left:0;
	bottom:10%;
}
.top-curve-right{
	width: 25vw;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.top-curve-left svg path{
	fill:var(--primary-light);	
}

.bottom-curve-left svg path{
	fill:var(--default);
}

.top-curve-right svg path{
	fill:var(--secondary);
}

.cards .card{
	border:var(--card-border-width) solid #eee;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius:var(--border-radius);
}

.cards .card img{
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.cards .card .so-widget-sow-editor{
	padding:2em 1em!important;
	text-align:center;
}

.cards .card .so-widget-sow-editor p:last-of-type{
	margin-bottom:0;
}

.cards .card .widget_sow-image{
	border-bottom:var(--card-border-width) solid #eee;
	position:relative;
}

.cards .card .widget_sow-image .widget-title{
	position:absolute;
	left:30%;
	bottom:0;
	transform:translate(-50%,50%);
	border-radius:var(--border-radius);
	border:var(--card-border-width) solid #eee;
	padding:0 12px;
	background-color:#fff;
}

.cards .card .widget_sow-image .widget-title:after{
	width:0;
	height:100%;
	display:block;
	content:'';
	background-color:var(--primary);
}

.cards .card,
.cards .card .widget-title,
.cards .card .btn{
	position:relative;
	transition: all .3s var(--cubic);
}

.cards .card:hover{
	transform:scale(1.01);
 	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.cards.image-cards .card:hover{
	transform:none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	
}
.cards .card.card-primary{
	border-color:var(--primary);
}

.cards .card.card-primary .widget-title{
	color:var(--primary);
}

.cards .card.card-primary .widget_sow-image,
.cards .card.card-primary .widget_sow-image .widget-title{
	border-color:var(--primary);
}

.cards .card.card-secondary{
	border-color:var(--secondary);
}

.cards .card.card-secondary .widget-title{
	color:var(--secondary);
}

.cards .card.card-secondary .widget_sow-image,
.cards .card.card-secondary .widget_sow-image .widget-title{
	border-color:var(--secondary);
}

.cards .card.card-default{
	border-color:var(--default);
}

.cards .card.card-default .widget-title{
	color:var(--default);
}

.cards .card.card-default .widget_sow-image,
.cards .card.card-default .widget_sow-image .widget-title{
	border-color:var(--default);
}

.home .cards .card .so-widget-sow-button .btn{
	border-radius: var(--border-radius);
    position: absolute;
    right: 1em;
    bottom: 0;
	transform:translateY(50%);
}

.cards.image-cards .sow-image-container{
	overflow:hidden;
	border-radius: var(--border-radius);
}

.cards.image-cards .sow-image-container img{
	transition:all .3s var(--cubic);
}

.cards.image-cards .sow-image-container:hover img{
	transform:scale(1.1);
	transition:all .3s var(--cubic);
}

.cards.image-cards .sow-image-container a:after{
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0, 81, 160,0.5);
	border-radius:var(--border-radius);
}

.cards.image-cards .card{
	border:none!important;
}

.cards.image-cards .card .so-widget-sow-image .widget-title{
	background-color: transparent;
    border: none;
    color: #fff;
    top: 50%;
    left: 50%;
    font-size: 2em!important;
    bottom: unset;
    transform: translate(-50%,-50%);
	text-shadow:2px 2px 3px rgba(0,0,0,0.8);	
	text-align:center;
}

.cards.image-cards .card .so-widget-sow-image .widget-title a{
	color:#fff;
}

.cards.icon-cards .our-fleet:after,
.cards.icon-cards .school-runs:after,
.cards.icon-cards .private-hire:after{
	font-family:'Font Awesome 5 Free';
	font-weight:600;
	display:block;
	position:absolute;
	top:0;
	right:1em;
}

.cards.icon-cards span.icon-wrapper{
	position:absolute;
	top:0;
	right:1em;
	background-color:#fff;
	transform:translateY(-50%);
}

.cards.icon-cards .card .so-widget-sow-editor{
	padding:1em!important;
	text-align:left!important;
}

.johnson-gradient{
	background: rgb(0,81,160);
background: -moz-linear-gradient(45deg, rgba(0,81,160,1) 0%, rgba(173,68,130,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,81,160,1) 0%, rgba(173,68,130,1) 100%);
background: linear-gradient(45deg, rgba(0,81,160,1) 0%, rgba(173,68,130,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.cards.image-cards .card .so-widget-sow-image,
.cards.image-cards .card .widget_sow-image{
	border-bottom:none!important;
}

body .cards.image-cards .card img{
	border-radius:var(--border-radius) !important;
}

#menu-main-menu .sub-menu{
	background-color:#eee;
	font-weight:600;
}

.relative{
	position:relative;
}

.row-divider img{
position: absolute;
left: 0;
width: 100%;
height: auto;
}

.newsletter-form .item{
	padding:0 1em;
}

.newsletter-form .item:first-of-type{
	padding-left:0;
}

.newsletter-form .item:last-of-type{
	padding-right:0;
}

.svg-bg img,
.svg-bg svg{
	width:100vw;
	max-width:100vw;
}

.home .so-widget-sow-features .sow-features-list .sow-icon-container{
	margin: initial !important;
}

.home .so-widget-sow-features .sow-features-list .textwidget{
 margin:initial;
     display: inline-block;	
}

.home .so-widget-sow-features .sow-features-list .textwidget h3{
 margin: 0 0 0 30px;	
}

/* Our Fleet Page */
#fleet .widget_siteorigin-panels-builder .panel-widget-style{
 border-radius:0 0 30px 30px;	
 border-width:2px!important;	 
 border-top:none!important;
}

#fleet .sow-slider-base ul.sow-slider-images li.sow-slider-image{
 border-radius:30px 30px 0  0;
}

#fleet .sow-features-list .textwidget{
 margin: 0 0!important;
 text-align:left !important;
 width:90%;	
}

#fleet .sow-features-list .textwidget p, #fleet .sow-features-list .textwidget{
 line-height:1em !important;		
}

#fleet .sow-features-list .sow-features-feature{
margin-bottom:1em;	
}

#fleet .ow-button-base a.ow-icon-placement-right [class^="sow-icon-"] {
margin-right:0.2em!important;
margin-top:0.15em!important;
margin-left:0.25em!important;	
}

#fleet .sow-features-list .sow-features-feature{
display: -webkit-box!important;
}

main .textwidget strong,main .textwidget  b{
 color:#888;
}

#boxes .widget_siteorigin-panels-builder .panel-widget-style{
 border-radius:0 0 30px 30px;	
 border-width:2px!important;	 
 border-top:none!important;
}

#boxes .so-widget-sow-image img{
 border-radius:30px 30px 0  0;
}

#boxes .ow-button-base a.ow-icon-placement-right [class^="sow-icon-"] {
margin-right:0.2em!important;
margin-top:0.15em!important;
margin-left:0.25em!important;	
}

li.current-menu-item a{
 font-weight:500!important;	
}

#school-runs .so-widget-sow-image img, #private-hire .so-widget-sow-image img{
 border-radius:30px;
}

.consent .wpcf7-form-control{
 border:none!important;	
 padding:0 0!important;
font-size:0.9em;	
}

/* 404 Page */

.error-404{
 text-align:center;
 padding-bottom:10%;	
}

.error-404 .button{
border-radius: var(--border-radius)!important;  
text-transform: capitalize!important;
letter-spacing: 1px;
background-color:var(--secondary)!important;
font-weight: var(--fontp-weight)!important;
}

/* Mobile Styling */

#site-navigation-sidebar-mobile .sub-menu a{
background-color:var(--secondary)!important;	
}

.nav-menu-mobile .sub-menu li, .nav-menu-mobile .menu .sub-menu{
 border:none!important;	
}

.nav-menu-mobile .menu .sub-menu li a{
 padding-left:1.75em!important;	
 font-weight:300!important;	
}

.nav-menu-mobile .menu .sub-menu li a:before{
 content:"- ";	
}

@media screen and (min-width: 1200px) {
#fleet .widget_siteorigin-panels-builder .panel-widget-style{
 min-height:415px!important;	
}
}

@media screen and (max-width: 1200px) {
#fleet .widget_siteorigin-panels-builder .panel-widget-style{
 min-height:450px!important;	
}
}

@media screen and (max-width: 1024px) {
 .cards .card{
 margin-bottom:50px;	
 }	
#fleet .widget_siteorigin-panels-builder .panel-widget-style{
 min-height:410px!important;	
}	
}

@media screen and (max-width: 992px) {
#fleet .widget_siteorigin-panels-builder .panel-widget-style{
 min-height:415px!important;	
}
}


@media screen and (max-width: 870px) {
  #homepage-form input[type=submit]{
  margin-top:10px;	  
  }
}

@media screen and (max-width: 780px) {
 #fleet .widget_siteorigin-panels-builder .panel-widget-style{
 min-height: auto!important;	
 }
}

@media screen and (max-width: 568px) {
#homepage-form input[type=text], #homepage-form input[type=email], #homepage-form input[type=tel]{
  width:100%;
}
	
#homepage-form input[type=tel]{
 margin: 0 0 20px 0;
}	
	
#homepage-form input[type=submit]{
width:100%;	
}
	
.builder-first--footer_copyright{
margin-bottom:0!important;	
}	
	
.home .sow-features-list.sow-features-responsive .sow-features-feature{
display:flex;	
}	
}

@media screen and (max-width:768px){
	body .hero-caption h3{
		font-size:2em!important;
	}
	
}

@media(max-width:768px){ 
	#homepage-form .wpcf7-checkbox{ width:100%;}
   }