/*

                                                                                                           tttt          
                                                                                                        ttt:::t          
                                                                                                        t:::::t          
                                                                                                        t:::::t          
rrrrr   rrrrrrrrr       eeeeeeeeeeee        cccccccccccccccc    eeeeeeeeeeee    nnnn  nnnnnnnn    ttttttt:::::ttttttt    
r::::rrr:::::::::r    ee::::::::::::ee    cc:::::::::::::::c  ee::::::::::::ee  n:::nn::::::::nn  t:::::::::::::::::t    
r:::::::::::::::::r  e::::::eeeee:::::ee c:::::::::::::::::c e::::::eeeee:::::een::::::::::::::nn t:::::::::::::::::t    
rr::::::rrrrr::::::re::::::e     e:::::ec:::::::cccccc:::::ce::::::e     e:::::enn:::::::::::::::ntttttt:::::::tttttt    
 r:::::r     r:::::re:::::::eeeee::::::ec::::::c     ccccccce:::::::eeeee::::::e  n:::::nnnn:::::n      t:::::t          
 r:::::r     rrrrrrre:::::::::::::::::e c:::::c             e:::::::::::::::::e   n::::n    n::::n      t:::::t          
 r:::::r            e::::::eeeeeeeeeee  c:::::c             e::::::eeeeeeeeeee    n::::n    n::::n      t:::::t          
 r:::::r            e:::::::e           c::::::c     ccccccce:::::::e             n::::n    n::::n      t:::::t    tttttt
 r:::::r            e::::::::e          c:::::::cccccc:::::ce::::::::e            n::::n    n::::n      t::::::tttt:::::t
 r:::::r             e::::::::eeeeeeee   c:::::::::::::::::c e::::::::eeeeeeee    n::::n    n::::n      tt::::::::::::::t
 r:::::r              ee:::::::::::::e    cc:::::::::::::::c  ee:::::::::::::e    n::::n    n::::n        tt:::::::::::tt
 rrrrrrr                eeeeeeeeeeeeee      cccccccccccccccc    eeeeeeeeeeeeee    nnnnnn    nnnnnn          ttttttttttt  
                                                                                                                                                                                                                                        
rrrrr   rrrrrrrrr      ooooooooooo wwwwwww           wwwww           wwwwwww  ssssssssss                                 
r::::rrr:::::::::r   oo:::::::::::oow:::::w         w:::::w         w:::::w ss::::::::::s                                
r:::::::::::::::::r o:::::::::::::::ow:::::w       w:::::::w       w:::::wss:::::::::::::s                               
rr::::::rrrrr::::::ro:::::ooooo:::::o w:::::w     w:::::::::w     w:::::w s::::::ssss:::::s                              
 r:::::r     r:::::ro::::o     o::::o  w:::::w   w:::::w:::::w   w:::::w   s:::::s  ssssss                               
 r:::::r     rrrrrrro::::o     o::::o   w:::::w w:::::w w:::::w w:::::w      s::::::s                                    
 r:::::r            o::::o     o::::o    w:::::w:::::w   w:::::w:::::w          s::::::s                                 
 r:::::r            o::::o     o::::o     w:::::::::w     w:::::::::w     ssssss   s:::::s                               
 r:::::r            o:::::ooooo:::::o      w:::::::w       w:::::::w      s:::::ssss::::::s                              
 r:::::r            o:::::::::::::::o       w:::::w         w:::::w       s::::::::::::::s                               
 r:::::r             oo:::::::::::oo         w:::w           w:::w         s:::::::::::ss                                
 rrrrrrr               ooooooooooo            www             www           sssssssssss                                  

Recent Row (Block)

*/

.post-row {
    flex-wrap: wrap;
}

body:not(.archive) .post-row:not(.paged) .item:first-child::before {
    content: 'New!';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    z-index: 998;
    pointer-events: none;
    width: calc(3 * var(--standard-horiz-spacer));
    height: calc(3 * var(--standard-horiz-spacer));
    margin: -1rem 0 0 1rem;
}

body:not(.archive) .post-row:not(.paged).one .item:first-child::before {
    transform: rotate(-15deg);
    background: var(--mint);
    border-radius: 50%;
}

body:not(.archive) .post-row:not(.paged).two .item:first-child::before {
    transform: rotate(5deg);
    background: var(--orange);
    border-radius: 50%;
    color:white ;
}

body:not(.archive) .post-row:not(.paged).three .item:first-child::before {
    transform: rotate(-10deg);
    background: var(--hot-pink);
    border-radius: 50%;
    color:white ;
}

