/* #region Globals */
* {
    font-family: 'Red Hat Text';
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy.woff2') format('woff2'),
        url('fonts/Gilroy.woff') format('woff');
}


h1,
h1 *,
h2,
h2 *,
h3,
h4,
h5,
h6 {
    font-family: 'Gilroy';
}

h1,
h1 * {
    font-size: 4rem;
    line-height: 4rem;
    color: #111;
    text-transform: uppercase;
}

h2,
h2 * {
    font-size: 3.3rem;
    line-height: 3.3rem;
    color: #111;
    text-transform: uppercase;
}

h1 span,
h2 span {
    display: block;
}

h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #b88a00;
}

h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #0070af;
}

body {
    max-width: 100vw;
    overflow-x: hidden;
    background-color: #f0f0f0;
    background-image: url('images/2025-10/bg_footer.jpg');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.subhalf {
    width: 45%;
    flex-shrink: 0;
}

.selfend {
    align-self:flex-end;
}

@media only screen and (max-width: 1400px) {
    h1,
    h1 *,
    h2,
    h2 * {
        font-size: 3.3rem;
        line-height: 3.3rem;
    }
}

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

    h1,
    h1 *,
    h2,
    h2 * {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}

@media only screen and (max-width:1000px) {
    h3 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
}

@media only screen and (max-width:900px) {
    .padside {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pad {
        padding: 30px;
    }
}

@media only screen and (max-width:700px) {
    h1 {
        font-size: 2.2rem;
        line-height: 2.2rem;
    }

    h1 span {
        font-size: 2.2rem;
        line-height: 2.2rem;
    }
}

@media only screen and (max-width:500px) {
    h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    h1 span {
        font-size: 2rem;
        line-height: 2rem;
    }
}

/* Link Colors */
.link1 {
    color: #b88a00;
}

.link1:hover {
    color: #9f681b;
}

/* Text Colors */

.text1 {
    color: #111;
}

.text2 {
    color: #b88a00;
}

/* #endregion */

/* #region Button Colors */

.mainlink {
    background-color: #b88a00;
    border: 2px solid #b88a00;
    color: #130c24;
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 1.2rem;
    border-radius: 0.5rem;
}

.mainlink:hover {
    background-color: transparent;
    color: #b88a00;
}

/* #endregion */

/* #region Header */
.header {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid transparent;
    transition: all .3s;
    z-index: 10;
}

.header .subheader .contact a {
    transition: opacity 0.3s ease;
}

.header .subheader .contact:hover a {
    opacity: 0.5;
}

.header .subheader .contact a:hover {
    opacity: 1;
}

.header {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header .logo img {
    width: 10rem;
    padding: 1rem;
    display: block;
    transition: all .3s;
}

.header.scrolled .logo img {
    width: 10rem;
}

/* #endregion */

/* #region Hero */
.hero {
    background-image: url('images/2025-10/bg_hero.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    box-shadow: inset 0 -1rem 1rem -1rem rgba(0,0,0,0.1);
}

@media only screen and (max-width:1000px) {
    .home .redlake {
        width:100%;
    }
}

.homehero {
    box-shadow:unset;
}

.home .hero.fullpage {
    position: relative;
    overflow: hidden;
}

.hero.fullpage video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.diagonal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.9;
    pointer-events:none;
}

.video-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25vh;
    background: linear-gradient(to bottom, rgba(17, 29, 81, 0) 0%, #111d51 100%);
    z-index: 1;
    pointer-events:none;
}

.heroundershow {
    transform: scale(1);
}

.heroover {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 150%;
    z-index: 9;
    background-color: #00023a;
    transition: all 0.5s ease-in-out;
}

.herooverhide {
    width: 0;
    pointer-events: none;
}

.hero.fullpage .maintext {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(3px);
}

.hero.fullpage .maintext p {
    color: #111;
}

.hero .logo .item {
    color: #eee;
    border: 1px solid #eee;
    padding: 5px;
    margin-top: 10px;
    font-size: .8rem;
    font-weight: 600;
}

.hero .logo .item {
    text-align: center;
}

.hero .subheader {
    color: #111;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom:1px solid #ddd;
    padding:0.5rem;
}

.hero .subheader .quote {
    background-size:auto 90%;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:36px;
}

.hero .subheader .quote.canada {
    background-image:url('images/flags/canada.png');
}

.hero .subheader .quote.usa {
    background-image:url('images/flags/usa.png');
}

.hero .subheader .quote.germany {
    background-image:url('images/flags/germany.png');
}


.hero .subheader .quote span {
    font-weight: bold;
}

.hero .subheader .quote a {
    font-weight: bold;
    color: #b88a00;
}

.hero .subheader .contact .line {
    height: 1rem;
    width: 1px;
    background-color: #222;
    opacity: .25;
}

.hero .subheader .contact .icon {
    font-weight: 600;
    color: #b88a00;
    text-transform: uppercase;
}

.hero .subheader .contact .icon span {
    margin-right: 5px;
    color: #b88a00;
}

.hero .subheader .contact .socials a {
    color: #b88a00;
    margin-left: 5px;
}

.hero .subheader .contact .socials a:hover {
    opacity: .66;
}

.contop h1 {
    padding-top: 15rem;
}

.hero .continue {
    text-align: center;
    color: #222;
    font-weight: 500;
    background-image: url('images/scroll_toread.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 24px auto;
    padding-top: 36px;
    margin: auto;
}

.sublink {
    display: none !important
}

.hero .latest {
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 50%;
    color: #eee;
    padding: 30px;
    margin-left: auto;
    position: relative;
    z-index: 2;
}

.hero .latest .title span {
    display: block;
}

.hero .latest .title {
    color: #b88a00;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2rem;
    margin-right: 60px;
    text-transform: uppercase;
}

.hero .latest:hover {
    color: #fff;
    background-color: #b88a00;
}

.hero .latest:hover .title {
    color: #fff;
}

.hero .latest b {
    display: block;
}

.hero .homebot {
    margin-bottom: 30px;
}

.hero h1,
.hero p {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.85);
}

@media only screen and (max-width:1400px) {
    .hero iframe {
        height: 400px;
    }

    .hero.fullpage .maintext {
        width: 100%;
        max-width: 800px;
    }
}

@media only screen and (max-width:1300px) {
    .hero .subheader .contact .phone {
        display: none;
    }
}

@media only screen and (max-width:1200px) {
    .hero .subheader .socials {
        display: none;
    }

    .hero .subheader .contact .phone {
        margin-right:0;
    }

    .hero.fullpage .maintext {
        width: 100%;
        max-width: 600px;
    }
}

@media only screen and (max-width:1100px) {
    .hero .subheader .contact .line {
        display: none;
    }
}

@media only screen and (max-width:1000px) {
    .herounder {
        background-image: url('images/2024-10/bg_home_mobile.jpg');
        background-size:cover;
        height:100%;
    }

    .contop h1 {
        padding-bottom: 30px;
    }

    .hero .homebot {
        display: block;
    }

    .hero .continue {
        width: 100%;
        margin-bottom: 30px;
    }

    .hero .latest {
        max-width: unset;
        width: unset;
        margin-left: 30px;
        margin-right: 30px;
    }

    .hero .continue {
        display: none;
    }

    .hero iframe {
        width: 100%;
    }

    .hero .heroflex {
        display: block;
    }
}

@media only screen and (max-width:900px) {
    .hero .subheader .contact .email {
        display: none;
    }
}

@media only screen and (max-width:700px) {
    .hero .latest {
        display: block;
    }

    .hero .latest .title {
        margin-bottom: 15px;
    }

    .hero .latest .title span {
        display: inline;
    }

    .hero .logo img {
        width: 120px;
    }

    .header.scrolled .logo img {
        width: 120px;
    }

    .hero iframe {
        height: 300px;
    }

    .hero .subheader .contact .phone {
        display:none;
    }

    .hero .subheader .contact .email {
        margin-right:0;
    }
}

@media only screen and (max-width:600px) {
    .hero .subheader .boxbox .flex {
        justify-content: center;
    }
}


@media only screen and (max-width:500px) {
    .contop h1 {
        padding-bottom: 15px;
    }
}

/* #endregion */

/* #region Menu */
#menu .mainmenu,
#menu .mainmenu .lower a,
#menu .toplink,
#menu .sublink {
    font-weight: 500;
}

#menu .mainmenu, #menu .toplink {
    color: #111;
}

#menu {
    margin-left: 60px;
    max-width: 1000px;
}

