#fly-out-menu select,
#fly-out-menu input,
#fly-out-menu textarea {
border:1px solid #222;
}
#fly-out-menu select,
#fly-out-menu input {
height: 50px !important;
}
.fly-out-open-button {
cursor: pointer;
}
#fly-out-close-button {
color: red;
cursor: pointer;
font-size: 48px;
height: 50px;
position: absolute;
right: 30px;
top: 20px;
width: 50px;
z-index: 999;
}
.fly-out-close {
cursor: pointer;
}
#fly-out-menu {
background: #fff;
height: 100%;
overflow-y: hidden;
padding: 10px;
right: -120%;
position: fixed;
text-align: center;
text-transform: capitalize;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
z-index: 999;  	
}
#fly-out-overlay {
background: rgba(0,0,0,0);
cursor: pointer;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
z-index: 998;
}
.fly-out-open {
right: 0 !important;
transition: all 0.25s ease-in-out;
}
.lights-out {
background: rgba(0,0,0,0.8) !important;
display: block !important;
transition: all 0.25s ease-in-out;
}
iframe {
width: 100%;
}
.black-bg {
background: #000;
}
.post .section-post-header {
display: none;
}
#Filters {
display: none;
}  #alert {
background: rgba(0,0,0,0.7);
height: 100%;
overflow-y: scroll;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#alert .container {
background: #fff;
max-width: 500px;
padding: 20px 40px 40px 40px;
position: relative;
top: 0px;
}
#alert h3 {
margin-bottom: 10px;
}
#alert-close {
background: red;
border-radius: 5px;
color: #fff;
font-size: 30px;
font-weight: 900;
cursor: pointer;
padding: 10px;
position: absolute;
right: 20px;
top: 20px;
}
.alert-hidden {
display: none !important;
}
img {
height: auto;
max-width: 100%;
}
#mc_embed_signup_scroll img {
max-width: 100% !important;
} #functions-booking {
background: rgba(0,0,0,0.6);
color: #fff;
display: block;
font-weight: 900;
padding: 20px;
position: fixed;
right: 0;
text-decoration: none;
top: 50%;
z-index: 999;
}
.has_content .the_content_wrapper {
margin-bottom: 0px;
}
.mc-modal-bg {
opacity: 0.75 !important;
} .mhb-row-wrapper.container {
width: 100% !important;
}
@media only screen and (min-width: 641px) {
#fly-out-menu {
height: 100%;
width: 400px;
}
} .clamp-50 {
font-size: clamp(30px, 10vw, 50px);
line-height: 1;
}
.clamp-99 {
font-size: clamp(38px, 10vw, 99px);
line-height: 1;
}
.mhb-menu .menu {
background: black !important;
}
.mhb-row-wrapper.container {
justify-content: space-evenly;
padding: 0;
}
.mhb-col.left {
display: none;
}
.mhb-row-wrapper.container {
justify-content: end;
}
@media only screen and (min-width: 641px) {
.mhb-col.left {
display: flex;
}
.mhb-row-wrapper.container {
justify-content: space-evenly;
padding: 0;
}
} .sg-popup-content {
max-width: 600px;
text-align: center;
}
.sg-popup-content p {
font-size: 16px;
}
.max-content {
max-width: 900px;
}
.btn {
background: orange;
color: #fff;	
display: inline-block;
font-size: 20px;
font-weight: 800;
margin: 0 auto;
max-width: max-content;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.5s;
}
.btn:hover {
color: #fff;
text-decoration: none;
transform: scale(105%);
transition: all 0.5s;
}
.sgpb-popup-close-button-1 {
bottom: auto !important;
top: 20px !important;
right: 20px !important;
}
.sgpb-theme-1-content {
border-bottom-width: 0 !important;
} @media only screen and (min-width: 641px) {
.row-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px;
}
.span-1 {
grid-column: span 1;
}
.span-2 {
grid-column: span 2;
}
.span-3 {
grid-column: span 3;
}
.span-4 {
grid-column: span 4;
}
.span-5 {
grid-column: span 5;
}
.span-6 {
grid-column: span 6;
}
.span-7 {
grid-column: span 7;
}
.span-8 {
grid-column: span 8;
}
.span-9 {
grid-column: span 9;
}
.span-10 {
grid-column: span 10;
}
.span-11 {
grid-column: span 11;
}
.span-12 {
grid-column: span 12;
}
}