/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

h1 span {
	color: var(--e-global-color-accent)!important;
}
.elementor-icon-wrapper {
	line-height: 0!important;
}

.elementor-element-d2b6f09 svg, .elementor-element-75f2d6f svg {
	width: 12px!important;
	height: 12px!important;
}

.elementor-element-f369baf:hover .elementor-element-90071fa .elementor-heading-title {
	color: var(--e-global-color-accent)!important;
}

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none!important;
}
.elementor-message {
	display: none!important;
}

.table > .elementor-element {
	height: 280px!important;
    overflow-y: scroll!important;
	padding: 0 20px 0 0!important;
}
.table > .elementor-element::-webkit-scrollbar {
	width: 4px;              
}
.table > .elementor-element::-webkit-scrollbar-track {
	background: var(--e-global-color-secondary);    
	border-radius: 0;
}
.table > .elementor-element::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: var(--e-global-color-accent);    /* цвет плашки */
}
.table:before{
	background: var(--e-global-color-06ec682);
    content: '';
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
	left: calc(100% - 4px);
    right: 0;
    width: 4px;
    z-index: 9;
    pointer-events: none;
}
.table:after{
	background: var(--e-global-color-06ec682);
    content: '';
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
	left: calc(100% - 4px);
    right: 0;
    width: 4px;
    z-index: 9;
    pointer-events: none;
}

.loads-list {
	display: flex;
	gap: 10px;
	flex-direction: row;
    flex-wrap: wrap;
}
.load-link, .load-link:visited, .load-link:focus, .load-link:active {
	white-space: nowrap;
	padding: 5px 10px;
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    color: var(--e-global-color-91391e5);
	background: var(--e-global-color-06ec682);
	border: 1px solid var(--e-global-color-secondary);
	border-radius: 12px;
	cursor: pointer;
}
.load-link:hover {
	background: var(--e-global-color-primary);
	color: var(--e-global-color-06ec682);
	border: 1px solid var(--e-global-color-primary);
}

.bs a, .bs a:visited, .bs a:focus, .bs a:active {
	color: var(--e-global-color-primary)!important;
	border-bottom: 1px dashed var(--e-global-color-125cbf3)!important;
}
.bs a:hover {
	color: var(--e-global-color-accent)!important;
	border-bottom: 1px dashed var(--e-global-color-4e32c8f)!important;	
}

.bd a, .bd a:visited, .bd a:focus, .bd a:active {
	color: var(--e-global-color-primary)!important;
	border-bottom: 1px solid var(--e-global-color-125cbf3)!important;
}
.bd a:hover {
	color: var(--e-global-color-accent)!important;
	border-bottom: 1px solid var(--e-global-color-4e32c8f)!important;	
}

.active_button {
	background: var(--e-global-color-primary)!important;
	color: var(--e-global-color-06ec682)!important;
}
.trucks-box, .trucks-loop {
	display: none;
}

@media (max-width: 1024px) {
	.elementor-element-92bd14a .elementor-button-text span, .elementor-element-83dcb38  .elementor-button-text span {
		display: none!important;
	}	
	.table > .elementor-element {
		height: auto!important;
		overflow-y: hidden!important;
		padding: 0 0 0 0!important;
	}
	.table > .elementor-element::-webkit-scrollbar {
		width: 0;        
		display: none;
	}
	.table:before{
		display: none;
	}
	.table:after{
		display: none;
	}

}

@media (max-width: 767px) {
	.android_phone .elementor-element-be88933 {
		display: none!important;
	}
	.ios_phone .elementor-element-400aed9 {
		display: none!important;
	}
	#elementor-popup-modal-67 {
		display: none!important;
	}
	.loads-list {
		overflow-x:scroll;
		flex-direction: row;
    	flex-wrap: nowrap;
		margin: 0 0 0 -20px;
        width: 100vw;
		padding: 0 20px;
	}
	.loads-list::-webkit-scrollbar {
		width: 0;        
		display: none;
	}
	.elementor-nav-menu--dropdown ul.elementor-nav-menu {
		padding: 66.8px 0 0 0!important;
		z-index: 2!important;
	}
	.elementor-menu-toggle {
		z-index: 9999!important;
	}
	.elementor-element-db155d0, .elementor-element-48a6daa, .elementor-element-34010c4, .elementor-element-e247ba4, .elementor-element-dff0843, .elementor-element-e30e3dd, .elementor-element-4ee197e, .elementor-element-039f3e3, .elementor-element-665ebcd, .elementor-element-2049b11, .elementor-element-668a9f0 {
		background: var(--e-global-color-a54414e)!important;
	}
	.elementor-menu-toggle {
		padding: 9.4px 10px!important;
	}
	.elementor-element-83dcb38 .elementor-button-text span {
		display: inline!important;
	}
	.elementor-element-b3b2441 .elementor-nav-menu--dropdown li a {
		padding: 10px 20px 10px 20px!important;
	}
	.elementor-element-b3b2441 .elementor-nav-menu--dropdown li:last-child a {
		padding: 10px 20px 20px 20px!important;
	}
	
	.elementor-element-d3d4700 {
		background: var(--e-global-color-a54414e)!important;
	}
	.elementor-element-541f378 {
		background-image: none!important;
	}
	
	.owners a, .owners a:visited, .owners a:focus, .owners a:active, .logisticians a, .logisticians a:visited, .logisticians a:focus, .logisticians a:active, .carriers a, .carriers a:visited, .carriers a:focus, .carriers a:active {
		background-color: var(--e-global-color-06ec682)!important;
		color: var(--e-global-color-primary)!important;
	}
	.owners a:hover, .logisticians a:hover, .carriers a:hover {
		background-color: var(--e-global-color-primary)!important;
		color: var(--e-global-color-06ec682)!important;
	}
	.switch {
		border: none!important;
		padding: 0!important;
	}

}

@media (max-width: 374px) {
	.elementor-element-83dcb38 .elementor-button-text span {
		display: none!important;
	}	
}