/*
	Theme Name: Olga Korper Gallery
	Description: Custom Build
	Version: 1.0
	Author: LAiNE

*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*, *:after, *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
}
/*------------------------------------*\
    NORMALIZE
\*------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
        font-family: sans-serif; /* 1 */
        -ms-text-size-adjust: 100%; /* 2 */
        -webkit-text-size-adjust: 100%; /* 2 */
}
body {
        margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
}
audio, canvas, progress, video {
        display: inline-block; /* 1 */
        vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
        display: none;
        height: 0;
}
[hidden], template {
        display: none;
}
/* Links
   ========================================================================== */
a {
        background-color: transparent;
}
a:active, a:hover {
        outline: 0;
}
/* Text-level semantics
   ========================================================================== */
abbr[title] {
        border-bottom: 1px dotted;
}
b, strong {
        font-weight: bold;
}
dfn {
        font-style: italic;
}
h1 {
        font-size: 2em;
        margin: 0.67em 0;
}
mark {
        background: #ff0;
        color: #000;
}
small {
        font-size: 80%;
}
sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
}
sup {
        top: -0.5em;
}
sub {
        bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
img {
        border: 0;
}
svg:not(:root) {
        overflow: hidden;
}
/* Grouping content
   ========================================================================== */
figure {
        margin: 1em 40px;
}
hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
}
pre {
        overflow: auto;
}
code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em;
}
/* Forms
   ========================================================================== */
button, input, optgroup, select, textarea {
        color: inherit; /* 1 */
        font: inherit; /* 2 */
        margin: 0; /* 3 */
}
button {
        overflow: visible;
}
button, select {
        text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
        -webkit-appearance: button; /* 2 */
        cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
        cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
}
input {
        line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
}
input[type="search"] {
        -webkit-appearance: textfield; /* 1 */ /* 2 */
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
}
fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
}
legend {
        border: 0; /* 1 */
        padding: 0; /* 2 */
}
textarea {
        overflow: auto;
}
optgroup {
        font-weight: bold;
}
/* Tables
   ========================================================================== */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
td, th {
        padding: 0;
}
/* ========================================================================== 
								BEGIN STYLING
 ========================================================================= */
/*------------------------------------*\
  TRANSITION
\*------------------------------------*/
a, a:hover, .slider .bx-prev:before, .slider .bx-next:after, .btn, button, .social-icon, input, .btn {
        -webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
        -o-transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
        transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
}
.bx-controls {
        -webkit-transition: opacity cubic-bezier(0, 0.4, 0.3, 1) .5s;
        -o-transition: opacity cubic-bezier(0, 0.4, 0.3, 1) .5s;
        transition: opacity cubic-bezier(0, 0.4, 0.3, 1) .5s;
}
#artistImage {
        -webkit-transition: opacity cubic-bezier(0, 0.4, 0.3, 1) 1s;
        -o-transition: opacity cubic-bezier(0, 0.4, 0.3, 1) 1s;
        transition: opacity cubic-bezier(0, 0.4, 0.3, 1) 1s;
}
.feat-image, .expand {
        -webkit-transition: all cubic-bezier(0, 0.4, 0.3, 1) 0.5s;
        -o-transition: all cubic-bezier(0, 0.4, 0.3, 1) 0.5s;
        transition: all cubic-bezier(0, 0.4, 0.3, 1) 0.5s;
}
.menu a:before, .next-post:after, .prev-post:before, .nav-content, .nav-icon, .prev-icon, .next-icon {
        -webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.3s;
        -o-transition: all cubic-bezier(0, 0, 0.58, 1) 0.3s;
        transition: all cubic-bezier(0, 0, 0.58, 1) 0.3s;
}
/*------------------------------------*\
  ANIMATION
\*------------------------------------*/
.grow {
        height: 100%;
        width: 100%;
        -webkit-animation: grow 1.5s;
        animation: grow 1.5s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
}
@-webkit-keyframes grow {
        100% {
                -webkit-transform: scale(1.05);
        }
}
@keyframes grow {
        100% {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
        }
}
/*------------------------------------*\
    GLOBAL
\*------------------------------------*/
.feat-image, .feat-image img {
        width: 100%;
        height: auto;
}
.hide {
        display: none !important;
}
input, textarea {
        padding: 5px;
        border-radius: 5px;
        margin: 0 5px;
        border: 1px solid rgba(0, 0, 0, 0.5);
}
form, form p {
        margin: 0 0 10px;
}
p:first-of-type {
        margin-top: 0;
        padding-top: 0;
}

