/*
Theme Name: Transland
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Transport & Logistics HTML  Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/style.css

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button
@import 'btn';

// Colors
@import 'colors';

// Preloader
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section
 @import 'header';

 // Hero Slide - Section
 // @import 'hero';


 // Section Title - Heading
 @import 'section';

 // About - Section
 @import 'about';

 // Features - Section
 @import 'features';

 // services - Section
 @import 'services';

 // testimonial - Section
 @import 'testimonial';

 // Portfolio - Cases - Section
 @import 'project';

 // Price Table - Section
 @import 'price';

 // Call To Action - Section
 @import 'cta';

 // Content Block - Section
 @import 'contentblock';

 // team - Section
 @import 'team';

 // funfact - Section
 @import 'funfact';

 // Download - Section
 @import 'carousel';

 // FAQ - Section
 @import 'faq';

 // Blog - Section
 @import 'blog';

 // Contact Us - Section
 @import 'contact';

 // footer - Section
 @import 'footer';n facts */
  :root {
    --main-color-red: #fd5f00;
    --main-color-black: #161616;
  }

  .color-red{
    color: #fd5f00!important;
  }
  .color-black{
    color: #161616;
  }

  /* .active{
    color: #fd5f00!important;
  } */
  /* .active:before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-color: #fd5f00;
    width: 100%;
    height: 0px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
  } */


 .hero-2 .single-slide .hero-contents h1 span {
  /* display: block;
  color: #161616;
  -webkit-text-fill-color: transparent; */
  -webkit-text-stroke-width: 3px;
  /* -webkit-text-stroke-color: #161616; */
  -webkit-text-stroke-color: #fd5f00!important;
}


 .hero-2 .single-slide .hero-contents a {
  margin-top: 30px;
  background-color: #457B9D;
  border-color: #457B9D;
}


/* .bg-overlay::before {
  background-color: #457B9D;
} */

.theme-btn-custom{
  background-color: #fd5f00;
}
.theme-btn-custom-2{
  background-color: #ffffff;
  color: #fd5f00;
}

.hero-2 .single-slide .hero-contents a {
  margin-top: 30px;
  background-color: #fd5f00;
  border-color: #161616;
}

.theme-btn-custom:hover {
  background-color: #161616;
}
.theme-btn-custom-2:hover {
  background-color: #161616;
}

header .main-menu-wrapper {
  background-color: #161616;
}
header.header-2 .main-menu ul > li > a {
  color: #fff;
}
header.header-2 .main-menu ul > li:hover > a {
  color: #fff;
}
header.header-2 .main-menu ul > li:hover > a:hover {
  color: #fd5f00;
}
header.header-2 .main-menu ul > li > a::before {
  background-color: #fd5f00;
}
header.header-2 .main-menu ul > li ul li a::before{
    display: none;
}

.main-menu-wrapper .call-us .icon{
  color: #fff;
}
.main-menu-wrapper .call-us .text span{
  color: #fd5f00!important;
}

h1, h2, h3, h4, h5, h6 {
  color: #161616;
}

.about-us-wrapper .checked-list .checked-list li::before{
  color: #fd5f00!important;
}

.single-features-box .icon {
  color: #fd5f00;
}
.single-features-box:hover .icon {
  color: #000;
}

.brand-div{
  text-align: center;
}
.brand-width-img{
  /* width: 75%; */
}


.our-services-box .single-service-icon .icon {
  color: #fd5f00;
}


.request-a-quote-section::before
{
  background: #000000;
  opacity: 0.5;
}
.page-banner-wrap::before, .page-banner-wrap::after {
  background: #000000;
  opacity: 0.4;
}

.theme-btn.minimal-btn {
  color: #fff;
  background: #fd5f00;
  border: 1px solid #161616;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.theme-btn.minimal-btn:hover {
  color: #fff;
  background: #161616;
  border: 1px solid #fd5f00;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.bg-overlay::before {
  background-color: #161616;
}
footer.footer-2 .footer-bottom .bottom-content-wrapper {
  background: #1d1d1d;
}
.newsletter_widget .newsletter_box input {
  background-color: #fff;
  color: #161616;
}
.newsletter_widget .newsletter_box button {
  background: #696969;
}
.newsletter_widget .newsletter_box button:hover {
  background: #555555;
}
.newsletter_widget .newsletter_box button i{
  color: #fff;
}

.get-in-touch .single-contact-info .icon {
  color: #fd5f00;
}

.get-in-touch .single-contact-info .icon.id2 {
  color: #fd5f00;
}
.get-in-touch .single-contact-info .icon.id3 {
  color: #fd5f00;
}

.our-news-section .content a:hover{
  color: #fd5f00!important;
}

.footer-widgets-wrapper .single-footer-wid ul li a:hover{
  color: #fd5f00!important;
}

.footer-bottom .social-links a{
  color: #fd5f00!important;
}

.footer-bottom .social-links a:hover{
  color: #fff!important;
}



.single-features-box {
  min-height: 340px;
}
.single-testimonial-card {
  min-height: 580px;
}

.primary-secondary{
  color: var(--main-color-red)!important;
}
.primary-secondary:hover{
  color: var(--main-color-black)!important;
}







@media (max-width: 576px){
  .header-btn .theme-btn {
      padding: 13px 10px;
  }
}