/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* Header Styling */

body h1, .homepage-banner-text p { font-size: clamp(2rem, calc(1.35rem + 2.5vw), 3rem); line-height: clamp(3rem, calc(1.35rem + 2.5vw), 3.6rem); font-weight: 700;}
body h2 { font-size: clamp(1.8rem, calc(1.25rem + 2.35vw), 2.6rem); line-height: clamp(2.8rem, calc(1.35rem + 2.5vw), 3.2rem); }
body.single-new-forklifts h2>span{ font-size: 32px; line-height: clamp(0.2rem, 0.4rem + 2.35vw, 0.4rem); }
body h3 { font-size: clamp(1.6rem, calc(1.10rem + 1.95vw), 2.2rem); line-height: clamp(2.6rem, calc(1.35rem + 2.5vw), 2.8rem); }
body h4 { font-size: clamp(1.4rem, calc(0.95rem + 1.10vw), 1.7rem); line-height: clamp(2.4rem, calc(1.35rem + 2.5vw), 2.3rem); }
body h5 { font-size: clamp(1.2rem, calc(0.90rem + 0.45vw), 1.4rem); line-height: clamp(2.2rem, calc(1.35rem + 2.5vw), 2rem); }
body h6 { font-size: clamp(1rem, calc(0.85rem + 0.20vw), 1.2rem); line-height: clamp(2rem, calc(1.35rem + 2.5vw), 1.8rem); }

body a:focus, body input[type=checkbox]:focus, body input[type=file]:focus, body input[type=radio]:focus {
    outline: none;
    outline-offset: 0;
}

:root {
    --lqd-move-onhover-val: -5px;
}

html {
    scroll-behavior: smooth;
}

body {
    z-index: 3;
}

