:root {
   --dark-green: #243508;
   --light-green: #BFF355;
   --text:#3C4748;
}

p {font-family: Roobert, sans-serif !important; font-weight: 200 !important;}

.inner { width: 100%; max-width: 1200px; padding: 0 10px; margin: 0 auto; }

section.hero-header { background-size: cover; background-position: center; background-repeat: no-repeat; height: 420px; position: relative; z-index: 2; overflow: hidden; }
section.hero-header .inner	{display: flex; height: 100%; align-items: center; position: relative; z-index: 2; }

section.hero-header .video-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; }
section.hero-header .video-container video { width: 100vw; height: 100%; object-position: center; object-fit: cover; }


.hero-text-box { background-color: var(--dark-green); padding: 45px 30px; width: 100%; max-width: 410px; margin: 0; }
.hero-text-box .logo-and-title { display: flex; flex-direction: row; align-items: start; gap: 20px; margin: 0 0 30px 0; }
.hero-text-box .logo-and-title img.logo { width: 100%; max-width: 334px;  }
.hero-text-box .logo-and-title h1.title { color: #ffffff; display: flex; flex-direction: column; gap: 5px; line-height: 1; font-size: 35px;}

.hero-text-box .logo-and-title h1.title span:nth-child(3) { color: var(--light-green); font-size: 25px; font-family: Roobert; }

.hero-text-box p { color: #ffffff; font-size: 17px; }
.hero-text-box p:last-child { margin-bottom: 0; }

section.actions { margin: 20px 0 30px 0; }
section.actions .inner { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: end; }


section.intro 		{ margin-top: 40px; color: var(--text); }

h2.section-title,
section.intro h2.page-title { color: var(--dark-green); margin-bottom: 0.75em; font-size: 35px; font-family: Roobert, sans-serif; font-weight: bold;}

h2.section-title {font-weight: normal;}


section.intro .page-intro { color: var(--text); line-height: 1.3em; font-size: 17px; }
section.intro .page-intro .standard-page-content :last-child { margin-bottom: 0; color: #3C4748; }


section.links { margin-top: 40px; }

section.additional-resources .ar-items,
section.links .link-items { display: flex; gap: 36px; }


section.links .link { background-color: var(--dark-green); padding: 30px;  width: calc(50% - 18px); min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; }
section.links .link .header { display: flex; flex-direction: row; gap: 20px; align-items: start; }
section.links .link .header img {transform: translate(0, 5px); }

section.links .link .header .content { margin: 0 0 10px 0; }

section.links .link .header p.title,
section.links .link .header p.subtitle { font-size: 24px; color: var(--light-green); margin-bottom: 1px; line-height: 1.2; }

section.links .link .header p.intro { color: #ffffff; margin-top: 5px; font-size: 17px; }

/*section.links .link .link-button { margin-top: 15px; }*/

section.links .link .link-button,
section.actions .link-button { background-color: var(--light-green); padding: 0.75em 1em; display: inline-flex; flex-direction: row; gap: 10px; align-items: center;  color: #000000; text-decoration: none; font-family: Roobert; font-size: 15px; font-weight: 400; border: 1px solid var(--light-green); transition: all 0.2s; line-height: 1.2em; }

section.links .link .link-button:after,
section.actions .link-button:after { content: ""; display: block; width: 12px; height: 16px; background-image: url("/_assets/btn-arrow-dark.png"); background-size: contain; background-position: center; background-repeat: no-repeat; align-items: center; }

section.links .link .link-button:hover { background-color: transparent; color: #ffffff; }

section.actions .link-button:hover { background-color: transparent; color: var(--hl-dark-green); }

section.links .link .link-button:hover:after { background-image: url("/_assets/btn-arrow-white.png"); }

.btn-2024.btn-my-alerts { font-size: 15px; padding-top: 0px; padding-bottom: 0px; height: 42px; gap: 10px; }
.btn-my-alerts:before { content: ""; display: inline-block; width: 21px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("/_assets/icon-my-alerts-filled-hl-light-green.png"); }
.btn-my-alerts:hover:before { background-image: url("/_assets/icon-my-alerts-filled-hl-dark-green.png"); }


div.switch-control .status-text.font-m { font-family: Roobert; }

section.additional-resources { margin-top: 40px; }

.slick-arrow { background-image: url("/_assets/icon-line-arrow-hl-dark-green.png") !important; border-color: #BFF355!important; transition: all 0.2s; }
.slick-arrow:hover { background-color: #BFF355 !important; }


/*.my-alert-form .form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.popup-modal .my-alert-form .form-fields .form-field { margin-bottom: 0; }

.popup-modal .my-alert-form .form-fields .form-field label { font-family: Roobert; font-size: 16px; color: var(--hl-dark-green); }
.popup-modal .my-alert-form .form-fields .form-field input[type=text],
.popup-modal .my-alert-form .form-fields .form-field ul.radio-button-list { background-color: var(--hl-light-taupe); border: none; font-family: Roobert; }

ul.radio-button-list { padding: 10px; }
ul.radio-button-list li { display: flex; flex-direction: row; gap: 10px; align-items: center; margin: 0 0 10px 0; font-family: inherit; color: inherit; font-weight: inherit; }
ul.radio-button-list li input[type=radio] { display: none; }
ul.radio-button-list li label:before { content: ""; display: inline-block; width: 0.8em; height: 0.8em; border-radius: 50%; border: 1px solid var(--hl-dark-green); }
ul.radio-button-list li label { margin-bottom: 0 !important; display: flex!important; flex-direction: row; gap: 10px; align-items: center; }

ul.radio-button-list li input[type=radio]:checked + label:before { background-color: var(--hl-dark-green); }

ul.radio-button-list li:last-child { margin-bottom: 0; }

.popup-modal .my-alert-form .icon-and-title { display: flex; flex-direction: row; gap: 20px; align-items: center; margin-bottom: 20px; }
.popup-modal .my-alert-form .icon-and-title h2 { font-family: Roobert; color: var(--hl-dark-green); font-weight: 500; font-size: 33px; }
.popup-modal .my-alert-form .icon-and-title img { height: 40px; }

.popup-modal .my-alert-form.popup-form .close-popup { top: 0; right: 0; border-radius: 0; background-color: var(--hl-light-green); background-image: url("/_assets/icon-close-dark.png") ; }
*/

/*section.additional-resources .ar-items .ar-col	{width: calc(50% - 18px);}
section.additional-resources .ar-items .ar-item { position: relative; background-size: cover;}
section.additional-resources .ar-items .ar-item:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.7; width: 100%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }

section.additional-resources .ar-items .ar-item a { position: relative; z-index: 1; padding: 30px; display: block; text-decoration: none; display: flex; flex-direction: column; justify-content: space-between; min-height: 250px; }

section.additional-resources .ar-items .ar-item a p.title { color: #ffffff; font-size: 29px; font-family: berlingske_sans_roundmedium, sans-serif; }

section.additional-resources .ar-items .ar-item a .indicator { display: block; width: 40px; height: 40px; border: 1px solid var(--light-green); transition: all 0.2s; }
section.additional-resources .ar-items .ar-item a .indicator { background-image: url("/_assets/icon-plus-white.png"); background-position: center; background-size: 21px 20px; background-repeat: no-repeat; }

section.additional-resources .ar-items .ar-item a:hover .indicator { background-color: var(--light-green); background-image: url("/_assets/icon-plus-dark-green.png"); }

.tilt-container	{perspective:300px;}
.tilt			{transition:all 0.3s;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;  transform-style: preserve-3d;}
.tilt:hover		{-webkit-transform: rotateX(4deg); -moz-transform: rotateX(4deg); -o-transform: rotateX(4deg); transform: rotateX(4deg); z-index:999;}
*/
@media (max-width: 660px) { section .hero-header	{height: auto; padding-top: 50px; padding-bottom: 50px;}
	
	section.links .link-items/*,
	section.additional-resources .ar-items*/	{flex-direction: column}
	
	section.links .link/*,
	section.additional-resources .ar-items .ar-col*/	{width: 100%;}
}

@media (max-width: 540px) {
	section.actions .inner { flex-direction: column; gap: 10px; align-items: end; }
}

/*@media (max-width: 450px) {
	.my-alert-form .form-fields { grid-template-columns: 1fr; }
}*/

@media (max-width: 375px) {

	.hero-text-box .logo-and-title h1.title {font-size: 32px; }

}