/* Home page */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

.overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.3);
z-index:-1;
}
section.home-section {
margin:0 auto;
padding:50px;
position:relative;
z-index:2;
}
.home-section:last-child {
margin:0;
}
#header {
border:none !important;
}
.header-logo-container {
position:static;
}
#header #header-logo {
width:350px;
top:0;
}
#header .buy-tickets {
display:none !important;
}
#home-banner::before {
content:'';
width:100%;
top:-60px;
left:0;
right:0;
height:28vw;
background-image:url('/_wss/clients/270/images/banner-cloud.png');
background-size:cover;
background-repeat:no-repeat;
background-position:bottom;
position:absolute;
z-index:10;
}
#home-banner {
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
display:flex;
justify-content:flex-end;
align-items:center;
flex-direction:column;
padding:0 0 20px 0;
background-color:white;
}
#home-banner::after {
content:'';
width:100%;
left:0;
right:0;
bottom:0;
height:28vw;
background-image:url('/_wss/clients/270/images/banner-cloud.png');
background-size:cover;
background-repeat:no-repeat;
background-position:top;
position:absolute;
z-index:10;
}
#home-banner-logo {
width:200px;
margin:50px auto;
display:block;
}
#banner-mute-btn {
position:absolute;
bottom:50px;
left:50px;
background:none;
border:none;
outline:none;
width:50px;
height:43px;
background-image:url('/_wss/clients/270/images/mute-unmute.png');
background-size:100%;
background-position:0 0;
z-index:100;
font-size:1px;
color:transparent;
}
#banner-mute-btn.on {
background-position:0 43px;
}
#home-banner #banner-video {
width:100%;
}
#home-banner-content {
text-align:center;
margin:50px 0;
color:white;
font-family:Georgia;
}
#home-banner-content h2 {
font-size:45px;
margin:10px 0;
padding:0;
}
#home-banner-content p {
font-size:28px;
margin:10px 0;
padding:0;
}
#ticket-banner {
width:100%;
background-image:url('/_wss/clients/270/images/patterns/dark-brown-wood-texture_3.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
min-height:150px;
display:flex;
flex-direction:column;
align-content:center;
justify-content:center;
}
#ticket-banner .container {
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
#buy-tickets::before {
content:url('/_wss/clients/270/images/ticket-btn-silver.png');
display:none;
}
#buy-tickets {
background-image:url('/_wss/clients/270/images/ticket-btn-gold.png');
text-decoration:none;
padding:10px 20px;
display:block;
margin:20px;
font-size:20px;
text-align:center;
cursor:pointer;
transition:all 0.3s;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
width:250px;
height:55px;
font-family:Seagram;
color:#351A04;
}
#buy-tickets:hover {
background-image:url('/_wss/clients/270/images/ticket-btn-silver.png');
}
#about-us-section {
min-height:500px;
background-image:url('/_wss/clients/270/images/drone-view-of-festival.jpg');
background-size:cover;
background-repeat:no-repeat;
padding:100px 20px;
background-position:center center;
}
#about-us-section .container {
background-image:url('/_wss/clients/270/images/parchment-4.png');
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
border-radius:20px;
padding:20px 20px 40px;
}
section.home-section.where-to-find-us {
background-color:rgba(255, 234, 196, 0.9);
padding:0;
}
.where-to-find-us p {
font-family:Chantelli;
}
.message {
padding:8px 8px 8px 40px;
color:#008000;
position:fixed;
top:30%;
left:0;
right:0;
width:50%;
max-width:600px;
height:200px;
background:white;
margin:auto;
border-radius:20px;
box-shadow:0 0 30px 10px #000;
display:flex;
justify-content:center;
align-items:center;
z-index:1000;
font-size:30px;
}
#featured-items-section {
background:#351A04;
background-image:url('/_wss/clients/270/images/patterns/crown-blue-background.jpg');
background-repeat:repeat;
background-size:500px;
background-position:center center;
}
#featured-items-list {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-content:center;
width:90%;
margin:0 auto;
}
#featured-items-list .featured-item {
width:30%;
padding:20px;
background:#ffe8d4;
border-radius:20px;
margin:20px;
transition:all 0.3s;
min-height:300px;
}
#featured-items-list .featured-item:hover {
box-shadow:0 0 20px #fff;
width:calc(30% + 20px);
margin:10px;
}
#featured-items-list .featured-item-image {
width:100%;
height:75%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
#featured-items-list .featured-item a {
text-decoration:none !important;
}
#featured-items-list .featured-item h3 {
color:#531b08 ;
margin:0 0 20px;
padding:0;
}
#homepage-slideshow::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
width:100%;
background-image:url('/_wss/clients/270/images/patterns/dark-brown-wood-texture_3.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
height:50px;
}
section.home-section#homepage-slideshow {
padding:50px 0;
position:relative;
background:#422518;
}
#homepage-slideshow::after {
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
background-image:url('/_wss/clients/270/images/patterns/dark-brown-wood-texture_3.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center bottom;
height:50px;
}
.slick-track {
display:flex !important;
}
.slick-slide {
display:flex !important;
justify-content:center;
align-items:center;
height:inherit !important;
}
.slick-slide img {
display:block;
width:auto;
margin:0;
max-width:100%;
}
.slick-prev {
left:25px !important;
z-index:10;
}
.slick-next {
right:25px !important;
}
.slick-dots {
bottom:0 !important;
}
.slick-dots li button:before {
font-size:15px !important;
opacity:0.75  !important;
}
.slick-dots li.slick-active button:before {
color:white !important;
opacity:1 !important;
}
#google-maps-img {
width:100%;
margin:0 auto;
display:block;
}

@media (min-width: 1600px) {
#featured-items-list {
width:80%;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
#featured-items-list .featured-item {
width:28%;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#home-banner::before {
top:-50px;
}
#featured-items-list .featured-item {
width:43%;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#home-banner::before {
top:-40px;
}
#featured-items-list {
width:100%;
}
#featured-items-list .featured-item {
width:calc(49% - 40px);
}

}

@media (max-width: 767px) {
section.home-section {
padding:50px 10px;
}
#header #header-logo {
width:300px;
top:0;
right:0;
margin:auto;
}
#home-banner::before {
top:0;
}
#home-banner {
overflow:hidden;
}
#banner-mute-btn {
bottom:20px;
left:20px;
}
#ticket-banner .container {
flex-direction:column;
}
#featured-items-list {
width:100%;
}
#featured-items-list .featured-item {
width:70%;
}
#featured-items-list .featured-item:hover {
width:45%;
margin:20px;
}
#featured-items-list .featured-item-image {
height:300px;
background-size:contain;
}

}

@media (max-width: 480px) {
#page-wrapper.nav-open #header-logo {
display:none;
}
#header #header-logo {
width:200px;
}
#home-banner::before {
top:30px;
}
#home-banner {
padding:60px 0;
}
#home-banner::after {
bottom:40px;
}
#banner-mute-btn {
bottom:0;
left:0;
transform:scale(0.7);
}
#ticket-banner {
padding:20px;
}
#buy-tickets {
margin:20px auto;
width:90%;
}
#featured-items-list .featured-item {
width:100%;
}
#featured-items-list .featured-item:hover {
width:100%;
}
#featured-items-list .featured-item-image {
height:222px;
}

}