/*
	Theme Name: Xpress Fleet Services
	Theme URL: https://xpressfleetservices.com
	Description: This is a custom theme for Xpress Fleet Services. 
	Author: Naranjo Designs
	Author URI: http://www.naranjodesigns.com/
	Version: 2.0.22
 	License: GPL-2.0
	
	Template: primer
 	Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, threaded-comments, three-columns, translation-ready, two-columns
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * 														    *       
 * 						 Project Start Date: 01/26/2022	    *
 *                       Publication Date: 02/16/2022  	    * 
 * 						 Last Modification Date: 03/23/2022	*
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Animation 
 
     USAGE: 
     -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;
*/
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-moz-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }} /* Firefox < 16 */
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Internet Explorer */
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Opera < 12.1 */

/* Global */
body {overflow-x:hidden;}
object {pointer-events:none;}
html {scroll-behavior:smooth;} /* USAGE: <a href="#"></a> */

.green{color:#6BA642 !important}
.green-2{color:#41A736 !important}
.green-bg{background-color:#41A736 !important}
.blue-bg{background-color:#0C3256 !important}
.custom-logo{width:207px}
#site-navigation{background-image:linear-gradient(#3E9D36,#2F7835)}
.current_page_item .place-image{display:block !important}
.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a{
	background-color:transparent;
    color:#0C3256 !important;
	font-weight:600 !important;	
}
.main-navigation{max-width:100%}
.main-navigation a{padding:1rem}
#menu-menu {
  	flex-wrap: wrap;
  	display: flex;
	text-align: center;
}
	#menu-menu li {
	  	flex: 1 0 25%;
		font-size: larger;
		font-weight:500;
	}
	#menu-menu li a:hover {
	  	color:#0C3256;
		font-weight:600;
		text-decoration:none;
	}
.site-header {background-image:linear-gradient(to right, #041231,#0E3156)}
.site-header-wrapper {max-width: 90%}
	.site-header-wrapper .col:not(:first-child) {
	  	display: flex;
	  	align-items: center;
	  	justify-content: center;
	}
	
.place-image{
	display:none;
	margin-top:-1px;
	position:absolute;
	left:46%;
}
.place-image img{
	height: 13px;
    width: 45px;
}
.site-title-wrapper {padding: 1.08% 0}
.site-title-wrapper td {
	padding: 6px 0 6px 0;
	font-size:smaller;
	color: white;
}
.blue-gradient{background-image:linear-gradient(#041231,#0E3156)}
.page-title-container{display:none}
.hentry {
    margin: 0;
    padding: 0;
}
.site-footer {
	background-color: transparent;
	background-image:linear-gradient(#041231,#0E3156);
}
.xfs-footer-wrapper{
	max-width:90%;
	position:relative;
	margin: 0 auto;
	color:white;
	padding: 36px 0 18px 0;
	font-size:smaller;
	font-weight:500;
}
	.xfs-footer-wrapper th{
		color:white;
		padding-bottom:18px;
		font-size:large;
		
	}
	.xfs-footer-wrapper td{padding: 6px 0 6px 0}
	.xfs-footer-wrapper .green{white-space:nowrap}
.social-icons a {
	display: inline-block;
	position: relative; 
	z-index: 1;
}
.social-icons span {display:inline-block}
.social-icons object {
	position:relative;
	z-index: -1;
}

.page-content, .entry-content, .entry-summary {margin:0}
.site-content {
	max-width: 100%;
	margin-top:0;
}
.fl-row-content-wrap {padding: 0 7.2rem}

/********** HOME **********/
.home .fl-row-fixed-width {max-width: 100%}
.home .fl-module-content, .home .page-content {margin:0}
.home .site-content {margin-top:0}
.home .hentry table td, .home .fl-row-content-wrap {padding:0}
.layout-one-column-wide .content-area {
	margin:0;
	width:100%;
}
#home-bottom-logo-wrap img {width:63%}
#splash-1{
	background-position: center 81% !important;
	background: url('/wp-content/uploads/2022/02/home-1-scaled.jpg');	
}
#splash-2{
	background-position: center 9% !important;
	background: url('/wp-content/uploads/2022/02/home-2-scaled.jpg');
}
.splash-slide {
	height: 555px !important;
	background-size: cover !important
}

.splash-class {
	cursor: pointer;
	background-color: white;
    padding: 3px 3px 3px 9px;
    position: absolute;
    top: 210px;
    height: 69px;
    font-size: 60px;
    line-height: .81;
    color: #41A736;
}
#splash-prev {
	left:0;
	width: 69px;
	z-index: 1;
}
#splash-prev img {
	max-height: 39px;
	margin-left:9px;
}
#splash-next {
    right: 0;
    width: 168px;
}
	#splash-next img:first-child {
		float:left;
		height:69px;
		width:auto;
		margin: -3px 9px 0 -9px;
	}
	#splash-next img:last-child {
		margin: 12px auto 0 auto;
		display:block;
		max-height: 39px;
	}
