:root {
  --default-font:"Open Sans",sans-serif;
  --heading-font:"Open Sans",sans-serif;
  --nav-font:"Open Sans",sans-serif;
  --background-color:#fff;
  --default-color:#2d383f;
  --heading-color:#455560;
  --accent-color:#f68e1d;
  --hr-orange:#f68e1d;
  --surface-color:#fff;
  --contrast-color:#fff;
  --nav-color:#e5eaee;
  --nav-hover-color:#f68e1d;
  --nav-mobile-background-color:#fff;
  --nav-dropdown-background-color:#fff;
  --nav-dropdown-color:#455560;
  --nav-dropdown-hover-color:#f68e1d;
  scroll-behavior:smooth
}

.bg-light{--background-color:#f1f4fa;--surface-color:#fff}
.bg-dark{--background-color:#000910;--default-color:#fff;--heading-color:#fff;--surface-color:#28323a;--contrast-color:#fff}

body{color:var(--default-color);background:var(--background-color);font-family:var(--default-font)}
a{color:var(--hr-orange);text-decoration:none;transition:.2s}
a:hover{color:color-mix(in srgb,var(--hr-orange),transparent 25%)}

h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)}

header{--background-color:rgba(0,0,0,0);--default-color:#fff;--heading-color:#fff;color:var(--default-color);background:var(--background-color);padding:20px 0;transition:all .5s;z-index:997}
header .navbar-brand{line-height:1}
header .navbar-brand img{max-height:50px;margin-right:8px}
header .navbar-brand h1{font-size:30px;margin:0;font-weight:700;color:var(--heading-color)}
/* header .cta-btn,header .cta-btn:focus{color:var(--contrast-color);font-size:13px;padding:7px 25px;margin:0 0 0 30px;border-radius:4px;transition:.2s;text-transform:uppercase;border:2px solid var(--contrast-color)} */
/* header .cta-btn:hover,header .cta-btn:focus:hover{color:var(--contrast-color);background:var(--hr-orange);border-color:var(--hr-orange)} */
header .navbar-toggler{order:3;}

@media (max-width:992px){
  header .navbar-brand{order:1}
  /* header .cta-btn{order:2;margin:0 15px 0 0;padding:6px 15px} */
  header nav{order:3}
}

.scrolled header{box-shadow:0 0 18px rgba(0,0,0,.1);--background-color:rgba(21,34,43,.85)}

@media (min-width:992px){
  header nav{padding:0}
  header nav ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
  header nav li{position:relative}
  header nav>ul>li{white-space:nowrap;padding:5px;}
  header nav>ul>li:last-child{padding-right:0}
  header nav a,header nav a:focus{color:var(--nav-color);font-size:13px;padding:0 2px;font-family:var(--nav-font);font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.2s;position:relative;text-transform:uppercase}
  header nav a i,header nav a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.2s}
  /* header nav>ul>li>a:before{content:"";position:absolute;height:2px;bottom:-2px;left:0;background:var(--nav-hover-color);visibility:hidden;width:0;transition:all .3s ease-in-out} */
  header nav>ul>li>a:before{content:"";position:absolute;height:2px;bottom:-2px;left:0;background:var(--nav-hover-color);width:100%;transition:all .2s;opacity:0}
  header nav a:hover:before,header nav li:hover>a:before,header nav .active:before{visibility:visible;width:100%}
  header nav .active:before{visibility:visible;width:100%;opacity:1}
  header nav li:hover>a,header nav .active,header nav .active:focus{color:color-mix(in srgb,var(--nav-color) 90%,white 15%)}
  header nav .dropdown ul{margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.2s;border-radius:4px;z-index:99;box-shadow:0 0 30px rgba(0,0,0,.1)}
  header nav .dropdown ul li{min-width:200px}
  header nav .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)}
  header nav .dropdown ul a i{font-size:12px}
  header nav .dropdown ul a:hover,header nav .dropdown ul .active:hover,header nav .dropdown ul li:hover>a{color:var(--nav-dropdown-hover-color)}
  header nav .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
  header nav .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}
  header nav .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}
}