body:not(.archive) .post-row:not(.paged).four .item:first-child::before {
    transform: rotate(25deg);
    background: var(--bright-blue);
    border-radius: 50%;

}





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

    .post-row .item {
        width: 100% !important;
    }

}

.post-row .post-data {
    display: flex;
}

@media screen and (max-width: 991px) {
    .post-row .post-data {
        display: flex;
        flex-direction: column;
    }

    .post-row .post-data .text.column p {
        margin-bottom: 2rem;
    }
}

.post-row .post-data .text {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

.post-row .post-data .text.column {
    flex-direction: column !important;
}

.post-row a.internal {
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    padding: 0.55rem 0.7rem;
    background: none;
    border: 1px solid var(--black);
    border-radius: 10px;
}

/*

                                dddddddd                                                                   
                                d::::::d  iiii          tttt                                               
                                d::::::d i::::i      ttt:::t                                               
                                d::::::d  iiii       t:::::t                                               
                                d:::::d              t:::::t                                               
    eeeeeeeeeeee        ddddddddd:::::d iiiiiiittttttt:::::ttttttt       ooooooooooo   rrrrr   rrrrrrrrr   
  ee::::::::::::ee    dd::::::::::::::d i:::::it:::::::::::::::::t     oo:::::::::::oo r::::rrr:::::::::r  
 e::::::eeeee:::::ee d::::::::::::::::d  i::::it:::::::::::::::::t    o:::::::::::::::or:::::::::::::::::r 
e::::::e     e:::::ed:::::::ddddd:::::d  i::::itttttt:::::::tttttt    o:::::ooooo:::::orr::::::rrrrr::::::r
e:::::::eeeee::::::ed::::::d    d:::::d  i::::i      t:::::t          o::::o     o::::o r:::::r     r:::::r
e:::::::::::::::::e d:::::d     d:::::d  i::::i      t:::::t          o::::o     o::::o r:::::r     rrrrrrr
e::::::eeeeeeeeeee  d:::::d     d:::::d  i::::i      t:::::t          o::::o     o::::o r:::::r            
e:::::::e           d:::::d     d:::::d  i::::i      t:::::t    tttttto::::o     o::::o r:::::r            
e::::::::e          d::::::ddddd::::::ddi::::::i     t::::::tttt:::::to:::::ooooo:::::o r:::::r            
 e::::::::eeeeeeee   d:::::::::::::::::di::::::i     tt::::::::::::::to:::::::::::::::o r:::::r            
  ee:::::::::::::e    d:::::::::ddd::::di::::::i       tt:::::::::::tt oo:::::::::::oo  r:::::r            
    eeeeeeeeeeeeee     ddddddddd   dddddiiiiiiii         ttttttttttt     ooooooooooo    rrrrrrr            
                                                                                                                                                                                                  
                          tttt                              lllllll                                        
                       ttt:::t                              l:::::l                                        
                       t:::::t                              l:::::l                                        
                       t:::::t                              l:::::l                                        
    ssssssssss   ttttttt:::::tttttttyyyyyyy           yyyyyyyl::::l     eeeeeeeeeeee        ssssssssss     
  ss::::::::::s  t:::::::::::::::::t y:::::y         y:::::y l::::l   ee::::::::::::ee    ss::::::::::s    
ss:::::::::::::s t:::::::::::::::::t  y:::::y       y:::::y  l::::l  e::::::eeeee:::::eess:::::::::::::s   
s::::::ssss:::::stttttt:::::::tttttt   y:::::y     y:::::y   l::::l e::::::e     e:::::es::::::ssss:::::s  
 s:::::s  ssssss       t:::::t          y:::::y   y:::::y    l::::l e:::::::eeeee::::::e s:::::s  ssssss   
   s::::::s            t:::::t           y:::::y y:::::y     l::::l e:::::::::::::::::e    s::::::s        
      s::::::s         t:::::t            y:::::y:::::y      l::::l e::::::eeeeeeeeeee        s::::::s     
ssssss   s:::::s       t:::::t    tttttt   y:::::::::y       l::::l e:::::::e           ssssss   s:::::s   
s:::::ssss::::::s      t::::::tttt:::::t    y:::::::y       l::::::le::::::::e          s:::::ssss::::::s  
s::::::::::::::s       tt::::::::::::::t     y:::::y        l::::::l e::::::::eeeeeeee  s::::::::::::::s   
 s:::::::::::ss          tt:::::::::::tt    y:::::y         l::::::l  ee:::::::::::::e   s:::::::::::ss    
  sssssssssss              ttttttttttt     y:::::y          llllllll    eeeeeeeeeeeeee    sssssssssss      
                                          y:::::y                                                          
                                         y:::::y                                                           
                                        y:::::y                                                            
                                       y:::::y                                                             
                                      yyyyyyy                                                              

Shadow Separator

*/

.is-style-shadow-separator {
    width: 100% !important;
    max-width: none !important;
    height: 10px;
	background: white;
	box-shadow: inset 0 5px 5px -5px rgb(0 0 0 / 15%);
    margin-top: 0;
    margin-bottom: -1rem;
	border: none;
    mix-blend-mode: multiply;
}

.is-style-dashed-separator {
    border-bottom: 2px dashed var(--black);
    background: none;
}

.separator-offset {
    margin-top: calc(-2 * (var(--standard-vert-spacer) + 5px));
}

.wp-block-button {
    width: fit-content;
    height: fit-content;
}

.wp-block-button.is-style-big-button a {
    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;
    transition: all 0.2s ease;
}

.wp-block-button.is-style-big-button a:hover,
input[type="submit"]:hover {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
}

.wp-block-columns {
    padding-left: 2rem;
    padding-right: 2rem;
}

.wp-block-columns *:not(:last-child) {
    margin-bottom: 2rem;
}

.wp-block-quote {
    font-weight: bold;
    border: 0;
    padding: 0;
    margin: 0;
}

.wp-block-quote p {
    font-size: 3.6rem;
}

.wp-block-quote cite {
    font-size: 2rem;
}

/*

                                                                           kkkkkkkk             iiii                                       
                                                                           k::::::k            i::::i                                      
                                                                           k::::::k             iiii                                       
                                                                           k::::::k                                                        
wwwwwww           wwwww           wwwwwww ooooooooooo   rrrrr   rrrrrrrrr   k:::::k    kkkkkkkiiiiiiinnnn  nnnnnnnn       ggggggggg   ggggg
 w:::::w         w:::::w         w:::::woo:::::::::::oo r::::rrr:::::::::r  k:::::k   k:::::k i:::::in:::nn::::::::nn    g:::::::::ggg::::g
  w:::::w       w:::::::w       w:::::wo:::::::::::::::or:::::::::::::::::r k:::::k  k:::::k   i::::in::::::::::::::nn  g:::::::::::::::::g
   w:::::w     w:::::::::w     w:::::w o:::::ooooo:::::orr::::::rrrrr::::::rk:::::k k:::::k    i::::inn:::::::::::::::ng::::::ggggg::::::gg
    w:::::w   w:::::w:::::w   w:::::w  o::::o     o::::o r:::::r     r:::::rk::::::k:::::k     i::::i  n:::::nnnn:::::ng:::::g     g:::::g 
     w:::::w w:::::w w:::::w w:::::w   o::::o     o::::o r:::::r     rrrrrrrk:::::::::::k      i::::i  n::::n    n::::ng:::::g     g:::::g 
      w:::::w:::::w   w:::::w:::::w    o::::o     o::::o r:::::r            k:::::::::::k      i::::i  n::::n    n::::ng:::::g     g:::::g 
       w:::::::::w     w:::::::::w     o::::o     o::::o r:::::r            k::::::k:::::k     i::::i  n::::n    n::::ng::::::g    g:::::g 
        w:::::::w       w:::::::w      o:::::ooooo:::::o r:::::r           k::::::k k:::::k   i::::::i n::::n    n::::ng:::::::ggggg:::::g 
         w:::::w         w:::::w       o:::::::::::::::o r:::::r           k::::::k  k:::::k  i::::::i n::::n    n::::n g::::::::::::::::g 
          w:::w           w:::w         oo:::::::::::oo  r:::::r           k::::::k   k:::::k i::::::i n::::n    n::::n  gg::::::::::::::g 
           www             www            ooooooooooo    rrrrrrr           kkkkkkkk    kkkkkkkiiiiiiii nnnnnn    nnnnnn    gggggggg::::::g 
                                                                                                                                   g:::::g 
                                                                                                                       gggggg      g:::::g 
                                                                                                                       g:::::gg   gg:::::g 
                                                                                                                        g::::::ggg:::::::g 
                                                                                                                         gg:::::::::::::g  
                                                                                                                           ggg::::::ggg    
                                                                                                                              gggggg                                                                                                                                                
   ooooooooooo   nnnn  nnnnnnnn                                                                                                            
 oo:::::::::::oo n:::nn::::::::nn                                                                                                          
o:::::::::::::::on::::::::::::::nn                                                                                                         
o:::::ooooo:::::onn:::::::::::::::n                                                                                                        
o::::o     o::::o  n:::::nnnn:::::n                                                                                                        
o::::o     o::::o  n::::n    n::::n                                                                                                        
o::::o     o::::o  n::::n    n::::n                                                                                                        
o::::o     o::::o  n::::n    n::::n                                                                                                        
o:::::ooooo:::::o  n::::n    n::::n                                                                                                        
o:::::::::::::::o  n::::n    n::::n                                                                                                        
 oo:::::::::::oo   n::::n    n::::n                                                                                                        
   ooooooooooo     nnnnnn    nnnnnn                                                                                                        

What We're Working On (Block)

*/

.working-on * {
    color: black;
}

.working-on h3 a {
    padding-left: calc(2 * var(--standard-horiz-spacer));
}

.working-on h3 a::before {
    content: '';
    position: absolute;
    margin-left: calc(-1.5 * 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;
}

.working-on .horiz-gallery,
.hero .horiz-gallery {
    overflow-x: scroll;
    gap: var(--standard-horiz-spacer);
}

.working-on .horiz-gallery img,
.hero .horiz-gallery img {
    height: 500px;
    width: auto;
}

.hero button p {
    border-radius: 10px;
    border: 2px solid;
}

.hero button p.active {
    background: var(--orange);
    z-index: 999;
}

.hero button p:first-child.active {
    margin-right: -20px;
}

.hero button p:last-child.active {
    margin-left: -20px;
}

.mapboxgl-canvas-container {
    height: 500px;
}

.mapboxgl-ctrl-attrib-inner * {
    font-size: 1rem;
}

.marker {
    border-radius: 50%;
    border: 2px solid;
  }

.marker.people {
    width: 15px;
    height: 15px;
    background-color: var(--orange);
}

.marker.projects {
    width: 25px;
    height: 25px;
    background-color: var(--green);
}

.marker.places {
    width: 25px;
    height: 25px;
    background-color: var(--green);
}

.breadcrumb-bullet {
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
    background-color: var(--black);
    margin-right: calc(0.25 * var(--standard-horiz-spacer));
}

.timeline-decorations {
    position: relative;
    width: var(--standard-horiz-spacer);
    margin-right: var(--standard-horiz-spacer);
}

.timeline-decorations::after {
    content: '';
    position: absolute;
    width: 1px;
    background: var(--black);
    height: 100%;
    margin-left: calc(0.5 * var(--standard-horiz-spacer));
    transform: translateX(-50%);
}

.timeline-dot {
    position: absolute;
    height: 1rem;
    width: 1rem;
    background-color: var(--black);
    border-radius: 50%;
    margin-left: calc(0.5 * var(--standard-horiz-spacer));
    margin-top: 1rem;
    transform: translateX(-50%);
}

.active-phase::before {
    content: url('../icons/here-sticker.svg');
    position: absolute;
    margin-top: 1rem;
    margin-left: -10rem;
    transform: rotate(-5deg);
    z-index: 999;
}

@media screen and (max-width: 991px) {
    .active-phase::before {
        content: url('../icons/mobile-here-sticker.svg');
        position: absolute;
        margin-top: -4rem;
        right: 4rem;
        transform: rotate(-10deg);
        z-index: 999;
    }
}

.timeline li {
    transition: all 0.2s ease;
    list-style: inherit;
    margin-left: 2rem;
}

.outcome-card {
    border-radius: 10px;
}

.outcome-card.updates {
    background: var(--light-blue);
}

.outcome-card.resources {
    background: var(--light-green);
}

.outcome-card.press {
    background: var(--light-purple);
}

.outcome-card.projects {
    background: var(--pink);
}

.outcome-card.cta {
    background: var(--light-yellow);
}

.outcome-card.cta .breadcrumb-bullet{
    background-color: var(--green);
}

.outcome-card.cta a.mono.caps{
    color: var(--green);
}



/* Gallery Block */

.image-slider {
    scroll-snap-type: x mandatory;
}

.image-slider figure {
    scroll-snap-align: center;
}

.image-slider img {
    max-height: 600px !important;
    width: auto !important;
    height: auto !important;
    max-width: 90vw !important;
}

@media screen and (max-width: 991px) {
    .image-slider img {
        width: auto;
        max-width: 90vw;
        height: auto;
        max-height: 50vh;
    }
}

.image-slider figcaption {
    padding: 0 !important;
}

.gallery-dots {
    width: fit-content;
    width: -moz-fit-content;
    height: 2rem;
    background: var(--white);
    margin-left: auto;
    padding: 1rem 2rem 0rem 2rem;
    box-sizing: content-box;
    box-shadow: 0px 0px 50px 50px var(--white);
    clip-path: inset(0px 0px 0px -118px);
}

.gallery-dots > *:not(:last-child) {
    margin-right: 0.5rem;
}

.gallery-dots > * {
    width: 1rem;
    height: 1rem;
    border: 1px solid;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.gallery-dots > *.active {
    background: var(--black);
}

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

    .gallery-dots {
        padding: 0rem 2rem 0rem 0rem;
        margin-top: 2rem;
    }

}

/* two-up Image Block */

div.two-up-image-block{
    grid-column-gap: var(--standard-horiz-spacer);
    grid-row-gap: 0;
}

div.two-up-image-container{
    width: 100%;
}

div.two-up-image-container > img {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

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

    div.two-up-image-block{
        grid-row-gap: calc(2*var(--standard-horiz-spacer));
    }

}







/*

         tttt                              iiii                      kkkkkkkk                                    
      ttt:::t                             i::::i                     k::::::k                                    
      t:::::t                              iiii                      k::::::k                                    
      t:::::t                                                        k::::::k                                    
ttttttt:::::ttttttt   rrrrr   rrrrrrrrr  iiiiiii     cccccccccccccccc k:::::k    kkkkkkkyyyyyyy           yyyyyyy
t:::::::::::::::::t   r::::rrr:::::::::r i:::::i   cc:::::::::::::::c k:::::k   k:::::k  y:::::y         y:::::y 
t:::::::::::::::::t   r:::::::::::::::::r i::::i  c:::::::::::::::::c k:::::k  k:::::k    y:::::y       y:::::y  
tttttt:::::::tttttt   rr::::::rrrrr::::::ri::::i c:::::::cccccc:::::c k:::::k k:::::k      y:::::y     y:::::y   
      t:::::t          r:::::r     r:::::ri::::i c::::::c     ccccccc k::::::k:::::k        y:::::y   y:::::y    
      t:::::t          r:::::r     rrrrrrri::::i c:::::c              k:::::::::::k          y:::::y y:::::y     
      t:::::t          r:::::r            i::::i c:::::c              k:::::::::::k           y:::::y:::::y      
      t:::::t    ttttttr:::::r            i::::i c::::::c     ccccccc k::::::k:::::k           y:::::::::y       
      t::::::tttt:::::tr:::::r           i::::::ic:::::::cccccc:::::ck::::::k k:::::k           y:::::::y        
      tt::::::::::::::tr:::::r           i::::::i c:::::::::::::::::ck::::::k  k:::::k           y:::::y         
        tt:::::::::::ttr:::::r           i::::::i  cc:::::::::::::::ck::::::k   k:::::k         y:::::y          
          ttttttttttt  rrrrrrr           iiiiiiii    cccccccccccccccckkkkkkkk    kkkkkkk       y:::::y           
                                                                                              y:::::y            
                                                                                             y:::::y             
                                                                                            y:::::y              
                                                                                           y:::::y               
                                                                                          yyyyyyy                                                                                                                        
    ffffffffffffffff    iiii                                                                                     
   f::::::::::::::::f  i::::i                                                                                    
  f::::::::::::::::::f  iiii                                                                                     
  f::::::fffffff:::::f                                                                                           
  f:::::f       ffffffiiiiiii xxxxxxx      xxxxxxx eeeeeeeeeeee        ssssssssss                                
  f:::::f             i:::::i  x:::::x    x:::::xee::::::::::::ee    ss::::::::::s                               
 f:::::::ffffff        i::::i   x:::::x  x:::::xe::::::eeeee:::::eess:::::::::::::s                              
 f::::::::::::f        i::::i    x:::::xx:::::xe::::::e     e:::::es::::::ssss:::::s                             
 f::::::::::::f        i::::i     x::::::::::x e:::::::eeeee::::::e s:::::s  ssssss                              
 f:::::::ffffff        i::::i      x::::::::x  e:::::::::::::::::e    s::::::s                                   
  f:::::f              i::::i      x::::::::x  e::::::eeeeeeeeeee        s::::::s                                
  f:::::f              i::::i     x::::::::::x e:::::::e           ssssss   s:::::s                              
 f:::::::f            i::::::i   x:::::xx:::::xe::::::::e          s:::::ssss::::::s                             
 f:::::::f            i::::::i  x:::::x  x:::::xe::::::::eeeeeeee  s::::::::::::::s                              
 f:::::::f            i::::::i x:::::x    x:::::xee:::::::::::::e   s:::::::::::ss                               
 fffffffff            iiiiiiiixxxxxxx      xxxxxxx eeeeeeeeeeeeee    sssssssssss                                 

 Tricky Fixes (One-off or specific content solves — largely for Gutenberg stuff)

 /*

/* If an image follows a shadow divider, there's an undesired margin; this accounts for that. */
hr.is-style-shadow-separator + img {
    margin-top: calc(-1 * (10px + var(--standard-horiz-spacer)));
}

.hr-counter {
    margin-top: calc(-1 * (10px + var(--standard-horiz-spacer)));
}

/* Some blocks, like 'About', need to include the dividers within their content; to prevent stacking shadow dividers, this hides a divider if it's the last child of the <section> */
section > hr:last-child {
    display: none;
}

.breadcrumb-bullet.ongoing {
    background: var(--green);
}

a.ongoing {
    color: var(--green);
}

figure.is-type-video > div,
.block-editor.embed:not(.issuu)
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

figure.is-type-video > div > iframe,
iframe[title="YouTube video player"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*
#lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgb(0 0 0 / 90%);
    z-index: 99999;
}

#lightbox figure {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    // max-width: 75%;
    max-height: 75vh;
}

#lightbox figure img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: zoom-in;
}

