/* ------------------------------------------------------------------------
***************************************************************************
***************************** MIN WIDTHS **********************************
***************************************************************************
------------------------------------------------------------------------ */


@media screen and (min-width: 1400px) {
    #popup_content #image_gallery #content_module {
        padding-left: 50px;
    }
    #image_gallery.record-layout-descriptive .secondary_content_modules_wrapper {
        padding-left: 157px;
    }
    #top_nav.navigation ul li.topnav-filepath-mailing-list {
        position: absolute;
        right: 0;
        top: 40px;
        height: auto;
        transition: transform 400ms;
    }
    body:not(.section-home ) #container.scrolling-up:not(.page-top) #top_nav.navigation ul li.topnav-filepath-mailing-list,
    body:not(.section-home ) #container.scrolling-down:not(.page-top) #top_nav.navigation ul li.topnav-filepath-mailing-list {
        transform: translateY(117px);
    }
    body.section-home #container.scrolling-up:not(.page-top) #top_nav.navigation ul li.topnav-filepath-mailing-list,
    body.section-home #container.scrolling-down:not(.page-top) #top_nav.navigation ul li.topnav-filepath-mailing-list {
        transform: translateY(13px);
    }
    .section-home #top_nav.navigation ul li.topnav-filepath-mailing-list {
        height: 100%;
        top: 2px;
    }
    #header #join-our-mailing-list a,
    #top_nav.navigation ul li.topnav-filepath-mailing-list a {
        text-transform: uppercase;
        letter-spacing: 2.2px;
        font-size: 11px;
        line-height: 15px;
    }
}


@media screen and (min-width: 1023px) {
    
    /* -----------------------------------------------------------
       Feature Panels
    ----------------------------------------------------------- */
    
    .feature_panels #instagram_feed_timeline .records_list > ul {
    margin-right: -45px;
    }
    .feature_panels #instagram_feed_timeline .records_list > ul > li {
        padding-right: 45px;
        margin-bottom: 52px;
    }
    
    /* -----------------------------------------------------------
       General Layout
    ----------------------------------------------------------- */
    
    #image_related .records_list.tile_list .tile_list_formatted {
        margin-right: -54px;
    }
    #image_related .records_list.tile_list.grid_dynamic_layout_artworks ul {
        width: 33.33%;
        padding-right: 54px;
    }
    body:not(.section-home ) #container.scrolling-up:not(.page-top) #header {
        transform: translate3d(0, -140px, 0);
    }
    body.section-home #container.scrolling-up:not(.page-top) #header {
        transform: translate3d(0, -23px, 0);
    }
    #container.scrolling-up:not(.page-top) #header .inner,
    #container.scrolling-down:not(.page-top) #header .inner {
        padding-bottom: 13px;
    }
    
    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .page-publications .subsection-publications-grid .records_list > ul {
        margin-right: -54px;
    }
    .page-publications .subsection-publications-grid .records_list > ul > li {
        padding-right: 54px;
    }
    
}

@media screen and (min-width: 767px) {
    .page-about #hero_header > .inner,
    body.page-about.layout-hero-header:not(.type-fullscreen ) #main_content::before {
        height: 752px;
        max-height: 752px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1250px) {
    #top_nav.navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #top_nav.navigation ul li {
        margin-left: 20px;
        height: auto;
    }
}



/* ------------------------------------------------------------------------
***************************************************************************
***************************** MAX WIDTHS **********************************
***************************************************************************
------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------
--------------------------------- Size 6 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 1550px) {
    #footer .inner {
        max-width: 1100px;
    }
}


/* ------------------------------------------------------------------------
--------------------------------- Size 5 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 1370px) {
    #footer .inner {
        max-width: 900px;
    }
}


/* ------------------------------------------------------------------------
--------------------------------- Size 4 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 1200px) {
    #footer .inner {
        max-width: 600px;
    }
}


/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */

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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    #footer .copyright::before {
        width: calc(100% - 60px);
    }
    #footer::before {
        display: none;
    }
    .page-artworks .records_list.tile_list .tile_list_formatted {
        margin-right: -30px;
    }
    .records_list.tile_list.grid_dynamic_layout_artworks ul {
        width: 50%;
        padding-right: 30px;
    }
    #header #logo,
    #header #logo a,
    #header #logo span {
        max-width: 120px;
    }



    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .section-home #slideshow.fullscreen_slideshow::after {
        bottom: 20px;
        width: 140px;
        height: 91px;
    }
    .page-paintings .heading_wrapper {
        margin-bottom: 0;
    }
    #popup_content #image_gallery #image_container_wrapper {
        padding-right: 0;
        padding-left: 50px;
    }
    #popup_content #image_gallery #image_container_wrapper #image_container {
        left: 50px !important;
        right: 0 !important;
    }
    .page-contact #sidebar {
        padding-right: 45px;
    }
    .page-publications .subsection-publications-grid .records_list > ul > li {
        margin-bottom: 50px;
    }



}