@media (max-width:991px){
  .mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}
  header nav{padding:0;z-index:9997}
  header nav ul{display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background:var(--nav-mobile-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;overflow-y:auto;transition:.2s;z-index:9998}
  header nav a,header nav a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.2s}
  header nav a i,header nav a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;background:color-mix(in srgb,var(--hr-orange),transparent 90%)}
  header nav a i:hover,header nav a:focus i:hover{background:var(--hr-orange);color:var(--contrast-color)}
  header nav a:hover,header nav .active,header nav .active:focus{color:var(--nav-dropdown-hover-color)}
  header nav .active i,header nav .active:focus i{background:var(--hr-orange);color:var(--contrast-color);transform:rotate(180deg)}
  header nav .dropdown ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background:var(--nav-dropdown-background-color);transition:all .5s ease-in-out}
  header nav .dropdown ul ul{background:rgba(33,37,41,.1)}
  header nav .dropdown>.dropdown-active{display:block;background:rgba(33,37,41,.03)}
  .mobile-nav-active{overflow:hidden}
  .mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}
  .mobile-nav-active header nav{position:fixed;inset:0;background:rgba(33,37,41,.8);transition:.2s;overflow:hidden}
  .mobile-nav-active header nav>ul{display:block}
}

footer{color:var(--default-color);background:var(--background-color);font-size:14px;position:relative}
footer .footer-top{padding-top:50px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}
footer .footer-about .logo{line-height:1;margin-bottom:25px}
footer .footer-about .logo img{max-height:50px;margin-right:6px}
footer .footer-about .logo span{font-size:26px;font-weight:700;letter-spacing:1px;font-family:var(--heading-font);color:var(--heading-color)}
footer .footer-about p{font-size:14px;font-family:var(--heading-font)}
footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--default-color),transparent 50%);font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-right:10px;transition:.2s}
footer .social-links a:hover{color:var(--hr-orange);border-color:var(--hr-orange)}
footer h4{font-size:16px;font-weight:700;position:relative;padding-bottom:12px}
footer .footer-links{margin-bottom:30px}
footer .footer-links ul{list-style:none;padding:0;margin:0}
footer .footer-links ul i{padding-right:3px;font-size:13px;line-height:0;color:var(--hr-orange)}
footer .footer-links ul li{padding:5px 0;display:flex;align-items:center}
footer .footer-links ul li:first-child{padding-top:0}
footer .footer-links ul a{color:color-mix(in srgb,var(--default-color),transparent 30%);display:inline-block;line-height:1.2}
footer .footer-links ul a:hover{color:var(--hr-orange)!important}
footer .footer-contact p{margin-bottom:5px}
footer .footer-newsletter .newsletter-form{margin:30px 0 15px;padding:6px 8px;position:relative;border-radius:4px;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);display:flex;background:var(--background-color);transition:.2s}
footer .footer-newsletter .newsletter-form:focus-within{border-color:var(--hr-orange)}
footer .footer-newsletter .newsletter-form input[type=email]{border:0;padding:4px;width:100%;background:var(--background-color);color:var(--default-color)}
footer .footer-newsletter .newsletter-form input[type=email]:focus-visible{outline:none}
footer .footer-newsletter .newsletter-form input[type=submit]{border:0;font-size:16px;padding:0 20px;margin:-7px -8px -7px 0;background:var(--hr-orange);color:var(--contrast-color);transition:.2s;border-radius:0 4px 4px 0}
footer .footer-newsletter .newsletter-form input[type=submit]:hover{background:color-mix(in srgb,var(--hr-orange),transparent 20%)}
footer .copyright{padding:25px 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}
footer .copyright p,footer .credits{margin-bottom:0}
footer .credits{font-size:13px;margin-top:6px}

.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background:var(--hr-orange);width:40px;height:40px;border-radius:4px;transition:all .4s}
.scroll-top i{font-size:24px;color:var(--contrast-color);line-height:0}
.scroll-top:hover{background:color-mix(in srgb,var(--hr-orange),transparent 20%)}
.scroll-top.active{visibility:visible;opacity:1}

@media (max-width:768px){[data-aos-delay]{transition-delay:0!important}}

.section{color:var(--default-color);background:var(--background-color);padding:60px 0;scroll-margin-top:90px;overflow:clip}
@media (max-width:991px){.section{scroll-margin-top:76px}}

.section-title{padding-bottom:1rem;position:relative}
.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1;margin:0;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--default-color),transparent 50%);position:relative}
.section-title h2::before,.section-title h2::after{content:"";width:10vw;height:1px;display:inline-block;background:var(--hr-orange);margin:4px 10px}
.section-title p{color:var(--heading-color);margin:0;font-size:36px;font-weight:800;text-transform:uppercase;font-family:var(--heading-font)}
@media (max-width:768px){.section-title p{font-size:24px}}

