/*
Theme Name: Run Gran Child Theme
Theme URI: https://run-gran.themerex.net/
Description: Run Gran is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.6.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: run-gran
Template: run-gran
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
    display: none !important;
}
/* Hide rating filter dropdown (ThemeREX / Run Gran) */
.sc_form_field_rating,
.sc_form_field.sc_form_field_rating,
.sc_form_field_select[data-multiple="1"] .star-rating {
    display: none !important;
}
/* Hide rating stars and review count on single product page */
.woocommerce-product-rating,
.woocommerce-product-rating .star-rating,
.woocommerce-review-link {
    display: none !important;
}
.sc_layouts_cart.sc_layouts_cart_market_woocommerce.inited {
    display: none;
}
.scroll_to_top_style_default:hover {
    border-color: #0a2342;
    background-color: #0a2342;
}
.elementor-26472 .elementor-element.elementor-element-9ca6207 .logo_image {
    max-height: 80px;
}
.elementor-26676 .elementor-element.elementor-element-2a6486c .logo_image {
    max-height: 80px;
}
.elementor-26472 .elementor-element.elementor-element-d3bdd2f .logo_image {
    max-height: 80px;
}
.elementor-25857 .elementor-element.elementor-element-f8eee8c .logo_image {
    max-height: 80px !important;
}

.team_member_position{
    font-size: clamp(28px, 5vw, 40px) !important;
    font-weight: 800 !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
}

.team_member_description{
    display: none !important;
}

/* contact */
/* Underline style for all fields */
.premium-form .wpcf7-form-control:not(.wpcf7-submit),
.premium-form input,
.premium-form select,
.premium-form textarea{
    width:100% !important;
    border:none !important;
    border-bottom:1px solid #cfcfcf !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:12px 0 !important;
    height:50px !important;
    box-shadow:none !important;
    font-size:14px;
}

/* textarea */
.premium-form textarea{
    min-height:90px !important;
    resize:none;
}

/* remove browser dropdown styling */
.premium-form select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

/* focus effect */
.premium-form input:focus,
.premium-form textarea:focus,
.premium-form select:focus{
    border-bottom:2px solid #0a2342 !important;
    outline:none;
}

/* required error field */
.premium-form .wpcf7-not-valid{
    border-bottom:2px solid #ff4d4d !important;
}

/* validation text */
.premium-form .wpcf7-not-valid-tip{
    font-size:12px;
    margin-top:5px;
}


/* step box */

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

.wrap{
    padding:40px 32px;
}

.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
    max-width:1280px;
    margin:0 auto;
}

.sc{
    display:flex;
    align-items:stretch;
    height:200px;
}

.num-tab{
    position:relative;
    width:110px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:12px;
    flex-shrink:0;
    border-radius:6px 0 0 0;
    background:#fff;
    border:1px solid #D5DDD4;
}

.num-tab::before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    border-top:32px solid transparent;
    border-left:55px solid #c2ccc1;
    border-right:55px solid #c2ccc1;
}

.num-tab span{
    font-size:72px;
    font-weight:900;
    line-height:1;
    position:relative;
    z-index:2;
    color:#8e9890;
    opacity:.4;
}

.fold{
    width:0;
    height:0;
    flex-shrink:0;
    border-top:150px solid #c2ccc1;
    border-right:20px solid transparent;
}

.box{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px 36px 20px 24px;
    position:relative;
    background:#D5DDD4;
}

.box::after{
    content:'';
    position:absolute;
    right:-32px;
    top:0;
    border-top:107px solid transparent;
    border-bottom:95px solid transparent;
    border-left:32px solid #D5DDD4;
}

.box h3{
    font-size:28px;
    font-weight:700;
    text-transform:uppercase;
    color:#39413d;
    letter-spacing:0.6px;
    margin-bottom:8px;
    line-height:1.2;
}

.box p{
    font-size:16px;
    line-height:1.5;
    color:#59635d;
}

.last-wrap{
    display:flex;
    justify-content:center;
}

/* keep classes intact */
.s1 .num-tab,
.s2 .num-tab,
.s3 .num-tab,
.s4 .num-tab,
.s5 .num-tab,
.s6 .num-tab,
.s7 .num-tab{
    background:#fff;
}

.s1 .box,
.s2 .box,
.s3 .box,
.s4 .box,
.s5 .box,
.s6 .box,
.s7 .box{
    background:#D5DDD4;
}

.s1 .box::after,
.s2 .box::after,
.s3 .box::after,
.s4 .box::after,
.s5 .box::after,
.s6 .box::after,
.s7 .box::after{
    border-left:32px solid #D5DDD4;
}

