/* Headers via https://patorjk.com/software/taag/#p=display&f=Doh */

/* Duplicate as needed */
@font-face {
    font-family: 'Founders Grotesk';
    src: url("../fonts/FoundersGroteskWeb-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url("../fonts/FoundersGroteskWeb-Semibold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url("../fonts/FoundersGroteskWeb-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Founders Grotesk Mono';
    src: url("../fonts/FoundersGroteskMonoWeb-Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* Setting 'font-size' at 62.5% means that 1rem now equals 10pt/10px. */
:root {
    font-size: 62.5%;
    --font-mono: 'Founders Grotesk Mono';
    --font-sans: 'Founders Grotesk';
}

/*

    ffffffffffffffff                                           tttt                           
   f::::::::::::::::f                                       ttt:::t                           
  f::::::::::::::::::f                                      t:::::t                           
  f::::::fffffff:::::f                                      t:::::t                           
  f:::::f       ffffffooooooooooo   nnnn  nnnnnnnn    ttttttt:::::ttttttt        ssssssssss   
  f:::::f           oo:::::::::::oo n:::nn::::::::nn  t:::::::::::::::::t      ss::::::::::s  
 f:::::::ffffff    o:::::::::::::::on::::::::::::::nn t:::::::::::::::::t    ss:::::::::::::s 
 f::::::::::::f    o:::::ooooo:::::onn:::::::::::::::ntttttt:::::::tttttt    s::::::ssss:::::s
 f::::::::::::f    o::::o     o::::o  n:::::nnnn:::::n      t:::::t           s:::::s  ssssss 
 f:::::::ffffff    o::::o     o::::o  n::::n    n::::n      t:::::t             s::::::s      
  f:::::f          o::::o     o::::o  n::::n    n::::n      t:::::t                s::::::s   
  f:::::f          o::::o     o::::o  n::::n    n::::n      t:::::t    ttttttssssss   s:::::s 
 f:::::::f         o:::::ooooo:::::o  n::::n    n::::n      t::::::tttt:::::ts:::::ssss::::::s
 f:::::::f         o:::::::::::::::o  n::::n    n::::n      tt::::::::::::::ts::::::::::::::s 
 f:::::::f          oo:::::::::::oo   n::::n    n::::n        tt:::::::::::tt s:::::::::::ss  
 fffffffff            ooooooooooo     nnnnnn    nnnnnn          ttttttttttt    sssssssssss    

Fonts

*/

/*

dddddddd                                                                
hhhhhhh                                                            d::::::d                                                                
h:::::h                                                            d::::::d                                                                
h:::::h                                                            d::::::d                                                                
h:::::h                                                            d:::::d                                                                 
 h::::h hhhhh           eeeeeeeeeeee    aaaaaaaaaaaaa      ddddddddd:::::d     eeeeeeeeeeee    rrrrr   rrrrrrrrr       ssssssssss          
 h::::hh:::::hhh      ee::::::::::::ee  a::::::::::::a   dd::::::::::::::d   ee::::::::::::ee  r::::rrr:::::::::r    ss::::::::::s         
 h::::::::::::::hh   e::::::eeeee:::::eeaaaaaaaaa:::::a d::::::::::::::::d  e::::::eeeee:::::eer:::::::::::::::::r ss:::::::::::::s        
 h:::::::hhh::::::h e::::::e     e:::::e         a::::ad:::::::ddddd:::::d e::::::e     e:::::err::::::rrrrr::::::rs::::::ssss:::::s       
 h::::::h   h::::::he:::::::eeeee::::::e  aaaaaaa:::::ad::::::d    d:::::d e:::::::eeeee::::::e r:::::r     r:::::r s:::::s  ssssss        
 h:::::h     h:::::he:::::::::::::::::e aa::::::::::::ad:::::d     d:::::d e:::::::::::::::::e  r:::::r     rrrrrrr   s::::::s             
 h:::::h     h:::::he::::::eeeeeeeeeee a::::aaaa::::::ad:::::d     d:::::d e::::::eeeeeeeeeee   r:::::r                  s::::::s          
 h:::::h     h:::::he:::::::e         a::::a    a:::::ad:::::d     d:::::d e:::::::e            r:::::r            ssssss   s:::::s        
 h:::::h     h:::::he::::::::e        a::::a    a:::::ad::::::ddddd::::::dde::::::::e           r:::::r            s:::::ssss::::::s ,,,,,,
 h:::::h     h:::::h e::::::::eeeeeeeea:::::aaaa::::::a d:::::::::::::::::d e::::::::eeeeeeee   r:::::r            s::::::::::::::s  ,::::,
 h:::::h     h:::::h  ee:::::::::::::e a::::::::::aa:::a d:::::::::ddd::::d  ee:::::::::::::e   r:::::r             s:::::::::::ss   ,::::,
 hhhhhhh     hhhhhhh    eeeeeeeeeeeeee  aaaaaaaaaa  aaaa  ddddddddd   ddddd    eeeeeeeeeeeeee   rrrrrrr              sssssssssss     ,:::,,
                                                                                                                                    ,:::,  
                                                                                                                                    ,,,,                                                                                                        
                             tttt                                                                                                          
                          ttt:::t                                                                                                          
                          t:::::t                                                                                                          
                          t:::::t                                                                                                          
    eeeeeeeeeeee    ttttttt:::::ttttttt        cccccccccccccccc                                                                            
  ee::::::::::::ee  t:::::::::::::::::t      cc:::::::::::::::c                                                                            
 e::::::eeeee:::::eet:::::::::::::::::t     c:::::::::::::::::c                                                                            
e::::::e     e:::::etttttt:::::::tttttt    c:::::::cccccc:::::c                                                                            
e:::::::eeeee::::::e      t:::::t          c::::::c     ccccccc                                                                            
e:::::::::::::::::e       t:::::t          c:::::c                                                                                         
e::::::eeeeeeeeeee        t:::::t          c:::::c                                                                                         
e:::::::e                 t:::::t    ttttttc::::::c     ccccccc                                                                            
e::::::::e                t::::::tttt:::::tc:::::::cccccc:::::c                                                                            
 e::::::::eeeeeeee        tt::::::::::::::t c:::::::::::::::::c                                                                            
  ee:::::::::::::e          tt:::::::::::tt  cc:::::::::::::::c                                                                            
    eeeeeeeeeeeeee            ttttttttttt      cccccccccccccccc                                                                            

Headers, etc.

*/

:root {
    font-family: var(--font-sans);
    --sm-type: 1.75rem;
}

* {
    font-size: 2rem;
    line-height: 1.3;
}

body {
    -webkit-text-size-adjust: 100%;
}

h1, h1 * {
    font-size: 5rem;
    font-weight: bold;
    line-height: 0.9;
}

.single-projects h1 {
    font-size: 5rem;
}

.single-updates h1,
.single-updates h1 *,
.single-press h1,
.single-press h1 *,
.single-events h1,
.single-events h1 *{
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1;

}

h1.location::before {
    content: '';
    position: absolute;
    margin-top: calc(0.35 * var(--standard-horiz-spacer));
    margin-left: calc(-2.5 * var(--standard-horiz-spacer));
    height: 2.8rem;
    width: 2.8rem;
    border-radius: 50% 50% 0% 50%;
    transform: rotate(45deg);
    border: 3px solid var(--black);
    z-index: 998;
    pointer-events: none;
}

h2, h2 * {
    font-size: 3.6rem;
    font-weight: bold;
}

h2.mission a {
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

h2.location a {
    padding-left: calc(1.75 * var(--standard-horiz-spacer));
}

h2.location a::before {
    content: '';
    position: absolute;
    margin-left: calc(-1.75 * var(--standard-horiz-spacer));
    margin-top: calc(0.5 * var(--standard-horiz-spacer));
    height: 1.8rem;
    width: 1.8rem;
    border-radius: 50% 50% 0% 50%;
    transform: rotate(45deg);
    border: 3px solid var(--black);
    z-index: 998;
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    h2.location a {
        padding-left: calc(1.35 * var(--standard-horiz-spacer));
    }
    
    h2.location a::before {
        content: '';
        position: absolute;
        margin-left: calc(-1.35 * var(--standard-horiz-spacer));
        margin-top: calc(0.2 * var(--standard-horiz-spacer));
        height: 1.4rem;
        width: 1.4rem;
        border-radius: 50% 50% 0% 50%;
        transform: rotate(45deg);
        border: 3px solid var(--black);
        z-index: 998;
        pointer-events: none;
    }
}

h3, h3 * {
    font-size: 3.6rem;
    font-weight: normal;
}


h4, h4 * {
    font-size: 3.6rem;
}

h5, h5 * {
    font-size: 2.4rem;
}



.mono,
figcaption,
figcaption *,
small,
pre {
    font-family: var(--font-mono);
    font-size: var(--sm-type) !important;
    word-spacing: -0.25rem;
    letter-spacing: -0.05rem;
}

figcaption {
    color: black !important;
    text-align: left !important;
    margin: 1rem 0 0 0 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.005rem !important;
}

.single figcaption {
    padding: 0 var(--standard-horiz-spacer);
}

.mono.caps  {
 letter-spacing: 0.5px;
}

h3.desktop-statement,
h3.desktop-statement *,
h3.proj-desc,
.single-projects h3.proj-desc *,
h2.mission,
h2.mission *,
h3.person-card,
h3.person-card * {
    font-size: 2.75rem;
    line-height: 115%;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.page-template-page-press h3,
.page-template-page-press * h3,
.page-template-page-press h3 *,
.page-template-page-updates h3,
.page-template-page-updates h3 *,
h3.post-card-title,
h3.post-card-title * ,
h3.resource-card-title,
h3.resource-card-title * ,
h3.person-card-title,
h3.person-card-title *,
section.timeline h3,
section.timeline h3 *,
h3.role,
h3.role * {
    font-size: 2.75rem;
    line-height: 105%;
}

.page-template-page-people h3.person-card-title,
.page-template-page-people h3.person-card-title * ,
.search-results h3.person-card-title,
.search-results h3.person-card-title * {
    line-height: 105%;
    font-weight: bold !important;

}

.single-projects figure img {
    width: 100%;
    height: auto;
}

.single-projects figcaption,
.single-updates figcaption,
.single-events figcaption,
.single-press figcaption {
    padding: 1rem 3rem 2rem 3rem;
}

.single-updates figcaption:not(.featured) {
    padding: 0;
}

small,
small * {
    font-size: var(--sm-type);
}

a,
a * {
    color: var(--black);
}

p > a {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

p > a:hover {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-style: dashed;
}

.mission a:hover,
#site-footer a:hover,
button:hover  {
    text-decoration: none !important;
}

.bold a,
button.bold {
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

button,
button * {
    font-family: var(--font-sans);
}

input.bottom-border {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

/* Match 'Submit' button to styling on rest of site buttons/button-like links */
input[type="submit"] {
    font-family: 'Founders Grotesk';
    padding: calc(0.1 * var(--standard-vert-spacer)) calc(0.45 * var(--standard-vert-spacer));
    font-size: 2.75rem;
    font-weight: 500;
    background: inherit;
    color: black;
    border: 1px solid var(--black);
    border-radius: 10px;
    white-space: nowrap;
    width: fit-content;
    width: -moz-fit-content;
    transition: all 0.2s ease;
}

.decoration-none,
.decoration-none * {
    text-decoration: none;
    color: inherit;
}

.caps {
    text-transform: uppercase;
}

.line-height-1,
.line-height-1 * {
    line-height: 1;
}

.line-height-1p2,
.line-height-1p2 * {
    line-height: 1.2;
}

.no-wrap {
    white-space: nowrap;
}

.bold,
.bold * {
    font-weight: bold;
}

.underline,
.underline * {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {

   h2, h2 * , h3, h3 * {
        font-size: 3rem;
        line-height:1;
    }
}

@media screen and (max-width: 1281px) {

    h1 {
        font-size: 4rem !important;
    }
    
}