@charset "UTF-8";
/**
 * Brand Color
 *
 */
/**
 * Button Reset
 *
 */
/**
 * Grid, Center Last
 *
 */
/**
 * Margin, No Edge
 * Removes left margin from first item, right margin from last item
 */
/**
 * Icon Position
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
/**
* Hide Text	
**/
/**
 * Font Sizes
 *
**/
/**
 * Columns
 *
 */
/**
 * Columns, Mobile
 *
 */
/**
 * Columns, Tablet
 *
 */
/**
 * Columns, Tablet Up
 *
 */
/**
 * Columns, Desktop
 *
 */
a svg, a {
  transition: all 0.1s ease-in-out;
}

/* fonts */
/* Helvetica */
@font-face {
  font-family: "HelveticaWF";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Helvetica-Roman.woff2") format("woff2"), url("../fonts/Helvetica-Roman.woff") format("woff");
}
@font-face {
  font-family: "HelveticaWF";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Helvetica-Oblique.woff2") format("woff2"), url("../fonts/Helvetica-Oblique.woff") format("woff");
}
@font-face {
  font-family: "HelveticaWF";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Helvetica-Light.woff2") format("woff2"), url("../fonts/Helvetica-Light.woff") format("woff");
}
@font-face {
  font-family: "HelveticaWF";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Helvetica-LightOblique.woff2") format("woff2"), url("../fonts/Helvetica-LightOblique.woff") format("woff");
}
@font-face {
  font-family: "HelveticaWF";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Helvetica-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Bold.woff") format("woff");
}
@font-face {
  font-family: "HelveticaWF";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Helvetica-BoldOblique.woff2") format("woff2"), url("../fonts/Helvetica-BoldOblique.woff") format("woff");
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Code Pro Regular"), local("SourceCodePro-Regular"), url("../fonts/source-code-pro-v13-latin-regular.woff2") format("woff2"), url("../fonts/source-code-pro-v13-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-italic - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 400;
  src: local("Source Code Pro Italic"), local("SourceCodePro-It"), url("../fonts/source-code-pro-v13-latin-italic.woff2") format("woff2"), url("../fonts/source-code-pro-v13-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-600 - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Code Pro SemiBold"), local("SourceCodePro-SemiBold"), url("../fonts/source-code-pro-v13-latin-600.woff2") format("woff2"), url("../fonts/source-code-pro-v13-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-600italic - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 600;
  src: local("Source Code Pro SemiBold Italic"), local("SourceCodePro-SemiBoldIt"), url("../fonts/source-code-pro-v13-latin-600italic.woff2") format("woff2"), url("../fonts/source-code-pro-v13-latin-600italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box Sizing
--------------------------------------------- */
html {
  height: 100%;
}

html,
input[type=search] {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Body
--------------------------------------------- */
body {
  height: 100%;
  margin: 0;
  background-image: url("../img/creatures-bg-svg.php");
  background-size: cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}
@media (min-width: 1024px) {
  body.page:not(.page-timeline2):not(.page-timeline) {
    background-image: url("../img/the-creature.png"), url("../img/creatures-bg-svg.php");
    background-position: left 110% bottom 35%, right top;
    background-attachment: scroll, fixed;
    background-position: left 110% top 240px, right top;
    background-size: 400px auto, cover;
  }
}
@media (min-width: 1184px) {
  body.page:not(.page-timeline2):not(.page-timeline) {
    background-position: left 100% top 240px, right top;
  }
}
@media (min-width: 1420px) {
  body.page:not(.page-timeline2):not(.page-timeline) {
    background-size: 440px auto, auto;
  }
}
body.page:not(.page-timeline2):not(.page-timeline) .site-inner {
  background-image: url("../img/the-creature.png");
  background-position: center bottom 20px;
  background-size: auto 200px, auto;
  background-repeat: no-repeat;
  padding-bottom: 240px;
}
@media (min-width: 1024px) {
  body.page:not(.page-timeline2):not(.page-timeline) .site-inner {
    background-image: none;
    padding: 48px 0 32px;
  }
}
body.page:not(.page-timeline2):not(.page-timeline).page-template-pages-resources, body.page:not(.page-timeline2):not(.page-timeline).page-template-pages-festival {
  background-image: url("../img/creatures-bg-svg.php");
  background-position: right top;
  background-attachment: fixed;
  background-position: right top;
  background-size: cover;
}
body.local-dev {
  /*
  background-image: url('../img/dev-bg.png');
  background-repeat: repeat-y;
  background-position: center top;
  background-size: auto;
  */
  /*
  //background-image: url('../img/creatures-bg-svg.php');
  //background-size: cover;
  //background-attachment: fixed;
  */
}

/* Wrap
--------------------------------------------- */
.wrap {
  max-width: 1184px;
  margin: 0 auto;
  padding-left: 32px;
  padding-right: 32px;
}
.wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 359px) {
  .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.site-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.site-inner {
  flex-grow: 1;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .site-inner {
    padding: 32px 0;
  }
}
.single-post .site-inner .entry-content, .single-events .site-inner .entry-content {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 32px;
  padding-right: 32px;
}
.single-post .site-inner .entry-content:after, .single-events .site-inner .entry-content:after {
  content: "";
  display: table;
  clear: both;
}

/* Sidebar Layouts
--------------------------------------------- */
@media (max-width: 1023px) {
  .sidebar-primary {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page,
.single-productions,
.single-cases {
    /*
    @supports( display: $grid ) {
    	.content-area {
    		display: grid;
    		grid-template-columns: 1fr 352px;
    		grid-column-gap: $grid-gap;
    		position: relative;
    	}

    	.site-main {
    		float: none;
    		width: 100%;


    	}

    	.sidebar-primary {
    		float: none;
    		width: 100%;
    	}
    }
    */
  }
  .page .site-main .entry-header,
.page .site-main .entry-content,
.single-productions .site-main .entry-header,
.single-productions .site-main .entry-content,
.single-cases .site-main .entry-header,
.single-cases .site-main .entry-content {
    max-width: 736px;
    width: 65.7142857143%;
  }
}
@media (min-width: 1024px) and (min-width: 1184px) {
  .page .site-main .entry-header,
.page .site-main .entry-content,
.single-productions .site-main .entry-header,
.single-productions .site-main .entry-content,
.single-cases .site-main .entry-header,
.single-cases .site-main .entry-content {
    width: 736px;
  }
}
@media (min-width: 1024px) {
  .page .sidebar-primary,
.single-productions .sidebar-primary,
.single-cases .sidebar-primary {
    float: right;
    width: 31.4285714286%;
  }
}
@media (min-width: 1024px) and (min-width: 1184px) {
  .page .sidebar-primary,
.single-productions .sidebar-primary,
.single-cases .sidebar-primary {
    width: 352px;
  }
}
/* SVGTODO - tidy all of this up */
.page .entry-footer {
  margin: 32px 0 0;
  border-top: solid 1px #000;
}
.page .entry-footer > div {
  margin-top: 24px;
  clear: both;
}
.page .entry-footer h1 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .page .entry-footer h1 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .page .entry-footer h1 {
    font-size: 20px;
  }
}
.page.page-template-pages-resources .entry-footer, .page.page-template-pages-festival .entry-footer {
  margin: 0;
  border-top: none;
}
@media (min-width: 1024px) {
  .page.page-template-pages-resources .entry-footer > div, .page.page-template-pages-festival .entry-footer > div {
    margin-top: 0;
    clear: none;
  }
}

.single-post .related-content-blocks,
.single-productions .related-content-blocks,
.single-cases .related-content-blocks,
.single-events .related-content-blocks {
  margin: 32px 0 0;
  border-top: solid 1px #000;
}
@media (min-width: 569px) and (max-width: 1023px) {
  .single-post .related-content-blocks.split > article,
.single-productions .related-content-blocks.split > article,
.single-cases .related-content-blocks.split > article,
.single-events .related-content-blocks.split > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .single-post .related-content-blocks.split > article:nth-of-type(2n+1),
.single-productions .related-content-blocks.split > article:nth-of-type(2n+1),
.single-cases .related-content-blocks.split > article:nth-of-type(2n+1),
.single-events .related-content-blocks.split > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .single-post .related-content-blocks.split,
.single-productions .related-content-blocks.split,
.single-cases .related-content-blocks.split,
.single-events .related-content-blocks.split {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .single-post .related-content-blocks.split > article,
.single-productions .related-content-blocks.split > article,
.single-cases .related-content-blocks.split > article,
.single-events .related-content-blocks.split > article {
      margin-left: 0;
      width: 100%;
    }
    .single-post .related-content-blocks.split header, .single-post .related-content-blocks.split nav, .single-post .related-content-blocks.split aside, .single-post .related-content-blocks.split footer,
.single-productions .related-content-blocks.split header,
.single-productions .related-content-blocks.split nav,
.single-productions .related-content-blocks.split aside,
.single-productions .related-content-blocks.split footer,
.single-cases .related-content-blocks.split header,
.single-cases .related-content-blocks.split nav,
.single-cases .related-content-blocks.split aside,
.single-cases .related-content-blocks.split footer,
.single-events .related-content-blocks.split header,
.single-events .related-content-blocks.split nav,
.single-events .related-content-blocks.split aside,
.single-events .related-content-blocks.split footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 1024px) {
  .single-post .related-content-blocks.split > article,
.single-productions .related-content-blocks.split > article,
.single-cases .related-content-blocks.split > article,
.single-events .related-content-blocks.split > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .single-post .related-content-blocks.split > article:nth-of-type(2n+1),
.single-productions .related-content-blocks.split > article:nth-of-type(2n+1),
.single-cases .related-content-blocks.split > article:nth-of-type(2n+1),
.single-events .related-content-blocks.split > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .single-post .related-content-blocks.split,
.single-productions .related-content-blocks.split,
.single-cases .related-content-blocks.split,
.single-events .related-content-blocks.split {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .single-post .related-content-blocks.split > article,
.single-productions .related-content-blocks.split > article,
.single-cases .related-content-blocks.split > article,
.single-events .related-content-blocks.split > article {
      margin-left: 0;
      width: 100%;
    }
    .single-post .related-content-blocks.split header, .single-post .related-content-blocks.split nav, .single-post .related-content-blocks.split aside, .single-post .related-content-blocks.split footer,
.single-productions .related-content-blocks.split header,
.single-productions .related-content-blocks.split nav,
.single-productions .related-content-blocks.split aside,
.single-productions .related-content-blocks.split footer,
.single-cases .related-content-blocks.split header,
.single-cases .related-content-blocks.split nav,
.single-cases .related-content-blocks.split aside,
.single-cases .related-content-blocks.split footer,
.single-events .related-content-blocks.split header,
.single-events .related-content-blocks.split nav,
.single-events .related-content-blocks.split aside,
.single-events .related-content-blocks.split footer {
      grid-column: 1/-1;
    }
  }
}
.single-post .related-content-blocks .pre-footer-block,
.single-productions .related-content-blocks .pre-footer-block,
.single-cases .related-content-blocks .pre-footer-block,
.single-events .related-content-blocks .pre-footer-block {
  margin: 0;
  border-top: none;
}

.page-template-pages-resources .entry-meta a,
.page-template-pages-festival .entry-meta a {
  border-bottom: none;
}
.page-template-pages-resources .entry-meta .related-pages,
.page-template-pages-festival .entry-meta .related-pages {
  margin: 32px 0 0;
}
@media (min-width: 1024px) {
  .page-template-pages-resources .entry-meta .related-pages > article,
.page-template-pages-festival .entry-meta .related-pages > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 100%;
  }
  .page-template-pages-resources .entry-meta .related-pages > article:nth-of-type(1n+1),
.page-template-pages-festival .entry-meta .related-pages > article:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .page-template-pages-resources .entry-meta .related-pages,
.page-template-pages-festival .entry-meta .related-pages {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(1, 1fr);
    }
    .page-template-pages-resources .entry-meta .related-pages > article,
.page-template-pages-festival .entry-meta .related-pages > article {
      margin-left: 0;
      width: 100%;
    }
    .page-template-pages-resources .entry-meta .related-pages header, .page-template-pages-resources .entry-meta .related-pages nav, .page-template-pages-resources .entry-meta .related-pages aside, .page-template-pages-resources .entry-meta .related-pages footer,
.page-template-pages-festival .entry-meta .related-pages header,
.page-template-pages-festival .entry-meta .related-pages nav,
.page-template-pages-festival .entry-meta .related-pages aside,
.page-template-pages-festival .entry-meta .related-pages footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 569px) and (max-width: 1023px) {
  .page-template-pages-resources .entry-meta .related-pages > article,
.page-template-pages-festival .entry-meta .related-pages > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .page-template-pages-resources .entry-meta .related-pages > article:nth-of-type(2n+1),
.page-template-pages-festival .entry-meta .related-pages > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .page-template-pages-resources .entry-meta .related-pages,
.page-template-pages-festival .entry-meta .related-pages {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .page-template-pages-resources .entry-meta .related-pages > article,
.page-template-pages-festival .entry-meta .related-pages > article {
      margin-left: 0;
      width: 100%;
    }
    .page-template-pages-resources .entry-meta .related-pages header, .page-template-pages-resources .entry-meta .related-pages nav, .page-template-pages-resources .entry-meta .related-pages aside, .page-template-pages-resources .entry-meta .related-pages footer,
.page-template-pages-festival .entry-meta .related-pages header,
.page-template-pages-festival .entry-meta .related-pages nav,
.page-template-pages-festival .entry-meta .related-pages aside,
.page-template-pages-festival .entry-meta .related-pages footer {
      grid-column: 1/-1;
    }
  }
}
.page-template-pages-resources .entry-meta h3,
.page-template-pages-festival .entry-meta h3 {
  font-size: 18px;
  margin: 0 0 16px 0;
}

.child-page-blocks {
  clear: both;
  margin: 32px 0 0;
  padding: 24px 0 0;
  border-top: solid 1px #000;
}
.child-page-blocks h2 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .child-page-blocks h2 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .child-page-blocks h2 {
    font-size: 20px;
  }
}
@media (min-width: 569px) and (max-width: 1023px) {
  .child-page-blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .child-page-blocks > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .child-page-blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .child-page-blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .child-page-blocks header, .child-page-blocks nav, .child-page-blocks aside, .child-page-blocks footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 1024px) {
  .child-page-blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 22.8571428571%;
  }
  .child-page-blocks > article:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .child-page-blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(4, 1fr);
    }
    .child-page-blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .child-page-blocks header, .child-page-blocks nav, .child-page-blocks aside, .child-page-blocks footer {
      grid-column: 1/-1;
    }
  }
}

