/*
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 designed for logistics companies, freight management firms, courier services, supply chain managers, transport consultants, warehouse operators, fleet tracking businesses, delivery service providers, trucking companies, and cargo transport agencies. Perfect for showcasing logistics coordination, freight forwarding, shipment tracking, vehicle management, route planning, warehousing solutions, transport booking, and delivery scheduling, this theme helps businesses build a strong digital presence. Its clean, mobile-friendly, and SEO-optimized design ensures smooth navigation and fast loading on all devices. Featuring customizable layouts, pricing tables, and dynamic service sections, it allows you to highlight trucking fleets, air freight, maritime shipping, rail logistics, and last-mile delivery solutions efficiently. With seamless integration of the Logistics Manager plugin and WooCommerce, businesses can easily manage online bookings, payments, and shipment requests. The theme also includes features like customer portals, booking forms, cargo tracking systems, live chat integration, driver training modules, testimonial sliders, and call-to-action (CTA) buttons for improved engagement and conversions. Ideal for transportation consultants, logistics startups, courier networks, vehicle rental agencies, moving companies, and supply chain service providers, it supports multilingual functionality, enhancing global accessibility. Equipped with advanced customization tools, clean architecture, and robust performance optimization, the Transportation Agency theme offers everything needed 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.8
Requires PHP: 7.2
Version: 3.3
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;
}