/* General Styles */


@font-face {
    font-family: 'Sans Forgetica';
    src: url('../webfonts/SansForgetica-Regular.woff2') format('woff2'),
        url('../webfonts/SansForgetica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../webfonts/CeraPro-Light.woff2') format('woff2'),
        url('../webfonts/CeraPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




html {
	font-size: 16px;
	background-color: #000000;
			scroll-behavior: smooth;
}

	
body, button, input, textarea {
	font-family: 'Cera Pro', sans-serif;
	color:#fff;
	line-height: 1.4;
	font-size:100%;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
	color:inherit;
	text-decoration: underline;
}


p {
	margin-bottom:1em;
}

p:last-of-type {
	margin-bottom:0;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}


.wp-caption {
	width:100%!important;
}

.wp-caption-text {	
	font-weight: bold;
	letter-spacing: 0.1rem;
	color:#4F4E4E;
	opacity: 0.5;
	margin-top:0.5rem;
	font-size: 0.75rem;
	text-transform: uppercase;
}

#wrapper {
	overflow-x: hidden;
	margin:auto;
	max-width: 1920px;
	position: relative;
	top:-22px;
}

.container {
	max-width: 100%;
	padding-left:80px;
	padding-right:0;
}


.padding {
	padding-top:5rem;
	padding-bottom:5rem;
}

.padding-top {
	padding-top:5rem;
}

.padding-top-double {
	padding-top:10rem;
}

.padding-bottom {
	padding-bottom:5rem;	
}

.padding-bottom-half {
	padding-bottom:2.5rem;	
}

.padding-bottom-double {
	padding-bottom:10rem;	
}


sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 65%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}


.button {
	line-height: 1;
	cursor: pointer;
	border-radius: 30px;
	font-size: 1rem;
	padding:11px 30px;
	border:1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
}


.button:hover {
	background:#fff;
	color:#000;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-style: normal;	
	margin-bottom:1rem;
	line-height: 1.2;
}

h1 {
	font-family: 'Cera Pro', sans-serif;
	font-size: 5rem;
	margin:170px auto 120px auto;
}


.home h1 {
	font-family: 'Sans Forgetica', sans-serif;
	font-size: 9rem;
	margin:170px auto 120px auto;
}

h2 {
	font-size: 2.250rem;
	margin:1rem 0 2rem 0;
}

h3 {
	font-size: 1rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 0.875rem;
	text-transform: uppercase;
}



blockquote {
	font-size:1.5rem;
	line-height: 1.2;
	color:#89764B;
}

blockquote strong {
	font-weight: normal;
	font-size: 1rem;
	color:#000;
}


.register-interest {
	position: fixed;
	transform: translateX(100%);		
	width:375px;
	background: #fff;
	transition: all 150ms linear;
	z-index: 9998;
	right:0;
	color:#000;
	opacity: 0;
	height:100%;
	
}


.register-active .register-interest {
	transform: translateX(0);
	opacity: 1;
}


#wrapper:after {
	content:'';
	position: absolute;
	background: rgba(0,0,0,0.4);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: all 250ms linear;
}


.register-active #wrapper:after {
	z-index: 9997;
	visibility: visible;
	opacity: 1;
}


.register-interest a {
	text-decoration: underline;
}

.register-interest h3 {
	font-size: 1.25rem;
    max-width: 201px;
}

.register-interest form {
	margin:2rem auto 6rem auto;
}

.register-interest .inner {
    padding: 120px 40px 60px 40px;
}

.register-interest .close {
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 5px 0;
    border-radius: 100%;
    border: 1px solid #000;
    font-size: 20px;
    position: absolute;
    right: 40px;
    top: 56px;
    cursor: pointer;
    transition: all 150ms ease;
}


.register-interest .button {
	border-color:#000;
	color:#000;
	background: #fff;
}


.register-interest .button:hover {
	background:#000;
	color:#fff;
}

.register-interest input, .register-interest select {
	-webkit-appearance: none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	border:none;
	border-radius: 0;
	border-bottom:1px solid #000;
	margin-bottom:0;
	width:100%;
	font-size: 1rem;
	font-weight: 300;
	color:#000;
	line-height: 20px;
}




