/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background-repeat: no-repeat; }

/* Form 2020 */

.test-bg {
	background-color: red;
}

/*
img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* box sizing */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.green-pink #buttons-bar {
  display: none; }
.green-pink #diamond,
.green-pink #diamond-reverse {
  fill: #e3e8db; }
  .green-pink #diamond .box,
  .green-pink #diamond-reverse .box {
    fill: #e3e8db; }
.green-pink #mobile-home-bg {
  background-color: #e3e8db; }
.green-pink a,
.green-pink header,
.green-pink #intro,
.green-pink #textblock,
.green-pink #home-menu {
  color: #1d1d1b /*#ff48b0*/; }
.green-pink .logofill {
  fill: #1d1d1b /*#ff48b0*/; }
.green-pink #home-ctas a svg .arrow {
  fill: #1d1d1b /*#ff48b0*/ !important; }
.green-pink #home-ctas a:hover .diamond {
  fill: #1d1d1b /*#ff48b0*/ !important; }
.green-pink .top-button {
  stroke: #1d1d1b /*#ff48b0*/; }
.green-pink a:hover .logofill {
  fill: #1d1d1b !important; }
.green-pink a::after {
  background: #1d1d1b /*#ff48b0*/; }
.green-pink #home-menu a.active-rollover {
  color: #1d1d1b /*#ff48b0*/ !important; }

.yellow-purple #buttons-bar {
  display: none; }
.yellow-purple #diamond,
.yellow-purple #diamond-reverse {
  fill: #dddddd !important; }
  .yellow-purple #diamond .box,
  .yellow-purple #diamond-reverse .box {
    fill: #dddddd !important; }
.yellow-purple #mobile-home-bg {
  background-color: #dddddd; }
.yellow-purple a,
.yellow-purple header,
.yellow-purple #intro,
.yellow-purple #textblock,
.yellow-purple #home-menu,
.yellow-purple #home-menu a.active-rollover {
  color: #1d1d1b !important; }
.yellow-purple .logofill {
  fill: #1d1d1b !important; }
.yellow-purple #home-ctas a svg .arrow {
  fill: #1d1d1b !important; }
.yellow-purple #home-ctas a:hover .diamond {
  fill: #1d1d1b !important; }
.yellow-purple .top-button {
  stroke: #1d1d1b; }
.yellow-purple a:hover .logofill {
  fill: #1d1d1b !important; }
.yellow-purple a::after {
  background: #1d1d1b; }

.purple-green #buttons-bar {
  display: none; }
.purple-green #diamond,
.purple-green #diamond-reverse {
  fill: #1d1d1b !important; }
  .purple-green #diamond .box,
  .purple-green #diamond-reverse .box {
    fill: #1d1d1b !important; }
.purple-green #mobile-home-bg {
  background-color: #1d1d1b; }
.purple-green a,
.purple-green header,
.purple-green #intro,
.purple-green #textblock,
.purple-green #home-menu,
.purple-green #home-menu a.active-rollover {
  color: #1d1d1b !important; }
.purple-green .logofill {
  fill: #1d1d1b !important; }
.purple-green #home-ctas a svg .arrow {
  fill: #1d1d1b !important; }
.purple-green #home-ctas a:hover .diamond {
  fill: #1d1d1b !important; }
.purple-green .top-button {
  stroke: #1d1d1b; }
.purple-green a:hover .logofill {
  fill: #1d1d1b /*#ff48b0*/ !important; }
.purple-green a::after {
  background: #1d1d1b; }

.pink-green #buttons-bar {
  display: none; }
.pink-green #diamond,
.pink-green #diamond-reverse {
  fill: #1d1d1b /*#ff48b0*/ !important; }
  .pink-green #diamond .box,
  .pink-green #diamond-reverse .box {
    fill: #1d1d1b /*#ff48b0*/ !important; }
.pink-green #mobile-home-bg {
  background-color: #1d1d1b /*#ff48b0*/; }
.pink-green a,
.pink-green header,
.pink-green #intro,
.pink-green #textblock,
.pink-green #home-menu,
.pink-green #home-menu a.active-rollover {
  color: #1d1d1b !important; }
.pink-green .logofill {
  fill: #1d1d1b !important; }
.pink-green #home-ctas a svg .arrow {
  fill: #1d1d1b !important; }
.pink-green #home-ctas a:hover .diamond {
  fill: #1d1d1b !important; }
.pink-green .top-button {
  stroke: #1d1d1b; }
.pink-green a:hover .logofill {
  fill: #1d1d1b !important; }
.pink-green a::after {
  background: #1d1d1b; }

.white-green {
  background-color: #f2f1ef; }
  .white-green #buttons-bar {
    display: block; }
  .white-green #diamond,
  .white-green #diamond-reverse {
    fill: #f2f1ef !important; }
    .white-green #diamond .box,
    .white-green #diamond-reverse .box {
      fill: #f2f1ef !important; }
    .white-green #diamond .diamond,
    .white-green #diamond-reverse .diamond {
      fill: #f2f1ef !important; }
  .white-green #mobile-home-bg {
    background-color: transparent; }
  .white-green a,
  .white-green header,
  .white-green #intro,
  .white-green #textblock {
    color: #1d1d1b !important; }
  .white-green #home-menu,
  .white-green #home-menu a.active-rollover {
    color: #1d1d1b !important; }
  .white-green .logofill {
    fill: #1d1d1b; }
  .white-green #home-ctas a svg .arrow {
    fill: #1d1d1b !important; }
  .white-green #home-ctas a:hover .diamond {
    fill: #1d1d1b !important; }
  .white-green .top-button {
    stroke: #1d1d1b; }
  .white-green a:hover .logofill {
    fill: #1d1d1b !important; }
  .white-green a::after {
    background: #1d1d1b; }

.purple {
  color: #1d1d1b !important; }
  .purple a,
  .purple header,
  .purple #intro,
  .purple #pageblock,
  .purple #social-links p {
    color: #1d1d1b !important; }
  .purple .logofill {
    fill: #1d1d1b !important; }
  .purple .top-button {
    stroke: #1d1d1b; }
  .purple a::after {
    background: #1d1d1b; }

.green {
  color: #1d1d1b; }
  .green a,
  .green a::after,
  .green #intro,
  .green #pageblock,
  .green #social-links p {
    color: #1d1d1b; }
  .green .logofill {
    fill: #1d1d1b; }
  .green .top-button {
    stroke: #1d1d1b; }
  .green a::after {
    background: #1d1d1b; }

.pink {
  color: #1d1d1b /*#ff48b0*/; }
  .pink header,
  .pink a,
  .pink a::after,
  .pink #intro,
  .pink #pageblock,
  .pink #social-links p {
    color: #1d1d1b /*#ff48b0*/; }
  .pink .logofill {
    fill: #1d1d1b /*#ff48b0*/; }
  .pink .top-button {
    stroke: #1d1d1b /*#ff48b0*/; }
  .pink a::after {
    background: #1d1d1b /*#ff48b0*/; }
  .pink #pageblock .editor ul li {
    /*background-image: url(images/diamond-pink.png);*/
    background-image: url(images/diamond-dark.png); 
    }

.grey-out {
  color: #cac9c8 !important; }
  .grey-out header,
  .grey-out #home-menu,
  .grey-out #home-menu a {
    color: #cac9c8 !important;
    transition: color ease 0.5s; }

@font-face {
  font-family: 'Lacuna';
  src: url("fonts/LacunaInternational-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal; }
/* helpers */
.group:after {
  content: "";
  display: table;
  clear: both; }

input,
textarea,
select {
  font-family: Arial, sans-serif; }

a {
  text-decoration: none;
  cursor: pointer;
  cursor: url(images/cursor-diamond-80.png) 15 15, auto; }

.cta,
.editor .cta {
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  transition: all ease 0.3s; }

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
  font-size: 0.75em; }

sub {
  top: 0.3em; }

/* fancybox overrides */
body .fancybox-container .fancybox-bg {
  background: white;
  opacity: 1; }
body .fancybox-container .fancybox-infobar {
  bottom: 48px;
  top: auto;
  left: 5%; }
body .fancybox-container .fancybox-toolbar {
  top: 56px;
  right: 56px; }
  body .fancybox-container .fancybox-toolbar .fancybox-button--fullscreen {
    display: none; }
  body .fancybox-container .fancybox-toolbar .fancybox-button--share {
    display: none; }
  body .fancybox-container .fancybox-toolbar .fancybox-button {
    background: white;
    color: #1d1d1b;
    padding: 0;
    width: 36px;
    height: 36px;
    transition: transform .5s ease-in-out; }
    body .fancybox-container .fancybox-toolbar .fancybox-button:hover {
      transform: rotate(180deg); }
    body .fancybox-container .fancybox-toolbar .fancybox-button img {
      width: 100%;
      height: auto; }
    body .fancybox-container .fancybox-toolbar .fancybox-button::before {
      display: none; }
body .fancybox-container .fancybox-navigation .fancybox-button {
  background: white;
  color: #1d1d1b;
  padding: 0;
  width: 18px;
  height: 36px; }
  body .fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {
    left: 5%; }
  body .fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
    right: 5%; }
  body .fancybox-container .fancybox-navigation .fancybox-button img {
    width: 100%;
    height: auto; }
  body .fancybox-container .fancybox-navigation .fancybox-button::before {
    display: none; }
body .fancybox-container .fancybox-caption-wrap {
  background: none;
  color: #4d4d4d;
  padding: 60px 5% 0; }
  body .fancybox-container .fancybox-caption-wrap .fancybox-caption {
    color: #4d4d4d;
    text-align: right;
    padding: 60px 0;
    border-top: 0; }

/* test */
.test {
  display: none;
  color: #cac9c8; }

/* 12 column grid - based on 1194px width - column width 72px, gutter 30px*/
.container {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .container {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: 100%;
      padding: 0 16px; } }

/* 1% 12 column grid - 5.5% column / 3% margin col*/
.top-button {
  height: 44px;
  width: 44px;
  position: fixed;
  mix-blend-mode: multiply;
  top: 30px;
  right: 25px;
  background-size: 100% auto;
  background-position: center center;
  transition: transform .5s ease-in-out;
  fill: none;
  stroke-miterlimit: 10;
  z-index: 300;
  outline: none; }
  .top-button .square {
    transition: transform .5s ease-in-out;
    transform-origin: 50% 50%; }
  @media only screen and (max-width: 1024px) {
    .top-button {
      right: 12px; } }
  @media only screen and (max-width: 767px) {
    .top-button {
      top: 10px;
      right: 16px;
      width: 32px;
      height: 32px; } }
  .top-button:hover .square {
    transform: rotate(180deg); }

#buttons-bar {
  display: none; }
  @media only screen and (max-width: 767px) {
    #buttons-bar {
      display: block;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      height: 54px;
      background-color: #e3e8db;
      z-index: 200; } }

#mobile-menu-button {
  display: none;
  outline: none; }
  @media only screen and (max-width: 767px) {
    #mobile-menu-button {
      display: block;
      position: fixed;
      left: 16px;
      top: 10px;
      background-color: transparent;
      border: none;
      height: 32px;
      width: 32px;
      z-index: 500;
      padding: 0;
      mix-blend-mode: multiply; }
      #mobile-menu-button svg {
        background-color: transparent;
        mix-blend-mode: multiply; }
        #mobile-menu-button svg path, #mobile-menu-button svg line {
          stroke: #1d1d1b;
          stroke-miterlimit: 10;
          stroke-width: 1px;
          fill: none; }
      #mobile-menu-button .square {
        transition: transform .5s ease-in-out;
        transform-origin: 50% 50%; }
      #mobile-menu-button:hover .square {
        transform: rotate(-180deg); } }

#mobile-submenu-button {
  display: none;
  outline: none; }
  @media only screen and (max-width: 767px) {
    #mobile-submenu-button {
      display: block;
      position: fixed;
      left: 16px;
      top: 10px;
      background-color: transparent;
      border: none;
      height: 32px;
      width: 32px;
      z-index: 500;
      padding: 0;
      mix-blend-mode: multiply; }
      #mobile-submenu-button svg {
        background-color: transparent;
        mix-blend-mode: multiply; }
        #mobile-submenu-button svg path, #mobile-submenu-button svg line {
          stroke: #1d1d1b;
          stroke-miterlimit: 10;
          stroke-width: 1px;
          fill: none; }
      #mobile-submenu-button .square {
        transition: transform .5s ease-in-out;
        transform-origin: 50% 50%; }
      #mobile-submenu-button:hover .square {
        transform: rotate(-180deg); } }

header {
  top: 0;
  left: 5%;
  width: 45%;
  position: fixed;
  padding-top: 30px;
  z-index: 200;
  color: #1d1d1b; }
  @media only screen and (max-width: 767px) {
    header {
      display: none;
      position: fixed !important;
      width: 100%;
      height: 100vh;
      background-color: white;
      left: 0;
      padding: 100px 5% 0;
      mix-blend-mode: normal; } }
  header h1, header h2, header h3 {
    font-size: 48px;
    font-family: "Lacuna";
    font-weight: 700;
    width: 400px;
    mix-blend-mode: multiply; }
    @media only screen and (max-width: 1024px) {
      header h1, header h2, header h3 {
        font-size: 36px; } }
    @media only screen and (max-width: 767px) {
      header h1, header h2, header h3 {
        width: 100%;
        font-size: 28px; } }
  header h1 {
    word-spacing: 800px; }
  header h2 {
    top: 300px;
    padding: 0 0 0 120px; }
    @media only screen and (max-width: 767px) {
      header h2 {
        padding: 10px 0 0 80px; } }
  header h3 {
    padding: 40px 0 0 0; }
    @media only screen and (max-width: 767px) {
      header h3 {
        padding: 20px 0 0 0; } }

#home-2018 header {
  mix-blend-mode: multiply; }
  @media only screen and (max-width: 767px) {
    #home-2018 header {
      display: block;
      width: 100%;
      padding-top: 100px;
      background-color: transparent;
      mix-blend-mode: multiply;
      height: auto; } }

#launch-2018 header {
  left: 0;
  position: relative;
  color: #1d1d1b /*#ff48b0*/; }

/* mobile menu */
#close-mobile-menu {
  display: none;
  outline: none; }

.show-mobile-menu {
  outline: none; }
  @media only screen and (max-width: 767px) {
    .show-mobile-menu header {
      display: block; }
    .show-mobile-menu #buttons-bar,
    .show-mobile-menu #mobile-menu-button,
    .show-mobile-menu #search-button,
    .show-mobile-menu #social-links {
      display: block; }
      .show-mobile-menu #social-links {
      display: none; }
    .show-mobile-menu #close-mobile-menu {
      display: block;
      right: auto;
      left: 16px; } }

#contact-ctas {
  width: 25%;
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: 400;
  padding: 0 0 0 25px;
  mix-blend-mode: multiply; }
  @media only screen and (max-width: 767px) {
    #contact-ctas {
      width: 50%;
      left: 0;
      padding: 0 0 0 5%;
      top: 10px; } }
  #contact-ctas a {
    line-height: 1.3em;
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 18px;
    color: #1d1d1b /*#ff48b0*/; }
    @media only screen and (max-width: 1024px) {
      #contact-ctas a {
        font-size: 16px; } }

#social-links {
  width: 16.667%;
  position: absolute;
  left: 75%;
  top: 30px;
  z-index: 400;
  mix-blend-mode: multiply;
  font-size: 18px; }
  @media only screen and (max-width: 1024px) {
    #social-links {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    #social-links {
      display: none;
      width: 50%;
      left: 50%;
      top: 10px; } }
  #social-links p {
    line-height: 1.3em;
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 18px;
    color: #1d1d1b /*#ff48b0*/; }
    @media only screen and (max-width: 1024px) {
      #social-links p {
        font-size: 16px; } }
    #social-links p span {
      cursor: pointer; }
    #social-links p .default {
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        #social-links p .default {
          display: none; } }
    #social-links p .onhover {
      display: none; }
      @media only screen and (max-width: 767px) {
        #social-links p .onhover {
          display: inline-block;
          letter-spacing: -0.05em; } }
      #social-links p .onhover a:hover {
        text-decoration: underline; }
    #social-links p:hover .default {
      display: none; }
    #social-links p:hover .onhover {
      display: inline-block; }

