/* 
    Created on : Dec 22, 2017
    Author     : Natalya Habib
*/
*{
    box-sizing: border-box;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
}

::selection{
    background:#FFD400;
    color:#000;
}

a.skip-main{
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -9999;
    text-align:center;
}
a.skip-main:focus, a.skip-main:active{
    color: #000;
    background: #FFD400;
    font-weight:bold;
    left: 28%;
    top: auto;
    width: 40%;
    height: auto;
    overflow: auto;
    margin: 20px;
    padding: 10px;
    z-index: 9999;
}

img{ 
    width: 100%;
    height: auto;
}
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.gac-body {
    color: #fff;
    min-height: 100%;
    height: 100%;
    min-width: 320px;
}

h1, h2, h3, h4, p, li, a{
    color: #fff; 
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h1 {font-size: 24px; line-height: 28px; font-weight: 700; text-transform: uppercase; margin:10px 0;}
.gac-button h2{font-size: 10px; line-height: 12px; font-weight: 700; text-transform: uppercase;}
h2.intro{font-size: 20px; line-height: 1.6; font-weight: 400; text-transform: none; margin:30px 0 20px 0;}
h2 {font-size: 20px; line-height: 1.6; font-weight: 700; text-transform: uppercase;}
.gac-grid h2 { width:100%; }
h2.upper{font-size: 20px; font-weight: 400; margin:20px 0 30px 0;}
h2.upper-space{ font-size: 20px; font-weight: 400; margin:20px 0 0 0; }
h3{font-size: 16px; line-height: 20px; font-weight: 700; margin:40px 0 20px 0;}
p{font-size: 16px; line-height: 1.6; font-weight: 400; }
a{text-decoration: none;}
.gac-column a, .info_content a{text-decoration: underline; font-weight: 700; color:#FFD400;}

.gac-column a:hover, .info_content a:hover{
    background:#FFD400;
    color:#000;
    transition:0.2s;
}

.gac-column a:focus, .info_content a:focus{
    outline:2px solid #FFD400;
    outline-offset:3px;
    background:#FFD400;
    color:#000;
}

.upper{text-transform: uppercase;}


.red{color: #ed1d24;}
.center{text-align:center;}
/* Header */
.gac-page-header{
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
}
.gac-page-header .gac-header {
    height: 80px;
    max-height: 80px;
    position: relative;
}
.gac-header{
    width:100%;
    max-width: 1200px;
    margin:0 auto;
    background: #000;
}
.gac-site-logo{
    width: 206px;
    display: inline;
    float:left;
    height: auto;
    margin-top: 10px;
    border-right: 1px solid #fff;
    padding-right: 15px;
}
.gac-site-logo img {   
    width: 190px;
    height: auto;
}
.gac-site-logo a:focus{
    outline: 2px solid #FFD400;
    outline-offset: 5px;
    display: inline-block;
}

.gac-main-menu{
    display: none;
    font-size: 36px;
    position: absolute;
    float: right;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
}
.gac-main-menu a{
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase; 
    display: block;
} 

.gac-main-menu a:hover{
    color:#FFD400;
}

.gac-main-menu a:focus{
    color:#FFD400;
    outline: 2px solid #FFD400;
    outline-offset: 5px;
}

.full-width-menu{
    position: fixed;
    top: 0;
    z-index: 10000;
    height: 100%;
    background: #000;
}
.gac-body.menu-open{
    position:fixed;
}
.gac-site-logo.menu-open{
    display: none;
}
.gac-menu-burger.menu-open{
    width: 100%;
    text-align: right;
    margin-bottom: 50px;
}
.gac-main-menu.menu-open{
    display: block;
} 
.burger-close:before {
    content: "\f00d";
}
.gac-menu-burger{
    font-size: 36px;
    position: relative;
    float: right;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.gac-menu-burger a{
    margin-left:5px;
}

.gac-menu-burger a:hover{
    color:#FFD400;
}

.gac-menu-burger a:focus{
    outline-offset:3px;
    outline: 2px solid #FFD400;
    display: inline-block;
    color:#FFD400;
}

/* Mid Content */
.gac-mid-content{
    width:100%;
    max-width: 1200px;
    margin:0 auto;
    padding: 0 10px;
    cursor: default;
}
.gac-mid-content.gac-main-content {
    min-height: 65vh;
    padding-bottom: 100px;
}

.gac-title{text-align: center;}

.gac-map{
    margin: 5px 0;
    display:none;
}

/*map - hover & focus states*/
map { display:inline-block;}

map area{ display:inline-block; position:relative;}

area[title]:focus:before{
    content: attr(title);
    font-family: proxima-nova, sans-serif;
    background-color: #FFD400;
    color: #000;
    padding: 5px;
    max-width: 200px;
    font-weight: 800;
    font-style: normal;
    border:2px solid #000;
}

area[title]:focus:before { border:none;}

area.san-fran{ bottom:175px; left:18px; }
area.mexcio{ bottom:95px; left:125px;}
area.houston{ bottom:160px; left:230px; }
area.new-york{ bottom:195px; left:280px;}
area.london{ bottom:240px; left:505px;}
area.paris{ bottom:222px; left:505px;}
area.berlin { bottom:235px; left:520px;}
area.thailand {bottom:110px; left:800px;}
area.china { bottom:172px; left:805px;}
area.seoul { bottom:213px; left:895px; }
area.japan{ bottom:185px; left:910px;}

#map{
    min-height: 500px;
    height: 100%;
}
.info_content, .info_content a {
    color: #000;
}
.gac-button {
    text-align: center;
    background-color: #fff;
    border: 3px solid black;
    float: left;
}
.gac-button h2{color: #000;}

a.gac-column.gac-button {
    cursor: pointer;
}

.gac-button.red{
    background-color: #ed1d24;
}
.gac-grid{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    padding-bottom: 25px;
}

.japan .gac-column.gac-thirds h2{
    min-height: 50px;
}

.gac-sponsors{
    padding: 25px 0 0;
}
.gac-sponsors h2{
    width: 100%;
}
.gac-sponsors .gac-column.gac-quarters{
    flex: 1 1 50%;
    max-width: 50%;
}
.gac-column.gac-quarters, .gac-column.gac-halves, .gac-column.gac-thirds{
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0px 15px 25px 0;
}
.london .gac-column.gac-thirds p,
.london .gac-column.gac-thirds { 
    padding-bottom:0;
}

.gac-column.gac-quarters{ margin-bottom:40px;}
.gac-column.gac-button{
    flex: 1 1 33%;
    max-width: 33%;
    padding: 0;
}

a.gac-column.gac-button:hover {
    background:#FFD400;
    color:#000;
    transition:0.2s;
}

a.gac-column.gac-button:focus {
    background:#FFD400;
    color:#000;
    outline:0;
    border:3px solid #E6BF00;
    display:inline-block;
}

.gac-grid.press-grid .gac-column.gac-quarters{
    flex: 50%;
    max-width: 50%;
    margin-bottom:40px;
}

.gac-column.gac-halves{
    padding: 0 20px 20px 0;
    margin-bottom:20px;
}
.gac-column-image{
    width: 60%;
    margin: 0 auto;
}
.gac-footer-logos.gac-mid-content{
    padding-top: 15px;
    padding-bottom: 15px;
}
.gac-footer-logo{
    width: 75px;
    height: auto;
    float: right;
}

.gac-footer-logo a.pac-hyperlink:hover,
.gac-footer-logo a.pac-hyperlink:focus{
    outline:2px solid #FFD400;
    outline-offset:5px;
}

/* Legal Footer */
.gac-legal-content{
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    padding: 15px 0;
    text-align: center;
}
.gac-legal-copy p{
    color: #000;
}

.gac-legal-links a{
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    margin-right: 5px;
    margin-left: 5px;
}

.gac-legal-links a:hover{
    background:#FFD400;
    color:#000;
}

.gac-legal-links a:focus{
    background:#FFD400;
    color:#000;
    outline:2px solid #000;
    outline-offset:2px;
}

.gac-legal-links span{ 
    text-decoration: none;
    color:#000;
}

/* Cookie Policy Window */
.gac-mid-content.transparent{
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    cursor: default;
    background-color: #fff;
}
#cookie-policy{
    z-index: 10000;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 0 2rem 0;
    background-color: #fff !important;
    border-top: solid black;
}
#cookie-dismiss {
    padding: 10px 35px;
    display: inline-block;
    font-size: 1.125rem;
    border-radius: .4rem;
    background: #fff;
    color: black;
    font-weight: bold;
    border-color: black;
}
#cookie-dismiss:hover, #cookie-dismiss:active{
    margin-bottom: -2px;
    cursor: pointer;
    color: #fff;
    background: black;
}

#cookie-dismiss:focus{
    outline:3px solid #000;
    outline-offset:5px;
    background:#000;
    color:#fff;
}