#select-1 {
	position: relative;
}

#select-1:after {
    content: '';
    background-image: url(../images/ico_arrow-down.svg);
    width: 14px;
    height: 16px;
    position: absolute;
    top: 3px;
    right: 3px;
    display: inline-block;
    background-size: contain;
}

.register-interest select { 
    padding-bottom: 5px;
    padding-left: 3px;
    font-family: 'Cera Pro';
}

.register-interest input::placeholder {
	color:#000;
}


.register-interest .close:hover {
	background: #000;
	color:#fff;
}

.forminator-error-message {
	color:#ed4337;
	font-size: 0.8rem;
}

.forminator-has_error input, .forminator-has_error select {
	border-bottom-color:#ed4337;
}



header.main-header {
	position: fixed;
	height:200px;
	z-index: 99;
	top:0;
	left:0;
	width:100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

}


header .register {
    position: fixed;
    right: 30px;
    top: 65px;
    width: 100%;
    text-align: right;
}

header .menu {
	max-width: 14%;
	position: fixed;
	top:60px;
	left:80px;
}

header .menu ul {
	list-style: none;
	margin-top:30px;
}




header .menu ul a, .mobile-menu .main-menu a  {
	font-size: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	padding:6px 0;
	display: inline-block;
	position: relative;
	transition: all 250ms ease;
}


.mobile-menu .menu ul a {
	color:#000;
}

header .menu ul li a:hover, header .menu ul li.current-menu-item a,
.mobile-menu .menu ul li a:hover, .mobile-menu .main-menu li.current-menu-item a,
.tax_machines-like-us-cells-like-them .menu li.menu-item-3932 a, .tax_machines-like-us-cells-like-them .menu li.menu-item-3932 a:hover,
.tax_dispatches-from-the-future	.menu li.menu-item-3933 a, .tax_dispatches-from-the-future .menu li.menu-item-3933 a:hover,
.tax_machines-like-us-cells-like-them .mobile-menu li.menu-item-3932 a, .tax_machines-like-us-cells-like-them .mobile-menu li.menu-item-3932 a:hover,
.tax_dispatches-from-the-future	.mobile0menu li.menu-item-3933 a, .tax_dispatches-from-the-future .mobile-menu li.menu-item-3933 a:hover {
	padding-left:20px;
}

header .menu ul li.current-menu-item a:before, .mobile-menu .main-menu li.current-menu-item a:before, 
.tax_machines-like-us-cells-like-them .menu li.menu-item-3932 a:before,
.tax_dispatches-from-the-future	.menu li.menu-item-3933 a:before,
.tax_machines-like-us-cells-like-them .mobile-menu li.menu-item-3932 a:before,
.tax_dispatches-from-the-future	.mobile-menu li.menu-item-3933 a:before  {
	content:'';
	width:10px;
	height:10px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left:0;
	top:16px;
}


.mobile-menu .main-menu li.current-menu-item a:before, 
.tax_machines-like-us-cells-like-them .mobile-menu li.menu-item-3932 a:before,
.tax_dispatches-from-the-future	.mobile-menu li.menu-item-3933 a:before,
.tax_machines-like-us-cells-like-them .mobile-menu li.menu-item-3932 a:before,
.tax_dispatches-from-the-future	.mobile-menu li.menu-item-3933 a:before

 {
	background: #000;
}


/* NEW MENU */



header .menu .new li .sub-menu, .mobile-menu li .sub-menu {
	margin-top:0;
	margin-left:1rem;
	margin-bottom:1rem;
	display: none;
}


header .menu .new li a:hover, .mobile-menu li a:hover {
	opacity: 0.7;
}


header .menu .new li a:hover, .mobile-menu li a:hover {
	padding-left:0;
	text-decoration: none;
}

header .menu .new li.sub-active .sub-menu, .mobile-menu li.sub-active .sub-menu {
	display: block;
}


header .menu .new li.menu-item-has-children .sub-menu a:after, .mobile-menu li.menu-item-has-children .sub-menu a:after {
	display: none;
}


header .menu .new li.sub-active a:after, header .menu .new li.current-menu-ancestor a:after, .mobile-menu li.sub-active a:after, .mobile-menu li.current-menu-ancestor a:after {
	transform: rotate(180deg);
}