#lightbox #zoomed-lightbox-image {
    cursor: zoom-out;
}

#lightbox #zoomed-lightbox-image {
    position: absolute;
    overflow: scroll;
}

#lightbox #zoomed-lightbox-image img {
    width: 200%;
    height: auto;
}

#lightbox figure figcaption {
    color: white !important;
    padding: 0;
}

#lightbox button {
    position: fixed;
    top: 0;
    right: 0;
    color: white;
    cursor: pointer;
}

#lightbox button img {
    width: 2rem;
    height: 2rem;
}
*/

#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(0 0 0 / 90%);
}

#lightbox button {
    cursor: pointer;
}

#lightbox figure {
    height: 100%;
}

@media screen and (min-width: 1600px) {
    #lightbox figure {
        border-width: 0 1px;
        border-color: var(--white);
        border-style: solid;
    };
}

#lightbox figure #wrapper {
    position: relative;
    max-height: 100%;
    width: 70%;
    min-width: 70%;
    overflow: scroll;
    flex: 1;
}

#lightbox figure #wrapper img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top right;
    padding: 3rem;
    cursor: zoom-in;
    transition: all 0.2s ease;
}

#lightbox figure #wrapper img.zoomed {
    width: 200%;
    height: auto;
    object-fit: cover;
    padding: 0;
    cursor: zoom-out;
}

