/*
Theme Name: The Nature Place
Author: DigiSage
Author URI: https://www.digisage.com
Version: 1.0.1
template: bb-theme
*/

/* global vars */
:root {
   /* colors */
   --np-body-font: #0f2b40;
   --np-blue: #0075b7; /* - OLD: #00739f */
   --np-green: #0e6d29;
   --np-dark-gren: #0e6d29; /* - OLD: #0e6d29 */
   --np-orange: #f68e1e; /* - OLD: #f57f20 */
   --np-orange-hover: #e87125;
   --np-light-blue: #25bede;
   --np-pink: #ab2590;
   --np-purple: #93469a; /* - OLD: #8f3c97 */
   --np-army-green: #425500;
   /* fonts */
   --np-gothic: 'alternate-gothic-condensed-a', Arial, sans-serif;
   --np-poppins: 'Poppins', Arial, sans-serif;
   /* misc */
   --np-masthead-height: 100px;
   --np-masthead-height-scrolled: 70px;
   --np-masthead-height-mobile: 45px;
}
.green {
   color: var(--np-green);
}
.dark-green {
   color: var(--np-dark-green);
}
.orange {
   color: var(--np-orange);
}
.light-blue {
   color: var(--np-light-blue);
}
.pink {
   color: var(--np-purple);
}

#site-alert-bar {
   height: 54px;
   overflow: hidden;
   position: relative;
   z-index: 10000;
   -webkit-transition:  .3s;
   transition:          .3s;
}
#site-alert-bar p {
   margin: 0;
}
#site-alert-bar a {
   text-decoration: none;
}
#site-alert-bar a span.button-arrow {
   border-left-color: #d7eacf;
}
#site-alert-bar a:hover span.button-arrow {
   border-left-color: #fff;
}
body.scrolled #site-alert-bar {
   height: 0;
}

/* header left side (logo & menu) */
#masthead {
   width: 2000px;
   max-width: 100%;
   position: fixed;
   left: 50%;
   transform: translate(-50%);
   z-index: 9999;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
}
.header-left {
   position: relative;
   display: flex;
   flex-wrap: nowrap;
   height: var(--np-masthead-height);
   -webkit-transition:  .3s;
   transition:          .3s;
}

/* logo banner */
.header-left .logo-col {
   width: 465px;
   position: relative;
   background: var(--np-green);
}
.header-left .logo-col .banner {
   position: absolute;
   top: 0;
   right: 0;
   width: 265px;
   padding: 0px;
   text-align: center;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-left .logo-col .banner::before {
   content: '';
   display: block;
   width: 100%;
   height: var(--np-masthead-height);
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   background: #fff;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-left .logo-col .banner::after {
   content: '';
   display: block;
   width: 100%;
   height: 260px;
   position: absolute;
   top: -65px;
   left: 0;
   background: url(assets/images/logo-flag-rev.svg) no-repeat center bottom;
   background-size: 100% auto;
   -webkit-transition:  .3s;
   transition:          .3s;
}
body.home .header-left .logo-col .banner::after {
   top: -30px;
}
.header-left .logo-col .banner a {
   display: block;
   padding: 10px 10px 0 10px;
   position: relative;
   z-index: 10;
}
body.home .header-left .logo-col .banner a {
   padding-top: 30px;
}
.header-left .logo-col .banner a img {
   display: inline-block;
   width: 100%;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-left #main-nav-wrap {
   background: #fff;
   padding: 0 30px 0 30px;
   border-left: 10px solid var(--np-green);
   border-right: 10px solid var(--np-green);
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

.header-left #main-nav > ul {
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
}
.header-left #main-nav > ul > li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
}
.header-left #main-nav > ul > li > a {
   display: block;
   height: var(--np-masthead-height);
   position: relative;
   color: var(--np-body-font);
   line-height: 1;
   font-size: 36px;
   text-decoration: none;
   padding: 40px 26px 0px 26px;
   border-bottom: 10px solid transparent;
   font-family: var(--np-gothic);
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-left #main-nav > ul > li:hover > a {
   border-color: var(--np-orange);
}
.header-left #main-nav > ul li ul.sub-menu {
   display: none;
   position: absolute;
   top: var(--np-masthead-height);
   left: 0;
   width: 400px;
   padding: 15px 0;
   background: #d7eacf;
}
.header-left #main-nav ul li:last-of-type > ul.sub-menu {
   left: auto;
   right: 0;
}
.header-left #main-nav ul li.drop-left ul.sub-menu {
   left: auto;
   right: 0;
}
.header-left #main-nav ul li ul.sub-menu li {
   margin: 0;
   padding: 0;
   list-style: none;
}
.header-left #main-nav ul li ul.sub-menu li a {
   display: block;
   color: var(--np-body-font);
   font-size: 22px;
   padding: 8px 26px;
   text-transform: none;
   border: none;
   line-height: 1.1;
   font-family: var(--np-poppins);
}
.header-left #main-nav ul li ul.sub-menu li a:hover {
   background: #f9fdf6;
   text-decoration: none;
}
.header-left #main-nav ul li ul.sub-menu > li.menu-item-has-children > a::after {
   content: '';
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 5px;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 14px solid var(--np-body-font);
}
.header-left #main-nav ul li ul.sub-menu li {
   position: relative;
}
.header-left #main-nav ul li ul.sub-menu li ul {
   width: 350px;
   top: -15px !important;
   left: 100%;
   background: #c9ddc0;
}
.header-left #main-nav-wrap button.mobile-toggle {
   display: none;
   background: none;
   border: none;
   color: #000;
   font-size: 22px;
   padding: 3px 10px 0 0;
   height: var(--np-masthead-height-mobile);
   line-height: var(--np-masthead-height-mobile);
   font-family: var(--np-gothic);
   text-transform: uppercase;
}
.header-left #main-nav-wrap button.mobile-toggle:focus-visible {
   border: 2px solid blue;
}
.header-left #main-nav-wrap button.mobile-toggle span {
   display: inline-block;
   padding-right: 3px;
}
.header-left #main-nav-wrap button.mobile-search-toggle {
   position: relative;
   top: 0;
   display: none;
   color: #fff;
   width: 50px;
   height: var(--np-masthead-height-mobile);
   line-height: var(--np-masthead-height-mobile);
   border: none;
   border-radius: 0;
   margin: 0;
   background: var(--np-body-font) url(assets/images/icon-search.svg) no-repeat center center / 24px auto;
   cursor: pointer;
}
.header-left #main-nav-wrap button.mobile-search-toggle:focus-visible {
   border: 2px solid blue;
}
#mobile-search-row {
   display: none;
   position: fixed;
   z-index: 15;
   top: 0px;
   left: 130px;
   width: calc(100% - 300px);
}
#mobile-search-row button.close-mobile-search {
   position: absolute;
   width: 45px;
   height: 45px;
   top: 0;
   left: 0;
   color: #fff;
   font-size: 30px;
   background: var(--np-body-font);
   border: none;
   border-radius: 0;
}
#mobile-search-row input.mobile-searchtext {
   font-size: 18px;
   height: 45px;
   border: none;
   border-radius: 0;
   padding-left: 70px;
   padding-right: 60px;
}
#mobile-search-row button.mobile-searchsubmit {
   margin: 0;
   padding: 6px 15px 0 15px;
   position: absolute;
   width: auto;
   height: 100%;
   top: 0;
   right: 0;
   text-indent: -9999px;
   overflow: hidden;
   width: 50px;
   height: 45px;
   border: none;
   border-radius: 0;
   background: var(--np-body-font) url(assets/images/icon-search.svg) no-repeat center center;
   background-size: 24px auto;
   border: none;
   border-radius: 0;
}

