/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30921b");

@font-face {font-family: 'FFBauWebProMedium';src: url('../fonts/30921B_0_0.eot');src: url('../fonts/30921B_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30921B_0_0.woff2') format('woff2'),url('../fonts/30921B_0_0.woff') format('woff'),url('../fonts/30921B_0_0.ttf') format('truetype');}


/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.col-1-2 {
    width: 50%;
    float: left;
}

.col-1-2:first-child {
    padding-right: 30px;
}

.col-1-2:last-child {
    padding-left: 30px;
}

/* Generic */
* { box-sizing: border-box; }

body { font-family: 'FFBauWebProMedium', 'FF Bau Pro Medium', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; letter-spacing: 0.25px; padding: 85px 0 0 0; transition: padding-top 0.5s ease-in-out; background-color: #EFF2F4; }
body.header-expanded { padding-top: 112px; }
body.no-body-expand-on-header { padding-top: 85px !important; }
a, p { color: #000000; }
a { text-decoration: none; }
a:hover, a:active, li.active > a { color: #969696; }

/* Header */

header { position: fixed; left:0; top: 0; width: 100%; transition: height 0.5s ease-in-out; height: 81px; box-shadow: 0px 8px 6px -4px #EFF2F4; z-index: 10000000; background-color: #EFF2F4; }
header nav { margin: 0 230px; }
body.header-expanded header { height: 108px; }
ul { list-style: none; padding: 0; margin: 0; }
header ul.menu { text-align: center; font-size: 0; }
header ul.menu li { display: inline-block; padding: 33px 12px; line-height: 15px; font-size: 15px; }
header ul.menu > li > ul.submenu { position: absolute; display: none; left: 0; width: 100%; margin-top: 0; font-size: 0; }
header ul.menu > li > ul.submenu > li { opacity: 0; transition: opacity 0.5s ease-in; padding: 12px 12px 33px 12px; }
body.header-expanded header ul.menu > li > ul.submenu > li { opacity: 1; }
header ul.menu > li:hover > ul.submenu { display: block; }
header a.logo { display: block; float: left;  }
header a.logo img.logo { display:inline-block; }
header a.logo img.logo-hover { display:none; }
header a.logo:hover img.logo,
header a.logo:active img.logo{ display:none; }
header a.logo:hover img.logo-hover,
header a.logo:active img.logo-hover { display:inline-block; }

#menu-home { display: none; position: absolute; right: 0; top: 0; margin: 30px 80px 0 0; }
#menu-home ul { font-size: 0; }
#menu-home ul > li {display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 15px; }
#menu-options { position: absolute; right: 0; top: 0; margin: 30px 80px 0 0; }
#menu-options ul { font-size: 0; }
#menu-options ul > li {display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 15px; }
#menu-options ul > li.close { display: none; position: fixed; bottom: 20px; right: 20px; }
#menu-options ul > li.close > a:after { content: " \00d7"; font-size: 38px; vertical-align: sub }
ul > li.language > a span.long { display: none; }
ul > li.search > a span { display: none; }
ul > li.icon > a { display: block; width: 20px; height: 20px; fill: #000; }
ul > li.icon > a svg { vertical-align: top; }
ul > li.icon > a:hover { fill: #969696; }

/* Search */
#search_form { display: none; border-bottom: 1px solid #000; padding: 22px 0 10px 0; width: 760px; margin: 0 auto; font-size: 15px; line-height: 15px; }
#search_form button[type="submit"],
#search_form input {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
#search_form button[type="submit"]:hover { color: #969696; }
#search_form input { display: inline-block; margin-left: 20px; width: 700px; }

#search .page-section-inner { width: 700px; margin: 0 auto; padding: 0 0 45px 0; }
#search p { margin: 0; }

#search h2 { font-size: 24px; line-height: 24px; margin: 24px 0 15px 0; text-align: center; }
#search .post-type-results { margin-bottom: 15px; }
#search .post-type-results span.term { color: #969696; }

@media only screen and (max-width:1280px) {
    #search_form { width: 535px; }
    #search_form input { width: 480px; }    
}

@media only screen and (max-width:1024px) {
    header ul.menu li { padding-left: 10px; padding-right: 10px; }
    /*
    header a.logo { background-size: 237px 34px; width: 118px; height: 34px; }
    header a.logo:hover, header a.logo:active { background-position: -119px top; }    
   */
}

@media only screen and (max-width:1023px) {

    body.menu-opened { overflow: hidden; }
    
    body.menu-opened header { height: 100%; }
    body.menu-opened header .menus { display: table; }
        
    header { top: 0; left: 0; width: 100%; height: 82px; transition: none; }
    body.search #menu-options { display: none; }    
    header nav { margin: auto; }
    header .menus { display: none; width: 100%; height: 100%; margin-top: -85px; }
    header .header-inner { display: table-cell; vertical-align: middle; width: 100%; }    
    body.header-expanded header { height: 100%; }    
    header .logo-container { text-align: center; padding: 20px 0; }    
    header a.logo { float: none; display: inline-block; margin: 0; }
    header a.logo img { margin-top: 0 !important; margin-left: 0 !important; }
    header a.logo:hover, header a.logo:active { background-position: -148px top; }    
    header ul.menu li { display: block; margin: 0; padding: 0; font-size: 24px; line-height: 40px; text-align: center; }
    header ul.menu > li > ul.submenu { position: relative; display: block; overflow: hidden; }
    header ul.menu > li > ul.submenu > li { padding: 0; transition: margin-top 0.5s ease-in-out; opacity: 1; margin-top: -100%; }
    body header ul.menu > li.opened > ul.submenu > li { margin-top: 0; }
    body header ul.menu > li.opened > a { color: #969696; }
    body header ul.menu > li.opened > ul.submenu > li > a { color: #969696; }
    body header ul.menu > li.has-submenu > a:after { font-family:'FontAwesome'; content: "\f107"; display: inline-block; margin-left: 12px; }
    body header ul.menu > li.has-submenu.opened > a:after { font-family:'FontAwesome'; content: "\f106"; }
    #menu-home { display:block; margin: 0; position: relative; right: auto; top: auto; }
    #menu-home ul { text-align: center; font-size: 0; }
    #menu-home ul > li { display: block; text-align: center; margin: 0; font-size: 24px; line-height: 40px; }    
    #menu-options { margin: 0; position: relative; right: auto; top: auto; }
    #menu-options ul { text-align: center; font-size: 0; }
    #menu-options ul > li { display: block; text-align: center; margin: 0; font-size: 24px; line-height: 40px; }
    #menu-options ul > li.close { display: inline-block; }
    #menu-options ul > li.icon { display: inline-block; margin: 0 9px;  }
    #menu-options ul > li.icon > a { width: 27px; height: 27px; }
    #menu-options ul > li.search > a span { display: inline-block; margin-left: 12px; }
    #menu-options ul > li.language { position: fixed; bottom: 20px; left: 20px;  }
    #menu-options ul > li.language > a span.short { display: none; }        
    #menu-options ul > li.language > a span.long { display: inline; }
    #menu-options ul > li.instagram,
    #menu-options ul > li.facebook,
    #menu-options ul > li.twitter { padding-top: 6px; }

    #search_form { width: auto; margin: 0 50px; position: relative; }
    #search .page-section-inner { width: auto; margin: 0 50px; position: relative; }
    #search_form input { width: 80%; }        
}

@media only screen and (max-width:767px) {
    .col-1-2 { width: auto; float: none; padding: 0 !important; }
    
    header .logo-container { padding: 12px 0; }
    #menu-options ul > li.language { bottom: 12px; left: 12px;  }
    #menu-options ul > li.close { bottom: 12px; right: 12px; }    
    
    header ul.menu li,
    #menu-home ul > li { font-size: 14px; line-height: 26px; }    
    #menu-options ul > li { font-size: 14px; line-height: 26px; }
    #menu-options ul > li.language,
    #menu-options ul > li.close { line-height: 14px; }
    
    #menu-options ul > li.icon > a { width: 20px; height: 20px; }
    #menu-options ul > li.instagram,
    #menu-options ul > li.facebook,
    #menu-options ul > li.twitter { padding-top: 6px; }
    #menu-options ul > li.close > a:after { font-size: 23px; }
    body header ul.menu > li.has-submenu > a:after { margin-left: 6px; }
    
    #search_form { margin: 0 12px; padding-bottom: 8px; }
    #search_form input { margin-left: 15px; }
    #search .page-section-inner { margin: 0 12px; }
    #search h2 { font-size: 18px; line-height: 18px; margin: 18px 0 13px 0; }
    #search p { font-size: 13px; }
    #search .post-type-results { margin-bottom: 13px; }
    #search .post-type-results span.term { color: #969696; }
}

/* Responsive grid */
.grid-sections { margin-top: 45px; }
.grid-section > h2 { font-size: 24px; line-height: 24px; letter-spacing: 0.5px; text-align: center; margin: 0 0 25px 0; }
.grid-container { position: relative; padding: 0 40px; }
ul.grid { display: block; width: 100%; font-size: 0; }
ul.grid > li { display: inline-block; width: 33%; padding: 0 40px; vertical-align: top; margin-bottom: 60px; }
ul.grid > li > a { position: relative; width: 100%; font-size: 15px; line-height: 20px; letter-spacing: 0.25px; }
ul.grid > li > a:hover p { color: #969696; }
ul.grid > li > a div.grid-image-container { position: relative; width: 100%; margin-bottom: 15px; }
ul.grid > li > a div.grid-title-container { max-height: 60px; }
ul.grid > li > a div.grid-image-container img { position: relative; width: 100%; } 
ul.grid > li p { text-align: center; margin:0; }

#page_publications ul.grid > li > a div.grid-title-container { min-height: 40px; max-height: 40px; }

@media only screen and (max-width:1024px) { /* IPAD Landcape */
    ul.grid > li { width: 50%; }    
}

@media only screen and (max-width:768px) { /* IPAD Portrait */
    ul.grid > li { margin-bottom: 40px; }
    ul.grid > li { padding: 0 10px; }
    .grid-container { padding: 0 10px; }
}

@media only screen and (max-width:640px) { /* Mobile */
    .grid-section > h2 { font-size: 18px; line-height: 18px; letter-spacing: 0.5px; margin: 0 0 18px 0; }
    ul.grid > li { width: 100%; padding: 0 12px; margin-bottom: 48px; }
    .grid-container { padding: 0; }
    ul.grid > li > a { position: relative; width: 100%; font-size: 13px; line-height: 17px; letter-spacing: 0.25px; }
    #page_publications ul.grid > li > a div.grid-title-container { min-height: auto; max-height: none; }
}


/* Entry page */

#entry-page { position: fixed; z-index: 10000000; top: 0; left: 0; width: 100%; height: 100%; }
#entry-page .entry-page-inner { position: absolute; top: 0; left: 0; width: 100%; bottom: 81px; }
#entry-page .entry-page-inner .featured-logo { text-align: center; height: 100%; white-space: nowrap; }
#entry-page .entry-page-inner .featured-logo > img { vertical-align: middle; width: 943px; }
#entry-page .entry-page-inner .featured-schedule { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
#entry-page .entry-page-inner .featured-schedule p { font-size: 15px; line-height: 21px; letter-spacing: 0.25px; margin: 0; }

@media only screen and (max-width:1440px) {
    #entry-page .entry-page-inner .featured-logo > img { width: 754px; }  
}

@media only screen and (max-width:1024px) {
    #entry-page .entry-page-inner .featured-logo > img { width: 613px; }  
}

@media only screen and (max-width:768px) {
    #entry-page .entry-page-inner { bottom: 20px; width: auto; right: 20px; left: 20px; }
    #entry-page .entry-page-inner .featured-logo > img { width: auto; max-width: 100%; }
}

.mobile { display: none; }
@media only screen and (max-width:768px) {
    .mobile { display: block; }
    span.mobile { display: inline; }
    .desktop { display: none; }
}

/* Home */

body, .page-section, #home.page-section-inner, .page-section-inner { height: 100%; } 

/* Page contents for Exhibit, */
.page-section.article article { width: 700px; margin: 0 auto; padding: 0 0 45px 0; }
.page-section.article.article-with-gallery article { padding-top: 45px; }
.page-section.article article h1,
.page-section.article article h2 { font-size: 24px; line-height: 29px; letter-spacing: 0.5px; margin: 0 0 24px 0; text-align: center }
.page-section.article article h2 { margin-bottom: 0px; }
.page-section.article article h2.highlight { font-size: 15px; line-height: 20px; margin: 24px 0 15px 0; color: #00d773; }
.page-section.article article h3 { font-size: 15px; line-height: 20px; letter-spacing: 0.25px; font-weight: normal; margin: 0; }
.page-section.article article p.date { font-size: 15px; letter-spacing: 0.25px; margin: 0 0 24px 0; text-align: center; }
.page-section.article article p,
.page-section.article article a { font-size: 15px; line-height: 20px; letter-spacing: 0.25px; margin: 0 0 15px 0; }
.page-section.article article a,
.page-section.article article a:link { color: #969696; }
.page-section.article article a:hover,
.page-section.article article a:active { color: #000; }
.page-section.article article .post_content p { text-align: left; }
.page-section.article article .post_content .info-link p,
.page-section.article article .post_content .info-link p > a { font-size: 12px; line-height: 14px; letter-spacing: 0.25px }
.page-section.article article ul.share-buttons li { display: inline-block; margin-right: 8px; }
.page-section.article article ul.share-buttons li > a { margin-bottom: 0; }
.page-section.article article p.sponsor,
.page-section.article article p.sponsor > a { font-size: 12px; line-height: 17px; }
.page-section.article article .article_body { margin-top: 30px; }
.page-section.article article .buttons { text-align: center; margin-top: 24px; }
.page-section.article article .buttons > a { display: inline-block; font-size: 24px; line-height: 24px; letter-spacing: 0.5px; background-color: #00d773; color: #eff2f4; padding: 18px;  }
.page-section.article article .buttons > a:hover { background-color: #969696; }


/* Exception for exhibitions next */
#exhibitions_next article > h1 { display: none; }
#exhibitions_next article .post_content p { text-align: center; margin: 0; }
#exhibitions_next.page-section.article article h1,
#exhibitions_next.page-section.article article h2 {
    margin: 60px 0 0 0;
}
#exhibitions_next.page-section.article article h1:first-child,
#exhibitions_next.page-section.article article h2:first-child {
    margin-top: 0;
}

@media only screen and (max-width:1023px) {
    .page-section.article article { width: auto; margin: 0 50px; }
}

@media only screen and (max-width:767px) {
    .page-section.article article { margin: 0 12px; }
    .page-section.article.article-with-gallery article { padding-top: 36px; }
    .page-section.article article h1,
    .page-section.article article h2 { font-size: 18px; line-height: 23px; margin-bottom: 18px; }
    .page-section.article article h3 { font-size: 13px; line-height: 17px; }    
    .page-section.article article p.date { margin-bottom: 18px; }
    .page-section.article article p,
    .page-section.article article a { font-size: 13px; line-height: 17px; margin-bottom: 13px; }
    .page-section.article article p.sponsor { font-size: 10px; line-height: 14px; }
    .page-section.article article .article_body { margin-top: 26px; }
    .page-section.article article h2.highlight { font-size: 13px; line-height: 17px; margin: 18px 0 13px 0; }
    .page-section.article article .buttons { margin-top: 18px; }
    .page-section.article article .buttons > a { font-size: 18px; padding: 18px; }
    
    #exhibitions_next.page-section.article article h1,
    #exhibitions_next.page-section.article article h2 {
        margin: 48px 0 0 0;
    }

    .page-section.article article .post_content .info-link p,
    .page-section.article article .post_content .info-link p > a { font-size: 10px; }    
}

/* Gallery */
.gallery { height: 100%; position: relative; width: 100%; overflow: hidden; }
.gallery .loader { background: transparent url('/img/loader.gif') no-repeat center center; opacity: 1; transition: opacity 0.25s ease-in-out; width: 100%; height: 100%; margin-top: -42px; }
.gallery ul { margin: 0; padding: 0; list-style: none; height: 100%; position: absolute; top: 0; left:0; width: 10000000px; transition: left 0.5s ease-in-out, opacity 0.25s ease-in-out; opacity: 0; }
.gallery.loaded ul { opacity: 1; }
.gallery.loaded .loader { opacity: 0; }
.gallery ul > li {
    position: relative; float: left; height: 100%; margin: 0; opacity: 0.5;
    transition: margin-left 0.25s ease-in-out, margin-right 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.gallery ul > li:hover,
.gallery ul > li.selected { opacity: 1 }
.gallery ul > li .gallery-item-inner { position: relative; height: 100%; } 
.gallery ul > li .gallery-item-caption { position: absolute; display: table; margin: 0; padding: 0; bottom: 0; min-height: 80px; width: 100%; opacity: 0; transition: opacity 0.25s ease-in-out }
.gallery ul > li.selected .gallery-item-caption { opacity: 1; }
.gallery ul > li .gallery-item-caption > p { display: table-cell; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; }
.gallery ul > li .gallery-item-caption > p a { display: inline; height: auto; padding: 0; }
.featured .gallery ul > li .gallery-item-inner:hover .gallery-item-caption > p { color: #969696; }
.gallery ul > li a { height: 100%; display: inline-block; padding-bottom: 80px; position: relative; }
.gallery ul > li a img { max-height: 100%; /*opacity: 0; */ }
.gallery.page-gallery ul > li .gallery-item-caption > p { text-align: left; font-size: 12px; line-height: 17px; letter-spacing: 0.25px;  }
.gallery.page-gallery ul > li .gallery-item-caption > p a,
.gallery.page-gallery ul > li .gallery-item-caption > p a:link { color: #969696; }
.gallery.page-gallery ul > li .gallery-item-caption > p a:hover,
.gallery.page-gallery ul > li .gallery-item-caption > p a:active { color: #000; }
.gallery.page-gallery ul > li .gallery-item-caption > p.label { padding-right: 20px; }
.gallery.page-gallery ul > li .gallery-item-caption > p.paging { text-align: right; padding-top: 15px; vertical-align: top; }
.gallery.page-gallery ul > li .gallery-item-caption > p.paging > span { display: block; }

/* Exception for Edition */
#page_edition .gallery.page-gallery ul > li .gallery-item-caption > p.label { display: none; }
#page_edition .gallery.page-gallery ul > li .gallery-item-caption > p.paging { text-align: center; }

@media only screen and (max-width:767px) {
    .gallery.page-gallery ul > li .gallery-item-caption { display: block; padding-bottom: 12px; }
    .gallery ul > li .gallery-item-caption > p { font-size: 13px; line-height: 17px; }
    .gallery.page-gallery ul > li .gallery-item-caption > p { display: block; text-align: center; margin: 0; font-size: 10px; line-height: 14px; }
    .gallery.page-gallery ul > li .gallery-item-caption > p.label { padding: 0; margin: 0 0 15px 0; }
    .gallery.page-gallery ul > li .gallery-item-caption > p.paging { padding: 15px 0 0 0; text-align: center; }
    .gallery.page-gallery ul > li .gallery-item-caption > p.paging > span { display: inline-block; margin: 0 12px 0 0; }

}

#visiting article > h1 { display: none; }
#visiting .newsletter-subscribe { margin-top: 30px; }
#visiting form > * { display: inline-block; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; }
#visiting form > input[name="email"] { width: 140px; background-color: transparent; border: none; border-bottom: 1px solid #000; }
#visiting form > button { width: auto; background-color: transparent; border: none; padding: 0; margin: 0 0 0 10px; }
#visiting #map-canvas { width: 100%; margin: 0; padding: 0; height: 0; padding-top: 75%; margin-bottom: 15px; }
#visiting #map-canvas > div { top: 0; left:0; }

#page_activities_events .page-section-inner { padding: 0 80px; }
#page_activities_events .event { position: relative; padding: 15px 0 14px 0; font-size: 15px; line-height: 20px; letter-spacing: 0.25px; border-bottom: 1px solid #000; }
#page_activities_events .event:first-child { border-top: 1px solid #000; }
#page_activities_events .event > a { display: block;  }
#page_activities_events .event > a:hover > .event-header > .event-date p,
#page_activities_events .event > a:active > .event-header > .event-date p { color: #969696; }
#page_activities_events .event > a > .event-header { display: table; }
#page_activities_events .event > a > .event-header > .event-date { display: table-cell; width: 230px; }
#page_activities_events .event > a > .event-header > .event-date p { margin: 0; }
#page_activities_events .event > a > .event-header > .event-title { display: table-cell; padding-left: 20px }
#page_activities_events .event > a > .event-header > .event-title h2 { margin: 0; font-size: 15px; line-height: 20px; letter-spacing: 0.25px; font-weight: normal }
#page_activities_events .event > article { display: none; }
#page_activities_events .event > article.active { display: block; }
#page_activities_events .event > article .article-content { display: inline-block; vertical-align: top; width: 53%; margin-right: 7%; padding: 15px 0 0 0; }
#page_activities_events .event > article .article-content p.info-link { font-size: 12px; line-height: 17px; }
#page_activities_events .event > article p { margin: 0 0 15px 0; }
#page_activities_events .event > article > .article-image { display: inline-block; vertical-align: top; width: 40%; position: relative; padding: 15px 0 27px 0;}
#page_activities_events .event > article > .article-image img { width: 100%; }
#page_activities_events article ul.share-buttons li { display: inline-block; margin-right: 8px; }
#page_activities_events article ul.share-buttons li.ical > a { font-size: 15px; text-align: center; }

@media only screen and (max-width:1023px) {
    #page_activities_events .page-section-inner { padding: 0 50px; }    
    #page_activities_events .event > article .article-content { display: block; width: 100%; margin-right: 0; }
    #page_activities_events .event > article > .article-image { display: block; width: 100%; margin-top: 15px; }
}

@media only screen and (max-width:767px) {
    #page_activities_events .page-section-inner { padding: 0 12px; }    
    #page_activities_events .event { padding: 13px 0 12px 0; }
    #page_activities_events .event > a > .event-header > .event-date { width: auto; }
    #page_activities_events .event > a > .event-header > .event-title { padding-left: 13px; }
    #page_activities_events .event > a > .event-header > .event-title h2,
    #page_activities_events .event { font-size: 13px; line-height: 17px; }
    #page_activities_events .event > article .article-content { padding: 13px 0 0 0}
    #page_activities_events .event > article p { margin: 0 0 13px 0 }
    #page_activities_events .event > article > .article-image { margin-top: 13px; padding: 13px 0 20px 0; }
}

#page_about_press .page-section-inner { padding: 0 80px; }
#page_about_press .library { display: table; width: 100%; }
#page_about_press .library > .library-item { display: table-row; height: 45px; cursor: pointer;  }
#page_about_press .library > .library-item:first-child > * { border-top: 1px solid #000; }
#page_about_press .library > .library-item > * { display: table-cell; height: 45px; vertical-align: middle; border-bottom: 1px solid #000; }
#page_about_press .library > .library-item > .title { padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; }
#page_about_press .library > .library-item:hover > *,
#page_about_press .library > .library-item:active > *,
#page_about_press .library > .library-item:hover .nav i { color: #969696 }
#page_about_press .library > .library-item > .nav { text-align: right; width: 70px; }
#page_about_press .library > .library-item > .publication { width: 216px; }
#page_about_press .library > .library-item > .date { width: 170px; }

@media only screen and (max-width:1023px) {
    #page_about_press .page-section-inner { padding: 0 50px; }
}

@media only screen and (max-width:767px) {
    body { font-size: 13px; line-height: 17px; }
    #page_about_press .page-section-inner { padding: 0 12px; }
    #page_about_press .library > .library-item > .publication,
    #page_about_press .library > .library-item > .date { display: none; }
    #page_about_press .library > .library-item > .title { width: auto; padding-left: 0; }
    
        
}

#not_found { display: table; position: fixed; top: 0; left: 0; height: 100%;  width: 100%; z-index: 1;}
#not_found .page-section-inner { display: table-cell; text-align: center; vertical-align: middle; }
#not_found .page-section-inner h2 { margin: 0; padding: 0; font-size: 24px; }

@media only screen and (max-width:767px) {
    #not_found .page-section-inner h2 { font-size: 18px; }
    #visiting .newsletter-subscribe { margin-top: 26px; }    
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.va-helper {    
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
 
*:focus {
    outline: none;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}