/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Cabin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
    --teal: #3F647F;
    --purple: #7C74CE;
    --pink: #C8838E;
    --yellow: #DA9F6A;

    --light-blue: #c3e9e8; /* was #D0F5EB; */


    --text-yellow: #eecf87;

    --gradient-feminism: linear-gradient(var(--fem-navy) 15%, var(--fem-blue) 45%, #7c2a46 90%, var(--fem-aura) 100%);
    --gradient-bodies: linear-gradient(var(--fem-blue) 15%, #7767d2 45%, var(--fem-bod-aura) 90%, var(--fem-bod-center) 100%);
    --gradient-expertise: linear-gradient(#5a7771 15%, #387f62 45%, var(--fem-green) 90%);
    --gradient-home: linear-gradient(#83415f 15%, #bf9197 85%, #da8997 100%);
    
    --cursor-gradient: transparent;

    --fem-blue: #346583;
    --fem-sage: #708780;
    --fem-yellow: var(--text-yellow);
    --fem-navy: #022c49;
    --fem-green: #729a8b;
    --fem-gold: #dab46a;

    --fem-core: #efb93d;
    --fem-center: #d87e87;
    --fem-aura: #8d2e31;

    --fem-bod-core: var(--fem-core);
    --fem-bod-center: var(--fem-center);
    --fem-bod-aura: #9488da;

    --fem-exp-core: var(--text-yellow);
    --fem-exp-center: #cb94c7;
    --fem-exp-aura: var(--fem-green);

    --fem-hom-core: var(--fem-core);
    --fem-hom-center: var(--fem-gold);
    --fem-hom-aura: #da8997;

}


/**********************************/
/** Overwrite base mayosis stuff **/
/**********************************/
.page-template .page_breadcrumb.mayosis-global-breadcrumb-style, .page-template .header-master, .page-template-default .header-master, .page-template #mobileheader { background-color: transparent; }
.page-template .header-master .menu-item a, .page-template #mayosis-menu > ul > li > a, .page-template-template-decolonize .header-master .dropdown-menu .menu-item a { color: white; }
.page-template-template-decolonize .header-master .menu-item a, .page-template #mayosis-menu > ul > li > a { color: #28375a; }
/**********************************/


body h1, body h2, body h3, body h4, body h5, body h6, body, body p { font-family: 'Cabin', sans-serif; }
.larger-h1 { font-size: 4.25rem; }
.larger-h3 { font-size: 2rem; }
@media screen and (max-width: 800px) {
    .larger-h1 { font-size: 3.5rem; }
    .larger-h3 { font-size: 1.5rem; }
}

.has-small-font-size { font-size: 16px!important; } /* this is the WP one */
.fs-small { font-size: 18px!important; } /* this is my own */
.mb-0 { margin-bottom: 0px!important; }
.fw-normal { font-weight: normal!important; }
.fw-light { font-weight: 300!important; }
.sans-serif { font-family: sans-serif!important; }

#main-header { padding: 20px; }

body.page-template-template-decolonize { background-color: #F5D35B; }
body:not(.page-id-9557):not(.page-template-template-decolonize) #menu-decolonizing-nuclear-studies > li > a { color: white!important; }

body.page-template-template-decolonize .logo_box.hnr-logo img, 
body.page-template-template-feminism .logo_box.hnr-logo img,
body.page-id-9557 .logo_box.hnr-logo img, body.page-id-9534 .logo_box.hnr-logo img {
    height: 50px!important;
}

/*. Race page */
body.page-id-9557 { background-color: var(--light-blue); }
/*  Environmentalism */
body.page-id-9534 #main-header {position: absolute; }

.cover-container { 
    background-color: var(--light-blue); 
    border-top: 2px solid black;
    position: relative;
}

.text-teal { color: var(--teal)!important; }

body.page-template p, body.page-template p em {
    font-family: 'EB Garamond', serif;
    font-size: 25px;
}
body.page-template p a { 
    font-family: 'EB Garamond', serif; 
    color: var(--text-yellow);
}

.page-template h1, .page-template h2, .page-template h3, .page-template h4, .page-template h5, .page-template h6 { 
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--text-yellow);
}
.page-template h1.page_title_single {
    color: var(--text-yellow)!important;
    font-family: 'Lato', serif!important;
}

.page-template-template-decolonize .page_breadcrumb,
.page-template-template-newdecolonize .page_breadcrumb,
.page-template-template-newracemod .page_breadcrumb {
    display: none;
}

.page-template-template-newracemod #mayosis-menu > ul > li > a {
    color: white;
}

.bandung-bg, .radiation-bg {
    position: relative;
}
.bandung-bg:before, .radiation-bg:before {
    background-image: url('/wp-content/uploads/2025/08/bandung-city-scene.png');
    content: '';
    position: absolute;
    top: -170px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.radiation-bg:before {
    background-image: url('/wp-content/uploads/2025/08/DNS_HEBA_Thumbnail-opt.jpg');
}
.radiation-bg:after, .bandung-bg:after {
    content: '';
    width: 100%;
    height: 100px;
    background-image: linear-gradient(transparent, #FFD788);
    bottom: 170px;
    position: absolute;
}
.bandung-bg:after {
    background-image: linear-gradient(transparent, #213A46);
}
@media (max-width: 787px) {
    .bandung-bg:before, .radiation-bg:before { top: -215px; }
    .radiation-bg:after, .bandung-bg:after { bottom: 215px; }
}

.race-video-bg { 
    position: fixed; 
    left: 0;
    top: 0;
    z-index: -1;
}

/* Not the main feminism page */
.page-template-template-feminism:not(.page-id-9312) #moving-title {
    position: absolute;
    width: 100%;
    top: 250px;
    left: -100px;
    text-shadow: 0 0 50px black;
    display: none; /*not using this for now. test */
}

.page-template-template-feminism h1.page_title_single { font-size: 4rem; }
@media (max-width: 767px) {
    .page-template-template-feminism h1.page_title_single { font-size: 3rem; }
    .page-template-template-feminism.page-id-9528 #moving-title { left: 0px; } /* Families/homes title don't move as much */

}

.activity-box { 
    margin: 6rem 0; 
    max-width: 80%;
    position: relative;
}
.activity-box:nth-of-type(odd) { 
    text-align: right; 
    margin-left: 20%;
}
.activity-box:nth-of-type(odd) h4 { text-align: right; }
.activity-box h3 {
    display: inline-block;
    border-bottom: 1px solid var(--text-yellow);
    padding-right: 5rem;
    font-family: 'EB Garamond', serif;
    font-size: 2.5rem;
}
.activity-box:nth-of-type(odd) h3 { 
    padding-right: 0;
    padding-left: 5rem; 
}
.activity-box h4 { text-transform: uppercase; }
.activity-box .introductory_text {
    text-align: left;
    background-color: rgba(0,0,0,.1);
    padding-bottom: 10px;
}
.activity-box .introductory_text p { margin: 10px 10px 10px 20px; }

.activity-box img {
    position: relative;
    z-index: -1;
}

h3.activity-title-h3 { display: none; }

@media screen and (max-width: 767px) {
    .activity-box:nth-of-type(odd) { margin-left: 0%; }
    .activity-box:nth-of-type(odd) h3 { padding-left: 0%; }
    .activity-box { max-width: 100%; }
    .activity-box h3 { padding-right: 0rem; }
    .activity-img {
        position: relative!important;
        top: 0!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        margin-bottom: -50px!important;
        transform: none!important;
    }
    .ring-img { display: none; }
    h3.activity-title-h3 { display: block; }
    h3.activity-h3 { display: none; }
}

h1 { font-size: 80px; }
h2 { text-transform: uppercase; }
h3 { font-size: 40px; }


a.wp-element-button:not(.has-background), .dns-fem-button { 
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    border: 2px solid var(--text-yellow);
    background-color: rgba(0,0,0,.2);
    border-radius: 0px!important;
    transition: .5s ease all;
    color: var(--text-yellow);
    padding: 10px 30px;
    font-size: 18px;
    margin: 10px 10px 10px 0;
    display: inline-block;
}
a.wp-element-button:not(.has-background):hover, .dns-fem-button:hover { 
    background-color: var(--text-yellow);
    color: black;   
}

.site-content .content-area {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

/* General */
body.page-template-template-feminism .mayosis-wrapper {
    background-image: var(--gradient-feminism);
    color: var(--text-yellow);
    position: relative;
    z-index: 1;
}
body.page-template-template-feminism .mayosis-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: var(--cursor-gradient);
    z-index: -1;
    opacity: .75;
}
.site-header .header-image {
    max-height: 200px;
    width: auto;
}
.page-id-20 h1.entry-title { text-transform: uppercase; text-align: center; }

/* Bodies */
body.page-id-9524 .mayosis-wrapper { background-image: var(--gradient-bodies); }

/* Expertise */
body.page-id-9526 .mayosis-wrapper { background-image: var(--gradient-expertise); }

/* Homes */
body.page-id-9528 .mayosis-wrapper { background-image: var(--gradient-home); }


/** Antiracism Definitions Reveal **/
.cover-container.new-definitions { 
    background-color: #efefef; 
    border-top-width: 0px;
}
.cover-container.new-definitions  .definitions { 
    display: flex;
    flex-direction: column;
    align-items: center;
}
.definition {
    padding: 3rem;
    color: white;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    text-align: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}
.cover-container.new-definitions .definition:first-child {
    margin-top: 100px;
}
.cover-container.new-definitions .definition:last-child {
    margin-bottom: 100px;
}
.cover-container.new-definitions .definition {
    width: 90%;
    max-width: 1000px;
    height: 80vh;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #666;
    margin: 50px 0;
    background-position: center;
}
.cover-container.new-definitions .definition:before {
    top: calc(50% - 25vh);
    left: calc(50% - 30vh);
    width: 60vh;
    padding-bottom: 60vh;
    background-position: center;
}

.definition:before {
    content: '';
    position: absolute;
    top: calc(50% - 35vh);
    left: calc(50% - 40vh);
    width: 80vh;
    height: 0%;
    padding-bottom: 80vh;
    background-image: var(--reveal);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius: 50%;
}
.hidden-red-circle-button {
    opacity: 0;
    border-radius: 5000px;
    position: absolute;
    top: calc(50% - 35vh);
    left: calc(50% - 40vh);
    width: 80vh;
    height: 0%;
    padding-bottom: 80vh;
}
@media (max-width: 800px) {
    .definition:before {
        top: calc(50% - 25vh);
        left: calc(50% - 30vh);
        width: 60vh;
        padding-bottom: 60vh;
    }
    .hidden-red-circle-button {
        top: calc(50% - 25vh);
        left: calc(50% - 30vh);
        width: 60vh;
        padding-bottom: 60vh;
    }
}
.definition h2 { 
    color: #004f64; 
    text-transform: unset;
    z-index: 2;
}
.definition p { z-index: 1; }

.button.synopsis-button {
    max-width: 150px;
    padding: 10px 0;
    background-color: #ffb524;
    color: #004f64;
    border-width: 0px;
    box-shadow: 0 0 10px #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

.new-definitions .button.synopsis-button {
    background-color: white;
    border-radius: 4px;
}

.page-template-template-newdecolonize .alignfull {
    margin-top: 0px;
    margin-bottom: 0px
}
.page-template-template-newdecolonize .wp-block-columns.alignfull {
    padding-left: 0;
    padding-right: 0;
}

.page-template-template-newdecolonize .wp-block-columns .has-background {
    padding: 0% 3%;
}

.case-study-button {
    width: 20%;
    background-color: #408FAE;
}
.case-study-button:hover { background-color: #CD5855; }
@media screen and (max-width: 800px) {
    .case-study-button { width: 40%; }
}

#tabs.nav-tabs { border-bottom-width: 0px; }
#tabs.nav-tabs .nav-item.show .nav-link, 
#tabs.nav-tabs .nav-link.active,
#tabs.nav-tabs .nav-link:hover {
    background-color: transparent;
    border-width: 0px;
}
#tabs.nav-tabs button.nav-link { 
    color: #3d9baa; 
    font-size: 40px; 
    line-height: 10px; 
    border-width: 0px; 
}
#tabs.nav-tabs button.nav-link.active { color: #00728c; }
#tabs.nav-tabs .nav-link:hover { color: #022a33; }
/** DNS Main pages **/
.page-template-template-decolonize .wp-block-group,
.page-id-9532 .wp-block-group {
    margin-top: 0;
    margin-bottom: 0;
}
.page-template-template-decolonize .wp-block-cover, 
.page-id-9532 .wp-block-cover { margin: 0; }

h2.big-title {
    color: #FFFCDE;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10rem;
    line-height: 8rem;
    top: 55px;
}
h2.big-title span {
    display: inline-block;
    margin-left: 25%;
}
.alignfull.sticky-title-box {
    position: sticky;
    top: 20px;
}
@media screen and (max-width: 1200px) {
    h2.big-title { font-size: 6rem; line-height: 4.5rem; }
}
@media screen and (max-width: 767px) {
    h2.big-title { font-size: 4rem; line-height: 3rem; }
}
@media screen and (max-width: 500px) {
    h2.big-title { font-size: 3rem; line-height: 2.5rem; }
}

.sticky-0 { 
    position: sticky!important; 
    top: 0; 
}
.m-0 { margin: 0!important; }

.opacity-hover {
    background-color: black;
    transition: .5s ease all;
}
.opacity-hover a {
    opacity: 1;
    transition: .5s ease all;
}
.opacity-hover a:hover {
    opacity: .8;
}

/** Accordion Button **/
.container .accordion-button {
    background-color: transparent!important;
    box-shadow: none!important;
    border-width: 0px;
    font-weight: bold;
    font-size: 20px;
    color: #466876;
    position: relative;
}
.container .accordion-button[aria-expanded="false"] { 
    position: relative;
    color: #466876; 
}
.container .accordion-button:hover, .container .accordion-button:not(collapsed) { color: #102B47; }
.container .accordion-button:before { 
    content: '';
    position: absolute;
    transition: .5s ease all;
    width: 0;
    height: 2px;
    bottom: 4px;
    background: #102B47;
}
/*.container .accordion-button:after { display: none; }*/
.container .accordion-button[aria-expanded="true"]:before {
    content: '';
    position: absolute;
    width: 100%;
}
.container .accordion-item { 
    background-color: transparent; 
    border-width: 0px;
}
#accordionDefinitions .accordion-button { 
    color: #022A33; 
    font-size: 30px;
}
#accordionDefinitions .accordion-collapse em { 
    font-size: 24px;
    font-weight: bold;
}
#accordionDefinitions .accordion-collapse p { 
    font-family: 'Cabin', sans-serif; 
    font-size: 20px;
}

/******************************************/
/******************************************/
/************ Environmentalism ************/
/******************************************/
/******************************************/
body.page-id-9534 {
    --light-blue: #94a9b8;
    background-color: var(--light-blue);
}
#video-bg {
    position: relative;
    background-size: 100%;
    background-image: linear-gradient(#4B5E6E 0%, var(--light-blue) 20%);
    background-image: url('/wp-content/uploads/2023/09/decolonizing-nuclear-studies-environmental-map-min.png');
    background-position: bottom;
}
#video-bg:before {
    content: '';
    background-image: linear-gradient(transparent, var(--light-blue) 90%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 500px;
    z-index: 1;
}
#video-bg .container { z-index: 2; position: relative; }
#bgvid {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#activity-map-container { position: relative; min-height: 1750px; }
#activity-map {
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
}

body.page-id-9534 h1, body.page-id-9534 h3 { color: white; }
.square-text { 
    display: flex; 
    justify-content: space-between;
}
.square-text .square-text-item {
    font-family: 'STIX Two Text', serif;   
    font-size: 24px;
    text-shadow: 0 0 8px white;
}

#map-selector, #map-lens-box .map, #map-lens-box .map-0, #map-lens-box .lens-0, #map-lens-box .lens-1 {
 max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

#map-selector {
    background-color: #153654;
    border: 2px solid var(--light-blue);
    border-bottom: 0px;
}
#map-selector a { 
    color: var(--light-blue); 
    display: inline-block;
    padding: 5px 15px;
}
#map-selector a.active, #map-selector a:hover { text-decoration: underline!important; }

