body {
    font-family: 'Vollkorn', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Palatino';
    letter-spacing: 2pt;
    text-align:center;
}
label, input {
    font-family: 'Fira Sans Book';
    letter-spacing: 2pt;
    width: 90%;
}
button {
    font-family: 'Fira Sans';
    letter-spacing: 2pt;
    text-transform: uppercase;
    border: none;
    background: none;
}
hr.small {
    width: 38px;
    border-color: #000;
    margin: 8px auto;
}
hr.thick {
    border-width: 4px;
}
li {
    list-style: none;
}
a, a:hover, a:visited {
    color:#FFF;
    text-decoration: none;
}
.underlined {
    border-bottom: 1px solid #000;
}
.with-space {
    margin: 18px auto;
}
.input-group {
    width: 100%;
}
.container {
    /*max-width: 1800px;*/
}
div.header-content {
    padding: 18px 13px;
    position: absolute;
    top: 0;
    width: 100%;
}
div.header {
    height:98px;
    background-size: cover;
    background-position: center center;
    background-color: #cee5d2;
}
.homepage div.header {
    height: auto;
    background-color: transparent;
}
div.header .page-title {
    display: none;
}
div.header .page-title h1 {
    text-transform: uppercase
}
div.logo {
    width: 78px;
}
div.logo hr {
    border-color:#FFF;
    margin-top: 18px;
    margin-left:0;
    width:24px;
}
div.header-right {
    text-align: right;
    position: relative;
}
button.main-menu-toggle {
    font-size: 28px;
    background:#FFF;
    border:none;
}
ul#main-menu {
    position: absolute;
    right:15px;
    top:48px;
    background: rgba(250, 250,250,.9);
    width: 148px;
    text-align:left;
    padding: 8px 18px;
    z-index: 100;
    display: none;
    font-family: 'Fira Sans';
    text-transform: uppercase;
    letter-spacing: 2pt;
}
ul#main-menu li {
    margin-bottom: 8px;
}
ul#main-menu li a {
    color:#000;
}
ul#main-menu li.tenant-select {
    margin-top: 18px;
}
button.tenant-select-button {
    border: 1px solid #000;
    background: none;
    width:100%;
}
button.tenant-select-button i {
    margin-top:4px;
}
ul.tenant-select-list {
    display: none;
    padding: 0;
    padding-top:8px;
    text-align: center;
}
.content.row {
    text-align: center;
}
.content-wrapper {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 100%;
}
.content-body {
    text-align: center;
    display: inline-block;
    float:none;
}
.homepage-gallery .content-body,
.about-gallery .content-body {
    display: block;
}
.content-body-content {
    color: #a2a0a0;
    font-size: 18px;
    text-align: justify;
    text-align-last: center;
}
.footer {
    text-align: center;
}
.footer-events {
    margin-top:18px;
    background: url(/img/back-footer-event.jpg) center center no-repeat;
    background-size: cover;
    padding: 18px;
    color:#FFF;
}
.footer-events-title {
    margin-bottom: 18px;
}
.footer-events-link a {
    padding: 8px 28px;
    border: 1px solid #FFF;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2pt;
    font-family: 'Fira Sans Book';
}
.footer-info {
    max-width: 1024px;
    float: none;
    margin: 28px auto;
    font-family: 'Fira Sans Book';
    letter-spacing: 2pt;
}
.footer-info > div {
    margin: 58px 0;
}
.footer-info > div > div {
    color: #b7b7b7;
}
.footer-newsletter-input {
    margin: 8px 0;
}
.footer-newsletter-input input{
    color: #596648;
    border: 2px solid #596648;
    padding: 8px;
    text-align:center;
    border-radius: 0;
}
.footer-newsletter-submit button {
    background: #596648;
    color:#FFF;
    border:none;
    padding: 4px 18px;
}
.footer-social a {
    border-bottom: 2px solid #8b8b8b;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.footer-social > div {
    margin: 8px 0;
    width: 48%;
    display: inline-block;
}
.footer-social > div > span {
    vertical-align: middle;
}
.footer-social-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.footer-social-icon-fb {
    background-image: url(/img/icn-fb.png)
}
.footer-social-icon-insta {
    background-image: url(/img/icn-insta.png)
}
.footer-social-link a {
    color: #b7b7b7;
}
.footer-other-contact,
.footer-contact-phone {
    margin: 18px 0;
}

