:root{
		--wnt-blue:#235baa;
		--wnt-blue-dark:#234f93;
		--wnt-light:#efefef;
		--wnt-link:#4bc8ff;
		--wnt-white:#ffffff;
}

body{
		background:#fff;
}

.the-hero {
		margin-top:75px;
}

.bg-wnt-blue{
		background-color:var(--wnt-blue);
}

.text-wnt-blue{
		color:var(--wnt-blue);
}

.text-wnt-link,
.text-wnt-link:hover,
.text-wnt-link:focus{
		color:var(--wnt-link);
		text-decoration: underline;
}

.text-wnt-link-dark,
.text-wnt-link-dark:hover,
.text-wnt-link-dark:focus{
		color:var(--wnt-blue);
		text-decoration: underline;
}

.wnt-topbar{
		background:var(--wnt-blue);
		margin-top:75px;
}

.wnt-logo{
		width:102px;
		top:10px !important;
		position:relative;
}

.wnt-top-title{
		font-size:clamp(13px,2vw,28px);
		line-height:1.15;
		font-weight:700;
		text-transform:uppercase;
		color:#fff;
}

.wnt-arrow-btn{
		width:32px;
		height:32px;
		min-width:32px;
		border:0;
		border-radius:50%;
		background:#fff;
		position:relative;
}

.wnt-arrow-btn:before{
		content:"";
		width:14px;
		height:14px;
		border-right:4px solid var(--wnt-blue);
		border-bottom:4px solid var(--wnt-blue);
		position:absolute;
		top:6px;
		left:9px;
		transform:rotate(45deg);
		transition: transform 0.2s ease, top 0.2s ease;
}



.wnt-arrow-btn.dropdown-toggle::after {
	display: none;
}

.dropdown-item:hover {
	color:white !important;
	text-decoration: none !important;
}

/* rotates up when dropdown is open */
.wnt-arrow-btn.show:before {
	transform: rotate(225deg);
	top: 10px;
}

.wnt-quick-links{
		background:#fff;
		border-top:1px solid rgba(0,0,0,.08);
}

.wnt-hero-col{
		min-height:450px;
		position:relative;
		overflow:hidden;
}

.wnt-hero-bg{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center;
}

.wnt-hero-overlay{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
}

.wnt-hero-col:target .wnt-hero-content {
	animation: shimmer-hero 3s ease forwards;
}

@keyframes shimmer-hero {
	0%   { box-shadow: inset 0 0 0 0 rgba(255,255,255,1); }
	50%  { box-shadow: inset 0 0 60px 20px rgba(255,255,255,0.4); }
	100% { box-shadow: inset 0 0 0 0 rgba(255,255,255,0); }
}

.wnt-hero-content{
		position:relative;
		z-index:2;
		padding:4rem 2rem;
		min-height:450px;
		display:flex;
		align-items:center;
}


.wnt-overline{
		font-size:1.1rem;
		line-height:1.2;
		text-transform:uppercase;
		color:#fff;
}

.wnt-main-title{
		font-size:clamp(2rem,3.2vw,3.2rem);
		line-height:1.05;
		font-weight:700;
		text-transform:uppercase;
		color:#fff;
}

.wnt-subtitle{
		font-size:clamp(0.8rem,3.2vw,1.25rem);
		line-height:1.35;
		color:#fff;
		margin-bottom:1rem;
}

.wnt-link-list, .wnt-link-list-dark{
		list-style:none;
		padding:0;
		margin:0;
}

.wnt-link-list li, .wnt-link-list-dark li{
		color:#fff;
		font-size:clamp(0.8rem,3.2vw,1.1rem);
		line-height:1.45;
		margin-bottom:.5rem;
}

.wnt-link-list li:before, .wnt-link-list-dark li:before{
		content:"▶";
		font-size:.7rem;
		margin-right:.5rem;
		color:var(--wnt-link);
		position:relative;
		top:-1px;
}

.wnt-link-list-dark li:before {
		color:var(--wnt-blue);
}

.wnt-before-title{
		font-size:clamp(1.6rem,2.8vw,2.5rem);
		line-height:1.05;
		font-weight:700;
		text-transform:uppercase;
		color:#fff;
}