@media (max-width: 991px) {
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .order-3 {
        order: 3;
    }
    .order-4 {
        order: 4;
    }

    body section#contact-info .liquid-row-overlay {
        background: rgba(35, 36, 38, 0.95) !important;
    }

    section#contact-info div.ld-container h2, section#contact-info div.ld-container .wpb_text_column h5, section#contact-info div.ld-container .wpb_text_column p {
        color: #fff;
    }

    .image-right-text-left .order-2>.vc_column-inner>.wpb_wrapper, .image-left-text-right .order-2>.vc_column-inner>.wpb_wrapper {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }

    .dark-grey-shape p{
        display: none;
    }
    .blog-block .liquid-filter-items>ul.filter-list {
        display: none !important;
    }

    .blog-block .liquid-filter-items .lqd-filter-dropdown div.ui-selectmenu-menu ul.ui-menu li {
        background-color: #fff;
        color: #F48100;
        padding: 5px 15px;
        font-size: 18px;
        font-weight: 600;
        margin-inline-start: 0;
        opacity: 1;
    }

    body.single-new-forklifts div.row.new-forklifts-grid, body.single-ancillary-menu  div.row.new-equipment-grid, body. {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (min-width: 991px) and (max-width: 1780px) {
    body .image-left-text-right .vc_col-lg-offset-3, body .image-right-text-left .vc_col-lg-offset-3, body .image-right-text-left .vc_col-lg-offset-1, body .image-left-text-right .vc_col-lg-offset-1 {
        width: 40vw;
        margin-left: 10vw;
    }
}

@media (max-width: 1700px) {
    .small-left-white-box, .large-left-white-box, .large-right-white-box  {
        opacity: 0.4;
    }
}

@media (min-width: 1200px) {

    body .is-stuck .lqd-head-col>.header-module>p span {
        color: #fff !important;
    }
}

.lqd-back-to-top a, .lqd-back-to-top a .lqd-scrl-indc-inner {
    background-color: #000;
}

.lqd-back-to-top a .lqd-scrl-indc-el {
    background-color: #F48100;
}

.header-button p span{
    color: #ffffff;
    background-color: #F48100;
    padding: 15px 20px;
}

body .thin-text {
    font-weight: 400;
}

.z-index-2, .blog-block {
    z-index: 2;
}

.big-left-orange-box {
    position: absolute;
    left: -300px;
    top: -150px;
}

.small-left-orange-box {
    position: absolute;
    left: -425px;
    top: -50px;
}

.bottom-right-orange-box {
    position: absolute;
    right: -400px;
    bottom: -150px;
}

.small-left-white-box {
    position: absolute;
    left: -200px;
    bottom: 150px;
}

.large-left-white-box {
    position: absolute;
    left: -250px;
    bottom: -5px;
}

.homepage-banner .large-right-white-box {
    position: absolute;
    right: -92%;
    bottom: 150px;
}

.large-right-white-box {
    position: absolute;
    right: -400px;
    bottom: 150px;
}

body .lqd-contact-form input {
    padding-inline-start: 1em;
}

.dark-grey-shape .wpb_wrapper p img{
    right: -88px;
    position: absolute;
    height: 685px;
}

/* Contact Form */
.wpcf7 form.wpcf7-form p label {
    min-width: 100%;
}

/* Blog */
body.lqd-blog-post-style-6 .lqd-post-header {
    padding-top: 120px !important;
}

.blog-block .liquid-filter-items li {
    background-color: #F48100;
    color: #fff;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: 600;
    margin-inline-start: 2rem;
    opacity: 0.5;
}
.blog-block .liquid-filter-items li.active {
    background-color: #F48100;
    color: #fff;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: 600;
    margin-inline-start: 2rem;
    opacity: 1;
}

.blog-block .liquid-filter-items li[data-filter="*"] {
    margin-inline-start: 0;
}

.blog-block .lqd-lp-column .lqd-lp-img{
    border-radius: 0;
    margin-bottom: 0 !important;
}

.blog-block .lqd-lp-column article.lqd-lp {
    background-color: #232426;
}

.blog-block .lqd-lp-header {
    margin-top: 10px;
}

.blog-block .lqd-lp-footer {
    margin-bottom: 10px;
}

.blog-block .lqd-lp-footer, .blog-block .lqd-lp-header, .blog-block .lqd-lp-excerpt  {
    padding: 0 15px;
    color: #fff;
}

.blog-block .lqd-lp-header h2 a, .blog-block .lqd-lp-footer a {
    color: #fff;
}

/* Contact Forms */
.lqd-contact-form .col-sm-12 .ui-button.ui-selectmenu-button .ui-selectmenu-icon {
    top: 25px;
}

body .lqd-contact-form .ui-button.ui-selectmenu-button, body .lqd-contact-form textarea {
    padding-inline-start: 1em;
    padding-inline-end: 1em;
}

.new-forklifts-template-default .titlebar-inner, .new-forklifts-template-default .lqd-post-cover {
    display: none;
}

.new-forklift-single, .used-equipment-single {
    padding: 15px;
}

.product-block-border {
    border: 1px solid #c2c2c2;
    background-color: #fff;
    transition: box-shadow 0.5s;
}

div#product-range div.new-forklift-single:hover .product-block-border, div#product-range div.used-equipment-single:hover .product-block-border{
    box-shadow: 0 12px 28px rgba(35, 36, 38, .3);
}

div#product-range div.new-forklift-single, div#product-range div.used-equipment-single {
    transition: transform 0.5s;
    position: relative;
}

div#product-range div.new-forklift-single:hover, div#product-range div.used-equipment-single:hover {
    transform: translateY(var(--lqd-move-onhover-val, 0));
}

.product-block {
    padding: 15px 20px;
    /*min-height: 292px;*/
}

.product-block h4.product-title {
    margin: 0 0 10px 0;
    color: #F48100;
}

.product-info.product-description {
    margin-top: 10px;
    margin-bottom: 0;
}

h2.forklifts-range {
    margin: 0;
}

.product-block-border a {
    margin: 0 0 15px 15px;
    color: #fff;
    background-color: #F48100;
    padding: 20px 20px;
    font-size: 1rem;
}

.lqd-head-sec.align-items-stretch {
    background-color: rgb(0, 0, 0);
}