#splash-1-details {
	width: 50%;
    background-color: rgba(12, 50, 86, .33);
    padding: 72px 0 18px 141px;
}
	#splash-1-details h2 {
		color: white;
	    padding: 0 0 0 96px;
	    font-weight: 600;
	    margin-bottom: -3px
	}
	#splash-1-details p {
		padding: 0 0 0 96px;
		color: white;
		font-size:small;
		margin-top:-18px;
		white-space:nowrap;
	}
	#splash-1-details table {
		width:400px;
		padding: 0 0 0 96px;
		display: block;
	}
	#splash-1-details td{border:none}
	#splash-1-details td:nth-child(1){
		color:#0C3256;
		font-size: 2.7rem;
    	font-weight: 700;
    	letter-spacing: 2px;
	}
	#splash-1-details td:nth-child(2){
		color:white;
		padding:9px 9px 6px 9px;
		font-size:small;
	}
	
	/* */
	#splash-2-details {
		width: 50%;
	    background-color: rgba(12, 50, 86, .33);
	    padding: 72px 0 18px 141px;
	}
	#splash-2-details h2 {
		color: white;
	    padding: 0 0 0 96px;
	    font-weight: 600;
	    margin-bottom: -3px
	}
	#splash-2-details p {
		padding: 0 0 0 96px;
		color: white;
		font-size:small;
		margin-top:-18px;		
		white-space:nowrap;
	}
	#splash-2-details table {
		width:400px;
		padding: 0 0 0 96px;
		display: block;
	}
	#splash-2-details td{border:none}
	#splash-2-details td:nth-child(1){
		color:#0C3256;
		font-size: 2rem;
		font-family: "Open Sans", sans-serif;
	    font-weight: 600;
	}
	#splash-2-details td:nth-child(2){
		color:white;
		padding:9px 9px 6px 9px;
		font-size:small;
	}
	
#xpress-splash input {
	margin: 9px 0 0 237px;	
	font-weight:600;
}
#xpress-splash table tr:hover td {
    background-color: transparent;
}
#home-quote-wrap {
    margin-top: -450px;
    width: 369px;
    background-color: rgba(12, 50, 86, .6);
    position: absolute;
    right: 18%;
    z-index: 1;
}
#home-quote-wrap .widget{
	background-color:transparent;
	padding: 2rem 2rem 0 2rem;
	margin:0;
}
.home .wpforms-title {
	color:white;
	font-weight:500;
	text-align:center;
	font-size:medium !important;
}
.home  div.wpforms-container-full .wpforms-form input[type=text],
.home  div.wpforms-container-full .wpforms-form input[type=tel],
.home  div.wpforms-container-full .wpforms-form input[type=email] {
	background-color:#082540;
	border:none;
	color:white;
}
#wpforms-634-field_3 {padding-left:9px !important}