#menu .minilink {
    color: #111;
}

.m660 .menubox {
    background-color: rgba(0, 2, 58, 0.95) !important;
    backdrop-filter: blur(10px);
}

#menu .mainmenu:hover .top {
    color: #ebb22c;
}

#menu .toplink:hover {
    color: #fff;
}

.popped .mainmenu .top,
.popped .toplink {
    color: #fff !important;
}

.popped .menupop .top {
    color: #ebb22c !important;
}

/* #endregion */

/* #region Page: Home */
.home .lightweight .maintext {
    width: 55%;
}

.home .lightweight .bullets {
    padding-bottom:6rem;
}

.home .lightweight .bullets .item {
    max-width: 45%;
    color: #fff;
    font-size: 1.2rem;
    background-size:auto 3rem;
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:4rem;
}

.home .lightweight .webb {
    position: relative;
}

.home .lightweight .webb span {
    position: absolute;
    background-color: #b88a00;
    color: #fff;
    padding: 1rem;
    font-weight: 600;
    font-size: 1rem;
    bottom: 0;
    right: 0;
    max-width: 500px;
    border-radius: 0.5rem;
}

.home img {
    width: 100%;
}

.home .lightweight p,
.home .lightweight h2 {
    color: #111;
}

.home .locinner {
    padding: 15rem 12rem 15rem 6rem;
}

.home p,
.home p * {
    font-size: 1.5rem;
}

.home ul li, 
.home ul li * {
    font-size: 1.5rem;
}

.hero.fullpage .maintext p,
.hero.fullpage .maintext p * {
    font-size: 2rem;
}

.home .butte {
    background-color: #f8f8f8;
    background-image: url('images/2025/RKL_home_materion.jpg');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.home .butte h2,
.home .butte p {
    color: #222;
}

.home .butte .image {
    background-image: url('images/2024-10/home_butte.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.home .exploration .maintext .flex:hover .item {
    opacity:0.5;
}

.home .exploration .subhalf {
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
}

.home .exploration .item {
    border:1px solid rgba(166, 166, 166, 0.5);
    border-radius: 0.5rem;
    background-color:rgba(0, 0, 0, 0.1);
}

.home .exploration .item p, .home .exploration .item p b {
    font-size:1.25rem;
    color:#fff;
}

.home .exploration .item p span {
    font-size:1.25rem;
    color:#b88a00;
}

.home .exploration .maintext .flex .item:hover {
    opacity:1;
    background-color:rgba(0, 0, 0, 0.3);
    border-color:rgba(166, 166, 166, 1);
}

.home .exploration .item .littlelink {
    color:#fff;
}

.home .exploration .item:hover .littlelink {
    column-gap:1.5rem;
    color:#b88a00;
}

@media only screen and (max-width: 1200px) {
    .home .exploration .itemflex {
        flex-direction: column;
    }

    .home .exploration .itemflex .item {
        width:100%;
    }
}

@media only screen and (max-width: 1400px) {
    .hero.fullpage .maintext p,
    .hero.fullpage .maintext p * {
        font-size: 1.5rem;
    }
}

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

    .home p,
    .home p *,
    .home ul li, 
    .home ul li * {
        font-size: 1.2rem;
    }

    .home .lightweight .maintext .colgap2 {
        column-gap: 2rem;
        row-gap: 2rem;
    }
}

@media only screen and (max-width: 1000px) {
    .home .hometrans {
        height:35vw;
        background: linear-gradient(to top, #02053d 0%, #02053d 25%, transparent 100%);
        position:absolute;
        top:-35vw;
        width:100%;
        left:0;
        z-index:1;
    }

    .home .lightweight .firstbox {
        flex-direction: column;
    }

    .home .lightweight .subhalf {
        width: 100%;
    }

    .home .lightweight .maintext {
        width: 100%;
    }

    .home .butte .boxbox {
        flex-direction: column-reverse;
    }

    .home .saddle .boxbox {
        flex-direction: column;
    }

    .home .saddle .subhalf {
        width: 100%;
    }

    .home .butte .image {
        position: unset;
        height: 65vw;
        width: 100%;
        background-position:center center;
        background-size:100% auto;
        background-image:url('images/2024-10/home_butte_mobile.jpg');
    }

    .home .butte .maintext,
    .home .saddle .maintext {
        padding-top: 3rem;
        padding-bottom: 3rem;
        width: 100%;
        align-self: center;
    }
}

@media only screen and (max-width: 800px) {
    .hero.fullpage .maintext p,
    .hero.fullpage .maintext p * {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 700px) {
    .home .lightweight .justcenter {
        flex-direction: column;
    }

    .home .lightweight .bullets .item {
        max-width:100%;
    }
}


@media only screen and (max-width: 600px) {
    .home .lightweight .maintext .item {
        max-width:100%;
    }

    .home .lightweight h2 span {
        display:unset;
    }
}


/* #endregion */

/* #region Page: Content */

.content h2 {
    color: #111;
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.content .sidebar {
    width: 400px;
    margin-top: 10px;
}

.content .sidebar .sidelink {
    color: #222;
    display: block;
    padding: 15px;
    font-weight: 500;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    border-right: 0;
}

.content .sidebar .active {
    background-color: #222;
    color: #d2e9f9;
    border-color: #222;
    margin-right: -10px;
}

.content .inner {
    border: 1px solid #ccc;
    max-width: 1200px;
}

@media only screen and (max-width:1400px) {
    .content .inner {
        padding: 30px;
    }
}

@media only screen and (max-width:1200px) {
    .content .sidebar .sidelink {
        font-size: 1rem;
    }

    .content .sidebar {
        width: 300px;
    }
}

@media only screen and (max-width:1000px) {
    .content {
        flex-direction: column-reverse;
    }

    .content .sidebar {
        margin-top: 30px;
        margin-right: 0;
        width: 100%;
    }

    .content .sidebar .sidelink {
        width: 100%;
        border: 2px solid #ccc;
    }

    .content .sidebar .sidelink:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .content .sidebar .active {
        border-color: #222;
    }
}

@media only screen and (max-width:900px) {
    .content .inner {
        border: 0;
        padding: 0;
    }
}

/* #endregion */

/* #region Footer */

.footer .subber {
    background: linear-gradient(to bottom, rgba(18, 30, 82, 1), rgba(8, 9, 60, 1));
    color: #fff;
    border: 1px solid rgba(166, 166, 166, 0.5);
    border-radius: 2rem;
}

.footer .subber .mailtext {
    padding-right: 60px;
}

.footer .subber div p {
    font-size: 1.5rem;
}

.footer .subber .subtext form input {
    width: 100%;
    padding: 15px 20px;
    background-color: #fff;
    border: 0;
    font-size: 1.5rem;
    border-radius:0.5rem;
}

.footer .subber .subtext form button {
    width: 100%;
    padding: 15px 20px;
    background-color: #ffc000;
    color: #eee;
    border: 0;
    font-size: 1.2rem;
    text-align: center;
    border-radius:0.5rem;
}

.footer .subber .subtext form button span {
    font-size:2rem;
}

.footer .subber .subtext form button:hover {
    color: #fff;
}

.footer .subfooter {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: .9rem;
    color: #111;
}

.footer .subfooter a {
    font-weight: bold;
}

.footmain {
    padding-left: 0;
    padding-right: 0;
}

.footmain .logo {
    content: url('images/2024-10/rkl_dark.png');
    height: 120px;
}

.footmain .sitemap a {
    color: #b88a00;
}

.footmain .sitemap a:hover {
    text-decoration: underline;
}

.footmain .sitemap .nolink {
    color: #111;
    opacity: .33;
}

.footmain .text {
    color: #111;
}

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

    .footer .subber,
    .footer .subber .subtext {
        padding: 30px;
    }
}

@media only screen and (max-width:1100px) {
    .footer .subber {
        display: block;
        padding: 0;
    }

    .footer .subber .mailtext {
        width: 100%;
        padding:2rem;
        padding-bottom:0;
    }

    .footer .subber .subtext {
        width: 100%;
    }
}

@media only screen and (max-width:800px) {
    .footer .subber div p {
        font-size: 1.2rem;
    }

    .footer .subfooter .boxbox {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/* #endregion */

/* #region Custom: Management & Advisors */

#management .item,
#advisors .item {
    border: 0;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 1);
    border-radius:1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}

#management .item .text h3 span,
#advisors .item .text h3 span {
    display: block;
}

#management .item p,
#advisors .item p {
    color: #111;
}

#management .item p a,
#advisors .item p a {
    color: #b88a00;
}

#management .item .text {
    border-right-style:solid;
}

/* #endregion */

/* #region Custom: Corporate Contacts */
#corporate .item {
    background-color: rgba(255, 255, 255, 0.5);
}

#corporate .item .info {
    border: 0;
}

#corporate .item p {
    color:#111;
}

/* #endregion */

/* #region Custom: Archive */
#archive .newschive .item {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0;
    border-radius:0.5rem;
}

#archive .newschive .item .newslink {
    color: #111;
}

#archive .newschiver .item:hover {
    background-color:#fff;
}

.archive .newschive .item:hover .newslink {
    background-color:unset !important;
}

#archive .newschive .item .pdflink {
    border-color: #111;
    color: #111;
    opacity: .5;
}

#archive .newschive .item .pdflink:hover {
    opacity: 1;
}

#archive .newschive .item .newslink:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.5);
}

#archive .newschive .item .newslink .link1 {
    transition: all .3s;
}

#archive .newschive .item .newslink:hover .link1 {
    color: #111;
}

.content .newsbox {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-radius: 1rem;
}

.content .newsbox h2 {
    color: #222;
}

#archive .year .yearlink.active {
    background-color:#b88a00;
    border-color:#b88a00;
}

#archive .year .yearlink:hover {
    color:#fff;
    border-color:#fff;
}