header .menu .new li.current-menu-ancestor a:hover, .mobile-menu li.current-menu-ancestor a:hover {
	opacity: 1;
}


header .menu .new li .sub-menu a, .mobile-menu li .sub-menu a {
	text-transform: none;
}

header .menu .new li .sub-menu a:hover, .mobile-menu li .sub-menu a:hover {
	text-decoration: none;
	opacity: 0.7;
}


header .menu .new li.current-menu-ancestor > .sub-menu, .mobile-menu li.current-menu-ancestor > .sub-menu {
	display: block;
}

header .menu .new li.menu-item-has-children.sub-menu > a:hover, .mobile-menu li.menu-item-has-children.sub-menu > a:hover {
	opacity: 1;
}


header .menu .new li.menu-item-has-children, .mobile-menu li.menu-item-has-children {
	position: relative;
}

header .menu .new li.menu-item-has-children a:after, .mobile-menu li.menu-item-has-children a:after {
    font-family: "Font Awesome 5 Pro";
    content: '\f107';
    position: absolute;
    top: 6px;
    right: -20px;
    cursor: pointer;
}


.mobile-menu li .sub-menu {
	padding-right:20px;
}


header .menu ul.new li.current-menu-item a:before, .mobile-menu li.current-menu-item a:before {
	top:12px;
}


header .menu ul.new li.current-menu-item a:hover, .mobile-menu li.current-menu-item a:hover {
	padding-left:20px;
	text-decoration: none;
}




/*
#wrapper {
	background-image:url(../images/background-main.svg);
	background-size:80%;
	background-position: center top -250px;
	background-repeat: no-repeat;
}*/


.register span {
	position: relative;
	margin-left:10px;
	margin-right:20px;
	padding-left:20px;
}


.register span:before {
	content:'';	
	width:10px;
	height:10px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left:0;
	top:3px;
}


img.dots {
	width:26px;
	height:6px;
}


.background-image {
	background-size: 50%;
	background-position: right top;
	background-repeat: no-repeat;
}

.background-image.alt {
	background-size: 50%;
    background-position: left 50% top;
    background-repeat: no-repeat;
}

.grid {
	position: relative;
	overflow: hidden;
}

.grid .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 100%;
    width: 480px;
    height: 480px;
    background: rgba(0,0,0,0.8);
    text-align: center;
    padding: 80px 100px;

}

.grid .circle h4 {
	margin:1rem 0;
	font-size: 1.25rem;
}

.grid .circle p {
	margin-bottom:0;
}

.grid img.image-1 {
	width:50%;
	float:left;
}

.grid img.image-2 {
	width:50%;
	float:left;
}

.grid img.image-3 {
	width:50%;
	float:left;
}



footer a {
	margin-left:1rem;
}


.component-1 p.caption {
	width: 100%;
    text-align: left;
    padding: 40px 0 0 30%;

}

.partner-logo {
    width: 320px;
    height: 320px;
    padding: 60px;
    border: 1px solid #fff;
    border-radius: 100%;
    line-height: 320px;

}


.post-type-archive-partners .component-1 h3 {
	margin-vottom:10px;
	
}

.post-type-archive-partners .row.padding-bottom {
	padding-bottom:50px;
}

.post-type-archive-partners .component-1 img.dots {
	margin-bottom:10px;
}


.post-type-archive-partners .col-md-6 p:last-of-type {
	margin-bottom:10px;
}


.hustle-ui.module_id_1 .hustle-popup-mask {
	    background-color: rgba(0,0,0,0.6)!important;
}


.hustle-ui.module_id_1 .hustle-popup-content .hustle-info, .hustle-ui.module_id_1 .hustle-popup-content .hustle-optin {
	padding: 0px 80px 30px 100px!important;
    border-radius: 0!important;
    background: #fff!important;
    color: #000!important;
}

.hustle-ui .hustle-button-icon [class*=hustle-icon-] {
	color:#000!important;
}



