/*
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 various transport service providers, including those in the moving sector. This theme excels at showcasing logistics coordination, freight forwarding, shipment tracking, vehicle management, and route planning, assisting businesses in establishing a strong digital presence. With its clean, mobile-friendly design that is also SEO-optimized, it ensures smooth navigation and quick loading across all devices. The customizable layouts, pricing tables, and dynamic service sections efficiently spotlight trucking fleets, air freight, maritime shipping, rail logistics, and last-mile delivery solutions. Seamless integration with the Logistics Manager plugin and WooCommerce allows for easy management of online bookings, payments, and shipment requests. Additional features like customer portals, booking forms, cargo tracking systems, live chat integration, driver training modules, testimonial sliders, and call-to-action (CTA) buttons enhance user engagement and conversion rates. This theme is ideal for transportation consultants, logistics startups, courier networks, vehicle rental agencies, and moving companies, featuring 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 effectively—making it the ultimate all-in-one platform for businesses in the transportation and logistics industry, including those seeking a dedicated trucking WordPress theme or a smart logistics solution.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 4.0.2
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;
}