/***********************************************************************
Filename: _style.scss
Title: Style
Author: Maraid Design
Client: Green Howards Museum
************************************************************************/
/* Reset
-----------------------------------------------------------------------*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("//hello.myfonts.net/count/2de60b");
@import url("//hello.myfonts.net/count/2debd2");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/*

p {
  -webkit-hyphens: auto;
  -epub-hyphens:   auto;
  -moz-hyphens:    auto;
  hyphens:         auto;

}
*/
/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf, .comment-respond {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after, .comment-respond:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/* Import formatting
-----------------------------------------------------------------------*/
/******************************************************************
Filename: _mixins.scss
Title: Mixins
Author: Maraid Design
Client: Green Howards - NEW
******************************************************************/
/*
@mixin block-text {
	font-family: $body;
	text-transform: uppercase;
	font-size: 100%;
}
*/
/***********************************************************************
Filename: _fonts.scss
Title: Fonts
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
@font-face {
  font-family: 'TradeGothicLTPro-BdCn20';
  src: url("webfonts/2DE60B_0_0.eot");
  src: url("webfonts/2DE60B_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2DE60B_0_0.woff2") format("woff2"), url("webfonts/2DE60B_0_0.woff") format("woff"), url("webfonts/2DE60B_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TradeGothicLTPro';
  src: url("/webfonts/2DE60A_0_0.eot");
  src: url("/webfonts/2DE60A_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2DE60A_0_0.woff2") format("woff2"), url("webfonts/2DE60A_0_0.woff") format("woff"), url("webfonts/2DE60A_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TradeGothicLTPro-Bd2';
  src: url("webfonts/2DEBD2_0_0.eot");
  src: url("webfonts/2DEBD2_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2DEBD2_0_0.woff2") format("woff2"), url("webfonts/2DEBD2_0_0.woff") format("woff"), url("webfonts/2DEBD2_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/***********************************************************************
Filename: _base.scss
Title: Main colours etc
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* Set media query names
-----------------------------------------------------------------------*/
/* Text sizes - NOT USED
-----------------------------------------------------------------------*/
/*
$super-large-text: 4rem; //64
$large-to-super-text: 3.4rem; //
$large-text: 2.4rem; //45
$medtolarge-text: 2.2rem;//36
$med-text: 1.9rem; //30
$base-med-text: 1.5rem; //24
$base-text: 1.25rem; //20
$small-text: 0.9rem;
$super-small-text: 0.9rem;
$super-super-small-text: 0.7rem;
*/
/* Main site colours
-----------------------------------------------------------------------*/
/* Main links
-----------------------------------------------------------------------*/
a {
  color: #35561f;
  transition: all 0.3s ease 0s; }
  a:hover, a:focus {
    color: #203413; }

strong, b {
  font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif;
  font-weight: normal; }

italic, em {
  font-style: normal;
  font-style: italic; }

/* Headings
-----------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-weight: normal;
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 2em;
  line-height: 1.333em; }

h2, .h2 {
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/* General
-----------------------------------------------------------------------*/
body {
  font-family: "TradeGothicLTPro", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #333;
  background-color: #EFE7E3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wrap {
  width: 96%;
  margin: 0 auto;
  max-width: 970px; }

.home #main {
  width: 100% !important; }

.wrap {
  width: 970px; }

.wrap {
  width: 96%;
  margin: 0 auto; }

/* Blockquote
-----------------------------------------------------------------------*/
blockquote {
  padding: 0 0 0 30px;
  border-left: 5px solid #2980b9; }

/* Border radius
-----------------------------------------------------------------------*/
/* Pagination and blog prev back
-----------------------------------------------------------------------*/
.pagination,
.wp-prev-next {
  margin: 1.5em 0; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #eaedf2; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.4em 0.6em;
    min-width: 1em;
    display: block;
    color: #35561f; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      background-color: #35561f;
      color: #fff; }
  .pagination .current {
    cursor: default;
    color: #333; }
    .pagination .current:hover, .pagination .current:focus {
      background-color: #fff;
      color: #333; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }

.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/***********************************************************************
Filename: _animation.scss
Title: Animation
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* Set the animation
-----------------------------------------------------------------------*/
@keyframes reveal {
  0% {
    opacity: 0;
    transform: translateY(0); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes revealmove {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/* Animation in use
-----------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  article, .side-col, .blog .main-col, .archive .main-col {
    animation-name: revealmove;
    animation-duration: 800ms;
    animation-delay: 200ms;
    animation-timing-function: ease;
    animation-fill-mode: both; }
  .side-col {
    animation-delay: 500ms; } }

header {
  animation-name: reveal;
  animation-duration: 800ms;
  animation-delay: 200ms;
  animation-timing-function: ease;
  animation-fill-mode: both; }

/***********************************************************************
Filename: _grid.scss
Title: Grid
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* Internal pages
-----------------------------------------------------------------------*/
.main-col, .d-5of7 {
  overflow: hidden; }
  @media screen and (min-width: 1030px) {
    .main-col, .d-5of7 {
      width: 71.4285715%;
      float: left;
      margin-bottom: 50px; } }

.side-col {
  overflow: hidden;
  margin-bottom: 50px; }
  @media screen and (min-width: 1030px) {
    .side-col {
      float: right;
      padding-right: 0 !important;
      width: 28.5%; } }

/* Clears and hides
-----------------------------------------------------------------------*/
.hidden, footer span, span.shift, .screen-reader-text, .form-allowed-tags, .screen-reader-text, .timeline-express-single-page-announcement-date, ul.wpsc_second_level_categories, .wpsc_loading_animation, body.search-results p.byline, .social span, .blog #categories-3 h2, .archive #categories-3 h2 {
  position: absolute !important;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  top: auto; }

.clear-float:after {
  /*clear floated elements*/
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clear-float {
  height: 1%; }

/* IE6 */
*:first-child + html .clear-float {
  min-height: 1%; }

/* IE7 */
/*
.clear {
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	}
*/
.clearheight {
  /*clear anything leaving a gap*/
  float: none;
  clear: both; }

.end {
  margin-right: 0 !important; }

/***********************************************************************
Filename: _accordion.scss
Title: Accordion
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/*

#accordion-v3ojr64ai, .js-accordion{
	background-color: red;
	

}
*/
.js-accordion__panel[aria-hidden=true] {
  display: none; }

.js-accordion__panel[role="tabpanel"] .js-accordion__header {
  display: none; }

input[type="button"]:hover {
  cursor: pointer; }

.js-accordion__header[aria-expanded="true"] {
  padding-left: 40px;
  background: url("../images/accordion-arrow-down.svg") 20px 50% no-repeat;
  background-size: 15px 15px; }

.js-accordion__header[aria-expanded="false"] {
  background: url("../images/accordion-arrow.svg") 20px 50% no-repeat;
  background-size: 15px 15px; }

.js-accordion .js-accordion__header {
  width: 100%;
  border: none;
  text-align: left;
  margin-bottom: 20px;
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #fff;
  background-color: #35561f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 20px;
  padding: 10px;
  padding-left: 40px; }
  .js-accordion .js-accordion__header span {
    border-bottom: 2px solid #333; }
  .js-accordion .js-accordion__header:hover {
    cursor: pointer; }

.js-accordion .js-accordion__panel {
  background-color: white;
  position: relative;
  top: -20px;
  padding: 1px 0; }
  .js-accordion .js-accordion__panel h3 {
    font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif;
    margin-bottom: 0; }
  .js-accordion .js-accordion__panel p.job {
    margin-top: 0; }

.js-accordion .accordion__header {
  width: 100%;
  border: none;
  background-color: #2980b9;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  padding: 20px 60px; }

.js-accordion .js-accordion__panel {
  background-color: #fff;
  position: relative;
  top: -20px;
  padding: 30px 20px; }

/***********************************************************************
Filename: _images.scss
Title: Images
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* base images
-----------------------------------------------------------------------*/
img, .wp-caption, .alignnone {
  height: auto;
  max-width: 100%; }

img.size {
  width: auto; }

.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto; }

/* floated images
-----------------------------------------------------------------------*/
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
  width: auto; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  width: auto; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

/***********************************************************************
Filename: _lists.scss
Title: Lists
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* Lists in content
-----------------------------------------------------------------------*/
article ul {
  list-style-type: circle;
  margin-left: 1em; }

article ol {
  list-style-type: decimal;
  margin-left: 1.5em; }

.entry-content ul {
  list-style-type: none;
  margin-left: 0; }
  .entry-content ul li {
    background: url("../images/bullet.gif") no-repeat 0 7px;
    padding-left: 30px; }

/* row1 image and text side by side
-----------------------------------------------------------------------*/
ul.modules-row1 {
  list-style-type: none;
  margin-left: 0;
  margin-top: 30px; }
  ul.modules-row1 p {
    color: #333; }
  ul.modules-row1 p.link {
    display: inline-block;
    border: 2px solid #666;
    padding: 10px 17px;
    color: #666; }
    ul.modules-row1 p.link span {
      display: none; }
  ul.modules-row1 li {
    padding: 0 !important;
    background: none !important; }
    @media screen and (min-width: 1030px) {
      ul.modules-row1 li {
        margin-bottom: 1em; } }
  ul.modules-row1 img {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 70%; }
    @media screen and (min-width: 481px) {
      ul.modules-row1 img {
        width: 50%; } }
    @media screen and (min-width: 1030px) {
      ul.modules-row1 img {
        float: left;
        margin-bottom: 0;
        margin-top: 0;
        width: 33.052%;
        margin-bottom: 1em; } }
  ul.modules-row1 h2 {
    margin: 0 !important;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    margin-top: 0;
    position: relative;
    top: -5px; }
    @media screen and (min-width: 1030px) {
      ul.modules-row1 h2 {
        margin-bottom: 0.4em;
        margin-top: 0;
        position: relative;
        top: -5px; } }
  @media screen and (min-width: 1030px) {
    ul.modules-row1 .text {
      float: right;
      width: 64.135%; } }

/* row - modules side by side (1 row of 3 only)
-----------------------------------------------------------------------*/
ul.modules-row {
  list-style-type: none;
  margin-left: 0;
  margin-top: 2em; }
  ul.modules-row p {
    color: #333;
    margin: 0.6em 0 1em; }
  ul.modules-row a {
    display: block; }
  ul.modules-row li {
    padding: 0 !important;
    background: none !important;
    margin-bottom: 2em; }
    @media screen and (min-width: 768px) {
      ul.modules-row li {
        margin-bottom: 1em;
        width: 30.7%;
        margin-right: 3.88888888888889%;
        float: left;
        margin-bottom: 0; } }
  ul.modules-row li:last-of-type {
    margin-right: 0; }
  ul.modules-row img {
    margin-top: 1em;
    display: block;
    max-width: 400px; }
  ul.modules-row h2 {
    margin: 1em 0 0.6em; }

/* row - modules side by side (3 across) - margin of 40px
-----------------------------------------------------------------------*/
ul.modules-row3 {
  position: relative;
  list-style-type: none;
  margin: 10px 0 0 0; }
  ul.modules-row3 li {
    padding: 0;
    background: none;
    margin-bottom: 20px; }
    @media screen and (min-width: 481px) {
      ul.modules-row3 li {
        float: left;
        width: 48.33333333333333%;
        margin-right: 3.3333333333333%; } }
    @media screen and (min-width: 600px) {
      ul.modules-row3 li {
        width: 31.1111111%; } }
    ul.modules-row3 li h2 {
      font-size: 20px;
      font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif;
      text-decoration: underline; }
    ul.modules-row3 li .text a {
      margin: 20px 0;
      color: #2980b9; }
      ul.modules-row3 li .text a:hover, ul.modules-row3 li .text a:focus {
        border-color: #2980b9; }
    ul.modules-row3 li img {
      display: block;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
  @media screen and (min-width: 481px) {
    ul.modules-row3 li:nth-child(2n+2) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    ul.modules-row3 li:nth-child(2n+2) {
      margin-right: 3.3333333333333%; } }
  @media screen and (min-width: 600px) {
    ul.modules-row3 li:nth-child(3n+3) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    ul.modules-row3 li:nth-child(3n+1) {
      clear: both; } }

/* row - modules side by side (4 across)
-----------------------------------------------------------------------*/
ul.modules-row4 {
  position: relative;
  list-style-type: none;
  margin: 0; }
  ul.modules-row4 li {
    padding: 0;
    background: none;
    margin-bottom: 20px; }
    @media screen and (min-width: 481px) {
      ul.modules-row4 li {
        float: left;
        width: 48.33333333333333%;
        margin-right: 3.3333333333333%; } }
    @media screen and (min-width: 600px) {
      ul.modules-row4 li {
        width: 31.11111111111%; } }
    @media screen and (min-width: 1240px) {
      ul.modules-row4 li {
        width: 22.5%; } }
    ul.modules-row4 li a {
      margin: 20px 0;
      color: #2980b9; }
      ul.modules-row4 li a:hover, ul.modules-row4 li a:focus {
        text-decoration: underline; }
    ul.modules-row4 li img {
      display: block; }
  @media screen and (min-width: 481px) {
    ul.modules-row4 li:nth-child(2n+2) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    ul.modules-row4 li:nth-child(2n+2) {
      margin-right: 02.727272727273%; } }
  @media screen and (min-width: 1240px) {
    ul.modules-row4 li:nth-child(2n+2) {
      margin-right: 02.727272727273%; } }
  @media screen and (min-width: 600px) {
    ul.modules-row4 li:nth-child(3n+3) {
      margin-right: 0; } }
  @media screen and (min-width: 1240px) {
    ul.modules-row4 li:nth-child(3n+3) {
      margin-right: 02.727272727273%; } }
  @media screen and (min-width: 1240px) {
    ul.modules-row4 li:nth-child(4n+4) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    ul.modules-row4 li:nth-child(3n+1) {
      clear: both; } }
  @media screen and (min-width: 1240px) {
    ul.modules-row4 li:nth-child(3n+1) {
      clear: none; } }
  @media screen and (min-width: 1240px) {
    ul.modules-row4 li:nth-child(4n+1) {
      clear: both; } }

/* D lists
-----------------------------------------------------------------------*/
/*
dl {}

	dt {}

	dd {
		margin-left: 0;
		font-size: 0.9em;
		color: #787878;
		margin-bottom: 1.5em;
		}
*/
/***********************************************************************
Filename: _forms.scss
Title: Forms
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #333;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "TradeGothicLTPro", Helvetica, Arial, sans-serif;
  background-color: #eaedf2;
  -webkit-appearance: none;
  border-radius: 0; }
  input[type="text"]:focus,
  input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa;
    outline: none; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  background-image: url("../images/form-arrow.svg");
  background-size: 20px 15px; }

select::-ms-expand {
  display: none; }

.search-header form {
  float: right;
  width: 100%;
  vertical-align: middle;
  color: #fff; }

.search-header button#searchsubmit {
  background: url("/wp-content/themes/greenhowards/library/images/search.svg") no-repeat 50% 50%;
  background-size: 20px 20px !important;
  border: none;
  text-indent: -90000000px;
  background-size: 70%;
  padding: 10px 10px 10px 30px;
  background-color: #908d34;
  float: right;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-left: 4px; }

.search-header input[type="search"] {
  margin-bottom: 0;
  background-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  float: left; }

.search-header input {
  display: inline-block; }

#mcembedsignup form {
  padding: 0 !important; }
  #mcembedsignup form label {
    font-weight: normal;
    margin-bottom: 0.6em; }
  #mcembedsignup form input[type="email"] {
    width: 100%;
    border: none;
    background-color: #95988F;
    color: #fff;
    border-radius: 0;
    margin-right: 0; }
  #mcembedsignup form input.button {
    background-color: #35561f;
    width: 100%;
    font-weight: normal;
    color: #fff;
    font-size: 1.7em;
    padding: 10px 24px;
    height: auto;
    margin-right: 0; }
    #mcembedsignup form input.button:hover {
      background-color: #908d34; }

/***********************************************************************
Filename: _footers.scss
Title: Footers
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.footer {
  clear: both;
  background-color: #1e3111;
  color: #fff; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #fff;
      text-decoration: none; }

.footer-area, .footer-area2, .footer-area3 {
  margin: 1em 1.5em;
  padding-top: 0.8em; }
  @media screen and (min-width: 600px) {
    .footer-area, .footer-area2, .footer-area3 {
      margin: 0;
      padding-top: 0;
      width: 31.391585760518%;
      float: left;
      margin-right: 02.912621359223%; } }
  @media screen and (min-width: 600px) {
    .footer-area ul, .footer-area2 ul, .footer-area3 ul {
      padding: 0; } }
  @media screen and (min-width: 600px) {
    .footer-area ul ul, .footer-area2 ul ul, .footer-area3 ul ul {
      padding: 0; } }

@media screen and (min-width: 600px) {
  .footer-area2 {
    margin-right: 0; } }

p.copyright {
  margin: 1em 1.5em;
  padding-top: 0.8em; }
  @media screen and (min-width: 600px) {
    p.copyright {
      padding: 0;
      text-align: center; } }

/*
.footer {
	clear: both;
	background-color: $black;
	color: $light-gray;
	padding: 30px 0;
	
	a {
		color: #fff;
		
		&:hover {
			color: #fff;
			text-decoration: none;
		}
	}
}
*/
/***********************************************************************
Filename: _main_header.scss
Title: Main Header
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.header {
  background-color: #35561f;
  font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif;
  z-index: 900;
  position: relative; }
  @media screen and (min-width: 900px) {
    .header {
      margin-bottom: 60px; } }
  @media screen and (min-width: 900px) {
    .header #inner-header {
      min-height: 120px; } }
  .header .wrap {
    max-width: 970px;
    width: 100%; }
    @media screen and (min-width: 600px) {
      .header .wrap {
        width: 94%; } }
  .header a {
    color: #fff; }

/* logo
-----------------------------------------------------------------------*/
#logo {
  margin: 0.75em 0;
  text-align: center;
  width: 100%; }
  #logo a {
    color: #fff; }

a.logo {
  text-align: center;
  width: 100%;
  display: block; }
  @media screen and (min-width: 600px) {
    a.logo {
      text-align: left; } }

img.logo {
  margin: 1em auto;
  width: 60%;
  max-width: 160px !important; }
  @media screen and (min-width: 600px) {
    img.logo {
      width: 30%;
      padding: 0.3em 0 0 0; } }
  @media screen and (min-width: 768px) {
    img.logo {
      position: relative;
      top: 35px;
      width: 20%;
      padding: 0;
      margin: 0; } }
  @media screen and (min-width: 900px) {
    img.logo {
      position: absolute;
      z-index: 7000; } }

/* search area and social
-----------------------------------------------------------------------*/
.headerextra {
  background-color: #333;
  padding: 0.1em 1.5em 1em;
  text-align: center; }
  @media screen and (min-width: 481px) {
    .headerextra {
      padding-bottom: 0; } }
  @media screen and (min-width: 600px) {
    .headerextra {
      float: right;
      width: 70%;
      text-align: right;
      background-color: transparent;
      padding: 0;
      margin-top: 30px; } }

/* social
-----------------------------------------------------------------------*/
.social-icons {
  width: 100%;
  display: block; }
  @media screen and (min-width: 481px) {
    .social-icons {
      float: left;
      width: 40%;
      display: inline; } }
  @media screen and (min-width: 600px) {
    .social-icons {
      width: 100% !important;
      display: block;
      float: none; } }
  @media screen and (min-width: 768px) {
    .social-icons {
      width: 57% !important;
      float: left; } }

ul.social li {
  display: inline-block; }

ul.social a {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("../images/twitter.svg") no-repeat 0 50%; }
  @media screen and (min-width: 481px) {
    ul.social a {
      margin-right: 5px; } }
  @media screen and (min-width: 600px) {
    ul.social a {
      margin-right: 10px; } }
  ul.social a.facebook {
    background-image: url("../images/facebook.svg"); }
  ul.social a.instagram {
    background-image: url("../images/instagram.svg"); }
  ul.social a.tripadvisor {
    background-image: url("../images/tripadvisor.svg"); }
  ul.social a.youtube {
    background-image: url("../images/youtube.svg"); }

/***********************************************************************
Filename: _blog_posts.scss
Title: Blog posts
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* General
-----------------------------------------------------------------------*/
/* post meta */
.byline {
  color: #666;
  margin: 0;
  font-size: 12px; }

.wp-caption {
  max-width: 100%;
  border-bottom: 1px solid #ccc; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
    display: block; }
  .wp-caption p.wp-caption-text {
    font-size: 80%;
    margin: 8px 0;
    text-align: center; }
    .wp-caption p.wp-caption-text a {
      color: #333; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.tags {
  margin: 0; }

/* comments
-----------------------------------------------------------------------*/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */ }

.commentlist {
  margin: 0;
  list-style-type: none; }

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */ }
  .comment .comment-author {
    padding: 7px;
    border: 0; }
  .comment .vcard {
    margin-left: 50px; }
    .comment .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .comment .vcard time {
      display: block;
      font-size: 0.9em;
      font-style: italic; }
      .comment .vcard time a {
        color: #666;
        text-decoration: none; }
        .comment .vcard time a:hover {
          text-decoration: underline; }
    .comment .vcard .avatar {
      position: absolute;
      left: 16px;
      border-radius: 50%; }
  .comment:last-child {
    margin-bottom: 0; }
  .comment .children {
    margin: 0;
    /* variations */
    /* change number for different depth */ }
  .comment[class*=depth-] {
    margin-top: 1.1em; }
  .comment.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .comment:not(.depth-1) {
    margin-top: 0;
    margin-left: 7px;
    padding: 7px; }
  .comment.odd {
    background-color: #fff; }
  .comment.even {
    background: #f8f9fa; }

/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 0.9em;
  float: right; }

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic; }

/* comment forms
-----------------------------------------------------------------------*/
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa; }

#reply-title {
  margin: 0; }

.logged-in-as {
  color: #666;
  font-style: italic;
  margin: 0; }
  .logged-in-as a {
    color: #333; }

.comment-form-comment {
  margin: 1.5em 0 0.75em; }

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em; }

/* comment submit button */
#submit {
  float: right;
  font-size: 1em; }

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

@media only screen and (min-width: 481px) {
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */ }
    .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left; }
    .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right; }
    .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }
  /* end .entry-content */ }

/* end .media query */
/***********************************************************************
Filename: _homepage.scss
Title: Home page 
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.covid {
  background-color: #222;
  color: white;
  padding: 5px 0;
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 25px; }
  @media screen and (min-width: 768px) {
    .covid {
      padding: 50px 0; } }

body.home .entry-content {
  padding: 0; }

body.home header.header {
  margin-bottom: 0; }

body.home #content {
  margin: 0; }

body.home .d-5of7 {
  margin: 0; }

body.home h1 {
  font-family: "TradeGothicLTPro", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 20px 0; }
  @media screen and (min-width: 768px) {
    body.home h1 {
      margin: 0; } }

.about-wrap {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .about-wrap {
      margin-top: 40px;
      margin-bottom: 40px;
      text-align: left; } }
  .about-wrap .intro {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .about-wrap .intro {
        float: left;
        width: 70%; } }

/* whats on
-----------------------------------------------------------------------*/
#whatson-content {
  background-color: #fff;
  padding: 1.5em 0 2em;
  margin-top: 1.5em;
  text-align: center; }
  #whatson-content h2 {
    margin-bottom: 0.5em;
    margin-top: 0;
    font-size: 28px;
    color: #35561f; }
    @media screen and (min-width: 768px) {
      #whatson-content h2 {
        margin-bottom: 1.5em;
        margin-top: 0.5em; } }
  #whatson-content p {
    margin-top: 0; }

/* 3 modules
-----------------------------------------------------------------------*/
#modules-content {
  padding-top: 2em; }

.home-modules {
  padding: 1em 1.5em; }
  .home-modules a {
    color: #333 !important;
    text-decoration: none; }
    .home-modules a span {
      text-decoration: underline;
      color: #35561f; }
      .home-modules a span:hover {
        color: #203413; }
  .home-modules img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    width: 100%; }

.home-modules {
  padding: 1em 0; }
  @media screen and (min-width: 600px) {
    .home-modules {
      width: 31.391585760518%;
      float: left;
      margin-right: 02.912621359223%; } }
  .home-modules img {
    width: 100%; }

.last-module {
  margin-right: 0 !important; }

/***********************************************************************
Filename: _main_content.scss
Title: Main content
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
#main {
  position: relative; }

#content {
  margin: 1.5em 0; }

#inner-content.wrap {
  background-color: #fff; }

.hentry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em; }

.hentry header {
  padding: 1.5em 1.5em 0; }

.hentry footer p {
  margin: 0; }

.entry-content {
  padding: 1.5em 1.5em 0; }

.single-title, .page-title, .entry-title {
  margin: 0; }

.entry-content p {
  margin: 0 0 1.5em; }

/* visit price table
-----------------------------------------------------------------------*/
table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em; }
  table caption {
    margin: 0 0 7px;
    font-size: 0.75em;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px; }

tr {
  border-bottom: 1px solid #eaedf2; }
  tr:nth-child(even) {
    background-color: #f8f9fa; }

td {
  padding: 7px;
  border-right: 1px solid #eaedf2; }
  td:last-child {
    border-right: 0; }

th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2; }
  th:last-child {
    border-right: 0; }

/* reg module
-----------------------------------------------------------------------*/
.regiment-module {
  background-color: #8c2232;
  padding: 1em 1em 0.1em;
  color: #fff;
  font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif; }
  .regiment-module a {
    color: #fff; }

/* share buttons
-----------------------------------------------------------------------*/
#dpsp-content-bottom ul li {
  background: none;
  padding-left: 0; }

/***********************************************************************
Filename: _main_nav.scss
Title: Main nav
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
@media screen and (min-width: 600px) {
  ul#menu-main-nav {
    float: right; } }

#menu-wrap {
  background-color: #8c2232; }

.nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav li {
    /*
		so you really have to rethink your dropdowns for mobile.
		you don't want to have it expand too much because the
		screen is so small. How you manage your menu should
		depend on the project. Here's some great info on it:
		http://www.alistapart.com/articles/organizing-mobile/
		*/ }
    .nav li a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 1.2em 0.8em;
      /*
			remember this is for mobile ONLY, so there's no need
			to even declare hover styles here, you can do it in
			the style.scss file where it's relevant. We want to
			keep this file as small as possible!
			*/ }
      .nav li a:hover, .nav li a:focus {
        opacity: 0.6; }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }
  .nav li:first-of-type {
    display: none; }

