/*
Theme Name: Transportation Agency
Theme URI: https://www.titanthemes.net/products/free-transportation-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Transportation Agency theme is a modern, professional, and fully responsive solution tailored for logistics companies, freight management firms, and a wide array of transport service providers, including those involved in car evacuation. This theme is perfect for showcasing logistics coordination, freight forwarding, shipment tracking, vehicle management, and route planning, helping businesses establish a robust digital presence. With its clean, mobile-friendly, and SEO-optimized design, the theme ensures smooth navigation and quick loading on all devices. It features customizable layouts, pricing tables, and dynamic service sections, allowing for efficient highlights of trucking fleets, air freight, maritime shipping, rail logistics, and last-mile delivery solutions. The seamless integration of the Logistics Manager plugin and WooCommerce enables businesses to manage online bookings, payments, and shipment requests with ease. Additional features, such as customer portals, booking forms, cargo tracking systems, live chat integration, driver training modules, testimonial sliders, and call-to-action (CTA) buttons, enhance engagement and conversions. Ideal for transportation consultants, logistics startups, courier networks, vehicle rental agencies, and moving companies, the theme supports multilingual functionality for greater accessibility. With advanced customization tools, a clean architecture, and robust performance optimization, the Transportation Agency theme provides everything necessary to manage freight operations, showcase logistics services, and connect with clients seamlessly—making it the ultimate all-in-one platform for businesses in the transportation and logistics industry.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: transportation-agency
Tags: grid-layout, one-column, two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
*/

.wp-site-blocks{
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 80%;
  padding: 0 !important;
  gap:0px;
  margin: 0 auto;
}
.topbar{
  padding-right: 10px !important;
  background: #0C1830 !important;
}
.logo-box h1{
  text-align: left; 
}
.home .logo-box h1{
  text-align: center; 
}
.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 90%;
  z-index: 999;
  margin: 0 auto;
  right: 0px;
  gap:0px;
  left: 0px;
  border-radius: 0;
}
.menu-box{
  margin: 0px;
}
.service-inner-box {
  background: #F1F1F1 !important;
}
.service-overlay img.wp-block-cover__image-background {
  display: none !important;
}
.service-inner-box:hover img.wp-block-cover__image-background {
  display: block !important;
}
.service-overlay span{
  opacity: 0 !important;
}
.service-inner-box:hover .service-overlay span {
  opacity: 0.7 !important;
}
.service-btn{
  display: none !important;
}
.service-inner-box:hover .service-btn{
  display: flex !important;
}
.service-inner-box:hover .service-content{
  display: none;
}
.service-inner-box:hover .service-heading{
  color: #ffffff !important;
}
.service-inner-box:hover .icon-img img {    
  filter: brightness(0) invert(1);
}
.home .topbar {
  background: transparent !important;
}
.is-top-text {
  border-right: 1px solid #FFFFFF;
}
.wp-header-search-social ul li a {
  border-right: 1px solid #FFFFFF;
  padding-right: 15px;
}
.wp-header-search-social ul li:last-child a{
  border-right: 0px !important;
  padding-right: 0px;
}
.form-submit input#submit {
  color: #fff;
}
.home .menu-box:after {
  content: "";
  width: 6%;
  height: 53px;
  background: #ffffff;
  position: absolute;
  bottom: 0px;
  right: -5.5%;
}
.topheader p span {
  margin-right: 10px;
  font-size: 18px;
  color: var(--wp--preset--color--primary);
}
.wp-header-search-social ul li:hover{
  color: var(--wp--preset--color--primary) !important;
}
.menu-box nav ul li a:hover{
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .menu-box:after{
    display: none;
  }
  .is-top-text {
    border-right: 0;
  }
  .wp-header-search-social,.banner-btn{
    justify-content: center;
  }
  .home .homepage-header{
    position: relative;
    background: #000;
  }
  .banner-cover{
    min-height: 400px !important;
  }
  .banner-content{
    text-align: center;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .menu-box ul.head-nav{
    row-gap: 15px;
  }
  .service-box{
    display: grid !important;
    justify-content: center;
    grid-template-columns: auto auto  !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .topheader {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
  }
  .home .homepage-header{
    position: relative;
    background: #000;
    display: block;
  }
  .menu-box:after{
    display: none;
  }
  .home .homepage-header{
    width: 90%;
  }
  .main-box-service {
    max-width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .home .homepage-header{
    width: 90%;
  }
  .slider-banner,.footer-main{
    max-width: 90% !important;
  }
  .menu-box:after {
    display: none;
  }
  .topheader{
    gap:0px !important;
  }
  .logo-box{
    flex-basis: 20% !important;
  }
  .right-box{
    flex-basis: 80% !important;
  }
  .topheader p{
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
 .menu-box:after {
    display: none;  
  }
  .main-box-service {
    max-width: 80%;
  }
  .slider-banner{
    max-width: 80% !important;
  }
  .menu-box ul.head-nav {
    column-gap: 30px;
  }
  .topbar{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .home .homepage-header {
    width: 80%;
  }
  .topheader p{
    font-size: 12px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
.logo-box h1 a {
    font-size: 16px;
  }
.logo-box {
    padding-top: 28px !important;
  }
.banner-cover{
  min-height: 600px !important;
  }
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}