.content-item {
    position: relative;
    cursor: pointer;
    margin: 8px 0;
    color: #333;
}
.content-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    background-color:rgba(73, 94, 56, .85);
    z-index: 10;
    display: none;
    font-size: 16px;
}
.content-item:hover .content-item-overlay {
    display: block;
}
.content-item-overlay-text {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    width:100%;
    color: #FFF;
}
.content-item-wrapper {
    background: #f3f3f3;
    text-align:center;
}
.content-item-image {
    height:270px;
    width:100%;
    overflow: hidden;
}
.content-item-image img {
    height:100%;
}
.content-item-text {
    padding:18px;
}
.content-item-title h3 {
    color: #8fbfa0;
}
.content-item-content {
    height: 60px;
    overflow: hidden;
}
.content-item-date {
    margin-top:18px;
    text-align:left;
    color: #a7a7a7;
    letter-spacing: 2pt;
    display: inline-block;
    width: 100%;
}
.content-item-date i {
    color: #333;
    margin-top:3px;
}
.event-body {
    color: #a7a7a7;
}
.event-date {
    background: #3c5e32;
    color:#FFF;
    font-family: 'Fira Sans';
    text-align: center;
    padding: 18px 0;
}
.event-date-day {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
}
.event-date-time {
    font-size: 12px;
}
.event-content {
    text-align: justify;
    margin: 18px 0;
}
.event-image {
    padding-top: 100%;
}
.event-sound {
    margin-top: 18px;
    margin-bottom: 18px;
}
.event-sound-frame {
    height: 166px;
}
.event-reservations {
    margin: 78px 0;
}
.content-inverted {
    background: #f3f3f3;
    display: inline-block;
    padding: 38px 0;
    width: 100%;
}
.event-more-events .content-body {
    max-width: 1024px;
    margin: auto;
}
.content-inverted .content-item-wrapper {
    background: #FFF;
}
.gallery-item .content-item-image {
    height: auto;
    overflow: visible;
}
.homepage {
    text-align: center;
}
.gallery-item .content-item-image img {
    height: auto;
}
.slider-homepage {
    position: relative;
}
.slider-navigation {
    display: none;
}
.slider-pagination {
    width: 18px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.slider-banner-indicator {
    display: inline-block;
    width: 14px;
    height:14px;
    border: 2px solid #FFF;
    border-radius: 100%;
    margin:4px 0;
}
.slider-banner-indicator.active {
    background: #FFF;
}
.slider-banner-indicator i {
    display: none;
}
.homepage-down-arrow {
    background: url(/img/homepage_banner_arrow.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 133px;
    height: 24px;
    top: -24px;
    position: relative;
    margin: 0 auto;
}
.intro-deco {
    background: url(/img/home-deco.png) no-repeat center center;
    background-size: contain;
    width:92px;
    height:20px;
    margin-left: auto;
    margin-right: auto;
}
.intro-homepage {
    margin: 38px auto;
    max-width: 1024px;
    font-family: 'Palatino';
    font-size: 22px;
    color:#a2a0a0;
    letter-spacing: 2pt;
    float: none;
}
.intro-more {
    display: none;
}
.more-btn {
    display: block;
    margin-top: 28px;
    padding: 8px 28px;
    border: 1px solid #5fa16f;
    color: #000;
    max-width: 258px;
    margin-left: auto;
    margin-right: auto;
}
.more-btn a {
    color: #000;
    font-size: 22px;
    font-family: 'Fira Sans', 'Vollkorn', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.homepage .content-title i {
    margin: 8px auto;
    color: #5fa16f;
    font-size:18px;
}
.homepage-events a h1,
.homepage-menus a h1,
.homepage-gallery a h1 {
    color: #333;
}
.homepage-menus {
    margin-bottom: 18px;
}
.homepage-gallery {
    display: inline-block;
    padding-top: 38px;
    padding-bottom: 38px;
    width: 100%;
}
.homepage-gallery .content-title {
    background: #3c5e32;
    text-transform: uppercase;
    
}
.homepage-gallery .content-title i {
    color: #ffffff;
}
.homepage-gallery .content-title h4 {
    font-family: 'Fira Sans';
}
.homepage-gallery .content-item.gallery-item .content-item-image {
    height: 270px;
    background-size:cover;
    background-position: center;
}
.about-gallery {
    background-color: #f3f3f3;
    padding: 18px;
}
.about-gallery .content-body {
    background-color: #6d8467;
}
.about-gallery .content-title {
    background-color: #d8d8d8;
    text-transform: lowercase;
}
.about-gallery .content-title a {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.about-gallery .content-title i {
    display: none;
}
.about-gallery .content-title h4 {
    border-bottom: 1px solid #fff;
    color: #FFFFFF;
}
.about-gallery .content-item.gallery-item .content-item-image {
    height: 270px;
    background-size:cover;
    background-position: center;
}
.footer-homepage {
    background: #4a774e;
    height: 68px;
    position: relative;
}
.homepage .footer-homepage {
    margin-top: 58px;
}
.footer a {
    color:#b7b7b7;
}
.footer-homepage-image {
    background: url(/img/homepage-footer-back.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.footer-homepage-overlay {
    background: rgba(74,119,79,.7);
    width: 48%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.contact-details,
.contact-details h3 {
    font-family: 'Fira Sans Book';
    text-align: left;
}
.contact-details {
    margin-top: 18px;
    margin-bottom: 18px;
}
.contact-detail {
    margin: 18px 0;
    color: #b7b7b7;
}
.contact-detail strong {
    color: #000;
}
.reservations-policy {
    color: #a2a0a0;
    text-align: justify;
}
.reservations-policy h3 {
    text-transform: uppercase;
    text-align: justify;
    margin-top: 10px;
}
.contact-form input.form-control,
.contact-form textarea.form-control,
.reservations-form input.form-control {
    text-align: center;
    border: 1px solid #038a6c;
    border-radius: 0;
}
.contact-form .input-group-addon,
.reservations-form .input-group-addon {
    border-color: #038a6c;
    background-color: #25ac8e;
    color: #FFF;
}
.contact-form label,
.reservations-form label {
    color: #b7b7b7;
    padding-right: 8px;
}
.contact-form label:after,
.reservations-form label:after {
    content: ":";
}
.contact-form-button,
.reservations-form-button {
    display: block;
    margin-top: 28px;
    padding: 0;
    border-bottom: 1px solid #038a6c;
    color: #25ac8e;
    max-width: 278px;
    margin-left: auto;
    text-align: left;
    font-size: 22px;
}
.contact-form-button button,
.reservations-form-button button {
    padding-left: 0;
    font-family: 'Vollkorn', Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}