.pre-footer-block {
  clear: both;
  margin: 32px 0 0;
  padding: 24px 0 0;
  border-top: solid 1px #000;
}
.pre-footer-block h1 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .pre-footer-block h1 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .pre-footer-block h1 {
    font-size: 20px;
  }
}
.pre-footer-block.grid .preview_blocks {
  /*
  @supports( display: $grid ) {
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr 1fr;
  	grid-column-gap: $grid-gap;
  }*/
}
@media (min-width: 569px) and (max-width: 1023px) {
  .pre-footer-block.grid .preview_blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .pre-footer-block.grid .preview_blocks > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .pre-footer-block.grid .preview_blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .pre-footer-block.grid .preview_blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .pre-footer-block.grid .preview_blocks header, .pre-footer-block.grid .preview_blocks nav, .pre-footer-block.grid .preview_blocks aside, .pre-footer-block.grid .preview_blocks footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 1024px) {
  .pre-footer-block.grid .preview_blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 22.8571428571%;
  }
  .pre-footer-block.grid .preview_blocks > article:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .pre-footer-block.grid .preview_blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(4, 1fr);
    }
    .pre-footer-block.grid .preview_blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .pre-footer-block.grid .preview_blocks header, .pre-footer-block.grid .preview_blocks nav, .pre-footer-block.grid .preview_blocks aside, .pre-footer-block.grid .preview_blocks footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 569px) and (max-width: 1023px) {
  .split .pre-footer-block.grid .preview_blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 100%;
  }
  .split .pre-footer-block.grid .preview_blocks > article:nth-of-type(1n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .split .pre-footer-block.grid .preview_blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(1, 1fr);
    }
    .split .pre-footer-block.grid .preview_blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .split .pre-footer-block.grid .preview_blocks header, .split .pre-footer-block.grid .preview_blocks nav, .split .pre-footer-block.grid .preview_blocks aside, .split .pre-footer-block.grid .preview_blocks footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 1024px) {
  .split .pre-footer-block.grid .preview_blocks > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .split .pre-footer-block.grid .preview_blocks > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .split .pre-footer-block.grid .preview_blocks {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .split .pre-footer-block.grid .preview_blocks > article {
      margin-left: 0;
      width: 100%;
    }
    .split .pre-footer-block.grid .preview_blocks header, .split .pre-footer-block.grid .preview_blocks nav, .split .pre-footer-block.grid .preview_blocks aside, .split .pre-footer-block.grid .preview_blocks footer {
      grid-column: 1/-1;
    }
  }
}
.pre-footer-block.list .post-summary {
  clear: both;
}
.pre-footer-block .all-related {
  border-top: 1px solid #000;
  display: block;
  clear: both;
  text-align: right;
  width: 100%;
  font-weight: 500;
  margin: 0 0 12px 0;
  padding: 12px 0 0;
  font-size: 14px;
}
@media (min-width: 768px) {
  .pre-footer-block .all-related {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .pre-footer-block .all-related {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .pre-footer-block .all-related {
    margin: 0 0 32px 0;
    padding: 32px 0 0;
  }
}
.pre-footer-block .all-related a:hover {
  background: white;
  border-bottom: 1px dotted black;
}
.pre-footer-block .all-related a:after {
  content: " »";
}
.pre-footer-block .no-events + .all-related {
  padding: 0;
  border-top: none;
}

.list .post-summary {
  clear: both;
}
.single-productions .entry-header,
.single-cases .entry-header,
.page-template-pages-resources .entry-header,
.page-template-pages-festival .entry-header {
  margin-bottom: 0px !important;
}
.single-productions .entry-content,
.single-cases .entry-content,
.page-template-pages-resources .entry-content,
.page-template-pages-festival .entry-content {
  padding-top: 32px;
}
.single-productions .entry-content:after,
.single-cases .entry-content:after,
.page-template-pages-resources .entry-content:after,
.page-template-pages-festival .entry-content:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 1024px) {
  .single-productions .entry-content,
.single-cases .entry-content,
.page-template-pages-resources .entry-content,
.page-template-pages-festival .entry-content {
    float: left;
  }
}
.single-productions .entry-meta,
.single-cases .entry-meta,
.page-template-pages-resources .entry-meta,
.page-template-pages-festival .entry-meta {
  border-top: solid 1px #000;
  font-size: 16px;
  float: right;
  line-height: 24px;
  padding-top: 32px;
  width: 31.4285714286%;
}
@media (max-width: 1023px) {
  .single-productions .entry-meta,
.single-cases .entry-meta,
.page-template-pages-resources .entry-meta,
.page-template-pages-festival .entry-meta {
    margin-top: 24px;
    width: 100%;
  }
}
.single-productions .entry-meta .meta-name,
.single-cases .entry-meta .meta-name,
.page-template-pages-resources .entry-meta .meta-name,
.page-template-pages-festival .entry-meta .meta-name {
  display: block;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  font-style: italic;
  margin: 0 0 2px 0;
  letter-spacing: 0.5px;
}
.single-productions .entry-meta .author,
.single-cases .entry-meta .author,
.page-template-pages-resources .entry-meta .author,
.page-template-pages-festival .entry-meta .author {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px 0;
}
.single-productions .entry-meta .urls,
.single-cases .entry-meta .urls,
.page-template-pages-resources .entry-meta .urls,
.page-template-pages-festival .entry-meta .urls {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
}
.single-productions .entry-meta .start-date,
.single-productions .entry-meta .end-date,
.single-productions .entry-meta .status,
.single-productions .entry-meta .iteration,
.single-cases .entry-meta .start-date,
.single-cases .entry-meta .end-date,
.single-cases .entry-meta .status,
.single-cases .entry-meta .iteration,
.page-template-pages-resources .entry-meta .start-date,
.page-template-pages-resources .entry-meta .end-date,
.page-template-pages-resources .entry-meta .status,
.page-template-pages-resources .entry-meta .iteration,
.page-template-pages-festival .entry-meta .start-date,
.page-template-pages-festival .entry-meta .end-date,
.page-template-pages-festival .entry-meta .status,
.page-template-pages-festival .entry-meta .iteration {
  display: inline-block;
  margin: 0 32px 8px 0;
  width: calc(50% - 16px);
}
.single-productions .entry-meta .end-date,
.single-productions .entry-meta .iteration,
.single-cases .entry-meta .end-date,
.single-cases .entry-meta .iteration,
.page-template-pages-resources .entry-meta .end-date,
.page-template-pages-resources .entry-meta .iteration,
.page-template-pages-festival .entry-meta .end-date,
.page-template-pages-festival .entry-meta .iteration {
  margin: 0;
}
.single-productions .entry-meta .location,
.single-cases .entry-meta .location,
.page-template-pages-resources .entry-meta .location,
.page-template-pages-festival .entry-meta .location {
  display: block;
  margin: 0 0 8px 0;
}
.single-productions .entry-meta .keywords,
.single-cases .entry-meta .keywords,
.page-template-pages-resources .entry-meta .keywords,
.page-template-pages-festival .entry-meta .keywords {
  display: block;
  margin: 0 0 24px 0;
}
.single-productions .entry-meta .status,
.single-cases .entry-meta .status,
.page-template-pages-resources .entry-meta .status,
.page-template-pages-festival .entry-meta .status {
  margin-bottom: 24px;
}
.single-productions .entry-meta .sdgs,
.single-cases .entry-meta .sdgs,
.page-template-pages-resources .entry-meta .sdgs,
.page-template-pages-festival .entry-meta .sdgs {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.single-productions .entry-meta .sdgs li,
.single-cases .entry-meta .sdgs li,
.page-template-pages-resources .entry-meta .sdgs li,
.page-template-pages-festival .entry-meta .sdgs li {
  display: inline-block;
  height: 72px;
  width: 72px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 16px 16px 0;
  vertical-align: top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* //SVGTODO - cleanup
  &.goal01 {
  	background-image: url('../img/SDG01.svg');
  }*/
}
.single-productions .entry-meta .sdgs li.goal1,
.single-cases .entry-meta .sdgs li.goal1,
.page-template-pages-resources .entry-meta .sdgs li.goal1,
.page-template-pages-festival .entry-meta .sdgs li.goal1 {
  background-image: url("../img/SDG1.svg");
}
.single-productions .entry-meta .sdgs li.goal2,
.single-cases .entry-meta .sdgs li.goal2,
.page-template-pages-resources .entry-meta .sdgs li.goal2,
.page-template-pages-festival .entry-meta .sdgs li.goal2 {
  background-image: url("../img/SDG2.svg");
}
.single-productions .entry-meta .sdgs li.goal3,
.single-cases .entry-meta .sdgs li.goal3,
.page-template-pages-resources .entry-meta .sdgs li.goal3,
.page-template-pages-festival .entry-meta .sdgs li.goal3 {
  background-image: url("../img/SDG3.svg");
}
.single-productions .entry-meta .sdgs li.goal4,
.single-cases .entry-meta .sdgs li.goal4,
.page-template-pages-resources .entry-meta .sdgs li.goal4,
.page-template-pages-festival .entry-meta .sdgs li.goal4 {
  background-image: url("../img/SDG4.svg");
}
.single-productions .entry-meta .sdgs li.goal5,
.single-cases .entry-meta .sdgs li.goal5,
.page-template-pages-resources .entry-meta .sdgs li.goal5,
.page-template-pages-festival .entry-meta .sdgs li.goal5 {
  background-image: url("../img/SDG5.svg");
}
.single-productions .entry-meta .sdgs li.goal6,
.single-cases .entry-meta .sdgs li.goal6,
.page-template-pages-resources .entry-meta .sdgs li.goal6,
.page-template-pages-festival .entry-meta .sdgs li.goal6 {
  background-image: url("../img/SDG6.svg");
}
.single-productions .entry-meta .sdgs li.goal7,
.single-cases .entry-meta .sdgs li.goal7,
.page-template-pages-resources .entry-meta .sdgs li.goal7,
.page-template-pages-festival .entry-meta .sdgs li.goal7 {
  background-image: url("../img/SDG7.svg");
}
.single-productions .entry-meta .sdgs li.goal8,
.single-cases .entry-meta .sdgs li.goal8,
.page-template-pages-resources .entry-meta .sdgs li.goal8,
.page-template-pages-festival .entry-meta .sdgs li.goal8 {
  background-image: url("../img/SDG8.svg");
}
.single-productions .entry-meta .sdgs li.goal9,
.single-cases .entry-meta .sdgs li.goal9,
.page-template-pages-resources .entry-meta .sdgs li.goal9,
.page-template-pages-festival .entry-meta .sdgs li.goal9 {
  background-image: url("../img/SDG9.svg");
}
.single-productions .entry-meta .sdgs li.goal10,
.single-cases .entry-meta .sdgs li.goal10,
.page-template-pages-resources .entry-meta .sdgs li.goal10,
.page-template-pages-festival .entry-meta .sdgs li.goal10 {
  background-image: url("../img/SDG10.svg");
}
.single-productions .entry-meta .sdgs li.goal11,
.single-cases .entry-meta .sdgs li.goal11,
.page-template-pages-resources .entry-meta .sdgs li.goal11,
.page-template-pages-festival .entry-meta .sdgs li.goal11 {
  background-image: url("../img/SDG11.svg");
}
.single-productions .entry-meta .sdgs li.goal12,
.single-cases .entry-meta .sdgs li.goal12,
.page-template-pages-resources .entry-meta .sdgs li.goal12,
.page-template-pages-festival .entry-meta .sdgs li.goal12 {
  background-image: url("../img/SDG12.svg");
}
.single-productions .entry-meta .sdgs li.goal13,
.single-cases .entry-meta .sdgs li.goal13,
.page-template-pages-resources .entry-meta .sdgs li.goal13,
.page-template-pages-festival .entry-meta .sdgs li.goal13 {
  background-image: url("../img/SDG13.svg");
}
.single-productions .entry-meta .sdgs li.goal14,
.single-cases .entry-meta .sdgs li.goal14,
.page-template-pages-resources .entry-meta .sdgs li.goal14,
.page-template-pages-festival .entry-meta .sdgs li.goal14 {
  background-image: url("../img/SDG14.svg");
}
.single-productions .entry-meta .sdgs li.goal15,
.single-cases .entry-meta .sdgs li.goal15,
.page-template-pages-resources .entry-meta .sdgs li.goal15,
.page-template-pages-festival .entry-meta .sdgs li.goal15 {
  background-image: url("../img/SDG15.svg");
}
.single-productions .entry-meta .sdgs li.goal16,
.single-cases .entry-meta .sdgs li.goal16,
.page-template-pages-resources .entry-meta .sdgs li.goal16,
.page-template-pages-festival .entry-meta .sdgs li.goal16 {
  background-image: url("../img/SDG16.svg");
}

/** Random Emoji 
SVGTODO: Move things like this into a helper file?
**/
.random_creature {
  display: inline-block;
  /*
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  */
}

/* Screen Reader Text
--------------------------------------------- */
.genesis-skip-link {
  display: none;
}

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  color: #333;
  background: #fff;
  z-index: 100000;
  /* Above WP toolbar. */
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* Forms
--------------------------------------------- */
input, select, textarea {
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 16px;
  width: 100%;
}

select {
  line-height: 54px;
  height: 54px;
}

textarea {
  width: 100%;
}

::-moz-placeholder {
  color: #BDBDBD;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #BDBDBD;
}

::-webkit-input-placeholder {
  color: #BDBDBD;
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

/* Search Form
--------------------------------------------- */
.search-form {
  max-width: 400px;
  position: relative;
  overflow: hidden;
}
.search-form .search-field {
  border: none;
  padding-right: 44px;
  width: 100%;
}
.search-form .search-field:focus {
  outline: none;
}
.search-form .search-submit {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  width: 44px;
  height: 44px;
  line-height: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  right: 0;
}
.search-form .search-submit svg {
  fill: black;
  width: 20px;
  height: 20px;
}
.search-form .search-submit svg:hover {
  fill: #212121;
}

/* Typographical Elements
--------------------------------------------- */
body {
  color: #000;
  font-family: "Helvetica Neue", "HelveticaWF", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 768px) {
  body {
    font-size: 20px;
  }
}
@media print {
  body {
    font-family: sans-serif;
  }
}

body,
button,
input,
select,
optgroup,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.entry-content a, .entry-meta a, .pre-footer-block a {
  border-bottom: 1px dotted;
}
.entry-content a:hover, .entry-meta a:hover, .pre-footer-block a:hover {
  background: #fff;
}

strong {
  font-weight: 600;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

code,
pre {
  font-family: "Source Code Pro", monospace;
  font-size: 14px;
}

code {
  padding: 2px 4px;
  white-space: nowrap;
}

pre {
  display: block;
  padding: 10px;
  margin: 0 0 10px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

cite {
  font-style: normal;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Paragraph
--------------------------------------------- */
p {
  margin: 0 0 32px;
  padding: 0;
}
p.large, p.has-large-font-size {
  font-size: 21px;
}
@media (min-width: 768px) {
  p.large, p.has-large-font-size {
    font-size: 24px;
  }
}
p.has-normal-font-size {
  font-size: 18px;
}
@media (min-width: 768px) {
  p.has-normal-font-size {
    font-size: 20px;
  }
}
p.small, p.has-small-font-size {
  font-size: 14px;
}

/* Headings //SVGTODO - gotta revisit all the font sizes
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: "Helvetica Neue", "HelveticaWF", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #212121;
  text-decoration: none;
}
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
  outline: none;
}

h1 {
  text-transform: uppercase;
  font-style: italic;
  font-size: 34px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 42px;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 46px;
  }
}
h1.entry-title {
  font-size: 12px;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  h1.entry-title {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  h1.entry-title {
    font-size: 20px;
  }
}
body.home h1.entry-title {
  display: none;
}

h2 {
  font-weight: 300;
  font-size: 26px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 36px;
  }
}
h2.entry-sub-title {
  font-size: 18px;
}
@media (min-width: 768px) {
  h2.entry-sub-title {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  h2.entry-sub-title {
    font-size: 32px;
  }
}

h3 {
  font-size: 22px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: 28px;
  }
}

h4, h5, h6 {
  font-size: 18px;
}
@media (min-width: 768px) {
  h4, h5, h6 {
    font-size: 22px;
  }
}

/* Button
--------------------------------------------- */
.wp-block-button__link {
  border: 2px solid #031b3e;
  border-radius: 3px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding: 16px 32px;
  text-decoration: none;
}
.is-style-full .wp-block-button__link, .wp-block-button__link.full {
  display: block;
  width: 100%;
}
.wp-block-button__link:not(.has-text-color) {
  color: white;
}
.wp-block-button__link:not(.has-text-color):hover {
  color: white;
}
.wp-block-button__link:not(.has-background) {
  background-color: #05306F;
}
.wp-block-button__link:not(.has-background):hover, .wp-block-button__link:not(.has-background):focus {
  background-color: #031b3e;
}
.wp-block-button__link.has-blue-color:hover, .wp-block-button__link.has-blue-color:focus {
  color: #05306F;
}
.wp-block-button__link.has-blue-background-color:hover, .wp-block-button__link.has-blue-background-color:focus {
  background-color: #031b3e;
}
.wp-block-button__link.has-grey-color:hover, .wp-block-button__link.has-grey-color:focus {
  color: #FAFAFA;
}
.wp-block-button__link.has-grey-background-color:hover, .wp-block-button__link.has-grey-background-color:focus {
  background-color: #e1e1e1;
}

/* Blockquote
--------------------------------------------- */
blockquote,
blockquote.wp-block-quote {
  background: transparent url(../icons/utility/quote.svg) no-repeat top left;
  background-size: 36px auto;
  padding-top: 36px;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 568px) {
  blockquote,
blockquote.wp-block-quote {
    padding-left: 32px;
    padding-right: 32px;
  }
}
blockquote p,
blockquote.wp-block-quote p {
  color: #000;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
}
blockquote cite,
blockquote .wp-block-quote__citation,
blockquote.wp-block-quote cite,
blockquote.wp-block-quote .wp-block-quote__citation {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
blockquote p:last-of-type,
blockquote.wp-block-quote p:last-of-type {
  margin-bottom: 0;
}

/* Separator
--------------------------------------------- */
.wp-block-separator,
hr {
  background: transparent;
  border: none;
  width: 100%;
  height: 32px;
  position: relative;
}
.wp-block-separator::before,
hr::before {
  background: #000;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  margin-top: -0.5px;
}

/* Image
--------------------------------------------- */
img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.alignleft {
  float: left;
  margin: 0 24px 24px 0;
}
img.alignright {
  float: right;
  margin: 0 0 24px 24px;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image {
  margin: 0 0 16px 0;
}
.wp-block-image .alignleft {
  float: left;
  margin: 0 24px 24px -192px;
}
@media (max-width: 1183px) {
  .wp-block-image .alignleft {
    margin: 0 24px 24px 0;
  }
}
.wp-block-image .alignright {
  float: right;
  margin: 0 -192px 24px 24px;
}
@media (max-width: 1183px) {
  .wp-block-image .alignright {
    margin: 0 0 24px 24px;
  }
}
.wp-block-image figcaption {
  color: #000;
  text-align: left;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  font-style: normal;
  margin: 4px 0 8px;
}

/* Captions */
/* Galleries */
.wp-block-gallery .blocks-gallery-grid {
  padding: 0;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  padding: 0;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
  position: relative;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-image figure figcaption,
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure figcaption {
  background: rgba(0, 0, 0, 0.7);
  text-align: left;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  font-style: normal;
  padding: 4px 8px;
}
.wp-block-gallery.hide-captions .blocks-gallery-grid .blocks-gallery-image figure figcaption,
.wp-block-gallery.hide-captions .blocks-gallery-grid .blocks-gallery-item figure figcaption {
  opacity: 0;
}

/* Tables
--------------------------------------------- */
.wp-block-table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table td, .wp-block-table th {
  padding: 0.5em;
  border: 1px solid;
}

/* Color Options
--------------------------------------------- */
.has-blue-color {
  color: #05306F;
}

.has-blue-background-color {
  background-color: #05306F;
}

.has-grey-color {
  color: #FAFAFA;
}

.has-grey-background-color {
  background-color: #FAFAFA;
}

/* Group
--------------------------------------------- */
.wp-block-group {
  /* //SVGTODO: revisit, but nah we don't want all this padding?
  padding: 40px 16px;

  @include media(">=tablet") {
  	padding: 60px 16px;
  }

  @include media(">=medium") {
  	padding: 70px 16px;
  }

  .wp-block-group__inner-container {
  	max-width: $content_width;
  	margin: 0 auto;
  	@include clearfix;

  	& > *:last-child {
  		margin-bottom: 0;
  	}
  }

  // Dark background
  &.has-background:not(.has-grey-background-color) {
  	color: $white;

  	h1, h2, h3, h4, h5, h6, p {
  		color: $white;
  	}
  }*/
}

/* Paragraph styles */
p.has-larger-font-size, p.has-huge-font-size {
  line-height: 1.25;
}

/* WPForms
--------------------------------------------- */
div.wpforms-container .wpforms-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 16px;
  padding: 0;
}
@media (min-width: 768px) {
  div.wpforms-container .wpforms-title {
    font-size: 32px;
  }
}
div.wpforms-container .wpforms-description {
  margin: 0 0 16px;
  padding: 0;
}
div.wpforms-container .wpforms-field {
  padding: 0;
  margin-bottom: 32px;
}
div.wpforms-container .wpforms-field-label {
  font-size: 16px;
}
div.wpforms-container .wpforms-recaptcha-container {
  padding: 0;
}
@media (min-width: 768px) {
  div.wpforms-container .wpforms-recaptcha-container {
    margin-bottom: -78px;
  }
}
div.wpforms-container .wpforms-submit-container {
  padding: 0;
  margin-top: 32px;
  text-align: right;
}
div.wpforms-container.one-line:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  div.wpforms-container.one-line .wpforms-field-container {
    display: table;
    width: calc(100% - 110px);
    float: left;
  }
  div.wpforms-container.one-line .wpforms-field-container .wpforms-field {
    display: table-cell;
    padding-right: 16px;
    margin: 0;
  }
  div.wpforms-container.one-line .wpforms-submit-container {
    float: right;
    width: 110px;
    clear: none;
    margin: 0;
  }
}

/* Shared Counts
--------------------------------------------- */
.shared-counts-wrap.style-icon svg {
  fill: #BDBDBD;
  width: 24px;
  height: 24px;
}
.shared-counts-wrap.style-icon .shared-counts-button {
  line-height: 0;
  padding: 10px;
}
.shared-counts-wrap.style-icon .shared-counts-button:hover svg {
  fill: #212121;
}
.shared-counts-wrap.style-icon .shared-counts-button:not(.included_total) .shared-counts-label,
.shared-counts-wrap.style-icon .shared-counts-button:not(.included_total) .shared-counts-count {
  display: none;
}
@supports (display: grid) {
  .shared-counts-wrap.style-button {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
  }
  @media (min-width: 768px) {
    .shared-counts-wrap.style-button {
      grid-template-columns: repeat(4, 1fr);
    }
  }
}
.shared-counts-wrap.style-button h3 {
  color: #616161;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  grid-column: 1/-1;
}
.shared-counts-wrap.style-button .shared-counts-button {
  background: #9E9E9E;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 18px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 15px;
}
.shared-counts-wrap.style-button .shared-counts-button:hover {
  background: #616161;
}
.shared-counts-wrap.style-button .shared-counts-button svg {
  fill: #fff;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.shared-counts-wrap.style-button .shared-counts-button.facebook {
  background: #3B5998;
}
.shared-counts-wrap.style-button .shared-counts-button.facebook:hover {
  background: #2d4373;
}
.shared-counts-wrap.style-button .shared-counts-button.pinterest {
  background: #CB2027;
}
.shared-counts-wrap.style-button .shared-counts-button.pinterest:hover {
  background: #9f191f;
}
.shared-counts-wrap.style-button .shared-counts-button.twitter {
  background: #00B6F1;
}
.shared-counts-wrap.style-button .shared-counts-button.twitter:hover {
  background: #008fbe;
}
.shared-counts-wrap.style-button .shared-counts-count {
  display: none;
}

.wp-block-image.hide-captions figcaption {
  opacity: 0;
  height: 0;
}

.coblocks-lightbox .coblocks-lightbox__caption {
  text-align: left;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.7);
  margin: 0;
}

.wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide-content__content-wrapper a {
  color: inherit;
}
.wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide-content__content-wrapper a:hover, .wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide-content__content-wrapper a:active {
  background-color: rgba(0, 0, 0, 0.85);
}

.wp-block-coblocks-gallery-carousel figcaption.coblocks-gallery--primary-caption {
  color: #000;
  text-align: left;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  font-style: normal;
  margin: 4px 0 8px;
}

.wp-block-getwid-images-slider.hide-captions figcaption {
  opacity: 0;
}
.wp-block-getwid-images-slider .slick-slide a {
  border-bottom: none;
}
.wp-block-getwid-images-slider .slick-slide a:focus {
  outline: none;
}
.wp-block-getwid-images-slider .slick-slide figcaption {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  font-style: normal;
  padding: 4px 8px;
  margin: 0;
}
.wp-block-getwid-images-slider.captions-style-light .wp-block-getwid-images-slider__item figcaption {
  color: #000;
  background: rgba(255, 255, 255, 0.7);
}
.wp-block-getwid-images-slider .slick-next,
.wp-block-getwid-images-slider .slick-prev {
  align-items: center;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translateY(-50%);
  transition: 250ms background-color linear;
  width: auto;
  z-index: 3;
  height: 64px;
  width: 64px;
  font-size: 0;
  line-height: 0;
  border-top: #ccc 2px solid;
  border-right: #666 2px solid;
  border-bottom: #666 2px solid;
  border-left: #ccc 2px solid;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 250ms background-color linear;
}
.wp-block-getwid-images-slider .slick-next:hover,
.wp-block-getwid-images-slider .slick-prev:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.wp-block-getwid-images-slider .slick-next:before,
.wp-block-getwid-images-slider .slick-prev:before {
  height: 24px;
  width: 24px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  background: transparent;
  opacity: 1;
}
.wp-block-getwid-images-slider .slick-next:before {
  left: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wp-block-getwid-images-slider .slick-prev:before {
  left: 24px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.wp-block-getwid-images-slider .has-arrows-inside .slick-next {
  right: 12px;
}
.wp-block-getwid-images-slider .has-arrows-inside .slick-prev {
  left: 12px;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
  z-index: 90;
  position: relative;
}

.mfp-container {
  position: relative;
}
.mfp-container img.mfp-img {
  max-height: 90vh !important;
  max-width: 80vw;
}
.mfp-container.mfp-image-holder .mfp-close {
  position: fixed;
  top: 12px;
  right: 12px;
  padding: 0;
  font-family: inherit;
  font-size: 40px;
  height: 32px;
  width: 32px;
  line-height: 32px;
}
.mfp-container .mfp-bottom-bar {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-family: "Source Code Pro", monospace;
  font-size: 12px;
  margin-top: -40px;
  padding: 4px 8px;
  min-height: 26px;
}
.mfp-container .mfp-bottom-bar .mfp-counter {
  top: 4px;
  right: 8px;
}
.mfp-container .mfp-arrow {
  align-items: center;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translateY(-50%);
  transition: 250ms background-color linear;
  width: auto;
  z-index: 3;
  height: 64px;
  width: 64px;
  font-size: 0;
  line-height: 0;
  border-top: #ccc 2px solid;
  border-right: #666 2px solid;
  border-bottom: #666 2px solid;
  border-left: #ccc 2px solid;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 250ms background-color linear;
  z-index: 150;
}
.mfp-container .mfp-arrow:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.mfp-container .mfp-arrow:active {
  margin: 0;
}
.mfp-container .mfp-arrow:before {
  height: 24px;
  width: 24px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  border-left: none;
  border-bottom: none;
  margin: 0;
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  background: transparent;
  opacity: 1;
}
.mfp-container .mfp-arrow:after {
  display: none;
}
.mfp-container .mfp-arrow.mfp-arrow-right {
  right: 12px;
}
.mfp-container .mfp-arrow.mfp-arrow-right:before {
  left: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mfp-container .mfp-arrow.mfp-arrow-left {
  left: 12px;
}
.mfp-container .mfp-arrow.mfp-arrow-left:before {
  left: 24px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mfp-container-background {
  position: fixed;
  z-index: 80;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -10em;
  filter: blur(25px) saturate(175%) brightness(90%);
  left: -10em;
  right: -10em;
  top: -12em;
}

@media print {
  .single-productions .entry-meta .urls a:after {
    content: " (" attr(href) ") ";
  }
  .single-productions .entry-meta .sdgs li {
    width: auto;
    height: auto;
    background: none;
    margin: 0;
    overflow: auto;
    display: block;
    text-indent: 0;
  }
  .single-productions .entry-meta .sdgs li.goal1, .single-productions .entry-meta .sdgs li.goal2, .single-productions .entry-meta .sdgs li.goal3, .single-productions .entry-meta .sdgs li.goal4, .single-productions .entry-meta .sdgs li.goal5, .single-productions .entry-meta .sdgs li.goal6, .single-productions .entry-meta .sdgs li.goal7, .single-productions .entry-meta .sdgs li.goal8, .single-productions .entry-meta .sdgs li.goal9, .single-productions .entry-meta .sdgs li.goal10, .single-productions .entry-meta .sdgs li.goal11, .single-productions .entry-meta .sdgs li.goal12, .single-productions .entry-meta .sdgs li.goal13, .single-productions .entry-meta .sdgs li.goal14, .single-productions .entry-meta .sdgs li.goal15, .single-productions .entry-meta .sdgs li.goal16 {
    background: none !important;
  }

  body.deliverables-mode .site-header,
body.deliverables-mode .related-content-blocks,
body.deliverables-mode .after-entry,
body.deliverables-mode .site-footer {
    display: none;
  }
  body.deliverables-mode.limit-2 .wp-block-gallery li:nth-of-type(1n+3) {
    display: none;
  }
  body.deliverables-mode.limit-2 .wp-block-getwid-images-slider .wp-block-getwid-images-slider__item:nth-of-type(1n+4) {
    display: none;
  }
  body.deliverables-mode.limit-3 .wp-block-gallery li:nth-of-type(1n+4) {
    display: none;
  }
  body.deliverables-mode.limit-3 .wp-block-getwid-images-slider .wp-block-getwid-images-slider__item:nth-of-type(1n+5) {
    display: none;
  }
  body.deliverables-mode.limit-4 .wp-block-gallery li:nth-of-type(1n+5) {
    display: none;
  }
  body.deliverables-mode.limit-4 .wp-block-getwid-images-slider .wp-block-getwid-images-slider__item:nth-of-type(1n+6) {
    display: none;
  }

  .wp-block-image.hide-captions figcaption {
    opacity: 1;
    height: auto;
  }

  .wp-block-gallery.hide-captions .blocks-gallery-grid .blocks-gallery-image figure figcaption,
.wp-block-gallery.hide-captions .blocks-gallery-grid .blocks-gallery-item figure figcaption {
    opacity: 1;
    background: white;
    color: black;
    position: relative;
  }

  .blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    display: block;
    height: auto;
  }

  .blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    display: block;
  }

  .wp-block-getwid-images-slider.hide-captions figcaption {
    opacity: 1;
  }
  .wp-block-getwid-images-slider .slick-list {
    overflow: visible;
  }
  .wp-block-getwid-images-slider .slick-list .slick-track {
    display: block;
    width: 100% !important;
    transform: none !important;
  }
  .wp-block-getwid-images-slider .slick-list .slick-track .wp-block-getwid-images-slider__item {
    margin: 0 2% 1rem 0;
    width: 48% !important;
    height: auto !important;
  }
  .wp-block-getwid-images-slider .slick-list .slick-track .wp-block-getwid-images-slider__item.slick-cloned {
    display: none;
  }
  .wp-block-getwid-images-slider .slick-list .slick-track .wp-block-getwid-images-slider__item figcaption {
    background: transparent;
    color: #000;
    position: relative;
  }
  .wp-block-getwid-images-slider .slick-list .slick-track .wp-block-getwid-images-slider__item:nth-child(2n) {
    clear: left;
  }
  .wp-block-getwid-images-slider .slick-arrow,
.wp-block-getwid-images-slider .slick-dots {
    display: none !important;
  }
}
/* Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  background: transparent;
  flex-shrink: 0;
  margin: 28px 0 0;
  position: relative;
}
@media (max-width: 1024px) {
  .site-header {
    margin: 20px 0 0;
  }
}
.site-header .wrap > div {
  border-bottom: 2px solid #000;
  position: relative;
}
.site-header .wrap > div:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1024px) {
  .site-header .wrap > div {
    padding: 0 0 10px;
  }
}

.title-area {
  float: left;
  width: 100%;
  max-width: 360px;
  text-align: left;
  margin: 4px 0 0;
}
@media (max-width: 1024px) {
  .title-area {
    max-width: 200px;
  }
  .title-area .site-title a {
    padding-bottom: 0;
    background-size: auto 26px;
  }
}
.title-area h1.site-title,
.title-area p.site-title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
}
.title-area h1.site-title a,
.title-area p.site-title a {
  color: #000;
  text-decoration: none;
}
.title-area .site-title a {
  background: url(../img/creatures-logo-type.svg) no-repeat top left;
  background-size: contain;
  display: block;
  text-indent: -9999em;
  height: 48px;
  z-index: 100;
  position: relative;
}
@media (max-width: 1024px) {
  .title-area .site-title a {
    height: 24px;
  }
}

/* Admin Bar
--------------------------------------------- */
@media (min-width: 783px) {
  .admin-bar .site-container {
    padding-top: 32px;
  }
}
@media (max-width: 782px) {
  #wpadminbar {
    display: none !important;
  }
}
/* Persistent Header //SVGTODO - do I need to throw this away?
--------------------------------------------- */
/* Navigation
---------------------------------------------------------------------------------------------------- */
.nav-menu {
  position: relative;
  /*
  	.submenu-expand {
  		@include button-reset;
  		position: absolute;
  		line-height: 0;
  		top: 50%;
  		transform: translateY(-50%);
  		right: 7px;

  		svg {
  			fill: $black;
  		}
  	}
  */
}
.nav-menu > * {
  line-height: 0;
}
.nav-menu ul {
  clear: both;
  line-height: 1;
  margin: 0;
  width: 100%;
}
.nav-menu .menu-item {
  list-style: none;
  position: relative;
}
.nav-menu .menu-item a {
  border: none;
  color: #000;
  display: block;
  font-size: 20px;
  line-height: 22px;
  padding: 8px 0 18px;
  margin: 0 32px;
  position: relative;
  text-decoration: none;
}
.nav-menu .menu-item a:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .nav-menu .menu-item a {
    padding: 0px;
    margin: 0;
    line-height: 28px;
  }
}
.nav-menu .menu-item.current-menu-item > a, .nav-menu .menu-item.current-menu-ancestor > a {
  color: black;
}
@media (max-width: 1024px) {
  .nav-menu .menu-item.current-menu-item > a, .nav-menu .menu-item.current-menu-ancestor > a {
    border-bottom: none;
  }
}
@media (max-width: 1024px) {
  .nav-menu .nav-primary {
    margin: 96px 32px 0;
  }
}
@media (max-width: 1024px) {
  .nav-menu .nav-primary > ul {
    padding: 0;
  }
}
.nav-menu .nav-primary > ul li {
  position: relative;
}
.nav-menu .nav-primary > ul li a {
  display: inline-block;
}
.nav-menu .nav-primary > ul li:hover a:after {
  content: "";
  height: 4px;
  width: 100%;
  background: black;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.nav-menu .nav-primary > ul li.current-menu-item > a:after, .nav-menu .nav-primary > ul li.current-menu-ancestor > a:after, body.single-cases .nav-menu .nav-primary > ul li#menu-item-34 > a:after, body.archive-cases .nav-menu .nav-primary > ul li#menu-item-34 > a:after, body.single-productions .nav-menu .nav-primary > ul li#menu-item-33 > a:after, body.archive-productions .nav-menu .nav-primary > ul li#menu-item-33 > a:after, body.single-events .nav-menu .nav-primary > ul li#menu-item-31 > a:after, body.archive-events .nav-menu .nav-primary > ul li#menu-item-31 > a:after {
  content: "";
  height: 4px;
  width: 100%;
  background: black;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.nav-menu .nav-primary .menu-item a {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .nav-menu .nav-primary .menu-item.search {
    display: none;
  }
}
.nav-menu .nav-primary .menu-item.search button {
  padding: 8px 0 0 24px;
  width: 48px;
  height: 32px;
}
@media (max-width: 1024px) {
  .nav-menu .nav-primary .menu-item.search button {
    padding: 0;
    width: 16px;
  }
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary {
    margin: 16px 32px 0;
  }
}
.nav-menu .nav-secondary .menu-item {
  float: left;
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary .menu-item {
    width: 100%;
  }
}
.nav-menu .nav-secondary .menu-item a {
  font-size: 14px;
  padding: 0px;
  margin: 0 24px;
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary .menu-item a {
    margin: 0;
    display: inline-block;
    line-height: 24px;
  }
}
.nav-menu .nav-secondary .menu-item a:last-child {
  margin-right: 0;
}
.nav-menu .nav-secondary .menu-item:hover > a:after {
  content: "";
  height: 1px;
  width: 100%;
  background: black;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.nav-menu .nav-secondary .menu-item.current-menu-item > a, .nav-menu .nav-secondary .menu-item.current-menu-ancestor > a {
  border-bottom: 1px solid black;
}
.nav-menu .nav-secondary .menu-item.social {
  width: auto;
}
.nav-menu .nav-secondary .menu-item.social > a {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0 0 8px;
  overflow: hidden;
  text-indent: -999em;
  transform: translate(0px, -2px);
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary .menu-item.social > a {
    margin: 16px 8px 0 0;
  }
}
.nav-menu .nav-secondary .menu-item.social:hover > a:after {
  background: none;
}
.nav-menu .nav-secondary .menu-item.social.facebook a {
  background-image: url("../img/social-facebook.svg");
}
.nav-menu .nav-secondary .menu-item.social.twitter a {
  background-image: url("../img/social-twitter.svg");
  margin: 0 0 0 24px;
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary .menu-item.social.twitter a {
    margin: 16px 8px 0 0;
  }
}
@media (max-width: 1024px) {
  .nav-menu .nav-secondary .menu-item.search {
    padding: 4px 16px 16px;
  }
}
@media (min-width: 1025px) {
  .nav-menu .nav-secondary .menu-item.search {
    margin: 5px 0 0 8px;
  }
  .nav-menu .nav-secondary .menu-item.search .search-field {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 268px;
  }
}
@media (min-width: 1025px) {
  .nav-menu {
    float: right;
    width: calc( 100% - 392px );
    display: flex;
    flex-flow: column-reverse nowrap;
  }
  .nav-menu .nav-primary,
.nav-menu .nav-secondary {
    display: flex;
    justify-content: flex-end;
  }
  .nav-menu .menu {
    display: inline-block;
    width: auto;
  }
  .nav-menu .menu-item {
    float: left;
  }
  .nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
  }
  .nav-menu .sub-menu {
    background: transparent;
    left: -9999px;
    opacity: 0;
    position: absolute;
    width: 215px;
    z-index: 99;
  }
  .nav-menu .sub-menu .menu-item {
    float: none;
  }
  .nav-menu .sub-menu .menu-item:hover > a {
    background: transparent;
  }
  .nav-menu .sub-menu .sub-menu {
    margin: -48px 0 0 215px;
  }
}
@media (max-width: 1024px) {
  .nav-menu {
    display: none;
  }
  .nav-menu.active {
    /*
    background: $grey_3;
    border-top: 1px solid $border-color;
    display: block;
    margin: 0 -48px;
    max-width: calc( 100% + 96px );
    */
    /*
    will-change: transform;
       transition: transform 200ms ease-in;
       transform: translateY(-100%);
    */
    background: #FFF;
    border-top: none;
    display: block;
    margin: 0;
    /* max-width: calc( 100% + 96px ); */
    z-index: 98;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
  }
  .nav-menu .submenu-expand {
    top: 0;
    right: 0;
    transform: none;
    width: 44px;
    height: 44px;
  }
  .nav-menu .submenu-expand svg {
    width: 12px;
    height: 12px;
  }
  .nav-menu .submenu-expand:not(.expanded) {
    transform: rotate(180deg);
  }
  .nav-menu .submenu-expand.expanded + .sub-menu {
    display: block;
  }
  .nav-menu .sub-menu {
    display: none;
    padding-left: 8px;
  }
}

/* Toggles
--------------------------------------------- */
.search-toggle,
.menu-toggle {
  position: relative;
  z-index: 99;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  line-height: 0;
  text-align: center;
}
.search-toggle .close,
.menu-toggle .close {
  display: none;
}
.search-toggle:hover, .search-toggle.active,
.menu-toggle:hover,
.menu-toggle.active {
  background: transparent;
}
.search-toggle.active .close,
.menu-toggle.active .close {
  display: inline;
}
.search-toggle.active .open,
.menu-toggle.active .open {
  display: none;
}

@media (max-width: 1024px) {
  .site-header .wrap {
    padding: 0 32px;
  }
}
@media (max-width: 359px) {
  .site-header .wrap {
    padding: 0 12px;
  }
}
.site-header .wrap .menu-toggle {
  position: absolute;
  top: 4px;
  right: -12px;
  width: 48px;
  height: 24px;
}
@media (max-width: 359px) {
  .site-header .wrap .menu-toggle {
    width: 24px;
    right: 0px;
  }
}
@media (min-width: 1025px) {
  .site-header .wrap .menu-toggle {
    display: none;
  }
}

/* Header Search
--------------------------------------------- */
.header-search {
  background: black;
  overflow: hidden;
  padding: 8px;
  width: 320px;
  border-radius: 0 0 8px 8px;
  position: absolute;
  bottom: -62px;
  right: 0;
}
.header-search .search-form {
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .header-search {
    clear: left;
    background: white;
    width: 100%;
    position: relative;
    padding: 0 0 0 16px;
    bottom: auto;
  }
  .header-search .search-form {
    margin: 0;
  }
  .header-search .search-form input {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
  }
}
.header-search:not(.active) {
  display: none;
}
@media (max-width: 1024px) {
  .header-search:not(.active) {
    display: block;
  }
}

.entry-meta a.nav,
.pre-footer-block a.nav {
  font-size: 14px;
}
.entry-meta a.nav:after,
.pre-footer-block a.nav:after {
  content: " »";
}

/* Glossary highlights */
a.hilite {
  border-bottom: 1px dotted white;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.transformative_strategies_nav {
  border-top: solid 1px black;
  padding: 32px 0 0 0;
}
.transformative_strategies_nav h3 {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px 0;
}
.transformative_strategies_nav a {
  border: 2px black solid;
  text-transform: capitalize;
  display: inline-block;
  padding: 0px 8px;
  margin: 0 12px 8px 0;
  font-size: 16px;
  font-weight: bold;
}
.transformative_strategies_nav a:hover, .transformative_strategies_nav a:active, .transformative_strategies_nav a:focus {
  background: white;
}

/* 
---------------------------------------------------------------------------------------------------- */
.site-inner ::selection {
  background: #fff;
  /* WebKit/Blink Browsers */
}
.site-inner ::-moz-selection {
  background: #fff;
  /* Gecko Browsers */
}
/* Post Summary
---------------------------------------------------------------------------------------------------- */
.post-summary {
  display: block;
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
  margin-bottom: 8px;
  /* width: 25%;*/
}
@media (min-width: 1024px) {
  .post-summary {
    padding-bottom: 31px;
    margin-bottom: 16px;
  }
}
.list .post-summary {
  border-bottom: none;
}
.post-summary:nth-last-child(-n+1) {
  border-bottom: none;
  margin-bottom: 0;
}
@media (min-width: 569px) and (max-width: 1023px) {
  .post-summary:nth-child(2n+1):nth-last-child(-n+2), .post-summary:nth-child(2n+1):nth-last-child(-n+2) ~ .post-summary {
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .post-summary:nth-child(4n+1):nth-last-child(-n+4), .post-summary:nth-child(4n+1):nth-last-child(-n+4) ~ .post-summary {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.post-summary .author,
.post-summary .date,
.post-summary .result_type {
  display: inline-block;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  font-style: italic;
  text-transform: uppercase;
  margin: 8px 0 4px;
}
@media (min-width: 768px) {
  .post-summary .author,
.post-summary .date,
.post-summary .result_type {
    font-size: 12px;
  }
}
.post-summary .result_type {
  margin-right: 4px;
}
@media (max-width: 1023px) {
  .post-summary .result_type {
    margin-top: 0;
  }
}
.post-summary .categories {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  margin: 4px 0 0;
}
.post-summary .categories .category:after {
  content: ", ";
}
.post-summary .categories .category:last-child:after {
  content: "";
}
.post-summary .categories .category a {
  border-bottom: 1px dotted;
}
.list .post-summary {
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1024px) {
  .list .post-summary {
    grid-column-gap: 32px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.post-summary__title {
  font-size: 18px;
  font-weight: 300;
  margin: 0;
}
@media (min-width: 768px) {
  .post-summary__title {
    font-size: 22px;
  }
}
.post-summary__title a {
  color: #000;
  text-decoration: none;
}
.post-summary__title a:hover {
  color: #212121;
}

.post-summary__sub-title {
  font-weight: 300;
  font-size: 16px;
  margin: 2px 0 0;
}
@media (min-width: 768px) {
  .post-summary__sub-title {
    font-size: 18px;
  }
}

.post-summary__image {
  display: block;
  margin-bottom: 12px;
}
.post-summary__image:focus {
  outline: none;
}

.list .post-summary__content {
  grid-column: 2/span 2;
}
@media (min-width: 1024px) {
  .list .post-summary__content {
    grid-column: 2/span 3;
  }
}
@media (max-width: 1023px) {
  .list .post-summary__content {
    line-height: 10px;
  }
}

.archive .site-main .block-area,
.archive .site-main .no-results {
  grid-column: 1/-1;
  margin-bottom: 32px;
}
@media (min-width: 569px) and (max-width: 1023px) {
  .archive .site-main .archive-blocks.grid > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 48.5714285714%;
  }
  .archive .site-main .archive-blocks.grid > article:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .archive .site-main .archive-blocks.grid {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(2, 1fr);
    }
    .archive .site-main .archive-blocks.grid > article {
      margin-left: 0;
      width: 100%;
    }
    .archive .site-main .archive-blocks.grid header, .archive .site-main .archive-blocks.grid nav, .archive .site-main .archive-blocks.grid aside, .archive .site-main .archive-blocks.grid footer {
      grid-column: 1/-1;
    }
  }
}
@media (min-width: 1024px) {
  .archive .site-main .archive-blocks.grid > article {
    float: left;
    margin-left: 2.8571428571%;
    width: 22.8571428571%;
  }
  .archive .site-main .archive-blocks.grid > article:nth-of-type(4n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .archive .site-main .archive-blocks.grid {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(4, 1fr);
    }
    .archive .site-main .archive-blocks.grid > article {
      margin-left: 0;
      width: 100%;
    }
    .archive .site-main .archive-blocks.grid header, .archive .site-main .archive-blocks.grid nav, .archive .site-main .archive-blocks.grid aside, .archive .site-main .archive-blocks.grid footer {
      grid-column: 1/-1;
    }
  }
}
.archive .site-main .archive-blocks.list .post-summary {
  clear: both;
}
.archive.archive-events .archive-blocks .year:not(:first-child) {
  padding-top: 16px;
  border-top: solid 1px black;
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary {
    display: grid;
    grid-column-gap: 32px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__meta {
    grid-column: span 2;
  }
}
.archive.archive-events .archive-blocks .post-summary .post-summary__meta .date {
  font-weight: 400;
  font-style: normal;
  text-transform: capitalize;
  font-size: 14px;
}
@media (min-width: 768px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__meta .date {
    font-size: 18px;
  }
}
.archive.archive-events .archive-blocks .post-summary .post-summary__meta .date .time {
  margin-top: 8px;
  text-transform: uppercase;
  font-size: 14px;
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__meta .date .time {
    display: block;
  }
}
.archive.archive-events .archive-blocks .post-summary .post-summary__image img {
  width: 100%;
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__image {
    grid-column: span 3;
  }
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__content {
    grid-column: span 4;
  }
}
@media (min-width: 568px) {
  .archive.archive-events .archive-blocks .post-summary .post-summary__related {
    grid-column: span 3;
  }
}

/* Archive Header
--------------------------------------------- */
.archive-description {
  border-bottom: 1px solid #000;
  padding-bottom: 32px;
  width: 100%;
  margin: 0 auto 32px;
}
.archive-description > *:last-child {
  margin-bottom: 0;
}
.archive-description .search-form {
  margin: 0 auto 0 0;
}
.archive-description .prefix {
  font-size: 14px;
  display: block;
  font-weight: 400;
}
@media (min-width: 768px) {
  .archive-description .prefix {
    font-size: 16px;
  }
}

.author-archive-description .avatar {
  border-radius: 50%;
  display: block;
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .author-archive-description h3:last-child {
    margin-top: 48px;
  }
}

.author-title {
  color: #616161;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .author-title {
    font-size: 20px;
  }
}

/* Entry Navigation
--------------------------------------------- */
.pagination {
  border-top: 1px solid #000;
  font-size: 16px;
  font-size: 14px;
  font-weight: 500;
  margin: 12px 0 0;
  padding: 12px 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .pagination {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .pagination {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .pagination {
    margin: 32px 0 0;
    padding: 32px 0 0;
  }
}
.pagination .pagination-next {
  float: right;
}
.pagination .pagination-previous {
  float: left;
}
.pagination ul {
  display: inline-block;
  margin: 0;
}
.pagination ul li {
  list-style-type: none;
  display: inline-block;
}
.pagination ul li a {
  color: #000;
  border-radius: 50%;
  display: block;
  text-decoration: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.pagination ul li.pagination-next a, .pagination ul li.pagination-previous a {
  width: auto;
}
.pagination ul li:hover > a {
  color: #212121;
}
.pagination ul li.active > a {
  background: #212121;
  color: #fff;
}

/* Singular
---------------------------------------------------------------------------------------------------- */
/* Entry Header
--------------------------------------------- */
.entry-header .pre-title {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
}
@media (min-width: 768px) {
  .entry-header .pre-title {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .entry-header .pre-title {
    font-size: 20px;
  }
}
.single-productions .entry-header h1, .single-cases .entry-header h1, .single-post .entry-header h1, .single-events .entry-header h1, .page-template-pages-resources .entry-header h1 {
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  text-transform: none;
}
@media (min-width: 768px) {
  .single-productions .entry-header h1, .single-cases .entry-header h1, .single-post .entry-header h1, .single-events .entry-header h1, .page-template-pages-resources .entry-header h1 {
    font-size: 48px;
  }
}
@media (min-width: 1024px) {
  .single-productions .entry-header h1, .single-cases .entry-header h1, .single-post .entry-header h1, .single-events .entry-header h1, .page-template-pages-resources .entry-header h1 {
    font-size: 56px;
  }
}
.page-template-pages-resources .entry-header h1.entry-title {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
}
@media (min-width: 768px) {
  .page-template-pages-resources .entry-header h1.entry-title {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .page-template-pages-resources .entry-header h1.entry-title {
    font-size: 20px;
  }
}
.entry-header .entry-meta {
  font-size: 16px;
  line-height: 24px;
}
.entry-header .entry-meta .meta-name {
  display: block;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  font-style: italic;
  margin: 0 0 2px 0;
  letter-spacing: 0.5px;
}
.entry-header .entry-meta .categories:before {
  content: " - ";
}
.entry-header .entry-meta .categories .category:after {
  content: ", ";
}
.entry-header .entry-meta .categories .category:last-child:after {
  content: "";
}
@supports (display: grid) {
  @media (min-width: 768px) {
    .entry-header .entry-meta .event_meta {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 32px;
    }
  }
}
.entry-header .entry-meta .event_meta .date_location .date,
.entry-header .entry-meta .event_meta .date_location .location {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
}
.entry-header .entry-meta .event_meta .date_location .date:before,
.entry-header .entry-meta .event_meta .date_location .location:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.entry-header .entry-meta .event_meta .date_location .date .details,
.entry-header .entry-meta .event_meta .date_location .location .details {
  display: block;
  font-size: 75%;
  line-height: 1.5;
}
.entry-header .entry-meta .event_meta .date_location .date:before {
  background-image: url("../icons/utility/calendar-alt.svg");
}
.entry-header .entry-meta .event_meta .date_location .location:before {
  background-image: url("../icons/utility/location.svg");
}
.entry-header .entry-meta .event_meta .links {
  list-style: none;
  margin: 0 0 0 24px;
  padding: 0;
}
@media (min-width: 768px) {
  .entry-header .entry-meta .event_meta .links {
    margin: 0;
  }
}
.entry-header .entry-meta .event_meta .shared-counts-wrap a {
  border-bottom: none;
}
.entry-header .entry-meta .event_meta .shared-counts-wrap .share_prompt {
  display: none;
}

/* Entry Content
--------------------------------------------- */
.entry-content ul, .entry-content ol {
  padding-left: 1.5rem;
}
.entry-content ul li, .entry-content ol li {
  padding-bottom: 0.5rem;
}
.entry-content ul li:last-child, .entry-content ol li:last-child {
  padding-bottom: 0;
}
.entry-content ul li ul, .entry-content ul li ol, .entry-content ol li ul, .entry-content ol li ol {
  padding-top: 0.5rem;
}
.entry-content ul.wp-block-gallery, .entry-content ol.wp-block-gallery {
  padding-left: 0;
}
.entry-content ul.wp-block-gallery li, .entry-content ol.wp-block-gallery li {
  padding-bottom: 0;
}

.entry-content > *,
.block-area > * {
  margin: 24px 0;
  max-width: 100%;
}
.entry-content > *:first-child,
.block-area > *:first-child {
  margin-top: 0;
}
.entry-content > *:last-child,
.block-area > *:last-child {
  margin-bottom: 0;
}
.single-post .entry-content > *.alignwide, .single-events .entry-content > *.alignwide,
.single-post .block-area > *.alignwide,
.single-events .block-area > *.alignwide {
  margin: 24px calc(50% - 50vw + 32px);
  max-width: calc(100vw - (2 * 32px));
  width: auto;
}
@media (min-width: 768px) {
  .single-post .entry-content > *.alignwide, .single-events .entry-content > *.alignwide,
.single-post .block-area > *.alignwide,
.single-events .block-area > *.alignwide {
    margin: calc( 2 * 24px) 0;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .single-post .entry-content > *.alignwide, .single-events .entry-content > *.alignwide,
.single-post .block-area > *.alignwide,
.single-events .block-area > *.alignwide {
    margin: calc( 2 * 24px) calc(50% - 928px / 2);
    max-width: calc(100vw - (2 * 32px));
  }
}
.single-post .entry-content > *.alignfull, .single-events .entry-content > *.alignfull,
.single-post .block-area > *.alignfull,
.single-events .block-area > *.alignfull {
  margin: 24px calc(50% - 50vw + 32px);
  max-width: calc(100vw - (2 * 32px));
  width: calc(100vw - (2 * 32px));
}
@media (min-width: 1184px) {
  .single-post .entry-content > *.alignfull, .single-events .entry-content > *.alignfull,
.single-post .block-area > *.alignfull,
.single-events .block-area > *.alignfull {
    margin: 24px calc(50% - (1120px / 2));
    max-width: 1120px;
    width: 1120px;
  }
}
.entry-content > *.alignleft,
.block-area > *.alignleft {
  /*rtl:ignore*/
  float: left;
  margin: 0 24px 24px -192px;
}
@media (max-width: 1183px) {
  .entry-content > *.alignleft,
.block-area > *.alignleft {
    margin: 0 24px 24px 0;
  }
}
.entry-content > *.alignright,
.block-area > *.alignright {
  /*rtl:ignore*/
  float: right;
  margin: 0 -192px 24px 24px;
}
@media (max-width: 1183px) {
  .entry-content > *.alignright,
.block-area > *.alignright {
    margin: 0 0 24px 24px;
  }
}
.entry-content > *.aligncenter,
.block-area > *.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.entry-content > *.wp-block-quote, .entry-content > *.post-listing-block,
.block-area > *.wp-block-quote,
.block-area > *.post-listing-block {
  margin-top: calc( 2 * 24px);
  margin-bottom: calc( 2 * 24px);
}
.entry-content > *.wp-block-search,
.block-area > *.wp-block-search {
  max-width: 568px;
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignfull {
  /* //SVGTODO: remove?
  	&:first-child {
  		margin-top: -36px;
  		@include media(">=tablet") {
  			margin-top: -48px;
  		}
  	}

  	&:last-child {
  		margin-bottom: -36px;
  		@include media(">=tablet") {
  			margin-bottom: -48px;
  		}
  	}
  */
}

/* Entry Meta - SVGTODO: remove? this is all different now
--------------------------------------------- */
.breadcrumb {
  font-size: 16px;
  margin-bottom: 24px;
}
.breadcrumb a {
  color: #000;
}
.breadcrumb a:hover {
  color: #212121;
}
.single .breadcrumb {
  border-top: 1px solid #E0E0E0;
  padding-top: 32px;
  text-align: center;
}

/* Single Post
--------------------------------------------- */
.singular .hentry:after {
  content: "";
  display: table;
  clear: both;
}
.singular .entry-header {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #000;
}
.singular .entry-header:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .singular .entry-header {
    margin-bottom: 32px;
    padding-bottom: 32px;
    width: 100%;
  }
  .singular .entry-header .entry-author {
    float: left;
    margin: 0;
  }
}
.singular .entry-header *:last-child {
  margin-bottom: 0;
}
.singular .entry-header .shared-counts-wrap {
  margin: 12px 0 0 0;
}
@media (min-width: 768px) {
  .singular .entry-header .shared-counts-wrap {
    margin: 0;
    float: right;
  }
}
.singular .entry-header .shared-counts-wrap h4 .share_prompt {
  display: none;
  /*
     @include media(">=tablet") {
  	display: inline-block;    
  }*/
}
.singular .entry-footer .shared-counts-wrap {
  border-top: solid 1px black;
  float: right;
  width: 100%;
  padding: 12px 0 0 0;
  margin: 16px 0 -24px 0;
  text-align: right;
}
@media (min-width: 768px) {
  .singular .entry-footer .shared-counts-wrap {
    margin: 40px 0 -24px 0;
  }
}
.singular .shared-counts-wrap h4 {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  text-transform: capitalize;
  vertical-align: super;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .singular .shared-counts-wrap h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
.singular .shared-counts-wrap .shared-counts-icon-label .shared-counts-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: black;
  padding: 4px;
  margin-left: 4px;
  text-align: center;
}
.singular .shared-counts-wrap .shared-counts-icon-label .shared-counts-icon svg {
  width: auto;
  max-height: 100%;
  vertical-align: top;
}
.singular .shared-counts-wrap .shared-counts-icon-label .shared-counts-icon svg path {
  fill: white;
}
.singular .shared-counts-wrap .shared-counts-icon-label .shared-counts-label {
  display: inline-block;
  width: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.singular .shared-counts-wrap .shared-counts-count {
  display: none;
}

.after-entry {
  clear: both;
}
.pre-footer-block + .after-entry .nav-single {
  margin: 0;
}
@media (min-width: 768px) {
  .pre-footer-block + .after-entry .nav-single {
    margin: 0;
  }
}
.after-entry .nav-single {
  font-weight: 500;
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: solid 1px #000;
  font-size: 14px;
}
@media (min-width: 768px) {
  .after-entry .nav-single {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .after-entry .nav-single {
    font-size: 18px;
  }
}
.after-entry .nav-single:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .after-entry .nav-single {
    margin: 32px 0 0;
    padding: 32px 0 0;
  }
}
.after-entry .nav-single .nav-previous {
  float: left;
  width: calc(50% - 32px);
}
.after-entry .nav-single .nav-next,
.after-entry .nav-single .nav-all {
  float: right;
  text-align: right;
  width: calc(50% - 32px);
}
.after-entry .nav-single .nav-all :after {
  content: " »";
}
.after-entry .nav-single a:hover {
  background: white;
  border-bottom: 1px dotted black;
}

@supports (display: grid) {
  @media (min-width: 768px) {
    .related-posts {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 16px;
    }
    .related-posts header {
      grid-column: 1/-1;
    }
  }
}

.nav-links:after {
  content: "";
  display: table;
  clear: both;
}
.nav-links .nav-previous {
  float: left;
}
.nav-links .nav-next {
  float: right;
}

/* Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
  background: #fff;
  color: #000;
  padding: 40px 0 10px;
  position: relative;
}
.footer-widgets ul {
  margin-bottom: 30px;
}
.footer-widgets li {
  list-style-type: none;
  margin-bottom: 12px;
}
.footer-widgets .widget-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.footer-widgets a {
  color: #fff;
  text-decoration: none;
}
.footer-widgets a:hover {
  text-decoration: underline;
}
.footer-widgets a svg {
  fill: #fff;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .footer-widgets {
    /* SVGTODO - where is this theme's social links stuff coming from? */
  }
  .footer-widgets .social-links li {
    display: inline-block;
    margin: 0;
  }
  .footer-widgets .social-links .label {
    display: none;
  }
  .footer-widgets .footer-widgets-1 {
    float: left;
    width: calc(50% - 8px);
  }
  .footer-widgets .footer-widgets-2 {
    float: right;
    width: calc(50% - 8px);
  }
  .footer-widgets .footer-widgets-3 {
    overflow: hidden;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .footer-widgets .wrap {
    /* SVGTODO */
  }
  .footer-widgets .wrap > div {
    float: left;
    margin-left: 2.8571428571%;
    width: 31.4285714286%;
  }
  .footer-widgets .wrap > div:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0;
  }
  @supports (display: grid) {
    .footer-widgets .wrap {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(3, 1fr);
    }
    .footer-widgets .wrap > div {
      margin-left: 0;
      width: 100%;
    }
    .footer-widgets .wrap header, .footer-widgets .wrap nav, .footer-widgets .wrap aside, .footer-widgets .wrap footer {
      grid-column: 1/-1;
    }
  }
}

/* Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
  background: #fff;
  color: #000;
  flex-shrink: 0;
  font-size: 12px;
  padding: 32px 0 0;
}
.site-footer div {
  position: relative;
}
.site-footer .logo,
.site-footer .back {
  float: left;
  width: 50%;
  overflow: auto;
}
.site-footer .footer-logo {
  background: url(../img/creatures-logo-type.svg) no-repeat center;
  background-size: contain;
  display: block;
  margin: 0 0 32px;
  text-indent: -9999em;
  width: 150px;
  height: 20px;
}
.site-footer .footer-blocks {
  padding-top: 24px;
}
@media (min-width: 1025px) {
  .site-footer .footer-blocks > div {
    float: left;
    width: 50%;
  }
}
.site-footer .footer-blocks .nav-primary-footer,
.site-footer .footer-blocks .nav-footer {
  float: left;
  margin: 12px 0 8px;
  width: 25%;
}
@media (max-width: 567px) {
  .site-footer .footer-blocks .nav-primary-footer,
.site-footer .footer-blocks .nav-footer {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .site-footer .footer-blocks .nav-primary-footer {
    margin: 0px 0 8px;
    width: 100%;
  }
}
.site-footer .footer-blocks .nav-primary-footer ul {
  font-size: 16px;
  font-weight: 500;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .site-footer .footer-blocks .nav-primary-footer ul {
    font-size: 18px;
  }
}
@media (min-width: 1025px) {
  .site-footer .footer-blocks .nav-primary-footer ul li {
    display: inline-block;
  }
}
.site-footer .footer-blocks .nav-primary-footer ul li a {
  text-decoration: none;
  margin: 0 16px 0 0;
}
@media (min-width: 1025px) {
  .site-footer .footer-blocks .nav-footer {
    margin: 4px 0 0;
    width: calc(100% - 80px);
  }
}
.site-footer .footer-blocks .nav-footer ul {
  margin: 0;
  padding: 0;
}
.site-footer .footer-blocks .nav-footer ul li {
  list-style: none;
  margin: 0 12px 0 0;
}
@media (min-width: 1025px) {
  .site-footer .footer-blocks .nav-footer ul li {
    display: inline-block;
  }
}
.site-footer .footer-blocks .nav-footer a {
  text-decoration: none;
}
.site-footer .footer-blocks .nav-footer a:hover, .site-footer .footer-blocks .nav-footer a:active {
  text-decoration: underline;
}
.site-footer .social {
  float: left;
  clear: left;
  list-style: none;
  margin: 0 12px 0 0;
  padding: 0;
  overflow: auto;
}
@media (max-width: 1024px) {
  .site-footer .social {
    margin: 0;
    position: absolute;
    top: -4px;
    right: 0;
  }
}
.site-footer .social li {
  float: left;
}
.site-footer .social li a {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  overflow: hidden;
  text-indent: -999em;
  /*
  &.mail {
  	background-image: url('../img/social-mail.svg');
  }				
  &.medium {
  	background-image: url('../img/social-medium.svg');
  }
  &.instagram {
  	background-image: url('../img/social-instagram.svg');
  }
  &.youtube {
  	background-image: url('../img/social-youtube.svg');
  }*/
}
.site-footer .social li a.facebook {
  background-image: url("../img/social-facebook.svg");
}
.site-footer .social li a.twitter {
  background-image: url("../img/social-twitter.svg");
}
.site-footer .wrap > *:last-child {
  margin-bottom: 0;
}
.site-footer a {
  color: #000;
}
.site-footer a:hover {
  color: #000;
}
.site-footer .eu-funding {
  font-size: 10px;
  float: right;
  margin: 0 0 20px;
  max-width: 350px;
}
@media (min-width: 768px) {
  .site-footer .eu-funding {
    font-size: 11px;
  }
}
@media (max-width: 1024px) {
  .site-footer .eu-funding {
    margin: 12px 0;
    max-width: 50%;
  }
}
@media (max-width: 567px) {
  .site-footer .eu-funding {
    max-width: 100%;
  }
}
.site-footer .eu-funding > p {
  padding: 0;
  margin: 0 0 8px;
}
.site-footer .eu-funding > p.eu-flag {
  padding: 0 80px 0 0;
  position: relative;
  min-height: 45px;
}
.site-footer .eu-funding > p.eu-flag:before {
  background: url("../img/eu-flag.svg") no-repeat;
  background-size: contain;
  content: "";
  width: 68px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .site-footer .privacy {
    display: block;
  }
}
@media (max-width: 1024px) {
  .site-footer .copyright {
    width: 66%;
    float: left;
  }
}
.site-footer .backtotop {
  background: #000;
  color: #fff;
  border-radius: 0;
  display: inline-block;
  text-decoration: none;
  float: right;
}
.site-footer .backtotop svg {
  fill: #fff;
  margin-left: 4px;
  vertical-align: middle;
}
.site-footer .backtotop:hover {
  background: #000;
}
.site-footer .footer-bottom {
  background: #000;
  color: #fff;
  padding: 16px 0;
}
.site-footer .footer-bottom a {
  color: white;
}
.site-footer .footer-bottom p {
  margin: 0;
}
@media (min-width: 1024px) {
  .site-footer {
    text-align: left;
  }
  .site-footer .footer-left {
    float: left;
  }
  .site-footer .footer-left > *:last-child {
    margin-bottom: 0;
  }
  .site-footer .copyright,
.site-footer .footer-links {
    display: inline-block;
    margin-right: 20px;
  }
}

/* CreaTures Timeline
--------------------------------------------- */
.timeline_filter {
  list-style: none;
}
.timeline_filter li {
  border: 2px solid #000;
  border-radius: 8px;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 8px 8px 0;
  font-size: 12px;
}
.timeline_filter li:hover {
  cursor: pointer;
  background-color: #FFFFFF;
}
.timeline_filter li.active {
  background-color: #FFFFFF;
}

#ct_timeline {
  position: relative;
}
#ct_timeline.highlighting .month,
#ct_timeline.highlighting .year {
  display: none;
}
#ct_timeline.highlighting .month + dd,
#ct_timeline.highlighting .year + dd {
  display: none;
}
#ct_timeline.highlighting .month.active,
#ct_timeline.highlighting .year.active {
  display: block;
}
#ct_timeline.highlighting .month.active + dd,
#ct_timeline.highlighting .year.active + dd {
  display: block;
}
#ct_timeline.highlighting span {
  display: none;
}
#ct_timeline.highlighting span.active {
  display: block;
}
#ct_timeline.highlighting .today > span {
  display: block;
}
.entry-meta #ct_timeline {
  /*
  .year {
  	font-size: 16px;
  }
  .month {
  	font-size: 11px;
  }*/
}
#ct_timeline .year {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05rem;
  clear: left;
  position: absolute;
  left: 0px;
  text-align: right;
}
#ct_timeline .year + dd {
  margin: 0 0 0 56px;
  width: auto;
}
#ct_timeline .year + dd dl {
  margin: 0;
  border-left: 4px solid black;
  overflow: visible;
  padding: 24px 0 0 0;
}
#ct_timeline .year + dd dl:after {
  content: "";
  display: table;
  clear: both;
}
#ct_timeline .month {
  padding: 0;
  margin: 2px 0 2px -52px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05rem;
  width: 44px;
  clear: both;
  background: transparent;
  color: black;
  text-align: center;
  border-radius: 8px;
  border: none;
  text-transform: uppercase;
}
#ct_timeline .month + dd {
  margin: 0 0 12px 4px;
}
#ct_timeline .entry {
  line-height: 24px;
  vertical-align: middle;
  transition: all 0.5s ease-in-out;
}
#ct_timeline .entry > span {
  border-radius: 6px;
}
#ct_timeline .entry .hoveractive {
  background: rgba(255, 255, 255, 0.3);
  /*
  .local-dev & {
  	background: green;
  }*/
}
.highlighting #ct_timeline .entry > .hoveractive {
  background: transparent;
}
#ct_timeline .entry .cal_day {
  display: inline-block;
  border: 2px solid #000;
  border-radius: 6px;
  margin: 2px 8px 2px -20px;
  padding: 0px 4px;
  font-size: 14px;
  position: relative;
  background: white;
}
#ct_timeline .entry .cal_day:after {
  text-transform: uppercase;
  position: absolute;
  border: 2px solid black;
  top: -2px;
  border-radius: 6px;
  padding: 0 4px;
  background: white;
}
#ct_timeline .entry.today {
  font-weight: 400;
  font-size: 32px;
}
#ct_timeline .entry.today .cal_day {
  border-radius: 6px;
  font-size: 20px;
  border: 3px solid #000;
  margin: 20px 12px 12px -25px;
  padding: 0 4px 2px;
}
#ct_timeline .entry.news_post {
  font-size: 18px;
  margin-bottom: 4px;
}
#ct_timeline .entry.news_post .cal_day {
  margin-right: 64px;
}
#ct_timeline .entry.news_post .cal_day:after {
  content: "news";
  left: 28px;
  font-size: 12px;
}
#ct_timeline .entry.event_start {
  font-size: 18px;
  margin-bottom: 4px;
}
#ct_timeline .entry.event_start .cal_day {
  margin-right: 64px;
}
#ct_timeline .entry.event_start .cal_day:after {
  content: "event";
  left: 28px;
  font-size: 12px;
}
#ct_timeline .entry.event_start a {
  display: inline-block;
  vertical-align: middle;
}
#ct_timeline .entry.exp_status {
  padding: 2px 0;
  font-size: 18px;
}
#ct_timeline .entry.exp_status .cal_day {
  margin-right: 44px;
}
#ct_timeline .entry.exp_status .cal_day:after {
  content: "ExP";
  left: 28px;
  font-size: 12px;
  text-transform: none;
}
#ct_timeline .entry.exp_status.display_end {
  font-size: 12px;
}
#ct_timeline .entry.exp_status.display_end .cal_day {
  border: 1px solid #000;
  margin: 2px 36px 2px -17px;
  font-size: 10px;
  line-height: 18px;
  border-radius: 5px;
}
#ct_timeline .entry.exp_status.display_end .cal_day:after {
  border: 1px solid black;
  border-radius: 5px;
  left: 22px;
  top: -1px;
  font-size: 10px;
}
#ct_timeline .entry .active {
  display: block;
}
#ct_timeline .entry a {
  border-bottom: 1px dotted;
}
#ct_timeline .entry a:hover, #ct_timeline .entry a:active {
  background: #fff;
}

