/*General Stylesheet*/
@import url('/_wss/clients/270/fonts/Seagram/stylesheet.css');

@font-face {
  font-family: 'Chantelli';
  src: url('/_wss/clients/270/fonts/Chantelli_Antiqua.ttf'); 
}
@font-face {
  font-family: 'Rothenburg';
  src: url('/_wss/clients/270/fonts/rothenbg.ttf'); 
}



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

body.body {
background:#efefe8 !important;
font-family:Georgia;
font-size:18px;
position:relative;
}
h3 {
font-family:Seagram;
font-weight:700;
font-style:normal;
font-size:30px;
}
hr {
border-color:#444;
}
#page-wrapper {
transition:all 0.3s;
position:relative;
background:#efefe8;
}
#page-wrapper.nav-open {
transform:translate3d(-20em,0,0);
}
#page-overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:none;
z-index:80;
}
#page-overlay.nav-open {
background:rgba(0,0,0,0.5);
display:block;
}
#header {
height:100px;
background:white;
position:relative;
z-index:100;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
padding:10px 20px;
border-bottom:2px solid #4D3737;
}
header #purchase-tickets {
display:flex;
align-items:center;
}
.header-logo-container {
width:250px;
position:relative;
overflow:visible;
height:100%;
max-width:50%;
}
#header #header-logo {
width:100%;
margin:auto;
position:absolute;
top:-15px;
left:0;
right:0;
}
.default-page {
min-height:80vh;
background-image:url('/_wss/clients/270/images/drone-view-of-festival_optimized.jpg');
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center top;
padding:50px 0 100px;
}
.default-page .container {
border-radius:10px;
padding:20px 60px;
min-height:500px;
position:relative;
background-color:rgba(245, 234, 213, 0.95);
}
.default-page .container::before {
display:none;
}
.default-page .container::after {
display:none;
}
.default-page #main_content {
word-wrap:break-word;
}
.default-page #main_content img:first-child {
width:80%;
height:auto !important;
margin:10px auto;
display:block;
}
.default-page #main_content a {
color:#866728;
text-decoration:none;
}
.default-page #main_content img {
max-width:100%;
height:auto;
}
.default-page #main_content li {
margin-bottom:5px;
}
.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;
}
#header #mobile-nav-btn-container {
display:flex;
flex-direction:row-reverse;
align-items:center;
}
#mobile-nav-btn {
background:none;
display:block;
position:relative;
width:40px;
height:40px;
padding:0;
border:none;
z-index:105;
}
#main-nav {
display:flex;
flex-direction:column;
height:100%;
transition:all 0.3s;
overflow:hidden;
width:20em;
margin:0 auto;
position:absolute;
top:0;
right:0;
background:white;
}
.nav-item {
margin:0 10px;
position:relative;
padding:15px 10px;
border-bottom:1px solid #ccc;
}
.nav-item.has-submenu {
padding-right:20px;;
}
.nav-item a {
text-decoration:none;
font-weight:bold;
font-family:Seagram;
font-size:22px;
transition:all 0.3s;
position:relative;
display:block;
color:#531b08;
}
.nav-item a::after {
content:'';
background:#002D04;
width:0;
height:3px;
position:absolute;
left:0;
right:0;
bottom:-5px;
transition:all 0.3s;
margin:auto;
}
.nav-item a:hover::after {
width:100%;
}
.submenu-button {
position:absolute;
right:10px;
top:25px;
width:0;
height:0;
border-left:6px solid transparent;;
border-right:6px solid transparent;;
border-top:6px solid black;
}
.show-submenu > .submenu-button {
border-top:none;
border-bottom:6px solid black;
}
.submenu {
margin:0;
padding:0;
list-style:none;
max-width:80%;
display:flex;
flex-direction:column;
max-height:0;
overflow:hidden;
position:relative;
left:0;
right:0;
top:0;
background:white;
}
.nav-item.show-submenu {
padding-bottom:0;
}
.show-submenu > .submenu {
max-height:100%;
margin:5px auto 0;
}
.submenu li {
border-top:1px solid #ccc;
padding:10px;
position:relative;
}
.submenu .submenu-button {
top:20px;
right:0;
}
.nav-item .submenu a {
font-family:Georgia;
font-size:18px;
}
#footer {
display:flex;
flex-direction:column;
align-items:center;
background:#351A04;
position:relative;
}
#footer #paper-rip-overlay {
position:absolute;
top:-75px;
left:0;
right:0;
display:block;
width:100%;
height:85px;
background-image:url('/_wss/clients/270/images/brown-paper-rip.png');
background-size:contain;
background-position:center bottom;
z-index:100;
background-repeat:no-repeat;
}
#footer #footer-logo {
width:150px;
margin:10px auto;
}
#footer p {
margin:0;
padding:5px 0;
}
#footer-contact-section .container {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
}
#contact-section {
background:#351A04;
min-height:400px;
padding:0;
}
#footer-contact-section #contact-logo {
width:250px;
display:block;
margin:0 auto;
}
#footer-contact-section #brevo-registration-form {
transform:scale(0.7);
margin:-80px 0 -30px;
}
#footer-contact-section #mailer-disclaimer {
color:white;
font-size:18px;
font-style:italic;
min-width:100%;
display:block;
flex:1;
text-align:center;
}
#footer-contact_content {
width:90%;
margin:auto;
}
.social-icons {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:relative;
}
.social-icons::before {
content:'';
height:3px;
position:absolute;
top:0;
width:85%;
background:grey;
border-radius:3px;
z-index:0;
}
.social-icons img {
width:50px;
transition:all 0.3s;
margin:0 10px;
position:relative;
}
.social-icons img:hover {
opacity:0.5;
}
#global_contact-mailer-disclaimer {
padding:5px 10px;
}
#footer .links-and-credits {
color:#8d502b;
padding:5px 0;
font-size:16px;
width:100%;
border-top:1px solid #8d502b;
}
#footer .links-and-credits a {
color:#8d502b;
}
#signin_div {
width:100%;
max-width:450px;
background:rgb(255, 232, 212);;
border:2px solid #aaa;
border-radius:20px;
padding:20px;
display:flex;
flex-direction:column;
align-items:center;
margin:200px auto;
}
#signin_div form {
width:75%;
}
#signin_div form input {
margin:5px auto;
font-size:14px;
border-radius:5px;
padding:5px;
width:90%;
}
#signin_div .btn {
max-width:150px;
margin:10px auto 0;
}
#signin_div fieldset {
display:flex;
flex-direction:column;
}
#header .buy-tickets::before {
content:url('/_wss/clients/270/images/ticket-btn-silver.png');
display:none;
}
#header .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;
}
#header .buy-tickets:hover {
background-image:url('/_wss/clients/270/images/ticket-btn-silver.png');
}
.ui-accordion-header-active {
background:#531b08;
}
#form_316 {
width:100%;
max-width:400px;
}
#form_316 tr {
display:flex;
flex-direction:column;
margin:8px 0;
}
#form_316 td.label {
display:block;
text-align:left;
padding:5px 0 0;
}
#form_316 input, #form_316 textarea {
margin:0;
padding:5px;
border-radius:5px;
border:2px solid #ccc;
font-size:16px;
width:100%;
display:block;
}
#form_316 textarea {
min-height:100px;;
}