.wnt-before-item{
		color:#fff;
		font-size:1.1rem;
		line-height:1.45;
		position:relative;
		padding-left:1rem;
}

.wnt-before-item:before{
		content:"▶";
		font-size:.7rem;
		color:var(--wnt-link);
		position:absolute;
		left:0;
		top:.35rem;
}

.wnt-section-title{
		font-size:clamp(1.5rem,2.8vw,3rem);
		line-height:1.05;
		font-weight:700;
		text-transform:uppercase;
		color:var(--wnt-blue);
}

.wnt-card{
		background:var(--wnt-blue);
		color:#fff;
		height:100%;
}

.wnt-card:target , #know:target {
	animation: pulse-card 3s ease;
}

@keyframes pulse-card {
	0%   { background: var(--wnt-blue-dark); }
	30%  { background: var(--wnt-link); }
	100% { background: var(--wnt-blue); }
}

.wnt-card-title{
		font-size:1.5rem;
		line-height:1.1;
		font-weight:700;
		text-transform:uppercase;
		margin-bottom:1.25rem;
		text-align: center !important;
}

.wnt-card-text{
		font-size:1rem;
		line-height:1.45;
}

.wnt-btn{
		display:inline-block;
		width:100%;
		background:#fff;
		color:var(--wnt-blue);
		text-decoration:none;
		text-transform:uppercase;
		font-weight:700;
		font-size:1.35rem;
		padding:.95rem 1rem;
		text-align:center;
}

.wnt-btn:hover,
.wnt-btn:focus{
		color:var(--wnt-blue);
		text-decoration:none;
}

.wnt-code-box{
		width:100%;
		background:#fff;
		color:var(--wnt-blue);
		text-transform:uppercase;
		font-weight:700;
		font-size:1.35rem;
		padding:.95rem 1rem;
		text-align:center;
}

.wnt-photo-select{
		width:100%;
		min-height:120px !important;
		font-size:0.8rem;
		color:#2a3d63;
}

.wnt-photo-item {
	font-size: 0.7rem;
	color: #2a3d63;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}
.wnt-photo-item:hover,
.wnt-photo-item:focus {
	color: var(--wnt-blue);
	background: rgba(0,0,0,0.03);
}

.wnt-photo-scroll {
	background: #fff;
	padding: 0.5rem;
	max-height: 160px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

.wnt-photo-scroll::after {
	content: "";
	position: sticky;
	bottom: 0;
	display: block;
	height: 28px;
	margin-top: -28px;
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.95));
	pointer-events: none;
}

.wnt-quick-nav {
	background: var(--wnt-blue-dark);
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 1029;
}

.wnt-quick-link {
	color: #fff;
	text-decoration: none;
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.wnt-quick-link:hover,
.wnt-quick-link:focus {
	color: var(--wnt-link);
}

.wnt-footer{
		background:var(--wnt-blue);
		color:#fff;
		font-size:.95rem;
}

.wnt-footer a{
		color:var(--wnt-link);
		text-decoration:none;
}

.modal-body{
		font-size:1.05rem;
		line-height:1.6;
}

@media (min-width: 992px){
		.wnt-hero-divider{
				border-right:5px solid rgba(255,255,255,1);
		}
}

@media (max-width: 991.98px){
		.wnt-hero-col,
		.wnt-hero-content{
				min-height:260px;
		}

		.wnt-hero-col{
				border-bottom:2px solid rgba(255,255,255,1);
		}
}

@media (max-width: 575.98px){
		.wnt-logo{
				width:84px;
				top:0px !important;
				
		}
		
		.wnt-header {
				top:-15px;
		}

		.wnt-arrow-btn{
				width:23px;
				height:23px;
				min-width:23px;
		}

		.wnt-arrow-btn:before{
				width:7px;
				height:7px;
				top:7px;
				left:8px;
				border-right:3px solid var(--wnt-blue);
				border-bottom:3px solid var(--wnt-blue);
		}

		.wnt-hero-content{
				padding:2rem 1.25rem;
		}

		.wnt-link-list li,
		.wnt-card-text{
				font-size:1rem;
		}
		
		
		.wnt-before-item {
				font-size:0.8rem;
		}

		.wnt-card-title{
				font-size:1.4rem;
		}

		.wnt-btn,
		.wnt-code-box{
				font-size:1.15rem;
		}
}