div.wpforms-container-full .wpforms-form button[type=submit]{
	color:white !important;
	text-transform:uppercase;
	border-radius:2px;
	padding: 6px 18px !important;
	display:block;
	margin: 0 auto;
	border:none !important;
	background-color:#41A736 !important;
	font-size:small !important;
	font-weight:500;
}
.iti__flag-container{display:none}
#wpforms-705-field_3 {padding-left:10px !important}
input[type=tel], div.wpforms-container .wpforms-form .iti--allow-dropdown input, div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=text], div.wpforms-container .wpforms-form .iti--allow-dropdown input[type=tel], div.wpforms-container .wpforms-form .iti--separate-dial-code input, div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=text], div.wpforms-container .wpforms-form .iti--separate-dial-code input[type=tel], div.wpforms-container-full .wpforms-form .iti--allow-dropdown input, div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=text], div.wpforms-container-full .wpforms-form .iti--allow-dropdown input[type=tel], div.wpforms-container-full .wpforms-form .iti--separate-dial-code input, div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=text], div.wpforms-container-full .wpforms-form .iti--separate-dial-code input[type=tel], #wpforms-conversational-form-page .iti--allow-dropdown input, #wpforms-conversational-form-page .iti--allow-dropdown input[type=text], #wpforms-conversational-form-page .iti--allow-dropdown input[type=tel], #wpforms-conversational-form-page .iti--separate-dial-code input, #wpforms-conversational-form-page .iti--separate-dial-code input[type=text], #wpforms-conversational-form-page .iti--separate-dial-code input[type=tel]{padding-left:10px !important}
div.wpforms-container-full .wpforms-form label.wpforms-error {color:white !important}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error{border:1px solid white !important}
#home-created-wrap input{
	display:block;
	margin: 0 auto;
	font-weight:bold;
	padding: 0.7em 1.08em;
}
#home-created-wrap h2 {
	color:#0C3256;
	font-size:1.5rem;
   	width: 69%; 
   	text-align: center; 
   	border-bottom: 1px solid #0C3256; 
   	line-height: 0.1em;
   	margin: 39px auto;
} 
#home-created-wrap  h2 span { 
    background:#fff; 
    padding:0 10px; 
}
#home-created-wrap p {
	color: #41A736;
    font-stretch: expanded;
    letter-spacing: 4px;
    font-size: small;
    font-weight: bold;
    text-transform: uppercase;
}
#home-ready {
	margin-top:-81px;
	position:relative;
}
#home-ready h2 {
	color:white;
	font-size:1.5rem;
   	width: 69%; 
   	text-align: center; 
   	line-height: 0.1em;
   	margin: 27px auto;
} 
#home-ready p {
	color: #41A736;
    font-stretch: expanded;
    letter-spacing: 4px;
    font-size: small;
    font-weight: bold;
    text-transform: uppercase;
}
.home-service-card {
	background-color: #0C3256 !important;
	margin: 0 6px;
    padding: 6px 12px;
    min-height: 211px;
}
.home-service-card:hover {
	background-color:#41A736 !important;
	cursor:pointer;
}
.home-service-card h5, .home-service-card p{color:white}
.home-service-card img {
	margin: 0 auto;
    display: block;
    margin-top: 27px;
}
.home-service-card .card-body {padding: 1.25rem 1.25rem 1.25rem 0}
.home-service-card .col-md-4 {padding-right:0}
.home-service-card .col-md-8 {padding-left:0}
#home-our-team-wrap h2,#home-our-team-wrap h3 {color:white}
#home-our-team-wrap h2 {
	font-weight:bold;
	margin-bottom:0;
}
#home-why-choose-wrap img {max-height:96px}
#home-why-choose-wrap h3,#home-why-choose-wrap h2,#home-why-choose-wrap p {color:#0C3256}
#home-why-choose-wrap h3{
	font-size:large;
	font-weight:bold;
}
#home-why-choose-wrap h2 {
	font-size:1.5rem;
   	width: 69%; 
   	text-align: center; 
   	border-bottom: 1px solid #0C3256; 
   	line-height: 0.1em;
   	margin: 18px auto;
} 
#home-why-choose-wrap h2 span { 
    background:#fff; 
    padding:0 10px; 
}
#home-why-choose-wrap .green-2 {
    font-stretch: expanded;
    letter-spacing: 4px;
    font-size: small;
    font-weight: bold;
    text-transform: uppercase;
}

/********** ABOUT *********/
#about-xfs-wrap {height:333px}
.page-slug-about h2 {
	font-size:2.7rem;
	font-weight:bold;
}
#about-details-wrap h2 {color:#41A736}
#about-details-wrap p {
	color:white;
	font-style:italic;
}
#about-different h2 {
	color:#0C3256;
	font-size:1.5rem;
   	width: 69%; 
   	text-align: center; 
   	border-bottom: 1px solid #0C3256; 
   	line-height: 0.1em;
   	margin: 39px auto;
} 
#about-different h2 span { 
    background:#fff; 
    padding:0 10px; 
}
#about-different p {color:#41A736}
#about-free-quote p {
	font-size:1.5rem; 
	color:#0C3256;
	font-weight:bold;
}


/********** SERVICES ******/
.page-slug-services h2{
	font-size:2.7rem;
	font-weight:bold;
}
.page-slug-services h2, .page-slug-services p {color:#0C3256}
#services-explore figure {
    margin: 0 auto;
    padding: 3px;
}
#services-explore img {
    -moz-box-shadow: 2px 1px 3px #999;
    -webkit-box-shadow: 2px 1px 3px #999;
    box-shadow: 2px 1px 3px #999;
}
.gallery-item{position:relative}
.gallery-item:hover{cursor:pointer}
.hover-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
  margin: 0 auto;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(12, 50, 86, .801)
}
.gallery-item:hover .hover-overlay {
  opacity: 1;
}
.hover-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight:bold;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height:1.3;
}
.hover-text a,.hover-text a:hover,.hover-text a:active,.hover-text a:visited{
	color:white;
	text-decoration:none;
}
#services-dynamic ul{color:#0C3256}

