/* ################################################################################
   set initial styles
################################################################################ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    /* [disabled]font-style: inherit; */
    font-size: 100%;
    font-family: "AkkuratLight";
    vertical-align: baseline;
    /*list-style:none;*/
}


/* ################################################################################
   main layout blocks
################################################################################ */

html{
    height:100%;
}
body{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'AkkuratLight', Verdana, Helvetica, Arial, sans-serif !important;
    font-size:12px;
    color:#000;
    background-color:#FFF;
}
#header{
    width: 100%;
    height: 80px;
    /*background-color: rgba(0,0,0, 0.6);*/
    background: #F6F6F6;
    position: fixed;
    /* z-index: 9000; */
    z-index: 501;
    top: 0px;
}
#header-homepage-fade{
    width: 100%;
    height: 80px;
    /*background-color: rgba(0,0,0, 0.6);*/
    background: #F6F6F6;
    position: fixed;
    /* z-index: 10000; */
    z-index: 500;
    top: 0px;
}
#header-homepage{
    width: 100%;
    height: 80px;
    background: #F6F6F6;
    position: fixed;
    /* z-index: 10000; */
    z-index: 500;
    top: 0px;
}
#main-wrapper-homepage{
    position:relative;
    width:100%;
    height:auto;
}
#main-wrapper{
    position:relative;
    width:100%;
    height:auto;
    margin-top: 80px;
    padding: 65px 0px 0px 0px;
}
.region-content{}
.content-wrapper{
    float:left;
    width:100%;
    height:auto;
    /*border-top:1px solid #0F0;*/
    /*bottom:1px solid #0F0;*/
    padding:0px 0px 20px 0px;
}
.content-inner-wrapper{
    width:1200px;
    height: auto;
    margin: 0px auto;
    clear: both;
    /*border-bottom: 1px solid #00F;*/
}
.content-half-width{
    width: 50%;
    height: auto;
}
#footer{
    float:left;
    width:100%;
    height:auto;
    min-height:250px;
    margin-top: 80px;
}


/* ################################################################################
   header elements
################################################################################ */

#header-inner{}
#header-homepage-inner{
  height: 80px;
  position: fixed;
  /* z-index: 10001; */
  z-index: 501;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#logo{
    display:block;
    width: 180px;
    height: 44px;
    /*background-color: #093;*/
    background-image: url('../images/header-acc-logo-44.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin: 18px 0px 0px 40px;
    float:left;
    text-indent:-9999px;
    font-size:0px;
}
#header a{
    text-decoration:none;
}


/* ################################################################################
   Navigation elements
################################################################################ */

#nav-overlay{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    /*background-color: #0eb48d;*/
    background-color: rgba(0, 204, 153, 0.9);
    color: #FFF;
    z-index: 1000000 !important;
    overflow: scroll;
}
#menu-toggle{
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
    margin: 0px 40px 0px 26px;
    display: block;
    width: 40px;
    height: 80px;
    background: url('../images/header-nav-open.png') no-repeat center center;
    background-repeat: no-repeat;
}
nav-overlay-inner{}
#menu-close{
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
    margin: 0px 40px 0px 0px;
    display: block;
    width: 40px;
    height: 80px;
    background: url('../images/header-nav-close.png') no-repeat center center;
    background-repeat: no-repeat;
}
/* main menu */
#main-menu-merged{
    margin: 0px 0px 50px 60px;
    /* The top margin is set via JS to be 25% of the viewport */
}
#main-menu-merged a.main-nav-home-link{
    color: #FFF;
    font-size: 250%;
}
#main-menu-merged li{
    list-style: none;
}
#main-menu-merged li .sub-menu-title{
    font-size: 250%;
    cursor: pointer;
    margin-top: 12px;
}
#main-menu-merged li .sub-menu-title.sub-menu-closed:before{
    content: "+ ";
}
#main-menu-merged li .sub-menu-title.sub-menu-open:before{
    content: "- ";
}
#main-menu-merged li a{
    color: #000;
    margin: 2px 0px 4px 20px;
    font-size: 175%;
}
.main-menu-nav-item{
    margin-top: 12px;
}
#main-menu-merged li ul{
    /*margin: 4px 0px 4px 18px;*/
    margin-bottom: 20px;
}
#main-menu-merged li ul li{
    margin: 2px 0px 4px 0px;
}
#main-menu-merged li ul li a{
    color: #000;
}


/* ################################################################################
   slideshow styles
################################################################################ */

