/**
Theme Name: Transport Freight
Theme URI: https://www.themescaliber.com/products/transport-freight
Author: ThemesCaliber
Author URI: https://www.themescaliber.com/
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
Template: logistic-transport
Text Domain: transport-freight
Description: The Transport Freight theme is designed with organized sections for presenting freight services, shipment details, delivery information, and logistics-related content in a structured layout. It includes customizable banner areas, service sections, route information blocks, testimonials, and contact integration for clear communication. The homepage supports content arrangement for fleet details, transport updates, service coverage, and project information. The theme also provides navigation menus, blog support, image display sections, social media integration, and footer customization options. Its responsive structure helps maintain accessibility across desktop, tablet, and mobile devices. Additional customization settings for typography, colors, and layout arrangement allow flexible content presentation while keeping the website layout clean and easy to navigate. 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;
}
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;
  }
}