#home-menu {
  mix-blend-mode: multiply; }
  #home-menu ul {
    padding: 0 0 60px 120px; }
    @media only screen and (max-width: 1024px) {
      #home-menu ul {
        padding: 0 0 6px 80px; } }
    @media only screen and (max-width: 767px) {
      #home-menu ul {
        padding: 0 0 6px 60px; } }
  #home-menu li {
    font-size: 48px;
    font-family: "Lacuna";
    font-weight: 700;
    width: 400px;
    mix-blend-mode: multiply;
    margin: 0 0 6px 0; }
    @media only screen and (max-width: 1024px) {
      #home-menu li {
        font-size: 36px; } }
    @media only screen and (max-width: 767px) {
      #home-menu li {
        font-size: 28px;
        margin: 0 0 4px; } }
  #home-menu a {
    display: block;
    cursor: pointer;
    cursor: url(images/cursor-diamond-80.png) 19 19, auto; }
  #home-menu + h2 {
    padding-left: 0; }

.green header {
  color: #cac9c8 !important; }
  .green header a {
    color: #cac9c8 !important; }
    .green header a:hover {
      color: #1d1d1b !important; }
  .green header #home-menu, .green header #about-menu {
    color: #cac9c8 !important; }
    .green header #home-menu li.current-menu-item a, .green header #about-menu li.current-menu-item a {
      color: #1d1d1b !important; }
    .green header #home-menu a, .green header #about-menu a {
      color: #cac9c8 !important; }
      .green header #home-menu a:hover, .green header #about-menu a:hover {
        color: #1d1d1b !important; }

@media only screen and (max-width: 767px) {
  .yellow-purple #buttons-bar,
  .pink-green #buttons-bar,
  .white-green #buttons-bar,
  .green-pink.lower #buttons-bar {
    display: block; }
  .yellow-purple #mobile-menu-button,
  .pink-green #mobile-menu-button,
  .white-green #mobile-menu-button,
  .green-pink.lower #mobile-menu-button {
    display: block !important; }
  .yellow-purple header,
  .pink-green header,
  .white-green header,
  .green-pink.lower header {
    z-index: -1; }
  .yellow-purple header h1,
  .yellow-purple header h2,
  .yellow-purple #home-menu a,
  .pink-green header h1,
  .pink-green header h2,
  .pink-green #home-menu a,
  .white-green header h1,
  .white-green header h2,
  .white-green #home-menu a,
  .green-pink.lower header h1,
  .green-pink.lower header h2,
  .green-pink.lower #home-menu a {
    color: transparent !important;
    transition: color ease 0.6s; }
  .yellow-purple .grey-out header h1,
  .yellow-purple .grey-out header h2,
  .yellow-purple .grey-out #home-menu a,
  .pink-green .grey-out header h1,
  .pink-green .grey-out header h2,
  .pink-green .grey-out #home-menu a,
  .white-green .grey-out header h1,
  .white-green .grey-out header h2,
  .white-green .grey-out #home-menu a,
  .green-pink.lower .grey-out header h1,
  .green-pink.lower .grey-out header h2,
  .green-pink.lower .grey-out #home-menu a {
    color: transparent !important; } }