body .carousel-dots .lqd-carousel-numbers-line > svg path[opacity] {
    opacity: 0.25 !important;
}

footer.main-footer div.lqd-contact-form span.wpcf7-not-valid-tip, footer.main-footer div.lqd-contact-form .wpcf7-response-output, .lqd-contact-form .screen-reader-response, .lqd-contact-form .wpcf7-not-valid-tip{
    color: #fff;
    border-bottom: 1px solid #fff;
}

.lqd-contact-form .wpcf7-response-output{
    padding: 10px;
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
}

.wpcf7-form.sent .wpcf7-response-output {
    margin-top: 10px;
    padding: 5px;
    background-color: #F48100;
    color: #fff;
}

.wpcf7-form.invalid  .wpcf7-response-output{
    margin-top: 10px;
    padding: 5px;
    background-color: red;
    color: #fff;
}

footer.main-footer div.lqd-contact-form div.screen-reader-response, .blog-post-footer.entry-footer  {
    display:none;
}

.location-icon-text .wpb_wrapper{
    display: flex;
    align-items: center; /* vertical middle */
    gap: 12px;
}

/* Remove default paragraph spacing that can misalign */
.location-icon-text p{
    margin: 0;
}

/* Keep the icon a fixed size */
.location-icon-text img{
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: block;
}

.location-icon-text .location-icon {
    margin-right: 10px;
}

.homepage-banner div.carousel-container .flickity-viewport-wrap .flickity-viewport {
    height: 650px !important;
}

.homepage-header-carousel .flickity-viewport, .homepage-header-carousel .flickity-viewport-wrap, .homepage-header-carousel .carousel-item  {
    overflow: hidden !important;;
}


div#product-range > .ld-container.new-trucks, div#product-range > .ld-container.used-equipment-container  {
    position: relative;
    z-index: 10;
    padding: 60px 0;
}

.single-ancillary-menu div#product-range > .ld-container.new-trucks {
    position: relative;
    z-index: 10;
    padding: 60px 0 30px 0;
}

div#product-range.tlh-row {
    background-color: #E6E6E6;
    padding: 0 15px;
}


div.row.new-forklifts-grid, div.row.new-equipment-grid, div.row.used-equipment-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