/* end .nav */
.nav-wrap .wrap-inner {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.nav-wrap li a {
  color: white;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s; }

.nav-wrap li:last-child a {
  padding-right: 0; }

@media screen and (max-width: 580px) {
  /* line 5, ../scss/modules/_main_nav.scss */
  .nav-wrap {
    padding: 10px 4%;
    text-align: left;
    width: 104%;
    margin-left: -2%;
    color: white; }
    .nav-wrap a {
      color: white !important; } }

/* line 14, ../scss/modules/_main_nav.scss */
.nav-wrap nav.main-nav {
  position: relative; }

@media screen and (max-width: 580px) {
  /* line 14, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav {
    overflow: hidden;
    text-align: left;
    margin: 0; }
  header.header {
    padding: 0; } }

/* line 41, ../scss/modules/_main_nav.scss */
@media screen and (max-width: 580px) {
  /* line 41, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav ul {
    display: block; } }

/* line 57, ../scss/modules/_main_nav.scss */
@media screen and (max-width: 580px) {
  /* line 57, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav ul li {
    width: 100%;
    text-align: left; } }

@media screen and (min-width: 581px) {
  /* line 57, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav ul li {
    float: left; } }

@media screen and (max-width: 580px) {
  /* line 82, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav ul li a {
    margin-left: 0; } }

/* line 99, ../scss/modules/_main_nav.scss */
.nav-wrap nav.main-nav ul li a:hover, .nav-wrap nav.main-nav ul li a:focus {
  color: #fff;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  /* line 99, ../scss/modules/_main_nav.scss */
  .nav-wrap nav.main-nav ul li a:hover, .nav-wrap nav.main-nav ul li a:focus {
    color: #fff;
    text-decoration: none; } }

@media screen and (max-width: 580px) {
  /* line 124, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-text {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 10px;
    font-size: 90%; }
  /* line 133, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    background: transparent;
    width: 30px;
    height: 16px;
    margin-top: -3px;
    z-index: 100;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: 13px; }
  /* line 148, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-btn span {
    margin-top: 0; }
  /* line 153, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-btn span,
  .nav-wrap .nav-btn span:before,
  .nav-wrap .nav-btn span:after {
    width: 30px;
    height: 2px;
    display: block;
    margin-bottom: 6px;
    background: #fff;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  /* line 165, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-btn span:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0; }
  /* line 171, ../scss/modules/_main_nav.scss */
  .nav-wrap .nav-btn span:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 0; } }

@media screen and (max-width: 580px) {
  /* line 182, ../scss/modules/_main_nav.scss */
  .nav-open .nav-btn {
    top: 0; }
  /* line 185, ../scss/modules/_main_nav.scss */
  .nav-open .nav-btn span {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 7px; }
  /* line 192, ../scss/modules/_main_nav.scss */
  .nav-open .nav-btn span:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  /* line 201, ../scss/modules/_main_nav.scss */
  .nav-open .nav-btn span:after {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -14px; } }

/***********************************************************************
Filename: _sub_nav.scss
Title: Sub nav and asides
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
ul.parent-sidebar-menu {
  margin-bottom: 2em;
  margin: 1.5em; }
  @media screen and (min-width: 1030px) {
    ul.parent-sidebar-menu {
      margin-right: 1.5em;
      margin-left: 0; } }
  ul.parent-sidebar-menu ul {
    margin: 0; }
  ul.parent-sidebar-menu a {
    color: #35561f;
    text-decoration: none;
    font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
    font-size: 130%;
    border-bottom: 4px solid #EFE7E3;
    display: block;
    padding: 1em 0; }
    ul.parent-sidebar-menu a:hover, ul.parent-sidebar-menu a:focus {
      color: #203413; }
  ul.parent-sidebar-menu ul ul li a {
    padding-left: 1em; }
    ul.parent-sidebar-menu ul ul li a:before {
      content: "- "; }
  @media screen and (min-width: 768px) {
    ul.parent-sidebar-menu img {
      width: 100%; } }

@media screen and (min-width: 768px) {
  #sidebar1 {
    padding: 0; } }

@media screen and (min-width: 768px) {
  #sidebar2 {
    border-top: none;
    padding-top: 0;
    margin-top: 0; } }

@media screen and (min-width: 768px) {
  .sidebar {
    margin-top: 2.2em; } }

@media screen and (min-width: 768px) {
  .widgettitle {
    margin-bottom: 0.75em; } }

@media screen and (min-width: 768px) {
  .widget {
    margin: 2.2em 0; } }

/* aside
-----------------------------------------------------------------------*/
aside {
  margin: 1.5em;
  background-color: #8c2232;
  padding: 20px 20px 0 20px;
  color: #fff;
  overflow: hidden;
  max-width: 255px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (min-width: 481px) {
    aside {
      margin-bottom: 3em; } }
  @media screen and (min-width: 1030px) {
    aside {
      margin-left: 0; } }
  aside img {
    width: 100%;
    height: auto !important;
    display: block; }
  aside a {
    color: #fff;
    text-decoration: underline; }
    aside a:hover, aside a:focus {
      color: #fff;
      text-decoration: none; }
  aside h2 {
    margin-bottom: 0; }
  aside p {
    margin-top: 0;
    margin-bottom: 2em; }
  aside a.all-link {
    font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
    margin-left: -20px;
    width: 120%;
    width: calc(100% + 40px);
    padding: 20px;
    display: block;
    font-size: 1.4em;
    text-decoration: none;
    background: url("../images/arrow.svg") no-repeat 60% 50% #711b28;
    background-size: 20px 20px; }
    aside a.all-link:hover, aside a.all-link:focus {
      background-color: #35561f;
      background-position: 65% 50%; }

#categories-3 {
  margin: 1.5em;
  max-width: 255px; }
  @media screen and (min-width: 481px) {
    #categories-3 {
      margin-bottom: 3em; } }
  @media screen and (min-width: 1030px) {
    #categories-3 {
      margin-left: 0; } }

.blog #categories-3, .archive #categories-3 {
  min-width: 250px; }
  @media screen and (min-width: 481px) {
    .blog #categories-3, .archive #categories-3 {
      position: absolute;
      top: 0;
      right: 0; } }
  .blog #categories-3 h2, .archive #categories-3 h2 {
    margin: 0; }

