/*
Theme Name: On Time Freight 2024
Theme URI: https://www.portotheme.com/wordpress/porto
Author: SW-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/**** BUTTONS ****/

.btn-primary:active, .btn-primary:focus, .btn-primary:hover{
    background-color: #009044;
    border-color: #00a94f #00a94f #005d2c;
}

.btn.btn-lg, .vc_btn3.vc_btn3-size-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    text-transform: capitalize;
    font-weight: 300;
}

.btn-default.btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}


.testimonial blockquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.3;
}

.testimonial blockquote:before{
    left: 10px;
    top: 0;
    color: #fff;
    content: "\201C";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}

.testimonial blockquote {
    border: 0;
    color: #666;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
}


.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    
}

.footer .widget-title {
    margin-bottom: 1rem;
    font-size: 1.8em;
    font-family: Roboto, sans-serif;
    font-weight: 200;
    text-transform: Capitalize;
}

.footer h3.widget-title {
    font-weight: 300 !important;
}

.services-icon-banner {
    height: 280px;
}

#footer .footer-bottom .footer-center {
    font-size: 14.4px;
}


i.fas.fa-phone{
    transform: rotate(90deg);
}

#home-services-nd {
	margin-top: -160px;
}

#footer form { opacity: 0.85; }


/*** HEADER mobile */

#side-nav-panel .accordion-menu>li.menu-item a {
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 200 !important;
}

#side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .menu-custom-block a:hover {
    background-color: #ffffff;
}

html.panel-opened .side-nav-panel-close{
    color: #242527;
}

#side-nav-panel .accordion-menu .arrow:before {
    color: #0a2b34;
}

#side-nav-panel>.menu-wrap {
    padding-top: 40px;
}

#side-nav-panel {
 width: 260px;}
 
#side-nav-panel .accordion-menu .arrow{
    line-height: 35px;
}

.accordion-menu ul.sub-menu a {
    text-transform: capitalize !important;
}

/** Porto Concept*/

.porto-concept {
    width: 100%;
    overflow: hidden;
    background: url(/wp-content/uploads/2024/11/concept.png) no-repeat center 0;
}

.porto-concept .process-image {
    width: 160px;
    height: 175px;
    margin: 120px auto 0 auto;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    background: url(/wp-content/uploads/2024/11/concept-item.png) no-repeat 0 0;
}

.porto-concept .project-image {
    width: 350px;
    height: 420px;
    margin: 15px 0 0 -30px;
    padding-bottom: 45px;
    position: relative;
    z-index: 1;
    background: url(/wp-content/uploads/2024/11/concept-item.png) no-repeat 100% 0;
}


/**** HOME BANNER BACKGROUND WITH WHITE FADE ****/

.home-backg,
.home-backg-v2 {
    min-height: 90vh !important;
    background-image:
        linear-gradient(
            to right,
            rgba(255,255,255,0.02) 0%,
            rgba(255,255,255,0.18) 40%,
            rgba(255,255,255,0.55) 50%,
            rgba(255,255,255,0.88) 72%,
            rgba(255,255,255,1) 100%
        ),
        url('/wp-content/uploads/2018/12/ontimefreight-slide-home-612-v1.jpg') !important;

    background-size: cover !important;
    background-position: center 30% !important;
    background-repeat: no-repeat !important;
    position: relative;
    overflow: hidden;
}


@media screen and (min-width: 1170px) {
	
	#home-services-nd {
	margin-top: -200px;
}

/* === BACKUP: original home banner (1170px) ===
.home-backg
{
    background-image: url(/wp-content/uploads/2018/12/ontimefreight-slide-home-612-v1.jpg);
	background-size: cover;
}
.home-backg-v2 {
	background-image: url(/wp-content/uploads/2018/12/ontimefreight-slide-home-71218-v1-r.jpg);
	background-size: cover;
}
=== END BACKUP === */
}

@media (max-width: 1169px) {
    
    .services-icon-banner {
        display: none !important;
    }
    
        #header .main-menu > li.menu-item > a {
        font-size: 13px;
        letter-spacing: 0px;
    }

/* === BACKUP: original home banner (1169px) ===
	.home-backg {
    background-image: url(/wp-content/uploads/2018/12/ontimefreight-slide-home-612-mobile-v2.jpg);
	background-size: cover;}
	.home-backg-v2 {
    background-image: url(/wp-content/uploads/2018/12/ontimefreight-slide-home-612-mobile-v2.jpg);
	background-size: cover;}
=== END BACKUP === */

    /* Home banner — tablet/mobile fade */
    .home-backg,
    .home-backg-v2 {
        min-height: 650px !important;
        padding-top: 120px !important;
        padding-bottom: 80px !important;

        background-image:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0.75) 0%,
                rgba(255,255,255,0.65) 35%,
                rgba(255,255,255,0.9) 70%,
                rgba(255,255,255,1) 100%
            ),
            url('/wp-content/uploads/2018/12/ontimefreight-slide-home-612-v1.jpg') !important;

        background-size: cover !important;
        background-position: left top !important;
        background-repeat: no-repeat !important;
    }

    .home-backg h1,
    .home-backg h2,
    .home-backg-v2 h1,
    .home-backg-v2 h2 {
        font-size: 34px !important;
        line-height: 1.15 !important;
        text-align: left !important;
    }

    .home-backg p,
    .home-backg-v2 p {
        font-size: 18px !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }
}

.cta-netplanet  {
    background-color: #98c93c;
    color: #ffffff;
	}
	