.s1 .fold,
.s2 .fold,
.s3 .fold,
.s4 .fold,
.s5 .fold,
.s6 .fold,
.s7 .fold{
    border-top:150px solid #c2ccc1;
}

/* Tablet */
@media (max-width:900px){

    .grid{
        grid-template-columns:1fr;
        gap:32px;
        grid-auto-rows:1fr;
    }

    .last-wrap{
        grid-column:auto;
    }

    .last-wrap .sc{
        width:100%!important;
    }

    .sc{
        height:auto;
        min-height:150px;
    }

    .fold{
        display:none;
    }

    .box::after{
        display:none;
    }
}

/* Mobile */
@media (max-width:600px){

    .wrap{
        padding:24px 16px;
    }

    .sc{
        height:auto;
        min-height:120px;
    }

    .num-tab{
        width:72px;
    }

    .num-tab span{
        font-size:48px;
    }

    .num-tab::before{
        border-left:36px solid #c2ccc1 !important;
        border-right:36px solid #c2ccc1 !important;
    }

    .box{
        padding:16px;
    }

    .box h3{
        font-size:18px;
    }

    .box p{
        font-size:13px;
    }
}

/* Main calendar */
/* Main calendar */
.ui-datepicker{
    width:320px !important;
    background:#fff !important;
    border:1px solid #ddd !important;
    z-index:999999 !important;
    padding:10px !important;
}

/* Header */
.ui-datepicker-header{
    background:#081f45 !important;
    color:#fff !important;
    padding:10px !important;
    position:relative !important;
    overflow:visible !important;
}

/* Title area */
.ui-datepicker-title{
    margin:0 35px !important;
    text-align:center !important;
}

/* Month/year dropdown fix */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:auto !important;
    min-width:80px !important;
    max-width:none !important;
    color:#fff !important;
    background:#081f45 !important;
    border:1px solid rgba(255,255,255,.3) !important;
    padding:4px 8px !important;
    font-size:14px !important;
    vertical-align:middle !important;
}

/* Arrows */
.ui-datepicker-prev,
.ui-datepicker-next{
    position:absolute !important;
    top:12px !important;
    cursor:pointer !important;
}

.ui-datepicker-prev{
    left:10px !important;
}

.ui-datepicker-next{
    right:10px !important;
}

/* Days */
.ui-datepicker-calendar th{
    background:#081f45 !important;
    color:#fff !important;
}

.ui-datepicker-calendar td a{
    display:block !important;
    text-align:center !important;
    padding:8px !important;
}
div#ui-datepicker-div {
	position: absolute;
    top: 4924.03px;
    left: 185.688px;
    z-index: 21 !important;
    display: none;
}

/* slider */
/* ==========================
   GET QUOTE BUTTON
========================== */

.get-quote-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:230px;
    height:56px;
    margin-top:25px;
    text-decoration:none !important;
    overflow:hidden;
    background:#062854;
    color:#fff !important;
    letter-spacing:4px;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    transition:.4s ease;
}

.get-quote-btn span{
    position:relative;
    z-index:2;
}

.get-quote-btn:before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:#35d36f;
    transition:.45s;
}

.get-quote-btn:hover:before{
    left:0;
}

.get-quote-btn:hover{
    color:#fff !important;
}

.product_meta{
    margin-bottom:20px;
}


/* ==========================
   POPUP
========================== */

.quote-modal{
    display:none;
    position:fixed !important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    z-index:999999 !important;
}

.quote-modal.active{
    display:flex !important;
    justify-content:center;
    align-items:center;
}

.quote-modal-content{
    position:relative;
    background:#fff;
    width:90%;
    max-width:700px;
    padding:40px;
    border-radius:15px;
    max-height:90vh;
    overflow-y:auto;
}

.quote-modal-content h3{
    text-align:center;
    margin-bottom:25px;
}

.quote-close{
    position:absolute;
    top:12px;
    right:20px;
    font-size:32px;
    cursor:pointer;
}

body.modal-open{
    overflow:hidden;
}


@media(max-width:768px){

.quote-modal-content{
    width:95%;
    padding:25px;
}

.get-quote-btn{
    width:200px;
    height:52px;
}

}
div#ui-datepicker-div {
    position: fixed !important;
    z-index: 99999999 !important;
    display: none;
}
/* Hide everywhere */
.menu_getaquote{
    display:none !important;
}

/* Show on mobile */
@media (max-width:767px){
    .menu_getaquote{
        display:block !important;
    }
}

/* Hide wishlist icon on shop/category pages */
.tinv-wraper,
.tinvwl-loop-button-wrapper,
.tinvwl_add_to_wishlist_button {
    display: none !important;
}

.categories_list_item .categories_link_more {
    display: none !important;
}
.social_icon_linkedin:hover {
    color: #80d572 !important;
}