/*
Theme Name: AbaCool Theme
Theme URI: https://designzone.hu/
Author: Szilasy Imola
Author URI: https://designzone.hu/
Description: AbaCool Theme by Szilasy Imola
Tags: one-column, custom-colors, custom-menu
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.alignright,
.align-right {
    text-align: right;
}

.alignleft,
.align-left {
    text-align: left;
}

.aligncenter,
.align-center {
    text-align: center;
}

/* === RESET === */

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

code,
pre,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

iframe {
    display: block;
    max-width: 100%;
}

header li,
#main-menu li {
    list-style-type: none;
}

header{
    z-index: 1;
    position: relative;
    background: white;
}



/* === ROOT === */


:root {
 --main-color_old: #5DD39E;
    --main-color: #66DCA6;
    --medium-green: #23A473;
    --font-color: #181C1D;
    --title-font: 'Lexend', sans-serif;
    --content-font: 'Montserrat', sans-serif;
    --decor-color_old: #087F8C;
    --decor-color: #087F8C;
}

.ease {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
        color: #2C2C34;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
background: #F6FAFB;
    font-family: var(--content-font);
}

ul,
ol {
    padding: 0;
}

ul ul,
ul ul ul,
ol ol,
ol ol ol {
    margin: 0.5rem 0;
}

ol ol,
ol ol ol {
    padding-left: 1rem;
}

ul li {
    list-style-type: disc;
    margin-bottom: 0.25rem;
    margin-left: 1rem;
}

ul li::marker {
    color: transparent;
}

.type-page ul, .type-page ol{
     margin-left:2rem
}

.page main ul li::marker{
     color: inherit
}

ol {
    list-style: none;
    counter-reset: my-counter;
}

ol >li {
    counter-increment: my-counter;
    margin-bottom: 0.25rem;
}

ol >li::before {
    content: counter(my-counter) '.';
    background: var(--main-color);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 1.5rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
}

.privacy-policy ol>li:before{
    display: none
}

p {
    line-height: 1.5;
}

p+ul, p+ol{
    margin:2rem 0
}


a {
    color: var(--main-color);
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

a:hover {
    color: #000;
    text-decoration: none;
}

 h1{
    font-size: 2rem;
    font-weight: bold;
    margin-top: 0;
      font-size: clamp(1.8rem, 1.333rem + 1.389vw, 3rem);
      text-shadow: 3px 1px 6px rgba(0,0,0,0.25)
}


h1 + p {
    font-size: clamp(1rem, 0.933rem + 0.222vw, 1.2rem);
    margin:1rem 0 2rem;
}

h2{
    margin-top:0;
    margin-bottom: 2rem;
}



h2, .product_title {
    font-size: clamp(1.4rem, 1.333rem + 0.556vw, 2rem);
    font-weight: 600;
    

}

.product_title{
    text-shadow: none !important
}

p+h3, ul+h3, ol+h3{
    margin-top:2rem;
    margin-bottom: 0.5rem
}

h3+p{
    margin-top:0
}

.product-top{
    margin: 2rem 0;
 
}

.product-top h1{
    margin: 0;
 
}

.decor{
     color:var(--decor-color);
    font-weight: 700;
    margin: 0;
   
}

.layer:not(.services) .decor{
    color:var(--main-color)
}

.decor+h2{
   margin-top:0;
}

h3, .woocommerce-Tabs-panel h2{
    font-size: 1.3rem;
    font-weight: bold;

}



h4 {
    font-size: 1rem;
       font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a {
    color: inherit;
}


h1,
h2,
h3,
h4{
   font-family: var(--title-font)
}

blockquote {
    background: #eee;
    margin-left: 0;
    margin-right: 0;
    padding: 0.5rem 1.5rem;
    overflow: hidden;
    border-left: solid 5px var(--main-color);
}

hr {
    border: none !important;
    height: 3px;
    background: #eee;
}

table {
    border-spacing: 0;
    border: solid 1px #ddd;
}

td,
th {
  
}

th {

}

#logo {
    text-align: center;
    max-width: 13rem;
    min-width: 100px;transition: all 0.2s ease-in-out
}

#logo a {
    display: inline-block;
    margin: 1rem 0;
}


body:not(.home) main {
    padding: 5vw 0;
}

.post-meta ul {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    font-size: smaller;
}

.post-meta ul li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

.post-tags a,
.tagcloud a, .wp-block-tag-cloud a {
    display: block;
    padding: 0.15rem 0.25rem;
    border: solid 2px transparent;
    font-size: small !important;
    display: inline-block;
    margin: 0 5px 5px 0;
    cursor: pointer;
    background: var(--main-color);
    color: #fff;
    border-radius: 5px
}

.post-tags a:hover,
.tagcloud a:hover {
    background: #000;
}

.light-bg {
    background: #eee;
    padding-top: 6vw;
    padding-bottom: 6vw;
}



.pagination {
    clear: both;
    text-align: center;
    margin-top: 2rem;
}

.nav-links .current {
    color: var(--main-color);
    font-weight: bold;
}

.nav-links {
    display: inline-block;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.nav-links a,
.nav-links span {
    display: block;
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: inherit;
    border-left: solid 1px #ddd;
}

.nav-links a:hover {
    background: #eee;
}

#searchform {
    position: relative;
    width: 100%;
}

#searchform input[type="text"] {
    width: 100%;
    margin: 0;
}

#searchform button {
    border: none;
    height: 100%;
    width: 30px;
    position: absolute;
    right: 10px;
    background: none;
    padding: 0;
    border-radius: 0;
}

#searchform svg {
    border: none;
    height: 60%;
    width: 30px;
}

#gotop {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: var(--main-color);
    position: fixed;
    bottom: 7rem;
    right: 1rem;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
}

#gotop svg {
    width: 1rem;
    height: 1rem;
    display: block;
}

#gotop svg path {
    fill: #fff;
}


section{
    padding:5vw 0
}


.woocommerce-order-received section{
    padding:0rem!important
}

.woocommerce-order-received .woocommerce-column--billing-address{
    margin-bottom:2rem!important
}


.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:1rem
}

.flex.center {
    justify-content: center
}

.flex.between {
    justify-content: space-between
}

.flex.nowrap {
    flex-wrap: nowrap
}


.flex .item {
    padding: 0 1vw;
    position: relative
}


/*Info-line*/
.info-line {
    background: var(--medium-green);
    color: white;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: small;
   text-align: center
}

.info-line a{
 color:white;
    text-decoration: underline !important
}

.info-line a:hover{
 color:vaR(--main-color);
}

.info-line p{
 margin:0;
    padding:0.5rem;
    transition: all 0.2s ease-in-out
}


/*SERVICE MENU*/
#service-menu,
#top-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}


#service-menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#service-menu li {
    margin-bottom: 0
}


#service-menu li svg,
#service-menu li span {
    display: inline-block;
    line-height: 1.3
}

#service-menu li span {
    font-family: var(--content-font);
    font-weight: 300;
    font-size: clamp(0.625rem, 0.583rem + 0.139vw, 0.75rem);
}




#service-menu li span b {
    display: block;
    font-family: var(--title-font);
    font-weight: 400;
    font-size: clamp(0.875rem, 0.833rem + 0.139vw, 1rem)
}

#service-menu li svg {
    height: 1.6rem;
    width: auto;
    padding-right: 0.5rem;
}

#service-menu li{
    margin-left: 1.5rem
}

