/*
 Theme Name:   Village Interiors Design theme
 Theme URI:    https://totalwptheme.com/
 Description:  Theme for the Village Interiors Design website
 Author:       A Mix of Pixels
 Author URI:   https://amixofpixels.com/
 Template:     Total
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/** HOME PAGE STYLES **/
#home-hero .wpex-parallax-bg.wpex-absolute::after {
	content: "" !important;
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(30,21,16,.5) 0%, rgba(30,21,16,0) 22%), linear-gradient(to bottom, rgba(54,40,32,.5) 0%, rgba(54,40,32,.08) 40%, rgba(54,40,32,0) 60%, rgba(54,40,32,.45) 100%);
}

.vi-page-hero .wpex-parallax-bg.wpex-absolute::after {
	content: "" !important;
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 62% 46% at 50% 50%, rgba(30,21,16,.42) 0%, rgba(30,21,16,0) 70%), linear-gradient(to bottom, rgba(30,21,16,.55) 0%, rgba(30,21,16,.18) 32%, rgba(30,21,16,.18) 62%, rgba(30,21,16,.62) 100%);
}

.hero-scroll {
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	z-index: 5;
	color: var(--wpex-palette-14-color);
	font-size: 12px;
	letter-spacing: .3em;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.hero-scroll .line {
	width: 1px;
	height: 52px;
	background: var(--wpex-palette-14-color);
	opacity: .85;
	animation: drop 2.6s ease-in-out infinite;
	transform-origin: top;
}

#vi-offerings a {
	text-transform: uppercase;
	letter-spacing: .24em;
	font-size: 14px;
}

/** FURNISHINGS STYLES **/
.vi-tabs h3 a span {
	text-transform: uppercase;
	color: var(--wpex-palette-19-color);
}

.vi-tabs h3 a:hover span {
	color: var(--wpex-palette-18-color);
}

.vi-tabs.vc_tta-tabs.vc_general.vc_tta-style-total_2 li.vc_tta-tab.vc_active h3.vc_tta-panel-title a {
	border-bottom-color: var(--wpex-palette-18-color) !important;
	border-bottom-width: 1px;
}

.vi-tabs li.vc_tta-tab.vc_active h3.vc_tta-panel-title a span {
	color: var(--wpex-palette-18-color);
}

.vi-tabs h3.vc_tta-panel-title {
	margin-right: 20px !important;
	letter-spacing: .22em !important;
}

.brands-grid .vcex-grid-item .vcex-image-grid-entry-figure {
	background-color: #fff;
	border: 1px solid var(--wpex-palette-15-color);
	padding: 34px 30px;
}

.brands-grid .vcex-grid-item .vcex-image-grid-entry-figure:hover {
	border: 1px solid var(--wpex-palette-16-color);
}

/** DESIGN CENTER STYLES **/
.vi-carousel.wpex-carousel:where(:not(.arrwpos-abs, .arrwpos-top-right)) .wpex-carousel__nav {
	gap: var(--wpex-carousel-arrows-gap, 15px);
}

.vi-carousel.wpex-carousel.arrwstyle-border .wpex-carousel__arrow {
	border: 1px solid var(--wpex-palette-16-color);
	border-radius: 0;
	width: 40px;
	height: 40px;
}

.vi-carousel.wpex-carousel.arrwstyle-border .wpex-carousel__arrow:hover {
	background-color: var(--wpex-palette-18-color);
}

.vi-carousel .wpex-icon svg {
	fill: var(--wpex-palette-18-color);
}

.vi-carousel.wpex-carousel.arrwstyle-border .wpex-carousel__arrow:hover .wpex-icon svg {
	fill: var(--wpex-palette-14-color);
}

/** PORTFOLIO STYLES **/
#vi-portfolio-grid .portfolio-entry-excerpt {
	margin-top: 0;
}

/** GENERAL STYLES **/
h1 em {
	color: var(--wpex-palette-17-color);
}

.section-padding {
	padding-left: clamp(24px, 6vw, 96px);
	padding-right: clamp(24px, 6vw, 96px);
	padding-top: clamp(84px, 12vw, 150px);
	padding-bottom: clamp(84px, 12vw, 150px);
}

.eyebrow p {
	font-size: clamp(12px,1.4vw,13.5px);
	letter-spacing: .32em;
	text-transform: uppercase;
	color: var(--wpex-palette-17-color);
	font-weight: 400;
	margin-bottom: 26px!important;
}

figure.img-shadow {
	box-shadow: 0 26px 46px -26px rgba(54,40,32,.4);
}

:root {
	--wpex-outline-btn-border-width: 1px;
}

.theme-button.outline {
	font-weight: 300;
}

.theme-button.outline:hover {
	color: var(--wpex-palette-18-color);
}

.vcex-button.theme-txt-link {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .22em;
}

/*.hover-zoom {
	overflow: hidden;
} */

.hover-zoom img {
	transition: transform 1.1s cubic-bezier(.2, .6, .2, 1);
}

.hover-zoom:hover img {
	transform: scale(1.05);
}

figure.img-frame {
	position: relative;
	z-index: 0;
}

.hover-zoom .vcex-image-inner {
	display: block;
	overflow: hidden;
}

figure.img-frame::after {
	content: "";
	position: absolute;
	top: 14px;
	left: 14px;
	right: -14px;
	bottom: -14px;
	border: 1px solid var(--wpex-palette-16-color);
	z-index: -1;
}

@keyframes drop {
  0% {
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
  }

  20% {
    opacity: .85;
  }

  50% {
    transform: scaleY(1);
    transform-origin: top;
    opacity: .85;
  }

  50.1% {
    transform-origin: bottom;
  }

  100% {
    transform: scaleY(0);
    transform-origin: bottom;
    opacity: 0;
  }
}

/** FOOTER STYLES **/
#footer-top {
	position: relative;
	isolation: isolate;
}

#footer-top::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(
		ellipse 85% 75% at 50% 40%,
		rgba(36, 26, 20, 0.62) 0%,
		rgba(30, 21, 16, 0.87) 70%
	);
}

#footer-top > .wpb_column {
	position: relative;
	z-index: 1;
}

#vi-footer .vcex-horizontal-menu-nav__item-content:hover {
	text-decoration: underline;
	text-decoration-color: var(--wpex-palette-19-color);
}