body .hustle-ui [class*=hustle-icon-]:before {
	display: block;
    position: absolute;
    top: 30px;
    right: 20px;
	content:'x'!important;
	height: 40px;
    width: 40px;
    text-align: center;
    padding: 9px 0;
    border-radius: 100%;
    border: 1px solid #000;
    font-size: 20px;
    position: absolute;
	right: 17px;
    top: 20px;
    cursor: pointer;
    transition: all 150ms ease;
    font-family: 'Cera Pro'!important;

}


.hustle-ui.module_id_1 .hustle-layout .hustle-cta-container .hustle-button-cta {
	font-weight: 300;
}

body .hustle-ui [class*=hustle-icon-]:hover:before {
	background:#000;
	color:#fff;
}

body .hustle-ui.module_id_1 .hustle-popup-content {
	max-width: 680px!important;
}

.hustle-ui.module_id_1 .hustle-layout .hustle-group-content p:not([class*="forminator-"]) {
	font-weight: 300!important;
	font-size: 1rem!important;
}

.hustle-ui.module_id_1 .hustle-layout a.hustle-button-cta {
	text-align: left!important;
	padding:0!important;
}

.hustle-ui.module_id_1 .hustle-layout .hustle-layout-footer {
    padding: 0 0 30px 0;
}


.hustle-ui.module_id_1 .hustle-layout .hustle-content .hustle-content-wrap {
    padding: 20px 0 0 0!important;
}

.menu-trigger {
	display: none;
}

