/*

Colors: 
-------
Text: #363642 
Light text: #88888e
Footer background: #f8f8f8
Green: #15ccb2 
 
*/

/* Fonts */
@font-face {
  font-family: 'Alef';
  src: url('../fonts/Alef-regular.eot');
  src: url('../fonts/Alef-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Alef-regular.woff') format('woff'),
  url('../fonts/Alef-regular.ttf') format('truetype'),
  url('../fonts/Alef-regular.svg#fanwood') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: 'Alef';
  src: url('../fonts/Alef-bold.eot');
  src: url('../fonts/Alef-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Alef-bold.woff') format('woff'),
  url('../fonts/Alef-bold.ttf') format('truetype'),
  url('../fonts/Alef-bold.svg#fanwood') format('svg');
  font-weight: bold;
  font-style: normal;
}

/* General */ 
  html, body { 
    font-family: 'Alef', arial, sans-serif; direction: rtl;
    font-size: 15px; color: #363642; 
 }

 *::selection { background: #15ccb2; color: black; }
 *::-webkit-selection { background: #15ccb2; color: black; }

  a { font-weight: normal; text-decoration: none; color: #15ccb2; outline: none; }
  h1,h2,h3,h4,h5,h6,p { margin-top : 0; }
  
  .mobile { display: none !important }

  h2, .ui-datepicker-title {
    color: #15ccb2; font-size: 28px; font-family: 'Alef', arial, sans-serif;
    line-height: 19px;
    font-weight: normal; 
    margin-bottom: 16px;
  }
  iframe { border: none; }
  p, .news-events-description { line-height: 23px; margin-bottom: 0 }
  .main-content ul { margin-top: 20px; }
  .contact-page-top-item, .top-image { 
    height: 436px; 
    background-position: 50% 0;
    background-size: cover;
    margin-bottom: -57px;
  }
  .top-image { margin-bottom: 0; }
  .top-image.large-top-image { height: 770px; }

  .top-image-wrapper { position: relative; }

    /* Prev/Next */
    .full-wrapper .top-image-wrapper .prev-next {
      position: static;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: 0;
    }
    
    .full-wrapper .top-image-wrapper .prev-next a,
    .cycle-next, .cycle-prev {
      position: absolute;
      right: 0;
      top: 0;
      color: black;
      font-size: 14px;
      padding: 18px 16px;
      letter-spacing: -0.01em;
      cursor: pointer;
      font-weight: bold;
      z-index: 100;
    }

    .full-wrapper .top-image-wrapper .prev-next a:after,
    .cycle-prev:after, .cycle-next:after  {
      display: block; content: ' '; position: absolute;
      top: 0; right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 137px 139px 0;
      border-color: transparent rgba(255,255,255,0.75) transparent transparent;
      z-index: -1;

      transition: 0.25s all;
      -webkit-transition: 0.25s all;
      
    }

    .full-wrapper .top-image-wrapper .prev-next .next:after,
    .cycle-next:after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 137px 0 0 139px;
      border-color: transparent transparent transparent rgba(255,255,255,0.75);
      bottom: 0; top: auto; left: 0; right: auto;
    }
        
    .full-wrapper .top-image-wrapper .prev-next .next,
    .cycle-next {
      bottom: 0;
      left: 0;
      top: auto;
      right: auto;
    }

    .full-wrapper .top-image-wrapper .prev-next .next:hover:after,
    .cycle-next:hover:after {
      border-left-color: #42bcaa;
    }

    .full-wrapper .top-image-wrapper .prev-next .prev:hover:after,
    .cycle-prev:hover:after {
      border-right-color: #42bcaa;
    }    

    /* Lists */
    .main-content li { display: block; }
    .main-content li a { 
      display: block; padding-right: 22px; line-height: 28px;   
      background: url('../images/file-icon.svg') 100% 2px no-repeat;
      margin-right: -3px; font-weight: bold;
    }
    .main-content li a:hover { color: #363642 }
  
    /* Form */
    .atrail { margin: 40px 0 0 0; }

    .is-contact-sent .main-content input[type="submit"] {
      border-color: #ccc;
      background: #ccc;
    }
    
    .main-content label { font-weight: normal; font-size: 15px; line-height: 28px; }
    .main-content input[type="text"], 
    .main-content input[type="email"], 
    .main-content input[type="tel"],
    .main-content input[type="text"]:focus, 
    .main-content input[type="email"]:focus, 
    .main-content input[type="tel"]:focus,
    .main-content *[type="submit"],
    .main-content *[type="submit"]:focus,
    .main-content textarea {
      border: 1px solid transparent; background: #f1f1f2;
      box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
      border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
      padding: 7px; width: 451px;
      font-family: 'Alef', arial, sans-serif; 
    }
    .main-content input[type="text"]:focus, 
    .main-content input[type="email"]:focus, 
    .main-content input[type="tel"]:focus,
    .main-content textarea:focus {
      border: 1px solid #15ccb2;
      outline: none;
    }    
    .main-content textarea { height: 113px; }
    .main-content *[type="submit"], 
    .main-content *[type="submit"]:focus,
    .main-content *[type="submit"]:hover {
      width: 100px; 
      background: #15ccb2; margin-top: 23px; border: 1px solid #15ccb2;
      text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none;
      outline: none;
    }
    .main-content *[type="submit"]:active {
      background: white; border: 1px solid #15ccb2;
    }
  
    div.wpcf7-response-output {
      border: 2px solid #15ccb2;
      width: 59.5%;
      padding: 20px;
      margin: 0;
      margin-top: 38px;
    }
  
    .atrail .control-group.error input, 
    .atrail .control-group.error select,
    .atrail .control-group.error textarea,
    .atrail .control-group.error input:focus, 
    .atrail .control-group.error select:focus,
    .atrail .control-group.error textarea:focus {
      box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
      text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none;
    }
    .form-item { margin-bottom: 12px; }

  /* Grid */
  .full-width { width: 956px; margin: 0 auto; }
  .col { float: right; }
  .right { float: right; }
  .left { float: left; }
  .col-6 { width: 706px }
  .col-5 { width: 590px; }
  .col-4 { width: 464px; }
  .col-3 { width: 339px }
  .col-2 { width: 221px; }


  /* All subsection items, including Contact page sections, rooms, etc. */
  .section-item { display: none; }
  .section-item.current {display: block;}
  .section-item.current:after { content: ''; display: block; clear: both }
  .section-link { color: inherit; display: block; line-height: 18px; margin-bottom: 4px; font-size: 14px;}
  .section-link.current { font-weight: bold; }

  /* Slideshows */
  .cycle-slide { position: relative !important; overflow: hidden;}
  .cycle-pager { display: none; }
  
  .cycle-slide h2 {font-weight: normal;margin: 9px 0 14px;font-size: 31px;}  
  .cycle-slide h2:first-child { margin-top: 0; }
  .cycle-slide h2 + h3 { margin-top: -16px; color: #15ccb2; font-weight: normal; }   
  .cycle-slide p, .slide-text { line-height: 1.5; }  

  .slide-image {
    width: 100%; height: 500px; background-size: cover; 
    background-position: 50% 0;
  }
  .slide-caption {
    position: absolute; bottom: -30px; right: 0; font-size: 12px;  left: 0;
  }
  
    /* Slideshow textbox */
    .slideshow-textbox-wrapper { position: relative; overflow: hidden;}
    .home .slideshow-textbox-wrapper  {overflow: visible;margin-bottom: 35px;}
    .slideshow-textbox {
      position: absolute;
      top: 50%;
      z-index: 200;
      left: 0; right: 0;
      margin-top: -22px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      opacity: 0; text-align: center;
      transition: 0.25s opacity;      
    }

    .is-selected .slideshow-textbox {
      opacity: 1;
    }

    .slide-text {
      max-width: 360px; margin: 0 auto;      
    }

    .slide-text p {
      line-height: 1.6;
    }


    .slide-link {
      position: absolute; top: 0; z-index: 2; 
      left: 0; right: 0; bottom: 0;
      background: transparent; display: block; z-index: 2000;
      display: none;
    }

    .is-selected .slide-link {
      display: block;
    }

    .cycle-slide-active .slideshow-textbox { opacity: 1; }
    .slideshow-textbox .body {
      position: relative;
      white-space: normal;
      width: 560px;
      min-height: 60px;
    }
    .slideshow-textbox .body:before {
      content: ' '; position: absolute; display: block;
      background: rgba(255,255,255,0.9); 
      top: -33px; 
      left: -51px; 
      bottom: -50px;
      right: -51px; z-index: -1;
    }

    .slideshow-textbox .body * {
      max-width: 350px; margin-left: auto; margin-right: auto;
    }

    .slideshow-textbox h2 {
      line-height: 1.05;
    }
    
    /* Carousel */
    .carousel .cycle-slide {
      width: 970px; height: 500px; margin: 0 20px;
      position: absolute !important;
      opacity: 0.5; cursor: pointer;
      transition: 0.25s opacity;
      opacity: 0;
    }

    .carousel.flickity-enabled .cycle-slide {
      opacity: 0.5;
    }

    .carousel .cycle-slide.is-no-image {
      background: #bbb;
    }

    .carousel {
      outline: none; height: 500px;
      max-width: 100vw; overflow-x: hidden;
    }

    .flickity-button {
      border: none; 
      background: url('../images/arrow-mobile-right.png') 50% 50% no-repeat;
      background-size: 38px;
      width: 27px; height: 51px;      
      position: absolute; top: 50%; 
      margin-top: -13px; right: calc(50% - 567px);
    }

    .flickity-button:hover {      
      background-image: url('../images/arrow-mobile-right-hover.png')
    }

    .flickity-button.next {
      right: auto; left: calc(50% - 567px);
      background-image: url('../images/arrow-mobile-left.png');
    }

    .flickity-button.next:hover {
      background-image: url('../images/arrow-mobile-left-hover.png')
    }    

    .flickity-button svg {
      display: none;
    }
    

    .carousel.carousel.flickity-enabled .cycle-slide.is-selected {
      opacity: 1;
    }
  
  /* Event stripe */
  .events-stripe { padding: 63px 0 40px;}
  .news-events-title { margin-bottom: 0;}
  .main-content .news-events-title a {
    background: none; 
    padding: 0; margin: 0;
    line-height: 21px;
    color: inherit;
  
    margin-top: -4px;
} 
  .events-stripe .news-events-list { margin-top: 27px; height: 200px; outline: none; margin-right: -20px;}
  .news-events-dates { color: #88888e;  margin-bottom: 2px; }
  .news-events-list-item { padding-bottom: 20px; padding-right: 20px;}
  .news-events-list-item:last-child { padding-bottom: 40px; }
  
    /* Calendar */
    .ui-datepicker .ui-datepicker-header, .ui-datepicker { 
      border: none; background: none;
      font-family: 'Alef', arial, sans-serif; font-size: 12px;
    
      padding: 0 0 6px 0;
}
    .ui-datepicker { margin-top: -36px; width: 323px;}
    .main-content .ui-datepicker-prev, 
    .main-content .ui-datepicker-next,
    .main-content .ui-datepicker-next:hover {
      background: url('../images/arrow-left-green.svg') 7px 50% no-repeat;
      background-size: 13px;  width: 33px; padding-top: 33px;
      border: none; 
      left: 10px; 
      top: 0; cursor: pointer;
    }
    .main-content .ui-datepicker-prev:hover, 
    .main-content .ui-datepicker-prev {
      background: url('../images/arrow-right-green.svg') 12px 50% no-repeat;
      background-size: 13px; 
      right: -2px; top: 0;
    }
    .ui-datepicker th { font-weight: normal; font-size: 13px; }
    .ui-state-default, .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
      border: none; background: none;
    
      color: inherit;
      font-size: 13px;
      font-weight: normal;
      text-align: center;
      width: 38px;
      height: 30px;
      margin: 0;
      display: block;
    }
    .ui-state-default span, .ui-widget-content .ui-state-default span,
    .ui-widget-header .ui-state-default span {
      color: inherit;
    }
    .ui-state-default, .ui-widget-content .current-filter-day .ui-state-default {
      color: #15ccb2; 
    
      font-weight: bold;
}
    
    
  /* Subsection submenu */
  .section-nav {
    z-index: 2000;
 }
  .section-nav .room-link { 
    font-size: 14px; color: inherit; display: block; font-weight: bold;
    width: auto !important;
  }
  .section-nav a.current {
    padding-right: 14px;
    background: url('../images/arrow-left-grey.svg') 100% 3px no-repeat;
    width: auto !important;
  }
  .section-nav a:hover { color: #15ccb2 }
  
/* Header and footer */
  /* Header */
  .admin-bar #main-header { top: 32px; }
  #main-header { 
    text-align: center; height: 112px; overflow: hidden; position: fixed; 
    background: white; left: 0; right: 0;
  
    top: 0;
    border-bottom: 1px solid #d7d7d7;
    z-index: 1000;
}
  #main-header .full-width { position: relative;right: -8px;}
  #site-name {
    position: absolute; 
    left: 50%; 
    margin-left: -63px;  
    width: 129px;
    text-indent: -10000px; height: 113px; z-index: 20;
  }
  .show-podcasts #site-name {
    margin-left: -19px;
  }
  #site-name a { 
    display: block; margin: 0 auto;  
    height: 100px; 
    background: url('../images/header-logo.svg') 0px 16px no-repeat;
  }
  #site-name a:hover {
    background: url('../images/logo_animation.gif') -3px 11px no-repeat;
  }

    /* JDW link */
    .jdw-link {
      z-index: 20;
      display: block;
      position: absolute;
      top: 12px;
      right: -83px;
    }

    .show-podcasts .jdw-link {
      right: -130px;
    }

    .jdw-link-image-hover,
    .jdw-link:hover .jdw-link-image {
      display: none;
    }

    .jdw-link:hover .jdw-link-image-hover {
      display: block;
    }
  
    /* Menu */
    .main-menu { 
      display: inline-block; padding-left: 147px; 
      position: relative; width: 900px; z-index: 2; 
      margin-right: -85px;
    
      white-space: nowrap;
    }
    .menu-item {
      display: inline-block; 
      margin: 45px 0 0 16px; 
    }
    .main-menu .menu-item a { color: #363642; padding: 9px 10px; border: 1px solid white; letter-spacing: -0.01em;}
    
    .menu-item--before-logo { margin-left: 187px; }
    .main-menu {
      position: relative; right: 10px;
    }

    .main-menu a:hover, .main-menu a:active,  
    .main-menu .current-menu-item a {
      border-color: #15ccb2;
    }
    .main-menu a:hover { background: #15ccb2 }
    .main-menu a:hover:active { background: white }
    

    /* Subscribe to newsletter */
    .register-newsletter {
      position: absolute;
      top: 43px;
      z-index: 200;
      left: 25px;
      width: 180px;
      overflow: hidden;
      display: block;
    }

    .show-podcasts .register-newsletter {
      left: -22px;
    }

    .register-newsletter input[type="email"],
    .register-newsletter--inline input[type="email"]:focus {
      background: white;
      width: 80%;
      padding: 2px 11px 2px 20px;
      border-radius: 100px;
      border: 1px solid;
      outline: none;
      font-family: 'Alef', sans-serif;
      font-size: 14px;
    }

    .register-newsletter input[type="submit"] {
      background: url('../images/submit.svg') 50% 50% no-repeat; 
      background-size: 14px;
      border: none; position: absolute;
      left: 0; 
      cursor: pointer;
      outline: none;
      top: 0; 
      bottom: 0; 
      width: 36px;
    
      border-radius: 50%;
    }

    .register-newsletter.is-valid input[type="email"]  {
      color: #15ccb2;
    }
    

    .register-newsletter.is-valid input[type="submit"] { 
      background-image: url('../images/submit-green.svg');
    }
    

    /* Inline register */
    .register-newsletter--inline {
      position: relative;
      top: 0;
      left: 0;
      z-index: 1;
      width: 247px;
    }

    .register-newsletter--inline input[type="email"] {
      width: auto; display: block;      
      width: 207px;
    }

    .register-newsletter--inline input[type="email"]:focus {
      background: inherit; border-radius: 20px; width: 207px;
    }

    .register-newsletter--inline input[type="submit"] {
      left: 6px; top: -22px;;
    }
  
    /* Icons */
    .header-icons {
      position: absolute;
      left: -101px;
      width: 127px;
      top: -3px;
      z-index: 2000;
      direction: ltr;
    }
  
    .show-podcasts .header-icons {
      left: -135px;
    }

    .header-icons * { display: inline-block;direction: ltr;}
    .header-icons li, header-icons ul { margin-right: 0; margin-left: 0; }
    .language-selector-he { display: none }
    .header-icons a { 
      width: 27px; height: 27px; text-indent: -10000px; 
      margin: 0 -1px 0 0;
      background: url('../images/en-reg.svg') no-repeat;
    }

      /* Individual icons */
      .language-selector-en a:hover { background-image: url('../images/en-hover.svg') } 
      .language-selector-en a:active { background-image: url('../images/en-press.svg') } 
      .newsletter a { background-image: url('../images/mail-reg.svg') }
      .newsletter a:hover { background-image: url('../images/mail-hover.svg') }
      .newsletter a:active { background-image: url('../images/mail-press.svg') }
      .facebook a { background-image: url('../images/face-reg.svg') }
      .facebook a:hover { background-image: url('../images/face-hover.svg') }
      .facebook a:active { background-image: url('../images/face-press.svg') }
      .header-icons a[href*='instagram.com'] { background-image: url('../images/instagram-reg.svg'); }
      .header-icons a[href*='instagram.com']:active { background-image: url('../images/instagram-press.svg'); }
      .header-icons a[href*='instagram.com']:hover { background-image: url('../images/instagram-hover.svg'); }

      .header-icons a[href*='youtube.com'] { background-image: url('../images/youtube-reg.svg');position: relative;left: 0px;}
      .header-icons a[href*='youtube.com']:active { background-image: url('../images/youtube-press.svg'); }
      .header-icons a[href*='youtube.com']:hover { background-image: url('../images/youtube-hover.svg'); }

    /* Footer */       
      /* Footer design */
      .main-footer {  
        line-height: 20px; 
        position: relative; bottom: 0; left: 0; right: 0;
        text-align: center; color: #88888e; font-size: 13px;
        background: #f8f8f8 url('../images/footer-logo.svg') 50% 58px no-repeat;
      }
      .main-footer .inner { 
        padding: 168px 0 43px 0; 
        margin: 0 auto;
      }
         
      .main-footer a { color: inherit; }
      .main-footer p { margin: 0; line-height: 20px; margin-bottom: 20px; }
       


  /* General main text */
  #main-content { margin-top: 113px; min-height: 100vh }
  .main-section { padding: 60px 0; clear: both;}
  

/* Specific pages */

  /* Map */

    /* Top Nav */
    .main-map-floors-nav, .main-map-floors {
      background: #efefef;
    } 
    .main-map-floors-nav { text-align: center; position: relative; padding-left: 20px; border-bottom: 1px solid #d7d7d7;}
    .main-map-floors-nav a { 
      color: inherit; color: #989899; display: inline-block; 
      padding: 13px 80px;
    }
    .main-map-floors-nav a.current { color: #363642; }
    
    /* Rooms */
    .main-map-floors { position: relative; height: 309px; overflow: hidden;}
    .floor {
      height: 308px;
      width: 100%;
      position: absolute !important;
    }
    .floor.cycle-sentinel {
      position: static !important;
    }
    .floor-inner { height: 100%; width: 520px; left: 0px; margin: 0 auto; position: relative;
    }
    .main-floor-link {
      position: absolute; top: 0; left: 0; right: 0; bottom: 0;
      z-index: 2; 
      font-size: 0;
    
      background: none !important;
    }
    .floor-image, .floor-main-image, .floor-rooms-nav {
      position: absolute; top: 0; 
    }
    .floor-image { 
      top: -7px; 
      left: 0; 
      margin-left: 0;
      opacity: 0; 
      transition: 0.5s opacity; -webkit-transition: 0.5s opacity; -moz-transition: 0.5s opacity;
    }
    .section-link-parent.current .floor-image { opacity: 1; }
    .floor-main-image { opacity: 0.15; top: 47px;}
    
    .room-link { 
      opacity: 0; display: block;
      transition: 0.5s opacity; -wekbit-transition: 0.5s opacity; -moz-transition: 0.5s opacity;
    }
    .map-slideshow {direction: ltr;left: 0%;background: white;border-bottom: 1px solid #d7d7d7;}
    .floor.cycle-slide-active .room-link { 
      opacity: 1 ; position: relative; z-index: 20; right: 0;
      background: none;
      padding-right: 0;
    }
    .floor.cycle-slide-active .room-link.current {
      color: #15ccb2;
    }
    .floor .room-link { transition-delay: 0s ; margin-right: 20px;}
    .floor .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.1s }
    .floor .room-link-wrapper + .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.2s }
    .floor .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.3s }
    .floor .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.4s }
    .floor .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.5s }
    .floor .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper + .room-link-wrapper .room-link { transition-delay: 0.6s }

    .floor-main-image {  z-index: -1; }
    .cycle-nav { position: relative; z-index: 1000 }
    
      /* Next/prev */
      .section-prev, .section-next {
        position: absolute; 
        top: 50%; 
        margin-top: -40px;
        left: 50%;
        margin-left: -320px;
        right: auto; 
        width: 24px; height: 40px; display: block; 
        background: url('../images/arrow-left-green.svg') no-repeat;
        text-indent: -10000px; 
      
        z-index: 500;
}
      .section-next {
        background: url('../images/arrow-right-green.svg') no-repeat;
      
        margin-left: 302px;
      
}

      /* Rooms nav */
      .floor-rooms-nav { left: 50%; width: 520px; margin-left: -260px; top: 55px; bottom: 0; text-align: right; }
      .floor-rooms-nav h4 { margin: 0;}
      
    /* Main text */
    .next-prev-room { margin: 20px 0 125px 0;  }
    
    
  /* Contact page */
  .page-template-template-contact-php .main-content img {
    margin: 30px 0 18px 0;
  }
  .contact-page-main { margin-top: 74px; margin-bottom: 53px; }
  .contact-page-main .section-item { margin-top: -33px }
  .page-template-template-contact-php #text-directions {
    margin-top: 0; 
  }

  .page-template-template-contact-php #text-directions a {
    color: #15ccb2;
  }

  .grecaptcha-badge { display: none }
  .page-template-template-contact-php .grecaptcha-badge { display: block }
  .page-template-template-contact-php .main-section:after {
    display: block; position: static; clear: both;
  }
  
  /* Newsletter */
  .single-newsletter .main-section { padding-top: 100px; }
  
  /* Residents */
  .resident-list { overflow: hidden; margin-bottom: 40px;}
  .resident-list .inner { width: 980px; }
  .resident-list-item { width: 220px; height: 120px; margin-left: 17px; margin-bottom: 30px; border: 1px solid transparent; display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; text-indent: -10000px;}
  .resident-list-item:hover { border-color: #15ccb2;}
  
  /* Single resident */
    /* Gallery */
    .single-resident .slide-caption {
      width: 100%; color: #88888e; font-weight: bold; text-align: left; 
    }
    .single-resident .slide-caption > div { padding-top: 20px; }
    .single-resident .cycle-next-prev { display: block; }
  
    /* Content */
    .main-section { position: relative; margin-bottom: 40px; }
    .main-section:after {
     display: block; content: '';
     position: absolute; top: 0; left: 0; bottom: 0; right: 0;
     background: white url('../images/loader.gif') 50% 40px no-repeat;
     visibility: hidden; opacity: 0; transition: 0.25s opacity 0.5s;
    }
    .main-section.is-loading:after {
      opacity: 1; visibility: visible;
    }
    .single-resident .main-section { padding-top: 35px; background: none;}
    .single-resident .logo { margin-bottom: 35px; }
    .resident-link { color: inherit; display: block; color: #88888e }
    .resident-link:hover { color: #15ccb2 }
    .resident-links { margin-top: 25px; }
    .single-resident .next { float: left;  }
    .single-resident .prev-next { margin-top: 20px; }
    
  /* Events */
  .list-events .events-stripe {
    background: #f8f8f8;
  
    overflow: hidden;
}
  .event-list { width: 990px; margin-right: -14px;margin-bottom: 60px;}
  .event-list-item {
    height: 200px; width: 316px; overflow: hidden; 
    display: inline-block; position: relative;
    margin: 2px; background: #f8f8f8; color: inherit; 
  }
  .event-list-item.is-past:after {  
    content: ' '; display: block; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('../images/past-event.svg') 50% 50% no-repeat;
    background-size: contain;
  }
  .event-list-item.is-no-image.is-past:after {
    display: none;
  }
  .event-list-item img { display: block; }
  .event-list-item { transition: 0.25s opacity; }
  .event-list-item.is-now { border: 2px solid #15ccb2; width: 312px; height: 196px;}
  .event-list-item.is-hidden {
    display: none;
  }
  .event-list-item .event-description, .event-list-item .event-hover {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px;
  }
  .is-no-image.event-list-item .event-description .pre-header { display: none; }
  .is-no-image.event-list-item .event-description { padding-top: 32px;}
   
  .is-title-only.event-list-item {
    font-size: 27px; color: #15ccb2; text-align: center; background: white;
  }
  .is-title-only.event-list-item > span {
    display: table; width: 100%; height: 100%;
  }
  .is-title-only.event-list-item > span > span {
    display: table-cell; vertical-align: middle; word-spacing: -1px;
  }
  .is-title-only.event-list-item > span > span:after {
    content: '\25c4';
    font-size: 13px;
    position: relative;
    top: -3px;
  }
   
  .is-image.event-list-item .event-description .pre-header { font-weight: bold; }
  .is-image.event-list-item .event-description { display: none; }
  .event-list-item .event-hover { 
    background: rgba(21,204,178, 0.9); color: white; 
    text-align: center; color: #363642; opacity: 0;
    transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;
  }
  .event-list-item:hover .event-hover {
    opacity: 1; 
  }
  
  .event-hover > div { display: table; height: 100%; width: 100%;} 
  .event-hover > div > div { display: table-cell; vertical-align: middle; } 
  
  .event-hover .pre-header {
    font-weight: bold; margin-bottom: 4px;
  }
  .event-hover .news-events-title {
    font-size: 30px; line-height: 28px; font-weight: normal; margin-bottom: 3px;
  }
  .event-hover .news-events-dates {
    color: inherit; font-size: 15px; margin-top: 5px;
  }
  .event-hover .more-info {
    margin-top: 20px; font-size: 13px;
  }
  .is-image.event-list-item .news-events-description {
    margin-top: 5px; 
  }

    /* Box cateogry */
    .box-category.is-title-only.event-list-item > span > span:after {
      content: ' '; padding-left: 24px; height: 26px;
      display: inline-block; position: relative; top: 4px;
      background: url('../images/arrow-left-green.svg') 50% 50% no-repeat;
      background-size: contain;
    }

  /* Single event */
  .event-logo { padding: 165px 0 117px 0; }
  .event-logo img { margin: 0 auto; display: block; }
  .slideshow-textbox .small-text-box-width:before {
    right: -25px; left: -25px; top: -32px; bottom: -32px;
  }
  .single-event .slide-image {  }
  .single-event .event-meta { }  
  .single-event .cycle-next-prev { 
    display: block; top: 0; right: 0; left: 0; 
    height: 770px; position: absolute; 
  }
  .single-event .cycle-next,
  .single-event .cycle-prev {
    display: none;
  }
  .single-event .top-image { height: 500px; }
  .single-event .top-image-wrapper {margin-bottom: 35px;}
    
    /* Meta */
    .single-event .event-future-past-now { line-height: 15px; margin-bottom: 5px; margin-top: 4px;}
    .single-event .event-title { line-height: 29px; margin: 0 0 6px 0; }
    .single-event .event-subtitle { 
      font-weight: normal; font-size: 16px; margin-bottom: 5px; color: #15ccb2;
    }
    .single-event .date-description { font-size: 14px; width: 200px; margin: 0 auto; }
    
    /* Main content */    
    .single-event .is-first-slide ~ .slideshow-textbox,
    .top-image ~ .slideshow-textbox,
    .carousel ~ .slideshow-textbox {
      opacity: 1; visibility: visible;
    }
    .single-event .event-full-text { padding-top: 0; }
    .single-event .prev-next { margin: 50px 0 40px 0;}
    .single-event .events-stripe { background: #f1f1f2; }
    .single-event .bottom-images img { margin-bottom: 20px; }
    
  /* Story */
    /* Gallery */
    .story-top-gallery { padding: 8px 0; background: #f8f8f8; direction: ltr;}
    .full-wrapper .story-top-gallery .prev-next a {
      color: #363642; background-image: url('../images/arrow-right-grey-large.svg');
    }
    .full-wrapper .story-top-gallery .prev-next .next {
      background-image: url('../images/arrow-left-grey-large.svg');
    }
    .story-top-gallery .cycle-slide { padding: 8px; }
    .story-top-gallery .cycle-slide:after {
      position: absolute; top: 8px; left: 8px; right: 8px; 
      bottom: 13px; background: white;
      content: ' '; opacity: 0.75;
      transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;
    }
    .story-top-gallery .cycle-slide.current:after { opacity: 0; }
    
    /* Story timeline */
    .story-timeline { position: relative; overflow: hidden;}
    .story-timeline-inner {
      width: 900px; margin: 0 auto; position: relative; left: 25px;
    }
    .story-timeline:before {
      content: ' '; display: block; left: 0; right: 0; 
      top: 106px; position: absolute;
      height: 2px;
      background: #c3c3c3;
    }
    .story-timeline-item { 
      padding-top: 17px; display: inline-block;
      padding: 0; position: relative; color: inherit;
      height: 89px;
      margin-top: 41px;
      margin-bottom: 41px;
      line-height: 17px;
    }

    .story-timeline-item.current .bottom-line:before,
    .story-timeline-item.current .bottom-line:after,
    .story-timeline-item .before, 
    .story-timeline-item .after {
      content: ' '; width: 16px; height: 16px; display: block; 
      border: 2px solid #c3c3c3;
      background: white;
      border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
      position: absolute;
      bottom: 13px;
      right: -9px;
    }

    .story-timeline-item.current .bottom-line:before,
    .story-timeline-item.current .bottom-line:after {
      position: absolute;
      bottom: -11px; z-index: 0;
      background: white;
    } 

    .story-timeline-item.current .after { right: auto; left: -16px; }    
    .story-timeline-item.current .before, 
    .story-timeline-item.current .after { 
      z-index: 200; 
      background: url('../images/half-circle-left.svg') no-repeat;
      border: none;
    
      border-radius: 0;
      right: 0px;
      background-size: 20px;
      width: 11px;
      height: 20px;
    }
    .story-timeline-item.current .after {
      background-image: url('../images/half-circle-right.svg');
    
      background-position: -10px 0;
      height: 20px;
      left: -5px;
      right: auto;
    }
    
    .story-timeline-item .bottom-line {
      position: absolute; 
      bottom: 22px; border-bottom: 2px solid black; left: 0; right: 0; opacity: 0;
    }
    .story-timeline-item.current .bottom-line { 
      opacity: 1; 
    }
    .story-timeline-item:last-child .bottom-line {
      width: 90000px;
    }
    
    .story-timeline-item.current:first-child .before {
      width: 20px;
    
      right: -9px;
}
    
    .story-timeline-item:last-child {width: 0 !important;}
    .story-timeline-item:last-child .after { display: none; }

    .story-timeline-item-title { 
      position: absolute; top: 0; right: 0;
      width: 400px; color: #c3c3c3;
    }
    .current .story-timeline-item-title { color: black }
    .story-timeline-item-title span { 
      display: block; 
    }
    
      /* Story content */
      .story-content { width: 865px; padding-left: 105px;}
      .story-content:after { content: ''; display: block; clear: both; }
      .story-sections { width: 618px; margin-top: -42px; }
      .story-sections h2 { margin-bottom: 22px; }
      .story-section-image { margin-top: 29px; }
      .story-section-title { line-height: 1.2 }
      .story-section-image figcaption { font-size: 14px; }
      .story-section-image figcaption .title { font-weight: bold; }
    
  /* Homepage */
    /* Gallery */
    .single-homepage .gallery { margin-bottom: 79px;}
    .single-homepage .gallery .slide-image { height: 500px; }
    .single-homepage .gallery .slide-caption { bottom: 12px; color: white; right: -120px;}

    .cycle-pager {
      display: block; text-align: center; border-bottom: 2px solid #ededed;
    } 
    .cycle-pager span {
      display: inline-block; width: 7px; height: 7px; text-indent: -10000px;
      border: 1px solid #15ccb2; margin: 14px 6px; cursor: pointer;
      border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    }
    .cycle-pager .cycle-pager-active {
      background: #15ccb2;
    }

    /* News and blog items */
    .news-items {
      height: 162px;
      margin-bottom: 50px;
    }
    .hp-col, .list-blog .post-excerpt {
      width: 300px;
      float: right;
      font-size: 15px;
      margin-left: 21px;
      line-height: 21px;
      overflow: hidden;
    }
    .hp-large-col {
      width: 458px; float: right;
      margin-left: 23px;
    }
    .hp-large-col p {
      margin-bottom: 20px;
    }
    
    .hp-large-col:last-child, .post-excerpt:last-child { margin-left: 0;}

    .hp-col:last-child { margin-left: 0;}
    .hp-section-title {
      margin-bottom: 30px;
    }

    .top-line {
      border-top: 1px solid #ddd;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .hp-title, .hp-title a,
    .post-title a,
    .post-title {
      font-weight: bold; color: #333; line-height: 15px; 
      margin-bottom: 3px; font-size: 15px;    
    }
    .post-excerpt {
      border: 1px solid rgba(0,0,0,0.5);
      margin-bottom: 22px;
    }
    
    .post-excerpt .post-date {
      margin: 0;
    }

    .post-excerpt .post-author {
      font-size: 15px;
      font-weight: 100;
      margin-bottom: 5px;
    }


    .post-description {
      padding: 13px 10px;
      height: 195px;
      border-top: 1px solid rgba(0,0,0,0.5);
    }
    .hp-date, .post-date {
      color: #8b8b8b; font-size: 15px;
      margin-bottom: 2px; margin-bottom: 21px;
    } 
    .hp-content {
      font-size: 15px; line-height: 21px;
    }

   .post-thumbnail {      
      height: 400px; width: 100%; display: block;
      background-size: cover; height: 200px;
    }


    /* Events */
    .hp-section.events .hp-section-title {
      margin-bottom: 31px;
      /* border-top: 1px solid #ddd; */
    }
  
    .hp-section .event-item {
      height: 410px; 
    }

    .hp-section.events img {
      display: block; margin-bottom: 25px;
    }

    .hp-section.events .hp-date {
      font-weight: bold; margin-bottom: 24px;
    }

    .hp-section .box-link-container {
      text-align: center;
    }
    .hp-section .box-link {
      display: inline-block; border: 1px solid;
      letter-spacing: -0.04em; font-size: 15px;
      padding: 9px 15px;
      margin: 23px 0 37px 0;
    }

    .hp-section .box-link:hover {
      background: #15ccb2; color: white;
      border-color: #15ccb2;
    } 

    /* Blog items */
    .hp-section.blog .box-link {
      margin-top: 42px; margin-bottom: 63px;
    }

    /* Main content */
    .hp-large-col p {
      line-height: 24px;
    }
    .hp-section.main-text .hp-section-title {
      margin-bottom: 25px;
    }
    .hp-section.main-text .box-link {
      margin-top: 40px; margin-bottom: 60px;
    }

    /* Residents */
    .hp-section.residents .resident-list-item {
      width: 158px; height: 74px;
      background-size: 111px;
    }

    /* Instructions */
    .hp-section.instructions {
      height: 439px; border-top: 1px solid #ddd; 
      margin-top: 37px;
    }

    .hp-section.instructions > * {
      width: 50%; height: 100%; float: left;
      display: block;
    }
    .instructions-map {
      height: 100%;
    }
    .hp-section.instructions > *:last-child {
      float: right;
    }
    .hp-section .instructions-text {
      padding-top: 41px; position: relative;
    }
    .hp-section .instructions-text p {
      margin-bottom: 20px; max-width: 300px;
      padding-left: 80px;
    }
    .hp-section .instructions-text .inner {
      width: 480px; position: absolute; left: 0; 
    }
    .hp-section .instructions-text h2 {
      margin-bottom: 20px;
    }

/* Blog */
.list-blog-posts {
  width: 970px;
  position: relative;
  left: -7px;
  margin-bottom: 50px;
}


.blog-top-image-wrapper {
  padding-left: 21px;
  position: relative;
  margin-bottom: 42px;  
}

.block-top-image {
  max-width: 100%;
  display: block;
}

.list-blog-header {
  background: #f8f8f8;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 63px;
  overflow: hidden;
  padding: 0px 0;
} 

.list-blog-header .full-width * { 
  display: inline-block; margin: 0;
  font-size: 15px;  
}
 
.list-blog-sort h5 { font-weight: normal }
.list-blog-sort h5:after { content: ': '; }
.list-blog-sort a { color: inherit; border-bottom: 1px solid transparent; line-height: 15px; }
.list-blog-sort a:last-child:after { content: ''}
.list-blog-sort a.is-current, .list-blog-sort a:hover { color: #15ccb2;  }
.list-blog-sort a.is-current { border-color: inherit; }

.list-blog-search { position: relative }
.list-blog-search input[type="text"],
.list-blog-search input[type="text"]:focus { 
  outline: none; border: 1px solid #b3b3b3; background: white;
  height: 9px; border-radius: 90px; width: 184px; position: relative; 
  margin: 4px 67px 4px 0;
  padding: 7px 10px 8px 10px; 
}
.list-blog-search input[type="submit"],
.list-blog-search input[type="submit"]:focus,
.list-blog-search input[type="submit"]:hover { 
  text-indent: -10000px; position: absolute; top: 0; left: 0; width: 37px;
  background: url('../images/search.svg') 7px 9px no-repeat; border: none;
  background-size: 19px; margin: 0;
}

  /* Blog post */
  .page-post {
    width: 607px;
    margin: 0 auto;
    padding-bottom: 131px;
  }
  .page-post .post-title,
  .page-post .post-subtitle {
    color: #15ccb2;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 27px;
    margin-top: 19px;
  }

  .page-post .post-author {
    margin-top: -13px;
    font-size: 16px;
    margin-bottom: 25px;
  }

  .post-content p {
    margin-bottom: 25px;
  }

  .post-content img {
    margin: 0 auto; width: 100%; display: block;
    height: auto;
  }

  .addthis_sharing_toolbox {
    float: left;
    margin-top: initial;
  }

  #at_hover svg *,
  .addthis_sharing_toolbox svg * {
    fill: white;
  }

  .post-comments * {
    width: 100% !important;
  }

  /* Podcast */
  .post-image {
    max-width: 100%;
    display: block;
    margin-bottom: 45px;
  }
  
  .page-podcast .post-title {
    font-weight: bold;
  }

  .page-post .post-subtitle {
    margin-top: -21px;
  }

  .podcast-links-title {
    font-weight: normal;
    font-size: 1rem;
  }

  .buzzsprout,
  .podcast-links {
    margin-bottom: 26px;
  }

  .podcast-links {
    margin-left: -5px; margin-right: -5px;
  }

  .podcast-link {
    height: 32px; width: 88px;
    display: inline-block;
    background: url('../images/spotify.svg') 50% 50% no-repeat;
    margin: 0 5px;
  }

  .podcast-link:hover,
  .podcast-link:active {
    background-image: url('../images/spotify-hover.svg');
  }

  .podcast-link-apple-music {
    width: 34px;
    background-image: url('../images/apple.svg');
  }

  .podcast-link-apple-music:hover,
  .podcast-link-apple-music:active {
    background-image: url('../images/apple-hover.svg');
  }

  .podcast-links {
    margin-bottom: 20px;
  }

  .buzzsprout, .buzzsprout > * {
    max-width: 100%;
  }

/* Basic */
.basic-page {
  max-width: 620px; 
}

.basic-page-title {
  color: #15ccb2; font-weight: normal; margin-bottom: 15px;
}

.basic-page-content * {
  line-height: 22px; margin-bottom: 21px;
}

  /* Form */
  .ninja-forms-form { 
    padding-top: 17px; max-width: 462px;
  }
  .ninja-forms-form-wrap .ninja-forms-form label { 
    font-weight: normal; margin-bottom: 0px;
  }
  .ninja-forms-required-items { display: none }
  .ninja-forms-form-wrap .ninja-forms-form .field-wrap {
     margin-bottom: 10px;
     position: relative;
  }
  .ninja-forms-form-wrap .ninja-forms-form input[type="text"],
  .ninja-forms-form-wrap .ninja-forms-form input[type="email"],
  .ninja-forms-form-wrap .ninja-forms-form input[type="number"],  
  .ninja-forms-form-wrap .ninja-forms-form textarea,
  .ninja-forms-form-wrap .ninja-forms-form select {
    margin-bottom: 0; width: 100%;
  }

  .ninja-forms-req-symbol { 
    display: inline-block; margin-bottom: 0;
    margin-right: -3px; margin-left: -3px;
  }

  /* Checkboxes */
  #main-content .list-checkbox-wrap ul,
  #main-content .list-checkbox-wrap li {
    float: none;
    display: block;
    clear: both;
    padding: 0;
  }

  #main-content .list-checkbox-wrap li input {
    margin: 0 0 0 18px; display: inline-block;
    top: 2px; position: relative;
  }

  #main-content .list-checkbox-wrap li input:after {
    content: ' '; display: block; position: absolute;
    width: 18px; height: 18px; background: white;
    border: 1px solid #aaa; top: -3px; cursor: pointer;
  }

   #main-content .list-checkbox-wrap li input:checked:after {
     background: white url('../images/check.svg') 50% 0px no-repeat;
     background-size: 18px;
  }


  /* Dropdown */
  #main-content .dk-select { width: 100%; }
  #main-content .dk-selected {
    border: none;
    background: #f1f1f2 url('../images/dropdown-left.svg') no-repeat;
    background-size: 13px;
    background-position: top 50% left 11px;
    border-radius: 0;
    padding: 7px 14px;
    min-height: 35px;
    margin-bottom:0
  }

  #main-content .dk-select-open-down .dk-selected {
    background-image: url('../images/dropdown.svg');
    background-size: 24px;
  }

  #main-content .dk-selected:after,
  #main-content .dk-selected:before {
    display: none;
  }

  #main-content .dk-select-options {
    border-radius: 0; border: none; background: #f1f1f2;
    border-top: 1px solid; top: 36px; padding: 0;
  }

  #main-content .dk-select-options li {
    margin: 0; padding: 1px 14px;
  }

  
  #main-content .dk-select-options .dk-option-highlight,
  .dk-option-selected {
    background: #15ccb2;
  }

  #main-content .ninja-forms-form input[type="submit"] {
    margin: 0;
  }

  /* Error */
  .ninja-forms-field-error {
    position: absolute; left: -126px; top: 33px;
    background: #333333; display: block; padding: 0;
    padding: 2px 13px; 
    border-radius: 5px;
  }

  .ninja-forms-field-error:before {
    content: ' '; position: absolute; 
	width: 0; height: 0; right: -6px; top: 4px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #333333;
  }


  .ninja-forms-field-error p { margin: 0; color: white; }

  .field-wrap.ninja-forms-error input,
  .field-wrap.ninja-forms-error textarea,
   #main-content .field-wrap.ninja-forms-error .dk-selected,
  .field-wrap.ninja-forms-error.list-checkbox-wrap {
    background-color: #f4c1c2;  
  }


  .ninja-forms-error-msg {
    background: #333333; display: block; padding: 0;
    padding: 10px 15px; color: white; max-width: 461px;
    border-radius: 5px;
  }

  .ninja-forms-error-msg * { margin: 0 }