/* main fly-out menu */
#mask {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   min-height: 100%;
   z-index: 4999;
   background: rgba(0,0,0,0.5);
}
#flyout-menu {
   position: fixed;
   visibility: hidden; /* for accessibility */
   z-index: 999999;
   width: 400px;
   max-width: 100%;
   height: 100vh;
   top: 0;
   right: -400px;
   background: var(--np-blue);
}
#flyout-menu.open {
   visibility: visible;
}
#flyout-menu a.flyout-site-logo {
   display: block;
   position: absolute;
   z-index: 100;
   top: 12px;
   left: 15px;
   width: 80px;
   height: auto;
}
#flyout-menu .inner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 70px 0 0 0;
   overflow-y: auto;
   /* Optional but highly reccomended:  enables momentum scrolling on iOS */
   -webkit-overflow-scrolling: touch;
}
#flyout-menu button.close-flyout {
   display: block;
   position: absolute;
   z-index: 100;
   top: 20px;
   right: 20px;
   width: 30px;
   height: 30px;
   border: none;
   background: none;
   margin: 0;
   padding: 0;
}
#flyout-menu button.close-flyout:focus-visible {
   border: 2px solid blue;
}
#flyout-menu button.close-flyout svg {
   width: 100%;
   height: auto;
}
#flyout-menu button.close-flyout svg > path {
   fill: transparent;
   stroke: #fff;
   stroke-width: 2;
   stroke-linejoin: round;
}
/* drop down */
#flyout-menu ul {
   display: block !important;
   margin: 0;
   padding: 0;
   border-top: 1px solid rgba(255,255,255,0.2);
}
#flyout-menu ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
}
#flyout-menu ul li button.drop-button {
   display: none;
}
#flyout-menu ul li.menu-item-has-children button.drop-button {
   display: block;
   width: 50px;
   height: 50px;
   position: absolute;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255,255,255,0.2);
   cursor: pointer;
}
#flyout-menu ul li.menu-item-has-children button.drop-button::after {
   display:block;
   content:'';
   width:0;
   height:0;
   position:absolute;
   top:20px;
   left:20px;
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-top:10px solid #fff;
}
#flyout-menu ul li.menu-item-has-children button.drop-button.open::after {
   border-bottom: 10px solid #fff;
   border-top: none;
}
#flyout-menu ul li.menu-item-has-children button.drop-button:hover {
   background: rgba(255,255,255,0.1);
}
#flyout-menu ul li.menu-item-home {
   display: none;
}
#flyout-menu ul li a {
   display: block;
   height: 50px;
   font-size: 18px;
   line-height: 50px;
   margin: 0;
   padding: 0 50px 0 20px;
   color: #fff;
   border-bottom: 1px solid rgba(255,255,255,0.2);
   text-decoration: none !important;
}
#flyout-menu ul li a:hover {
   text-decoration: underline;
}
#flyout-menu ul li ul {
   display: none;
   border-top: none;
}
#flyout-menu ul li ul li a {
   height: auto;
   line-height: 1.2;
   padding: 12px 10px 12px 40px;
   font-weight: 400;
}
#flyout-menu ul li ul li button.drop-button {
   display: none !important;
}
#flyout-menu ul li ul li ul li a {
   padding-left: 55px;
}
#flyout-menu ul li ul li ul li a::before {
   content: '-';
   display: inline-block;
   padding-right: 4px;
}

