.custom-grid .entry {
    width: 22.777777777778%;
    margin-right: 2.962962962963%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}


.custom-grid .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}


                                                                                                                                                                                                                                                                                                            



    


.custom-grid-publications .entry {
    width: 22.777777777778%;
    margin-right: 2.962962962963%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}


.custom-grid-publications .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: none;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}


                                                                                                                                                    

    
    
    

@media all and (max-width: 768px) {

.custom-grid .entry {
    width: 22.777777777778%;
    margin-right: 2.962962962963%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 2.962962962963%;
    }
        .custom-grid .entry:nth-child(4n+4){
        margin-right: 2.962962962963%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 2.962962962963%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 2.962962962963%;
    }
        

.custom-grid .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 768px) {

.custom-grid-publications .entry {
    width: 22.777777777778%;
    margin-right: 2.962962962963%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 2.962962962963%;
    }
        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 2.962962962963%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 2.962962962963%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 2.962962962963%;
    }
        

.custom-grid-publications .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: none;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                                    

    
    
    

@media all and (max-width: 600px) {

.custom-grid .entry {
    width: 45.555555555556%;
    margin-right: 8.8888888888889%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        

.custom-grid .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 600px) {

.custom-grid-publications .entry {
    width: 45.555555555556%;
    margin-right: 8.8888888888889%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        

.custom-grid-publications .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: none;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                                    

    
    
    

@media all and (max-width: 400px) {

.custom-grid .entry {
    width: 45.555555555556%;
    margin-right: 8.8888888888889%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        

.custom-grid .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 400px) {

.custom-grid-publications .entry {
    width: 45.555555555556%;
    margin-right: 8.8888888888889%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 8.8888888888889%;
    }
        

.custom-grid-publications .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: none;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                                                                                                    
body { background: #ffffff; color: #000000; font-size: 12.5px; line-height: normal; }
#overlay, footer { background: #ffffff; }
#overlay .close { font-size: 12.5px; color: #000000; }
.main-header nav a { color: #000000; font-size: 25px; letter-spacing: 0px; text-transform: uppercase; }
.screen-nav a, .slider-features a, .section-header a, .private nav a { color: #000000; font-size: 11px; letter-spacing: 0px; }
.main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover *, .main-header nav a:hover, .main-header nav a.active { color: #000000 !important; }
a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #e70416 !important; }
section header, .divider, .news .entry { border-color: #000000; }
.homepage .caption h1 { color: #000000; font-size: 11px; letter-spacing: 0px; text-transform: uppercase; }
a, .private-login input[type="submit"], .main-header nav.homepage a, #slidecaption a *, .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .news .list h1 { color: #000000; }
h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2 { color: #000000; font-size: 11px; line-height: normal; letter-spacing: 0px; text-transform: uppercase; }
h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #000000; font-size: 9px; line-height: normal; letter-spacing: 0px; }
h4, .sectionname { font-size: 11px; line-height: normal; letter-spacing: 0px; text-transform: uppercase; }
.list.text-only.entries.fixed-font .date { font-size: 12.5px; }
.medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font  .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font  .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { font-size: 12.5px; line-height: normal; }
.large-images h2 { line-height: normal; text-transform: uppercase; }
.news .entry h2, .large-images h3, .news .entry h3, p { line-height: normal; }
.news h1, .press-thumbs .entry .title, .news h2 { text-transform: uppercase; }

/*contact spacing fix */

.s-contact .contact .text { margin-bottom:0;}

/* --------------------------------------------------------- */
/* GRID LINES */
/** {box-shadow: inset 0 0 0 1px #808080;}     */
/** {outline-color:#808080; outline-width:1px; outline-style:solid; outline-offset:-1px;}*/


/* GRADIENT */

HTML, BODY { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(bottom, #e6e6e6 0%,#ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to top, #e6e6e6 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background-attachment: fixed; 
background-repeat: no-repeat;
}

/* background-image: linear-gradient(-180deg, #EFE9EA 0%, rgba(239,233,234,0.50) 50%, rgba(239,233,234,0.20) 100%); */


/* --------------------------------------------------------- */
/* GENERAL MISC */

body { 
    font-family: 'Verlag-Book';
    letter-spacing: 0.1px;
}
.lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;}
::selection {color:#ffffff;background:#000000;}
::-moz-selection {color:#ffffff;background:#000000;}

/*HOVER STATES*/
/*a:hover h1, a:hover .title{ color: #e70416;}*/

.logo span:hover {
    color: #000 !important;
}

.main-header nav a.active {
    font-family: 'Verlag-Bold';
    color: #000 !important;
}

.main-header nav a.active:hover {
    font-weight: normal;
}

.main-header nav a:hover {
    font-weight: 800;
}

/* FONTS */
@font-face {font-family: 'Verlag-Light'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-Light.otf');}
@font-face {font-family: 'Verlag-LightItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-LightItalic.otf');}
@font-face {font-family: 'Verlag-Book'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-Book.otf');}
@font-face {font-family: 'Verlag-BookItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-BookItalic.otf');}
@font-face {font-family: 'Verlag-Bold'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-Bold.otf');}
@font-face {font-family: 'Verlag-BoldItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/Verlag-BoldItalic.otf');}

/* BOLD */
b, strong{ font-family: 'Verlag-Bold'; font-weight:normal;}
/* ITALIC */
i, em{ font-family: 'Verlag-BookItalic'; font-style:normal;}
/* BOLD-ITALIC */
strong > em, b > em, 
strong > i, b > i, 
em > strong, em > b, 
i > strong, i > b{font-family: 'Verlag-BoldItalic'; font-style:normal;}

/* EMPTY FIXES */
 h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} 



/* --------------------------------------------------------- */
/* EDITS */

.main-header .logo span {
    font-size: 23px;
    font-family: 'Verlag-Bold';
}

.main-header .logo {
    margin-top: 20px;
}
.main-header {
    padding: 30px 0;
    padding-bottom: 40px;
    
}

.main-header nav a {
    font-size: 23px;
    margin-left: 15px;
}

.main-header nav {
    line-height: 70px;
    font-family: 'Verlag-Light';
}

/* HOMEPAGE */


/* remove homepage items */
.s-homepage footer {
    margin-top:-10px;
}
.s-homepage footer span.container {
    border-top: none;
}
.s-homepage .caption h1, 
.s-homepage .caption h2 {
    font-size: 16px !important;
    text-transform:uppercase;
    color:#000000;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1;
    display:block;
    /*box-shadow: inset 0 0 0 1px #808080;*/
}

.s-homepage .caption h3,
.s-homepage .caption h3 p{
    font-size: 14px !important;
    text-transform:capitalize;
    color:#000000;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1;
    display:block;
    /*box-shadow: inset 0 0 0 1px #808080;*/
}

/* larger titles */
/*.s-homepage .caption h1{*/
/*    font-size: 20px !important;*/
/*    padding: 0 0 5px 0 !important;*/
/*    margin: 0 0 0 0 !important;*/
/*}*/



/* DETAIL PAGES */

/* ZERO out spacing for left side submenu */
.grid-left-categories .categories-left.screen-nav {
    margin-top: 0px;
}



/* --------------------------------------------------------- */
/* DIVIDERS, BORDERS & BACKGROUNDS */

/* slideshow spacing */
div#slider-container {
    margin-bottom: 60px;
}

/* thumbnailview backgrounds */
.fitted .placeholder{
    background:none !important;
}

#wrapper-video-grid .fitted .placeholder .image img {
    top: auto;
    right: auto;
}

/*border for slider images*/
#overlay figure img,
.image img,
.slider img{
    outline-color:rgba(128,128,128,.06); outline-width:1px; outline-style:solid; outline-offset:-1px;
}
.image img{padding:0 !important;}


/* --------------------------------------------------------- */
/* FILMS */

.s-films header.section-header.divider.with-links.custom-grid-films {
    display: none;
}

.s-films header.section-header.divider.with-links {
    display: none;
}



/* --------------------------------------------------------- */
/* NEWS */


.s-news .news-index .entry .info {
    width: 42%;
}
.s-news .news-index .entry .thumbnail {
    width: 20%;
}
.s-news .news .entry {
    border-bottom: 1px #000 solid;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.s-news .news .entry:last-of-type {
    border-bottom: none;
}
.s-news .news .entry .links.in-text {
    margin-top: 15px;
}


/* --------------------------------------------------------- */
/* WRITINGS */


.s-writings .news.home .entry .links {
    display: none;
}
.s-writings .news .entry {
     padding-bottom: 0px; 
}



/* --------------------------------------------------------- */
/* -----------------------  SUPER T  ----------------------- */
/* --------------------------------------------------------- */
.section-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

/* ZERO OUT SPACING */
.grid{ line-height: normal;}
.placeholder{ padding-bottom:0 !important;}
.headers{ padding: 0 !important;}
.image{  line-height: 0;}
    
/* --------------------------------------------------------- */
/* SPACE BELOW THUMBNAILS */
.placeholder, .thumb{ margin-bottom: 10px !important;}


/* --------------------------------------------------------- */
/* TITLE SUB DATE H1 H2 H3 (BLUE) */

/* title */
.title,
/* exhibition home */
.headers h1,
/* news LIST view (not thumbnail view) */
.info h1,
/* detail pages header */
.item-header h1
{
    font-size: 11px !important;
    text-transform:uppercase;
    color:#000000;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1;
    display:block;
}


/* subtitle */
.subtitle,
/* exhibition home */
.headers h2,
/* news LIST view (not thumbnail view) */
.info h2,
/* detail pages header */
.item-header h2
{
    font-size: 11px !important;
    text-transform:uppercase;
    color:#000000;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1;
    display:block;
}


/* date */
.date,
/* exhibition home */
.headers h3,
/* news LIST view (not thumbnail view) */
.info h3,
/* detail pages header */
.item-header h3
{
    font-size: 11px !important;
    /*text-transform:uppercase;*/
    color:#000000;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1;
    display:block;
}




/* --------------------------------------------------------- */
/* LARGER TITLE H1 OVERIDE (PINK) */

/* larger titles */
/* larger exhibition home titles */
/* larger news LIST titles */
.title,
.headers h1,
.info h1
{
    font-size: 11px !important;
    padding: 0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
}

/* even larger current exhibitions */
/* even larger news LIST view */
/* even larger detail pages */
#large .headers h1,
.news-index .info h1,
.item-header h1
{
    font-size: 15px !important;
    padding: 0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
}


/* --------------------------------------------------------- */
/* SUB HEADERS H4 (RED) */
h4, 
/* some sections use h1 instead of h4 */
header h1{
    text-transform:unset;
    font-size: 11px !important;
    text-transform: uppercase;
    padding:0 0 5px 0 !important;
    margin: 0 0 0 0 !important;
    display:block;
}

/* --------------------------------------------------------- */
/* SUB MENU (PURPLE) */
header .links a,
.screen-nav a,
header.section-header nav a, 
nav.slider-features a
{
    font-size: 11px !important;
    text-transform: uppercase;
    padding-top:0;
    padding-bottom:5px;
    margin-top:0;
    margin-bottom:0;
    line-height:1.1!important;
    display:inline-block;
}

.section-header .links {
    text-transform: uppercase;
}
.news-details .links {
    text-transform: uppercase;
}
.links a:last-of-type {
    font-size: 11px;
}

/*header.section-header.divider.links-only {*/
/*    justify-content: flex-end;*/
/*}*/

/*a.link-back.back-link.back {*/
/*    text-transform: capitalize;*/
/*}*/

/*change spacing to use margin instead of padding*/
header .links a,
.screen-nav a,
header.section-header nav a, 
nav.slider-features a{
    padding-right:0;
    margin-right:15px;
}
header .links a:last-of-type,
.screen-nav a:last-of-type,
header.section-header nav a:last-of-type, 
nav.slider-features a:last-of-type {
    margin-right:0;
}


/* --------------------------------------------------------- */
/* DOWNLOAD VIEW LINKS (YELLOW) */
.entry .links a,
.content .links a{
    font-size: 11px !important;
    text-transform: uppercase;
    padding-top:0;
    padding-bottom:10px;
    margin-top:0;
    margin-bottom:0;
    line-height: 1.1 !important;
    display:block;
}

/* links in text */
.links.in-text {
    margin-top: 0px;
}

/* --------------------------------------------------------- */
/* SUMMARY (ORANGE) */
/* set space between titles and summary */
.summary{
    padding-top:20px;
    color:#000000;
}

/* --------------------------------------------------------- */
/* PARAGRAPHS (BROWN) */
/* set NEGATIVE margin to match top photo alignment */
.paragraph-styling p{
    line-height:2;
    margin-top:-.5em;
    /*outline-color:#993300; outline-width:1px; outline-style:solid; outline-offset:1px;*/
}

/* --------------------------------------------------------- */
/* CAPTIONS (AQUA)*/
/* slideshow */
.slide p {
    margin-top:0px;
    /*box-shadow: inset 0 0 0 1px #00f3d4;*/
}
.caption {
    padding-top:15px;
    /*box-shadow: inset 0 0 0 1px #00f3d4;*/
}
.caption p {
    margin-top:0px;
    /*box-shadow: inset 0 0 0 2px #00f3d4;*/
}

/* --------------------------------------------------------- */
/* FOOTER 1 COL */

footer{
    background-color: transparent !important;
    color:#000000 !important;
    font-size: 11px !important;
    text-transform:uppercase !important;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}
footer p{
    line-height:normal !important;
}
footer .footer-social {
    padding-top: 25px;
}
footer span.container {
    border-top: #000 1px solid;
}
.footer-col1 {
    padding-top: 15px;
}


#backToTop{
    font-size: 8px !important;
    text-transform:uppercase;
    color:#000000 !important;
    background-color: rgba(230,230,230,.8) !important;
    padding: 10px 15px 10px 15px;
}

/* --------------------------------------------------------- */
/* CLOSE AND ZOOM */

/* load new overlay graphic */
#overlay .close,
#overlay .zoom-click,
#zoomHeaderClose,
.zoomFooterControl{
    background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/595277af5a409154028b4568/custom-xmagnify.png") !important;
    background-size: 140px 56px !important; 

}

/* initial image size */
#overlay .slide img{max-width: 88%; max-height: 88%;}
#pan img{max-width: 96%; max-height: 96%;}

/* initial close and zoom buttom */
#overlay .close,
#overlay .zoom-click,
#zoomHeaderClose{
    top:10px;
    right:15px;
    padding:0;
    overflow:hidden;
    width:28px;
    height:28px;
    text-indent: -9999px;
}
/* zoom button position */
#overlay .zoom-click{ right:48px; }
/* background positions */
#overlay .close{background-position: 0px 0px;}
#overlay .close:hover{background-position: 0px -28px;}
#overlay .zoom-click{background-position: -28px 0px;}
#overlay .zoom-click:hover{background-position: -28px -28px;}
#zoomHeaderClose{background-position: -56px 0px;}
#zoomHeaderClose:hover{background-position: -56px -28px;}

/* zoom page */
div#zoomImage{ background-color: rgb(34, 34, 34) !important;}
div#zoomImage #jQslider{ border-top: 1px solid #ffffff;top: 14px;}
.ui-slider-handle{background-color: #ffffff;}
#zoomFooterWrapper{
    background: transparent;
    bottom:12px;
    height:28px;
}
#zoomFooter{
    background: rgba(34, 34, 34, .1);
    padding-left:50px;
    padding-right:50px;
    width: 30% !important;
}
.zoomFooterControl{
    height: 28px !important;
    width: 28px !important;
    display: inline;
    float: left;
    margin: 0 0 0 0 !important;
    text-align: center;
    position: absolute;
}
#zoomFooterZoomOut{margin-left: -38px !important;}
#zoomFooterZoomIn{margin-left: 10px !important;}

/* zoom control background positions */
#zoomFooterZoomOut{background-position: -84px 0px;}
#zoomFooterZoomOut:hover{background-position: -84px -28px;}
#zoomFooterZoomIn{background-position: -112px 0px;}
#zoomFooterZoomIn:hover{background-position: -112px -28px;}




/* --------------------------------------------------------- */
/* WORD BREAK */
h2,.subtitle{
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
@media all and (max-width:414px) {
    h1,.title{
        overflow-wrap: break-word;
        word-wrap: break-word;
        
        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* --------------------------------------------------------- */
/* FADE */
section {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* --------------------------------------------------------- */
/* TABLET */

@media (max-width: 768px) {
    footer span.container {
        max-width: 700px;
        padding: 0;
    }
}

/* menu dropdown tablet & mobile */
@media (max-width: 968px) {
    .mobile-menu-wrapper {
        position: relative;
        margin: 9px 0 8px 0;
        display: block;
    }
    .main-header nav.main, .main-header nav.languages {
        display: none;
    }
    .main-header nav.mobile {
        text-align: left;
        /*line-height: normal;*/
    }
    nav.mobile .navlinks a {
        display: block;
        margin: 0;
        padding-bottom: 15px;
        line-height: 100%;
    }
}

@media (max-width: 768px) {
    .news-details .details {
        width: 100%;
        max-width: 550px;
    }
    .news-details.img .image {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .text-one-column-with-image .text {
        width: 100% !important;
        max-width: 550px;
    }
    .text-one-column-with-image.image-on-right .text {
        float: left;
    }
}

@media (max-width: 768px) {
    .contact .left .text {
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
    }
}

/* --------------------------------------------------------- */
/* MOBILE */

@media (max-width: 480px) {
    #slidecaption {
        margin-left: 20px;
    }
}

@media (max-width: 480px) {
    .text-two-columns .left {
        width: 100%;
        padding-right: 0;
    }
    .text-two-columns .right {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    header.section-header .item-header+nav {
        margin-top: 20px;
    }
    .news-details .links {
        padding-top: 20px;
    }
    .section-header .links {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    footer span.container {
        max-width: 440px;
        padding: 0;
    }
}

@media (max-width: 414px) {
    footer span.container {
        max-width: 374px;
        padding: 0;
    }
}

@media (max-width: 400px) {
    footer span.container {
        max-width: 360px;
        padding: 0;
    }
}