/* -----------------------------------------------------------
    Load fonts
----------------------------------------------------------- */

 @import url(../fonts/stylesheet.css); 

/* -------------------------------------------------------------------------- */
/* CSS VARIABLES */
/* -------------------------------------------------------------------------- */
:root {

    /* homepage hero, etc */
    --xxxlarge-fs: 9.0rem;
    --xxxlarge-lh: 9.0rem;

    /* detail page headers, etc */
    --xxlarge-fs: 8.0rem;
    --xxlarge-lh: 7.4rem;
    
    /* feature records header, etc */
    --xlarge-fs: 4.5rem;
    --xlarge-lh: 4.5rem;
    
    /* regular record header, etc */
    --large-fs: 3.1rem;
    --large-lh: 3.5rem;
    
    --medium-fs: 2.2rem;
    --medium-lh: 2.2rem;
    
    --normal-fs: 1.6rem;
    --normal-lh: 1.6;
    
    --caption-fs: 1rem;
    --caption-lh: 1.5rem;    

    --font-1: KasminMonumentGrotesk;
    --font-2: CormorantGaramond;
    --font-3: KasminMonumentGroteskMono;

    --border-grey: #cfcfcf;

}
@media only screen and (max-width: 1023px) {
    :root {
        /* homepage hero, etc */
        --xxxlarge-fs: 7.0rem;
        --xxxlarge-lh: 7.0rem;

        /* detail page headers, etc */
        --xxlarge-fs: 5.2rem;
        --xxlarge-lh: 5.2rem;

        /* feature records header, etc */
        --xlarge-fs: 3.8rem;
        --xlarge-lh: 3.8rem;

        /* regular record header, etc */
        --large-fs: 2.9rem;
        --large-lh: 2.9rem;



    }
}
@media only screen and (max-width: 768px) {
    :root {
        --xxxlarge-fs: 5.2rem;
        --xxxlarge-lh: 5.2rem;
    
    }
}

@media only screen and (max-width: 614px) {
    :root {
        --xxxlarge-fs: 4.5rem;
        --xxxlarge-lh: 4.5rem;

       /* detail page headers, etc */
       --xxlarge-fs: 4.5rem;
       --xxlarge-lh: 4.5rem;

       /* feature records header, etc */
       --xlarge-fs: 3.2rem;
       --xlarge-lh: 3.2rem;

    
    }
}

/* -----------------------------------------------------------
    Base typograhy styles - displayed in rich text editors 
----------------------------------------------------------- */

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/
        This will affect the baseline size of all fonts across the website.
    */
    font-size: 10px;
}
body {
    font-family: var(--font-1); 
    font-size: var(--normal-fs);
    line-height: var(--normal-lh);
    color:#000000;
}
a,
a:visited,
a:hover,
.link_color,
.link_color:hover {
    
}

a:hover,
.link_color,
.link_color:hover {
    
}
.link {

}
h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text {
    font-family: var(--font-2);
    letter-spacing:0;
    text-transform:none;
}
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 {

}
h1 {
    font-size: var(--large-fs);
    line-height: var(--large-lh);
}
h2 {
    font-size: var(--medium-fs);
    line-height: var(--medium-lh);
}
h3 {
    font-size: 1.9rem;
}
h4 {
    font-size: 1.6rem;
}
h5 {
    font-size: 1.5rem;
}
h6 {
    font-size: 1.3rem;
}

/* RESPOSIVE OVERIDE FIX */
@media screen and (max-width: 459px){
    h1 {
        font-size: var(--large-fs);
        line-height: var(--large-lh);
    }

    /* h2's
    ----------------------------------------------------------- */
    
    h2 {
        font-size: var(--medium-fs);
        line-height: var(--medium-lh);
    }
    
    /* h3's
    ----------------------------------------------------------- */
    h3 {
        font-size: 1.9rem;
    }
}







ul {

}
b, strong {
}
input,
select,
textarea {
}
blockquote {
    border-left: none!important;
    text-align: center;
    width: 100%;
    font-family: var(--font-2); 
    font-size: var(--large-fs);
    line-height: 5rem;
    padding: 0;
}

@media only screen and (max-width: 768px){
    blockquote {
        line-height: 4rem;
    }    
}
button {
}

body .cms_button a,
body a.cms_button,
body a.cms_button:visited {
}
    body .cms_button a,
    body .cms_button a:visited {
    }
    body .cms_button a:hover,
    body a.cms_button:hover {
    }

/* ----------------------------------- */
/* P */
/* ----------------------------------- */
p{
    margin-bottom:1em;
}




/* Common header/title/emphasis resets.

Currently the following selectors share characteristics in the core styles such as uppercase text-transform.
Reset this here, and move any outlying selectors into new groups with differing charactereistics.
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text,
#logo a,
.navigation ul li a,
#slide_nav_reveal,
#header_quick_search .inputField,
#header_quick_search input,
#header_quick_search select,
#header_quick_search textarea,
#header_quick_search #header_quicksearch_btn,
#footer #artlogic,
#footer #copyright,
#footer #copyright .copyright-text,
#footer .small-links-container,
.page-artists h1 #artist_years,
.event-details-wrapper .event-details span,
.subsection-press .records_list .content .link a,
.section-press .records_list .content .link a,
#store_cart_widget,
.fullscreen_slideshow .hero_splash_text,
.fullscreen_slideshow .hero_splash_text .title,
.fullscreen_slideshow ul li .content h2,
.fullscreen_slideshow ul li .content h2 a,
.fullscreen_slideshow ul li .content h2 a:visited,
.fullscreen_slideshow ul li .content h2 a .separator,
.fullscreen_slideshow ul li .content h2 a .h1_subtitle,
#image_gallery #content_module h3,
.records_list .content h2,
.records_list .content .subtitle,
.records_list .content .date,
.records_list .content .location ,
.records_list ul li .content .title,
.records_list ul li .content .artist,
.feature_panels .panel_image_text_adjacent .content h2,
.feature_list ul li .content h2,
.feature_list ul li .content .subtitle,
.feature_list ul li .content .date,
.feature_list ul li .content .location,
.full_list ul li .content h2,
.full_list ul li .content .subtitle,
.full_list ul li .content .date,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
.link,
.button,
.simple_list ul li,
#social_links_list ul li,
.page_stats .ps_item,
.page_stats .ps_pages,
#protected_path_login #container h1,
#protected_path_login #container label,
.subheading,
.poster,
.subtitle,
.h1_subtitle,
.location ,
.date,
.price,
#fancybox-title-main .artist strong,
#mc_embed_signup input.button,
#home_splash .content,
#hero_header .subtitle,
.feature_panels .panel_hero .hero_heading .subtitle,
#hero_header .inner,
.feature_panels .panel_hero .hero_heading > h2,
.feature_panels .panel_hero .hero_heading > a > h2,
#cover_page_slideshow_pager,
#artists-browser,
.artists-browser {

}