/*
Theme Name:     The Food Truck Progression Child
Description:    The Food Truck Progression Child Theme
Author:         Progression Studios
Template:       the-food-truck-progression

*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Hebrew:wght@300;400;500;700&display=swap');
body,
#page-title-pro {
    background: #FEF79D !important;
}

* {
    font-family: 'Noto Serif Hebrew', serif !important;
}

.woocommerce-tabs,
#progression-studios-woocommerce-single-bottom {
    display: none;
}

.progression-location-the-content h3,
.progression-location-the-content h4 {
    color: #fff !important;
    font-size: 16px;
}

#content-pro ul.products span.price del,
#progression-studios-woocommerce-single-top .product_meta a {
    color: #021b7b !important;
    opacity: 1;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

[class*=" eicon-"],
[class^="eicon"] {
    font-family: eicons !important;
}

h1.page-title {
    font-size: 50px !important;
}

#page-title-pro h1::after,
#page-title-pro h1::before {
    background: none;
}

.grecaptcha-badge {
    opacity: 0;
}

#content-pro .woocommerce table.shop_table tbody td.product-name a,
table th {
    text-align: center;
}

#content-pro {
    position: relative;
    padding-bottom: 0px;
    max-width: 1240px;
    margin: 0 auto 40px;
}

.width-container-pro {
    max-width: 1240px;
}

ul.social {
    position: absolute;
    left: 40px;
    top: 40px;
}

.wpcf7-form textarea {
    width: 100% !important;
}

#site-navigation {
    position: relative;
    top: -50px;
    z-index: 99999;
}

ul.social li {
    background: url(images/twitter.png) 0 0 no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 0 20px;
    text-indent: -9999px;
    direction: ltr;
    overflow: hidden;
    float: right;
}

ul.social li a {
    text-indent: -9999px;
    direction: ltr;
    overflow: hidden;
    display: flex;
    z-index: 100;
    position: relative;
}

ul.social li.facebook {
    background: url(images/facebook.png) 0 0 no-repeat;
}

ul.social li.instagram {
    background: url(images/instagram.png) 0 0 no-repeat;
}

#page-title-pro h1:after,
#page-title-pro h1:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 54px;
    position: relative;
    top: 8px;
    background: url(images/page-title-dash.png) center center no-repeat;
}

#page-title-pro h1:after {
    margin-right: 0px;
    background: url(images/page-title-dash-after.png) center center no-repeat;
}

.elementor-kit-703 a:hover {
    color: #D4CA00 !important;
}

.wp-block-button a.wp-block-button__link,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button,
.progression-studios-shop-overlay-buttons a.added_to_cart,
.infinite-nav-pro a,
.progression-blog-content a.more-link,
.tags-progression a,
.tagcloud a,
.post-password-form input[type="submit"],
#respond input.submit,
.wpcf7-form input.wpcf7-submit {
    color: #000 !important;
    font-size: 30px !important;
    border: 2px solid !important;
    border-radius: 10px !important;
}

#boxed-layout-pro a.button {
    color: #000 !important;
    font-size: 20px !important;
}

.single_add_to_cart_button:hover {
    color: #fff !important;
    font-size: 30px !important;
}

.woocommerce-page form.woocommerce-ordering select {
    font-family: Arial, Helvetica, sans-serif;
}

#boxed-layout-pro a.button:hover {
    color: #fff !important;
    font-size: 20px !important;
}

.woocommerce table.shop_attributes td {
    text-align: right;
}

#content-pro .woocommerce table th,
#content-pro .woocommerce table.shop_table tr td {
    text-align: center;
}

#progression-studios-woocommerce-single-top .summary form.cart table.variations td,
#progression-studios-woocommerce-single-top .summary form.cart table.variations tr {
    padding: 0;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs,
#progression-studios-woocommerce-single-top table.variations td.value select,
#progression-studios-woocommerce-single-top table.variations td.value select {
    float: right;
}

#progression-studios-woocommerce-single-top .summary form.cart table.variations {
    margin: 0px 0px 65px 0px;
}

#progression-studios-woocommerce-single-top .summary form.cart a.reset_variations {
    float: right;
    margin: 10px 30px;
}

#boxed-layout-pro button.button:hover {
    color: #fff !important;
}

#progression-studios-woocommerce-single-top .quantity input {
    border-color: #f2f2f2;
    float: right;
    margin: 0 0 0 20px;
    border: 2px solid !important;
    border-radius: 10px;
}

#progression-studios-woocommerce-single-top table.variations td.value select,
#progression-studios-woocommerce-single-top table.variations td.value select option {
    background-color: #fff;
    border-color: #000;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="brown"] {
    background: #3B2525;
    color: #fff;
    font-size: 20px;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="brown"]:hover {
    background: #3B2525;
    color: #fff;
    font-size: 20px;
    text-decoration: underline;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="purple"] {
    background: #3B153A;
    color: #fff;
    padding: 20px;
    font-size: 20px;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="bordo"] {
    background: #753F66;
    color: #fff;
    padding: 20px;
    font-size: 20px;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="black"] {
    background: #000;
    color: #fff;
    padding: 20px;
    font-size: 20px;
}

#progression-studios-woocommerce-single-top table.variations td.value select option[value="purple"]:hover {
    background: #3B153A;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    text-decoration: underline;
}

#progression-studios-footer-page-builder {
    margin-top: 100px;
}

.upsells.products h2,
.related.products h2 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-right: 20px;
}

@media only screen and (max-width: 960px) {
    ul.social {
        top: 0px;
        left: 0px;
    }
    ul.social li {
        margin: 0;
        background-size: 40% !important;
    }
    #page-title-pro h1 {
        font-size: 50px !important;
    }
    .mobile-menu-icon-pro.noselect {
        /* display: none; */
    }
    .optional-centered-area-on-mobile {
        position: relative;
        top: -30px
    }
}