.copyright{
	text-align: right;
	font-size: 0.8rem;
	position: absolute;
	bottom: 20px;
	right: 40px;
}

/*------------------------------------*\
   SLIDER
\*------------------------------------*/

.page-404{
 background-image: url(img/404.jpg) !important;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 height: 80vh;
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-transform: uppercase;
}

.page-404 h1{
font-size: 2rem;
letter-spacing: 3px;
}

.page-404 h2{
font-size: 1rem;
letter-spacing: 1px;
font-weight: 400;
}

/*------------------------------------*\
   SLIDER
\*------------------------------------*/
#slider {
        margin: 40px auto;
}
.slider, .bx-wrapper {
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        position: relative !important;
}
.slide {
        z-index: 5 !important;
        position: relative;
}
.slide-inner {
        height: 100vh;
        width: 100%;
        background-size: cover;
        background-position: center;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
}
.slide .page-header {
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, 0.3) 100%);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, 0.3) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, 0.3)));
        background-image: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.bx-controls-direction {
        position: absolute !important;
        top: 50% !important;
        width: 100% !important;
}
.bx-next, .bx-prev {
        position: absolute !important;
        opacity: 0.5 !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: rgba(255, 255, 255, 1) !important;
        padding: 10px !important;
}
.bx-next {
        right: -23px !important;
}
.bx-prev {
        left: -23px !important;
}
.bx-wrapper .bx-next {
        background-image: url(img/next.png) !important;
        background-size: 25px !important;
        height: 55px !important;
        width: 45px !important;
        opacity: 0.5;
}
.bx-wrapper .bx-prev {
        background-image: url(img/prev.png) !important;
        background-size: 25px !important;
        height: 55px !important;
        width: 45px !important;
}
.bx-wrapper .bx-prev:hover {
        background-position: 5px center !important
}
.bx-wrapper .bx-next:hover {
        background-position: right 5px center !important;
}
.bx-prev:before, .bx-next:after {
        content: "\00a0" !important;
        height: 35px !important;
        width: 25px !important;
        display: inline-block !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        opacity: 0.5 !important;
}
.bx-prev:before {
        background-image: url(img/prev.png) !important;
}
.bx-prev:hover:before {
        -webkit-transform: translateX(-5px) !important;
        -ms-transform: translateX(-5px) !important;
        transform: translateX(-5px) !important;
}
.bx-next:after {
        background-image: url(img/next.png) !important;
}
.bx-next:hover:after {
        -webkit-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
}
.bx-pager {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.bx-pager .bx-pager-item {
        margin: 0 10px;
        font-size: 0.8rem;
        font-weight: 600;
}
.bx-pager .bx-pager-item:first-child {}
.bx-pager-link {
        color: rgba(255, 255, 255, 0.3);
}
.bx-pager .active {
        color: rgba(255, 255, 255, 1)
}
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
body {
        font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
        font-family: 'Raleway', sans-serif;
        font-weight: 400;
}
p {
        font-size: 0.85rem;
        letter-spacing: 0.5px;
        line-height: 1.2rem;
}
a {
        color: rgba(0, 0, 0, 1);
        text-decoration: none;
}
a:hover {
        color: rgba(0, 0, 0, 0.5);
}
button, .btn, .wpcf7-submit {
        border: 1px solid rgba(0, 0, 0, 0.5);
        background: rgba(0, 0, 0, 0);
        padding: 10px;
        outline: none;
}
button:hover, button:focus, .btn:hover, .btn:focus, .wpcf7-submit:focus, .wpcf7-submit:hover {
        background: rgba(0, 0, 0, 0.1);
        outline: none;
}
.inquire {
        font-size: 0.7rem;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-top: 20px;
}
/*------------------------------------*\
   STRUCTURE
\*------------------------------------*/
body {}
#header {
        position: relative;
        z-index: 96666 !important;
        width: 100vw;
        background: #ffffff;
}
.outer-wrapper {
        background: #ffffff;
        width: 100vw;

}
.wrapper {}
.content-container {
        position: relative;
        z-index: 2;
        width: 100%;
}
ul, li {
        margin: 0;
        padding: 0;
}
.column-layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}
.col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 480px;
        flex: 1 1 480px;
        padding: 0 40px;
}
.col h1, .col h2, .col h3, .col h4, .col h5, .col h6 {
        margin: 0 0 20px;
}
.third {
        max-width: 300px;
        min-width: 300px;
}
.twothird {}
.half {
        width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 480px;
        flex: 1 1 480px;
}
.sideblock {
        margin-bottom: 60px;
}
.sideblock:last-child {
        margin-bottom: 0px;
}
/*------------------------------------*\
 LISTS
\*------------------------------------*/
.link-list {
        list-style: none;
        margin-bottom: 60px;
}
.link-list li {
        list-style: none;
        margin: 0 0 10px;
}
.artistlink, .artistlink li {
        list-style: none;
}
.yearly {
        background: #ffffff;
        z-index: 79999 !important;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
}
.yearly li {
        margin-right: 20px;
        margin-bottom: 20px;
}
[aria-current] {
        color: rgba(0, 0, 0, 0.2) !important;
}
.inline-links {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        float: right;
        margin-top: 20px;
        padding: 20px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.inline-link {
        list-style: none;
        margin: 0 20px 0 0;
        text-align: right;
}
.inline-link:first-child {}
.news-list {
        font-size: 0.8rem;
        letter-spacing: 0.5px;
        line-height: 1rem;
}
.news-list .news-story {
        margin-bottom: 20px;
}
/*------------------------------------*\
   HEADER
\*------------------------------------*/
.header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
       
}
.sticky-head {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0px;
       
}
.headerItem {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 480px;
        flex: 1 1 480px;
        margin: 3px 10px;
}
/*------------------------------------*\
   BRANDING
\*------------------------------------*/
.branding {
        max-width: 240px;
        position: relative;
        z-index: 5;
}
.logo {
        width: 100%;
        height: auto;
        display: inline-block;
}
.logo img {
        max-width: 100%;
        height: auto;
}
/*------------------------------------*\
   NAVIGATION
\*------------------------------------*/
.mainNav {}

