/**
Theme Name: Transportation Shipment
Theme URI: https://www.themescaliber.com/themes/free-transportation-wordpress-theme/
Author: ThemesCaliber
Author URI: https://www.themescaliber.com/
Version: 1.6.1
Requires PHP: 5.6
Tested up to: 6.8
Requires at least: 5.0
Template: logistic-transport
Text Domain: transportation-shipment
Description: Transportation Shipment is a professional and versatile theme designed for shipment companies, cargo services, logistics, freight transport, warehouses, moving companies, warehousing services, and transportation businesses. Ideal for Logistics, Freight, Cargo, Shipping, Warehousing, Supply Chain, Trucking, Delivery, Distribution, Movers, Transport, Haulage, Courier, Export, Import, Freight Forwarding, Cold Chain Logistics, eCommerce Fulfillment, Fleet Management, Third-Party Logistics (3PL), Last Mile Delivery, Package Tracking, and B2B Transportation Services, this theme combines a clean and optimized design with extensive customization options, making it suitable as a multipurpose solution. Fully responsive and mobile-friendly, it provides a user-friendly interface for creating a professional website without coding skills. Features include a beautiful slider, banner section, testimonial display, interactive Call to Action (CTA) buttons, social media integration, and optimized code for fast page load times. Built with the Bootstrap framework and enhanced with CSS animations, the theme ensures a visually engaging online presence. Additionally, it supports Contact Form 7 for seamless lead capture and WooCommerce integration for transport service bookings or product sales, making it a complete solution for any logistics or transportation business. Demo: https://www.themescaliber.com/transportation-shipment-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, 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

Transportation Shipment WordPress Theme is child theme of Logistic Transport WordPress Theme, Copyright 2022 ThemesCaliber
Transportation Shipment is distributed under the terms of the GNU General Public License v3 or later
Logistic Transport WordPress Theme, Copyright 2018 ThemesCaliber
Logistic Transport is distributed under the terms of the GNU General Public License v3 or later
*/

