/* -----------------------------------------------------------
    Load fonts
----------------------------------------------------------- */
@import url(/webfonts/circular/stylesheet.css);
@import url(/webfonts/sabon/stylesheet.css);
@import url(/webfonts/MoonTime2/stylesheet.css);
@import url(/lib/webfonts/avenirnextpro/avenirnextpro.css);

/* -----------------------------------------------------------
    Global Styles
----------------------------------------------------------- */

    html {
        /*
            IMPORTANT - DO NOT CHANGE THIS VALUE WITHOUT READING DOCUMENTATION ON REM.
            THIS CAN BE FOUND IN MC: /documentation/art-gallery-sites/development/template-art-gallery-website-development/font-sizes-rem/
        */
        font-size: 10px;
    }
    body {
        font-family: 'Sabon LT Std', Serif;
        font-weight: normal;
        /*color: #595959;*/
        color: #3F3939;
        font-size: 1.4rem;
        line-height: 3.5rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    a,
    a:visited,
    a:hover,
    .link_color,
    .link_color:hover {
        color: #303030;
        text-decoration: none;
    }
    h1, h2, h3, h4, h5, h6, #hero_header, .fullscreen_slideshow .hero_splash_text {
        font-family: 'Circular Std', Serif;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #303030;
        letter-spacing: 0.3rem;
        margin: 0 0 15px;
    }
    #hero_header, .fullscreen_slideshow .hero_splash_text {
        font-weight: bold;
    }
    h1 a,h1 a:visited,
    h2 a, h2 a:visited,
    h3 a, h3 a:visited,
    h4 a, h4 a:visited,
    h5 a, h5 a:visited,
    h6 a, h6 a:visited {
        color: #303030;
        text-decoration: none;
    }
    h1 {
        font-size: 2.2rem;
        line-height: 2.5rem;
        letter-spacing: 0.01em;
        margin: 0 0 50px;
    }
    h2 {
        font-size: 1.8rem;
        line-height: 24px;
        letter-spacing: 0.03em;
    }
    h3 {
        font-size: 1.7rem;
        letter-spacing: 0.03em;
    }
    h4 {
        font-size: 1.5rem;
        letter-spacing: 0.03em;
        margin: 0 0 10px;
    }
    h5 {
        font-size: 1.4rem;
        line-height: 2.2rem;
        letter-spacing: 0.03em;
        margin: 0 0 6px;
    }
    h6 {
        font-size: 1.3rem;
        letter-spacing: 0.03em;
        margin: 0 0 6px;
    }
    p a {
        text-decoration: underline;
    }
    #custom_hero_header,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2,
    header.store-category-header h2 {
        font-size: 4.5rem;
        line-height: 4.5rem;
        margin: 0;
        padding: 0;
        letter-spacing: 0.5rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Sabon LT Std', Serif;
    }
    /*#custom_hero_header .subtitle,*/
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle,
    .fullscreen_subtitle {
        margin: 0;
        padding: 0;
        letter-spacing: 0.2rem;
        font-size: 1.3rem;
        color: #fff;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Sabon LT Std', Serif;
        vertical-align: middle;
        display: inline;
    }
    
    
    .fullscreen_subtitle .date, .fullscreen_subtitle .subtitle{
        letter-spacing: 0.2rem;
        font-size: 1.3rem;
        color: #fff;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Sabon LT Std', Serif;
        vertical-align: middle;
    }

    body.hero_text_dark .fullscreen_subtitle .date,
    body.hero_text_dark .fullscreen_subtitle .subtitle {
        color: #111;
    }
    

    .fullscreen_slideshow ul li .content .fullscreen_subtitle .subtitle,
    .fullscreen_slideshow ul li .content .fullscreen_subtitle .date {
        letter-spacing: 0.2rem;
        font-size: 1.3rem;
        color: #fff;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Sabon LT Std', Serif;
        display: inline-block;
        vertical-align: baseline;
        margin: 0;
    }

    .fullscreen_slideshow ul li .content .fullscreen_subtitle .subtitle{ 
        font-size: 5.9rem;
    }

    .fullscreen_slideshow ul li .content .fullscreen_subtitle .date {
        display: block;
        font-family: 'Circular Std', Sans-Serif;
        font-size: 1.4rem;
        text-transform: none;
        letter-spacing: 0.1rem;
    }

    .fullscreen_slideshow ul li .content h2::before {
        content: '';
        width: 3.8rem;
        display: inline-block;
        border-bottom: 3px solid #fff;
        vertical-align: middle;
        margin: -0.8rem 8px 0 -6.4rem;
    }
    .feature_panels .records_list.image_list ul li.panel_hero .hero_heading .description {
        margin: 0;
        padding: 20px 0 0;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    input,
    select,
    textarea {
        font-family: 'Circular Std', Sans-Serif;
        font-weight: 200;
        color: #303030;
        font-size: 1.3rem;
    }

    * :focus {
        outline: none;
    }
    
    body:not(.browser-js-enabled) * :focus,
    body.tabbing-detected * :focus,
    body.accessibility_outlines_enabled * :focus,
    form input:focus {
        outline: auto;
        outline-style: solid; /*need to specify outline style to make it work for IE and edge*/
    }
    
    [id^=section-]:focus,
    .page-artists #galleryartists:focus,
    .page-artists #nongalleryartists:focus,
    .page-artists #categories:focus {
        outline: none;
    }
    
    button {
      font-family: inherit;
      font-size: 100%;
      line-height: inherit;
      margin: 0;
      color: inherit;
      overflow: visible;
      text-transform: none;
      background-color: transparent;
      -webkit-appearance: button;
    }