@media(min-width:992px) {
   body.scrolled .header-left {
      height: var(--np-masthead-height-scrolled);
   }
   body.scrolled .header-left .logo-col .banner {
      text-align: right;
   }
   body.scrolled .header-left .logo-col .banner a {
      height: var(--np-masthead-height-scrolled);
      margin-top: 0px;
      padding-top: 3px;
      background: #fff;
   }
   body.scrolled .header-left .logo-col .banner::before {
      height: var(--np-masthead-height-scrolled);
   }
   body.scrolled .header-left .logo-col .banner::after {
      top: -200px;
   }
   body.scrolled .header-left .logo-col .banner img {
      width: 110px;
   }
   body.scrolled .header-left #main-nav > ul > li > a {
      height: var(--np-masthead-height-scrolled);
      padding-top: 24px;
   }
   body.scrolled .header-left #main-nav > ul li ul.sub-menu {
      top: var(--np-masthead-height-scrolled);
   }
}
@media(max-width:1600px) {
   .header-left .logo-col {
      width: 275px;
   }
}
@media(max-width:1400px) {
   .header-left .logo-col {
      width: 210px;
   }
   .header-left .logo-col .banner {
      width: 200px;
   }
   body.home .header-left .logo-col .banner a,
   .header-left .logo-col .banner a {
      padding-top: 15px;
   }
   body.home.scrolled .header-left .logo-col .banner a {
      padding-top: 3px;
   }
   body.home .header-left .logo-col .banner::after,
   .header-left .logo-col .banner::after {
      top: -15px;
      height: 165px;
   }
   .header-left #main-nav-wrap {
      padding: 0 20px 0 20px;
   }
   .header-left #main-nav > ul > li > a {
      font-size: 28px;
      padding: 40px 20px 0px 20px;
   }
   .header-left #main-nav ul li ul.sub-menu li {
      margin: 0;
   }
   .header-left #main-nav ul li ul.sub-menu li a {
      font-size: 16px;
      padding: 10px 26px;
   }
}
@media(max-width:1200px) {
   .header-left {
      height: var(--np-masthead-height-scrolled);
   }
   .header-left .logo-col .banner a {
      height: var(--np-masthead-height-scrolled);
   }
   .header-left .logo-col .banner::before {
      height: var(--np-masthead-height-scrolled);
   }
   .header-left #main-nav > ul > li > a {
      height: var(--np-masthead-height-scrolled);
      padding-top: 24px;
   }
   .header-left #main-nav > ul li ul.sub-menu {
      top: var(--np-masthead-height-scrolled);
   }
}
@media(max-width:1100px) {
   .header-left #main-nav > ul > li > a {
      font-size: 24px;
      padding-right: 15px;
      padding-left: 15px;
   }
}
@media(max-width:992px) {
   .header-left {
      width: calc(100% - 90px);
      height: var(--np-masthead-height-mobile);
   }
   .header-left .logo-col {
      width: 130px;
   }
   .header-left .logo-col .banner {
      width: 120px;
   }
   body.home.scrolled .header-left .logo-col .banner a,
   body.home .header-left .logo-col .banner a,
   .header-left .logo-col .banner a {
      padding: 10px 5px 0 5px;
   }
   .header-left .logo-col .banner::before {
      display: none;
   }
   body.home .header-left .logo-col .banner::after,
   .header-left .logo-col .banner::after {
      height: 115px;
   }
   .header-left #main-nav {
      display: none;
   }
   .header-left #main-nav-wrap {
      display: flex;
      justify-content: flex-end;
      width: calc(100% - 210px);
      background: #fff;
      padding: 0;
      text-align: right;
      border-right: none;
   }
   .header-left #main-nav-wrap button.mobile-search-toggle,
   .header-left #main-nav-wrap button.mobile-toggle {
      display: block;
   }
   body.scrolled .header-left {
      height: var(--np-masthead-height-mobile);
   }
}
@media(max-width:768px) {
   .header-left .logo-col {
      width: 110px;
   }
   .header-left .logo-col .banner {
      width: 100px;
   }
   body.home .header-left .logo-col .banner::after,
   .header-left .logo-col .banner::after {
      height: 100px;
   }
   .header-left #main-nav-wrap {
      width: calc(100vw - 200px);
   }
   #mobile-search-row {
      left: 110px;
      width: calc(100% - 200px);
   }
}
@media(max-width:650px) {
   .blog-post-content-wrap .wp-block-image figure,
   .blog-post-content-wrap img {
      float: none;
      clear: both;
      margin: 0 auto;
   }
}
@media(max-width:500px) {
   #mobile-search-row {
      left: 0;
      width: 100%;
   }
}
@media(max-width:350px) {
   .header-left #main-nav-wrap button.mobile-toggle span {
      position: absolute;
      left: -999999px;
   }
}

