/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* General layout */
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

header, footer {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	z-index:10;
}

header {
	top: 0;
	height: 10vh;
}

footer {
	bottom: 0;
	height: 5vh;
	transition: height 0.5s ease-in-out;
}

.footer-toggle-icon {
	transition: transform 0.3s ease-in-out;
}

footer.ior-expanded {
	height: 54vh;
}

footer.ior-expanded .footer-toggle-icon{
	transform: scaleY(-1);
}
.ior-footer-small{
	max-width: 1320px;
    margin: 0 auto;
	  width: 100%;
}
.ior-footer-small-content{
	display: flex;
  justify-content: space-between;
  align-items: center;
}
.ior-label-hide-text,
footer.ior-expanded .ior-label-more-text{
	display:none;
}
footer.ior-expanded .ior-label-hide-text{
	display:block;
}
.ior-foot-small-text{
	display: flex;
	color: #222;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	padding-left:1rem;
}
.ior-btn-toggle-footer{
	background-color: rgb(219, 184, 154);
	margin-top:0.1rem;
	padding-right:1.75rem;
}

 .main-page-wrapper {
	position: fixed;
	height: 80vh;
	top: 10vh;
	left: 0;
	right: 0;
	overflow-y: auto;
	background-color: #f5f5f5;
}

.page-template-page-showcase .whb-sticky-prepared{
	padding-top:0!important;
}
.page-template-page-showcase .main-page-wrapper{
	overflow-y: visible;
}

.page-template-page-showcase .wd-content-layout{
	padding:0;
}

.wd-footer {
	display:hidden;
	background-color: rgb(219, 184, 154)!important;
	background-image: none;
	backface-visibility: hidden;
}

/*TODO: temporarily removed for demo purposes */
.page-template-page-showcase .wd-page-title{
	display:none;
}
.wd-prefooter{display:none}

/* showcase */
.showcase_iframe{
	width: 100vw;
    height: 100vh;
    border: none;
    display: block;
    padding-left:1rem;
    padding-top:0;
    padding-right:1rem;
	padding-bottom: 17vh;
    margin: 0;
}

@media (min-width:575px){
	
}

@media (min-width:767px){
	
}

/* desktop version */
@media (min-width:1199px){
	.showcase_iframe{
		padding-left:0;
		padding-right:0;
		padding-bottom: 15vh;
	}
	
}

.wd-header-text {
	display:flex;
	flex-direction: column;
}

/* //TODO: override with Woodmart admin - Colors */
.woodmart-nav-link {
	color: #222 !important;
}
.wd-dropdown {
	/*background-color: rgba(0, 0, 0, 0.4)!important;*/
	background-color: rgba(255, 255, 255)!important;
}


@media (min-width:1025px) {

	.wd-footer{
		display:block;
	}
  /* Styles for screens 1025px and wider */
	.wd-nav {
		--nav-gap: 10px;
	}

	.wd-dropdown {
		background-color: rgba(255, 255, 255, 0.1);  /*Light color with opacity*/
  		backdrop-filter: blur(10px); /* Apply the glass effect */
  		border-radius: 8px; /* Rounded corners */
	}

	.img-circle img {
		border-radius: 50%;
	}
}

.btn.btn-style-bordered {
	border-color: #3A2D28;
}

.btn-style-bordered:hover {
    background-color: transparent !important;
}

.mobile-header-text {
	font-size: 12px;
}

.heart-banner .banner-image.wd-bg-position-center img 
 {
   opacity: 0.1 !important;
}

.logo-gallery .wd-gallery-item img {
	filter: grayscale(1) brightness(0.5) contrast(1.2);
}

/* Remove layout restrictions from theme */
.page-template-page-iframe-showcase .main-page-wrapper,
.page-template-page-iframe-showcase .wd-page-content,
.page-template-page-iframe-showcase .wd-content-layout,
.page-template-page-iframe-showcase .content-layout-wrapper {
    width: 100vw !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}


.page-template-page-iframe-showcase .iframe-showcase-wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.page-template-page-iframe-showcase .showcase_iframe_product {
    width: 100vw;
    height: 100vh;
    border: none;
    display: block;
    padding-left: 1rem;
    padding-right: 0;
    padding-bottom: 17vh;
    padding-top: 0;
    margin: 0;
    box-sizing: border-box;
}