.alignright,
.align-right {
text-align: right;
}
.alignleft,
.align-left {
text-align: left;
}
.aligncenter,
.align-center {
text-align: center;
} *,
*: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 {
--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 {
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,
#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{
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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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;
} .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
} .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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 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{
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
} .single-header{
padding:8rem 0 3rem;
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/bg_wave_.jpeg) no-repeat top right;
background-size: cover;
position: relative
}  .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/heat.svg)
}
.product_info li.cool:before{
background-image: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/cool.svg)
}
.product_info li.home:before{
background-image: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/instock.svg) !important
}
.stock_status div.outofstock:before, .stock.out-of-stock:before{
background-image: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/outofstock.svg) 
}
.stock_status div.instock{
color:var(--decor-color);
font-weight: 500
}
.check_list li:before{
background-image: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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
} .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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
} .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/emptycart.png) no-repeat center center;
background-size: contain
} #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
} .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/dashboard.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--orders a:before,
.order-link a:before {
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/download.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--edit-address a:before {
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/location.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--edit-account a:before {
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/settings.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--vat-number a:before {
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/euvat.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before,
.wp-block-loginout a:before {
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/icons/sign_out.svg) no-repeat center center;
}
.woocommerce-MyAccount-navigation-link--payment-methods a:before{
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/img/background3.jpeg) no-repeat center right;
background-size: cover
}
.post-type-archive-product .single-header{
background: url(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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
}
} @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;
} .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{
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;
} .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%)
} .timeline > li:nth-child(even) {
margin-left: 50%;
margin-right: 0;
text-align: left;
} .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
} .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)
} .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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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
} #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; 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(//abacoolklima.hu/wp-content/themes/abacooltheme_2023/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;
} 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;
} 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
}