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

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





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

    --xxxlarge-fs: 10.0rem;
    --xxxlarge-lh: 10.0rem;
    --xxxlarge-ls: -0.05em;
    --xxxlarge-tt: lowercase;

    --xxlarge-fs: 6.0rem;
    --xxlarge-lh: 7.5rem;
    --xxlarge-ls: -0.05em;
    --xxlarge-tt: lowercase;
    
    --xlarge-fs: 4.3rem;
    --xlarge-lh: 3.0rem;
    --xlarge-ls: -0.05em;
    --xlarge-tt: lowercase;
    
    --large-fs: 3.0rem;
    --large-lh: 3.0rem;
    --large-ls: -0.05em;
    --large-tt: lowercase;
    
    --medium-fs: 2.0rem;
    --medium-lh: 2.0rem;
    --medium-ls: 0;
    --medium-tt: uppercase;
    
    --normal2-fs: 2.5rem;
    --normal2-lh: 2.5;

    --normal-fs: 1.4rem;
    --normal-lh: 1.6;
    --normal-ls: 0;
    --normal-tt: uppercase;

    --small-fs: 1.2rem;
    --small-lh: 1.8;
    --small-ls: 0;
    --small-tt: uppercase;

    --body-fs: 1.6rem;
    --body-lh: 1.6;
    
    --caption-fs: 1rem;
    --caption-lh: 1.5rem;    

    --font-1: BauPro;
    --font-2: TrooverC;

    --color-1: #000;
    --color-2: #757575;

}




/* -----------------------------------------------------------
    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(--body-fs);
    line-height: var(--body-lh);
}
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, .fullscreen_slideshow .hero_splash_text {

}
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 {

}
h2 {

}
h3 {

}
h4 {

}
h5 {

}
h6 {

}

ul {

}
b, strong {
}
input,
select,
textarea {
}
blockquote {

}
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 {
    
}