#service-menu li a {
    color: var(--green-color)
}

#service-menu li a:hover {
    color: var(--main-color)
}

.contents-count {
    font-weight: 600 !important
}

.woocommerce-product-search {
    position: relative;
    margin-right: 2rem
}

.woocommerce-product-search input {
    margin: 0 !important
}

.woocommerce-product-search input::placeholder {
    font-style: normal !important;
    font-weight: 300 !important
}

.woocommerce-product-search button {
    background: transparent !important;
    position: absolute;
    right: 0;
    margin: 0;
    height: 2.5rem;
    box-shadow: none !important;
    padding: 0.25rem 1rem !important;
}

.woocommerce-product-search button:hover {
    background: transparent
}



/*HERO*/

.hero{
    background-size: cover;
    background-position: right center;
    z-index: 0
}

.layer{
    position: relative;
            color:white
}

.layer:before{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: linear-gradient(99deg, #005761f5 5.52%, rgba(6, 87, 96, 0.34) 91.15%);
}

.hero-text{
    padding:8vw 0 2vw 0rem;
    z-index: 1;
position: relative;

}


.layer:after{
    content: "";
    position: absolute;
    top: 0;
    left:0;
    z-index: -1;
    bottom: 0;
    width: 40%;
    height: 100%;
    background: url(img/decor.png) no-repeat left top;
    background-size: auto 100%;
    opacity: 0.5;
}

.icon-box{
gap:1rem;
    color:white;
    margin-top:4rem;
    margin-bottom: 0;
}

.icon-box .wp-block-column .wp-block-group{
    padding:1rem;
background: #00576170;
    display: flex;
    border-radius: 10px;
    gap: 0.5rem;
    align-items:center;
    min-height: 5rem
}

.scale figure{
    transform: scale(0.5);
       transition:all 0.5s ease-in-out;
}

.scale figure.on{
    opacity: 1 !important;
  transform: scale(1) rotate(0deg);

}
.icon-box figure{
  height: 3rem;
    width:3rem;
    min-width: 3rem;
    padding: 0.8rem;
    border-radius: 50%;
    background: var(--decor-color);
    display: flex;
    justify-content: center;
    align-items: center;opacity: 0;
    
     transform: scale(0.3) rotate(-180deg);
    margin:0

}





.icon-box figure+p{
  opacity: 0;
      transition:all 0.5s ease-in-out

}

.icon-box figure.on+p{
    opacity: 1;
 
}


.icon-box div{
  margin-bottom:0 !important
}

.icon-box p{
  font-family: var(--title-font);
    margin:0;

    
    line-height: 1.2
}

.icon-box strong{

    font-weight: 400;

}

/*Front page*/
.services .wp-block-column{
    padding: 2rem;
    position: relative;
    background: rgba(255,255,255,0.8);
    position: relative;
    border-radius: 10px;
    color:var(--font-color)
}

.services.layer:before{
    background:linear-gradient(174deg, #ffffffb5 5.52%, rgb(255 255 255 / 0%) 91.15%) !important 
}

h2{
    color:var(--font-color)
}

.white{
    color:white !important
}

.services .wp-block-column figure{
  position: absolute;
    right: 1.5rem;
    top:1.5rem;
    width:3rem;
    opacity: 0
    
}

.services h3{
margin-top:0;
    width: 70%;
    min-height: 3rem
}
.service-content{
    min-height: 4rem
}

.about .wp-block-column figcaption{
    position: absolute;
        top: 3rem;
    left: 0;
    background: white;
    color: var(--font-color);
    text-align: left;
    padding: 0.5rem 1rem;
    display: inline-block !important;
    width: auto;
    border-radius: 0 5px 5px 0;
    font-family: var(--title-font);
    font-weight: 600;

}

.about .overflow{
    padding-bottom: 0 !important
}


.wp-block-columns h2, h2.fullwidth{
    max-width: 100%!important
}


.testimo-box {
  padding-top:0
}

.about .my_carousel figure img{
  object-fit: cover
}

.logos{
    margin-top:5vw
}

/*TESTIMONIAL SECTION*/


.testimo a{
    box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.2) !important;
height: 100%;
    display: block;
background:white;
     border-radius: 12.5px;
       position: relative;
    padding-bottom: 7rem;
    z-index: 1;
    color:var(--title-font);
}

 
.testimo a:hover h4{
color:var(--main-color)
}


.testimo a:after {
    content: "";
    width: 3rem;
    height: 3rem;
    background: url(img/icons/quote.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
 left: 1rem;
    top: 0rem;
    z-index: -1;
    opacity: 0.3;
}

  
.testimo-description{

color: var(--green-color);
    box-shadow: none !important;

    padding: 1rem 1rem 0;
    
 
}

.testimo-description .flex{
    padding: 1rem 0 2rem;
display: flex;
    justify-content: space-between;
    align-items: flex-start;
padding: 1rem;
}

.testimo-description h3 {
    font-size: 1rem;
    font-weight: bolder;
    margin:0;
    transition: all 0.2s ease-in-out;
    color:var(--font-color);
      font-weight: 500;
}

.testimo h4{
font-style: normal !important;
    color: var(--font-color);
    font-weight: 400;
   margin:0.5rem 0;
    font-size: small;
    font-family: var(--content-font)
    
}

.testimo h3 span, .testimo h4 span{
    display: block;
    color: var(--green-color);
    font-size: smaller;
    font-weight: 300;

        font-family: 'Oxygen', sans-serif;
    line-height: 1.5;
}


.testimo h3 span{
 padding-top:0.2rem;
    opacity: 0.6
}
.testimo .check_list{
margin:0
}

.testimo .check_list li{
margin-left: 0;
    margin-top:0.5rem;
    line-height: 1;
         font-size: small
}

.testimo .check_list li:before{
    top:0.1rem
}

.testimo-description p{
padding:1rem;
    margin:0;
    color:initial !important;
       font-style: italic;
    background:#f6fafb;
    border-radius: 10px;

}


.review-info{
display: flex;
    justify-content: flex-start;
        padding: 0.5rem;
    margin: 0 1rem;
    align-items: center;
    gap: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 10px 11px;
    min-height: 6rem
}

.review-info img{
    height: 4rem!important;
    width: 4rem !important;
    object-fit: contain;
}

/*BLOG*/

.blog article{
   background: white;
    border-radius: 12.5px;
    overflow: hidden
}



.blog article:hover h3{
    color:var(--main-color)
}
.blog-content{
    padding:0 1rem;
    color:var(--font-color);
}

.post-tags{
    padding:1rem
}

.archive .related-posts{
    display: none
}

.archive-aside .review-info{
    padding:0.5rem 1rem;
    position: relative
}

.archive-aside .widget{
    margin-bottom: 2rem
}

.archive-aside .widget:last-of-type{
    margin-bottom: 0 !important
}

.archive-aside .testimo a, .archive-aside .overflow{
    padding-bottom: 0rem !important
}

.archive-aside .testimo-description{
    padding: 0rem !important
}

.mainwithaside{
    align-items: flex-start !important
}
.wp-block-latest-posts__post-title{
     color: var(--font-color);
    margin-top: 1rem !important;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0.25rem;

}

.blog img, body:not(.woocommerce-shop) .archive-aside img{
    aspect-ratio: 1/0.75;
    object-fit: cover; 
    width:100% !important
}

.single-post{
    line-height: 1.5 !important
}

.single-post h1{
text-shadow: none !important
}

.single-post ol>li{
    margin-bottom: 1rem
}

.post-img img{
    max-height: 40vw;
    object-fit: cover
}

.post-img{
    margin-bottom: 2rem
}

.archive-aside li{
    margin-left: 0 !important
}

.wp-block-latest-posts__featured-image a{
    width: 100%!important
}

.wp-block-latest-posts li{
    margin-bottom: 2rem
}

.home .callme{
     margin: 5vw 0 0;
}

.callme{
border-radius: 10px;
    overflow: hidden;
    box-shadow:0px 8px 20px 0px #F2F2F2 !important;
       padding: 3rem 2rem;
   
    
}

.callme h2{

    max-width: 100% !important;
}

.callme:before{
background: linear-gradient(90deg, #005761 0%, #087f8c 100%);
    z-index: -1
}

.gyartoslider .item > div{
    box-shadow: none !important
}

.gyartoslider .overflow{
    padding-bottom: 0 !important
}


/*FOOTER*/

footer{
    background: #005761;
    color:white
}

footer nav{
width:100%;
     padding:1rem 0!important ;
    border-bottom: 1px solid rgba(217,217,217,.5)
}
footer nav ul{
        display: flex;
     justify-content: space-between!important;
   
}

footer  ul{
    margin:0
}

footer nav ul li a{
     margin:0 0.5rem 0 0 !important ;
}

footer a:hover{
     color:var(--main-color) !important
}

footer .row{

   align-items: center
}


footer .contact{

    padding:1rem 0
}

footer .contact li{

    margin:0.5rem 2rem 0.5rem 0
}

footer .contact li a{

   color:white;
}

#copyright{
    background: #087F8C;
    padding:0.5rem 0;
        color:white;
    font-size: 0.8rem
}

#copyright .column-2>div:last-of-type{
    text-align: right
}

footer .contact li.icon:before{
    top:0.5rem !important
}

/*PAGE DESIGN*/
.single-header{
padding:8rem 0 3rem;
    background: url(img/bg_wave_.jpeg) no-repeat top right;
    background-size: cover;
    position: relative
}

/*WOOCOMMERCE*/

/*Product item*/

.product.item>div{
   box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1) !important;
    padding:0rem 0rem 6rem 0rem !important;
    position: relative;
    height: 100%;
        border-radius: 10px;
    overflow: hidden;
    background: white
}