#hero{width:100%;min-height:100vh;position:relative;padding:80px 0;display:flex;align-items:center;justify-content:center}
#hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#hero:before{content:"";background:color-mix(in srgb,var(--background-color),transparent 30%);position:absolute;inset:0;z-index:2}
#hero .container{position:relative;z-index:3}
#hero h2{margin:0;font-size:48px;font-weight:700;text-transform:uppercase}
#hero p{color:color-mix(in srgb,var(--default-color),transparent 20%);margin:10px 0 0;font-size:24px}
#hero .btn-get-started{background:var(--hr-orange);color:var(--contrast-color);font-weight:400;font-size:14px;letter-spacing:1px;display:inline-block;padding:10px 30px;border-radius:4px;transition:.2s;text-transform:uppercase}
#hero .btn-get-started:hover{background:color-mix(in srgb,var(--hr-orange),transparent 20%)}
#hero .btn-watch-video{font-size:16px;transition:.5s;margin-left:25px;font-weight:400;color:var(--default-color)}
#hero .btn-watch-video i{color:var(--hr-orange);font-size:32px;transition:.2s;line-height:0;margin-right:8px}
#hero .btn-watch-video:hover{color:var(--hr-orange)}
#hero .btn-watch-video:hover i{color:color-mix(in srgb,var(--hr-orange),transparent 20%)}
@media (max-width:768px){#hero h2{font-size:32px}#hero p{font-size:18px}}

#club-history h3{font-weight:700;font-size:28px;margin-bottom:20px}
#club-history .fst-italic{color:color-mix(in srgb,var(--default-color),var(--contrast-color) 50%)}
#club-history .content ul{list-style:none;padding:0}
#club-history .content ul li{padding:0 0 10px 30px;position:relative}
#club-history .content ul i{position:absolute;font-size:20px;left:0;top:-3px;color:var(--hr-orange)}
#club-history .content p:last-child{margin-bottom:0}

#stats .stats-item{background:var(--surface-color);box-shadow:0 0 30px rgba(0,0,0,.1)}
#stats .stats-item i{color:var(--hr-orange);font-size:42px;line-height:0}
#stats .stats-item svg{fill:var(--hr-orange);max-width:60px;max-height:60px}
#stats .stats-item span{color:var(--heading-color);font-size:36px;display:block;font-weight:600}
#stats .stats-item p{padding:0;margin:0;font-family:var(--heading-font);font-size:16px}
#stats .stats-item div{width:100%;text-align:center}

#contacts .card{position:relative}
#contacts .card .card-body{background:var(--surface-color);color:color-mix(in srgb,var(--default-color),transparent 20%);box-shadow:0 2px 15px rgba(0,0,0,.1);left:20px;right:20px;padding:20px 15px;overflow:hidden;transition:.5s}
#contacts .card h4{font-weight:700;margin-bottom:10px;font-size:16px;position:relative;padding-bottom:10px}
#contacts .card h4::after{content:"";position:absolute;display:block;width:100%;height:1px;background:color-mix(in srgb,var(--default-color),transparent 60%);bottom:0;left:0}
#contacts .card span{font-style:italic;display:block;font-size:13px}
#contacts .card p{font-size:14px}
#contacts .card .social{position:absolute;right:15px;bottom:15px}
#contacts .card .social a{transition:color .3s;color:color-mix(in srgb,var(--default-color),transparent 70%)}
#contacts .card .social a:hover{color:var(--hr-orange)}
#contacts .card .social i{font-size:16px;margin:0 2px}

#viewMore{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);z-index:900;display:flex;flex-direction:column;align-items:center;gap:10px;color:rgb(255 165 0 / 50%);font-size:15px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;user-select:none;cursor:pointer;transition:all .35s cubic-bezier(.25,.8,.25,1)}
#viewMore:hover{color:rgb(255 165 0);transform:translateX(-50%) translateY(-3px)}
#viewMore:active{transform:translateX(-50%) scale(.97)}
#viewMore{animation:float 3.2s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
#viewMore.hidden{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(60px);pointer-events:none}

#viewMore .chevron{width:14px;height:14px;position:relative}
#viewMore .chevron::before,#viewMore .chevron::after{content:'';position:absolute;top:0;width:100%;height:2px;background:currentColor;border-radius:1px}
#viewMore .chevron::before{transform:rotate(45deg) translateX(-30%);transform-origin:left center}
#viewMore .chevron::after{transform:rotate(-45deg) translateX(30%);transform-origin:right center}

.extlink:after{content:'\F1C5';font-family:'bootstrap-icons';font-size:.7em;margin-left:.4em;opacity:.75;display:inline-block}
.pdflink:after{content:'\F640';font-family:'bootstrap-icons';font-size:.8em;margin-left:.4em;opacity:.75;display:inline-block}

.btn.register img{filter:invert(1);transform:translate(0,-2px);transition:transform .6s ease;margin-left:10px;padding-right:20px;width:60px;}
.btn.register:hover img{transform:translate(20px,-2px)!important;filter:none;}
.btn.register{font-size:20px;font-style:italic;letter-spacing:3px;line-height:1.5;}
.btn.register::after,.btn.register::before{content:'';width:0;height:3px;background:#fff;display:block;transition:.5s}
.btn.register:hover::after,.btn.register:hover::before{width:100%}

@media (min-width:576px){
	.btn.register{
		font-size:30px;
	}
	.btn.register img{
		width:70px;
		margin-left:20px;
	}
}

.navbar-nav {
  /* --bs-nav-link-color: var(--contrast-color); */
  --bs-nav-link-hover-color: var(--hr-orange);
  --bs-navbar-active-color: var(--hr-orange);
  --bs-nav-link-font-size: 13px;
}
body:not(.mobile-nav-active) .navbar-nav {
  --bs-nav-link-color: var(--contrast-color);
}
header .nav-link {
	padding:0 2px;
}
header .nav-link:focus {
	color:#fff;
}
.header-btn {
    order: 2;
}
.btn {
	--bs-body-font-family: "Open Sans", sans-serif;
	--bs-btn-font-family: "Open Sans", sans-serif;
	transition: .2s;
}
.btn:hover {
	color: var(--contrast-color);
    background: var(--hr-orange);
    border-color: var(--hr-orange);
}
.btn-warning {
	--bs-btn-bg:var(--hr-orange);
	--bs-btn-hover-bg:#ffb15b;
}
.bg-warning {
	background-color:var(--hr-orange)!important;
}
.text-warning {
	color:var(--hr-orange)!important;
}

:root {
	--bs-font-sans-serif: "Open Sans", sans-serif;
	--default-font: "Open Sans", sans-serif;
	--bs-warning:var(--hr-orange);
}
	
	
.icon-wrapper {
  position: relative;
  width: 1.5em;
  height: 1.5em;
}

.icon-wrapper .bi {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}

.icon-wrapper .bi-arrow-up-circle {
  opacity: 0.5;
}
.icon-wrapper .bi-arrow-up-circle-fill {
  opacity: 0;
}

#scrollToTop {
	display:none;
	position:fixed;
	right:10px;
	bottom:20px;
	    cursor: pointer;
    z-index: 99;
	    font-size: 40px;
}
#scrollToTop:hover .icon-wrapper .bi-arrow-up-circle-fill {
  opacity: 1;
}