/*
#home-menu-overlay {
	display:none;
	position:fixed;
	z-index:300;
	top:0;
	right:0;
	width:50%;
	background-color:$offwhite;
	height:100vh;
	
	img {
		display:none;
		width:100%;
		height:auto;
		position:absolute;
		bottom:0;
		right:0;
	}
}
*/
/* homepage mobile menu */
#home-menu-overlay {
  display: none;
  width: 100vw;
  height: 100vh;
  background: white;
  padding: 30px 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #1d1d1b !important; }
  #home-menu-overlay a {
    color: #1d1d1b !important; }
    #home-menu-overlay a:hover {
      color: #1d1d1b !important; }
  #home-menu-overlay header {
    color: #1d1d1b !important; }
    @media only screen and (max-width: 767px) {
      #home-menu-overlay header {
        display: block; } }
    #home-menu-overlay header h2 {
      color: #1d1d1b !important; }
  #home-menu-overlay #close-mobile-menu svg path, #home-menu-overlay #close-mobile-menu svg line {
    stroke: #1d1d1b; }
  #home-menu-overlay #home-menu {
    color: green !important; }
    #home-menu-overlay #home-menu li.current-menu-item a {
      color: #1d1d1b !important; }
    #home-menu-overlay #home-menu a {
      color: #1d1d1b !important; }
      #home-menu-overlay #home-menu a:hover {
        color: #1d1d1b /*#ff48b0*/ !important; }

/* about section */
#about-menu-overlay {
  display: none;
  width: 100vw;
  height: 100vh;
  background: white;
  padding: 30px 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #1d1d1b /*#ff48b0*/ !important; }
  #about-menu-overlay a {
    color: #1d1d1b /*#ff48b0*/ !important; }
    #about-menu-overlay a:hover {
      color: #1d1d1b /*#ff48b0*/ !important; }
  @media only screen and (max-width: 767px) {
    #about-menu-overlay #close-about-menu {
      right: auto;
      left: 16px; } }
  #about-menu-overlay header {
    color: #1d1d1b /*#ff48b0*/ !important; }
    @media only screen and (max-width: 767px) {
      #about-menu-overlay header {
        display: block; } }
  #about-menu-overlay #about-menu {
    color: #1d1d1b /*#ff48b0*/ !important; }
    #about-menu-overlay #about-menu li.current-menu-item a {
      color: #1d1d1b !important; }
    #about-menu-overlay #about-menu a {
      color: #1d1d1b /*#ff48b0*/ !important; }
      #about-menu-overlay #about-menu a:hover {
        color: #1d1d1b !important; }

/* about header */
#mobile-about-menu-button {
  display: none; }
  @media only screen and (max-width: 767px) {
    #mobile-about-menu-button {
      display: block;
      position: fixed;
      left: 16px;
      top: 10px;
      background-color: transparent;
      border: none;
      height: 32px;
      width: 32px;
      z-index: 500;
      padding: 0;
      mix-blend-mode: multiply; }
      #mobile-about-menu-button svg {
        background-color: transparent;
        mix-blend-mode: multiply; }
        #mobile-about-menu-button svg path, #mobile-about-menu-button svg line {
          stroke: #1d1d1b /*#ff48b0*/;
          stroke-miterlimit: 10;
          stroke-width: 1px;
          fill: none; }
      #mobile-about-menu-button .square {
        transition: transform .5s ease-in-out;
        transform-origin: 50% 50%; }
      #mobile-about-menu-button:hover .square {
        transform: rotate(-180deg); } }

#programme-link {
  display: block;
  line-height: 1.3em;
  font-family: "Lacuna";
  font-weight: 700;
  font-size: 18px;
  color: #1d1d1b /*#ff48b0*/;
  position: absolute;
  left: 50%;
  top: 30px;
  padding-left: 25px;
  z-index: 500; }
  @media only screen and (max-width: 767px) {
    #programme-link {
      line-height: 1.1em;
      font-size: 14px;
      left: auto;
      right: 54px;
      top: 14px;
      padding-left: 0;
      position: fixed; } }

#about-menu {
  padding-top: 0; }
  #about-menu ul {
    padding: 0 0 60px 120px; }
    @media only screen and (max-width: 1024px) {
      #about-menu ul {
        padding: 0 0 60px 80px; } }
    @media only screen and (max-width: 767px) {
      #about-menu ul {
        padding: 0 0 60px 60px; } }
  #about-menu li {
    font-size: 48px;
    font-family: "Lacuna";
    font-weight: 700;
    width: 400px;
    margin: 0 0 6px 0; }
    @media only screen and (max-width: 1024px) {
      #about-menu li {
        font-size: 36px;
        width: auto; } }
    @media only screen and (max-width: 767px) {
      #about-menu li {
        font-size: 28px;
        width: auto; } }
  #about-menu a {
    display: block;
    cursor: pointer;
    cursor: url(images/cursor-diamond-80.png) 19 19, auto;
    color: #1d1d1b /*#ff48b0*/; }
  #about-menu + h2 {
    padding-left: 0; }

/* search */
#search-overlay {
  display: none;
  width: 100vw;
  height: 100vh;
  background: white;
  padding: 30px 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #1d1d1b !important; }

#search-bar {
  padding-top: 30px;
  background-color: white;
  width: 100%;
  z-index: 500; }
  #search-bar h2 {
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 5px 0; }
  #search-bar form {
    width: 100%; }
  #search-bar input[type="search"] {
    border: none;
    border-bottom: 2px solid #1d1d1b;
    padding: 65px 0 10px 0;
    width: 100%;
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 48px;
    color: #cac9c8;
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0; }
    @media only screen and (max-width: 767px) {
      #search-bar input[type="search"] {
        font-size: 28px; } }
  #search-bar input[type="submit"] {
    display: none; }

#search-page {
  background-color: white; }
  #search-page .top-button {
    z-index: 600;
    outline: none; }
  #search-page #search-bar {
    position: fixed;
    top: 0;
    left: 0; }
  #search-page #main-content {
    padding: 190px 0 100px 0; }
  #search-page #search-results > div {
    width: 50%;
    float: left;
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      #search-page #search-results > div {
        width: 100%;
        float: none;
        font-size: 14px; } }
    #search-page #search-results > div > h2 {
      color: #4d4d4d;
      font-family: "Lacuna";
      font-weight: 700;
      font-size: 18px;
      padding: 10px 0 25px; }
    #search-page #search-results > div.event-results {
      padding: 0 25px 0 0; }
      @media only screen and (max-width: 767px) {
        #search-page #search-results > div.event-results {
          padding: 0; } }
      #search-page #search-results > div.event-results #events-menu article {
        line-height: 1.3; }
    #search-page #search-results > div.other-results {
      padding: 0 0 0 25px; }
      #search-page #search-results > div.other-results article {
        margin-bottom: 25px; }
        #search-page #search-results > div.other-results article h3 {
          font-family: "Lacuna";
          font-weight: 700;
          font-size: 18px;
          padding: 0 0 8px 0; }
        #search-page #search-results > div.other-results article .entry {
          color: #4d4d4d;
          line-height: 1.3; }

footer {
  padding: 50px 0;
  position: relative;
  z-index: 500;
  height: auto;
  background-color: #f2f1ef; }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 60px 0 10px; } }

#footer-menu {
  float: left;
  width: 40%; }
  @media only screen and (max-width: 767px) {
    #footer-menu {
      width: 100%;
      float: none; } }
  #footer-menu ul {
    width: 350px; }
    @media only screen and (max-width: 1024px) {
      #footer-menu ul {
        width: 100%; } }
  #footer-menu li {
    float: left;
    width: 175px;
    margin-bottom: 10px;
    font-size: 14px; }
    @media only screen and (max-width: 1024px) {
      #footer-menu li {
        margin-bottom: 16px;
        width: 40%; } }
    @media only screen and (max-width: 767px) {
      #footer-menu li {
        margin-bottom: 10px; } }

#footer-partners {
  float: left;
  width: 60%; }
  @media only screen and (max-width: 767px) {
    #footer-partners {
      width: 100%;
      float: none;
      padding: 40px 0 0; } }
  #footer-partners a {
    display: inline-block;
    height: 48px;
    padding-right: 20px; }
    @media only screen and (max-width: 1024px) {
      #footer-partners a {
        padding-right: 8px; } }
    @media only screen and (max-width: 767px) {
      #footer-partners a {
        padding-right: 4px; } }
    #footer-partners a:last-child {
      padding-right: 0; }
  #footer-partners svg {
    height: 48px;
    width: auto;
    max-width: 78px; }
    @media only screen and (max-width: 1024px) {
      #footer-partners svg {
        height: 40px;
        max-width: 68px; } }
    @media only screen and (max-width: 767px) {
      #footer-partners svg {
        height: 36px;
        max-width: 66px; } }

html {
  background-color: #f2f1ef; }

body {
  font-family: StandardCT-Regular, Arial, sans-serif;
  font-size: 18px;
  background-color: #f2f1ef;
  letter-spacing: .01em; }
  @media only screen and (max-width: 1024px) {
    body {
      font-size: 16px; } }

#site-wrapper {
  position: relative;
  z-index: 50; }

#main-content {
  position: relative;
  min-height: 100vh; }

/* content page template */
body.page,
body.blog {
  /*background-image: url(images/divider-diamonds-pink.png);*/
  background-image: url(images/divider-diamonds-dark.png);
  background-position: 50% top;
  background-repeat: repeat-y;
  background-size: 4px auto;
  min-height: 100vh;
  background-attachment: fixed; }
  @media only screen and (max-width: 767px) {
    body.page header,
    body.blog header {
      position: static; } }
  body.page #main-content,
  body.blog #main-content {
    padding-top: 180px; }
    @media only screen and (max-width: 767px) {
      body.page #main-content,
      body.blog #main-content {
        padding-top: 54px; } }
  @media only screen and (max-width: 767px) {
    body.page,
    body.blog {
      background-image: none; } }
  body.page #footer-partners,
  body.blog #footer-partners {
    padding-left: 25px; }
    @media only screen and (max-width: 767px) {
      body.page #footer-partners,
      body.blog #footer-partners {
        padding-left: 0; } }

