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

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

/*KAM CODE */

:root {

  /* Colours */
  --text-primary: #1D1D1D;
  --text-secondary: #4d4d4d;
  --grey: #757575;
  --lightgrey: #d3d3d3;
  --white: #fff;
  --line-color: rgba(151, 151, 151, 0.30);

  --primary-color: #1D1D1D;
  --body-color: var(--grey);

  /* Fonts */
  --body-font-family: 'TradeGothicProRoman', Arial, Sans-Serif;
  --header-font-family: "columbiasans-light", Sans-Serif;

  --large-header-font-size: 60px;
  --medium-header-font-size: 30px;
  --small-header-font-size: 25px;
  --list-heading-font-size: 20px;

  --feature-list-header: 40px;
  --artist-list-font-size: 17px;
  --list-subheading-font-size: 15px;
  --navigation-font-size: 15px;
  --blockquote-font-size: 23px;
  --caption-font-size: 12px;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-2xl: 128px;
  --space-3xl: 196px;

  --container-padding-mb: 30px;
  --container-padding: 80px;
  --section-spacing: 100px;
  --heading-spacing: 40px;
  --page-gutter: 15px;

  --mb-header-height: 85px;
  --tablet-header-height: 180px;
}


:root {
    --Keyline-forlayouts: rgb(213, 213, 213);
}

html {
    font-size: 10px;
}

body {
    padding: 10px;
    font-family: var(--body-font-family);
    font-size: 16px;
    /* line-height: 2.2em; */
    line-height: 1.75em;
    background: #FFF;
    color: var(--body-color);
}


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

    a,
    a:visited,
    a:hover,
    .link_color,
    .link_color:hover {
        color: #010101;
    }
    .link {
        text-decoration: 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 {
        color: var(--primary-color);
        text-decoration: none;
    }
    h1, h2, h3, h4 {
        font-family: "columbiasans-light";
        font-size: var(--list-heading-font-size);
    }
    h1 a, h2 a, h3 a, h4 a,
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
        text-decoration: none;
    }
    h1 {
        font-size: 3rem;
        line-height: 1.2em;
        margin: 0px 0 0px 0;
        color: var(--primary-color);
    }
    h2 {
        font-size: 2rem;
        line-height: 1.2em;
        letter-spacing: normal !important;
        color: var(--primary-color);
    }

    h2.fp_title {
        line-height: 1.2;
        margin: 0px 0 40px 0;
        letter-spacing: normal !important;
        color: var(--primary-color);
    }
    h3 {
        font-size: 1.20em;
        line-height: 1.2em;
        margin: 8px 0 15px 0;
    }
    h4 {
        font-size: 1.07em;
        line-height: 1.1em;
        margin: 8px 0 15px 0;
    }
    h5 {
        font-size: 1.07em;
        line-height: 1.1em;
        margin: 8px 0 15px 0;
    }
    #hero_header .title,
    .feature_panels .panel_hero .hero_heading > h2,
    .feature_panels .panel_hero .hero_heading > a > h2 {
        font-size: 4.5rem;
        line-height: 4.5rem;
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #hero_header .subtitle,
    .feature_panels .panel_hero .hero_heading .subtitle {
        margin: 0;
        padding: 20px 0 0;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .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;
    }
    input,
    select,
    textarea {
        font-weight: normal;
        color: #010101;
        font-size: 1.3rem;
    }
    
    blockquote {
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: none;
        margin: 2em 0;
        background: none;
        background-color: transparent;
        padding: 5px 0 5px 30px;
        width: 85%;
        line-height: inherit;
        overflow: auto;
        text-indent: 0px;
        border-left: 1px solid #151515;
        font-size: 2.4rem;
        line-height: 3.4rem;
    }

    
     /* Title/heading typography
    ----------------------------------------------------------- */
    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 .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 .title,
    .feature_panels .panel_hero .hero_heading > h2,
    .feature_panels .panel_hero .hero_heading > a > h2,
    .section-home .slideshow_pager_inner button,
    #footer.advanced_footer .advanced_footer_item #contact_info,
    #footer #copyright .copyright-text, #footer #copyright #artlogic,
    #footer .small-links-container > div,
    .records_list .content .subtitle, .records_list .content .date, .records_list .content .location {
        text-transform: uppercase;
        letter-spacing: 0;
    }

    blockquote {
        color: var(--text-primary);
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 1.4em;
    }