#slides-wrapper{
    /*background: rgba(238,238,238, 0.5);*//* #EEE; */
    background: #7D7D7D;
    width: 100%;
    /*height: 800px;*/
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#slides-wrapper .slide{
    width: 100%;
    height: 100%;
    display: none;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    position: absolute;
}
#slides-wrapper .slide .slide-text-wrapper{
    text-wrap: normal;
    text-align: center;
    position: absolute;
    width: auto !important;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0eb48d;
    opacity: 0.9;
    padding: 15px 25px 15px 25px;
} 
#slides-wrapper .slide .slide-headline-text{
    font-family: "AkkuratBold";
    font-size: 1.55rem;
    color: #F6F6F6;
    margin-bottom: 5px;
}
#slides-wrapper .slide .slide-sub-text{
    font-size: 150%;
    color: #F6F6F6;
}
#slides-wrapper .slide .slide-link{
    color: #F6F6F6;
    text-decoration: underline;
    font-size: 150%;
    padding-top: 20px;
}
#slides-wrapper .nav{
    cursor: pointer;
    width: auto;
    height: auto;
    display: block;
    padding: 25px;
    background: #ffce61;
    top: 50%;
    position: absolute;
    text-indent: -9999px;
    font-size: 0px;
}
#slides-wrapper .nav-left{
    background: url('../images/slides-nav-left.png') no-repeat center center;
}
#slides-wrapper .nav-right{
    background: url('../images/slides-nav-right.png') no-repeat center center;
}


/* ################################################################################
   Node main content elements
################################################################################ */

/* Homepage Notice */
#homepage-notice{
    float: left;
    margin: 0px 12.5% 0px 12.5%;
    width: 75%;
    height: auto;
    padding: 24px;
}
#homepage-notice-inner{
    float: left;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    border: 1px solid #0eb48d;
    padding: 20px 36px 24px 36px;
}
#homepage-notice .homepage-notice-title{
    width: 100%;
    float: left;
    font-size: 250%;
    text-align: center;
    margin-bottom: 18px;
}
#homepage-notice .homepage-notice-body{}
#homepage-notice .homepage-notice-body p{
    font-size: 125% !important;
}
#main-wrapper-homepage #homepage-notice{
    margin-top: -100px;
}

/* Homepage Exhibitions */
#homepage-exhibitions-listing{
    width: 1020px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
}
#homepage-exhibitions-listing .homepage-exhibition-item{
    margin: 0px 10px 0px 10px;
    width: 320px;
    height: auto;
    display: inline-block;
}
#homepage-exhibitions-listing .homepage-exhibition-item .homepage-exhibition-item-img{
    display: block;
    width: 320px;
    height: 320px;
    background-size: contain !important;
    background-color: #F6F6F6 !important;
    background-repeat: no-repeat;
    background-position: center center;
}
#homepage-news-container {
    width: 1200px;
}
#homepage-news-container img{
    float: left;
    width: 45%;
    margin-right: 2.5%;
}
.homepage-news-item {
    float: left;
    width: 100%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom:60px;
}
.news-event-item-text {
    margin-right: 60px;
}
.views-field-view-node span a {
    font-size:1.25rem;
}
.homepage-news-item p, a {}

/* ---------- Homepage Featured Content Block ---------- */
#homepage-featured-content-block{
    width: 100%;
    max-width: 1200px;
    /*border-top: 2px solid #F00;
    border-bottom: 2px solid #F00;*/
}
#homepage-featured-content-block img{
    float: left;
    width: 45%;
    margin-right: 2.5%;
}
#homepage-featured-content-block .hfcb-body{
    float: left;
    width: 50%;
    margin-left: 2.5%;
    margin-bottom: 60px;
    /*border-top: 2px solid #09F;
    border-bottom: 2px solid #09F;*/
}
#homepage-featured-content-block .hfcb-body strong{
    font-weight: bold;
}


/* ################################################################################
   Node main content elements
################################################################################ */

.node-title{
    color: #0eb48d;
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 18px;
}
.node-sub-heading{
    text-align: center;
    font-size: 130%;
}
.content-left-img{
    height: auto;
    min-height: 750px;
    width: 580px;
    margin-top: 40px;
    position: relative;
    background-size: contain !important;
    background-color: #F6F6F6 !important;
    background-repeat: no-repeat;
    background-position: center center;
}
.content-left-img .artwork-img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.main-content-right{
    margin-top: 40px;
    padding: 0px 0px 0px 20px;
}
.main-content-right-inner{
    display: block;
    height: auto;
    min-height: 625px;
    margin-bottom: 25px;
}
.main-content-right-inner a{
    color: #0eb48d;
}
.main-content-right-inner ul,
.main-content-right-inner ol{
    margin: 4px 12px 12px 24px;
}
.main-content-share{
    /*border-top: 1px solid #F90;
    border-bottom: 1px solid #F90;*/
    display: block;
    height: 90px;
}
#share-links{
    margin: 20px 0px 0px 0px;
}
#share-links li{
    display: inline-block;
    list-style: none;
}
#share-links li a.share-button{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px 10px 0px 0px;
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    font-size: 0px;
    float: left;
}
#share-links li a.share-fb{
    background: url('../images/share-fb.png');
}
#share-links li a.share-tw{
    background: url('../images/share-tw.png');
}


