@charset "UTF-8";

/*
 * Theme Name: Joseph Walsh
 *	Author: Den Creative
 *	Author URI: http://wwww.dencreative.com
 *	Description:  Base theme. All Den projects will be child themes of this.
 *	Version: 0.1
 */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * THIS IS A FILE / MAJOR SECTION HEADER
 *
 * This is a comment
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ========================= *\
 * This is a sub-section
 * header
 * ========================= */

/**
 * This is an inline comment (no wider than 80 characters per line)
 */

/* ========================= *\
 * Foundation
 * ========================= */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * CSS FOUNDATION / RESET
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
}

body,
.grid__load-more {
  margin: 0;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  display: block;
}

h1,
h2,
h3,
h4 {
  font-size: inherit;
}

a,
.grid__load-more,
.searchform input[type="submit"] {
  text-decoration: none;
  color: inherit;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  line-height: 1;
}

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

/* ========================= *\
 * Definitions
 * ========================= */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Variables
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ========================= *\
 * COLOURS
 * ========================= */

/* ========================= *\
 * FONTS
 * ========================= */

/* ========================= *\
 * CUSTOM BREAKPOINTS
 * ========================= */

/* ========================= *\
 * GUTTER AND PADDING
 * ========================= */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Mixins
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ========================= *\
 * Media queries
 * ========================= */

/* ========================= *\
 * Image full width
 * ========================= */

/* ========================= *\
 * Center align elements
 * ========================= */

/* ========================= *\
 * Full screen background
 * ========================= */

/* ========================= *\
 * Full screen background as box shadow
 * ========================= */

/* ========================= *\
 * Clearfix placeholder
 * ========================= */

/* ========================= *\
 * Animations
 * ========================= */

/* ========================= *\
 * Counter
 * ========================= */

/* ========================= *\
 * Standard box border
 * ========================= */

/* ========================= *\
 * Globals
 * ========================= */

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Globals
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

html,
body,
.grid__load-more {
  height: 100%;
}

