.btn:not(:disabled):hover [class*=ft-icon].darker-on-hover, a:hover [class*=ft-icon].darker-on-hover {
filter: none;
}
.product-item .product-name {
min-height: auto;
font-size: 1.125rem;
}
a.text-secondary:hover:not(.dark-on-hover) {
color: var(--secondary) !important;
border-color: currentColor !important;
}
a.text-dark:hover:not(.dark-on-hover) {
color: var(--dark) !important;
border-color: currentColor !important;
}
label.required:after {
content: "\002A";
color: var(--danger);
display: inline-block;
vertical-align: top;
line-height: 1.15;
margin-left: 0.25rem;
}
.btn-block.d-none+.btn-block {
margin-top: 0rem;
}
.badge {
padding: 0.25em 0.5em;
font-size: 85%;
}
.btn.rounded-pill:focus {
box-shadow: none;
}
html, body {
font-family: 'Roboto';
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
background: var(--gray-200);
}
svg:focus {
outline: 0;
}
b, strong {
font-weight: 700;
}
.not-so-small {
font-size: 90%;
}
a {
border-color: currentColor;
transition: all ease .15s;
}
a:hover, a:focus {
border-color: currentColor;
}
.transition-ease {
transition: all ease .15s;
}
.font-weight-semibold {
font-weight: 600;
}
.text-underline {
text-decoration: underline;
}
.text-serif {
font-family: 'Lora';
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
letter-spacing: 0.09125rem;
line-height: 1.3;
}
h5, .h5, h6, .h6 {
letter-spacing: 0.075rem;
line-height: 1.3;
}
button, input {
letter-spacing: 0.05em;
}
.btn:not(.btn-link) {
font-family: 'Lora';
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.125rem;
}
.btn.btn-lg:not(.btn-link) {
letter-spacing: 0.175rem;
}
.text-white-hover:hover { color: var(--white) !important }
.text-gray-100-hover:hover { color: var(--gray-100) !important }
.text-gray-150-hover:hover { color: var(--gray-150) !important }
.text-gray-200-hover:hover { color: var(--gray-200) !important }
.text-gray-300-hover:hover { color: var(--gray-300) !important }
.text-gray-400-hover:hover { color: var(--gray-400) !important }
.text-gray-500-hover:hover { color: var(--gray-500) !important }
.text-gray-600-hover:hover { color: var(--gray-600) !important }
.text-gray-700-hover:hover { color: var(--gray-700) !important }
.text-gray-800-hover:hover { color: var(--gray-800) !important }
.text-gray-900-hover:hover { color: var(--gray-900) !important }
.text-primary-hover:hover { color: var(--primary) !important }
.text-secondary-hover:hover { color: var(--secondary) !important }
.text-success-hover:hover { color: var(--success) !important }
.text-info-hover:hover { color: var(--info) !important }
.text-warning-hover:hover { color: var(--warning) !important }
.text-danger-hover:hover { color: var(--danger) !important }
.text-light-hover:hover { color: var(--light) !important }
.text-dark-hover:hover { color: var(--dark) !important }
.bg-gray-100 { background-color: var(--gray-100) !important }
.bg-gray-150 { background-color: var(--gray-150) !important }
.bg-gray-200 { background-color: var(--gray-200) !important }
.bg-gray-300 { background-color: var(--gray-300) !important }
.bg-gray-400 { background-color: var(--gray-400) !important }
.bg-gray-500 { background-color: var(--gray-500) !important }
.bg-gray-600 { background-color: var(--gray-600) !important }
.bg-gray-700 { background-color: var(--gray-700) !important }
.bg-gray-800 { background-color: var(--gray-800) !important }
.bg-gray-900 { background-color: var(--gray-900) !important }
.bg-primary { background-color: var(--primary) !important }
.bg-secondary { background-color: var(--secondary) !important }
.bg-success { background-color: var(--success) !important }
.bg-info { background-color: var(--info) !important }
.bg-warning { background-color: var(--warning) !important }
.bg-danger { background-color: var(--danger) !important }
.bg-light { background-color: var(--light) !important }
.bg-dark { background-color: var(--dark) !important }
.bg-gray-100-hover:hover { background-color: var(--gray-100) !important }
.bg-gray-150-hover:hover { background-color: var(--gray-150) !important }
.bg-gray-200-hover:hover { background-color: var(--gray-200) !important }
.bg-gray-300-hover:hover { background-color: var(--gray-300) !important }
.bg-gray-400-hover:hover { background-color: var(--gray-400) !important }
.bg-gray-500-hover:hover { background-color: var(--gray-500) !important }
.bg-gray-600-hover:hover { background-color: var(--gray-600) !important }
.bg-gray-700-hover:hover { background-color: var(--gray-700) !important }
.bg-gray-800-hover:hover { background-color: var(--gray-800) !important }
.bg-gray-900-hover:hover { background-color: var(--gray-900) !important }
.bg-primary-hover:hover { background-color: var(--primary) !important }
.bg-secondary-hover:hover { background-color: var(--secondary) !important }
.bg-success-hover:hover { background-color: var(--success) !important }
.bg-info-hover:hover { background-color: var(--info) !important }
.bg-warning-hover:hover { background-color: var(--warning) !important }
.bg-danger-hover:hover { background-color: var(--danger) !important }
.bg-light-hover:hover { background-color: var(--light) !important }
.bg-dark-hover:hover { background-color: var(--dark) !important }
.border-white { border-color: var(--white) !important }
.border-gray-100 { border-color: var(--gray-100) !important }
.border-gray-150 { border-color: var(--gray-150) !important }
.border-gray-200 { border-color: var(--gray-200) !important }
.border-gray-300 { border-color: var(--gray-300) !important }
.border-gray-400 { border-color: var(--gray-400) !important }
.border-gray-500 { border-color: var(--gray-500) !important }
.border-gray-600 { border-color: var(--gray-600) !important }
.border-gray-700 { border-color: var(--gray-700) !important }
.border-gray-800 { border-color: var(--gray-800) !important }
.border-gray-900 { border-color: var(--gray-900) !important }
.border-primary { border-color: var(--primary) !important }
.border-secondary { border-color: var(--secondary) !important }
.border-success { border-color: var(--success) !important }
.border-info { border-color: var(--info) !important }
.border-warning { border-color: var(--warning) !important }
.border-danger { border-color: var(--danger) !important }
.border-light { border-color: var(--light) !important }
.border-dark { border-color: var(--dark) !important }
.border-transparent { border-color: transparent !important }
.border-white-hover:hover { border-color: var(--white) !important }
.border-gray-100-hover:hover { border-color: var(--gray-100) !important }
.border-gray-150-hover:hover { border-color: var(--gray-150) !important }
.border-gray-200-hover:hover { border-color: var(--gray-200) !important }
.border-gray-300-hover:hover { border-color: var(--gray-300) !important }
.border-gray-400-hover:hover { border-color: var(--gray-400) !important }
.border-gray-500-hover:hover { border-color: var(--gray-500) !important }
.border-gray-600-hover:hover { border-color: var(--gray-600) !important }
.border-gray-700-hover:hover { border-color: var(--gray-700) !important }
.border-gray-800-hover:hover { border-color: var(--gray-800) !important }
.border-gray-900-hover:hover { border-color: var(--gray-900) !important }
.border-primary-hover:hover { border-color: var(--primary) !important }
.border-secondary-hover:hover { border-color: var(--secondary) !important }
.border-success-hover:hover { border-color: var(--success) !important }
.border-info-hover:hover { border-color: var(--info) !important }
.border-warning-hover:hover { border-color: var(--warning) !important }
.border-danger-hover:hover { border-color: var(--danger) !important }
.border-light-hover:hover { border-color: var(--light) !important }
.border-dark-hover:hover { border-color: var(--dark) !important }
.border-transparent-hover:hover { border-color: transparent !important }
.alert-light {
color: var(--gray-900) !important;
background-color: var(--light) !important;
border-color: var(--light) !important;
}
.ft-icon-16 {
width: 16px;
height: 16px;
margin: calc( (1.5rem - 16px) / 2) 0;
}
.ft-icon-28 {
width: 28px;
height: 28px;
margin: calc( (1.5rem - 28px) / 2) 0;
}
.ft-icon-32 {
width: 32px;
height: 32px;
margin: calc( (1.5rem - 32px) / 2) 0;
}
.accordion-btn:not(.collapsed) {
border-color: transparent!important;
}
.accordion-btn .ft-icon-24 {
transition: .25s all;
transform: rotate(0deg);
}
.accordion-btn:not(.collapsed) .ft-icon-24 {
transform: rotate(180deg);
}
.form-control {
height: calc(1.5em + 1.25rem + 2px);
padding: 0.625rem 0.75rem;
}
.input-group-lg>.form-control:not(textarea), .input-group-lg>.custom-select {
height: calc(1.5em + 1.25rem + 2px);
padding: 0.625rem 0.75rem;
}
.btn {
padding: 0.625rem 0.75rem;
}
.form-control::-webkit-input-placeholder {
color: var(--gray-500) !important;
opacity: 1 !important;
}
.form-control::-moz-placeholder {
color: var(--gray-500) !important;
opacity: 1 !important;
}
.form-control::-ms-input-placeholder {
color: var(--gray-500) !important;
opacity: 1 !important;
}
.form-control::placeholder {
color: var(--gray-500) !important;
opacity: 1 !important;
}
input[type="radio"], input[type="checkbox"] {
position: relative;
margin-right: 0.5rem;
}
input[type='radio']:before {
content: '';
display: inline-block;
visibility: visible;
width: 17px;
height: 17px;
border-radius: 17px;
margin-top: -1px;
margin-left: -1px;
position: relative;
background-color: var(--white);
border: 1px solid var(--gray-500);
}
input[type='radio']:checked:before {
border: 1px solid var(--danger);
}
input[type='radio']:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: 0;
left: 0;
position: absolute;
content: '';
display: inline-block;
visibility: visible;
background-color: var(--gray-500);
border: 3px solid var(--white);
}
input[type='radio']:checked:after {
background-color: var(--danger);
border: 3px solid var(--white);
}
.price_hide .price {
display: none;
}
.price_hide_left .price_left {
display: none;
}
.price_hide_right .price_right {
display: none;
}
header .svg-logo {
width: 100%;
}
header .svg-logo .logo-icon {
fill: var(--danger)!important;
}
header .svg-logo .logo-text {
fill: var(--primary)!important;
}
#h-contacts .header-social-icon-holder {
display: block;
position: relative;
color: var(--danger);
width: 3rem;
height: 3rem;
padding: 0.625rem;
}
#h-contacts .header-social-icon-holder:before {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
width: 3rem;
height: 3rem;
background-color: currentColor;
}
#h-contacts a:hover .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#h-contacts .header-social-icon-holder svg {
width: 1.75rem;
height: 1.75rem;
fill: var(--danger);
position: relative;
z-index: 100;
}
#h-contacts a:hover .header-social-icon-holder svg {
fill: var(--white);
}
#ftSearch .dropdown-menu {
top: calc(100% - 1px);
margin: 0;
}
#ft_cart > .btn {
min-width: auto;
}
#ft_cart_mobile svg {
width: 2.25rem;
height: 2.25rem;
}
#ftMenu .list-level-3:not(.show) {
border-color: transparent!important;
}
.products-container .product-item .product-description .product-name {
order: 1;
min-height: auto;
}
.products-container .product-item .product-description .price {
order: 2;
}
.products-container .product-item .product-description .product-rating {
order: 3;
}
.products-container .product-item .product-description .product-buttons {
order: 4;
}
.products-container .product-item .product-description .price .small {
font-size: 65%;
letter-spacing: 0.0125rem;
}
#product-category .pr-container .pagination, #product-manufacturer .pr-container .pagination, #product-search .pr-container .pagination {
display: none;
}
#content .btn-showmore {
text-decoration: underline;
}
#product-product .image-placeholder {
width: 45%;
}
#product-gallery .item a {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
#product-gallery .owl-pagination {
z-index: 100;
}
#product-gallery .owl-pagination .product-gallery-dot {
position: relative;
color: var(--danger);
outline: none;
}
#product-gallery .owl-pagination .product-gallery-dot:before {
content: "";
display: block;
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: currentColor;
}
#product-gallery .owl-pagination .product-gallery-dot.active:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
.custom-control-input:checked~.custom-radio-label {
border-color: var(--danger) !important;
color: var(--danger);
font-weight: 600;
}
#product .accordion-btn {
font-size: 1.125rem;
}
#product .btn-lg, .btn-group-lg>.btn {
padding: 0.75rem 1rem;
}
#product .btn-lg b, .btn-group-lg>.btn b {
font-weight: 600;
}
#product .input-group-lg > .form-control, #product .input-group-lg > .custom-select,
#product .input-group-lg > .input-group-prepend>.input-group-text, #product .input-group-lg > .input-group-append>.input-group-text,
#product .input-group-lg > .input-group-prepend>.btn, #product .input-group-lg > .input-group-append>.btn {
padding: 0.75rem 1rem;
}
#product .input-group-lg > .form-control:not(textarea), #product .input-group-lg > .custom-select {
height: calc(1.5em + 1.5rem + 2px);
}
.article-item .article-name {
min-height: auto;
}
div[itemprop="articleBody"] {
font-size: 1.125rem;
}
#article-gallery .owl-pagination {
z-index: 100;
}
#article-gallery .owl-pagination .article-gallery-dot {
position: relative;
color: var(--danger);
outline: none;
}
#article-gallery .owl-pagination .article-gallery-dot:before {
content: "";
display: block;
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: currentColor;
}
#article-gallery .owl-pagination .article-gallery-dot.active:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
.ocfilter-option .ocf-option-values .dropdown-menu {
max-height: none !important;
overflow: visible !important;
}
.tmb-wrap-table div:after {
height: 2px !important;
}
.tmb-wrap-table div.active:after {
background-color: var(--black) !important;
}
.additional-images .additional-video-bullet {
fill: var(--gray-700);
}
.pswp__zoom-wrap {
text-align: center;
}
.main-slide-1-1-note {
font-size: 1.5rem;
}
.main-slide-1-1-header {
font-size: 4.5rem;
letter-spacing: 0.05rem;
}
.main-slide-1-1-svg-1 {
bottom: 2rem;
right: 5rem;
width: 4rem;
height: auto;
}
.main-banner-1-1 {
background-image: url('../image/footer-bg.svg');
background-position: 50% 0;
background-size: 3em;
}
.banner-header-1 {
font-size: 3rem;
line-height: 1.5;
letter-spacing: 0.175rem;
}
.banner-subheader-1 {
font-size: 1.25rem;
font-weight: 300;
}
.banner-founder-description {
font-size: 1.3125rem;
}
.banner-founder-btn.text-danger:hover, .banner-founder-btn.text-danger:focus {
color: var(--danger) !important;
}
.banner-founder-btn .ft-icon {
width: 2.75rem;
height: auto;
}
.category-wall .category-item {
transition: all ease-in-out .35s;
}
.category-wall .category-item:hover {
transform: translateY(-1.5rem);
}
.news-carousel .btn-prev.disabled, .news-carousel .btn-prev:disabled,
.news-carousel .btn-next.disabled, .news-carousel .btn-next:disabled {
display: none;
}
#related-products .product-item .product-description .product-name {
order: 3;
min-height: auto;
}
#related-products .product-item .product-description .price {
order: 1;
}
#related-products .product-item .product-description .product-rating {
order: 2;
}
#related-products .product-item .product-description .product-buttons {
order: 4;
}
.form-check input[type="radio"]:checked~.custom-radio-label {
background: var(--danger) !important;
color: var(--gray-100);
font-weight: 600;
}
#simple_login {
width: 320px !important;
height: auto !important;
border-radius: 0.15rem !important;
}
#total_filterit {
display: none;
}
footer {
border-top: 2px solid var(--teal);
background-image: url('../image/footer-bg.svg');
background-position: 50% 0;
background-size: 3em;
}
footer::before {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
top: -1.075rem;
left: 50%;
margin-left: -1rem;
display: block;
width: 2rem;
height: 2rem;
background-color: var(--teal);
}
footer .svg-logo {
width: 60%;
}
footer .svg-logo .logo-icon {
fill: var(--light)!important;
}
footer .svg-logo .logo-text {
fill: var(--light)!important;
}
#f-contacts .header-social-icon-holder {
display: block;
position: relative;
color: var(--gray-400);
width: 3rem;
height: 3rem;
padding: 0.625rem;
}
#f-contacts .header-social-icon-holder:before {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
width: 3rem;
height: 3rem;
background-color: currentColor;
}
#f-contacts a:hover .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#f-contacts .header-social-icon-holder svg {
width: 1.75rem;
height: 1.75rem;
fill: var(--gray-400);
position: relative;
z-index: 100;
}
#f-contacts a:hover .header-social-icon-holder svg {
fill: var(--primary);
}
footer .f-pay-icons li img {
width: 2.5rem;
height: auto;
}
#scrll-on-top {
position: relative;
display: block;
position: relative;
color: var(--danger);
width: 3.5rem;
height: 3.5rem;
padding: 0.625rem;
}
#scrll-on-top:before {
content: "";
display: block;
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
width: 3.5rem;
height: 3.5rem;
background-color: currentColor;
}
#scrll-on-top:hover:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#scrll-on-top .ft-icon {
width: 2.25rem;
height: 2.25rem;
fill: var(--danger);
position: relative;
z-index: 100;
}
#scrll-on-top:hover .ft-icon {
fill: var(--white);
}
.modal-backdrop.show {
opacity: 0.75;
}
#ft_popup_cart .modal-body .alert i.fa {
display: none;
}
#ft_popup_search .input-group {
border-width: 2px !important;
}
#ft_popup_search .form-control {
font-size: 1.5rem;
}
#ft_popup_search .form-control svg {
fill: currentColor !important;
}
#ft_popup_search .form-control::-webkit-input-placeholder {
color: var(--white) !important;
opacity: 1 !important;
}
#ft_popup_search .form-control::-moz-placeholder {
color: var(--white) !important;
opacity: 1 !important;
}
#ft_popup_search .form-control::-ms-input-placeholder {
color: var(--white) !important;
opacity: 1 !important;
}
#ft_popup_search .form-control::placeholder {
color: var(--white) !important;
opacity: 1 !important;
}
#ft_modal_fastorder .header-social-icon-holder {
display: block;
position: relative;
color: var(--danger);
width: 3rem;
height: 3rem;
padding: 0.625rem;
}
#ft_modal_fastorder .header-social-icon-holder:before {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
width: 3rem;
height: 3rem;
background-color: currentColor;
}
#ft_modal_fastorder a:hover .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#ft_modal_fastorder .header-social-icon-holder svg {
width: 1.75rem;
height: 1.75rem;
fill: var(--danger);
position: relative;
z-index: 100;
}
#ft_modal_fastorder a:hover .header-social-icon-holder svg {
fill: var(--white);
}
@media (min-width: 1400px) {
#ftMenu .category-menu-list .link-level-1, #ftHeaderLinks {
font-size: 1.125rem;
}
#ftMenu .item-level-1.hover .link-level-1.has-child:after {
width: calc(2rem + 2px);
}
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 3.5rem;
letter-spacing: 0.15rem;
}
h2, .h2 {
font-size: 2.5rem;
letter-spacing: 0.125rem;
}
#ftMenu .list-level-2 > .container > .row {
width: 80%;
}
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
#h-contacts .header-social-icon-holder {
width: 2.5rem;
height: 2.5rem;
padding: 0.5rem;
}
#h-contacts .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
width: 2.5rem;
height: 2.5rem;
}
#h-contacts a:hover .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#h-contacts .header-social-icon-holder svg {
width: 1.5rem;
height: 1.5rem;
}
.main-slide-1-1-header {
font-size: 4rem;
letter-spacing: 0.05rem;
}
.banner-header-1 {
font-size: 2.75rem;
letter-spacing: 0.125rem;
}
.banner-subheader-1 {
font-size: 1.175rem;
}
.banner-founder-description {
font-size: 1.175rem;
}
.products-container .product-item .product-description .product-name .h5 {
font-size: 1.125rem;
}
.products-container .product-item .product-description .price .h4 {
font-size: 1.25rem;
}
.category-item .h4 {
font-size: 1.25rem;
}
footer .h3 {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
.custom-select {
font-size: 1rem;
}
#ftMenu .item-level-1.hover, #ftMenu .category-menu-item.hover .link-level-1 {
background: transparent;
}
#ftMenu .item-level-1.hover .link-level-1.has-child {
z-index: 1009;
}
#ftMenu .item-level-1.hover .link-level-1.has-child:after {
content: url("data:image/svg+xml,%3Csvg fill='%23404040' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
background-image: none;
display: block;
position: absolute;
top: 0;
right: 1px;
height: 100%;
width: calc(1.75rem + 2px);
padding-top: calc((1.5rem - 24px) / 2 + .5rem);
z-index: 1009;
}
#ftMenu .list-level-2 {
display: none;
position: absolute;
left: 0;
top: 100%;
min-height: calc(100% + .5rem);
z-index: 1008;
font-size: 1.075rem;
width: calc(100% + 6rem);
margin-left: -3rem;
box-shadow: 0px 35px 40px rgba(0,0,0,.03125) !important;
}
#ftMenu .list-level-3 .category-menu-item {
font-size: 1rem;
}
#ft_cart_total {
margin: 0.125rem 0 0 0;
}
#ft_cart_total > span:not(.loading-wrapper) {
min-width: 1rem;
font-size: 0.75rem;
line-height: 1.3;
}
#ft_cart_total > span.loading-wrapper {
min-width: 1rem;
font-size: 0.75rem;
line-height: 1.3;
color: var(--white);
margin: 0;
}
#ft_cart_total b {
font-weight: 600;
}
}
@media (max-width: 991px) {
.badge {
padding: 0.35em 0.5em;
}
header .svg-logo {
width: 30%;
}
.ft-mobile-cart {
font-size: 1.25rem;
}
#h-contacts-mobile .header-social-icon-holder {
display: block;
position: relative;
color: var(--danger);
width: 3rem;
height: 3rem;
padding: 0.625rem;
}
#h-contacts-mobile .header-social-icon-holder:before {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: 0;
top: 0;
display: block;
width: 3rem;
height: 3rem;
background-color: currentColor;
}
#h-contacts-mobile a:hover .header-social-icon-holder:before {
-webkit-mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
mask: url("data:image/svg+xml;charset=UTF-8, ") no-repeat 50% 50%;
}
#h-contacts-mobile .header-social-icon-holder svg {
width: 1.75rem;
height: 1.75rem;
fill: var(--danger);
position: relative;
z-index: 100;
}
#h-contacts-mobile a:hover .header-social-icon-holder svg {
fill: var(--white);
}
.product-item .product-name {
min-height: auto;
font-size: 1rem;
letter-spacing: 0.0125rem;
}
.products-container .product-item .product-description .price .h4 {
font-size: 1.25rem;
}
#product-product h1.h2 {
font-size: 1.75rem;
}
.ft-additional-position-4 {
display: flex;
justify-content: space-between;
}
.main-slide-1-1-note {
font-size: 1.25rem;
}
.main-slide-1-1-header {
font-size: 3rem;
letter-spacing: 0.05rem;
}
.banner-header-1 {
font-size: 2.5rem;
letter-spacing: 0.25rem;
}
.banner-subheader-1 {
font-size: 1.1125rem;
letter-spacing: 0.025rem;
}
.category-item .h4 {
font-size: 1.1125rem;
letter-spacing: 0.05rem;
}
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
header .svg-logo {
width: 35%;
}
}
@media (max-width: 575px) {
h1, .h1 {
font-size: 2rem;
}
header .svg-logo {
width: 65%;
}
#product-reviews .h2 {
font-size: 1.6125rem;
}
#related-products .h2 {
font-size: 1.5rem;
}
#ftSlideshow_0 {
margin-bottom: 0;
}
.ft-additional-position-4 {
display: block;
}
.main-slide-1-1-note {
font-size: 1.175rem;
}
.main-slide-1-1-header {
font-size: 2.5rem;
letter-spacing: 0.03125rem;
line-height: 1.3;
}
.main-slide-1-1-header br {
display: none;
}
.main-slide-1-1-svg-1 {
bottom: -0.5rem;
right: 3rem;
width: 3rem;
height: auto;
}
.banner-header-1 {
font-size: 1.75rem;
letter-spacing: 0.125rem;
line-height: 1.5;
}
.banner-subheader-1 {
font-size: 1rem;
font-weight: 300;
}
.banner-founder-description {
font-size: 1rem;
}
.category-item .h4 {
font-size: 1.1125rem;
letter-spacing: 0.025rem;
}
.ocfilter-option .ocf-option-values .dropdown-menu {
max-height: none !important;
overflow: hidden !important;
}
.ocfilter-option .dropdown-menu .custom-control-input {
left: 0;
top: 45%;
height: 3px;
}
#simplecheckout_shipping .simplecheckout-method-label {
font-size: 0.75rem;
}
#simplecheckout_cart .h3 {
font-size: 1.5rem;
}
#simplecheckout_cart .checkout-heading-button {
font-size: 0.85rem;
}
}
@media (max-width: 359px) {
header .svg-logo {
width: 75%;
}
.simplecheckout-block-content .simplecheckout-label-column, .simplecheckout-block-content .simplecheckout-input-column {
width: 100%;
max-width: none;
flex: auto;
}
}