/**
Theme Name: Transport Freight
Theme URI: https://www.themescaliber.com/products/transport-freight
Author: ThemesCaliber
Author URI: https://www.themescaliber.com/
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 7.0
Requires at least: 5.0
Template: logistic-transport
Text Domain: transport-freight
Description: The Transport Freight theme is designed for businesses involved in cargo movement, shipment handling, trucking, and transportation services. It includes structured layouts for service information, fleet details, delivery updates, testimonials, and contact sections. The responsive design ensures smooth functionality across desktops, tablets, and mobile devices. Customization options allow users to modify colors, typography, banners, and page layouts according to business requirements. The theme also supports image galleries, blog sections, service showcases, and call-to-action areas for presenting logistics and transport operations clearly. Suitable for a corporate logistics provider, freight company, trailer operator, or cargo transport business, the layout provides a modern and organized framework for sharing transportation services, shipment processes, and operational details. Parallax sections and multipurpose design elements help improve content presentation while maintaining usability and accessibility. Demo: https://preview.themescaliber.com/tc-logistics-transport-pro/
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, block-styles, block-patterns, wide-blocks, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, flexible-header, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, blog, portfolio, e-commerce

Transport Freight WordPress Theme is child theme of Logistic Transport WordPress Theme, Copyright 2022 ThemesCaliber
Transport Freight is distributed under the terms of the GNU General Public License v3 or later

Logistic Transport WordPress Theme, Copyright 2022 ThemesCaliber
Logistic Transport is distributed under the terms of the GNU General Public License v3 or later

*/
.bypostauthor{
  margin:0;
  padding:0;
}
:root {
    --primary-color: #17D2FC;
}
body {
  font-family: "Montserrat", sans-serif;
  background: #F5F5F5;
}
a {
  color: var(--primary-color);
  text-decoration: none;
}
.services-box ul.post-categories, .services-box .metabox, .primary-navigation ul ul {
  padding: 0 !important;
}
.request-btn a.blogbutton-small {
  color: #fff;
  font-weight: 400;
  border-radius: 0;
  display: inline-block;
  text-transform: uppercase;
}
.close-sticky  .request-btn {
  margin: 0 !important;
  text-align: right;
}
.page-template-custom-frontpage .inner-box, .page-template-custom-frontpage .fixed-header {
  border-radius: 0 0 7px 7px;
}
.primary-navigation ul li a {
  text-transform: uppercase !important;
  font-weight: 400 !important;
}
.page-template-custom-frontpage #header {
  padding: 0 !important;
}
#slider .carousel-caption {
  right: 50%;
}
#slider .carousel-caption p {
  max-width: 80%;
}
#slider .inner_carousel h1 {
  font-size: 45px;
}
#slider .inner_carousel h1 .first, #slider .inner_carousel h1 .last {
  color: var(--primary-color);
}
#slider .read-btn a.blogbutton-small {
  border: 1px solid #fff;
  border-radius: 0 !important;
  color: #fff;
  background: transparent ;
  font-weight: 500;
}
#slider .read-btn a.blogbutton-small:hover {
  background:var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
#slider .read-btn {
  display: flex;
  gap: 15px;
}
#services {
  background: #F5F5F5;
}
#services .service-box {
  margin-top: 0 !important;
}
.primary-navigation ul ul a {
  color: #fff;
}
#services .service-content {
  background: #fff;
  border: 0;
}
#services .service-text {
  text-align: right;
}
#services .service-text h4 {
  font-size: 20px;
  position: relative;
  display: inline-block;
  font-weight: 600;
}
#services .service-text h4 a {
  color: #1D2027;
}
#services .service-text h4:before {
  content: '';
  width: 30%;
  height: 1px;
  background: var(--primary-color);
  position: absolute;
  left: -32%;
  bottom: 5px;
}
#services .service-outer:nth-child(2n+2) .service-text {
  order: 2;
  text-align: left;
}
#services .service-outer:nth-child(2n+2) .service-img {
  order: 1;
}
#services .service-outer:nth-child(2n+2) .service-text h4:before {
  left: auto;
  right: -32%;
}
#services h3.main-head {
  font-size: 30px;
  font-weight: 600;
  color: #1D2027;
  text-transform: uppercase;
}
#services h3.main-head .last, #services .service-text h4 a:hover {
  color: var(--primary-color);
}
#services .service-head hr {
  width: 80px;
  opacity: 1;
  background: var(--primary-color);
}

.page-template-custom-frontpage .request-btn a.blogbutton-small, .read-btn a.blogbutton-small, .services-box .tc-category a, .footertown input[type="submit"], input[type="submit"] {
  color: #fff;
}
.topbar {
  padding: 10px 0;
  font-weight: 300;
}
#sidebar h3, #sidebar h2, #sidebar .wp-block-search__label {
  color: #fff;
}
.request-btn a.blogbutton-small:hover {
  background: var(--secondary-color);
}
.footertown .widget ul {
  padding: 0;
}
.footertown .widget h2, .footertown .widget h2, .footertown .wp-block-search__label

/* checkout page css */
.wp-block-woocommerce-checkout {
  margin-left: 0px !important;
}
/* custom cursor css */
.custom-cursor {
  width:20px;
  height:20px;
  background:var(--primary-color);
  border-radius:50%;
  position:fixed;
  pointer-events:none;
  z-index:9999;
  transform:translate(-50%,-50%);
}
.toggle-menu, #menu-sidebar {
  align-self: center;
}
.page-template-custom-frontpage .primary-navigation a:hover, .page-template-custom-frontpage .primary-navigation .current-menu-item a, .page-template-custom-frontpage .primary-navigation .current-page-item a {
  color: var(--primary-color);
}
.primary-navigation a:hover, .primary-navigation .current-menu-item a, .primary-navigation .current-page-item a{
  color: #fff;
  background: transparent;
}

@media screen and (max-width: 1500px) {
  #slider .carousel-caption {
    right: 45%;
  }
}
@media screen and (max-width: 1025px) {
  .social-media i {
    margin-right: 10px !important;
  }
  .topbar i, .social-media a i, .call a, .topbar a:focus, .topbar a:hover {
    font-size: 13px;
  }
  .primary-navigation ul li a {
    font-size: 13px;
    padding: 10px 6px;
  }
  #services .service-text h4 {
    font-size: 18px;
  }
  #services .service-text h4:before {
    width: 20%;
    left: -22%;
  }
  #services .service-outer:nth-child(2n+2) .service-text h4:before {
    right: -22%;
  }
}
@media screen and (max-width: 425px) {
  .request-btn a.blogbutton-small {
    font-size: 14px !important;
  }
  #slider .inner_carousel h1 {
    font-size: 22px;
  }
  #slider .carousel-caption {
    left: 10%;
    right: 10%;
  }
  #slider .read-btn {
    justify-content: center;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev {
    display: none;
  }
  #services .service-text h4 {
    padding-bottom: 10px !important;
  }
  #services .service-text h4:before, #services .service-outer:nth-child(2n+2) .service-text h4:before {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    right: auto;
  }
  #services .service-text, #services .service-outer:nth-child(2n+2) .service-text {
    text-align: center;
  }
}