#map-lens-box .map {
    border: 2px solid var(--light-blue);
    border-top: 0px;
    position: relative;
}
#map-lens-box .map img { width: 100%; }
#map-lens-box .map .added-img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
#map-lens-box .map, #map-lens-box .lens-row { display: none; }
#map-lens-box .map-0, #map-lens-box .lens-0 { display: block; }
.lens-row a.button { 
    background-color: black;
    opacity: .6; 
}
.lens-row a.button:hover { opacity: .8; }
.lens-row a.active { opacity: 1; border: 1px solid black!important; }
.lens-row a.active:hover { opacity: 1; }

.lens-row a.button.Circuitry { background-color: #c96317; }
.lens-row a.button.Contamination { background-color: #ba1313; }
.lens-row a.button.Contestation { background-color: #e5df67; color: black; }
.lens-row a.button.Conservation { background-color: #6138c6; }

#activity-ball-container {
    display: flex;
    flex-wrap: wrap;
}
.activity-ball { 
	display: inline-block; 
	position: relative;
	transition: .5s ease all;
	transform-origin: center center;
    /*width: calc(20% - 3rem);*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity-ball img {
    transition: .5s ease all;
    height: 100px;
    width: 100px;
	border: 3px solid black;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.activity-ball:hover {
    transform: rotate(5deg);
}
.activity-text {
	color: black;
	text-transform: uppercase;
}
#circletype-intro {
    font-size: 35px;
    font-weight: bold;
    right: 50%;
    top: -20%;
    text-shadow: 0 0 10px #333;
}
@media screen and (max-width: 512px){
    #accordionEnvIntro img {
        width: 200px;
        height: 200px;
    }
    #circletype-intro { font-size: 20px; }
    #collapseEnvIntro.w-sm-100 { width: 100%!important; }
}

.wrap-text {
	position: absolute;
    top: -25%;
}

@media (max-width: 767px) {
    .activity-ball { transform: scale(.65); }
    #activity-map { 
        min-height: 1000px; 
        width: 200%;
        left: -50%;
    }
}

/** all the activity ball placement **/
.activity-ball:nth-of-type(1), .activity-ball:nth-of-type(6) { margin-left: 70%!important; }
.activity-ball:nth-of-type(2n+3) { margin-left: 30%!important; }
.activity-ball:nth-of-type(3n+4) { margin-left: 15%!important; }

.activity-ball:nth-of-type(2n+3) .wrap-text { color: maroon; }
.activity-ball:nth-of-type(2n+3) img { border-color: maroon; }

@media (max-width: 767px) {
    .activity-ball:nth-of-type(2n+3) { margin-left: 5%!important; }
}

.background-contain, .background-contain .wp-block-cover__image-background.has-parallax { background-size: contain!important; }

.navy-link a { color: #153654; }
.navy-link a:hover { color: #001A31; }

p.has-large-font-size { font-weight: 400; }

hr.whitespace { background-color: transparent; }
hr.whitespace.ws-100 { height: 100px; }

.rounded-wp-button a.wp-block-button__link {
    border-radius: 500px!important;
    background-color: var(--teal);
    color: white;
    border: 0px;
    text-transform: capitalize;
}
.rounded-wp-button a.wp-block-button__link:hover {
    background-color: var(--pink);
}

#collapseform label {
    font-size: 1.05rem;
    width: 100%;
}

#collapseform .wpcf7-submit { 
    font-size: 1.05rem;
}

.hover-rotate, .hover-bump { transition: .25s ease all; }
.hover-rotate:hover { transform: rotate(2deg); }
.hover-bump:hover { margin-top: -5px; }

.teal-border-and-shadow {
    border: 10px solid #ABD3D3;
    box-shadow: 0 0 10px #333;
}

.reading-list-section li, .reading-list-section li p { font-size: 22px; }
.reading-list-section a { color: var(--teal)!important; }


/* Feminism conclusions */
.fem-profiles-container { flex-wrap: wrap;}
.fem-profiles-container .profile-modal-btn { 
    width: 100%; 
    margin-bottom: 2rem;
}
@media (min-width: 800px) {
    .fem-profiles-container .profile-modal-btn { 
        width: 50%; 
        margin-bottom: 4rem;
    }
    .fem-profiles-container .profile-modal-btn:nth-of-type(even) { 
        position: relative;
        top: 10rem;
    }
}

.fem-profile-modal .modal-lg {
    max-width: 90%!important;
    width: 800px;
}

.fem-profile-modal iframe { 
    display: block;
    margin-left: auto; 
    margin-right: auto;
    max-width: 100%;
}

.profile-modal-btn {
    background-color: transparent;
    border: 0px;
}

.silo-bg {
    background-image: url('/wp-content/uploads/2025/07/nuclear_2-11.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.vh-100 { height: 100vh!important; }
.vh-75 { height: 75vh!important; }
.unset-caps { text-transform: unset!important; }
.tahoma { font-family: 'Tahoma', sans-serif!important; }
.mw-800 { width: 85%; max-width: 750px!important; }
.serif { font-family: "IBM Plex Serif", serif!important; }
.chivo {
    font-family: "Chivo Mono", monospace!important;
    font-optical-sizing: auto;
}

.bg-img {
    background-size: cover;
    background-position: center;
}
.bg-img.radiation { background-image: url('/wp-content/uploads/2025/08/DNS_HEBA_Thumbnail-opt.jpg'); }
.bg-img.bandung { background-image: url('/wp-content/uploads/2025/08/NICK_Bangdung_Thumbnail-opt.jpg'); }

.text-shadow, .text-shadow p, .text-shadow h3 {
    text-shadow: 0px 0px 5px black;
}

.text-white, .text-white h2, .text-white p, .text-white a { color: white!important; }

.white-outline-btn a.wp-block-button__link {
    border-color: white;
    color: white;
}
.white-outline-btn a.wp-block-button__link:hover {
    color: black !important;
    text-shadow: none;
}

.radial-blur { 
    position: relative; 
    overflow: visible;
}
.radial-blur:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 400%;
    left: 0;
    top: -100%;
    opacity: .3;
    background-image: url('https://highlynriched.com/wp-content/uploads/2025/08/Radial_blur.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
z-index: -1;
}

.play-button-trigger {
    border: 1px solid black;
    padding: 15px;
    border-radius: 50%;
    transition: .5s ease all;
}
.play-button-trigger svg {
    right: -3px;
    position: relative;
}
.play-button-trigger:hover {
    padding: 20px;
}
.white-border { border-color: white!important; }

.streets-bg { 
    position: relative;
}
.streets-bg:before { 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('/wp-content/uploads/2026/02/NICK_Map_Gradients_Bandung-the-Global-South-Nuclear-Disarmament.png');
    background-size: contain;
    background-position: center;
    opacity: .5;
    z-index: 0;
}
.streets-bg .wp-block-group__inner-container {
    position: relative;
    z-index: 1;
}