/*

#sidebar1 {
	background-color: $white;
	padding: 20px;
	margin-bottom: 20px;
	ul {
		margin: 0;
		ul {
			margin-top: 0.7em;
		}
	}
}

#sidebar2 { //asides
	background-color: $black;
	padding: 20px;
	color: white;
	a {
		color: $white;
		&:hover, &:focus {
			color: $white;
			text-decoration: none;
		}
	}
	ul {
		
	}
}





	.widgettitle {
		margin-bottom: 0.75em;
		background-color: $white;
	}

	.widget {
		margin: 20px 0 30px;

		ul {
			margin: 0;
			li {
				margin-bottom: 0.75em;

				&:first-child {}
				&:last-child {}
				a {}
			

				ul {
					margin-top: 0.75em;
					padding-left: 1em;
				}
			}
		}
	}
*/
/***********************************************************************
Filename: _accordion.scss
Title: Accordion
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/*

#accordion-v3ojr64ai, .js-accordion{
	background-color: red;
	

}
*/
.js-accordion__panel[aria-hidden=true] {
  display: none; }

.js-accordion__panel[role="tabpanel"] .js-accordion__header {
  display: none; }

input[type="button"]:hover {
  cursor: pointer; }

.js-accordion__header[aria-expanded="true"] {
  padding-left: 40px;
  background: url("../images/accordion-arrow-down.svg") 20px 50% no-repeat;
  background-size: 15px 15px; }