.product.item .product_img{
   background: #F6F9FA;
    aspect-ratio: 1 / 0.9;
}

.product.item .product_img img{
    width: 85%;
    
}



.product.item h2{
color: var(--font-color) !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    margin: 1rem 0;
    font-family: var(--title-font);
}

.product_info li, .stock_status div, .stock, .check_list li, .contact li{
    display: inline-block;
    position: relative;
    padding-left: 1.25rem;
    line-height: 1

}


.product.item .product_img{
   position: relative
    
}

.product_img ul{
    width:100%;
    margin:0!important;
    position: absolute;
    bottom:1rem;
    left:1rem
}

.product_info li{
        margin:0;
           color:var(--font-color);
    padding:0.3rem 0.3rem 0.3rem 1.5rem;
    font-size: smaller;
    font-weight: 600;
    background-color: white;
    border-radius: 5px;
    margin-right: 0.5rem
}

.check_list li{display: block;
margin-bottom: 1rem;  line-height: 1.5}

.product_info li:before, .stock_status div:before, .stock:before, .check_list li:before, .contact li.icon:before, .wc-block-components-product-low-stock-badge:before{
content:"";
position: absolute;
    left:0;
    top:0.1rem;
    height: 0.75rem;
    width: 0.75rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.product_info li:before{
        left:0.4rem;
     top:0.25rem;
    
}




.contact li.icon:before{
    top:0.5rem;
}

 .product_info li.heat:before{
background-image: url(img/icons/heat.svg)
}

.product_info li.cool:before{
background-image: url(img/icons/cool.svg)
}

.product_info li.home:before{
background-image: url(img/icons/home_opt.svg)
}

.wc-block-components-product-low-stock-badge{
    position: relative;
        text-transform: none !important;
    border:none !important;
    padding:0 0 0 1rem!important;
    margin:1rem 0 !important;
    font-weight: normal !important
}

 .stock_status div.instock:before, .stock.in-stock:before, .testimo .check_list li:before, .wc-block-components-product-low-stock-badge:before{
   background-image: url(img/icons/instock.svg) !important
}

.stock_status div.outofstock:before, .stock.out-of-stock:before{
   background-image: url(img/icons/outofstock.svg) 
}

.stock_status div.instock{
    color:var(--decor-color);
    font-weight: 500
}

.check_list li:before{
     background-image: url(img/icons/check_circle_greem_.svg) ;
    top: 0.3rem;
}

.woocommerce table.shop_attributes td p{
    padding:0!important;
}



.single_product_images{
    position: relative
}

.woocommerce-product-rating{
    display: flex !important;
        margin-bottom: 0 !important;
    align-items: center;
    color:#FFC700
    
}

.product.item .woocommerce-review-count{
    padding-left: 0.5rem;
   color:var(--font-color)
    
}

.star-rating{
margin-bottom: 0 !important
    
}

.product.item .product_content{
padding:1rem 1rem 0 1rem;
    
}

div.my_carousel .item-list {
    align-items: stretch !important
}

div.my_carousel .nav div{
     background: rgb(88 132 144)!important;
    opacity: 0.8
}


.overflow{
    padding:1rem 0.5rem!important
}

.stock_status div, .woocommerce-review-link {

       color:var(--font-color) 
}

.stock_status div, .product.item .woocommerce-review-count{
    font-size: smaller;
}

.product.item .cart_box{
position: absolute;
    left:1rem;
    right: 1rem;
    bottom:1rem
}

.product .price{
font-weight: 600!important;
    font-size: clamp(1.125rem, 1rem + 0.417vw, 1.2rem)!important;
    color:var(--font-color) !important

}

.woocommerce .product .price del{
    font-weight: 500;
        font-size: 0.9rem !important;
        
}

.woocommerce .product .price ins{
    font-weight: 600!important;
        text-decoration: none;
    color:var(--decor-color) !important
}

.woocommerce span.onsale{
        height: 4rem;
    width: 4rem;
    font-size:small !important;
    display: flex;
    top:0.5rem!important;
    left:1rem!important;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: url(img/icons/onsale_new.svg) no-repeat center center !important
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination li{
    border:none !important
}

.woocommerce nav.woocommerce-pagination li{
    width:2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
background: #F6F9FA;
    margin:0 0.25vw !important;
     
}

.woocommerce nav.woocommerce-pagination li a{
    color:var(--decor-color) !important;
}

.woocommerce nav.woocommerce-pagination li span.current{

    border-radius: 50%;
background: var(--decor-color) !important;
    color:white !important
}


/*Single product page*/

.woocommerce-product-rating + .product_title{
    margin-top:1rem!important
}

.single-product .sku{
    font-size: smaller;
opacity: 0.5;
    padding: 0.25rem 0;

}

.woocommerce-page div.images, .woocommerce-page div.summary{
    float:none !important;
        width:100% !important
}

.single-product .stock{
    display: none
}

.stock{
color:var(--font-color)!important;
}



.attribute-box {
 margin:2rem 0
}
.attribute-box li{
 margin:0 0 0.5rem
}


.about_product{
    background: url(img/backgorund.jpeg) no-repeat center center;
    background-size: cover;
    padding:1rem 2rem;
    border-radius: 10px
}



.attribute-box th{

    padding-right:2rem
}

.single_product_content .price{
    font-size: clamp(1.5rem, 1rem + 0.417vw, 1.2rem)!important;
    margin:0 0 2rem
}
.single_product_content .cart-box{
  margin:2rem 0

}



.single_product_content form.cart{
    margin-bottom: 0 !important;
     display: flex;
    flex-wrap: wrap
}
.single_product_content .custom-checkbox{
    width:100% !important
}


.other-info .product_info{
     flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    gap:1rem;
    margin:0;

}


.flex-control-nav{
    margin-top:1rem !important
}

.other-info .product_info li{
      padding:0.6rem 0.6rem 0.6rem 2.5rem;
     font-weight: normal;
    line-height: 1.2;
    border-radius: 10px;
    margin:0;
        border:1px dotted #e1e1e1 !important
}


.other-info .product_info li span{
     font-weight: 600;
    display: block
}


.other-info .product_info li:before{
        left:0.55rem;
     height: 1.5rem;
    width: 1.5rem;
    top:30%
}

.woobt-wrap {margin:2rem 0;
 
}

.woobt-products{
    border-top:none !important;
  margin-bottom: 0.5rem !important
}
.woobt-before-text{
    font-weight: 600;
    border-top:1px dotted #e1e1e1 !important;
    padding:2rem 0;
    margin:0 !important
}


.custom-checkbox input[type="checkbox"]{
    display: none !important
}

.custom-checkbox span{
   line-height: 1.3 !important
}

.custom-checkbox span:before{
  margin-right: 1rem !important  
}

.checkmark{
    display: inline-block!important;cursor: pointer
}

.gyarto-logo{
   
  
    transition:all 0.2s ease-in-out;
  
}

.gyarto-logo:hover{
    transform: scale(1.2);

}

.woobt-products .woobt-product{
    border:none !important
}

.woobt-price-ori{
    font-weight: 600
}

.woobt-choose label{
    z-index: 1;
    height: 2rem!important;
    width:2rem!important;
    opacity: 0
}

.product-content-box{
    align-items: flex-start
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
        background-color: white !important
}

.woocommerce-product-gallery li:before{
    display: none !important
}


.woocommerce-product-gallery .flex-viewport{
     box-shadow:0px 4px 8px 0px #607d8b24 !important;
     border-radius: 10px
}


.information {
    background: var(--decor-color);
    border-radius: 10px;
    padding:1rem;
    color:white
}

.information a{
    color:white;
    text-decoration: underline !important
}


.information h3{
  margin: 0 0 0.25rem
}

.information p{
  margin:0
}

.information img{
    padding-left: 1rem
}


.elonyok {
    margin-top:5rem;
        padding: 1rem 2rem;
    background: white;
    border-radius: 10px;

}

.elonyok h3{
       margin:0.5rem 0
}
.elonyok p{
       margin:0
}

.sold-individually .quantity, .sold-individually .cart-box button:after
{
    display: none !important;
       
}
.sold-individually form.cart .button{
     padding: 0.8rem 2rem 0.8rem 2rem !important;
}


ul.tabs {
    padding: 0 !important
}

ul.tabs::before {
    border-bottom: none !important;
}

    ul.tabs {
   display: flex;
        flex-wrap: nowrap;
        justify-content: center

}



ul.tabs li {
    list-style: none;
    float: left;
    position: relative;
    white-space: nowrap;
    border: 0 !important;
    margin: 0!important;
  padding:0.5rem 1rem!important;
    border-radius: 10px 10px 0 0;
    border: 0;
    display: inline-block;
    background: none !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    z-index: 1
}
ul.tabs li:before,
ul.tabs li:after {
    display: none !important
}

.woocommerce-tabs{
   margin-top:2rem
}

.woocommerce-tabs ul{
   margin-bottom:0rem !important
}

.wc-tab{
      background: white;
    padding: 2rem !important;
    margin-top:-0.1rem !important;
    border-radius: 10px
}
.wc-tabs li>a{
        font-family: var(--title-font);
    text-transform: none !important;
    font-size: larger
    
}



#tab-description li{
       padding: 1rem;
    margin-left: 0;

}

.desc-column{
    align-items: flex-start
}

.woocommerce-tabs h2{
    margin:1rem 0 2rem;

}

ul.tabs li a {
    font-weight: 500 !important;
    padding: 0.5rem 0.8vw !important;
    font-size: larger
}

ul.tabs li.active {
       background: white !important;
    color: var(--main-color) !important
}

ul.tabs li a:hover {
    color: var(--main-color) !important;
}

.woocommerce-product-attributes,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    padding: 0.5rem 1rem !important;
    background: none !important;
    border:none !important
}