body.postid-533 div.row.new-equipment-grid, body.postid-781 div.row.new-equipment-grid  {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

div.row.new-forklifts-grid .new-forklift-single, div.row.new-equipment-grid .new-equipment-single, div.row.used-equipment-grid .used-equipment-single {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

div.row.new-forklifts-grid .new-forklift-single .product-block-border, div.row.new-equipment-grid .new-equipment-single .product-block-border, div.row.used-equipment-grid .used-equipment-single .product-block-border {
    width: 100%;
    display: flex;
}

div.row.new-forklifts-grid .new-forklift-single .product-block-parent, div.row.new-equipment-grid .new-equipment-single .product-block-parent, div.row.used-equipment-grid .used-equipment-single .product-block-parent {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

div.row.new-forklifts-grid .new-forklift-single .product-block, div.row.new-equipment-grid .new-equipment-single .product-block, div.row.used-equipment-grid .used-equipment-single .product_block {
    flex: 1 1 auto;
}

div.row.new-forklifts-grid .new-forklift-single .btn-contact, div.row.new-equipment-grid .new-equipment-single .btn-contact, div.row.used-equipment-grid .used-equipment-single .btn-contact {
    margin-top: auto;
}

div.row.new-forklifts-grid .new-forklift-single .product-image, div.row.new-equipment-grid .new-equipment-single .product-image, div.row.used-equipment-grid .used-equipment-single .product-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1199px) {
    body div.row.new-forklifts-grid, body div.row.new-equipment-grid, div.row.used-equipment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.postid-533 div.row.new-equipment-grid, body.postid-781 div.row.new-equipment-grid  {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: stretch;
    }
}

@media (max-width: 767px) {
    div.row.new-forklifts-grid, div.row.new-equipment-grid, div.row.used-equipment-grid {
        grid-template-columns: 1fr;
    }
}

.new-forklifts-grid a, .new-equipment-grid a, .used-equipment-grid a {
    color: #fff;
    background-color: #F48100;
    opacity: 0.4;
    pointer-events: none;
    padding: 10px 10px;
    font-size: 1rem;
    width: 100%;
    margin: 0;
    justify-content: center;
}

.new-forklifts-grid .new-forklift-single:hover .product-block-border a, .new-equipment-grid .new-equipment-single:hover .product-block-border a, .used-equipment-grid .used-equipment-single:hover .product-block-border a {
    opacity: 1;
    pointer-events: all;
}

.new-forklifts-grid .product-block-border a:hover, .new-equipment-grid .product-block-border a:hover, .used-forklift-grid .product-block-border a:hover {
    transform: none;
}

.product-specs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 columns */
    gap: 10px 16px;
    margin-top: 10px;
}

.product-specs {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

.product-specs img {
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.product-specs p {
    margin: 0;
}

ul.tlh-new-product-parents, ul.tlh-new-product-models {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tlh-new-product-parents li.tlh-fmm-parent-item a.tlh-fmm-parent-link, div.tlh-fmm-models-group ul.tlh-new-product-models a.tlh-fmm-model-link, ul.tlh-new-product-models a.tlh-fmm-ancillary-link {
    color: #fff;
    font-weight: 600;
}

ul.tlh-new-product-parents li.tlh-fmm-parent-item:hover a.tlh-fmm-parent-link, div.tlh-fmm-models-group ul.tlh-new-product-models a.tlh-fmm-model-link:hover, ul.tlh-new-product-models li.tlh-fmm-ancillary-item:hover a.tlh-fmm-ancillary-link {
    color: #F48100;
}

.tlh-product-info-grid{
    display:grid;
    grid-template-columns: 60% 40%;
    gap: 20px;
}


.tlh-fmm-preview-specs div {
    margin-bottom: 10px;
    background-color: #F48100;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.tlh-product-info-side{
    display:flex;
    flex-direction:column;
}

.tlh-product-info-side-top{
    display:grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.tlh-fmm-view-equipment{
    margin-top:auto;
    width:100%;
}

.tlh-fmm-view-equipment a{
    display:block;
    width:100%;
    background-color: #F48100;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding: 10px 0;
}

.tlh-fmm-view-equipment a:hover{
    background-color: #000;
    color: #fff;
}

/* Active parent highlight */
.tlh-fmm-parent-item.is-active > a, ul.tlh-new-product-models li:hover a.tlh-fmm-ancillary-link {
    padding-left: 5px;
}

.tlh-fmm-parent-item.is-active, ul.tlh-new-product-models li.tlh-fmm-ancillary-item:hover{
    background: rgba(245, 121, 29, 0.12);
    border-left: 3px solid #f5791d;
}

.tlh-fmm-preview-image-row{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}
.tlh-fmm-preview-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
}

.tlh-product-info-desc {
    margin-bottom: 10px;
}

.tlh-fmm-column-heading p {
    color: #fff;
    font-size: 24px;
}

.tlh-fmm-column-heading {
    margin-bottom: 10px;
}

.hover-card-options:hover a.btn.btn-solid {
    border: 1px solid #fff;
}

a.btn.btn-solid {
    padding: 5px;
}

li ul.nav-item-children, body article.lqd-post-content div.lqd-post-cover figure.lqd-post-media img {
    border-radius: 0;
}

article.lqd-post-content div.cat-links > a {
    padding: 10px 15px;
    border-radius: 0;
    background-color: #F48100;
    color: #fff;
    font-weight: 700;
}

section.vc_row.blog-block span.btn-line.btn-line-before, span.btn-line.btn-line-after  {
    bottom: -10px;
    font-size: 10px;
}

/*.carousel-dots-mobile.carousel-dots-style4 {*/
/*    padding-bottom: 15px;*/
/*    margin-top: -2em;*/
/*}*/

body .lqd-contact-form  {
    margin-bottom: 0;
}