/* header right side (donate, social, search, hamburger) */
.header-right {
   position: relative;
}
/* donate */
.header-right a.donate {
   display: block;
   position: relative;
   width: 133px;
   height: var(--np-masthead-height);
   line-height: 1;
   background: var(--np-orange);
   padding: 36px 0 0 0;
   font-size: 36px;
   color: #000;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   font-family: var(--np-gothic);
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-right a.donate::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-left: 15px solid #e87125;
   border-top: calc(var(--np-masthead-height) / 2) solid transparent;
   border-bottom: calc(var(--np-masthead-height) / 2) solid transparent;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-right a.donate:hover {
   text-decoration: none;
   background: var(--np-orange-hover);
}
.header-right .header-extra {
   position: relative;
   left: 0;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   opacity: 1;
   -webkit-transition:  .3s;
   transition:          .3s;
}

/* social */
.header-right .social {
   position: relative;
   display: flex;
   justify-content: flex-end;
}
.header-right .social .remove-flow {
   position: absolute;
   right: 0;
   top: 0;
}
.header-right .social ul.social-icons {
   margin: 0;
   padding: 8px 0;
   background: var(--np-purple);
}
.header-right .social ul.social-icons li {
   margin: 0;
   padding: 0;
   list-style: none;
}
.header-right .social ul.social-icons li a {
   display: block;
   width: 60px;
   height: 40px;
   line-height: 40px;
   color: #fff;
   font-size: 26px;
   text-align: center;
   background: var(--np-purple);
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-right .social ul.social-icons li a:hover {
   background: var(--np-blue);
}

/* accessible search */
.header-right .search-area {
   position: relative;
   -webkit-transition:  .3s;
   transition:          .3s;
}
.header-right .search-area .remove-flow {
   position: absolute;
   right: 0;
   top: 0;
}
.header-right .search-wrap {
   position: relative;
}
.header-right .search-wrap.open {
   z-index: 1000;
}
.searchform {
   visibility: hidden;
}
.searchform.visible {
   visibility: visible;
}
.header-right .search-wrap button.search-open,
.header-right .search-wrap button.search-submit,
.header-right .search-wrap button.search-close {
   position: absolute;
   right: 0px;
   top: 0px;
   text-indent: -9999px;
   overflow: hidden;
   width: 60px;
   height: 60px;
   border: none;
   border-radius: 0;
   background: url(assets/images/icon-search.svg) no-repeat center center;
   background-size: 30px auto;
   cursor: pointer;
   background-color: var(--np-body-font);
}
.header-right .search-wrap button.search-open {
   z-index: 10;
}
.header-right .search-wrap button.search-open:focus-visible,
.header-right .search-wrap button.search-submit:focus-visible,
.header-right .search-wrap button.search-close:focus-visible {
   border: 2px solid blue;
}
/* this gets activated when the user opens the search tray */
.header-right .search-wrap button.search-close {
   display: none;
   z-index: 20;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' stroke='%23ffffff' stroke-width='2'><line x1='0' y1='0' x2='20' y2='20' /><line x1='20' y1='0' x2='0' y2='20' /></svg>");
}
.header-right .search-wrap input.search-text {
   width: 60px;
   height: 60px;
   float: right;
   padding: 5px;
   border: none;
   color: #fff;
   font-size: 18px;
   border-radius: 0;
   background: var(--np-body-font);
   -webkit-transition:  0s;
   transition:          0s;
}
.header-right .search-wrap input.search-text.open,
.header-right .search-wrap input.search-text:focus {
   padding-left: 15px;
}
/* mobile menu toggle */
.header-right .mobile-toggle-wrap {
   display: flex;
   justify-content: flex-end;
}
@media(min-width:992px) {
   body.scrolled .header-right a.donate {
      padding-top: 21px;
      height: var(--np-masthead-height-scrolled);
   }
   body.scrolled .header-right a.donate::before {
      border-top: calc(var(--np-masthead-height-scrolled) / 2) solid transparent;
      border-bottom: calc(var(--np-masthead-height-scrolled) / 2) solid transparent;
   }
}
@media(max-width:1400px) {
   .header-right a.donate {
      padding-top: 42px;
      font-size: 28px;
   }
   body.scrolled .header-right a.donate {
      padding-top: 25px;
   }
}
@media(max-width:1200px) {
   .header-right a.donate {
      padding-top: 25px;
      height: var(--np-masthead-height-scrolled);
   }
   .header-right a.donate::before {
      border-top: calc(var(--np-masthead-height-scrolled) / 2) solid transparent;
      border-bottom: calc(var(--np-masthead-height-scrolled) / 2) solid transparent;
   }
   body.scrolled .header-right .header-extra {
      left: 60px;
      opacity: 0;
   }
}
@media(max-width:992px) {
   .header-right a.donate {
      width: 90px;
      font-size: 22px;
      padding-top: 14px !important;
      height: var(--np-masthead-height-mobile);
   }
   .header-right a.donate::before {
      border-top: calc(var(--np-masthead-height-mobile) / 2) solid transparent;
      border-bottom: calc(var(--np-masthead-height-mobile) / 2) solid transparent;
   }
   .header-right .search-area,
   .header-right .social {
      display: none;
   }
}

/* interior pages */
.int-page-hero-loc-col .fl-rich-text p {
   margin: 0;
}
.int-page-hero-loc-col .fl-rich-text p span {
   display: inline-block; /* <span>|</span> */
   padding: 0 15px;
}
#breadcrumbs {
   line-height: 1.1;
}
#breadcrumbs a {
   color: #757575 !important;
}
#breadcrumbs a:hover {
   color: var(--np-body-font) !important;
}
#breadcrumbs span.bc-divider {
   display: inline-block;
   padding: 0 5px;
   color: #757575;
}
@media(max-width:1600px) {
   .int-hero-location-row .location-col .fl-rich-text p {
      font-size: 16px !important;
   }
}
@media(max-width:1500px) {
   .int-hero-row .fl-builder-bottom-edge-layer svg {
      width: 300px !important;
      height: 65px !important;
   }
   .int-hero-location-row .spacer-col {
      width: 25% !important;
   }
   .int-hero-location-row .location-col {
      width: 75% !important;
   }
}
@media(max-width:1300px) {
   .int-hero-row .fl-builder-bottom-edge-layer svg {
      width: 210px !important;
      height: 45px !important;
   }
   .int-hero-location-row .spacer-col {
      width: 220px !important;
   }
   .int-hero-location-row .location-col {
      width: calc(100% - 220px) !important;
   }
}
@media(max-width:1200px) {
   .int-hero-row .fl-builder-bottom-edge-layer svg {
      display: none;
   }
   .int-hero-location-row .spacer-col {
      width: 5% !important;
   }
   .int-hero-location-row .location-col {
      width: 95% !important;
   }
}
@media(max-width:992px) {
   .int-hero-location-row .spacer-col {
      display: none;
   }
   .int-hero-location-row .location-col {
      width: 100% !important;
   }
}
@media(max-width:768px) {
   #breadcrumbs span.bc-divider {
      padding: 0;
   }
   #breadcrumbs span.breadcrumb_last {
      display: none;
   }
}

/* main content area */
/* note: itemprop target is for images wrapped in a link (BB adds this attribute) */
body:not(.home) #fl-main-content a:not(.fl-button):not([itemprop="url"]) {
   text-decoration: underline;
}
h2 a,
h3 a,
body:not(.home) .pp-member-content a {
   text-decoration: none !important;
}
body:not(.home) #fl-main-content a:hover {
   text-decoration: none !important;
}
.fl-page {
   max-width: 2000px;
   margin: 0 auto;
   overflow: hidden;
}
body:not(.home) #fl-main-content a.fl-button {
   padding-top: 8px;
   padding-bottom: 8px;
   border: none;
}
span.button-arrow,
#fl-main-content div.fl-button-wrap:not(.fl-button-has-icon) a.fl-button::after {
   /* allows the use of a custom icon instead of default arrow */
   content: '';
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 5px;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 14px solid #fff;
}
#fl-main-content .open-button.orange a.fl-button::after {
   border-left-color: var(--np-orange);
}
#fl-main-content .open-button.orange a.fl-button:hover::after {
   border-left-color: #fff;
}
.link-underline p a:not(.fl-button) {
   text-decoration: underline;
}
.link-underline p a:not(.fl-button):hover {
   text-decoration: none;
}
.donate-btn a.fl-button {
   padding: 15px 30px !important;
}
.donate-btn a.fl-button i {
   font-size: 24px !important;
   position: relative;
   left: -3px;
   top: -7px;
}
/* if there is an empty class then this is the WP editor standard <ul> */
#fl-main-content ul:not([class]) li {
   margin: 0 0 10px 0;
}

/*
   custom rows
   row-layout-1: content left | image right edge
   row-layout-2: image left   | content right (bleeds into left col) w/leaf image BG
   row-layout-3: content left | 3 image grid right (has bg color)
   row-layout-4: image | content | image (has bg color)
   row-layout-5: content (pink bg) | content (light olive bg)
   row-layout-6: green bg 1 col centered content
*/
.row-layout-2 .fl-col-group .fl-col:nth-child(1) .fl-photo::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   bottom: -30px;
   left: -30px;
   width: 70%;
   height: 90%;
   background: #e7e9ec;
}
.row-layout-2 .fl-col-group .fl-col:nth-child(1) .fl-photo img {
   position: relative;
   z-index: 5;
}
@media(max-width:768px) {
   .row-layout-2 .fl-col-group .fl-col:nth-child(1) .fl-photo::after {
      bottom: -10px;
   }
}
.row-layout-4 .fl-row-content {
   position: relative;
   overflow: hidden;
}
.row-layout-4 .fl-row-content::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 0;
   top: -160px;
   right: -20px;
   width: 500px;
   height: 400px;
   background: url(assets/images/feather-watermark-1.svg) no-repeat 0 0 / 100% auto;
}
.row-layout-5 .leaf-watermark-col {
   position: relative;
}
.row-layout-5 .leaf-watermark-col::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: -60px;
   left: -70px;
   width: 200px;
   height: 180px;
   background: url(assets/images/leaf-watermark-2.svg) no-repeat 0 0 / 100% auto;
}
.row-layout-5 .feather-watermark-col {
   position: relative;
}
.row-layout-5 .feather-watermark-col::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   bottom: -90px;
   left: 85%;
   width: 200px;
   height: 330px;
   background: url(assets/images/feather-watermark-2.svg) no-repeat 0 0 / 100% auto;
}
@media(max-width:1200px) {
   .row-layout-5 .leaf-watermark-col::before {
      top: -60px;
      left: -70px;
      width: 200px;
      height: 200px;
   }
   .row-layout-5 .feather-watermark-col::before {
      bottom: -40px;
      left: auto;
      right: -100px;
      width: 150px;
      height: 250px;
   }
}
@media(max-width:1100px) {
   .row-layout-4 .fl-row-content::before {
      top: -100px;
      right: -20px;
      width: 400px;
      height: 300px;
   }
}
@media(max-width:768px) {
   .row-layout-5 .leaf-watermark-col::before {
      display: none;
   }
}