#tab-description li:nth-of-type(odd), .woocommerce-product-attributes th{
   background: #f2f7f875
}


.woocommerce-product-attributes th{
        width: 15rem !important;
    text-align: left;
}



ol.commentlist li::before {
    display: none !important;
}


li .comment-text {
    margin-left: 0 !important;
}

.product-reviews {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
}

.product-reviews ol {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.product-reviews li {
    margin-bottom: 0 !important;
     width: 48%;
}

.comment_container{
   display: flex 
}

.comment-text {
   border: none !important;
    border-radius: 10px;

    border: 1px solid #ddd !important;
}

#review_form_wrapper {
    margin-top: 2rem;
}


#comment {
    box-shadow: none !important;
    border: none;
    border: 1px solid #ddd;
    margin: 1rem 0;
}

#reply-title {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    display: block;
    font-family: var(--title-font);
}

.comment-form-rating .select::after{
    content: none !important
}

.comment-text .star-rating span::before {
    
     color:#FFC700 !important
}

#custom_offer_request_field .optional{
    display: none !important
}



.woocommerce-pagination {
    margin-top:2rem !important
}


/*CART - KOSÁR*/
.wc-block-components-totals-wrapper:after, .wc-block-cart-items td:after{
        border-top: 1px solid #E1E1E1 !important;
    opacity: 1 !important
}

.wc-block-components-quantity-selector{
    width: 10rem !important
}
.wc-block-components-quantity-selector:after{
        border: 1px solid #E1E1E1 !important;
}
.wc-block-cart-items th{
    font-family: var(--title-font)
}

.wc-block-cart-item__remove-link{
    text-decoration: none !important;
    position: relative;
    padding:1rem 0 0 1.5rem !important;
    border-radius: 0 !important
}

.wc-block-cart-item__remove-link:hover{
color:#D04B00 !important
}

.wc-block-cart-item__remove-link:before{
   content:"";
    height: 1rem;
width: 1rem;
    position: absolute;
    background: url(img/remove.svg) no-repeat center center;
    background-size:cover;
    left:0;
    top:48%;
}

.wc-block-components-product-name {
    padding-bottom: 0.5rem!important
}

.wc-block-cart__submit-container{
    margin-top:1rem !important
}

.wc-block-cart__empty-cart__title{
    margin-bottom: 4rem
}

h2.empty{
    margin-top:2rem
}

.wc-block-cart-items{
    margin-bottom:2rem !important
}
.wc-block-cart-item__total{
    font-weight: bold
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
    mask-image: none  !important;
    background-color: transparent !important;
    background: url(img/icons/emptycart.png) no-repeat center center;
    background-size: contain
}

/*CHECKOUT - PENZTAR*/

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background: #f3f7f5 !important
}

