/*
Theme Name:         NewForest
Theme URI:          https://newforestnpa.gov.uk
Description:        WordPress theme based off FoundationPress by Ole Fredrik & Zurb
Version:            master d1bb70f105701d5b47961eb716db8bb6671be024
Author:             Zesty
Author URI:         https://www.simplyzesty.com

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */


/** tmp overrides go here **/

div.gallery  .gallery-caption {
  color: #555;
  font-size: 0.777em;
  max-width: 66%;
  margin-bottom: 1em;
}


/* Top Mobile Menu
   Temporary Fix pending FE team inputs
**/

@media screen and (max-width: 63.9375em) {

  .top-mobile {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }

  .top-mobile li {
    margin-right: 5px;
  }
  .top-mobile li a {
    background: none;
    border: none;
    font-size: .8rem;
  }

  .top-mobile li a:after {
     content: '|';
     margin-left: 5px;
   }

  .top-mobile li a:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .top-mobile li a:last-child a:after {
     content: '';
     margin-left: 0;
  }
}


.owl-gallery {
  width: 100%;
  position: relative; }
.owl-gallery .wp-caption-text {
  padding: 0 2rem; }

.owl-gallery .owl-nav {
  top: 40%;
  margin-top: -12px; }

.owl-gallery .owl-nav .owl-next, .owl-gallery .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-gallery .owl-nav .owl-next:before {
  content: "❯";
  position: absolute;
  right: 50px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border-radius: 50%;
  text-align: center; }

.owl-gallery .owl-nav .owl-prev:before {
  content: "❮";
  position: absolute;
  left: 50px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border-radius: 50%;
  text-align: center; }

.owl-gallery .owl-stage-outer {
  overflow: hidden;
  text-align: center;
  background-color: #f2f2f2; }

.owl-gallery .owl-stage-outer .owl-item, .owl-gallery .owl-stage-outer .item {
  height: 500px;
  width: auto;
  display: inline-block; }

.owl-gallery .owl-stage-outer .owl-item img {
  -webkit-transform-style: initial;
  transform-style: initial;
  height: 100%;
  object-fit: cover;
  width: auto; }

.owl-thumbs {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 20px;
  margin-top: 10px; }

.owl-thumbs .owl-thumb-item {
  background: none;
  padding: 0;
  opacity: .4;
  height: 80px;
  overflow: hidden;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-right: 5px;
  border: 5px solid #f2f2f2; }

.owl-thumbs .owl-thumb-item:last-of-type {
  margin-right: 0; }

.owl-thumbs .owl-thumb-item.active {
  opacity: 1; }

.owl-thumbs .owl-thumb-item img {
  min-height: 85px;
  border: none !important;
  min-width: 100%; }

.owl-thumbs {
  display: none;
}

.owl-gallery {
  position: relative;
  margin-bottom: 3rem; }
.owl-gallery .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  right: 0;
  margin: 0 auto; }
.owl-gallery .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  margin-top: 10px; }
.owl-gallery .owl-nav [class*=owl-] {
  color: #ddd;
  font-size: 14px;
  transition: background-color 0.5s;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }
.owl-gallery .owl-nav [class*=owl-]:hover {
  background-color: rgba(255, 255, 255, 0.1); }
.owl-gallery .owl-nav .disabled {
  opacity: .5;
  cursor: default; }
.owl-gallery .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-gallery .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }
.owl-gallery .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 7px;
  background: #ddd;
  display: block;
  backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  border: 5px solid #ddd; }
.owl-gallery .owl-dots .owl-dot.active span, .owl-gallery .owl-dots .owl-dot:hover span {
  background: #84687D; }

.medium-6 .owl-gallery .owl-stage-outer .owl-item, .medium-6 .owl-gallery .owl-stage-outer .item {
  height: 300px !important; }

.medium-6 .owl-thumbs .owl-thumb-item {
  height: 50px; }

@media screen and (max-width: 39.9375em) {
  .owl-gallery .owl-stage-outer .owl-item, .owl-gallery .owl-stage-outer .item {
    height: 250px !important; }
  .owl-thumbs {
    display: none; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .owl-gallery .owl-stage-outer .owl-item, .owl-gallery .owl-stage-outer .item {
    height: 300px !important; }
  .owl-thumbs {
    display: none; } }

.mobile-menu {
  height: 95vh;
  overflow-y: scroll;
}


img.newsletter-button {
  width: 155px;
  opacity: .5;
}