/* ################################################################################
   Artwork elements
################################################################################ */

.artist-title{
    font-size: 225%;
    margin-bottom: 20px;
}
ul.related-terms-list{
    margin: 0px 0px 40px 0px;
}
ul.related-terms-list li{
    list-style: none;
    display: inline-block;
    padding-right: 24px;
}
ul.related-terms-list li:before{
    content:"#";
}
ul.related-terms-list li a{
    color: #000;
    text-decoration: underline;
}
ul.related-terms-list li a:hover{
    color: #0eb48d;
}
ul.artwork-info{
    margin: 24px 0px 20px 0px;
}
ul.artwork-info li{
    list-style: none;
    margin-bottom: 3px;
}
ul.artwork-info li a{
    color: #000;
}
ul.artwork-info li a:hover{
    color: #0eb48d;
}


/* ################################################################################
   Exhibition elements
################################################################################ */

.related-terms-title{
    margin: 50px 0px 12px 0px;
    font-size: 150%;
}
.exhibition-listing-tag{
    /*left: 0;
    width: auto;
    clear: both;*/
    position: relative;
    z-index: 100;
    height: 10%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    margin-left: 2.5%;
    margin-top: 2.5%;
    text-align: center;
    float: left;
    color: #000;
    background-color: #0eb48d;
}


/* ################################################################################
   Listing elements
################################################################################ */

/* Homepage Collection Listing */
#homepage-collection-listing{}
#homepage-collection-listing .listing-item{
    width: 20%;
    display: inline-block;
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
#homepage-collection-listing .listing-item .listing-item-img{
    width: 100%;
    height: 300px;
    background: #F6F6F6;
    display: inline-block;
    text-indent: -9999px;
    background-size: contain !important;
}
#homepage-collection-listing .listing-item .listing-item-text{}
/* Artwork listings */
.node-listing{
    width: 100%;
    height: auto;
    min-height: 250px;
    float: left;
}
.node-listing .node-listing-item,
.node-listing-item,
.search-result-item {
    width: 250px;
    display: inline-block;
    margin: 0px 0px 100px 40px;
}
.node-listing .node-listing-item .listing-img,
.node-listing-item .listing-img{
    width: 250px;
    height: 250px;
    background: #F6F6F6;
    display: inline-block;
    background-color: #F6F6F6 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    position: relative;
}
#my-collection-artworks .node-listing-item .listing-text{
  clear: both;
}
#my-collection-artworks .node-listing .node-listing-item a.listing-img,
#my-collection-artworks .node-listing-item a.listing-img{
    text-indent: -9999px;
    font-size: 0;
}
.node-listing .node-listing-item .listing-img .lazy{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.node-listing .node-listing-item .listing-img .aw-img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.node-listing .node-listing-item .listing-text p{
    font-size: 100%;
}
.node-listing .node-listing-item .listing-title-link{
    color: #000;
    float: left;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.related-works-wrapper{
    margin: 65px 0px 0px 0px;
}

/* Exhibitions listings */
#exhibitions-listing.node-listing .node-listing-item .listing-text,
#content-by-term.node-listing .node-listing-item .listing-text{
    float: left;
    clear: left;
    font-size: 1rem;
    padding:4px 0px 4px 0px;
}
#exhibitions-listing .node-listing-item .listing-title-link{
    max-width: 250px;
}
.ex-venue {
    font-size: 150%;
}

/* Common listings by Node Type */
#node-type-listing.node-listing .node-listing-item .listing-text{
    float: left;
    clear: left;
    font-size: 1rem;
    padding:4px 0px 4px 0px;
}
#node-type-listing .node-listing-item .listing-title-link{
    max-width: 250px;
}

/* Node listing items large (Blog Article nodes) */
.node-listing .content-inner-wrapper{}
.node-listing .node-listing-item-lrg{
    width: 50%;
    max-width: 600px;
    display: inline-block;
    /*margin: 0px 40px 100px 40px;*/
    margin: 0 0 100px 0;
    padding: 0 40px 0 40px;
}
.node-listing .node-listing-item-lrg .listing-img-lrg{
    /*width: 520px;
    height: 520px;*/
    width: 100%;
    height: auto;
    background: #F6F6F6;
    display: inline-block;
    background-color: #F6F6F6 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    position: relative;
}
.node-listing .node-listing-item-lrg .listing-img-lrg:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}
.node-listing .node-listing-item-lrg .listing-img-lrg .lazy{
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.node-listing .node-listing-item-lrg .listing-text{}

#node-type-listing.node-listing .node-listing-item .listing-text-title-lrg{
    float: left;
    clear: left;
    padding: 4px 0px 4px 0px;
    margin: 0;
}
.node-listing .node-listing-item-lrg .listing-title-link-lrg{
    font-size: 240%;
    color: #000;
    line-height: 120%;
    text-decoration: none;
    text-align: left;
    float: left;
    width: 90%;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    padding: 10px 0 10px 0;
}
.node-listing .node-listing-item-lrg .listing-text-lrg{
    float: left;
    clear: left;
    font-size: 130%;
    padding: 0px 0px 8px 0px;
}