.js-accordion__header[aria-expanded="false"] {
  background: url("../images/accordion-arrow.svg") 20px 50% no-repeat;
  background-size: 15px 15px; }

.js-accordion .js-accordion__header {
  width: 100%;
  border: none;
  text-align: left;
  margin-bottom: 20px;
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #fff;
  background-color: #35561f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 20px;
  padding: 10px;
  padding-left: 40px; }
  .js-accordion .js-accordion__header span {
    border-bottom: 2px solid #333; }
  .js-accordion .js-accordion__header:hover {
    cursor: pointer; }

.js-accordion .js-accordion__panel {
  background-color: white;
  position: relative;
  top: -20px;
  padding: 1px 0; }
  .js-accordion .js-accordion__panel h3 {
    font-family: "TradeGothicLTPro-Bd2", Helvetica, Arial, sans-serif;
    margin-bottom: 0; }
  .js-accordion .js-accordion__panel p.job {
    margin-top: 0; }

.js-accordion .accordion__header {
  width: 100%;
  border: none;
  background-color: #2980b9;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  padding: 20px 60px; }

.js-accordion .js-accordion__panel {
  background-color: #fff;
  position: relative;
  top: -20px;
  padding: 30px 20px; }

/***********************************************************************
Filename: _carousel.scss
Title: Carousel
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.slideshow {
  overflow: hidden; }

.roundabout-holder {
  list-style: none;
  padding: 0;
  margin: 0 auto; }

.roundabout-moveable-item {
  /* overflow: hidden;  */
  /* background: #fff;  */
  cursor: pointer;
  /* background-color: #ccc;  */ }

.roundabout-in-focus {
  cursor: auto; }

.carousel-wrapper {
  width: 99%;
  margin: 0 auto !important; }

.carousel-container {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.carousel-container .next {
  display: none;
  width: 24px;
  height: 24px;
  background: transparent url(../images/carousel-arrows.png) 0 0 no-repeat;
  background-size: 24px 48px;
  position: absolute;
  right: -15px;
  top: 38%;
  z-index: 1000;
  opacity: 0.5; }
  .carousel-container .next:hover, .carousel-container .next:focus {
    opacity: 1; }

.carousel-container .prev {
  display: none;
  width: 24px;
  height: 24px;
  background: transparent url(../images/carousel-arrows.png) 0 -24px no-repeat;
  background-size: 24px 48px;
  position: absolute;
  left: -15px;
  top: 38%;
  z-index: 1000;
  opacity: 0.5; }
  .carousel-container .prev:hover, .carousel-container .prev:focus {
    opacity: 1; }

.carousel .description {
  /* font-size: 14px; position: absolute; */
  /* background: #fff; */
  padding: 2%;
  text-align: center;
  background-color: #fff;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; }

.carousel .roundabout-in-focus .description {
  bottom: 0; }

.carousel a {
  display: block;
  text-decoration: none;
  color: #333; }

.carousel h3 {
  margin-bottom: 0;
  text-decoration: underline;
  color: #35561f;
  font-size: 1.4em; }

.carousel h3:hover {
  color: #203413; }

.carousel img {
  width: 100%;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.carousel {
  overflow: hidden;
  margin-left: -1px; }

.carousel li {
  position: absolute; }

.carousel li:first-child {
  position: relative; }

.carousel {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0;
  overflow: hidden;
  margin-left: -1px; }

.carousel-ready li {
  position: relative; }

.carousel-ready {
  opacity: 1; }

@media only screen and (min-width: 460px) {
  .carousel {
    overflow: visible; }
  .carousel-wrapper {
    width: 58%;
    max-width: 970px; }
  .carousel-container .next {
    width: 48px;
    height: 48px;
    background-size: 48px 96px;
    right: -160px; }
  .carousel-container .prev {
    width: 48px;
    height: 48px;
    background-size: 48px 96px;
    background-position: 0 -48px;
    left: -160px; } }

@media only screen and (min-width: 800px) {
  .carousel-container .next {
    display: block; }
  .carousel-container .prev {
    display: block; }
  .carousel .description {
    background-color: transparent; } }

@media only screen and (min-width: 1000px) {
  .carousel-container .next {
    display: block;
    right: -200px; }
  .carousel-container .prev {
    display: block;
    left: -200px; } }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/***********************************************************************
Filename: _collection.scss
Title: Collection
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* Set media query names
-----------------------------------------------------------------------*/
/*
ul#full-medal-list li.hidden {
	display: none !important;
}
*/
/* collection landing
-----------------------------------------------------------------------*/
.entry-content .collection-list {
  margin-left: 0; }
  .entry-content .collection-list img {
    display: block; }
  .entry-content .collection-list li {
    float: left;
    padding: 0;
    list-style-type: none;
    background-image: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1.3em; }
    @media screen and (min-width: 600px) {
      .entry-content .collection-list li {
        width: 47.727272727273%;
        margin-right: 3%; } }
  .entry-content .collection-list li:nth-child(2n+2) {
    margin-right: 0; }
  @media screen and (min-width: 600px) {
    .entry-content .collection-list h2 {
      position: absolute;
      background-color: #35561f;
      color: #fff;
      text-decoration: none;
      bottom: 0;
      right: 0;
      text-align: right;
      width: 100%;
      padding: 6px;
      margin: 0; } }

/* medal landing
-----------------------------------------------------------------------*/
body.page-template-page-medal .hidden {
  display: none; }

ul.medal-list {
  list-style-type: none;
  margin-left: 0 !important;
  margin-top: 2em; }
  @media screen and (min-width: 768px) {
    ul.medal-list {
      margin-left: -1.31% !important; } }
  ul.medal-list li {
    padding: 0 !important;
    background: none !important;
    margin-bottom: 2em; }
    @media screen and (min-width: 768px) {
      ul.medal-list li {
        margin-bottom: 1em;
        width: 30%;
        margin-right: 1.31%;
        margin-left: 1.31%;
        float: left;
        margin-bottom: 0; } }

ul#full-medal-list {
  margin-top: 30px !important; }
  ul#full-medal-list li {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 2em; }
  ul#full-medal-list img {
    display: block; }
  ul#full-medal-list h2 {
    text-decoration: underline; }
    @media screen and (min-width: 768px) {
      ul#full-medal-list h2 {
        background-color: #35561f;
        margin: 0;
        position: absolute;
        width: 100%;
        bottom: 0;
        right: 0;
        padding: 6px;
        line-height: 1em;
        text-align: right;
        text-decoration: none; } }
    @media screen and (min-width: 768px) {
      ul#full-medal-list h2 a {
        color: #fff;
        text-decoration: none; } }

#a-to-z {
  margin-bottom: 3em; }
  #a-to-z div {
    display: inline-block;
    background-color: #333;
    color: white;
    padding: 3px 8px;
    margin: 3px 3px 0 0; }
    #a-to-z div:hover {
      cursor: pointer;
      background-color: #8c2232; }
    #a-to-z div.selected {
      background-color: #8c2232; }