#pageblock {
  margin-left: 50%;
  width: 50%;
  padding: 0 30px 0 25px;
  color: #1d1d1b;
  min-height: 400px; }
  @media only screen and (max-width: 1024px) {
    #pageblock {
      padding: 0 20px 0 25px; } }
  @media only screen and (max-width: 767px) {
    #pageblock {
      margin-left: 0;
      margin-top: 0;
      width: 100%;
      padding: 38px 0 0 0; } }
  #pageblock .wysiwyg-content {
    padding: 0 0 20px 0; }
    #pageblock .wysiwyg-content h1:first-child {
      padding-top: 14px !important; }
  #pageblock .editor h1 {
    font-size: 48px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 50px 0 40px 0;
    line-height: 1.2em;
    letter-spacing: normal; }
    @media only screen and (max-width: 1024px) {
      #pageblock .editor h1 {
        font-size: 36px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .editor h1 {
        font-size: 30px; } }
    #pageblock .editor h1:first-child {
      padding-top: 0; }
  #pageblock .editor h2 {
    font-size: 28px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 50px 0 40px 0;
    line-height: 1.2em;
    letter-spacing: normal; }
    @media only screen and (max-width: 1024px) {
      #pageblock .editor h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .editor h2 {
        font-size: 20px; } }
    #pageblock .editor h2:first-child {
      padding-top: 0; }
  #pageblock .editor h3 {
    font-size: 24px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 0 0 30px 0;
    line-height: 1.2em;
    letter-spacing: normal; }
    @media only screen and (max-width: 1024px) {
      #pageblock .editor h3 {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .editor h3 {
        font-size: 18px; } }
    #pageblock .editor h3:first-child {
      padding-top: 0; }
  #pageblock .editor p {
    line-height: 1.4em;
    margin-bottom: 1.3em; }
    #pageblock .editor p.Body span {
      font-family: StandardCT-Regular, Arial, sans-serif !important; }
  #pageblock .editor strong {
    font-weight: bold; }
  #pageblock .editor ul {
    margin: 0; }
    #pageblock .editor ul li {
      list-style-type: none;
      background-image: url(images/diamond-green.png);
      background-size: 14px auto;
      background-position: left 3px;
      padding: 0 0 0 22px;
      line-height: 1.2em;
      margin: 0 0 1em 0; }
  #pageblock .editor a {
    display: inline-block; }
  #pageblock .editor a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    transition: width .3s;
    margin-top: -2px; }
  #pageblock .editor a:hover::after {
    width: 0; }
  #pageblock .editor iframe {
    width: 100%; }
  #pageblock .content_text_repeater h2:first-child {
    padding-top: 50px; }
  #pageblock .content_text_repeater:first-child h2:first-child {
    padding-top: 16px; }

/* mailchimp sign up form */
#mc4wp-form-1 {
  width: 66.67%; }
  @media only screen and (max-width: 1024px) {
    #mc4wp-form-1 {
      width: 83.333333%; } }
  @media only screen and (max-width: 767px) {
    #mc4wp-form-1 {
      width: 100%; } }
  #mc4wp-form-1 li {
    list-style-type: none;
    background-image: none !important; }
  #mc4wp-form-1 input[type="email"],
  #mc4wp-form-1 input[type="text"] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #1d1d1b /*#ff48b0*/;
    background-color: transparent;
    color: #1d1d1b /*#ff48b0*/;
    height: 36px;
    line-height: 34px;
    padding: 4px 0 0 4px;
    font-family: StandardCT-Regular, Arial, sans-serif;
    font-size: 18px;
    -webkit-appearance: none; }
  #mc4wp-form-1 input[type="email"]::placeholder,
  #mc4wp-form-1 input[type="text"]::placeholder {
    color: #1d1d1b /*#ff48b0*/;
    opacity: 1; }
  #mc4wp-form-1 .input-group {
    padding: 14px 0 0; }
    #mc4wp-form-1 .input-group li {
      float: left;
      width: 50%;
      padding: 0 0 16px;
      font-size: 18px; }
      #mc4wp-form-1 .input-group li label {
        padding: 0 0 0 2px;
        position: relative;
        top: 1px; }
  #mc4wp-form-1 input[type="submit"] {
    border: 1px solid #1d1d1b /*#ff48b0*/;
    height: 36px;
    line-height: 34px;
    text-align: center;
    color: #1d1d1b /*#ff48b0*/;
    font-family: StandardCT-Regular, Arial, sans-serif;
    font-size: 20px;
    width: 100%;
    background-color: transparent;
    transition: all ease 0.3s;
    cursor: pointer; }
    #mc4wp-form-1 input[type="submit"]:hover {
      background-color: #1d1d1b /*#ff48b0*/;
      color: white; }

/* home */
body#home.page header {
  position: static;
  width: 50%;
  top: 0;
  left: 0; }
body#home.page #main-content {
  padding-top: 0; }
body#home.page #footer-partners {
  padding-left: 0; }

#intro {
  padding: 40px 0 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: multiply; }
  @media only screen and (max-width: 767px) {
    #intro {
      position: relative;
      width: 100%; } }
  #intro p {
    width: 50%;
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 1em;
    padding-right: 90px;
    mix-blend-mode: multiply; }
    @media only screen and (max-width: 1024px) {
      #intro p {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      #intro p {
        width: 100%;
        padding-right: 40px; } }
  #intro a {
    display: inline-block; }
  #intro a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    transition: width .3s;
    margin-top: -2px; }
  #intro a:hover::after {
    width: 0; }

#diamond {
  width: 100%;
  height: auto;
  position: fixed;
  left: 50vw;
  margin-left: -50vw;
  top: calc(100vh - 50vw);
  transition: fill ease 0.3s; }
  @media only screen and (max-width: 767px) {
    #diamond {
      top: calc(50vh - 50vw); } }

#textblock {
  float: right;
  width: 50%;
  margin-top: -1090px;
  margin-left: 50%;
  font-family: "Lacuna";
  font-weight: 700;
  font-size: 48px;
  letter-spacing: normal;
  width: 50%;
  color: #1d1d1b /*#ff48b0*/;
  padding-bottom: 100vh;
  mix-blend-mode: multiply;
  transition: color ease 0.3s; }
  @media only screen and (max-width: 1024px) {
    #textblock {
      font-size: 38px;
      margin-top: -744px; } }
  @media only screen and (max-width: 767px) {
    #textblock {
      float: none;
      width: 100%;
      font-size: 26px;
      margin-left: 0;
      margin-top: 150px;
      padding-bottom: 100px;
      padding-left: 80px; } }

/* registration form */
#pageblock .nf-form-cont .nf-form-title h3 {
  font-size: 28px; }
#pageblock .nf-form-cont .nf-form-fields-required {
  padding-bottom: 20px; }
#pageblock .nf-form-cont .nf-field-label label {
  font-weight: 400; }
#pageblock .nf-form-cont .label-above .nf-field-label {
  margin: 0; }
#pageblock .nf-form-cont .listradio-container.label-above .nf-field-label,
#pageblock .nf-form-cont .textarea-container.label-above .nf-field-label,
#pageblock .nf-form-cont .number-container.label-above .nf-field-label {
  margin-bottom: 10px; }
#pageblock .nf-form-cont li {
  list-style-type: none !important;
  background-image: none !important; }
#pageblock .nf-form-cont label {
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    #pageblock .nf-form-cont label {
      font-size: 16px; } }
#pageblock .nf-form-cont input[type="email"],
#pageblock .nf-form-cont input[type="text"],
#pageblock .nf-form-cont input[type="number"] {
  width: 100%;
  border: none;
  border-bottom: 1px solid #1d1d1b /*#ff48b0*/;
  background-color: transparent;
  color: #1d1d1b /*#ff48b0*/;
  height: 36px;
  line-height: 34px;
  padding: 4px 0 0 4px;
  font-family: StandardCT-Regular, Arial, sans-serif;
  font-size: 18px;
  -webkit-appearance: none; }
#pageblock .nf-form-cont textarea {
  height: 100px;
  border: 1px solid #1d1d1b /*#ff48b0*/;
  padding: 10px;
  color: #1d1d1b /*#ff48b0*/;
  background-color: transparent;
  font-family: StandardCT-Regular, Arial, sans-serif;
  font-size: 18px;
  -webkit-appearance: none; }
#pageblock .nf-form-cont .nf-error-msg, #pageblock .nf-form-cont .ninja-forms-req-symbol {
  color: #1d1d1b /*#ff48b0*/; }
#pageblock .nf-form-cont input[type="button"] {
  border: 1px solid #1d1d1b /*#ff48b0*/;
  height: 36px;
  line-height: 34px;
  text-align: center;
  color: #1d1d1b /*#ff48b0*/;
  font-family: StandardCT-Regular, Arial, sans-serif;
  font-size: 20px;
  width: 100%;
  background-color: transparent;
  transition: all ease 0.3s;
  cursor: pointer; }
  #pageblock .nf-form-cont input[type="button"]:hover {
    background-color: rgba(0, 0, 0, 0.33); }

/* programme version here */
/* 2018 homepage */
@media only screen and (max-width: 767px) {
  #home-2018 #mobile-menu-button {
    display: none; } }
#home-2018 #main-content {
  padding: 274px 0 100px 0; }
  @media only screen and (max-width: 767px) {
    #home-2018 #main-content {
      padding: 675px 0 60px 0; } }