/* Node listing - Blog Tags (Blog Article nodes) */
#node-type-listing .node-listing-tags{
    float: left;
    width: 100%;
}
#node-type-listing .node-listing-tags .node-listing-tags-item{
    float: left;
    width: auto;
    padding: 4px 15px 4px 15px;
    margin: 0 2.5% 2.5% 0;
    text-align: center;
    color: #000;
    background-color: #0eb48d;
    text-decoration: none;
}


/* ################################################################################
   A-Z Listing elements
################################################################################ */

/* A-Z Menus */
#az-menu-wrapper{
    background: #0eb48d;
    text-align: center;
    height: 40px;
    margin-bottom: 110px;
}
#az-menu-wrapper ul{
    margin: 0;
    font-size: 150%;
}
#az-menu-wrapper ul li{
    list-style: none;
    display: inline-block;
    padding: 0px 15px 0px 15px;
    line-height: 40px;
}
#az-menu-wrapper ul li a{
    color: #FFF;
}
#az-menu-wrapper .az-selected-letter{
    font-size: 550%;
    width: 15%;
    padding: 43px 0px 35px 0px;
}
/* A-Z Listings */
#az-listing{
    width: 80%;
    margin-left: 18%;
    margin-top: -4%;
}
/*
#az-listing table.views-view-grid{
    width: 100%;
}
#az-listing table tr td{
    width: 33%;
    padding: 3px 8px 8px 8px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#az-listing table tr td a{
    color: #000;
}
*/
/*
#az-listing div.views-view-grid{
    width: 99%;
}
#az-listing div.views-view-grid .views-row{}
#az-listing div.views-view-grid .views-row .views-col{
    width: 33% !important;
    padding: 3px 8px 8px 8px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#az-listing div.views-view-grid .views-row .views-col.col-1,
#az-listing div.views-view-grid .views-row .views-col.col-2,
#az-listing div.views-view-grid .views-row .views-col.col-3{
  min-width: 33% !important;
  max-width: 33% !important;
}
#az-listing div.views-view-grid .views-row .views-col a{
    color: #000;
}
*/
#az-listing div.views-view-grid{
    width: 99%;
}
#az-listing div.views-view-grid .views-col{}
#az-listing div.views-view-grid .views-col.col-1,
#az-listing div.views-view-grid .views-col.col-2,
#az-listing div.views-view-grid .views-col.col-3{
  min-width: 33% !important;
  max-width: 33% !important;
}
#az-listing div.views-view-grid .views-col .views-row{
    padding: 3px 8px 8px 8px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#az-listing div.views-view-grid .views-col .views-row a{
    color: #000;
}


/* ################################################################################
   Blocks elements
################################################################################ */

.block-content-wrapper{}
.block-content{
    width: 100%;
    float: left;
    /*border-top: 2px solid #00F;
    border-bottom: 2px solid #00F;*/
    margin: 40px 0px 0px 0px;
}
.block-content:last-of-type{
    margin-bottom: 50px;
}
.block-content .block-content-half{
    width: 50%;
    height: auto;
    overflow-x: hidden !important;
}
.block-content .block-content-half iframe{
    width: 100% !important;
}
.block-content .block-content-left{
    float: left;
    padding-right: 20px;
}
.block-content .block-content-left p {
    padding-left: 60px;
}
.block-content .block-content-right{
    float: right;
    padding-left: 20px;
}
.block-content .block-content-right p{
    padding-right: 60px;
}