/* garden map */
body.mfp-zoom-out-cur #masthead {
   z-index: 0;
}
.mfp-wrap {
   z-index: 10000 !important;
}
.hotspots-interaction {
   flex-direction: row-reverse !important; /* move galleries to right */
}
.hotspots-interaction p {
   padding: 0 20px;
}
.hotspots-interaction h2.hotspot-title {
   font-size: 42px;
}
.hotspot-content .fl-builder-content {
   padding-top: 0;
}
.hotspot-content .fl-gallery .fl-gallery-item {
   width: calc(50% - 10px);
   height: 0;
   min-height: auto;
   padding-top: calc(50% - 10px);
   margin: 5px;
   float: left;
   position: relative;
}
.hotspot-content .fl-gallery .fl-gallery-item > .fl-photo {
   position: absolute;
   top: 0;
   left: 0;
}
.hotspot-content .fl-gallery .fl-gallery-item .fl-photo .fl-photo-caption {
   display: none;
}
.hotspot-content .fl-gallery .fl-gallery-item p {
   display: none;
}
.hotspot-content .fl-gallery .fl-gallery-item a br {
   display: none !important;
}
.hotspots-placeholder {
   position: relative;
   padding: 20px 0 !important;
}
.hotspots-placeholder .hotspot-info {
   position: absolute !important;
   padding-top: 20px;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: scroll;
}
@media(max-width:992px) {
   .hotspots-interaction h2.hotspot-title {
      font-size: 30px;
      padding: 0 10px;
   }
}
@media(max-width:768px) {
   .hotspots-interaction {
      flex-wrap: wrap-reverse;
   }
   .hotspots-interaction .hotspots-placeholder {
      width: 100%;
      height: 250px;
      max-width: 100% !important;
      flex: 0 0 100% !important;
      -webkit-flex: 0 0 100% !important;
   }
   .hotspots-interaction .hotspots-image-container {
      width: 100%;
   }
   .hotspot-content .fl-gallery .fl-gallery-item {
      width: 100px;
      height: 100px;
      max-width: 100px;
      max-height: 100px;
      padding-top: 0;
      flex: 0 0 100% !important;
      -webkit-flex: 0 0 100% !important;
   }
}

/* photo gallery */
ul.pp-gallery-filters li {
   margin-bottom: 5px !important;
}

/* team page */
.team-grid .pp-member-image img {
   width: 250px;
   height: auto;
}

/* summer camp events (list format) */
.sessions-col .fl-col-content {
   position: relative;
}
.session-heading {
   padding: 20px 10px;
}
.session-heading h2.fl-heading {
   margin: 0;
   padding: 0;
}
.session-intro .fl-rich-text {
   padding: 15px 10px;
   background: #f4ebf4;
   border-bottom: 4px solid #fff;
}
.session-intro .fl-rich-text p {
   margin: 0;
}
.monthly-events-list {
   margin: 0 0 20px 0;
   padding: 0 30px;
}
.monthly-events-list h2 {
   font-size: 34px;
   text-transform: uppercase;
   padding: 7px 10px 5px 10px;
   color: #fff;
   background: var(--np-purple);
}
.monthly-events-list .event-item {
   padding: 10px 0;
   border-top: 1px solid var(--np-blue);
}
.sessions-col.discoverers .event-item {
   border-top-color: var(--np-purple);
}
.sessions-col.explorers .event-item {
   border-top-color: var(--np-green);
}
.sessions-col.adventurers .event-item {
   border-top-color: var(--np-blue);
}
.sessions-col.onedaywonders .event-item {
   border-top-color: var(--np-orange);
}
.monthly-events-list h2 + .event-item {
   border: none;
}
.monthly-events-list .event-item h3 {
   font-size: 22px;
   font-weight: 700;
   margin: 0 0 5px 0;
   font-family: var(--np-poppins);
}
.monthly-events-list .event-item .event-dates {
   font-weight: 600;
}
.monthly-events-list .event-item p.event-excerpt {
   font-size: 16px;
   line-height: 1.3;
   margin: 0;
}
.sessions-col .register a.fl-button {

   padding: 20px 10px !important;
}
.sessions-col .register a.fl-button i.fl-button-icon {
   font-size: 26px;
   position: relative;
   top: -5px;
   margin-left: 0 !important;
}
.discoverers.sessions-col .monthly-events-list h2 {
   background: var(--np-purple);
}
.discoverers.sessions-col .session-heading {
   background: var(--np-purple);
}
.discoverers.sessions-col .session-intro .fl-rich-text {
   background: #f4ebf4;
}
.explorers.sessions-col .monthly-events-list h2 {
   background: var(--np-green);
}
.explorers.sessions-col .session-heading {
   background: var(--np-green);
}
.explorers.sessions-col .session-intro .fl-rich-text {
   background: #e6f0e9;
}
.adventurers.sessions-col .monthly-events-list h2 {
   background: #00739f;
}
.adventurers.sessions-col .session-heading {
   background: #00739f;
}
.adventurers.sessions-col .session-intro .fl-rich-text {
   background: #e5f1f5;
}
.onedaywonders.sessions-col .monthly-events-list h2 {
   background: var(--np-orange);
}
.onedaywonders.sessions-col .session-heading {
   background: var(--np-orange);
}
.onedaywonders.sessions-col .session-intro .fl-rich-text {
   background: #fde6d0;
}