/* ------------------------------------------------------------------------
--------------------------------- Size 2 ----------------------------------
------------------------------------------------------------------------ */


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


    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    .section-home #slideshow {
        min-height: 400px;
    }
    /*.fullscreen_slideshow ul {*/
    /*    min-height: 400px;*/
    /*}*/
    #hero_header #slideshow ul li .image:after {
        background: rgba(0,0,0,0.7);
    }
    
    @media screen and (max-height: 500px) {
        .fullscreen_slideshow .hero_splash_text {
            position: relative;
            z-index: 100;
            transform: none;
            left: auto;
            right: auto;
            top: auto;
            bottom: auto;
            margin: 0;
            padding-top: 148px;
        }
    }

    .section-home #slideshow.fullscreen_slideshow::after {
        display: none;
    }
    .section-home #header #logo {
        display: block;
    }

    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    #footer #social_links {
        float: none;
        padding-top: 0;
    }
    #hero_header #hero_heading {
    }
    #hero_heading .title a,
    #hero_heading .title a:visited {
        font-size: 28px;
        line-height: 36px;
    }
    #hero_heading .subtitle {
        padding-top: 5px;
        line-height: 20px;
        font-size: 12px;
    }
    body.layout-hero-header.layout-hero-header-record-data #hero_header > .inner,
    body.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before {
        height: 40vh;
        min-height: 120px;
    }
    .page-fairs #hero_header > .inner,
    body.layout-hero-header.page-fairs #container::before {
        height: 60vh;
    }
    #hero_header:after {
        background: rgba(0,0,0,0.7);
    }
    #header #logo,
    #header #logo a,
    #header #logo span {
        max-width: 100px;
    }
    



    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .page-artworks .records_list.tile_list ul:last-child {
        margin-top: 150px;
    }
    .page-artworks .records_list.tile_list ul li {
        margin-bottom: 60px;
    }
    .page-paintings #content_module {
        margin-bottom: 0;
    }
    #popup_content #image_gallery #image_container_wrapper #image_container {
        left: 0 !important;
        right: 0 !important;
    }
    .page-contact #sidebar {
        padding-right: 0;
    }
    .section-contact #content_module .page_content {
        margin-bottom: 0px;
    }
    .page-contact .feature_panels {
        padding-top: 0px;
    }
    #content_module .page_content .divider.inner {
        height: 0;
    }
    .feature_panels .panel_header h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-contact #content_module {
        padding-left: 0;
    }
    .page-about .inner #hero_heading .title a,
    .page-about .inner #hero_heading .title a:visited {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 4.4px;
        display: block;
    }
    .page-about .heading_wrapper {
        margin: 0;
    }
    .page-about #sidebar {
        display: none;
    }
    
    
    /* -----------------------------------------------------------
       Feature panels
    ----------------------------------------------------------- */
    
    .feature_panels .fp_custom_instagram-feed .panel_header {
        margin-bottom: 40px;
    }
    .feature_panels .no_image.panel_text {
        margin-bottom: 60px;
    }
    
    #image_gallery.record-layout-descriptive #secondary_content_module {
        padding-top: 40px;
        margin-top: 0;
    }
    #popup_content #image_gallery #content_module {
        margin-bottom: 0;
    }
    #artwork_descriptive_read_more_button {
        display: none;
    }


}





/* ------------------------------------------------------------------------
--------------------------------- Size 1 ----------------------------------
------------------------------------------------------------------------ */


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

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    
    #popup_content #image_gallery #content_module h1.artist,
    #popup_content #image_gallery #content_module div.artist {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 3.5px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    #popup_content #image_gallery #content_module .subtitle,
    #popup_content #image_gallery #content_module .title em {
        letter-spacing: 2.5px;
        line-height: 24px;
        font-size: 15px;
    }
    #image_gallery.record-layout-descriptive #secondary_content_module {
        padding-top: 50px;
        margin-top: 0;
    }
    #image_gallery #image_related .records_list.tile_list .tile_list_formatted {
        margin-right: 0;
    }


    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    
    #footer {
        padding-top: 40px;
        margin-bottom: 30px;
    }
    #footer .copyright::before {
        width: calc(100% - 30px);
    }
    #footer #social_links::before {
        display: none;
    }
    #footer::after {
        bottom: -30px;
    }
    .page-artworks .records_list.tile_list .tile_list_formatted {
        margin-right: 0px;
    }
    .records_list.tile_list.grid_dynamic_layout_artworks ul {
        width: 100%;
        padding-right: 0px;
    }
    #header .inner,
    #header.header_fixed .inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }



    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */



    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    .section-home #slideshow.fullscreen_slideshow::after {
        bottom: 20px;
        width: 140px;
        height: 91px;
    }
    .fullscreen_slideshow .hero_splash_text .title {
        font-size: 20px;
        line-height: 42px;
        letter-spacing: 3px;
    }
    .page-artworks .records_list.tile_list ul:last-child {
        margin-top: 0;
    }
    .page-artworks .artworks-header {
        margin-bottom: 0;
    }
    .page-about .inner #hero_heading .title a,
    .page-about .inner #hero_heading .title a:visited {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 3.8px;
    }
    .page-about #main_content .heading_wrapper {
        display: none;
    }
    .page-publications #hero_header > .inner,
    body.layout-hero-header.page-publications #container::before {
        height: 60vh;
    }
    .page-publications #content {
        padding-top: 0;
    }
    .page-artworks .fancybox-image::after {
        left: 20px;
    }
    #content #mc_embed_signup {
        margin: 15px;
    }
    


}