h2.normal {
  font-family: "TradeGothicLTPro", Helvetica, Arial, sans-serif;
  font-size: 100%; }

.filter-events {
  width: 50%;
  float: left; }

/* medal detail
-----------------------------------------------------------------------*/
body.single-medal #sidebar2 {
  margin-right: 25px;
  margin-top: 100px; }
  @media screen and (max-width: 768px) {
    body.single-medal #sidebar2 {
      padding: 20px; } }
  body.single-medal #sidebar2 .button {
    font-size: 140%;
    margin-top: 30px; }
  body.single-medal #sidebar2 ul.medal-type li {
    margin: 0.5em 0; }

.medal-images {
  margin: 1.5em 0; }

/* Uniforms on home page
-----------------------------------------------------------------------*/
#uniform-home {
  text-align: center;
  color: #fff;
  background-color: #35561f;
  background-image: linear-gradient(#35561f, #908d34); }
  #uniform-home h2 {
    margin: 0 0 30px;
    font-size: 28px !important; }
  #uniform-home p {
    margin: 0; }
  #uniform-home a {
    color: #fff; }
    #uniform-home a:hover, #uniform-home a:focus {
      text-decoration: none; }
  #uniform-home .wrap {
    background: url("../images/uniforms-home.png") no-repeat 50% 100%;
    background-size: 800px 132px;
    padding: 40px 20px 170px;
    width: 100%;
    margin: 0; }