/* Media block */
.media-blocks-wrapper{
    margin: 40px 0px 0px 0px;
}
.media-blocks-wrapper .crsl-nav{
    width: 100%;
    height: 50px;
    /*border: 1px dashed #00F;*/
    position: relative;
    top: -275px;
}
.crsl-nav a{
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    font-size: 0px;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.media-blocks-wrapper .crsl-nav a{
    margin: 5px 50px 0px 50px;
}
.crsl-nav a.previous{
    background-image: url('../images/carousel-prev.png');
}
.crsl-nav a.next{
    background-image: url('../images/carousel-next.png');
}
.media-blocks-wrapper .media-blocks-inner-wrapper{
    width: 1000px;
    /*border: 1px dashed #F00;*/
    position: relative;
    margin: 0 auto;
}
.media-blocks-wrapper .media-block-item{
    width: 320px;
    height: 500px;
    display: inline-block;
    /*margin: 0px 10px 0px 10px;*/
    background-color: #EEE;
}
.crsl-items{}
.crsl-item{}
.crsl-modal-hide {
    display: none;
}
.show {
    display:block;
}
.hide {
    display: none;
}
.crsl-modal {
    width: 100%;
    height: 500px;
    overflow: scroll;
    display: none;
}
.crsl-modal img {
    width: 100%;
}
.media-blocks-wrapper .media-block-item .media-img a,
.media-blocks-wrapper .media-block-item .vimeo-wrapper a{
    width: 320px;
    height: 320px;
    display: inline-block;
    float: left;
    background-size: contain;
    background-position: center center;
    background-color: #F6F6F6;
    background-repeat: no-repeat;
}
.media-blocks-wrapper .media-block-item .vimeo-wrapper{}
.media-blocks-wrapper .media-block-item .media-block-info{
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 110%;
}

.media-block-info a {
    font-size: 120%;
}


/* ################################################################################
   New Acqusitions - scrolling/carousel elements
################################################################################ */

#artwork-new-acqusitions, #artwork-from-collection{
    width: 1120px;
    position: relative;
    margin: 0 auto;
}
#artwork-new-acqusitions .new-a-item, #artwork-from-collection .new-a-item{
    width: 250px;
    float: left;
    vertical-align: top;
}
#artwork-new-acqusitions .new-a-item .new-a-img,
#artwork-from-collection .new-a-item .new-a-img{
    width: 250px;
    height: 250px;
    background: #F6F6F6;
    display: inline-block;
    text-indent: -9999px;
    background-color: #F6F6F6 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center;
}
#artwork-new-acqusitions .new-a-item .new-a-link,
#artwork-from-collection .new-a-item .new-a-link{
    color: #000;
    float: left;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#artwork-new-acqusitions .new-a-item .new-a-text,
#artwork-from-collection .new-a-item .new-a-text{
    float: left;
    clear: left;
    margin-top: 20px;
}
#artwork-new-acqusitions .new-a-item .new-a-text p,
#artwork-from-collection .new-a-item .new-a-text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#artwork-new-acqusitions .new-a-item .new-a-link,
#artwork-from-collection .new-a-item .new-a-text{
    clear:both;
}
#artwork-new-acqusitions .new-a-item .new-a-text p:first-child, 
#artwork-from-collection .new-a-item .new-a-text p:first-child,
.node-listing .node-listing-item .listing-text p:first-child {
    font-family: "AkkuratBold";
}
#artwork-new-acqusitions .crsl-nav {
    width: 100%;
    height: 50px;
    position: relative;
    top: -200px;
}
#artwork-from-collection .crsl-nav {
    width: 100%;
    height: 50px;
    position: relative;
    top: -275px;
}
#artwork-new-acqusitions .crsl-nav a,
#artwork-from-collection .crsl-nav a{
    margin: 5px -40px 0px -40px;
}


/* ################################################################################
   Downloads elements
################################################################################ */

.dnld-block-title{
    color: #000;
    width: 100%;
    text-align: center;
    margin: 70px 0px 20px 0px;
}
.dnld-item-wrapper{
    display: inline-block;
    width: auto;
    height: 50px;
    margin: 20px 20px 0px 0px;
}
.dnld-item-wrapper .dnld-icon{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #0eb48d;
    border-radius: 25px;
    margin-right: 10px;
    font-size: 110%;
}
.dnld-item-wrapper .dnld-link{
    color: #000;
    text-decoration: none;
    font-size: 125%;
}
.dnld-item-wrapper .dnld-link:hover{
    text-decoration: underline;
}


/* ################################################################################
   Unique Nav components/elements
################################################################################ */

