@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=McLaren&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap");
:root {
--template-font: 'Albert Sans', sans-serif;
--heading-font: 'Albert Sans', sans-serif;
--hm2-font-family: 'McLaren', cursive;
--subtitle-font: 'Covered By Your Grace', cursive;
--primary-color: #121111;
--secondary-color: #761818;
--text-color: #74787C;
--headings-color: #121111;
--white-color: #ffffff;
--danger-color: #9F1111;
--transition-base: 0.3s;
--border-color: #E9E9E9;
--light-bg: #F5F4F2;
--light-bg-2: #F6F6F6;
--box-shadow: 0px 4px 40px #E2E2E2;
}
body {
margin: 0;
font-family: var(--template-font);
color: var(--text-color);
background-color: var(--white-color);
font-weight: 400;
}
input {
outline: 0;
}
select {
outline: 0;
border: 0;
}
a {
text-decoration: none;
transition: var(--transition-base);
}
ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
}
button {
border: 0;
background-color: transparent;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: 700;
color: var(--headings-color);
}
h1, .h1 {
font-size: 60px;
line-height: 70px;
}
@media (max-width: 575.98px) {
h1, .h1 {
font-size: 50px;
line-height: 1.2em;
}
}
.h2, h2 {
font-size: 48px;
line-height: 56px;
}
@media (max-width: 575.98px) {
.h2, h2 {
font-size: 40px;
line-height: 1.2em;
}
}
.h3, h3 {
font-size: 36px;
line-height: 46px;
}
.h4, h4 {
font-size: 30px;
line-height: 40px;
}
.h5, h5 {
font-size: 24px;
line-height: 34px;
}
.h6, h6 {
font-size: 20px;
line-height: 30px;
}
p {
font-size: 16px;
line-height: 26px;
}
.lead {
font-size: 18px;
line-height: 28px;
}
.fs-18 {
font-size: 18px;
line-height: 28px;
}
.fs-xs {
font-size: 12px;
line-height: 1.2em;
}
.fs-sm {
font-size: 14px;
line-height: 1.2em;
}
.fs-md {
font-size: 16px;
line-height: 1.2em;
}
.fs-lg {
font-size: 18px;
line-height: 1.2em;
}
.fs-xl {
font-size: 20px;
line-height: 1.2em;
}
.fs-40 {
font-size: 40px;
line-height: 1.2em;
}
@media (max-width: 575.98px) {
.fs-40 {
font-size: 36px;
}
} .ptb-140 {
padding: 140px 0;
}
@media (max-width: 767.98px) {
.ptb-140 {
padding: 80px 0;
}
}
.pt-140 {
padding-top: 140px;
}
@media (max-width: 767.98px) {
.pt-140 {
padding-top: 80px;
}
}
.pb-140 {
padding-bottom: 140px;
}
@media (max-width: 767.98px) {
.pb-140 {
padding-bottom: 80px;
}
}
.pt-120 {
padding-top: 120px;
}
@media (max-width: 767.98px) {
.pt-120 {
padding-top: 70px;
}
}
.ptb-120 {
padding: 120px 0;
}
@media (max-width: 767.98px) {
.ptb-120 {
padding: 70px 0;
}
}
.pt-100 {
padding-top: 100px;
}
@media (max-width: 767.98px) {
.pt-100 {
padding-top: 80px;
}
}
.ptb-60 {
padding: 60px 0;
}
.pt-20 {
padding-top: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.pt-40 {
padding-top: 40px;
}
.pt-30 {
padding-top: 30px;
}
.pt-32 {
padding-top: 32px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-32 {
padding-bottom: 32px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-100 {
padding-bottom: 100px;
}
@media (max-width: 767.98px) {
.pb-100 {
padding-bottom: 70px;
}
}
.pb-140 {
padding-bottom: 140px;
}
@media (max-width: 767.98px) {
.pb-140 {
padding-bottom: 100px;
}
}
.py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.px-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-32 {
padding-left: 32px;
padding-right: 32px;
}
.py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.px-40 {
padding-left: 40px;
padding-right: 40px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
} .mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-32 {
margin-top: 32px;
}
.mt-40 {
margin-top: 40px;
}
.mt-48 {
margin-top: 48px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-32 {
margin-bottom: 32px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-100 {
margin-bottom: 100px;
}
.mx-32 {
margin-left: 32px;
margin-right: 32px;
}
.mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mt-120 {
margin-top: 120px;
}
@media (max-width: 767.98px) {
.mt-120 {
margin-top: 70px;
}
} .z-2 {
z-index: 2;
}
.z-5 {
z-index: 5;
}
.z--1 {
z-index: -1;
}
.bg-light-white {
background-color: var(--light-white);
}
.slider-spacing .slick-list {
margin: 0 -12px;
}
.slider-spacing .slick-list .slick-slide {
margin: 0 12px;
}
.text-italic {
font-style: italic;
}
.container-1700 {
max-width: 1704px;
margin: 0 auto;
padding: 0 12px;
}
@media (max-width: 575.98px) {
.container-1700 {
padding: 0 16px;
}
}
.container-1400 {
max-width: 1424px;
margin: 0 auto;
padding: 0 12px;
}
@media (max-width: 575.98px) {
.container-1400 {
padding: 0 16px;
}
}
.container-1240 {
max-width: 1250px;
padding: 0 12px;
margin: 0 auto;
}
@media (max-width: 575.98px) {
.container-1240 {
padding: 0 16px;
}
}
@media (max-width: 575.98px) {
.container {
padding: 0 16px;
}
}
.text-main-color {
color: var(--primary-color);
}
.primary-bg-color {
background-color: var(--primary-color);
}
.text-color {
color: var(--text-color);
}
.hover-text-color:hover {
color: var(--text-color);
}
.gap-60 {
gap: 60px;
}
.gap-32 {
gap: 32px;
}
@media (max-width: 575.98px) {
.gap-prt-16 {
gap: 16px;
}
}
hr {
border: 0;
border-bottom: 1px solid #EDEDED;
}
.hm2-font-family {
font-family: var(--hm2-font-family);
}
.light-bg {
background-color: var(--light-bg);
}
.light-bg-2 {
background-color: var(--light-bg-2);
}
.theme-form {
padding: 40px;
border: 1px solid var(--border-color);
}
.theme-input {
width: 100%;
border: 0;
outline: 0;
padding: 14px 24px;
background-color: var(--light-bg-2);
font-weight: 300;
}
.theme-form label {
font-size: 18px;
color: var(--primary-color);
margin-bottom: 20px;
display: block;
}
.theme-form .theme-input {
width: 100%;
display: block;
background-color: transparent;
border: 1px solid var(--border-color);
font-weight: 300;
}
.theme-form .theme-input:focus {
border-color: var(--primary-color);
}
.help-box {
border: 1px solid var(--border-color);
padding: 32px 40px;
}
.mood-multiply {
mix-blend-mode: multiply;
}
.secondary-text-color {
color: var(--secondary-color);
}
#product_view .modal-dialog {
max-width: 1300px;
}
#product_view .modal-dialog .modal-content {
padding: 24px;
}
#product_view .modal-dialog .btn-close {
position: absolute;
right: 12px;
top: 12px;
outline: 0;
box-shadow: none;
z-index: 2;
}
#product_view .modal-dialog .vr-product-thumb {
height: 560px;
display: flex;
align-items: center;
justify-content: center;
}
@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
@keyframes theme_fadeInUp {
0% {
transform: translateY(30px);
opacity: 0;
}
50% {
transform: translateY(30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes ripple-white {
0% {
box-shadow: 0 0 0 0 var(--white-color);
}
50% {
box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
}
}
@keyframes theme-scale-up {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes loading {
0% {
width: 0;
}
100% {
width: 100%;
}
}  .header-section {
background-color: var(--white-color);
}
.header-infobar {
padding: 11px 0;
border-bottom: 1px solid var(--border-color);
overflow: hidden;
}
.header-infobar p {
display: inline-block;
position: relative;
}
.header-infobar p::after {
content: "";
position: absolute;
right: -30px;
top: -18px;
width: 1px;
height: 50px;
background-color: var(--border-color);
}
.header-infobar .infobar-link {
color: var(--primary-color);
position: relative;
}
.header-infobar .infobar-link::before {
content: "";
position: absolute;
top: -18px;
left: -30px;
width: 1px;
height: 50px;
background-color: var(--border-color);
}
.header-infobar .infobar-link::after {
content: "";
position: absolute;
top: -18px;
right: -30px;
width: 1px;
height: 50px;
background-color: var(--border-color);
}
.header-infobar .infobar-link:hover {
color: var(--secondary-color);
}
.header-infobar .header-socials a {
color: var(--primary-color);
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
.header-infobar .header-socials a:hover {
color: var(--secondary-color);
}
@media (max-width: 991.98px) {
.header-infobar p::after {
display: none;
}
.header-infobar .infobar-link::before {
display: none;
}
}
@media (max-width: 1199.98px) {
.header-navbar {
padding: 12px 0;
}
}
.header-navigation ul li {
display: inline-block;
}
.header-navigation ul li a {
display: block;
color: var(--headings-color);
font-weight: 600;
text-transform: uppercase;
padding: 41px 24px;
}
.header-navigation ul li.has-submenu {
position: relative;
}
.header-navigation ul li.has-submenu::after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
right: 4px;
top: 42px;
color: var(--primary-color);
transition: var(--transition-base);
font-size: 14px;
}
.header-navigation ul li.has-submenu .submenu-wrapper {
position: absolute;
top: calc(100% + 10px);
width: 220px;
background-color: var(--white-color);
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
z-index: 2;
box-shadow: var(--box-shadow);
}
.header-navigation ul li.has-submenu .submenu-wrapper li {
display: block;
}
.header-navigation ul li.has-submenu .submenu-wrapper li + li {
border-top: 1px solid var(--border-color);
}
.header-navigation ul li.has-submenu .submenu-wrapper li a {
padding: 15px 16px;
text-transform: capitalize;
}
.header-navigation ul li.has-submenu .submenu-wrapper li a:hover {
padding-left: 20px;
color: var(--secondary-color);
}
.header-navigation ul li.has-submenu:hover::after {
color: var(--secondary-color);
}
.header-navigation ul li.has-submenu:hover > ul {
top: calc(100% + 1px);
opacity: 1;
visibility: visible;
}
.header-navigation ul li.has-submenu:hover > .ur-megamenu {
opacity: 1;
visibility: visible;
top: 100%;
}
.header-navigation ul li.has-submenu:hover > .megamenu-2 {
opacity: 1;
visibility: visible;
top: 100%;
}
.header-navigation ul li.fullwidth-megamenu:hover .megamenu-3 {
opacity: 1;
visibility: visible;
top: calc(100% + 1px);
}
.header-navigation ul li:hover > a {
color: var(--secondary-color);
}
@media (max-width: 1560px) {
.header-navigation > ul > li > a {
padding: 41px 20px;
}
.header-navigation > ul > li.has-submenu::after {
right: 0;
}
}
@media (max-width: 1399.98px) {
.header-navigation > ul > li > a {
padding: 41px 15px;
}
.header-navigation > ul > li.has-submenu::after {
right: -2px;
}
}
.header-search button svg {
transition: var(--transition-base);
}
.header-search button svg path {
transition: var(--transition-base);
}
.header-search button:hover svg {
transform: scale(1.03);
}
.header-search button:hover svg path {
fill: var(--secondary-color);
}
.header-wishlist a svg {
transition: var(--transition-base);
}
.header-wishlist a svg path {
transition: var(--transition-base);
}
.header-wishlist a:hover svg {
transform: scale(1.03);
}
.header-wishlist a:hover svg path {
fill: var(--secondary-color);
}
.header-cart {
cursor: pointer;
}
.header-cart .cart-icon {
position: relative;
}
.header-cart .cart-icon svg {
transition: var(--transition-base);
}
.header-cart .cart-icon svg path {
transition: var(--transition-base);
}
.header-cart .cart-icon .cart-item {
position: absolute;
width: 20px;
height: 20px;
background-color: #236355;
border-radius: 50%;
right: -7px;
bottom: -5px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white-color);
font-size: 12px;
}
.header-cart:hover {
color: var(--secondary-color);
}
.header-cart:hover .cart-icon svg {
transform: scale(1.03);
}
.header-cart:hover .cart-icon svg path {
fill: var(--secondary-color);
}
.header-toggle-btn {
vertical-align: middle;
}
.header-toggle-btn span {
width: 25px;
height: 2px;
background-color: var(--primary-color);
display: block;
transition: var(--transition-base);
}
.header-toggle-btn span + span {
margin-top: 6px;
}
.header-toggle-btn:hover span:not(:nth-child(2)) {
width: 15px;
} .hm2-header {
position: relative;
z-index: 10;
}
.hm2-header .header-infobar {
border-bottom: 1px solid #7C2626;
}
.hm2-header .header-infobar p svg path {
fill: var(--white-color);
}
.hm2-header .header-infobar p::after {
background-color: #7C2626;
}
.hm2-header .header-infobar .infobar-link {
color: var(--white-color);
}
.hm2-header .header-infobar .infobar-link:hover {
color: var(--text-color);
}
.hm2-header .header-infobar .infobar-link::before {
background-color: #7C2626;
}
.hm2-header .header-infobar .infobar-link::after {
background-color: #7C2626;
}
.hm2-header .header-infobar .header-socials a {
color: var(--white-color);
}
.hm2-header .header-infobar .header-socials a:hover {
color: var(--text-color);
}
.hm2-header .header-navbar {
border-bottom: 1px solid #7C2626;
}
.hm2-header .header-navigation > ul > li > a {
color: var(--white-color);
}
.hm2-header .header-navigation > ul > li:hover > a {
color: var(--text-color);
}
.hm2-header .header-navigation .has-submenu::after {
color: var(--white-color);
}
.hm2-header .header-navigation .has-submenu:hover::after {
color: var(--text-color);
}
.hm2-header .header-navigation .has-submenu .submenu-wrapper {
box-shadow: none;
}
.hm2-header .header-navigation .ur-megamenu {
box-shadow: none;
}
.hm2-header .header-right .header-icons .header-search button svg path {
fill: var(--white-color);
}
.hm2-header .header-right .header-icons .header-search button:hover svg path {
fill: var(--text-color);
}
.hm2-header .header-right .header-icons .header-wishlist a svg path {
fill: var(--white-color);
}
.hm2-header .header-right .header-icons .header-wishlist a:hover svg path {
fill: var(--text-color);
}
.hm2-header .header-right .header-icons .header-cart .cart-icon svg path {
fill: var(--white-color);
}
.hm2-header .header-right .header-icons .header-cart .cart-amount {
color: var(--white-color);
transition: var(--transition-base);
}
.hm2-header .header-right .header-icons .header-cart:hover .cart-icon svg path {
fill: var(--text-color);
}
.hm2-header .header-right .header-icons .header-cart:hover .cart-amount {
color: var(--text-color);
}
.hm2-header .header-right .header-toggle-btn span {
background-color: var(--white-color);
}
.hm2-header.sticky-header.sticky-on {
border-bottom: 0;
background-color: var(--secondary-color) !important;
} .hm3-header-info {
padding: 14px 0;
background-color: #D8D2BA;
}
.hm3-header-info a {
color: var(--primary-color);
font-weight: 600;
font-size: 14px;
}
.hm3-header-info a:hover {
color: var(--secondary-color);
}
.hm3-header-middle {
padding: 40px 0;
}
.hm3-header-middle .hm3-header-search label {
color: var(--primary-color);
font-size: 14px;
}
.hm3-header-middle .hm3-header-search input {
border: 0;
font-size: 14px;
color: var(--primary-color);
font-weight: 600;
background-color: transparent;
}
.hm3-header-middle .hm3-header-search input::-moz-placeholder {
color: var(--primary-color);
}
.hm3-header-middle .hm3-header-search input::placeholder {
color: var(--primary-color);
}
.hm3-header-middle .hm3-header-select {
margin-right: 60px;
position: relative;
}
.hm3-header-middle .hm3-header-select select {
background-color: transparent;
}
.hm3-header-middle .hm3-header-select::after {
content: "";
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 19px;
background-color: #C7C7C7;
}
.hm3-header-middle .hm3-header-cart {
margin-right: 30px;
}
.hm3-header-select {
gap: 0;
}
.hm3-header-select span, .hm3-header-select select {
font-size: 14px;
font-weight: 600;
color: var(--primary-color);
}
.hm3-header-select .form-select {
padding-left: 3px;
padding-right: 29px;
color: var(--primary-color);
}
.hm3-header-cart button {
font-size: 14px;
font-weight: 600;
color: var(--primary-color);
transition: var(--transition-base);
}
.hm3-header-cart button:hover {
color: var(--secondary-color);
}
.hm3-header-wishlist i {
color: var(--primary-color);
transition: var(--transition-base);
}
.hm3-header-wishlist i:hover {
color: var(--secondary-color);
}
.hm3-header-navbar .hm3-navbar-wrapper {
border-top: 1px solid #DBDBDB;
}
.hm3-header-navbar .header-navigation > ul > li:first-child > a {
padding-left: 0;
}
.hm3-header-navbar .header-navigation > ul > li a {
padding: 26px 20px;
font-size: 14px;
}
.hm3-header-navbar .header-navigation > ul > li.has-submenu::after {
top: 26px;
}
.hm3-header-navbar .header-navigation > ul > li.has-submenu .megamenu-2 {
left: -180px;
}
.hm3-header-navbar .header-toggle-btn span {
width: 60px;
}
@media (max-width: 991.98px) {
.hm3-header-navbar .hm3-navbar-wrapper {
border-top: 0;
}
} .header-search-box {
position: fixed;
padding: 80px 60px;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: var(--white-color);
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
text-align: center;
}
.header-search-box form {
width: 80%;
display: inline-block;
}
.header-search-box form label {
width: 100%;
position: relative;
}
.header-search-box form label i {
position: absolute;
left: 15px;
top: 18px;
font-size: 14px;
}
.header-search-box form label input {
width: 100%;
border: 1px solid var(--border-color);
padding: 12px 40px;
}
.header-search-box .search-close {
position: absolute;
right: 35px;
top: 8px;
color: var(--text-color);
}
.header-search-box .search-close:hover {
color: var(--danger-color);
}
.header-search-box.active {
width: 100%;
opacity: 1;
visibility: visible;
}
@media (max-width: 575.98px) {
.header-search-box {
padding: 32px 24px;
}
.header-search-box form {
width: 100%;
}
.header-search-box .search-close {
right: 8px;
}
} .mobile-menu {
width: 300px;
height: 100vh;
position: fixed;
top: 0;
left: -310px;
background-color: var(--white-color);
z-index: 100;
padding: 60px 24px;
overflow-y: scroll;
transition: var(--transition-base);
}
.mobile-menu .close {
position: absolute;
right: 20px;
top: 20px;
color: var(--primary-color);
}
.mobile-menu .close:hover {
color: var(--secondary-color);
}
.mobile-menu .logo {
width: 100%;
display: block;
text-align: center;
}
.mobile-menu .mobile-nav-menu {
margin-top: 32px;
}
.mobile-menu .mobile-nav-menu li {
display: block;
}
.mobile-menu .mobile-nav-menu li + li {
border-top: 1px solid var(--border-color);
}
.mobile-menu .mobile-nav-menu li a {
display: block;
color: var(--primary-color);
padding: 10px 0;
font-weight: 500;
}
.mobile-menu .mobile-nav-menu li a:hover {
color: var(--secondary-color);
}
.mobile-menu .mobile-nav-menu li.has-submenu {
position: relative;
}
.mobile-menu .mobile-nav-menu li.has-submenu > i {
position: absolute;
right: 0;
top: 6px;
padding: 8px;
transition: var(--transition-base);
}
.mobile-menu .mobile-nav-menu li.has-submenu > i.icon-rotate {
transform: rotate(180deg);
}
.mobile-menu .mobile-nav-menu li.has-submenu > .submenu-wrapper {
padding-left: 15px;
display: none;
}
.mobile-menu .mobile-search input {
width: 100%;
padding: 13px 18px;
width: 100%;
border: 1px solid var(--border-color);
}
.mobile-menu .mobile-search button {
flex-shrink: 0;
padding: 14px 15px;
background-color: var(--primary-color);
color: var(--white-color);
font-size: 15px;
font-weight: 500;
position: relative;
z-index: 1;
}
.mobile-menu .mobile-search button::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.mobile-menu .mobile-search button:hover {
color: var(--white-color);
}
.mobile-menu .mobile-search button:hover::before {
height: 100%;
}
.mobile-menu.active {
left: 0;
}
.ur-search-form {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: var(--primary-overlay);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.ur-search-form .close {
position: absolute;
right: 24px;
top: 24px;
font-size: 18px;
color: var(--white-color);
}
.ur-search-form .close:hover {
color: var(--secondary-color);
}
.ur-search-form form {
background-color: var(--white-color);
}
.ur-search-form form input {
background-color: var(--white-color);
}
.ur-search-form form button {
border-left: 1px solid var(--border-color);
width: 60px;
transition: var(--transition-base);
font-weight: 700;
}
.ur-search-form form button:hover {
color: var(--secondary-color);
}
.ur-search-form.active {
opacity: 1;
visibility: visible;
} .offcanvus-box {
width: 425px;
z-index: 100;
top: 0;
right: -430px;
height: 100vh;
overflow-y: scroll;
transition: var(--transition-base);
}
.offcanvus-box.active {
right: 0;
}
.offcanvus-box .offcanvus-close {
position: absolute;
left: 30px;
top: 30px;
color: var(--primary-color);
}
.offcanvus-box .offcanvus-close:hover {
color: var(--secondary-color);
}
.offcanvus-box .content-top {
text-align: center;
padding: 120px 60px 100px;
}
.offcanvus-box .content-top p {
line-height: 26px;
}
.offcanvus-box .offcanvus-gallery {
padding: 0 40px;
gap: 20px;
}
.offcanvus-box .offcanvus-gallery a {
width: calc(50% - 10px);
overflow: hidden;
}
.offcanvus-box .offcanvus-gallery a img {
max-width: 100%;
transition: var(--transition-base);
}
.offcanvus-box .offcanvus-gallery a img:hover {
transform: scale(1.1);
}
.offcanvus-box .offcanvus-newsletter {
padding: 100px 40px;
}
.offcanvus-box .offcanvus-newsletter input {
width: 100%;
padding: 16px 24px;
border: 1px solid var(--border-color);
}
.offcanvus-box .offcanvus-bottom {
border-top: 1px solid var(--gray-color);
padding: 20px 40px;
}
.offcanvus-box .user-links a {
color: var(--primary-color);
}
.offcanvus-box .user-links a:hover {
color: var(--secondary-color);
}
.language-switcher button {
font-size: 15px;
}
.language-switcher .dropdown-menu {
border-radius: 0;
border-color: var(--border-color);
}
.language-switcher .dropdown-menu li + li {
border-top: 1px solid var(--border-color);
}
.language-switcher .dropdown-menu li a {
padding: 4px 12px;
display: block;
color: var(--primary-color);
font-size: 15px;
}
.language-switcher .dropdown-menu li a img {
margin-right: 8px;
max-width: 29px;
} .cart-drawer {
top: 0;
right: -490px;
background-color: var(--white-color);
z-index: 200;
width: 480px;
height: 100vh;
padding: 30px;
box-shadow: var(--box-shadow);
transition: var(--transition-base);
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: scroll;
}
.cart-drawer .cart-list {
margin-top: 100px;
padding-bottom: 15px;
}
.cart-drawer .cart-list::-webkit-scrollbar {
display: none;
}
.cart-drawer li {
position: relative;
}
.cart-drawer li + li {
margin-top: 40px;
}
.cart-drawer li::before {
content: "";
position: absolute;
left: 0;
bottom: -20px;
width: 100%;
height: 1px;
background-color: var(--border-color);
}
.cart-drawer .feature-image {
max-width: 110px;
flex-shrink: 0;
padding: 10px;
}
.cart-drawer .feature-image img {
transition: var(--transition-base);
}
.cart-drawer .feature-image:hover img {
transform: scale(1.05);
}
.cart-drawer h6 {
transition: var(--transition-base);
}
.cart-drawer h6:hover {
color: var(--secondary-color);
}
.cart-drawer .quantity {
margin-top: 10px;
}
.cart-drawer .quantity input {
max-width: 50px;
border: 1px solid var(--border-color);
padding: 2px;
text-align: center;
}
.cart-drawer .quantity .step-btns {
width: 30px;
height: 30px;
border: 1px solid var(--border-color);
border-left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.cart-drawer .quantity .step-btns::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: var(--border-color);
}
.cart-drawer .quantity .step-btns button {
font-size: 10px;
padding: 0;
display: block;
}
.cart-drawer .close {
font-size: 14px;
color: var(--primary-color);
}
.cart-drawer .close:hover {
color: var(--secondary-color);
}
.cart-drawer .drawer-close {
font-size: 15px;
color: var(--primary-color);
}
.cart-drawer .drawer-close:hover {
color: var(--secondary-color);
}
.cart-drawer .drawer-bottom {
margin-top: 100px;
padding-top: 40px;
}
.cart-drawer .drawer-bottom .progress-line {
background-color: #F6F6F6;
margin-top: 24px;
height: 6px;
width: 100%;
position: relative;
}
.cart-drawer .drawer-bottom .progress-line .progress-fill {
position: absolute;
left: 0;
top: 0;
width: 73%;
height: 6px;
background-color: var(--primary-color);
}
.cart-drawer .drawer-bottom .progress-line .progress-fill span {
padding: 5px 10px;
border: 2px solid var(--primary-color);
color: var(--primary-color);
font-weight: 600;
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -15px;
background-color: var(--white-color);
}
.cart-drawer .outline-btn {
border: 1px solid var(--primary-color);
color: var(--primary-color);
position: relative;
z-index: 1;
}
.cart-drawer .outline-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.cart-drawer .outline-btn:hover {
color: var(--white-color);
border-color: var(--secondary-color);
}
.cart-drawer .outline-btn:hover::before {
height: 100%;
}
.cart-drawer.active {
right: 0;
}
@media (max-width: 460px) {
.cart-drawer {
width: 360px;
}
} .vr4-infobar {
padding: 13px 0;
}
.vr4-infobar .info-right {
gap: 40px;
}
.vr4-header-middle {
padding: 30px 0;
border-bottom: 1px solid var(--border-color);
}
.vr4-header-middle .header-right {
gap: 40px;
}
.vr4-header-search {
max-width: 150px;
}
.vr4-header-search label {
left: 0;
top: 3px;
font-size: 15px;
}
.vr4-header-search input {
border: 0;
padding-left: 20px;
color: var(--headings-color);
width: 100%;
}
.vr4-header-search input::-moz-placeholder {
color: var(--text-color);
}
.vr4-header-search input::placeholder {
color: var(--text-color);
}
.vr4-header-wishlist a {
color: var(--text-color);
}
.vr4-header-wishlist a:hover {
color: var(--secondary-color);
}
.vr4-header-cart button {
color: var(--text-color);
}
.vr4-header-cart button span {
transform: translateY(-2px);
display: inline-block;
}
.vr4-header-cart button span svg path {
transition: var(--transition-base);
}
.vr4-header-cart button:hover {
color: var(--secondary-color);
}
.vr4-header-cart button:hover svg path {
fill: var(--secondary-color);
}
.vr4-header-toggle {
padding: 0 20px;
position: relative;
}
.vr4-header-toggle::before {
content: "";
position: absolute;
left: 0;
top: -38px;
width: 1px;
height: calc(100% + 76px);
background-color: var(--border-color);
}
.vr4-header-toggle::after {
content: "";
position: absolute;
right: 0;
top: -38px;
width: 1px;
height: calc(100% + 76px);
background-color: var(--border-color);
}
.vr4-nav-menu > ul > li:hover > a {
color: var(--secondary-color);
}
.vr4-nav-menu > ul > li:first-child > a {
padding-left: 0;
}
.vr4-nav-menu > ul > li .megamenu-2 {
left: -180px;
}
.vr4-header-select {
gap: 30px;
}
.vr4-header-select select {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
padding-right: 30px;
}
.vr4-header-select select.vr4-language-select {
max-width: 100px;
}
.vr4-header-select select.vr4-currency-select {
max-width: 70px;
} .vr5-header-section {
background-color: var(--primary-color);
}
.vr5-header-section .header-right .header-icons button svg {
transition: var(--transition-base);
}
.vr5-header-section .header-right .header-icons button svg path {
fill: var(--white-color);
}
.vr5-header-section .header-right .header-icons button:hover svg path {
fill: var(--secondary-color);
}
.vr5-header-section .header-right .header-icons a svg {
transition: var(--transition-base);
}
.vr5-header-section .header-right .header-icons a svg path {
fill: var(--white-color);
}
.vr5-header-section .header-right .header-icons a:hover svg path {
fill: var(--secondary-color);
}
.vr5-header-section .header-right .header-icons .cart-icon {
transition: var(--transition-base);
}
.vr5-header-section .header-right .header-icons .cart-icon svg path {
fill: var(--white-color);
}
.vr5-header-section .header-right .header-icons .cart-icon:hover svg path {
fill: var(--secondary-color);
}
.vr5-header-section .header-right .header-toggle-btn span {
background-color: var(--white-color);
}
.vr5-header-section .header-navigation > ul li.has-submenu::after {
color: var(--white-color);
}
.vr5-header-section .header-navigation > ul li.has-submenu .submenu-wrapper {
box-shadow: none;
}
.vr5-header-section .header-navigation > ul li.has-submenu .ur-megamenu {
box-shadow: none;
}
.vr5-header-section .header-navigation > ul li.has-submenu:hover::after {
color: var(--secondary-color);
}
@media (max-width: 1199.98px) {
.vr5-header-section {
padding: 16px 0;
}
}
.vr5-header-navigation > ul > li > a {
color: var(--white-color);
}
.vr5-header-right {
gap: 100px;
}
.vr5-header-right .header-toggle {
position: relative;
}
.vr5-header-right .header-toggle::before {
content: "";
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 40px;
background-color: #262626;
}
@media (max-width: 1560px) {
.vr5-header-right {
gap: 60px;
}
.vr5-header-right .header-toggle::before {
left: -30px;
}
}
@media (max-width: 1399.98px) {
.vr5-header-right {
gap: 24px;
}
.vr5-header-right .header-toggle::before {
display: none;
}
} .vr6-header-topbar {
padding: 13px 0;
}
.vr6-header-topbar p {
letter-spacing: 0.02em;
}
.vr6-infobar-left {
gap: 30px;
}
.vr6-infobar-left div {
position: relative;
}
.vr6-infobar-left div::after {
content: "";
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 10px;
background-color: var(--primary-color);
}
.vr6-infobar {
border-bottom: 1px solid #E8E8E8;
}
.vr6-infobar select {
border: 0;
font-size: 14px;
font-weight: 500;
color: var(--primary-color);
width: auto;
display: inline-block;
padding-right: 20px;
background-position: right 6px center;
}
.vr6-infobar p a {
color: var(--primary-color);
}
.vr6-infobar p a:hover {
color: var(--secondary-color);
}
.vr6-infobar-nav {
display: block;
text-align: right;
}
.vr6-infobar-nav li {
display: inline-block;
}
.vr6-infobar-nav li a {
display: block;
padding: 16px 10px;
color: var(--primary-color);
font-size: 14px;
text-transform: capitalize;
}
.vr6-infobar-nav li a:hover {
color: var(--secondary-color);
}
.vr6-header-middle {
padding: 16px 0;
border-bottom: 1px solid #E8E8E8;
}
.vr6-header-search-form {
max-width: 700px;
display: inline-flex;
width: calc(100% - 60px);
align-items: center;
border: 1px solid #EBEBEB;
padding: 10px;
}
.vr6-header-search-form input {
width: 100%;
border: 0;
font-size: 14px;
padding-left: 10px;
}
.vr6-header-search-form button {
flex-shrink: 0;
padding: 8px 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.vr6-header-navbar {
border-bottom: 1px solid #EBEBEB;
}
@media (max-width: 1199.98px) {
.vr6-header-navbar {
padding: 15px 0;
}
}
.vr6-header-custom-row {
display: flex;
align-items: center;
}
.vr6-header-custom-row .vr6-category-menu {
width: 19%;
}
.vr6-header-custom-row .vr6-nav-menu {
width: 60%;
}
.vr6-header-custom-row .vr6-header-timing {
width: 21%;
}
@media (max-width: 1199.98px) {
.vr6-header-custom-row .vr6-category-menu {
width: 30%;
}
.vr6-header-custom-row .vr6-header-timing {
width: 70%;
}
}
.vr6-category-menu {
position: relative;
}
.vr6-category-menu::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #E8E8E8;
}
.vr6-category-menu > a {
color: var(--primary-color);
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
padding: 16px 0;
}
.vr6-category-menu > ul {
background-color: #F8F7F3;
padding: 15px 0;
position: absolute;
top: calc(100% + 24px);
width: 100%;
}
.vr6-category-menu > ul li {
display: block;
}
.vr6-category-menu > ul li.has-megamenu:hover .vr6-category-menu-box {
opacity: 1;
visibility: visible;
left: 100%;
}
.vr6-category-menu > ul li a {
display: block;
font-size: 14px;
text-transform: uppercase;
padding: 13.5px 30px;
color: var(--primary-color);
font-weight: 500;
}
.vr6-category-menu > ul li a > i {
float: right;
}
.vr6-category-menu > ul li:hover > a {
color: var(--secondary-color);
}
.vr6-category-menu > ul li:hover > a i {
color: var(--secondary-color);
}
@media (max-width: 1199.98px) {
.vr6-category-menu > ul {
display: none;
}
}
.vr6-category-menu-box {
position: absolute;
left: calc(100% + 10px);
top: 0;
width: 495px;
background-color: var(--white-color);
z-index: 2;
padding: 40px;
border: 1px solid #EDEDED;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.vr6-category-menu-box .menu-box-top .menu-box-top-left {
width: 50%;
}
.vr6-category-menu-box .menu-box-top h6 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.vr6-category-menu-box .menu-list li a {
padding: 8px 0;
text-transform: capitalize;
color: var(--primary-color);
font-size: 16px;
position: relative;
}
.vr6-category-menu-box .menu-list li a::after {
content: "";
position: absolute;
left: 6px;
bottom: 2px;
width: 0;
height: 1px;
background-color: var(--secondary-color);
transition: var(--transition-base);
}
.vr6-category-menu-box .menu-list li a:hover {
color: var(--secondary-color);
padding-left: 5px;
}
.vr6-category-menu-box .menu-list li a:hover::after {
width: 60px;
}
.vr6-category-menu-box .menu-list-banner .circle-badge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--white-color);
color: var(--primary-color);
font-size: 14px;
font-weight: 500;
border-radius: 50%;
position: absolute;
right: 30px;
top: 30px;
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content a.title {
padding: 0;
text-transform: capitalize;
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content h6 {
font-size: 22px;
font-weight: 600;
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content h6:hover {
color: var(--secondary-color);
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content a.explore {
color: var(--white-color);
padding: 0;
font-size: 16px;
font-weight: 400;
position: relative;
display: inline-block;
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content a.explore::before {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background-color: var(--white-color);
transition: var(--transition-base);
}
.vr6-category-menu-box .menu-list-banner .vr6-menu-banner-content a.explore:hover::before {
width: 0;
}
.vr6-category-menu-box .megamenu-2 {
position: initial;
width: 100%;
padding: 0;
opacity: 1;
visibility: visible;
}
.vr6-category-menu-box .megamenu-2 .pages-list li a {
padding: 7px 0;
}
.megamenu-3 {
position: absolute;
left: 30px;
top: calc(100% + 10px);
background-color: var(--white-color);
max-width: 1700px;
width: calc(100% - 60px);
padding: 24px;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
z-index: 10;
}
.megamenu-3 .menu-list li {
display: block;
}
.megamenu-3 .menu-list li a {
padding: 10px 0;
text-transform: initial;
font-size: 16px;
font-weight: 500;
display: inline-block;
position: relative;
}
.megamenu-3 .menu-list li a:hover {
padding-left: 6px;
}
.megamenu-3 .menu-list li span {
position: absolute;
top: 0;
left: calc(100% + 2px);
padding: 1px 4px;
font-size: 12px;
color: var(--white-color);
font-weight: 500;
text-transform: uppercase;
}
.megamenu-3 .menu-list li span.new-badge {
background-color: var(--danger-color);
}
.megamenu-3 .menu-list li span.hot-badge {
background-color: var(--primary-color);
}
.megamenu-3 .menu-list li span.feature-badge {
background-color: var(--secondary-color);
}
.vr6-nav-menu ul li {
display: inline-block;
}
.vr6-nav-menu ul li a {
display: block;
padding: 16px 20px;
display: inline-block;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color);
position: relative;
}
.vr6-nav-menu > ul > li.has-submenu::after {
top: 17px;
} .ur-megamenu {
position: absolute;
background-color: var(--white-color);
top: calc(100% + 10px);
left: -500px;
z-index: 10;
width: 1320px;
padding: 60px;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
box-shadow: var(--box-shadow);
}
.ur-megamenu .megamenu-row {
display: flex;
gap: 60px;
justify-content: space-between;
}
.ur-megamenu .megamenu-row .megamenu-column {
width: 15%;
}
.ur-megamenu .megamenu-row .megamenu-column.border-r {
position: relative;
}
.ur-megamenu .megamenu-row .megamenu-column.border-r::after {
content: "";
position: absolute;
right: 0px;
top: 0;
width: 1px;
height: 100%;
background-color: var(--border-color);
}
.ur-megamenu .megamenu-row .megamenu-column.banner {
width: 20%;
}
.ur-megamenu .megamenu-row .megamenu-column .column-title {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px;
}
.ur-megamenu .megamenu-row .megamenu-column .pages-list li {
display: block;
}
.ur-megamenu .megamenu-row .megamenu-column .pages-list li a {
padding: 9px 0;
color: var(--primary-color);
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
}
.ur-megamenu .megamenu-row .megamenu-column .pages-list li a:hover {
color: var(--secondary-color);
padding-left: 6px;
}
@media (max-width: 1560px) {
.ur-megamenu {
left: -450px;
}
}
@media (max-width: 1399.98px) {
.ur-megamenu {
width: 1090px;
padding: 45px;
left: -360px;
}
}
.megamenu-2 {
position: absolute;
width: 992px;
background-color: var(--white-color);
left: -500px;
z-index: 10;
padding: 24px;
box-shadow: var(--box-shadow);
top: calc(100% + 10px);
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.megamenu-2 .megamenu-column.border-r {
border-right: 1px solid var(--border-color);
}
.megamenu-2 .megamenu-column ul li {
display: block;
}
.megamenu-2 .megamenu-column ul li a {
padding: 12px 0;
text-transform: initial;
font-weight: 500;
font-size: 16px;
}
.megamenu-2 .megamenu-column ul li a:hover {
padding-left: 6px;
}
.megamenu-2 .sidebar-widget .latest-posts li + li {
margin-top: 30px;
position: relative;
}
.megamenu-2 .sidebar-widget .latest-posts li + li::before {
content: "";
position: absolute;
left: 0;
top: -15px;
width: 100%;
height: 1px;
background-color: var(--border-color);
}
.megamenu-2 .sidebar-widget .latest-posts li .feature-image {
width: 160px;
overflow: hidden;
}
.megamenu-2 .sidebar-widget .latest-posts li .feature-image img {
transition: var(--transition-base);
}
.megamenu-2 .sidebar-widget .latest-posts li .feature-image img:hover {
transform: scale(1.03);
}
.megamenu-2 .sidebar-widget .latest-posts li a {
padding: 0;
text-transform: initial;
}
.megamenu-2 .sidebar-widget .latest-posts li a h6 {
font-size: 18px;
font-weight: 500;
transition: var(--transition-base);
}
.megamenu-2 .sidebar-widget .latest-posts li a h6:hover {
color: var(--secondary-color);
}
.vr6-category-sidebar {
background-color: var(--white-color);
padding: 30px 0;
padding-top: 80px;
position: fixed;
top: 0;
left: -330px;
width: 100%;
height: 100vh;
overflow-y: scroll;
z-index: 100;
width: 320px;
transition: var(--transition-base);
}
.vr6-category-sidebar .close-ct-menu {
position: absolute;
right: 15px;
top: 15px;
color: var(--primary-color);
}
.vr6-category-sidebar .close-ct-menu:hover {
color: var(--secondary-color);
}
.vr6-category-sidebar ul li {
display: block;
}
.vr6-category-sidebar ul li a {
display: block;
font-size: 12px;
text-transform: uppercase;
padding: 15px 30px;
color: var(--primary-color);
font-weight: 600;
font-size: 15px;
}
.vr6-category-sidebar ul li.has-submenu {
position: relative;
}
.vr6-category-sidebar ul li.has-submenu > i {
position: absolute;
right: 12px;
top: 6px;
padding: 8px;
transition: var(--transition-base);
}
.vr6-category-sidebar ul li.has-submenu > i.icon-rotate {
transform: rotate(180deg);
}
.vr6-category-sidebar ul li.has-submenu > .submenu-wrapper {
padding-left: 15px;
display: none;
}
.vr6-category-sidebar ul li:hover > a {
color: var(--secondary-color);
}
.vr6-category-sidebar ul li:hover > a i {
color: var(--secondary-color);
}
.vr6-category-sidebar.active {
left: 0;
} .sticky-header.sticky-on {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 100;
animation: 1s fadeInDown;
background-color: var(--white-color);
border-bottom: 1px solid var(--border-color);
}
.sticky-header.sticky-on .header-infobar {
display: none !important;
}
.sticky-header.sticky-on .hm3-header-info {
display: none !important;
}
.sticky-header.sticky-on .hm3-header-middle {
display: none !important;
}
.sticky-header.sticky-on .hm3-header-navbar .hm3-navbar-wrapper {
border-top: 0;
}
.sticky-header.sticky-on .vr4-infobar {
display: none !important;
}
.sticky-header.sticky-on .vr4-header-middle {
display: none;
}
.sticky-header.sticky-on.vr5-header-section {
background-color: var(--primary-color) !important;
border-bottom: 0;
}
.template-btn {
display: inline-block;
font-weight: 600;
text-transform: capitalize;
overflow: hidden;
padding: 20px 36px;
}
.template-btn.btn-md {
padding: 14px 24px;
}
.template-btn.btn-sm {
padding: 4px 13px;
font-size: 14px;
}
.primary-btn {
position: relative;
background-color: var(--primary-color);
color: var(--white-color);
border: 1px solid transparent;
z-index: 1;
transition: var(--transition-base);
z-index: 1;
}
.primary-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
transition: var(--transition-base);
z-index: -1;
}
.primary-btn:hover {
border-color: var(--secondary-color);
color: var(--white-color);
}
.primary-btn:hover::before {
height: 100%;
}
.white-btn {
color: var(--primary-color);
position: relative;
z-index: 1;
background-color: var(--white-color);
}
.white-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
transition: var(--transition-base);
z-index: -1;
}
.white-btn:hover {
color: var(--white-color);
}
.white-btn:hover::before {
height: 100%;
}
.white-btn.hover-text-white:hover {
color: var(--white-color);
}
.outline-dark {
border: 1px solid #2C2C2C;
color: var(--white-color);
font-size: 14px;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.outline-dark::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--white-color);
z-index: -1;
transition: var(--transition-base);
}
.outline-dark:hover {
color: var(--primary-color);
border-color: var(--white-color);
}
.outline-dark:hover::before {
height: 100%;
}
.template-btn.vr5-btn {
height: 50px;
padding-top: 0;
padding-bottom: 0;
line-height: 50px;
font-size: 14px;
width: 170px;
text-align: center;
}
.template-btn.vr6-btn {
padding: 16px 30px;
font-size: 14px;
text-transform: uppercase;
}
.outline-btn {
border: 1px solid var(--white-color);
background-color: transparent;
color: var(--white-color);
}
.outline-btn:hover {
background-color: var(--white-color);
color: var(--primary-color);
}
.hm3-btn {
padding: 15px 40px;
} .footer-widget {
margin-bottom: 50px;
}
.footer-widget .widget-title {
text-transform: uppercase;
}
.footer-widget.subscribe-widget {
max-width: 460px;
}
.footer-widget.subscribe-widget h4 {
line-height: 36px;
}
.footer-widget.subscribe-widget form {
width: 100%;
border: 1px solid var(--primary-color);
padding: 7px 7px 7px 29px;
}
.footer-widget.subscribe-widget form label {
width: 100%;
position: relative;
}
.footer-widget.subscribe-widget form label i {
position: absolute;
top: 4px;
left: 0;
}
.footer-widget.subscribe-widget form label input {
width: 100%;
border: 0;
padding-left: 24px;
}
.footer-nav-widget .footer-links li {
display: block;
}
.footer-nav-widget .footer-links li + li {
margin-top: 16px;
}
.footer-nav-widget .footer-links li a {
display: block;
color: var(--text-color);
position: relative;
}
.footer-nav-widget .footer-links li a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background-color: var(--primary-color);
border-radius: 50%;
opacity: 0;
transition: var(--transition-base);
}
.footer-nav-widget .footer-links li a:hover {
color: var(--primary-color);
padding-left: 10px;
}
.footer-nav-widget .footer-links li a:hover::before {
opacity: 1;
color: var(--text-color);
}
@media (max-width: 575.98px) {
.footer-nav-widget {
margin-bottom: 24px;
}
.footer-nav-widget .widget-title {
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
padding: 16px 0;
position: relative;
margin-bottom: 0;
}
.footer-nav-widget .widget-title::after {
content: "+";
position: absolute;
right: 10px;
top: 15px;
}
.footer-nav-widget .footer-links {
display: none;
padding-top: 30px;
}
}
.footer-contact-widget .footer-address li {
color: var(--text-color);
}
.footer-contact-widget .footer-address li a {
color: var(--text-color);
}
.footer-contact-widget .footer-address li a:hover {
color: var(--primary-color);
}
.footer-contact-widget .footer-address li + li {
margin-top: 16px;
}
.footer-socials {
gap: 36px;
}
.footer-socials a {
color: var(--primary-color);
transition: var(--transition-base);
}
.footer-socials a i {
transition: var(--transition-base);
}
.footer-socials a:hover {
color: var(--secondary-color);
}
.footer-socials a:hover i {
animation: 0.3s toTopFromBottom;
}
.footer-copyright {
margin-top: 70px;
padding: 30px 0;
border-top: 1px solid var(--border-color);
}
.footer-copyright p a {
color: var(--text-color);
}
.footer-copyright p a:hover {
color: var(--secondary-color);
}
.copyright-links a {
color: var(--primary-color);
}
.copyright-links a:hover {
color: var(--secondary-color);
} .hm2-footer-top {
margin-bottom: 90px;
}
.hm2-sb-form {
display: flex;
align-items: center;
gap: 0;
}
.hm2-sb-form input {
width: 100%;
background-color: #F6F6F6;
border: 0;
padding: 20px 24px;
}
.hm2-sb-form .template-btn {
width: 224px;
text-transform: uppercase;
flex-shrink: 0;
display: inline-flex;
justify-content: space-between;
gap: 6px;
}
@media (max-width: 575.98px) {
.hm2-sb-form .template-btn {
width: auto;
}
}
.hm2-footer-widget .footer-address a {
color: var(--text-color);
}
.hm2-footer-widget .footer-address a:hover {
color: var(--primary-color);
}
.hm2-footer-widget .footer-address a.mail {
position: relative;
display: inline-block;
margin-top: 8px;
}
.hm2-footer-widget .footer-address a.mail::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: var(--text-color);
transition: var(--transition-base);
}
.hm2-footer-widget .footer-address a.mail:hover::before {
width: 0;
}
.hm2-footer-copyright {
padding: 30px 0;
border-top: 1px solid #D4D4D4;
}
.hm2-footer-copyright p a {
color: var(--text-color);
}
.hm2-footer-copyright p a:hover {
color: var(--secondary-color);
}
.footer-dark .footer-widget .widget-title {
color: var(--white-color);
}
.footer-dark .footer-widget .footer-links li a:hover {
color: var(--white-color);
}
.footer-dark .footer-widget .footer-links li a:hover::before {
background-color: var(--white-color);
}
.footer-dark .subscribe-widget form {
border-color: #222222;
}
.footer-dark .subscribe-widget form button {
background-color: var(--white-color);
color: var(--primary-color);
}
.footer-dark .footer-copyright {
border-color: #222222;
}
.footer-dark .footer-copyright .copyright-links a {
color: var(--white-color);
}
.vr5-footer .footer-copyright {
border-top: 1px solid var(--primary-color);
}
.vr5-footer-gallery {
display: flex;
align-items: center;
gap: 0;
}
.vr5-footer-gallery .single-item {
z-index: 1;
}
.vr5-footer-gallery .single-item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
opacity: 0;
z-index: 1;
transition: var(--transition-base);
}
.vr5-footer-gallery .single-item .popup-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%);
border-radius: 50%;
width: 50px;
height: 50px;
background-color: var(--white-color);
color: var(--primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: var(--transition-base);
opacity: 0;
visibility: hidden;
}
.vr5-footer-gallery .single-item .popup-btn:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.vr5-footer-gallery .single-item:hover::before {
opacity: 0.6;
}
.vr5-footer-gallery .single-item:hover .popup-btn {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.vr-product-card .feature-thumb {
background-color: #F8F8F8;
text-align: center;
padding: 24px;
height: 448px;
display: flex;
align-items: center;
justify-content: center;
}
.vr-product-card .feature-thumb .feature-thumbnail {
transition: 0.2s;
}
.vr-product-card .feature-thumb .feature-thumbnail.thumb-hover {
position: absolute;
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.9);
transition: var(--transition-base);
}
.vr-product-card .feature-thumb.thumb-sm {
height: 375px;
}
@media (max-width: 1399.98px) {
.vr-product-card .feature-thumb.thumb-sm {
height: 300px;
}
}
@media (max-width: 575.98px) {
.vr-product-card .feature-thumb.thumb-sm {
height: 375px;
}
}
.vr-product-card .feature-thumb .circle-badge {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--white-color);
text-align: center;
position: absolute;
right: 30px;
top: 30px;
z-index: 1;
border-radius: 50%;
}
.vr-product-card .feature-thumb .circle-badge.primary {
background-color: var(--primary-color);
}
.vr-product-card .feature-thumb .circle-badge.danger {
background-color: var(--danger-color);
}
.vr-product-card .feature-thumb .circle-badge.sale {
background-color: var(--text-color);
color: var(--white-color);
}
.vr-product-card .feature-thumb .rectangle-badge {
width: 60px;
height: 25px;
padding: 0 2px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--white-color);
position: absolute;
top: 30px;
left: 30px;
}
.vr-product-card .feature-thumb .rectangle-badge.danger {
background-color: #C92222;
}
.vr-product-card .feature-thumb .rectangle-badge.primary {
background-color: var(--primary-color);
}
.vr-product-card .feature-thumb a {
display: inline-block;
}
.vr-product-card .action-box {
position: absolute;
width: 200px;
height: 50px;
bottom: 50px;
opacity: 0;
visibility: hidden;
left: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 35px;
transition: var(--transition-base);
}
.vr-product-card .action-box a {
position: relative;
}
.vr-product-card .action-box a .tooltip-text {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
color: var(--white-color);
background-color: var(--primary-color);
border-radius: 30px;
white-space: nowrap;
opacity: 0;
font-size: 12px;
padding: 6px 16px;
transition: var(--transition-base);
}
.vr-product-card .action-box a .tooltip-text::before {
content: "";
position: absolute;
left: 50%;
bottom: -6px;
width: 12px;
height: 6px;
transform: translateX(-50%);
background-color: var(--primary-color);
clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.vr-product-card .action-box a svg {
transition: var(--transition-base);
}
.vr-product-card .action-box a svg:hover {
transform: scale(1.1);
}
.vr-product-card .action-box a:hover .tooltip-text {
opacity: 1;
top: -50px;
}
.vr-product-card .card-bottom h5 {
transition: var(--transition-base);
}
.vr-product-card .card-bottom h5:hover {
color: var(--secondary-color);
}
.vr-product-card .rating-star {
padding: 10px 18px;
border-radius: 30px;
background: linear-gradient(130.08deg, #FFFFFF 0%, #F2F2F2 100%);
border: 1px solid var(--white-color);
box-shadow: 0px 4px 40px #E2E2E2;
}
.vr-product-card .rating-star li {
color: var(--primary-color);
}
.vr-product-card .thumbnail-slider-wrapper {
max-width: 100%;
padding-left: 50px;
}
.vr-product-card .vr-thumbnail-slider .slick-slide {
text-align: center;
padding: 24px 0;
}
.vr-product-card .vr-thumbnail-slider .slick-slide div {
display: inline-block;
}
.vr-product-card .vr-thumbnail-control-slider {
position: absolute;
width: 80px;
height: 280px;
top: 32px;
left: 32px;
z-index: 10;
}
.vr-product-card .vr-thumbnail-control-slider .slick-list {
height: 100% !important;
}
.vr-product-card .vr-thumbnail-control-slider .single-item {
background-color: var(--white-color);
padding: 10px;
}
.vr-product-card .vr-thumbnail-control-slider .single-item + .single-item {
margin-top: 20px;
}
.vr-product-card .vr-thumbnail-control-slider .slick-slide {
opacity: 0;
transition: 0.5s;
}
.vr-product-card .vr-thumbnail-control-slider .slick-slide.slick-active {
opacity: 1;
}
.vr-product-card:hover .feature-thumb .thumb {
opacity: 0;
}
.vr-product-card:hover .feature-thumb .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1.1);
}
.vr-product-card:hover .action-box {
bottom: 0;
opacity: 1;
visibility: visible;
}
@media (max-width: 1199.98px) {
.vr-product-card .vr-thumbnail-control-slider {
top: 12px;
left: 12px;
}
}
.hm2-ft-product-card {
height: 600px;
background-color: #F6F6F6;
display: flex;
align-items: center;
justify-content: center;
}
.hm2-ft-product-card .products-info-box {
position: absolute;
top: 26%;
left: 50%;
transform: translateX(-50%);
}
.hm2-ft-product-card .products-info-box.dote-bottom {
bottom: 25%;
top: auto;
}
.hm2-ft-product-card .products-info-box.dote-bottom .info-box {
bottom: 40px;
top: auto;
}
@media (max-width: 575.98px) {
.hm2-ft-product-card {
height: 500px;
}
}
.hm3-product-card .feature-thumb {
overflow: hidden;
}
.hm3-product-card .feature-thumb img {
transition: var(--transition-base);
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.hm3-product-card .feature-thumb img:hover {
margin-left: -15px;
}
.hm3-product-card h3 {
font-size: 36px;
line-height: 1.2em;
font-family: var(--hm2-font-family);
font-weight: 400;
transition: var(--transition-base);
}
.hm3-product-card h3:hover {
color: var(--secondary-color);
}
.hm3-product-card .explore-btn {
text-transform: uppercase;
font-size: 14px;
color: var(--primary-color);
font-weight: 600;
position: relative;
}
.hm3-product-card .explore-btn::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.hm3-product-card .explore-btn:hover {
color: var(--secondary-color);
}
.hm3-product-card .explore-btn:hover::before {
width: 0;
}
.hm3-product-card.pr-110 {
padding-right: 100px;
}
.hm3-product-card.mt-100 {
margin-top: 100px;
}
.hm3-product-card.mt--100 {
margin-top: -100px;
}
@media (max-width: 1199.98px) {
.hm3-product-card.pr-110 {
padding-right: 0;
}
.hm3-product-card.mt-100 {
margin-top: 0;
}
.hm3-product-card.mt--100 {
margin-top: 0;
}
}
.vr5-product-card {
border: 1px solid #E7E7E7;
transition: var(--transition-base);
}
.vr5-product-card .feature-image {
height: 375px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border-bottom: 1px solid #E7E7E7;
background-color: #F8F8F8;
transition: var(--transition-base);
}
.vr5-product-card .feature-image.h-300 {
height: 300px;
}
.vr5-product-card .feature-image img {
transition: var(--transition-base);
}
.vr5-product-card .feature-image .circle-badge {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--white-color);
text-align: center;
position: absolute;
left: 20px;
top: 20px;
z-index: 1;
border-radius: 50%;
}
.vr5-product-card .feature-image .circle-badge.primary {
background-color: var(--primary-color);
}
.vr5-product-card .feature-image .circle-badge.sale {
background-color: var(--text-color);
color: var(--white-color);
}
.vr5-product-card .action-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.vr5-product-card .cart-btn {
width: 150px;
height: 45px;
background-color: var(--primary-color);
display: inline-block;
line-height: 45px;
text-align: center;
color: var(--white-color);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.vr5-product-card .cart-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr5-product-card .cart-btn:hover::before {
height: 100%;
}
.vr5-product-card .action-btns {
margin-top: 8px;
}
.vr5-product-card .action-btns a {
width: 45px;
height: 45px;
background-color: var(--white-color);
border: 1px solid var(--primary-color);
color: var(--primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-base);
position: relative;
z-index: 1;
}
.vr5-product-card .action-btns a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr5-product-card .action-btns a:hover {
border-color: var(--secondary-color);
}
.vr5-product-card .action-btns a:hover svg path {
fill: var(--white-color);
}
.vr5-product-card .action-btns a:hover::before {
height: 100%;
}
.vr5-product-card .product-content {
padding: 30px;
}
.vr5-product-card .product-content h6 {
transition: var(--transition-base);
}
.vr5-product-card .product-content h6:hover {
color: var(--secondary-color);
}
.vr5-product-card:hover {
border-color: var(--primary-color);
}
.vr5-product-card:hover .feature-image {
background-color: var(--white-color);
border-color: var(--primary-color);
}
.vr5-product-card:hover .feature-image img {
opacity: 0.4;
}
.vr5-product-card:hover .action-box {
opacity: 1;
visibility: visible;
}
.vr5-product-card:hover .action-box .cart-btn {
animation: 0.5s theme_fadeInUp;
}
.vr5-product-card:hover .action-box .action-btns a:nth-child(1) {
animation: 0.6s theme_fadeInUp;
}
.vr5-product-card:hover .action-box .action-btns a:nth-child(2) {
animation: 0.8s theme_fadeInUp;
}
.vr5-product-card:hover .action-box .action-btns a:nth-child(3) {
animation: 1s theme_fadeInUp;
}
.vr6-product-card {
border: 1px solid #E7E7E7;
padding: 10px;
}
.vr6-product-card .feature-image {
background-color: #F8F8F8;
display: inline-flex;
align-items: center;
justify-content: center;
height: 355px;
width: 100%;
}
.vr6-product-card .feature-image .feature-thumbnail {
transition: 0.2s;
}
.vr6-product-card .feature-image .feature-thumbnail.thumb-hover {
position: absolute;
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.9);
max-width: 80%;
transition: var(--transition-base);
}
.vr6-product-card .feature-image .offer-badge {
padding: 5px 10px;
font-size: 10px;
color: var(--white-color);
text-transform: uppercase;
font-weight: 700;
background-color: var(--primary-color);
position: absolute;
top: 10px;
right: 10px;
}
.vr6-product-card .feature-image .product-action-btns {
width: 40px;
position: absolute;
left: 20px;
top: 20px;
z-index: 1;
opacity: 0;
visibility: hidden;
}
.vr6-product-card .feature-image .product-action-btns a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--white-color);
color: var(--primary-color);
margin-bottom: 6px;
position: relative;
z-index: 1;
}
.vr6-product-card .feature-image .product-action-btns a svg path {
fill: var(--primary-color);
transition: var(--transition-base);
}
.vr6-product-card .feature-image .product-action-btns a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--primary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr6-product-card .feature-image .product-action-btns a:hover svg path {
fill: var(--white-color);
}
.vr6-product-card .feature-image .product-action-btns a:hover::before {
height: 100%;
}
.vr6-product-card .vr6-product-card-content {
padding: 30px 20px;
}
.vr6-product-card .vr6-product-card-content .pricing span {
font-size: 14px;
font-weight: 700;
color: var(--primary-color);
}
.vr6-product-card .vr6-product-card-content .pricing del {
font-size: 14px;
}
.vr6-product-card .vr6-product-card-content .template-btn {
padding: 12px 25px;
font-size: 14px;
text-transform: uppercase;
border: 1px solid var(--primary-color);
}
.vr6-product-card .vr6-product-card-content .template-btn::before {
background-color: var(--primary-color);
}
.vr6-product-card:hover .feature-image .thumb {
opacity: 0;
}
.vr6-product-card:hover .feature-image .thumb-hover {
opacity: 1;
transform: translate(-50%, -50%) scale(1.1);
}
.vr6-product-card:hover .feature-image .product-action-btns {
opacity: 1;
visibility: visible;
}
.vr6-product-card:hover .feature-image .product-action-btns a:nth-child(1) {
animation: 0.5s theme_fadeInUp;
}
.vr6-product-card:hover .feature-image .product-action-btns a:nth-child(2) {
animation: 0.7s theme_fadeInUp;
}
.vr6-product-card:hover .feature-image .product-action-btns a:nth-child(3) {
animation: 1s theme_fadeInUp;
}
.vr-horizontal-product {
display: flex;
align-items: center;
gap: 32px;
}
.vr-horizontal-product .feature-image {
width: 300px;
height: 250px;
background-color: #F6F6F6;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.vr-horizontal-product .feature-image .vr-product-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.vr-horizontal-product .feature-image .vr-product-overlay a {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--white-color);
position: relative;
z-index: 1;
}
.vr-horizontal-product .feature-image .vr-product-overlay a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--white-color);
transition: var(--transition-base);
z-index: -1;
}
.vr-horizontal-product .feature-image .vr-product-overlay a svg path {
fill: var(--white-color);
transition: var(--transition-base);
}
.vr-horizontal-product .feature-image .vr-product-overlay a:hover {
color: var(--primary-color);
}
.vr-horizontal-product .feature-image .vr-product-overlay a:hover svg path {
fill: var(--primary-color);
}
.vr-horizontal-product .feature-image .vr-product-overlay a:hover::before {
height: 100%;
}
.vr-horizontal-product .vrh-card-content .outline-btn {
border-color: var(--primary-color);
color: var(--primary-color);
width: auto;
padding: 0 15px;
}
.vr-horizontal-product .vrh-card-content .outline-btn span i {
-webkit-text-stroke: 1px;
-webkit-text-fill-color: transparent;
}
.vr-horizontal-product:hover .feature-image .vr-product-overlay {
opacity: 1;
visibility: visible;
}
@media (max-width: 767.98px) {
.vr-horizontal-product {
flex-wrap: wrap;
}
.vr-horizontal-product .feature-image {
width: 100%;
}
}
.breadcrumb-section {
background-color: #F6F6F6;
}
.breadcrumb-text a {
margin-right: 4px;
color: var(--text-color);
display: inline-block;
}
.breadcrumb-text a:hover {
color: var(--secondary-color);
}
.breadcrumb-text span {
margin-left: 4px;
}
.sidebar-widget .widget-title::before {
content: "";
position: absolute;
left: 0;
bottom: -15px;
width: 50px;
height: 1px;
background-color: var(--primary-color);
}
.sidebar-widget .search-widget input {
background-color: var(--light-bg-2);
}
.sidebar-widget .sidebar-check-fields li {
display: block;
}
.sidebar-widget .sidebar-check-fields li label {
position: relative;
display: block;
}
.sidebar-widget .sidebar-check-fields li label > span {
padding-left: 32px;
display: block;
position: relative;
font-weight: 300;
}
.sidebar-widget .sidebar-check-fields li label > span::before {
content: "\f00c";
font-family: "FontAwesome";
font-size: 12px;
text-align: center;
line-height: 17px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 1px solid var(--border-color);
color: transparent;
transition: var(--transition-base);
}
.sidebar-widget .sidebar-check-fields li label > span span {
float: right;
}
.sidebar-widget .sidebar-check-fields li label input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.sidebar-widget .sidebar-check-fields li label input:checked ~ span::before {
background-color: var(--primary-color);
color: var(--white-color);
border-color: var(--primary-color);
}
.sidebar-widget .sidebar-check-fields li + li {
margin-top: 18px;
}
.sidebar-widget .color-select li label {
position: relative;
display: block;
}
.sidebar-widget .color-select li label > span {
padding-left: 32px;
display: block;
font-weight: 300;
position: relative;
}
.sidebar-widget .color-select li label > span::before {
content: "\f00c";
font-family: "FontAwesome";
color: transparent;
font-size: 12px;
text-align: center;
line-height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
}
.sidebar-widget .color-select li label > span span {
float: right;
}
.sidebar-widget .color-select li label > span.bg-soft-gold::before {
background-color: #EB9A3C;
}
.sidebar-widget .color-select li label > span.bg-light-pink::before {
background-color: #FAA9D9;
}
.sidebar-widget .color-select li label > span.bg-green-touch::before {
background-color: #99C88D;
}
.sidebar-widget .color-select li label > span.bg-navy-blue::before {
background-color: #A9BFFA;
}
.sidebar-widget .color-select li label > span.bg-gray-white::before {
background-color: #EEEACA;
}
.sidebar-widget .color-select li label input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.sidebar-widget .color-select li label input:checked ~ span::before {
color: var(--white-color);
}
.sidebar-widget .color-select li + li {
margin-top: 18px;
}
.products-widget .sidebar-products li .thumbnail {
max-width: 90px;
}
.products-widget .sidebar-products li + li {
margin-top: 24px;
}
.filter-widget .ur-pricing-range {
border: 0;
background-color: var(--border-color);
height: 5px;
}
.filter-widget .ur-pricing-range .ui-slider-range {
background-color: var(--primary-color);
}
.filter-widget .ur-pricing-range .ui-slider-handle {
width: 15px;
height: 15px;
border: 2px solid var(--primary-color);
border-radius: 0;
background-color: var(--white-color);
padding: 0;
outline: 0;
}
.filter-widget .ur-pricing-range .ui-slider-handle::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 5px;
height: 5px;
background-color: var(--primary-color);
}
.filter-widget p {
font-weight: 300;
}
.filter-widget input {
border: 0;
font-weight: 300;
}
.filter-widget .submit-btn {
transition: var(--transition-base);
}
.filter-widget .submit-btn:hover {
color: var(--secondary-color);
}
.latest-post-widget .latest-posts li + li {
margin-top: 25px;
}
.latest-post-widget .latest-posts .feature-image {
width: 90px;
flex-shrink: 0;
overflow: hidden;
}
.latest-post-widget .latest-posts .feature-image img {
transition: var(--transition-base);
}
.latest-post-widget .latest-posts .feature-image img:hover {
transform: scale(1.05);
}
.latest-post-widget .latest-posts h6 {
transition: var(--transition-base);
}
.latest-post-widget .latest-posts h6:hover {
color: var(--secondary-color);
}
.tags-widget .tags {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.tags-widget .tags a {
display: inline-block;
padding: 10px 22px;
border: 1px solid var(--border-color);
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
color: var(--primary-color);
}
.tags-widget .tags a:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.instagram-widget .insta-posts {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.instagram-widget .insta-posts li {
width: calc(33% - 10px);
overflow: hidden;
}
.instagram-widget .insta-posts li img {
transition: var(--transition-base);
}
.instagram-widget .insta-posts li img:hover {
transform: scale(1.08);
}  .hero-section {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hero-section .hero-images .box-shape {
width: 151px;
height: 330px;
background-color: #E7E4E4;
bottom: -60px;
left: 50%;
z-index: 1;
}
.hero-section .hero-images img {
z-index: 2;
display: inline-block;
}
@media (max-width: 1560px) {
.hero-section .hero-content-wrapper {
padding-left: 60px;
}
}
@media (max-width: 1199.98px) {
.hero-section .hero-content-wrapper {
padding-left: 0;
}
}
.hero-vertical-slider {
width: 80px;
height: 175px;
position: absolute;
left: -160px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.hero-vertical-slider .single-item {
margin-top: 6px;
}
.hero-vertical-slider .single-item img {
transition: var(--transition-base);
}
@media (max-width: 1660px) {
.hero-vertical-slider {
left: -100px;
}
}
@media (max-width: 1560px) {
.hero-vertical-slider {
left: -40px;
}
}
@media (max-width: 1399.98px) {
.hero-vertical-slider {
left: -50px;
}
}
@media (max-width: 1199.98px) {
.hero-vertical-slider {
left: auto;
right: 0;
}
}
@media (max-width: 991.98px) {
.hero-vertical-slider {
display: none;
}
}
.hero-subtitle {
background-color: #761818;
color: var(--white-color);
padding: 7px 18px;
border-radius: 5px;
display: inline-block;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
.hero-main-slider .slick-list {
overflow: visible;
}
.hero-main-slider .slick-active .hero-subtitle {
animation: 0.5s theme_fadeInUp;
}
.hero-main-slider .slick-active .hero-title {
animation: 1s theme_fadeInUp;
}
.hero-main-slider .slick-active .rf-text {
animation: 1.2s theme_fadeInUp;
}
.hero-main-slider .slick-active p {
animation: 1.4s theme_fadeInUp;
}
.hero-main-slider .slick-active .template-btn {
animation: 1.5s theme_fadeInUp;
}
.hero-main-slider .slick-active .image-1 {
animation: 1s theme_fadeInUp;
}
.hero-main-slider .slick-active .image-2 {
animation: 1.2s fadeInLeft;
}
.hero-main-slider .slick-active .box-shape {
animation: 1.5s flipInX;
} .banner-section {
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.banner-section {
flex-wrap: wrap;
}
}
.banner-1 {
width: 39%;
height: 549px;
padding: 120px;
flex-shrink: 0;
background-size: 101% 110%;
background-repeat: no-repeat;
background-position: 0 -15px;
transition: var(--transition-base);
}
.banner-1 .banner-content {
max-width: 410px;
}
.banner-1 .explore-btn {
font-weight: 700;
color: var(--primary-color);
position: relative;
display: inline-block;
}
.banner-1 .explore-btn::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.banner-1 .explore-btn:hover::after {
width: 100%;
}
.banner-1:hover {
background-position: 0 0;
}
@media (max-width: 1600px) {
.banner-1 {
padding: 120px 120px 120px 40px;
}
}
@media (max-width: 1399.98px) {
.banner-1 .banner-img {
width: 250px;
}
}
@media (max-width: 1199.98px) {
.banner-1 {
padding: 70px 24px 200px;
height: auto;
background-size: cover;
background-position: left bottom;
}
.banner-1 .banner-content {
max-width: 100%;
}
}
@media (max-width: 991.98px) {
.banner-1 {
width: 100%;
}
}
.banner-2 {
display: flex;
padding: 77px 120px 55px 158px;
height: 549px;
justify-content: end;
width: 61%;
background-size: 110% 110%;
background-position: 0 -15px;
background-repeat: no-repeat;
transition: var(--transition-base);
}
.banner-2 .banner-content {
max-width: 400px;
}
.banner-2 .explore-btn {
font-weight: 700;
color: var(--primary-color);
position: relative;
display: inline-block;
}
.banner-2 .explore-btn::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.banner-2 .explore-btn:hover::after {
width: 100%;
}
.banner-2:hover {
background-position: 0 0;
}
@media (max-width: 1600px) {
.banner-2 {
padding: 77px 40px 55px 24px;
}
}
@media (max-width: 1399.98px) {
.banner-2 {
background-size: 120% 120%;
}
.banner-2 h2 br {
display: none;
}
}
@media (max-width: 1199.98px) {
.banner-2 {
height: 552px;
background-size: cover;
background-position: right center;
}
.banner-2:hover {
background-position: right center;
}
}
@media (max-width: 991.98px) {
.banner-2 {
width: 100%;
}
}
.banner-section-2 {
background-color: #FBF6F2;
padding: 140px 0;
}
.banner-section-2 .bg-overlay {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 90px 45px;
background-size: 47%;
}
.banner-section-2 .rectangle-shape {
left: 10%;
top: -30px;
}
@media (max-width: 1399.98px) {
.banner-section-2 {
padding: 100px 0;
}
.banner-section-2 .bg-overlay {
background-position: 0 45px;
background-size: 50%;
}
}
@media (max-width: 1199.98px) {
.banner-section-2 .bg-overlay {
display: none;
}
}
@media (max-width: 767.98px) {
.banner-section-2 {
padding: 80px 0;
}
}
.furniture-banner h2 {
font-size: 60px;
line-height: 1em;
}
.furniture-banner p {
max-width: 490px;
display: inline-block;
}
@media (max-width: 991.98px) {
.furniture-banner h2 {
font-size: 50px;
}
}
@media (max-width: 575.98px) {
.furniture-banner h2 {
font-size: 42px;
}
} .vr-filter-btns {
display: flex;
align-items: center;
padding: 60px 0;
border-top: 1px solid #EDEDED;
gap: 45px;
flex-wrap: wrap;
}
.vr-filter-btns button {
font-size: 18px;
font-weight: 500;
color: var(--text-color);
text-transform: capitalize;
transition: var(--transition-base);
}
.vr-filter-btns button:hover {
color: var(--secondary-color);
}
.vr-filter-btns button.active {
color: var(--secondary-color);
}
@media (max-width: 575.98px) {
.vr-filter-btns {
gap: 15px;
}
} .arrival-slider .prev-arrow,
.arrival-slider .next-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: var(--transition-base);
}
.arrival-slider .prev-arrow:hover,
.arrival-slider .next-arrow:hover {
color: var(--secondary-color);
}
.arrival-slider .prev-arrow {
left: -120px;
}
.arrival-slider .prev-arrow i {
margin-right: 15px;
}
.arrival-slider .next-arrow {
right: -120px;
}
.arrival-slider .next-arrow i {
margin-left: 15px;
}
@media (max-width: 1600px) {
.arrival-slider .prev-arrow {
left: -75px;
}
.arrival-slider .prev-arrow i {
margin-right: 4px;
}
.arrival-slider .next-arrow {
right: -75px;
}
.arrival-slider .next-arrow i {
margin-left: 4px;
}
} .ticker-wrapper {
box-sizing: content-box;
width: 100%;
padding-left: 100%;
background-color: var(--primary-color);
}
.ticker-wrapper .ticker {
display: inline-block;
white-space: nowrap;
padding: 26px 0;
animation: 30s ticker linear infinite;
box-sizing: content-box;
padding-right: 100%;
}
.ticker-wrapper .ticker span {
font-size: 18px;
font-weight: 500;
position: relative;
display: inline-block;
transition: var(--transition-base);
}
.ticker-wrapper .ticker span + span {
margin-left: 120px;
}
.ticker-wrapper .ticker span + span::before {
content: "";
position: absolute;
left: -80px;
width: 40px;
height: 1px;
background-color: var(--white-color);
top: 50%;
transform: translateY(-50%);
transition: var(--transition-base);
}
.ticker-wrapper .ticker span:hover {
transform: translateY(-6px);
}
.ticker-wrapper .ticker span:hover::before {
top: calc(50% + 6px);
}
.ticker-wrapper .ticker:hover {
animation-play-state: paused;
} .featured-products-section {
background-color: #EFEDED;
}
.featured-products-section .bg-overlay {
position: absolute;
top: 0;
right: 0;
width: calc(50% + 15px);
height: 100%;
background-repeat: no-repeat;
background-size: calc(100% + 20px) calc(100% + 20px);
background-position: 0 -20px;
transition: var(--transition-base);
}
.featured-products-section .bg-overlay:hover {
background-position: 0 0;
}
.featured-products-section .svg-shape {
left: -333px;
bottom: -245px;
}
@media (max-width: 1199.98px) {
.featured-products-section .bg-overlay {
display: none;
}
}
.ft-product-card {
padding: 125px 160px;
}
.ft-product-card .products-info-box {
position: absolute;
right: 38%;
top: 34%;
transform: translateY(-50%);
}
@media (max-width: 1600px) {
.ft-product-card {
padding: 90px 100px;
}
}
@media (max-width: 1399.98px) {
.ft-product-card {
padding: 60px 30px;
}
}
.products-info-box {
padding-top: 30px;
}
.products-info-box .dot {
width: 16px;
height: 16px;
background-color: var(--white-color);
border: 1px solid var(--primary-color);
border-radius: 50%;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
animation: 1.5s ripple-white linear infinite;
cursor: pointer;
}
.products-info-box .dot::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
background-color: var(--primary-color);
border-radius: 50%;
}
.products-info-box .info-box {
padding: 30px;
border: 1px solid var(--primary-color);
max-width: 215px;
background-color: var(--white-color);
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 30px;
width: 220px;
transition: 0.5s;
}
.products-info-box h5 {
transition: var(--transition-base);
}
.products-info-box h5:hover {
color: var(--secondary-color);
}
.products-info-box:hover .info-box {
opacity: 1;
visibility: visible;
} .blog-card .feature-image {
max-height: 264px;
}
.blog-card .feature-image img {
transition: var(--transition-base);
transform: scale(1.1);
margin-top: -10px;
}
.blog-card .blog-meta {
gap: 30px;
}
.blog-card h5 {
transition: var(--transition-base);
}
.blog-card h5:hover {
color: var(--secondary-color);
}
.blog-card .explore-btn {
text-transform: uppercase;
font-size: 14px;
color: var(--primary-color);
font-weight: 600;
position: relative;
display: inline-block;
}
.blog-card .explore-btn::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.blog-card .explore-btn:hover {
color: var(--secondary-color);
}
.blog-card .explore-btn:hover::before {
width: 0;
}
.blog-card:hover .feature-image img {
margin-top: 0;
}
@media (max-width: 1399.98px) {
.blog-card .feature-image {
max-height: 224px;
}
}
@media (max-width: 1199.98px) {
.blog-card .feature-image {
max-height: 264px;
}
} .feature-section {
padding: 56px 0;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
.icon-box {
gap: 20px;
}
.icon-box .icon-wrapper img {
transition: var(--transition-base);
}
.icon-box.border-right {
position: relative;
}
.icon-box.border-right::after {
content: "";
position: absolute;
right: 45px;
top: -60px;
width: 1px;
height: calc(100% + 120px);
background-color: var(--border-color);
}
.icon-box:hover .icon-wrapper img {
transform: rotate(10deg);
}
@media (max-width: 1560px) {
.icon-box.border-right::after {
display: none;
}
}
.hm2-hero-section {
padding: 200px 0 140px;
background-color: #6B1717;
margin-top: -160px;
}
.hm2-hero-section .vintage {
font-size: 200px;
font-weight: 700;
color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 35%;
bottom: -120px;
}
.hm2-hero-section .spring-text {
color: var(--white-color);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
position: absolute;
padding-left: 70px;
left: -240px;
top: 50%;
transform: rotate(-90deg) translateY(-50%);
}
.hm2-hero-section .spring-text::before {
content: "";
position: absolute;
left: 0;
width: 60px;
height: 1px;
background-color: var(--white-color);
left: 0;
bottom: 8px;
}
@media (max-width: 1660px) {
.hm2-hero-section .spring-text {
left: -200px;
}
}
@media (max-width: 1600px) {
.hm2-hero-section .spring-text {
left: -150px;
}
}
@media (max-width: 767.98px) {
.hm2-hero-section .vintage {
left: 50%;
transform: translateX(-50%);
}
}
.hm2-hero-slider .slick-active .hm2-hero-subtitle {
animation: 1.2s theme_fadeInUp;
}
.hm2-hero-slider .slick-active .hm2-font-family {
animation: 1.4s theme_fadeInUp;
}
.hm2-hero-slider .slick-active p {
animation: 1.6s theme_fadeInUp;
}
.hm2-hero-slider .slick-active a {
animation: 1.8s theme_fadeInUp;
}
.hm2-hero-slider .slick-active img {
animation: 1.6s theme_fadeInUp;
}
.hm2-hero-slider .slick-active .products-info-box {
animation: 1.8s theme_fadeInUp;
}
.hm2-hero-left .hm2-hero-subtitle {
font-size: 60px;
display: inline-block;
margin-bottom: 24px;
}
.hm2-hero-left h1 {
font-size: 120px;
}
.hm2-hero-left p {
color: #FDB0B0;
}
.hm2-hero-left .white-btn::before {
background-color: var(--primary-color);
}
@media (max-width: 575.98px) {
.hm2-hero-left h1 {
font-size: 90px;
}
}
.hm2-hero-right .subtitle {
position: absolute;
top: 32px;
left: 50%;
transform: translateX(-50%);
font-size: 60px;
white-space: nowrap;
font-family: var(--subtitle-font);
z-index: 2;
}
.hm2-hero-right .products-info-box {
left: 15%;
top: 32%;
}
.hm2-hero-slider .slick-dots {
padding-left: 15px;
}
.hm2-hero-slider .slick-dots li {
display: inline-block;
}
.hm2-hero-slider .slick-dots li button {
font-size: 0;
width: 5px;
height: 5px;
background-color: var(--white-color);
border-radius: 50%;
padding: 0;
margin-right: 35px;
position: relative;
}
.hm2-hero-slider .slick-dots li button::before {
content: "";
position: absolute;
width: 29px;
height: 29px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--white-color);
transition: var(--transition-base);
opacity: 0;
}
.hm2-hero-slider .slick-dots li.slick-active button::before {
opacity: 1;
} .hm2-filter-btn-group {
gap: 45px;
}
.hm2-filter-btn-group button {
font-size: 18px;
font-weight: 500;
color: var(--text-color);
transition: var(--transition-base);
}
.hm2-filter-btn-group button:hover {
color: var(--secondary-color);
}
.hm2-filter-btn-group button.active {
color: var(--secondary-color);
}
@media (max-width: 767.98px) {
.hm2-filter-btn-group {
gap: 24px;
}
} .hm2-brand-section {
background-color: var(--primary-color);
}
.hm2-brand-section .overlay-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.hm2-brand-box {
background-color: var(--white-color);
}
.hm2-brand-slider {
padding: 75px 0;
}
.hm2-brand-slider .single-item {
text-align: center;
}
.hm2-brand-slider .single-item img {
display: inline-block;
}
.hm2-brand-slider .single-item:hover img {
animation: 0.3s toTopFromBottom;
} .hm2-gallery-section {
background-color: #F5F4F2;
padding: 140px 0 120px;
}
.hm2-gallery-section .circle-shape {
width: 1100px;
height: 1100px;
background-color: #EAEAEA;
top: 50px;
left: -400px;
} .hm2-article-box {
background-color: #F6F6F6;
padding: 80px;
}
.hm2-article-box .feature-image {
overflow: hidden;
}
.hm2-article-box .feature-image img {
width: calc(100% + 15px);
max-width: calc(100% + 15px);
transition: var(--transition-base);
}
.hm2-article-box h5 {
font-size: 36px;
line-height: 46px;
transition: var(--transition-base);
}
.hm2-article-box h5:hover {
color: var(--secondary-color);
}
.hm2-article-box .explore-btn {
text-transform: uppercase;
font-size: 14px;
color: var(--primary-color);
font-weight: 600;
position: relative;
display: inline-block;
}
.hm2-article-box .explore-btn::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.hm2-article-box .explore-btn:hover {
color: var(--secondary-color);
}
.hm2-article-box .explore-btn:hover::before {
width: 0;
}
.hm2-article-box:hover .feature-image img {
margin-left: -10px;
}
@media (max-width: 767.98px) {
.hm2-article-box {
padding: 32px;
}
} .hm2-feature-section {
border-top: 1px solid rgba(18, 17, 17, 0.15);
border-bottom: 1px solid rgba(18, 17, 17, 0.15);
padding: 100px 0;
}
.hm2-feature-box {
padding: 0 24px;
}
.hm2-feature-box .icon-wrapper {
width: 80px;
height: 80px;
border: 1px solid var(--primary-color);
transition: var(--transition-base);
}
.hm2-feature-box .icon-wrapper img {
transition: var(--transition-base);
}
.hm2-feature-box:hover .icon-wrapper img {
transform: rotate(10deg);
}
.hm2-scrolltop {
position: absolute;
right: 50px;
bottom: 90px;
z-index: 5;
color: var(--text-color);
text-transform: uppercase;
transform: rotate(-90deg);
}
@media (max-width: 1560px) {
.hm2-scrolltop {
right: -30px;
}
}
@media (max-width: 1399.98px) {
.hm2-scrolltop {
bottom: 150px;
}
} .hm3-hero-section {
padding: 220px 0 120px 0;
background-size: cover;
background-repeat: no-repeat;
margin-top: -230px;
}
@media (max-width: 1199.98px) {
.hm3-hero-section {
padding: 235px 0 120px 0;
}
}
.hm3-hero-slider .slick-list {
margin: 0 -30px;
}
.hm3-hero-slider .slick-list .slick-slide {
margin: 0 30px;
}
.hm3-hero-slider .slick-dots {
margin-top: 60px;
}
.hm3-hero-slider .slick-dots li {
display: inline-block;
position: relative;
}
.hm3-hero-slider .slick-dots li::before {
content: "";
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--primary-color);
width: 55px;
height: 55px;
opacity: 0;
visibility: hidden;
}
.hm3-hero-slider .slick-dots li button {
font-size: 14px;
font-family: var(--hm2-font-family);
color: var(--primary-color);
transition: var(--transition-base);
}
.hm3-hero-slider .slick-dots li button::after {
content: "";
position: absolute;
width: 0;
height: 1px;
background-color: var(--primary-color);
top: 50%;
left: 40px;
transition: var(--transition-base);
}
.hm3-hero-slider .slick-dots li.slick-active::before {
opacity: 1;
visibility: visible;
}
.hm3-hero-slider .slick-dots li.slick-active button {
margin-right: 60px;
margin-left: 20px;
}
.hm3-hero-slider .slick-dots li.slick-active button::after {
width: 50px;
}
@media (max-width: 1399.98px) {
.hm3-hero-slider .slick-list {
margin: 0 -12px;
}
.hm3-hero-slider .slick-list .slick-slide {
margin: 0 12px;
}
} .store-search-box {
border: 1px solid var(--primary-color);
padding: 42px 60px;
}
.store-search-box input[type=text] {
border: 0;
font-weight: 300;
}
.store-search-box button {
padding: 0;
width: 45px;
height: 45px;
}
.store-search-box button svg path {
transition: var(--transition-base);
}
.store-search-box button:hover svg path {
fill: var(--white-color);
} .hm3-brand-section {
border-top: 1px solid var(--primary-color);
border-bottom: 1px solid var(--primary-color);
padding: 60px 0;
}
.hm3-brand-slider .single-item:hover img {
animation: 0.3s toTopFromBottom;
} .hm3-filter-nav {
gap: 50px;
margin-bottom: 60px;
}
.hm3-filter-nav li a {
font-size: 30px;
color: var(--text-color);
transition: var(--transition-base);
position: relative;
}
.hm3-filter-nav li a::before {
content: "";
position: absolute;
right: 0;
bottom: -5px;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.hm3-filter-nav li a.active {
color: var(--primary-color);
}
.hm3-filter-nav li a.active::before {
width: 100%;
right: auto;
left: 0;
}
@media (max-width: 575.98px) {
.hm3-filter-nav {
gap: 24px;
}
} .hm3-blog-slider .prev-arrow,
.hm3-blog-slider .next-arrow {
position: absolute;
top: -112px;
right: 0;
color: var(--primary-color);
font-size: 18px;
transition: var(--transition-base);
}
.hm3-blog-slider .prev-arrow:hover,
.hm3-blog-slider .next-arrow:hover {
color: var(--secondary-color);
}
.hm3-blog-slider .prev-arrow {
right: 100px;
}
@media (max-width: 767.98px) {
.hm3-blog-slider .prev-arrow, .hm3-blog-slider .next-arrow {
display: none !important;
}
} .hm3-subscribe-box {
padding: 100px;
border: 10px solid var(--primary-color);
}
.hm3-subscribe-box h3 {
font-size: 40px;
line-height: 50px;
}
@media (max-width: 575.98px) {
.hm3-subscribe-box {
padding: 70px 40px;
}
}
.hm3-sb-form {
display: inline-flex;
align-items: center;
width: 100%;
border: 1px solid #E4E4E4;
padding: 20px 30px;
}
.hm3-sb-form label {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
}
.hm3-sb-form label input {
width: 100%;
border: 0;
}
.hm3-sb-form button {
flex-shrink: 0;
font-weight: 500;
color: var(--primary-color);
transition: var(--transition-base);
background-color: var(--white-color);
padding-left: 10px;
}
.hm3-sb-form button:hover {
color: var(--text-color);
} .cart-table {
width: 100%;
border: 1px solid var(--border-color);
}
.cart-table tr {
border-top: 1px solid var(--border-color);
}
.cart-table th {
font-weight: 400;
text-transform: uppercase;
padding: 24px 40px;
}
.cart-table .remove_product {
transition: var(--transition-base);
}
.cart-table .remove_product:hover {
color: var(--secondary-color);
}
.cart-table td {
padding: 30px 40px;
vertical-align: middle;
}
.cart-table td .product-box {
min-width: 350px;
}
.cart-table td .feature-image {
width: 80px;
padding: 15px;
}
.cart-table td .quantity input {
max-width: 50px;
border: 1px solid var(--border-color);
padding: 10px;
text-align: center;
}
.cart-table td .quantity .step-btns {
width: 30px;
height: 46px;
border: 1px solid var(--border-color);
border-left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.cart-table td .quantity .step-btns::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: var(--border-color);
}
.cart-table td .quantity .step-btns button {
font-size: 12px;
padding: 0;
display: block;
}
.cart-coupon-form {
max-width: 475px;
gap: 10px;
}
.cart-coupon-form input {
width: 100%;
background-color: transparent;
border: 1px solid var(--border-color);
font-weight: 300;
font-size: 14px;
}
.cart-coupon-form .submit-btn {
border: 1px solid var(--border-color);
flex-shrink: 0;
padding: 13px 30px;
}
.cart-calculator-form table {
width: 100%;
border: 1px solid var(--border-color);
}
.cart-calculator-form table tr {
border-top: 1px solid var(--border-color);
}
.cart-calculator-form table td {
font-size: 18px;
vertical-align: top;
width: 50%;
padding: 24px 32px;
}
.cart-calculator-form table td .shipping-method {
min-width: 250px;
}
.cart-calculator-form table td .shipping-method label {
display: block;
}
.cart-calculator-form table td .shipping-method label span {
position: relative;
padding-left: 24px;
margin-left: -20px;
}
.cart-calculator-form table td .shipping-method label span::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
border: 1px solid var(--primary-color);
border-radius: 50%;
}
.cart-calculator-form table td .shipping-method label span::after {
content: "";
position: absolute;
left: 5px;
top: 7px;
width: 8px;
height: 8px;
background-color: var(--primary-color);
border-radius: 50%;
opacity: 0;
}
.cart-calculator-form table td .shipping-method label input {
opacity: 0;
}
.cart-calculator-form table td .shipping-method label input:checked ~ span::after {
opacity: 1;
}
.cart-calculator-form table td .shipping-method label + label {
margin-top: 12px;
}
.cart-calculator-form table td .shipping-method p {
max-width: 270px;
} .returning-box {
padding: 18px 30px;
position: relative;
}
.returning-box .checkout-login-form {
background-color: var(--white-color);
padding: 24px;
margin-top: 24px;
display: none;
}
.returning-box .checkout-login-form .theme-input {
background-color: transparent;
border: 1px solid var(--border-color);
margin-bottom: 20px;
}
.checkout-coupon-box {
padding: 18px 30px;
border: 1px solid var(--border-color);
}
.checkout-coupon-box .checkout-coupon-form {
margin-top: 24px;
max-width: 400px;
display: none;
}
.checkout-coupon-box .checkout-coupon-form input {
margin-bottom: 20px;
}
.checkout-form .input-field label {
margin-bottom: 10px;
}
.checkout-form .input-field .nice-select {
height: 54px;
line-height: 54px;
}
.checkout-form .input-field .nice-select.open .list {
width: 100%;
}
.checkout-form .theme-input {
border: 1px solid var(--border-color);
font-weight: 300;
}
.order-table {
width: 100%;
padding: 40px;
border: 1px solid var(--border-color);
}
.order-table table {
width: 100%;
}
.order-table table tr {
border-bottom: 1px solid var(--border-color);
}
.order-table table th {
text-transform: uppercase;
font-weight: 500;
padding: 24px 0;
}
.order-table table td {
padding: 24px 0;
vertical-align: middle;
}
.order-table table td .product-box {
min-width: 340px;
}
.order-table table td .pp-price {
min-width: 100px;
}
.order-table table .feature-image {
width: 80px;
padding: 10px;
}
.checkout-payment-methods label {
display: block;
position: relative;
}
.checkout-payment-methods label input {
opacity: 0;
}
.checkout-payment-methods label input:checked ~ span::after {
opacity: 1;
}
.checkout-payment-methods label span.radio {
position: relative;
padding-left: 15px;
}
.checkout-payment-methods label span.radio::before {
content: "";
position: absolute;
left: -20px;
top: 3px;
width: 18px;
height: 18px;
border: 1px solid var(--primary-color);
background-color: transparent;
border-radius: 50%;
}
.checkout-payment-methods label span.radio::after {
content: "";
position: absolute;
left: -15px;
top: 8px;
width: 8px;
height: 8px;
background-color: var(--primary-color);
border-radius: 50%;
opacity: 0;
}
.checkout-payment-methods label p {
margin-top: 4px;
}
.checkout-payment-methods label + label {
margin-top: 12px;
}
.checkout-payment-methods label input:checked ~ .description {
display: block;
}
.checkout-payment-methods label input:checked ~ span.checkbox::before {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.checkout-payment-methods label .description {
display: none;
margin-top: 10px;
}
.checkout-payment-methods label span.checkbox {
position: relative;
padding-left: 10px;
}
.checkout-payment-methods label span.checkbox::before {
content: "\f00c";
font-family: "FontAwesome";
font-size: 10px;
text-align: center;
line-height: 12px;
position: absolute;
left: -15px;
top: 0px;
width: 15px;
height: 15px;
border: 1px solid var(--border-color);
color: var(--white-color);
} .faq-form {
border: 1px solid var(--border-color);
padding: 40px;
background-color: var(--light-bg-2);
}
.faq-form input, .faq-form textarea {
background-color: transparent;
border: 1px solid #D4D4D4;
margin-bottom: 20px;
}
.faq-form input:focus, .faq-form textarea:focus {
border-color: var(--primary-color);
}
.faq-accordion .accordion-item {
border: 0;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
padding: 30px 0;
}
.faq-accordion .accordion-item + .accordion-item {
border-top: 0;
}
.faq-accordion .accordion-item .accordion-header a {
font-size: 18px;
color: var(--primary-color);
font-weight: 500;
} .wishlist-table table {
border: 1px solid var(--border-color);
border-top: 0;
}
.wishlist-table tr {
border-top: 1px solid var(--border-color);
}
.wishlist-table tr th {
color: var(--primary-color);
padding: 24px 32px;
font-weight: 400;
}
.wishlist-table tr td {
padding: 30px 40px;
vertical-align: middle;
}
.wishlist-table tr td .product-box {
min-width: 340px;
}
.wishlist-table tr td .stock-status {
min-width: 290px;
gap: 10px;
}
.wishlist-table tr td .remove_product {
transition: var(--transition-base);
}
.wishlist-table tr td .remove_product:hover {
color: var(--secondary-color);
}
.wishlist-table tr td .feature-image {
width: 80px;
height: 80px;
padding: 15px;
}
.address-single a {
color: var(--text-color);
display: inline-block;
}
.address-single a:hover {
color: var(--primary-color);
}
.address-single a.mail {
position: relative;
margin-top: 8px;
}
.address-single a.mail::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: var(--text-color);
bottom: -4px;
transition: var(--transition-base);
}
.address-single a.mail:hover::before {
width: 0;
}
.ct-contact-form input, .ct-contact-form textarea {
border: 1px solid var(--primary-color);
font-style: italic;
margin-bottom: 30px;
color: var(--primary-color);
}
.ct-contact-form input::-moz-placeholder, .ct-contact-form textarea::-moz-placeholder {
color: var(--primary-color);
}
.ct-contact-form input::placeholder, .ct-contact-form textarea::placeholder {
color: var(--primary-color);
} .blog-list-single-item .feature-thumbnail img {
transition: var(--transition-base);
}
.blog-list-single-item .blog-meta span {
padding-left: 15px;
position: relative;
color: var(--primary-color);
}
.blog-list-single-item .blog-meta span::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background-color: var(--primary-color);
border-radius: 50%;
}
.blog-list-single-item .explore-btn {
text-transform: uppercase;
font-size: 14px;
color: var(--primary-color);
font-weight: 500;
position: relative;
}
.blog-list-single-item .explore-btn::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.blog-list-single-item .explore-btn:hover::before {
width: 100%;
}
.blog-list-single-item.blog-formate-quote {
display: flex;
padding: 60px;
border: 1px solid var(--primary-color);
gap: 40px;
}
.template-pagination li {
display: inline-block;
margin-right: 15px;
}
.template-pagination li a {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--primary-color);
color: var(--primary-color);
font-size: 14px;
font-weight: 600;
width: 40px;
height: 40px;
transition: var(--transition-base);
}
.template-pagination li a:hover {
color: var(--white-color);
background-color: var(--primary-color);
} .tags-social span {
color: var(--primary-color);
text-transform: uppercase;
}
.tags-social .tags-list {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.tags-social .tags-list a {
padding: 10px 20px;
border: 1px solid var(--light-stroke);
color: var(--primary-color);
font-size: 15px;
}
.tags-social .tags-list a:hover {
background-color: var(--primary-color);
color: var(--white-color);
border-color: var(--primary-color);
}
.tags-social .social-share a {
display: inline-block;
color: var(--primary-color);
padding: 0 6px;
}
.tags-social .social-share a:hover {
color: var(--secondary-color);
}
.blog-author-box .author-thumb {
width: 210px;
flex-shrink: 0;
}
.blog-author-box .author-socials a {
width: 40px;
height: 40px;
border: 1px solid var(--light-stroke);
color: var(--primary-color);
display: inline-block;
text-align: center;
line-height: 40px;
margin-right: 10px;
}
.blog-author-box .author-socials a:hover {
color: var(--white-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.spacer {
border-top: 1px solid var(--light-stroke);
}
.blog-comment-list li {
padding: 30px 0;
}
.blog-comment-list li + li {
border-top: 1px solid var(--light-stroke);
}
.blog-comment-list .client-thumb {
width: 120px;
flex-shrink: 0;
}
.blog-comment-list .reply-btn {
font-weight: 500;
position: absolute;
right: 0;
top: 0;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.blog-comment-list .reply-btn {
position: initial;
margin-top: 15px;
}
}
.layout-grid {
padding: 8px 12px;
gap: 12px;
border: 1px solid var(--light-stroke);
}
.layout-grid a {
opacity: 0.4;
}
.layout-grid a.active {
opacity: 1;
}
.coupon-banner {
padding: 60px 0 60px 60px;
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom;
}
.vrs-product-card .feature-thumb {
height: 300px;
}
.vrs-product-card .feature-thumb .circle-badge {
border: 1px solid var(--primary-color);
background-color: transparent;
color: var(--primary-color);
}
.vrs-product-card .feature-thumb img {
max-width: 70%;
}
.vrs-product-card h5 {
font-size: 20px;
}
.sidebar-products li h6 {
font-size: 18px;
}
.vr-about-banner {
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.vr-ab-feature-box .icon-wrapper {
transition: var(--transition-base);
}
.vr-ab-feature-box .icon-wrapper svg path {
transition: var(--transition-base);
}
.vr-ab-feature-box:hover .icon-wrapper {
background-color: var(--primary-color);
}
.vr-ab-feature-box:hover .icon-wrapper svg path {
fill: var(--white-color);
} .vr-team-card .feature-image {
position: relative;
}
.vr-team-card .feature-image .team-social {
position: absolute;
right: 40px;
bottom: 0;
width: 155px;
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 30px;
background-color: var(--primary-color);
transition: var(--transition-base);
opacity: 0;
visibility: hidden;
}
.vr-team-card .feature-image .team-social a {
color: rgba(255, 255, 255, 0.3);
}
.vr-team-card .feature-image .team-social a:hover {
color: var(--white-color);
}
.vr-team-card:hover .feature-image .team-social {
bottom: 40px;
opacity: 1;
visibility: visible;
}
.ab-quote-box {
background-color: #ECECEC;
}
.ab-quote-box .quote-icon {
width: 211px;
flex-shrink: 0;
height: 121px;
border: 1px solid var(--primary-color);
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transform: rotate(-13deg);
}
.ab-quote-box .quote-icon svg {
transform: rotate(13deg);
}
.ab-quote-box h4 {
text-transform: uppercase;
} .ab-article {
position: relative;
}
.ab-article .ab-article-box {
padding: 50px;
background-color: #F8F8F8;
border: 1px solid var(--primary-color);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.ab-article .ab-article-box .blog-meta {
padding-left: 10px;
position: relative;
}
.ab-article .ab-article-box .blog-meta::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 5px;
height: 5px;
background-color: var(--primary-color);
border-radius: 50%;
}
.ab-article .ab-article-box .explore-btn {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: var(--primary-color);
position: absolute;
bottom: 40px;
transition: var(--transition-base);
}
.ab-article .ab-article-box .explore-btn:hover {
color: var(--secondary-color);
}
.ab-article:hover .ab-article-box {
opacity: 1;
visibility: visible;
}
@media (max-width: 1399.98px) {
.ab-article .ab-article-box {
position: initial;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 991.98px) {
.ab-article img {
width: 100%;
}
}
.vr-product-thumb,
.vr-product-thumb2 {
height: 600px;
background-color: var(--light-bg-2);
}
.vr-product-thumb .sale-badge,
.vr-product-thumb2 .sale-badge {
width: 50px;
height: 50px;
background-color: var(--primary-color);
color: var(--white-color);
font-weight: 500;
border-radius: 50%;
text-align: center;
line-height: 42px;
position: absolute;
top: 40px;
left: 40px;
z-index: 10;
}
.vr-product-thumb .vr-poroduct-single-slider,
.vr-product-thumb .vr-poroduct-single-slider2,
.vr-product-thumb2 .vr-poroduct-single-slider,
.vr-product-thumb2 .vr-poroduct-single-slider2 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 200px);
height: calc(100% - 240px);
}
.vr-product-thumb .vr-poroduct-single-slider .prev-arrow,
.vr-product-thumb .vr-poroduct-single-slider .next-arrow,
.vr-product-thumb .vr-poroduct-single-slider2 .prev-arrow,
.vr-product-thumb .vr-poroduct-single-slider2 .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2 .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2 .next-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
font-size: 24px;
}
.vr-product-thumb .vr-poroduct-single-slider .prev-arrow,
.vr-product-thumb .vr-poroduct-single-slider2 .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2 .prev-arrow {
left: -60px;
}
.vr-product-thumb .vr-poroduct-single-slider .next-arrow,
.vr-product-thumb .vr-poroduct-single-slider2 .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2 .next-arrow {
right: -60px;
}
.vr-product-thumb .vr-poroduct-single-slider:hover .prev-arrow,
.vr-product-thumb .vr-poroduct-single-slider:hover .next-arrow,
.vr-product-thumb .vr-poroduct-single-slider2:hover .prev-arrow,
.vr-product-thumb .vr-poroduct-single-slider2:hover .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider:hover .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider:hover .next-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2:hover .prev-arrow,
.vr-product-thumb2 .vr-poroduct-single-slider2:hover .next-arrow {
opacity: 1;
visibility: visible;
}
.vr-product-thumb .zoom-on-hover:hover img:not(.zoomImg),
.vr-product-thumb2 .zoom-on-hover:hover img:not(.zoomImg) {
opacity: 0;
}
@media (max-width: 1399.98px) {
.vr-product-thumb .vr-poroduct-single-slider,
.vr-product-thumb .vr-poroduct-single-slider2,
.vr-product-thumb2 .vr-poroduct-single-slider,
.vr-product-thumb2 .vr-poroduct-single-slider2 {
height: calc(100% - 350px);
}
}
@media (max-width: 1199.98px) {
.vr-product-thumb .vr-poroduct-single-slider,
.vr-product-thumb .vr-poroduct-single-slider2,
.vr-product-thumb2 .vr-poroduct-single-slider,
.vr-product-thumb2 .vr-poroduct-single-slider2 {
height: calc(100% - 225px);
}
}
@media (max-width: 767.98px) {
.vr-product-thumb,
.vr-product-thumb2 {
height: 480px;
}
}
@media (max-width: 575.98px) {
.vr-product-thumb,
.vr-product-thumb2 {
height: auto;
padding: 32px;
}
.vr-product-thumb .vr-poroduct-single-slider,
.vr-product-thumb .vr-poroduct-single-slider2,
.vr-product-thumb2 .vr-poroduct-single-slider,
.vr-product-thumb2 .vr-poroduct-single-slider2 {
width: 100%;
height: 100%;
position: initial;
transform: translate(0, 0);
}
}
.vr-product-thumb-control .slick-list {
margin: 0 -12px;
}
.vr-product-thumb-control .slick-list .slick-slide {
margin: 0 12px;
}
.vr-product-thumb-control .single-item {
height: 180px;
background-color: var(--light-bg-2);
padding: 24px;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.vr-product-details,
.pd-product-details {
overflow: hidden;
}
}
.vr-product-details-content {
position: sticky;
top: 0;
}
.vr-product-details-content .product-rating .rating-star li {
font-size: 14px;
color: #F8C57A;
}
.color-variant .color-list li {
display: inline-block;
margin-right: 10px;
}
.color-variant .color-list li a {
width: 25px;
height: 25px;
border-radius: 50%;
display: inline-block;
border: 1px solid var(--primary-color);
background-color: #DF3D3D;
}
.color-variant .color-list li.blue a {
background-color: #8E3DDF;
}
.color-variant .color-list li.green a {
background-color: #3DB8DF;
}
.option-variant button {
width: 210px;
height: 40px;
border: 1px solid var(--primary-color);
margin-top: 16px;
color: var(--text-color);
}
.option-variant button:hover {
border-color: var(--secondary);
color: var(--secondary);
}
.quantity-box {
border: 1px solid var(--primary-color);
width: 100px;
display: flex;
align-items: center;
padding: 0 12px;
}
.quantity-box input {
width: 100%;
height: 40px;
text-align: center;
border: 0;
}
.quantity-box button {
font-size: 14px;
}
.h-40 {
width: 140px;
height: 42px;
font-size: 14px;
padding: 0;
text-align: center;
line-height: 40px;
}
.pd-wishlist-btn {
font-size: 14px;
color: var(--primary-color);
display: inline-block;
font-weight: 600;
}
.pd-wishlist-btn i {
margin-right: 4px;
}
.pd-wishlist-btn:hover {
color: var(--secondary-color);
}
.product-meta li + li {
margin-top: 6px;
}
.single-product-tab .nav {
gap: 20px;
border-bottom: 1px solid var(--light-stroke);
}
.single-product-tab .nav li a {
font-size: 20px;
color: var(--text-color);
display: inline-block;
padding: 6px 0;
font-weight: 500;
}
.single-product-tab .nav li a.active {
color: var(--primary-color);
}
.single-product-tab .video-content {
width: 42%;
}
.single-product-tab .video-content .video-popup-btn {
width: 102px;
height: 102px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--white-color);
border-radius: 50%;
color: var(--white-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
font-size: 30px;
}
.single-product-tab .video-content .video-popup-btn:hover {
transform: translate(-50%, -55%);
}
@media (max-width: 991.98px) {
.single-product-tab .video-content {
width: 100%;
}
}
.prduct-reviews > li + li {
margin-top: 30px;
}
.prduct-reviews > li > img {
width: 130px;
flex-shrink: 0;
}
.single-product-features li {
color: var(--primary-color);
}
.single-product-features li + li {
margin-top: 16px;
}
.prduct-reviews li ul li {
color: #F8C57A;
}
.left-slider .slick-track {
margin-left: 0;
margin-right: auto;
}
.pd-accordion .accordion-header a {
display: block;
padding: 24px 0;
border-top: 1px solid var(--border-color);
position: relative;
}
.pd-accordion .accordion-header a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: var(--primary-color);
}
.pd-accordion .accordion-header a.collapsed::after {
content: "+";
}
.pd-accordion .accordion-body {
padding-bottom: 60px;
}
.pda-features li + li {
margin-top: 8px;
}
.social-share a {
color: var(--primary-color);
margin-right: 8px;
}
.pd-vertical-product-slider {
height: 640px;
}
.pd-vertical-product-slider .single-item + .single-item {
margin-top: 20px;
}
.pd-vertical-product-slider .slick-slide + .slick-slide {
margin-top: 20px;
}
@media (max-width: 1199.98px) {
.pd-vertical-product-slider {
height: auto;
max-width: 600px;
margin-top: 24px;
margin-bottom: 40px;
}
.pd-vertical-product-slider .slick-list {
margin: 0 -8px;
}
.pd-vertical-product-slider .slick-list .slick-slide {
margin: 0 8px;
}
} .vr4-hero-single {
padding: 330px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.vr4-hero-single .vr4-hero-content {
max-width: 970px;
margin: 0 auto;
text-align: center;
}
.vr4-hero-single .vr4-hero-content h1 {
font-size: 72px;
line-height: 70px;
}
.vr4-hero-single .vr4-hero-content .template-btn {
width: 160px;
height: 50px;
padding: 0 15px;
line-height: 50px;
}
@media (max-width: 991.98px) {
.vr4-hero-single {
padding: 220px 0 330px;
}
}
@media (max-width: 767.98px) {
.vr4-hero-single {
padding: 120px 0 250px;
}
.vr4-hero-single .vr4-hero-content h1 {
font-size: 55px;
line-height: 1.2em;
}
}
@media (max-width: 575.98px) {
.vr4-hero-single .vr4-hero-content h1 {
font-size: 45px;
}
}
.vr4-hero-slider .prev-btn,
.vr4-hero-slider .next-btn {
width: 70px;
height: 70px;
background-color: var(--white-color);
color: var(--primary-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
z-index: 1;
transition: var(--transition-base);
}
.vr4-hero-slider .prev-btn:hover,
.vr4-hero-slider .next-btn:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.vr4-hero-slider .prev-btn {
left: 120px;
}
.vr4-hero-slider .next-btn {
right: 120px;
}
.vr4-hero-slider .slick-slide.slick-active .vr4-hero-single h1 {
animation: 1s theme_fadeInUp;
}
.vr4-hero-slider .slick-slide.slick-active .vr4-hero-single .primary-btn {
animation: 1.2s theme_fadeInUp;
}
.vr4-hero-slider .slick-slide.slick-active .vr4-hero-single .white-btn {
animation: 1.3s theme_fadeInUp;
}
@media (max-width: 1399.98px) {
.vr4-hero-slider .prev-btn {
left: 15px;
}
.vr4-hero-slider .next-btn {
right: 15px;
}
}
@media (max-width: 1199.98px) {
.vr4-hero-slider .prev-btn,
.vr4-hero-slider .next-btn {
top: auto;
bottom: 100px;
}
.vr4-hero-slider .prev-btn {
left: calc(50% - 80px);
}
.vr4-hero-slider .next-btn {
right: calc(50% - 80px);
}
}
@media (max-width: 767.98px) {
.vr4-hero-slider .prev-btn,
.vr4-hero-slider .next-btn {
bottom: 50px;
}
} .vr4-filter-nav {
display: flex;
align-items: center;
gap: 65px;
}
.vr4-filter-nav button {
color: var(--text-color);
font-size: 24px;
font-weight: 500;
transition: var(--transition-base);
}
.vr4-filter-nav button:hover {
color: var(--primary-color);
}
.vr4-filter-nav button.active {
color: var(--primary-color);
}
@media (max-width: 575.98px) {
.vr4-filter-nav {
gap: 16px;
}
}
.vr4-filter-section .tab-content {
position: relative;
}
.vr4-product-card .feature-image .badge-white {
display: inline-block;
padding: 5px 10px;
background-color: var(--white-color);
border: 1px solid var(--primary-color);
color: var(--primary-color);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
}
.vr4-product-card .feature-image .vr4-feature-image-slider {
background-color: #F8F8F8;
}
.vr4-product-card .feature-image .vr4-feature-image-slider .single-item {
position: relative;
}
.vr4-product-card .feature-image .vr4-feature-image-slider .single-item .feature-thumb {
transition: 0.2s;
}
.vr4-product-card .feature-image .vr4-feature-image-slider .single-item .thumb-hover {
position: absolute;
left: 50%;
top: 50%;
max-width: 100%;
transform: translate(-50%, -50%) scale(0.8);
opacity: 0;
transition: 0.5s;
}
.vr4-product-card .feature-image .cart-action-box {
position: absolute;
left: 8px;
bottom: -15px;
gap: 10px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.vr4-product-card .feature-image .cart-action-box .cart-btn {
padding: 12px 30px;
font-size: 14px;
color: var(--primary-color);
background-color: var(--white-color);
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
.vr4-product-card .feature-image .cart-action-box a.btn-squre {
width: 45px;
height: 45px;
background-color: var(--white-color);
display: inline-flex;
align-items: center;
justify-content: center;
}
.vr4-product-card .feature-image .cart-action-box a.btn-squre svg path {
transition: var(--transition-base);
}
.vr4-product-card .feature-image .cart-action-box .cart-btn,
.vr4-product-card .feature-image .cart-action-box a.btn-squre {
position: relative;
z-index: 1;
}
.vr4-product-card .feature-image .cart-action-box .cart-btn svg path,
.vr4-product-card .feature-image .cart-action-box a.btn-squre svg path {
transition: var(--transition-base);
}
.vr4-product-card .feature-image .cart-action-box .cart-btn::before,
.vr4-product-card .feature-image .cart-action-box a.btn-squre::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
transition: var(--transition-base);
z-index: -1;
}
.vr4-product-card .feature-image .cart-action-box .cart-btn:hover,
.vr4-product-card .feature-image .cart-action-box a.btn-squre:hover {
color: var(--white-color);
}
.vr4-product-card .feature-image .cart-action-box .cart-btn:hover svg path,
.vr4-product-card .feature-image .cart-action-box a.btn-squre:hover svg path {
fill: var(--white-color);
}
.vr4-product-card .feature-image .cart-action-box .cart-btn:hover::before,
.vr4-product-card .feature-image .cart-action-box a.btn-squre:hover::before {
height: 100%;
}
.vr4-product-card .feature-image:hover .vr4-feature-image-slider .single-item .feature-thumb {
opacity: 0;
}
.vr4-product-card .feature-image:hover .vr4-feature-image-slider .single-item .thumb-hover {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.vr4-product-card .feature-image:hover .cart-action-box {
bottom: 15px;
opacity: 1;
visibility: visible;
}
.vr4-product-card .feature-image:hover .cart-action-box .cart-btn {
animation: 0.3s theme_fadeInUp;
}
.vr4-product-card .feature-image:hover .cart-action-box a.btn-squre:nth-child(1) {
animation: 0.3s theme_fadeInUp;
}
.vr4-product-card .feature-image:hover .cart-action-box a.btn-squre:nth-child(2) {
animation: 0.5s theme_fadeInUp;
}
.vr4-product-card .feature-image:hover .cart-action-box a.btn-squre:nth-child(3) {
animation: 0.7s theme_fadeInUp;
}
.vr4-product-card .feature-image:hover .cart-action-box a.btn-squre:nth-child(4) {
animation: 0.9s theme_fadeInUp;
}
.vr4-product-card h5 {
transition: var(--transition-base);
}
.vr4-product-card h5:hover {
color: var(--secondary-color);
}
.vr4-product-card .vr4-ft-control-slider .slick-track {
margin-left: 0;
}
.vr4-product-card .vr4-ft-control-slider .slick-list {
margin: 0 -4px;
}
.vr4-product-card .vr4-ft-control-slider .slick-list .slick-slide {
margin: 0 4px;
}
@media (max-width: 1460px) {
.vr4-product-card .feature-image .cart-action-box .cart-btn {
padding: 12px 15px;
}
}
@media (max-width: 767.98px) {
.vr4-product-card .vr4-feature-image-slider .single-item img {
width: 100%;
}
}
.vr4-filter-slider .prev-btn,
.vr4-filter-slider .next-btn {
width: 55px;
height: 55px;
border: 1px solid #DEE2E5;
border-radius: 50%;
color: #DEE2E5;
z-index: 1;
position: absolute;
top: 30%;
transition: var(--transition-base);
}
.vr4-filter-slider .prev-btn:hover,
.vr4-filter-slider .next-btn:hover {
border-color: var(--secondary-color);
color: var(--secondary-color);
}
.vr4-filter-slider .prev-btn {
left: -77px;
}
.vr4-filter-slider .next-btn {
right: -77px;
} @media (max-width: 1199.98px) {
.vr4-video-section .vr4-section-title .fs-40 {
font-size: 30px;
}
}
@media (max-width: 767.98px) {
.vr4-video-section .vr4-section-title .fs-40 {
font-size: 24px;
}
}
.vr4-video-box {
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.vr4-video-box .vr4-play-btn {
width: 120px;
height: 120px;
background-color: var(--white-color);
border-radius: 50%;
color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
justify-content: center;
}
.vr4-video-box .vr4-play-btn:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
@media (max-width: 767.98px) {
.vr4-video-box {
height: 500px;
}
.vr4-video-box .vr4-play-btn {
height: 80px;
width: 80px;
}
}
@media (max-width: 575.98px) {
.vr4-video-box {
height: 400px;
}
} .vr4-banner-section {
display: flex;
}
.vr4-banner-section .vr4-banner-image {
width: 50%;
background-size: 100% calc(100% + 15px);
background-position: 0 -10px;
transition: var(--transition-base);
}
.vr4-banner-section .vr4-banner-image:hover {
background-position: 0 0;
}
@media (max-width: 1199.98px) {
.vr4-banner-section .vr4-banner-image {
background-size: cover;
background-position: center center;
}
}
.vr4-banner-section .vr4-banner-box {
width: 50%;
padding: 100px;
background-color: var(--primary-color);
position: relative;
}
@media (max-width: 1399.98px) {
.vr4-banner-section .vr4-banner-box {
padding: 100px 40px;
}
}
@media (max-width: 991.98px) {
.vr4-banner-section {
flex-wrap: wrap;
}
.vr4-banner-section .vr4-banner-image {
width: 100%;
height: 400px;
}
.vr4-banner-section .vr4-banner-box {
width: 100%;
}
}
.vr4-banner-box .circle-shape {
width: 700px;
height: 700px;
border-radius: 50%;
background-color: #1A1919;
left: 50px;
bottom: -500px;
}
.vr4-banner-box span {
text-transform: uppercase;
font-size: 14px;
display: block;
}
.vr4-banner-box h3 {
color: var(--white-color);
max-width: 500px;
} .int-design .explore-btn {
width: 120px;
height: 120px;
background-color: var(--white-color);
color: var(--primary-color);
font-weight: 600;
font-size: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
transition: var(--transition-base);
}
.int-design .explore-btn:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.cmd-slider .slick-dots {
position: absolute;
top: -34px;
right: 0;
}
.cmd-slider .slick-dots li {
display: inline-block;
position: relative;
}
.cmd-slider .slick-dots li::before {
content: "";
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--primary-color);
width: 55px;
height: 55px;
opacity: 0;
visibility: hidden;
}
.cmd-slider .slick-dots li button {
font-size: 14px;
font-family: var(--hm2-font-family);
color: var(--primary-color);
transition: var(--transition-base);
}
.cmd-slider .slick-dots li button::after {
content: "";
position: absolute;
width: 0;
height: 1px;
background-color: var(--primary-color);
top: 50%;
left: 40px;
transition: var(--transition-base);
}
.cmd-slider .slick-dots li.slick-active::before {
opacity: 1;
visibility: visible;
}
.cmd-slider .slick-dots li.slick-active button {
margin-right: 60px;
margin-left: 20px;
}
.cmd-slider .slick-dots li.slick-active button::after {
width: 50px;
}
@media (max-width: 575.98px) {
.cmd-slider .slick-dots {
position: initial;
margin-top: 60px;
text-align: center;
}
} .vr4-offer-box {
height: 580px;
padding: 56px 60px;
background-size: 100% calc(100% + 20px);
background-position: 0 -10px;
background-repeat: no-repeat;
transition: var(--transition-base);
}
.vr4-offer-box .white-btn {
height: 50px;
padding-top: 0;
padding-bottom: 0;
line-height: 50px;
font-size: 14px;
border: 1px solid var(--primary-color);
}
.vr4-offer-box .white-btn:hover {
border-color: var(--secondary-color);
}
.vr4-offer-box.centered-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.vr4-offer-box:hover {
background-position: 0 0;
}
@media (max-width: 1399.98px) {
.vr4-offer-box {
padding: 50px 40px;
}
}
@media (max-width: 991.98px) {
.vr4-offer-box {
background-size: cover;
background-position: bottom right;
}
.vr4-offer-box:hover {
background-size: cover;
background-position: bottom right;
}
} .vr4-feedback-section {
border-top: 1px solid #F0F0F0;
}
.vr4-feedback-slider .slick-dots {
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.vr4-feedback-slider .slick-dots li {
width: 22px;
height: 22px;
border: 1px solid transparent;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-base);
}
.vr4-feedback-slider .slick-dots li button {
width: 8px;
height: 8px;
background-color: #E6E6E6;
border-radius: 50%;
padding: 0;
font-size: 0;
transition: var(--transition-base);
}
.vr4-feedback-slider .slick-dots li.slick-active {
border-color: var(--primary-color);
}
.vr4-feedback-slider .slick-dots li.slick-active button {
background-color: var(--primary-color);
}
.vr4-feedback-single {
background-color: #F9F9F9;
padding: 60px 60px 80px;
}
.vr4-feedback-single .feedback-top {
gap: 20px;
flex-wrap: wrap;
}
.vr4-feedback-single .feedback-top img {
width: 70px;
}
.vr4-feedback-single p {
font-size: 24px;
line-height: 36px;
}
@media (max-width: 767.98px) {
.vr4-feedback-single {
padding: 40px;
}
.vr4-feedback-single p {
font-size: 18px;
line-height: 1.6em;
}
} .vr5-hero-section {
background-color: #F2F2F0;
}
.vr5-hero-section .flower-shape {
mix-blend-mode: multiply;
}
.vr5-hero-section .vr5-hero-banner {
height: 800px;
border-right: 1px solid var(--primary-color);
background-repeat: no-repeat;
background-size: calc(100% + 20px) 100%;
background-position: 0 0;
transition: var(--transition-base);
}
.vr5-hero-section .vr5-hero-banner:hover {
background-position: -15px 0;
}
@media (max-width: 1199.98px) {
.vr5-hero-section .vr5-hero-banner {
height: 350px;
background-position: center center;
background-size: cover;
}
.vr5-hero-section .vr5-hero-banner:hover {
background-position: center center;
}
}
@media (max-width: 575.98px) {
.vr5-hero-section .flower-shape {
width: 130px;
}
}
.vr5-hero-content-slider {
max-width: 640px;
padding: 150px 0 120px 100px;
position: relative;
z-index: 1;
}
.vr5-hero-content-slider h1 {
font-size: 60px;
line-height: 70px;
}
.vr5-hero-content-slider .slick-dots {
display: flex;
align-items: center;
gap: 8px;
margin-top: 60px;
}
.vr5-hero-content-slider .slick-dots li button {
font-size: 0;
padding: 0;
width: 8px;
height: 8px;
background-color: #D3D3D3;
border-radius: 50%;
transition: var(--transition-base);
}
.vr5-hero-content-slider .slick-dots li.slick-active button {
background-color: var(--primary-color);
}
@media (max-width: 1199.98px) {
.vr5-hero-content-slider {
padding: 100px 0 100px 100px;
}
}
@media (max-width: 575.98px) {
.vr5-hero-content-slider {
padding: 80px 24px 80px;
}
.vr5-hero-content-slider h1 {
font-size: 45px;
line-height: 1.3em;
}
} .vr5-ticker-area {
border-top: 1px solid var(--primary-color);
border-bottom: 1px solid var(--primary-color);
}
.ticker-wrapper .ticker.vr5-ticker span + span::before {
background-color: var(--primary-color);
} .vr5-collection-slider .slick-dots {
position: absolute;
top: -88px;
right: 0;
}
.vr5-collection-slider .slick-dots li {
display: inline-block;
position: relative;
}
.vr5-collection-slider .slick-dots li::before {
content: "";
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--primary-color);
width: 55px;
height: 55px;
opacity: 0;
visibility: hidden;
}
.vr5-collection-slider .slick-dots li button {
font-size: 14px;
font-family: var(--hm2-font-family);
color: var(--primary-color);
transition: var(--transition-base);
}
.vr5-collection-slider .slick-dots li button::after {
content: "";
position: absolute;
width: 0;
height: 1px;
background-color: var(--primary-color);
top: 50%;
left: 40px;
transition: var(--transition-base);
}
.vr5-collection-slider .slick-dots li.slick-active::before {
opacity: 1;
visibility: visible;
}
.vr5-collection-slider .slick-dots li.slick-active button {
margin-right: 60px;
margin-left: 20px;
}
.vr5-collection-slider .slick-dots li.slick-active button::after {
width: 50px;
}
@media (max-width: 767.98px) {
.vr5-collection-slider .slick-dots {
position: initial;
margin-top: 60px;
text-align: center;
}
}
.vr5-collection-progressbar {
width: 100%;
height: 3px;
background-color: #EEEEEE;
position: relative;
}
.vr5-collection-progressbar .vr5-collection-progress {
height: 100%;
width: 20%;
background-color: var(--primary-color);
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767.98px) {
.vr5-collection-progressbar {
display: none;
}
} .vr5-ct-single-box {
border: 1px solid var(--primary-color);
box-sizing: border-box;
overflow: hidden;
}
.vr5-ct-single-box img {
transition: var(--transition-base);
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.vr5-ct-single-box .explore-btn {
width: 200px;
height: 55px;
background-color: var(--white-color);
color: var(--primary-color);
text-align: center;
line-height: 55px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.vr5-ct-single-box .explore-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr5-ct-single-box .explore-btn:hover {
color: var(--white-color);
border-color: var(--secondary-color);
}
.vr5-ct-single-box .explore-btn:hover::before {
height: 100%;
}
.vr5-ct-single-box:hover img {
margin-left: -15px;
}
.vr5-ct-single-box.large-box img {
width: calc(100% + 31px);
max-width: calc(100% + 31px);
} .vr5-filter-nav {
gap: 20px;
}
.vr5-filter-nav li a {
color: var(--primary-color);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
position: relative;
}
.vr5-filter-nav li a::before {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: var(--transition-base);
}
.vr5-filter-nav li a.active::before {
width: 100%;
}
.vr5-filter .tab-content {
position: relative;
}
.vr5-filter .tab-content .tab-pane {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block !important;
opacity: 0;
visibility: hidden;
}
.vr5-filter .tab-content .tab-pane.active {
opacity: 1;
visibility: visible;
animation: 0.5s theme_fadeInUp;
}
.vr5-filter .tab-content .vr5-product-card .feature-image {
height: 500px;
}
.vr5-filter .tab-content .vr5-product-card p {
line-height: 22px;
}
@media (max-width: 1199.98px) {
.vr5-filter .tab-content .tab-pane .vr5-product-card .feature-image {
height: 360px;
}
}
.vr5-filter-slider .slick-dots {
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.vr5-filter-slider .slick-dots li {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid transparent;
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-base);
}
.vr5-filter-slider .slick-dots li button {
width: 8px;
height: 8px;
background-color: #E6E6E6;
border-radius: 50%;
padding: 0;
font-size: 0;
}
.vr5-filter-slider .slick-dots li.slick-active {
border-color: var(--primary-color);
}
.vr5-filter-slider .slick-dots li.slick-active button {
background-color: var(--primary-color);
} .vr5-action-area {
height: 850px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.vr5-product-tooltip {
position: absolute;
z-index: 1;
}
.vr5-product-tooltip button {
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
padding: 10px;
}
.vr5-product-tooltip button span {
width: 100%;
height: 100%;
background-color: var(--white-color);
color: var(--primary-color);
font-size: 14px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.vr5-product-tooltip .vr5-tooltip-product {
padding: 30px;
background-color: var(--white-color);
position: absolute;
left: 60px;
top: 0;
width: 320px;
opacity: 0;
visibility: hidden;
transition: var(--transition-base);
}
.vr5-product-tooltip .vr5-tooltip-product .feature-image {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
height: 170px;
}
.vr5-product-tooltip .vr5-tooltip-product .feature-image img {
transition: var(--transition-base);
}
.vr5-product-tooltip .vr5-tooltip-product .tooltip-product-content h5 {
transition: var(--transition-base);
}
.vr5-product-tooltip .vr5-tooltip-product .tooltip-product-content h5:hover {
color: var(--secondary-color);
}
.vr5-product-tooltip .vr5-tooltip-product:hover .feature-image img {
transform: scale(1.06);
}
.vr5-product-tooltip .vr5-tooltip-product.active {
opacity: 1;
visibility: visible;
}
.vr5-product-tooltip.tooltip-1 {
top: 26%;
left: 22%;
}
.vr5-product-tooltip.tooltip-2 {
left: 58%;
bottom: 25%;
}
.vr5-product-tooltip.tooltip-2 .vr5-tooltip-product {
top: -110px;
}
.vr5-product-tooltip.tooltip-3 {
right: 30%;
top: 15%;
}
.vr5-product-tooltip.tooltip-3 .vr5-tooltip-product {
top: -60px;
}
@media (max-width: 1199.98px) {
.vr5-product-tooltip.tooltip-2 {
left: 50%;
}
.vr5-product-tooltip.tooltip-3 {
right: 35%;
}
}
@media (max-width: 767.98px) {
.vr5-product-tooltip.tooltip-2 {
left: 40%;
}
.vr5-product-tooltip.tooltip-3 {
right: 50%;
}
}
@media (max-width: 575.98px) {
.vr5-product-tooltip.tooltip-1 {
left: 3%;
}
.vr5-product-tooltip.tooltip-2 {
left: 5%;
}
.vr5-product-tooltip.tooltip-3 {
left: 2%;
right: auto;
}
} .vr5-blog-card {
padding: 30px;
background-color: var(--light-bg-2);
border: 1px solid #E7E7E7;
transition: var(--transition-base);
}
.vr5-blog-card .feature-image {
overflow: hidden;
}
.vr5-blog-card .feature-image img {
transition: var(--transition-base);
max-width: calc(100% + 15px);
width: calc(100% + 15px);
}
.vr5-blog-card h4 {
transition: var(--transition-base);
margin-bottom: 48px;
}
.vr5-blog-card h4:hover {
color: var(--secondary-color);
}
.vr5-blog-card p {
margin-bottom: 100px;
}
.vr5-blog-card .outline-primary {
border: 1px solid var(--primary-color);
color: var(--primary-color);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
padding: 0;
position: relative;
z-index: 1;
}
.vr5-blog-card .outline-primary::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr5-blog-card .outline-primary:hover {
border-color: var(--secondary-color);
color: var(--white-color);
}
.vr5-blog-card .outline-primary:hover::before {
height: 100%;
}
.vr5-blog-card:hover {
border-color: var(--primary-color);
}
.vr5-blog-card:hover .feature-image img {
margin-left: -10px;
}
@media (max-width: 1399.98px) {
.vr5-blog-card p {
margin-bottom: 40px;
}
}
@media (max-width: 1199.98px) {
.vr5-blog-card h4 {
font-size: 24px;
line-height: 1.3em;
margin-bottom: 32px;
}
} .vr5-feature-box {
border-top: 1px solid var(--primary-color);
border-bottom: 1px solid var(--primary-color);
}
.vr5-feature-box .icon-box.border-right::after {
background-color: var(--primary-color);
}
.vr6-light-bg {
background-color: #F8F8F8;
}
@media (max-width: 991.98px) {
.vr6-hero-section {
background-color: #F2F2F0;
}
}
.vr6-hero-custom-row {
display: flex;
gap: 24px;
}
.vr6-hero-custom-row .vr6-hero-box {
width: 79.4%;
background-color: #F2F2F0;
padding: 118px 135px 93px 100px;
}
.vr6-hero-custom-row .vr6-hero-box h1 {
font-size: 60px;
font-weight: 500;
line-height: 1.2em;
}
.vr6-hero-custom-row .vr6-hero-box .circle-shape {
width: 338px;
height: 338px;
background-color: #E9E9E3;
border-radius: 50%;
position: absolute;
z-index: -1;
left: -110px;
top: 0;
}
.vr6-hero-custom-row .vr6-hero-box img {
max-width: calc(100% + 60px);
margin-left: -60px;
}
@media (max-width: 1199.98px) {
.vr6-hero-custom-row .vr6-hero-box {
width: 100%;
}
.vr6-hero-custom-row .vr6-hero-box img {
margin-left: 0;
max-width: 100%;
}
.vr6-hero-custom-row .vr6-hero-box .circle-shape {
display: none;
}
}
@media (max-width: 991.98px) {
.vr6-hero-custom-row .vr6-hero-box {
padding: 118px 0 93px 40px;
}
.vr6-hero-custom-row .vr6-hero-box img {
margin-top: 60px;
}
}
@media (max-width: 767.98px) {
.vr6-hero-custom-row .vr6-hero-box {
padding: 40px 24px;
}
.vr6-hero-custom-row .vr6-hero-box img {
margin-top: 40px;
}
}
@media (max-width: 575.98px) {
.vr6-hero-custom-row .vr6-hero-box h1 {
font-size: 50px;
line-height: 1.2em;
}
}
.vr6-hero-content .white-btn {
padding: 16px 34px;
border: 1px solid var(--primary-color);
font-size: 14px;
text-transform: uppercase;
}
.vr6-hero-content .white-btn:hover {
border-color: var(--secondary-color);
}
.vr6-hero-list li {
color: var(--primary-color);
font-size: 14px;
font-weight: 500;
}
.vr6-hero-list li i {
margin-right: 10px;
}
.vr6-hero-list li + li {
margin-top: 15px;
}
.vr6-hero-slider .slick-list {
margin: 0 -12px;
}
.vr6-hero-slider .slick-list .slick-slide {
margin: 0 12px;
}
.vr6-hero-slider .slick-dots {
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
}
.vr6-hero-slider .slick-dots li {
width: 22px;
height: 22px;
border: 1px solid transparent;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition-base);
}
.vr6-hero-slider .slick-dots li button {
width: 4px;
height: 4px;
background-color: var(--primary-color);
border-radius: 50%;
padding: 0;
font-size: 0;
}
.vr6-hero-slider .slick-dots li.slick-active {
border-color: var(--primary-color);
}
@media (max-width: 575.98px) {
.vr6-hero-slider .slick-dots {
display: none;
}
}
.vr6-offer-box {
height: 400px;
padding: 48px 40px;
background-size: 100% calc(100% + 20px);
background-position: 0 -10px;
background-repeat: no-repeat;
transition: var(--transition-base);
}
.vr6-offer-box .white-btn {
padding: 0 10px;
font-size: 14px;
border: 1px solid var(--primary-color);
width: 170px;
height: 45px;
line-height: 45px;
text-align: center;
}
.vr6-offer-box .white-btn:hover {
border-color: var(--secondary-color);
}
.vr6-offer-box.centered-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.vr6-offer-box:hover {
background-position: 0 0;
}
@media (max-width: 1399.98px) {
.vr6-offer-box {
padding: 50px 40px;
}
}
@media (max-width: 991.98px) {
.vr6-offer-box {
background-size: cover;
background-position: bottom right;
}
.vr6-offer-box:hover {
background-size: cover;
background-position: bottom right;
}
} .vr6-filter-btns {
display: flex;
align-items: center;
justify-content: end;
gap: 40px;
}
.vr6-filter-btns button {
font-size: 18px;
font-weight: 500;
color: var(--text-color);
}
.vr6-filter-btns button.active {
color: var(--primary-color);
}
@media (max-width: 575.98px) {
.vr6-filter-btns {
gap: 24px;
}
}
.vr6-newsletter-box h3 {
font-size: 30px;
line-height: 44px;
}
@media (max-width: 575.98px) {
.vr6-newsletter-box h3 {
font-size: 18px;
line-height: 1.5em;
}
}
.vr6-newsletter-form {
display: flex;
align-items: center;
border: 1px solid var(--primary-color);
padding: 10px;
}
.vr6-newsletter-form input {
width: 100%;
border: 0;
padding-left: 20px;
}
.vr6-newsletter-form button {
flex-shrink: 0;
padding: 11px 24px;
text-transform: uppercase;
font-size: 14px;
}
.vr6-blog-section {
background-color: #F8F7F3;
}
.vr6-offer-box-1 {
background-size: cover;
background-repeat: no-repeat;
background-position: -10px center;
position: relative;
z-index: 1;
padding: 150px 24px 160px;
transition: var(--transition-base);
background-attachment: fixed;
}
.vr6-offer-box-1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
opacity: 0.3;
transition: var(--transition-base);
z-index: -1;
}
.vr6-offer-box-1 .vr6-offer-content {
max-width: 395px;
margin: 0 auto;
text-align: center;
}
.vr6-offer-box-1 .vr6-offer-content h1 {
font-size: 72px;
font-weight: 500;
line-height: 78px;
}
.vr6-offer-box-1 .outline-btn {
position: relative;
z-index: 1;
}
.vr6-offer-box-1 .outline-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.vr6-offer-box-1 .outline-btn:hover {
border-color: var(--secondary-color);
color: var(--white-color);
}
.vr6-offer-box-1 .outline-btn:hover::before {
height: 100%;
}
@media (max-width: 767.98px) {
.vr6-offer-box-1 .vr6-offer-content h1 {
font-size: 50px;
line-height: 60px;
}
}
.vr6-offer-box-2 {
height: 650px;
background-size: cover;
padding: 100px 24px;
position: relative;
z-index: 1;
transition: var(--transition-base);
}
.vr6-offer-box-2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
opacity: 0.3;
z-index: -1;
}
.vr6-offer-box-2 .vr6-offer-content {
text-align: center;
}
.vr6-offer-box-2 .vr6-offer-content .template-btn {
margin-top: 280px;
}
.notfound-area {
padding: 60px 0;
}
.notfound-content .outline-btn {
border-color: var(--primary-color);
color: var(--primary-color);
position: relative;
z-index: 1;
}
.notfound-content .outline-btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: var(--secondary-color);
z-index: -1;
transition: var(--transition-base);
}
.notfound-content .outline-btn:hover {
border-color: var(--secondary-color);
color: var(--white-color);
}
.notfound-content .outline-btn:hover::before {
height: 100%;
}

.tl-webp-picture {
display: block;
width: 100%;
}
.blog-review-form .comment-form .input-field {
margin-bottom: 24px;
}
.blog-review-form .comment-form .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 24px 0 0;
}
.blog-review-form .comment-form .comment-form-cookies-consent input {
flex: 0 0 18px;
width: 18px;
height: 18px;
margin: 4px 0 0;
accent-color: #121111;
}
.blog-review-form .comment-form .comment-form-cookies-consent label {
margin: 0;
line-height: 1.6;
cursor: pointer;
}
.tl-page-content__article .tl-bungalow-models .tl-legacy-offer > a {
display: block;
height: 100%;
color: #121111;
text-decoration: none;
}
.tl-page-content__article .tl-bungalow-models .tl-legacy-offer > a:focus-visible {
outline: 2px solid #121111;
outline-offset: 4px;
}
.tl-page-content__article .tl-bungalow-models .tl-legacy-offer__copy {
padding: 20px;
}
.tl-page-content__article .tl-bungalow-models .tl-legacy-offer__copy h3 {
margin: 0;
padding: 0;
border: 0;
font-size: 20px;
line-height: 1.45;
font-weight: 500;
}
.tl-sitemap-grid > section {
width: 50%;
}
.tl-sitemap-grid > section:last-child {
width: 100%;
}
.tl-sitemap-grid > section:last-child ul {
-moz-columns: 3;
columns: 3;
-moz-column-gap: 40px;
column-gap: 40px;
}
.tl-sitemap-grid li {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
@media (max-width: 991px) {
.tl-sitemap-grid > section:last-child ul {
-moz-columns: 2;
columns: 2;
}
}
@media (max-width: 575px) {
.tl-sitemap-grid {
margin-inline: 0;
}
.tl-sitemap-grid > section {
padding-inline: 0;
}
.tl-sitemap-grid > section {
width: 100%;
}
.tl-sitemap-grid > section:last-child ul {
-moz-columns: 1;
columns: 1;
}
.tl-sitemap-grid li a {
display: inline-block;
padding-block: 6px;
}
}
.page-id-5530 .tl-page-content__article > p {
max-width: 780px;
line-height: 1.8;
margin-bottom: 24px;
}
.page-id-5530 .tl-page-content__article > p:first-of-type {
font-size: 22px;
color: #121111;
}
.page-id-5530 .tl-page-content__article > p a {
overflow-wrap: anywhere;
}
.page-id-13530 .tl-page-content__article {
--bg: #fff;
--surface: #fff;
--surface-2: #f5f5f2;
--ink: #121111;
--ink-muted: #666;
--spruce: #121111;
--spruce-light: #333;
--cedar: #121111;
--cedar-light: #333;
--cedar-tint: #f5f5f2;
--line: #e9e9e3;
--shadow: none;
--radius: 0px;
font-family: inherit;
}
.page-id-13530 .tl-page-content__article :is(h1, h2, h3, .num, .price, .btn) {
font-family: inherit;
}
.page-id-13530 .tl-page-content__article :is(h1, h2, h3) {
font-weight: 500;
}
.page-id-13530 .tl-page-content__article .landing-banner {
position: static;
background: #f5f5f2;
color: #121111;
}
.page-id-13530 .tl-page-content__article .landing-banner .phone-link {
color: #121111;
}
.page-id-13530 .tl-page-content__article .wordmark-logo {
width: auto !important;
height: 64px !important;
padding: 0;
border-radius: 0;
}
.page-id-13530 .tl-page-content__article .brand-stripe {
display: none;
}
.page-id-13530 .tl-page-content__article :is(.btn, .price-card, .room-card, .testimonial, .hero-photo, .quote-card) {
border-radius: 0;
box-shadow: none;
}
.page-id-13530 .tl-page-content__article .btn {
min-height: 48px;
}
.page-id-13530 .tl-page-content__article .hero-grid > * {
min-width: 0;
}
.page-id-13530 .tl-page-content__article .quote-card .tl-contact-form-fallback {
padding: 0;
border: 0;
background: transparent;
margin: 24px 0 0;
}
.page-id-13530 .tl-page-content__article .quote-card .tl-contact-form-fallback__email {
overflow-wrap: anywhere;
}
.page-id-13530 .tl-page-content__article .quote-card .tl-contact-form-fallback__button {
max-width: 100%;
white-space: normal;
text-align: center;
}
.page-id-13530 .tl-page-content__article .price-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-id-13530 .tl-page-content__article .faq-list {
gap: 0;
max-width: none;
border-top: 1px solid #e9e9e3;
}
.page-id-13530 .tl-page-content__article .faq-item {
border: 0;
border-bottom: 1px solid #e9e9e3;
border-radius: 0;
padding: 4px 0;
}
.page-id-13530 .tl-page-content__article .faq-item summary {
font-weight: 500;
min-height: 56px;
}
.page-id-13530 .tl-page-content__article .room-body h3 {
margin: 0;
line-height: 1.4;
}
.page-id-13530 .tl-page-content__article .room-links {
flex-wrap: wrap;
}
.page-id-13530 .tl-page-content__article .room-map .map-badge {
border-radius: 0;
}
.page-id-13530 .tl-page-content__article .room-map svg [fill="#c97a12"] {
fill: #121111;
}
.page-id-13530 .tl-page-content__article .final-cta {
background: #f5f5f2;
color: #121111;
}
.page-id-13530 .tl-page-content__article .final-cta :is(h2, .phone-big) {
color: #121111;
font-family: inherit;
}
.page-id-13530 .tl-page-content__article .final-cta p {
color: #666;
}
.page-id-13530 .tl-page-content__article .final-cta .btn-ghost {
color: #121111;
border-color: #121111;
}
.page-id-13530 .tl-page-content__article footer {
background: #f5f5f2;
color: #666;
border-top: 1px solid #e9e9e3;
}
.page-id-13530 .tl-page-content__article footer a {
color: #121111;
}
@media (max-width: 767px) {
.page-id-13530 .tl-page-content__article .price-grid {
grid-template-columns: 1fr;
}
.page-id-13530 .tl-page-content__article .wrap {
padding-inline: 16px;
}
}
.page-id-10040 .tl-page-content__article .wp-block-table {
overflow-x: auto;
margin-block: 28px 40px;
}
.page-id-10040 .tl-page-content__article .wp-block-table table {
min-width: 720px;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.page-id-10040 .tl-page-content__article .wp-block-table th, .page-id-10040 .tl-page-content__article .wp-block-table td {
padding: 16px;
border: 1px solid #e1e1dc;
font-size: 15px;
line-height: 1.6;
vertical-align: top;
word-break: normal;
overflow-wrap: normal;
}
.page-id-10040 .tl-page-content__article .wp-block-table th {
background: #f5f5f2;
color: #121111;
font-weight: 500;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images > figure.wp-block-image {
width: 100% !important;
margin: 0;
display: block;
height: auto;
border: 1px solid #e9e9e3;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images > figure.wp-block-image > a {
display: block;
width: 100%;
flex: none;
aspect-ratio: 4/3;
height: auto !important;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images > figure.wp-block-image > a img {
height: 100% !important;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images > figure.wp-block-image img {
display: block;
width: 100%;
height: auto !important;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
flex: none;
}
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images > figure.wp-block-image figcaption {
position: static;
height: auto;
flex: none;
background: none;
color: #121111;
font-size: 18px;
line-height: 1.5;
text-align: left;
padding: 16px;
margin: 0;
max-height: none;
overflow: visible;
width: 100%;
box-sizing: border-box;
}
@media (max-width: 767px) {
.page-id-9629 .tl-page-content__article .wp-block-gallery.has-nested-images {
grid-template-columns: 1fr;
gap: 20px;
}
}
.tl-legacy-offer__copy p.has-white-color {
color: #121111 !important;
font-size: 22px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
text-align: left;
margin: 0;
}
.page-id-12056 .tl-page-content__article .wp-block-heading.has-background {
background: transparent !important;
padding: 0 0 18px;
text-align: left;
border-bottom: 1px solid #e9e9e3;
margin-block: 48px 24px;
}
.tl-page-content__article .tl-model-gallery {
margin-block: 24px 48px;
}
.tl-page-content__article .tl-model-gallery .gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.tl-page-content__article .tl-model-gallery .gallery::before, .tl-page-content__article .tl-model-gallery .gallery::after, .tl-page-content__article .tl-model-gallery br {
display: none;
}
.tl-page-content__article .tl-model-gallery .gallery-item {
float: none !important;
width: 100% !important;
margin: 0 !important;
min-width: 0;
}
.tl-page-content__article .tl-model-gallery .gallery-icon {
background: #f5f5f2;
padding: 10px;
}
.tl-page-content__article .tl-model-gallery img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4/3;
-o-object-fit: contain;
object-fit: contain;
border: 0 !important;
}
.tl-page-content__article .tl-model-gallery .gallery-caption {
margin-top: 10px;
font-size: 13px;
}
@media (max-width: 767px) {
.tl-page-content__article .tl-model-gallery .gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
.tl-page-content__article .tl-cabin-page {
margin-block: 32px 0;
color: #6b6b6b;
line-height: 1.8;
}
.tl-page-content__article .tl-cabin-page h2, .tl-page-content__article .tl-cabin-page h3 {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px;
}
.tl-page-content__article .tl-cabin-page .tl-price-main {
font-size: clamp(32px, 4vw, 44px);
font-weight: 500;
color: #121111;
line-height: 1.2;
}
.tl-page-content__article .tl-cabin-page .tl-price-sub {
font-size: 13px;
margin-top: 10px;
}
.tl-page-content__article .tl-cabin-page .tl-card {
border-radius: 0;
box-shadow: none;
border-color: #e9e9e3;
padding: 24px;
}
.tl-page-content__article .tl-cabin-page .tl-spec-table th {
background: #f5f5f2;
font-weight: 500;
}
.tl-page-content__article .tl-cabin-page .tl-list-clean li {
margin-bottom: 12px;
line-height: 1.7;
}
.tl-page-content__article .tl-cabin-page .tl-icon {
line-height: 1.7;
}
.tl-page-content__article .tl-cabin-page .tl-icon-check::before {
color: #718165;
}
.tl-page-content__article .tl-cabin-page .tl-addon-item {
border-radius: 0;
box-shadow: none;
padding: 18px 22px;
background: #f5f5f2;
border-color: #e9e9e3;
}
.tl-page-content__article .tl-cabin-page .tl-addon-item.active {
background: #e9ede5;
border-color: #8a967e;
box-shadow: none;
}
.tl-page-content__article .tl-cabin-page .tl-quote-btn {
border-radius: 0;
box-shadow: none;
min-height: 48px;
font-size: 13px;
text-transform: uppercase;
padding: 14px 24px;
}
@media (max-width: 767px) {
.tl-page-content__article .tl-cabin-page {
padding: 0;
}
.tl-page-content__article .tl-cabin-page .tl-card {
padding: 18px;
}
.tl-page-content__article .tl-cabin-page .tl-spec-table th, .tl-page-content__article .tl-cabin-page .tl-spec-table td {
padding: 10px 8px;
overflow-wrap: anywhere;
}
}
.woocommerce .shop-section {
padding-block: 64px 80px;
}
.woocommerce .shop-section .woocommerce-info {
border-top-color: #8a967e;
background: #f5f5f2;
color: #6b6b6b;
}
.woocommerce .shop-section .woocommerce-info::before {
color: #8a967e;
}
.woocommerce .shop-section ul.products.products-list-view > li.product {
margin-bottom: 32px;
}
.woocommerce .shop-section .vr-horizontal-product .feature-image {
overflow: hidden;
}
.woocommerce .shop-section .vr-horizontal-product .feature-image > a {
display: block;
width: 100%;
height: 100%;
}
.woocommerce .shop-section .vr-horizontal-product .feature-image img {
width: 100%;
height: 100% !important;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce .shop-section .vr-horizontal-product .template-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 22px;
font-size: 12px;
text-transform: uppercase;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin: 0;
padding: 0;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view)::before, .woocommerce .shop-section ul.products.row:not(.products-list-view)::after {
display: none;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) > li.product.col-12.col-md-6.col-lg-4 {
width: 100% !important;
max-width: none;
min-width: 0;
padding: 0;
margin: 0;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .feature-image {
height: auto;
aspect-ratio: 1;
overflow: hidden;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .feature-image > a {
display: block;
height: 100%;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .feature-image img {
width: 100%;
height: 100% !important;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .vr6-product-card {
height: 100%;
display: flex;
flex-direction: column;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .vr6-product-card-content {
padding: 22px;
display: flex;
flex-direction: column;
flex: 1;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .vr6-product-card-content > .template-btn {
margin-top: auto !important;
align-self: flex-start;
}
.woocommerce .shop-section ul.products.row:not(.products-list-view) .pricing {
margin-bottom: 24px;
}
@media (max-width: 991px) {
.woocommerce .shop-section ul.products.row:not(.products-list-view) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.woocommerce .shop-section ul.products.row:not(.products-list-view) {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.woocommerce .shop-section {
padding-block: 40px 64px;
}
}
.tinv-wishlist .tinvwl-table-manage-list button.button {
min-height: 48px;
padding: 12px 18px;
font-size: 12px;
line-height: 1.4;
}
.tinv-wishlist .tinvwl-table-manage-list .product-name a {
color: #121111;
font-weight: 500;
}
@media (max-width: 767px) {
.tinv-wishlist .tinvwl-table-manage-list {
display: block;
overflow: visible;
}
.tinv-wishlist .tinvwl-table-manage-list thead {
display: none;
}
.tinv-wishlist .tinvwl-table-manage-list tbody {
display: block;
width: 100%;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr);
gap: 12px 16px;
padding: 20px;
position: relative;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item td {
display: block !important;
float: none !important;
width: auto !important;
min-width: 0;
padding: 0 !important;
text-align: left !important;
border: 0;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-cb {
grid-column: 1;
grid-row: 1;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-remove {
grid-column: 2;
grid-row: 1;
justify-self: end;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-thumbnail {
grid-column: 1;
grid-row: 2/span 3;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-thumbnail img {
width: 88px;
height: 88px;
-o-object-fit: cover;
object-fit: cover;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-name {
grid-column: 2;
grid-row: 2;
font-size: 15px;
line-height: 1.5;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-price {
grid-column: 2;
grid-row: 3;
color: #121111;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-date {
grid-column: 2;
grid-row: 5;
font-size: 12px;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-stock {
grid-column: 2;
grid-row: 4;
font-size: 13px;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-stock p {
margin: 0;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-action {
grid-column: 1/-1;
grid-row: 6;
}
.tinv-wishlist .tinvwl-table-manage-list tr.wishlist_item .product-action button {
width: 100%;
}
}
.page-id-8646 .tl-page-content__article .wp-block-image {
width: 100%;
max-width: 800px;
margin: 32px auto 48px;
}
.page-id-8646 .tl-page-content__article .wp-block-image figure {
width: 100%;
max-width: 100%;
margin: 0;
}
.page-id-8646 .tl-page-content__article .wp-block-image img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.page-id-8646 .tl-page-content__article .wp-block-image {
margin-block: 24px 32px;
}
}
.single-product form.variations_form table.variations {
width: 100%;
margin-bottom: 20px;
}
.single-product form.variations_form table.variations th, .single-product form.variations_form table.variations td {
display: block;
width: 100%;
padding: 0 0 10px;
}
.single-product form.variations_form table.variations label {
color: #121111;
font-size: 14px;
font-weight: 500;
}
.single-product form.variations_form table.variations select {
width: 100%;
max-width: 100%;
min-height: 48px;
border: 1px solid #deded8;
padding: 12px;
font-size: 14px;
background: #fff;
}
.single-product form.variations_form .reset_variations {
color: #121111;
text-decoration: underline;
font-size: 13px;
}
.single-product form.variations_form .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.single-product form.variations_form .quantity input.qty {
min-height: 48px;
width: 70px;
border: 1px solid #deded8;
}
.single-product form.variations_form .single_add_to_cart_button {
background: #121111 !important;
color: #fff !important;
min-height: 48px;
}
.single-product form.variations_form .single_add_to_cart_button.disabled {
opacity: 0.45;
}
.single-product form.variations_form .woocommerce-variation-price {
margin-bottom: 20px;
color: #121111;
font-size: 24px;
}
.single-product .vr-prodcuct-details {
padding-block: 64px 72px;
}
.single-product .pd-product-details {
padding-top: 64px;
}
.single-product .vr-product-details-content > .price {
font-size: 28px;
color: #121111;
margin: 20px 0 24px;
}
.single-product .woocommerce-product-details__short-description {
line-height: 1.8;
}
.single-product .woocommerce-product-details__short-description :is(h2, h3, h4) {
font-size: 20px;
font-weight: 500;
margin: 24px 0 10px;
}
.single-product .woocommerce-product-details__short-description a, .single-product .product_meta a {
color: #121111;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.single-product .product_meta {
display: flex;
flex-wrap: wrap;
gap: 8px 20px;
border-top: 1px solid #e9e9e3;
margin-top: 24px;
padding-top: 20px;
font-size: 13px;
}
.single-product form.cart {
margin-top: 28px;
}
.single-product .tinvwl_add_to_wishlist_button {
color: #121111;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.single-product form.cart .single_add_to_cart_button {
min-height: 48px;
font-size: 13px;
letter-spacing: 0.04em;
}
.single-product .woocommerce-product-gallery__trigger {
position: absolute;
right: 12px;
top: 12px;
width: 40px;
height: 40px;
display: grid;
place-items: center;
background: #fff;
border: 1px solid #e9e9e3;
border-radius: 50%;
}
.single-product .single-products-info {
padding-bottom: 64px;
}
.single-product .woocommerce-Tabs-panel {
padding-top: 28px;
line-height: 1.8;
}
.single-product #tab-description > h2:first-child {
display: none;
}
.single-product .woocommerce-Tabs-panel ul {
list-style: disc;
padding-left: 22px;
max-width: 85ch;
}
.single-product .woocommerce-Tabs-panel li {
padding-left: 4px;
margin-bottom: 10px;
}
.single-product .woocommerce-Tabs-panel .wp-block-button__link {
display: inline-flex;
padding: 14px 24px;
margin-top: 24px;
background: #121111;
color: #fff;
border-radius: 0;
text-transform: uppercase;
font-size: 12px;
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs {
flex-wrap: wrap;
gap: 12px 28px;
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs li.active a {
color: #121111;
border-bottom: 2px solid #121111;
}
.single-product section.related.products {
padding-block: 56px 80px;
}
.single-product section.related.products section.related.products {
padding: 0;
}
.single-product .related.products > h2 {
font-size: 30px;
font-weight: 500;
margin-bottom: 32px;
}
.single-product .related.products ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin: 0;
padding: 0;
}
.single-product .related.products ul.products::before, .single-product .related.products ul.products::after {
display: none;
}
.single-product .related.products ul.products > li.product {
width: 100% !important;
max-width: none;
min-width: 0;
padding: 0;
}
.single-product .related.products ul.products .feature-image {
height: auto;
aspect-ratio: 4/3;
overflow: hidden;
}
.single-product .related.products ul.products .feature-image > a {
display: block;
height: 100%;
}
.single-product .related.products ul.products .feature-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1199px) {
.single-product .related.products ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.single-product .related.products ul.products {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.single-product .vr-prodcuct-details {
padding-block: 40px;
}
.single-product .vr-product-details-content.mt-5 {
margin-top: 0 !important;
}
}
.tl-contact-form-fallback__copy ul {
list-style: disc;
padding-left: 1.25rem;
}
.tl-contact-form-fallback__copy li::marker {
color: #8a967e;
}
.page-id-3907 .tl-page-content__article > h2 {
font-size: clamp(26px, 2.5vw, 32px);
line-height: 1.3;
font-weight: 500;
margin: 32px 0 24px;
}
.page-id-3907 .tl-page-content__article > p {
max-width: 82ch;
font-size: 16px;
line-height: 1.8;
margin-bottom: 24px;
}
.page-id-3907 .tl-page-content__article > p > strong:first-child {
color: #121111;
font-weight: 500;
}
.tl-page-content__article .tl-video-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-block: 32px 48px;
}
.tl-page-content__article .tl-video-grid > .wp-block-group__inner-container {
display: contents;
}
.tl-page-content__article .tl-video-grid:has(.tl-video-card:nth-child(2):last-child) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tl-page-content__article .tl-video-grid .tl-video-card {
min-width: 0;
border: 1px solid #e9e9e3;
}
.tl-page-content__article .tl-video-grid .wp-block-embed {
margin: 0;
max-width: none;
}
.tl-page-content__article .tl-video-grid p {
margin: 0;
padding: 22px;
font-size: 16px;
color: #121111;
}
@media (max-width: 991px) {
.tl-page-content__article .tl-video-grid, .tl-page-content__article .tl-video-grid:has(.tl-video-card:nth-child(2):last-child) {
grid-template-columns: 1fr;
}
}
.tl-page-content__article .tl-review-grid, .tl-page-content__article .tl-review-videos {
display: grid;
gap: 24px;
margin-block: 32px 56px;
}
.tl-page-content__article .tl-review-grid > .wp-block-group__inner-container, .tl-page-content__article .tl-review-videos > .wp-block-group__inner-container {
display: contents;
}
.tl-page-content__article .tl-review-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tl-page-content__article .tl-review-videos {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tl-page-content__article .tl-review-card, .tl-page-content__article .tl-review-step {
min-width: 0;
padding: 28px;
border: 1px solid #e9e9e3;
}
.tl-page-content__article .tl-review-card p, .tl-page-content__article .tl-review-step p {
margin: 0 0 20px;
}
.tl-page-content__article .tl-review-card p:last-child, .tl-page-content__article .tl-review-step p:last-child {
margin-bottom: 0;
}
.tl-page-content__article .tl-review-card strong, .tl-page-content__article .tl-review-step strong {
font-weight: 400;
}
.tl-page-content__article .tl-review-card em, .tl-page-content__article .tl-review-step em {
font-style: normal;
color: #121111;
font-weight: 500;
}
.tl-page-content__article .tl-review-card .wp-block-heading, .tl-page-content__article .tl-review-step .wp-block-heading {
margin: 0 0 20px;
padding: 0;
border: 0;
font-size: 22px;
}
.tl-page-content__article .tl-review-card {
background: #f5f5f2;
}
.tl-page-content__article .tl-review-videos .wp-block-embed {
margin: -28px -28px 28px;
max-width: none;
}
@media (max-width: 991px) {
.tl-page-content__article .tl-review-grid, .tl-page-content__article .tl-review-videos {
grid-template-columns: 1fr;
}
}
.page-id-3914 .tl-page-content__article > .wp-block-image img {
max-width: 320px;
width: 100%;
height: auto;
}
.tl-page-content__article .tl-contact-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-block: 32px 40px;
}
.tl-page-content__article .tl-contact-grid > .wp-block-group__inner-container {
display: contents;
}
.tl-page-content__article .tl-contact-grid .tl-contact-card {
border: 1px solid #e9e9e3;
padding: 28px;
background: #f5f5f2;
min-width: 0;
}
.tl-page-content__article .tl-contact-grid .wp-block-heading {
font-size: 22px;
border: 0;
padding: 0;
margin: 0 0 20px;
}
.tl-page-content__article .tl-contact-grid p {
margin: 0;
}
.tl-page-content__article .tl-contact-grid a {
color: #121111;
text-decoration: underline;
text-underline-offset: 0.2em;
white-space: nowrap;
}
@media (max-width: 991px) {
.tl-page-content__article .tl-contact-grid {
grid-template-columns: 1fr;
}
}
.page-id-13743 .tl-page-content__article ul.wp-block-list {
list-style: disc;
}
.page-id-13743 .tl-page-content__article > div:has(> a[href^="mailto:"]) {
text-align: left !important;
margin-block: 24px !important;
}
.tl-location-map {
margin-block: 24px;
}
.tl-location-map iframe {
display: block;
width: 100%;
height: 320px;
border: 0;
}
.tl-location-map > a {
display: block;
margin-top: 12px;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column {
padding: 32px !important;
margin-bottom: 40px;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-heading {
margin: 0 0 24px;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-separator {
display: none;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-uagb-buttons:last-child {
display: none;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column p:empty {
display: none;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column .wp-block-uagb-image {
margin: 0;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column .wp-block-uagb-image figure {
margin: 0;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column .wp-block-uagb-image img {
display: block;
width: 100%;
height: auto;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-columns {
margin: 0;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column .uagb-buttons__wrap {
margin: 0;
}
@media (min-width: 992px) {
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
-moz-column-gap: 40px;
column-gap: 40px;
align-items: start;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > * {
grid-column: 1;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-heading {
grid-column: 1/-1;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .tl-location-map {
grid-column: 1/-1;
grid-row: 6;
margin-bottom: 0;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-uagb-image,
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column > .wp-block-columns:has(.wp-block-uagb-image) {
grid-column: 2;
grid-row: 2/span 4;
}
}
@media (max-width: 991px) {
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column {
padding: 24px !important;
}
.page-id-6348 .tl-page-content__article > .wp-block-columns > .wp-block-column .wp-block-uagb-image {
margin-top: 24px;
}
}
.page-id-6348 .tl-page-content__article > .wp-block-separator {
display: none;
}
.tl-legacy-offers {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-block: 24px 48px;
}
.tl-legacy-offer {
display: flex;
flex-direction: column;
border: 1px solid #e9e9e3;
min-width: 0;
}
.tl-page-content .tl-legacy-offer__image {
display: block;
width: 100%;
aspect-ratio: 4/3;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.tl-page-content__article .tl-legacy-offer__copy {
padding: 26px 22px;
display: flex;
flex: 1;
flex-direction: column;
align-items: stretch;
text-align: left;
}
.tl-page-content__article .tl-legacy-offer__copy .wp-block-heading {
margin: 0 0 12px;
padding-top: 0;
border-top: 0;
text-align: left;
font-size: 26px;
}
.tl-page-content__article .tl-legacy-offer__copy .wp-block-paragraph {
margin: 0 0 24px;
max-width: none;
text-align: left;
}
.tl-page-content__article .tl-legacy-offer__copy em {
font-style: normal;
}
.tl-page-content__article .tl-legacy-offer__copy .wp-block-button {
margin-top: auto;
justify-content: flex-start !important;
}
.tl-page-content__article .tl-legacy-offer__copy .wp-block-button__link {
font-size: 11px !important;
padding: 13px 16px !important;
}
.tl-page-content__article .tl-legacy-offer__copy .wp-block-button__link svg {
display: none;
}
.tl-page-content__article > .wp-block-spacer:has(+ .tl-legacy-offers) {
height: 8px !important;
}
.tl-page-content__article .wp-block-columns.has-background {
background: #f5f5f2 !important;
border-radius: 0 !important;
padding: 30px;
color: #6b6b6b !important;
}
.tl-page-content__article .wp-block-columns.has-background p {
margin-bottom: 0;
}
.tl-page-content__article .wp-block-columns.has-background strong {
font-weight: 500;
}
.tl-page-content__article a[style*="color: #eb3823"] {
color: #121111 !important;
}
.tl-page-content__article .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-block: 32px;
}
.tl-page-content__article .woocommerce ul.products::before, .tl-page-content__article .woocommerce ul.products::after {
display: none;
}
.tl-page-content__article .woocommerce ul.products > li.product {
width: 100% !important;
max-width: none;
padding: 0;
margin: 0;
min-width: 0;
}
.tl-page-content__article .woocommerce ul.products .feature-image {
height: auto;
aspect-ratio: 4/3;
overflow: hidden;
}
.tl-page-content__article .woocommerce ul.products .feature-image > a {
display: block;
width: 100%;
height: 100%;
}
.tl-page-content__article .woocommerce ul.products .feature-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
max-width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.tl-page-content__article .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.tl-legacy-offers:has(> .tl-legacy-offer:nth-child(4):last-child),
.tl-legacy-offers:has(> .tl-legacy-offer:nth-child(2):last-child) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
:is(.page-id-11384, .page-id-11397, .page-id-11408, .page-id-5072, .page-id-8893, .page-id-12042, .page-id-11281, .page-id-13230, .page-id-743, .page-id-12592) .tl-page-content__article .wp-block-heading.has-background {
background: transparent !important;
padding: 0 0 18px;
border-top: 0;
border-bottom: 1px solid #e9e9e3;
text-align: left;
margin-block: 48px 24px;
}
:is(.page-id-11384, .page-id-11397, .page-id-11408, .page-id-5072, .page-id-8893, .page-id-12042, .page-id-11281, .page-id-13230, .page-id-743, .page-id-12592) .tl-page-content__article .wp-block-heading + .wp-block-separator {
display: none;
}
.tl-page-content__article .tl-usecase-grid {
display: grid;
}
.tl-page-content__article .tl-usecase-grid > .wp-block-group__inner-container {
display: contents;
}
.tl-page-content__article .tl-usecase-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
margin-block: 32px 48px;
}
.tl-page-content__article .tl-usecase-grid .tl-usecase-card {
border: 1px solid #e9e9e3;
padding: 0 24px 24px;
min-width: 0;
}
.tl-page-content__article .tl-usecase-grid .wp-block-image {
margin: 0 -24px 24px;
}
.tl-page-content__article .tl-usecase-grid .wp-block-image img {
width: 100%;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0;
}
.tl-page-content__article .tl-usecase-grid .wp-block-heading {
margin: 0 0 12px;
font-size: 26px;
}
.tl-page-content__article .tl-usecase-grid p {
margin: 0;
font-size: 16px !important;
}
@media (max-width: 767px) {
.tl-page-content__article .tl-usecase-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.tl-legacy-offers {
grid-template-columns: 1fr;
}
.tl-page-content__article .woocommerce ul.products {
grid-template-columns: 1fr;
}
}
.page-id-4934 .tl-page-content__article > p:first-of-type {
display: none;
}
:is(.page-id-13230, .page-id-3913) .tl-page-content__article ul.wp-block-list {
list-style: disc;
}
.page-id-3913 .tl-page-content__article .wp-block-list:has(+ .wp-block-list) {
margin-bottom: 8px;
}
.page-id-3913 .wp-block-media-text:has(> .wp-block-media-text__content > p:only-child:empty) {
grid-template-columns: 1fr !important;
margin-block: 32px;
}
.page-id-3913 .wp-block-media-text:has(> .wp-block-media-text__content > p:only-child:empty) .wp-block-media-text__content {
display: none;
}
.page-id-3913 .wp-block-media-text:has(> .wp-block-media-text__content > p:only-child:empty) img {
width: 100%;
}
@media (min-width: 768px) {
.page-id-8386 .tl-page-content__article .woocommerce ul.products > li:only-child {
grid-column: 1/-1;
}
.page-id-8386 .tl-page-content__article .woocommerce ul.products > li:only-child .vr6-product-card {
display: grid;
grid-template-columns: 1fr 1fr;
}
.page-id-8386 .tl-page-content__article .woocommerce ul.products > li:only-child .feature-image {
height: 100%;
min-height: 300px;
aspect-ratio: auto;
}
.page-id-8386 .tl-page-content__article .woocommerce ul.products > li:only-child .vr6-product-card-content {
padding: 32px;
}
}
.tl-page-content__article .wp-block-heading a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.page-id-12042 .tl-page-content__article :is(p, li).has-medium-font-size {
font-size: 16px !important;
line-height: 1.8;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) {
padding: 28px;
gap: 28px;
margin-block: 32px;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) .uagb-ifb-content {
display: flex;
align-items: flex-start;
gap: 12px;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) .uagb-ifb-icon-wrap {
flex: 0 0 24px;
width: 24px;
line-height: 1;
padding-top: 3px;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) .uagb-ifb-icon-wrap svg {
display: block;
width: 24px;
height: 24px;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) .uagb-ifb-title {
font-size: 18px;
line-height: 1.5;
margin: 0;
}
@media (max-width: 991px) {
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) {
flex-wrap: wrap !important;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) > .wp-block-column {
flex-basis: calc(50% - 14px) !important;
}
}
@media (max-width: 575px) {
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) {
padding: 24px;
gap: 20px;
}
.page-id-12042 .tl-page-content__article .wp-block-columns:has(.wp-block-uagb-info-box) > .wp-block-column {
flex-basis: 100% !important;
}
}
.page-id-11281 .tl-cement-contact {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-block: 28px 40px;
}
.page-id-11281 .tl-cement-contact a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 20px;
border: 1px solid #121111;
color: #121111;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none;
}
.page-id-11281 .tl-cement-contact a:first-child, .page-id-11281 .tl-cement-contact a:hover {
background: #121111;
color: #fff;
}
.page-id-11281 .tl-cement-contact a:focus-visible {
outline: 2px solid #121111;
outline-offset: 4px;
}
@media (max-width: 575px) {
.page-id-11281 .tl-cement-contact a {
width: 100%;
}
}
.page-id-11281 .tl-page-content__article h3.wp-block-heading:has(> a:only-child) {
padding: 0;
border: 0;
font-size: 16px;
margin-block: 20px;
}
.timberliving-option-wysiwyg p:last-child,
.vr6-hero-list p:last-child {
margin-bottom: 0;
}
.timberliving-option-wysiwyg ul,
.timberliving-option-wysiwyg ol,
.vr6-hero-list ul,
.vr6-hero-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.timberliving-option-wysiwyg li,
.vr6-hero-list li {
position: relative;
display: flex;
gap: 10px;
align-items: flex-start;
margin-bottom: 8px;
}
.timberliving-option-wysiwyg li::before,
.vr6-hero-list li::before {
content: "\f00c";
flex: 0 0 auto;
margin-top: 3px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.vr6-header-topbar .timberliving-option-wysiwyg p {
margin: 0;
}
.tl-page-content {
color: #6b6b6b;
}
.tl-page-content > .container {
max-width: 1320px;
padding-inline: clamp(20px, 4vw, 64px);
}
.tl-page-content__article {
max-width: 1120px;
margin-inline: auto;
}
.tl-page-content .tl-page-title {
margin: 0 0 38px;
color: #121111;
font-size: clamp(2rem, 4vw, 2.75rem);
font-weight: 500;
line-height: 1.15;
}
.tl-page-content .wp-block-heading {
margin: 2.25em 0 0.8em;
color: #121111;
font-weight: 500;
line-height: 1.2;
}
.tl-page-content .wp-block-heading:first-child {
margin-top: 0;
}
.tl-page-content .wp-block-heading.has-background {
padding: 20px 26px;
border-radius: 2px;
background: #e9e9e3 !important;
color: #121111 !important;
}
.tl-page-content .wp-block-paragraph,
.tl-page-content .wp-block-list,
.tl-page-content .wp-block-quote,
.tl-page-content .wp-block-table,
.tl-page-content .wp-block-buttons {
margin-bottom: 1.5rem;
}
.tl-page-content .wp-block-paragraph,
.tl-page-content .wp-block-list,
.tl-page-content .wp-block-quote {
max-width: 82ch;
}
.tl-page-content .wp-block-paragraph,
.tl-page-content .wp-block-list {
font-size: 1rem;
line-height: 1.8;
}
.tl-page-content .wp-block-list {
padding-left: 1.4rem;
}
.tl-page-content ul.wp-block-list {
list-style-type: disc;
}
.tl-page-content ol.wp-block-list {
list-style-type: decimal;
}
.tl-page-content ul.wp-block-list ul {
list-style-type: circle;
}
.tl-page-content ol.wp-block-list ol {
list-style-type: lower-alpha;
}
.tl-page-content .wp-block-list li {
padding-left: 0.3rem;
margin-bottom: 0.5rem;
}
.tl-page-content .wp-block-list li::marker {
color: #8a967e;
}
.tl-page-content .wp-block-embed {
max-width: 960px;
margin: 2.5rem auto;
}
.tl-page-content .wp-block-embed iframe {
display: block;
width: 100%;
border: 0;
}
.tl-page-content img {
max-width: 100%;
height: auto;
}
.tl-page-content .wp-block-image img,
.tl-page-content .wp-block-gallery img {
display: block;
border-radius: 2px;
}
.tl-page-content .wp-block-image,
.tl-page-content .wp-block-gallery {
margin-block: 2.5rem;
}
.tl-page-content .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 14px 24px;
text-decoration: none;
border-radius: 0;
background: #121111;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.tl-page-content .wp-block-button__link:hover,
.tl-page-content .wp-block-button__link:focus {
background: #8a967e;
color: #fff;
}
.tl-page-content .wp-block-separator {
margin: 3rem 0;
border-color: #e9e9e3;
}
.tl-page-content .uagb-buttons__wrap {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-block: 24px;
}
.tl-page-content .uagb-buttons__wrap .wp-block-button {
margin: 0;
}
.tl-blog-intro {
padding: 24px 30px;
background: #f5f5f2;
color: #6b6b6b;
font-size: 0.95rem;
line-height: 1.7;
}
.tl-blog-intro p:last-child {
margin-bottom: 0;
}
.tl-page-content__article .timberliving-legacy-faq {
margin: 1.25rem 0 2.5rem;
}
.tl-page-content__article .timberliving-legacy-faq .accordion-item {
padding: 22px 0;
}
.tl-page-content__article .timberliving-legacy-faq .accordion-header a {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 20px;
color: #121111;
font-size: 1.05rem;
line-height: 1.45;
text-decoration: none;
}
.tl-page-content__article .timberliving-legacy-faq .accordion-header a::after {
content: "+";
flex: 0 0 auto;
color: var(--primary-color);
font-size: 1.35rem;
font-weight: 400;
line-height: 1;
}
.tl-page-content__article .timberliving-legacy-faq .accordion-header a:not(.collapsed)::after {
content: "−";
}
.tl-page-content__article .timberliving-legacy-faq .accordion-header a:hover,
.tl-page-content__article .timberliving-legacy-faq .accordion-header a:focus-visible {
color: var(--primary-color);
}
.tl-page-content__article .timberliving-legacy-faq .accordion-body {
max-width: 75ch;
color: #6b6b6b;
line-height: 1.7;
}
.shop-sidebar .widget-title,
.blog-sidebar .widget-title {
font-size: 1.25rem;
line-height: 1.3;
}
.shop-sidebar .sidebar-check-fields {
margin: 0;
padding: 0;
list-style: none;
}
.shop-sidebar .sidebar-check-fields li {
display: block;
margin: 0;
}
.shop-sidebar .sidebar-check-fields li + li {
margin-top: 18px;
}
.shop-sidebar .sidebar-check-fields li a {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
color: #858585;
font-size: 15px;
font-weight: 300;
line-height: 1.5;
transition: color var(--transition-base);
}
.shop-sidebar .sidebar-check-fields li a:hover,
.shop-sidebar .sidebar-check-fields li.current-cat > a {
color: var(--primary-color);
}
.shop-sidebar .sidebar-check-fields li a span {
flex: 0 0 auto;
color: #a3a3a3;
}
.shop-sidebar .products-widget .sidebar-products li {
gap: 14px !important;
}
.shop-sidebar .products-widget .sidebar-products li .thumbnail {
width: 90px;
}
.shop-sidebar .products-widget .tl-sidebar-product-copy {
min-width: 0;
flex: 1 1 auto;
}
.shop-sidebar .products-widget .tl-sidebar-product-copy h3 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.4;
}
.shop-sidebar .products-widget .tl-sidebar-product-copy .price {
font-size: 13px;
}
.woocommerce ul.products.row > li.product {
box-sizing: border-box;
float: none;
flex: 0 0 100%;
margin: 0;
width: 100% !important;
}
@media (min-width: 768px) {
.woocommerce ul.products.row > li.product.col-md-6 {
flex: 0 0 50%;
width: 50% !important;
}
}
@media (min-width: 992px) {
.woocommerce ul.products.row > li.product.col-lg-4 {
flex: 0 0 33.333333%;
width: 33.333333% !important;
}
}
@media (max-width: 767.98px) {
.tl-page-content {
padding-block: 64px;
}
.tl-page-title {
margin-bottom: 28px;
}
.tl-page-content .wp-block-embed,
.tl-page-content .wp-block-image,
.tl-page-content .wp-block-gallery {
margin-block: 1.75rem;
}
}
.timberliving-infobar-left-content p {
margin: 0;
color: var(--primary-color);
font-size: inherit;
}
.timberliving-infobar-left-content a {
color: var(--primary-color);
}
.vr6-infobar-nav,
.vr6-nav-menu ul,
.mobile-menu ul,
.footer-widget ul,
.copyright-links {
margin: 0;
padding: 0;
list-style: none;
}
.vr6-infobar-nav {
display: flex;
justify-content: flex-end;
gap: 26px;
}
.vr6-nav-menu > ul,
.vr6-nav-menu > ul.menu,
.vr6-nav-menu .primary-menu {
display: flex;
align-items: center;
gap: 30px;
}
.vr6-nav-menu li,
.mobile-menu li,
.vr6-category-menu li {
position: relative;
}
.vr6-nav-menu .sub-menu,
.mobile-menu .sub-menu,
.vr6-category-menu .submenu-wrapper {
position: absolute;
z-index: 20;
top: 100%;
left: 0;
display: none;
min-width: 210px;
padding: 14px 0;
background: #fff;
box-shadow: 0 10px 30px rgba(18, 17, 17, 0.12);
}
.vr6-nav-menu li:hover > .sub-menu,
.vr6-category-menu li:hover > .submenu-wrapper,
.vr6-nav-menu li:focus-within > .sub-menu,
.vr6-category-menu li:focus-within > .submenu-wrapper {
display: block;
}
.vr6-nav-menu .sub-menu li,
.vr6-category-menu .submenu-wrapper li {
padding: 5px 18px;
white-space: nowrap;
}
.vr6-category-menu > .product-category-menu {
margin: 0;
padding: 0;
}
.vr6-category-menu > .product-category-menu > li {
display: inline-block;
}
.vr6-category-menu .product-category-menu > li > a {
display: inline-block;
}
.vr6-category-menu .product-category-menu .submenu-wrapper {
top: 100%;
}
.mobile-menu .sub-menu {
position: static;
display: none;
min-width: 0;
padding: 0 0 0 18px;
box-shadow: none;
}
.mobile-menu .menu-item-has-children > a::after {
content: "\f078";
float: right;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.footer-widget .menu-item {
margin-bottom: 10px;
}
.footer-widget .sub-menu {
margin: 8px 0 0 14px;
}
.copyright-links {
list-style: none;
}
.footer-nav-widget .footer-links li {
margin-bottom: 0;
}
.footer-contact-widget .footer-option-text p {
margin: 0;
color: var(--text-color);
}
.footer-contact-widget .footer-option-text p + p {
margin-top: 16px;
}
.footer-contact-widget .footer-option-text ul,
.footer-contact-widget .footer-option-text ol {
margin: 0;
padding: 0;
list-style: none;
}
.footer-contact-widget .footer-option-text li {
display: block;
margin: 0;
color: var(--text-color);
}
.footer-contact-widget .footer-option-text li + li {
margin-top: 16px;
}
.footer-contact-widget .footer-option-text li::before {
display: none;
content: none;
}
.footer-contact-widget .footer-option-text a {
color: var(--text-color);
}
.footer-contact-widget .footer-option-text a:hover {
color: var(--primary-color);
}
.vr6-header-timing {
max-width: 180px;
text-align: right;
}
.vr6-header-timing br {
display: block;
}
.vr6-header-middle {
padding: 20px 0;
}
.vr6-header-search-form input {
border-radius: 4px;
}
.vr6-header-navbar {
border-bottom: 1px solid #e7e5df;
}
.vr6-header-custom-row .vr6-header-timing {
display: none;
}
.vr6-header-custom-row .mobile-menu-toggle {
margin-left: auto;
}
@media (min-width: 1200px) {
.vr6-header-custom-row {
gap: 12px;
}
.vr6-header-custom-row .vr6-category-menu {
flex: 0 0 115px;
width: auto;
}
.vr6-header-custom-row .vr6-nav-menu {
flex: 1 1 auto;
min-width: 0;
width: auto;
}
.vr6-header-custom-row .vr6-nav-menu > ul,
.vr6-header-custom-row .vr6-nav-menu > ul.menu,
.vr6-header-custom-row .vr6-nav-menu .primary-menu {
flex-wrap: nowrap;
justify-content: space-between;
gap: clamp(3px, 0.35vw, 6px);
}
.vr6-header-custom-row .vr6-nav-menu > ul > li > a {
padding: 14px 4px;
font-size: 11px;
line-height: 1.4;
display: block;
white-space: nowrap;
}
.vr6-header-custom-row .vr6-header-timing {
flex: 0 0 140px;
width: auto;
}
}
@media (min-width: 1400px) {
.vr6-header-custom-row .vr6-nav-menu > ul > li > a {
font-size: 13px;
}
}
@media (min-width: 768px) {
.woocommerce ul.products.row[class*=columns-] li.product.col-md-6 {
flex-basis: 50%;
width: 50% !important;
}
}
@media (min-width: 992px) {
.woocommerce ul.products.row[class*=columns-] li.product.col-lg-4 {
flex-basis: 33.333333%;
width: 33.333333% !important;
}
}
.product-action-btns a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.vr6-product-card-content .pricing ins {
text-decoration: none;
}
.vr6-product-card-content .pricing del {
margin-left: 8px;
opacity: 0.65;
}
.vr6-product-card {
display: flex;
height: 100%;
flex-direction: column;
}
.vr6-product-card .feature-image {
flex: 0 0 auto;
}
.vr6-product-card .vr6-product-card-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
}
.vr6-product-card-content .tl-product-card__categories {
display: block;
margin-bottom: 12px;
color: #8b8b84;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.vr6-product-card-content .tl-product-card__categories a {
color: inherit;
text-decoration: none;
}
.vr6-product-card-content .tl-product-card__categories a:hover {
color: var(--primary-color);
}
.vr6-product-card-content .tl-product-card__excerpt {
margin: 10px 0 22px;
color: #8b8b84;
font-size: 14px;
line-height: 1.5;
}
.vr6-product-card-content .pricing {
margin-top: auto;
}
.vr6-newsletter-box > form,
.vr6-newsletter-box > .wpcf7,
.vr6-newsletter-box > .mc4wp-form {
width: 100%;
}
.footer-option-text p:last-child {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.vr6-header-custom-row {
gap: 18px;
}
.vr6-header-timing {
margin-left: auto;
}
}
@media (max-width: 767px) {
.vr6-header-timing {
display: none;
}
.vr6-infobar-nav {
justify-content: center;
flex-wrap: wrap;
}
.vr6-hero-list {
margin-bottom: 30px;
}
}
.vr6-infobar-left div::after {
display: none;
}
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
padding: 0;
list-style: none;
}
.woocommerce ul.products[class*=columns-] li.product:not([class*=col-]) {
float: none;
margin: 0;
width: 25%;
}
.woocommerce ul.products[class*=columns-] li.product.col-12 {
float: none;
margin: 0;
width: 100%;
}
@media (min-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product.col-md-6 {
width: 50%;
}
}
@media (min-width: 1400px) {
.woocommerce ul.products[class*=columns-] li.product.col-xxl-4 {
width: 33.333333%;
}
}
.woocommerce ul.products.columns-1 li.product:not([class*=col-]) {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product:not([class*=col-]) {
width: 50%;
}
.woocommerce ul.products.columns-3 li.product:not([class*=col-]) {
width: 33.333333%;
}
.woocommerce ul.products.columns-4 li.product:not([class*=col-]) {
width: 25%;
}
@media (max-width: 767px) {
.woocommerce ul.products[class*=columns-] li.product:not([class*=col-]) {
width: 100%;
}
}
.single-product .woocommerce-product-gallery {
float: none !important;
width: 100% !important;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(100px, 2fr);
gap: 20px;
align-items: start;
}
.single-product .timberliving-v3-gallery:not(.has-gallery-thumbnails) .woocommerce-product-gallery {
grid-template-columns: minmax(0, 1fr);
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
.single-product .timberliving-v3-gallery .woocommerce-product-gallery > .flex-viewport {
grid-column: 1;
grid-row: 1;
min-width: 0;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery .flex-control-thumbs {
grid-column: 2;
grid-row: 1;
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
max-height: 520px;
margin: 0;
padding: 0;
overflow-y: auto;
list-style: none;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery .flex-control-thumbs li {
float: none;
clear: none;
width: 100%;
margin: 0;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery .flex-control-thumbs img {
width: 100%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
background: var(--light-bg-2);
}
@media (max-width: 1199.98px) {
.single-product .timberliving-v3-gallery .woocommerce-product-gallery {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery .flex-control-thumbs {
grid-column: 1;
grid-row: 2;
flex-direction: row;
overflow-x: auto;
overflow-y: hidden;
max-height: none;
}
.single-product .timberliving-v3-gallery .woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 22%;
}
}
.single-product .woocommerce-product-gallery__image img {
width: auto;
max-height: 520px;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain;
}
.single-product .woocommerce-product-gallery__trigger {
z-index: 3;
}
.single-product form.cart .single_add_to_cart_button {
min-height: 42px;
padding: 0 28px;
border: 0;
border-radius: 0;
background-color: var(--primary-color);
color: var(--white-color);
font-weight: 600;
text-transform: uppercase;
}
.single-product form.cart .single_add_to_cart_button:hover {
background-color: var(--secondary-color);
}
.single-product form.cart .quantity .qty {
min-height: 42px;
border: 1px solid var(--primary-color);
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs {
display: flex;
gap: 20px;
margin: 0;
padding: 0;
border-bottom: 1px solid var(--light-stroke);
list-style: none;
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs::before,
.single-product .single-product-tab .woocommerce-tabs ul.tabs li::before,
.single-product .single-product-tab .woocommerce-tabs ul.tabs li::after {
display: none;
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.single-product .single-product-tab .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 6px 0;
color: var(--text-color);
font-size: 20px;
font-weight: 500;
}
.layout-grid a {
display: inline-flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
border: 1px solid var(--light-stroke);
color: var(--primary-color);
}
.layout-grid a.active {
border-color: var(--primary-color);
background: var(--primary-color);
color: var(--white-color);
}
.vr-horizontal-product .feature-image img {
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.vr-horizontal-product .offer-badge {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
padding: 5px 10px;
background: var(--primary-color);
color: var(--white-color);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.vr-horizontal-product .pricing ins {
text-decoration: none;
}
.single-product .vr-product-thumb {
height: auto;
}
.single-product .vr-product-thumb .woocommerce-product-gallery {
display: flex;
flex-direction: column;
}
.single-product .vr-product-thumb .woocommerce-product-gallery > .flex-viewport,
.single-product .vr-product-thumb .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
flex: 0 0 auto;
width: 100%;
}
.single-product .vr-product-double-slider .flex-control-thumbs,
.single-product .vr-product-double-slider .flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
position: static !important;
inset: auto !important;
gap: 12px;
clear: both;
width: 100%;
height: auto;
margin: 16px 0 0;
padding: 0;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
}
.single-product .vr-product-double-slider .flex-control-thumbs li {
flex: 0 0 calc((100% - 36px) / 4);
float: none;
clear: none;
width: auto !important;
margin: 0 !important;
}
.single-product .vr-product-double-slider .flex-control-thumbs img {
display: block;
width: 100%;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.65;
transition: opacity var(--transition-base);
}
.single-product .vr-product-double-slider .flex-control-thumbs img.flex-active,
.single-product .vr-product-double-slider .flex-control-thumbs img:hover {
opacity: 1;
}
.blog-list-single-item h2 {
font-size: clamp(1.5rem, 2.5vw, 2rem);
line-height: 1.25;
}
.blog-list-single-item h2 a {
color: #121111;
}
.blog-list-single-item h2 a:hover,
.blog-list-single-item h2 a:focus-visible {
color: var(--primary-color);
}
.blog-list-single-item .blog-meta {
flex-wrap: wrap;
row-gap: 8px;
color: #858585;
font-size: 0.875rem;
}
.blog-list-single-item .blog-meta span {
color: #858585;
}
.blog-list-single-item .blog-meta span::before {
background-color: #c5c5c0;
}
.blog-list-single-item .blog-meta a {
color: #858585;
}
.blog-list-single-item .blog-meta a:hover {
color: var(--primary-color);
}
.blog-list-single-item .feature-thumbnail img {
display: block;
width: 100%;
aspect-ratio: 1.62;
-o-object-fit: cover;
object-fit: cover;
}
.blog-single-content h1 {
margin-bottom: 32px;
color: #121111;
font-size: clamp(2rem, 3.4vw, 3rem);
line-height: 1.15;
}
.blog-single-content > p.fs-sm a {
color: #858585;
}
.blog-single-content > p.fs-sm a:hover {
color: var(--primary-color);
}
.blog-single-content .post-content {
color: #6b6b6b;
font-size: 1rem;
line-height: 1.8;
}
.blog-single-content .post-content > p > iframe[src*="youtube.com/embed/"],
.blog-single-content .post-content > iframe[src*="youtube.com/embed/"] {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 16/9;
border: 0;
}
.blog-single-content .post-content a[href^="mailto:"][style*="background:"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
background: #121111 !important;
color: #fff !important;
border-radius: 0 !important;
padding: 16px 24px !important;
font-size: 16px !important;
font-weight: 500 !important;
min-height: 52px;
max-width: 100%;
text-align: center;
line-height: 1.5;
}
.blog-single-content .post-content a[href^="mailto:"][style*="background:"]:hover {
background: #333 !important;
}
.blog-single-content .post-content a[href^="mailto:"][style*="background:"]:focus-visible {
outline: 2px solid #121111;
outline-offset: 4px;
}
.blog-single-content .post-content :is(ul, ol).wp-block-list {
padding-left: 1.5rem;
margin-block: 20px 28px;
}
.blog-single-content .post-content ul.wp-block-list {
list-style: disc;
}
.blog-single-content .post-content ol.wp-block-list {
list-style: decimal;
}
.blog-single-content .post-content .wp-block-list li {
padding-left: 4px;
margin-block: 8px;
}
.blog-single-content .post-content .wp-block-list ul {
list-style: circle;
padding-left: 1.5rem;
}
.blog-single-content .post-content .wp-block-list ol {
list-style: lower-alpha;
padding-left: 1.5rem;
}
.blog-single-content .post-content h2,
.blog-single-content .post-content h3,
.blog-single-content .post-content h4 {
clear: both;
margin: 2.25em 0 0.8em;
color: #121111;
font-weight: 500;
line-height: 1.25;
}
.blog-single-content .post-content img {
max-width: 100%;
height: auto;
border-radius: 2px;
}
@media (max-width: 767px) {
.blog-single-content .post-content h2 {
font-size: 28px;
}
.blog-single-content .post-content h3 {
font-size: 24px;
}
.blog-single-content .post-content h4 {
font-size: 21px;
}
.blog-single-content .post-content :is(h2, h3, h4) {
margin: 36px 0 16px;
}
}
.blog-single-content .post-content figure {
max-width: 100%;
margin-block: 2rem;
}
.postid-1183 .post-content figure img {
display: block;
margin-inline: auto;
}
.postid-10376 .post-content blockquote.wp-block-quote {
float: none;
width: auto;
margin: 24px 0 32px;
padding: 4px 0 4px 24px;
border-left: 2px solid #d6d6ce;
}
.postid-10376 .post-content blockquote.wp-block-quote p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.postid-10376 .post-content blockquote.wp-block-quote {
padding-left: 16px;
}
}
@media (max-width: 767px) {
.blog-single-content .post-content figure:is(.alignleft, .alignright) {
float: none;
display: block;
width: -moz-fit-content;
width: fit-content;
margin: 20px auto 24px;
}
.blog-single-content .post-content figure:is(.alignleft, .alignright) img {
display: block;
}
}
.blog-single-content .post-content .gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-block: 32px;
}
.blog-single-content .post-content .gallery .gallery-item {
margin: 0;
min-width: 0;
width: 100%;
}
.blog-single-content .post-content .gallery .gallery-icon a {
display: block;
}
.blog-single-content .post-content .gallery img {
display: block;
width: 100%;
aspect-ratio: 4/3;
-o-object-fit: contain;
object-fit: contain;
background: #f5f5f2;
}
.blog-single-content .post-content .gallery figcaption {
margin-top: 10px;
font-size: 14px;
line-height: 1.5;
}
@media (max-width: 767px) {
.blog-single-content .post-content .gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
@media (max-width: 479px) {
.blog-single-content .post-content .gallery {
grid-template-columns: 1fr;
}
}
.blog-single-feature-image img {
display: block;
width: 100%;
aspect-ratio: 1.62;
-o-object-fit: cover;
object-fit: cover;
}
.woocommerce-cart .wc-block-grid__products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
width: 100%;
margin: 0;
padding: 0;
}
.woocommerce-cart .wc-block-grid__product {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
margin: 0;
padding: 0;
justify-self: stretch;
}
.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-title {
color: #121111;
font-size: 1rem;
line-height: 1.35;
}
.woocommerce-cart .wc-block-grid__product-link {
display: block;
width: 100%;
color: #121111;
}
.woocommerce-cart .wc-block-grid__product-link:hover {
color: var(--primary-color);
}
.woocommerce-cart .wc-block-grid__product-image {
width: 100%;
}
.woocommerce-cart .wc-block-grid__product-image img {
display: block;
width: 100%;
aspect-ratio: 1.25;
-o-object-fit: cover;
object-fit: cover;
}
.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-price {
color: #6b6b6b;
font-size: 0.95rem;
}
.woocommerce-cart .wc-block-grid__product .wp-block-button__link {
display: block;
width: 100%;
border-radius: 0;
background: #121111;
color: #fff;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce-cart .wc-block-grid__product .wp-block-button__link:hover {
background: var(--primary-color);
}
@media (min-width: 768px) {
.woocommerce-cart .wc-block-grid__products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.woocommerce-cart .wc-block-grid__products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.woocommerce-account .site-main > .woocommerce {
max-width: 600px;
margin: 0 auto;
padding: 80px 24px 120px;
}
.woocommerce-account .site-main > .woocommerce > h2 {
margin: 0 0 40px;
color: #121111;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
}
.woocommerce-account .woocommerce-form-login {
padding: 40px;
border: 1px solid var(--light-stroke);
}
.woocommerce-account .woocommerce-form-login .form-row {
float: none;
width: 100%;
margin: 22px 0 0;
padding: 0;
}
.woocommerce-account .woocommerce-form-login label {
display: block;
margin-bottom: 10px;
color: var(--primary-color);
font-size: 1rem;
}
.woocommerce-account .woocommerce-form-login .input-text {
display: block;
width: 100%;
min-height: 50px;
padding: 12px 18px;
border: 1px solid var(--light-stroke);
background: transparent;
}
.woocommerce-account .woocommerce-form-login .form-row:nth-of-type(3) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.woocommerce-account .woocommerce-form-login__rememberme {
display: inline-flex !important;
align-items: center;
gap: 8px;
margin: 0 !important;
}
.woocommerce-account .woocommerce-form-login__submit {
float: none;
width: 100%;
min-height: 48px;
margin: 28px 0 0;
border: 0;
border-radius: 0;
background: #121111 !important;
color: #fff !important;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
}
.woocommerce-account .woocommerce-form-login__submit:hover {
background: var(--primary-color) !important;
color: #fff !important;
}
.woocommerce-account .woocommerce-LostPassword {
margin-top: 20px;
}
.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.lost_reset_password {
margin: 0;
padding: 32px;
border: 1px solid #e9e9e3;
border-radius: 0;
}
.woocommerce-account .woocommerce form.login .form-row, .woocommerce-account .woocommerce form.lost_reset_password .form-row {
float: none;
width: 100%;
margin: 0 0 24px;
padding: 0;
}
.woocommerce-account .woocommerce form.login label, .woocommerce-account .woocommerce form.lost_reset_password label {
display: block;
margin-bottom: 8px;
color: #121111;
font-size: 14px;
}
.woocommerce-account .woocommerce form.login input.input-text, .woocommerce-account .woocommerce form.lost_reset_password input.input-text {
width: 100%;
min-height: 48px;
padding: 12px 16px;
border: 1px solid #deded8;
border-radius: 0;
background: #fff;
font-size: 16px;
}
.woocommerce-account .woocommerce form.login input.input-text:focus, .woocommerce-account .woocommerce form.lost_reset_password input.input-text:focus {
outline: 1px solid #8a967e;
border-color: #8a967e;
}
.woocommerce-account .woocommerce form.login button.button, .woocommerce-account .woocommerce form.lost_reset_password button.button {
min-height: 48px;
padding: 14px 24px;
border-radius: 0;
background: #121111;
color: #fff;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-account .woocommerce form.login a, .woocommerce-account .woocommerce form.lost_reset_password a {
color: #121111;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.woocommerce-account .woocommerce form.login > p:last-child, .woocommerce-account .woocommerce form.lost_reset_password > p:last-child {
margin-bottom: 0;
}
.woocommerce-account .woocommerce form.lost_reset_password > p:first-child {
margin-bottom: 28px;
line-height: 1.8;
}
.woocommerce-account .woocommerce form.lost_reset_password button.button {
width: 100%;
}
@media (max-width: 767px) {
.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.lost_reset_password {
padding: 24px;
}
}
.tl-search-results .section-title h1 {
color: #121111;
font-size: clamp(2rem, 3.4vw, 2.75rem);
font-weight: 500;
line-height: 1.15;
}
.tl-search-result__image img {
display: block;
width: 100%;
aspect-ratio: 1.62;
-o-object-fit: cover;
object-fit: cover;
}
.tl-search-result h2 {
font-size: clamp(1.25rem, 1.8vw, 1.5rem);
font-weight: 500;
line-height: 1.3;
}
.tl-search-result h2 a {
color: #121111;
}
.tl-search-result h2 a:hover {
color: var(--primary-color);
}
.tl-search-result__excerpt {
margin-bottom: 28px;
color: #6b6b6b;
line-height: 1.7;
}
.tl-search-result .explore-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding-bottom: 5px;
border-bottom: 1px solid #121111;
color: #121111;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.4;
text-transform: uppercase;
transition: color var(--transition-base), border-color var(--transition-base);
}
.tl-search-result .explore-btn::after {
content: "↗";
font-size: 0.9rem;
}
.tl-search-result .explore-btn:hover,
.tl-search-result .explore-btn:focus-visible {
border-color: var(--primary-color);
color: var(--primary-color);
}
.tl-search-results .row > p {
padding: 32px;
background: #f5f5f2;
color: #6b6b6b;
font-size: 1rem;
line-height: 1.7;
text-align: center;
}
@media (max-width: 575.98px) {
.woocommerce-account .site-main > .woocommerce {
padding: 64px 20px 88px;
}
.woocommerce-account .woocommerce-form-login {
padding: 24px;
}
}
.tl-page-content__article > .tl-page-title {
max-width: 20ch;
margin-bottom: 28px;
font-size: clamp(2rem, 3.4vw, 2.75rem);
line-height: 1.15;
}
.tl-page-content__article .wp-block-heading {
font-weight: 500;
color: #121111 !important;
}
.tl-page-content__article .wp-block-heading strong {
font-weight: inherit;
}
.tl-page-content__article .wp-block-paragraph.has-white-color,
.tl-page-content__article .wp-block-list.has-white-color,
.tl-page-content__article .wp-block-quote.has-white-color {
color: #6b6b6b !important;
}
.tl-page-content__article h2.wp-block-heading {
margin-block: 2.5rem 1rem;
font-size: clamp(1.65rem, 2.6vw, 2.1rem);
line-height: 1.25;
}
.tl-page-content__article h3.wp-block-heading {
margin-block: 2.5rem 0.9rem;
padding-top: 1.25rem;
border-top: 1px solid #e9e9e3;
font-size: clamp(1.3rem, 2vw, 1.6rem);
line-height: 1.3;
}
.tl-page-content__article h4.wp-block-heading {
margin-block: 2rem 0.75rem;
font-size: 1.2rem;
line-height: 1.35;
}
.tl-page-content__article h5.wp-block-heading {
margin-block: 1.5rem 0.65rem;
font-size: 1.05rem;
line-height: 1.4;
}
.tl-page-content__article h6.wp-block-heading {
margin-block: 1.25rem 0.6rem;
font-size: 0.9rem;
line-height: 1.45;
}
.tl-page-content__article .wp-block-heading.has-background {
padding: 20px 24px;
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 500;
line-height: 1.3;
}
.tl-page-content__article .wp-block-paragraph,
.tl-page-content__article .wp-block-list {
max-width: 75ch;
}
.tl-page-content__article .wp-block-paragraph {
font-size: 0.98rem;
}
.tl-page-content__article p a:not(.wp-block-button__link):not([style*=background]),
.tl-page-content__article li a:not(.wp-block-button__link):not([style*=background]),
.tl-page-content__article blockquote a:not(.wp-block-button__link):not([style*=background]),
.tl-page-content__article td a:not(.wp-block-button__link):not([style*=background]) {
color: #6b6b6b;
font-weight: 500;
text-decoration: underline;
text-decoration-color: #c9c9c3;
text-underline-offset: 0.18em;
transition: color var(--transition-base), text-decoration-color var(--transition-base);
}
.tl-page-content__article p a:not(.wp-block-button__link):not([style*=background]):hover,
.tl-page-content__article li a:not(.wp-block-button__link):not([style*=background]):hover,
.tl-page-content__article blockquote a:not(.wp-block-button__link):not([style*=background]):hover,
.tl-page-content__article td a:not(.wp-block-button__link):not([style*=background]):hover {
color: var(--primary-color);
text-decoration-color: var(--primary-color);
}
.tl-page-content__article .wp-block-button__link,
.tl-page-content__article a[style*=background] {
border-radius: 0 !important;
background: #121111 !important;
color: #fff !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: background-color var(--transition-base);
}
.tl-page-content__article a[style*=background] {
padding: 14px 24px !important;
}
.tl-page-content__article .wp-block-button__link:hover,
.tl-page-content__article .wp-block-button__link:focus,
.tl-page-content__article a[style*=background]:hover,
.tl-page-content__article a[style*=background]:focus-visible {
background: #8a967e !important;
}
.tl-page-content__article .wp-block-embed iframe {
aspect-ratio: 16/9;
height: auto;
}
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
box-sizing: border-box;
width: 100%;
max-width: 1140px;
margin: 64px auto 120px;
padding-inline: 12px;
}
.wc-block-cart-items,
.wc-block-components-order-summary {
color: #6b6b6b;
}
.wc-block-cart-items__header,
.wc-block-components-order-summary__button-text {
color: #121111;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items {
font-size: 15px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-product-name {
font-size: 18px !important;
line-height: 1.45;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-product-metadata, .wp-block-woocommerce-cart .wc-block-cart .wc-block-components-product-metadata p {
font-size: 14px !important;
line-height: 1.7;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image {
width: 128px;
padding-right: 24px;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-item__image img {
width: 104px;
max-width: 100%;
height: auto;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar {
padding: 26px;
border: 1px solid #e9e9e3;
background: #f8f8f6;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__totals-title {
color: #121111;
font-size: 20px;
font-weight: 500;
text-transform: none;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item {
color: #121111;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-button {
min-height: 48px;
}
@media (max-width: 767px) {
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image {
width: 88px;
padding-right: 16px;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-product-name {
font-size: 16px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar {
padding: 20px;
}
}
.wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2.wp-block-heading:not(.wc-block-cart__empty-cart__title) {
margin: 40px 0 24px;
color: #121111;
font-size: clamp(1.75rem, 2.8vw, 2.25rem);
font-weight: 500;
line-height: 1.2;
}
.wc-block-cart-items__row .wc-block-cart-item__image img,
.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
display: block;
width: 96px;
max-width: 96px;
height: 96px;
-o-object-fit: cover;
object-fit: cover;
}
.wc-block-components-product-name {
color: #121111 !important;
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
}
.wc-block-components-product-name:hover {
color: var(--primary-color) !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
width: 48px;
max-width: 48px;
height: 48px;
}
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-textarea textarea,
.wc-blocks-components-select .wc-blocks-components-select__select {
min-height: 48px;
border: 1px solid var(--light-stroke) !important;
border-radius: 0 !important;
background: #fff;
color: #121111;
box-shadow: none !important;
}
.wc-block-components-textarea textarea {
min-height: 110px;
}
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-blocks-components-select label {
color: #6b6b6b !important;
}
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link) {
min-height: 48px;
border: 0 !important;
border-radius: 0 !important;
background: #121111 !important;
color: #fff !important;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover {
background: var(--primary-color) !important;
}
.woocommerce-form-track-order .form-row {
margin: 0 0 24px;
padding: 0;
}
.woocommerce-form-track-order label {
display: block;
margin-bottom: 8px;
color: #121111;
}
.tl-page-content__article .woocommerce-form-track-order {
max-width: 760px;
}
.tl-page-content__article .woocommerce-form-track-order > p:first-child {
margin-bottom: 32px;
}
.tl-page-content__article .woocommerce-form-track-order .form-row {
float: none;
width: 100%;
}
.tl-page-content__article .woocommerce-form-track-order input.input-text {
width: 100%;
min-height: 48px;
padding: 12px 16px;
border: 1px solid #deded8 !important;
border-radius: 0;
background: #fff;
font-size: 16px;
}
.tl-page-content__article .woocommerce-form-track-order button.button {
min-height: 48px;
padding: 14px 28px;
border: 0;
background: #121111;
color: #fff;
font-size: 13px;
text-transform: uppercase;
}
.page-id-13811 .tl-page-content,
.page-id-13812 .tl-page-content {
padding-block: 64px 80px;
}
.tinv-wishlist .button.wc-backward {
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 14px 24px;
text-decoration: none;
font-size: 13px;
}
.woocommerce .woocommerce-form-track-order .input-text {
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 12px 16px;
border: 1px solid var(--light-stroke) !important;
border-radius: 0 !important;
background: #fff;
color: #121111;
box-shadow: none;
}
.woocommerce .woocommerce-form-track-order button.button {
display: inline-flex;
min-width: 120px;
min-height: 48px;
align-items: center;
justify-content: center;
padding: 0 24px;
border: 0 !important;
border-radius: 0 !important;
background: #121111 !important;
color: #fff !important;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.woocommerce .woocommerce-form-track-order button.button:hover {
background: var(--primary-color) !important;
color: #fff !important;
}
@media (min-width: 1400px) {
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
max-width: 1320px;
}
}
@media (max-width: 767.98px) {
.tl-page-content__article h3.wp-block-heading {
padding-top: 1rem;
}
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
margin-block: 40px 80px;
padding-inline: 16px;
}
.wc-block-cart-items__row .wc-block-cart-item__image img,
.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
width: 72px;
max-width: 72px;
height: 72px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
width: 48px;
max-width: 48px;
height: 48px;
}
}
.tl-page-content__article .wp-block-column.has-background {
padding: clamp(24px, 3vw, 40px) !important;
border: 1px solid #e9e9e3;
background: #f5f5f2 !important;
color: #6b6b6b !important;
}
.tl-page-content__article .wp-block-column.has-background > :first-child {
margin-top: 0;
}
.tl-page-content__article .wp-block-column.has-background h2,
.tl-page-content__article .wp-block-column.has-background h3,
.tl-page-content__article .wp-block-column.has-background h4,
.tl-page-content__article .wp-block-column.has-background h5 {
color: #121111;
}
.tl-page-content__article .wp-block-column.has-background h4[style*=font-size] {
font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
line-height: 1.25;
}
.tl-sitemap-grid h2 {
margin: 0 0 20px;
padding-bottom: 14px;
border-bottom: 1px solid #e9e9e3;
color: #121111;
font-size: clamp(1.35rem, 2.2vw, 1.75rem);
font-weight: 500;
line-height: 1.3;
}
.tl-sitemap-grid ul {
margin: 0;
padding: 0;
list-style: none;
}
.tl-sitemap-grid li + li {
margin-top: 11px;
}
.tl-sitemap-grid a {
color: #6b6b6b;
text-decoration: none;
transition: color var(--transition-base);
}
.tl-sitemap-grid a:hover,
.tl-sitemap-grid a:focus-visible {
color: var(--primary-color);
}
.blog-sidebar .sidebar-check-fields {
margin: 0;
padding: 0;
list-style: none;
}
.blog-sidebar .sidebar-check-fields li {
display: block;
margin: 0;
}
.blog-sidebar .sidebar-check-fields li + li {
margin-top: 16px;
}
.blog-sidebar .sidebar-check-fields li a {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
color: #858585;
font-size: 15px;
font-weight: 300;
line-height: 1.5;
transition: color var(--transition-base);
}
.blog-sidebar .sidebar-check-fields li a:hover {
color: var(--primary-color);
}
.blog-sidebar .sidebar-check-fields li a span {
flex: 0 0 auto;
color: #a3a3a3;
}
.blog-sidebar .latest-posts li + li {
margin-top: 20px;
}
.blog-sidebar .latest-posts a {
color: #121111;
}
.blog-sidebar .latest-posts a:hover {
color: var(--primary-color);
}
.blog-sidebar .tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.blog-sidebar .tags a {
padding: 7px 10px;
border: 1px solid #e9e9e3;
color: #858585;
font-size: 0.75rem;
line-height: 1.3;
text-transform: uppercase;
transition: color var(--transition-base), border-color var(--transition-base);
}
.blog-sidebar .tags a:hover {
border-color: #8a967e;
color: var(--primary-color);
}
.notfound-area .img-wrapper {
overflow: hidden;
}
.notfound-area .img-wrapper img {
display: block;
width: 100%;
aspect-ratio: 5/6;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767.98px) {
.notfound-area .img-wrapper img {
aspect-ratio: 4/3;
}
}
.shop-grid-title > h1.h2 {
margin-bottom: 0;
color: #121111;
font-size: clamp(1.75rem, 2.8vw, 2.25rem);
font-weight: 500;
line-height: 1.2;
}
.single-product .product_title {
font-size: clamp(1.75rem, 2.8vw, 2.25rem);
font-weight: 500;
line-height: 1.2;
}
.woocommerce ul.products.row.products-list-view > li.product.col-12 {
flex: 0 0 100%;
max-width: 100%;
width: 100% !important;
}
.vr-horizontal-product .vrh-card-content {
flex: 1 1 auto;
min-width: 0;
}
.vr-horizontal-product .vrh-card-content > span,
.vr-horizontal-product .vrh-card-content > span a {
color: #858585;
}
.vr-horizontal-product .vrh-card-content > a,
.vr-horizontal-product .vrh-card-content > a h2,
.vr-horizontal-product .vrh-card-content > a h3,
.vr-horizontal-product .vrh-card-content > a h4 {
color: #121111;
}
.vr-horizontal-product .vrh-card-content > a:hover,
.vr-horizontal-product .vrh-card-content > a:hover h2,
.vr-horizontal-product .vrh-card-content > a:hover h3,
.vr-horizontal-product .vrh-card-content > a:hover h4 {
color: var(--primary-color);
}
.woocommerce-checkout .site-main > .woocommerce {
box-sizing: border-box;
max-width: 1320px;
margin: 0 auto;
padding: 64px 24px 110px;
color: #6b6b6b;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
border: 0;
border-top: 2px solid #e9e9e3;
background: #f5f5f2;
color: #6b6b6b;
}
.woocommerce-checkout .woocommerce-info::before {
color: #8a967e;
}
.woocommerce-checkout .woocommerce-info a {
color: #121111;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
color: #6b6b6b;
}
.woocommerce-checkout form.checkout {
display: flow-root;
}
.woocommerce-checkout #customer_details {
float: left;
width: 56%;
}
.woocommerce-checkout #customer_details > .col-1,
.woocommerce-checkout #customer_details > .col-2 {
float: none;
width: 100%;
max-width: none;
}
.woocommerce-checkout #customer_details > .col-2 {
margin-top: 36px;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
float: right;
width: 39%;
}
.woocommerce-checkout #order_review_heading {
clear: none;
}
.woocommerce-checkout .woocommerce-input-wrapper {
display: block;
width: 100%;
}
.woocommerce-checkout .form-row textarea {
resize: vertical;
}
.woocommerce-checkout #order_review .product-total,
.woocommerce-checkout #order_review tfoot td {
text-align: right;
white-space: nowrap;
}
.woocommerce-checkout #order_review .product-name {
padding-right: 18px !important;
}
.woocommerce-checkout #order_review .order-total {
font-size: 20px;
color: #121111;
}
.woocommerce-checkout #order_review a {
color: #121111;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.woocommerce-checkout #place_order {
width: 100%;
margin-top: 20px;
}
.woocommerce-checkout .woocommerce-privacy-policy-text {
font-size: 13px;
line-height: 1.7;
}
.woocommerce-checkout .select2-container .select2-selection__rendered {
padding-left: 0;
}
.woocommerce-checkout .select2-container .select2-selection__arrow {
top: 0;
}
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
margin: 0 0 28px;
color: #121111;
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 500;
line-height: 1.2;
}
.woocommerce-checkout .form-row {
margin: 0 0 22px;
padding: 0;
}
.woocommerce-checkout .form-row label {
margin: 0 0 9px;
color: #6b6b6b;
font-size: 0.9rem;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection--single {
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 12px 15px;
border: 1px solid #deded8;
border-radius: 0;
background: #fff;
color: #121111;
box-shadow: none;
}
.woocommerce-checkout .select2-container .select2-selection--single {
display: flex;
align-items: center;
}
.woocommerce-checkout .select2-container .select2-selection__arrow {
height: 46px;
}
.woocommerce-checkout .form-row textarea {
min-height: 120px;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .select2-container--focus .select2-selection--single {
outline: 1px solid #8a967e;
border-color: #8a967e;
}
.woocommerce-checkout #order_review {
padding: 28px;
border: 1px solid #e9e9e3;
background: #f8f8f6;
}
.woocommerce-checkout-review-order-table {
border: 0 !important;
color: #6b6b6b;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
padding: 16px 0 !important;
border-color: #e9e9e3 !important;
}
.woocommerce-checkout-review-order-table th {
color: #121111;
font-weight: 500;
}
.woocommerce-checkout-review-order-table .product-name {
color: #121111;
}
.woocommerce-checkout #payment {
border-radius: 0;
background: transparent;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 18px 0;
border-color: #e9e9e3;
}
.woocommerce-checkout #payment div.payment_box {
background: #f0f0ed;
color: #6b6b6b;
}
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #f0f0ed;
}
.woocommerce-checkout #payment .place-order {
padding: 20px 0 0;
}
.woocommerce-checkout #payment .woocommerce-info {
background: #f0f0ed;
border-top-color: #8a967e;
color: #6b6b6b;
padding: 18px 18px 18px 46px;
font-size: 14px;
line-height: 1.7;
}
.woocommerce-checkout #payment .woocommerce-info::before {
top: 18px;
left: 18px;
}
.woocommerce-checkout #place_order,
.woocommerce-checkout .checkout_coupon .button {
min-height: 48px;
padding: 0 24px;
border: 0;
border-radius: 0;
background: #121111;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .checkout_coupon .button:hover {
background: #8a967e;
color: #fff;
}
.woocommerce-checkout .tl-empty-checkout {
clear: both;
padding: 54px 0 100px;
}
.tl-empty-checkout__panel,
.tl-product-enquiry-contact__panel,
.tl-contact-form-fallback {
box-sizing: border-box;
max-width: 900px;
margin: 0 auto;
padding: clamp(28px, 5vw, 56px);
border: 1px solid #e9e9e3;
background: #f8f8f6;
}
.tl-empty-checkout__panel h1,
.tl-product-enquiry-contact__panel h2,
.tl-contact-form-fallback h2 {
margin: 0 0 18px;
color: #121111;
font-size: clamp(1.75rem, 3vw, 2.4rem);
font-weight: 500;
line-height: 1.2;
}
.tl-empty-checkout__panel > p:not(.tl-home-eyebrow),
.tl-product-enquiry-contact__panel p:not(.tl-home-eyebrow),
.tl-contact-form-fallback__copy > p:not(.tl-home-eyebrow) {
color: #6b6b6b;
}
.tl-empty-checkout__button,
.tl-product-enquiry-contact__button,
.tl-contact-form-fallback__button {
display: inline-flex;
min-height: 48px;
align-items: center;
justify-content: center;
margin-top: 12px;
padding: 0 24px;
border: 0;
border-radius: 0;
background: #121111;
color: #fff !important;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-decoration: none;
text-transform: uppercase;
transition: background-color var(--transition-base);
}
.tl-empty-checkout__button:hover,
.tl-product-enquiry-contact__button:hover,
.tl-contact-form-fallback__button:hover {
background: #8a967e;
}
.tl-product-enquiry-contact {
padding: 0 0 110px;
}
.tl-product-enquiry-contact__panel {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.tl-product-enquiry-contact__panel > div {
max-width: 560px;
}
.tl-product-enquiry-contact__panel p:last-child {
margin-bottom: 0;
}
.tl-contact-form-fallback {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 8px 32px;
}
.tl-contact-form-fallback__copy {
flex: 1 1 420px;
}
.tl-contact-form-fallback__copy ul {
margin: 20px 0 0;
padding-left: 20px;
color: #6b6b6b;
}
.tl-contact-form-fallback__copy li + li {
margin-top: 7px;
}
.tl-contact-form-fallback__button {
flex: 0 0 auto;
}
.tl-contact-form-fallback__email {
flex: 0 0 100%;
margin: 8px 0 0;
}
.tl-contact-form-fallback__email a {
color: #6b6b6b;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.tinv-wishlist .tinv-header h2 {
margin: 0 0 28px;
color: #121111;
font-size: clamp(1.5rem, 2.6vw, 2rem);
font-weight: 500;
line-height: 1.2;
}
.tinv-wishlist p.cart-empty {
border: 0;
border-top: 2px solid #e9e9e3;
background: #f5f5f2;
color: #6b6b6b;
}
.tinv-wishlist p.cart-empty::before {
color: #8a967e;
}
.tinv-wishlist .return-to-shop a.button,
.tinv-wishlist .tinvwl-table-manage-list a.button,
.tinv-wishlist .tinvwl-table-manage-list button.button {
border: 0;
border-radius: 0;
background: #121111;
color: #fff !important;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.tinv-wishlist .return-to-shop a.button:hover,
.tinv-wishlist .tinvwl-table-manage-list a.button:hover,
.tinv-wishlist .tinvwl-table-manage-list button.button:hover {
background: #8a967e;
color: #fff !important;
}
.tinv-wishlist .tinvwl-table-manage-list {
border: 1px solid #e9e9e3;
border-collapse: collapse;
}
.tinv-wishlist .tinvwl-table-manage-list th,
.tinv-wishlist .tinvwl-table-manage-list td {
padding: 16px 12px;
border-color: #e9e9e3;
color: #6b6b6b;
}
.tinv-wishlist .tinvwl-table-manage-list th {
color: #121111;
font-weight: 500;
text-transform: uppercase;
}
@media (max-width: 991.98px) {
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
float: none;
width: 100%;
}
.woocommerce-checkout #order_review_heading {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.woocommerce-checkout .site-main > .woocommerce {
padding: 40px 16px 76px;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
float: none;
width: 100%;
}
.woocommerce-checkout #order_review {
padding: 22px 18px;
}
.woocommerce-checkout #customer_details h3 {
margin-bottom: 22px;
}
.woocommerce-checkout form .form-row-first,
.woocommerce-checkout form .form-row-last {
float: none;
width: 100%;
}
.woocommerce-checkout .tl-empty-checkout {
padding: 28px 0 64px;
}
.tl-product-enquiry-contact {
padding-bottom: 72px;
}
.tl-product-enquiry-contact__panel {
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
.tl-contact-form-fallback__copy {
flex-basis: 100%;
}
.tl-contact-form-fallback__button {
width: 100%;
}
.tinv-wishlist .tinvwl-table-manage-list {
display: block;
overflow-x: auto;
}
}  .tl-search-result__image { display: block; }
.tl-search-results .tl-search-placeholder {
display: flex;
width: 100%;
aspect-ratio: 1.62;
align-items: center;
justify-content: center;
background: #f2f2ee;
padding: 32px;
color: #242724;
}
.tl-search-results .tl-search-placeholder img.tl-search-placeholder__logo {
width: 65%;
max-width: 240px;
height: auto;
max-height: 110px;
aspect-ratio: auto;
object-fit: contain;
margin: 0;
} .tl-search-result { min-width: 0; overflow-wrap: anywhere; }.tl-home {
--tl-home-ink: var(--headings-color);
--tl-home-muted: var(--text-color);
--tl-home-green: var(--primary-color);
--tl-home-sand: var(--light-bg);
--tl-home-line: #e7e5df;
color: var(--tl-home-ink);
background: #fff;
overflow: hidden;
}
.tl-home .container {
max-width: 1320px;
}
.tl-home h1,
.tl-home h2,
.tl-home h3,
.tl-home p {
margin-top: 0;
}
.tl-home h1,
.tl-home h2,
.tl-home h3 {
color: var(--tl-home-ink);
}
.tl-home-hero {
padding: 34px 0 54px;
}
.tl-home-hero__panel {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
min-height: 510px;
border-radius:0;
background: var(--tl-home-sand);
overflow: hidden;
}
.tl-home-hero__copy {
align-self: center;
padding: clamp(34px, 6vw, 82px);
}
.tl-home-eyebrow {
margin-bottom: 17px !important;
color: var(--tl-home-green);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.13em;
line-height: 1.5;
text-transform: uppercase;
}
.tl-home-eyebrow span {
margin: 0 7px;
color: #d79a45;
}
.tl-home-hero h1 {
max-width: 590px;
margin-bottom: 20px;
font-size: clamp(42px, 5.1vw, 70px);
font-weight: 500;
letter-spacing: -0.045em;
line-height: 1.04;
}
.tl-home-hero__text {
max-width: 480px;
margin-bottom: 30px;
color: var(--tl-home-muted);
font-size: 17px;
line-height: 1.75;
}
.tl-home-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 19px 26px;
}
.tl-home-button {
display: inline-flex;
min-height: 52px;
align-items: center;
justify-content: center;
gap: 17px;
padding: 14px 23px;
border: 1px solid var(--tl-home-green);
background: var(--tl-home-green);
color: #fff !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.tl-home-button:hover,
.tl-home-button:focus-visible {
border-color: var(--tl-home-ink);
background: var(--tl-home-ink);
color: #fff !important;
}
.tl-home-button span,
.tl-home-text-link span {
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.tl-home-text-link {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--tl-home-ink);
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.tl-home-text-link:hover,
.tl-home-text-link:focus-visible {
color: var(--tl-home-green);
}
.tl-home-hero__note {
margin: 26px 0 0;
color: var(--tl-home-muted);
font-size: 12px;
letter-spacing: 0.04em;
}
.tl-home-hero__visual {
position: relative;
min-height: 100%;
padding: 32px;
}
.tl-home-hero__visual::before {
position: absolute;
top: 50%;
left: 50%;
width: min(74%, 430px);
aspect-ratio: 1;
border-radius: 50%;
background: #e7e1d4;
content: "";
transform: translate(-50%, -50%);
}
.tl-home-hero__image {
position: relative;
z-index: 1;
display: flex;
height: 100%;
min-height: 440px;
align-items: center;
justify-content: center;
}
.tl-home-hero__photo {
display: block;
width: 100%;
max-height: 470px;
border-radius: 4px;
object-fit: cover;
box-shadow: 0 24px 55px rgb(23 27 25 / 12%);
}
.tl-home-hero__product {
position: absolute;
right: 18px;
bottom: 24px;
z-index: 2;
display: grid;
grid-template-columns: 1fr auto;
min-width: min(285px, calc(100% - 48px));
align-items: center;
padding: 15px 18px;
background: #fff;
box-shadow: 0 10px 35px rgb(23 27 25 / 11%);
color: var(--tl-home-ink);
text-decoration: none;
}
.tl-home-hero__product > span:first-child {
grid-column: 1;
color: var(--tl-home-muted);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tl-home-hero__product strong {
grid-column: 1;
margin-top: 3px;
font-size: 14px;
font-weight: 600;
}
.tl-home-hero__product-arrow {
grid-column: 2;
grid-row: 1 / span 2;
color: var(--tl-home-green);
font-size: 20px;
}
.tl-home-assurances {
padding: 23px 0 28px;
border-top: 1px solid var(--tl-home-line);
border-bottom: 1px solid var(--tl-home-line);
}
.tl-home-assurances__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tl-home-assurance {
display: flex;
align-items: center;
gap: 15px;
padding: 8px 28px;
}
.tl-home-assurance:first-child {
padding-left: 0;
}
.tl-home-assurance + .tl-home-assurance {
border-left: 1px solid var(--tl-home-line);
}
.tl-home-assurance__mark {
flex: 0 0 42px;
color: #d69a4b;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
}
.tl-home-assurance h2 {
margin: 0 0 4px;
font-size: 14px;
font-weight: 700;
}
.tl-home-assurance p {
margin: 0;
color: var(--tl-home-muted);
font-size: 12px;
line-height: 1.45;
}
.tl-home-collections,
.tl-home-products {
padding: 92px 0 0;
}
.tl-home-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 24px;
margin-bottom: 30px;
}
.tl-home-section-heading .tl-home-eyebrow {
margin-bottom: 9px !important;
}
.tl-home-section-heading h2,
.tl-home-story h2,
.tl-home-contact h2 {
margin: 0;
font-size: clamp(29px, 3.2vw, 44px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 1.15;
}
.tl-home-collection-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
.tl-home-collection {
min-width: 0;
color: inherit;
text-decoration: none;
}
.tl-home-collection__image {
position: relative;
aspect-ratio: 0.96;
background: var(--tl-home-sand);
overflow: hidden;
}
.tl-home-collection__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 320ms ease;
}
.tl-home-collection:hover .tl-home-collection__image img {
transform: scale(1.04);
}
.tl-home-collection__number,
.tl-home-collection__arrow {
position: absolute;
display: grid;
width: 36px;
height: 36px;
place-items: center;
background: #fff;
color: var(--tl-home-ink);
}
.tl-home-collection__number {
top: 12px;
left: 12px;
font-size: 11px;
font-weight: 700;
}
.tl-home-collection__arrow {
right: 12px;
bottom: 12px;
font-size: 18px;
}
.tl-home-collection__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 15px 1px 0;
}
.tl-home-collection__meta h3 {
margin: 0 0 5px;
font-size: 16px;
font-weight: 600;
}
.tl-home-collection__meta p {
margin: 0;
color: var(--tl-home-muted);
font-size: 12px;
line-height: 1.45;
}
.tl-home-collection__meta > span {
color: var(--tl-home-green);
font-size: 18px;
}
.tl-home-product-grid {
margin-top: 0;
}
.tl-home-story {
padding: 96px 0 0;
}
.tl-home-story__panel {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
min-height: 410px;
background: var(--tl-home-sand);
}
.tl-home-story__image {
min-height: 410px;
background: #e8e5dc;
}
.tl-home-story__image img {
display: block;
width: 100%;
height: 100%;
min-height: 410px;
object-fit: cover;
}
.tl-home-story__copy {
align-self: center;
padding: clamp(32px, 5vw, 70px);
}
.tl-home-story__copy .tl-home-eyebrow {
margin-bottom: 12px !important;
}
.tl-home-story__copy h2 {
max-width: 460px;
margin-bottom: 17px;
}
.tl-home-story__copy > p:not(.tl-home-eyebrow) {
max-width: 450px;
margin-bottom: 26px;
color: var(--tl-home-muted);
font-size: 15px;
line-height: 1.75;
}
.tl-home-button--light {
border-color: var(--tl-home-ink);
background: transparent;
color: var(--tl-home-ink) !important;
}
.tl-home-button--light:hover,
.tl-home-button--light:focus-visible {
background: var(--tl-home-ink);
color: #fff !important;
}
.tl-home-contact {
padding: 88px 0;
}
.tl-home-contact__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: clamp(28px, 5vw, 56px);
background: #1c2925;
}
.tl-home-contact__inner .tl-home-eyebrow {
color: #e0b878;
}
.tl-home-contact h2 {
max-width: 650px;
margin-bottom: 12px;
color: #fff;
}
.tl-home-contact__inner > div > p:last-child {
margin: 0;
color: rgb(255 255 255 / 75%);
font-size: 14px;
}
.tl-home-contact .tl-home-button {
flex: 0 0 auto;
border-color: #fff;
background: #fff;
color: var(--tl-home-ink) !important;
}
.tl-home-contact .tl-home-button:hover,
.tl-home-contact .tl-home-button:focus-visible {
border-color: #e0b878;
background: #e0b878;
}
@media (max-width: 991.98px) {
.tl-home-hero__panel {
min-height: 0;
}
.tl-home-hero__copy {
padding: 42px 30px;
}
.tl-home-hero__visual {
padding: 24px;
}
.tl-home-hero__image {
min-height: 390px;
}
.tl-home-collection-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 18px;
}
.tl-home-assurance {
padding-right: 18px;
padding-left: 18px;
}
.tl-home-assurance__mark {
flex-basis: 30px;
}
.tl-home-story__copy {
padding: 34px 28px;
}
}
@media (max-width: 767.98px) {
.tl-home-hero {
padding: 18px 0 34px;
}
.tl-home-hero__panel,
.tl-home-story__panel {
grid-template-columns: 1fr;
}
.tl-home-hero__copy {
padding: 35px 24px 24px;
}
.tl-home-hero h1 {
font-size: clamp(38px, 10vw, 54px);
}
.tl-home-hero__text {
font-size: 15px;
}
.tl-home-hero__visual {
min-height: 320px;
padding: 12px 20px 28px;
}
.tl-home-hero__visual::before {
width: min(76%, 340px);
}
.tl-home-hero__image {
min-height: 290px;
}
.tl-home-hero__photo {
max-height: 330px;
}
.tl-home-hero__product {
right: 16px;
bottom: 12px;
}
.tl-home-assurances__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.tl-home-assurance,
.tl-home-assurance:first-child {
padding: 8px 0;
}
.tl-home-assurance + .tl-home-assurance {
border-top: 1px solid var(--tl-home-line);
border-left: 0;
}
.tl-home-collections,
.tl-home-products,
.tl-home-story {
padding-top: 62px;
}
.tl-home-section-heading {
align-items: start;
flex-direction: column;
gap: 14px;
margin-bottom: 24px;
}
.tl-home-collection-grid {
gap: 20px 12px;
}
.tl-home-collection__image {
aspect-ratio: 0.9;
}
.tl-home-collection__meta h3 {
font-size: 14px;
}
.tl-home-collection__meta p {
font-size: 11px;
}
.tl-home-story__image,
.tl-home-story__image img {
min-height: 270px;
}
.tl-home-story__copy {
padding: 30px 24px 34px;
}
.tl-home-contact {
padding: 62px 0;
}
.tl-home-contact__inner {
align-items: flex-start;
flex-direction: column;
padding: 32px 24px;
}
}
@media (max-width: 479.98px) {
.tl-home .container {
padding-right: 16px;
padding-left: 16px;
}
.tl-home-hero__copy {
padding-right: 20px;
padding-left: 20px;
}
.tl-home-hero__actions {
align-items: flex-start;
flex-direction: column;
gap: 16px;
}
} .tl-editorial{padding:80px 0;scroll-margin-top:100px}.tl-editorial--sand{background:var(--light-bg)}.tl-editorial--dark{background:var(--primary-color);color:var(--light-bg)}
.tl-editorial__panel{max-width:1120px;margin:auto}.tl-editorial__title{font-size:clamp(30px,3.3vw,46px);line-height:1.14;letter-spacing:normal;max-width:850px;margin-bottom:30px!important;font-weight:500}
.tl-editorial__title strong,.tl-rich-copy h3 strong{font-weight:inherit}.tl-rich-copy{font-size:17px;line-height:1.8;color:var(--text-color)}.tl-rich-copy p{margin:0 0 20px;max-width:84ch}
.tl-rich-copy h3{font-size:clamp(23px,2.3vw,30px);line-height:1.25;letter-spacing:normal;margin:36px 0 16px;font-weight:500}.tl-rich-copy a:not(.tl-inline-button){color:var(--primary-color);text-underline-offset:4px;text-decoration:underline}
.tl-rich-copy ul,.tl-rich-copy ol{padding-left:24px;margin:16px 0 24px}.tl-rich-copy li{margin:8px 0;list-style:inherit}.tl-rich-copy img{display:block;max-width:100%;height:auto;border-radius:0}
.tl-rich-copy figure{margin:24px 0}.tl-rich-copy figcaption{font-size:14px;margin-top:10px;color:var(--text-color)}.tl-rich-copy>figure img{max-height:620px;width:100%;object-fit:contain;background:#eeeee8}
.tl-content-grid,.tl-gallery,.tl-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:28px 0}.tl-content-card{min-width:0;border:1px solid #dfe3dc;border-radius:0;overflow:hidden;background:#fff;padding:24px}
.tl-content-card>img{width:calc(100% + 48px);max-width:none;height:250px;object-fit:cover;margin:-24px -24px 24px;border-radius:0}.tl-content-card>div>h3:first-child,.tl-content-card>h3:first-child{margin-top:0}.tl-content-card h3{font-size:25px}.tl-content-card p{font-size:16px;line-height:1.7}
.tl-content-card figure{margin:0 0 16px}.tl-content-card figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.tl-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-gallery figure{margin:0}.tl-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tl-content-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:24px 0}.tl-inline-button,.tl-rich-copy .tl-inline-button{display:inline-flex;padding:13px 23px;background:var(--primary-color);color:#fff!important;border:1px solid var(--primary-color);border-radius:0;text-decoration:none!important;font-size:15px;line-height:1.5}.tl-inline-button:hover{background:var(--primary-color)}
.tl-question{padding:0;border-top:1px solid #d8ded7;font-size:17px;line-height:1.75}.tl-question:last-child{border-bottom:1px solid #d8ded7}.tl-question summary{cursor:pointer;font-weight:500;padding:23px 36px 23px 0;position:relative;list-style:none;color:var(--primary-color)}.tl-question summary::-webkit-details-marker{display:none}.tl-question summary:after{content:'+';position:absolute;right:5px;top:18px;font-size:28px;font-weight:300}.tl-question[open] summary:after{content:'−'}.tl-question>div{padding:0 32px 25px 0;max-width:90ch;color:var(--text-color)}.tl-question a{color:var(--primary-color);text-decoration:underline}
.tl-editorial a:focus-visible,.tl-question summary:focus-visible{outline:3px solid #aa792c;outline-offset:5px}.tl-editorial--dark h2,.tl-editorial--dark h3,.tl-editorial--dark .tl-rich-copy,.tl-editorial--dark .tl-home-eyebrow{color:var(--light-bg)}.tl-editorial--dark .tl-rich-copy a{color:#fff}.tl-editorial--dark .tl-inline-button{background:var(--light-bg);color:var(--primary-color)!important;border-color:var(--light-bg)}
.tl-rich-copy blockquote{border-left:3px solid #bba67d;padding:20px 28px;margin:28px 0;font-size:20px;background:#f6f6f6;border-radius:0}.tl-rich-copy blockquote cite{font-size:14px;display:block;margin-top:12px}
.tl-video{aspect-ratio:16/9;border-radius:0;overflow:hidden;background:var(--primary-color);margin-top:30px}.tl-video iframe{width:100%;height:100%;border:0}.tl-video-link{font-size:14px;margin:15px 0 0;text-align:right}
.tl-article-grid article img{width:100%;height:220px;object-fit:cover;border-radius:0;margin-bottom:20px}.tl-article-grid h3{font-size:24px;line-height:1.3;margin:0 0 15px}.tl-article-grid article span{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.tl-editorial--hero{padding:28px 0 30px}.tl-editorial--hero .tl-editorial__panel{max-width:none;background:var(--light-bg);border-radius:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:570px}.tl-editorial--hero .tl-editorial__copy{padding:clamp(28px,4vw,65px);align-self:center}.tl-editorial--hero .tl-editorial__title{font-size:clamp(34px,3.7vw,53px);letter-spacing:normal}.tl-editorial__visual img{width:100%;height:100%;object-fit:cover;min-height:500px}
.tl-editorial--cards{padding:45px 0 70px}.tl-editorial--compact{padding:45px 0}.tl-home-product-grid{margin-top:32px}.tl-content-group{margin:30px 0}.tl-content-group>div>figure img{max-width:145px}
@media(min-width:1000px){.tl-gallery figure:first-child{grid-column:span 2;grid-row:span 2}.tl-gallery figure:first-child img{height:100%;min-height:400px}.tl-rich-copy>.tl-content-grid:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.tl-editorial{padding:55px 0}.tl-editorial--hero .tl-editorial__panel{grid-template-columns:1fr}.tl-editorial__visual img{height:430px;min-height:0}.tl-editorial--hero .tl-editorial__title{max-width:700px}.tl-content-grid,.tl-article-grid{gap:18px}.tl-content-card{padding:18px}.tl-content-card>img{width:calc(100% + 36px);margin:-18px -18px 18px;height:200px}}
@media(max-width:767px){.tl-editorial{padding:42px 0}.tl-editorial--hero{padding:16px 0 24px}.tl-editorial__title{letter-spacing:normal}.tl-content-grid,.tl-article-grid{grid-template-columns:1fr}.tl-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tl-content-card>img{height:260px}.tl-editorial__visual img{height:330px}.tl-rich-copy{font-size:16px}.tl-question{font-size:16px}.tl-rich-copy blockquote{padding:20px;font-size:18px}.tl-rich-copy h3{margin-top:28px}.tl-content-card figure img{aspect-ratio:16/10}}
.tl-map{height:360px;margin-top:30px;border-radius:0;overflow:hidden;background:#e8eae3}.tl-map iframe{height:100%;width:100%;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.tl-editorial *{transition:none!important}} .tl-editorial:not(.tl-design-default){padding:68px 0}
.tl-editorial:not(.tl-design-default) .tl-editorial__title{font-size:clamp(29px,3vw,42px);max-width:900px;margin-bottom:24px!important}
.tl-editorial:not(.tl-design-default) .tl-rich-copy{font-size:16px;line-height:1.75}
.tl-editorial:not(.tl-design-default) .tl-rich-copy h3{font-size:25px;line-height:1.25}
.tl-design-gallery .tl-gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,230px);gap:16px}
.tl-design-gallery .tl-gallery figure:first-child{grid-column:span 2;grid-row:span 2}
.tl-design-gallery .tl-gallery figure,.tl-design-gallery .tl-gallery a{height:100%;display:block;min-height:0}
.tl-design-gallery .tl-gallery img,.tl-design-gallery .tl-gallery figure:first-child img{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.tl-design-reviews .tl-content-card{border:0;background:var(--light-bg);padding:24px;display:flex;flex-direction:column}
.tl-design-reviews .tl-content-card>img{height:190px}
.tl-design-reviews .tl-content-card>div{display:flex;flex:1;flex-direction:column}
.tl-design-reviews .tl-content-card p:first-child{font-size:18px;line-height:1.7;color:var(--primary-color)}
.tl-design-reviews .tl-content-card p:last-child{margin-top:auto;margin-bottom:0;font-size:13px}
.tl-feature-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}
.tl-feature-panel{min-width:0;padding:26px;background:#fff;border-top:2px solid #b9a37c;border-radius:0}
.tl-feature-panel h3:first-child{margin-top:0!important}
.tl-feature-panel>:last-child{margin-bottom:0}
.tl-feature-panel ul{padding-left:19px}
.tl-stat-strip{padding:25px 0;border-top:1px solid #d5dcd3;border-bottom:1px solid #d5dcd3;gap:0}
.tl-stat-strip .tl-content-card{padding:12px 28px;border:0;border-right:1px solid #d5dcd3;border-radius:0;background:transparent}
.tl-stat-strip .tl-content-card:last-child{border-right:0}
.tl-stat-strip p{margin:0!important}
.tl-design-trust .tl-stat-strip p:first-child{font-size:38px;line-height:1.2;color:var(--primary-color);margin-bottom:10px!important}
.tl-design-trust .tl-stat-strip p:last-child{font-size:14px}
.tl-design-journal .tl-article-grid{gap:28px;padding-top:24px;border-top:1px solid #dfe3dc}
.tl-design-journal .tl-article-grid article{padding:24px;background:var(--light-bg);border-radius:0}
.tl-design-journal .tl-article-grid h3{font-size:22px}
.tl-design-planning .tl-rich-copy{max-width:850px}
.tl-design-showroom .tl-editorial__copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.tl-design-showroom .tl-map{margin:0;height:480px}
.tl-design-showroom .tl-content-actions{gap:12px;margin:16px 0}
.tl-design-showroom .tl-inline-button{padding:10px 16px;font-size:13px}
.tl-design-showroom .tl-address{padding-left:18px;border-left:2px solid #b9a37c;font-size:15px}
.tl-photo-strip{gap:22px!important;margin:28px 0!important}
.tl-photo-strip>.tl-content-card{padding:0!important;border:0!important;border-radius:0;background:transparent}
.tl-photo-strip figure{margin:0!important}
.tl-photo-strip figure img{width:100%;aspect-ratio:4/3!important;object-fit:cover;border-radius:0}
.tl-photo-strip figcaption{padding:0 2px;font-size:13px;color:var(--text-color)}
.tl-design-benefits .tl-stat-strip{margin-top:12px;margin-bottom:36px}
.tl-design-value .tl-feature-panels{grid-template-columns:1fr 1fr;margin-top:0}
.tl-design-value .tl-feature-panel{background:transparent;padding:0 30px 0 0;border:0}
.tl-image-story{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin:28px 0 40px}
.tl-image-story>figure{margin:0!important}
.tl-image-story>figure img{width:100%;height:380px;object-fit:cover}
.tl-image-story>p{margin:0}
.tl-image-story__copy h3{margin-top:0}
.tl-residential-followup{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;margin:40px 0 0}
.tl-residential-followup>figure{margin:0!important}
.tl-residential-followup>figure img{width:100%;height:320px;object-fit:cover}
.tl-residential-followup>.tl-content-grid{grid-template-columns:1fr!important;margin:0}
.tl-residential-followup>.tl-content-grid>.tl-content-card{border:0;background:var(--light-bg)}
.tl-residential-followup>.tl-content-grid>.tl-content-card:has(img){padding:0;background:transparent}
.tl-residential-followup .tl-content-card figure img{height:auto;max-height:360px;object-fit:contain}
.tl-design-faq .tl-editorial__copy{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}
.tl-design-faq .tl-questions{min-width:0}
.tl-design-faq .tl-question summary{font-size:16px}
.tl-design-trust .tl-content-group{margin:0 0 28px}
.tl-design-trust .tl-content-card h3{margin-top:0;font-size:23px}
.tl-design-trust .tl-content-card{padding:28px}
.tl-customer-story{display:grid;grid-template-columns:76px 1fr;gap:12px 24px;align-items:center;padding:32px;background:#f6f6f6;border-radius:0;margin:30px 0}
.tl-customer-story blockquote{grid-column:2;grid-row:1;margin:0;padding:0;border:0;background:none}
.tl-customer-story blockquote p{margin:0;font-size:20px;color:var(--primary-color)}
.tl-customer-story>div{grid-column:1;grid-row:1/span 2}
.tl-customer-story figure{margin:0!important}
.tl-customer-story img{width:76px!important;height:76px!important;object-fit:cover;border-radius:50%}
.tl-customer-story>p{grid-column:2;margin:0;font-size:13px}
.tl-design-video .tl-editorial__copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px 50px;align-items:center}
.tl-design-video .tl-video{margin:0;min-width:0}
.tl-design-video .tl-video-link{grid-column:2;margin:0}
.tl-design-video .tl-editorial__title{font-size:clamp(29px,2.8vw,38px)}
.tl-design-uses .tl-feature-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tl-design-uses .tl-feature-panel{background:var(--light-bg);border:0;border-radius:0;padding:26px 30px}
.tl-buying-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0!important;list-style:none;counter-reset:steps}
.tl-buying-checklist li{position:relative;list-style:none!important;margin:0;padding:24px 26px 24px 64px;background:#fff;border-radius:0;counter-increment:steps}
.tl-buying-checklist li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:22px;top:24px;font-size:18px;color:var(--primary-color)}
.tl-buying-checklist strong{display:block;margin-bottom:8px;color:var(--primary-color)}
.tl-closing-note{background:var(--primary-color);color:#edf1e9;padding:38px 44px;border-radius:0;margin-top:38px}
.tl-closing-note p{max-width:none}
.tl-closing-note a{color:#edf1e9!important}
.tl-closing-note .tl-content-actions{margin-bottom:0;padding-top:18px;border-top:1px solid #5b7469;gap:25px}
.home .footer-section:has(.footer-widget-column:empty):not(:has(.footer-widget-column *,.footer-contact-widget *,.copyright-links,.footer-copyright img)){padding:0}
@media(max-width:1099px){.tl-feature-panels{gap:18px}.tl-feature-panel{padding:20px}.tl-design-showroom .tl-editorial__copy,.tl-design-video .tl-editorial__copy{gap:24px}.tl-design-faq .tl-editorial__copy{gap:35px}.tl-design-gallery .tl-gallery{grid-template-rows:repeat(2,180px)}}
@media(max-width:767px){.tl-editorial:not(.tl-design-default){padding:42px 0}.tl-design-gallery .tl-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 155px 155px;gap:12px}.tl-design-gallery .tl-gallery figure:first-child{grid-column:span 2;grid-row:span 1}.tl-feature-panels,.tl-design-value .tl-feature-panels,.tl-design-showroom .tl-editorial__copy,.tl-image-story,.tl-residential-followup,.tl-design-faq .tl-editorial__copy,.tl-design-video .tl-editorial__copy{grid-template-columns:1fr;gap:24px}.tl-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.tl-photo-strip>.tl-content-card:last-child:nth-child(odd){grid-column:span 2;max-width:calc(50% - 8px)}.tl-feature-panel{padding:24px}.tl-design-value .tl-feature-panel{padding:0}.tl-design-showroom .tl-map{height:300px}.tl-image-story>figure img{height:300px}.tl-design-faq .tl-section-intro .tl-editorial__title{margin-bottom:0!important}.tl-design-video .tl-video-link{grid-column:1}.tl-stat-strip{grid-template-columns:1fr;gap:0;padding:0}.tl-stat-strip .tl-content-card{padding:18px 0;border-right:0;border-bottom:1px solid #d5dcd3}.tl-stat-strip .tl-content-card:last-child{border-bottom:0}.tl-design-trust .tl-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tl-design-trust .tl-stat-strip .tl-content-card{border:0;padding:16px 0}.tl-design-trust .tl-stat-strip p:first-child{font-size:25px}.tl-design-trust .tl-stat-strip p:last-child{font-size:12px}.tl-customer-story{padding:24px;grid-template-columns:52px 1fr;gap:15px}.tl-customer-story img{width:52px!important;height:52px!important}.tl-customer-story blockquote p{font-size:17px}.tl-design-uses .tl-feature-panels,.tl-buying-checklist{grid-template-columns:1fr}.tl-closing-note{padding:28px 24px}.tl-design-reviews .tl-content-grid{grid-template-columns:1fr}.tl-design-reviews .tl-content-card>img{height:220px}}
@media(max-width:419px){} .tl-feature-panel ul li{list-style-type:disc}
.tl-residential-followup{grid-template-columns:1fr 1fr;align-items:stretch}
.tl-residential-followup>.tl-content-grid{display:contents}
.tl-residential-followup>.tl-content-grid>.tl-content-card:has(img){grid-column:1/-1;max-width:560px;width:100%;justify-self:center;margin-top:10px}
.tl-residential-followup>.tl-content-grid>.tl-content-card:first-child{display:flex;flex-direction:column;justify-content:center}
.tl-residential-followup>figure img{height:100%;min-height:320px;max-height:430px}
.tl-residential-followup .tl-content-card a[href^="mailto:"]{display:inline-flex;background:var(--primary-color);color:white;text-decoration:none;padding:12px 18px;border-radius:0}
@media(max-width:767px){.tl-residential-followup{grid-template-columns:1fr}.tl-residential-followup>figure img{height:290px;min-height:0}}
@media(max-width:767px){.tl-photo-strip>.tl-content-card:first-child{grid-column:span 2}.tl-photo-strip>.tl-content-card:first-child img{aspect-ratio:16/9!important}.tl-photo-strip>.tl-content-card:last-child:nth-child(odd){grid-column:auto;max-width:none}}
.tl-hero-slider .tl-editorial__panel{min-height:590px}
.tl-hero-slider .tl-editorial__visual{min-width:0}
@media(max-width:991px){.tl-hero-slider .tl-editorial__copy{min-height:370px}.tl-hero-slider .tl-editorial__panel{min-height:0}}
@media(max-width:479px){.tl-hero-slider .tl-editorial__copy{min-height:480px;padding:28px 24px}}
@media(max-width:479px){.tl-hero-slider .tl-editorial__copy{min-height:500px}} .tl-hero-slides:not(.slick-initialized) .tl-hero-slide:not(:first-child){display:none}
.tl-hero-slides .slick-list{border-radius:0;overflow:hidden}
.tl-hero-slides .slick-track{display:block}
.tl-hero-slides .slick-slide{height:auto}
.tl-hero-slides .slick-slide:not(.slick-active){pointer-events:none}
@media(prefers-reduced-motion:reduce){} .tl-home .container{max-width:1320px}
.tl-editorial__panel{max-width:none}
.tl-editorial:not(.tl-design-default){padding:60px 0}
.tl-editorial:not(.tl-design-default) .tl-editorial__title{font-size:36px;line-height:46px;letter-spacing:normal;font-weight:500}
.tl-home-eyebrow{font-size:14px;letter-spacing:normal;font-weight:400;color:var(--text-color)}
.tl-content-card{border-color:var(--border-color);padding:30px;background:#fff}
.tl-feature-panel{border-top:1px solid var(--border-color);background:transparent}
.tl-design-journal .tl-article-grid article{padding:0;background:transparent}
.tl-inline-button,.tl-rich-copy .tl-inline-button{font-size:14px;text-transform:uppercase;padding:12px 25px;background:#fff;color:var(--primary-color)!important;border-color:var(--primary-color)}
.tl-inline-button:hover,.tl-rich-copy .tl-inline-button:hover{background:var(--primary-color);color:#fff!important}
.tl-design-products .tl-home-product-grid{margin-top:48px;align-items:stretch}
.tl-design-products .tl-home-product-grid>div{display:flex}
.tl-design-products .vr6-product-card{width:100%;display:flex;flex-direction:column}
.tl-design-products .feature-image{height:auto;aspect-ratio:1/1;overflow:hidden}
.tl-design-products .feature-image>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px}
.tl-design-products .feature-thumbnail{width:100%;height:100%;object-fit:contain}
.tl-design-products .feature-thumbnail.thumb-hover{width:calc(100% - 24px);height:calc(100% - 24px);max-width:none}
.tl-design-products .vr6-product-card:not(:has(.thumb-hover)):hover .thumb{opacity:1}
.tl-design-products .vr6-product-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.tl-design-products .vr6-product-card-content>span{font-size:14px;line-height:22px;margin-bottom:8px}
.tl-design-products .vr6-product-card-content>span a{color:var(--text-color);text-decoration:none}
.tl-design-products .vr6-product-card-content>span a:hover{color:var(--primary-color)}
.tl-design-products .vr6-product-card-content h3{font-size:20px;line-height:30px;letter-spacing:normal;margin-bottom:12px}
.tl-design-products .pricing{margin-bottom:0}
.tl-design-products .vr6-product-card-content>.template-btn{margin-top:auto!important;align-self:flex-start}
.tl-design-products .vr6-product-card-content>.pricing{padding-bottom:24px}
.tl-design-products .vr6-product-card:focus-within .product-action-btns{opacity:1;visibility:visible}
@media(max-width:1399px){.tl-home .container{max-width:1140px}}
@media(max-width:1199px){.tl-home .container{max-width:960px}}
@media(max-width:991px){.tl-home .container{max-width:720px}}
@media(max-width:767px){.tl-home .container{max-width:540px}.tl-editorial:not(.tl-design-default){padding:40px 0}.tl-editorial:not(.tl-design-default) .tl-editorial__title{font-size:30px;line-height:40px}.tl-design-products .tl-home-product-grid{margin-top:24px}}
@media(max-width:575px){.tl-home .container{max-width:100%}.tl-design-products .feature-image{aspect-ratio:4/3}} .tl-hero-slider{padding:24px 0}
.tl-hero-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:stretch}
.tl-hero-categories{background:#f8f7f4;padding:18px 24px}
.tl-hero-categories ul{list-style:none;margin:0;padding:0}
.tl-hero-categories li{list-style:none;margin:0;padding:0}
.tl-hero-categories a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 4px;font-size:13px;line-height:20px;text-transform:uppercase;color:var(--primary-color);text-decoration:none}
.tl-hero-categories .product-category-menu>li>a>i{margin-left:auto;font-size:14px;line-height:1;flex:0 0 auto}
.tl-hero-categories a:hover{text-decoration:underline;text-underline-offset:4px}
.tl-hero-categories a span{font-size:20px}
.tl-hero-layout--without-categories{grid-template-columns:minmax(0,1fr)}
.tl-hero-categories li{position:relative}
.tl-hero-categories li.has-submenu>a{padding-right:28px}
.tl-hero-categories li.has-submenu>i{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:12px}
.tl-hero-categories .submenu-wrapper{position:absolute;z-index:40;top:0;left:100%;display:none;min-width:240px;margin:0;padding:8px 0;list-style:none;background:#fff;box-shadow:0 10px 30px rgba(18,17,17,.12)}
.tl-hero-categories li:hover>.submenu-wrapper,.tl-hero-categories li:focus-within>.submenu-wrapper{display:block}
.tl-hero-categories .submenu-wrapper li{margin:0;padding:0;white-space:normal}
.tl-hero-categories .submenu-wrapper a{padding:10px 18px;font-size:13px;line-height:1.5;text-transform:none}
.tl-hero-stage{min-width:0;position:relative;background:#f2f2f0}
.tl-hero-slider .tl-editorial__panel{grid-template-columns:1.15fr 1fr;background:#f2f2f0;padding:64px 74px 64px 64px;gap:32px;min-height:620px}
.tl-hero-slider .tl-editorial__copy{padding:0;min-height:0;align-self:center}
.tl-hero-slider .tl-home-eyebrow{font-size:14px;line-height:24px;margin-bottom:24px!important;text-transform:none}
.tl-hero-slider .tl-editorial__title{font-size:44px;line-height:1.15;letter-spacing:normal;font-weight:500;margin-bottom:28px!important}
.tl-hero-slider .tl-rich-copy{font-size:14px;line-height:1.7;color:var(--primary-color)}
.tl-hero-slider .tl-rich-copy p{font-size:14px;line-height:1.7;margin-bottom:20px}
.tl-hero-slider .tl-inline-button{padding:16px 28px;font-size:14px;line-height:20px;margin-top:8px}
.tl-hero-slider .tl-editorial__visual{position:relative;align-self:center;isolation:isolate;min-width:0;padding:18px 0}
.tl-hero-slider .tl-editorial__visual:before{content:'';position:absolute;z-index:-1;top:-86px;left:-50px;width:100%;padding-top:100%;background:#e9e9e3;border-radius:61%}
.tl-hero-slider .tl-editorial__visual img{display:block;width:100%;height:auto;min-height:0;max-height:420px;object-fit:contain}
@media(max-width:1199px){.tl-hero-layout{grid-template-columns:minmax(0,1fr)}.tl-hero-categories{display:none}.tl-hero-slider .tl-editorial__panel{padding:60px 70px 60px 50px;min-height:580px}}
@media(max-width:767px){.tl-hero-slider{padding:16px 0 24px}.tl-hero-slider .tl-editorial__panel{grid-template-columns:1fr;padding:36px 28px 74px;gap:28px;min-height:0}.tl-hero-slider .tl-editorial__title{font-size:36px;line-height:1.2}.tl-hero-slider .tl-editorial__copy{min-height:0;padding:0}.tl-hero-slider .tl-editorial__visual{width:100%;max-width:420px;justify-self:center;padding:0}.tl-hero-slider .tl-editorial__visual:before{inset:-12px 0}.tl-hero-slider .tl-editorial__visual img{height:260px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.tl-hero-slider *{transition:none!important}} .tl-hero-slides{position:relative}
.tl-hero-slides .slick-list{cursor:grab;touch-action:pan-y}
.tl-hero-slides .slick-list:active{cursor:grabbing}
.tl-hero-slides .slick-dots{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:0;z-index:2}
.tl-hero-slides .slick-dots li{width:24px;height:24px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;margin:0;padding:0;list-style:none}
.tl-hero-slides .slick-dots li.slick-active{border-color:var(--primary-color)}
.tl-hero-slides .slick-dots button{font-size:0;width:22px;height:22px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}
.tl-hero-slides .slick-dots button:before{content:'';width:4px;height:4px;margin-top:6px;background:var(--primary-color);border-radius:50%}
.tl-hero-slides .slick-dots button:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}
@media(max-width:767px){.tl-hero-slides .slick-dots{top:auto;bottom:18px;left:0;right:0;transform:none;flex-direction:row;justify-content:center}}