:root {
  --primary-color: #62e972;
  --secondary-color: #1d2027;
}
a {
  text-decoration: none;
}
.search-box button:focus,
.request-btn a.blogbutton-small:focus {
  outline: 2px ridge #fff;
}
.services-box .me-2:before,
.metabox,
.read-btn a.blogbutton-small,
#sidebar input[type="submit"],
#sidebar th,
#sidebar .tagcloud a:hover,
#comments input[type="submit"].submit,
.footertown th,
.footertown input[type="submit"],
input[type="submit"],
.footertown .tagcloud a:hover,
.primary-navigation ul ul a,
.woocommerce span.onsale,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
#slider .read-btn a.blogbutton-small,
#services .service-content,
.page-template-custom-frontpage .request-btn a.blogbutton-small,
#comments a.comment-reply-link,
.pagination .current,
.page-links .current,
.pagination a:hover,
.page-links a:hover,
.page-template-custom-frontpage.admin-bar .fixed-header,
.fixed-header,
.services-box .tc-category a {
  background: var(--primary-color);
}
#sidebar ul li a:hover,
.footertown .wp-block-search__label,
.footertown .widget h2,
.primary-navigation a:hover,
.scrollup,
.footertown .widget h3,
.footertown .widget ul li a:hover,
a,
a:hover,
.footertown a.rsswidget,
.scrollup:focus,
.scrollup:hover,
.request-btn a.blogbutton-small,
.topbar .call i,
.topbar a:hover,
.call:hover i,
.social-media a i:hover {
  color: var(--primary-color);
}
nav.woocommerce-MyAccount-navigation ul li,
.wp-block-button a,
.request-btn a.blogbutton-small {
  background: var(--primary-color) !important;
}
nav.woocommerce-MyAccount-navigation ul {
  margin: 0px;
}
.woocommerce-message,
.primary-navigation ul ul,
#slider .carousel-control-next i:hover,
#slider .carousel-control-prev i:hover {
  border-color: var(--primary-color);
}
.woocommerce-Address-title a.edit {
  background-color: var(--primary-color);
  color: #000 !important;
}
.woocommerce-Address-title a.edit:hover {
  color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.wp-block-pullquote blockquote,
.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-color: var(--primary-color) !important;
}
#header {
  background: #000;
}
.primary-navigation a:hover,
.page-template-custom-frontpage .inner-box,
.topbar {
  background: transparent;
}
.primary-navigation ul ul li a,
#about h3 a,
.request-btn a.blogbutton-small {
  color: #000;
}
.search-box i:hover {
  color: var(--primary-color);
}
.topbar {
  border-bottom: 1px solid var(--primary-color);
}
.social-media a:last-child i {
  margin: 0 !important;
}
.logo h1 a,
.logo p a,
.logo p,
.primary-navigation ul li a,
.search-box i {
  color: #fff;
}
.primary-navigation ul li a {
  position: relative;
}
.widget_calendar a {
  color: #fff;
}
.primary-navigation ul li a:before {
  content: "\f0dd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--primary-color);
  font-size: 22px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0;
  opacity: 0;
}
.primary-navigation ul li a:hover:before {
  opacity: 1;
}
.primary-navigation ul ul a:before {
  display: none;
}
.request-btn {
  display: inline-block;
  padding-left: 15px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
  background: rgb(99 233 114 / 40%);
}
.request-btn a.blogbutton-small {
  display: inline-block;
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 15px 15px 30px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
}
.request-btn a.blogbutton-small:hover {
  background-color: #000 !important;
  color: #fff !important;
}
#slider .read-btn a.blogbutton-small {
  border-radius: 6px;
  border: 1px solid var(--primary-color);
  background: transparent;
  color: #fff;
  font-weight: 600;
}
#slider .read-btn a.blogbutton-small:hover,
#slider .carousel-control-next i:hover,
#slider .carousel-control-prev i:hover {
  background: var(--primary-color);
  color: #000;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  width: auto;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: 5%;
}
#slider .carousel-control-next i,
#slider .carousel-control-prev i {
  padding: 12px 14px;
  border: 2px solid #fff;
}
#slider .carousel-control-prev {
  margin-top: 50px;
}
#about h2 {
  position: relative;
  font-size: 25px;
}
#about h2:after {
  content: "";
  width: 70px;
  height: 1px;
  background: var(--primary-color);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#about .about-img img {
  width: 85%;
  border-radius: 10px;
  box-shadow: 8px -8px 0 rgb(98 233 114 / 30%);
}
#about h3 {
  font-weight: 40px;
  font-weight: 500;
}
#about a.about-btn {
  background: var(--primary-color);
  color: #000;
  font-weight: 500;
  font-size: 15px;
  border-radius: 6px;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 10px;
}
#about a.about-btn:hover {
  background: #000;
  color: #fff;
}
#about .about-img {
  position: relative;
}
#about .about-img .img-text p.experience-text {
  font-size: 20px;
  font-weight: 500;
  transform: rotate(90deg);
  position: absolute;
  right: -45px;
  top: 85px;
  margin-bottom: 0;
}
#about .about-img .text-bg {
  background: var(--primary-color);
  color: #fff;
  width: 140px;
  height: 120px;
  text-align: center;
  border-radius: 10px;
  padding: 15px;
  box-shadow: -10px -10px 0 #fff;
  position: absolute;
  right: 0;
  bottom: -20px;
}
#about .about-img .text-bg i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}
#about .about-img .text-bg span {
  font-weight: 14px;
  font-weight: 500;
}
#slider .read-btn a.blogbutton-small,
#comments input[type="submit"].submit,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .quantity .qty {
  border-radius: 6px !important;
}
.read-btn a.blogbutton-small {
  border-radius: 6px;
}
nav.woocommerce-MyAccount-navigation ul li a {
  font-weight: 500;
}
.woocommerce-MyAccount-content p a {
  text-decoration: underline;
}
#sidebar h3 {
  padding: 12px 10px 10px 5px;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce a.button.yith-wcqv-button {
  text-decoration: none !important;
}
.product a.button:hover {
  color: #fff !important;
}
.tc-single-category a {
  background: var(--primary-color) !important;
}
.tc-single-category a:hover {
  background: #000 !important;
}
.bradcrumbs a,
.bradcrumbs span {
  background: var(--primary-color) !important;
}
.woocommerce-product-search button[type="submit"] {
  background: var(--primary-color);
}
#sidebar h3,
#sidebar h2,
#sidebar .wp-block-search__label,
.footertown .wp-block-search__label {
  border-bottom: 2px double var(--primary-color);
}
#sidebar h3, #sidebar h2, #sidebar .wp-block-search__label {
  color: #fff;
}
.wp-block-search__button,
.wp-block-tag-cloud a:hover,
.footertown .wp-block-tag-cloud a:hover {
  background-color: var(--primary-color);
}
.wp-block-search__button:hover{
  background: #000 !important;
  color: #fff;
}
.wp-block-tag-cloud a:hover,
.footertown .wp-block-tag-cloud a:hover,
.footertown .tagcloud a:hover,
#sidebar .tagcloud a:hover {
  border: 1px solid var(--primary-color);
}
#main .wp-block-button a:hover {
  background: #000 !important;
  color: #fff;
  border: 1px solid #000;
}
#main .is-style-outline a:hover {
  color: #000 !important;
  background: transparent !important;
  border: 2px solid #000;
}
#respond {
  margin-top: 20px;
}
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-checkout-place-order-button,
.wc-block-grid__product-onsale {
  background: var(--primary-color) !important;
}
.wc-block-grid__product-onsale {
  border-color: var(--primary-color) !important;
}
a.added_to_cart.wc-forward {
  background: var(--primary-color);
  border-radius: 6px;
}
.woocommerce-notices-wrapper a.button.wc-forward {
  background: var(--primary-color);
  padding: 10px 20px !important;
  opacity: 1;
  text-decoration: none;
}
.woocommerce-notices-wrapper a.button.wc-forward:hover {
  background: #353535 !important;
  color: #fff !important;
}
.textwidget a,
.comment-list li.comment p a,
#content-ma a,
.entry-content a {
  color: var(--primary-color) !important;
  color: #000 !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #000 !important;
}
/*cart button*/
.wc-block-components-button{
  background-color: var(--primary-color);
}
.woocommerce a.button:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.posted_in a {
  color: var(--primary-color);
}
.woocommerce-Address-title h2{
  font-size: 25px;
}
a.wc-block-components-checkout-return-to-cart-button {
  color: white !important; /* Link text color */
  border:2px solid #464141;
}
a.wc-block-components-checkout-return-to-cart-button:hover {
  background-color: black!important;
}


