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

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

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

    /* Fonts */
    --font-1: "Avenir Next";
    /* --font-2: "Avenir Next"; */
    /* --font-3: "Avenir Next"; */

    /* Normal paragraph */
    --normal-fs: 1.6rem;
    --normal-lh: 1.75;

    /* Menu */
    --menu-fs: 1.5rem;
    --menu-lh: 1.75;

    /* Menu */
    --caption-fs: 1.1rem;
    --caption-lh: 1.75;
 

    /* TYPE LOCK UP */
    /* title (h2) */
    /* --type01-font: normal normal 500 2.9rem/3.5rem "Avenir Next"; */
    --type01-font: normal normal 600 2.9rem/3.5rem "Avenir Next";
    --type01-text-transform: initial;
    --type01-letter-spacing: 0;
    --type01-color: #000000;
    --type01-margin: 0 0 3px 0;
    --type01-padding: 0 0 0 0;
    /* subtitle */
    --type02-font: italic normal 300 2.6rem/3.3rem "Avenir Next";
    --type02-text-transform: initial;
    --type02-letter-spacing: 0;
    --type02-color: #000000;
    --type02-margin: 0 0 5px 0;
    --type02-padding: 0 0 0 0;
    /* date */
    --type03-font: normal normal 400 1.2rem/2.5rem "Avenir Next";
    --type03-text-transform: uppercase;
    --type03-letter-spacing: .8px;
    --type03-color: #000000;
    --type03-margin: 0 0 0 0;
    --type03-padding: 0 0 0 0;
    /* location */
    --type04-font: normal normal 400 1.2rem/2.5rem "Avenir Next";
    --type04-text-transform: uppercase;
    --type04-letter-spacing: .8px;
    --type04-color: #000000;
    --type04-margin: 0 0 0 0;
    --type04-padding: 0 0 0 0;

    /* subheading / panel heading */
    --type05-font: normal normal 400 1.2rem/2.5rem "Avenir Next";
    --type05-text-transform: uppercase;
    --type05-letter-spacing: .8px;
    --type05-color: #000000;

    /* DETAIL PAGE */
    /* title */
    --type06-font: normal normal 600 6.2rem/7.0rem "Avenir Next";
    --type06-text-transform: initial;
    --type06-letter-spacing: 0;
    /* sub */
    --type07-font: italic normal 400 3.5rem/4.5rem "Avenir Next";
    --type07-text-transform: initial;
    --type07-letter-spacing: 0;
    /* location */
    --type08-font: normal normal 400 1.2rem/2.5rem "Avenir Next";
    --type08-text-transform: uppercase;
    --type08-letter-spacing: .8px;
    /* date */
    --type09-font: normal normal 400 1.2rem/2.5rem "Avenir Next";
    --type09-text-transform: uppercase;
    --type09-letter-spacing: .8px;

    /* title (no banner) */
    --type10-font: normal normal 600 5.7rem/6.8rem "Avenir Next";
    --type10-text-transform: initial;
    --type10-letter-spacing: 0;


}

@media screen and (max-width: 1024px){
    :root {
        /* DETAIL PAGE */
        /* title */
        --type06-font: normal normal 600 5.2rem/5.5rem "Avenir Next";
        /* sub */
        --type07-font: italic normal 400 2.9rem/3.5rem "Avenir Next";     
        /* title (no banner) */
        --type10-font: normal normal 600 4.7rem/5.8rem "Avenir Next";        
    }
}
@media screen and (max-width: 768px){
    :root {
        /* DETAIL PAGE */
        /* title */        
        --type06-font: normal normal 600 4.2rem/4.8rem "Avenir Next";
        /* sub */
        --type07-font: italic normal 400 2.6rem/3.3rem "Avenir Next";
        /* title (no banner) */
        --type10-font: normal normal 600 3.7rem/4.5rem "Avenir Next";                         
    }
}
@media screen and (max-width: 614px){
    :root {

        /* TYPE LOCK UP */
        /* title (h2) */
        /* --type01-font: normal normal 500 2.5rem/3.1rem "Avenir Next"; */
        --type01-font: normal normal 600 2.5rem/3.1rem "Avenir Next";
        /* subtitle */
        --type02-font: italic normal 300 2.1rem/2.8rem "Avenir Next";

        /* DETAIL PAGE */
        /* title */        
        --type06-font: normal normal 600 3.5rem/4.0rem "Avenir Next";
        /* sub */
        --type07-font: italic normal 400 2.1rem/2.8rem "Avenir Next";
        /* title (no banner) */
        --type10-font: normal normal 600 3.5rem/4.0rem "Avenir Next";                            
    }
}