.woocommerce-checkout #payment div.payment_box::before{
        border: 1em solid white !important;
        border-right-color: transparent!important;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
}

.woocommerce-checkout #payment div.payment_box{
    background: white !important
}

.woocommerce-form-coupon-toggle .woocommerce-info{
        border-top-color: transparent !important
}

.woocommerce-info:before{
    color:var(--main-color)!important
}

.wc-block-components-text-input{
    margin-top:1rem!important
}

/*CUSTOM MY ACCOUNT PAGE*/

.woocommerce-MyAccount-navigation {
    background: #F2F7F8;
    border-radius: 5px;
    margin-bottom: 1rem
}

.woocommerce-MyAccount-navigation ul {
    padding: 0.7rem;
    margin: 0
}

.woocommerce-MyAccount-navigation ul li {
    list-style-type: none !important;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a,
.login-links a,
.wp-block-loginout a {
    color: var(--font-color) !important;
    display: block;
    padding: 0.8rem 0.8rem 0.8rem 2.8rem;
    position: relative;
    border-radius: 8px
}
.login-links a{
    padding: 0.5rem 0.5rem 0.5rem 2.8rem;
}


.woocommerce-MyAccount-navigation ul li{
    transition: all 0.2s ease-in-out
}

.woocommerce-MyAccount-navigation ul li:hover,
.woocommerce-MyAccount-navigation ul li.is-active,
.login-links a:hover,
.wp-block-loginout a:hover {
    background: white !important;
    cursor: pointer
}

.woocommerce-MyAccount-navigation-link--customer-logout,
.wp-block-loginout {
    border-top: 1px solid white;
    padding-top:0

}

.woocommerce-MyAccount-navigation ul li a:before,
.login-links a:before,
.wp-block-loginout a:before {
    content: "";
    position: absolute;
    left: 0.4rem;
    top: 0.9rem;
    width: 1rem;
    height: 1rem;
    background-size: contain !important
}

.login-links {
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before,
.dashboard-link a:before {
    background: url(img/icons/dashboard.svg) no-repeat center center;
}

.woocommerce-MyAccount-navigation-link--orders a:before,
.order-link a:before {
    background: url(img/icons/order.svg) no-repeat center center;
}

.login-widget .order-link a{
    margin-bottom:0.4rem
}

.woocommerce-MyAccount-navigation-link--downloads a:before {
    background: url(img/icons/download.svg) no-repeat center center;
}

.woocommerce-MyAccount-navigation-link--edit-address a:before {
    background: url(img/icons/location.svg) no-repeat center center;
}

.woocommerce-MyAccount-navigation-link--edit-account a:before {
    background: url(img/icons/settings.svg) no-repeat center center;
}

.woocommerce-MyAccount-navigation-link--vat-number a:before {
    background: url(img/icons/euvat.svg) no-repeat center center;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before,
.wp-block-loginout a:before {
    background: url(img/icons/sign_out.svg) no-repeat center center;
}

 .woocommerce-MyAccount-navigation-link--payment-methods a:before{
    background: url(img/icons/payment.svg) no-repeat center center;
}




.woocommerce-MyAccount-content button {
    color: white !important
}

.woocommerce-MyAccount-content fieldset {
    border: 1px solid #80808045;
    border-radius: 8px;
    margin-top: 1rem;

}

.woocommerce-MyAccount-content em {
    opacity: 0.8
}

.woocommerce-MyAccount-content .title {
    font-size: 1.5rem !important;
    background: transparent;
    box-shadow: none !important;
}

.woocommerce-account .addresses .title h3 {
    margin: 0 !important
}

.woocommerce-MyAccount-content .woocommerce-Address {
    padding-bottom: 2rem
}

.woocommerce-MyAccount-content .woocommerce-info {
    border: none !important;
   
    align-items: center;
    flex-wrap: wrap
}

.wc-block-components-notice-banner.is-info {
    background-color: transparent!important;
    border-color: var(--main-color)!important;
    margin-top:0
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: var(--main-color)!important;
}

.woocommerce-breadcrumb{
    margin-bottom: 1rem !important;
    font-size: smaller!important;
    color:var(--font-color)!important;
}

@media screen and (min-width: 480px) {
    .info-line .item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 35%;
    width: 1px;
    height: 1rem;
    background: rgba(255, 255, 255, 0.50);
}
    
         table.shop_table{

             
 margin:0 1rem !important 

}
    
    table.shop_table{
    width:calc(100% - 2rem)!important;
}

    table.shop_table, .woocommerce form.checkout_coupon {
    margin: 2rem 0 0 0!important;
}

    .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{
        display: flex;
        flex-wrap: wrap;
        gap:1rem !important;
        justify-content: space-between;
    }
    
    
    #coupon_code {
    min-width: 180px !important;
    margin-right: 0.5rem !important;
    min-height: 2rem !important;
        padding-left: 1rem
}

    
    
}

.whitebg, .industry>div{
    border-radius: 10px;
    background: white; 
    padding:2rem;
    
}
.industry>div{
    padding:5vw 4rem ;
    

}

#customer_login{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#customer_login>div {
width:45% !important;
  
}

#customer_login>div form{
  border:none !important;
background: white;
    padding-top:2rem
}

#customer_login>div form p{
margin-bottom:1.5rem!important;
}


@media screen and (min-width: 600px) {
    .sticky .info-line, .sticky #logo a, .sticky #main-menu nav{
padding:0.25rem 0 !important
}
    #service-menu li span {
    opacity: 0.8;
}
    
}
    
    
    @media screen and (max-width: 600px) {
        
        
        .sticky+.hero, .sticky+.single-header {
    margin-top: 13rem;
}
    #customer_login{
        display: block!important;
    } 
    #customer_login>div form,   #customer_login>div{
      
        width:100% !important
    }
    
    .industry>div{
    padding:5vw 1rem ;
    

}
    
    .icon-box .wp-block-column .wp-block-group {
    min-height: auto;
        padding:0.5rem
}
    
    .type-page ul, .type-page ol, .contact-box li {
    margin-left: 0rem;
}
    
    .icon-box .wp-block-group{
        justify-content: flex-start !important
    }
    
    .elonyok {

    gap:2rem !important
}
    
    ul.tabs li a {
        font-size: smaller
    }

    .flex{
        gap:0.5rem
    }
    
    .product_img ul{
        left:0.5rem;
        bottom:0.5rem
    }
    
    .woocommerce span.onsale {
    height: 3rem;
    width: 3rem;
    
    top: 0.5rem!important;
    left: 0.5rem!important;
   
    font-size: 0.5rem !important;
      }
    
    
    .product_info li{
          font-size: 0.6rem !important;
        font-weight: bold
    }
      .product.item h2, .woocommerce .star-rating{
        font-size: 0.9rem !important
    }
    


    
    .cart_box.flex{
        gap:1rem;
    }
   
    .product.item>div {
        padding-bottom: 7rem !important
    }
    
    #logo {
        max-width: 8rem
    }
    
    .woof_sid_custom{
        display: none
    }
    
    
    .mobil-search, .mobil-search .woof_sid_custom{
        
        display: block !important
    } 
    
    .mobil-search{
        margin:0 0 1rem
    }
       .mobil-search input{
        min-height: 40px !important
    }
    
          .mobil-search input{
        min-height: 40px !important
    }
    
    .mobil-search .woof_text_search_container{
        margin:0 !important
    }

    
    #service-menu li svg {

    padding: 0 0.25rem!important;
  }  
     .product.item .cart_box{
        flex-wrap: wrap
    }  
    
    .product.item .button:after{
        display: none
    }

      .product.item .button{
       width:100%;
              
    }
    .services .wp-block-column {
        padding:1rem
    }

    
    
    .product_info li {
        margin:0
    }
    
    
    .callme .button.right:after,  .callme .button.left:after{
        display: none;
        
    }
    
     .callme .button{
    margin-left:0 !important
    
}
    
    .mobilehide{
        display: none
    }

}

