/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.main-nav #menu-primary-1 .current-menu-item.anchor a,
.main-nav #menu-primary-2 .current-menu-item.anchor a {
    color: #333333;
}

.main-nav #menu-primary-1 .current-menu-item.anchor a:hover,
.main-nav #menu-primary-2 .current-menu-item.anchor a:hover {
    color: #A22A2B;
}

/* OFF CANVAS FILTER STYLE */

.woocommerce .widget_price_filter .price_slider_amount {
    display: flex;
    flex-wrap: wrap-reverse;
}

.woocommerce .widget_price_filter .ui-slider {
    z-index: 5;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    width: 100%;
}

/* YITH - Quick View fixes */

.yith-quick-view .yith-quick-view-content.woocommerce div.summary {
    top:  0;
}

.yith-quick-view .yith-quick-view-content.woocommerce div.summary div.quantity {
    display: flex;
}

.yith-quick-view .single-product .product .sale-perc {
    top: 37px;
    left: 5px;
    z-index: 5;
}

.yith-quick-view .single-product .product .product_meta {
    padding-top: 15px;
}

@media (max-width: 768px) {
    .product .wc-product-image .yith-wcqv-button {
        display: none !important;
    }
}

/* CART PAGE STYLE */

@media (min-width: 1100px) {
    .woocommerce-cart .woocommerce {
      display: flex;
      flex-wrap: wrap;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail {
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 60px;
    }

    .woocommerce-cart .woocommerce .woocommerce-notices-wrapper,
    .woocommerce-cart .woocommerce .cart-empty {
        width: 100%;
    }

    /* The table containing the list of products and our custom elements */
    .woocommerce-cart .woocommerce-cart-form {
      flex: 1 0 70%; /* 100% at small screens; 70% on larger screens */
      padding-right: 15x;
    }

    /* The element that contains the cart totals */
    .woocommerce-cart .cart-collaterals {
      flex: 1 0 30%; /* 100% at small screens; 30% on larger screens */
      padding-left: 15px;
    }

    /* Some minor tweak to make sure the cart totals fill the space */
    .woocommerce-cart .cart-collaterals .cart_totals {
      width: 100%;
      padding: 0 20px 70px;
    }
}

@media (max-width:  768px) {
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item {
        margin: 5px 0;
    }
    .woocommerce-cart .woocommerce table.shop_table td, 
    .woocommerce-cart .woocommerce table.shop_table th {
        padding: 10px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-remove {
        display: inline-block;
        height: 70px;
        border: none;
        padding: 20px 10px;
        background: transparent;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail {
        display: inline-block !important;
        float: right;
        height: 70px;
        padding: 0;
        border: none;
        margin-right: 10px;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail:before {
        display: none;
    }
    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 70px;
    }

    .woocommerce-cart .woocommerce .woocommerce-cart-form__cart-item .product-name {
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 5px;
    }
}

#wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
    line-height: 16px;
    letter-spacing: -1px;
}

.woocommerce-cart .woocommerce a.remove {
    line-height: 16px;
}

/* CHECKOUT PAGE STYLE */

 #order_review .product-thumbnail {
    width: 52px; 
    height: 45px; 
    display: inline-block; 
    padding-right: 7px; 
    vertical-align: middle;
}



/* SHOP PAGE STYLE */

body.woocommerce-shop .inside-article, 
body.archive .inside-article {
    padding-top: 0;
}

.wc-product-image .sale-perc {
    position: absolute;
    top: 35px;
    background-color: #ea5600;
    color: #ffffff;
    border-radius: 0;
    min-height: 15px;
    min-width: initial;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    left: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

.wc-product-image .product-tag {
    position: absolute;
    top: 0px;
    background-color: #ea5600;
    color: #ffffff;
    border-radius: 0;
    min-height: 15px;
    min-width: initial;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    left: auto;
    right: 0;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

.wc-product-image .product-tag:nth-of-type(2) {
    top: 35px;
}

.wc-product-image .product-tag:nth-of-type(3) {
    top: 70px;
}

#termekeink ul.products li.product a {
   position: relative;
}

#termekeink ul.products li.product a .wc-product-image {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 40%);
}

#termekeink ul.products li.product a .wc-product-image .inside-wc-product-image {
    display: block;
}

#termekeink ul.products li.product a .woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    padding: 30px 20px 20px;
    color: #fff;
    font-size: 22px;
    width: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.76));
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}