#ct_timeline2 {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.pre-footer-block #ct_timeline2 {
  width: auto;
}
#ct_timeline2.single {
  margin: 24px 0;
}
#ct_timeline2.highlighting .title_row > div, #ct_timeline2.single .title_row > div {
  opacity: 0.25;
}
@media (max-width: 767px) {
  #ct_timeline2.highlighting .title_row > div, #ct_timeline2.single .title_row > div {
    width: 0px;
    overflow: hidden;
  }
}
#ct_timeline2.highlighting .title_row > div.highlight, #ct_timeline2.single .title_row > div.highlight {
  opacity: 1;
  width: 320px;
}
#ct_timeline2.highlighting .title_row > div.highlight > span, #ct_timeline2.single .title_row > div.highlight > span {
  transform: rotate(0deg);
  left: 4px;
  bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}
#ct_timeline2.highlighting .title_row > div.highlight > span.close, #ct_timeline2.single .title_row > div.highlight > span.close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  right: 4px;
  width: 20px;
  height: 20px;
  border: 2px solid black;
  left: auto;
  bottom: 6px;
  border-radius: 4px;
}
#ct_timeline2.highlighting .title_row > div.highlight > span.close:before, #ct_timeline2.single .title_row > div.highlight > span.close:before {
  background: black;
  transform: rotate(45deg);
  content: "";
  width: 12px;
  height: 2px;
  display: block;
  top: 7px;
  position: absolute;
  left: 2px;
}
#ct_timeline2.highlighting .title_row > div.highlight > span.close:after, #ct_timeline2.single .title_row > div.highlight > span.close:after {
  background: black;
  transform: rotate(-45deg);
  content: "";
  width: 12px;
  height: 2px;
  display: block;
  top: 7px;
  position: absolute;
  left: 2px;
}
#ct_timeline2.highlighting .title_row > div.highlight > span.close:hover, #ct_timeline2.single .title_row > div.highlight > span.close:hover {
  background: black;
  cursor: pointer;
}
#ct_timeline2.highlighting .title_row > div.highlight > span.close:hover:before, #ct_timeline2.highlighting .title_row > div.highlight > span.close:hover:after, #ct_timeline2.single .title_row > div.highlight > span.close:hover:before, #ct_timeline2.single .title_row > div.highlight > span.close:hover:after {
  background: white;
}
@media (max-width: 767px) {
  #ct_timeline2.highlighting .date_row > .exp, #ct_timeline2.single .date_row > .exp {
    width: 4px;
    max-width: 4px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  #ct_timeline2.highlighting .date_row > div:before, #ct_timeline2.single .date_row > div:before {
    width: 2px;
    left: 1px;
  }
  #ct_timeline2.highlighting .date_row > div.display_start:after, #ct_timeline2.highlighting .date_row > div.display_end:after, #ct_timeline2.single .date_row > div.display_start:after, #ct_timeline2.single .date_row > div.display_end:after {
    width: 12px;
    height: 12px;
    left: -6px;
  }
}
#ct_timeline2.highlighting .date_row > div.display_end.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_end:after, #ct_timeline2.highlighting .date_row > div.display_start.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_start:after, #ct_timeline2.highlighting .date_row > div.display_start.display_end.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_start.display_end:after, #ct_timeline2.single .date_row > div.display_end.highlight:after, .single #ct_timeline2.single .date_row > div.display_end:after, #ct_timeline2.single .date_row > div.display_start.highlight:after, .single #ct_timeline2.single .date_row > div.display_start:after, #ct_timeline2.single .date_row > div.display_start.display_end.highlight:after, .single #ct_timeline2.single .date_row > div.display_start.display_end:after {
  left: 6px;
}
@media (max-width: 767px) {
  #ct_timeline2.highlighting .date_row > div.display_end.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_end:after, #ct_timeline2.highlighting .date_row > div.display_start.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_start:after, #ct_timeline2.highlighting .date_row > div.display_start.display_end.highlight:after, .single #ct_timeline2.highlighting .date_row > div.display_start.display_end:after, #ct_timeline2.single .date_row > div.display_end.highlight:after, .single #ct_timeline2.single .date_row > div.display_end:after, #ct_timeline2.single .date_row > div.display_start.highlight:after, .single #ct_timeline2.single .date_row > div.display_start:after, #ct_timeline2.single .date_row > div.display_start.display_end.highlight:after, .single #ct_timeline2.single .date_row > div.display_start.display_end:after {
    left: 8px;
  }
}
#ct_timeline2.highlighting .date_row > div.has_news.highlight:after, .single #ct_timeline2.highlighting .date_row > div.has_news:after, #ct_timeline2.highlighting .date_row > div.has_event.highlight:after, .single #ct_timeline2.highlighting .date_row > div.has_event:after, #ct_timeline2.single .date_row > div.has_news.highlight:after, .single #ct_timeline2.single .date_row > div.has_news:after, #ct_timeline2.single .date_row > div.has_event.highlight:after, .single #ct_timeline2.single .date_row > div.has_event:after {
  left: 8px;
}
#ct_timeline2.highlighting .date_row > div.highlight, #ct_timeline2.single .date_row > div.highlight {
  width: 320px;
  max-width: 320px;
}
#ct_timeline2.highlighting .date_row > div.highlight:before, .single #ct_timeline2.highlighting .date_row > div:before, #ct_timeline2.single .date_row > div.highlight:before, .single #ct_timeline2.single .date_row > div:before {
  width: 4px;
  left: 12px;
}
#ct_timeline2.highlighting .date_row > div.highlight .details, .single #ct_timeline2.highlighting .date_row > div .details, #ct_timeline2.single .date_row > div.highlight .details, .single #ct_timeline2.single .date_row > div .details {
  opacity: 1;
  width: auto;
  height: auto;
}
#ct_timeline2 .title_row {
  display: table-header-group;
}
.single #ct_timeline2 .title_row {
  display: none;
}
#ct_timeline2 .title_row > div {
  height: 160px;
  vertical-align: bottom;
  display: table-cell;
  position: relative;
}
#ct_timeline2 .title_row > div:first-child {
  width: 120px;
}
@media (max-width: 767px) {
  #ct_timeline2 .title_row > div:first-child {
    width: 0;
  }
}
#ct_timeline2 .title_row > div:hover {
  background: black;
  color: white;
  cursor: pointer;
}
#ct_timeline2 .title_row > div.highlight:hover {
  background: transparent;
  color: black;
  cursor: default;
}
#ct_timeline2 .title_row > div > span {
  transform: rotate(270deg);
  transform-origin: left;
  display: inline-block;
  overflow: visible;
  width: 160px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  font-size: 12px;
}
#ct_timeline2 .date_row {
  display: table-row;
}
#ct_timeline2 .date_row > div {
  display: table-cell;
  position: relative;
  vertical-align: top;
  /** All the display stuff in one place. **/
  /* The tracks */
  /* Our markers */
  /*
  &.display { //SVGTODO - change to active
  	&:before {
  		background: #FFF;	
  	}

  	&.display_start.display_end {
  		&:before {
  			background: #000;	
  		}
  	}
  }
  */
  /*
  &.display_end,
  &.display_start,
  &.display_start.display_end {
  	&:after {
  		border: none;//2px solid black;
  		border-radius: 50%;
  		width:  12px;
  		height: 12px;
  		position: absolute;
  		top: 6px;//3px;
  		left: calc(50% - 6px);
  		font-size: 12px;
  	    line-height: 12px;
  	    text-align: center;

  	    @include media(">=tablet") {
  			width:  16px;
  			height: 16px;
  			left: calc(50% - 8px); 
  			top: 8px;
  		}
  	}
  }

  &.display_end {
  	&:before {
  		background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #000 50%, #000 100%);
  	}


  	&:after {
  		content: "";//🛑
  		background: white;//#f30000;//#FFF;
  		border: solid black 2px;

  	    @include media(">phone") {
  		    font-size: 24px;//12px;
  		}
  	}

  	&.final {
  		&:before {
  			background: -webkit-linear-gradient(top, #FFF 0%, #FFF 14px, rgba(0,0,0,0.1) 14px, rgba(0,0,0,0.1) 100%);
  		}
  	}
  }

  &.display_start,
  &.display_start.display_end {
  	&:before {
  		background: -webkit-linear-gradient(top, #000 0%, #000 14px, #FFF 14px, #FFF 100%);
  	}

  	&:not(.in_progress):before {
  		background: -webkit-linear-gradient(top, rgba(0,0,0,0.1)0 0%, rgba(0,0,0,0.1) 14px, #FFF 14px, #FFF 100%);
  	}

  	&:after {
  		content: "";//🟢
  		background: black;//#00be1e;//#FFF;


  	    @include media(">phone") {
  		    font-size: 24px;//12px;
  		}		    	  
  	}

  }

  &.display_start.display_end {
  	&.first {
  		&:before {
  			background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, #000 50%, #000 100%);
  		}
  	}

  	&.final {
  		&:before {
  			background: -webkit-linear-gradient(top, #000 0%, #000 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
  		}
  	}
  }
  */
}
#ct_timeline2 .date_row > div:hover {
  cursor: pointer;
}
#ct_timeline2 .date_row > div.highlight:hover, .single #ct_timeline2 .date_row > div:hover {
  cursor: default;
}
#ct_timeline2 .date_row > div.date {
  position: relative;
  font-size: 12px;
  width: 0px;
  display: block;
  min-height: 32px;
  overflow: hidden;
}
#ct_timeline2 .date_row > div.date:before {
  background: none;
}
@media (min-width: 768px) {
  #ct_timeline2 .date_row > div.date {
    width: 120px;
    font-size: 20px;
  }
  #ct_timeline2 .date_row > div.date .year {
    display: inline-block;
    font-weight: 700;
    width: 52px;
    position: absolute;
    top: -2px;
    left: 0;
  }
  #ct_timeline2 .date_row > div.date .month {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 52px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
  }
  #ct_timeline2 .date_row > div.date .day {
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: 1px;
    left: 98px;
  }
}
.single #ct_timeline2 .date_row > div.date {
  width: 120px !important;
  font-size: 20px;
  display: table-cell;
}
.single #ct_timeline2 .date_row > div.date .year {
  display: inline-block;
  font-weight: 700;
  width: 52px;
  position: absolute;
  top: -2px;
  left: 0;
}
.single #ct_timeline2 .date_row > div.date .month {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 52px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 18px;
}
.single #ct_timeline2 .date_row > div.date .day {
  display: inline-block;
  position: absolute;
  font-size: 16px;
  top: -1px;
  left: 92px;
}
#ct_timeline2 .date_row > div:before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 2px);
}
#ct_timeline2 .date_row > div.first:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 14px, rgba(0, 0, 0, 0.5) 14px, rgba(0, 0, 0, 0.5) 100%);
}
#ct_timeline2 .date_row > div.first.display_start:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 14px, black 14px, black 100%);
}
#ct_timeline2 .date_row > div.first.display_start.display_end:before {
  background: rgba(0, 0, 0, 0.1);
}
#ct_timeline2 .date_row > div.in_progress:before {
  background: rgba(0, 0, 0, 0.5);
}
#ct_timeline2 .date_row > div.in_progress.final:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 14px, rgba(0, 0, 0, 0.1) 14px, rgba(0, 0, 0, 0.1) 100%);
}
#ct_timeline2 .date_row > div.in_progress.display:before {
  background: black;
}
#ct_timeline2 .date_row > div.in_progress.display_end:before {
  background: -webkit-linear-gradient(top, black 0%, black 14px, rgba(0, 0, 0, 0.5) 14px, rgba(0, 0, 0, 0.5) 100%);
}
#ct_timeline2 .date_row > div.in_progress.display_end.final:before {
  background: -webkit-linear-gradient(top, black 0%, black 14px, rgba(0, 0, 0, 0.1) 14px, rgba(0, 0, 0, 0.1) 100%);
}
#ct_timeline2 .date_row > div.in_progress.display_start:before {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 14px, black 14px, black 100%);
}
#ct_timeline2 .date_row > div.in_progress.display_start.display_end:before {
  background: rgba(0, 0, 0, 0.5);
}
#ct_timeline2 .date_row > div.has_news:after, #ct_timeline2 .date_row > div.has_status:after, #ct_timeline2 .date_row > div.has_event:after {
  content: "";
  border: none;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: calc(50% - 5px);
  background: black;
}
@media (min-width: 768px) {
  #ct_timeline2 .date_row > div.has_news:after, #ct_timeline2 .date_row > div.has_status:after, #ct_timeline2 .date_row > div.has_event:after {
    width: 12px;
    height: 12px;
    top: 4px;
    left: calc(50% - 6px);
  }
}
#ct_timeline2 .date_row > div.has_news:after {
  background: white;
  border: solid 2px black;
}
#ct_timeline2 .date_row > div.has_event:after {
  background: white;
  border: solid 2px black;
  transform: rotate(45deg);
}
#ct_timeline2 .date_row > div.has_status:after {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 6px;
  left: calc(50% - 6px);
}
@media (min-width: 768px) {
  #ct_timeline2 .date_row > div.has_status:after {
    width: 16px;
    height: 16px;
    left: calc(50% - 8px);
    top: 8px;
  }
}
#ct_timeline2 .date_row > div.has_status.display_start:after {
  border: solid 2px black;
  background: white;
}
#ct_timeline2 .date_row > div.has_status.display_end:after {
  border: solid 6px black;
  background: white;
}
#ct_timeline2 .date_row > div.exp {
  transition: all 0.5s ease;
  animation: grow0 0.5s forwards;
  max-width: 15px;
}
@media (min-width: 360px) {
  #ct_timeline2 .date_row > div.exp {
    max-width: 32px;
  }
}
.single #ct_timeline2 .date_row > div.exp {
  max-width: 232px;
}
@keyframes grow0 {
  from {
    width: 32px;
  }
  to {
    width: 300px;
  }
}
#ct_timeline2 .date_row > div .details {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 12px;
  margin: 0 12px 0 27px;
  opacity: 0;
  transition: opacity 0.25 ease 0.5s;
}
#ct_timeline2 .date_row > div .details .mobile-date {
  font-weight: bold;
}
@media (min-width: 768px) {
  #ct_timeline2 .date_row > div .details .mobile-date {
    display: none;
  }
}
#ct_timeline2 .date_row > div .details a {
  border-bottom: dotted 1px black;
}
#ct_timeline2 .date_row > div .details .entry {
  display: block;
  margin: 0 0 3px 0;
}
#ct_timeline2 .date_row > div .details .entry.start {
  font-weight: 500;
}

/*# sourceMappingURL=main.css.map */