/* Home */



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

.span-box {
font-size:0;
position:relative;
}
.span-3 {
width:33.33%;
height:500px;
display:inline-block;
font-size:initial;
position:relative;
vertical-align:top;
}
.span-3.response-right {
float:right;
}
.bg-sun {
background-image:url('sunburst.png');
background-size:cover;
background-position:center;
position:relative;
}
.bg-sun h1 {
position:relative;
font-size:135px;
margin-top:77px;
font-family:'Carnevalee';
color:#990002;
filter:drop-shadow(5px 4px 0px rgba(0,0,0,0.3));
}
.bg-sun .ray {
display:block;
position:absolute;
height:100%;
width:100%;
overflow:hidden;
}
.bg-sun .ray:before {
content:'';
position:absolute;
width:150%;
height:150%;
top:calc(50% - 75%);
left:calc(50% - 75%);
border-radius:100%;
display:block;
transform-origin:50% 50%;
background-image:url('rays.png');
background-size:cover;
background-position:center;
animation:rotating 60s linear infinite;
}
.menu-container {
font-size:0;
position:relative;
}
.menu-3 {
width:33.33%;
font-size:initial;
padding:0 15px;
text-align:center;
display:inline-block;
vertical-align:top;
}
.menu-3.response-left {
float:left;
}
.menu-3 .menu-box {
border-top:50px solid #6b0f09;
border-top-left-radius:10px;
border-top-right-radius:10px;
margin-top:75px;
position:relative;
padding:40px 15px 6px 15px;
background-color:#f5f3eb;
margin-bottom:35px;
width:100%;
display:inline-block;
filter:drop-shadow(2px 2px 9px rgba(0,0,0,0.3));
}
.menu-3 .menu-box:after {
content:'';
height:30px;
width:100%;
position:absolute;
bottom:-30px;
background-image:url('menu-end.png');
background-repeat:repeat-x;
background-position:top;
left:0;
}
.menu-box .menu-header {
background-image:url('wavy.png');
background-position:center center;
background-size:contain;
position:absolute;
top:-110px;
background-repeat:no-repeat;
width:100%;
height:140px;
left:0;
padding:20px;
}
.menu-box .menu-header h2 {
color:#eee1ce;
margin:0;
font-family:"Carnevalee";
position:absolute;
bottom:35px;
left:0;
width:100%;
}
.menu-box .menu-item {
display:block;
position:relative;
color:#584a41;
border-bottom:1px dotted #584a41;
text-decoration:none;
cursor:pointer;
font-size:0;
}
.menu-box .menu-item .menu-item-left {
font-size:initial;
width:30%;
display:inline-block;
vertical-align:top;
padding:5px 7px 5px 0;
}
.menu-box .menu-item .menu-item-right {
font-size:initial;
width:70%;
text-align:left;
display:inline-block;
}
.menu-box .menu-item .menu-item-left .item-img {
width:100%;
padding-bottom:100%;
border-radius:100%;
background-color:#6b0f09;
display:block;
background-size:cover;
}
.menu-box .menu-item .menu-item-right h4 {
margin:0;
font-size:22px;
}
.menu-box .menu-item .menu-item-right p {
margin:0;
}
.menu-box .menu-item .menu-item-right .price {
font-size:54px;
color:#6b0f09;
font-family:'Carnevalee';
display:inline-block;
height:65px;
margin-top:-16px;
}
.menu-box .menu-item .menu-item-right .price .up {
vertical-align:top;
font-size:32px;
font-family:inherit;
display:inline-block;
padding-top:8px;
}
.f-ribbon {
position:absolute;
bottom:60px;
width:100%;
font-size:40px;
}
.f-ribbon .f-contents {
position:absolute;
top:0;
left:0;
width:100%;
background-image:url('f-ribbon-body.png');
background-size:cover;
background-repeat:no-repeat;
color:#eee1ce;
padding:5px;
z-index:1;
}
.f-ribbon:before {
background-image:url('f-ribbon-left.png');
content:'';
left:-83px;
bottom:-156px;
}
.f-ribbon:after {
content:'';
background-image:url('f-ribbon-right.png');
right:-83px;
bottom:-156px;
}
.f-ribbon:before, .f-ribbon:after {
width:116px;
height:120px;
position:absolute;
background-repeat:no-repeat;
background-size:contain;
}
.event-box {
background-color:#515151;
padding:0;
margin:30px 0;
}
.event-body {
background-color:#6b0f09;
font-size:0;
position:relative;
}
.event-body .event-left {
position:absolute;
width:30%;
height:100%;
font-size:0;
display:inline-block;
vertical-align:top;
text-align:center;
}
.event-body .event-right {
position:relative;
width:70%;
font-size:initial;
display:inline-block;
text-align:center;
padding:20px;
float:right;
color:#eee1ce;
}
.event-left .event-map {
display:block;
width:100%;
height:50%;
position:relative;
overflow:hidden;
font-size:initial;
}
.event-left .date {
display:block;
width:100%;
height:50%;
position:relative;
background-image:url('bg-tile-dark.png');
background-position:center;
background-size:cover;
color:white;
font-size:56px;
padding:15px;
line-height:44px;
}
.event-left .date span {
font-family:'Carnevalee';
}
.event-right h1 {
font-family:'Carnevalee';
font-size:34px;
}
.event-right .event-button {
padding:10px 20px;
font-size:26px;
text-decoration:none;
color:#eee1ce;
cursor:pointer;
}
.event-right hr {
border-top:1px solid #eee1ce;
}
.event-box .share-container {
text-align:center;
padding:5px;
overflow:hidden;
}
.event-box .share-container * .share-link {
display:block;
width:40px;
height:40px;
text-align:center;
background-color:#990002;
color:#eee1ce;
border-radius:100%;
font-size:28px;
margin:0 10px;
}
.image-box {
padding:15px;
}
.image-box .image {
padding-bottom:100%;
background-size:cover;
background-position:center;
}
#gallery-box {
position:relative;
}
#gallery-box .gallery-button {
position:absolute;
font-size:35px;
top:calc(50% - 17px);;
color:#990002;
}
#gallery-box .gallery-button:hover {
color:#6b0f09;
}
#gallery-box .gallery-button.left {
left:-20px;
}
#gallery-box .gallery-button.right {
right:-20px;
}
.story-container {
padding:0 15px;
}
.story-box {
padding:3px;
background-color:#f5f3eb;
border-radius:5px;
}
#Story {
padding:30px;
}
#Story h3 {
color:#6b0f09;
}
#Story p {
font-size:14px;
}
.story-right {
padding:30px;
}
.s-photos {
padding:15px 15px 0px 15px;
background-image:url('bg-tile-light.png');
border-radius:2px;
box-shadow:0px 0px 5.5px 1.4px rgba(0,0,0,0.2);
}
.s-photos .controls {
padding:5px;
font-size:30px;
}
.s-photos .s-image {
width:100%;
padding-bottom:100%;
background-color:#515151;
position:relative;
}
.s-image .s-image-display {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
}
.s-photos .controls .s-button.left {
float:left;
}
.s-photos .controls .s-button.right {
float:right;
}
.contact-box {
background-color:#f5f3eb;
padding:30px;
border-radius:10px;
margin-bottom:30px;
}
.s-button {
color:#990002;
cursor:pointer;
}
.s-button:hover {
color:#584a41;
}