#lightbox figure figcaption {
    position: relative;
    width: 100%;
    margin: 0 !important;
    color: var(--white) !important;
    border-width: 0 0 0 1px;
    border-color: var(--white);
    border-style: solid;
    padding: 3rem !important;
    flex: 1;
}

#lightbox figure figcaption span {
    display: block;
    padding-right: 3rem;
    color: var(--white);
}

#lightbox figure figcaption span * {
    color: var(--white);
}

#lightbox figure figcaption #close-lightbox {
    position: absolute;
    width: 2rem;
    top: 3rem;
    right: 3rem;
}

#lightbox figure figcaption #lightbox-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3rem;
}

#lightbox figure figcaption #lightbox-nav img {
    width: 2rem;
}

#lightbox figure figcaption #lightbox-nav button:first-child {
    margin-right: 1rem;
}

#lightbox figure figcaption #lightbox-nav * {
    color: var(--white);
    font-family: var(--font-mono);
}

@media screen and (max-width: 991px) {
    #lightbox figure,
    #lightbox figure figcaption {
        border: none;
    }

    #lightbox figure #wrapper {
        max-height: 100%;
        width: 100%;
        border-width: 0 0 1px 0;
        border-color: var(--white);
        border-style: solid;
    }

    #lightbox figure #wrapper img {
        object-position: bottom;
        padding: 0;
    }

    #lightbox figure figcaption #lightbox-nav {
        padding: 3rem 3rem 6rem 3rem;
    }
}

.upcoming-events .event-card .connected-projects {
    display: none;
}