.archive .single-header{
    background: url(img/background3.jpeg) no-repeat center right;
    background-size: cover
}

.post-type-archive-product .single-header{
    background: url(img/background4.jpeg) no-repeat center right;
    background-size: cover
}


@media screen and (max-width: 768px) {
    
    .information{
        order:2;
        margin-top:2rem
    }
    
    .product_title {
        margin-top:2rem !important
    }
    
        .single_product_content .woocommerce-breadcrumb{
        display: none
    }
    
  #copyright .column-2>div {
        text-align: center !important
    }
    
    .layer:before {

    background: linear-gradient(99deg, #065760 5.52%, rgb(6 87 96 / 75%) 91.15%);
}
    
    section{
        padding:3rem 0
    }
 
    .woocommerce+.nav{
        display: none !important
    }
    
    .icon-box >div{
        gap: 1rem
    }
        
}



@media screen and (min-width: 768px) and (max-width: 850px){
    .product .price bdi{
        font-size: 1rem !important;
        white-space: nowrap
    }
 
    
}

.info-box .content {
    padding-top:0 
}

.info-box .content li{
    background: #00576170;
    padding-top:1rem;
    padding-bottom: 1rem;
    padding-left: 4rem;
    border-radius: 10px;
    transform: translateX(-5rem);
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.info-box .content li.on{
    transform: translateX(0);
    opacity: 1
}

.info-box .content li:before{
   top:1.5rem;
    left:2rem
}


@media screen and (min-width: 768px) {
    
    .info-box .content{
    width: 60%;

}
    
    .single_product_content{
    padding-left: 1rem
}
    
    .product>.woocommerce-breadcrumb{
        display: none !important
    }


    .product-slider{
    padding-left: 3rem;
    padding-right: 3rem
}
    h2+div:not(.wp-block-cb-faqs){
    padding-top: 2rem;
}
  
    div.my_carousel .nav div{
    margin:0 0.25vw !important;
}


       .product.item>div{
        padding-bottom: 4rem !important
    }
    
}

@media screen and (min-width: 1024px) {
    
   
    
    .woocommerce .product .price del{
        display: block !important
    }

    .decor+h2 {
    max-width: 50%;
}
    
    .hero-text{
padding-left: 2rem;
       max-width: 60%;
}
        .callme h2{
     padding: 0 15rem;

}
    
    .ui-slideouttab-panel{
        display: none !important
    }
    
    

    
}

@media screen and (max-width: 1024px) {
    

.hero-text{

      padding:10vw 0 5rem 1rem
}
    

    

    
}

@media screen and (min-width: 1280px) {
 #logo img{
                   position: absolute !important;
        max-height: 90% !important;
        left: 1rem;
        top: 45%;
    }
    
        .timeline {
    padding: 0 8vw;
}
    }

@media screen and (max-width: 1280px) {
            .shop-container{
        display: block!important
    }      .shop-container .col-3-4{
        width: 100%
    }
    
    .woocommerce-shop .archive-aside{
    
        display: none
    }
}

/*Animations*/
@keyframes slideinleft {
    from {

        transform: translateX(-5rem);
        opacity: 0
            
    }

    to {

        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideinright {
    from {
opacity: 0;
        transform: translateX(5rem);
    }

    to {
opacity: 1;
        transform: translateX(0);
    }
}

.slideinleft,h1:not(.product_title){
    opacity: 0;
    transform: translateX(-5rem);
    animation: 0.5s slideinleft ease-in-out 0.2s forwards;
    -webkit-animation: 0.5s slideinleft ease-in-out 0.2s forwards;
    -moz-animation:0.5s slideinleft ease-in-out 0.2s forwards;
    -o-animation: 0.5s slideinleft ease-in-out 0.2s forwards
}


.slideinright {
    opacity: 0;
    position: relative;
    transform: translateX(5rem);
    animation: 1s slideinright ease 0.2s forwards;
    -webkit-animation: 1s slideinright ease 0.2s forwards;
    -moz-animation: 1s slideinright ease 0.2s forwards;
    -o-animation: 1s slideinright ease 0.2s forwards;

}




/*HUSKY product filter*/

.archive-aside{
    padding:1rem;
   border-right: 1px solid #527e8a1a
    
}

.woof_container_inner h4{
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #527e8a1a
}

.woof_container_inner input[type="search"]{
    min-width: 250px !important;
    border: 1px solid #BDC9CA !important;
    min-height: 2.5rem;
}

.woof_submit_search_form{
    color:white !important;
    margin-top:2rem !important
}
.woof_list.disabled{
    display: none !important
}

.woof_husky_txt-container .woof_husky_txt-option{
      
    padding: 1rem !important;
   
    background: white !important;
    border-bottom: none !important
}

#service-menu .woof_container{
   margin:0 !important
}


#service-menu .woof_submit_search_form_container{
    display: none !important
}
.woof_text_search_container .woof_text_search_go{
    background: transparent !important
}

#primary{
    position: relative;
    z-index: 0
}

.woof_husky_txt-input::placeholder {
 font-style:normal !important
}

.woof_husky_txt-option-title a {
    color: var(--font-color);
}

.woof_husky_txt-cross{
    display: none !important
}

.ui-slideouttab-handle {

    background-color: var(--main-color)!important;
    border-radius: 10px 0 0;
}

   .mobil-search{
        
        display: none 
    } 
    

/*TIMELINE*//*timeline style*/

.timeline{
    position: relative;
    margin-top:4rem
}

.timeline .status-bar-opacity, .timeline .status-bar{
    left:0;
     position: absolute;
    border-radius: 2.5px
}

.timeline .status-bar-opacity{
    width: 0.25rem;
    background: #f7f9fa;
    height: 100%;
}

.timeline .status-bar{
			width:0.25rem;
			height:0;
			background: var(--decor-color);
    z-index: 10;
   
		}

.timeline ul>li{
    margin-left: 0
}

.timeline-content>strong{
   padding-bottom: 1rem;
    display: block;
    font-family: var(--title-font)
}

.timeline-content{
    padding: 1rem;
    background:#f6fafb;
    border-radius: 10px;
    position: relative;
    transition:all 0.5s ease-in-out;
    z-index: 1
}


.timeline-content:after{
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 4px;
    width: 2rem;
    height: 2rem;
    background: #f6fafb;
    transform: translateY(-50%) rotate(-45deg);

}


   .timeline>li {
        margin-bottom: 2rem;
       position: relative;
        line-height: 1.5;
    margin-left: 0;opacity: 0;
}



   .timeline>li:first-of-type{
opacity: 1 !important;
   
}
       
   .timeline>li.active-content{
opacity: 1;
   
}


     .timeline .active-content .timeline-content{
        transform:translateX(0) !important
        
    }
    

.timeline>li:before {
        transition:all 0.5s ease-in-out;
    background: #f7f9fa;
    color:var(--decor-color);
    position: absolute;
     margin:0;
        z-index: 10;
    top:45%

       
    }