#home-2018 #pageblock {
  margin-top: 0; }
  #home-2018 #pageblock #home-ctas {
    padding-bottom: 30px;
    color: #1d1d1b /*#ff48b0*/;
    mix-blend-mode: multiply; }
    #home-2018 #pageblock #home-ctas h2 {
      font-size: 36px;
      font-family: "Lacuna";
      font-weight: 700;
      letter-spacing: normal;
      mix-blend-mode: multiply;
      position: relative; }
      #home-2018 #pageblock #home-ctas h2 a {
        display: inline-block;
        position: relative; }
        #home-2018 #pageblock #home-ctas h2 a::after {
          content: "";
          position: absolute;
          width: 16px;
          height: 30px;
          right: -30px;
          bottom: 6px;
          background-image: url(images/arrow-right-dark.png);
          /*background-image: url(images/arrow-right-pink.png);*/
          background-color: transparent;
          background-size: cover; }
    #home-2018 #pageblock #home-ctas h3 {
      font-size: 36px;
      font-family: "Lacuna";
      font-weight: 700;
      letter-spacing: normal;
      mix-blend-mode: multiply;
      display: inline-block;
      margin-bottom: 35px;
      position: relative; }
      #home-2018 #pageblock #home-ctas h3 svg {
        width: 28px;
        height: 28px;
        position: absolute;
        bottom: 12px;
        right: -50px; }
        #home-2018 #pageblock #home-ctas h3 svg .diamond {
          fill: none; }
        #home-2018 #pageblock #home-ctas h3 svg .arrow {
          fill: #1d1d1b /*#ff48b0*/ !important; }
      #home-2018 #pageblock #home-ctas h3:hover .diamond {
        fill: #000; }
      @media only screen and (max-width: 1024px) {
        #home-2018 #pageblock #home-ctas h3 {
          font-size: 30px; } }
      @media only screen and (max-width: 767px) {
        #home-2018 #pageblock #home-ctas h3 {
          font-size: 26px; } }
  #home-2018 #pageblock .event-list article {
    margin: 0 0 60px 0; }
    #home-2018 #pageblock .event-list article a::after {
      display: none; }
    #home-2018 #pageblock .event-list article .preview-image {
      display: block; }
      #home-2018 #pageblock .event-list article .preview-image img {
        width: 100%;
        height: auto; }
    #home-2018 #pageblock .event-list article h1, #home-2018 #pageblock .event-list article h2 {
      font-size: 18px;
      margin: 0;
      padding: 0;
      line-height: 1.2em;
      font-family: "Lacuna";
      font-weight: 700;
      letter-spacing: normal; }
    #home-2018 #pageblock .event-list article .artists {
      padding: 8px 0 0; }
      #home-2018 #pageblock .event-list article .artists span::after {
        content: ","; }
      #home-2018 #pageblock .event-list article .artists span:last-child::after {
        content: ""; }
    #home-2018 #pageblock .event-list article .event-title {
      padding-left: 30px;
      color: #4d4d4d; }

#mobile-home-bg {
  display: none; }
  @media only screen and (max-width: 767px) {
    #mobile-home-bg {
      display: block;
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      transition: all ease 0.3s; } }

#diamond-reverse {
  width: 100vw;
  height: auto;
  position: fixed;
  left: 0;
  top: 0;
  transition: fill ease 0.3s; }
  #diamond-reverse .box {
    transition: fill ease 0.3s; }
  @media only screen and (max-width: 767px) {
    #diamond-reverse {
      top: 50vh;
      margin-top: -50vw; } }

/* 2018 artists */
#artists-menu {
  font-size: 28px;
  font-family: "Lacuna";
  font-weight: 700;
  letter-spacing: normal; }
  @media only screen and (max-width: 767px) {
    #artists-menu {
      font-size: 24px; } }
  #artists-menu li {
    list-style-type: none;
    margin: 0 0 0.33em; }
    @media only screen and (max-width: 767px) {
      #artists-menu li {
        margin: 0 0 0.1em; } }
    #artists-menu li a {
      text-decoration: none;
      display: inline-block; }
  #artists-menu.grey-out li a {
    color: #cac9c8; }
    #artists-menu.grey-out li a.current-menu-item, #artists-menu.grey-out li a:hover {
      color: #1d1d1b; }

#artists-overlay {
  display: none;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: calc(50% - 2px);
  background-color: #f2f1ef;
  height: 100vh; }
  @media only screen and (max-width: 767px) {
    #artists-overlay {
      display: none !important; } }
  #artists-overlay img {
    display: none;
    max-width: calc(100% + 4px);
    max-height: 75vh;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media only screen and (max-width: 767px) {
      #artists-overlay img {
        display: none !important; } }

/* single pages */
.single {
  /*background-image: url(images/divider-diamonds-pink.png);*/
  background-image: url(images/divider-diamonds-dark.png);
  background-position: 50% top;
  background-repeat: repeat-y;
  background-size: 4px auto;
  min-height: 100vh; }
  @media only screen and (max-width: 767px) {
    .single {
      background-image: none; } }
  .single #main-content {
    padding: 190px 0 100px 0; }
    @media only screen and (max-width: 767px) {
      .single #main-content {
        padding: 60px 0; } }

/* artists single page */
.single-artists #pageblock {
  padding-right: 20px; }
  @media only screen and (max-width: 767px) {
    .single-artists #pageblock {
      padding-right: 0; } }
  .single-artists #pageblock > .editor > h1 {
    font-size: 28px; }
    @media only screen and (max-width: 767px) {
      .single-artists #pageblock > .editor > h1 {
        font-size: 26px; } }
  .single-artists #pageblock > .editor .artist-intro {
    padding-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .single-artists #pageblock > .editor .artist-intro {
        padding-bottom: 40px; } }
  .single-artists #pageblock .artist-events-list {
    padding-bottom: 60px; }
    .single-artists #pageblock .artist-events-list article {
      margin: 0 0 30px 0; }

/* events page */
/* events menu */
#event-menu-header {
  height: 180px;
  position: fixed;
  background-color: #f2f1ef;
  left: 30px;
  top: 0;
  width: calc(50% - 34px);
  padding-top: 30px;
  z-index: 200; }
  @media only screen and (max-width: 767px) {
    #event-menu-header {
      position: relative;
      left: 0;
      width: 100%;
      padding-top: 0;
      height: auto;
      padding-bottom: 20px;
      z-index: 50; } }

#events-2018 #event-menu-header,
#exhibitions-2018 #event-menu-header,
#day-2018 #event-menu-header {
  left: calc(50% + 3px); }
  @media only screen and (max-width: 767px) {
    #events-2018 #event-menu-header,
    #exhibitions-2018 #event-menu-header,
    #day-2018 #event-menu-header {
      left: 0; } }
  #events-2018 #event-menu-header #events-filter,
  #exhibitions-2018 #event-menu-header #events-filter,
  #day-2018 #event-menu-header #events-filter {
    padding-left: 80px; }
    @media only screen and (max-width: 767px) {
      #events-2018 #event-menu-header #events-filter,
      #exhibitions-2018 #event-menu-header #events-filter,
      #day-2018 #event-menu-header #events-filter {
        padding-left: 45px; } }
#events-2018 #social-links,
#exhibitions-2018 #social-links,
#day-2018 #social-links {
  position: fixed; }
  @media only screen and (max-width: 1024px) {
    #events-2018 #social-links,
    #exhibitions-2018 #social-links,
    #day-2018 #social-links {
      display: none; } }
#events-2018 #pageblock,
#exhibitions-2018 #pageblock,
#day-2018 #pageblock {
  padding-top: 0; }

#exhibitions-2018 #main-content, #events-2018 #main-content {
  padding-top: 210px; }
  @media only screen and (max-width: 767px) {
    #exhibitions-2018 #main-content, #events-2018 #main-content {
      padding-top: 54px; } }
  #exhibitions-2018 #main-content .wysiwyg-content, #events-2018 #main-content .wysiwyg-content {
    padding-left: 57px; }
    @media only screen and (max-width: 767px) {
      #exhibitions-2018 #main-content .wysiwyg-content, #events-2018 #main-content .wysiwyg-content {
        padding-left: 0; } }
#exhibitions-2018 #event-menu-header, #events-2018 #event-menu-header {
  height: 210px; }
  @media only screen and (max-width: 767px) {
    #exhibitions-2018 #event-menu-header, #events-2018 #event-menu-header {
      height: 180px; } }

#events-filter {
  width: 100%;
  padding: 0 0 0 57px; }
  #events-filter button {
    border: none;
    background: none;
    color: #1d1d1b;
    font-family: "Lacuna";
    letter-spacing: normal;
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 0 30px 0 0;
    color: #cac9c8;
    cursor: pointer;
    transition: all ease 0.3s; }
    @media only screen and (max-width: 767px) {
      #events-filter button {
        font-size: 18px; } }
    #events-filter button:hover {
      color: #1d1d1b; }
    #events-filter button:focus {
      outline: 0; }
    #events-filter button.mixitup-control-active {
      color: #1d1d1b; }

#events-menu article {
  line-height: 1.4em;
  color: #4d4d4d; }
  @media only screen and (max-width: 1024px) {
    #events-menu article {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    #events-menu article {
      font-size: 16px; } }
  #events-menu article a {
    display: block;
    padding: 15px 0 30px 0;
    border-top: 2px solid #1d1d1b;
    color: #4d4d4d; }
  #events-menu article .event-address {
    float: left;
    width: 50%;
    padding-right: 15px; }
    @media only screen and (max-width: 767px) {
      #events-menu article .event-address {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px !important; } }
    #events-menu article .event-address span {
      float: left;
      margin-right: 10px;
      position: relative;
      top: 1px; }
    #events-menu article .event-address p {
      margin: 0 0 0 52px; }
      #events-menu article .event-address p em {
        color: #1d1d1b; }
      @media only screen and (max-width: 767px) {
        #events-menu article .event-address p {
          margin: 0 0 0 45px;
          line-height: 1.2; } }
    #events-menu article .event-address .venue-title {
      color: #1d1d1b; }
    @media only screen and (max-width: 767px) {
      #events-menu article .event-address .event-type br {
        display: none; }
      #events-menu article .event-address .event-type span {
        float: none;
        margin-right: 0;
        position: static; }
        #events-menu article .event-address .event-type span::after {
          content: ", "; }
        #events-menu article .event-address .event-type span:last-child::after {
          content: ""; } }
  #events-menu article .event-title {
    float: left;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #events-menu article .event-title {
        float: none;
        width: 100%;
        padding: 0 0 0 45px; } }
    #events-menu article .event-title h1 {
      color: #1d1d1b; }
