/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "American";
  src: url("./fonts/American Typewriter Regular.ttf"); }

@font-face {
  font-family: "Bold";
  src: url("./fonts/American Typewriter Bold.ttf"); }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: American;
  font-size: 12px;
  width: 100%;
  height: 100vh;
  background-color: #e5e5e7; }
  body b, body strong {
    font-family: Bold; }
  body .ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden; }
  body section {
    border: 1px solid black;
    -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    body section .side {
      width: 33%;
      background: transparent; }
    body section .center {
      width: 33%;
      border-left: 1px solid black;
      border-right: 1px solid black;
      background: #e5e5e7;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    body section.top {
      max-height: 20vh;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 20vh;
      border-top: none;
      border-top: none;
      border-left: none;
      border-right: none; }
      body section.top .center {
        padding-top: 0; }
      body section.top .container {
        height: 100%;
        display: inline-block;
        width: 100%;
        position: relative; }
        body section.top .container img.logo {
          position: absolute;
          display: block;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        body section.top .container .logo {
          left: 0%; }
        body section.top .container .buttons-wrapper {
          position: absolute;
          display: inline-block;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0; }
          body section.top .container .buttons-wrapper .search {
            margin-right: 30px;
            cursor: pointer; }
          body section.top .container .buttons-wrapper .menu {
            cursor: pointer; }
            body section.top .container .buttons-wrapper .menu.hidden {
              display: none; }
          body section.top .container .buttons-wrapper .close {
            cursor: pointer; }
            body section.top .container .buttons-wrapper .close.hidden {
              display: none; }
              body section.top .container span.ok {
                position: absolute;
                cursor:pointer;
                top:73%;
                right:5px;
                opacity:0;
                pointer-events: none;
              }
              body section.top .container span.show {
              
                opacity:1;
                pointer-events: all;
              }
        body section.top .container input {
          background: transparent;
          border: none;
          border-bottom: 1px solid black;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          position: absolute;
          display: inline-block;
          top: 76%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 40px;
          outline: none;
          width: 0%;
          font-size: 12px;
          opacity: 0;
          -webkit-transition: all 0.6s;
          transition: all 0.6s; }
          body section.top .container input.show {
            width: 55%;
            opacity: 1; }
    body section.content {
      max-height: 60vh;
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      overflow: hidden;
      height: 100%;
      border: none;
      background-repeat: no-repeat;
      background-position: top;
      background-size: cover; }
      body section.content.half {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 50%; }
      body section.content .tns-outer button {
        display: none; }
      body section.content .tns-outer.hidden {
        opacity: 0; }
      body section.content .highlight {
        display: none; }
        body section.content .highlight.active {
          display: block; }
        body section.content .highlight .event-header {
          cursor: text; }
      body section.content .edit {
        width: 100%;
        -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
        flex: 0.5;
        border: 1px solid black;
        -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
        transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 33%;
        z-index: 9999;
        border-left: none;
        border-right: none; }
        body section.content .edit.expanded {
          height: 100%; }
        body section.content .edit .center {
          padding: 20px;
          overflow-y: scroll; }
        body section.content .edit .month {
          font-size: 20px;
          letter-spacing: 1px;
          margin-bottom: 20px;
          margin-top: 20px; }
        body section.content .edit .event-header {
          width: 100%;
          display: inline-block;
          height: auto;
          font-size: 12px; }
          body section.content .edit .event-header.clickable {
            cursor: pointer; }
            body section.content .edit .event-header.clickable .event-title {
              text-decoration: underline; }
          body section.content .edit .event-header.first-day {
            margin-top: 20px; }
          body section.content .edit .event-header .event-title {
            float: left;
            letter-spacing: 1px;
            font-size: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            line-height: 18px;
            width: 100%; }
            body section.content .edit .event-header .event-title .day {
              float: left;
              padding-right: 30px;
              letter-spacing: 1px;
              min-width: 60px;
              max-width: 60px;
              text-transform: uppercase;
              font-family: Bold; }
        body section.content .edit .event-description {
          font-size: 12px;
          letter-spacing: 1px;
          margin-top: 20px;
          line-height: 16px; }
        body section.content .edit .post-content {
          max-height: 0;
          opacity: 0;
          overflow: hidden;
          -webkit-transition: all 1s;
          transition: all 1s; }
          body section.content .edit .post-content.open {
            display: block;
            margin-top: 20px;
            height: auto;
            max-height: 2000px;
            opacity: 1;
            -webkit-transition: all 1s;
            transition: all 1s; }
          body section.content .edit .post-content .post a {
            display: none; }
          body section.content .edit .post-content .post > p:first-of-type img:nth-child(1) {
            min-width: 70%;
            max-width: 70%;
            height: auto; }
          body section.content .edit .post-content .post p {
            letter-spacing: 1px;
            line-height: 16px; }
          body section.content .edit .post-content .links {
            position: relative;
            margin-top: 30px;
            margin-bottom: 30px; }
            body section.content .edit .post-content .links ul {
              display: inline-block;
              width: 100%;
              padding-right: 40px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
              body section.content .edit .post-content .links ul li {
                float: left;
                display: block;
                min-width: 25%;
                padding: 5px;
                /* height: 35px; */
                border: 1px solid black;
                margin: 5px;
                text-align: center; }
                body section.content .edit .post-content .links ul li a {
                  text-decoration: none;
                  color: black; }
            body section.content .edit .post-content .links .close {
              position: absolute;
              bottom: 0;
              right: 0;
              cursor: pointer; }
        body section.content .edit .highlight .event-header {
          height: auto; }
          body section.content .edit .highlight .event-header.first-day {
            margin-top: 0px; }
        body section.content .edit .highlight .event-description p {
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
      body section.content .unedit {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
        transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden; }
        body section.content .unedit.hide {
          height: 0; }
    body section.bottom {
      max-height: 20vh;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      border-top: none;
      border-bottom: none;
      border-top: none;
      border-bottom: none;
      border-left: none;
      border-right: none; }
      body section.bottom.expand {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2; }
        body section.bottom.expand .center {
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          body section.bottom.expand .center div.links {
            /*  top:20px;
                        transform: none;
                        height:100%;*/ }
      body section.bottom.newsletter {
        max-height: 25vh; }
      body section.bottom.address, body section.bottom.residents {
        max-height: 35vh; }
      body section.bottom .center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        overflow: hidden; }
        body section.bottom .center div.links {
          font-size: 25px;
          width: 100%;
          display: block;
          position: relative;
          height: auto;
          /* top: 50%; */
          /* -webkit-transform: translateY(-50%); */
          /* transform: translateY(-50%); */
          margin: auto; }
          body section.bottom .center div.links .link {
            letter-spacing: 1px; }
          body section.bottom .center div.links .address, body section.bottom .center div.links .newsletter, body section.bottom .center div.links .residents {
            cursor: pointer; }
            body section.bottom .center div.links .address .address-content, body section.bottom .center div.links .address .newsletter-content, body section.bottom .center div.links .address .residents-content, body section.bottom .center div.links .newsletter .address-content, body section.bottom .center div.links .newsletter .newsletter-content, body section.bottom .center div.links .newsletter .residents-content, body section.bottom .center div.links .residents .address-content, body section.bottom .center div.links .residents .newsletter-content, body section.bottom .center div.links .residents .residents-content {
              overflow: hidden;
              font-size: 12px;
              margin-top: 20px;
              margin-bottom: 20px;
              letter-spacing: 1px;
              line-height: 14px;
              -webkit-transition: all 0.6s;
              transition: all 0.6s; }
              body section.bottom .center div.links .address .address-content p, body section.bottom .center div.links .address .newsletter-content p, body section.bottom .center div.links .address .residents-content p, body section.bottom .center div.links .newsletter .address-content p, body section.bottom .center div.links .newsletter .newsletter-content p, body section.bottom .center div.links .newsletter .residents-content p, body section.bottom .center div.links .residents .address-content p, body section.bottom .center div.links .residents .newsletter-content p, body section.bottom .center div.links .residents .residents-content p {
                margin-bottom: 10px; }
              body section.bottom .center div.links .address .address-content .newsletter-btn, body section.bottom .center div.links .address .newsletter-content .newsletter-btn, body section.bottom .center div.links .address .residents-content .newsletter-btn, body section.bottom .center div.links .newsletter .address-content .newsletter-btn, body section.bottom .center div.links .newsletter .newsletter-content .newsletter-btn, body section.bottom .center div.links .newsletter .residents-content .newsletter-btn, body section.bottom .center div.links .residents .address-content .newsletter-btn, body section.bottom .center div.links .residents .newsletter-content .newsletter-btn, body section.bottom .center div.links .residents .residents-content .newsletter-btn {
                padding: 5px;
                /* height: 35px; */
                border: 1px solid black;
                margin: 5px;
                text-align: center;
                text-decoration: none;
                color: black; }
              body section.bottom .center div.links .address .address-content input, body section.bottom .center div.links .address .newsletter-content input, body section.bottom .center div.links .address .residents-content input, body section.bottom .center div.links .newsletter .address-content input, body section.bottom .center div.links .newsletter .newsletter-content input, body section.bottom .center div.links .newsletter .residents-content input, body section.bottom .center div.links .residents .address-content input, body section.bottom .center div.links .residents .newsletter-content input, body section.bottom .center div.links .residents .residents-content input {
                background: transparent;
                border: 1px solid black;
                height: 30px; }
              body section.bottom .center div.links .address .address-content.hidden, body section.bottom .center div.links .address .newsletter-content.hidden, body section.bottom .center div.links .address .residents-content.hidden, body section.bottom .center div.links .newsletter .address-content.hidden, body section.bottom .center div.links .newsletter .newsletter-content.hidden, body section.bottom .center div.links .newsletter .residents-content.hidden, body section.bottom .center div.links .residents .address-content.hidden, body section.bottom .center div.links .residents .newsletter-content.hidden, body section.bottom .center div.links .residents .residents-content.hidden {
                max-height: 0;
                overflow: hidden;
                margin-top: 0px;
                margin-bottom: 0px; }
            body section.bottom .center div.links .address .newsletter-content, body section.bottom .center div.links .newsletter .newsletter-content, body section.bottom .center div.links .residents .newsletter-content {
              margin-bottom: 0; }
        body section.bottom .center .facebook, body section.bottom .center .insta {
          cursor: pointer;
          position: absolute;
          right: 0px;
          bottom: 0px; }
        body section.bottom .center .close-btn {
          position: absolute;
          right: 0px;
          cursor: pointer; }
          body section.bottom .center .close-btn.hidden {
            display: none; }
        body section.bottom .center .facebook {
          right: 70px; }
  body .image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }

@media only screen and (max-width: 900px) {
  body section.top {
    border-left: none;
    border-right: none; }
  body section .center {
    width: 100%;
    border-left: none;
    border-right: none; }
  body section.content .edit, body section.bottom {
    border-left: none;
    border-right: none; }
  body section.bottom .center {
    border-left: none;
    border-right: none; }
  body section .side {
    width: 0px;
    border-left: none;
    border-right: none; }
  body section.content .edit .post-content .links ul li {
    width: 40%; }
  body section.content .edit {
    height: 0; }
  body section.bottom.address, body section.bottom.residents {
    max-height: 50vh; }
  body section.bottom.newsletter {
    max-height: 40vh; }
  body section.top .container img.logo {
    width: 30%; }
  body section.bottom .center div.links {
    font-size: 16px; }
  body section.top .container .buttons-wrapper .search {
    margin-right: 10px;
    width: 35px; }
  body section.bottom .center .facebook {
    right: 45px; }
  body section.top .container .buttons-wrapper .menu, body section.top .container .buttons-wrapper .close, body section.bottom .center .facebook, body section.bottom .center .insta, body section.bottom .center .close-btn {
    width: 35px; } }

.privacy-policy {
  font-size: 12px;
  color: black; }
  .privacy-policy:hover {
    color: black; }

.highlight, .highlight * {
  cursor: pointer; }

button[data-controls="next"], button[data-controls="prev"] {
  position: absolute;
  display: block !important;
  top: 50%;
  z-index: 999999;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  button[data-controls="next"]:focus, button[data-controls="prev"]:focus {
    border: none !important;
    outline: none; }

button[data-controls="next"] {
  right: 0; }
  button[data-controls="next"]:after {
    content: '>';
    font-size: 60px;
    font-weight: 100;
    margin: 40px; }
    @media (max-width: 900px) {
      button[data-controls="next"]:after {
        margin: 0px; } }

button[data-controls="prev"] {
  left: 0; }
  button[data-controls="prev"]:after {
    content: '<';
    font-size: 60px;
    font-weight: 100;
    margin: 40px; }
    @media (max-width: 900px) {
      button[data-controls="prev"]:after {
        margin: 0px; } }