/* Collection list - landing page
-----------------------------------------------------------------------*/
.entry-content ul.list-wide {
  list-style-type: none;
  margin: 0 !important; }
  .entry-content ul.list-wide li {
    background: none !important;
    padding: 0 !important;
    text-align: center;
    margin-bottom: 25px; }
    @media screen and (min-width: 600px) {
      .entry-content ul.list-wide li {
        float: left;
        width: 31.521739130435%;
        margin-right: 2.717391304348%; } }
    .entry-content ul.list-wide li h2 {
      text-decoration: underline; }
  .entry-content ul.list-wide li:nth-child(3n+1) {
    clear: both; }
  .entry-content ul.list-wide li:nth-child(3n+3) {
    margin-right: 0; }

/* Collection detail
-----------------------------------------------------------------------*/
p.special {
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  margin-bottom: 0; }

.col-1-50 {
  margin-bottom: 40px; }
  @media screen and (min-width: 1030px) {
    .col-1-50 {
      float: left;
      width: 48.641304347826%;
      margin-bottom: 0; } }

.col-2-50 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1030px) {
    .col-2-50 {
      float: right;
      width: 48.641304347826%; } }

.detail-pics {
  margin: 20px 0 0 0 !important; }
  .detail-pics li {
    position: relative;
    padding: 0 !important;
    background: none !important;
    margin-bottom: 15px;
    float: left;
    width: 47.5%;
    margin-right: 5%; }
    @media screen and (min-width: 600px) {
      .detail-pics li {
        width: 22.961956521739%;
        margin-right: 2.717391304348%; } }
    @media screen and (min-width: 1030px) {
      .detail-pics li {
        width: 10.122282608696%; } }
  .detail-pics li:nth-child(2n+2) {
    margin-right: 0; }
    @media screen and (min-width: 600px) {
      .detail-pics li:nth-child(2n+2) {
        margin-right: 2.717391304348%; } }
  @media screen and (min-width: 481px) {
    .detail-pics li:nth-child(2n+1) {
      clear: both; } }
  @media screen and (min-width: 600px) {
    .detail-pics li:nth-child(2n+1) {
      clear: none; } }
  @media screen and (min-width: 600px) {
    .detail-pics li:nth-child(4n+4) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    .detail-pics li:nth-child(4n+1) {
      clear: both; } }
  @media screen and (min-width: 1030px) {
    .detail-pics li:nth-child(4n+1) {
      clear: none; } }
  @media screen and (min-width: 1030px) {
    .detail-pics li:nth-child(4) {
      margin-right: 2.717391304348%; } }
  @media screen and (min-width: 1030px) {
    .detail-pics li:nth-child(8) {
      margin-right: 0; } }
  .detail-pics img.zoom {
    position: absolute;
    z-index: 2;
    height: 22px;
    width: 22px;
    bottom: 10px;
    right: 6px; }

.nextprev {
  margin: 30px 0 40px; }
  .nextprev a {
    margin-right: 10px; }

.costumeholder {
  position: relative; }

@media screen and (min-width: 1030px) {
  .rotate {
    width: 80% !important;
    position: absolute; } }

@media screen and (min-width: 600px) {
  .rotate .rotate-controls {
    position: absolute;
    top: 50%;
    right: -40px;
    z-index: 5000;
    margin-top: -200px; } }

@media screen and (min-width: 600px) {
  .rotate .rotate-controls div {
    display: block !important;
    float: none;
    margin-bottom: 30px; } }