/* school programs / field trips program tables */
@media(max-width:1600px) {
   .edu-col-head {
      width: 24%;
   }
   .edu-col-1,
   .edu-col-2 {
      width: 37%;
   }
}
@media(max-width:1300px) {
   .edu-col-head {
      width: 30%;
   }
   .edu-col-1,
   .edu-col-2 {
      width: 35%;
   }
}
@media(max-width:1100px) {
   .edu-col-head {
      width: 100%;
   }
   .edu-col-head > .fl-col-content {
      margin-bottom: 5px;
   }
   .edu-col-head.empty {
      display: none;
   }
   .edu-col-1,
   .edu-col-2 {
      width: 50%;
   }
   .edu-col-1 > .fl-col-content {
      margin-left: 0;
   }
}

/* calendar */
/* date numbers */
.em.em-calendar .em-cal-head > div {
   color: #0f2b40 !important;
}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a,
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date span {
   color: #333 !important;
}
/* preceding and post full cal dates */
.eventless-pre span,
.eventless-post span {
   color: #757575 !important;
}
/* "Today" button */
a.em-calnav-today.button {
   opacity: 1 !important;
   color: #757575 !important;
   border-color: #757575 !important;
}

/* homepage */

/* hero section */
#home-hero {
   position:relative;
}
#home-hero::before {
   /* top layer white shape */
   content: '';
   display: block;
   position: absolute;
   z-index: 10;
   bottom: -1px;
   left: 0;
   width: 100%;
   height: 200px;
   background: url(assets/images/hero-white-shape.svg) no-repeat center bottom / 101% auto;
}
#home-hero .fl-row-content-wrap::before,
#home-hero .fl-row-content-wrap::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 5;
   bottom: 0;
   width: 50%;
}
#home-hero .fl-row-content-wrap::before {
   left: 0;
   height: 470px;
   background: url(assets/images/hero-left-shape.svg) no-repeat right bottom / 100% auto;
}
#home-hero .fl-row-content-wrap::after {
   left: 50%;
   height: 200px;
   background: url(assets/images/hero-right-shape.svg) no-repeat left bottom / 100% auto;
}
#home-hero .home-hero-title {
   position: absolute;
   z-index: 20;
   left: 0;
   bottom: 70px;
}
#home-hero .home-hero-title h2 {
   position: relative;
   padding-right: 40px !important;
}
#home-hero .home-hero-title h2 span.fl-heading-text span {
   display: block;
}
#home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(1) {
   padding-right: 375px;
   padding-bottom: 15px;
}
#home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(2) {
   font-size: 94px;
}
@media(max-width:1850px) {
   #home-hero .fl-row-content-wrap::before {
      height: 450px;
      background-size: 125% auto;
   }
}
@media(max-width:1600px) {
   #home-hero .fl-row-content-wrap::before {
      height: 430px;
      background-size: 130% auto;
   }
}
@media(max-width:1500px) {
   #home-hero .fl-row-content-wrap::before {
      height: 400px;
      background-size: 135% auto;
   }
}
@media(max-width:1400px) {
   #home-hero .home-hero-title {
      bottom: 55px;
   }
   #home-hero .home-hero-title h2 {
      padding-right: 0px !important;
   }
}
@media(max-width:1300px) {
   #home-hero .home-hero-title h2 {
      font-size: 70px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(1) {
      padding-right: 375px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(2) {
      font-size: 84px;
   }
}
@media(max-width:1200px) {
   #home-hero .home-hero-title h2 {
      font-size: 54px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(1) {
      padding-right: 340px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(2) {
      font-size: 70px;
   }
}
@media(max-width:1100px) {
   #home-hero .home-hero-title {
      width: 60%;
   }
   #home-hero .fl-row-content-wrap::before {
      width: 60%;
   }
   #home-hero .fl-row-content-wrap::after {
      width: 40%;
      left: calc(60% - 1px);
   }
}
@media(max-width:870px) {
   #home-hero .home-hero-title {
      width: 100%;
      padding-left: 70px;
      bottom: 30px;
   }
   #home-hero .home-hero-title h2 {
      text-align: left;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(1) {
      padding-left: 30px;
      padding-right: 0px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(3) {
      padding-left: 200px;
   }
   #home-hero .fl-row-content-wrap::before {
      width: 100%;
      height: 320px;
      background-position: right top;
   }
   #home-hero .fl-row-content-wrap::after {
      display: none;
   }
}
@media(max-width:768px) {
   #home-hero .home-hero-title {
      padding-left: 60px;
   }
}
@media(max-width:700px) {
   #home-hero::before {
      /* remove layer white shape / add triangle */
      width: 0;
      height: 0;
      background: none;
      border-bottom: 50px solid #fff;
      border-right: 200px solid transparent;
   }
   #home-hero .fl-row-content-wrap::before {
      width: 100%;
      height: 145px;
      background: rgba(5,38,9,0.8) no-repeat 0 0 / 100% 200px;
   }
   #home-hero .fl-row-content-wrap::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 6;
      bottom: 0;
      left: 0;
      width: 50px;
      height: 145px;
      background: url(assets/images/mobile-hero-leaf.jpg) no-repeat right top / auto 100%;
   }
   #home-hero .home-hero-title {
      bottom: 5px;
   }
   #home-hero .home-hero-title h2 {
      font-size: 38px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(1) {
      padding-bottom: 8px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(2) {
      font-size: 50px;
   }
}
@media(max-width:420px) {
   #home-hero::before {
      border-bottom: 40px solid #fff;
      border-right: 150px solid transparent;
   }
   #home-hero .fl-row-content-wrap::before,
   #home-hero .fl-row-content-wrap::after {
      height: 125px;
   }
   #home-hero .home-hero-title {
      padding-left: 45px;
   }
   #home-hero .home-hero-title h2 {
      font-size: 30px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(2) {
      font-size: 36px;
   }
   #home-hero .home-hero-title h2 span.fl-heading-text span:nth-of-type(3) {
      padding-left: 120px;
   }
}

/* welcome section */
#welcome {
   position: relative;
   z-index: 10;
}
#welcome .welcome-photo-grow img {
   transform: scale(1.2);
   transform-origin: top right;
}
#welcome .welcome-photo-grow::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   top: -100px;
   right: 0;
   width: 400px;
   height: 100px;
   background: url(assets/images/home-sidebar-top.svg) no-repeat right bottom / 100% auto;
}
#welcome span.vinyl-in-text {
   color: var(--np-green);
   position: relative;
   top: 21px;
   vertical-align: bottom;
   font-family: vinyl, arial;
   font-size: 64px !important;
}
#fl-main-content .welcome-side-col a.fl-button::after {
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 16px solid #000 !important;
}
.mobile-building-row .fl-photo {
   position: relative;
}
.mobile-building-row .fl-photo::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 40%;
   background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0.7) 50%, transparent 100%);
}
@media(max-width:1200px) {
   #welcome .welcome-photo-grow::after {
      top: -70px;
      width: 300px;
      height: 70px;
   }
}
@media(max-width:1200px) {
   #welcome .welcome-photo-grow::after {
      width: 250px;
   }
}
@media(max-width:768px) {
   #welcome .welcome-photo-grow::after {
      display: none;
   }
   #welcome span.vinyl-in-text {
      top: 9px;
      font-size: 34px !important;
   }
   #welcome .fl-row-content-wrap {
      background: none;
   }
   #welcome .welcome-photo-grow img {
      transform: none;
   }
}

/* facilities */
#facilities .fl-callout-photo img {
   width: auto;
   height: 125px;
}
#facilities .turtle .fl-callout-photo img {
   height: 90px; /* make the turtle image smaller so it doesn't fill the whole width */
   margin-top: 35px;
}

/* programs */
#programs-title h2 {
   position: relative;
   top: 35px;
}
.program-callout-col h3 {
   margin-bottom: 30px;
}
.program-callout-col a.fl-callout-cta-link {
   text-decoration: none;
}
.program-callout-col a.fl-callout-cta-link span.button-arrow {
   border-left-color: var(--np-orange);
}
.program-callout-col a.fl-callout-cta-link:hover span.button-arrow {
   border-left-color: #fff;
}
.program-callout-col .fl-module-content {
   position: relative;
}
.program-callout-col .fl-module-content::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 70px;
   height: 100%;
   clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
}
.program-callout-col.program-1 .fl-module-content::before {
   background: var(--np-green);
}
.program-callout-col.program-2 .fl-module-content::before {
   background: var(--np-purple);
}
.program-callout-col.program-3 .fl-module-content::before {
   background: var(--np-orange);
}
.program-callout-col.program-4 .fl-module-content::before {
   background: var(--np-blue);
}
@media(max-width:1400px) {
   .programs-col .fl-col-content {
      padding-right: 20%;
   }
}
@media(max-width:400px) {
   .program-callout-col .fl-module-content::before {
      width: 30px;
   }
   .program-callout-col .fl-module-content {
      padding-left: 50px !important;
   }
   .program-callout-col h3.fl-callout-title {
      font-size: 20px !important;
   }
   .program-callout-col a.fl-callout-cta-link {
      text-align: left !important;
   }
}

/* jobs */
#jobs .jobs-pic-col {
   position: relative;
}
#jobs .jobs-pic-col::after {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
}
#jobs .jobs-pic-col .fl-col-content {
   position: relative;
   z-index: 4;
   mask-size: 100%;
   -webkit-mask-size: 100%;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
}
#jobs .jobs-pic-col .fl-col-content .fl-photo {
   /* this image is used to maintain aspect ratio */
   opacity: 0;
}
#jobs .fl-col-group .fl-col.pic-col-1 {
   top: -50px;
}
#jobs .jobs-pic-col.pic-col-1 .fl-col-content {
   mask-image: url(assets/images/jobs-shape-1.png);
   -webkit-mask-image: url(assets/images/jobs-shape-1.png);
}
#jobs .jobs-pic-col.pic-col-1::after {
   width: calc(100% - 15px);
   height: 100%;
   top: 5px;
   left: 9px;
   background: url(assets/images/jobs-shape-1.png) no-repeat 0px 0px / 100% 100%;
}
#jobs .jobs-pic-col.pic-col-2 .fl-col-content {
   mask-image: url(assets/images/jobs-shape-2.png);
   -webkit-mask-image: url(assets/images/jobs-shape-2.png);
}
#jobs .jobs-pic-col.pic-col-2::after {
   width: calc(100% - 26px);
   height: 100%;
   top: 5px;
   left: 20px;
   background: url(assets/images/jobs-shape-2.png) no-repeat 0px 0px / 100% 100%;
}
#jobs .fl-col-group .fl-col.pic-col-3 {
   top: 70px;
}
#jobs .jobs-pic-col.pic-col-3 .fl-col-content {
   mask-image: url(assets/images/jobs-shape-3.png);
   -webkit-mask-image: url(assets/images/jobs-shape-3.png);
}
#jobs .jobs-pic-col.pic-col-3::after {
   width: calc(100% - 14px);
   height: 100%;
   top: 5px;
   left: 20px;
   background: url(assets/images/jobs-shape-3.png) no-repeat 0px 0px / 100% 100%;
}
#jobs .jobs-content-col-4 {
   margin-top: 30px;
}
@media(max-width:768px) {
   #jobs .fl-col-group .fl-col {
      float: left;
   }
   #jobs .fl-col-group .fl-col.pic-col-1 {
      margin: 0 8px 0 20px;
      width: calc(25% - 28px) !important;
   }
   #jobs .jobs-pic-col.pic-col-1::after {
      width: 100%;
      height: 100%;
      top: 5px;
      left: 6px;
   }
   #jobs .fl-col-group .fl-col.pic-col-2 {
      margin: 0 8px;
      width: calc(45% - 16px) !important;
   }
   #jobs .jobs-pic-col.pic-col-2::after {
      width: 100%;
      height: 100%;
      top: 5px;
      left: 6px;
   }
   #jobs .fl-col-group .fl-col.pic-col-3 {
      top: 90px;
      margin: 0 20px 0 8px;
      width: calc(30% - 28px) !important;
   }
   #jobs .jobs-pic-col.pic-col-3::after {
      width: 100%;
      height: 100%;
      top: 5px;
      left: 6px;
   }
   #jobs .fl-col-group .fl-col:not(.jobs-content-col-4) {
      clear: none;
   }
   #jobs .fl-col-group .fl-col img {
      width: 100%;
      height: auto;
   }
}
@media(max-width:600px) {
   #jobs .fl-col-group .fl-col.pic-col-3 {
      top: 60px;
   }
}