#events-menu.grey-out a {
  color: #cac9c8;
  border-top-color: #cac9c8; }
  #events-menu.grey-out a .event-title h1, #events-menu.grey-out a .venue-title {
    color: #cac9c8 !important; }
  #events-menu.grey-out a.current-menu-item, #events-menu.grey-out a:hover {
    color: #4d4d4d;
    border-top-color: #1d1d1b; }
    #events-menu.grey-out a.current-menu-item .event-title h1, #events-menu.grey-out a.current-menu-item .venue-title, #events-menu.grey-out a:hover .event-title h1, #events-menu.grey-out a:hover .venue-title {
      color: #1d1d1b !important; }
    #events-menu.grey-out a.current-menu-item .mapref, #events-menu.grey-out a:hover .mapref {
      background-image: url(images/diamond.svg); }
      #events-menu.grey-out a.current-menu-item .mapref.various-locations, #events-menu.grey-out a:hover .mapref.various-locations {
        background-image: url(images/ic-variouslocations.svg); }
      #events-menu.grey-out a.current-menu-item .mapref.across-city, #events-menu.grey-out a:hover .mapref.across-city {
        background-image: url(images/ic-acrosscity.svg); }
#events-menu.grey-out .mapref {
  background-image: url(images/diamond-grey.svg); }
  #events-menu.grey-out .mapref.various-locations {
    background-image: url(images/ic-variouslocations-grey.svg); }
  #events-menu.grey-out .mapref.across-city {
    background-image: url(images/ic-acrosscity-grey.svg); }

#pageblock .event-address {
  padding: 0 10px 20px 0; }
  @media only screen and (max-width: 767px) {
    #pageblock .event-address {
      padding: 0 0 20px 0; } }
  #pageblock .event-address a {
    color: #4d4d4d; }
    #pageblock .event-address a:hover {
      color: #1d1d1b; }
    #pageblock .event-address a:after {
      display: none; }
  #pageblock .event-address span {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 1px; }
  #pageblock .event-address p {
    margin: 0 0 0 57px; }
    #pageblock .event-address p em {
      color: #1d1d1b; }
    @media only screen and (max-width: 767px) {
      #pageblock .event-address p {
        margin: 0 0 0 45px;
        line-height: 1.2; } }

.cls-1 {
	fill: #1d1d1b !important;
}
.mapref {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-image: url(images/diamond.svg);
  background-size: cover;
  background-position: center center;
  color: #f2f1ef;
  font-size: 18px;
  padding: 13px 0 0 0;
  line-height: 1em;
  font-family: "Lacuna";
  letter-spacing: normal;
  font-weight: 700;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .mapref {
      width: 32px;
      height: 32px;
      font-size: 14px;
      padding: 10px 0 0 0; } }
  .mapref.various-locations {
    background-image: url(images/ic-variouslocations.svg); }
  .mapref.across-city {
    background-image: url(images/ic-acrosscity.svg); }

/* events single */
#menublock {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(50% - 3px);
  background: #f2f1ef;
  overflow-y: scroll;
  height: 100vh;
  z-index: 500;
  padding: 198px 25px 0 30px;
  transition: all ease 0.75s; }
  @media only screen and (max-width: 767px) {
    #menublock {
      display: none; } }
  #menublock.hidden {
    transform: translateX(-100%); }
  #menublock #hide-menu {
    position: absolute;
    display: block;
    left: 0;
    top: 30px;
    background-color: transparent;
    border: none;
    height: 44px;
    width: 44px;
    cursor: pointer;
    padding: 0;
    outline: none; }
    #menublock #hide-menu svg {
      height: 44px;
      width: 44px;
      background-color: transparent; }
      #menublock #hide-menu svg path, #menublock #hide-menu svg line {
        stroke: #1d1d1b;
        stroke-miterlimit: 10;
        stroke-width: 1px;
        fill: none; }
    #menublock #hide-menu .square {
      transition: transform .5s ease-in-out;
      transform-origin: 50% 50%; }
    #menublock #hide-menu:hover .square {
      transform: rotate(-180deg); }
  #menublock .filter-list {
    padding-bottom: calc(100vh - 180px); }
    @media only screen and (max-width: 767px) {
      #menublock .filter-list {
        padding-bottom: 0; } }

.single-events #pageblock {
  padding-right: 20px; }
  @media only screen and (max-width: 767px) {
    .single-events #pageblock {
      padding-right: 0; } }

#pageblock .event-details {
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    #pageblock .event-details {
      padding-bottom: 30px; } }
  #pageblock .event-details .event-title h1, #pageblock .event-details .event-title h2 {
    font-size: 28px; }
    @media only screen and (max-width: 1024px) {
      #pageblock .event-details .event-title h1, #pageblock .event-details .event-title h2 {
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .event-title h1, #pageblock .event-details .event-title h2 {
        font-size: 18px;
        line-height: 1.1; } }
  #pageblock .event-details .event-title h1 {
    padding: 0; }
  #pageblock .event-details .event-title h2 {
    color: #4d4d4d;
    padding: 10px 0 50px 60px; }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .event-title h2 {
        padding: 10px 0 30px 45px; } }
  #pageblock .event-details .event-locations,
  #pageblock .event-details .event-type {
    float: left;
    color: #4d4d4d;
    font-size: 16px; }
    @media only screen and (max-width: 1024px) {
      #pageblock .event-details .event-locations,
      #pageblock .event-details .event-type {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .event-locations,
      #pageblock .event-details .event-type {
        font-size: 16px; } }
  #pageblock .event-details .event-locations {
    width: 56%; }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .event-locations {
        width: 100%; } }
  #pageblock .event-details .event-type {
    padding-bottom: 20px;
    width: 44%; }
    #pageblock .event-details .event-type p {
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .event-type {
        padding: 0 0 10px 45px; } }
  #pageblock .event-details .opening-times {
    font-size: 16px;
    clear: left; }
    @media only screen and (max-width: 1024px) {
      #pageblock .event-details .opening-times {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .opening-times {
        font-size: 16px; } }
  #pageblock .event-details .event-pix {
    clear: left; }
    #pageblock .event-details .event-pix a {
      border: none;
      outline: none; }
      #pageblock .event-details .event-pix a:after {
        display: none; }
    #pageblock .event-details .event-pix img {
      max-width: 100%;
      max-height: 600px;
      width: auto;
      height: auto; }
    #pageblock .event-details .event-pix .caption {
      color: #cac9c8;
      font-size: 16px; }
  #pageblock .event-details .content-text {
    padding-top: 30px;
    color: #4d4d4d; }
    @media only screen and (max-width: 767px) {
      #pageblock .event-details .content-text {
        padding-top: 10px; } }

#related-events > h3 {
  color: #1d1d1b;
  font-family: "Lacuna";
  font-weight: 700;
  font-size: 28px;
  letter-spacing: normal;
  margin: 0 0 30px 0; }
  @media only screen and (max-width: 767px) {
    #related-events > h3 {
      font-size: 18px; } }
#related-events .event-container {
  border-top: 2px solid #1d1d1b;
  padding: 15px 0; }
  #related-events .event-container a::after {
    display: none !important; }
  #related-events .event-container img, #related-events .event-container .image-blank {
    width: 225px;
    height: auto;
    float: left;
    margin: 0 15px 0 0;
    display: block;
    min-height: 50px; }
    @media only screen and (max-width: 767px) {
      #related-events .event-container img, #related-events .event-container .image-blank {
        width: 135px; } }
  #related-events .event-container .event-preview-text {
    float: left;
    width: calc(100% - 240px); }
    @media only screen and (max-width: 767px) {
      #related-events .event-container .event-preview-text {
        width: calc(100% - 150px); } }
    #related-events .event-container .event-preview-text h2 {
      padding: 0 0 10px !important;
      font-size: 18px !important; }
      @media only screen and (max-width: 767px) {
        #related-events .event-container .event-preview-text h2 {
          font-size: 16px !important; } }
    #related-events .event-container .event-preview-text h3 {
      padding: 0 0 0 20px !important;
      font-size: 18px !important;
      color: #4d4d4d; }
      @media only screen and (max-width: 767px) {
        #related-events .event-container .event-preview-text h3 {
          font-size: 16px !important;
          padding: 0 0 0 10px !important; } }
    #related-events .event-container .event-preview-text p {
      padding: 0;
      margin: 0; }

/* exhibitions list */
#menublock.exhibition-list #events-filter {
  padding-bottom: 168px; }
  #menublock.exhibition-list #events-filter h1 {
    color: #1d1d1b;
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 18px;
    letter-spacing: normal; }

/* venues page */
/* venues menu */
#venue-menu-header {
  height: 180px;
  position: fixed;
  background-color: #f2f1ef;
  left: 30px;
  top: 0;
  width: calc(50% - 34px);
  padding-top: 30px;
  z-index: 200; }
  @media only screen and (max-width: 767px) {
    #venue-menu-header {
      z-index: 150; } }

#venues #venue-menu-header {
  left: calc(50% + 3px); }
  @media only screen and (max-width: 767px) {
    #venues #venue-menu-header {
      left: 0;
      width: 100%;
      padding-top: 54px; } }
  #venues #venue-menu-header #events-filter {
    padding-left: 80px; }
#venues #social-links {
  position: fixed; }
  @media only screen and (max-width: 1024px) {
    #venues #social-links {
      display: none; } }