@media screen and (min-width: 600px) {
  .rotate .rotate-controls div button {
    display: block;
    margin-bottom: 5px; } }

/* toopltip
-----------------------------------------------------------------------*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer; }

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none; }

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 120%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -87px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2; }

@media screen and (min-width: 600px) {
  .rotate.is-fullscreen [data-tooltip]:before {
    bottom: 0;
    left: -110px;
    margin-bottom: 0; } }

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 120%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0; }

@media screen and (min-width: 600px) {
  .rotate.is-fullscreen [data-tooltip]:after {
    bottom: 10px;
    left: -18px;
    margin-bottom: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid rgba(51, 51, 51, 0.9); } }

@media screen and (min-width: 600px) {
  .rotate.is-fullscreen .rotate-controls {
    margin-right: 50px; } }

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1; }

/* Collection list - detail page
-----------------------------------------------------------------------*/
.entry-content ul.follow-list-wide {
  list-style-type: none;
  margin: 20px 0 0 0 !important; }
  @media screen and (min-width: 768px) {
    .entry-content ul.follow-list-wide {
      margin: 40px 0 0 0 !important; } }
  .entry-content ul.follow-list-wide img.current {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
    z-index: 1;
    position: inherit; }
  .entry-content ul.follow-list-wide li {
    background: none !important;
    padding: 0 !important;
    margin-bottom: 30px;
    float: left;
    width: 47.5%;
    margin-right: 5%; }
    @media screen and (min-width: 600px) {
      .entry-content ul.follow-list-wide li {
        width: 30%; } }
    @media screen and (min-width: 768px) {
      .entry-content ul.follow-list-wide li {
        width: 21.25%; } }
    @media screen and (min-width: 1030px) {
      .entry-content ul.follow-list-wide li {
        width: 16%; } }
  .entry-content ul.follow-list-wide li:nth-child(2n+2) {
    margin-right: 0; }
    @media screen and (min-width: 600px) {
      .entry-content ul.follow-list-wide li:nth-child(2n+2) {
        margin-right: 5%; } }
  @media screen and (min-width: 600px) {
    .entry-content ul.follow-list-wide li:nth-child(3n+3) {
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .entry-content ul.follow-list-wide li:nth-child(3n+3) {
      margin-right: 5%; } }
  @media screen and (min-width: 768px) {
    .entry-content ul.follow-list-wide li:nth-child(4n+4) {
      margin-right: 0; } }
  @media screen and (min-width: 1030px) {
    .entry-content ul.follow-list-wide li:nth-child(4n+4) {
      margin-right: 5%; } }
  @media screen and (min-width: 1030px) {
    .entry-content ul.follow-list-wide li:nth-child(5n+5) {
      margin-right: 0; } }

/* Controls
-----------------------------------------------------------------------*/
.js-rotate-controls {
  margin-bottom: 30px; }
  .js-rotate-controls span {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    top: auto; }
  .js-rotate-controls button {
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 50% 50%;
    height: 30px;
    width: 30px;
    background-color: transparent; }
    @media screen and (min-width: 600px) {
      .js-rotate-controls button {
        background-size: 22px 22px;
        height: 35px;
        width: 35px; } }
  .js-rotate-controls .js-rotate-play {
    background-image: url("../images/controls/play.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .is-active {
    background-image: url("../images/controls/pause.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .js-rotate-rotate {
    background-image: url("../images/controls/move.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .js-rotate-zoom {
    background-image: url("../images/controls/zoom.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .js-rotate-previous {
    background-image: url("../images/controls/skipback.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .js-rotate-next {
    background-image: url("../images/controls/skipforward.svg");
    background-size: 20px 20px; }
  .js-rotate-controls .js-rotate-fullscreen {
    background-image: url("../images/controls/scaleup.svg");
    background-size: 20px 20px; }

/* Rotate
-----------------------------------------------------------------------*/
.rotate {
  position: relative; }

.rotate-inner {
  margin: 0 auto; }

.rotate.is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  background: #fff;
  opacity: 1;
  z-index: 2000;
  overflow: hidden; }

.rotate.is-fullscreen .placeholder {
  display: none; }

.rotate .rotate-controls {
  display: none;
  text-align: center; }

.rotate.is-active .rotate-controls {
  display: block; }

.rotate.is-fullscreen .rotate-controls {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2; }

.rotate .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.rotate.is-fullscreen .image-container {
  height: 100%; }

.rotate.is-fullscreen .image-container img {
  max-height: 100%;
  left: 50%;
  transform: translateX(-50%); }

.rotate .progress {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center; }

.rotate .progress span {
  display: inline-block;
  background-color: rgba(86, 89, 60, 0.75);
  color: #fff;
  border-radius: 100px;
  padding: 10px; }

.rotate img {
  max-width: 100%;
  height: auto; }

.rotate .image-container {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.rotate .image-container img {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0; }

.rotate .image-container img.is-current {
  visibility: visible;
  opacity: 1; }

.rotate .magnifier {
  position: absolute;
  display: none;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background-repeat: no-repeat;
  border: 6px solid rgba(245, 245, 245, 0.95); }

.rotate .rotate-controls {
  padding-top: 30px; }

.rotate .rotate-controls div {
  display: inline-block; }

.rotate .rotate-controls button {
  display: inline-block;
  padding: 10px;
  border-radius: 100px;
  background-color: #535A37;
  color: #eee;
  border: none;
  cursor: pointer; }

.rotate .rotate-controls button.is-active {
  background-color: #763036;
  border-radius: 20px !important; }

/* Swipebox
-----------------------------------------------------------------------*/
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

#swipebox-slider .slide-loading {
  background: url(../img/loader.gif) no-repeat center center; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: -50px; }

#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  top: -50px; }

#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../images/swipebox/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d; }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  font-family: Helvetica, Arial, sans-serif; }
  @media screen and (min-width: 800px) {
    #swipebox-top-bar {
      line-height: 43px; } }

/***********************************************************************
Filename: _timeline.scss
Title: Timeline
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
/* ribbon page - landing
-----------------------------------------------------------------------*/
@media screen and (min-width: 821px) {
  .ribbon-timeline {
    padding-top: 27px;
    padding-bottom: 27px;
    margin-top: 30px;
    opacity: 0;
    background: url("../images/ribbon-top.png") no-repeat 20px 0, url("../images/ribbon-bottom.png") no-repeat 50px 100% transparent;
    background: url("../images/ribbon-top.png") no-repeat 50% 0, url("../images/ribbon-bottom.png") no-repeat 50% 100% transparent; } }

.ribbon-wrap::before {
  background: #8c2232;
  width: 20px;
  margin-left: -10px; }

.page-id-8816 img.announcement-banner-image {
  margin: 20px 0 !important; }

.page-id-8816 #cd-timeline {
  margin-top: 0;
  margin-bottom: 0; }

.page-id-8816 #cd-timeline::before {
  background: #8c2232;
  width: 20px;
  margin-left: -10px; }

.page-id-8816 h2.intro {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  top: -10px; }

.page-id-8816 .button-area {
  margin: 40px 0; }

/* timeline
-----------------------------------------------------------------------*/
.cd-timeline-content {
  background-color: #4e5b31 !important;
  color: #fff !important; }

.cd-timeline-content a {
  color: #fff !important; }

.cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
  border-color: transparent #4e5b31 transparent transparent !important; }

.cd-timeline-block:nth-child(2n+1) .cd-timeline-content::before {
  border-color: transparent transparent transparent #4e5b31 !important; }

.cd-timeline-img.cd-picture {
  background: none repeat scroll 0 0 #908d34 !important; }

/* Clears and hides
-----------------------------------------------------------------------*/
.clear-float:after {
  /*clear floated elements*/
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.button-area {
  text-align: center;
  margin-top: 30px; }
  .button-area .button {
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-right: auto; }

/* ribbon page - detail
-----------------------------------------------------------------------*/
.timeline-ribbon-of-remembrance img.announcement-banner-image {
  margin: 0 0 20px 0 !important; }

.timeline-ribbon-of-remembrance .timeline-express-tax-container {
  display: none !important; }

.timeline-ribbon-of-remembrance .easingslider {
  margin: 30px 0 !important; }

.timeline-ribbon-of-remembrance .easingslider-5166 .easingslider-image {
  max-height: none !important;
  max-width: none !important; }

.timeline-ribbon-of-remembrance .button-area {
  margin-top: 40px; }

/***********************************************************************
Filename: _search.scss
Title: Search
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.search-header {
  margin: 0;
  width: 100%;
  display: inline-block; }
  @media screen and (min-width: 481px) {
    .search-header {
      width: 60% !important;
      display: inline;
      float: right;
      margin-top: 10px; } }
  @media screen and (min-width: 600px) {
    .search-header {
      width: 100%;
      display: block;
      margin-bottom: 0 !important; } }
  @media screen and (min-width: 768px) {
    .search-header {
      width: 40% !important; } }
  .search-header form {
    float: right;
    width: 100%;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
    @media screen and (min-width: 600px) {
      .search-header form {
        float: none; } }
  .search-header button#searchsubmit {
    background: url("/wp-content/themes/greenhowards/library/images/search.svg") no-repeat 50% 50%;
    background-size: 20px 20px !important;
    border: none;
    text-indent: -90000000px;
    background-size: 70%;
    padding: 10px 10px 10px 30px;
    background-color: #908d34;
    float: right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-left: 4px; }
    @media screen and (min-width: 600px) {
      .search-header button#searchsubmit {
        background-color: transparent;
        float: none; } }
  .search-header input[type="search"] {
    margin-bottom: 0;
    background-color: transparent;
    width: 60% !important;
    margin-left: 10%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    float: left; }
    @media screen and (min-width: 600px) {
      .search-header input[type="search"] {
        margin-left: 0;
        float: none; } }
  .search-header input {
    display: inline-block; }

/***********************************************************************
Filename: _buttons.scss
Title: Buttons
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.blue-btn, .comment-reply-link, #submit, .button {
  display: inline-block;
  position: relative;
  font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 1.75em;
  text-decoration: none;
  color: #fff;
  line-height: 34px;
  font-weight: normal;
  padding: 10px 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
  text-align: center; }
  .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .button:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus, .button:focus {
    color: #fff;
    text-decoration: none; }
  .blue-btn:active, .comment-reply-link:active, #submit:active, .button:active {
    top: 1px; }

/* the individual buttons
-----------------------------------------------------------------------*/
.blue-btn, .comment-reply-link, #submit, .button {
  background-color: #8c2232;
  width: 100%; }
  .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus, .button:hover, .button:focus {
    background-color: #908d34; }
  .blue-btn:active, .comment-reply-link:active, #submit:active, .button:active {
    background-color: #908d34; }

body.home article#post .textwidget .button {
  background-color: #134885;
  color: #fff; }
  body.home article#post .textwidget .button:hover, body.home article#post .textwidget .button:focus {
    background-color: #1b5da8; }

.whatson-module .button {
  width: auto;
  background: url("../images/arrow.svg") no-repeat 90% 50% #711b28;
  background-size: 20px 20px;
  padding-right: 50px; }
  .whatson-module .button:hover, .whatson-module .button:focus {
    background-color: #35561f; }

.about-wrap .button {
  width: auto;
  background: url("../images/arrow.svg") no-repeat 90% 50% #0b3361;
  background-size: 20px 20px;
  padding-right: 50px; }
  @media screen and (min-width: 768px) {
    .about-wrap .button {
      float: right; } }
  .about-wrap .button:hover, .about-wrap .button:focus {
    background-color: #35561f; }

/***********************************************************************
Filename: _slider.scss
Title: Slider
Author: Maraid Design
Client: Green Howards - NEW
************************************************************************/
.home .home-slider {
  position: relative; }
  .home .home-slider img {
    width: 100%;
    max-width: none; }
  .home .home-slider ul#slider1 {
    margin: 0; }
    .home .home-slider ul#slider1 li {
      width: 100%; }
      .home .home-slider ul#slider1 li .container {
        border-bottom: 2px solid #decec6;
        width: 96%;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (min-width: 768px) {
          .home .home-slider ul#slider1 li .container {
            border-bottom: none;
            position: absolute;
            top: 50%;
            left: 50%;
            moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 100%;
            max-width: 970px; } }
      .home .home-slider ul#slider1 li .attachment-home-slides {
        display: block; }
  @media screen and (min-width: 768px) {
    .home .home-slider .gradient {
      width: 100%;
      height: 100%;
      background: transparent url("../images/gradient-tile.png") repeat-x bottom left;
      position: absolute;
      bottom: 0;
      left: 0; } }

.home .home-caption {
  margin: 20px 0;
  display: inline-block;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .home .home-caption {
      text-align: left;
      text-shadow: 0 0 4px black;
      margin: 0;
      text-align: left;
      position: absolute;
      max-width: 375px;
      bottom: 40px;
      left: 0; } }
  .home .home-caption .slide-header {
    display: block;
    line-height: 1.3em;
    font-family: "TradeGothicLTPro-BdCn20", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-decoration: underline; }
    @media screen and (min-width: 768px) {
      .home .home-caption .slide-header {
        color: white;
        font-size: 35px;
        text-decoration: none; } }
  .home .home-caption .slide-text {
    display: block;
    color: #333; }
    @media screen and (min-width: 768px) {
      .home .home-caption .slide-text {
        font-size: 100%;
        display: block;
        color: white; } }

.home .container {
  display: block; }

.home .nav-wrap .container {
  position: relative; }

.home article ul#sliderpage {
  list-style-type: none;
  margin: 0 0 30px 0;
  position: relative; }

.home .rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%; }

.home .centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 3%; }

.home .centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  top: 50%;
  left: 0;
  left: 3%;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 48px;
  width: 48px;
  background: transparent url("../images/arrows-home.png") no-repeat left top;
  background-position-x: left;
  background-position-y: top;
  margin-top: -24px;
  background-size: 96px 48px; }
  @media screen and (max-width: 900px) {
    .home .centered-btns_nav {
      display: none; } }

.home .centered-btns_tabs,
.home .transparent-btns_tabs,
.home .large-btns_tabs {
  text-align: center;
  position: absolute;
  z-index: 100;
  bottom: 20px;
  right: 30px; }
  @media screen and (max-width: 900px) {
    .home .centered-btns_tabs,
    .home .transparent-btns_tabs,
    .home .large-btns_tabs {
      display: none; } }

.home .centered-btns_tabs li,
.home .transparent-btns_tabs li,
.home .large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 10px; }

.home .centered-btns_tabs a,
.home .transparent-btns_tabs a,
.home .large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #8c2232;
  display: inline-block;
  _display: block;
  *display: block;
  width: 12px;
  height: 12px;
  opacity: 0.7; }

.home .centered-btns_here a, .home .transparent-btns_here a, .home .large-btns_here a {
  background: white; }

/* Third party
-----------------------------------------------------------------------*/
/***********************************************************************
Filename: _mailchimp.scss
Title: Mailchimp
Author: Maraid Design
************************************************************************/
/* x
-----------------------------------------------------------------------*/
#mc_embed_signup form {
  padding-left: 0 !important; }

/* Print
-----------------------------------------------------------------------*/
@media print {
  /******************************************************************
Site Name: The Green Howards Museum
Stylesheet: Print Stylesheet
******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }