/* #region Globals */

* {
	font-family: 'Red Hat Display', sans-serif;
}

body {
    background-image:url('images/2025-07/bg_body.jpg');
    background-size:100% auto;
    background-position:bottom center;
    background-repeat:no-repeat;
}

h1 {
    font-size:5rem;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
    transition:all 0.3s ease;
}

h2 {
    font-size:4rem;
}

h3 {
    font-size:2.5rem;
}

h4 {
    font-size:1.5rem;
    color:#8da21d;
}

p, p * {
    font-size:1.25rem;
}

@media (max-width: 1400px) {
    h1 {
        font-size:3.5rem;
    }
    
    h2 {
        font-size:2.75rem;
    }
    
    h3 {
        font-size:1.75rem;
    }
    
    h4 {
        font-size:1.25rem;
    }
}

@media (max-width: 1000px) {
    h1 {
        font-size:2.75rem;
    }
    
    h2 {
        font-size:2.25rem;
    }
    
    h3 {
        font-size:1.5rem;
    }
    
    h4 {
        font-size:1rem;
    }

    p, p * {
        font-size:1rem;
    }
}

@media (max-width: 600px) {
    h1 {
        font-size:2rem;
    }
    
    h2 {
        font-size:1.75rem;
    }
    
    h3 {
        font-size:1.25rem;
    }
    
    h4 {
        font-size:1rem;
    }
}

.mainlink {
    border:2px solid #33658a;
    color:#fff;
    padding:1rem 2rem;
    border-radius:0.25rem;
    text-decoration:none;
    font-weight:bold;
    transition:all 0.2s ease;
    position:relative;
    overflow:hidden;
}

.mainlink span {
    position:relative;
}

.mainlink:before {
    content:"";
    background-color:#33658a;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    transition:all 0.2s ease-in-out;
}

.mainlink:hover:before {
    width:0%;
}

.mainlink:hover {
    color:#33658a;
    background-color:#fff;
    border-color:#fff;
    padding-left:1rem;
    padding-right:3rem;
}

.mainlink:after {
    content:"";
    background-image:url('images/2025-07/right_arrow.png');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    width:1rem;
    height:1rem;
    position:absolute;
    top:50%;
    right:2rem;
    transform:translateY(-50%);
    transition:all 0.2s ease-in-out;
    opacity:0;
}

.mainlink:hover:after {
    opacity:1;
    right:1rem;
}



/* #endregion */

/* #region Home */

.home .hero {
    min-height:100vh;
    background-image:url('images/2024/bg_hero.jpg');
    background-size:cover;
    background-position:center center;
}

.home .hero .maintext {
    max-width:1000px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.home .hero .maintext p {
    font-size:1.5rem;
    color:#fff;
}

.home .hero h1 {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
}

.home .hero h1:first-child {
    margin-bottom:0;
}

.home .hero h1.green:before {
    content:"";
    background-color:#8da21d;
    width:104%;
    height:100%;
    position:absolute;
    top:0;
    left:-2%;
    transition:all 0.5s ease-in-out;
    border-radius:0.5rem;
}

.home .hero h1.scrollme:before {
    height:0;
    top:50%;
    opacity:0;
}

.home .hero h1 .inlinespan {
    position:relative;
}

.home .hero .herounder {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    background-color:#262c3c;
}

.home .hero .herounder video {
    width:100%;
    height:100%;
    object-fit:cover;
}

.home .hero .heroover {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url('images/atom_overlay.png');
    background-size:cover;
    background-position:center center;
    opacity:0.5;
}

.home .hero .herobottom {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:25%;
    background: linear-gradient(to bottom, transparent 0%, #262c3c 100%);
}

.home .hero .herobottom .continue {
    color:#fff;
    letter-spacing:0.1rem;
    font-weight:bold;
    font-size:0.75rem;
    margin-bottom:1rem;
    transition:all 0.3s ease;
}

.home .hero .herobottom .continueline {
    width:1px;
    background-color:#fff;
    height:10vh;
    transition:all 0.3s ease;
}

.home .hero .herobottom.hidecontinue .continueline, .home .hero .herobottom.hidecontinue .continue {
    opacity:0;
    transform:translateY(25%);
}

.home .portfolio {
    color:#fff;
}

.home .portfolio .canada {
    background-image:url('images/2025-07/home_canada_bg.jpg');
    background-size:cover;
    background-position:center center;
}

.home .portfolio .usa {
    background-image:url('images/2025-07/home_usa_bg.jpg');
    background-size:cover;
    background-position:center center;
}

.home .portfolio img {
    max-width:600px;
}

.home .uranium {
    color:#fff;
    text-align:center;
    background-image:url('images/2025-07/home_uranium_bg.jpg');
    background-size:cover;
    background-position:top center;
    padding-top:12rem;
    padding-bottom:6rem;
}

.home .uranium .item {
    background-color: rgba(38, 44, 60, 0.25);
    backdrop-filter: blur(10px);
    border-radius:0.5rem;
    border:3px solid rgba(255,255,255,0.5);
    text-align:left;
    transition:all 0.3s ease;
}

.home .uranium .item:hover {
    border-color:#fff;
    background-color:#262C3C;
}

.home .uranium .item img {
    width:auto;
    height:4rem;
    object-fit:contain;
}

.home .homecontent {
    background-color:#262c3c;
}

@media (max-width: 1000px) {
    .home .hero .maintext p {
        font-size:1rem;
    }
}

/* #endregion */

/* #region Header */

header {
    position:fixed;
    z-index:10;
    width:100%;
}

header .subheader {
    background-color: rgba(25, 41, 84, 0.25);
    height:2.5rem;
    transition:all .3s ease;
}

header .subheader .boxbox {
    height:100%;
}

header .subheader .stock .item a {
    color:#8da21d;
}

header .subheader .quote {
    align-self:center;
}

header .subheader .quote .item {
    font-weight:bold;
}

header .subheader .quote .item span {
    color:#999;
}

header .subheader .quote .item .white {
    color:#fff;
    margin-left:0.3rem;
}

header .subheader .bigbutton {
    font-weight:bold;
    color:#fff;
    background-color:#33658a;
    margin-bottom:-1rem;
    padding:0.5rem 1rem;
    border-bottom-left-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
}

header .subheader .bigbutton:hover {
    background-color: #4a7ab0;
}

header .subheader .bigbutton span {
    margin-left:0.5rem;
}

header .mainheader {
    padding:1rem 0;
}

header .mainheader .logo img {
    width:200px;
}

header.scrolled .subheader {
    height:0;
    overflow:hidden;
}

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

header.scrolled .mainheader {
    background-color: rgba(42, 53, 84, 0.9);
    backdrop-filter: blur(10px);
}

header nav {
    gap:3rem;
}

header nav .toplink, header nav .toplevel {
    font-size:1rem;
    color:#fff;
    font-weight:600;
    padding:1rem;
    white-space:nowrap;
}

header nav .toplink:hover, header nav .dropdown:hover .toplevel {
    color:#8B4513;
    background-color:#fff;
    cursor:pointer;
}

header nav .dropdown .sublevel {
    display: block;
    position: absolute;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 10rem;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    cursor:default;
}

header nav .dropdown:hover .sublevel {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

header nav .dropdown .sublevel a {
    display:block;
    padding:0.5rem;
    color:#333;
    font-weight:600;
    white-space:nowrap;
}

#header .subheader {
    backdrop-filter: blur(10px);
}

#header .subheader .subscribe {
    background-color:#33658a;
}

@media only screen and (max-width: 1200px) {
    #header .subheader .stock .item:not(:first-of-type) {
        display:none;
    }
}

/* #endregion */

/* #region Footer */

    #footer form {
        background: linear-gradient(45deg, #8da21d, #7a911a);
    }

    #footer .info {
        color:#111;
    }

    #footer .info .socials a {
        color:#33658a;
    }

    #footer .subfooter {
        background-color:#f8f8f8;
        color:#111;
    }

/* #endregion */

/* #region Content */

.content .pagetop {
    box-shadow: inset 0 -8px 16px rgba(0, 0, 0, 0.5);
}

.content .pagetop h1 {
    background-color:#8da21d;
    border-radius:0.5rem;
    padding:0 1rem;
    display:table;
}

.content .pagetop .under {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

/* #endregion */

/* #region Management */

.content #team .item {
    border-color:#999;
    border-radius:1rem;
}

.content #team .advisors {
    background-color:rgba(143, 164, 28, 0.1);
    backdrop-filter: blur(5px);
}

/* #endregion */

/* #region SubPop */

    #subpop .item .image {
        background-image: url("images/pagetop/default.jpg")
    }

/* #endregion */

.project .highlights .boxbox {
    padding:3rem;
    background-image:url('images/2025-07/bg_highlights.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    color:#fff;
    border-radius:1rem;
}