#venues-filter {
  width: 100%;
  padding: 0 0 0 57px; }
  @media only screen and (max-width: 767px) {
    #venues-filter {
      padding-left: 61px; } }
  #venues-filter button {
    border: none;
    background: none;
    color: #1d1d1b;
    font-family: "Lacuna";
    letter-spacing: normal;
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 0 30px 0 0;
    color: #cac9c8;
    cursor: pointer;
    transition: all ease 0.3s; }
    #venues-filter button:hover {
      color: #1d1d1b; }
    #venues-filter button.mixitup-control-active {
      color: #1d1d1b; }

#venues-menu {
  transition: all ease 0.3s; }
  @media only screen and (max-width: 767px) {
    #venues-menu {
      padding-top: 90px; } }
  #venues-menu article {
    line-height: 1.4em;
    transition: all ease 0.3s; }
    #venues-menu article a {
      display: block;
      padding: 15px 0;
      border-top: 2px solid #1d1d1b;
      transition: all ease 0.3s; }
      @media only screen and (max-width: 767px) {
        #venues-menu article a {
          padding: 8px 0; } }
    #venues-menu article .mapref {
      float: left;
      margin: 0 18px 0 0; }
      @media only screen and (max-width: 767px) {
        #venues-menu article .mapref {
          margin: 0 15px 0 0; } }
    #venues-menu article h2 {
      float: left;
      width: calc(100% - 60px);
      line-height: 42px;
      font-family: "Lacuna";
      letter-spacing: normal;
      font-weight: 700;
      font-size: 18px; }
      @media only screen and (max-width: 767px) {
        #venues-menu article h2 {
          width: calc(100% - 47px);
          line-height: normal;
          font-size: 16px;
          padding-top: 7px; } }
  #venues-menu.grey-out a {
    color: #cac9c8;
    border-top-color: #cac9c8; }
    #venues-menu.grey-out a.current-menu-item, #venues-menu.grey-out a:hover {
      color: #1d1d1b;
      border-top-color: #1d1d1b; }
      #venues-menu.grey-out a.current-menu-item .mapref, #venues-menu.grey-out a:hover .mapref {
        background-image: url(images/diamond.svg); }
        #venues-menu.grey-out a.current-menu-item .mapref.various-locations, #venues-menu.grey-out a:hover .mapref.various-locations {
          background-image: url(images/ic-variouslocations.svg); }
        #venues-menu.grey-out a.current-menu-item .mapref.across-city, #venues-menu.grey-out a:hover .mapref.across-city {
          background-image: url(images/ic-acrosscity.svg); }
  #venues-menu.grey-out .mapref {
    background-image: url(images/diamond-grey.svg); }
    #venues-menu.grey-out .mapref.various-locations {
      background-image: url(images/ic-variouslocations-grey.svg); }
    #venues-menu.grey-out .mapref.across-city {
      background-image: url(images/ic-acrosscity-grey.svg); }

.tax-venue {
  /*background-image: url(images/divider-diamonds-pink.png);*/
  background-image: url(images/divider-diamonds-dark.png);
  background-position: 50% top;
  background-repeat: repeat-y;
  background-size: 4px auto;
  background-attachment: fixed; }
  @media only screen and (max-width: 767px) {
    .tax-venue {
      background-image: none; } }

.tax-venue #main-content {
  padding: 190px 0 100px 0; }
  @media only screen and (max-width: 767px) {
    .tax-venue #main-content {
      padding: 60px 0; } }

/* days section */
#days-menu article {
  margin-bottom: 12px; }
  #days-menu article a {
    transition: all ease 0.3s; }
  #days-menu article h2 {
    font-family: "Lacuna";
    font-weight: 700;
    font-size: 28px;
    letter-spacing: normal; }
    @media only screen and (max-width: 767px) {
      #days-menu article h2 {
        font-size: 20px; } }
#days-menu.grey-out a {
  color: #cac9c8;
  border-top-color: #cac9c8; }
  #days-menu.grey-out a.current-menu-item, #days-menu.grey-out a:hover {
    color: #1d1d1b;
    border-top-color: #1d1d1b; }

#day-2018 #menublock #hide-menu {
  left: 30px; }
#day-2018 #main-content {
  padding-top: 210px; }
  @media only screen and (max-width: 767px) {
    #day-2018 #main-content {
      padding-top: 54px; } }
#day-2018 #event-menu-header {
  height: 210px; }
  @media only screen and (max-width: 767px) {
    #day-2018 #event-menu-header {
      height: 110px; } }

/* about pages */
#about-2018,
.page-template-page-2018-about {
  background-color: white; }
  #about-2018 #buttons-bar,
  .page-template-page-2018-about #buttons-bar {
    background: white; }
  #about-2018 footer,
  .page-template-page-2018-about footer {
    background-color: white; }

#about-2018,
.about-subpage {
  background-color: white; }
  #about-2018 footer,
  .about-subpage footer {
    background-color: white; }

.about-subpage #buttons-bar {
  background: white; }
.about-subpage #about-menu li a {
  color: #cac9c8; }
.about-subpage #about-menu li.current-menu-item a, .about-subpage #about-menu li.current-page-ancestor a,
.about-subpage #about-menu li a:hover {
  color: #1d1d1b /*#ff48b0*/; }
.about-subpage #about-menu li:first-child.current-page-ancestor a {
  color: #cac9c8; }
  .about-subpage #about-menu li:first-child.current-page-ancestor a:hover {
    color: #1d1d1b /*#ff48b0*/; }
.about-subpage #menublock {
  background: white; }
  @media only screen and (max-width: 767px) {
    .about-subpage #menublock {
      display: block;
      position: static;
      width: 100%;
      height: auto;
      padding: 0; } }

#menublock #about-submenu-header {
  height: 180px;
  position: fixed;
  left: 30px;
  top: 0;
  width: calc(50% - 34px);
  padding-top: 30px;
  z-index: 200; }
  @media only screen and (max-width: 767px) {
    #menublock #about-submenu-header {
      display: none; } }
  #menublock #about-submenu-header #hide-menu svg path, #menublock #about-submenu-header #hide-menu svg line {
    stroke: #1d1d1b /*#ff48b0*/;
    stroke-miterlimit: 10;
    stroke-width: 1px;
    fill: none; }

#about-submenu {
  padding-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #about-submenu {
      padding-top: 10px; } }
  #about-submenu li {
    margin-bottom: 12px; }
    @media only screen and (max-width: 767px) {
      #about-submenu li {
        margin-bottom: 8px; } }
    #about-submenu li a {
      font-family: "Lacuna";
      font-weight: 700;
      font-size: 28px;
      color: #cac9c8;
      letter-spacing: normal; }
      @media only screen and (max-width: 767px) {
        #about-submenu li a {
          font-size: 16px; } }
    #about-submenu li.current-menu-item a, #about-submenu li.current-page-ancestor a,
    #about-submenu li a:hover {
      color: #1d1d1b /*#ff48b0*/;
      border-top-color: #1d1d1b /*#ff48b0*/; }

/* map */
#map-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #cac9c8;
  z-index: 900; }

#map-holder {
  width: 100vw;
  height: 100vh; }

#map {
  width: 100vw;
  height: 100vh; }
  #map .gm-style-iw {
    width: 580px !important;
    padding: 10px;
    font-family: StandardCT-Regular, Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      #map .gm-style-iw {
        width: 250px !important;
        padding: 0; } }
  #map .info_content {
    color: #1d1d1b;
    font-family: StandardCT-Regular, Arial, sans-serif; }
    #map .info_content.pink {
      color: #1d1d1b /*#ff48b0*/; }
      #map .info_content.pink a {
        color: #1d1d1b /*#ff48b0*/; }
    #map .info_content.green {
      color: #1d1d1b; }
      #map .info_content.green a {
        color: #1d1d1b; }
    #map .info_content.purple {
      color: #1d1d1b; }
      #map .info_content.purple a {
        color: #1d1d1b; }
    #map .info_content.orange {
      color: #f0942a; }
      #map .info_content.orange a {
        color: #f0942a; }
    #map .info_content .address {
      color: #4d4d4d; }
    #map .info_content h1 {
      font-family: "Lacuna";
      letter-spacing: normal;
      font-weight: 700;
      font-size: 24px; }
      @media only screen and (max-width: 767px) {
        #map .info_content h1 {
          font-size: 20px; } }
    #map .info_content .info_event {
      padding: 15px 0; }
    #map .info_content h2, #map .info_content h3 {
      font-family: "Lacuna";
      font-weight: 700;
      font-size: 18px;
      letter-spacing: normal; }
    #map .info_content h3, #map .info_content strong {
      padding-left: 30px;
      color: #4d4d4d; }
    #map .info_content strong {
      padding-left: 30px; }

/* archive */
#archive-list {
  border-top: 2px solid #1d1d1b /*#ff48b0*/; }
  #archive-list article {
    border-bottom: 2px solid #1d1d1b /*#ff48b0*/;
    padding: 15px 0; }
    #archive-list article a::after {
      display: none !important; }
    #archive-list article img {
      width: 180px;
      height: auto;
      float: left;
      margin: 0 15px 0 0; }
    #archive-list article .archive-teaser {
      float: left;
      width: calc(100% - 195px); }
      #archive-list article .archive-teaser h2 {
        padding: 0 0 10px; }
      #archive-list article .archive-teaser p {
        padding: 0;
        margin: 0; }