#myNav{
display: block;
width: 0;
}

.menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
}
.menu li {
        margin: 0 15px;
}
.menu li:first-child {
        margin: 0;
}
.menu a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 1px;
        position: relative;
        text-align: center;
}
.current-menu-item a {
        color: rgba(0, 0, 0, 0.2)
}
/*------------------------------------*\
  PAGINATION
\*------------------------------------*/
.pagination {
        padding: 40px;
        text-transform: uppercase;
        letter-spacing: 1px;
}
.pagination li:first-child, .pagination li:last-child {
        font-size: 0.7rem;
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
}
.pagination ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        list-style: none;
}
.pagination a, .pagination span {
        text-decoration: none;
        padding: 5px 5px;
        margin: 2px 10px;
}
.pagination .active a {
        color: rgba(0, 0, 0, 0.2);
}
/*------------------------------------*\
  PAGE NAV
\*------------------------------------*/
.page-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        left: 0;
        min-width: 100%;
        position: absolute;
        z-index: 555;
        top: calc(50% - 100px);
        margin: 0;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}
.page-nav a, .page-nav a:visited {
        color: #000000 !important;
}
.nav-block {
        width: 50%;
        height: 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}
.nav-content {
        background: rgba(255, 255, 255, 0.8);
        width: 300px;
        height: 240px;
        padding: 0 20px;
}
.nav-content, .nav-content a, .nav-content a:visited {
        color: #000000;
}
.nav-header {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 2px;
}
.nav-title {
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 5px;
        display: inline-block;
}
.prev-post { text-align: left;}
.next-post {
        text-align: right;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
}
.prev-content {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.next-content {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.page-nav .artist-names {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px;
        clear: both;
        width: 100%;
}
.next-post .artist-names {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
}
.page-nav .artist-name {
        font-size: 0.7rem;
        line-height: 0.8rem;
        letter-spacing: 1px;
        margin: 2px 0;
        text-transform: uppercase;
}
.page-nav .artist-name:after {
        content: ","
}
.page-nav .artist-name:last-child:after {
        content: none;
}
.nav-icon {
        position: relative;
        z-index: 20;
        height: 240px;
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.5)
}
.nav-icon:hover {
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
}
.nav-icon:hover .prev-icon {
        opacity: 0.5;
}
.nav-icon:hover .next-icon {
        opacity: 0.5;
}
.prev-icon {
        background-image: url(img/prev.png);
        width: 40px;
        height: 40px;
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        opacity: 0.3;
}
.next-icon {
        background-image: url(img/next.png);
        width: 40px;
        height: 40px;
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        opacity: 0.3;
}
.prev-init {
        position: relative;
        z-index: 10;
        -webkit-transform: translateX(-500px);
        -ms-transform: translateX(-500px);
        transform: translateX(-500px);
}
.next-init {
        position: relative;
        z-index: 10;
        -webkit-transform: translateX(500px);
        -ms-transform: translateX(500px);
        transform: translateX(500px);
}
/*------------------------------------*\
   HEADERS & CONTENT (Global)
\*------------------------------------*/
.content-container {
        padding: 20px;
}
.page-header {
        position: relative;
        background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1.00)), to(rgba(0, 0, 0, 1.00)));
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(0, 0, 0, 1.00) 100%);
        overflow: hidden;
        width: 100%;
        margin-bottom: 40px;
}
.page-header, .page-header a {
        color: #ffffff;
        font-weight: 400;
}
.page-header .feat-image {
        z-index: 1;
        opacity: 0.7;
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01);
}
.page-header .header-info {
        top: 0;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
}
.page-header .header-info-reg {
        position: absolute;
}
.header-info-responsive {
        position: relative;
        display: none;
        color: #000000;
        text-align: center !important;
}
.page-header .title {
        font-size: 4rem;
        font-weight: 200;
        max-width: 60vw;
        display: inline-block;
        margin: 20px auto;
}
.page-header .artistlink, .page-header .exhibition-date, .page-header, .header-info .artistlink, header-info .exhibition-date, .header-info {
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 2px;
}
.header-info p {
        text-transform: none;
}
.header-info-responsive .artistlink {
        font-size: 0.8rem;
}
.header-info .artistlinks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 60vw;
        margin: 20px auto;
}
.header-info .artistlinks .artistlink {
        margin: 2px;
        display: inline-block;
}
.header-info .artistlinks .artistlink:after {
        content: ", ";
}
.header-info .artistlinks .artistlink:last-child:after {
        content: none;
}
.page-content {
        padding: 40px;
        position: relative;
        z-index: 999;
}
.page-content iframe {
        margin: 10px;
}
.body-content {
        margin: 40px auto;
}
.sup-content {
        margin: 0 auto 40px;
}
.map iframe {
        padding: 0 40px;
        margin: 40px auto;
        width: 100%;
        height: 80vh;
        min-height: 300px;
}
.wp-block-embed__wrapper {
        text-align: center;
}
figcaption, .wp-block-embed figcaption {
        font-weight: 400;
        font-size: 0.7rem;
        letter-spacing: 1px;
        margin: 10px 0;
        padding: 0;
}
.wp-block-embed figcaption {
        text-align: center;
}
/*Artists------------------------ */
.artists {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0 2.5vw;
        z-index: 5;
}
.artists-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
        flex: 1 1 300px;
        position: relative;
}
.artist-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
}
.artist-list-group {
        margin-bottom: 40px;
}
.artist-list-title {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1rem;
        margin-bottom: 20px;
}
.artist-item {
        list-style: none;
        padding: 5px;
        width: 50%;
        min-width: 180px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
}
.artist-image {
        border-left: 2px solid rgba(0, 0, 0, 0.1);
        padding-left: 20px;
        position: relative;
}
#artistImage {
        width: 100%;
        height: 70vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px;
}
.randImage {
        width: 100%;
        height: 70vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: center;
}
.randImage-title {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        font-size: 0.8rem;
}
/*------------------------------------*\
   ARTIST PAGE
\*------------------------------------*/
.aritst-exhibition-list {
        width: 30%;
        max-width: 300px;
        margin-left: 40px;
        padding-left: 40px;
        border-left: 2px solid rgba(0, 0, 0, 0.5);
}
.exhibition-title {
        margin-top: 5px !important;
        font-size: 0.9rem;
}
.profile-image {
        width: 50%;
        min-width: 300px;
        max-width: 640px;
        overflow: hidden;
        float: left;
        padding: 0;
}
.profile-image img {
        width: 100%;
        display: inline-block;
}
/*------------------------------------*\
   ARTWORK
\*------------------------------------*/
.artwork-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.artwork {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 480px;
        flex: 1 1 480px;
        width: 50%;
        max-width: 50%;
        padding: 20px 20px;
}
.artwork-pack {}
.artwork-inner {
        width: 50%;
        position: relative;
}
.artwork-info {
        text-align: center !important;
}
.artwork-inner .artwork-asset {
        text-align: right;
        position: relative;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1;
        flex: 1 1 1;
        background: #ffffff;
}
.bx-clone {
        display: none !important;
}
.artwork-asset .artwork-info {
        bottom: 0;
        left: 0;
        text-align: right;
        width: 100%;
}
.artwork-info .artwork-title {
        font-weight: 400;
        font-size: 0.9rem;
        letter-spacing: 1px;
        margin: 20px 0 5px;
}
.artwork-info .artwork-spec, .artwork-asset h4 {
        font-weight: 400;
        font-size: 0.7rem;
        letter-spacing: 1px;
}
.artwork-info .artwork-spec {
        padding-bottom: 10px;
        margin: 0 0 20px;
}
.artwork-asset h4 {
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        padding: 0 10px;
        display: inline-block;
}
.artwork-asset .artwork-image {
        overflow: hidden;
}
.artwork-asset img {
        max-width: 100%;
        max-height: 80vh;
        margin: 0 auto;
        display: inline-block;
}
.artwork .bx-controls, .zoom {
        opacity: 0;
}
.artwork:hover .bx-controls, .artwork-asset:hover .zoom {
        opacity: 1;
}
.zoom {
        position: absolute;
        top: calc(50% - 20px);
        top: calc(50% - 2rem);
        left: 0;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        z-index: 9999;
        border: none;
        outline: none;
        padding: 0;
        color: rgba(255, 255, 255, 0.5);
}
.zoom:before {
        content: '\002315';
        font-size: 4rem;
        display: inline-block;
        text-align: center;
        width: 100%;
}
.zoom:hover {
        background: none;
        color: rgba(255, 255, 255, 1);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.fullscreen {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        width: 100vw !important;
        height: 100vh !important;
        min-width: 100vw !important;
        min-height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        background: rgba(255, 255, 255, 1);
        z-index: 9999;
}
.fullscreen-close {
        position: fixed;
        top: 40px;
        right: 40px;
        z-index: 99999 !important;
        background: url(img/close.png) !important;
        background-size: contain !important;
        background-repeat: no-repeat;
        height: 25px !important;
        width: 25px !important;
        border: none;
        opacity: 0.5;
}
.fullscreen-close:hover {
        background: url(img/close.png) !important;
        background-size: contain !important;
        background-repeat: no-repeat;
        opacity: 0.3;
}
.fullscreen .bx-viewport, .fullscreen .artwork-asset {
        height: 100vh !important;
}
.fullscreen .artwork-inner {
        width: 100%;
}
.fullscreen .artwork-asset {
        width: 100%;
        min-width: calc(100vw - 40px);
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1;
        flex: 1 1 1;
        padding-bottom: 20px;
}
.fullscreen .artwork-asset img {
        height: auto !important;
        min-height: auto !important;
        max-height: 85vh !important;
        width: auto !important;
        min-width: auto !important;
        max-width: 100% !important;
        margin-bottom: 10px;
}
.fullscreen .artwork-info {
        position: fixed;
        bottom: 0;
        width: 100vw;
        z-index: 19999;
        padding: 10px 20px 20px 20px;
}
.fullscreen-title {
        font-weight: 400;
        font-size: 0.7rem;
        letter-spacing: 1px;
        margin-right: 5px;
        width: 100%;
        text-align: center;
        display: inline-block;
}
.fullscreen .artwork-asset h4 {
        padding: 0 0 0 10px;
        display: inline-block;
        position: fixed;
        bottom: 30px;
        right: 20px;
}
/*------------------------------------*\
   GALLERY
\*------------------------------------*/
.gallery {
        margin: 0px auto;
}
.gallery, .gallery-slide {
        max-height: 80vh;
        max-width: 100%;
}
.gallery-slide img {
        max-height: calc(80vh - 40px);
        max-width: 100%;
}
.gallery-slide {
        text-align: center;
}
.gallery-slide img {}
.gallery-slide .artwork-info {
        text-align: right
}
/*------------------------------------*\
   ARCHIVE
\*------------------------------------*/
.archive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
}
.archive-block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-width: 360px;
        padding: 20px;
        max-width: 640px;
        overflow: hidden;
}
.archive-block .feat-image {
        height: 480px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        overflow: hidden;
}
.exhibition-archive-block .feat-image {
        background-size: contain;
        background-color: rgba(0, 0, 0, 0.05);
}
.archive-block:hover .feat-image {
        opacity: 0.8;
        -webkit-transform: scale(0.98);
        -ms-transform: scale(0.98);
        transform: scale(0.98);
}
.archive-block .title {
        margin-bottom: 5px;
        font-size: 1.5rem;
}
.archive-block .artistlinks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: auto !important;
}
.archive-block .artistlink {
        margin: 0;
        font-size: 0.75rem;
        letter-spacing: 1px
}
.archive-block .artistlink:after {
        content: '\002F';
        margin: 0 5px;
}
.archive-block .artistlink:last-child:after {
        content: none;
}
.archive-block .date-block {
        margin: 20px 0;
        font-size: 0.9rem;
}
/*------------------------------------*\
   NEWS - Single News Story
\*------------------------------------*/
.news-story-single {}
.news-story-single .page-header {
        margin-bottom: 60px;
}
.news-story-single .page-header .title {
        font-size: 3rem;
}
.news-story-single .page-header .date {
        margin-bottom: 60px;
}
.meta {
        text-align: right;
}
/*------------------------------------*\
   FOOTER
\*------------------------------------*/
.footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: rgba(245, 245, 245, 1.00);
        position: relative;
}
.footer-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-width: 240px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 240px;
        flex: 1 1 240px;
}
.footer-item h3 {
        font-size: 0.8rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-top: 0;
}
.inline-footer-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: 100%;
}
.inline-footer-item div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 100%;
}
.inline-footer-item .menu {
        display: inline-block;
        margin-top: 20px;
}
.connection-points .social, .connection-points-responsive .social {
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        padding-top: 20px;
}
.connection-points-responsive {
        display: none;
}
/*------------------------------------*\
   SOCIAL
\*------------------------------------*/
.social ul{margin-bottom:40px;}
.social ul .menu-item {
        margin: 0 20px 0 0;
}
.social .menu-item:last-child {
        margin: 0px;
}
.social-icon {
        width: 25px;
        height: 25px;
        display: inline-block;
        opacity: 0.5;
}
.social-icon:hover {
        opacity: 0.3;
}
.social-icon img {
        width: 100%;
        height: auto;
}
/*------------------------------------*\
   SIDEBAR
\*------------------------------------*/
.sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
}
.sidebar-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 240px;
        flex: 1 1 240px;
        margin-bottom: 40px;
}
.inline-sidebar {}
.inline-sidebar .sidebar-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
}
.inline-sidebar .announcement, .announcement {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 20px;
        margin-bottom: 40px;
}
/*------------------------------------*\
   CONTACT
\*------------------------------------*/
.contact-image {
        margin-bottom: 40px;
}
/*------------------------------------*\
   MAP
\*------------------------------------*/
/*------------------------------------*\
   MAIL LIST
\*------------------------------------*/
.mail-list, .mc4wp-response {
        float: right;
}
.mail-list h3, .announcement h3 {
        text-transform: uppercase;
        font-size: 1.2rem;
        letter-spacing: 1px;
        margin-top: 0;
}

