 
/* setting the base font size */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
  font-size: 14px;  /* to match new header, changed fall 2020 */
  font-weight: 400;
}

body p {
    font-size: 1rem; /* 20px @ 16 base  */
}

body .node__content {
    font-size: 1rem;
    line-height: 1.875rem;
}

body .node__content > p { 
    margin-top: 10px;
    margin-bottom: 25px;
}


body .node__content .card {
    line-height: 1.5rem;
}   

body .node__content p.first,
.node--type-landing-page .field--name-field-about-text p:first-child {
    font-size: 1.15rem;
    line-height: 2.1rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Oswald", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    font-weight: 400;
}

h1, .h1 {
    font-size: 2.0em;
}


@media all and (min-width: 769px) {

    h1, .h1 {
        font-size: 2.5em;
    }
    

}

/* other things that get the header font-stack
//    one declaration to rule them all
*/

#navbar-top .navbar-nav > li > a,
.slide-copy,
.in-page-menu a,
#page-header .block-menu .nav .nav-link,
.block-entity-fieldnodefield-short-tagline,
.field--name-field-about-text .field--label,
.view-faculty-staff-directory-alphabetical caption,
.view-faculty-staff-directory caption,
.field--name-name,
.node--view-mode-teaser .inline__links .nav-link,
.scroll-down-to-section a,
.card .btn,
#site-search .btn,
#search-form .btn,
#search-form label,
a.btn,
a.btn-outline-primary,
a.btn-outline-light,
footer .navbar-nav > li > a,
.layout__region .nav > li a.nav-link,
.news-item .node__content .node-readmore,
.node--type-playlist-resource .field--name-field-playlist-topic a,
tr.playlist-row .views-field-name a,
tr.playlist-row  .views-field-view-taxonomy-term a,
#weeks-hours-results dl:first-child,
.s-lc-evtd-date, 
.hours-col-loc,
.linktoall, a.more,
a.nav-link,
#s-lg-widget-1569422647259 a:first-of-type,
.region-home-promo .s-la-faq-listing-q a
 { 
    font-family: "Oswald", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    font-weight: 400;
}


/* 
*  for long reads, let's use a serif
*
*/

.long-article,
.long-article p,
.node--type-playlist-resource #main.container, .node--type-playlist-resource #main.container p, 
.testimonial p {
    font-size: 1.25rem;
    line-height: 2.1rem; 
    font-family: 'Noto Serif JP', "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
  
@media all and (min-width: 769px) {
    
    .long-article,
    .long-article p,
    .node--type-playlist-resource #main.container, .node--type-playlist-resource #main.container p {
        font-size: 18px;
        line-height: 1.85;
        margin-bottom: 20px; 
       }

}

.logotype {
    font-family: 'Gothic A1';
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: 0.065em;
}
  
.logotype span {
    font-weight: 400;
    letter-spacing: 0.02em;
}
  
#navbar-top .navbar-nav > li > a {
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.0em;
}
 
.slide-copy {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.slide-copy h2 {
    font-size: 2.441em;
    text-transform: uppercase;
}

.background-image-text h1 {
    line-height: 1em;
    letter-spacing: 0.01em;
    font-weight: 700;
    font-size: 2.441em;
}

.in-page-menu a {
      font-size: 1.2em;
    letter-spacing: 0.02em;
    font-weight: 600;
}

.breadcrumb {
    font-size: .85em!important;
}


.region-sidebar-first nav h2 {
    text-transform: uppercase;
    font-size: 15px;
}

.landing-page .field--name-field-about-text {
    font-size: 1.2em;
}

.landing-page .menu--special-collections-top-lev a {
    font-weight: 700;
}
  
.block-entity-fieldnodefield-short-tagline {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 300;
 }
  
.field--name-field-about-text .field--label {
    font-weight: 300;
}

.cta {
    font-size: 1.25em;
    font-weight: normal;
    font-family: 'Bitter', serif;
}


footer a {
    color: #ffffff;
    font-weight: 700;
}
  
footer .region-footer {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}
  

.caps {
    text-transform: uppercase;
}






@media (min-width: 769px) {


        #navbar-top .navbar-nav > li > a {
            font-size: 1.2em;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }


}