.timeline li::marker {
color:transparent !important

       
    }


.active-content:before{
    background: var(--decor-color) !important;
     color:white!important;
    width:1.9rem;
    height: 1.9rem;
    line-height: 1.9rem

}

.active-content .timeline-content>strong{
    color:var(--decor-color) !important;
}

.faq-label{
    background: #0f5a6312!important;
}

.faq-label h4{
    margin:0rem !important
}

.faq-content {
    background: white;
    border:none !important;
    padding:0.1rem 1rem !important
}
@media screen and (max-width: 768px) {
    
    
.hero-text{

      padding:14vw 0 3rem 0rem
}
    
    .timeline>li {
        padding-left: 2rem;
        
    }   .timeline .timeline-content{
        transform:translateX(-10%)
        
    }
    

    .timeline > li:before{
       
        left:0;
        transform: translateX(-40%)
    }
    
    
    
        
.timeline-content:after{
left: -0.5rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-right: 1rem solid #f7f9fa;
    
    
}
}
@media screen and (min-width: 768px) {
    
    .timeline li:nth-of-type(odd) .timeline-content{
        transform:translateX(10%)
        
    }
    
      .timeline li:nth-of-type(even) .timeline-content{
        transform:translateX(-10%)
        
    }
    

    
    
    
    .timeline > li:nth-child(even) .timeline-content:after{
        left:-1rem;

    }
    
    
    
     .timeline > li:nth-child(odd) .timeline-content:after{
    right: -1rem;   
}
    
    
    .timeline .status-bar, .timeline .status-bar-opacity{
        left: 50%;
    transform: translateX(-50%);
}

    .timeline>li {
        padding: 0 3rem;
        margin: 0;
        position: relative;
       
    }


    /*A felsorolások váltakozása: minden páratlan margóját behúzzuk 50%-kal */
    .timeline > li:nth-child(odd) {
        margin-right: 50%;
    }


    .timeline > li:nth-child(even):before{
       
        left:0;
        transform: translateX(-50%)
    }
    
      .timeline > li:nth-child(odd):before{
       
        right:0;
        transform: translateX(50%)
    }


    /*A felsorolások váltakozása: minden páros li margóját behúzzuk 50%-kal */
    .timeline > li:nth-child(even) {
        margin-left: 50%;
        margin-right: 0;
        text-align: left;
    }


    /*Utolsó vonal végén gomb*/
    .timeline li:last-of-type:after {
        margin-left: 0;
        transform: translateX(-20%);

    }
}


form.cart .variations th, form.cart .variations td{
    padding: 0 !important;
    background: transparent !important
}

form.cart .variations select{
    line-height: 1.5
}

.reset_variations{
    padding-left: 2rem
}

.single-product .woocommerce-product-rating {
    font-size: 0.8rem;
    margin-bottom: 0 !important;
}

.single-product .quantity {
    margin-right: 2rem !important;
    display: flex;
    align-items: center;
        background: white;
    border-radius: 10px;
    height: 2.8rem;
    position: relative
}

.single-product .quantity:after{
    content:"";
width: 2rem;
height: 100%;
    position: absolute;
    top:0;
    z-index: -1;
    right: -0.2rem;
    transform: skewX(-10deg);
        background: white;   border-radius: 10px;

}


.single-product .quantity input {
    margin-bottom: 0 !important;
    box-shadow: none;
    border: none;
    font-weight: 600 !important;
    background: transparent !important;
    font-size: 1.5rem !important
}



.woocommerce div.product form.cart .button {
        padding: 0.8rem 2rem 0.8rem 1.5rem !important;
    font-size: larger !important;
}


.product-list-tags{
        position: absolute;
    z-index: 1;
    top: 1rem;
right:1rem;
    margin: 0 !important;
}

.product-list-tags li{
    position: absolute;
    top: 0rem;
    right: -8rem;
    transform: rotate(35deg);
    background: var(--medium-green);
    color: white;
    padding: 0.5rem 5rem;
    font-size: smaller;
    text-align: center;
    z-index: 3;
    width: 20rem;
    font-size: 0.8rem;
    font-weight: 700;
    box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}
 
.product-list-tags li a{
     color: white!important;
}


.single-product .onsale{
    left:6rem !important
}

/*Contact form*/
.wpcf7{
   padding:2rem;
border-radius: 8px;
    background: white
}

.wpcf7 input,.wpcf7 textarea{
   height:2.5rem!important;
border-radius: 8px!important;
    width:100%!important;
}

.wpcf7 textarea{
     height:5rem!important;
}

.wpcf7 h2{
    margin-top:0
}

.wpcf7 p:last-of-type{
    position: relative
}

.wpcf7-spinner {
    position: absolute!important;
    right: 0.5rem;
    top: 25%;
}

.contact-box {
    margin:2rem 0
}

.contact-box li:before{
    width:2rem!important;
    height: 2rem!important;
    background-color: var(--decor-color)!important;
    background-size: auto 50%!important;
    border-radius: 50px;
    top:-0.45rem!important;
}

.wp-block-social-links {
    margin-left: 1rem !important
}

.contact-box li{
    display: block;
    margin-bottom: 2rem;
    padding-left: 3rem
}

.contact-box li a, .wp-block-social-links a{
    color:inherit
}

.contact-box li a:hover{
    color:var(--main-color)
}

/*CART - KOSAR*/

.wc-block-components-totals-wrapper:after, .wc-block-cart-items td:after{
        border-top: 1px solid #E1E1E1 !important;
    opacity: 1 !important
}
.wc-block-components-quantity-selector:after{
        border: 1px solid #E1E1E1 !important;
}
.wc-block-cart-items th{
    font-family: var(--title-font)
}

.wc-block-cart-item__remove-link{
    text-decoration: none !important;
    position: relative;
    padding:1rem 0 0 1.5rem !important;
    border-radius: 0 !important
}

.wc-block-cart-item__remove-link:hover{
color:#D04B00 !important
}

.wc-block-cart-item__remove-link:before{
   content:"";
    height: 1rem;
width: 1rem;
    position: absolute;
    background: url(img/remove.svg) no-repeat center center;
    background-size:cover;
    left:0;
    top:48%;
}

.wc-block-components-product-name {
    padding-bottom: 0.5rem!important
}

.wc-block-cart__submit-container{
    margin-top:1rem !important
}

.wc-block-cart__empty-cart__title{
    margin-bottom: 2rem
}

h2.empty{
    margin-top:2rem
}

.wc-block-cart-items{
    margin-bottom:2rem !important
}

/*CHECKOUT - PENZTAR*/


#payment div.form-row{
    padding:1rem 0 !important
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
background: white !important;
    padding:0 1rem !important
}

#payment ul li::marker{
    color:transparent !important
}

.woocommerce-checkout #payment div.payment_box::before{
        border: 1em solid white !important;
        border-right-color: transparent!important;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
}

.woocommerce-checkout #payment div.payment_box{
      background: white !important;
    margin: 0 !important;
    padding: 0 2rem !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info{
        border-top-color: transparent !important
}

.woocommerce-info:before{
    color:var(--main-color)!important
}

.wc-block-components-text-input{
    margin-top:1rem!important
}

td.product-quantity{
    display: flex !important;
    justify-content: space-between!important;
    align-items: center!important;
}

.product-quantity .quantity{

    border-radius: 5px
}
.payment_box p{
    margin-top:0;
    margin-bottom: 2rem
}

