

                        

    

    


.custom-grid .entry {
    width: 22.962962962963%;
    margin-right: 2.7160493827161%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}


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

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

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


                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

    
    
    

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

.custom-grid .entry {
    width: 30.617283950617%;
    margin-right: 4.0740740740741%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

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

}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

    
    
    

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

.custom-grid .entry {
    width: 45.925925925926%;
    margin-right: 8.1481481481482%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

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

}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                    

    
    
    

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

.custom-grid .entry {
    width: 45.925925925926%;
    margin-right: 8.1481481481482%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

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

}

                                                                                                                                                                                                                                                                                                                                                                                                                                                    
h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2 { color: #000000; text-transform: capitalize; font-size: 13px; }
.large-images h2, .news h2 { text-transform: capitalize; }
.main-header nav a { color: #000000; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.main-header nav.homepage a, #slidecaption a *, .screen-nav a, .slider-features a, .section-header a, .private nav a, .news .list h1 { color: #000000; }
h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #000000; font-size: 10px; }
h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, .homepage .caption h1 { color: #000000; letter-spacing: 1px; font-size: 13px; text-transform: uppercase; }
h4, .sectionname { color: #000000; letter-spacing: 1px; font-size: 13px; }
.news h1, .press-thumbs .entry .title { text-transform: uppercase; }
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 { color: #747474 !important; }

body { background: url('https\3A \2F \2F www\2E richarddupont\2E com\2F media\2F cache\2F resolve\2F \2F 548f210f07a72ced0841d341\2F application\2F 548f210f07a72ced0841d341\2F 4bb31745e464546b4968ee61a258481b\2E png') no-repeat center center fixed; -webkit-background-size: cover; background-size: cover; }
footer { background: transparent !important; }
@media (max-width: 480px) {
    footer div.footer-social {
        margin-top: 15px;
    }
    .credit a {
        float: left;
    }
}



/*mailing list styling*/
label {
    display: block;
}
input#fieldName, form input[type="email"] {
    background: none;
    max-width: 250px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 30px;
    border: 1px solid #757575;
}
form input[type="email"] {
    display: inline; 
    height: 35px !important;
    padding: 3px;
    border: 1px solid #757575;
    max-width: 255px;
    width: 100%;
}
button {
    border: 1px solid #757575;
    color: #757575;
    padding: 10px 12px;
}



/* --------------------------------------------------------- */
/* H1 */
.exhibitions #large h1, /*exhibitions-grid*/
.exhibitions #medium h1, /*exhibitions-grid*/
.past .title, /*exhibitions-grid*/
.artists .title, /*artists grid*/
.publications .title, /*publications-grid*/
.objects .title, /*objects-grid*/
.press .title, /*press-grid*/
.news .title, /*news-grid*/
.news h1, /*news-list*/
.associations .title, /*associated-grid*/
.associations .news h1, /*associated-news-list*/
.item-header h1, /*detail-page*/
.homepage .caption h1 /*hpomepage*/ {
    font-family: "DIN Next W01 Bold";
    font-size: 13px !important;
    text-transform:uppercase;
    letter-spacing: 1px;
    color:#000000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}



/* --------------------------------------------------------- */
/* H2 */
.exhibitions #large h2, /*exhibitions-grid*/
.exhibitions #medium h2, /*exhibitions-grid*/
.past .subtitle, /*exhibitions-grid*/
.artists .subtitle, /*artists grid*/
.publications .subtitle, /*publications-grid*/
.objects .subtitle, /*objects-grid*/
.press .subtitle, /*press-grid*/
.news .subtitle, /*news-grid*/
.news h2, /*news-list*/
.associations .subtitle, /*associated-grid*/
.associations .news h2, /*associated-news-list*/
.item-header h2, /*detail-page*/
.homepage .caption h2 /*hpomepage*/ {
    font-family: "DIN Next W01 Bold";
    font-size: 13px !important;
    text-transform:unset;
    color:#000000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}




/* --------------------------------------------------------- */
/* SUBTITLE 2 */
.exhibitions #large h2.subtitle2, /*exhibitions-grid*/
.exhibitions #medium h2.subtitle2, /*exhibitions-grid*/
.past .subtitle2, /*exhibitions-grid*/
.artists .subtitle2, /*artists grid*/
.publications .subtitle2, /*publications-grid*/
.objects .subtitle2, /*objects-grid*/
.press .subtitle2, /*press-grid*/
.news .subtitle2, /*news-grid*/
.news h2.subtitle2, /*news-list*/
.associations .subtitle2, /*associated-grid*/
.associations .news h2.subtitle2, /*associated-news-list*/
.item-header h2.subtitle2, /*detail-page*/
.homepage .caption h2.subtitle2 /*hpomepage*/{
    font-family: "DIN Next W01 Bold";
    font-size: 13px !important;
    text-transform:unset;
    color:#000000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}




/* --------------------------------------------------------- */
/* H3 */
.exhibitions #large h3, /*exhibitions-grid*/
.exhibitions #medium h3, /*exhibitions-grid*/
.past .date, /*exhibitions-grid*/
.artists .date, /*artists grid*/
.publications .date, /*publications-grid*/
.objects .date, /*objects-grid*/
.press .date, /*press-grid*/
.news .date, /*news-grid*/
.news h3, /*news-list*/
.associations .date, /*associated-grid*/
.associations .news h3, /*associated-news-list*/
.item-header h3, /*detail-page*/
.homepage .caption h3 /*hpomepage*/ {
    font-family: "DIN Next W06 Regular";
    font-size: 10px !important;
    text-transform:unset;
    color:#000000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5;
    display:block;
}





/* ------------------------------------------------------------------------- */
/* SPACING */
/* zero out spacing */
.row{padding-bottom:0;} 
.grid{padding-bottom:0;}
.grid {line-height: normal;}

.headers{ padding: 0 !important;}
.section-header.second-row {margin-top: 0px }
.exhibitions.home .headers,
.exhibitions.home .medium .headers,
.exhibitions.home .small .headers{padding-top: 0;}

.image{  line-height: 0;}
.image img{padding:0 !important;}

.links a:last-of-type {line-height: normal;}
nav.screen-nav{display:flex;}
.grid-left-categories .categories-left.screen-nav {margin-top: 0px;}

.homepage .caption {padding-top: 0;}
.homepage.banner{line-height:0;}


.placeholder{ padding-bottom:0 !important;}

/* space below thumbnails */
.placeholder, 
.thumb,
.homepage.banner img
{ 
    margin-bottom:6px !important;
}












.main-header nav { font-size: 14px; padding-top: 15px; float: right; }
footer { padding: 20px 0; background: #000; position: relative; z-index: 9; }
/*footer div { padding-top: 10px; }*/
footer div.footer-cols { line-height: 13px !important; }
a:hover, a.active {color: #747474;}
.main-header nav a:hover, .main-header nav a.active {color: #747474;}
.main-header nav.mobile {
float: none;
}

.main-header nav.mobile a {
text-align: left;
}

.credit {
    width: 1080px;
    float: right;
    padding-right: 0;
    margin-top: 20px;
}

.credit a {
    float: right;
    text-transform: none;
}

*:focus:not(.focus-visible) {
    outline: none;
}