/* -----------------------------------------------------------
    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, .fullscreen_slideshow .hero_splash_text {
    font-family: var(--font-1); 
}
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 {

}

/* added from "other" base */

    /* #hero_header .title, */
    /* .feature_panels .panel_hero .hero_heading > h2, */
    /* .feature_panels .panel_hero .hero_heading > a > h2 { */
        /* font: var(--type06-font); */
        /* text-transform: var(--type06-text-transform); */
        /* letter-spacing: var(--type06-letter-spacing); */
        /* margin: 0; */
        /* padding: 0; */
    /* } */
    /* #hero_header .subtitle, */
    /* .feature_panels .panel_hero .hero_heading .subtitle { */
        /* margin: 0; */
        /* padding: 5px 0 0; */
        /* font: var(--type07-font); */
        /* text-transform: var(--type07-text-transform); */
        /* letter-spacing: var(--type07-letter-spacing); */
    /* } */
    /* #hero_header .subtitle .subtitle_location, */
    /* .feature_panels .panel_hero .hero_heading .subtitle .subtitle_location{ */
        /* font: var(--type08-font); */
        /* text-transform: var(--type08-text-transform); */
        /* letter-spacing: var(--type08-letter-spacing); */
        /* display:block; */
        /* padding: 5px 0 0; */
    /* } */
    /* #hero_header .subtitle .subtitle_date, */
    /* .feature_panels .panel_hero .hero_heading .subtitle .subtitle_date{ */
        /* font: var(--type09-font); */
        /* text-transform: var(--type09-text-transform); */
        /* letter-spacing: var(--type09-letter-spacing); */
        /* display:block; */
        /* padding: 5px 0 0; */
    /* }     */
    /* #hero_header .subtitle .subtitle_pre_location_comma, */
    /* .feature_panels .panel_hero .hero_heading .subtitle .subtitle_pre_location_comma, */
    /* #hero_header .subtitle .subtitle_date_comma, */
    /* .feature_panels .panel_hero .hero_heading .subtitle .subtitle_date_comma{ */
        /* display:none */
    /* } */

    /* artist detail page hero */
    /* .section-artists.page-artists #hero_header .subtitle { */
        /* margin: 0; */
        /* padding: 10px 0 0; */
        /* font: var(--type08-font); */
        /* text-transform: var(--type08-text-transform); */
        /* letter-spacing: var(--type08-letter-spacing); */
    /* } */
/*  */
    /* .feature_panels .panel_hero .hero_heading .description { */
        /* margin: 0; */
        /* padding: 20px 0 0; */
        /* font-weight: normal; */
        /* -webkit-font-smoothing: antialiased; */
        /* -moz-osx-font-smoothing: grayscale; */
    /* } */

/* --- */



ul {

}
b, strong {
}
input,
select,
textarea {
}
blockquote {
    padding: 0;
    margin:0;
    width: 100%;
    border-left: none;
    font-size: 3.4rem;
    line-height: 5rem;
    font-style: italic;
    font-weight: 300;
    text-align:center;
}
@media screen and (max-width: 1024px){
    blockquote {
        font-size: 2.9rem;
        line-height: 3.8rem;
    }    
}
@media screen and (max-width: 768px){
    blockquote {
        font-size: 2.6rem;
        line-height: 3.6rem;
    }    
}

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;
}
.caption {
    font-size: var(--caption-fs);
    line-height: var(--caption-lh);
}

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

/* ----------------------------------- */
/* NEW COMBINED */
/* ----------------------------------- */
h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text,
#logo a,
.navigation,
.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,
.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,
.button input,
.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 {
    text-transform:unset;
    letter-spacing:unset;
}