body,
.grid__load-more {
  color: #000;
  font-family: "benton-sans", sans-serif;
  font-size: 1.4rem;
  line-height: 20px;
  background: linear-gradient(165deg, #d9d8d6 0%, #f7f6f3 25%, #f7f6f3 66.6666%, #d9d8d6 100%) fixed;
}

body.admin-bar,
.admin-bar.grid__load-more {
  margin-top: 32px;
}

.page-wrap {
  min-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.page-wrap:after {
  content: '';
  display: block;
}

.main-footer,
.page-wrap:after {
  height: 0;
}

.container,
main {
  min-height: 100%;
}

.sr {
  position: absolute;
  left: -1000px;
  height: 0;
  width: 0;
  overflow: hidden;
}

body,
.grid__load-more,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
  letter-spacing: 0.35px;
}

p {
  margin-bottom: 5px;
  line-height: 20px;
  color: #7F7F7F;
}

p:last-child {
  margin-bottom: 0;
}

a,
.grid__load-more,
.searchform input[type="submit"] {
  color: #816040;
  -webkit-transition: all .25s;
  transition: all .25s;
}

a:hover,
.grid__load-more:hover,
.searchform input:hover[type="submit"] {
  color: #7F7F7F;
}

a.standard-link,
.standard-link.grid__load-more,
.searchform input.standard-link[type="submit"] {
  font-weight: 600;
  position: relative;
}

a.standard-link:after,
.standard-link.grid__load-more:after,
.searchform input.standard-link[type="submit"]:after {
  display: block;
  position: absolute;
  top: 2px;
  right: -12px;
}

a.standard-link:hover svg g,
.standard-link.grid__load-more:hover svg g,
.searchform input.standard-link:hover[type="submit"] svg g {
  stroke: #7F7F7F;
}

a.standard-link--no-arrow:after,
.standard-link--no-arrow.grid__load-more:after,
.searchform input.standard-link--no-arrow[type="submit"]:after {
  display: none;
}

a:not([class]),
.grid__load-more:not([class]),
.searchform input:not([class])[type="submit"] {
  font-weight: 600;
}

/* Main container */

.inner-wrap {
  min-height: 100vh;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.inner-wrap:before,
.inner-wrap:after {
  content: '';
  width: 100%;
  height: 600px;
  display: block;
  position: absolute;
}

.inner-wrap:before {
  top: 60px;
  left: 0;
}

.inner-wrap:after {
  bottom: 0;
  right: 0;
}

.container {
  width: 100%;
  padding: 70px 20px 30px;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 1024px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.container .main-content {
  width: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.container .main-content:after {
  content: '';
  display: block;
  clear: both;
}

.container .main-content .footer-info.contact {
  margin-bottom: 2.5em;
}

.container .main-content .contact-map {
  margin-bottom: 3.5em;
  background-color: #E5E3DF;
  line-height: 0;
}

/* Content blocks */

.block {
  margin-bottom: 80px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.block + .block--object-details {
  margin-top: -60px;
}

/* Gutter and padding */

.slider__details,
.text-block__text,
.text-block__text--indent,
.text-block__text--event-listing-indent,
.footer-info p,
.slider__inner figcaption span:nth-child(2) {
  padding-left: 28px;
}

@media only screen and (min-width: 1024px) {
  .slider__details,
  .text-block__text,
  .text-block__text--indent,
  .text-block__text--event-listing-indent,
  .footer-info p,
  .slider__inner figcaption span:nth-child(2) {
    padding-left: 50px;
  }
}

.slider__inner figcaption {
  left: 28px;
}

@media only screen and (min-width: 1024px) {
  .slider__inner figcaption {
    left: 50px;
  }
}

.text-block__text,
.text-block__text p {
  text-indent: 28px;
}

@media only screen and (min-width: 1024px) {
  .text-block__text,
  .text-block__text p {
    text-indent: 50px;
  }
}

.text-block__text--double-indent {
  padding-left: 50px;
}

@media only screen and (min-width: 1024px) {
  .text-block__text--double-indent {
    padding-left: calc(50px * 2);
  }
}

.text-block__text--tripple-indent {
  padding-left: calc(50px * 2);
}

@media only screen and (min-width: 1024px) {
  .text-block__text--tripple-indent {
    padding-left: calc(50px * 3);
  }
}

/* Contact */

.page-id-24 footer .footer-info {
  display: none;
}

input {
  font-family: "benton-sans", sans-serif;
  font-weight: 100;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Header
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.header-wrap {
  width: 100%;
  margin: 0 auto;
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
  -webkit-box-shadow: 0 5px 2px -2px transparent;
          box-shadow: 0 5px 2px -2px transparent;
  background: linear-gradient(165deg, #d9d8d6 0%, #f7f6f3 25%, #f7f6f3 66.6666%, #d9d8d6 100%) fixed;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.admin-bar .header-wrap {
  top: 32px;
}

.header-wrap.shadow,
.header-wrap.search-active {
  -webkit-box-shadow: 0 5px 2px -2px rgba(79, 66, 58, 0.3);
          box-shadow: 0 5px 2px -2px rgba(79, 66, 58, 0.3);
}

header {
  width: 100%;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  height: 60px;
  position: relative;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.search-active header {
  height: 110px;
}

@media only screen and (min-width: 1024px) {
  header {
    padding: 20px 40px;
  }
}

header h1 {
  display: inline-block;
  position: relative;
  z-index: 1000;
  padding-top: 3px;
}

header .desktop-search-toggle {
  margin-top: 1em;
  cursor: pointer;
  display: none;
}

@media only screen and (min-width: 1025px) {
  header .desktop-search-toggle {
    display: inline-block;
    margin-top: 0;
    margin-left: 24px;
  }
}

header .desktop-search-toggle svg {
  position: relative;
  top: 1px;
}

header .desktop-search-toggle svg path {
  -webkit-transition: fill 0.5s, stroke 0.5s;
  transition: fill 0.5s, stroke 0.5s;
}

header .desktop-search-toggle:hover #Line {
  stroke: #7F7F7F;
}

header .desktop-search-toggle:hover #Oval {
  fill: #7F7F7F;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Footer
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
  margin-top: 100px;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: relative;
  z-index: 40;
}

footer .main-nav-footer {
  width: 100%;
  float: none;
  margin-top: 60px;
  margin-bottom: 45px;
}

footer .main-nav-footer #menu-footer-menu {
  float: left;
}

footer .main-nav-footer #menu-footer-menu li {
  float: left;
  margin-right: 10px;
  font-weight: 700;
}

footer .main-nav-footer span {
  float: left;
  color: #7F7F7F;
}

footer .main-nav-footer:after {
  content: '';
  display: block;
  clear: both;
}

.footer-info h3 {
  font-weight: 700;
  color: #000;
}

.footer-info a,
.footer-info .grid__load-more,
.footer-info .searchform input[type="submit"],
.searchform .footer-info input[type="submit"] {
  display: inline;
  font-weight: 700;
}

/* ========================= *\
 * Components
 * ========================= */

/** Buttons **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * HAMBURGER ICON
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.mobile-main-nav .mobile-menu-toggle {
  width: 23px;
  height: 20px;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.mobile-menu-toggle__line {
  position: absolute;
  height: 2px;
  width: 23px;
  background-color: #816040;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.mobile-menu-toggle__line--top,
.mobile-menu-toggle__line--middle,
.mobile-menu-toggle__line--bottom {
  left: 0;
}

.mobile-menu-active .mobile-menu-toggle__line--top,
.mobile-menu-active .mobile-menu-toggle__line--middle,
.mobile-menu-active .mobile-menu-toggle__line--bottom {
  width: 0;
}

.mobile-menu-toggle__line--top {
  top: 0;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.mobile-menu-active .mobile-menu-toggle__line--top {
  -webkit-transition-delay: .01s;
          transition-delay: .01s;
}

.mobile-menu-toggle__line--middle {
  top: 9px;
  -webkit-transition-delay: .75s;
          transition-delay: .75s;
}

.mobile-menu-active .mobile-menu-toggle__line--middle {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

.mobile-menu-toggle__line--bottom {
  bottom: 0;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.mobile-menu-active .mobile-menu-toggle__line--bottom {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

.mobile-menu-toggle__line--left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 3.5px;
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

.mobile-menu-active .mobile-menu-toggle__line--left {
  -webkit-transition-delay: .75s;
          transition-delay: .75s;
}

.mobile-menu-toggle__line--right {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 3.5px;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}

.mobile-menu-active .mobile-menu-toggle__line--right {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.mobile-menu-toggle__line--left,
.mobile-menu-toggle__line--right {
  top: 0;
  width: 0;
}

.mobile-menu-active .mobile-menu-toggle__line--left,
.mobile-menu-active .mobile-menu-toggle__line--right {
  width: 23px;
}

/** Navigation **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * MOBILE MAIN NAV
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.mobile-main-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .mobile-main-nav {
    display: none;
  }
}

.mobile-main-nav--left,
.mobile-main-nav--right {
  position: absolute;
  z-index: 210;
  top: 17px;
}

.mobile-main-nav--left {
  left: 0;
  padding-left: 7.5px;
}

.mobile-main-nav--right {
  right: 15px;
  padding-right: 7.5px;
  text-align: right;
  width: calc(100% - 33px);
}

@media only screen and (min-width: 1024px) {
  .mobile-main-nav--right {
    right: 35px;
    width: calc(100% - 73px);
  }
}

.mobile-nav {
  padding: 0 12px;
  display: inline-block;
}

.mobile-search-toggle {
  display: inline-block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  width: 23px;
  height: 23px;
  padding: 0;
  margin: -5px 10px 0 0;
  position: relative;
  z-index: 100;
  border: none;
  background: none;
  -webkit-appearance: none;
  outline: none;
}

.mobile-search-toggle svg {
  width: 100%;
  height: 100%;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * MAIN NAVIGATION
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-item {
  display: block;
}

.main-nav {
  text-align: left;
  position: relative;
  -webkit-transition: opacity 250ms linear, -webkit-transform .5s ease-in-out;
  transition: opacity 250ms linear, -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out, opacity 250ms linear;
  transition: transform .5s ease-in-out, opacity 250ms linear, -webkit-transform .5s ease-in-out;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .main-nav {
    width: 300px;
  }
}

@media only screen and (min-width: 1025px) {
  .main-nav {
    width: auto;
    float: right;
  }
}

.main-nav .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}

@media only screen and (min-width: 1025px) {
  .main-nav .menu {
    display: inline-block;
  }
}

.main-nav .menu-item {
  display: inline-block;
  margin: 0 5px;
  position: relative;
}

.main-nav .menu-item a,
.main-nav .menu-item .grid__load-more,
.main-nav .menu-item .searchform input[type="submit"],
.searchform .main-nav .menu-item input[type="submit"] {
  font-size: 1.4rem;
  display: block;
  color: #816040;
  margin: 1em 0 0;
}

@media only screen and (min-width: 1025px) {
  .main-nav .menu-item a,
  .main-nav .menu-item .grid__load-more,
  .main-nav .menu-item .searchform input[type="submit"],
  .searchform .main-nav .menu-item input[type="submit"] {
    color: #816040;
    margin: 0;
    display: inline-block;
  }
}

.main-nav .menu-item a:hover,
.main-nav .menu-item .grid__load-more:hover,
.main-nav .menu-item .searchform input:hover[type="submit"],
.searchform .main-nav .menu-item input:hover[type="submit"] {
  color: #7F7F7F;
}

@media only screen and (min-width: 1025px) {
  .main-nav .menu-item:first-child {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .main-nav .menu-item:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .main-nav .menu-item.menu-item-has-children:hover .sub-menu .menu-item {
    -webkit-animation: sub-menu-in 0.5s forwards;
    animation: sub-menu-in 0.5s forwards;
  }
}

.main-nav .menu > .menu-item {
  font-weight: 600;
}

.main-nav .menu > .menu-item.current-menu-item > a,
.main-nav .menu > .menu-item.current-menu-item > .grid__load-more,
.main-nav .searchform .menu > .menu-item.current-menu-item > input[type="submit"],
.searchform .main-nav .menu > .menu-item.current-menu-item > input[type="submit"] {
  color: #000;
}

.main-nav .menu > .menu-item.current-menu-item > a[data-name],
.main-nav .menu > .menu-item.current-menu-item > .grid__load-more[data-name],
.main-nav .searchform .menu > .menu-item.current-menu-item > input[data-name][type="submit"],
.searchform .main-nav .menu > .menu-item.current-menu-item > input[data-name][type="submit"] {
  color: transparent;
}

.main-nav .menu > .menu-item.current-menu-item > a:before,
.main-nav .menu > .menu-item.current-menu-item > .grid__load-more:before,
.main-nav .searchform .menu > .menu-item.current-menu-item > input[type="submit"]:before,
.searchform .main-nav .menu > .menu-item.current-menu-item > input[type="submit"]:before {
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .main-nav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(245, 243, 241, 0.9);
    padding: 4em 20px 1em;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 200;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
  .main-nav {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .mobile-menu-active .main-nav {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .main-nav a,
  .main-nav .grid__load-more,
  .main-nav .searchform input[type="submit"],
  .searchform .main-nav input[type="submit"] {
    display: block;
  }

  .main-nav .menu-item {
    padding-left: 0;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    margin: 0;
    display: block;
  }

  .main-nav .menu-item:before {
    position: absolute;
    top: 1.5em;
  }

  .main-nav .menu-item.menu-item-has-children {
    border-bottom: none;
  }

  .main-nav .menu-item.menu-item-has-children .sub-menu {
    padding: 0 25px;
  }

  .main-nav .menu-item.menu-item-has-children .sub-menu .menu-item {
    display: block;
  }

  .main-nav .menu-item.menu-item-has-children > a,
  .main-nav .menu-item.menu-item-has-children > .grid__load-more,
  .main-nav .searchform .menu-item.menu-item-has-children > input[type="submit"],
  .searchform .main-nav .menu-item.menu-item-has-children > input[type="submit"] {
    margin-bottom: 0;
  }
}

.main-nav-footer .newsletter-open {
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {
  .sub-menu {
    position: absolute;
    top: calc(1em + 3px);
    left: -.3em;
    overflow: hidden;
    pointer-events: none;
  }

  .menu-item:hover > .sub-menu {
    pointer-events: auto;
  }

  .sub-menu .menu-item {
    -webkit-animation: sub-menu-out 0.5s forwards;
    animation: sub-menu-out 0.5s forwards;
  }
}

.sub-menu .menu-item {
  counter-increment: none;
  display: block;
  font-weight: 600;
  margin: 0;
  padding: 0 2px;
}

@media only screen and (min-width: 1025px) {
  .sub-menu .menu-item {
    opacity: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .sub-menu .menu-item:first-child {
    padding-top: 5px;
  }
}

@media only screen and (min-width: 1025px) {
  .sub-menu .menu-item:last-child {
    padding-bottom: .8em;
  }
}

.sub-menu .menu-item:before {
  content: none;
}

.sub-menu .menu-item a,
.sub-menu .menu-item .grid__load-more,
.sub-menu .menu-item .searchform input[type="submit"],
.searchform .sub-menu .menu-item input[type="submit"] {
  white-space: nowrap;
  padding: 0 2px;
  margin: 1em 0 0;
}

@media only screen and (min-width: 1025px) {
  .sub-menu .menu-item a,
  .sub-menu .menu-item .grid__load-more,
  .sub-menu .menu-item .searchform input[type="submit"],
  .searchform .sub-menu .menu-item input[type="submit"] {
    margin: 0;
  }
}

@-webkit-keyframes sub-menu-in {
  from {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }

  to {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes sub-menu-in {
  from {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }

  to {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes sub-menu-out {
  from {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  to {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}

@keyframes sub-menu-out {
  from {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  to {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}

*[data-name] {
  position: relative;
}

*[data-name]:before {
  content: attr(data-name);
  position: absolute;
  left: 0;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  color: transparent;
  font-weight: 400;
  font-family: "benton-sans", sans-serif;
  letter-spacing: .05em;
  white-space: nowrap;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * LINKS WITH ARROWS
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.standard-link--arrow svg {
  margin: 0 5px;
  position: relative;
  top: 5px;
}

.standard-link--arrow polyline {
  -webkit-transition: stroke 0.5s;
  transition: stroke 0.5s;
}

.standard-link--arrow:hover polyline {
  stroke: #7F7F7F;
}

/** BLOCKS **/

/** Item listing block **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * ITEM LISTING
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.item-listing {
  margin-bottom: 45px;
}

.item-listing + .item-listing {
  margin-top: 70px;
}

.item-listing li {
  position: relative;
  margin-bottom: 42px;
}

.single .item-listing li,
.page .item-listing li {
  margin-bottom: 0;
}

.item-listing li .slider__details {
  padding-top: 5px;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * STANDARD TEXT BLOCKS
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.text-block__title {
  color: #000;
  margin-bottom: 20px;
  font-weight: 700;
}

.text-block__text {
  line-height: 20px;
  color: #7F7F7F;
  max-width: 565px;
  margin-bottom: 0;
}

.text-block__text p {
  margin-bottom: 0;
}

.text-block__text p:first-of-type {
  text-indent: 0;
}

.text-block__text--no-text-indent {
  text-indent: 0;
}

.text-block__text--event-listing-indent {
  padding-right: 30px;
}

.text-block__text--bottom-margin-none {
  margin-bottom: 0;
}

.text-block__text--bottom-margin {
  margin-bottom: 20px;
}

.text-block__text--capitalise {
  text-transform: capitalize;
}

.text-block__text--blurb-override ~ * {
  display: none;
}

.text-block__tear {
  margin-top: 20px;
}

.text-block__event-holder,
.text-block__collection-holder {
  margin-bottom: 30px;
}

.text-block__event-holder li,
.text-block__collection-holder li {
  margin-bottom: 20px;
}

.text-block .text-block__text-holder {
  margin-bottom: 20px;
}

.single-events .text-block .text-block__text-holder {
  margin-bottom: 80px;
}

/** Grids **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * GRIDS
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.grid__box {
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .grid__box {
    width: 49%;
  }
}

@media only screen and (min-width: 1024px) {
  .grid__box {
    width: 33.3333%;
  }
}

.grid__box.news .text-block__text {
  padding-right: 50px;
}

.grid.events .grid__box {
  padding: 0 38px;
}

.grid.events .grid__box .grid__event_image_inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56%;
  margin-bottom: 6px;
}

.grid.events .grid__box .grid__event_image_inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.grid.events .grid__box:hover .grid__event_image_inner img {
  -webkit-filter: none;
          filter: none;
}

.post-type-archive-press .grid {
  overflow: hidden;
}

/*.post-type-archive-press .grid__box:nth-child(n+18) {
  opacity: 0;
}*/

.post-type-archive-press .grid--expanded .grid__box:nth-child(n+18) {
  opacity: 1;
}

.grid__load-more {
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.grid--expanded + .grid__load-more {
  opacity: 0;
  cursor: none;
}

.available-pieces-grid .portfolio-grid-item img {
  opacity: 0;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.available-pieces-grid.loaded .portfolio-grid-item img {
  opacity: 1;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * RELEASES GRID
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.releases-block__header {
  font-weight: 600;
}

.releases-block__details {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .releases-block__details {
    min-height: 80px;
  }
}

.releases-block__details .text-block__text--no-text-indent {
  padding-left: 50px;
}

.releases-block__details .standard-link--no-arrow {
  font-weight: 600;
}

.releases-block__logo {
  position: absolute;
  top: 3px;
  left: 0;
  width: 40px;
  height: 40px;
}

.releases-block.featured .releases-block__details {
  min-height: auto;
}

/** Slider **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * SLICK SLIDER
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.item-listing li .slick-arrow {
  width: 20px;
  height: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  display: block;
  outline: none;
}

.item-listing li .slick-arrow polyline {
  -webkit-transition: stroke 0.5s;
  transition: stroke 0.5s;
}

.item-listing li .slick-arrow:hover polyline {
  stroke: #7F7F7F;
}

.item-listing li .slick-arrow:before {
  display: block;
  width: 6px;
  height: 24px;
}

.item-listing li .slick-arrow.block-slider-arrow-right {
  right: -15px;
  -webkit-transform: rotate(-180deg) translateY(50%);
          transform: rotate(-180deg) translateY(50%);
}

@media only screen and (min-width: 1024px) {
  .item-listing li .slick-arrow.block-slider-arrow-right {
    right: -25px;
  }
}

.item-listing li .slick-arrow.block-slider-arrow-left {
  left: -15px;
}

@media only screen and (min-width: 1024px) {
  .item-listing li .slick-arrow.block-slider-arrow-left {
    left: -25px;
  }
}

.slider {
  height: 0;
  padding-bottom: 56.25%;
}

.slider__inner {
  overflow: hidden;
}

.slider__inner figure {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.slider__inner figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.slider__inner figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 28px;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .slider__inner figcaption {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.slider__inner figcaption:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 10;
}

.slider__inner figcaption span {
  font-weight: 700;
  color: #fff;
  font-size: 1.6rem;
  display: block;
  position: relative;
  z-index: 10;
}

.slider__inner figcaption span:nth-child(2) {
  font-weight: normal;
  padding-left: 6%;
}

.slider__inner--video {
  outline: none;
}

.slider__inner--video img {
  cursor: pointer;
}

.slider__inner--video figcaption > div,
.slider__inner--video .vimeo > div {
  display: none;
}

.slider__details {
  color: #7F7F7F;
  min-height: 25px;
}

.slider__details strong {
  font-weight: 700;
  color: #816040;
}

.slider__details a,
.slider__details .grid__load-more,
.slider__details .searchform input[type="submit"],
.searchform .slider__details input[type="submit"] {
  font-weight: 700;
  display: inline-block;
  height: 20px;
  position: relative;
}

.slider__details--press a:after,
.slider__details--press .grid__load-more:after,
.slider__details--press .searchform input[type="submit"]:after,
.searchform .slider__details--press input[type="submit"]:after {
  top: 2px;
}

.slider__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 10;
}

/** Newsletter **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * NEWSLETTER POPUP
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.newsletter-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: -1;
}

.newsletter-overlay.active {
  opacity: 1;
  z-index: 150;
}

.newsletter-overlay:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #f7f5f3;
  opacity: 0.95;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletter-overlay-inner,
.newsletter-overlay .newsletter-form {
  width: 100%;
  max-width: 1024px;
}

.newsletter-overlay-inner {
  padding: 30px 50px;
  margin: 50px auto;
  position: relative;
}

.newsletter-overlay-close {
  position: absolute;
  right: 30px;
  top: 0;
  width: 22px;
  height: 22px;
  opacity: 0.3;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}

.newsletter-overlay-close:hover {
  opacity: 1;
}

.newsletter-overlay-close:before,
.newsletter-overlay-close:after {
  content: ' ';
  position: absolute;
  left: 15px;
  height: 22px;
  width: 1px;
  background-color: #333;
}

.newsletter-overlay-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.newsletter-overlay-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mailchimp-container {
  margin-top: 25px;
}

.mailchimp-container #mc_embed_signup {
  clear: left;
  font: 1.1rem;
  width: 100%;
  padding: 0;
}

.mailchimp-container #mc-embedded-subscribe-form {
  text-align: left;
}

.mailchimp-container #mc-embedded-subscribe-form #mc_embed_signup_scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.mailchimp-container input.email {
  border-radius: 0;
  border: 1px solid #816040;
  width: 80%;
  background: none;
  padding: 4px 7px;
  margin-right: 10px;
  font-size: 1.4rem;
  color: #7F7F7F;
}

.mailchimp-container input.email:focus {
  outline: none;
}

.mailchimp-container input.button {
  outline: none;
  color: #816040;
  -webkit-appearance: none;
  border: none;
  background: none;
  padding: 0;
  text-align: left;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  font-weight: 600;
  line-height: 29px;
}

.mailchimp-container input.button:hover {
  color: #7F7F7F;
}

/** Search **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * SEACH POPUP
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.searchform label {
  display: none;
}

.searchform input {
  font-size: 1.4rem;
  background: none;
  border-radius: 0;
}

.searchform input[type="text"] {
  border: 1px solid #816040;
  color: #7F7F7F;
  width: calc(100% - 51px);
  padding: 4px 7px;
}

.searchform input[type="text"]:focus {
  outline: none;
}

.searchform input[type="submit"] {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.main-search {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.5s, margin 0.5s;
  transition: height 0.5s, margin 0.5s;
  margin-top: 1em;
  margin-bottom: 0;
}

.search-active .main-search {
  height: 31px;
  margin-bottom: 2em;
}

.main-search--desktop {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .main-search--desktop {
    display: block;
  }
}

/* ========================= *\
 * Page specifics
 * ========================= */

/** Portfolio **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * PORTFOLIO
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.portfolio {
  min-height: 600px;
}

.portfolio-sort {
  margin-bottom: 45px;
}

.portfolio-sort-button {
  -webkit-appearance: none;
  border: none;
  background: none;
  color: #816040;
  -webkit-transition: all .25s;
  transition: all .25s;
  cursor: pointer;
  font-size: 1.4rem;
  float: left;
  font-weight: 600;
  outline: none;
  font-family: "benton-sans", sans-serif;
  padding: 0;
  margin: 0 20px 0 0;
}

.portfolio-sort-button:before {
  letter-spacing: .025em;
}

.portfolio-sort-button:hover {
  color: #7F7F7F;
}

.portfolio-sort-button.active {
  color: transparent;
}

.portfolio-sort-button.active:before {
  color: #000;
}

.portfolio-sort:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio-grid {
  margin-left: -10px;
  margin-right: -10px;
}

.portfolio-grid-item {
  margin: 0 10px 30px;
  width: calc(100% - 20px);
  min-height: 200px;
  max-height: 200px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .portfolio-grid-item {
    width: calc(50% - 20px);
  }
}

@media only screen and (min-width: 1024px) {
  .portfolio-grid-item {
    width: calc(33.3333% - 20px);
  }
}

.portfolio-grid-item img {
  width: 100%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.portfolio-grid-item__details {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.portfolio-grid-item__year {
  font-weight: 100;
}

.portfolio-grid-item:hover img {
  opacity: 0;
}

.portfolio-grid-item:hover figcaption {
  opacity: 1;
}

/** Events **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * EVENTS
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.events-listing {
  margin-bottom: 40px;
}

.events-listing li {
  margin-bottom: 0;
}

.events-sort {
  margin-bottom: 45px;
}

.events-sort-button {
  -webkit-appearance: none;
  border: none;
  background: none;
  color: #816040;
  -webkit-transition: all .25s;
  transition: all .25s;
  cursor: pointer;
  font-size: 1.4rem;
  float: left;
  font-weight: 600;
  outline: none;
  text-transform: capitalize;
  padding: 0;
  margin: 0 20px 0 0;
  font-family: "benton-sans", sans-serif;
}

.events-sort-button::first-letter {
  display: inline;
  text-transform: uppercase;
}

.events-sort-button:before {
  letter-spacing: .025em;
}

.events-sort-button:hover {
  color: #7F7F7F;
}

.events-sort-button.active {
  color: transparent;
}

.events-sort-button.active:before {
  color: #000;
}

.events-sort:after {
  content: '';
  display: block;
  clear: both;
}

/** Search results **/

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\
 *
 * Search results
 *
 * –––––––––––––––––––––––––––––––––––––––––––––––––– */

.search-results article {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) {
  .search-results article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
  }
}

.search-results .portfolio {
  min-height: 0;
}

.search-results .slider__details {
  margin-bottom: 45px;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .search-result__image {
    width: 33.3333%;
    margin-right: 20px;
  }
}

.search-result__text {
  width: 66.6666%;
}

.search-result__text p {
  padding-left: 28px;
}

@media only screen and (min-width: 1024px) {
  .search-result__text p {
    padding-left: 50px;
  }
}

.search-result__link {
  text-transform: capitalize;
}