/*
 Theme Name:   Leslin Transport
 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:  Leslin
*/

:root{
	--fonth: 'Open Sans', sans-serif;
	--fonth_weight: 700;
	--fontp: 'Open Sans', sans-serif;
	--fontp_weight: 400;
	--white: #fff;
	--black: #1a1a1a;
	--grey: #e6e6e6;
	
	--default: var(--grey);
	--primary: var(--white);
	--secondary: var(--black);
	
	--border-radius:5px;	
}

html {
  scroll-behavior: smooth;
}

/* Buttons */

.btn{
	border-radius:var(--border-radius);
	display: inline-block;
	font-family:var(--fontp)!important;
	font-weight:var(--fontp_weight)!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: .375rem .75rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover{
	box-shadow:inset 200px 200px 200px 200px rgba(255,255,255,0.25)!important;
}

.btn-primary{
	background-color:var(--primary)!important;
	color:#fff!important;
}

.btn-primary.inverse{
	background-color:#fff!important;
	color:var(--primary)!important;
}

.btn-secondary{
	background-color:var(--secondary)!important;
	color:#fff!important;
}

.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;
	}
/* End Footer */

/*============*/
/* Home */
	body.home main#main{
		padding-top:0!important;
	}

	body.page-template-page-padding-0{
		padding-top:0!important;
		padding-bottom:0!important;
	}

	body.page-template-page-padding-bottom-0{
		padding-bottom:0!important;
	}

	body.page-template-page-padding-top-0{
		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.31);
	}

	body.home .home-hero .home-hero-inner>.panel-grid-cell{
		z-index:0;
	}

	body.home .hero-caption{
		padding-top:18vh;
		text-align:center;
	}

	body.home .hero-caption h5{
		font-size:24px!important;
		font-style:italic;
		font-weight:300;
		text-shadow:none!important;
		text-transform:capitalize!important;
		font-family:var(--fonth)!important;
	}

	body.home .hero-caption h3{
		font-size:68px!important;
		font-weight:700;
		letter-spacing:0.0588235em;
		text-shadow:none!important;
		text-transform:uppercase;
	}
/* 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*/

.sow-slider-base {
    z-index: 1;
}

.site-content{
 margin-top:-30px;	
}

.last-row{
 position:relative;	
 z-index:20;	
}

/*Footer Form*/
.home .footer-top .so-widget-sow-headline{
 padding-top:115px!important;
}

.footer-top-inner .wpcf7 input{
font-family: "Roboto";	
font-weight:300;
font-size:16px;	
text-transform:none!important;	
}

.footer-top-inner .wpcf7 input[type=text], .footer-top-inner .wpcf7 input[type=tel]{
 width:45%;	
 border:none;	
 background-color:rgba(255,255,255,0.1);	
 margin-right:1%;
 color:#fff;	
 opacity:0.75;	
 padding:1em 1em!important;	
 height:inherit;	
} 

.footer-top-inner .wpcf7 input[type="submit"]{
 background-color:#766132!important;
 font-weight:300!important;
font-size:16px!important;
 padding:0.25em 1em!important;	
 height:inherit;		
}

.footer-top-inner .wpcf7-list-item{
 margin: 0 0;	
}

.footer-top-inner .wpcf7-checkbox{
 font-size:0.85em;	
  opacity:0.75;		
}

.footer-top-inner .wpcf7 label{
 float:right;
  color:#fff;		
 font-size:0.85em;	
  opacity:0.75;			
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity:0.75;	
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
   opacity:0.75;		
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;	
   opacity:0.75;		
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;	
   opacity:0.75;		
}

/*Footer Menu*/
.widget-area .widget_nav_menu li a{
border:none!important;
}

.widget-area .widget_nav_menu li a:before{
content: "- ";	
}

.widget-area .widget ul li{
margin-bottom:0;	
}

/*Page Styles*/

main .textwidget i{
margin-left:10px;	
}

.contact-form .wpcf7 input{
font-family: "Roboto";	
font-weight:300;
font-size:16px;	
text-transform:none!important;	
}

.contact-form .wpcf7 input[type=text], .contact-form .wpcf7 input[type=tel]{
 margin-right:1%;
 padding:1em 1em!important;	
 height:inherit;	
} 

.contact-form .wpcf7 input[type="submit"]{
 background-color:#766132!important;
 font-weight:300!important;
font-size:16px!important;
 padding:0.25em 1em!important;	
 height:inherit;		
 display:block!important;
margin: 0 auto;	
}

.contact-form .wpcf7-list-item{
 margin: 0 0;	
}

.contact-form .wpcf7-checkbox{
 font-size:0.85em;	
}

.contact-form .wpcf7 label{
 font-weight:400;	
 display:block;
 text-align:center;	
}

.contact-form .wpcf7-form-control-wrap, .contact-form strong{
 display:block;
 text-align:center;		
}

.heavy-haulage{
 box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
position: relative;
}

.services strong{
 font-weight:600!important;	
}

/*Testimonials*/

.testimonial-name, .testimonial-company{
 font-weight:400;
 margin-bottom:0!important;
 line-height:normal!important;	
}

.testimonial-content{
 font-size:1em!important;
 line-height:normal!important;	
 margin-bottom:20px!important;
 font-weight:300!important;	
 padding:0 60px !important;	
}

.wpmtst-testimonial-content:before, .wpmtst-testimonial-content:after{
 opacity:0.3;	
}

/*404 Page*/

.error-404{
padding:7% 0 5% 0;	
}

.error-404 .button{
 background-color:#766132!important;
 font-weight:300!important;
font-size:16px!important;
 padding:0.25em 1em!important;	
 height:inherit;		
text-transform:none!important;	
}