/* events */
#events .fl-html .em-list {
   display: grid;
   column-gap: 10px;
   grid-template-columns: repeat(3,1fr);
}
#events .home-event {
   position: relative;
   background: #fff;
   padding-bottom: 80px;
}
#events .home-event a.event-thumb {
   display: block;
   height: 300px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
#events .home-event .event-info {
   padding: 20px 15px 0 15px;
}
#events .home-event .event-info h3 {
   text-align: center;
   font-size: 24px !important;
   margin: 0 0 15px 0;
   padding: 0;
   font-weight: 500 !important;
   color: var(--np-body-font) !important;
   font-family: var(--np-poppins);
}
#events .home-event .event-info .event-date {
   text-align: center;
   line-height: 1;
   color: var(--np-body-font) !important;
   font-size: 28px;
}
#events .home-event a.more {
   position: absolute;
   display: block;
   bottom: 0px;
   left: 0;
   width: 100%;
   color: #f3fcd6 !important;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   padding: 10px;
   background: var(--np-body-font) !important;
}
#events .home-event a.more::after {
   content: '';
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 8px;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-left: 14px solid #f3fcd6;
}
#events .home-event a.more:hover {
   background: var(--np-purple) !important;
}
@media(max-width:700px) {
   #events .fl-html .em-list {
      display: block;
   }
   #events .home-event {
      width: 100%;
      margin-bottom: 10px;
   }
   #events .home-event a.event-thumb {
      height: 60vw;
   }
}

/* rent our facility */
#rent-facility {
   position: relative;
   z-index: 10;
}
#rent-facility .fl-row-content-wrap {
   background-size: auto 92% !important;
   background-position: right 50px !important;
}
#rent-facility .content-col-1 .fl-col-content {
   position: relative;
}
#rent-facility .content-col-1 .fl-col-content .fl-module:not(:last-child) .fl-module-content {
   padding-left: 180px;
   padding-right: 70px;
}
#rent-facility .content-col-1 .fl-col-content p {
   margin-bottom: 25px;
}
#rent-facility .content-col-1 .fl-photo-content {
   position: relative;
}
#rent-facility .content-col-1 .fl-photo-content::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 80%;
   background: linear-gradient(to bottom, #30332e 0%, transparent 100%);
}
#rent-facility .image-col-2 .fl-col-content {
   position: relative;
   top: 500px;
   mask-size: 100%;
   -webkit-mask-size: 100%;
   mask-repeat: no-repeat;
   -webkit-mask-repeat: no-repeat;
   mask-image: url(assets/images/rent-shape-2.png);
   -webkit-mask-image: url(assets/images/rent-shape-2.png);
}
#rent-facility a.fl-button::after {
   border-left-color: var(--np-orange) !Important;
}
#rent-facility a.fl-button:hover::after {
   border-left-color: #fff !Important;
}
@media(max-width:1800px) {
   #rent-facility .fl-row-content-wrap {
      background-position: right 50px !important;
   }
}
@media(max-width:1700px) {
   #rent-facility .fl-row-content-wrap {
      background-size: auto 88% !important;
   }
   #rent-facility .image-col-2 .fl-col-content {
      top: 700px;
   }
}
@media(max-width:1400px) {
   #rent-facility .content-col-1 .fl-col-content .fl-module:not(:last-child) .fl-module-content {
      padding-left: 20px;
      padding-right: 20px;
   }
   #rent-facility .image-col-2 .fl-col-content {
      top: 600px;
   }
}
@media(max-width:992px) {
   #rent-facility .fl-row-content-wrap {
      background-size: 90% auto !important;
   }
   #rent-facility .content-col-1 .fl-col-content .fl-module:not(:last-child) .fl-module-content {
      padding-right: 40px;
   }
   #rent-facility .image-col-2 .fl-col-content {
      top: 460px;
   }
}
@media(max-width:768px) {
   #rent-facility .fl-row-content-wrap {
      background: none;
   }
   #rent-facility .content-col-1 .fl-col-content {
      background: #30332e;
   }
   #rent-facility .content-col-1 .fl-col-content .fl-module:not(:last-child) .fl-module-content {
      padding-left: 0;
      padding-right: 0px;
   }
   #rent-facility .image-col-2 .fl-col-content {
      top: 0px;
   }
   .rent-mobile-photo {
      margin-top: -1px;
   }
}

/* footer */
#footer-main > .fl-row-content-wrap::before {
   content: '';
   display: block;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0;
   width: 200px;
   height: 550px;
   background: url(assets/images/turtle-shell.svg) no-repeat right bottom;
}
#footer-main > .fl-row-content-wrap {
   background-size: auto calc(100% + 180px);
   background-position: center -40px;
}
#footer-main .fl-col {
   position: relative;
   z-index: 5;
}
#footer-main .footer-social ul.social-icons {
   margin: 0;
   padding: 0;
   display: flex;
}
#footer-main .footer-social ul.social-icons li {
   margin: 0 10px;
   padding: 0;
   list-style: none;
}
#footer-main .footer-social ul.social-icons li a {
   display: block;
   font-size: 40px;
   color: var(--np-army-green);
}
#footer-main .footer-social ul.social-icons li a:hover {
   color: var(--np-purple);
}
#footer-main .news-signup form {
   position: relative;
   height: 42px;
   overflow: hidden;
}
#footer-main .news-signup input[type="text"] {
   height: 42px;
   line-height: 42px;
   margin: 0;
   padding: 0 15px;
   font-size: 20px;
}
#footer-main .news-signup input[type="submit"] {
   position: absolute;
   font-size: 20px;
   top: 0px;
   right: 0px;
   height: 42px;
   line-height: 100%;
   padding: 0 10px;
   margin: 0;
}
@media(max-width:1300px) {
   .footer-col-1 {
      width: 42%;
   }
   .footer-col-2 {
      width: 24%;
   }
   .footer-col-3 {
      width: 34%;
   }
}
@media(max-width:992px) {
   #footer-main > .fl-row-content-wrap::before {
      display: none;
   }
}
@media(max-width:768px) {
   #footer-main > .fl-row-content-wrap {
      background-size: auto 60%;
      background-position: center 0px;
   }
   .footer-col-2,
   .footer-col-3 {
      background: #f3fcd6;
   }
}

.copyright-row span.sep {
   display: inline-block;
   padding: 0 25px;
}
.copyright-row a {
   text-decoration: underline;
}
.copyright-row p {
   margin: 0;
}
@media(max-width:768px) {
   .copyright-row span.sep {
      display: none;
   }
   .copyright-row a {
      display: block;
      margin: 0 auto;
   }
}