/* HOMEPAGE STYLES
************************************************************/
.homeHeader	{
	background-color: var(--color-accent3);
			padding-top: 20px;
}
.logo	{
	width: min(600px,92vw);
	height: min(600px,92vw);
	margin: 5vh auto;
	border: 1px solid var(--color-accent5);
	background-image: url('/wp-content/uploads/2024/05/Website-logo-768x768.jpg');
	background-position: center center;
    background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: scroll; /* for ios devices */
}

.siteTitle	{display: none;}

.home .svg-include,
.home .navbar-wrapper {height: 0;min-height: 0;padding:0;}
.home .mainContent	{
	margin-top: -20px;
}

@media (min-width: 992px){
	.menu-main-navigation-container {display: none;}

.homeMainNavigation {
	margin: 0 auto;
}

ul.nav.navbar-nav {
	margin: 0 auto;
}

ul.navbar-nav.flexContainer {
        flex-wrap: wrap;
        justify-content: center!important;
        width: 100%;
}

.home ul.nav.navbar-nav>li.menu-item {
        text-align: center;
        height: 30px;
        position: relative;
        font-size: 1em;
        letter-spacing: 0.09em;
        padding: 20px 30px;
        text-transform: uppercase;
    }
    }
    
    @media (max-width: 991px) {
    .home ul.nav.navbar-nav>li.menu-item.wide {
    	display: none;
    }
    }
/*
.home .mainNavigation.flexItem { 
width: 100%;
}

.home ul.navbar-nav { 
	display: none;
}

.navbar-toggle,
.navbar-collapse.collapse.navbar-menu {
	display: block!important;
}
.navbar-header.navbar-icon {
	top: 100px!important;
	right: 4% !important;
}

.navbar-toggle {
    position: relative;
    float: right;
}

.navmenu_align.mainNavigation{
	width: 100%;
}

.navbar.flexContainer, .navbar-nav.flexContainer{
	display: block;
}
*/

.navbar-nav li a {color: white;}

section	{
	border-bottom: 1px solid var(--color-row-border);
}

section.bannerImage	{
	min-height: 30vh;
}

.sectionTitle	{
	text-align: center;
}

section.heroStatement .container	{
	max-width: 52rem;
}

section.heroStatement	{	
	text-align: center;
}

section.heroStatement h2	{	
	margin-top: 1em;
	font-size: 2em;
	font-style: italic;
	font-family: var(--font-quote);
}

li.current_page_item	{
	display: none;
}

/* Slick Slider Styles 
**********************/
.slick-slider {
    position: relative;
	display: flex;
	flex-direction: row;
}
.slick-prev, .slick-next {
    background: none; // keep; if missing, causes 2x chevrons
}

.slick_slide_wrapper .slick-prev {
    left: -60px;
	height: 56px;
}
.slick_slide_wrapper .slick-next {
    right: -50px;
	height: 56px;
}
.slick_slide_wrapper .slick-prev:before, .slick_slide_wrapper .slick-next:before {
    content: '';
}
.stroke-1 {stroke-miterlimit:10;stroke-width:1px;}
.stroke-2 {stroke-miterlimit:10;stroke-width:2px;}
.stroke-3 {stroke-miterlimit:10;stroke-width:3px;}
.slick-prev.chevrons, .slick-next.chevrons{
	width: 40px;
    height: 60px;
    background-color: rgba(255,255,255, 0.6);
}
.chevrons {
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
}		
.chevrons {
	fill:#666;
	stroke:#666; 
	color:#666;
	width: 40px;
    height: 40px;
} 
.chevrons:hover {
  fill:#000;
  stroke:#000;
  color:#000;
}
/*.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid red;
}  */
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}

.slick-prev:hover,
.slick-next:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* BANNER CAROUSEL
*****************/

/*.image-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50vh !important;
	max-height: 100vh !important;
	z-index: 2;
	background-repeat: no-repeat;
}

.image-slide img {
	width: 100%;
}
.image-slide .centered-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.image-slide figcaption {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.7); 
	padding: 10px;
	text-align: center;
}
.bannerCarousel .slick-slide img{
	height: 100vh !important;
}

.slick-slide img {
    display: flex !important;
    justify-content: center;
    width: 100%;
    max-height: 550px !important;
}

.bannerCarousel .slick-prev svg,
.bannerCarousel .slick-next svg {
}
*/

/* Collections Carousel
*****************/
.sub-category-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.sub-category-slide h3,
h3.post-title	{
	text-transform: uppercase;
}

.category-img {
    width: 32vw; /* Set the desired width for the image container */
    height: 32vw; /* Set the desired height for the image container */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 3vw; /* Adjust this value for the desired gap between images */
}

.category-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/*.category-img.sq img {
	object-fit: cover;
	max-width: auto;
	overflow: hidden;
}*/

.category-description {
    margin-top: 10px; /* Adjust this value */
    padding: 0 10px;
    font-size: .9rem;
}

.sub-category-carousel .slick-next {
	right: -4%;
	top: 16vw;
}

.sub-category-carousel .slick-prev {
	left: -4%;
	top: 16vw;
}

@media (max-width: 786px)	{
	.category-img {
		width: 49vw; 
		height: 49vw;
	}
	.sub-category-carousel .slick-next {
		right: -5%;
		top: 25vw;
	}
	.sub-category-carousel .slick-prev {
		left: -5%;
		top: 25vw;
	}
	.slick-prev.chevrons, .slick-next.chevrons{
		width: 25px;
		height: 60px;
		background-color: transparent;
	}
	.chevrons {
		width: 25px;
		height: 25px;
		margin-bottom: 20px;
	}	
}

@media (max-width: 480px)	{
	.category-img {
		width: 92vw; 
		height: 92vw;
	}	
	.sub-category-carousel .slick-next {
		top: 46vw;
	}
	.sub-category-carousel .slick-prev {
		top: 46vw;
	}
}

.patternSpacer {            
	position: relative;
	height: 20vh; /* Example height, adjust as necessary */
}

.patternSpacer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250,158,146, 0.5); /* Adjust color and opacity as needed */
    mix-blend-mode: multiply; /* This blends the color with the background image */
}

/*section.collections,
section.occasions,
section.about {
    background: linear-gradient(rgba(250,158,146, 0.5), white 50px);
    width: 100%; 
    height: auto; 
}*/

.aboutImage img	{
	border-radius: 10px; /* Rounded corners */
    border: 0px solid rgba(250,158,146, 1); /* Border */
    box-shadow: 1px 1px 1px 10px rgba(250,158,146, 0.5);
    box-shadow: rgba(250,158,146, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}