@font-face{font-family:"WC_GC";src:url(//fvsport.ee/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120);src:url(//fvsport.ee/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120#iefix) format("embedded-opentype"),url(//fvsport.ee/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.woff?74918120) format("woff"),url(//fvsport.ee/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.ttf?74918120) format("truetype"),url(//fvsport.ee/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.svg?74918120#WC_GC) format("svg");font-weight:normal;font-style:normal}.gc-icon:before{display:inline-block;font-size:20px;line-height:1;font-family:WC_GC !important;text-decoration:inherit;font-weight:normal;font-style:normal;vertical-align:top;text-align:center;transition:color .1s ease-in 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gc-icon.gc-giftcard:before{content:""}body.theme-storefront .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--giftcards a:before{content:""}.woocommerce-MyAccount-Giftcards-form{display:flex}.woocommerce-MyAccount-Giftcards-form input{flex-grow:2;margin-right:1em}.woocommerce-MyAccount-Giftcards-form button{flex-grow:1}.woocommerce-MyAccount-Giftcards-balance-amount{font-size:3em;margin-bottom:1em;font-weight:lighter}.woocommerce-MyAccount-Giftcards-pending-amount{display:block}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon{top:1px;position:relative;font-size:1em;margin-right:.5em;color:#e48642;font-family:"WooCommerce" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon:before{content:""}#use_gift_card_balance{margin-right:5px}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text],.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form button{display:block;width:100%;box-sizing:border-box}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{margin-bottom:.3em}.woocommerce-cart .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:100%;max-width:280px}.add_gift_card_form #wc_gc_cart_redeem_form{margin-bottom:1em}.add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:auto;display:inline-block}.add_gift_card_form #wc_gc_cart_redeem_form button{display:inline-block}.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-message,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-error,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-info{margin:.5em 0 1em}#order_review table tr.gift-card td small,#order_review table tr.gift-card th small,.cart_totals table tr.gift-card td small,.cart_totals table tr.gift-card th small{display:block;font-weight:normal;font-size:.75em}#order_review .button.wc-forward:not(.checkout-button),.wc-proceed-to-checkout .button.wc-forward:not(.checkout-button){margin-bottom:0;font-size:1em !important;width:auto !important}.woocommerce_gc_giftcard_form{margin-bottom:1.618em}.woocommerce_gc_giftcard_form .wc_gc_field{margin-bottom:.8em;padding:0 2px}.woocommerce_gc_giftcard_form label{display:block}.woocommerce_gc_giftcard_form input[type=text]{width:100%}.wc_gc_datepicker{width:40em;font-size:10px;padding:0 1.3em 2.3em;background-color:#f5f5f5;color:#060606;z-index:9999 !important}.wc_gc_datepicker div,.wc_gc_datepicker span,.wc_gc_datepicker h1,.wc_gc_datepicker h2,.wc_gc_datepicker h3,.wc_gc_datepicker h4,.wc_gc_datepicker h5,.wc_gc_datepicker h6,.wc_gc_datepicker p,.wc_gc_datepicker pre,.wc_gc_datepicker a,.wc_gc_datepicker abbr,.wc_gc_datepicker acronym,.wc_gc_datepicker big,.wc_gc_datepicker cite,.wc_gc_datepicker code,.wc_gc_datepicker del,.wc_gc_datepicker dfn,.wc_gc_datepicker em,.wc_gc_datepicker img,.wc_gc_datepicker ins,.wc_gc_datepicker kbd,.wc_gc_datepicker q,.wc_gc_datepicker s,.wc_gc_datepicker small,.wc_gc_datepicker strike,.wc_gc_datepicker strong,.wc_gc_datepicker sub,.wc_gc_datepicker sup,.wc_gc_datepicker tt,.wc_gc_datepicker var,.wc_gc_datepicker b,.wc_gc_datepicker u,.wc_gc_datepicker i,.wc_gc_datepicker center,.wc_gc_datepicker dl,.wc_gc_datepicker dt,.wc_gc_datepicker dd,.wc_gc_datepicker ol,.wc_gc_datepicker ul,.wc_gc_datepicker li,.wc_gc_datepicker fieldset,.wc_gc_datepicker form,.wc_gc_datepicker label,.wc_gc_datepicker legend,.wc_gc_datepicker table,.wc_gc_datepicker caption,.wc_gc_datepicker tbody,.wc_gc_datepicker tfoot,.wc_gc_datepicker thead,.wc_gc_datepicker tr,.wc_gc_datepicker th,.wc_gc_datepicker td,.wc_gc_datepicker article,.wc_gc_datepicker aside,.wc_gc_datepicker canvas,.wc_gc_datepicker details,.wc_gc_datepicker embed,.wc_gc_datepicker figure,.wc_gc_datepicker figcaption,.wc_gc_datepicker footer,.wc_gc_datepicker header,.wc_gc_datepicker hgroup,.wc_gc_datepicker section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.wc_gc_datepicker table{border-collapse:collapse;border-spacing:0}.wc_gc_datepicker .ui-datepicker-header{font-size:1.5em;overflow:hidden}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{padding:1em;cursor:pointer;color:#060606;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev:hover,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next:hover{color:#000}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled{color:#bbb;cursor:initial}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev{float:left}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{float:right}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center;font-weight:bold;padding:1em}.wc_gc_datepicker table.ui-datepicker-calendar{font-size:1.4em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.wc_gc_datepicker table.ui-datepicker-calendar th,.wc_gc_datepicker table.ui-datepicker-calendar td{background-color:rgba(0,0,0,0) !important;text-align:center}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a{color:#000 !important;cursor:default}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a:hover{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:after{background-color:#fff !important}.wc_gc_datepicker table.ui-datepicker-calendar td:after{content:"";position:absolute;background-color:rgba(0,0,0,0);border-radius:50%;width:2.3em;height:2.3em;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.wc_gc_datepicker table.ui-datepicker-calendar th span{font-weight:500;padding:.5em;display:block;color:#bbb;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-state-disabled span{color:#bbbbbc}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled){position:relative}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled) a{position:relative;z-index:2;font-weight:500;padding:.5em;display:block;color:#2f2f2f;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover a{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover:after{background-color:#fff}.wc_gc_giftcard_delivery .reset_delivery_date{display:none;font-size:.9em}.wc_gc_send_as_gift_wrapper #wc_gc_send_as_gift_checkbox{margin-right:3px}.wc_gc_giftcard_product.nyp-product .nyp{margin-bottom:0}.elementor-add-to-cart-wc-gc-giftcard form.cart:not(.grouped_form):not(.variations_form),.elementor-add-to-cart-wc-gc-giftcard form.cart div.woocommerce-variation-add-to-cart{display:block !important}img.montonio-payment-method-icon {
height: 24px !important;
margin-left: 8px;
}
.montonio-bank-payments-form:not(:first-child) {
margin-top: 16px;
}
.montonio-bank-payments-form .montonio-payments-country-dropdown {
width: 120px;
}
.montonio-bank-payments-form .montonio-bank-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.montonio-bank-payments-form .montonio-bank-items:not(:first-child) {
margin-top: 16px;
}
.montonio-bank-payments-form .montonio-bank-items img {
border-radius: 0 !important;
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item {
width: 100px;
height: 100px;
border-radius: 8px;
margin: 0;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 12px;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.07);
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item:hover {
background: #fbfbff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item.active {
background: #f3f2ff;
border: 1px solid #4537cd;
color: #4537cd;
}
.montonio-bank-payments-form .montonio-bank-items .montonio-bank-item--hidden {
display: none !important;
}
.montonio-bank-payments-form .montonio-bank-items--list {
flex-direction: column;
gap: 10px;
}
.montonio-bank-payments-form .montonio-bank-items--list .montonio-bank-item {
width: 100%;
height: 60px;
padding: 12px 17px;
}
#montonio-payments-description.montonio-bank-items .montonio-bank-item-img,
#payment #montonio-payments-description.montonio-bank-items .montonio-bank-item-img {
position: relative;
right: unset;
left: unset;
float: none;
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
max-height: 26px;
pointer-events: none;
display: block;
}
.montonio-bnpl-items {
display: flex;
flex-direction: column;
gap: 0;
}
.montonio-bnpl-items:not(:first-child) {
margin-top: 16px;
}
.montonio-bnpl-items .montonio-bnpl-item {
margin: 0;
background: #ffffff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 12px 25px;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.07);
border-top: none;
}
.montonio-bnpl-items .montonio-bnpl-item:hover {
background: #fbfbff;
}
.montonio-bnpl-items .montonio-bnpl-item:first-child {
border: 1px solid rgba(0, 0, 0, 0.07);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.montonio-bnpl-items .montonio-bnpl-item:last-child {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.montonio-bnpl-items .montonio-bnpl-item.active {
background: #f3f2ff;
border: 1px solid #4537cd;
color: #4537cd;
}
.montonio-bnpl-items .montonio-bnpl-item--disabled {
background: #fefcfc;
color: #a5a5a5;
pointer-events: none;
}
.montonio-bnpl-items .montonio-bnpl-item .montonio-bnpl-item-subtitle {
font-size: 12px;
font-weight: normal;
}
#montonio-blik-form:not(:first-child),
#montonio-card-form:not(:first-child) {
margin-top: 16px;
}
#montonio-blik-form.loading,
#montonio-card-form.loading {
padding: 25px 0;
}
.montonio-shipping-carrier-logo {
max-height: 33px !important;
max-width: 50px !important;
display: block !important;
}
.montonio-shipping-carrier-logos {
display: flex !important;
gap: 5px;
flex-wrap: wrap;
}
.montonio-pickup-point {
overflow: visible !important;
}
.montonio-pickup-point td {
width: 100%;
overflow: visible !important;
}
.montonio-pickup-point label {
text-align: left;
}
.choices .choices__list--single {
box-sizing: border-box;
}
.choices .choices__list--single .choices__item {
text-align: left;
}
.choices .choices__inner {
box-sizing: border-box;
}
.has-error .choices .choices__inner {
border-color: #cc1818;
}
.choices .choices__list--dropdown .choices__item--selectable,
.choices .choices__list[aria-expanded] .choices__item--selectable {
padding-right: 10px !important;
}
.choices .choices__input {
padding-left: 35px !important;
background-color: #fff;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke="%2327364B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-position: 11px center;
background-size: 16px 16px;
}
#montonio-shipping-pickup-point-dropdown-wrapper {
position: relative;
}
#montonio-shipping-pickup-point-dropdown-wrapper h2 {
margin-bottom: 8px;
}
#montonio-shipping-pickup-point-dropdown-wrapper #montonio-shipping-pickup-point-dropdown {
display: block;
width: 100%;
}
#montonio-shipping-pickup-point-dropdown-wrapper .choices {
margin-bottom: 0;
}
#montonio-shipping-pickup-point-dropdown-wrapper .montonio-pickup-point-id {
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0px !important;
height: 0px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
pointer-events: none !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__label > span {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.wc-block-checkout__payment-method #montonio-card-form-wrapper {
position: relative;
min-height: 32px;
}
.montonio-spinner::before {
content: "";
display: block;
width: 32px;
height: 32px;
pointer-events: none;
animation: montonio-spinner 1s infinite cubic-bezier(0.65, 0.05, 0.36, 0.95);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path opacity="0.16" d="M30 16C30 17.8385 29.6379 19.659 28.9343 21.3576C28.2308 23.0561 27.1995 24.5995 25.8995 25.8995C24.5995 27.1995 23.0561 28.2307 21.3576 28.9343C19.659 29.6379 17.8385 30 16 30C14.1615 30 12.341 29.6379 10.6424 28.9343C8.94387 28.2307 7.40052 27.1995 6.1005 25.8995C4.80048 24.5995 3.76925 23.0561 3.06569 21.3576C2.36212 19.659 2 17.8385 2 16C2 14.1615 2.36212 12.341 3.06569 10.6424C3.76926 8.94387 4.80049 7.40052 6.10051 6.1005C7.40053 4.80048 8.94388 3.76925 10.6424 3.06568C12.341 2.36212 14.1615 2 16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76926 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16L30 16Z" stroke="%23260071" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2308 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16" stroke="%23260071" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
transform: rotate(-43deg);
}
.montonio-spinner--centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.montonio-spinner--xs::before {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path opacity="0.16" d="M15 8C15 8.91925 14.8189 9.82951 14.4672 10.6788C14.1154 11.5281 13.5998 12.2997 12.9497 12.9497C12.2997 13.5998 11.5281 14.1154 10.6788 14.4672C9.82951 14.8189 8.91925 15 8 15C7.08075 15 6.17049 14.8189 5.32122 14.4672C4.47194 14.1154 3.70026 13.5998 3.05025 12.9497C2.40024 12.2997 1.88463 11.5281 1.53284 10.6788C1.18106 9.8295 1 8.91925 1 8C1 7.08074 1.18106 6.17049 1.53284 5.32121C1.88463 4.47193 2.40024 3.70026 3.05025 3.05025C3.70027 2.40024 4.47194 1.88462 5.32122 1.53284C6.1705 1.18106 7.08075 1 8 1C8.91926 1 9.82951 1.18106 10.6788 1.53284C11.5281 1.88463 12.2997 2.40024 12.9498 3.05026C13.5998 3.70027 14.1154 4.47194 14.4672 5.32122C14.8189 6.1705 15 7.08075 15 8L15 8Z" stroke="%23260071" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 1C8.91925 1 9.82951 1.18106 10.6788 1.53284C11.5281 1.88463 12.2997 2.40024 12.9497 3.05025C13.5998 3.70026 14.1154 4.47194 14.4672 5.32122C14.8189 6.1705 15 7.08075 15 8" stroke="%23260071" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@keyframes montonio-spinner {
0% {
transform: rotate(-43deg);
}
100% {
transform: rotate(317deg);
}
}
.montonio-inbank-calculator {
margin: 10px 0;
}
.montonio-pickup-point {
overflow: visible !important;
}
.montonio-pickup-point td {
width: 100%;
overflow: visible !important;
}
.montonio-pickup-point label {
text-align: left;
}
.montonio-pickup-point__container {
position: relative;
width: 100%;
}
.montonio-pickup-point__search {
position: relative;
}
.montonio-pickup-point__search-logos {
position: absolute;
top: 50%;
left: 11px;
transform: translateY(-50%);
width: 44px;
height: 29px;
overflow: hidden;
justify-content: flex-start;
}
.montonio-pickup-point__search-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 44px;
height: 29px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
opacity: 0;
transition: opacity 0.5s ease-in-out;
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/default-carrier-logo.svg);
}
.montonio-pickup-point__search-logo:only-child {
opacity: 1;
}
.montonio-pickup-point__search-logo--active {
opacity: 1;
}
.montonio-pickup-point__search-logo--omniva {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/omniva-rect.svg);
}
.montonio-pickup-point__search-logo--dpd {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/dpd-rect.svg);
}
.montonio-pickup-point__search-logo--latvian_post {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/latvian_post-rect.svg);
}
.montonio-pickup-point__search-logo--smartpost, .montonio-pickup-point__search-logo--smartposti {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/smartposti-rect.svg);
}
.montonio-pickup-point__search-logo--unisend {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/unisend-rect.svg);
}
.montonio-pickup-point__search-logo--venipak {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/venipak-rect.svg);
}
.montonio-pickup-point__search-logo--inpost {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/inpost-rect.svg);
}
.montonio-pickup-point__search-logo--orlen {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/orlen-rect.svg);
}
.montonio-pickup-point__search-logo--novapost {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/novaPost-rect.svg);
}
.montonio-pickup-point__search-logo--dhl {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/dhl-rect.svg);
}
.montonio-pickup-point__search-logo--expressone {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/expressone-rect.svg);
}
.montonio-pickup-point__search-logo--chronopost {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/chronopost-rect.svg);
}
.montonio-pickup-point__search-logo--gls {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/gls-rect.svg);
}
.montonio-pickup-point__search-logo--alzabox {
background-image: url(//fvsport.ee/wp-content/plugins/montonio-for-woocommerce/assets/images/alzabox-rect.svg);
}
.montonio-pickup-point__search-input {
width: 100%;
background-color: #fff !important;
border: 1px solid #d8d8d8 !important;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke="%2327364B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: right 11px center;
border-radius: 2.5px;
font-size: 14px;
min-height: 48px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
box-shadow: none !important;
padding: 10px 33px 10px 62px !important;
}
.montonio-pickup-point__search-input:focus {
outline: none;
}
.montonio-pickup-point__search-input::-moz-placeholder {
color: #7C7C7B;
}
.montonio-pickup-point__search-input::placeholder {
color: #7C7C7B;
}
.montonio-pickup-point__dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: -1px;
background: white;
border: 1px solid #d8d8d8;
border-radius: 0 0 3px 3px;
max-height: 300px;
overflow-y: auto;
z-index: 1000;
display: none;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.montonio-pickup-point__dropdown--show {
display: block;
}
.montonio-pickup-point__option {
padding: 12px 16px;
cursor: pointer;
border-bottom: 1px solid #f3f4f6;
transition: background-color 0.15s ease;
}
.montonio-pickup-point__option:hover {
background-color: rgba(242, 242, 242, 0.9490196078);
}
.montonio-pickup-point__option:last-child {
border-bottom: none;
}
.montonio-pickup-point__option-name {
font-size: 14px;
font-weight: 500;
color: #3C3C3C;
margin-bottom: 0px;
}
.montonio-pickup-point__option-address {
font-size: 13px;
color: #7C7C7B;
line-height: 1.4;
margin-bottom: 4px;
}
.montonio-pickup-point__loading {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 16px;
text-align: center;
color: #6b7280;
font-size: 14px;
}
.montonio-pickup-point__no-results {
padding: 16px;
text-align: center;
color: #9ca3af;
font-size: 14px;
}
.montonio-pickup-point__error {
background: #ffebeb;
color: #ce0920;
font-size: 12px;
padding: 9px 12px;
margin-top: 5px;
overflow-wrap: break-word;
border-radius: 6px;
}
.montonio-pickup-point__error--hidden {
display: none;
}
.action-required .woocommerce-checkout-review-order:has(.blockUI) {
opacity: 1 !important;
}@font-face {
font-family: 'Montserrat';
src: url(//fvsport.ee/wp-content/themes/fvtheme/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Montserrat';
src: url(//fvsport.ee/wp-content/themes/fvtheme/assets/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
} @font-face {
font-family: 'Anton';
src: url(//fvsport.ee/wp-content/themes/fvtheme/assets/fonts/Anton/Anton-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Montserrat';
src: url(//fvsport.ee/wp-content/themes/fvtheme/assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//fvsport.ee/wp-content/themes/fvtheme/assets/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
} :root {
--fw-thin:          100;
--fw-extralight:    200;
--fw-light:         300;
--fw-regular:       400;
--fw-medium:        500;
--fw-semibold:      600;
--fw-bold:          700;
--fw-extrabold:     800;
--fw-black:         900; --site-color:   #000;
--font-size-h1-extra: 145px;
--font-size-h1: 100px;
--font-size-h2: 64px;
--font-size-h3: 45px;
--font-size-h4: 25px;
--font-size-h5: 18px;
--font-size-body: 16px;
--font-size-btn: 16px;
}
@media (max-width: 768px) {
:root {
--font-size-h1-extra: 90px;
--font-size-h1: 53px;
--font-size-h2: 35px;
--font-size-h3: 45px;
--font-size-h4: 25px;
--font-size-h5: 18px;
--font-size-body: 16px;
--font-size-btn: 16px;
}}
@media (max-width: 420px) {
:root {
--font-size-h1-extra: 75px;
--font-size-h1: 43px;
--font-size-h2: 30px;
--font-size-h3: 40px;
--font-size-h4: 22px;
--font-size-body: 14px;
--font-size-btn: 12px;
}} .font-thin      { font-weight: var(--fw-thin); }
.font-extralight{ font-weight: var(--fw-extralight); }
.font-light     { font-weight: var(--fw-light); }
.font-regular   { font-weight: var(--fw-regular); }
.font-medium    { font-weight: var(--fw-medium); }
.font-semibold  { font-weight: var(--fw-semibold); }
.font-bold      { font-weight: var(--fw-bold); }
.font-extrabold { font-weight: var(--fw-extrabold); }
.font-black     { font-weight: var(--fw-black); } .text-h1    { font-size: var(--font-size-h1); }
.text-h2    { font-size: var(--font-size-h2); }
.text-h3    { font-size: var(--font-size-h3); }
.text-body  { font-size: var(--font-size-body); }
h3 {
font-size: var(--font-size-h3);
margin: 0px;
padding: 0px;
}
h4 {
font-size: var(--font-size-h4)
}
h5 {
font-size: var(--font-size-5)
}
a {
color: #000;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background-color: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol { margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}  a:visited {
color: inherit;
}
a:hover,
a:focus,
a:active {
color: inherit;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}    .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} @media (min-width: 768px) {
.hide-desktop {
display: none !important;
visibility: hidden !important;
}
} @media (max-width: 767px) {
.hide-mobile {
display: none !important;
visibility: hidden !important;
}
} :root {
--fv-topbar-height: 32px;
--fv-site-topbar-height: 0px;
--fv-admin-bar-height: 0px;
}
body.admin-bar {
--fv-admin-bar-height: 32px;
}
.fv-topbar-banner {
position: relative;
top: 0;
z-index: 1105;
background: #B133FF;
color: #fff;
font-weight: 600;
font-size: 14px;
}
.fv-topbar-banner__inner {
max-width: 1440px;
margin: 0 auto;
padding: 8px 16px;
min-height: var(--fv-topbar-height);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
} .site-logo img {
max-height: 60px;
width: 100%;
filter: invert(1);
}
.site-header {
background: transparent;
transition: background 0.3s ease;
position: sticky;
top: 0; left: 0; right: 0;
z-index: 1000;
margin-bottom: -90px;
}
.site-header.scrolled {
background: #000;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
body.admin-bar .site-header { top: 32px; }
body.admin-bar .fv-topbar-banner { top: 32px; }
body.admin-bar .fv-topbar-banner + #page .site-header {
top: 32px;
}
@media screen and (max-width: 1250px) { body.admin-bar .nav-wrap { padding: 70px 1.5rem 1.5rem; } }
body.admin-bar .nav-toggle:checked + .burger { top: var(--fv-mobile-icon-top, 110px); }
@media screen and (max-width: 782px) { body.admin-bar .nav-wrap { padding: 70px 1.5rem 1.5rem;  }
body.admin-bar .nav-toggle:checked + .burger { top: var(--fv-mobile-icon-top, 110px); } }
.header-inner {
max-width: 1420px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: .7em 1em;
}
#weglot-switcher-1 .weglot_switcher.skewed .language-list {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: none;
border-radius: 0px;
background: var(--site-color)
}
#weglot-switcher-1.weglot-container {
border-left: 1px solid black;
transform: skewX(-15deg);
z-index: 9;
}
@media screen and (max-width: 1250px) {
#weglot-switcher-1 {
display: none;
visibility: hidden;
}}
@media screen and (min-width: 1250px) {
#weglot-switcher-2 {
display: none;
visibility: hidden;
}}
#weglot-switcher-2 .underline{
background-color: #000 !important;
} .topbar {
background: var(--site-color);
width: 100%;
}
.topbar__inner {
max-width: 1420px;
margin: 0 auto;
display: flex;
justify-content: flex-end;
}
.topbar__button {
display: block;
transform: skewX(-15deg);
border-left: 1px solid #1E1E1D;
border-right: 1px solid #1E1E1D;
padding: .5rem 1.5rem;
width: 150px;
text-align: center;
text-decoration: none;
color: #000;
}
@media screen and (min-width: 1250px) {
.topbar__button:last-child{
margin-right:10px;
}
.btn-content img {
display: none;
visibility: hidden;
}
.submenu-toggle {
display: none;visibility: hidden;
}
}
.topbar__button span {
display: block;
color: #fff;
transform: skewX(15deg);
font-family: 'Montserrat', sans-serif;
font-style: italic;
font-weight: var(--fw-semibold);
}
.topbar__button:hover,
.topbar__button.active {
background: #1E1E1D;
color: #fff;
} .header-left .site-logo img {
max-height: 60px;
width: 100%;
} .nav-wrap {
display: flex;
align-items: center;
gap: 1.5em;
}
.nav-title {
display: none;
visibility: hidden;
} .primary-menu {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.primary-menu li {
position: relative;
margin: 0 1.3em;
font-family: 'Montserrat', sans-serif;
font-weight: var(--fw-semibold);
font-size: 16px;
}
.primary-menu li a {
color: #fff;
text-decoration: none;
padding: .5em 0;
display: block;
}
@media (max-width: 1300px) {
.primary-menu li {
margin: 0 1em;
}}  .primary-menu li.menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-left: .3em;
background: url(//fvsport.ee/wp-content/themes/fvtheme/assets/icons/down.svg) no-repeat center / contain;
background-size: contain;
} .primary-menu li.menu-item-has-children > .sub-menu {
display: none;
position: absolute;
top: calc(100% + 0px);
left: -35px;
z-index: 999; } .primary-menu li.menu-item-has-children:hover > .sub-menu,
.primary-menu li.menu-item-has-children:focus-within > .sub-menu {
display: block;
} .primary-menu .sub-menu {
overflow: visible;
width: max-content; list-style: none;
margin: 0;
padding: 0;
} .primary-menu .sub-menu li {
margin-top: 5px; }
.primary-menu .sub-menu li a {
position: relative;
display: block; padding: 1em 2em 1em 1em;
color: #000;
white-space: nowrap;
} .primary-menu .sub-menu li a::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: #fff;
transform-origin: top left;
transform: skewX(-20deg);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: -1;
}  .primary-menu .sub-menu li:nth-child(1) a {
transform: translateX(0);
} .primary-menu .sub-menu li:nth-child(2) a {
transform: translateX(-20px);
} .primary-menu .sub-menu li:nth-child(3) a {
transform: translateX(-40px);
} .primary-menu .sub-menu li:nth-child(4) a {
transform: translateX(-60px);
}  .primary-menu .sub-menu li a:hover::before,
.primary-menu .sub-menu li.current-menu-item > a::before {
background: #fff;
}
.primary-menu .sub-menu li.current-menu-item > a {
color: #000;
}
.primary-menu li.current-menu-item > a { } .primary-menu .sub-menu li {
opacity: 0;
transform: translateY(-10px);
}
@keyframes slideDown {
to { opacity: 1; transform: translateY(0); }
}
.primary-menu li.menu-item-has-children:hover .sub-menu li,
.primary-menu li.menu-item-has-children:focus-within .sub-menu li {
animation: slideDown .3s forwards;
}
.primary-menu li.menu-item-has-children:hover .sub-menu li:nth-child(1),
.primary-menu li.menu-item-has-children:focus-within .sub-menu li:nth-child(1) { animation-delay: .05s; }
.primary-menu li.menu-item-has-children:hover .sub-menu li:nth-child(2),
.primary-menu li.menu-item-has-children:focus-within .sub-menu li:nth-child(2) { animation-delay: .10s; }
.primary-menu li.menu-item-has-children:hover .sub-menu li:nth-child(3),
.primary-menu li.menu-item-has-children:focus-within .sub-menu li:nth-child(3) { animation-delay: .15s; }
.primary-menu li.menu-item-has-children:hover .sub-menu li:nth-child(4),
.primary-menu li.menu-item-has-children:focus-within .sub-menu li:nth-child(4) { animation-delay: .20s; } .header-right {
display: flex;
gap: .5em;
align-items: center;
}
.header-icons {
display: flex;
align-items: center;
gap: 8px;
}
.header-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 999px;
text-decoration: none;
line-height: 0;
}
.header-icon img {
width: 35px;
height: 35px;
display: block;
object-fit: contain;
}
.header-icon--cart-mobile {
display: none;
}
.primary-menu--mobile-account {
display: none;
}
.header-cart {
position: relative;
display: flex;
align-items: center;
}
.header-cart-count {
position: absolute;
top: -6px;
right: -6px;
min-width: 20px;
height: 20px;
padding: 0 4px;
border-radius: 999px;
background: #fff;
color: #000;
font-size: 12px;
font-weight: var(--fw-semibold);
line-height: 20px;
text-align: center;
}
.header-cart-count.is-empty {
display: none;
}
.cart-dropdown {
position: absolute;
right: 0;
top: calc(100% + 16px);
width: 420px;
max-width: 90vw;
background: #fff;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
pointer-events: none;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
z-index: 2000;
}
.cart-dropdown::before {
content: "";
position: absolute;
top: -8px;
right: 26px;
width: 16px;
height: 16px;
background: #fff;
transform: rotate(45deg);
box-shadow: -4px -4px 12px rgba(0, 0, 0, 0.08);
}
.header-cart.is-open .cart-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.cart-dropdown__inner {
padding: 1.75rem 1.5rem 1.5rem;
color: #000;
}
.cart-dropdown__title {
font-family: "Anton", sans-serif;
font-size: 26px;
margin: 0 0 1.5rem;
}
.cart-dropdown__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.cart-dropdown__item {
display: grid;
grid-template-columns: 120px 1fr;
gap: 1.2rem;
position: relative;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e7e7e7;
transition: height .2s ease, opacity .2s ease, margin .2s ease, padding .2s ease, border .2s ease;
}
.cart-dropdown__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.cart-dropdown__thumb {
display: block;
background: #f1f1f1;
aspect-ratio: 3 / 4;
overflow: hidden;
}
.cart-dropdown__thumb img {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
display: block;
}
.cart-dropdown__details {
display: flex;
flex-direction: column;
gap: .45rem;
}
.cart-dropdown__name {
font-weight: var(--fw-semibold);
font-size: 18px;
color: #000;
text-decoration: none;
}
.cart-dropdown__meta {
display: flex;
flex-direction: column;
gap: .2rem;
font-size: 14px;
}
.cart-dropdown__price {
font-weight: var(--fw-medium);
}
.cart-dropdown__extra {
font-size: 14px;
color: #222;
}
.cart-dropdown__extra dl {
margin: 0;
}
.cart-dropdown__extra dt {
font-weight: var(--fw-medium);
}
.cart-dropdown__extra dd {
margin: 0 0 .25rem;
}
.cart-dropdown__remove {
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #000;
text-decoration: none;
}
.cart-dropdown__total {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 1.5rem;
font-family: "Anton", sans-serif;
font-size: 26px;
}
.cart-dropdown__actions {
display: flex;
flex-direction: column;
gap: .75rem;
margin-top: 1.25rem;
}
.cart-dropdown__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .9rem 1rem;
font-family: "Montserrat", sans-serif;
font-weight: var(--fw-semibold);
font-size: 15px;
text-decoration: none;
border: 2px solid #000;
background: #fff;
color: #000;
}
.cart-dropdown__btn--primary {
background: #000;
color: #fff!important;
}
.cart-dropdown__empty {
margin: 0;
font-size: 14px;
}
@media (max-width: 1250px) {
.cart-dropdown {
display: none;
}
}
.btn-tilt {
display: inline-block;
width: 190px;
text-align: center;
padding: .9em 1.2em;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: var(--fw-semibold);
transform: skew(-19deg);
transition: background .2s;
}
.btn-tilt > * { display: inline-block; transform: skew(10deg); }
.btn-white { background: #fff; color: #000; }
.btn-white:hover { background: #eee; }
.btn-dark { background: var(--site-color); color: #fff; }
.btn-dark:hover { background: var(--site-color); color: #fff; } .nav-toggle,
.burger {
display: none;
} @media (max-width: 1250px) {
.site-header {
--fv-mobile-icon-top: 75px;
}
body.admin-bar .site-header {
--fv-mobile-icon-top: 110px;
}
.header-inner {
height: 75px;
} .topbar__inner {
justify-content: center;
}
.header-left .site-logo img {
max-height: 50px;
}
.topbar__button {
transform: none;
width: 100%;
}
.topbar__button span {
font-family: 'Montserrat', sans-serif;
font-style: normal;
transform: none;
font-weight: var(--fw-semibold);
} .nav-toggle {
position: absolute;
opacity: 0;
width: 0; height: 0;
display: block;
}
.burger {
display: flex;
position: absolute;
top: var(--fv-mobile-icon-top, 75px); right: 1rem;
transform: translateY(-50%);
width: 30px; height: 22px;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
z-index: 1200;
align-items: flex-end;
}
.burger span {
display: block;
height: 2px;
background: #fff;
border-radius: 1px;
transition: transform .3s ease, opacity .3s ease;
} .burger span:nth-child(1) { width: 100%; }
.burger span:nth-child(2) { width: 85%;  }
.burger span:nth-child(3) { width: 80%;  }
.header-icon--cart-mobile {
display: inline-flex;
position: absolute;
top: var(--fv-mobile-icon-top, 75px);
right: calc(1rem + 44px);
transform: translateY(-50%);
z-index: 1200;
}
body.admin-bar .header-icon--cart-mobile,
body.admin-bar .nav-toggle:checked + .burger + .header-icon--cart-mobile {
top: var(--fv-mobile-icon-top, 75px);
}
.header-right .header-icons {
display: none;
}
.nav-wrap .primary-menu--mobile-account {
display: flex;
flex-direction: column;
margin: .6em 0 0;
padding: 0;
list-style: none;
}
.nav-toggle:checked + .burger {
top: var(--fv-mobile-icon-top, 75px);
}
.nav-title {
display: block;
margin-top: 3px;
visibility: visible;
font-family: "Anton";
font-size: 51px;
color: #fff;
} .header-inner {
justify-content: center;
position: relative;
}
.header-left {
position: absolute;
top: 50%; left: 1rem;
transform: translateY(-50%);
z-index: 1100;
} .nav-wrap {
position: fixed;
align-items: flex-start;
top: calc(var(--fv-site-topbar-height, 0px) + var(--fv-admin-bar-height, 0px)); right: 0;
width: 75%; max-width: 340px;
height: calc(100vh - var(--fv-site-topbar-height, 0px) - var(--fv-admin-bar-height, 0px));
background: var(--site-color);
padding: 35px 1.5rem 1.5rem;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform .3s ease;
z-index: 1150;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} .nav-toggle:checked + .burger span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
height: 3px;
width: 110%;
}
.nav-toggle:checked + .burger span:nth-child(2) {
opacity: 0;
}
.nav-toggle:checked + .burger span:nth-child(3) {
transform: translateY(-10px) rotate(-45deg);
width: 110%;
height: 3px;
}
.nav-toggle:checked ~ .header-inner .nav-wrap {
transform: translateX(0);
} .nav-wrap .primary-menu {
flex-direction: column;
margin: 0; padding: 0;
}
.nav-wrap .primary-menu li {
margin: .5em 0;
border-bottom: 1px solid rgba(30, 30, 29, 0.2);
}
.nav-wrap .primary-menu li a {
color: #fff;
font-size: 1.1rem;
padding: .6em 0;
text-transform: uppercase;
}
.primary-menu li.menu-item-has-children > a::after {
filter: invert(100%);
} .nav-wrap .header-right {
margin-bottom: auto;
flex-direction: column;
gap: .5em;
}
.nav-wrap .btn-tilt {
width: 100%;
transform: none;
} .nav-wrap .menu-item-has-children > .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
display: flex;
flex-direction: column;
}
.nav-wrap 
.nav-wrap .menu-item-has-children.open > .sub-menu {
max-height: 500px; } .nav-wrap .primary-menu {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box;
flex-direction: column;
}
.nav-wrap .primary-menu li {
width: 100% !important;
margin: 0 !important;
border-bottom: 1px solid rgba(30,30,29,0.2);
}
.nav-wrap .primary-menu li a {
display: block !important;
width: 100% !important;
padding: .8em 1rem !important;
box-sizing: border-box;
text-transform: uppercase;
color: #fff;
} .nav-wrap .menu-item-has-children > .sub-menu {
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
display: flex !important;
flex-direction: column;
}
.nav-wrap .menu-item-has-children.open > .sub-menu {
max-height: 500px; } .nav-wrap .sub-menu li a,
.nav-wrap .sub-menu li a::before {
transform: none !important;
box-shadow: none !important;
}
.nav-wrap .sub-menu li a::before {
display: none !important;
} .nav-wrap .menu-item-has-children > a::after {
display: none !important; }
.nav-wrap .menu-item-has-children > a {
position: relative;
padding-right: 2.5rem;
}
.nav-wrap .menu-item-has-children .submenu-toggle {
background: none;
position: absolute;
top: 25px; right: 1rem;
width: 1.2rem; height: 1.2rem;
background-image: url(//fvsport.ee/wp-content/themes/fvtheme/assets/icons/down.svg);
background-repeat: no-repeat;
background-position: center;
border: none;
filter: invert(100%);
transform: translateY(-50%);
transition: transform .2s;
cursor: pointer;
}
.nav-wrap .menu-item-has-children.open .submenu-toggle {
transform: translateY(-50%) rotate(180deg);
}
.primary-menu .sub-menu li {
opacity: 1;
transform: none;
}
.nav-wrap { overflow-y: auto;
overflow-x: hidden; touch-action: pan-y; overscroll-behavior-x: contain;
} .nav-wrap .header-right .btn-tilt {
position: relative; overflow: visible; display: block;
margin: 0.5em 0;
transform: skew(-20deg);
text-decoration: none;
} .nav-wrap .header-right .btn-tilt .btn-content {
position: relative; display: flex;
align-items: center;
justify-content: space-between;
transform: skew(20deg); padding: 10px 64px 10px 10px;
font-size: 15px;
} .nav-wrap .header-right .btn-tilt .btn-content::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -1rem; width: 55px;            
background: currentColor; transform-origin: top right;
transform: skewX(-20deg);
z-index: 1;
} .nav-wrap .header-right .btn-tilt .btn-content img {
position: absolute;
top: 50%;
right: 6px;
width: 26px;
height: 25px;
transform: translateY(-50%) rotate(-45deg);
z-index: 2;
margin: 0;
} .nav-wrap .header-right .btn-tilt.btn-white {
background: #fff;
color: #fff; }
.nav-wrap .header-right .btn-tilt.btn-white .btn-content {
color: #000; }
.nav-wrap .header-right .btn-tilt.btn-white .btn-content::after {
background: #000; }
.nav-wrap .header-right .btn-tilt.btn-dark  .btn-content img {
filter: invert(1); } .nav-wrap .header-right .btn-tilt.btn-dark {
background: #fff;
color: #000; }
.nav-wrap .header-right .btn-tilt.btn-dark .btn-content {
color: #000; }
.nav-wrap .header-right .btn-tilt.btn-dark .btn-content::after {
background: #fff; }
.nav-wrap .header-right .btn-tilt.btn-dark .btn-content img { }
.btn-tilt {
padding: 0.5em 1.2em;
}
.header-left .site-logo img {
display: block          !important;
width: auto             !important;
height: 50px            !important; min-width: 1px          !important;
visibility: visible     !important;
}
} @media (max-width: 990px) {
} @media (max-width: 600px) {
.site-header {
--fv-mobile-icon-top: 65px;
}
body.admin-bar .site-header {
--fv-mobile-icon-top: 97px;
}
.nav-wrap {
width: 85%;
max-width: none;
padding: 25px 1.5rem 1.5rem;
}
.topbar__button {
padding: 0.2rem 1.5rem;
}
}  .hero-slider .slide {
position: relative;
overflow: hidden;
} .hero-slider .slide-inner {
position: relative;
z-index: 2;
} .hero-slider .slide.dark-filter::after {
content: "";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
pointer-events: none; } .hero-slider {
position: relative;
overflow: hidden;
height: 80vh;
min-height: 500px;
}
.hero-slider .slide {
position: absolute;
width: 100%;
height: 100%;
top: 0; left: 0;
background-size: cover;
background-position: center;
} .slide-inner {
position: relative;
width: 90%;
max-width: 1420px;
height: 100%;
margin: 0 auto;
padding: 0 1em; } .slide-content {
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
max-width: 730px;
color: #fff;
} .slide-title {
font-size: var(--font-size-h1);
font-weight: 800;
margin: 0;
line-height: normal;
font-family: "Anton";
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: -45px;
}
.slide-extra-title {
font-size: var(--font-size-h1-extra);
font-family: "Anton";
color: #fff;
margin: 0;
line-height: normal;
padding: 0;
}
.slide-text {
font-size: var(--font-size-body);
margin-bottom: 1.5em;
line-height: 1.5;
font-weight: var(--fw-semibold);
}
.slide-buttons {
display: flex;
gap: 1em;
}
.btn-hero {
display: inline-flex
;
align-items: center;
padding: 7px 0px 7px 18px;
background: #fff;
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
}
.btn-hero:visited {
color: #000;
}
.btn-hero:hover { background: #eee; }
.btn-hero span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.slide-buttons a:nth-child(2) {
color: #fff!important; }
.btn-hero img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.btn-hero.site-color {
background: var(--site-color);
}
.btn-hero.site-color:hover {
background: var(--site-color);
} .slider-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
border: none;
width: 3em; height: 3em;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.slider-nav img { width: 1.5em;    filter: invert(1); }
.slider-nav.prev { left: 1em; }
.slider-nav.prev img { transform: rotate(180deg); }
.slider-nav.next { right: 1em; }
button.slider-nav {
padding: 0.2em 0.2em 0.2em;
} .slider-dots {
position: absolute;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: .5em;
}
.dot {
width: 90px;
height: 11px;
border-radius: 10px;
background: rgba(255,255,255,.5);
border: none;
pointer-events: none;
cursor: default;
}
.dot.active {
background: var(--site-color);
opacity: 0.8;
} @media (max-width: 768px) {
.slide-inner {
width: 100%;
}
.hero-slider { cursor: grab; max-height:900px; }
.slide-content {
left: 82%;
transform: translate(-85%, -50%);
text-align: left;
width: 90%;
}
.slider-nav {
display: none;
visibility: hidden;
}
.dot {
width: 55px;
height: 12px;
padding: 0px;
}
.slide-title {
margin-bottom: -20px;/
}
.slide-text {
margin-top: -5px;
}
.btn-hero img {
display: inline-block;
width: 55px;
margin-left: 3px;
margin-right: -2px;
}}
@media (max-width: 420px) {
.btn-hero {
padding: 3px 0px 3px 9px;
}}
.small-title {
font-size: var(--font-size-h2);
margin-bottom: 15px;
}
@media (max-width: 768px) {
.small-title {
margin-bottom: 20px;
}
} .category-slider-section {
background: #fff;
padding: 4rem 2rem 2.5rem;
}
.category-slider-container {
max-width: 1420px;
margin: 0 auto;
}
.category-slider-head h2 {
font-size: var(--font-size-h2);
font-weight: 800;
margin: 0 0 1.75rem;
}
.category-slider-viewport {
overflow: hidden;
}
.category-slider-track {
display: flex;
gap: 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 0 0.25rem 0.25rem;
margin: 0 -0.25rem;
-ms-overflow-style: none;
scrollbar-width: none;
cursor: grab;
touch-action: pan-x;
-webkit-overflow-scrolling: touch;
}
.category-slider-track::-webkit-scrollbar {
display: none;
}
@media (min-width: 500px) and (hover: hover) and (pointer: fine) {
.category-slider-track {
scroll-snap-type: x proximity;
}
}
.category-slider.is-dragging .category-slider-track {
cursor: grabbing;
}
.category-slider.is-dragging {
user-select: none;
}
.category-card {
cursor: pointer;
}
.category-slide {
flex: 0 0 clamp(220px, 20vw, 320px);
scroll-snap-align: start;
}
.product-card,
.products-slide,
.woocommerce ul.products li.product,
.related.products.js-relslider ul.products > li.product,
.upsells.products.js-relslider ul.products > li.product,
.cross-sells ul.products li.product {
position: relative;
}
.product-card-media {
position: relative;
}
.single-product .product-layout--split {
position: relative;
}
.onsale {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
background: #1fae4b;
color: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
border-radius: 3px;
line-height: 1;
}
.single-product .product-layout--split > .onsale {
top: 16px;
left: 16px;
z-index: 2;
}
.single-product .site-header {
z-index: 1200;
}
.category-card {
position: relative;
display: flex;
align-items: flex-end;
height: 100%;
aspect-ratio: 3 / 4;
background-size: cover;
background-position: center;
color: #fff;
text-decoration: none;
overflow: hidden;
background-color: #e6e6e6;
}
.category-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.55) 100%);
transition: opacity .25s ease;
pointer-events: none;
}
.category-card:hover::after {
opacity: 0.85;
}
.category-card-content {
position: relative;
z-index: 1;
padding: 1.25rem 1.5rem 1.5rem;
color: #fff;
}
.category-card-title {
margin: 0 0 0.35rem;
font-size: clamp(22px, 2vw, 32px);
font-weight: var(--fw-extrabold);
color: #fff;
}
.category-card-link {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-weight: var(--fw-semibold);
font-size: var(--font-size-body);
color: #fff;
margin-top: 0.25rem;
opacity: 0;
transform: translateY(4px);
transition: opacity .2s ease, transform .2s ease;
pointer-events: none;
}
.category-card-link img {
width: 32px;
}
.category-card:hover .category-card-link,
.category-slide:hover .category-card-link,
.category-card:focus-within .category-card-link {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.category-slider-nav {
display: flex;
gap: 0.75rem;
margin-top: 1.5rem;
}
.category-nav-btn {
width: 46px;
height: 46px;
border-radius: 50%;
border: 1px solid #111;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .2s ease, transform .2s ease, opacity .2s ease;
}
.category-nav-btn img {
width: 1.1em;
transform: rotate(0deg);
filter: invert(1);
}
.category-nav-btn.prev img {
transform: rotate(180deg);
}
.category-nav-btn:hover {
background: #f2f2f2;
transform: translateY(-1px);
}
.category-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
transform: none;
}
@media (max-width: 1035px) {
.category-slider-section {
padding: 3.25rem 1.5rem 2.25rem;
}
.category-slider-track {
gap: 10px;
}
}
@media (max-width: 768px) {
.category-slider-section {
padding: 2.75rem 1.25rem 2rem;
}
.category-slider-head h2 {
margin-bottom: 1.1rem;
}
.category-slide {
flex-basis: 72%;
}
.category-slider-track {
gap: 8px;
}
.category-nav-btn {
width: 42px;
height: 42px;
}
}
@media (max-width: 480px) {
.category-slider-section {
padding: 2.25rem 1rem 1.75rem;
}
.category-slide {
flex-basis: 80%;
}
}
.products-slider-section {
background: #fff;
padding: 3.5rem 2rem 3.75rem;
}
.products-slider-container {
max-width: 1420px;
margin: 0 auto;
}
.products-slider-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.4rem;
}
.products-slider-head h2 {
margin: 0;
}
.btn-skew,
.products-view-all {
--btn-bg: #1a1a1a;
--btn-bg-hover: #000;
--btn-fg: #fff;
--btn-accent-bg: #fff;
--btn-icon: url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg);
--btn-icon-filter: none;
--btn-min-width: 260px;
--btn-height: 58px;
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0 110px 0 34px;
height: var(--btn-height);
min-width: var(--btn-min-width);
border-radius: 0;
border: 0;
color: #fff!important;
color: var(--btn-fg);
background: var(--btn-bg);
text-decoration: none;
font-weight: 400;
font-size: 20px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
position: relative;
overflow: visible;
transform: skew(-17deg);
box-shadow: 0 12px 20px rgba(0,0,0,.12);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.products-view-all,
.products-tabs-all {
--btn-height: 55px;
}
.btn-skew > *,
.products-view-all > * { transform: skew(12deg); }
.btn-skew::after,
.products-view-all::after {
content: "";
position: absolute;
top: 6px;
bottom: 6px;
right: 10px;
width: 60px;
background: var(--btn-accent-bg);
transform: skew(-2deg);
box-sizing: border-box;
background-image: var(--btn-icon);
filter: var(--btn-icon-filter, none);
background-repeat: no-repeat;
background-position: center;
background-size: 55px 55px;
}
.btn-skew:hover,
.products-view-all:hover {
background: var(--btn-bg-hover);
box-shadow: 0 12px 26px rgba(0,0,0,.16);
}
.btn-skew--invert {
--btn-bg: #fff;
--btn-bg-hover: #f7f7f7;
--btn-fg: #000;
--btn-accent-bg: #000;
--btn-icon-filter: invert(1);
color: #fff!important;
}
.products-slider-viewport {
overflow: visible;
}
.products-slider-track {
display: flex;
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 18px 1rem 24px;
margin: -18px -1rem -24px;
-ms-overflow-style: none;
scrollbar-width: none;
cursor: grab;
touch-action: pan-x;
}
.products-slider-track::-webkit-scrollbar {
display: none;
}
.products-slider.is-dragging .products-slider-track {
cursor: grabbing;
}
.products-slider.is-dragging {
user-select: none;
}
.products-slide {
flex: 0 0 clamp(240px, 22vw, 320px);
scroll-snap-align: start;
}
.products-slide .product-card {
background: #fff;
box-shadow: 0 10px 22px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
height: 100%;
transition: transform .2s ease, box-shadow .2s ease;
}
.products-slide .product-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 28px rgba(0,0,0,.12);
}
.products-slide .product-link {
display: flex;
flex-direction: column;
color: inherit;
text-decoration: none;
}
.products-slide .product-card-media {
background: #fff;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 3 / 4;
}
.products-slide .product-card-media img {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
display: block;
}
.products-slide .product-card-title {
padding: 22px 18px 6px;
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-align: center;
}
.products-slide .product-card-price {
padding: 0 18px 18px;
font-size: 16px;
font-weight: 600;
text-align: center;
}
.products-slide .product-card .button.view-product {
margin: 0 18px 18px;
width: calc(100% - 36px);
height: 44px;
background: #1a1a1a;
color: #fff !important;
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 400;
font-size: 15px;
font-style: italic;
text-transform: uppercase;
letter-spacing: .02em;
text-decoration: none;
border: 0;
position: relative;
overflow: visible;
transform: skew(-17deg);
box-shadow: 0 12px 20px rgba(0,0,0,.12);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
padding-left: 72px;
padding-right: 0;
}
.products-slide .product-card .button.view-product:hover {
background: #000;
box-shadow: 0 12px 26px rgba(0,0,0,.16);
}
.products-slide .product-card .button.view-product > * {
transform: skew(12deg);
}
.products-slide .product-card .button.view-product::after {
content: "";
position: absolute;
top: 6px;
bottom: 6px;
right: 7px;
width: 43px;
background: #fff;
transform: skew(-2deg);
box-sizing: border-box;
background-image: url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 60px 60px;
}
.products-slider-nav {
display: flex;
gap: 0.75rem;
margin-top: 1.25rem;
} .products-tabs-section {
background: #fff;
padding: 3.5rem 2rem 4rem;
}
.products-tabs-container {
max-width: 1420px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"head actions"
"panels panels";
column-gap: 1rem;
row-gap: 0.5rem;
}
.products-tabs-head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1.6rem;
grid-area: head;
min-width: 0;
width: 100%;
}
.products-tabs-list {
display: flex;
flex-wrap: nowrap;
gap: 12px;
overflow-x: auto;
overflow-y: hidden;
padding-left: 10px;
padding-bottom: 6px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-padding-left: 10px;
max-width: 100%;
}
.products-tabs-list::-webkit-scrollbar {
display: none;
}
.products-tab {
border: 0;
background: transparent;
color: #111;
padding: 0 22px;
height: 55px;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
font-size: 20px;
font-weight: 500;
cursor: pointer;
transform: none;
transition: background .2s ease;
border-radius: 0;
}
.products-tab > span {
display: block;
transform: none;
}
.products-tab.is-active {
background: #000;
color: #fff;
transform: skew(-17deg);
}
.products-tab.is-active > span {
transform: skew(17deg);
}
.products-tabs-all {
margin-left: 0;
}
.products-tabs-panels {
margin-top: 0.5rem;
grid-area: panels;
}
.products-tabs-actions {
display: flex;
justify-content: flex-end;
margin-top: 0;
grid-area: actions;
align-self: start;
}
.products-tabs-config {
grid-column: 1 / -1;
}
.products-tab-panel[hidden] {
display: none !important;
}
.products-tabs-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
.products-tabs-grid .products-slide {
width: 100%;
}
@media (max-width: 1200px) {
.products-tabs-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.products-slider-head {
flex-direction: column;
align-items: flex-start;
}
.products-view-all {
order: 2;
align-self: center;
margin-top: 12px;
}
.products-tabs-list {
width: 100%;
}
.products-tabs-container {
grid-template-columns: 1fr;
grid-template-areas:
"head"
"panels"
"actions";
}
.products-tabs-head {
flex-direction: column;
align-items: flex-start;
margin-bottom: 0.5rem;
}
.products-tabs-actions {
justify-content: center;
margin-top: 12px;
}
.products-tabs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.products-tabs-section {
padding: 3rem 1.25rem 3.5rem;
}
.products-tabs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.products-tab {
font-size: 16px;
padding: 0 16px;
height: 55px;
}
}
@media (max-width: 550px) {
.products-tabs-grid {
gap: 8px;
}
}
.products-nav-btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #111;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .2s ease, transform .2s ease, opacity .2s ease;
}
.products-nav-btn img {
width: 18px;
filter: invert(1);
}
.products-nav-btn.prev img {
transform: rotate(180deg);
}
.products-nav-btn:hover {
background: #f2f2f2;
transform: translateY(-1px);
}
.products-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
transform: none;
}
@media (max-width: 1100px) {
.products-slider-section {
padding: 3rem 1.5rem 3.25rem;
}
.products-slider-track {
gap: 12px;
}
}
@media (max-width: 768px) {
.products-slider-section {
padding: 2.75rem 1.25rem 3rem;
}
.products-slider-head {
flex-direction: column;
align-items: flex-start;
}
.products-slide {
flex-basis: 72%;
}
.products-slider-track {
gap: 10px;
}
}
@media (max-width: 720px) {
.products-slide .product-card .button.view-product {
padding-left: 13%;
font-size: 13px;
}
}
@media (max-width: 480px) {
.products-slider-section {
padding: 2.25rem 1rem 2.5rem;
}
.products-slide {
flex-basis: 82%;
}
}
@media (max-width: 500px) {
.button.view-product,
.post-type-archive-product ul.products li.product a.button,
.tax-product_cat ul.products li.product a.button,
.tax-product_tag ul.products li.product a.button,
[class*="tax-pa_"] ul.products li.product a.button,
.related.products ul.products li.product a.button,
.upsells.products ul.products li.product a.button,
.cross-sells ul.products li.product a.button {
justify-content: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
.button.view-product::after,
.post-type-archive-product ul.products li.product a.button::after,
.tax-product_cat ul.products li.product a.button::after,
.tax-product_tag ul.products li.product a.button::after,
[class*="tax-pa_"] ul.products li.product a.button::after,
.related.products ul.products li.product a.button::after,
.upsells.products ul.products li.product a.button::after,
.cross-sells ul.products li.product a.button::after {
display: none !important;
}
}  .newsletter-smaily-section {
background: #fff;
padding: 3.5rem 2rem 4rem;
}
.newsletter-smaily-inner {
max-width: 1420px;
margin: 0 auto;
}
.newsletter-smaily-card {
background: #0b0b0b;
color: #fff;
padding: 6.5rem 3.5rem;
transform: skew(-7deg);
box-shadow: 0 18px 40px rgba(0,0,0,.18);
border-radius: 0;
}
.newsletter-smaily-card > * {
transform: skew(7deg);
}
.newsletter-smaily-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
gap: 2.5rem;
align-items: start;
}
.newsletter-smaily-title {
margin: 0 0 1rem;
font-size: clamp(28px, 3.1vw, 35px);
font-weight: 800;
line-height: 1.1;
}
.newsletter-smaily-text {
margin: 0;
font-size: 18px;
line-height: 1.7;
color: #d9d9d9;
}
.newsletter-smaily-form {
display: grid;
gap: 1.2rem;
}
.newsletter-smaily-field {
position: relative;
}
.newsletter-smaily-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.newsletter-smaily-input-wrap {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.newsletter-smaily-input {
width: 100%;
border: 1px solid rgba(255,255,255,.75);
background: transparent;
color: #fff !important;
caret-color: #fff;
padding: 14px 32px 14px 72px;
text-indent: 2px;
font-size: 16px;
outline: none;
min-height: 52px;
line-height: 1;
clip-path: none;
border-radius: 0;
}
.newsletter-smaily-input::placeholder {
color: #d9d9d9;
font-style: italic;
}
.newsletter-smaily-input:focus {
border-color: rgba(255,255,255,0.95);
}
.newsletter-smaily-input:-webkit-autofill,
.newsletter-smaily-input:-webkit-autofill:hover,
.newsletter-smaily-input:-webkit-autofill:focus {
-webkit-text-fill-color: #fff;
transition: background-color 9999s ease-in-out 0s;
box-shadow: 0 0 0 1000px #0b0b0b inset;
}
.newsletter-smaily-submit {
border: 0;
background: #fff;
color: #111;
font-weight: 700;
padding: 0 18px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
min-height: 52px;
text-transform: none;
font-style: normal;
border: 1px solid #fff;
margin-left: 0;
clip-path: none;
width: 100%;
border-radius: 0;
}
.newsletter-smaily-submit > * {
transform: none;
}
.newsletter-smaily-submit-icon {
display: none;
}
.newsletter-smaily-meta {
display: grid;
grid-template-columns: 150px 1fr;
gap: 0.6rem 1.5rem;
font-size: 14px;
color: #f4f4f4;
}
.newsletter-smaily-meta > :nth-child(1),
.newsletter-smaily-meta > :nth-child(2) {
order: 2;
}
.newsletter-smaily-meta > :nth-child(3),
.newsletter-smaily-meta > :nth-child(4) {
order: 1;
}
.newsletter-smaily-meta-label {
font-style: italic;
}
.newsletter-smaily-options {
display: flex;
flex-wrap: wrap;
gap: 1rem 1.5rem;
}
.newsletter-smaily-options label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.newsletter-smaily-options input[type="checkbox"] {
width: 18px;
height: 18px;
border: 1px solid #fff;
appearance: none;
display: inline-grid;
place-items: center;
background: transparent;
border-radius: 0;
}
.newsletter-smaily-options input[type="checkbox"]::after {
content: "";
width: 8px;
height: 8px;
background: #fff;
transform: scale(0);
transition: transform 0.12s ease;
}
.newsletter-smaily-options input[type="checkbox"]:checked::after {
transform: scale(1);
}
.newsletter-smaily-consent {
display: inline-flex;
align-items: center;
gap: 0.75rem;
font-size: 14px;
color: #f4f4f4;
font-style: italic;
}
.newsletter-smaily-consent span {
text-decoration: underline;
text-underline-offset: 3px;
}
.newsletter-smaily-consent input[type="checkbox"] {
width: 18px;
height: 18px;
border: 1px solid #fff;
appearance: none;
display: inline-grid;
place-items: center;
background: transparent;
border-radius: 0;
}
.newsletter-smaily-consent input[type="checkbox"]::after {
content: "";
width: 8px;
height: 8px;
background: #fff;
transform: scale(0);
transition: transform 0.12s ease;
}
.newsletter-smaily-consent input[type="checkbox"]:checked::after {
transform: scale(1);
}
.newsletter-smaily-field { order: 2; }
.newsletter-smaily-meta { order: 1; }
.newsletter-smaily-consent { order: 3; }
@media (max-width: 1100px) {
.newsletter-smaily-card {
transform: none;
}
.newsletter-smaily-card > * {
transform: none;
}
.newsletter-smaily-grid {
grid-template-columns: 1fr;
}
.newsletter-smaily-meta {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.newsletter-smaily-section {
padding: 3rem 1.25rem 3.5rem;
}
.newsletter-smaily-card {
padding: 2.5rem 2rem;
}
.newsletter-smaily-input-wrap {
flex-direction: column;
}
.newsletter-smaily-submit {
width: 100%;
justify-content: center;
text-align: center;
}
} body:not(.wp-admin) .woocommerce-notices-wrapper,
body:not(.wp-admin) .woocommerce .woocommerce-notices-wrapper,
body:not(.wp-admin) .woocommerce-page .woocommerce-notices-wrapper,
body:not(.wp-admin) .notice {
position: fixed;
left: 24px;
right: auto;
bottom: 24px;
z-index: 9999;
width: min(420px, calc(100% - 48px));
}
body:not(.wp-admin) .woocommerce-notices-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
}
body:not(.wp-admin) .woocommerce-message,
body:not(.wp-admin) .woocommerce-error,
body:not(.wp-admin) .woocommerce-info,
body:not(.wp-admin) .notice {
background: #0b0b0b;
color: #fff;
border-left: 8px solid #fff !important;
padding: 14px 18px;
margin: 0;
border-radius: 6px;
box-shadow: 0 14px 30px rgba(0,0,0,.18);
}
body:not(.wp-admin) .woocommerce-message::before,
body:not(.wp-admin) .woocommerce-error::before,
body:not(.wp-admin) .woocommerce-info::before,
body:not(.wp-admin) .woocommerce-message::after,
body:not(.wp-admin) .woocommerce-error::after,
body:not(.wp-admin) .woocommerce-info::after {
content: none;
}
body:not(.wp-admin) .woocommerce-message {
border-left-color: #18e06f !important;
}
body:not(.wp-admin) .woocommerce-error {
border-left-color: #ff5f5f !important;
}
body:not(.wp-admin) .woocommerce-info {
border-left-color: #5aa6ff !important;
}
body:not(.wp-admin) .notice.notice-success {
border-left-color: #18e06f !important;
}
body:not(.wp-admin) .notice.notice-error {
border-left-color: #ff5f5f !important;
}
body:not(.wp-admin) .notice.notice-info,
body:not(.wp-admin) .notice.notice-warning {
border-left-color: #5aa6ff !important;
}
body:not(.wp-admin) .woocommerce-message a,
body:not(.wp-admin) .woocommerce-error a,
body:not(.wp-admin) .woocommerce-info a,
body:not(.wp-admin) .notice a {
color: #fff;
text-decoration: underline;
}
body:not(.wp-admin) .woocommerce-message .button,
body:not(.wp-admin) .woocommerce-error .button,
body:not(.wp-admin) .woocommerce-info .button {
background: transparent;
color: inherit !important;
border: 0;
padding: 0;
margin-top: 8px;
text-decoration: underline;
box-shadow: none;
text-align: left;
}
body:not(.wp-admin) .woocommerce-message .button + .button,
body:not(.wp-admin) .woocommerce-error .button + .button,
body:not(.wp-admin) .woocommerce-info .button + .button {
margin-left: 0;
}
body:not(.wp-admin) .woocommerce-message .button::after,
body:not(.wp-admin) .woocommerce-error .button::after,
body:not(.wp-admin) .woocommerce-info .button::after {
content: none;
}
body:not(.wp-admin) .woocommerce-message a.button,
body:not(.wp-admin) .woocommerce-error a.button,
body:not(.wp-admin) .woocommerce-info a.button {
display: inline-block;
float: none;
text-align: left;
}
body:not(.wp-admin) .woocommerce-message,
body:not(.wp-admin) .woocommerce-error,
body:not(.wp-admin) .woocommerce-info {
text-align: left;
} body:not(.wp-admin) .wc-block-components-notices__snackbar.wc-block-components-notice-snackbar-list {
position: fixed;
left: 24px;
right: auto;
bottom: 24px;
z-index: 9999;
width: min(420px, calc(100% - 48px));
display: flex;
flex-direction: column;
gap: 12px;
pointer-events: none;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar {
background: #0b0b0b;
color: #fff;
border-left: 8px solid #fff !important;
padding: 14px 18px;
margin: 0;
border-radius: 6px;
box-shadow: 0 14px 30px rgba(0,0,0,.18);
pointer-events: auto;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar.is-success,
body:not(.wp-admin) .wc-block-components-notice-snackbar--success {
border-left-color: #18e06f !important;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar.is-error,
body:not(.wp-admin) .wc-block-components-notice-snackbar--error {
border-left-color: #ff5f5f !important;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar.is-warning,
body:not(.wp-admin) .wc-block-components-notice-snackbar--warning,
body:not(.wp-admin) .wc-block-components-notice-snackbar.is-info,
body:not(.wp-admin) .wc-block-components-notice-snackbar--info {
border-left-color: #5aa6ff !important;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar a {
color: #fff;
text-decoration: underline;
}
body:not(.wp-admin) .wc-block-components-notice-snackbar .wc-block-components-button {
background: transparent;
color: inherit;
border: 0;
padding: 0;
margin-top: 8px;
text-decoration: underline;
box-shadow: none;
} .team-members-section {
position: relative;
overflow: hidden;
background: #111;
color: #fff;
padding: 4rem 2rem;
} .team-members-section::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: calc((65vw - 1420px) / 2);
width: 500px;
background: url(https://fvpadel.ee/wp-content/themes/fvtheme/assets/icons/green-svg-element.svg) no-repeat center center;
background-size: cover;
opacity: 0.4;
pointer-events: none;
z-index: 0;
transform-origin: center right;
transform: scale(2);
}  .team-members-header {
max-width: 1420px;
margin: 0 auto 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.team-members-header h2 {
font-size: var(--font-size-h2);
font-weight: 800;
margin: 0;
}
.team-members-btn-all:visited{
color: #000;
}
.team-members-btn-all {
display: inline-flex;
align-items: center;
transform: skew(-19deg);
background: #fff;
color: #111;
padding: 7px 0 7px 18px;
text-decoration: none;
transition: background .2s;
}
.team-members-btn-all span {
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.team-members-btn-all img {
transform: skew(19deg);
margin-left: .5em;
width: 65px;
}
.team-members-btn-all:hover {
background: #eee;
color: #000;
} .team-slider {
position: relative;
max-width: 1420px;
margin: 0 auto;
cursor: grab;
}
.team-slider-viewport { overflow: hidden; }
.team-slider-inner {
display: flex; will-change: transform;
}
.team-slide { flex-shrink: 0; }
.team-card {
border-radius: 6px;
overflow: hidden;
text-align: center;
}
.team-card-image {
display: block;
width: 100%;
aspect-ratio: 2 / 3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
user-select: none;
touch-action: auto;
} .team-slider-viewport {
} .team-card {
position: relative; overflow: visible; }
.team-card-body {
background: #fff;
transform: skew(-19deg);
margin: -3rem 0 1rem;
width: 86%;
margin-left: 22px;
box-sizing: border-box;
padding: 0.5rem 0.5rem;
display: flex
;
flex-direction: column;
align-items: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
} .team-card-body > * {
transform: skew(19deg);
text-align: center;
margin: 0;
} .team-card-name {
font-size: var(--font-size-h4);
font-weight: var(--fw-bold);
border-bottom: 3px solid var(--site-color);
padding-bottom: .25rem;
color: #111;
}
.team-card-role {
font-size: var(--font-size-body);
font-weight: var(--fw-medium);
color: #111;
margin-top: .5rem;
} .team-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
border: none;
width: 3em; height: 3em;
border-radius: 50%;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
z-index: 10;
padding: 0px;
border: 1px solid black;
}
.team-nav.prev { left: -65px; }
.team-nav.next { right: -65px; }
.team-nav img {
width: 1.2em;
filter: invert(1);
}
.team-nav.prev img { transform: rotate(180deg); } @media (max-width: 1024px) {
.team-nav.prev { left: 20px; }
.team-nav.next { right: 20px; }
}
@media (max-width: 768px) {
.team-nav.prev { left: -20px; }
.team-nav.next { right: -15px; }
.team-members-header {
flex-direction: column;
gap: 1rem;
text-align: center;
}
.team-members-btn-all {
display: flex
;
width: max-content;
margin: 1rem auto;
margin-top: 45px;
}
.team-members-section::before {
right: calc((282vw - 1420px) / 2);
transform: scale(1.5);
}
.team-slider-viewport {
overflow: visible;
}
.team-nav {
width: 35px;
height: 35px;
}
}
@media (max-width: 420px) {
.team-members-btn-all {
padding: 3px 0 3px 9px;
}
.team-members-btn-all img {
width: 55px;
margin-left: 3px;
margin-right: -2px;
}
}  .app-promotion-section {
position: relative;
overflow: hidden;
background-color: var(--site-color);
padding: 4rem 2rem;
}
.app-promotion-section::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc((88vw - 1420px) / 2);
width: 225px;
background-color: #111;
transform: skewX(-19deg);
transform-origin: top left;
z-index: 0;
}
.app-promo-inner {
position: relative;
z-index: 1;
max-width: 1420px;
margin: 0 auto;
text-align: center;
}
.app-promo-title {
font-size: var(--font-size-h2);
font-weight: 800;
margin-bottom: 1rem;
}
.app-promo-text {
font-size: var(--font-size-body);
max-width: 800px;
margin: 0 auto 2rem;
line-height: 1.5;
}
.app-promo-buttons {
display: inline-flex;
gap: 1rem;
}
.app-btn {
display: inline-flex;
align-items: center;
text-decoration: none;
padding: 0.5rem;
border-radius: 6px;
transition: opacity 0.2s;
}
.app-btn img {
display: block;
width: 140px; height: auto;
}
.app-btn:hover {
opacity: 0.8;
}
.app-btn-apple { }
.app-btn-google { } @media (max-width: 768px) {
.app-promo-text {
padding: 0 1rem;
}
.app-promo-buttons {
flex-direction: column;
}
.app-btn {
width: 100%;
justify-content: center;
}
.app-promotion-section::before {
width: 100px;
left: calc((92vw - 100%) / 2);
}
}  .page-template-page-template-homepage .services-grid.hide-services-mobile   { display: none; }
.page-template-page-template-homepage .services-slider.hide-services-desktop { display: none; }
@media (min-width: 769px) {
.page-template-page-template-homepage .services-grid.hide-services-mobile {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px 75px;
align-items: start;
}
.page-template-page-template-homepage .services-slider.hide-services-desktop {
display: none !important;
}
}
@media (max-width: 768px) {
.page-template-page-template-homepage .services-grid.hide-services-mobile {
display: none !important;
}
.page-template-page-template-homepage .services-slider.hide-services-desktop {
display: block !important;
}
.page-template-page-template-homepage .services-intro {
padding-bottom: 25px;
text-align: center;
margin-top: -20px;
}
} .page-template-page-template-homepage .services-section {
background: #f5f5f5;
padding: 4rem 2rem;
overflow: hidden;
}
.page-template-page-template-homepage .services-inner {
max-width: 1420px;
margin: 0 auto;
} .page-template-page-template-homepage .services-intro {
padding: 40px 20px;
}
.page-template-page-template-homepage .services-intro h2 {
font-size: var(--font-size-h2);
font-weight: 800;
margin-bottom: 1rem;
}
.page-template-page-template-homepage .services-intro p {
font-size: var(--font-size-body);
line-height: 1.5;
margin-bottom: 1.5rem;
}
.page-template-page-template-homepage .services-btn-all {
display: inline-flex;
align-items: center;
padding: 12px 24px;
background: #111;
color: #fff;
text-decoration: none;
padding: 7px 0 7px 18px;
transition: transform .2s, box-shadow .2s;
transform: skew(-19deg);
}
.page-template-page-template-homepage .services-btn-all img {
margin-left: 0.5em;
width: 65px;
padding: 0;
transform: skew(19deg);
}
.page-template-page-template-homepage .services-btn-all span {
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-homepage .services-btn-all:visited {
color: #fff;
}
.page-template-page-template-homepage .services-btn-all img {
margin-left: 8px;
display: block;
} .page-template-page-template-homepage .services-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
position: relative;
overflow: visible;
}
.page-template-page-template-homepage .services-card-image-link {
display: block;
width: 100%;
aspect-ratio: 6 / 5;
overflow: hidden;
position: relative;
z-index: 2;
}
.page-template-page-template-homepage .services-card-image {
position: relative;
z-index: 2;
}
.page-template-page-template-homepage .services-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0; left: 0;
z-index: 2;
}
.page-template-page-template-homepage .services-card-body {
background: #fff;
padding: 20px;
position: relative;
z-index: 1;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin: 0;
}
.page-template-page-template-homepage .services-card-title {
margin: 0 0 .5rem;
font-size: var(--font-size-h4);
font-weight: 700;
}
.page-template-page-template-homepage .services-card-text {
font-size: var(--font-size-body);
line-height: 1.5;
} @media (min-width: 769px) {
.page-template-page-template-homepage .services-card-body {
margin: -150px -30px 30px;
width: calc(100% + 60px);
}
.page-template-page-template-homepage .services-card-image {
position: relative;
z-index: 2;
}
.page-template-page-template-homepage .services-card-title {
margin-top: 149px;
}
} .page-template-page-template-homepage .services-card-link {
position: absolute;
top: 16px;
right: 16px;
width: 48px;
height: 48px;
background: var(--site-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
z-index: 3;
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
rotate: -45deg;
}
.page-template-page-template-homepage .services-card-link img {
content: url(https://fvpadel.ee/wp-content/themes/fvtheme/assets/icons/arrow-right.svg);
width: 24px;
height: auto;
margin: 10px;
filter: invert(1);
} .page-template-page-template-homepage .services-slider {
position: relative;
}
.page-template-page-template-homepage .services-slider-viewport {
overflow: hidden;
}
.page-template-page-template-homepage .services-slider-inner {
display: flex;
will-change: transform;
}
.page-template-page-template-homepage .services-slide {
flex: 0 0 auto;
margin-right: 30px;
}
.page-template-page-template-homepage .services-slide:last-child {
margin-right: 0;
} .page-template-page-template-homepage .services-nav {
position: absolute;
top: 105%;
transform: translateY(-50%);
width: 35px;
height: 35px;
border: none;
border-radius: 50%;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: flex;
border: 1px solid black;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.page-template-page-template-homepage .services-nav.prev {
left: -20px;
}
.page-template-page-template-homepage .services-nav.prev img {
rotate: 180deg;
}
.page-template-page-template-homepage .services-nav.next {
right: -20px;
}
.page-template-page-template-homepage .services-nav img {
width: 1.2em;
filter: invert(1);
} .locations-section {
padding: 0px 20px;
background: #fff;
}
.locations-inner {
max-width: 1420px;
margin: 0 auto;
display: grid
;
grid-template-columns: 60% 35%;
grid-gap: 40px;
align-items: center;
}
.locations-title {
font-size: var(--font-size-h2);
margin-bottom: 1.5rem;
}
.locations-items {
list-style: none;
margin: 0;
padding: 0;
}
.page-template-page-template-homepage .location-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.location-label {
display: flex;
align-items: center;
}
.location-icon {
width: 24px;
margin-right: 12px;
}
.location-name {
font-weight: 700;
font-size: 20px;
}
.location-buttons .btn-location {
display: inline-flex;
align-items: center;
margin-left: 12px;
padding: 7px 0px 7px 18px;
font-size: .9rem;
text-decoration: none;
transition: background .2s;
transform: skew(-19deg);
}
.location-buttons span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.location-buttons img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.locations-image img {
width: 100%;
display: block;
border-radius: 8px;
}
.btn-yellow-locations:visited {
color: #000;
}
.btn-yellow-locations {
background: var(--site-color);
color: #111;
}
.btn-yellow-locations:hover {
background: var(--site-color);
}
.btn-dark-locations {
background: #111;
color: #fff;
}
.btn-dark-locations:hover {
background: #333;
}
.btn-dark-locations:visited {
color: #fff;
}
@media (max-width: 768px) {
.locations-inner {
grid-template-columns: 1fr;
text-align: center;
}
.location-item {
flex-direction: column;
}
.location-buttons {
margin-top: 12px;
}
.location-buttons .btn-location {
margin-bottom: 12px;
}
.locations-image img {
display: none;visibility: hidden;
}
}   .stats-section {
position: relative;
overflow: hidden;
} .stats-image img {
display: block;
width: 100%;
height: auto;
} .stats-panel {
background: var(--site-color);
transform: skew(-10deg);
margin-top: -150px;
padding: 70px 0;
max-width: 1420px;
margin-left: auto;
margin-right: auto;
align-items: center;
color: #fff;
text-align: center;
} .stats-inner {
max-width: 1420px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4,1fr);
transform: skew(10deg); } .stat-item {
text-align: center;
}
.stat-number {
font-size: var(--font-size-h2);
font-weight: 700;
margin: 0;
font-family: "Anton";
}
.stat-label {
font-size: var(--font-size-h5);
margin-top: 8px;
font-weight: 600;
} @media (max-width: 768px) {
.stats-panel {
transform: none;
margin-top: 0;
padding: 30px 0;
}
.stats-inner {
transform: none;
display: flex;
flex-direction: column;
gap: 0px;
}
.stat-item {
background: var(--site-color);
padding: 2px 0;
}
} .team-slider-viewport,
.services-slider-viewport {
overflow: hidden;
touch-action: pan-y; overscroll-behavior-x: contain; }
.team-slider-inner,
.services-slider-inner {
display: flex;
will-change: transform;
touch-action: pan-y; user-select: none;
-webkit-user-drag: none;
}
@media (max-width: 768px) {
.team-slider-viewport {
overflow: visible;
}
.services-slider-viewport {
overflow: visible;
}
}  .page-template-page-template-homepage .news-section {
background: #fff;
padding: 4rem 2rem;
color: #111;
}
.page-template-page-template-homepage .news-header {
max-width: 1420px;
margin: 0 auto 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.page-template-page-template-homepage .news-header h2 {
font-size: var(--font-size-h2);
font-weight: 800;
margin: 0;
}
.page-template-page-template-homepage .news-btn-all {
display: inline-flex;
align-items: center;
transform: skew(-19deg);
background: #111;
color: #fff;
padding: 7px 0 7px 18px;
text-decoration: none;
transition: background .2s;
}
.page-template-page-template-homepage .news-btn-all:visited {
color: #fff;
}
.page-template-page-template-homepage .news-btn-all span { transform: skew(19deg); font-size: var(--font-size-btn); }
.page-template-page-template-homepage .news-btn-all img  { transform: skew(19deg); margin-left:.5em; width:65px; }
.page-template-page-template-homepage .news-btn-all:hover { background:#333; } @media (max-width: 769px) {
.page-template-page-template-homepage .hide-mobile-news  { display: none!important; }
}
.page-template-page-template-homepage .hide-desktop-news { display: none!important; } @media (min-width: 769px) {
.page-template-page-template-homepage .news-grid.hide-mobile-news {
display: flex!important;
gap: 11px;
max-width: 1420px;
margin: 0 auto;
}
.page-template-page-template-homepage .news-slider.hide-desktop-news { display: none!important; }
.page-template-page-template-homepage .news-item {
background: #fff; display:flex;
flex-direction:column;
overflow:hidden;
}
.page-template-page-template-homepage .news-item-large { flex:0 0 55%; }
.page-template-page-template-homepage .news-item-small { flex:0 0 22.5%; }
.page-template-page-template-homepage .news-item-small .news-excerpt { display:none; }
.page-template-page-template-homepage .news-image img { width:100%; height:auto; }
.page-template-page-template-homepage .news-content {
padding:1rem;
display:flex;
flex-direction:column;
flex:1;
}
.page-template-page-template-homepage .news-title { margin:0 0 .5rem; font-size:var(--font-size-h4); text-decoration: none;}
.page-template-page-template-homepage .news-excerpt { flex:1; margin-bottom:1rem; }
.page-template-page-template-homepage .news-read-more {
font-weight:600;
color:#000;
text-decoration:none;
align-self:flex-start;
}
.page-template-page-template-homepage .news-title a {
text-decoration:none;
}
} @media (max-width:768px) {
.page-template-page-template-homepage .news-grid.hide-mobile-news   { display:none!important; }
.page-template-page-template-homepage .news-slider.hide-desktop-news{ display:block!important; }
.page-template-page-template-homepage .news-header {
flex-direction:column;
gap:1rem;
text-align:center;
}
.page-template-page-template-homepage .news-btn-all.hide-desktop-news {
display: flex !important;
width: max-content;
margin: 45px auto 1rem !important;
text-align: center;
color: #fff; } .page-template-page-template-homepage .news-slider { position:relative; max-width: 100%; margin:0 auto; }
.page-template-page-template-homepage .news-slider-viewport { overflow:hidden; }
.page-template-page-template-homepage .news-slider-inner { display:flex; will-change:transform; }
.page-template-page-template-homepage .news-slide {
flex-shrink:0;
text-align:center;
}
.page-template-page-template-homepage .news-title-mobile {
font-size:var(--font-size-h4);
margin:.5rem 0 0;
text-decoration: none;
} .page-template-page-template-homepage .news-slide a,
.page-template-page-template-homepage .news-slide a:hover,
.page-template-page-template-homepage .news-slide a:active,
.page-template-page-template-homepage .news-slide a:focus {
text-decoration: none;
}
.page-template-page-template-homepage .news-title-mobile {
text-decoration: none;
} .page-template-page-template-homepage .news-nav {
position:absolute; bottom: -109px;
transform:translateY(-50%);
background:#fff;
border:none;
width:3em; height:3em;
border-radius:50%;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
z-index:10;
}
.page-template-page-template-homepage .news-nav.prev { left:20px; }
.page-template-page-template-homepage .news-nav.next { right:20px; }
.page-template-page-template-homepage .news-nav img {
width:1.2em;
filter:invert(1);
}
.page-template-page-template-homepage .news-nav.prev img { transform:rotate(180deg); }
}
@media (min-width:769px) { .page-template-page-template-homepage .news-item-small .news-image {
position: relative;
width: 100%; padding-top: 158.25%;
overflow: hidden;
} .page-template-page-template-homepage .news-item-small .news-image img {
position: absolute;
top: 0; left: 50%;
height: 100%;
width: auto;
transform: translateX(-50%);
object-fit: cover;
}
}
.page-template-page-template-homepage .news-nav.next {
border: 1px solid #000;
padding: 0px;
width: 35px;
height: 35px;
}
.page-template-page-template-homepage .news-nav.prev {
border: 1px solid #000;
padding: 0px;
width: 35px;
height: 35px;
}
.page-template-page-template-homepage .news-slide img {
width: 100%;
}
.page-template-page-template-homepage .news-excerpt {
flex: 1;
margin-bottom: 0rem;
} .page-template-page-template-court-booking a.btn-header:visited {
color: #000;
}
.page-template-page-template-court-booking .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-court-booking .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.page-template-page-template-court-booking .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
} .page-template-page-template-court-booking .court-booking .container {
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
} .page-template-page-template-court-booking .site-main { max-width:1420px; margin:0 auto; position:relative; } .page-template-page-template-court-booking .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-court-booking .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-court-booking .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-court-booking .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-court-booking .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-court-booking .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-court-booking .contact-left .contact-item a{
color: #000;
}
.page-template-page-template-court-booking .page-subtitle {
font-size: var( --font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-court-booking .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-court-booking .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-court-booking .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-court-booking .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-court-booking .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-court-booking .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-court-booking .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-court-booking .playtomic-cta {
position: relative;
overflow: hidden;
margin-top: 50px;
background-color: var(--site-color);
}
.page-template-page-template-court-booking .playtomic-cta::before,
.page-template-page-template-court-booking .playtomic-cta::after {
content: "";
position: absolute;
top: 0; bottom: 0;
width: 56vw;
z-index: 0;
}
.page-template-page-template-court-booking .playtomic-cta::before {
left: 0;
background-color: var(--site-color);
clip-path: polygon(0 0, 100% 0, calc(100% - 5vw) 100%, 0% 100%);
}
.page-template-page-template-court-booking .playtomic-cta::after {
right: 0;
background-color: #1a1a1a;
clip-path: polygon(12vw 0, 100% 0, 100% 100%, 0% 100%);
}
.page-template-page-template-court-booking .playtomic-cta .container {
position: relative;
z-index: 1;
max-width: 1420px;
margin: 0 auto;
padding: 7rem 1rem;
}
.page-template-page-template-court-booking .playtomic-cta__inner {
display: flex;
align-items: center;
gap: 7rem;
} .page-template-page-template-court-booking .playtomic-cta__left {
flex: 0 0 50%;
color: #1a1a1a;
}
.page-template-page-template-court-booking .playtomic-cta__title {
font-size: var(--font-size-h3);
margin: 0 0 0.5rem;
}
.page-template-page-template-court-booking .playtomic-cta__subtitle {
font-size: var(--font-size-h4);
margin: 0 0 2rem;
}
.page-template-page-template-court-booking .playtomic-cta__apps {
display: flex;
gap: 1rem;
}
.page-template-page-template-court-booking .playtomic-cta__apps .app-link img {
height: 3rem;
display: block;
} .page-template-page-template-court-booking .playtomic-cta__right {
flex: 0 0 50%;
color: #fff;
}
.page-template-page-template-court-booking .playtomic-cta__label {
font-size: var(--font-size-h3);
text-transform: uppercase;
margin-bottom: 1rem;
}
.page-template-page-template-court-booking .playtomic-cta__locations {
list-style: none;
padding: 0;
margin: 0 0 2rem;
}
.page-template-page-template-court-booking .playtomic-cta__locations li {
display: flex;
align-items: center;
font-size: var(--font-size-body);
margin-bottom: 0.75rem;
}
.page-template-page-template-court-booking .playtomic-cta__locations li img {
width: 1.25rem;
margin-right: 0.75rem;
}
.page-template-page-template-court-booking .playtomic-cta__logo img {
max-width: 20rem;
display: block;
} @media (max-width: 768px) {
.page-template-page-template-court-booking .playtomic-cta__inner {
flex-direction: column;
text-align: center;
}
.page-template-page-template-court-booking .playtomic-cta__left,
.page-template-page-template-court-booking .playtomic-cta__right {
flex: 0 0 auto;
}
.page-template-page-template-court-booking .playtomic-cta__locations {
text-align: center;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.page-template-page-template-court-booking .playtomic-cta__locations li {
font-size: var(--font-size-h5);
}
.page-template-page-template-court-booking .playtomic-cta::after {
display: none;
visibility: hidden;
}
.page-template-page-template-court-booking .playtomic-cta__right {
color: #000;
}
.page-template-page-template-court-booking .playtomic-cta__locations li img {
filter: brightness(0) saturate(100%);
}
.page-template-page-template-court-booking .playtomic-cta__apps {
display: flex;
gap: 1rem;
justify-content: center;
}
.page-template-page-template-court-booking .playtomic-cta__logo img {
margin-left: auto;
margin-right: auto;
max-width: 12rem;
display: block;
filter: invert(1);
}
.page-template-page-template-court-booking .faq-col.left {
color: #fff;
}
.page-template-page-template-court-booking .faq-container {
gap: 5rem;
}
}  .page-template-page-template-court-booking .faq-section {
position: relative;
overflow: hidden;
margin: 0; padding: 0;
margin-top: 50px;
}
.page-template-page-template-court-booking .faq-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.page-template-page-template-court-booking .faq-bg::before,
.page-template-page-template-court-booking .faq-bg::after {
content: "";
position: absolute;
top: 0; bottom: 0;
width: 56vw;
z-index: 0;
}
.page-template-page-template-court-booking .faq-bg::before {
left: 0;
background: var(--site-color); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.page-template-page-template-court-booking .faq-bg::after {
right: 0;
background: #222; clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
} .page-template-page-template-court-booking .faq-container {
position: relative;
z-index: 1;
display: flex;
gap: 15rem;
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
} .page-template-page-template-court-booking .faq-col { flex: 0.5; }
.page-template-page-template-court-booking .faq-col.left  { color: #222; }
.page-template-page-template-court-booking .faq-col.right { color: #fff; } .page-template-page-template-court-booking .faq-title {
font-size: var(--font-size-h3);
margin-bottom: 1rem;
position: relative;
}
.page-template-page-template-court-booking .faq-title::after {
content: "";
display: block;
width: 3rem;
height: 4px;
background: currentColor;
margin-top: .5rem;
} .page-template-page-template-court-booking .faq-list { list-style: none; margin: 0; padding: 0; }
.page-template-page-template-court-booking .faq-item + .faq-item { margin-top: 1.5rem; } .page-template-page-template-court-booking .faq-toggle {
width: 100%;
background: none;
border: none;
padding: 0;
font: inherit;
font-size: var(--font-size-body);
text-align: left;
line-height: 1.4;
position: relative;
cursor: pointer;
color: inherit;
display: flex;
align-items: center;
}
.page-template-page-template-court-booking .faq-number {
flex-shrink: 0;
margin-right: .75rem;
font-weight: var(--fw-semibold);
}
.page-template-page-template-court-booking .faq-question { flex: 1; } .page-template-page-template-court-booking .faq-toggle {
border-bottom: 1px solid rgba(255,255,255,0.3);
padding-bottom: .75rem;
border-radius: 0px;
}
.page-template-page-template-court-booking .faq-col.left .faq-toggle {
border-color: rgba(0,0,0,0.15);
} .page-template-page-template-court-booking .plus {
flex-shrink: 0;
margin-left: .75rem;
font-size: 1.25rem;
transition: transform .2s;
} .page-template-page-template-court-booking .faq-content {
font-size: var(--font-size-body);
line-height: 1.6;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
} .page-template-page-template-court-booking .faq-item.active .faq-content {
display: block;
max-height: 1000px;
}
.page-template-page-template-court-booking .faq-item.active .plus {
transform: rotate(45deg);
} @media (max-width: 768px) {
.page-template-page-template-court-booking .faq-container { flex-direction: column; }
.page-template-page-template-court-booking .faq-bg::before,
.page-template-page-template-court-booking .faq-bg::after {
width: 100%;
clip-path: none;
}
} .page-template-page-template-court-booking .fv-faq-container {
position: relative;
z-index: 1;
background: #efefef;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
border-radius: 8px;
padding: 2rem;
max-width: 1000px;
margin: 0 auto 4rem;
}
.page-template-page-template-court-booking .fv-faq-toggle {
width: 100%;
background: #fff;
border: 0;
padding: 1rem 1.25rem;
font-size: var(--font-size-body);
display: flex;
align-items: center;
cursor: pointer;
transition: background .2s;
font-weight:var(--fw-semibold);
}
.page-template-page-template-court-booking .fv-faq-content {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease;
background: #fff;
padding: 0 1.25rem;
}
.page-template-page-template-court-booking .fv-faq-item.active .fv-faq-content {
max-height: 1000px;
}
.page-template-page-template-court-booking .fv-faq-item + .fv-faq-item {
margin-top: 1rem;
}
.page-template-page-template-court-booking .faq-question {
flex: 1;
text-align: left;
} .page-template-page-template-about-us .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-about-us .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-about-us .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-about-us .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-about-us .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-about-us .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-about-us .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-about-us .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-about-us .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-about-us .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-about-us .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-about-us .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-about-us .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-about-us .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-about-us .about-us {
background-color: #f2f2f2;
padding: 4rem 1rem;
}
.page-template-page-template-about-us .about-container {
max-width: 1420px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 2rem;
} .page-template-page-template-about-us .about-image {
position: relative;
flex: 1;
overflow: hidden;
}
.page-template-page-template-about-us .about-image img {
display: block;
width: 100%;
height: auto;
} .page-template-page-template-about-us .about-content {
flex: 1;
}
.page-template-page-template-about-us .about-content h2 {
font-size: var(--font-size-h2);
margin-bottom: 1rem;
}
.page-template-page-template-about-us .about-content p {
font-size: var(--font-size-body);
line-height: 1.6;
margin-bottom: 1rem;
} @media (max-width: 768px) {
.page-template-page-template-about-us .about-container {
flex-direction: column;
}
.page-template-page-template-about-us .about-image::before,
.page-template-page-template-about-us .about-image::after {
display: none;
}
} .page-template-page-template-trainings-booking a.btn-header:visited {
color: #000;
}
.page-template-page-template-trainings-booking .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-trainings-booking .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 0px;
}
.page-template-page-template-trainings-booking .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
} .page-template-page-template-trainings-booking .court-booking .container {
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
} .page-template-page-template-trainings-booking .site-main { max-width:1420px; margin:0 auto; position:relative; }
.page-template-page-template-trainings-booking .site-main{
max-width: 1420px;
position: relative;
margin: auto;
} .page-template-page-template-trainings-booking .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-trainings-booking .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-trainings-booking .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-trainings-booking .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-trainings-booking .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-trainings-booking .contact-left .contact-item a{
color: #000;
}
.page-template-page-template-trainings-booking .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-trainings-booking .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-trainings-booking .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-trainings-booking .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-trainings-booking .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-trainings-booking .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-trainings-booking .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-trainings-booking .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-trainings-booking .trainings-overview {
position: relative;
overflow: hidden;
margin-top: 50px;
background: #fff;
}
.page-template-page-template-trainings-booking .trainings-overview .container {
max-width: 1420px;
margin: 0 auto;
display: flex;
align-items: stretch;
}
.page-template-page-template-trainings-booking .overview-left,
.page-template-page-template-trainings-booking .overview-right {
position: relative;
z-index: 1;
}
.page-template-page-template-trainings-booking .overview-left {
flex: 0 0 45%;
display: flex;
align-items: center;
justify-content: center;
padding: 4rem 1rem;
}
.page-template-page-template-trainings-booking .overview-left .image-wrap {
width: 100%;
padding-top: 150%;
position: relative;
}
.page-template-page-template-trainings-booking .overview-left .image-wrap img {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: contain;
border-radius: .5rem;
} .page-template-page-template-trainings-booking .trainings-overview::before {
content: "";
position: absolute;
top: 0; bottom: 0;
left: 0; right: 55%;
background: var(--site-color);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
z-index: 0;
}
.page-template-page-template-trainings-booking .overview-right {
flex: 0 0 55%%;
padding: 4rem 2rem;
}
.page-template-page-template-trainings-booking .overview-right h2 {
font-size: var(--font-size-h3);
margin-top: 0;
}
.page-template-page-template-trainings-booking .overview-right p {
margin-bottom: 1.5rem;
line-height: 1.6;
}
.page-template-page-template-trainings-booking .overview-right hr {
border: none;
border-top: 1px solid #ddd;
margin: 2rem 0;
} @media (max-width: 768px) {
.page-template-page-template-trainings-booking .trainings-overview .container {
flex-direction: column;
}
.page-template-page-template-trainings-booking .overview-left,
.page-template-page-template-trainings-booking .overview-right {
flex: 0 0 auto;
width: 100%;
padding: 2rem 1rem;
}
.page-template-page-template-trainings-booking .trainings-overview::before {
display: none;
}
.page-template-page-template-trainings-booking .overview-left .image-wrap {
padding-top: 60%;
}
}  .page-template-page-template-contact .site-main { max-width:1420px; margin:0 auto; position:relative; }
.page-template-page-template-contact .site-main{
max-width: 1420px;
position: relative;
margin: auto;
} .page-template-page-template-contact .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-contact .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-contact .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-contact .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-contact .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-contact .contact-left .contact-item a{
color: #000;
}
.page-template-page-template-contact .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-contact .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-contact .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-contact .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-contact .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-contact .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-contact .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-contact .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-contact .contact-page .container {
display: flex;
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
position: relative;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin-top: 50px;
margin-bottom: 50px;
} .page-template-page-template-contact .contact-page .container::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 48%;
background: var(--site-color);
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
z-index: 0;
} .page-template-page-template-contact .contact-left,
.page-template-page-template-contact .contact-right,
.page-template-page-template-contact .form-wrapper {
position: relative;
z-index: 1;
} .page-template-page-template-contact .contact-left {
flex: 0 0 50%;
padding-right: 2rem;
padding-left: 3rem;
}
.page-template-page-template-contact .contact-left h2 {
font-size: var(--font-size-h2);
margin-bottom: 1rem;
text-align: center;
}
.page-template-page-template-contact .contact-left p {
font-size: var(--font-size-body);
margin-bottom: 2rem;
text-align: center;
} .page-template-page-template-contact .contact-groups {
display: flex;
gap: 2rem;
}
.page-template-page-template-contact .contact-groups .group {
flex: 1;
}
.page-template-page-template-contact .contact-groups h3 {
font-size: var(--font-size-h4);
margin-bottom: 1rem;
} .page-template-page-template-contact .group .contact-item {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.page-template-page-template-contact .icon-wrap {
flex-shrink: 0;
width: 4rem;
height: 3rem;
background: var(--site-color);
clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
}
.page-template-page-template-contact .icon-wrap img {
width: 1.5rem;
filter: brightness(0) saturate(100%);
}
.page-template-page-template-contact .contact-item .info {
font-size: var(--font-size-body);
} .page-template-page-template-contact .contact-right {
flex: 0 0 50%;
display: flex;
justify-content: flex-end;
}
.page-template-page-template-contact .form-wrapper {
width: 100%;
max-width: 550px;
background: #fff;
padding: 2rem;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
} .page-template-page-template-contact .form-wrapper .wpcf7-form {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.page-template-page-template-contact .form-wrapper .wpcf7-form .wpcf7-form-control {
width: 100%;
padding: .75rem 1rem;
background: #eee;
border: none;
font-size: var(--font-size-body);
}
.page-template-page-template-contact .form-wrapper .wpcf7-form textarea {
min-height: 200px;
resize: vertical;
} .page-template-page-template-contact .form-wrapper .wpcf7-submit {
position: relative;
align-self: flex-start;
padding: .75rem 2rem .75rem 1.5rem;
background: var(--site-color)!important;
color: #000;
font-weight: 600;
border: none;
cursor: pointer;
transition: background .2s, transform .2s;
}
.page-template-page-template-contact .form-wrapper .wpcf7-submit:hover {
background: #ffd700;
transform: translateY(-2px);
}
.page-template-page-template-contact .form-wrapper .wpcf7-submit::after {
content: '';
position: absolute;
top: 50%;
right: 1rem;
width: 1rem; height: 1rem;
background: url(//fvsport.ee/wp-content/themes/fvtheme/<?php echo get_template_directory_uri(); ?>/assets/icons/dark-arrow.svg") no-repeat center/contain;
transform: translateY(-50%);
pointer-events: none;
} @media (max-width: 768px) {
.page-template-page-template-contact .contact-page .container {
flex-direction: column;
padding: 2rem 1rem;
}
.page-template-page-template-contact .contact-left,
.page-template-page-template-contact .contact-right {
flex: 0 0 auto;
width: 100%;
padding: 0;
}
.page-template-page-template-contact .contact-groups {
flex-direction: column;
}
.page-template-page-template-contact .form-wrapper {
margin-top: 2rem;
max-width: 100%;
}
.page-template-page-template-contact .contact-page .container::after {
display: none;
}
} .page-template-page-template-contact .wpcf7-form .cf7-field {
margin-bottom: 0px;
} .page-template-page-template-contact .wpcf7-form .cf7-input,
.page-template-page-template-contact .wpcf7-form .cf7-textarea {
width: 100%;
background: #E8E8E8;
border: none;
padding: 1rem;
font-size: var(--font-size-body);
font-style: italic;
font-family: inherit;
color: var(--color-dark);
box-sizing: border-box;
outline: none;
transition: background 0.2s ease;
} .page-template-page-template-contact .wpcf7-form .cf7-input:focus,
.page-template-page-template-contact .wpcf7-form .cf7-textarea:focus {
background: #F0F0F0;
} .page-template-page-template-contact .wpcf7-form-control.cf7-textarea,
.page-template-page-template-contact .wpcf7-textarea.cf7-textarea {
height: 200px;
min-height: 200px;
box-sizing: border-box;
resize: vertical;
} .page-template-page-template-contact .wpcf7-form .submit-wrap {
margin-top: 2rem;
}
.page-template-page-template-contact .wpcf7-form .cf7-submit {
display: inline-flex;
align-items: center;
padding: 0.75rem 2rem;
background: #FFD700;
color: #000;
font-weight: var(--fw-semibold);
text-decoration: none;
border: none;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
position: relative;
}
.page-template-page-template-contact .wpcf7-form .cf7-submit span {
display: inline-block;
}
.page-template-page-template-contact .wpcf7-form .cf7-submit::after {
content: "";
position: absolute;
top: 50%;
right: 1rem;
width: 1rem; height: 1rem;
background: url(//fvsport.ee/wp-content/themes/fvtheme/<?php echo get_template_directory_uri(); ?>/assets/icons/dark-arrow.svg") no-repeat center/contain;
pointer-events: none;
}
.page-template-page-template-contact .wpcf7-form .cf7-submit:hover {
background: #FFEA00;
} .page-template-page-template-contact .wpcf7-form br {
display:none;
visibility: hidden;
} .page-template-page-template-normal  h4 {
margin: 10px 10px 10px;
padding: 10px 10px 10px;
}
.page-template-page-template-normal .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-normal .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-normal .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-normal .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-normal .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-normal .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-normal .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-normal .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-normal .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-normal .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-normal .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-normal .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-normal .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-normal .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-asukohad .location-services-wrapper {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-top: 20px;
}
.page-template-page-template-asukohad h4 {
margin: 0px;
padding: 0px;
}
.page-template-page-template-asukohad .location-service-box {
flex: 1 1 100%;
}
@media (min-width: 768px) {
.page-template-page-template-asukohad .location-service-box {
flex: 1 1 45%;
}
} .page-template-page-template-asukohad .locations-archive .container {
max-width: 1420px;
margin: 0 auto;
padding: 2rem 1rem;
display: flex;
flex-direction: column;
gap: 2rem;
} .page-template-page-template-asukohad .location-item {
position: relative;
display: flex;
align-items: center;
gap: 2rem;
padding: 3rem 0;
overflow: visible;
} .page-template-page-template-asukohad .location-item:nth-child(even)::before {
content: "";
position: absolute;
top: 0; bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background-color: #f2f2f2;
z-index: 0;
} .page-template-page-template-asukohad .location-item > .location-info,
.page-template-page-template-asukohad .location-item > .location-map {
position: relative;
z-index: 1;
} .page-template-page-template-asukohad .location-info {
flex: 0 0 45%;
display: flex;
flex-direction: column;
gap: 0;
}
.page-template-page-template-asukohad .location-info .location-title {
font-size: var(--font-size-h3);
margin: 0 0 1rem;
}
.page-template-page-template-asukohad .location-info .location-address,
.page-template-page-template-asukohad .location-info .location-phone,
.page-template-page-template-asukohad .location-info .location-email,
.page-template-page-template-asukohad .location-info .location-opening {
display: flex;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid #e5e5e5;
font-size: var(--font-size-body);
font-weight: var(--fw-semibold);
}
.page-template-page-template-asukohad .location-info .location-opening {
border-bottom: none;
}
.page-template-page-template-asukohad .location-icon {
flex-shrink: 0;
width: 1.25rem;
margin-right: 1rem;
} .page-template-page-template-asukohad .location-more {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: #fff;
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
position: relative;
}
.page-template-page-template-asukohad .location-more::after {
content: "";
position: absolute;
top: 50%;
right: 1rem;
width: 1rem;
height: 1rem;
background: url(//fvsport.ee/wp-content/themes/assets/icons/dark-arrow.svg) no-repeat center/contain;
transform: translateY(-50%);
pointer-events: none;
}
.page-template-page-template-asukohad .location-more img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
} .page-template-page-template-asukohad .location-map {
flex: 0 0 55%;
position: relative;
height: 450px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
overflow: hidden;
}
.page-template-page-template-asukohad .location-map iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: 0;
} .page-template-page-template-asukohad .btn-location {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.page-template-page-template-asukohad .btn-location img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.page-template-page-template-asukohad .btn-location span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
} @media (max-width: 768px) {
.page-template-page-template-asukohad .location-item {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.page-template-page-template-asukohad .location-info,
.page-template-page-template-asukohad .location-map {
flex: 0 0 auto;
width: 100%;
}
.page-template-page-template-asukohad .location-map {
height: 300px;
clip-path: none;
margin-top: 1rem;
}
} .page-template-page-template-asukohad .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-asukohad .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-asukohad .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-asukohad .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-asukohad .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-asukohad .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-asukohad .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-asukohad .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-asukohad .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-asukohad .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-asukohad .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-asukohad .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-asukohad .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-asukohad .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-faq a.btn-header:visited { color: #000; }
.page-template-page-template-faq .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-faq .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.page-template-page-template-faq .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
} .page-template-page-template-faq .court-booking .container {
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
} .page-template-page-template-faq .site-main { max-width:1420px; margin:0 auto; position:relative; }
.page-template-page-template-faq .site-main{
max-width: 1420px;
position: relative;
margin: auto;
} .page-template-page-template-faq .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-faq .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-faq .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-faq .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-faq .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-faq .contact-left .contact-item a { color: #000; }
.page-template-page-template-faq .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-faq .page-cta { margin-top: 1.5rem; }
.page-template-page-template-faq .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-faq .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-faq .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-faq .page-header { padding: 4rem 1rem; }
.page-template-page-template-faq .page-title { font-size: calc(var(--font-size-h1) * 0.8); }
.page-template-page-template-faq .page-subtitle { font-size: 1rem; }
} .page-template-page-template-faq .fv-faq-section { margin: 50px 0; }
.page-template-page-template-faq .fv-faq-container {
background: #efefef;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 2rem;
max-width: 1000px;
margin: 0 auto;
}
.page-template-page-template-faq .fv-faq-col-title {
font-size: var(--font-size-h4);
margin-top: 2rem;
margin-bottom: 1rem;
padding-bottom: .5rem;
}
.page-template-page-template-faq .fv-faq-list {
list-style: none;
margin: 0;
padding: 0;
}
.page-template-page-template-faq .fv-faq-item + .fv-faq-item { margin-top: 1rem; } .page-template-page-template-faq .fv-faq-toggle {
width: 100%;
background: #fff;
border: 0px solid white;
padding: 1rem 1.25rem;
font: inherit;
font-size: var(--font-size-body);
display: flex;
align-items: center;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
}
.page-template-page-template-faq .fv-faq-toggle:hover {
background: #fff;
border-color: #ccc;
}
.page-template-page-template-faq .fv-faq-number {
flex-shrink: 0;
margin-right: 0.75rem;
font-weight: var(--fw-semibold);
color: #000;
}
.page-template-page-template-faq .fv-faq-question {
flex: 1;
font-weight: var(--fw-semibold);
text-align: left;
}
.page-template-page-template-faq .fv-faq-icon {
flex-shrink: 0;
margin-left: 0.75rem;
font-size: 1.25rem;
transition: transform 0.3s ease;
color: #000;
} .page-template-page-template-faq .fv-faq-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
background: #fff;
padding: 0 1.25rem;
font-size: var(--font-size-body);
line-height: 1.6;
}
.page-template-page-template-faq .fv-faq-item.active .fv-faq-content {
max-height: 500px;
}
.page-template-page-template-faq .fv-faq-item.active .fv-faq-icon {
transform: rotate(45deg);
} @media (max-width: 768px) {
.page-template-page-template-faq .fv-faq-container {
padding: 1.5rem;
margin: 0 1rem;
}
} .page-template-page-template-teenused .teenused-archive .teenus-item:first-child {
margin-top: 50px;
}
.page-template-page-template-teenused .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-teenused .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-teenused .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-teenused .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-teenused .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-teenused .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-teenused .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 1420px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-teenused .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-teenused .btn-teenus {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.page-template-page-template-teenused .btn-teenus span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-teenused .btn-teenus img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.page-template-page-template-teenused .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-teenused .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-teenused .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-teenused .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-teenused .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-teenused .page-subtitle {
font-size: 1rem;
}
} .page-template-page-template-teenused .teenused-archive .container {
display: flex;
flex-direction: column;
gap: 80px;
} .page-template-page-template-teenused .teenused-archive .teenus-item {
display: flex;
align-items: center;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
} .page-template-page-template-teenused .teenused-archive .teenus-item__text {
width: 50%;
padding: 40px;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.page-template-page-template-teenused .teenused-archive .teenus-item__text p {
margin-bottom: 24px;
} .page-template-page-template-teenused .teenused-archive .teenus-item__button {
display: inline-flex;
align-items: center;
padding: 12px 24px;
background: #F8D53E;
color: #000;
font-weight: 600;
text-decoration: none;
border-radius: 4px;
transition: transform 0.2s, box-shadow 0.2s;
}
.page-template-page-template-teenused .teenused-archive .teenus-item__button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.page-template-page-template-teenused .teenused-archive .teenus-item__button-arrow {
display: inline-block;
margin-left: 12px;
width: 24px;
height: 24px;
background: #000;
color: #fff;
text-align: center;
line-height: 24px;
border-radius: 2px;
font-size: 16px;
} .page-template-page-template-teenused .teenused-archive .teenus-item__image {
width: 50%;
max-height: 500px;
clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
overflow: hidden;
}
.page-template-page-template-teenused .teenused-archive .teenus-item__image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
} .page-template-page-template-teenused .pagination {
margin: 40px 0;
text-align: center;
} @media (max-width: 768px) {
.page-template-page-template-teenused .teenused-archive .teenus-item {
flex-direction: column;
}
.page-template-page-template-teenused .teenused-archive .teenus-item__text,
.page-template-page-template-teenused .teenused-archive .teenus-item__image {
width: 100%;
clip-path: none;
}
.page-template-page-template-teenused .teenused-archive .teenus-item__text {
margin-bottom: 20px;
}
} .page-template-page-template-hinnakiri a.btn-header:visited { color: #000; }
.page-template-page-template-hinnakiri .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.page-template-page-template-hinnakiri .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 0px;
}
.page-template-page-template-hinnakiri .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.page-template-page-template-hinnakiri .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-hinnakiri .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-hinnakiri .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-hinnakiri .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-hinnakiri .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-hinnakiri .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-hinnakiri .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-hinnakiri .page-cta { margin-top: 1.5rem; }
.page-template-page-template-hinnakiri .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-hinnakiri .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-hinnakiri .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-hinnakiri .page-header { padding: 4rem 1rem; }
.page-template-page-template-hinnakiri .page-title { font-size: calc(var(--font-size-h1) * 0.8); }
.page-template-page-template-hinnakiri .page-subtitle { font-size: 1rem; }
} .page-template-page-template-hinnakiri .price-list .container {
max-width: 1200px;
margin: 0 auto;
padding: 4rem 1rem;
box-sizing: border-box;
}
.page-template-page-template-hinnakiri #page > section.price-list > div > div.price-group-panel.active > div.price-panel.active > table > tbody > tr.header {
height: 40px;
} .page-template-page-template-hinnakiri .price-groups ul {
display: flex;
gap: 1rem;
margin-bottom: 3rem;
padding: 0;
list-style: none;
border-bottom: 1px solid #ddd;
}
.page-template-page-template-hinnakiri .price-groups a {
display: block;
padding: .75rem 1.5rem;
font-size: var(--font-size-body);
font-weight: 600;
text-decoration: none;
color: #fff;
background: #222;
clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);
-webkit-clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);
transition: background .2s;
}
.page-template-page-template-hinnakiri .price-groups li.active a {
background: var(--site-color);
color: #000;
}
.page-template-page-template-hinnakiri .price-groups a:hover {
background: var(--site-color);
} .page-template-page-template-hinnakiri .price-group-panel { display: none; }
.page-template-page-template-hinnakiri .price-group-panel.active { display: block; } .page-template-page-template-hinnakiri .price-tabs ul {
display: flex;
gap: 1rem;
margin: 1rem 0 3em;
padding: 0;
list-style: none;
border-bottom: 1px solid #ddd;
}
.page-template-page-template-hinnakiri .price-tabs a {
position: relative;
font-size: var(--font-size-h4);
font-weight: 600;
text-decoration: none;
color: #222;
padding: .25rem 0;
border-bottom: 4px solid transparent;
transition: color .2s, border-color .2s;
}
.page-template-page-template-hinnakiri .price-tabs li.active a {
border-bottom-color: var(--site-color);
}
.page-template-page-template-hinnakiri .price-tabs a:hover {
border-bottom-color: var(--site-color);
} .page-template-page-template-hinnakiri .price-panel {
display: none;
animation: fadeIn .3s ease;
}
.page-template-page-template-hinnakiri .price-panel.active { display: block; }
.page-template-page-template-hinnakiri .price-panel table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5rem;
box-shadow: 0 4px 16px rgba(0,0,0,0.4);
border-radius: 8px;
overflow: hidden;
}
.page-template-page-template-hinnakiri .price-panel tr.header th {
background: var(--site-color);
font-weight: 600;
}
.page-template-page-template-hinnakiri .price-panel tr.even td { background: #fafafa; }
.page-template-page-template-hinnakiri .price-panel tr.odd  td { background: #fff; }
.page-template-page-template-hinnakiri .table-title h4 {} .page-template-page-template-hinnakiri .price-extra {
position: relative;
z-index: 1;
padding: 2rem 1rem;
margin-bottom: 2rem;
}
.page-template-page-template-hinnakiri .price-extra::before {
content: "";
position: absolute;
top: 0; left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
background: #E8E8E8;
z-index: -1;
}
.page-template-page-template-hinnakiri .price-extra * {
max-width: 1420px;
margin: 0 auto;
box-sizing: border-box;
} @media (max-width: 768px) {
.page-template-page-template-hinnakiri .price-groups ul,
.page-template-page-template-hinnakiri .price-tabs ul {
flex-wrap: wrap;
}
.page-template-page-template-hinnakiri .price-groups a,
.page-template-page-template-hinnakiri .price-tabs a {
flex: 1 1 auto;
text-align: center;
}
.page-template-page-template-hinnakiri .price-panel th,
.page-template-page-template-hinnakiri .price-panel td {
padding: .5rem;
font-size: .9rem;
}
.page-template-page-template-hinnakiri .price-extra {
padding: 1.5rem .75rem;
}
} .page-template-page-template-hinnakiri .price-panel table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.page-template-page-template-hinnakiri .price-panel th,
.page-template-page-template-hinnakiri .price-panel td {
padding: 6px;
border-top: 1px solid #ddd;
text-align: center;
font-size: var(--font-size-body);
word-wrap: break-word;
} @keyframes fadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} .page-template-page-template-header .site-main{
max-width: 1420px;
position: relative;
margin: auto;
}
.page-template-page-template-header .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 2rem 1rem;
color: #fff;
overflow: hidden;
}
.page-template-page-template-header .page-header::before {
content: '';
position: absolute;
inset: 0; z-index: 0;
}
.page-template-page-template-header .page-header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
margin: 0 auto;
}
.page-template-page-template-header .page-header .text-center {
align-items: center;
text-align: center;
}
.page-template-page-template-header .page-title {
font-size: var(--font-size-h1);
line-height: 1.1;
margin: 0;
}
.page-template-page-template-header .page-subtitle {
font-size: var(--font-size-bod);
line-height: 1.5;
font-weight: var(--fw-semibold);
max-width: 850px;
margin: 0;
line-height: 30px;
}
.page-template-page-template-header .page-cta {
margin-top: 1.5rem;
}
.page-template-page-template-header .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.page-template-page-template-header .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
}
.page-template-page-template-header .page-newsletter {
margin-top: 2rem;
width: 100%;
} @media (max-width: 768px) {
.page-template-page-template-header .page-header {
padding: 4rem 1rem;
}
.page-template-page-template-header .page-title {
font-size: calc(var(--font-size-h1) * 0.8);
}
.page-template-page-template-header .page-subtitle {
font-size: 1rem;
}
} .single-uudised .wp-block-button__link {
text-align: center;
padding: .9em 1.2em;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: var(--fw-medium);
transform: skew(-19deg);
border-radius: 0px;
}
.single-uudised a.wp-block-button__link { } .single-uudised .uudis-single {
max-width: 800px;
margin: 3rem auto;
padding: 0 1rem;
background: #fff;
}
.single-uudised .uudis-featured-image {
margin-top: 120px;
} .single-uudised .site-header {
background: #000;
} .single-uudised .uudis-featured-image {
margin-bottom: 2rem;
overflow: hidden;
border-radius: 0.5rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.single-uudised .uudis-featured-image img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.single-uudised .uudis-featured-image:hover img {
transform: scale(1.03);
} .single-uudised .uudis-title {
font-size: var(--font-size-h3);
line-height: 1.2;
margin: 0 0 1rem;
color: #222;
font-weight: var(--fw-extrabold);
} .single-uudised .uudis-single .entry-meta {
font-size: 0.875rem;
color: #777;
margin-bottom: 2rem;
} .single-uudised .uudis-content {
font-size: 1rem;
line-height: 1.8;
color: #333;
}
.single-uudised .uudis-content p {
margin-bottom: 1.5rem;
}
.single-uudised .uudis-content h2,
.single-uudised .uudis-content h3,
.single-uudised .uudis-content h4 {
margin: 2rem 0 1rem;
line-height: 1.3;
color: #222;
}
.single-uudised .uudis-content a {
color: var(--site-color);
text-decoration: none;
border-bottom: 1px solid var(--site-color);
transition: color .2s, border-color .2s;
}
.single-uudised .uudis-content a:hover {
color: darken(var(--site-color),10%);
border-color: transparent;
} .single-uudised .uudis-content blockquote {
border-left: 4px solid var(--site-color);
padding: 1rem 1.5rem;
margin: 2rem 0;
background: #f9f9f9;
font-style: italic;
} .single-uudised .uudis-content img {
max-width: 100%;
height: auto;
display: block;
margin: 1.5rem auto;
border-radius: 0.25rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
} .single-uudised .uudis-content ul,
.single-uudised .uudis-content ol {
margin: 1rem 0 1rem 1.5rem;
}
.single-uudised .uudis-content li {
margin-bottom: .5rem;
} .single-uudised .uudis-content iframe,
.single-uudised .uudis-content embed {
width: 100%;
height: auto;
} @media (max-width: 600px) {
.single-uudised .uudis-title {
font-size: 1.75rem;
}
.single-uudised .uudis-single {
margin: 2rem 0;
padding: 0 .5rem;
}
.single-uudised .uudis-content p {
margin-bottom: 1rem;
}
} .single-teenused a.btn-header:visited {
color: #000;
}
.single-teenused .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.single-teenused .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.single-teenused .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
}
.single-teenused .page-cta {
margin-top: 1.5rem;
}
.single-teenused .page-cta .btn--primary {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background-color 0.2s ease;
}
.single-teenused .page-cta .btn--primary:hover {
background-color: darken(var(--color-primary), 10%);
} .single-teenused .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 4rem 1rem;
color: #fff;
}
.single-teenused .page-header::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0,0,0,0.5);
z-index: 0;
}
.single-teenused .page-header .container {
position: relative;
z-index: 1;
max-width: 1420px;
margin: 0 auto;
margin-top: 65px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.single-teenused .page-title {
font-size: var(--font-size-h1);
margin: 0;
}
.single-teenused .text-center {
text-align: center;
align-items: center;
}
.single-teenused .page-subtitle {
font-size: var(--font-size-body);
font-weight: var(--fw-semibold);
max-width: 850px;
line-height: 1.5;
}
.single-teenused .page-cta .btn--primary {
margin-top: 1.5rem;
display: inline-block;
padding: 0.75rem 1.5rem;
background: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background 0.2s;
}
.single-teenused .page-cta .btn--primary:hover {
background: darken(var(--color-primary),10%);
}
.single-teenused .page-newsletter {
margin-top: 2rem;
} .single-teenused .teenus-single .container {
max-width: 1420px;
margin: 0 auto;
padding: 4rem 1rem;
} .single-teenused .teenus-single__header {
display: none;
} .single-teenused .teenus-single__body {
display: flex;
align-items: stretch;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
gap: 2rem;
} .single-teenused .teenus-single__content {
flex: 0 0 60%;
background: #fff;
padding: 2rem;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
border-radius: 8px;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
overflow: hidden;
} .single-teenused .teenus-single__image {
flex: 0 0 40%;
display: flex;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden;
clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}
.single-teenused .teenus-single__image img {
flex: 1 1 auto;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @media (max-width: 768px) {
.single-teenused .teenus-single__body {
flex-direction: column;
}
.single-teenused .teenus-single__content,
.single-teenused .teenus-single__image {
flex: 0 0 auto;
width: 100%;
clip-path: none;
}
.single-teenused .teenus-single__content {
margin-bottom: 2rem;
}
} .single-meeskond p.trainer-phone {
margin: 0;
margin-bottom: -12px;
font-weight: var(--fw-semibold);
}
.single-meeskond p.trainer-email {
font-weight: var(--fw-semibold);
}
.single-meeskond .single-trainer .container {
display: flex;
align-items: flex-start;
gap: 2rem;
}
.single-meeskond .trainer-image {
flex: 0 0 40%;
padding-top: 50%; background-size: cover;
background-position: center;
}
.single-meeskond .trainer-details {
flex: 1;
}
.single-meeskond .trainer-name {
font-size: var(--font-size-h2);
margin-bottom: 0.5rem;
}
.single-meeskond .trainer-position {
font-size: 1.125rem;
font-weight: var(--fw-semibold);
margin-bottom: 1.5rem;
}
.single-meeskond .trainer-bio {
font-size: var(--font-size-body);
line-height: 1.6;
}
@media (max-width: 768px) {
.single-meeskond .single-trainer .container {
flex-direction: column;
}
.single-meeskond .trainer-image {
width: 100%;
height: 500px;
padding-top: 60px;
flex: auto;
}
}
.single-meeskond .single-trainer {
margin-top: 100px;
}
.single-meeskond .site-header {
background: #000;
} .single-asukohad h4 {
margin-bottom: 4px;
margin-top:-5px;
padding: 0px;
}
.single-asukohad .location-info > h4:first-of-type {
margin-bottom:-30px;
}  .single-asukohad .location-columns {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (min-width: 768px) {
.single-asukohad .location-columns {
flex-direction: row;
gap: 3rem;
}
.location-service-box + .location-service-box {
border-left: 1px solid #a8a8a8;
padding-left: 2rem;
}
.single-asukohad .location-block {
flex: 1;
}
}
.single-asukohad a.btn-header:visited {
color: #000;
}
.single-asukohad .btn-header span {
display: inline-block;
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.single-asukohad .btn-header {
display: inline-flex;
align-items: center;
padding: 7px 0px 7px 18px;
background: var(--site-color);
color: #000;
text-decoration: none;
font-weight: 600;
transform: skew(-19deg);
transition: background .2s;
width: fit-content;
margin-top: 25px;
}
.single-asukohad .btn-header img {
display: inline-block;
width: 65px;
margin-left: .5em;
transform: skew(19deg);
} .single-asukohad .page-header {
position: relative;
background-size: cover;
background-position: center;
padding: 4rem 1rem;
color: #fff;
}
.single-asukohad .page-header::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0,0,0,0.5);
z-index: 0;
}
.single-asukohad .page-header .container {
position: relative;
z-index: 1;
max-width: 1420px;
margin: 0 auto;
margin-top: 65px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.single-asukohad .page-title {
font-size: var(--font-size-h1);
margin: 0;
}
.single-asukohad .text-center {
text-align: center;
align-items: center;
}
.single-asukohad .page-subtitle {
font-size: var(--font-size-body);
font-weight: var(--fw-semibold);
max-width: 850px;
line-height: 1.5;
}
.single-asukohad .page-cta .btn--primary {
margin-top: 1.5rem;
display: inline-block;
padding: 0.75rem 1.5rem;
background: var(--color-primary);
color: #fff;
text-decoration: none;
border-radius: 0.25rem;
transition: background 0.2s;
}
.single-asukohad .page-cta .btn--primary:hover {
background: darken(var(--color-primary),10%);
}
.single-asukohad .page-newsletter {
margin-top: 2rem;
} .single-asukohad .single-location {
max-width: 1420px;
margin: 4rem auto;
padding: 0 1rem;
display: flex;
gap: 2rem;
align-items: flex-start;
} .single-asukohad .location-left {
flex: 0 0 45%;
display: flex;
flex-direction: column;
gap: 2rem;
}
.single-asukohad .location-info {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.single-asukohad .location-info > div {
display: flex;
align-items: center;
font-size: var(--font-size-body);
}
.single-asukohad .location-icon {
flex-shrink: 0;
width: 1.25rem;
margin-right: 1rem;
} .single-asukohad .location-item > .location-info,
.single-asukohad .location-item > .location-map {
position: relative;
z-index: 1;
} .single-asukohad .location-info .location-title {
font-size: var(--font-size-h3);
margin: 0 0 1rem;
}
.single-asukohad .location-info .location-address,
.single-asukohad .location-info .location-phone,
.single-asukohad .location-info .location-email,
.single-asukohad .location-info .location-opening {
display: flex;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid #e5e5e5;
font-size: var(--font-size-body);
font-weight: var(--fw-semibold);
}
.single-asukohad .location-info .location-opening {
border-bottom: none;
} .single-asukohad .location-map {
width: 100%;
height: 400px;
margin-bottom: 50px;
position: relative;
max-width: 1420px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px,
rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
}
.single-asukohad .location-map iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: 0;
} .single-asukohad .location-right {
flex: 0 0 55%;
}
.single-asukohad .location-image {
width: 100%;
aspect-ratio: 4/3;
background-size: cover;
background-position: center;
border-radius: 0.5rem;
overflow: hidden;
} @media (max-width: 768px) {
.single-asukohad .location-info .location-block {
align-items: center;
text-align: center;
}
.single-asukohad .location-info .location-address, .single-asukohad .location-info .location-phone, .single-asukohad .location-info .location-email, .single-asukohad .location-info .location-opening {
display: block;
text-align: center;
}
.single-asukohad .location-info > h4:first-of-type {
margin-bottom:-30px;
}
.single-asukohad h4 {
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}
.single-asukohad .single-location {
flex-direction: column;
gap: 1.5rem;
}
.single-asukohad .location-left,
.single-asukohad .location-right,
.single-asukohad .location-map {
flex: 0 0 auto;
width: 100%;
}
.single-asukohad .location-map {
height: 300px;
clip-path: none;
margin-top: 1rem;
}
.single-asukohad .location-info {
align-items: center;
}
.single-asukohad .services-nav {
top: 66%;
}
}  .single-asukohad .services-grid.hide-services-mobile   { display: none; }
.single-asukohad .services-slider.hide-services-desktop { display: none; }
@media (min-width: 769px) {
.location-block + .location-block {
border-left: 1px solid #a8a8a8;
padding-left: 2rem;
}
.single-asukohad .services-grid.hide-services-mobile {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px 75px;
align-items: start;
margin-bottom: 4rem;
}
.single-asukohad .services-slider.hide-services-desktop {
display: none !important;
}
}
@media (max-width: 768px) {
.single-asukohad .services-grid.hide-services-mobile {
display: none !important;
}
.single-asukohad .services-slider.hide-services-desktop {
display: block !important;
}
.single-asukohad .services-intro {
padding-bottom: 25px;
text-align: center;
margin-top: -20px;
}
.page-template-page-template-homepage .services-section {
padding: 1rem 2rem;
}
} .single-asukohad .services-section {
background: #f5f5f5;
padding: 4rem 2rem;
overflow: hidden;
}
.single-asukohad .services-inner {
max-width: 1420px;
margin: 0 auto;
} .single-asukohad .services-intro {
padding: 40px 20px;
}
.single-asukohad .services-intro h2 {
font-size: var(--font-size-h2);
font-weight: 800;
margin-bottom: 1rem;
}
.single-asukohad .services-intro p {
font-size: var(--font-size-body);
line-height: 1.5;
margin-bottom: 1.5rem;
}
.single-asukohad .services-btn-all {
display: inline-flex;
align-items: center;
padding: 12px 24px;
background: #111;
color: #fff;
text-decoration: none;
padding: 7px 0 7px 18px;
transition: transform .2s, box-shadow .2s;
transform: skew(-19deg);
}
.single-asukohad .services-btn-all img {
margin-left: 0.5em;
width: 65px;
padding: 0;
transform: skew(19deg);
}
.single-asukohad .services-btn-all span {
transform: skew(19deg);
font-size: var(--font-size-btn);
}
.single-asukohad .services-btn-all:visited {
color: #fff;
}
.single-asukohad .services-btn-all img {
margin-left: 8px;
display: block;
} .single-asukohad .services-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
position: relative;
overflow: visible;
}
.single-asukohad .services-card-image-link {
display: block;
width: 100%;
aspect-ratio: 6 / 5;
overflow: hidden;
position: relative;
z-index: 2;
}
.single-asukohad .services-card-image {
position: relative;
z-index: 2;
}
.single-asukohad .services-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0; left: 0;
z-index: 2;
}
.single-asukohad .services-card-body {
background: #fff;
padding: 20px;
position: relative;
z-index: 1;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin: 0;
}
.single-asukohad .services-card-title {
margin: 0 0 .5rem;
font-size: var(--font-size-h4);
font-weight: 700;
}
.single-asukohad .services-card-text {
font-size: var(--font-size-body);
line-height: 1.5;
} @media (min-width: 769px) {
.single-asukohad .services-card-body {
margin: -150px -30px 30px;
width: calc(100% + 60px);
}
.single-asukohad .services-card-image {
position: relative;
z-index: 2;
}
.single-asukohad .services-card-title {
margin-top: 149px;
}
} .single-asukohad .services-card-link {
position: absolute;
top: 16px;
right: 16px;
width: 48px;
height: 48px;
background: var(--site-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
z-index: 3;
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
rotate: -45deg;
}
.single-asukohad .services-card-link img {
content: url(https://fvpadel.ee/wp-content/themes/fvtheme/assets/icons/arrow-right.svg);
width: 24px;
height: auto;
filter: invert(1);
} .single-asukohad .services-slider {
position: relative;
}
.single-asukohad .services-slider-viewport {
overflow: hidden;
}
.single-asukohad .services-slider-inner {
display: flex;
will-change: transform;
}
.single-asukohad .services-slide {
flex: 0 0 auto;
margin-right: 30px;
}
.single-asukohad .services-slide:last-child {
margin-right: 0;
} .single-asukohad .services-nav {
position: absolute;
top: 105%;
transform: translateY(-50%);
width: 35px;
height: 35px;
border: none;
border-radius: 50%;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: flex;
border: 1px solid black;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.single-asukohad .services-nav.prev {
left: -20px;
}
.single-asukohad .services-nav.prev img {
rotate: 180deg;
}
.single-asukohad .services-nav.next {
right: -20px;
}
.single-asukohad .services-nav img {
width: 1.2em;
filter: invert(1);
}  .checkout-container {
max-width: 1800px; margin: 0 auto; padding: 20px; } .checkout-layout {
display: flex;
flex-wrap: wrap;
gap: 20px; justify-content: center; } .checkout-billing {
flex: 0 0 44%; padding: 20px; }
.woocommerce-checkout .woocommerce-message {
display: none;
visibility: hidden;
}
.woocommerce-billing-fields {
border: 1px solid #e0e0e0;
border-radius: 8px;
margin: -21px;
padding: 26px;
margin-bottom: 34px;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .woocommerce-additional-fields {
padding: 15px;
margin: -20px;
margin-top: 20px;
border: 1px solid #e0e0e0;
border-radius: 5px;
background-color: #f9f9f9;
}
#billing_address_2_field {
display: none !important;
visibility: hidden;
} .checkout-order {
flex: 0 0 44%; padding: 20px; } #order_review {
margin-top: 15px; border-radius: 5px;
padding: 10px;
background-color: #fff;
} .checkout-container h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 15px; padding-bottom: 5px;
} @media (max-width: 900px) {
.checkout-layout {
flex-direction: column; }
.checkout-billing,
.checkout-order {
flex: 0 0 100%; }
}
.woocommerce-checkout-coupon-container {
max-width: 1568px;
width: 87%;
margin: 20px auto; padding: 0px;
background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0; border-radius: 8px; font-family: 'Arial', sans-serif; color: #000; }
.woocommerce-checkout-coupon-container .woocommerce-info {
font-size: 16px; line-height: 1.5; text-align: center; margin-bottom: 15px; }
.woocommerce-checkout-coupon-container .woocommerce-info a {
color: #000;
text-decoration: none; font-weight: bold; }
.woocommerce-checkout-coupon-container .woocommerce-info a:hover {
color: #000; text-decoration: underline; }
.woocommerce-checkout-coupon-container form.checkout_coupon {
text-align: center; }
.woocommerce-checkout-coupon-container form.checkout_coupon p {
margin-bottom: 15px; }
.woocommerce-checkout-coupon-container form.checkout_coupon .input-text {
width: calc(50% - 20px); max-width: 400px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 5px; margin-right: 10px; }
.woocommerce-checkout-coupon-container form.checkout_coupon .button {
background-color: #000; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }
.woocommerce-checkout-coupon-container form.checkout_coupon .button:hover {
background-color: #000; }
@media (max-width: 900px) {
.woocommerce-checkout-coupon-container {
width: auto;
margin: 20px;
padding: 0px;
}
.woocommerce-checkout-coupon-container form.checkout_coupon .input-text {
width: 100%;
}}
@media (max-width: 440px) {
.montonio-card-icon {
width: 144px;
}}
@media (max-width: 350px) {
.checkout-container {
padding: 7px;
}
.checkout-billing {
padding: 13px;
}
.woocommerce-checkout-coupon-container {
margin: 6px;
}
}
.woocommerce-form-coupon-toggle .woocommerce-info {
border-top-color: #000;
background-color: transparent;
}
.woocommerce-form-coupon-toggle  .woocommerce-info::before {
color: #000;
}
.woocommerce form.checkout_coupon {
border: none;
padding: 7px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
background-color: #000;
width: 100%;
font-size: 18px;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.woocommerce-checkout .page-banner {
padding: 160px 0 0px;
margin-top: 0px;
}
@media (max-width: 768px) {
#order_review {
padding: 0px;
}
.checkout-order {
padding: 0px;
}
}   .checkout-page-forms {
max-width: 1700px;
margin: 0 auto;
padding: 20px; background-color: #fff;
} @media (min-width: 900px) {
.checkout-page-forms {
display: flex;
justify-content: space-between;
gap: 20px;
}
.woocommerce-cart-form {
flex: 1 1 70%;
max-width: 70%;
}
.cart-collaterals {
flex: 1 1 30%;
max-width: 30%;
}
}
.checkout-page-forms h2 {
font-size: 25px;
font-style: normal;
font-weight: 900;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin-bottom: 0px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
} .shop_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.shop_table th,
.shop_table td {
padding: 10px;
border: 1px solid #e0e0e0;
text-align: left;
} .woocommerce-cart-form__cart-item {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .cart-collaterals {
padding: 20px;
border: 1px solid #e0e0e0;
border-radius: 8px;
background-color: #f9f9f9;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .woocommerce-cart-form button,
.woocommerce-cart-form input[type="submit"] {
background-color: #0073aa;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.woocommerce-cart-form button:hover,
.woocommerce-cart-form input[type="submit"]:hover {
background-color: #005177;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt {
background-color: #000;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
loat: left;
box-sizing: border-box;
border: 1px solid #cfc8d8;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
width: 200px;
border-radius: 5px;
}
.woocommerce-page table.cart td.actions {
text-align: right;
padding-top: 29px;
}
.product-remove {
width: 20px;
}
.woocommerce-cart table.cart img {
width: 100px;
}
.woocommerce-cart table.cart .product-thumbnail {
min-width: 32px;
width: 127px;
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
width: 100%;
}
.woocommerce table.shop_table {
border: none
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
}
.woocommerce-page table.cart td.actions .coupon .button {
width: 100%;
margin-top: 10px;
}
}
.woocommerce-cart a {
color: #000;
}  .woocommerce-account .woocommerce {
max-width: 1420px;
margin: 0 auto;
margin-top: 150px;
padding: 20px;
display: flex;
gap: 20px;
align-items: flex-start;
flex-wrap: wrap;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 260px;
padding: 15px 0;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
border-bottom: 1px solid #e0e0e0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
border-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
display: block;
padding: 12px 18px;
font-weight: var(--fw-semibold);
color: #000;
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
background: #000;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 0;
min-width: 280px;
padding: 22px 26px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.woocommerce-account .woocommerce-MyAccount-content p {
font-size: 16px;
line-height: 1.6;
color: #111;
margin: 0 0 16px;
}
.woocommerce-account .woocommerce-MyAccount-content a {
color: #000;
text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
color: #000;
}
@media (max-width: 900px) {
.woocommerce-account .woocommerce {
padding: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 100%;
}
}  .single-product .product-image {
padding-right: 20px;
}
.single-product .product-details {
padding-left: 20px;
}
.single-product .product-summary {
margin-top: 20px;
}
@media (min-width: 1025px) {
.single-product .summary.entry-summary {
position: sticky;
top: 200px;
align-self: start;
}
}
.single-product .product-tabs {
margin-top: 40px;
} .single-product form.variations_form .variations {
margin: 18px 0 20px;
border: 0;
width: 100%;
}
.single-product form.variations_form .variations tbody {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.single-product form.variations_form .variations tr {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 0 1 calc(33.333% - 11px);
max-width: calc(33.333% - 11px);
min-width: 180px;
}
.single-product form.variations_form .variations th,
.single-product form.variations_form .variations td {
padding: 0;
border: 0;
display: block;
width: 100%;
}
.single-product form.variations_form .variations label {
font-weight: 700;
font-size: 16px;
text-align: left;
}
.single-product form.variations_form .variations select {
width: 100%;
min-height: 44px;
padding: 8px 12px;
border: 1.5px solid #000;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08), inset 0 0 0 1px #000;
background-color: #fff;
font-weight: 600;
border-radius: 0;
transform: skew(-15deg);
transform-origin: center;
text-align: left;
}
.single-product form.variations_form .variations select * {
transform: skew(15deg);
transform-origin: center;
}
.single-product form.variations_form .variations select {
padding-left: 16px;
padding-right: 36px;
} .single-product .fv-package-select {
margin: 18px 0 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.single-product .fv-package-select__label {
font-weight: 700;
font-size: 16px;
text-align: left;
}
.single-product form.cart .fv-package-select__input {
width: 260px;
max-width: 100%;
min-height: 44px;
padding: 8px 12px;
border: 1.5px solid #000;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08), inset 0 0 0 1px #000;
background-color: #fff;
font-weight: 600;
border-radius: 0;
transform: skew(-15deg);
transform-origin: center;
text-align: left;
padding-left: 16px;
padding-right: 36px;
}
.single-product .fv-package-select__input * {
transform: skew(15deg);
transform-origin: center;
}
.single-product .fv-quantity-control {
display: inline-flex;
align-items: stretch;
position: relative;
border: none;
overflow: visible;
background: transparent;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08), inset 0 0 0 0px #000;
margin: 12px 0 24px;
height: 51px;
transform: skew(-15deg);
transform-origin: center;
}
.single-product .fv-quantity-control::before {
display: none;
}
.single-product .fv-quantity-control > * {
position: relative;
z-index: 1;
}
.single-product .fv-quantity-control .quantity {
display: flex;
align-items: stretch;
margin: 0;
padding: 0;
background: #fff;
position: relative;
transform: none;
height: 100%;
}
.single-product .fv-quantity-control input.qty {
border: none;
width: 90px;
text-align: center;
font-size: 18px;
font-weight: 700;
padding: 0 10px;
background: transparent;
box-shadow: none;
transform: skew(15deg);
transform-origin: center;
height: 100%;
}
.single-product .fv-quantity-control input.qty:focus {
outline: none;
box-shadow: none;
}
.single-product .fv-quantity-control input.qty::-webkit-outer-spin-button,
.single-product .fv-quantity-control input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.single-product .fv-quantity-control input.qty[type="number"] {
-moz-appearance: textfield;
}
.single-product .fv-qty-btn {
border: none;
background: transparent;
color: #000;
font-size: 0;
font-weight: 700;
padding: 0 18px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0px;
transition: background-color 0.2s ease, color 0.2s ease;
touch-action: manipulation;
position: relative;
overflow: hidden;
transform: none;
height: 100%;
}
.single-product .fv-qty-btn--plus {
color: #fff;
}
.single-product .fv-qty-btn::before {
content: "";
position: absolute;
inset: 0;
background: #f1f1f1;
z-index: 0;
transform: none;
}
.single-product .fv-qty-btn--plus::before {
background: #000;
}
.single-product .fv-qty-btn::after {
content: '-';
display: block;
font-size: 22px;
line-height: 1;
font-weight: 800;
color: currentColor;
position: relative;
z-index: 1;
transform: skew(15deg);
}
.single-product .fv-qty-btn--plus::after {
content: '+';
color: #fff;
}
.single-product .fv-qty-btn:hover {
background: transparent;
}
.single-product .fv-qty-btn--plus:hover {
background: transparent;
color: #fff;
}
.single-product .fv-qty-btn:hover::before {
background: #e6e6e6;
}
.single-product .fv-qty-btn--plus:hover::before {
background: #111;
}
.single-product .fv-qty-btn:focus-visible {
outline: 2px solid #000;
outline-offset: 2px;
} .single-product .woocommerce-variation-add-to-cart,
.single-product form.cart {
display: flex;
align-items: stretch;
gap: 12px;
flex-wrap: wrap;
}
.single-product .woocommerce-variation-add-to-cart .fv-quantity-control,
.single-product form.cart .fv-quantity-control {
margin: 0;
}
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
margin: 0;
flex: 1 1 0;
min-width: 220px;
width: auto;
float: none;
}
.single-product form.cart .single_add_to_cart_button.button.alt {
width: auto;
}
.single-product form.cart .fv-package-select {
flex: 1 1 100%;
position: relative;
z-index: 1;
}
.single-product form.cart .fv-quantity-control {
flex: 0 0 auto;
z-index: 2;
} .single-product form.variations_form.cart {
display: block;
}
.single-product .product_meta {
margin-top: 24px;
width: 100%;
display: block;
}
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as {
display: block;
margin: 2px 0;
}
.single-product .fv-attrs {
margin-top: 12px;
padding-top: 0px;
border-top:1px solid #000;
width: 100%;
}
.single-product .fv-attrs__toggle {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
background: transparent;
border: none;
padding: 10px 0;
font-size: 24px;
font-weight: 800;
cursor: pointer;
text-align: left;
gap: 8px;
}
.single-product .fv-attrs__label {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 500;
font-size: 20px;
}
.single-product .fv-attrs__icon {
font-size: 28px;
font-weight: 400;
line-height: 1;
}
.single-product .fv-attrs__panel {
margin-top: 12px;
width: 100%;
}
.single-product .fv-attrs__panel table {
width: 100%;
border-collapse: collapse;
border: 1px solid #505050;
}
.single-product .fv-attrs__panel th,
.single-product .fv-attrs__panel td {
padding: 5px 11px;
border-bottom: 1px solid #505050;
border-right: 1px solid #505050;
text-align: left;
font-weight: 600;
}
.single-product .fv-attrs__panel th p,
.single-product .fv-attrs__panel td p {
margin: 0px;
padding: 0px;
}
.single-product .fv-attrs__panel th {
width: 40%;
color: #111;
}
.single-product .fv-attrs__panel td {
font-weight: 500;
color: #444;
}
@media (max-width: 640px) {
.single-product form.variations_form .variations tr {
flex: 1 1 100%;
max-width: 100%;
}
.single-product .fv-quantity-control {
width: auto;
height: 42px;
}
.single-product .fv-quantity-control input.qty {
width: 45px;
font-size: 14px;
}
.single-product .fv-qty-btn {
flex: 1 0 30px;
padding: 0 10px;
}
.single-product .woocommerce-variation-add-to-cart {
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
}
.single-product form.cart {
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
}
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
min-width: 0;
height: 42px !important;
font-size: 12px !important;
padding: 0 16px !important;
}
.single-product .single_add_to_cart_button::after {
display: none !important;
content: none !important;
}
}
@media (min-width: 641px) {
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart {
flex-wrap: nowrap;
}
.single-product form.cart:has(.fv-package-select) {
flex-wrap: wrap;
}
} .woocommerce-product-gallery__trigger {
position: absolute;
top: 10px; left: 10px; z-index: 10;
} .woocommerce-product-gallery {
position: relative;
} .product-image img {
width: 100%;
height: auto;
} .single-product .wc_gc_send_as_gift_wrapper,
.single-product .custom-gift-card-checkbox {
display: flex;
align-items: center; gap: 10px; margin-bottom: 8px; }
.single-product form.cart:has(.wc_gc_send_as_gift_wrapper),
.single-product form.cart:has(.custom-gift-card-checkbox) {
flex-wrap: wrap;
}
.single-product form.cart .wc_gc_send_as_gift_wrapper,
.single-product form.cart .custom-gift-card-checkbox {
flex: 0 0 100%;
width: 100%;
}
.single-product form.cart .wc_gc_send_as_gift_wrapper ~ .fv-quantity-control {
display: none;
}
.single-product .wc_gc_send_as_gift_wrapper {
margin-top: 35px;
padding-bottom: 0 !important; } .single-product .site-main input[type="checkbox"] {
width: 18px;
height: 18px;
appearance: none;
background-color: #fff;
border: 2px solid #000;
border-radius: 2px; cursor: pointer;
margin-top: -3px;    display: inline-block; vertical-align: middle; position: relative; }
.single-product .site-main input[type="checkbox"]:checked {
background-color: #000;
}
.single-product .site-main input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px;
height: 8px;
background-color: #fff;
border-radius: 1px;
} .single-product .site-main label {
font-size: 16px;
color: #333;
cursor: pointer;
margin: 0; display: inline-block; line-height: 18px; vertical-align: middle; } .single-product .site-main input[type="text"],
.single-product textarea,
.single-product .datepicker {
width: 100%;
padding: 10px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-top: 5px;
margin-bottom: 15px;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.single-product .site-main input[type="text"]:focus,
.single-product textarea:focus,
.single-product .datepicker:focus {
border-color: #000;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
} .single-product small#delivery_date_notice {
font-size: 16px;
color: #555;
margin-top: 5px;
display: block;
} @media (max-width: 768px) {
.single-product .site-main input[type="checkbox"] {
width: 16px;
height: 16px;
}
.single-product .site-main label {
font-size: 13px;
}
.single-product .site-main input[type="text"],
.single-product textarea {
font-size: 13px;
padding: 8px;
}
.single-product button.single_add_to_cart_button {
font-size: 13px;
padding: 8px 16px;
}
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
background-color: #000;
}
@media (max-width: 400px) {
.wc-forward {
width: 100%;
text-align: center;
margin: 10px !important;
}
.go-to-checkout-btn {
width: 100%;
text-align: center;
margin: 10px !important;
}} .woocommerce-order {
max-width: 1700px;
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.single-product .woocommerce-product-attributes-item__desc {
display: block;
margin-top: 4px;
font-size: 12px;
color: #666;
}
.single-product .woocommerce-product-attributes-item__term-wrap {
display: block;
}
.single-product .woocommerce-product-attributes-item__term {
display: block;
}
.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
border-width: 0.75px !important;
}
.single-product .woocommerce-product-attributes {
border-width: 0.75px !important;
}
.woocommerce table.shop_table {
border: 1px solid transparent!important;
}
.shop_table th, .shop_table td {
border: 1px solid black!important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
background-color: #000;
width: 100%;
font-size: 18px;
} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #e9e6ed;
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #cfc8d8;
margin: 0;
list-style: none outside;
}
#place_order {
background-color: #000;
width: 96%;
font-size: 18px;
height: 47px;
color: #fff;
margin: 10px;
}
.woocommerce-terms-and-conditions-wrapper {
padding: 10px;
} .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
gap: 1rem;
} .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last {
flex: 1 1 calc(50% - 0.5rem);
} .woocommerce-billing-fields__field-wrapper .form-row-wide {
flex: 1 1 100%;
} .woocommerce-billing-fields__field-wrapper label {
display: block;
font-weight: 600;
margin-bottom: .25rem;
color: #333;
} .woocommerce-billing-fields__field-wrapper input.input-text,
.woocommerce-billing-fields__field-wrapper select {
width: 100%;
padding: .75rem 1rem;
border: 1px solid #ccc;
border-radius: .25rem;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
font-size: 1rem;
transition: border-color .2s, box-shadow .2s;
} .woocommerce-billing-fields__field-wrapper input:focus,
.woocommerce-billing-fields__field-wrapper select:focus {
outline: none;
border-color: var(--site-color);
box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.3);
} .woocommerce-billing-fields__field-wrapper abbr.required {
color: #d00;
} .hidden-field {
display: none !important;
} @media (max-width: 600px) {
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last {
flex: 1 1 100%;
}
}
textarea#order_comments {
margin-top: 20px;
}
.woocommerce-checkout .page-header  .page-title {
font-size: var(--font-size-h3);
line-height: 1.1;
margin: 0;
color: #000;
margin-top: 40px;
}
.woocommerce-checkout .page-header .container {
max-width: 1287px!important;
padding: 0rem 1rem!important;
} #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) {
border-radius: 0px!important;
border: 0px #fff!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:first-child  {
background-color: var(--site-color)!important;
color: #fff!important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:first-child {
background-color: var(--site-color)!important;
color: #fff!important;
} .page-template-padel-page-newsletter-option .site-header{
background: #000;
}
.page-template-padel-page-newsletter-option .entry-content {
margin-top: 135px;
}
.form-newsletter {
width: 100%;
max-width: 744px;
padding: 55px;
border-radius: 8px;
background: #efefef;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
margin: 50px auto;
}
.form-newsletter h1.entry-title {
font-size: 28px;
font-weight: 700;
text-transform: inherit;
}
.form-newsletter input[type="email"] {
display: block;
border: 1px solid #000;
background: #FFF;
width: 100%;
padding: 10px 30px;
}
.form-newsletter .nlopt-checks {
margin-top: 40px;
margin-bottom: 40px;
}
.nlopt-check input {
position: absolute;
opacity: 0;
}
.nlopt-check label {
position: relative;
padding-left: 20px;
}
.nlopt-check label:before {
content: "";
display: block;
position: absolute;
width: 14px;
height: 14px;
border: 1px solid #000;
left: 0;
}
.nlopt-check input:checked + label:after {
content: "";
display: block;
width: 8px;
height: 8px;
background: #000;
position: absolute;
top: 3px;
left: 3px;
}
.nlopt-check .nlopt-check__text h3 {
font-size: 18px;
font-weight: 400;
margin: 0;
line-height: 1;
}
.nlopt-check .nlopt-check__text p {
font-size: 15px;
}
.nlopt-submit {
font-size: 16px;
font-weight: 600;
background: #000 !important;
display: block;
padding: 20px 50px !important;
border: none !important;
margin: auto;
color: #fff!important;
}
.form-newsletter .fn-response.success h2 {
color:#169f46
}
.form-newsletter .fn-response.failed h2,
.fn-error {
color: #f21414;
font-weight: 700;
}
.nlopt-check {
display: flex
;
padding-bottom: 23px;
}
.nlopt-check__text {
margin-top: -2px;
}
h4.listing-title {
font-size: var(--font-size-h4);
padding: 0px;
margin: 0px;
margin-bottom: 10px;
margin-top: 20px;
}  .site-footer {
background: #111;
color: #fff;
padding: 4rem 2rem;
}
.footer-inner {
display: grid;
align-items: start; gap: 2rem;
max-width: 1420px;
margin: 0 auto;
align-items: flex-start; grid-template-columns: repeat(3, minmax(240px, 1fr));
grid-template-areas:
"logo links contact"
"copyright copyright copyright";
}
.footer-col {} .footer-logo {
grid-area: logo;
}
.footer-logo img {
min-width: 85%;
height: auto;
margin-top: 12px;
display: block;
filter: invert(1);
} .footer-links {
grid-area: links;
}
.footer-links h4 {
font-size: var(--font-size-h4);
margin-bottom: 1rem;
text-transform: uppercase;
margin: 0px;
margin-bottom: 12px;
}
.footer-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-links li {
margin-bottom: 0rem;
}
.footer-links a {
color: #fff;
text-decoration: none;
transition: color 0.2s;
font-size: var(--font-size-body);
line-height: 36px;
}
.footer-links a:hover {
color: var(--site-color);
} .footer-contact {
grid-area: contact;
}
.footer-contact h4 {
font-size: var(--font-size-h4);
margin: 1rem 0 0.75rem;
text-transform: uppercase;
margin: 0px;
margin-bottom: 12px;
}
.contact-item {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.footer-icon {
width: 20px;
height: auto;
margin-right: 0.5rem;
display: inline-block;
vertical-align: middle;
filter: brightness(0) invert(1);
}
.contact-item a {
color: #fff;
text-decoration: none;
transition: color 0.2s;
font-size: var(--font-size-body);
}
.contact-item a:hover {
color: #f4c600;
} .footer-social {
margin-top: 1.5rem;
}
.footer-social a {
display: inline-block;
margin-right: 1rem;
}
.social-icon {
width: 36px;
height: auto;
vertical-align: middle;
display: inline-block;
} .footer-copyright {
font-weight: 400;
font-size: 18px;
margin-top: 29px;
}
@media (max-width: 812px) {
.footer-inner {
grid-template-columns: 1fr;
grid-template-areas:
"logo"
"links"
"contact"
"copyright";
}
} @media (max-width: 600px) {
.site-footer {
padding: 2rem 1rem;
}
.footer-links h4,
.footer-contact h4 {
margin-top: 2rem;
}
.footer-logo img {
margin-top: 50px;
max-width: 100%;
}
.footer-copyright {
font-weight: 400;
font-size: var(--font-size-body);
margin-top: 20px;
}
.footer-links a {
font-size: var(--font-size-body);
line-height: 30px;
}
.contact-item a {
font-size: var(--font-size-body);
line-height: 30px;
}
}
.gform_footer input[type="submit"] {
border: 1px solid var(--site-color);
background: var(--site-color);
border-radius: 0px;
}
.gform_required_legend {
display: none;
visibility: hidden;
}  .single-product .site-header,
.woocommerce-cart .site-header {
margin-bottom: 35px !important;
z-index: 2;
} .post-type-archive-product .site-header {
background: #000;
} .site-footer {
position: relative; z-index: 1;
clear: both;
} .post-type-archive-product  .woocommerce-result-count,
.post-type-archive-product  .woocommerce-ordering,
.post-type-archive-product  ul.products,
.post-type-archive-product  nav.woocommerce-pagination,
.tax-product_cat          .woocommerce-result-count,
.tax-product_cat          .woocommerce-ordering,
.tax-product_cat          ul.products,
.tax-product_cat          nav.woocommerce-pagination,
.tax-product_tag          .woocommerce-result-count,
.tax-product_tag          .woocommerce-ordering,
.tax-product_tag          ul.products,
.tax-product_tag          nav.woocommerce-pagination,
[class*="tax-pa_"]        .woocommerce-result-count,
[class*="tax-pa_"]        .woocommerce-ordering,
[class*="tax-pa_"]        ul.products,
[class*="tax-pa_"]        nav.woocommerce-pagination {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
width: 100%;
} .post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 28px;
margin: 0 auto;
padding: 0;
}
@media (min-width: 1200px) {
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1199px) and (min-width: 900px) {
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 899px) and (min-width: 640px) {
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 550px) {
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
[class*="tax-pa_"] ul.products {
gap: 5px;
}
.woocommerce .fv-shop-archive {
padding: 0 5px;
}
.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
[class*="tax-pa_"] ul.products li.product .woocommerce-loop-product__title {
padding: 10px 18px 6px;
font-size: 14px;
}
.post-type-archive-product ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.tax-product_tag ul.products li.product .price,
[class*="tax-pa_"] ul.products li.product .price {
font-size: 14px;
}
} .post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product,
.tax-product_tag ul.products li.product,
[class*="tax-pa_"] ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
clear: none !important;
background: #fff;
box-shadow: 0 10px 22px rgba(0,0,0,.08);
overflow: hidden;
display: flex;
flex-direction: column;
} .post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link,
.tax-product_tag ul.products li.product a.woocommerce-LoopProduct-link,
[class*="tax-pa_"] ul.products li.product a.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
} .post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link picture,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link picture,
.tax-product_tag ul.products li.product a.woocommerce-LoopProduct-link picture,
[class*="tax-pa_"] ul.products li.product a.woocommerce-LoopProduct-link picture { display:block; }
.post-type-archive-product ul.products li.product a.woocommerce-LoopProduct-link img,
.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link img,
.tax-product_tag ul.products li.product a.woocommerce-LoopProduct-link img,
[class*="tax-pa_"] ul.products li.product a.woocommerce-LoopProduct-link img {
width: 100% !important;
height: auto;
aspect-ratio: 3 / 4;
object-fit: contain;
background: #fff;
display: block;
} .tax-product_cat.term-18 ul.products li.product a.woocommerce-LoopProduct-link img,
.tax-product_tag.term-18 ul.products li.product a.woocommerce-LoopProduct-link img {
aspect-ratio: 1 / 1;
object-fit: contain;
} .post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
[class*="tax-pa_"] ul.products li.product .woocommerce-loop-product__title {
padding: 22px 18px 6px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-align: center;
margin: 0;
}
.post-type-archive-product ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.tax-product_tag ul.products li.product .price,
[class*="tax-pa_"] ul.products li.product .price {
padding: 0 18px 0px;
font-size: 16px;
font-weight: 500;
text-align: center;
margin: 0;
} .post-type-archive-product ul.products li.product .star-rating,
.tax-product_cat ul.products li.product .star-rating,
.tax-product_tag ul.products li.product .star-rating,
[class*="tax-pa_"] ul.products li.product .star-rating,
.post-type-archive-product ul.products li.product .added_to_cart,
.tax-product_cat ul.products li.product .added_to_cart,
.tax-product_tag ul.products li.product .added_to_cart,
[class*="tax-pa_"] ul.products li.product .added_to_cart { display:none !important; } .woocommerce ul.products li.product img.woocommerce-placeholder { background:#eee; color:transparent; } .post-type-archive-product ul.products li.product a.button,
.tax-product_cat ul.products li.product a.button,
.tax-product_tag ul.products li.product a.button,
[class*="tax-pa_"] ul.products li.product a.button {
--fv-shop-btn-panel: 38px;
--fv-shop-btn-icon: 34px;
--fv-shop-btn-gap: 10px;
--fv-shop-btn-right: 7px;
margin: 18px;
width: calc(100% - 36px);
height: 45px;
background: #1a1a1a;
color: #fff !important;
display: flex;
justify-content: flex-start; align-items: center;
font-weight: 500;
font-size: 13px;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: .02em;
text-decoration: none;
border: 0;
position: relative;
overflow: visible;
transform: skew(-17deg);
box-shadow: 0 12px 20px rgba(0,0,0,.12);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
padding-left: 28px; padding-right: calc(var(--fv-shop-btn-panel) + var(--fv-shop-btn-gap) + var(--fv-shop-btn-right)); box-sizing: border-box;
} .post-type-archive-product ul.products li.product a.button > *,
.tax-product_cat ul.products li.product a.button > *,
.tax-product_tag ul.products li.product a.button > *,
[class*="tax-pa_"] ul.products li.product a.button > * { transform: skew(12deg); } .post-type-archive-product ul.products li.product a.button::before,
.tax-product_cat ul.products li.product a.button::before,
.tax-product_tag ul.products li.product a.button::before,
[class*="tax-pa_"] ul.products li.product a.button::before { content:none !important; } .post-type-archive-product ul.products li.product a.button::after,
.tax-product_cat ul.products li.product a.button::after,
.tax-product_tag ul.products li.product a.button::after,
[class*="tax-pa_"] ul.products li.product a.button::after {
content: "";
position: absolute;
top: 6px;
bottom: 6px;
right: var(--fv-shop-btn-right);
width: var(--fv-shop-btn-panel);
background: #fff;
transform: skew(-2deg);
box-sizing: border-box;
background-image: url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: var(--fv-shop-btn-icon) var(--fv-shop-btn-icon);
} .post-type-archive-product ul.products li.product a.button:hover,
.tax-product_cat ul.products li.product a.button:hover,
.tax-product_tag ul.products li.product a.button:hover,
[class*="tax-pa_"] ul.products li.product a.button:hover {
background: #000;
box-shadow: 0 12px 26px rgba(0,0,0,.16);
} .post-type-archive-product ul.products li.product a.button,
.post-type-archive-product ul.products li.product a.button:hover,
.tax-product_cat ul.products li.product a.button,
.tax-product_cat ul.products li.product a.button:hover,
.tax-product_tag ul.products li.product a.button,
.tax-product_tag ul.products li.product a.button:hover,
[class*="tax-pa_"] ul.products li.product a.button,
[class*="tax-pa_"] ul.products li.product a.button:hover { text-decoration: none !important; }  .shop-tools {
max-width: 1440px;
margin: 0 auto 20px;
padding: 0 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
} .shop-tools .woocommerce-result-count {
font-size: 14px;
color: #333;
margin-top: 32px;
} .shop-tools .woocommerce-ordering {
margin: 0;
text-align: right;
} .shop-tools .woocommerce-ordering select.orderby {
appearance: none; -webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 6px 32px 6px 12px; font-size: 14px;
font-family: inherit;
color: #333;
cursor: pointer;
line-height: 1.4;
background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E<path d='M6 9l6 6 6-6'/></svg>");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 14px 14px;
}
.shop-tools .woocommerce-ordering select.orderby:focus {
outline: none;
border-color: #000;
}   .woocommerce-notices-wrapper,
.woocommerce .woocommerce-notices-wrapper,
.woocommerce-page .woocommerce-notices-wrapper {
max-width: 1440px;
margin: 14px auto 28px;
padding: 0 20px;
box-sizing: border-box;
} .woocommerce-message,
.woocommerce-error,
.woocommerce-info {
position: relative;
border: 1px solid rgba(0,0,0,.06);
border-radius: 14px;
padding: 18px 20px 18px 64px; margin: 14px 0; background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));
color: #111;
box-shadow:
0 1px 0 rgba(255,255,255,.8) inset,
0 10px 18px rgba(0,0,0,.06),
0 24px 48px rgba(0,0,0,.12);
-webkit-backdrop-filter: saturate(140%) blur(2px);
backdrop-filter: saturate(140%) blur(2px);
animation: wcNoticeIn .28s cubic-bezier(.2,.7,.2,1) both;
line-height: 1.5;
} .woocommerce-error,
.woocommerce-info {
list-style: none; padding-left: 64px; margin-left: 0;
}
.woocommerce-error li + li,
.woocommerce-info li + li { margin-top: 6px; } .woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 7px;
border-radius: 14px 0 0 14px;
box-shadow:
0 0 12px currentColor inset,
0 0 0 1px rgba(0,0,0,.03) inset;
color: transparent; } .woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
content: "";
position: absolute;
left: 22px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 50%;
background: currentColor; -webkit-mask-size: 16px 16px;
mask-size: 16px 16px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
box-shadow: 0 6px 12px rgba(0,0,0,.12);
} .woocommerce-message {
background:
linear-gradient(180deg, rgba(245,255,247,.96), rgba(245,255,247,.92));
}
.woocommerce-message::before { color: #20c36a; }
.woocommerce-message::after  {
color: #20c36a;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M8.5 13.5 4.8 9.8l1.4-1.4 2.3 2.3 4.9-4.9 1.4 1.4z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M8.5 13.5 4.8 9.8l1.4-1.4 2.3 2.3 4.9-4.9 1.4 1.4z"/></svg>');
} .woocommerce-error {
background:
linear-gradient(180deg, rgba(255,247,247,.96), rgba(255,247,247,.92));
}
.woocommerce-error::before { color: #ff4d4f; }
.woocommerce-error::after  {
color: #ff4d4f;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M10 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm1 12H9v-2h2v2Zm0-3H9V5h2v6Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M10 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm1 12H9v-2h2v2Zm0-3H9V5h2v6Z"/></svg>');
} .woocommerce-info {
background:
linear-gradient(180deg, rgba(246,251,255,.96), rgba(246,251,255,.92));
}
.woocommerce-info::before { color: #4098ff; }
.woocommerce-info::after  {
color: #4098ff;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M9 8h2v7H9V8Zm1-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M9 8h2v7H9V8Zm1-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>');
} .woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
color: inherit;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 2px;
} .woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
margin-left: 10px;
border-radius: 0px;
padding: 8px 14px;
background: transparent;
color: #000;
margin-top: -10px;
border: none;
float: right;
} @keyframes wcNoticeIn {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
} @media (prefers-reduced-motion: reduce) {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info { animation: none; }
} .woocommerce .notice-dismiss {
position: absolute;
top: 10px; right: 12px;
width: 28px; height: 28px;
opacity: .6;
transition: opacity .15s ease;
}
.woocommerce .notice-dismiss:hover { opacity: 1; } .woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border: none !important; border-left: 0 !important; border-top: 0 !important; outline: none !important; background-clip: padding-box; } .woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border-color: transparent !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border-top-color: transparent !important;
border-left-color: transparent !important;
}  @media (max-width: 1024px) {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 16px 16px 16px 56px;
border-radius: 12px;
}
.woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
left: 18px;
width: 22px; height: 22px;
-webkit-mask-size: 14px 14px; mask-size: 14px 14px;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before { width: 6px; }
} @media (max-width: 768px) { .woocommerce-notices-wrapper { padding: 0 16px; }
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 14px 14px 14px 14px;
margin: 12px 0;
text-align: center;
line-height: 1.45;
box-shadow:
0 1px 0 rgba(255,255,255,.7) inset,
0 8px 16px rgba(0,0,0,.06),
0 18px 34px rgba(0,0,0,.10);
} .woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before { width: 5px; }
.woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
left: 14px;
width: 20px; height: 20px;
-webkit-mask-size: 12px 12px; mask-size: 12px 12px;
box-shadow: 0 4px 8px rgba(0,0,0,.10);
} .woocommerce-error,
.woocommerce-info { padding-left: 50px; }
.woocommerce-error li + li,
.woocommerce-info li + li { margin-top: 4px; } .woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
float: none;
display: inline-flex
;
align-items: center;
justify-content: center;
width: 100%;
margin: 10px 0 0 0;
padding: 7px 10px;
border-radius: 6px;
background: none;
color: #000;
font-size: 17px;
font-weight: 400;
}
.woocommerce-message::after {
display: none;
}
.shop-tools .woocommerce-ordering select.orderby {
max-width: 172px;
}
.shop-tools {
padding: 0 8px;
}
.post-type-archive-product .woocommerce-ordering,
[class*="tax-pa_"] .woocommerce-ordering {
padding-left: 20px;
padding-right: 0px;
}
.post-type-archive-product .woocommerce-result-count,
[class*="tax-pa_"] .woocommerce-result-count {
padding-left: 0px;
padding-right: 0px;
}
.post-type-archive-product ul.products, .tax-product_cat ul.products, .tax-product_tag ul.products, [class*="tax-pa_"] ul.products {
padding: 0 8px;
}
.post-type-archive-product ul.products li.product a.button::after, .tax-product_cat ul.products li.product a.button::after, .tax-product_tag ul.products li.product a.button::after, [class*="tax-pa_"] ul.products li.product a.button::after {
width: var(--fv-shop-btn-panel);
background-size: var(--fv-shop-btn-icon) var(--fv-shop-btn-icon);
}
.post-type-archive-product ul.products li.product a.button, .tax-product_cat ul.products li.product a.button, .tax-product_tag ul.products li.product a.button, [class*="tax-pa_"] ul.products li.product a.button {
height: 48px;
justify-content: center;
text-align: center;
padding-left: calc(var(--fv-shop-btn-panel) + var(--fv-shop-btn-gap) + var(--fv-shop-btn-right));
--fv-shop-btn-panel: 34px;
--fv-shop-btn-icon: 30px;
padding-right: calc(var(--fv-shop-btn-panel) + var(--fv-shop-btn-gap) + var(--fv-shop-btn-right));
}
} @media (max-width: 480px) {
.woocommerce-notices-wrapper { padding: 0 12px; }
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 12px 12px 12px 10px;
border-radius: 10px;
margin: 10px 0;
font-size: 14px; }
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before { width: 4px; }
.woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
left: 12px;
width: 18px; height: 18px;
-webkit-mask-size: 11px 11px; mask-size: 11px 11px;
} .woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
text-underline-offset: 1.5px;
word-break: break-word;
}
}    .related.products.js-relslider,
.upsells.products.js-relslider {
position: relative;
max-width: 1440px; margin: 0 auto 40px;
padding: 0 12px;
box-sizing: border-box;
margin-top: 250px;
} .related.products.js-relslider .rel-viewport,
.upsells.products.js-relslider .rel-viewport {
overflow: hidden;
padding: 0 12px;
} .related.products.js-relslider ul.products,
.upsells.products.js-relslider ul.products {
display: flex;
gap: 24px;
margin: 0;
padding: 0; list-style: none;
will-change: transform; } .related.products.js-relslider ul.products > li.product,
.upsells.products.js-relslider ul.products > li.product {
flex: 0 0 33.3333%;
max-width: 33.3333%;
margin: 0 !important;
box-sizing: border-box;
}
.related.products.js-relslider ul.products > li.product {
flex: 0 0 25%;
max-width: 25%;
}
.upsells.products.js-relslider ul.products > li.product {
flex: 0 0 25%;
max-width: 25%;
} .related.products.js-relslider ul.products > li.product,
.upsells.products.js-relslider ul.products > li.product {
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 22px rgba(0,0,0,.08);
} .related.products.js-relslider ul.products > li.product a img,
.upsells.products.js-relslider ul.products > li.product a img {
display: block;
width: 100%;
aspect-ratio: 3 / 4; object-fit: cover; height: auto;
-webkit-user-drag: none; user-select: none;
pointer-events: auto; } .related.products.js-relslider .woocommerce-loop-product__title,
.upsells.products.js-relslider .woocommerce-loop-product__title {
text-align: center;
font-weight: 800;
margin: 14px 12px 6px;
text-decoration: none;
font-size: 16px;
}
.related.products.js-relslider .price,
.upsells.products.js-relslider .price {
text-align: center;
font-weight: 700;
margin: 0 12px 16px;
display: block;
font-size: 16px;
}
.related.products.js-relslider .woocommerce-loop-product__title a,
.upsells.products.js-relslider .woocommerce-loop-product__title a,
.related.products.js-relslider .price a,
.upsells.products.js-relslider .price a {
text-decoration: none !important;
color: inherit !important;
}
.related.products.js-relslider .woocommerce-loop-product__title a:hover,
.upsells.products.js-relslider .woocommerce-loop-product__title a:hover,
.related.products.js-relslider .price a:hover,
.upsells.products.js-relslider .price a:hover {
text-decoration: none !important;
} .related.products.js-relslider li.product a,
.upsells.products.js-relslider  li.product a {
text-decoration: none !important;
color: inherit;
} .related.products.js-relslider .price a,
.upsells.products.js-relslider  .price a,
.related.products.js-relslider .price ins,
.upsells.products.js-relslider  .price ins,
.related.products.js-relslider .price del,
.upsells.products.js-relslider  .price del {
text-decoration: none !important;
} .related.products.js-relslider .woocommerce-loop-product__title a,
.upsells.products.js-relslider  .woocommerce-loop-product__title a {
text-decoration: none !important;
} .related.products.js-relslider .rel-nav,
.upsells.products.js-relslider .rel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px; height: 44px;
border: none;
border-radius: 50%; background-color: #000; background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px; cursor: pointer;
z-index: 2;
box-shadow: 0 4px 12px rgba(0,0,0,.25);
padding: 0;
line-height: 0;
} .related.products.js-relslider .rel-nav::before,
.upsells.products.js-relslider .rel-nav::before,
.related.products.js-relslider .rel-nav::after,
.upsells.products.js-relslider .rel-nav::after {
content: none !important;
} .related.products.js-relslider .rel-next,
.upsells.products.js-relslider .rel-next {
right: 10px;
background-image: url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/arrow-right.svg);
}
.related.products.js-relslider .rel-prev,
.upsells.products.js-relslider .rel-prev {
left: 10px;
background-image: url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/arrow-right.svg);
transform: translateY(-50%) rotate(180deg); } .related.products.js-relslider .rel-nav[disabled],
.upsells.products.js-relslider .rel-nav[disabled] {
opacity: .35;
cursor: default;
} .related.products.is-dragging,
.upsells.products.is-dragging { user-select: none; }
.related.products.is-dragging img,
.upsells.products.is-dragging img { pointer-events: none; } @media (max-width: 1024px) {
.related.products.js-relslider ul.products > li.product,
.upsells.products.js-relslider ul.products > li.product {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 640px) {
.related.products.js-relslider .rel-viewport,
.upsells.products.js-relslider .rel-viewport { padding: 0 8px; }
.related.products.js-relslider ul.products > li.product,
.upsells.products.js-relslider ul.products > li.product {
flex: 0 0 100%;
max-width: 100%;
} .related.products.js-relslider .rel-nav,
.upsells.products.js-relslider .rel-nav {
top: 45%;
}
} .related.products.js-relslider ul.products > li.product .button.view-product,
.upsells.products.js-relslider ul.products > li.product .button.view-product {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-weight: 400;
font-size: 15px;
font-style: italic;
text-transform: uppercase;
color: #fff;
background: #111;
border: none;
padding: 0 22px 0 72px;
height: 44px;
margin: 0 12px 18px;
position: relative;
overflow: hidden;
text-decoration: none;
clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
transition: background .25s ease;
width: calc(100% - 24px); } .related.products.js-relslider ul.products > li.product .button.view-product::after,
.upsells.products.js-relslider ul.products > li.product .button.view-product::after {
content: "";
display: block;
width: 43px;
height: 45px; background: #fff url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg) no-repeat center center;
background-size: 49px 49px;
position: absolute;
right: 13px;
transform: skew(-18deg);
top: 4px;
}
@media (min-width: 1400px) {
.related.products.js-relslider ul.products > li.product .button.view-product,
.upsells.products.js-relslider ul.products > li.product .button.view-product {
height: 42px;
font-size: 13px;
padding: 0 18px 0 60px;
letter-spacing: 0.03em;
}
.related.products.js-relslider ul.products > li.product .button.view-product::after,
.upsells.products.js-relslider ul.products > li.product .button.view-product::after {
width: 36px;
height: 38px;
right: 10px;
top: 3px;
background-size: 32px 32px;
}
} .related.products.js-relslider ul.products > li.product .button.view-product:hover,
.upsells.products.js-relslider ul.products > li.product .button.view-product:hover {
background: #000;
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1327px){
.post-type-archive-product ul.products li.product a.button {
padding-left: 28px;
}
}
.is-large.wc-block-cart {
max-width: 1440px;
padding: 10px;
}
.is-medium.wc-block-components-sidebar-layout {
padding: 10px;
}
.is-small.wc-block-components-sidebar-layout {
padding: 10px;
} .wc-block-cart__submit-button.contained {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 55px;
background: #000;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-style: italic;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .02em;
text-decoration: none;
border: 0;
transform: skew(-17deg);
box-shadow: 0 12px 20px rgba(0, 0, 0, .12);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
overflow: hidden;
padding-left: 18px;
} .wc-block-cart__submit-button.contained span {
transform: skew(17deg);
display: inline-block;
} .wc-block-cart__submit-button.contained::before {
content: "";
display: inline-block;
width: 60px;
height: 43px;
max-height: 50px;
background: #fff url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg) no-repeat center center;
background-size: 58px 58px;
transform: skew(0deg);
position: absolute;
right: 0;
top: 1px;
bottom: 1px;
right: 3px;
margin: auto;
} .wc-block-cart__submit-button.contained:hover {
background: #1a1a1a;
box-shadow: 0 14px 25px rgba(0, 0, 0, .2);
transform: skew(-17deg) scale(1.02);
}
.woocommerce-checkout .page-header .container {
max-width: 1440px!important;
}
@media (max-width: 600px) {
.is-mobile .wc-block-components-form .wc-block-components-checkout-step:first-of-type {
padding: 10px;
}
.wp-block-woocommerce-checkout-billing-address-block {
padding: 10px!important;
}
.wc-block-components-checkbox label {
margin-left: 10px;
}
.is-mobile .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
padding: 10px;
}
} .wc-block-components-checkout-place-order-button.contained {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 55px;
background: #000;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-style: italic;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .02em;
text-decoration: none;
border: 0;
transform: skew(-17deg);
box-shadow: 0 12px 20px rgba(0, 0, 0, .12);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
overflow: hidden;
padding-left: 18px;
cursor: pointer;
} .wc-block-components-checkout-place-order-button.contained span {
transform: skew(17deg);
display: inline-block;
} .wc-block-components-checkout-place-order-button.contained::before {
content: "";
display: inline-block;
width: 60px;
height: 43px;
max-height: 50px;
background: #fff url(https://fvsport.andrihallik.ee/wp-content/themes/fvtheme/assets/icons/light-arrow.svg) no-repeat center center;
background-size: 58px 58px;
transform: skew(0deg);
position: absolute;
right: 3px;
top: 1px;
bottom: 1px;
margin: auto;
} .wc-block-components-checkout-place-order-button.contained:hover {
background: #1a1a1a;
box-shadow: 0 14px 25px rgba(0, 0, 0, .2);
transform: skew(-17deg) scale(1.02);
}
.cart-title {
max-width: 1440px;
margin: auto;
margin-bottom: 50px;
}
.cart-title h1 {
font-size: var(--font-size-h3);
} .woocommerce .fv-shop-hero {
position: relative;
width: 100%;
background: #111;
background-size: cover;
background-position: center;
margin: 0 0 26px; min-height: 100%;
height: 100%;
display: flex;
align-items: stretch;
max-width: none;
}
.woocommerce .fv-shop-hero {
width: 100vw;
margin-top: 85px;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.post-type-archive-product .fv-shop-hero {
margin-top: 70px;
}
.woocommerce .fv-shop-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.1) 100%);
pointer-events: none;
}
.woocommerce .fv-shop-hero__inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 34px 20px 40px;
}
.post-type-archive-product .fv-shop-hero__inner {
padding: 120px 20px 40px;
}
.woocommerce .fv-shop-hero.fv-shop-hero--no-image .fv-shop-hero__overlay {
background: rgba(0,0,0,0.75);
}
.woocommerce .fv-shop-breadcrumb {
font-size: 12px;
color: rgba(255,255,255,0.75);
margin-bottom: 8px;
}
.woocommerce .fv-shop-breadcrumb a {
color: inherit;
text-decoration: none;
}
.woocommerce .fv-shop-breadcrumb a:hover {
text-decoration: underline;
}
.woocommerce .fv-shop-hero__title,
.woocommerce .fv-shop-hero .woocommerce-products-header__title {
color: #fff;
font-size: var(--font-size-h1);
font-weight: 800;
margin: 0 0 10px;
}
.woocommerce .fv-shop-hero__description,
.woocommerce .fv-shop-hero .woocommerce-products-header__description {
max-width: 990px;
color: rgba(255,255,255,0.82);
font-size: 15px;
line-height: 1.6;
} .pswp {
z-index: 900 !important;
}
.pswp__scroll-wrap {
z-index: 900 !important;
}
.pswp__bg {
z-index: 899 !important;
} .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1 !important;
transition: none;
filter: none;
box-shadow: 0 6px 14px rgba(0,0,0,.12);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img {
filter: none;
transition: none;
}
.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
gap: 10px !important;
}
@media (max-width: 1024px) {
.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
gap: 8px !important;
}
}
.woocommerce .fv-shop-archive {
max-width: 1440px;
margin: 0 auto 80px;
padding: 0 20px;
}
.woocommerce .fv-shop-layout {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 32px;
align-items: start;
}
.woocommerce .fv-shop-sidebar {
background: #f4f4f4;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 18px;
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
position: sticky;
top: 120px;
}
.woocommerce .fv-shop-mobile-tools {
display: none;
}
.woocommerce .fv-shop-filter-overlay {
display: none;
}
.woocommerce .fv-shop-sidebar__mobile {
display: none;
}
.woocommerce .fv-shop-sidebar__title {
font-weight: 700;
font-size: 15px;
margin-bottom: 14px;
}
.woocommerce .fv-facet-card--static {
cursor: default;
}
.woocommerce .fv-facet-card--static .fv-facet-label::after {
content: '';
display: none;
}
.woocommerce .fv-facet-card--static .facetwp-facet {
padding: 8px 14px 14px;
}
.woocommerce .fv-facet-card--static .facetwp-checkbox {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
cursor: pointer;
font-size: 16px;
color: #111;
background: none !important;
padding-left: 0 !important;
}
.woocommerce .fv-facet-card--static .facetwp-checkbox::before {
content: none;
}
.woocommerce .fv-facet-card--static .facetwp-checkbox::after {
content: '';
width: 16px;
height: 16px;
border: 1px solid #111;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 16px;
order: 3;
}
.woocommerce .fv-facet-card--static .facetwp-checkbox.checked::after {
background: #111;
box-shadow: inset 0 0 0 3px #fff;
}
.woocommerce .fv-facet-card--static .facetwp-display-value {
flex: 1;
order: 1;
text-decoration: none;
}
.woocommerce .fv-facet-card--static .facetwp-counter {
color: #777;
font-size: 12px;
order: 2;
}
.woocommerce .fv-facet-card--static .facetwp-facet.facetwp-type-checkboxes {
display: flex;
flex-direction: column;
}
.woocommerce .fv-facet-card--static .facetwp-checkbox + .facetwp-checkbox {
border-top: 1px solid #eee;
}
.woocommerce .fv-shop-sidebar .fv-facet-card .fs-dropdown {
position: static !important;
border: 0;
box-shadow: none;
background: transparent;
display: none !important;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open .fs-dropdown {
display: block !important;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open .fs-dropdown.fs-hidden {
display: block !important;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open .fs-dropdown .fs-search {
border-bottom: 1px solid #e1e1e1;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open .fs-option {
border-top: 1px solid #efefef;
}
.woocommerce .fv-shop-main .fv-active-facets {
max-width: none;
margin: 0 0 14px;
padding: 0;
}
.woocommerce .fv-shop-main .shop-tools {
max-width: none;
padding: 0;
margin: 0 0 18px;
}
.woocommerce .fv-shop-main .shop-tools .woocommerce-result-count {
margin-top: 0;
padding: 0px;
}
.woocommerce .fv-shop-sidebar .fv-archive-facets {
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
max-width: none;
}
.woocommerce .fv-shop-sidebar .fv-facet-card {
display: block;
background: #fff;
border: 1px solid #e1e1e1;
border-radius: 8px;
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.06);
}
.woocommerce .fv-shop-sidebar .fv-facet-label {
font-weight: 600;
font-size: 14px;
padding: 12px 14px;
}
.woocommerce .fv-shop-sidebar .fv-facet-card .fs-dropdown {
position: static !important;
border: 0;
box-shadow: none;
background: transparent;
}
.woocommerce .fv-shop-sidebar .fv-facet-card .fs-dropdown .fs-search {
border-bottom: 1px solid #e1e1e1;
}
.woocommerce .fv-shop-sidebar .fv-facet-card .fs-option {
border-top: 1px solid #efefef;
} .woocommerce .fv-shop-sidebar .fv-facet-card:not(.fv-facet-card--static) .facetwp-facet {
display: none;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open:not(.fv-facet-card--static) .facetwp-facet {
display: block;
}
.woocommerce .fv-shop-sidebar .fv-facet-card:not(.fv-facet-card--static) .fs-wrap {
display: none !important;
}
.woocommerce .fv-shop-sidebar .fv-facet-card.fv-open:not(.fv-facet-card--static) .fs-wrap {
display: block !important;
}
@media (max-width: 1024px) {
body.fv-filters-open {
overflow: hidden;
}
.woocommerce .fv-shop-layout {
grid-template-columns: 1fr;
}
.woocommerce .fv-shop-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 320px;
max-width: 90vw;
z-index: 1100;
transform: translateX(-110%) !important;
transition: transform 0.25s ease;
overflow-y: auto;
border-radius: 0;
background: #fff;
box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}
.woocommerce .fv-shop-sidebar .fv-archive-facets {
gap: 14px;
}
.woocommerce .fv-shop-sidebar .fv-facet-card {
border-radius: 12px;
border: 1px solid #e6e6e6;
box-shadow: 0 8px 18px rgba(0,0,0,0.06);
background: #fff;
overflow: hidden;
}
.woocommerce .fv-shop-sidebar .fv-facet-label {
font-size: 16px;
padding: 14px 16px;
}
.woocommerce .fv-facet-card--static .facetwp-facet {
padding: 6px 16px 12px;
}
.woocommerce .fv-shop-sidebar__title {
display: none;
}
.woocommerce .fv-shop-sidebar__mobile {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 14px 16px;
border-bottom: 1px solid #eee;
position: sticky;
top: 0;
background: #fff;
z-index: 2;
}
.woocommerce .fv-shop-sidebar__mobile-title {
font-weight: 600;
font-size: 16px;
text-align: left;
flex: 1;
}
.woocommerce .fv-mobile-filter-close {
width: 36px;
height: 36px;
border: none;
background: transparent;
font-size: 26px;
cursor: pointer;
order: 2;
}
.woocommerce .fv-shop-filter-overlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.35);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 1090;
}
.woocommerce .fv-shop-mobile-bar {
position: relative;
z-index: 1;
margin-bottom: 16px;
}
.woocommerce .fv-shop-mobile-tools {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border: 1px solid #e1e1e1;
border-radius: 8px;
overflow: visible;
position: relative;
}
.woocommerce .fv-shop-mobile-tools button {
border: none;
background: #fff;
padding: 12px 10px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
}
.woocommerce .fv-shop-mobile-tools button + button {
border-left: 1px solid #e1e1e1;
}
body.fv-filters-open .fv-shop-sidebar {
transform: translateX(0) !important;
}
body.fv-filters-open .fv-shop-filter-overlay {
opacity: 1;
pointer-events: auto;
}
.woocommerce .fv-shop-main .shop-tools {
display: none;
}
body.fv-filters-open .fv-shop-mobile-bar {
opacity: 1;
}
}
.woocommerce .fv-mobile-sort-dropdown {
display: none;
}
@media (max-width: 1024px) {
.woocommerce .fv-mobile-sort-dropdown {
position: absolute;
width: calc(50% - 8px);
right: 0;
top: calc(100% + 8px);
margin-top: 0;
background: #fff;
border: 1px solid #e1e1e1;
border-radius: 10px;
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
padding: 10px;
z-index: 1200;
}
body.fv-sort-open .fv-mobile-sort-dropdown {
display: block !important;
}
.woocommerce .fv-mobile-sort-dropdown .woocommerce-ordering {
margin: 0;
}
.woocommerce .fv-mobile-sort-dropdown select.orderby {
width: 100%;
border: 1px solid #e1e1e1;
background: #fff;
padding: 12px;
border-radius: 6px;
}
}
.woocommerce .fv-archive-facets {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 18px 0 26px;
max-width: 1420px;
margin-left: auto;
margin-right: auto;
padding: 0 12px;
}
.woocommerce .fv-active-facets {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 8px 0 20px;
max-width: 1420px;
margin-left: auto;
margin-right: auto;
padding: 0 12px;
}
.woocommerce .fv-active-facets.is-empty {
display: none;
}
.woocommerce .fv-active-facets .facetwp-selections {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
font-size: 15px;
width: 100%;
}
.woocommerce .fv-active-facets .facetwp-selections ul {
margin: 0;
padding-left: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.woocommerce .fv-active-facets__label {
font-weight: 600;
font-size: 15px;
margin-right: 8px;
display: flex;
align-items: center;
}
.facetwp-selection-label {
font-weight: 700;
}
.woocommerce .fv-order-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0px;
border: 0px;
background: 0px;
border-radius: 0px;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
}
.woocommerce .fv-order-chip__remove {
background: transparent url(https://fvsport.andrihallik.ee/wp-content/plugins/facetwp/assets/images/icon-close.png) center center no-repeat;
border: none;
cursor: pointer;
line-height: 1;
padding: 0;
width: 18px;
height: 18px;
background-size: 12px 12px;
text-indent: -9999px;
overflow: hidden;
}
.woocommerce .fv-active-facets .fv-order-chip {
margin-left: 0;
}
.woocommerce .fv-order-card {
flex: 1 1 260px;
min-width: 200px;
position: relative;
z-index: 1;
}
.woocommerce .fv-facet-label-sorting {
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
font-size: 15px;
position: relative;
border-bottom: 0px;
}
.woocommerce .fv-order-card .fv-facet-label::after {
content: '+';
font-size: 25px;
font-weight: 400;
}
.woocommerce .fv-order-card .fv-facet-label-sorting {
cursor: pointer;
}
.woocommerce .fv-order-card .fv-order-card__body {
padding: 0;
display: none;
border-top: 0;
background: #f5f5f5;
position: absolute;
left: -1px;
right: -1px;
top: 100%;
z-index: 20;
box-shadow: 0 12px 22px rgba(0,0,0,0.12);
}
.woocommerce .fv-order-card.fv-open .fv-facet-label::after {
content: '-';
}
.woocommerce .fv-order-card.fv-open .fv-order-card__body {
display: block;
}
.woocommerce .fv-order-card.fv-open {
z-index: 30;
}
.woocommerce .fv-order-card select.fv-order-select {
position: absolute;
left: -9999px;
}
.woocommerce .fv-order-list {
display: flex;
flex-direction: column;
gap: 0;
margin-top: 0;
}
.woocommerce .fv-order-list__item {
display: block;
width: 100%;
padding: 11px 13px !important;
border: 1px solid #000;
background: #f5f5f5;
font-weight: 500;
font-size: 15px;
cursor: pointer;
border-radius: 0px;
text-align: left;
line-height: 1.3;
}
.woocommerce .fv-order-list__item:hover {
background: #e9e9e9;
}
.woocommerce .fv-order-list__item.is-active { color: #0a2a66;
}
.woocommerce .fv-order-card.fv-open .fv-facet-label::after {
content: '-';
}
.woocommerce .fv-order-card .woocommerce-ordering {
width: 100%;
}
.woocommerce .fv-order-card .woocommerce-ordering select {
width: 100%;
border: 1px solid #000;
background: #fff;
padding: 14px 12px;
font-weight: 700;
font-size: 16px;
border-radius: 0;
text-align: center;
}
.woocommerce .fv-order-card .woocommerce-ordering select:focus {
outline: 2px solid #000;
outline-offset: 1px;
}
.woocommerce .fv-order-card {
flex: 1 1 260px;
position: relative;
}
.woocommerce .fv-order-card .fv-facet-label::after {
display: inline;
}
.woocommerce .fv-order-card .fv-order-card__body {
padding: 0;
position: absolute;
left: -1px;
right: -1px;
top: 100%;
z-index: 20;
border-top: 0;
background: #f5f5f5;
box-shadow: 0 12px 22px rgba(0,0,0,0.12);
}
.woocommerce .fv-order-card .woocommerce-ordering {
width: 100%;
}
.woocommerce .fv-order-card .woocommerce-ordering select {
width: 100%;
border: 1px solid #000;
background: #fff;
padding: 10px 12px;
font-weight: 700;
font-size: 16px;
border-radius: 0;
}
.woocommerce .fv-order-card .woocommerce-ordering select:focus {
outline: 2px solid #000;
outline-offset: 1px;
}
.woocommerce .fv-active-facets .facetwp-selection {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border: 1px solid #000;
background: #f5f5f5;
border-radius: 4px;
font-weight: 700;
}
.woocommerce .fv-active-facets .facetwp-selection-remove {
position: relative;
width: 16px;
height: 16px;
display: inline-block;
cursor: pointer;
}
.woocommerce .fv-active-facets .facetwp-selection-remove::after {
content: '×';
font-size: 16px;
font-weight: 800;
line-height: 1;
}
.woocommerce .fv-facet-card {
display: block;
padding: 0;
border: 1px solid #000;
background: #f5f5f5;
min-width: 200px;
position: relative;
cursor: pointer;
transition: box-shadow 0.15s ease;
}
.woocommerce .fv-facet-card .facetwp-facet {
margin: 0;
width: 100%;
display: flex;
align-items: stretch;
flex: 1;
}
.woocommerce .fv-facet-label {
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
font-size: 15px;
border-bottom: 0px;
position: relative;
}
.woocommerce .fv-facet-label::after {
content: '+';
font-size: 25px;
font-weight: 400;
line-height: 1;
margin-left: 12px;
}
.woocommerce .fv-facet-card.fv-open .fv-facet-label::after {
content: '-';
}
.woocommerce .fv-facet-card .fs-wrap {
width: 100% !important;
min-width: 100% !important;
position: relative;
flex: 1;
}
.woocommerce .fv-facet-card .fs-label-wrap {
display: none !important;
}
.woocommerce .fv-facet-card .fs-label {
display: none;
}
.woocommerce .fv-facet-card .fs-arrow {
display: none !important;
}
.woocommerce .fv-facet-card .fs-open .fs-dropdown {
display: block;
box-shadow: 0 12px 22px rgba(0,0,0,0.12);
}
.woocommerce .fv-facet-card .fs-dropdown {
position: absolute !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
left: 0 !important;
right: 0 !important;
border: 1px solid #000;
box-shadow: none;
border-radius: 0;
padding: 0;
background: #f5f5f5;
top: 100%;
}
.woocommerce .fv-facet-card .fs-dropdown .fs-search {
padding: 0px 10px;
border-bottom: 1px solid #000;
}
.woocommerce .fv-facet-card .fs-dropdown .fs-search input {
width: 100%;
border: none;
border-radius: 0;
padding: 10px 0;
font-size: 14px;
background: transparent;
}
.woocommerce .fv-facet-card .fs-options {
max-height: 320px;
overflow-y: auto;
}
.woocommerce .fv-facet-card .fs-option {
display: block;
padding: 11px 13px!important;
cursor: pointer;
border-top: 1px solid #000;
}
.woocommerce .fv-facet-card .fs-option:hover {
background: #e9e9e9;
}
.woocommerce .fv-facet-card .fs-option .fs-option-label {
font-size: 15px;
color: #111;
font-weight: 500;
}
.woocommerce .fv-facet-card .fs-option.hidden {
display: none !important;
}
.woocommerce .fv-facet-card .fs-option.fs-hidden {
display: none !important;
}
.woocommerce .fv-facet-card .fs-checkbox {
display: none !important;
}
.woocommerce .fv-facet-card .fs-option.fs-selected,
.woocommerce .fv-facet-card .fs-option.fs-selected:hover {
background: #dbe7ff;
}
.woocommerce .fv-facet-value {
font-weight: 600;
color: #111;
}
.woocommerce .fv-facet-card .fs-option.fs-selected .fs-option-label {
color: #0a2a66;
}
.woocommerce .fv-facet-card select,
.woocommerce .fv-facet-card .facetwp-dropdown {
border: none;
background: transparent;
font-weight: 700;
padding: 8px 26px 8px 6px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
z-index: 1;
min-width: 130px;
cursor: default;
pointer-events: none; }
.woocommerce .fv-facet-card select:focus,
.woocommerce .fv-facet-card .facetwp-dropdown:focus {
outline: none;
box-shadow: none;
}
.woocommerce .fv-facet-card select::-ms-expand,
.woocommerce .fv-facet-card .facetwp-dropdown::-ms-expand {
display: none;
}
.woocommerce .fv-facet-card .facetwp-dropdown + ul {
border-radius: 10px;
box-shadow: 0 12px 28px rgba(0,0,0,.14);
border: 1px solid #cfcfcf;
overflow: hidden;
padding: 4px 0;
background: #fff;
}
.woocommerce .fv-facet-card .facetwp-dropdown + ul li {
padding: 9px 14px;
font-size: 15px;
}
.woocommerce .fv-facet-card .facetwp-dropdown + ul li:hover,
.woocommerce .fv-facet-card .facetwp-dropdown + ul li.selected {
background: #f0f0f0;
}
@media (max-width: 640px) {
.woocommerce .fv-facet-card {
flex: 1 1 calc(50% - 8px);
}
}table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
} ul.products {
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 1 !important;
transition: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1 !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1 !important;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #4169e1;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #4169e1;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #4169e1;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #4169e1;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}