/*
Theme Name: Supply Child Theme
Template: supply
Theme URI: https://supply.ancorathemes.com
Description: Supply Child Theme
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: supply
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.desktop_header{
	background: radial-gradient(245.83% 294.51% at 215.83% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(37, 65, 76, 0) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(12px);
}

.footer_wrap{
	background: linear-gradient(180deg, #0b1826 0%, #142f42 100%);
}
.footer_wrap .sc_layouts_logo .logo_image{
	border-radius: 10px;
}
.main_footer{
	background-image: linear-gradient(rgba(228, 167, 59, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(228, 167, 59, 0.03) 1px, transparent 1px);
	background-size: 64px 64px;
}

.mission_list ul {
    list-style: none;
	padding: 0;
}
.vm__list li {
    margin-top: 14px;
    padding-left: 25px;
    position: relative; 
}
.vm__list li::before {
    content: "—";
    position: absolute;
    left: 0px;
    color: var( --e-global-color-theme_color_link );
    font-weight: 700;
}

/*====== Home Page Map Sec ========*/

.lanes {
	width: 100%;
	padding: 20px 0;
	background: #ffffff;
}

.route-map-wrapper {
	position: relative;
	width: 100%;
	margin-top: 25px;
	overflow: hidden;
	border: 1px solid #eeeeee;
	background: #f8f8f8;
}

#routeMap {
	width: 100%;
	height: 540px;
	z-index: 1;
}

.route-map__legend {
	position: absolute;
	left: 18px;
	bottom: 18px;
	z-index: 500;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 11px 15px;
	border: 1px solid rgba(203, 9, 12, 0.15);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.94);
	color: #17171d;
	font-size: 12px;
	font-weight: 600;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
}

.route-map__legend-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #cb090c;
	box-shadow: 0 0 0 4px rgba(203, 9, 12, 0.14);
}

/* Custom map marker */

.route-marker {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #cb090c;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.route-marker--origin {
	width: 28px;
	height: 28px;
	background: #17171d;
}

.route-popup {
	min-width: 135px;
	padding: 3px;
}

.route-popup strong {
	display: block;
	margin-bottom: 3px;
	color: #17171d;
	font-size: 13px;
}

.route-popup span {
	color: #777777;
	font-size: 11px;
}

/* Leaflet styling */

.leaflet-popup-content-wrapper {
	border-radius: 4px;
}

.leaflet-popup-content {
	margin: 12px 14px;
}

.leaflet-control-zoom {
	border: 0 !important;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12) !important;
}

.leaflet-control-zoom a {
	color: #17171d !important;
}

@media (max-width: 767px) { 

	#routeMap {
		height: 430px;
	}

	.route-map__legend {
		right: 12px;
		bottom: 12px;
		left: 12px;
		justify-content: center;
		font-size: 11px;
	}
}

@media (max-width: 480px) {
	#routeMap {
		height: 380px;
	}
}