.gac-mid-content.transparent h2{
    color: black;
    margin: 1rem 0 1rem 0;
    font-size: 1.25rem;
    font-family: sans-serif;
    font-weight: normal;
    text-transform: none;
}
@media screen and (min-width: 992px){ 
     #cookie-policy p {
        width: 80%;
        display: inline;
        float: left;
        margin: 0 20px 0 0;
    }
}
.gac-mid-content.transparent p{
    color: black;
    font-family: proxima-nova, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
}
.gac-mid-content.transparent p a{
    font-size: inherit;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    padding: 0 1px 0;
    margin: 0 -1px 0;
    font-weight: bold;
    font-family: proxima-nova, sans-serif;
    line-height: normal;
}
.gac-mid-content.transparent p a:hover,.gac-mid-content.transparent p a:active{
    border-bottom-width: 3px;
    margin-bottom: -2px;
}

.gac-mid-content.transparent p a:focus{
    outline:2px solid #000;
    outline-offset:2px;
    border-bottom-width: 3px;
    margin-bottom: -2px;
}

/* EXIT WARNING*/
.j-poster-meta{
    display: none;
}
#exit-warning-modal {
  display: none;
  position: fixed;
  z-index: 9001;
  left: 0;
  top: 0;
  max-width: 100%;
}
#exit-warning-modal .exit-warning-content {
  text-align: center;
  position: relative;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  background-color: #fefefe;
  border-radius: 4px;
  border: solid black;
}
#exit-warning-modal .fa-times{ font-family: auto; font-size: 24px; float: right; font-weight: bold; top: 0; right: 0; position: absolute; padding: 8px 16px; border: none; background-color: #fff;}
#exit-warning-modal .fa-times:hover{ cursor: pointer;}
#exit-warning-modal .fa-times:before{ content: "";}
#exit-warning-modal h2 { color: black; font-size: 1.25rem; font-family: sans-serif; font-weight: normal; text-transform: none; width: 100%; float:left; margin: 15px 0 15px 0 !important;}
#exit-warning-modal p{ color: black; font-family: sans-serif; line-height: 1.5; font-size: 1rem; margin: 15px 0 15px 0 !important;}
#exit-warning-modal #exit-warning-countdown { text-align: center; font: 400 75px sans-serif; line-height: 1.5em; }
#exit-warning-modal a.exit-button { 
    margin: 20px 10px;
    border: solid;
    padding: 10px;
    display: inline-block;
    font-size: 1.125rem;
    border-radius: .4rem;
    background: #fff;
    color: black;
    font-weight: bold;
    border-color: black;
    font-family: sans-serif;
    width: 160px;
}
#exit-warning-modal a.exit-cancel{
    border-color: #E4002B;
    color: #E4002B;
}
#exit-warning-modal a.exit-accept{
    border-color: green;
    color: green;
}
#exit-warning-modal a.exit-accept:hover, #exit-warning-modal a.exit-accept:focus{
    background:  green;
    color: #fff;
}
#exit-warning-modal a.exit-cancel:hover, #exit-warning-modal a.exit-cancel:focus{
    background: #E4002B;
    color: #fff;

}
a.exit-accept span{
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

@media screen and (max-width: 480px){  
    #exit-warning-modal{
        width: 100%;
        top: 25%;
    }
    #exit-warning-modal .exit-warning-content{
        width: 100%;
    }
}
@media screen and (min-width: 480px){  
    #exit-warning-modal{
        width: 100%;
        top: 25%;
    }
}
@media screen and (min-width: 600px){  
    #exit-warning-modal{
        left: 12%;
        width: 80%;
        top: 30%;
    }
}
@media screen and (min-width: 768px){
    #exit-warning-modal{
        left: 20%;
        width: 65%;
        top: 25%;
    }
}
@media screen and (min-width: 992px){
    #exit-warning-modal{
        left: 25%;
        width: 50%;
        top: 25%;
    }
}
@media screen and (min-width: 1200px){
     #exit-warning-modal{
        left: 30%;
        width: 40%;
        top: 20%;
    }
}
.overlay{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

@media screen and (min-width: 480px){
    .gac-page-header .gac-header {
        height: 80px;
        max-height: 80px;
    }
    .gac-column.gac-quarters, .gac-column.gac-thirds{
        flex: 1 1 50%;
        max-width: 50%;
    }
}
@media screen and (min-width: 768px){
    .gac-page-header .gac-header {
        height: 105px;
        max-height: 105px;
    }
    .gac-site-logo{
        width: 265px;
    }
    .gac-site-logo img {
        width: 250px;
    }
    .gac-mid-content{
        padding: 0 55px;
    }
    .gac-sponsors .gac-column.gac-quarters{
        flex: 1 1 25%;
        max-width: 25%;
    }
    .gac-column.gac-quarters, .gac-column.gac-thirds{
        flex-basis: 33.3%;
        max-width: 33.3%;

    }
    .gac-column-image{
        width: 45%;
        float: left;
    }
    .gac-column-image img{
        padding-right: 10px;
    }
    .gac-full-bio{
        padding-bottom: 30px;
    }
    .gac-full-bio h2{ 
        /*position: relative;
        left: 10px;*/
    }
    .gac-grid.press-grid{
        width: 55%;
    }
    .gac-grid.press-grid .gac-column.gac-quarters{
        flex-basis: 50%;
        max-width: 50%;
    } 
    .gac-column.gac-button{
        flex-basis: 20%;
        max-width: 20%;
    }
    .gac-grid.gac-city-buttons{
        justify-content: center
    }
    .gac-full-bio .gac-column-bio{
        width: 68%;
        float: right;
        margin-bottom: 30px;
    }
    .gac-column-bio{
        width: 55%;
        float: left;
    }
    .gac-column-bio h2{
        margin-top: 0;
        min-height:0 !important;
    }
    .gac-legal-content{
        text-align: left;
    }
    .gac-legal-copy p{
        padding: 0;
        margin: 0;
    }
    .gac-legal-copy{
        float:left;
    }  
    .gac-legal-links{
        float:right;
    }
}


@media screen and (min-width: 992px){
    .gac-mid-content{
        padding: 0 58px;
    }
    .gac-column.gac-halves{
        flex: 1 1 50%;
        max-width: 50%;
    }
    .gac-column.gac-quarters, .gac-grid.press-grid .gac-column.gac-quarters{
        flex-basis: 25%;
        max-width: 25%;
    }
    .gac-grid.press-grid{
        width: 70%;
    }
    .gac-full-bio .gac-column-image{
        width: 30%;
    }
    #cookie-policy p {
        width: 80%;
        display: inline;
        float: left;
        margin: 0 20px 0 0;
    }
}
@media screen and (min-width: 1200px){
    .gac-main-menu{
        position: static;
        display: block;
        float: right;
        text-align: right;
        right: auto;
        margin-top: 46px;
    }
    .gac-main-menu a{
        display: inline;
        margin-left: 15px;
        font-size: 36px;
    }
    .gac-menu-burger{
        display: none;
    }
    .gac-mid-content{
        padding: 0 71px;
    }
    .gac-map, #image-map{display:inline-block;}

}