.mc4wp-response{
	max-width: 320px;
	margin-top:20px;
	border-top: 1px solid;
	padding-top: 20px;
}
/*------------------------------------*\
   TEAM MEMBERS
\*------------------------------------*/
.team {
        margin: 40px auto 0;
        padding: 40px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.team-list {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.team-member {
        margin-bottom: 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 240px;
        flex: 1 1 240px;
}
.team-list h3 {
        font-size: 1rem;
        margin: 0;
}
.team-list h4 {
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        margin: 0;
}
.email {
        display: block;
        margin-top: 10px;
}
/*------------------------------------*\
   FORMS
\*------------------------------------*/
.wpcf7-submit {}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
        width: 100%;
}
/*------------------------------------*\
   RESP NAV
\*------------------------------------*/
.overlay {
display: none;
        height: 100vh;
        width: 0;
        position: fixed;
        z-index: 98888 !important;
        top: 0;
        right: 0;    
        background-color: rgba(255, 255, 255, 1);
        overflow-x: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
}
.overlay-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        right: 0;
        top: 0;
        height: 100vh;
        text-align: center;
}
.overlay .menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
}
.overlay a {
        padding: 8px;
        text-decoration: none;
        display: block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
}
.closebtn {
        text-align: left;
        position: absolute;
        top: 20px;
        left: 45px;
        font-size: 60px;
}