.wc_payment_method label{
    font-weight: 500
}

.product-quantity .quantity input{
    box-shadow: none;
    border: none !important
      
}

.woocommerce-checkout input{
      border-radius: 5px !important;
      border:1px solid #BDC9CA !important
}

dd p, dl{
    margin-top:0 !important
}

.woocommerce-checkout main h3{
    
    padding: 1rem;
    border-radius: 5px;
    font-weight: 600;
    margin-top:2rem;
    margin-bottom: 0;
        background: #f7f9fa;
}

#ship-to-different-address{
background: transparent!important;
    padding:0 !important;
    font-size: 1rem!important;
    font-weight: bold;
    margin:0 !important;
    text-transform: none !important
}


.woocommerce .quantity .qty{
    border: 1px solid #e1e1e1!important;
}
.woocommerce-form-coupon-toggle .woocommerce-info{
    background: white !important;
    margin-bottom: 0 !important;
   
   
}

.single-product .quantity .qty{
    border:none !important
}
.woocommerce-checkout .woocommerce form .form-row label {
    line-height: 2;
    transform:translateY(15px);
    margin-left: 1rem;
    background: white;
    padding: 0 0.5rem ;
    font-size: smaller;
    z-index: 1;
    position: relative;
    display: inline-block !important;
    color:var(--font-color);
    font-weight: 500
}

.custom-checkbox label{
     margin-left: 0rem!important;padding: 0rem !important;
}

.telepiteshelye{
    display: none
}

.telepiteshelye label{
   margin-bottom: 1rem;
    font-weight: bold
}

.custom-fields #megye, .telepiteshelye .select{
    width:100% !important
}

.custom-fields{
    margin-bottom: 2rem;
    padding:1rem;
      box-shadow: 0px 4px 8px 0px #f7f9fa69 !important;
    background: white;
    border-radius: 10px
    
}


.ppom-wrapper span.show_description {
    font-size: 1rem!important;
    color: #606465!important;
    /* padding-left: 5px; */
    line-height: 1.5 !important;
    display: block;
        font-weight: 400 !important;
    margin-top: 1rem;
    font-family: var(--content-font)
}


.ppom-wrapper .col-md-12{
        background: white;
    padding: 1rem !important;
    border-radius: 10px;
}


.cart_item{
    background: white
}

.woocommerce-page table.cart td.actions {
    padding-top: 2rem !important;
}

.woocommerce-page table.cart td.actions button{
        color: white !important;
     padding: 0.5rem 1rem !important;
}

.woocommerce-message {
    border-top-color: var(--medium-green) !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info::before{
     background: url(img/icons/coupon.png) no-repeat center center;
    background-size: contain;
    color:transparent !important;
    height: 1.2rem
}

.woocommerce table.shop_table th{
    background: white
}

.woocommerce-checkout table.cart .product-thumbnail {
text-align: center!important;
    
}




.woocommerce-checkout table.cart img {
    width:8rem!important;
    border-radius: 10px!important;
    
}

.woocommerce-checkout table.cart td.product-quantity {
    height:10rem!important;
    
}

.shop_table .product-name{
        font-weight: 500;
    font-family: var(--title-font)
}

.shop_table .variation{
        background: #65dca617;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    margin-top: 1rem !important;
    font-weight: 400;
    font-family: var(--content-font)
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields, .woocommerce-additional-fields__field-wrapper{
    padding: 1rem;
    background: white;
    border-radius: 0 0 10px 10px
}
.woocommerce-shipping-fields {
    display: block !important;
    margin-top:2rem
}

#billing_country_field, #shipping_country_field{
    margin-top:0 !important
}

#billing_country_field .woocommerce-input-wrapper, #shipping_country_field .woocommerce-input-wrapper{
    transform:translateY(15px)!important;
    display: inline-block
}

.woocommerce form.checkout_coupon{
     margin:0 2rem !important;
    border:none !important
}

.validate-required .input-checkbox{
    display: none !important
}

.woocommerce form:not(.cart) .form-row{
    margin-top:-1rem!important
}
.custom-checkbox .form-row {
    margin-top:0 !important
}

table.cart  .product-price,table.cart  .product-subtotal{
    font-weight: bold
}

     table.shop_table{
    border:none !important;
}

.product-name a{
    color:var(--font-color);
}

.product-name a:hover{
    color:var(--medium-green);
}

#order_comments{
    padding:2rem 1rem 1rem !important;
    height: 8rem
}

.woocommerce-checkout #payment ul.payment_methods{
    padding:1rem 0 !important
}

.woocommerce .col-1, .woocommerce .col-2 {
    width: 100% !important;
    float: none !important;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table tfoot th {
    border-top: 1px dotted rgba(0, 0, 0, .1)!important;}
.woocommerce-checkout #payment ul.payment_methods{
    border-bottom:1px dotted rgba(0, 0, 0, .1)!important
}


.woocommerce-billing-fields input {
    background: white !important;
    }
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
        transition: background-color 5000s ease-in-out 0s;

}

/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: inherit !important;
    -webkit-border: 1px solid green !important;
}

@media screen and (min-width: 600px) and (max-width: 768px){
    
    .woof_container_inner input[type="search"]{
        min-width: 150px !important
    }
}





.whitebg .wpcf7{
    padding:0
}

.woocommerce-Reviews-title{
        font-size: 1.3rem !important;
    font-weight: bold!important;
    margin:1rem 0 !important
}

tr.fee{
    color:red !important
}

.woocommerce-terms-and-conditions+.validate-required label{
    margin-left: 0 !important;
    font-size: 1rem !important;
    background: transparent !important
}

.validate-required input[type="checkbox"]:checked + span:after {
    top:0.4rem !important
}

.woocommerce-page #payment #place_order {
    padding: 0.8rem 2rem !important;
}

.sticky {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	width: 100%;
	z-index: 6;
    transition: all 0.2s ease-in-out;
    box-shadow:0px 4px 12px 0px rgb(149 157 165 / 21%) !important
}

.sticky .info-line p{
 padding-top: 0.2rem !important;
    padding-bottom: 0.2rem;

}



.sticky #logo, .sticky #logo img{
position: relative !important
}



.sticky #logo a{
    margin:0
}

.sticky+.hero, .sticky+.single-header{
   margin-top:10rem
}


.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences{
    background: white !important
}

.cky-accordion-btn, .cky-accordion-btn:hover{
    background: transparent !important;
    padding:0 !important;
    color:black !important
}

.cky-show-desc-btn{
    color:var(--main-color) !important;
    background: transparent !important;
    padding:0 !important;
}

.cky-switch input[type="checkbox"]{
    display: block !important
}
.cky-btn-revisit{
    background: transparent!important;
    box-shadow: none !important
}


.woocommerce-form-login__submit{
    margin-top:1rem !important
}

.woocommerce-form-login-toggle{
    margin-top:3rem !important
}

.woocommerce-form-login-toggle .woocommerce-info {
    border-top-color: transparent !important;
}

.woocommerce form.login{
    background: white;
    border:none !important
}

.woocommerce-account-fields{
    margin-top:2rem !important;

}

.woocommerce-account-fields input[type="checkbox"]{
   display: none !important;
 
}



.create-account>label{
   margin-bottom: 1rem !important;
     margin-left: 0 !important
}

.create-account label{
   background: #f6fafb !important;
    line-height: 1.5 !important

}