/* Artworks by Taxonomy Componemts */
.content-taxonomy-selector-wrapper{
    width: 1020px;
}
.artwork-taxonomy-selector-wrapper{
    display: block;
    width: 320px;
    height: auto;
    min-height: 320px;
    float: left;
    margin: 0px 10px 0px 10px;
    text-align: center;
    background-color: #F6F6F6;
}
.artwork-taxonomy-selector-title{
    padding: 12px 0px 15px 0px;
    font-size: 160%;
}
.artwork-taxonomy-selector-wrapper .bx-wrapper{
    padding: 0 !important;
}
.bx-wrapper,
.bx-viewport{
    width: 320px !important;
    height: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bx-nav-btn{
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center center;
}
.bx-nav-btn .bx-nav-link{
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
/*#bx-vertical-prev{*/
.bx-nav-btn-prev{
    background-image: url('../images/carousel-down.png');
}
/*#bx-vertical-next{*/
.bx-nav-btn-next{
    background-image: url('../images/carousel-up.png');
}
.artwork-taxonomy-selector{
    width: 320px;
    height: 320px;
    display: block;
}
.artwork-taxonomy-selector .artwork-taxonomy-selector-img{
    width: 320px;
    height: 320px;
    background: #F6F6F6;
    display: block;
    background-size: contain !important;
}
.artwork-taxonomy-selector .artwork-taxonomy-selector-img .artwork-taxonomy-selector-title{
    line-height: 320px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.artwork-taxonomy-selector a:hover{
    text-decoration: none;
}


/* ################################################################################
   Vimeo (overlay) elements
################################################################################ */

/* Vimeo */
.vimeo-wrapper{
    width: 100%;
    height: auto;
    float: left;
    background: #535353;
    position: relative;
    text-align: center;
}
.vimeo-wrapper img{
    width: 100%;
    height: inherit;
    float: left;
}
/* The overlay over the image */
.vimeo-wrapper:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
}
.vimeo-grey-over{}
.vimeo-play-btn{
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
    background: url('../images/video-play.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
}
.pp_pic_holder{
    background:#000;
    border:1px solid #999;
    margin:0;
    padding:0;
}
.ppt,
.pp_top,
.pp_bottom{
    visibility:collapse;
    display:none;
}
.pp_content_container{
    margin-top:10px;
    margin-left:10px;
}
.pp_content_container img{}
.pp_nav{
    display: none;
    visibility: collapse;
}


/* ################################################################################
   login form styles
################################################################################ */

#user-login-form,
#user-pass,
#user-register-form{
    width: 800px;
    position: relative;
    margin: 25px auto 50px auto;
    border-top: 1px solid #0eb48d;
    border-bottom: 1px solid #0eb48d;
    padding: 22px 10px 22px 10px;
}
#user-login-form .description,
#user-pass .description,
#user-register-form .description{
    display: none;
}
#user-login-form .form-item,
#user-register-form .form-item{
    padding: 8px;
}
#user-login-form .form-text,
#user-pass .form-text,
#user-register-form .form-text,
#user-register-form .form-email{
    border: 1px solid #999;
    background-color: #F9F9F9;
    padding: 3px;
    width: 500px;
    display: inline-block;
}
#user-login-form label,
#user-pass label,
#user-register-form label{
    font-size: 150%;
    color: #111;
    width: auto;
    min-width: 150px;
    font-size: 150%;
    padding-right: 12px;
}
#user-pass .field-prefix,
#user-register-form .field-prefix{
    width: 75px;
    display: inline-block;
    font-size: 125%;
}
#user-pass p{
  padding: 18px 0 10px 0;
}
#edit-captcha-response.form-text{
    width: 425px;
}
#edit-submit{
    border: 1px solid #0eb48d;
    padding: 2px 32px 2px 32px;
    margin-top: 20px;
    background-color: #F9F9F9;
    cursor: pointer;
}


/* ################################################################################
   Tabs styles
################################################################################ */

.content-inner-wrapper .menu-tabs{
  width: 800px;
  position: relative;
  margin: 5px auto 30px auto;
  /* border-top: 1px solid #0eb48d; */
  border-bottom: 1px solid #0eb48d;
}
.content-inner-wrapper .menu-tabs ul{
  font-size: 125%;
}
.content-inner-wrapper .menu-tabs ul li{
  list-style: none;
  display: inline-block;
  padding: 3px 18px 3px 18px;
  margin: 0;
  background-image: linear-gradient(to bottom right, #FDFDFD, #DFDFDF);
}
.content-inner-wrapper .menu-tabs ul li.is-active{
  border: 1px solid #0eb48d;
  border-bottom: none;
  font-weight: bold;
}
.content-inner-wrapper .menu-tabs ul li:nth-child(5){
  display: none;
}
.content-inner-wrapper .menu-tabs ul li a{}
.content-inner-wrapper .menu-tabs ul li a:hover{
  text-decoration: none;
}


/* ################################################################################
   Search elements
################################################################################ */

#search-overlay{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    /*background-color: #0eb48d;*/
    background-color: rgba(0, 204, 153, 0.9);
    color: #FFF;
    z-index: 1000000 !important;
}
#search-toggle{
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
    margin: 0px;
    display: block;
    width: 31px;
    height: 80px;
    background: url('../images/header-search-open.png') no-repeat center center;
    background-repeat: no-repeat;
}
#search-close{
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px;
    margin: 0px 40px 0px 0px;
    display: block;
    width: 40px;
    height: 80px;
    background: url('../images/header-nav-close.png') no-repeat center center;
    background-repeat: no-repeat;
}
#search-results-wrapper{
    width: 100%;
    margin-top: 40px;
}
#search-results-wrapper .search-result-item-clear{
    width: 100%;
    height: 1px;
    float: left;
    clear: both;
}
#search-results-wrapper .search-result-item-detail{}
#search-results-wrapper .search-result-item-detail:nth-child(1){
    font-size: 130%;
}
#search-results-wrapper .search-result-item-detail:nth-child(2){
    font-size: 180%;
    padding-bottom: 20px;
}
#custom-search-form {
    width: 40%;
    position: relative;
    left: 15%;
    top: 150px;
    float: left;
    color: black;
}
#custom-search-info {
    width: 30%;
    float: left;
    left: 17%;
    position: relative;
    top: 150px;
    color: black;
}
#custom-search-term {
    width: 90%;
    height: 30px;
    padding-left: 5%;
    padding-right: 5%;
    background-color: transparent;
    color: black;
    border: 1px solid white;
    border-radius: 50px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}white
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.custom-search-bold-text {
    font-weight: bold;
    font-size: 1.25rem;
}
#input-container {
    margin-top: 17px;
}
.custom-search-type-option-wrapper {
    float: left;
    margin-right: 2%;
    width: auto;
}
input[type="radio"], input[type="checkbox"] {
    margin-right: 5px;
}
input#custom-search-submit {
    float: left;
    clear: both;
    margin-top: 20px;
    float: left;
    clear: both;
    margin-top: 20px;
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 50px;
    padding-bottom: 3px;
    padding-top: 4px;
}
.search-results-filters {
    width: 100%;
    clear: both;
    float: left;
    margin-left: 3%;
    margin-bottom: 2%;
    text-align: center;
    cursor: pointer;
}
.search-results-filter {
    list-style: none;
    margin-right: 2%;
    float: left;
}