/* #endregion */

/* #region Custom: Stock */
#stock .item {
    color: #111;
    border: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius:0.5rem;
}

/* #endregion */

/* #region Custom: Contact */
#contact .office {
    color: #111;
}

/* #endregion */

/* #region Custom: Project */
.project {
    color: #111;
    font-size: 1.2rem;
}

.project .gallery {
    margin-bottom:3rem;
    border-radius:2rem;
}

.project .gallery h3 {
    border-radius:0.5rem;
}

.project .quote {
    background-color: #eee;
    background-image: url('images/bg_quote.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px;
    margin-left: -45px;
    margin-right: -45px;
}

.project .quote span {
    text-align: right;
    font-weight: bold;
    display: block;
    margin-top: 15px;
}

.project .quote p {
    color:#222;
}

.project img {
    max-height: 400px;
}

.project .section img {
    border-radius: 2rem;
}

.project .highlights {
    background-color: #b88a00;
    padding: 30px;
    color: #fff;
    margin-right: -75px;
}

.project .highlights h3 {
    color:#fff;
}

@media only screen and (max-width:1400px) {
    .project .highlights {
        margin-right: -45px;
    }
}

@media only screen and (max-width:900px) {
    .project .highlights {
        margin-right: -30px;
    }
}

.project .redlake ul {
    display:flex;
    flex-wrap:wrap;
    column-gap:2rem;
    row-gap:2rem;
}

.project .redlake ul li {
    width:calc(50% - 1rem);
    list-style-type:none;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:0.5rem;
    padding:1rem;
}

.project .colehistory {
    background-color:#fefefe;
    color:#222;
    background-image:url('images/2024-10/bg_colehistory.jpg');
    background-size:cover;
    background-position:top left;
}

.project .colehistory .boxbox .maintext {
    width:50%;
    background-color:rgba(247,247,247,0.75);
    padding:2rem;
}

.project .cole_mackle {
    padding:0;
}

.project .cole_mackle .boxbox {
    border-radius:1rem;
    padding:3rem;
    color:#222;
    background-image:url('images/2024-10/bg_ddh12.jpg');
    background-size:cover;
    background-position:center center;
}

@media only screen and (max-width:1200px) {
    .project .colehistory .boxbox .maintext {
        width:100%;
    }
}

.project .bertrandite {
    background-image:url('images/2024-10/bg_bert.jpg');
    background-size:cover;
    background-position:center center;
}

.project .timeline ul {
    display:flex;
    align-items:center;
    list-style-type:none;
    margin-left:0;
}

.project .timeline ul li {
    border:2px solid rgba(255,255,255,0.5);
    border-radius:0.5rem;
    padding:1rem;
    width:23%;
}

.project .timeline .spacer {
    flex-grow:1;
    height:2px;
    background-color:rgba(255,255,255,0.5);
}

.project .timeline ul li strong {
    color:#b88a00;
}

.project .timeline ul li.complete {
    background-color:#fff;
    color:#222;
    position:relative;
}

.project .timeline ul li.complete:before {
    content:'';
    position:absolute;
    top:-1rem;
    right:-0.5rem;
    width:2rem;
    height:2rem;
    background-image:url('images/check.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

@media only screen and (max-width:1000px) {
    .project .timeline ul {
        flex-direction:column;
    }

    .project .timeline ul li {
        width:100%;
        margin-bottom:0;
    }

    .project .timeline .spacer {
        height:2rem;
        width:3px;
    }
}

/* #endregion */

#subpop .item .image {
    background-image: url('images/2025/RKL_popup_be.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.subpage {
    background-color: rgba(0, 0, 0, 0.1);
    color:#fff;
    margin-top:3rem;
    margin-bottom:3rem;
}