.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}:root {
--gap: 1rem;
}
@media screen and (max-width: 768px) {
:root {
--gap: 1rem;
}
}
.content-box {
max-width: 1340px;
padding: 0 1rem;
margin: 0 auto;
position: relative;
z-index: 1
}
.wide {
margin-left: calc(((100vw - 1400px + 1rem) / 2) * -1);
margin-right: calc(((100vw - 1400px + 1rem) / 2) * -1);
padding-left: calc((100vw - 1400px) / 2);
padding-right: calc((100vw - 1400px) / 2);
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
@media screen and (max-width: 1400px) {
.wide {
margin-left: calc(((100vw + 1rem) / 2) * -1);
margin-right: calc(((100vw + 1rem) / 2) * -1);
padding-left: calc((100vw + 1rem) / 2);
padding-right: calc((100vw + 1rem) / 2);
}
}
.vertical-center {
align-items: center;
}
.row {
width: calc(100% + var(--gap));
}
.offset-left {
padding-left: calc((100% - (1440px - 2rem)) / 2);
padding-right: 3rem;
}
.offset-right {
padding-right: calc((100% - (1440px - 2rem)) / 2);
padding-left: 3rem;
}
.object-fit {
object-fit: cover;
height: 100%;
}
.narrow {
max-width: 56rem;
margin: 0 auto;
}
.round {
border-radius: 50%;
}
@media screen and (max-width: 1440px) {
.offset-left {
padding-left: 1rem;
}
.offset-right {
padding-right: 1rem;
}
}
.row,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9 {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
clear: both;
}
.no-gap,
.no-gap.row {
gap: 0;
}
.no-gap.row {
width: 100%;
}
.woocommerce-billing-fields .col-1-2,  .woocommerce-shipping-fields .col-1-2{
width: calc(50% - var(--gap)) !important
}
.col-1-2 {
width: calc(50% - var(--gap))
}
.col-1-3 {
width: calc(33.3333% - var(--gap))
}
.col-2-3 {
width: calc(66.6666% - var(--gap))
}
.col-1-4 {
width: calc(25% - var(--gap))
}
.col-3-4 {
width: calc(75% - var(--gap))
}
.col-1-5 {
width: calc(20% - var(--gap))
}
.col-2-5 {
width: calc(40% - var(--gap))
}
.col-3-5 {
width: calc(60% - var(--gap))
}
.col-4-5 {
width: calc(80% - var(--gap))
}
.col-1-6 {
width: calc(16.6667% - var(--gap))
}
.col-5-6 {
width: calc(83.3335% - var(--gap))
}
.no-gap .col-1-2 {
width: 50%
}
.no-gap .col-1-3 {
width: 33.3333%
}
.no-gap .col-2-3 {
width: 66.6666%
}
.no-gap .col-1-4 {
width: 25%
}
.no-gap .col-3-4 {
width: 75%
}
.no-gap .col-1-5 {
width: 20%
}
.no-gap .col-2-5 {
width: 40%
}
.no-gap .col-3-5 {
width: 60%
}
.no-gap .col-4-5 {
width: 80%
}
.no-gap .col-1-6 {
width: 16.6667%
}
.no-gap .col-5-6 {
width: 83.3335%
}
.column-2 > div,
.column-2 article {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-3 > div,
.column-3 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.column-4 > div,
.column-4 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.column-5 > div,
.column-5 article {
width: calc((100% - (4 * var(--gap))) / 5)
}
.column-6 > div,
.column-6 article {
width: calc((100% - (5 * var(--gap))) / 6)
}
.column-7 > div,
.column-7 article {
width: calc((100% - (6 * var(--gap))) / 7)
}
.column-8 > div,
.column-8 article {
width: calc((100% - (7 * var(--gap))) / 8)
}
.column-9 > div,
.column-9 article {
width: calc((100% - (8 * var(--gap))) / 9)
}
.no-gap.column-2 > div,
.no-gap.column-2 article {
width: calc(100% / 2)
}
.no-gap.column-3 > div,
.no-gap.column-3 article {
width: calc(100% / 3)
}
.no-gap.column-4 > div,
.no-gap.column-4 article {
width: calc(100% / 4)
}
.no-gap.column-5 > div,
.no-gap.column-5 article {
width: calc(100% / 5)
}
.no-gap.column-6 > div,
.no-gap.column-6 article {
width: calc(100% / 6)
}
.no-gap.column-7 > div,
.no-gap.column-7 article {
width: calc(100% / 7)
}
.no-gap.column-8 > div,
.no-gap.column-8 article {
width: calc(100% / 8)
}
.no-gap.column-9 > div,
.no-gap.column-9 article {
width: calc(100% / 9)
} .mansory-2,
.mansory-3,
.mansory-4,
.mansory-5,
.mansory-6 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.mansory-2 > div,
.mansory-3 > div,
.mansory-4 > div,
.mansory-5 > div,
.mansory-6 > div,
.mansory-2 > article,
.mansory-3 > article,
.mansory-4 > article,
.mansory-5 > article,
.mansory-6 > article {
display: block;
width: 100%;
margin: 0px; padding: 0;
position: relative;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.mansory-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.mansory-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.mansory-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
.mansory-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.column-4 > div,
.column-4 article,
.column-5 > div,
.column-5 article,
.column-6 > div,
.column-6 article,     .products.column-3 > div{
width: calc((100% - (2 * var(--gap))) / 2)
}
.column-7 > div,
.column-7 article,
.column-8 > div,
.column-8 article,
.column-9 > div,
.column-9 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.no-gap.column-4 > div,
.no-gap.column-4 article,
.no-gap.column-5 > div,
.no-gap.column-5 article,
.no-gap.column-6 > div,
.no-gap.column-6 article {
width: calc(100% / 3)
}
.no-gap.column-7 > div,
.no-gap.column-7 article,
.no-gap.column-8 > div,
.no-gap.column-8 article,
.no-gap.column-9 > div,
.no-gap.column-9 article {
width: calc(100% / 4)
}
.mansory-4 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-5 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.mansory-6 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media screen and (min-width: 480px) and (max-width:767px) {
.column-3 > div,
.column-3 article,
.column-4 > div,
.column-4 article,
.column-5 > div,
.column-5 article {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-6 > div,
.column-6 article,
.column-7 > div,
.column-7 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.column-8 > div,
.column-8 article,
.column-9 > div,
.column-9 article {
width: calc((100% - (3 * var(--gap))) / 4)
}
.no-gap.column-3 > div,
.no-gap.column-3 article,
.no-gap.column-4 > div,
.no-gap.column-4 article,
.no-gap.column-5 > div,
.no-gap.column-5 article {
width: calc(100% / 2)
}
.no-gap.column-6 > div,
.no-gap.column-6 article,
.no-gap.column-7 > div,
.no-gap.column-7 article {
width: calc(100% / 3)
}
.no-gap.column-8 > div,
.no-gap.column-8 article,
.no-gap.column-9 > div,
.no-gap.column-9 article {
width: calc(100% / 4)
}
.mansory-4 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.mansory-5 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.mansory-6 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media screen and (max-width: 479px) {
.column-2 > div,
.column-2 article,
.column-3 > div,
.column-3 article {
width: 100%
}
.column-4 > div,
.column-4 article,
.column-5 > div,
.column-5 article,
.column-6 > div,
.column-6 article,     .products.column-3>div {
width: calc((100% - (1 * var(--gap))) / 2)
}
.column-7 > div,
.column-7 article,
.column-8 > div,
.column-8 article,
.column-9 > div,
.column-9 article {
width: calc((100% - (2 * var(--gap))) / 3)
}
.no-gap.column-2 > div,
.no-gap.column-2 article,
.no-gap.column-3 > div,
.no-gap.column-3 article {
width: 100%
}
.no-gap.column-4 > div,
.no-gap.column-4 article,
.no-gap.column-5 > div,
.no-gap.column-5 article,
.no-gap.column-6 > div,
.no-gap.column-6 article {
width: calc(100% / 2)
}
.no-gap.column-7 > div,
.no-gap.column-7 article,
.no-gap.column-8 > div,
.no-gap.column-8 article,
.no-gap.column-9 > div,
.no-gap.column-9 article {
width: calc(100% / 3)
}
.mansory-6,
.mansory-5,
.mansory-4 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width: 768px) {
.row {
width: 100%;
}
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-1-6,
.col-5-6,
.no-gap .col-1-2,
.no-gap .col-1-3,
.no-gap .col-2-3,
.no-gap .col-1-4,
.no-gap .col-3-4,
.no-gap .col-1-5,
.no-gap .col-2-5,
.no-gap .col-3-5,
.no-gap .col-4-5,
.no-gap .col-1-6,
.no-gap .col-5-6 {
width: 100%
}
.woocommerce-billing-fields .col-1-2,  .woocommerce-shipping-fields .col-1-2{
width: 100% !important
}
.mansory-3 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.offset-left {
padding-right: 1rem;
padding-left: 1rem;
}
.offset-right {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 600px) and (max-width: 850px) and (orientation: landscape) {
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media only screen and (min-width: 360px) and (max-width: 599px) {
.mansory-4-column,
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (max-width: 360px) {
.mansory-2-column,
.mansory-3-column,
.mansory-4-column,
.mansory-5-column,
.mansory-6-column {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}:root {
--form-ui-color: #84B04E;
--form-ui-bg: #ffffff;
--form-size: 2rem;
--form-border-radius: 0.25rem;
--form-border: solid 1px rgba(0, 0, 0, 0.2);
--form-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="file"],
select {
padding: 0 0.75rem;
color: inherit;
font-size: smaller;
line-height: 1;
margin: 0;
font-family: inherit;
border-radius: var(--form-border-radius);
-webkit-border-radius: var(--form-border-radius);
-moz-border-radius: var(--form-border-radius);
background-color: var(--form-ui-bg);
border: 1px solid rgba(183, 205, 190, 0.47);
margin-bottom: 0.75rem;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
max-width: 100%;
width:100%;
min-height: 2.4rem
}
input[type="search"] {
min-width: 300px;
min-height: 2.5rem
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
.select {
position: relative;
display: inline-block;
}
.select:after {
border-style: solid;
border-width: 0.2rem 0.2rem 0 0;
content: "";
border-color: var(--form-ui-color);
display: inline-block;
height: calc(var(--form-size) * 0.2);
width: calc(var(--form-size) * 0.2);
background: transparent;
position: absolute;
top: 50%;
right: 0.75rem;
margin-top: -0.75rem;
transform: rotate(135deg);
pointer-events: none;
}
.comment-form-rating .select:after {
display: none !important
}
textarea {
background: rgba(255, 255, 255, 0.8);
padding: 0.75rem;
display: block;
color: inherit;
font-size: inherit;
height: auto;
margin: 0;
font-family: inherit;
height: 8rem;
border-radius: var(--form-border-radius);
-webkit-border-radius: var(--form-border-radius);
-moz-border-radius: var(--form-border-radius);
background-color: var(--form-ui-bg);
box-shadow: var(--form-box-shadow);
border: var(--form-border);
margin-bottom: 0.75rem;
}
#order_comments{
margin-top:1rem
}
#woo_ml_subscribe_field label
input[type="submit"],
input[type="button"],
button,
.button,
.wp-block-button__link, .wp-block-latest-posts__post-excerpt a, .woocommerce #review_form #respond .form-submit input, .wc-block-cart__submit-button{
-webkit-appearance: none;
background: var(--form-ui-color);
color: #fff;
border: none;
font-size: 1rem;
line-height: 1;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline-block;
position: relative;
font-family: inherit;
text-decoration: none;
padding: 0.7rem 2rem !important;
border-radius: 2rem!important;
position: relative;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
box-shadow: 0px 4px 24px 0px rgba(149, 157, 165, 0.20);
font-weight: 500 !important
}
.wc-block-components-quantity-selector button{
padding:0 !important
}
.wc-block-components-quantity-selector button:after, .wc-block-cart-item__remove-link:after, .wc-block-components-panel__button:after{
display: none !important
}
.step-up, .step-down{
background: none !important;;
color:inherit;
font-weight: bold;
padding: 0.7rem 1rem !important;
box-shadow: none !important
}
.step-up:after, .step-down:after{
display: none !important
}
.button.wc-forward{
background: transparent !important;
font-weight: bolder !important;
color: var(--main-color) !important;
}
.woocommerce .button,  .checkout-button.button {
background: var(--form-ui-color) !important;
color: #fff!important;
font-size: 1rem!important;
text-decoration: none !important
}
button,
.button,
.wp-block-buttons .wp-block-button a{
padding-right: 3rem !important;
position: relative
}
.button.product_type_variable{
padding-right: 2rem !important
}
button:after,
.button:not(.wc-forward):after,
.wp-block-buttons .wp-block-button  a:after, .wp-block-button a:after{
content:"";
width: 1rem;
height: 1rem;
position: absolute;
right: 0.9rem;
top:50%;
background: url(../../../themes/fubolfabol2023/img/arrow_gre.svg) no-repeat center center;
background-size: contain;
transform:translateY(-50%);
transition: all 0.2s ease-in-out
}
button.main:after,
.button.main:after,
.wp-block-button.main  a:after, .hero-text .secondary:after{
background: url(../../../themes/fubolfabol2023/img/arrow-white.svg) no-repeat center center;
background-size: contain;
}
.slick-dots button:after{
display: none
}
button:hover:after,
.button:hover:after,
.wp-block-buttons .wp-block-button  a:hover:after, .hero-text .secondary:hover:after{
right: 0.7rem
}
#coupon_code{
min-width: auto !important;
border-radius: 50px !important;
padding-left: 1rem
}
.woocommerce-message .button, button.woof_reset_search_form{
padding-right: 2rem !important
}
.form-submit #submit:disabled{
background-color: grey; cursor: not-allowed; opacity: 0.6; }
@media screen and (min-width: 480px) {
#coupon_code{
min-width: 200px !important;
margin-right: 0.5rem !important;
min-height: 2rem !important
}}
#coupon_code+button{
padding: 0.5rem 1rem !important;
}
.coupon.input-text{
padding:0.25rem 0.5rem !important
}
#coupon_code+button:after{
display: none !important
}
p + .wp-block-buttons {
margin-top: 3rem
}
.wp-block-buttons .wp-block-button:nth-of-type(2) .wp-block-button__link, .secondary.button, .secondary .button, .secondary a, .wp-block-latest-posts__post-excerpt a{
background: transparent !important;
color: inherit!important;
border: 1px solid var(--green-color)!important;
}
.hero-text .secondary{
border: 1px solid white!important;
}
.wp-block-buttons .wp-block-button:nth-of-type(2) .wp-block-button__link:hover,.secondary.button:hover, .secondary:hover .button, .secondary:hover a, .wp-block-latest-posts__post-excerpt a:hover {
background: var(--form-ui-color)!important;
color: #fff!important;
border: 1px solid var(--form-ui-color);
}
.wp-block-latest-posts__post-excerpt a {
margin-top:1rem
}
.hero-text .secondary:hover, .wp-block-buttons .wp-block-button:nth-of-type(2) .wp-block-button__link:hover, .secondary.button:hover, .secondary .button:hover, .secondary a:hover, .wp-block-latest-posts__post-excerpt a:hover{
border:1px solid var(--main-color) !important
}
p + .button {
margin-top: 1rem
}
button:hover,
.button:hover {
color: black;
}
button.main:after {
background: #333;
color: #fff;
}
button.woof_reset_search_form{
padding-left: 1.5rem!important;
padding-right: 1.5rem!important;
margin-right: 1rem !important;
}
button.woof_reset_search_form:after{
display: none !important;
}
.wc-block-components-panel__button{padding:0 !important}
::-webkit-input-placeholder {
color: #888;
font-style: italic;
}
:-moz-placeholder {
color: #888;
font-style: italic;
}
::-moz-placeholder {
color: #888;
font-style: italic;
}
:-ms-input-placeholder {
color: #888;
font-style: italic;
}
input:focus,
select:focus,
textarea:focus {
outline: none !important;
border-color: var(--form-ui-color);
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.qty {
display: inline-block;
line-height: 1;
margin: 0;
height: var(--form-size);
font-family: inherit;
border-radius: var(--form-border-radius);
-webkit-border-radius: var(--form-border-radius);
-moz-border-radius: var(--form-border-radius);
background-color: var(--form-ui-bg);
box-shadow: var(--form-box-shadow);
border: var(--form-border);
}
.qty input[type=number] {
width: var(--form-size);
height: 100%;
padding: 0;
font-size: smaller;
text-align: center;
border-radius: 0;
box-shadow: none;
border-bottom: none;
border-top: none;
border-left: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
background: transparent;
}
.qty button {
outline: none;
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer;
margin: 0;
position: relative;
box-shadow: none;
color: inherit;
vertical-align: middle;
text-align: center;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 1rem;
padding: 0 0.5rem;
}
.product_type_simple.add_to_cart_button{
padding:0.8rem 1.1rem !important
}
input[type="file"] {
padding: 0;
vertical-align: middle;
position: relative;
}
input[type="file"]::-webkit-file-upload-button {
visibility: hidden;
}
input[type="file"]::before {
content: 'Fájlok csatolása';
display: inline-block;
background: var(--form-ui-color);
border-radius: var(--form-size);
padding: 0 calc(var(--form-size) * 0.5);
line-height: calc(var(--form-size) - 4px);
height: calc(var(--form-size) - 4px);
outline: none;
white-space: nowrap;
color: #fff;
-webkit-user-select: none;
cursor: pointer;
}
input[type="file"]:hover::before {
background: var(--form-ui-color);
}
input[type="checkbox"],
input[type="radio"] {
display: none;
}
.cky-switch input[type="checkbox"]{
display: block
}
.wc-block-components-checkbox input[type="checkbox"]{
display: inline-block !important
}
#woo_ml_subscribe, .cr-customer-consent input{
display: none !important
}
.place-order p{
margin-bottom: 1rem !important
}
input[type="checkbox"] + label,
input[type="radio"] + label,
input[type="checkbox"] + span,
input[type="radio"] + span, .woocommerce form .form-row label {
padding: 0;
display: inline-block;
overflow: hidden;
position: relative;
margin: 0.25rem 0.5rem 0.25rem 0;
vertical-align: middle;
line-height: 1.5
}
input[type="checkbox"] + span,
input[type="radio"] + span{
position: relative;
padding-left: 2rem;
}
input[type="checkbox"] + span:before,
input[type="radio"] + span:before{
position: absolute;
left:0;
top:0
}
input[type="checkbox"] + label:before, #woo_ml_subscribe_field label:before,
input[type="radio"] + label:before,
input[type="checkbox"] + span:before,
input[type="radio"] + span:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
content: "";
display: inline-block;
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
background: var(--form-ui-bg);
color: #fff;
line-height: 1;
margin-right: 0.5rem;
box-shadow: var(--form-box-shadow);
border: var(--form-border);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.vp-woo-pont-modal-sidebar-filters.show-checkbox input[type="checkbox"] + label:before{
width: 16px;
height: 16px;
border: none
}
input[type="radio"] + label:before,
input[type="radio"] + span:before {
border-radius: 50%;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + span:before, #woo_ml_subscribe_field label.checkbox:has(input:checked)::before{
content: "";
background: var(--form-ui-color);
color: #fff;
box-shadow: var(--form-box-shadow);
border: var(--form-border);
}
input[type="radio"]:checked + label:before,
input[type="radio"]:checked + span:before {
content: "";
color: #fff;
box-shadow: var(--form-box-shadow);
border: solid calc(var(--form-size) * 0.2) var(--form-ui-color);
border-radius: 50%;
background: #fff;
}
p.form-row:has(input[type="checkbox"]){
position: relative
}
:not(.vp-woo-pont-modal-sidebar-filters.show-checkbox) input[type="checkbox"]:checked + label:after, input[type="checkbox"]:checked + label:after, #woo_ml_subscribe_field label.checkbox:has(input:checked)::after,
input[type="checkbox"]:checked + span:after {
display: inline-block;
text-align: center;
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
line-height: calc(var(--form-size) * 0.75);
font-weight: bold;
font-size: calc(var(--form-size) * 0.5);
font-family: sans-serif;
color: #fff;
vertical-align: middle;
cursor: pointer;
content: 'L';
position: absolute;
top: 0;
left: 0;
transform: rotate(45deg) scale(-1, 1);
}
.vp-woo-pont-modal-sidebar-filters.show-checkbox li label:after {
width: 4px;
height: 8px;
}
.vp-woo-pont-modal-sidebar-filters.show-checkbox input[type="checkbox"]:checked + label:after {
left: 15px;
top: 50%;
margin-top: -6px;
position: absolute;
width: 5px;
height: 10px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg);
content: '';
opacity: 0;
}
.range {
position: relative;
display: flex;
align-items: center;
}
.range-value {
padding: 0;
background: var(--form-ui-color);
border-radius: 2px;
margin-left: calc(var(--form-size) * 0.5);
font-size: smaller;
color: #fff;
width: 2.25rem;
text-align: center;
height: var(--form-size);
line-height: var(--form-size);
}
input[type="range"] {
-webkit-appearance: none;
min-width: 250px;
max-width: 100%;
height: 0.75rem;
border-radius: 0.25rem;
background: var(--form-ui-bg);
box-shadow: var(--form-box-shadow);
border: var(--form-border);
outline: none;
padding: 0;
margin: calc(var(--form-size) * 0.5) 0;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
border-radius: 50%;
background: var(--form-ui-color);
border: none;
cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
input[type="range"]::-moz-range-thumb {
width: calc(var(--form-size) * 0.75);
height: calc(var(--form-size) * 0.75);
border: 0;
border-radius: 50%;
border: none;
background: var(--form-ui-color);
cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]:active::-webkit-slider-thumb {
background: var(--form-ui-color);
}
input[type="range"]::-moz-range-thumb:hover,
input[type="range"]:active::-moz-range-thumb {
background: var(--form-ui-color);
} .wpcf7-list-item {
margin: 0 1em 0 0 !important;
}#main-menu {
position: relative;
background: white;
}
#main-menu ul {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
}
#main-menu nav {
transition: all 0.2s ease-in-out;
}
#main-menu ul li {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
}
#main-menu ul li a {
color: inherit;
line-height: 2.2rem;
margin: 0 2rem;
display: inline-block;
text-transform: uppercase;
position: relative;
width: 100%
}
#main-menu ul li ul li a {
text-transform: none;
font-weight: normal;
font-size: smaller;
}
#main-menu ul li a:hover,
.current-menu-item > a {
color: var(--main-color) !important;
}
.opener {
right: 0.5rem;
position: absolute;
top: 2px;
width: 1rem;
height: 2rem;
cursor: pointer;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.opener svg {
width: 0.5rem;
height: auto;
}
#menu-footer-menu a {
color: inherit
}
#menu-footer-menu a:hover {
color: var(--main-color)
}
footer li {
list-style-type: none;
padding: 0.4rem 0;
margin: 0;
}
.sticky #main-menu{
position: absolute;
right: -100%;
width: 25%;
height: auto;
padding-top: 2rem;
opacity: 0;
transition: 0.2s all ease-in-out;
}
.sticky #main-menu ul{
display: block
}
.sticky #main-menu.hambi {
right: 0;
height: 100vh;
background: #fcfcfc;
padding: 1rem;
opacity: 1;
box-shadow:0px 4px 12px 0px rgb(149 157 165 / 21%) !important;
overflow-y:scroll
}
.sticky .sub-menu li .sub-menu li {
padding-left: 1rem !important
}
@media only screen and (min-width: 961px) {
#main-menu ul li ul li a {
white-space: nowrap;
}
.sticky #top-head {
gap: 2rem
}
header:not(.sticky) #main-menu nav {
border-top: 1px solid #E1E1E1;
padding: 0.5rem 0
}
header #main-menu ul li ul {
z-index: 10;
display: block;
left: 1rem;
background: #fff;
top: 2.6rem;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
header:not(.sticky) #main-menu ul li ul {
position: absolute;
padding:1vw 0.5vw;
border-radius: 10px;
box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.15) 
}
#main-menu ul > li:hover > ul {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
top: 3rem;
}
.sub-menu .menu-item-has-children .sub-menu {
left: 105% !important;
top: 0 !important;
}
.sub-menu .menu-item-has-children:hover .opener svg {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#main-menu div > ul > li > a:before {
content: '';
position: absolute;
width: 0;
height: 2px;
background: var(--main-color);
display: block;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#main-menu div > ul > li > a:hover:before {
width: 100%;
height: 2px;
}
#main-menu ul li ul li {
width: 100%;
}
}
#hamburger {
height: 2rem;
width: 2rem;
padding: 0.5rem;
background: var(--main-color);
border-radius: 50%;
display: flex;
flex-flow: column;
justify-content: space-between;
margin: 0;
cursor: pointer;
position: relative;
display: none
}
#hamburger span {
position: relative;
display: block;
height: 2px;
background: #fff;
opacity: 1;
border-radius: 3px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0;
}
#hamburger span:nth-child(3) {
bottom: 0;
}
#hamburger.open span:nth-child(1) {
top: 50%;
margin-top: -1px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#hamburger.open span:nth-child(3) {
bottom: 50%;
margin-bottom: -1px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#hamburger.open span:nth-child(2) {
opacity: 0;
}
.sticky #hamburger {
display: flex
}
#main-menu.hambi ul {
overflow: hidden;
display: block;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
#main-menu.hambi ul.sub-menu,
#main-menu.hambi ul {
max-height: 0;
opacity: 0;
}
#main-menu.hambi ul.open,
#main-menu.hambi ul.sub-menu.open {
opacity: 1;
max-height: 1000px;
visibility: visible
}
.sub-menu a{
margin:0!important;
padding: 0 2rem 0 1rem
}
#main-menu.hambi ul li {
text-align: left;
display: block;
}
#main-menu.hambi ul li:last-of-type a {
border: none;
}
#main-menu.hambi ul li a {
padding: 0.5rem 0;
margin: 0;
display: block;
border-bottom: solid 1px #ddd;
}
#main-menu.hambi ul li ul li a {
padding: 0 15px;
border: none;
}
#main-menu.hambi .opener {
right: 0px;
position: absolute;
top: 0.8rem;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
#main-menu.hambi .opener svg {
width: 50%;
height: auto;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#main-menu.hambi .open.opener svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#main-menu.hambi {
display: block;
height: 100vh
}
@media only screen and (min-width: 960px) and (max-width: 1280px) {
#main-menu ul li a {
font-size: smaller ;
margin:0 1rem
}
}
@media only screen and (max-width: 960px) {
#main-menu.hambi ul li ul li a {
padding: 0 15px 0 0;
}
.sticky .sub-menu li .sub-menu li{
padding-left:0
}
#hamburger {
display: flex
}
#service-menu {
margin-right: 1rem
}
#main-menu {
display: none
}
#service-menu li:first-of-type span,
#service-menu li:nth-of-type(2) span,
.woocommerce-product-search {
display: none !important
}
.cart b,
.cart span:nth-of-type(2) {
display: none !important
}
.cart {
position: relative
}
.cart .contents-count {
position: absolute;
top: -1.5rem;
left: -1.5rem;
border: 2px solid white;
background: var(--main-color);
color: white;
width: 1rem;
height: 1rem;
line-height: 0.75rem !important;
text-align: center;
border-radius: 50%;
font-size: smaller !important;
font-weight: 600 !important;
}
.sticky #main-menu{
width:75%
}
#service-menu li {
margin: 0
}
#service-menu li a {
display: inline-block;
height: 1.5rem
}
#service-menu li svg {
margin: 0rem 0.25rem !important;
height: 1.5rem;
padding: 0 0.5rem
}
#logo {
text-align: left;
}
#logo a {
margin: 0.5rem 0;
}
}
.christmas_gift{
position: relative;
}
.sticky .christmas_gift a, .menu.open .christmas_gift a{
display: inline-block !important;
width: auto !important;
padding-right: 3rem !important
}
.sticky .christmas_gift:before{
left:0;
}
.christmas_gift:before, .sticky .christmas_gift a:before, .menu.open .christmas_gift a:before{
content:"";
position: absolute;
right:0.25rem;
top:0;
height: 1.5rem;
width: 1.5rem;
background: url(../../../themes/fubolfabol2023/img/icons/bow.png) no-repeat center center;
background-size: contain;
transform: rotate(20deg)
}
.sticky .christmas_gift:before, .menu.open .christmas_gift:before{
display: none
}
.christmas_gift a{
text-transform: none !important;
color:#009377 !important;
font-weight: bold
}.comment-list li ol,
.comment-list li ol li ol,
.comment-list li ol li ol li ol {
margin-left: 20px;
}
.comment-list,
.comment-list li {
margin: 0 !important;
padding: 0 !important;
}
.comment-list li:before {
display: none;
}
.comment-body {
padding: 15px 0 15px 65px;
position: relative;
border-bottom: solid 1px #ddd;
}
.comment-author,
.comment-meta {
display: inline-block;
margin-bottom: 10px;
}
.comment-author .avatar {
height: 50px;
left: 0;
position: absolute;
width: 50px;
border-radius: 50%;
}
.comment-author .says {
display: none;
}
.comments-nav {
overflow: hidden;
clear: both;
border-bottom: solid 1px #ddd;
text-align: center;
}
.comments-nav a,
.comments-nav span {
display: inline-block;
padding: 10px 5px;
}
.comments-nav span {
font-weight: 700;
}
.prev-comments {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #85af4b;
padding: 0px !important;
content: "";
display: inline-block;
height: 12px;
width: 12px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.next-comments {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #85af4b;
content: "";
display: inline-block;
padding: 0px !important;
height: 12px;
width: 12px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}