@charset "UTF-8";
/* Theme Name: Den Base Theme 	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; }

body, input { margin: 0; text-rendering: optimizeLegibility; }

h1, h2, h1.body-header, .text-block-title, h3, h4, p, blockquote, figure, ol, ul { margin: 0; padding: 0; }

li { display: block; }

h1, h2, h1.body-header, .text-block-title, h3, h4 { font-size: inherit; }

a { text-decoration: none; color: inherit; outline: none; }

img { height: auto; border: 0; line-height: 0; }

figure img { width: 100%; }

* { box-sizing: border-box; }

/* ========================= *\ Definitions ========================= */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  VARIABLES  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Colours */
/* FONT SIZE */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  PLACEHOLDERS  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ========================= *\ Block alignement ========================= */
/* ========================= *\ Transitions ========================= */
/* ========================= *\ Font / Type styles ========================= */
/* ========================= *\ Colours ========================= */
/* ========================= *\ Floats ========================= */
/* ========================= *\ Flex ========================= */
/* ========================= *\ Screen Reader ========================= */
/* ========================= *\ Clearfix ========================= */
.clearfix:after, .main-header:after, .sub-nav:after, .link-grid:after { content: ""; display: table; clear: both; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  MIXINS  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ========================= *\ Transform ========================= */
/* ========================= *\ Translate ========================= */
/* ========================= *\ Placeholder colours ========================= */
/* ========================= *\ Media queries ========================= */
/* ========================= *\ WP admin bar fix ========================= */
/* ========================= *\ Globals ========================= */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  GLOBALS  All site wide styles  –––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body, input { height: 100%; }

html { font-size: 10px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body, input { font-size: 1.6rem; color: #808080; font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", serif; font-weight: 400; background: #eeefef; }

.page-wrap { min-height: 100%; margin-bottom: -18px; }
@media only screen and (min-width: 1024px) { .page-wrap { margin-bottom: -118px; } }
.page-wrap:after { content: ""; display: block; }

.main-footer, .page-wrap:after { height: 25px; }
@media only screen and (min-width: 1024px) { .main-footer, .page-wrap:after { height: 118px; } }

a, a:visited { color: #808080; transition: color 0.25s; }
a:hover, a:visited:hover { color: #000000; }

h1, h2, h1.body-header, .text-block-title, h3, h4, h5, h6 { font-weight: 400; font-size: 1.6rem; color: #808080; }

h1, h2, h1.body-header, .text-block-title { text-transform: uppercase; }

@media only screen and (min-width: 768px) { h2, h1.body-header, .text-block-title, h3, h4, h5, h6, p, .main-content h1, .main-content h2, .main-content h1.body-header, .main-content .text-block-title { max-width: 580px; }
  .page-legal h2, .page-legal h1.body-header, .page-legal .text-block-title, .page-legal h3, .page-legal h4, .page-legal h5, .page-legal h6, .page-legal p, .page-legal .main-content h1, .page-legal .main-content h2, .page-legal .main-content h1.body-header, .page-legal .main-content .text-block-title { max-width: 670px; } }

.main-content h1, .main-content h2, .main-content h1.body-header, .main-content .text-block-title { margin-left: auto; margin-right: auto; }

.main-content h1 { text-align: center; margin: 41px auto; }

h2, h1.body-header, .text-block-title, h3, h4, h5, h6 { text-align: center; }
.page-careers h2, .page-careers h1.body-header, .page-careers .text-block-title, .page-careers h3, .page-careers h4, .page-careers h5, .page-careers h6 { text-align: left; }

h2, h1.body-header, .text-block-title, h3, h4, h5, h6, p { margin: 0 auto 9px auto; }

.main-content .artwork-info h1.body-header { margin-bottom: 0; }

p { margin-bottom: 1em; line-height: 2rem; }

.container { max-width: 1440px; margin: 0 auto; padding: 0 20px; }
@media only screen and (min-width: 768px) { .container { padding: 0 50px; } }

.main-container { margin-bottom: 152px; }
.main-container.standard-page { margin-bottom: 0; }

.inner-wrap { max-width: 406px; margin: 0 auto; }

.main-content { padding-top: 90px; display: block; }
@media only screen and (min-width: 768px) { .main-content { padding-top: 110px; }
  .home .main-content { padding-top: 90px; } }
@media only screen and (min-width: 1024px) { .main-content { padding-top: 91px; } }

/** ---------------------------------------- Pages that are centre aligned ---------------------------------------- */
.page-contact .main-content { text-align: center; }
.standard-page .main-content { position: absolute; top: calc(50% - 32px); left: 50%; transform: translate(-50%, -50%); text-align: center; padding-top: 0 !important; width: 90%; }
.standard-page .main-content h2, .standard-page .main-content h1.body-header, .standard-page .main-content .text-block-title, .standard-page .main-content p { margin-bottom: 0; }
.page-legal .standard-page .main-content { position: relative; left: 0; transform: none; padding-top: 160px !important; margin: 0 auto 70px 0; }
@media only screen and (max-width: 767px) { .page-legal .standard-page .main-content { position: relative; left: 0; transform: none; padding-top: 124px; width: 100%; } }
.page-legal .standard-page .main-content p { text-align: left; margin-bottom: 20px; }

/** ---------------------------------------- Inputs ---------------------------------------- */
input { border: 1px solid #808080; margin-bottom: 1em; }
input::placeholder { transition: opacity 0.25s; }
input:focus::placeholder { opacity: 0; }
input[type="email"], input[type="text"] { height: 1.6em; text-align: center; width: 90%; max-width: 300px; }
input[type="submit"] { transition: color 0.25s, border 0.25s; cursor: pointer; }
input[type="submit"]:hover { color: #000000; border-color: #000000; }

/* ========================= *\ Components ========================= */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  HEADER  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/** Main header background code is at _globals.sass, sharing styles with body tag */
.site-title { float: left; margin-right: 20px; }

a.site-title-link { color: #000000; }

.header-title { display: none; margin: 5px auto 8px auto; }
@media only screen and (min-width: 1024px) { body:not(.home) .header-title, input:not(.home) .header-title { display: block; } }
@media only screen and (min-width: 1024px) { .home.sticky-nav .header-title { display: block; } }

.main-header { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1440px; z-index: 500; padding: 36px 20px; box-shadow: 0 0 10px 1px transparent; transition: box-shadow 0.5s, max-height 0.5s, padding 0.5s; overflow: hidden; background: #eeefef; }
.admin-bar .main-header { top: 46px; }
@media only screen and (min-width: 1024px) { .admin-bar .main-header { top: 32px; } }
@media only screen and (max-width: 768px) { .main-header { padding: 16px 20px; } }
@media only screen and (min-width: 768px) { .main-header { padding: 36px 50px; }
  .header-sticky .main-header { padding: 20px 50px; } }
@media only screen and (min-width: 768px) { .single-catalogue .main-header, .single-texts .main-header, .single-press .main-header { padding-bottom: 25px; } }
@media only screen and (min-width: 1024px) { .single-catalogue .main-header, .single-texts .main-header, .single-press .main-header { padding-bottom: 36px; } }
@media only screen and (min-width: 1024px) { .header-sticky.single-catalogue .main-header, .header-sticky.single-texts .main-header, .header-sticky.single-press .main-header { padding-bottom: 20px; } }
body.menu-open .main-header, input.menu-open .main-header { -webkit-overflow-scrolling: touch; }
@media only screen and (min-width: 1024px) { body.menu-open .main-header, input.menu-open .main-header { overflow: auto; } }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  FOOTER  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-footer { display: none; }
@media only screen and (min-width: 1024px) { .main-footer { display: block; } }

.site-nav.footer-nav { padding-top: 19px; margin-bottom: 5px; }
.site-nav.footer-nav li a { line-height: 1; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  MENU TOGGLE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-toggle { width: 26px; height: 23px; margin: 0 auto; position: relative; z-index: 1000; cursor: pointer; margin-bottom: 23px; }
@media only screen and (min-width: 1024px) { .menu-toggle { display: none; } }
.menu-toggle-line { width: 26px; height: 5px; background: #808080; position: absolute; }
.menu-toggle-line-top { top: 0; }
.menu-toggle-line-middle-1, .menu-toggle-line-middle-2 { top: 9px; transition: transform 0.5s, background 0.5s; }
.menu-toggle-line-bottom { bottom: 0; }
.menu-toggle-line-top, .menu-toggle-line-bottom { transition: opacity 0.2s, transform 0.5s, background 0.5s; }
.menu-open .menu-toggle-line-top, .menu-open .menu-toggle-line-bottom { opacity: 0; }
.menu-open .menu-toggle-line-middle-1 { transform: rotate(45deg); }
.menu-open .menu-toggle-line-middle-2 { transform: rotate(-45deg); }
@media only screen and (min-width: 1024px) { .menu-toggle:hover .menu-toggle-line { background: #000000; } }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  NAV  –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ========================= *\ Global nav ========================= */
.site-nav li { border-top: 1px solid rgba(128, 128, 128, 0.5); }
.site-nav li a { line-height: 40px; text-transform: uppercase; }
.site-nav .menu { margin-bottom: 40px; }

.burger-icon { float: right; width: 20px; height: 18px; }
.burger-icon .a { transition: fill 0.25s; }
.burger-icon:hover .a { fill: #000000; }

.close-icon { width: 16px; height: 16px; }
.close-icon .a { fill: #808080; stroke: none; transition: stroke 0.25s, fill 0.25s; }
.close-icon:hover .a { fill: #000000; }
.close-icon-wrap { text-align: right; margin-bottom: 20px; margin-top: 3px; }
@media only screen and (min-width: 768px) { .close-icon-wrap { margin-top: 0; margin-bottom: 31px; } }

.burger-icon, .close-icon { cursor: pointer; }

/* ========================= *\ Footer social nav ========================= */
.footer-nav { text-align: center; margin-bottom: 20px; }
.footer-nav li { display: inline-block; margin: 0 12.5px; }
.footer-nav li a { text-transform: uppercase; }

.social-nav { text-align: center; }

.social-icon { display: inline-block; margin: 0 12.5px; }
.social-icon svg path, .social-icon svg circle { fill: #808080; transition: fill 0.25s; }
.social-icon:hover svg path, .social-icon:hover svg circle { fill: #000000; }

/* ========================= *\ Sub nav ========================= */
@media only screen and (min-width: 1024px) { .sub-nav-body { display: none; } }
.sub-nav li { display: inline-block; margin: 0 10px; }
.sub-nav li:first-child { margin-left: 0; }
.sub-nav li:last-child { margin-right: 20px; }
.sub-nav li a { text-transform: uppercase; }
.sub-nav li.current-item a { color: #000000; }

.burger-icon + .menu-sub-nav-container { position: absolute; bottom: 0; }
@media only screen and (min-width: 1024px) { .burger-icon + .menu-sub-nav-container { display: block; float: right; position: static; } }
.breadcrumbs + .menu-sub-nav-container { display: block; clear: both; padding-top: 22px; }
@media only screen and (min-width: 1024px) { .breadcrumbs + .menu-sub-nav-container { display: none; } }

.current-menu-item a { color: #000000; }

.all-exhibitions { float: right; }
.all-exhibitions ul li:last-child { margin-right: 20px; }
@media only screen and (max-width: 320px) { .all-exhibitions ul li:last-child { margin-right: 0; } }
@media only screen and (min-width: 375px) { .all-exhibitions ul li:last-child { margin-right: 15px; } }

.next-previous-links { text-transform: uppercase; float: left; }
.next-previous-links a:first-child { margin-right: 10px; }
.next-previous-links a.previous-link span { margin: 0 0.2em 0 0; }
.next-previous-links a.next-link span { margin: 0 0 0 0.2em; }
.next-previous-links span { display: inline-block; }
.next-previous-links span img { height: 0.7em; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  CLIENT LIST  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.client-list { text-align: center; padding-top: 20px; margin-bottom: 20px; }
.home .client-list, .page-about-us .client-list, .page-communications .client-list { display: none; }
.client-list h2, .client-list h1.body-header, .client-list .text-block-title { margin-bottom: 4px; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  GRID  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.link-grid { text-align: center; }
@media only screen and (min-width: 768px) { .link-grid { margin-left: -25px; margin-right: -25px; } }
p + .link-grid-artworks { margin-top: 105px; }
@media only screen and (min-width: 768px) { .link-grid li { float: left; width: calc(50% - 50px); margin: 0 25px; } }
@media only screen and (min-width: 1024px) { .link-grid li { width: calc(33.3333% - 50px); } }
.link-grid-link { border-top: 1px solid rgba(128, 128, 128, 0.5); display: block; padding: 15px; transition: border 0.25s; }
.link-grid-link:hover { border-color: #000000; }
.link-grid-time { display: block; }
.link-grid-block { position: relative; height: 340px; }
@media only screen and (max-width: 767px) { .post-type-archive-artwork .link-grid-block { height: auto; min-height: 340px; } }
@media only screen and (min-width: 1025px) { .link-grid-block { height: 200px; }
  .link-grid-artworks .link-grid-block { height: 300px; } }
.link-grid-block section { margin-bottom: 15px; }
.link-grid-block h1 { margin: 0 auto; color: #808080; width: 100%; font-size: 32px; line-height: 1; font-family: "Chronicle Display A", "Chronicle Display B"; font-weight: 600; }
.link-grid-artworks .link-grid-block h1 { font-size: 1.6rem; margin-bottom: 17px; }
.link-grid-block h1, .link-grid-block p { transition: color 0.25s; margin-bottom: 0; }
.link-grid-link:hover .link-grid-block h1, .link-grid-link:hover .link-grid-block p { color: #000000; }
.main-content .link-grid-block header + figure { margin-top: 1em; }
@media only screen and (min-width: 1024px) { .main-content .link-grid-block header + figure { margin-top: 0; } }
.main-content .link-grid-block figure { margin: 0; }
@media only screen and (min-width: 1025px) { .link-grid-block figure { opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; background: #eeefef; transition: opacity 0.25s; }
  .link-grid-artworks .link-grid-block figure { position: relative; opacity: 1; background: transparent; } }
.link-grid-block figure picture, .link-grid-block figure img { max-height: 200px; width: 100%; max-width: 200px; object-fit: contain; margin: 0; }
@media only screen and (max-width: 767px) { .post-type-archive-artwork .link-grid-block figure picture, .post-type-archive-artwork .link-grid-block figure img { max-height: 300px; max-width: 300px; } }
@media only screen and (min-width: 1024px) { .link-grid-block figure picture, .link-grid-block figure img { margin-top: 0; } }
.link-grid-artworks .link-grid-block figure picture, .link-grid-artworks .link-grid-block figure img { max-height: 300px; }
@media only screen and (min-width: 1025px) { .link-grid-artworks .link-grid-block figure picture, .link-grid-artworks .link-grid-block figure img { max-height: calc(100% - 50px); } }
.link-grid-link:hover .link-grid-block figure { opacity: 1; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  Wordpress - user content  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.entry-content-page h2, .entry-content-page h1.body-header, .entry-content-page .text-block-title, article.post h2, article.post h1.body-header, article.post .text-block-title, .main-content h2, .main-content h1.body-header, .main-content .text-block-title { color: #808080; text-transform: none; font-size: 1.6rem; margin-bottom: 1.4em; }
.entry-content-page figure, article.post figure, .main-content figure { margin-top: 100px; margin-bottom: 106px; text-align: center; }
.entry-content-page figure.full-page-image, article.post figure.full-page-image, .main-content figure.full-page-image { margin-top: 0; margin-bottom: 107px; }
.entry-content-page figure.full-page-image:empty, article.post figure.full-page-image:empty, .main-content figure.full-page-image:empty { display: none; }
.entry-content-page figure.full-page-image:empty + .slider-wrap, article.post figure.full-page-image:empty + .slider-wrap, .main-content figure.full-page-image:empty + .slider-wrap { margin-top: 0; }
.entry-content-page figure.wp-caption img, article.post figure.wp-caption img, .main-content figure.wp-caption img { margin-bottom: 12px; }
.entry-content-page img, article.post img, .main-content img { margin: 89px auto 107px; }
.entry-content-page figure + h2, .entry-content-page figure + h1.body-header, .entry-content-page figure + .text-block-title, .entry-content-page img + h2, .entry-content-page img + h1.body-header, .entry-content-page img + .text-block-title, article.post figure + h2, article.post figure + h1.body-header, article.post figure + .text-block-title, article.post img + h2, article.post img + h1.body-header, article.post img + .text-block-title, .main-content figure + h2, .main-content figure + h1.body-header, .main-content figure + .text-block-title, .main-content img + h2, .main-content img + h1.body-header, .main-content img + .text-block-title { margin-top: -3em; }

.single-catalogue .main-content > a:last-child { text-align: center; display: block; text-transform: uppercase; }

.slider-wrap + h2, .slider-wrap + h1.body-header, .slider-wrap + .text-block-title, .entry-content-page h2:nth-child(1), .entry-content-page h1.body-header:nth-child(1), .entry-content-page .text-block-title:nth-child(1) { margin-top: -2.6em; min-height: 1.2em; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  ZOOM BLOCK  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.zoom-block { max-height: 70vh; text-align: center; }
@media only screen and (min-width: 768px) { .zoom-block { height: 80vh; max-height: 80vh; } }
.zoom-block-wrap { position: relative; margin-bottom: 60px; }
.zoom-block .zoom-block-thumbnail { cursor: url(https://www.beverlybarkat.com/wp-content/themes/beverlybarkat/assets/images/zoom-in.cur), auto; max-width: 100%; max-height: 70vh; object-fit: contain; margin: 0 auto; display: inline-block; z-index: 100; transition: opacity 1s; }
@media only screen and (min-width: 768px) { .zoom-block .zoom-block-thumbnail { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 80vh; } }
.zoom-block.zoomed .zoom-block-thumbnail { z-index: 0; opacity: 0; }
.zoom-arrow { height: 31px; }
.zoom-arrow polyline { transition: stroke 0.25s; }
.zoom-arrow:hover polyline { stroke: #000000; }
.zoom-arrow-wrap { position: absolute; top: 50%; transform: translate(0, -50%); width: 10px; }
.zoom-arrow-wrap-left { left: -16px; }
@media only screen and (min-width: 768px) { .zoom-arrow-wrap-left { left: -35px; } }
.zoom-arrow-wrap-right { right: -16px; }
@media only screen and (min-width: 768px) { .zoom-arrow-wrap-right { right: -35px; } }

.zoomImg { cursor: url(https://www.beverlybarkat.com/wp-content/themes/beverlybarkat/assets/images/zoom-out.cur), auto; transition: opacity 0.5s; opacity: 0; }
.zoomed .zoomImg { opacity: 1; margin: 0; }

.artwork-info { text-align: center; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  TEXT BLOCK  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.text-block { margin-top: 110px; }
@media only screen and (min-width: 768px) { .text-block { max-width: 580px; margin-left: auto; margin-right: auto; } }
.text-block-header { text-align: center; margin-bottom: 1.4em; }
.text-block-title { margin: 0 auto; }
.main-content .text-block-title { margin: 0 auto; }
.text-block-blurb { color: #808080; }
.text-block-text { overflow: hidden; color: transparent; transition: color 0.25s, max-height 1s; }
.text-block-text.text-block-revealed { color: #808080; }
.text-block-more, .text-block-less { cursor: pointer; text-transform: uppercase; transition: color 0.25s; }
.text-block-more svg, .text-block-less svg { transition: opacity 0.25s; }
.text-block-more svg .a, .text-block-less svg .a { transition: stroke 0.25s; }
.text-block-more:hover, .text-block-less:hover { color: #000000; }
.text-block-more:hover svg .a, .text-block-less:hover svg .a { stroke: #000000; }
.text-block-revealed .text-block-more { color: transparent; display: none; }
.text-block-revealed .text-block-more svg { opacity: 0; }
.text-block-less svg { opacity: 0; }
.text-block-revealed .text-block-less svg { opacity: 1; }
.text-block-arrow { height: 0.75em; position: relative; top: 1px; }
.text-block:nth-of-type(1) { margin-top: 67px; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  Breadcrumb  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.breadcrumbs { float: left; text-transform: uppercase; clear: left; max-width: calc(100% - 30px); color: #000000; margin-right: 10px; }
@media only screen and (min-width: 1024px) { .breadcrumbs { clear: none; } }
.breadcrumbs > * { display: none; }
@media only screen and (min-width: 768px) { .breadcrumbs > * { display: inline; } }
.breadcrumbs > span:last-child { display: inline; }
.single-catalogue .breadcrumbs > span:nth-last-child(3), .single-texts .breadcrumbs > span:nth-last-child(3), .single-press .breadcrumbs > span:nth-last-child(3), .single-ex_artworks .breadcrumbs > span:nth-last-child(3) { display: inline; }
.single-catalogue .breadcrumbs > span:last-child, .single-catalogue .breadcrumbs > span:nth-last-child(2), .single-texts .breadcrumbs > span:last-child, .single-texts .breadcrumbs > span:nth-last-child(2), .single-press .breadcrumbs > span:last-child, .single-press .breadcrumbs > span:nth-last-child(2), .single-ex_artworks .breadcrumbs > span:last-child, .single-ex_artworks .breadcrumbs > span:nth-last-child(2) { display: none; }
.breadcrumbs a { color: #808080; }
.breadcrumbs a.post-exhibition { color: #000000; }

.breadcrumb-arrow { display: none; margin: 0 0.4em; }
@media only screen and (min-width: 768px) { .breadcrumb-arrow { display: inline-block; } }
.breadcrumb-arrow img { height: 0.7em; }

/* ========================= *\ Page specifics ========================= */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  SINGLE PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-title { text-align: center; margin: 41px auto; }
.home .page-title, .page-about-us .page-title, .page-creative .page-title, .page-communications .page-title, .page-contact .page-title, .page-careers .page-title, .page-copyright .page-title { display: none; }
.post-type-archive-work .page-title { margin-bottom: 45px; }
.page-title-wrap { margin: 0 auto 17px auto; text-align: center; }
@media only screen and (min-width: 768px) { .page-title-wrap { margin-bottom: 14px; } }
@media only screen and (min-width: 1024px) { .page-title-wrap { display: none; } }
.page-title > p { padding-bottom: 0.1em; }

.call-to-action-link { margin-bottom: 18px; text-align: center; }
@media only screen and (min-width: 768px) { .call-to-action-link { margin-bottom: 26px; } }

.page-communications article.post > p:first-of-type { margin-top: 39px; }
.page-communications article.post > p:last-of-type { margin-bottom: 1.3em; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  HOME PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1023px) { .home.ios-safari .home { position: fixed; bottom: 26px; left: 26px; width: calc(100% - 52px); } }
.home .home { margin-top: 94px; margin-bottom: 0; }
@media only screen and (min-width: 1024px) { .home .home { margin-top: 80px; } }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  CAREERS PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-careers article.post h2:not(:first-of-type), .page-careers article.post h1.body-header:not(:first-of-type), .page-careers article.post .text-block-title:not(:first-of-type) { margin-top: 40px; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  COPYRIGHT PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-copyright article.post { text-align: center; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  CONTACT PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-contact .post iframe { width: 100%; height: 300px; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  SIDE MENU  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-side-menu { position: fixed; z-index: 600; width: 100%; height: 100%; padding: 20px; top: 0; right: 0; box-shadow: -5px 0px 10px -1px transparent; background: #eeefef; transform: translateX(100%); transition: transform 0.5s, box-shadow 0.5s; }
@media only screen and (min-width: 768px) { .main-side-menu { padding: 40px; max-width: 300px; } }
.menu-open .main-side-menu { transform: translateX(0); box-shadow: -5px 0px 10px -1px rgba(0, 0, 0, 0.25); }
@media only screen and (max-height: 680px) { .menu-open .main-side-menu { overflow-y: scroll; -webkit-overflow-scrolling: touch; } }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  SLIDESHOW  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.slider-wrap, .slider-block { position: relative; }
.slider-wrap { visibility: hidden; }
.slider-wrap:first-child { margin-top: 0; }
p + .slider-wrap { margin-top: 105px; }
.slider-wrap + .slider-wrap { margin-top: 3px; }
.slider-wrap.has-captions .slider-wrap { margin-top: 4px; }
.slider-image picture { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .slider-image picture { overflow: hidden; } }
.slider-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .slider-image img { top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; } }
.slider-caption { margin-top: 10px; margin-bottom: 102px; min-height: 1em; }
.slider-caption:empty { margin-bottom: 81px; }
.slider-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
.slider-video-overlay { z-index: 100; background-repeat: no-repeat; background-size: cover; cursor: pointer; overflow: hidden; }
.slider-video-overlay img { width: 100%; }
.slider-video-overlay:hover svg polyline, .slider-video-overlay:hover svg circle { stroke: #000000; }
.slider-video-iframe-wrap, .slider-video-overlay { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; }
.slider-video-overlay { position: absolute; top: 0; left: 0; }
.slider-video-play { width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slider-video-play polyline, .slider-video-play circle { transition: stroke 0.25s; }
.slider-video figure, .slider-image figure { margin: 0; }
.slider-arrow { position: absolute; top: calc(50% - 51px); transform: translateY(-50%); height: 31px; cursor: pointer; width: 10px; }
.has-captions .slider-arrow { top: calc(50% - 65px); }
.slider-arrow polyline { transition: stroke 0.25s; }
.slider-arrow:hover polyline { stroke: #000000; }
.slider-arrow-left { left: -16px; }
@media only screen and (min-width: 768px) { .slider-arrow-left { left: -32px; } }
.slider-arrow-right { right: -16px; }
@media only screen and (min-width: 768px) { .slider-arrow-right { right: -32px; } }

.slick-slide { position: relative; outline: none; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  ARTWORK PAGE  –––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-artwork-overview .entry-content-page { margin-bottom: 105px; }

/* –––––––––––––––––––––––––––––––––––––––––––––––––– *\  NEWSLETTER  –––––––––––––––––––––––––––––––––––––––––––––––––– */
#signupError p { margin-bottom: 1em; }

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