/* ################################################################################
   My Collection elements
################################################################################ */

#my-coll-form{
    width: 100%;
    padding: 8px 8px 12px 8px;
    border-top: 1px solid #0eb48d;
    border-bottom: 1px solid #0eb48d;
    margin-bottom: 80px;
}
#my-coll-form .my-coll-form-label{
    font-size: 180%;
}
#my-coll-title{
    margin: 0px 15px 0px 30px;
    width: 400px;
    padding: 2px;
}
#my-coll-create{
    border: 1px solid #0eb48d;
    padding: 2px 32px 2px 32px;
    background-color: #F9F9F9;
    cursor: pointer;
}
#my-collections-table{
    width: 100%;
    font-size: 125%;
}
#my-collections-table .header-row{
    border-bottom: 1px solid #0eb48d;
    color: #111;
    font-size: 150%;
}
#my-collections-table .header-row th{
    padding-bottom: 5px;
}
#my-collections-table tr td{
    padding: 5px;
}
#my-collections-table tr:nth-child(even){
    background-color: #F9F9F9;
}
#my-collections-table .my-coll-title{
    
}
.taxonomy-selector-text {
    background-color: #F6F6F6;
    width: 30%;
    top: 50%;
    margin: 0 auto;
    position: relative;
}


/* ################################################################################
   Cookie check styles
################################################################################ */

#cookie-check{
    width: 100%;
    height: 50px;
    margin-top: -50px;
    /*background-color: rgba(64,64,64,0.25);*/
    background: #F6F6F6;
    border-top: 2px solid #0eb48d;
    position: fixed;
    bottom: 0px;
    font-size: 14px;
}
#cookie-check-inner{
    width: 1160px;
    position: relative;
    margin: 15px auto;
}
#cookie-check-inner a{
    color: #0eb48d;
}
#cookie-check-inner a:hover{
    text-decoration: underline;
}
.cookie-str{
    max-width: 85%;
    display: inline-block;
}
#cookie-confirm{
    display: inline-block;
    float: right;
}


/* ################################################################################
   footer elements
################################################################################ */