.mobile-menu {
	display: none;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.instagram-feed {
	margin-top: 4rem;
}



.page-template-template-live .wp-caption-text, .page-template-template-vision .wp-caption-text {
    font-size: 12px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
  padding:0 2rem;
  text-align: center;
  width:100%;
}

.page-template-template-live .button-nav a, .page-template-template-vision .button-nav a {
    text-decoration: none;
    padding: 0 20px;
    border-radius: 20px;
    line-height: 34px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 1rem;
    text-transform: uppercase;
    font-size: 16px;
}





.page-template-template-live .button-nav li a {
	cursor: pointer;
}

.page-template-template-live .button-nav li {
	list-style: none;
	display: inline-block;
}

/*
.page-template-template-live .button-nav a.activeLink   {
	background:#fff;
	color:#000;
}*/


.page-template-template-live .button-nav a:hover, .page-template-template-vision .button-nav a:hover {
	background:#fff;
	color:#000;
	
}


.page-template-template-live h1, .page-template-template-vision h1  {
    margin-bottom: 60px;
}
 
 .page-template-template-live h2,  .page-template-template-vision h2 {
	 font-size: 48px;
 }


.page-template-template-live h3, .page-template-template-vision h3 {
    font-size: 40px;
    position: relative;
    line-height: 1;
    margin-bottom: 40px;
}


.page-template-template-live h3:after, .page-template-template-vision h3:after {
	content:'';
	width:26px;
	height:6px;
	background:url(../images/ico_dots.svg);
	float:left;
	margin-top: 18px;
	position: absolute;
	left:0;
	top:100%;
}


.page-template-template-live .component-2 .col-sm-6 p, .page-template-template-vision .component-2 .col-sm-6 p {
	margin-bottom:20px;
}

.page-template-template-live .main-content.dates, .page-template-template-vision .main-content.dates {
	border-radius:100%;
}

.page-template-template-live .live-image-holder .wp-caption-text, .page-template-template-vision .live-image-holder .wp-caption-text {
	opacity: 0;
	transition: all 150ms ease;
}

.page-template-template-live .live-image-holder:hover .wp-caption-text, .page-template-template-vision .live-image-holder:hover .wp-caption-text {
	opacity: 1;
}


.live-image-holder img {
	border-radius: 100%;
	overflow: hidden;
}






.all-circles {
	width:80%;
	margin:auto;
	position: relative;
	z-index: -1;
	
}

.circle-1 {
	width: 800px;
    height: 800px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.1;
    display: block;
    left: 268px;
    position: absolute;
    top: -87px;

}



.circle-2 {
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.1;
    display: block;
    left: 596px;
    position: absolute;
    top: -222px;

}



.circle-3 {
    width: 800px;
    height: 800px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.1;
    display: block;
    left: 774px;
    position: absolute;
    top: 109px;

}



.new-home-cirlces h2 {
	margin-bottom:0;
	margin-bottom:10px;
}

.new-home-cirlces .padding-top-half {
	padding-top:40px;
}

.new-home-cirlces h1 {
	position: relative;
	display: inline-block;
}

.new-home-cirlces h1 span {
	font-size: 16px;
    position: absolute;
    font-family: 'Cera Pro', sans-serif;
    bottom: 10px;
    right: 100px;

}

img.new-home-circle-image-1, img.new-home-circle-image-2 {
    max-width: 800px;
    border-radius: 100%;
    position: relative;

}


img.new-home-circle-image-1 {
    left: 253px;
    top: -50px;
    z-index: 2;
    opacity: 0.8;
}


img.new-home-circle-image-2 {
    right: 200px;
    top: 146px;
    float: right;
    z-index: 1;
    opacity: 0.6;
    max-width: 600px;
}


.new-home-circle-images {
	position: absolute;
	width:1600px;
	top:0;
	left:50%;
	transform: translate3d(-50%, 0, 0);
}



.new-home-cirlces .col-sm-6 img {
	max-width: 70%;
}

.flex-direction-nav {
	    max-width: 30%;
    width: 20%;
    display: block;
    position: absolute;
    bottom: 30px;
}


.flex-direction-nav:before {
	content:'';
	background-image:url(../images/ico_dots.svg);
	width:26px;
	height:6px;
	display: block;
	position: absolute;
	top:17px;
	left:50%;
	margin-left:-13px;
	
	
}


.flex-control-nav {
	display: none;
}


.flex-direction-nav .flex-prev {
	left:0;
}

.flex-direction-nav .flex-next {
	right:0;
}





.flex-direction-nav a {
	text-decoration: none;
    display: block;
    position: absolute;
    bottom: -33px;
    z-index: 10;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    margin-top: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
    background: 0 0;
}


.flex-direction-nav a:hover  {
	opacity: 0.7;
}





.page-template-template-tickets .main-content .holder  {
	background: rgba(0,0,0,0.7);
	padding:30px;
	border-radius: 20px;
	position: relative;
	min-height:100%;
}

.page-template-template-tickets .main-content .holder img.title {
	max-height: 40px;
	width:auto;
}

.page-template-template-tickets .main-content .holder h4 {
	font-size: 1rem;
}


.page-template-template-tickets .includes .row {
	padding-bottom:15px;
	margin-bottom:15px;
}

.page-template-template-tickets .includes.live .row {
	padding:15px 0;
	text-decoration: none;
	border-radius:10px;
	
	

}

.page-template-template-tickets .includes.live .row:nth-child(2) {
	background: rgba(255,255,255,0.4);
	margin-left:0;
	margin-right:0;	
}

.page-template-template-tickets .includes .row p {
	font-size: 0.9rem;
	margin-bottom:5px;
}

.page-template-template-tickets .includes .row h3 {
	margin-bottom:0;
	font-size: 1.125rem;
}


.page-template-template-tickets .main-content .holder div.dots {
	display: block;
	width:100%;
	margin:10px 0;
	text-align: left;
}

.page-template-template-tickets .main-content .includes {
	margin-top:30px;
}

.page-template-template-tickets .main-content .holder a.button {

	display: inline-block;
}

.page-template-template-tickets .main-content .holder .price-large {
	font-size:2.500rem;
}


.page-template-template-tickets .main-content .holder ul.tabs {
	width:100%;
	margin-bottom:20px;
}

.page-template-template-tickets .main-content .holder ul.tabs li {
	display: inline-block;
	list-style: none;
	font-size: 1.250rem;
	text-transform: uppercase;
	margin-right:10px
}

.page-template-template-tickets .main-content .holder ul.tabs a {
	text-decoration: none;
	cursor: pointer;
}

.page-template-template-tickets .main-content .holder ul.tabs li.current a {
	border-bottom:2px solid #fff;
	text-decoration: none;
	padding-bottom:2px;
	cursor: default;
}

.page-template-template-tickets .main-content .holder .price-holder {
	display: block;
	overflow: hidden;
	width:100%;
}

.page-template-template-tickets .main-content .holder a.view-more {
	text-decoration: none;
}

.page-template-template-tickets .main-content .holder a.view-more:hover {
	opacity: 0.7;
}

.page-template-template-tickets .main-content .holder h5 {
	text-transform: none;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	width:100%;
	margin-bottom:30px;
}
		
		
.page-template-template-tickets .main-content .holder.live h5 {
	margin-top:15px;
}		
		
.page-template-template-tickets #accordion {
	margin-top:30px;
}