#scrollToTop:hover .icon-wrapper .bi-arrow-up-circle {
  opacity: 0;
}   

.lightbox {
	cursor: zoom-in;
}
#lightbox-container {
	/* position:fixed; /* keeps the lightbox window in the current viewport */ */
	/* top:0;  */
	/* left:0;  */
	/* width:100%;  */
	/* height:100%;  */
	/* background:url(https://assets.codepen.io/210284/overlay.png) repeat;  */
	/* text-align:center; */
	/* background: rgba(0,0,0,0.8); */
	left: 0;
    /* background: rgba(0,0,0,0.8); */
    top: 0;
    display: flex;
    align-items: center;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
	margin: 5%;
	z-index: 99999;
}
/* #lightbox-container p { */
#lightbox-close {
	/* text-align:right;  */
	/* color:#fff;  */
	/* margin-right:20px;  */
	/* font-size:12px;  */
	margin: auto;
    padding: 5%;
	
	position: fixed;
    text-align: right;
    color: #fff;
    margin-right: 20px;
    font-size: 2rem;
    top: 0;
    right: 0;
    margin: 2rem 2rem 0 0;
    padding: 1rem;
	cursor: pointer;
  z-index:2;
}
#lightbox-container img, #lightbox-container video {
/* #lightbox-content img { */
	box-shadow:0 0 25px #111;
	/* max-width:940px; */
	/* width: 100%; */
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	max-width: 100%;
    max-height: 100%;
}
#lightbox-bg {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
    z-index: -1;
	cursor: zoom-out;
}
#lightbox-content {
	margin: auto;
    /* padding: 5%; */
	/*width: 100%;*/
    /*height: 100%;*/
	position: static;
}
.lightbox-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.video-container {
    /* position: inherit; */
    padding-bottom: 56.25%;
    height: 0;
}
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#merch {
    background-image: url('../images/merch-bg.png?v=442');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: var(--hr-orange);
}

#merch .section-title h2::before, #merch .section-title h2::after {
    background: rgb(255 255 255 / 0.5);
}
#merch .btn {
  background: var(--hr-orange);
}
#merch .btn:hover {
    color: var(--hr-orange);
    background: #fff;
    border-color: #fff;
}

body {
  opacity:1;
}