#termekeink ul.products li.product a .woocommerce-loop-category__title:hover {
    opacity: 0.7;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
}

#termekeink ul.products li.product a .woocommerce-loop-category__title .count {
    display: none;
}

body.archive .woo-cat-nav {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    #termekeink ul.products li.product a .woocommerce-loop-category__title {
        font-size: 16px;
        padding: 20px 10px 10px;
    }
    body.woocommerce-shop .inside-article, 
    body.archive .inside-article {
        padding-top: 30px;
    }
}


 /* SINGLE PRODUCT PAGE */

.single-product .product .sale-perc {
    position: absolute;
    top: 35px;
    background-color: #ea5600;
    color: #ffffff;
    border-radius: 0;
    min-height: 15px;
    min-width: initial;
    padding: 8px 13px;
    line-height: 1;
    display: inline-block;
    left: auto;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

.single-product .product_title {
    font-size: 36px;
}

@media (max-width: 768px) {
    .single-product .product span.onsale {
        position: absolute;
    }
}


/* Fonts Element */



/* Base Elements */

#page {
    overflow: hidden;
}
#content {
    margin-top: 140px;
}
.btn-shadow {
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
}
.box-shadow {
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.40);
}
/*nav.has-branding {
    display: none;
}*/
.relative {
    position: relative;
    z-index: 1;
}
.pattern-bg {
    position: absolute;
    top: 60px;
    left: -90px;
    width: auto;
    z-index: 0;
}
.pattern-bg-mirrored {
    position: absolute;
    bottom: -380px;
    right: -90px;
    width: auto;
    z-index: 0;
    transform: scaleX(-1);
}

#generate-slideout-menu {
    padding-top: 30px;
}


/* Repetitive Elements */

#kedvenc,
#segitseg,
#pofonegyszeru,
#velemenyek,
#tortenet,
#kapcsolat {
    position: relative;
    overflow: hidden;
}

#kedvenc code,
#pofonegyszeru code {
    font-size: 34px;
    font-family: 'Montserrat', sans-serif;
}


/* Header - Topbar */

#topbar {
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
#topbar nav .wp-block-navigation__container .wp-block-navigation-item a .wp-block-navigation-item__label {
    font-family: 'Oswald Heavy';
    text-transform: uppercase;
    font-size: 22px;
    color: #333333;
}
#topbar nav .wp-block-navigation__container .wp-block-navigation-item a:hover .wp-block-navigation-item__label,
#topbar nav .wp-block-navigation__container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label {
    color: #A22A2B;
}
#topbar .wp-block-search__inside-wrapper input {
    height: 40px;
    border-radius: 5px;
}
#topbar .wp-block-search__inside-wrapper button {
    background: transparent;
    background-color: transparent;
    border: none;
    width: 40px;
}
#topbar .wp-block-search__inside-wrapper button:after {
    font-family: "Font Awesome 5 Free";
   content: "\f002";
   font-weight: 900;
   font-size: 20px;
   color: #fff;
}
#topbar .wp-block-getwid-icon__wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
#topbar .shopping-cart span {
    color: #fff;
}
#topbar .shopping-cart:hover span {
    color: #ea5600;
}
#topbar .shopping-cart svg {
    font-size: 25px;
    color: #fff;
}
#topbar .shopping-cart:hover svg {
    color: #ea5600;
}
#topbar .wp-block-navigation .wp-block-navigation-item {
    margin-left: 30px;
}


/* NAV */

#primary-menu a {
    font-family: 'Oswald Heavy';
    text-transform: uppercase;
    font-size: 22px;
    color: #333333;
    padding-right: 0;
    padding-left: 32px;
}
#primary-menu .current-menu-item a {
    color: #A22A2B;
}
#site-navigation .navigation-branding img {
    width: 150px;
    height: auto;
}
.inside-navigation .menu-bar-items {
    display: none;
}
.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);
}

/***** Főoldal *****/

/* Hero Section */

#hero h1 {
    margin-bottom: 0;
}
#hero .wp-block-button__link {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 10px 40px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #F96125;
    text-transform: uppercase;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
}
#hero .wp-block-button__link:hover {
    background-color: #fff;
    color: #F96125;
}
#hero .oswald span {
    display: inline-block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#hero .custom-container + .wp-block-getwid-section__wrapper {
    position: relative;
}
#hero .oswald {
    position: absolute;
    top: 0;
    z-index: 1;
}
#hero .block-slider .blockslider-pagination-wrapper {
    top: unset;
    bottom: 20px;
}