@media screen and (max-width: 991px){
    .gac-column-image{
        width: 30%;
        float: left;
    }
}

@media screen and (max-width: 600px){
    .gac-column-image,
    .gac-column-bio{
       float:left;
   }
   .gac-column-bio { margin-bottom:30px;}
    .gac-column-image { 
       float:none !important; 
       width:100% !important;
    }
}

@media screen and (max-width: 767px){
    .gac-column-image,
    .gac-column-bio{
       float:left;
   }
   .gac-column-bio { margin-bottom:30px;}

    .gac-mid-content {
       padding: 0 25px;
   }
}

@media screen and (max-width: 360px){
    .gac-menu-burger{
       font-size:24px;
   }
}

.pin-locations{
    margin-bottom: 40px;
    font-style:italic;
}

.p-20 { padding-bottom:20px;}
.m-top-20 { margin-top:-20px !important;}
h2.art-title {font-size: 20px;  line-height: 1.6; font-weight: 400; text-transform: none; padding-bottom: 20px; }


/*page: Snoopy Global Art*/
.juicer-feed.night li.feed-item a:focus{
    outline:2px solid #FFD400;
}

.j-text-container{
    border:2px solid #1f1f1f;
}

a.j-image{
    display:inline-block;
}
a.j-image:hover{
    outline: 2px solid #FFD400 !important;
}

a.j-instagram.j-social-icon:focus{
    outline:3px solid #FFD400;
    outline-offset:5px;
    color:#FFD400 !important;
}

.j-poster-meta a:nth-child(2){
    display:none;
}

.artist{
    margin: 0;
    text-transform: uppercase;
}

.press-artist{
    margin-top: revert;
    text-transform: uppercase;
}