@media (min-width: 1600px) {

}

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

}

@media (min-width: 980px) and (max-width: 1199px) {
.bg-sun h1 {
font-size:100px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
.span-3 {
width:50%;
height:400px;
}
.span-3.response-right {
float:none;
}
.bg-sun {
width:100%;
}
.bg-sun .ray:before {
width:250%;
height:250%;
top:calc(50% - 125%);
left:calc(50% - 125%);
}
.menu-3 {
width:50%;
}
.menu-3.main {
width:100%;
}

}

@media (max-width: 767px) {
.span-3 {
width:100%;
height:300px;
}
.span-3.response-right {
float:none;
width:100%;
}
.bg-sun {
width:100%;
}
.bg-sun h1 {
font-size:93px;
margin-top:55px;
}
.bg-sun .ray:before {
width:250%;
height:250%;
top:calc(50% - 125%);
left:calc(50% - 125%);
}
.menu-3 {
width:50%;
}
.menu-3.main {
width:100%;
}
.event-body .event-left {
position:relative;
width:100%;
height:170px;
}
.event-body .event-right {
width:100%;
float:none;
}
.event-left .event-map {
display:inline-block;
width:50%;
height:100%;
}
.event-left .date {
display:inline-block;
width:50%;
height:100%;
}
#gallery-box .gallery-button {
top:-50px;
}
#gallery-box .gallery-button.left {
left:30px;
}
#gallery-box .gallery-button.right {
right:30px;
}

}

@media (max-width: 480px) {
.span-3 {
width:100%;
height:300px;
}
.span-3.response-right {
float:none;
width:100%;
}
.bg-sun {
width:100%;
}
.bg-sun h1 {
font-size:93px;
margin-top:10px;
}
.menu-3 {
width:100%;
}
.menu-3.main {
width:100%;
}
.event-body .event-left {
position:relative;
width:100%;
height:170px;
}
.event-body .event-right {
width:100%;
float:none;
}
.event-left .event-map {
display:inline-block;
width:50%;
height:100%;
}
.event-left .date {
display:inline-block;
width:50%;
height:100%;
}
#gallery-box .gallery-button {
top:-50px;
}
#gallery-box .gallery-button.left {
left:30px;
}
#gallery-box .gallery-button.right {
right:30px;
}

}