/********** CONTACT ******/
#contact-top h2{
	font-size:2.7rem;
	font-weight:bold;
	color:white;
}
#contact-top img {max-width:39px}
#contact-top p{color:white}
#contact-green-checks-wrap {
	position:absolute;
	margin: 212px 0 0 2px;
}
#contact-next-steps h2 {font-weight: bold}
#contact-next-steps ol {margin-left:36px}
#contact-next-steps ol > li::marker {font-weight: bold}
#contact-next-steps li {margin-bottom:54px}
#contact-next-steps h2,#contact-next-steps p,#contact-next-steps ol,#contact-next-steps label {color:#0C3256}
#contact-next-steps div.wpforms-container-full .wpforms-form textarea,
#contact-next-steps div.wpforms-container-full .wpforms-form input[type=text],
#contact-next-steps div.wpforms-container-full .wpforms-form input[type=tel],
#contact-next-steps div.wpforms-container-full .wpforms-form input[type=email] {
	background-color:#F4F4F5;
	border:none;
	color:#A1A1A1;
}
#contact-next-steps div.wpforms-container-full .wpforms-form button[type=submit]{width:100%}
#contact-next-steps .widget {  
	background: linear-gradient(to bottom, #F4F4F5 0%, #F4F4F5 150px, #FFF 150px, #FFF 100%);
	-moz-box-shadow: 0 3px 6px #999;
    -webkit-box-shadow: 0 3px 6px #999;
    box-shadow: 0 3px 6px #999;}
#contact-mail-icon-wrap{padding-bottom:36px}


/* Responsive Web Design *****************************************/
@media only screen and (min-width: 1600px) {
	#contact-mail-icon-wrap {padding-bottom: 54px}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 992px) {
	#contact-top .fl-col-small {
		clear:none;
		float:left;
	}	
	#contact-next-steps li:last-child {margin-bottom: 0}
	#contact-mail-icon-wrap img {margin-bottom:36px}
	#contact-green-checks-wrap {margin: 249px 0}
	#contact-green-checks-wrap img {height: 460px}
	#about-different h2 {line-height: 1.53}
	#home-why-choose-wrap{padding-bottom:69px}
	#splash-1-details,#splash-2-details {width: 60%}
	#home-quote-form-wrap{margin-top:9px}
	#home-quote-wrap {
	    margin-top: 0;
	    width: 100%;
	    background-color: rgba(12, 50, 86, 1);
	    position: relative;
	    right: 0;
	}
	#home-created-wrap h2{
		line-height:1;
		border-bottom:none;
	}
	#home-created-wrap h2 span{background:transparent}
	#home-ready span, .hide-on-mobile{display:none}
	#home-services .fl-row-content-wrap {
		background-size: 100%;
    	min-height: 200px;
	}
	#home-ctm-wrap{margin:18px 3px;}
	.home-service-card .card-body {padding: 6px 18px}
	#home-our-team-wrap h2 {
		margin-top: 27px;
		font-size:larger;
		text-align: center;
	}
	#home-our-team-wrap a {    
		margin: 0 auto;
	    display: block;
	    margin-bottom: 36px;
	}
	#home-why-choose-wrap .green-2 {padding: 9px 18px}
	#home-why-choose-wrap h2 {margin-top: 54px}
	
}
@media only screen and (max-width: 970px) {
	#splash-1-details,#splash-2-details {padding: 36px 0 18px 96px}
	#splash-1-details h2,#splash-1-details p,#splash-1-details table{padding:0 0 0 3px}
	#splash-2-details h2,#splash-2-details p,#splash-2-details table{padding:0 0 0 3px}
	#xpress-splash input {margin: 9px 0 0 96px}
	#splash-1-details,#splash-2-details {
		width: 93%;
		margin-top: 36px;
	}	
	.site-header-wrapper .col:not(:first-child) {display:none}
	#menu-menu {display: block}
	.custom-logo {
    	margin: 0 auto;
    	display: block;
	}
	.place-image {
    	margin-top: 1px;
    	left: 46%;
	}
	#splash-1-details td:nth-child(1), #splash-2-details td:nth-child(1){text-shadow: 0 0 2px #fff}
}
@media only screen and (max-width: 736px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 320px) {}
@media only screen and (max-width: 240px) {}