@media (min-width: 1600px) {
.default-page .container {
margin:0 auto;
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
}
.default-page .container::before {
position:absolute;
top:-100px;
left:-230px;
right:-270px;
content:'';
height:150px;
width:calc(100% + 500px);
background-image:url('/_wss/clients/270/images/scroll-top.png');
background-size:100% 100%;
background-repeat:no-repeat;
display:none;
}
.default-page .container::after {
background-image:url('/_wss/clients/270/images/scroll-bottom.png');
background-size:100% 100%;
background-repeat:no-repeat;
position:absolute;
bottom:-200px;
left:-230px;
right:-270px;
height:200px;;
width:calc(100% + 500px);
display:none;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
#footer-contact-section .container {
flex-direction:column;
}

}

@media (max-width: 767px) {
#header {
height:auto;
padding:10px ;
}
header #purchase-tickets {
display:none;
}
.header-logo-container {
width:200px;
}
#header #header-logo {
margin:20px auto;
top:-50px;
}
.default-page #main_content img:first-child {
width:100%;
}
#header #mobile-nav-btn-container {
display:flex;
flex-direction:column;
align-items:flex-end;
}
#mobile-nav-btn {
display:block;
}
#main-nav {
flex-direction:column;
margin:0 auto;
background:rgba(255,255,255,0.95);
}
.nav-item {
width:100%;
text-align:left;
padding:10px 20px;
}
.nav-item a {
font-size:20px;
}
.submenu-button {
right:15px;
top:15px;
}
.submenu {
max-width:90%;
position:relative;
left:0;
right:0;
top:0;
}
.show-submenu > .submenu {
margin:10px auto 0;
}
.submenu li {
padding:5px 10px;
}
#footer #paper-rip-overlay {
top:-80px;
}
#footer-contact-section .container {
flex-direction:column;
}
#footer-contact-section #brevo-registration-form {
transform:scale(1);
margin:20px auto;
}

}

@media (max-width: 480px) {
.default-page .container {
padding:20px;
}
.nav-item a {
font-size:18px;
}
#footer #paper-rip-overlay {
background-image:url('/_wss/clients/270/images/brown-paper-rip_mobile.png');
}
#footer-contact-section .container {
padding:0;
}
#contact-section {
padding:20px 0;
}
#header .buy-tickets {
padding:15px 20px;
margin:10px auto;
font-size:18px;
width:150px;
}

}