@media screen and (max-width: 1000px) {
  .toggle-menu button {
    color: #fff;
  }
  .site_header,
  .toggle-menu,
  .search-box,
  .menubox.nav {
    background: transparent;
  }
  .page-template-custom-frontpage .request-btn a.blogbutton-small {
    background: var(--primary-color) !important;
    color: #000;
  }
  .toggle-menu i{
    background: var(--primary-color);
    color: #000;
  }
  .side-menu {
    background: var(--primary-color);
  }
  .primary-navigation ul li a {
    color: #000;
  }
  .primary-navigation ul li a:before {
    display: none;
  }
  .primary-navigation ul a,
  .side-menu .closebtn {
    color: #000 !important;
  }
  .page-template-custom-frontpage #header {
    background-color: #000;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  #about .about-img .img-text p.experience-text {
    right: -50px;
  }
  #services {
    padding-top: 5rem !important;
  }
  #slider .carousel-caption {
    top: 50%;
    padding-top: 0rem;
  }
  .carousel-caption .read-btn {
    margin-top: 0.5rem !important;
  }
  .carousel-caption h1 {
    margin-bottom: 0rem !important;
  }
  #services .service-box {
    margin-top: -8em;
  }
}
@media screen and (max-width: 768px) and (min-width: 426px) {
  .page-template-custom-frontpage #header {
    background: #000;
  }
  #about .about-img .img-text p.experience-text {
    right: -70px;
  }
}
@media screen and (max-width: 425px) {
  .page-template-custom-frontpage #header {
    background: #000;
  }
  #about .about-img .text-bg {
    position: relative;
    margin-left: auto;
    margin-top: -10px;
    bottom: auto;
  }
  #about .about-img .img-text p.experience-text {
    right: -80px;
  }
  #slider .carousel-control-next i,
  #slider .carousel-control-prev i {
    padding: 8px 10px;
  }
  #slider .carousel-control-prev {
    margin-top: 40px;
  }
  #slider .carousel-control-next,
  #slider .carousel-control-prev {
    top: 40%;
  }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
  #slider .carousel-caption {
    top: 45% !important;
  }
}