/*
Theme Name: Logisko
Theme URI: https://wp.dynamiclayers.net/logisko
Author: DynamicLayers
Author URI: https://themeforest.net/user/dynamiclayers
Description: Logisko is a Transportation & Logistics WordPress theme.
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: logisko
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

header.header-wrapper { background: #fecc00; }
.main-header-items:before { background-color: #fecc00;}
/* .top-header { justify-content: flex-start;gap:40px; } */
ul.top-left li { color: #fecc00 !important; }
.top-right li i{color: #fecc00 !important;}
.footer-widget-items .footer-widget-item:nth-child(2) { display: flex; justify-content: space-between; }
.wpcf7-form-control, .wpcf7-select { padding: 6px 12px !important; }
span#ui-id-1-button { padding: 6px 12px; height: 50px; line-height: 40px; }
.site-logo img { width: 230px; max-width: 230px; margin-left: -40px; }
.site-logo { position: relative; height: 100%; display: flex; align-items: center; max-width: 160px; }
.main-header-wrapper {grid-template-columns: 200px auto !important; }
.el-service-item .el-service-content { background-color: #fecc00 !important;}
.pincode-box input { width: 100%; padding: 14px; font-size: 16px; border-radius: 10px; border: 2px solid #FECC00; background: #f7d860; color: #000; outline: none; }
.pincode-box input::placeholder { color:#000 !important; }
.pincode-box button{width: 100%; padding: 14px; margin-top: 14px; background: #d3040e; color: #ffffff; border: none; font-size: 17px; border-radius: 12px; cursor: pointer; transition: 0.25s;line-height: normal;}
.pincode-box .pincode-title { font-size: 22px !important; color: #000; }

.tracking-box input#st_txtawbno { border: 2px solid #000; color: #000; }
.tracking-box input#st_txtawbno ::placeholder{color:#000 !important;}
.tracking-box button{background-color: #d4040f; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; height: 50px !important; border: none; padding: 0 30px; cursor: pointer;}
.tracking-box .elementor-shortcode > div{gap:0px !important;}

.el-service-item{position:relative;}
.el-service-item .el-read-more { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -999999px; background: transparent !important; }
.el-service-item .el-service-thumb img{ height: 350px; object-fit: cover; }
.footer-widget-item p { color: #000 !important; }
.main-menu{column-gap:15px;}


@media (min-width: 992px) {
	.navigation-wrap:before {background-color: #fecc00 !important;}
	.main-menu li ul {background-color: #fecc00;}
	.main-menu li:hover li a { color: #000000 !important; }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (max-width: 767px) {
    .site-logo img { width: 160px !important; max-width: 160px !important; margin-left: 0px !important;    }
	div#logisko-slider-14a5f19 .dl-slider-pagination {transform: translateY(0%);bottom: 80px !important;flex-direction: row;}
}
@media (max-width: 992px) {
	.mobile-navigation-menu {width:100% !important;}
	.pincode-box{width:100% !important;}
	     
}
@media (min-width: 768px) and (max-width: 1024px) {
	.site-logo img { width: 160px !important; max-width: 160px !important; margin-left: 0px !important;    } 
}
@media (min-width: 1025px) and (max-width: 1300px) {
	.site-logo img { width: 160px !important; max-width: 160px !important; margin-left: 0px !important;    } 
}

.footer-widgets-area .widget-brand {
    margin-bottom: 15px;
}