.programme_container .programme_column {
  padding-top: 50px; }
  .programme_container .programme_column:first-of-type {
    padding-top: 0; }
  .programme_container .programme_column .programme_description + .event-container {
    border-top: 2px solid #1d1d1b /*#ff48b0*/; }
  .programme_container .programme_column .event-container {
    border-bottom: 2px solid #1d1d1b /*#ff48b0*/;
    padding: 15px 0; }
    .programme_container .programme_column .event-container a::after {
      display: none !important; }
    .programme_container .programme_column .event-container img, .programme_container .programme_column .event-container .image-blank {
      width: 180px;
      height: auto;
      float: left;
      margin: 0 15px 0 0;
      display: block;
      min-height: 50px; }
    .programme_container .programme_column .event-container .event-preview-text {
      float: left;
      width: calc(100% - 195px); }
      .programme_container .programme_column .event-container .event-preview-text h2 {
        padding: 0 0 10px !important;
        font-size: 20px !important; }
      .programme_container .programme_column .event-container .event-preview-text h3 {
        padding: 0 0 0 20px !important;
        font-size: 20px !important;
        color: #4d4d4d; }
      .programme_container .programme_column .event-container .event-preview-text p {
        padding: 0;
        margin: 0; }

.about-subpage.single-events #menublock {
  display: none; }

.festival-archive-title {
  color: #4d4d4d;
  font-family: "Lacuna";
  letter-spacing: normal;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 0.5em;
  /*
  	a {
  		&::after {
  			display:none !important;
  		}
  	}
  */ }

/* shop */
#shop #programme-link {
  display: none; }
@media only screen and (max-width: 767px) {
  #shop #main-content {
    padding-top: 150px; } }

#shop-filter {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 25%;
  padding: 0 0 0 25px; }
  @media only screen and (max-width: 767px) {
    #shop-filter {
      width: 100%;
      left: 0;
      padding-left: 0;
      top: 60px; } }
  #shop-filter button {
    border: none;
    background: none;
    color: #cac9c8;
    font-family: "Lacuna";
    letter-spacing: normal;
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 0 30px 0 0;
    cursor: pointer;
    transition: all ease 0.3s;
    outline: none; }
    #shop-filter button:hover {
      color: #1d1d1b /*#ff48b0*/; }
    #shop-filter button.mixitup-control-active {
      color: #1d1d1b /*#ff48b0*/; }

#shop-list .shop-item a {
  display: block;
  text-decoration: none;
  border-top: 2px solid #1d1d1b /*#ff48b0*/;
  padding: 10px 0;
  min-height: 160px;
  transition: all ease 0.3s; }
  #shop-list .shop-item a:hover {
    color: #1d1d1b; }
#shop-list .shop-item .preview-image {
  display: block;
  float: left;
  width: 200px;
  margin-right: 15px;
  background-color: #1d1d1b /*#ff48b0*/; }
  @media only screen and (max-width: 767px) {
    #shop-list .shop-item .preview-image {
      width: 50%; } }
  #shop-list .shop-item .preview-image img {
    width: 100%;
    height: auto;
    transition: all ease 0.3s;
    display: block; }
#shop-list .shop-item .shop-preview-text {
  display: block;
  float: left;
  width: calc(100% - 220px); }
  @media only screen and (max-width: 767px) {
    #shop-list .shop-item .shop-preview-text {
      width: calc(50% - 15px); } }
  #shop-list .shop-item .shop-preview-text h2 {
    font-size: 28px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 0 0 20px 0;
    line-height: 1.2em;
    letter-spacing: normal; }
    @media only screen and (max-width: 1024px) {
      #shop-list .shop-item .shop-preview-text h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      #shop-list .shop-item .shop-preview-text h2 {
        font-size: 20px; } }

.single-item .item h1 {
  font-size: 28px;
  font-family: "Lacuna";
  font-weight: 700;
  padding: 0 0 20px 0;
  line-height: 1.2em;
  letter-spacing: normal; }
.single-item .item #shop-images span {
  font-size: 12px; }
.single-item .item #shop-images img {
  max-width: 100%;
  height: auto; }
.single-item .item .item_description {
  padding-top: 20px; }
  .single-item .item .item_description h2 {
    font-size: 28px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 0 0 20px 0;
    line-height: 1.2em;
    letter-spacing: normal;
    color: #4d4d4d; }
  .single-item .item .item_description p {
    line-height: 1.4em;
    margin-bottom: 1em; }
    .single-item .item .item_description p a {
      text-decoration: underline; }
.single-item .item #add-to-basket {
  margin: 20px 0 40px;
  padding: 20px 0;
  border-top: 2px solid #1d1d1b /*#ff48b0*/;
  border-bottom: 2px solid #1d1d1b /*#ff48b0*/;
  color: #4d4d4d; }
  .single-item .item #add-to-basket #optionsprices {
    padding: 0 0 20px; }
    .single-item .item #add-to-basket #optionsprices h3 {
      font-family: "Lacuna";
      letter-spacing: normal;
      font-weight: 700;
      font-size: 18px;
      margin: 0 0 10px 0; }
  .single-item .item #add-to-basket #buynow {
    margin-top: 20px;
    display: inline-block;
    border: 2px solid #1d1d1b;
    background-color: white;
    color: #1d1d1b;
    font-size: 18px;
    font-family: StandardCT-Regular, Arial, sans-serif;
    line-height: 36px;
    padding: 0 12px;
    transition: all ease 0.3s;
    cursor: pointer;
    cursor: url(images/cursor-diamond-80.png) 15 15, auto; }
    .single-item .item #add-to-basket #buynow:hover {
      color: #1d1d1b;
      border-color: #1d1d1b; }
.single-item .item .offers {
  font-size: 16px; }
  .single-item .item .offers h3 {
    font-family: "Lacuna";
    letter-spacing: normal;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 20px 0; }
  .single-item .item .offers p {
    line-height: 1.4em;
    margin-bottom: 1em; }
  .single-item .item .offers ul {
    list-style-type: disc;
    padding: 0 0 0 1em; }
  .single-item .item .offers li {
    line-height: 1.2em;
    margin-bottom: 1em; }
  .single-item .item .offers form {
    padding: 0 0 40px 0; }
    .single-item .item .offers form input[type="submit"] {
      display: inline-block;
      border: 2px solid #1d1d1b;
      background-color: white;
      color: #1d1d1b;
      font-size: 18px;
      font-family: StandardCT-Regular, Arial, sans-serif;
      line-height: 36px;
      padding: 0 12px;
      transition: all ease 0.3s;
      cursor: pointer;
      cursor: url(images/cursor-diamond-80.png) 15 15, auto; }
      .single-item .item .offers form input[type="submit"]:hover {
        color: #1d1d1b;
        border-color: #1d1d1b; }

/* blog */
#pageblock.blog-index h1 {
  font-size: 48px;
  font-family: "Lacuna";
  font-weight: 700;
  padding: 0 0 40px 0;
  line-height: 1.2em;
  letter-spacing: normal; }
#pageblock.blog-index #post-list article a {
  display: block;
  text-decoration: none;
  border-top: 2px solid #1d1d1b /*#ff48b0*/;
  padding: 10px 0;
  min-height: 160px;
  transition: all ease 0.3s; }
#pageblock.blog-index #post-list article .preview-image {
  display: block;
  float: left;
  width: 200px;
  margin-right: 15px;
  background-color: #1d1d1b /*#ff48b0*/; }
  @media only screen and (max-width: 767px) {
    #pageblock.blog-index #post-list article .preview-image {
      width: 50%; } }
  #pageblock.blog-index #post-list article .preview-image img {
    width: 100%;
    height: auto;
    transition: all ease 0.3s;
    display: block; }
#pageblock.blog-index #post-list article .teaser {
  display: block;
  float: left;
  width: calc(100% - 220px); }
  @media only screen and (max-width: 767px) {
    #pageblock.blog-index #post-list article .teaser {
      width: calc(50% - 15px); } }
  #pageblock.blog-index #post-list article .teaser h2 {
    font-size: 28px;
    font-family: "Lacuna";
    font-weight: 700;
    padding: 0 0 20px 0;
    line-height: 1.2em;
    letter-spacing: normal; }
    @media only screen and (max-width: 1024px) {
      #pageblock.blog-index #post-list article .teaser h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      #pageblock.blog-index #post-list article .teaser h2 {
        font-size: 20px; } }

#blog-submenu h1 {
  font-size: 48px;
  font-family: "Lacuna";
  font-weight: 700;
  padding: 0 0 40px 0;
  line-height: 1.2em;
  letter-spacing: normal; }
#blog-submenu #post-list article {
  margin: 0 0 25px 0;
  border-bottom: 2px solid #cac9c8;
  color: #cac9c8; }
  #blog-submenu #post-list article.current {
    border-bottom: 2px solid #1d1d1b /*#ff48b0*/; }
    #blog-submenu #post-list article.current a {
      color: #1d1d1b /*#ff48b0*/; }
  #blog-submenu #post-list article a {
    color: #cac9c8;
    padding: 0 50px 10px 0;
    display: block; }
  #blog-submenu #post-list article .meta {
    margin: 4px 0 0 0;
    float: left;
    width: 25%;
    line-height: 1.45em; }
  #blog-submenu #post-list article h2 {
    font-family: "Lacuna";
    letter-spacing: normal;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 10px 0;
    float: left;
    width: 75%;
    line-height: 1.4em;
    padding-right: 30px; }

@media only screen and (max-width: 767px) {
  .single.single-post #menublock {
    padding-top: 92px; }
    .single.single-post #menublock #post-list {
      display: none; } }
.single.single-post #main-content {
  padding: 0;
  min-height: inherit; }
  .single.single-post #main-content #pageblock.blog-post {
    padding-top: 198px; }
    @media only screen and (max-width: 767px) {
      .single.single-post #main-content #pageblock.blog-post {
        padding-top: 0; } }
    .single.single-post #main-content #pageblock.blog-post .editor img {
      max-width: 100%;
      height: auto; }
      .single.single-post #main-content #pageblock.blog-post .editor img.alignleft {
        float: left;
        margin: 0 30px 30px 0; }
      .single.single-post #main-content #pageblock.blog-post .editor img.alignright {
        float: right;
        margin: 0 0 30px 30px; }