.page-template-template-tickets #accordion h4 {
	position: relative;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	cursor: pointer;
}

.page-template-template-tickets #accordion h4:after {
	font-family: "Font Awesome 5 Pro";
	content:'\f107';
	position: absolute;
	right:0;
	top:2px;
}

.page-template-template-tickets #accordion h4.active:after {
	transform: rotate(180deg);
} 



.page-template-template-locations h3 {
	font-size: 2rem;
}


.page-template-template-locations #accordion {
	margin-top:2rem;
}


.page-template-template-locations #accordion h4 {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 1rem;
}

.page-template-template-locations #accordion h4:after {
	font-family: "Font Awesome 5 Pro";
	content:'\f107';
	position: absolute;
	right:0;
	top:2px;
}









.page-template-template-machine h1,
.page-template-template-dispatches h1  {
	font-size: 3.750rem;
    max-width: 455px;
    float: left;
    margin-bottom: 2rem;
	 }



.page-template-template-machine .padding-bottom-double, 
.page-template-template-dispatches .padding-bottom-double {
	padding-bottom:5rem;
}	


.single-artworks section h1.child-page {
	margin:10px 0 0 0;
	font-size: 3.750rem;
}


.single-artworks .padding-bottom-double {
	padding-bottom:5rem;
}

.single-artworks section.intro h1 {
	display: none;
}


.single-artworks .backto a {
	text-decoration: none;
}

.single-artworks .backto a i {
	display: inline-block;
    height: 82px;
    width: 82px;
    text-align: center;
    line-height: 80px;
    border-radius: 100%;
    border: 1px solid #fff;
    font-size: 26px;
    margin-right: 2rem;
}

.single-artworks .backto a:hover i {
	background: #fff;
	color:#000;
} 




.masonry {
    margin: 0;
    padding: 0;
    -moz-column-gap:2rem;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    font-size: 1rem;
    line-height: 0;
	

}


.page-template-template-machine .masonry {
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.page-template-template-dispatches .masonry {
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.item {
    display: inline-block;
    background: #fff;
    margin: 0 0 2rem;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 0;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}



.grid-item a {
	display: block;
	position: relative;
	line-height: 0;
}
	
	
	
.item-rollover {
    background: rgba(255,255,255,0.8);
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 30px 20px 30px 20px;
    opacity: 0;
    line-height: 0;
    transition: all 250ms linear;
}

.grid-item:hover .item-rollover {
	opacity: 1;
}	

.page-template-template-machine .grid-item:hover img,
.page-template-template-dispatches .grid-item:hover img {
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
	
.item-rollover h2 {
	margin:0 0 10px 0;
	line-height: 1;
	color:#000;
	font-size: 1.5rem;
}


.page-template-template-dispatches .item-rollover h2 {
	font-size: 1.2rem;
}
	
.item-rollover p {
	color:#000;
	line-height: 1;
}
	
.page-template-template-dispatches .button-nav a { 	
	text-decoration: none;
    padding: 0 20px;
    border-radius: 20px;
    line-height: 34px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 1rem;
    text-transform: uppercase;
    font-size: 16px;
    
   } 
   
  .page-template-template-dispatches .button-nav a:hover, .page-template-template-dispatches .button-nav a.activeLink {
	  background: #fff;
	  color:#000;
  }
  
  
  .grid-item {
	  padding:15px;
  }
   
   
   .grid-sizer,
.grid-item { width: 50%; }


.grid-item.hidden {
	padding:0;
}

  .page-template-template-dispatches .grid-sizer,
  .page-template-template-dispatches .grid-item { width: 33.33%; }


.single-artworks .flexslider .slides img {
    width: 100%;
    display: block;
    max-height: 800px;
    width: auto;
}