/*!
Theme Name: Kargo Today
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 0.01.02
Description: A Divi child theme for The Delivery Guys' Kargo Today site.
Author: Wilmot Technologies Inc.
Author URI: https://www.wilmottech.com/
Template: Divi
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Vars */
:root{
	--kargo-blue: #212C54;
	--kargo-yellow: #F9CF49;
	--kargo-off-white: #FBF9F6;
	grid-gap: 120pt 25pt;
	
	text-underline-offset: 5px;
}
#menu-main>.menu-item:not(.navbar-button-link), #menu-main>.menu-item:not(.navbar-button-link)>*:is(a,span,p) { color: #212c54 !important; color: var(--kargo-blue, #212c54) !important; }
.kargo-body { font-size: 12pt !important; font-weight:normal !important;}
.kargo-button, .kargo-button input[type="submit"] { font-size: 12pt !important; font-weight:500 !important; }
.kargo-h2 { font-size: 20pt !important; font-weight:bolder !important; }
.kargo-h1 { font-size: 25pt !important; font-weight:bolder !important; }
/*
@media screen and (min-width:980px){
	.kargo-body { font-size: 18pt !important; }
	.kargo-button, .kargo-button input[type="submit"] { font-size: 18pt !important; }
	.kargo-h2 { font-size: 25pt !important; }
	.kargo-h1 { font-size: 50pt !important; }
}
@media screen and (min-width:1100px){
	.kargo-body { font-size: 20pt !important; }
	.kargo-button, .kargo-button input[type="submit"] { font-size: 20pt !important; }
	.kargo-h2 { font-size: 30pt !important; }
	.kargo-h1 { font-size: 60pt !important; }
}*/

@media screen and (min-width:980px){
	.kargo-body { font-size: 18px !important; }
	.kargo-button, .kargo-button input[type="submit"] { font-size: 18px !important; }
	.kargo-h2 { font-size: 25px !important; }
	.kargo-h1 { font-size: 50px !important; }
}
@media screen and (min-width:1100px){
	.kargo-body { font-size: 20px !important; }
	.kargo-button, .kargo-button input[type="submit"] { font-size: 20px !important; }
	.kargo-h2 { font-size: 30px !important; }
	.kargo-h1 { font-size: 60px !important; }
}
/* Vars End */

.hidden {display:none !important;}

.flex {
	display:flex;
}
.block {
	display:block;
}
.justify-between {
	justify-content: space-between;
}

.rounded {border-radius:60pt;}