.expand{
display: inline-block !important;
width: 100% !important;
}

.overlay a {
        font-size: 20px
}
.overlay .closebtn {
        font-size: 40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        top: 15px;
        right: 35px;
        cursor: pointer;
}
.menuBtn {
        display: none;
        position: absolute;
        right: 20px;
        top: 15px;
        font-weight: 200;
        font-size: 30px;
        cursor: pointer;
        width: 40px;
        height: 40px;
      
       
       
}
/*------------------------------------*\
    CALENDLY WIDGET
\*------------------------------------*/
.calendly-badge-widget {
        right: 0 !important;
        left: 0;
        max-width: 300px !important;
}
.calendly-badge-widget .calendly-badge-content {
        border-radius: 0 5px 5px 0 !important;z
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 0.7rem !important;
}

.calendly-overlay{
z-index: 97777 !important;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width : 1080px) {
        .artwork {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                width: 100%;
                max-width: 100%;
                min-width: 100%;
                padding: 20px 20px;
        }
        .connection-points {
                display: none;
        }
        .connection-points-responsive {
                display: block;
        }
        .half {
                margin-top: 20px;
        }
        .profile-image {
                width: 100%;
                min-width: 240px;
                max-width: 640px;
                overflow: hidden;
                float: none;
                margin-bottom: 20px;
        }
}
@media only screen and (max-width : 960px) {
        .zoom {
                display: none;
        }
        .header {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        }
        .headerItem {
                max-width: 100%;
                width: 100%;
                text-align: center;
                -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
        }
        .logo {
                max-width: 220px;
        }
        .menu {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-top: 20px;
        }
        .menu-social-container .menu {
                margin-top: 0px;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
        }
        .page-header .header-info-reg {
                display: none;
        }
        .header-info-responsive {
                position: relative;
                display: block;
                color: #000000;
        }
        .page-header .title {
                font-size: 4rem;
        }
        .page-header .artist-link, .page-header .exhibition-date, .page-header .date {
                font-size: 0.9rem;
        }
        .slide .feat-image img {
                height: 100vh;
                width: auto;
        }
        .archive-block {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-width: 100%;
                padding: 20px;
                max-width: 100%;
        }
        .artists {
                padding-top: 20px;
        }
        .header-info .artistlinks {
                max-width: 100%;
        }
        
        .news-story-single .page-header .title {
        font-size: 2rem;
        }
        
}
@media only screen and (max-width : 680px) {
        .menuBtn {
                display: block;
                position: absolute;
                right: 20px;
                top: 20px;
                z-index: 10;
               
             
        }
        .mainNav {
                display: none;
        }
        .archive-block .feat-image {
                height: 320px;
                width: 100%;
                overflow: hidden;
        }
        .page-header .title, .news-story-single .page-header .title {
                font-size: 1.6rem;
        }
        
     
        
        .page-content {
                padding: 40px 0;
        }
        .artist-image, .randImage {
                display: none;
        }
        .sticky-wrapper {
                height: 40px !important;
        }
        .col {
                padding: 0;
        }
        .third {
                border-top: 1px solid rgba(0, 0, 0, 0.05);
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                margin: 20px 0;
                padding: 20px 0;
                max-width: 100%;
                min-width: 100%;
        }
        
        .profile-image {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
        float: none;
        clear: both;
       padding: 0;
       margin: 0 auto;
}
        
        .nav-block {
                height: 240px;
        }
        .nav-content {
                display: none;
        }
        .inline-links {
                margin-top: 20px;
        }
        .footer {
                padding-bottom: 100px;
        }
        .page-content iframe {
                margin: 20px 0 10px;
        }
        .map iframe {
                margin: 0 auto;
        }
}
@media only screen and (max-width : 580px) {
        .footer-item {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                min-width: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
        }
}


@media only screen and (device-width: 768px) {
   .slide-inner, .slide .feat-image img, .slide .page-header {
        height: 80vh !important;
}
	
	.page-header .title{
		 font-size:2.5rem;
	 }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 .slide-inner, .slide .feat-image img, .slide .page-header {
        height: 60vh  !important;
 
}
	.page-header .title{
		 font-size:2.5rem;
	 }
	
	}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .slide-inner, .slide .feat-image img, .slide .page-header {
        height: 80vh !important;
}
	
	.page-header .title{
		 font-size:2.5rem;
	 }
	
	}