/* Full width Share links (not actually a footer item) */
.full-width-content-share{
    display: block;
    height: 90px;
    margin: 40px 0px 0px 0px;
}
/* Social Links */
#footer-social-wrapper{
    padding-top: 100px;
}
#footer-social-wrapper .content-half-width{
    text-align: center;
}
.footer-social-links{
    margin: 40px 0px 95px 0px;
}
.footer-social-links-two{
    margin-left: 24px;
}
.footer-social-links li{
    list-style: none;
    display: inline;
    margin: 0px 30px 0px 30px;
}
.footer-social-links li .footer-social-link{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.footer-social-links-one li .footer-social-link:hover{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.footer-social-links-two li .footer-social-link:hover{
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
#footer-social-link-ig{
    background-image: url(../images/footer-social-ig.png);
}
#footer-social-link-tw{
    background-image: url(../images/footer-social-tw.png);
    width: 51px;
}
#footer-social-link-fb{
    background-image: url(../images/footer-social-fb.png);
    width: 46px;
}
#footer-social-link-yt{
    background-image: url(../images/footer-social-yt.png);
    width: 61px;
}
#footer-social-link-iu{
    background-image: url(../images/footer-social-iu.png);
    width: 48px;
}
#footer-social-link-sc{
    background-image: url(../images/footer-social-sc.png);
    width: 84px;
}
/* Bottom footer content */
#footer-content-wrapper{
    clear: both;
    border-top: 2px solid #FFF;
    padding-top: 80px;
    padding-bottom: 38px;
}
#footer-content-wrapper .content-half-width{
    padding: 0px 0px 85px 0px;
}
#footer-content-wrapper .footer-content-col{
    width: 33%;
    float: left;
    padding-left: 40px;
}
#footer-content-wrapper .footer-content-col .purple{
    padding-bottom: 12px;
}
#footer-content-wrapper .footer-content-col ul{}
#footer-content-wrapper .footer-content-col ul li{
    list-style: none;
}
#footer-content-wrapper .footer-content-col ul li a{
    color: #000;
    text-decoration: none;
}
#footer-content-wrapper .footer-content-col ul li a:hover,
#footer-content-wrapper .footer-content-col ul li a.is-active{
    text-decoration: underline;
}
#footer-content-wrapper .footer-logo-link{
    text-indent: -9999px;
    font-size: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center bottom;
    float: right;
}
#footer-logo-link-acc,
#footer-logo-link-acc-768-1023{
    background-image: url(../images/footer-link-acc-40.png);
    /*background-color: #F90;*/
    width: 165px;
    background-size: contain;
    height: 40px;
    /*margin-left: 140px;*/
}
#footer-logo-link-sbc,
#footer-logo-link-sbc-768-1023{
    background-image: url(../images/footer-link-sbc.png);
    width: 165px;
    height: 40px;
    margin-top: 35px;
    background-size: contain;
}
#footer-logo-link-acc-768-1023.footer-logo-link,
#footer-logo-link-sbc-768-1023.footer-logo-link{
    display: none;
}
#footer-logo-link-ace{
    background-image: url(../images/footer-link-ace-2.png);
    width: 164px;
    height: 38px;
    margin: 0 15px 0 60px;
}
#footer-logo-copy{
    /*width: auto;
    margin-left: 350px;
    margin-top: 70px;*/
    float: right;
    width: 180px;
    height: auto;
    margin: 30px 0 0 62px;
}

/* Footer bottom menu */
#footer-menu-wrapper{
    text-align: left;
    width: 100%;
    clear: both;
}
#footer-menu-wrapper ul{
    text-transform: uppercase;
    float: left;
    margin-left: 40px;
}
#footer-menu-wrapper ul li{
    display: inline-block;
    list-style: none;
    margin-right: 42px;
}
#footer-menu-wrapper ul li a{
    color: #000;
    text-decoration: none;
}
#footer-menu-wrapper ul li a:hover,
#footer-menu-wrapper ul li a.is-active{
    text-decoration: underline;
}


/* ################################################################################
   common styles
################################################################################ */

h1{
    font-family: 'AkkuratLight', Verdana, Helvetica, Arial, sans-serif !important;
}
h2{
    font-size:1.5rem;
}
h2.green-header{
    color: #0eb48d;
    font-size:1.65rem;
    font-weight: bold;
    line-height: 135%;
    padding-bottom: 20px;
}
h3{
    font-size: 3.25rem;
    font-weight: lighter;
}
h4{
    font-size: 1.4rem;
}
.block-title{
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
}
p{
    font-size: 1rem;
    padding:4px 0px 4px 0px;
}
.main-content-left-inner ul,
.main-content-right-inner ul,
.main-content-left-inner ol,
.main-content-right-inner ol{
    font-size: 0.95rem;
    margin: 12px 0px 12px 20px;
}
.main-content-left-inner ul li,
.main-content-right-inner ul li,
.main-content-left-inner ol li,
.main-content-right-inner ol li{
    margin-bottom: 6px;
}
.hide{
    display:none;
    visibility:collapse;
}
a{
    cursor: pointer;
    color: #0eb48d;
}
a:hover {
    color: #0eb48d;
    text-decoration: underline;
}
.left{
    float: left;
    left: 0;
}
.right{
    float: right;
    right: 0;
}
.center{
    text-align: center;
}
.grey{
    background: #F6F6F6;
}
.green{
    color: #0eb48d;
}
.purple{
    color: #614689;
}
.caps{
    text-transform: uppercase;
}
.upper{
    font-weight: bold;
}
.clearfix:after{
    content: "";
    display: table;
    clear: both;
}
.twitterFeed {
    margin-top: 50px;
}
.twitterFeed-info {
    margin-top: 50px;
}
img.block-image {
    width: 100%;
}