/* Segítség Section */

#segitseg img {
    width: 100%;
}
#segitseg .olva-logo-simple {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* GYIK Section */

#gyik .wp-block-getwid-accordion__header-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
}
#gyik .wp-block-getwid-accordion__header-wrapper,
#gyik .wp-block-getwid-accordion__content {
    border: none;
}
#gyik .fas {
    color: #ea5600;
    font-size: 28px;
}
#gyik .wp-block-getwid-accordion__content {
    padding: 0.5em 3.3em 2em;
}


/* Történet Section */

#tortenet .tortenet-img img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: top;
}


/* Munkatársaink Section */

#munkatarsaink .wp-container-8 {
    gap: 8em;
}
#munkatarsaink .wp-block-getwid-person__content-wrapper {
    margin-top: 15px;
}
#munkatarsaink .wp-block-getwid-person__content-wrapper span {
    text-align: left;
}
#munkatarsaink .wp-block-getwid-person__content-wrapper .wp-block-getwid-person__title {
    font-size: 20px;
    font-weight: 600;
}



/* Kapcsolat Section */

#kapcsolat form {
    position: relative;
    z-index: 1;
}
#kapcsolat form input,
#kapcsolat form textarea {
    border-radius: 5px;
}
#kapcsolat form span {
    padding-right: 0;
}
#kapcsolat form input[type="submit"] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 10px 40px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #F96125;
    text-transform: uppercase;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
}
#kapcsolat form input[type="submit"]:hover {
    background-color: #fff;
    color: #ea5600;
}
#kapcsolat form .gfield_label,
#kapcsolat form label {
    color: #fff;
}
#kapcsolat .pattern-bg-mirrored {
    opacity: 0.05;
    z-index: 0;
}
#kapcsolat form #field_2_9 .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
}
#kapcsolat form #field_2_9 .gfield_checkbox .gchoice {
    width: 33.333%;
}
#kapcsolat .gform_wrapper.gravity-theme .ginput_container_address {
    margin-right: 0;
}
#kapcsolat #field_2_6 .address_state {
    text-align: right;
}
#kapcsolat #gform_confirmation_message_2 {
    color: #fff;
}

#footer .wp-block-navigation-item__content span {
    text-transform: uppercase;
}
#footer table td {
    padding: 0;
}


/***** Kapcsolat oldal *****/

#kapcsolat-oldal form input,
#kapcsolat-oldal form textarea {
    border-radius: 5px;
}
#kapcsolat-oldal form input[type="submit"] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 10px 40px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #F96125;
    text-transform: uppercase;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16);
}
#kapcsolat-oldal form input[type="submit"]:hover {
    background-color: #fff;
    color: #ea5600;
}

/* Search */

body.search .generate-columns-container  {
    padding: 20px;
}

body.search .page-header {
    padding: 20px 20px 0;
    margin-bottom: 0;
}

body.search .page-header .page-title {
    font-size: 28px;
}

body.search article {
    margin-bottom: 0;
    padding-left: 20px;
}

/* Responsive */

@media (max-width: 768px) {
    #content {
        margin-top: 20px;
    }
    .reverse {
        flex-direction: column-reverse;
    }
   /* #topbar {
        display: none;
    }*/
    #hero .oswald {
        top: 20px;
    }
    #hero .blockslider-next-btn,
    #hero .blockslider-prev-btn {
        display: none;
    }
    #gyik .wp-block-getwid-accordion .wp-block-getwid-accordion__header {
        padding: 0.5em 0;
    }
    #gyik .wp-block-getwid-accordion__content {
        padding: 0.5em 0 2em;
    }
    #kapcsolat form #field_2_9 .gfield_checkbox .gchoice {
        width: 50%;
    }
}

@media (max-width: 991px) {
    #site-navigation .navigation-branding img {
        max-width: 80px;
    }
}




@media (min-width: 768px) {
    #kapcsolat #field_2_6 .address_city input,
    #kapcsolat #field_2_6 .address_state input,
    #kapcsolat #field_2_6 .address_zip input {
        width: 343px;
    }
    #content {
        margin-top: 64px;
    }
}

@media (min-width: 1367px) {
    #content {
        margin-top: 140px;
    }
}