.et_pb_blurb.centered-text .et_pb_blurb_container { vertical-align:middle; }
img.cover-image,
.cover-image img {object-fit:cover;}
.et-menu .navbar-button-link>a { color: #FBF9F6 !important; color: var(--kargo-off-white,#FBF9F6) !important; background: #212C54 !important; background: var(--kargo-blue,#212C54) !important; padding:0.5em !important; border-radius:5pt; margin:auto 0; }

.kargo-blog .et_pb_image_container, .kargo-blog .et_pb_image_container>a { margin-bottom:0 !important; }

@media screen and (min-width:981px){
	.invert-on-desktop{
		display:flex; 
		flex-direction: row-reverse;
	}
	.invert-on-desktop>div {
		margin-right:0 !important; margin-left:5.5%  !important;
	}
	.et_pb_blurb.desktop-left-align .et_pb_blurb_content { margin-left:0; }
	.vertical_center_content>.et_pb_column { display:flex; flex-direction:column; min-height:0; }
	.vertical_center_content>.et_pb_column>.et_pb_module:first-of-type {margin-top:auto !important; }
	.vertical_center_content>.et_pb_column>.et_pb_module:last-of-type { margin-bottom:auto !important; }
}

@media screen and (max-width:370px){
	.kargo-tri-arrows{
		background-size: 350px !important;
	}
}

.contact_form_holder { color: #FBF9F6; color: var(--kargo-off-white,#FBF9F6); background: #212C54; background: var(--kargo-blue,#212C54); }
.contact_form_holder>div {margin-bottom:0.5em;}
.contact_form_holder, .contact_form_holder>div, .contact_form_holder input:not([type="submit"]), .contact_form_holder textarea { width:100%; }
.contact_form_title { font-size: 20pt; line-height:1.25em; }
.contact_form_label, .contact_form_holder input[type="submit"] { font-size: 12pt; line-height:1.25em; }
.contact_form_field input:not([type="submit"]), .contact_form_field textarea { border-radius:5pt; padding: 0.5em; line-height:1.2em; font-size:12pt; }
.contact_form_field  { color: #212C54; color: var(--kargo-blue,#212C54); background: #FBF9F6; background: var(--kargo-off-white, #FBF9F6); border-radius: 5pt; padding:0.5em; }
.contact_form_holder input[type="submit"] { color: #212C54; color: var(--kargo-blue,#212C54); background: #F9CF49; background: var(--kargo-yellow,#F9CF49); width: 100%; padding:0.5em 1em; border-radius:5pt; margin:auto; }
.contact_form_holder textarea { resize:vertical; }
.contact_form_holder label, .contact_form_holder input[type="submit"] { cursor:pointer; }

.et_pb_blog_grid .et_pb_image_container>a { padding: 5%; }
.et_pb_blog_grid .et_pb_image_container img { aspect-ratio:1 / 1; }

.kargo-chevrons {
	width:100% !important;
	display:flex;
	padding:0 10% 0 0 !important;
	position:absolute;
	top:0;
	left:0;
	padding:0 !important;
	margin:0 auto !important;
	max-width:100% !important;
	justify-content:center;
	pointer-events:none;
}
.kargo-chevrons>.et_pb_column {
	display:none;
	background-image: url(/wp-content/uploads/2025/08/KargoToday-chevrons.svg);
}

@media screen and (min-width:550px){
	
	.white-chevron-columns>.et_pb_column {
		position:relative;
		padding-top: 35px;
		padding-bottom: 35px;
		background:transparent !important;
		z-index:1;
		overflow:visible;
	}
	.white-chevron-columns>.et_pb_column>.et_pb_module { z-index:1; }
	
	.white-chevron-columns>.et_pb_column::before, 
	.white-chevron-columns>.et_pb_column::after {
		content:'';
		background: #f8f9f6;
		background: var(--kargo-off-white,#f8f9f6);
		display:flex;
		width:100%;
		height:50%;
		position:absolute;
		left:0;
		z-index:0;
	}
	.white-chevron-columns>.et_pb_column::before {
		top:0;
		transform: skewX(30deg);
	}
	.white-chevron-columns>.et_pb_column::after {
		bottom:0;
		transform: translateY(-1px) skewX(-30deg);
	}
}
@media screen and (max-width:981px){
	.invert-on-mobile { flex-direction:column-reverse !important; display:flex; }
}

@media screen and (min-width:981px){
	.contact_form_title { font-size: 30pt; }
	.contact_form_label { font-size: 20px; }
	.contact_form_holder input[type="submit"] { width: 250px; }
	.contact_form_field input:not([type="submit"]), .contact_form_field textarea { font-size:20px; }
	
	.text-fit :is(a,span,p):not(.et-pb-icon) { font-size:1.5vw !important; font-size:min(1.5vw, 20px) !important; }
	.text-fit :is(h3,h4,h5,h6) { font-size:2vw !important; font-size:min(2vw, 30px) !important; }
	.text-fit h1 { font-size:4vw !important; font-size:min(4vw, 60pt) !important; }
	.text-fit h2 { font-size:3vw !important; font-size:min(3vw, 30pt) !important; }
	
	.fullside-image { padding:0 !important; height:60vh; position:relative; }
	.fullside-image>.et_pb_column:has(.side-image) { position:absolute !important; width:64% !important; transform: translateX(-24%) !important; overflow:hidden !important; height:60vh !important; }
	.fullside-image>.et_pb_column:has(.side-image)>.et_pb_image { min-height:0 !important; display:flex !important; width:100% !important; height:100% !important; object-fit:cover !important; }
	.fullside-image>.et_pb_column:has(.side-image)>.et_pb_image>.et_pb_image_wrap>img { height:60vh !important; object-fit:cover !important; border-right:1px solid #212C54; border-right-color: var(--kargo-blue, #212C54); }
	
	.fullside-image>.et_pb_column:has(.side-image)::after { content:''; background:#212C54; background: var(--kargo-blue,#212C54); transform: rotate(45deg); position: absolute; top: 0; right: -42vh; height: 60vh; width: 60vh; }
	
	.fullside-image-on-right { padding:0 !important; position:relative; }
	.fullside-image-on-right>.et_pb_column:has(.side-image) { position:absolute !important; right:0; !important; overflow:hidden !important; height:100% !important; }
	.fullside-image-on-right>.et_pb_column:has(.side-image)>.et_pb_image { min-height:0 !important; display:flex !important; width:100% !important; height:100% !important; object-fit:cover !important; }
	.fullside-image-on-right>.et_pb_column:has(.side-image)>.et_pb_image>.et_pb_image_wrap>img { height:100% !important; object-fit:cover !important; border-right:1px solid #212C54; border-right-color: var(--kargo-blue, #212C54); }
	
	.fullside-image-on-right>.et_pb_column:has(.side-image)::after { content:''; background:#212C54; background: var(--kargo-blue,#212C54); transform: rotate(45deg); position: absolute; top: 0; left: -60%; height:100%; aspect-ratio: 1/1; }
	
	.fullside-inverted-image { padding:0 !important; position:relative; min-height:0; overflow:hidden; }
	.fullside-inverted-image>.et_pb_column:has(.side-image)>.et_pb_image { min-height:0 !important; display:flex !important; width:100% !important; height:100% !important; object-fit:cover !important; }
	.fullside-inverted-image>.et_pb_column:has(.side-image)>.et_pb_image>.et_pb_image_wrap>img { object-fit:cover !important; border-right:1px solid #212C54; border-right-color: var(--kargo-off-white, #FBF9F6); height: 100% !important; }
	
	.fullside-inverted-image>.et_pb_column:has(.side-image)::after, .fullside-inverted-image>.et_pb_column:has(.side-image)::before {
		content:''; 
		background:#FFFFFF; 
		position: absolute; 
		right: -60%;  
		aspect-ratio: 1 / 1; 
		height:100%; 
		z-index:1;
		pointer-events:none;
	}
	.fullside-inverted-image>.et_pb_column:has(.side-image)::after { transform: rotate(-45deg); position: absolute; top: -50%;}
	.fullside-inverted-image>.et_pb_column:has(.side-image)::before { transform: rotate(45deg); bottom: -50%;  }
	
	
	
	.et_pb_section:has(.kargo-chevrons)>.et_pb_row{z-index:0;}
	.kargo-chevrons>.et_pb_column { display:flex; width:600px !important; height:auto !important; margin-top:10% !important; z-index:1; max-width:48%; aspect-ratio: 3 /1; }
}
@media screen and (min-width:1050px){
	.fullside-inverted-image>.et_pb_column:has(.side-image)::after, .fullside-inverted-image>.et_pb_column:has(.side-image)::before {
		 right: -50%
	}
	.fullside-image-on-right>.et_pb_column:has(.side-image)::after { left: -50%; }
}
@media screen and (min-width:1150px){
	.fullside-inverted-image>.et_pb_column:has(.side-image)::after, .fullside-inverted-image>.et_pb_column:has(.side-image)::before {
		 right: -40%
	}
	.fullside-image-on-right>.et_pb_column:has(.side-image)::after { left: -40%; }
}
@media screen and (min-width:1350px){
	.fullside-inverted-image>.et_pb_column:has(.side-image)::after, .fullside-inverted-image>.et_pb_column:has(.side-image)::before {
		 right: -30%
	}
	.fullside-image-on-right>.et_pb_column:has(.side-image)::after { left: -30%; }
}
.gm-style-iw-chr{ position:relative; }
.gm-style-iw-chr>button { position:absolute !important; right:0; top:0; }
.view-link { padding-top:0.5em; padding-bottom:0.5em; }
.view-link>a { text-decoration:underline; color:#212C54; color: var(--kargo-blue, #212C54); font-weight:semibold; }