/* Get a Quote */
@media (min-width: 992px) {
.custom-get-quote a:link {background: #00a94f !important; color: #ffffff !important;}
#main-menu .mega-menu > li.custom-get-quote a { background: #00a94f !important; color: #ffffff !important; border-radius: 2em !important; margin-left: 15px; padding: 10px 20px 10px;}
	

.custom-get-quote a.current { color: #34B7F1 !important; color: #0a2b34 !important;}
.custom-get-quote a:hover.current { color: #ffffff !important;}
	

.home-pricing-box .pricing-table ul {min-height:200px;}	
	.footer-main .widget {margin-bottom:0;}
	#header.sticky-header .logo {
    width: 130px !important;
}
}

.home-pricing-box .pricing-table h3 {margin-bottom:0;background-color: #eee;}

.pricing-table h3 {background-color: #eee;}

.porto-concept strong, .porto-concept .our-work{
    font-family: Roboto, sans-serif;
	font-size: 1.5em;
	color: #1d2127; 
}

html .btn-primary {color: #ffffff;}

#side-nav-panel .accordion-menu li:not(:last-child) {border-bottom: 0px solid #242527;}
#side-nav-panel .side-nav-panel-close {color: #242527;}
.porto-concept .cloud { background-image: url(/wp-content/uploads/2018/11/ontime-cloud.png); }
.porto-concept .sun {background-image: url(/wp-content/uploads/2018/09/favicon-32x32.png);}
.mfp-content {text-align: center;}

.mfp-close:before, .mfp-close:after, .mfp-close-btn-in .mfp-close:before, .mfp-close-btn-in .mfp-close:after {color: #f2f2f2;}
button.mfp-close, button.mfp-arrow { border-radius: 50%; background: #00a94f;}
.mfp-close {opacity: 1;}

#footer .widget .tagcloud a, #footer .widget > div > ul, #footer .widget > ul, #footer .widget > div > ul li, #footer .widget > ul li, #footer .post-item-small {
    border-color: transparent;
}
.linear-gradient-bg-green {
    background-image: linear-gradient( 135deg, #006f51 10%, #00a94f 100%); }

	.linear-gradient-bg-gray {
    /* background-image: linear-gradient( 135deg, #cccccc 10%, #f5f5f5 100%); */
	background-color: #f5f5f5; 
/* border-bottom: 2px solid #ccc; */	}

.background-services { background-color: #f5f5f5 !important;}
	
.testimonial blockquote {
    background-color: #edeeee;
}
.testimonial .testimonial-arrow-down {
    border-top-color: #edeeee;
}

.testimonial blockquote p{
	color: #777;
}
#banner-wrapper .btn-primary:hover,#banner-wrapper .btn-primary:focus ,#banner-wrapper .btn-primary:active, .linear-gradient-bg-gray .btn-primary:hover, .text-white .btn-primary:hover  {
    color: #fff;
}

.gutter-0 .row {
	margin-left:0;
	margin-right:0;
}

.porto-concept .sun {
    width: 60px;
    height: 56px;
    display: block;
    position: absolute;
    left: 10%;
    top: 35px;
}

.porto-concept .cloud {
    width: 116px;
    height: 56px;
    display: block;
    position: absolute;
    left: 57%;
}

@media (max-width: 991px){
.porto-concept .project-image {
    margin: 60px auto 0 auto;
}
	
.porto-concept {
    background: none;
}
	
}

@media (max-width: 767px){
	.ugly-freight-img{
		height: 400px !important;
	}

    /* Home banner — phone fade */
    .home-backg,
    .home-backg-v2 {
        min-height: 620px !important;
        padding-top: 110px !important;
        padding-bottom: 70px !important;

        background-image:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0.70) 0%,
                rgba(255,255,255,0.65) 35%,
                rgba(255,255,255,0.90) 70%,
                rgba(255,255,255,1) 100%
            ),
            url('/wp-content/uploads/2018/12/ontimefreight-slide-home-612-v1.jpg') !important;

        background-position: left top !important;
    }

    .home-backg h1,
    .home-backg h2,
    .home-backg-v2 h1,
    .home-backg-v2 h2 {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }

    .home-backg p,
    .home-backg-v2 p {
        font-size: 16px !important;
    }
}

/***custom accordion**/
.custom-accordion.accordion .card-header {
	border-radius: 4px;
	overflow: hidden;
}

.custom-accordion a.accordion-toggle[aria-expanded="true"] {
	background: #00a94f;
	color: #222529;
}

.custom-accordion.accordion.panel-modern .card {
	border: none !important;
}


/**** PARALLAX BANNER — IMAGE POSITION + WHITE FADE ****/

/* Image focal point */
.npd-parallax-pos .vc_parallax-inner {
    background-position: center 60% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* White fade — painted on the parallax layer itself, so it sits above the
   image and stays behind the text (VC already stacks this layer behind content) */
.npd-parallax-pos .vc_parallax-inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
  background: rgba(255,255,255,0.70);
}

/* Tablet/phone: lower focal point + vertical fade */
@media (max-width: 991px) {
    .npd-parallax-pos .vc_parallax-inner {
        background-position: center 50% !important;
    }
    .npd-parallax-pos .vc_parallax-inner::after {
        background: linear-gradient(
            to top,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,0.88) 28%,
            rgba(255,255,255,0.55) 50%,
            rgba(255,255,255,0.30) 62%,
            rgba(255,255,255,0.02) 100%
        );
    }
}




.pallet-block {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  max-width: 1680px;
  margin: 0 auto 40px;
  padding: 0 12px;
}

.pallet-block__content {
  flex: 1;
}

.pallet-block__content h3 {
  margin-top: 0;
}

.pallet-block__image {
  flex: 0 0 40%;
  max-width: 40%;
}

.pallet-block__image img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767px) {
  .pallet-block {
    flex-direction: column;
    gap: 15px;
  }
  .pallet-block__image {
    flex: 1 1 100%;
    max-width: 100%;
    order: -1; /* image first on mobile; remove this line to keep it below text */
  }
}