@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
:root {
  --body-font-family: "Poppins"; --body-font-weight: 300; --body-font-size: 1rem; --body-line-height: 1.65rem;
  --cassiopeia-font-family-headings: "Poppins"; --cassiopeia-font-weight-headings: 700;
  --body-bg: 		#ffffff;
  --black:			#202020; --white:	#fafafa;
  --purple-light:	#e7e2f2; --purple:	#c2b6df;
  --yellow-light:	#f5ecd1; --yellow:	#e6cf8d;
  --brown-light:	#ede7d9; --brown:	#d2c2a0;
  --green-light:	#eaefdd; --green:	#cbd7a9;
  --red-light:		#f5d8d5; --red:		#e59e97;
  --blue-light:		#d2e3ea; --blue:	#9ec3d1;
}

/* IMAGE SWITCH EFFECT -- MANGLER EN FADE TRANSITION */
.img-hover-picture2 { display: none; }
.thumbnail:hover .img-hover-picture1 { display: none; }
.thumbnail:hover .img-hover-picture2 { display: block; }

/* BACK TO TOP -- KAN DET STYLES BEDRE? */
.back-to-top-link, .back-to-top-link:hover, .back-to-top-link:focus { background: var(--blue-light) ; border: none; font-size: 2rem; padding: 0 0 0.2rem; color var(--black); }
a .back-to-top-link, a:hover .back-to-top-link, a:focus .back-to-top-link,
.back-to-top-link a, .back-to-top-link a:hover, .back-to-top-link a:focus { color var(--black); }

/* GENEREL */
body { font-family: var(--body-font-family); background: var(--white); }
p { margin-bottom: 0.75rem; line-height: 1.3; }
b, strong { font-weight: 600; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--cassiopeia-font-family-headings); font-weight: var(--cassiopeia-font-weight-headings); }
h1 { margin-top: 1rem; }
h3 { margin-top: 2rem; font-size: 2rem; }
h5 { text-transform: uppercase; }
.lead { font-size: 1.2rem; line-height: 1.25; }
.underline { text-decoration:underline; text-decoration-color: #760000; }

/* SMALL DEVICES - XS */
@media (max-width: 577px) {
  h1 { font-size: 1.5rem; }
  .lead { font-size: 1.1rem; }
}

/* BANNER */
.container-banner { background: var(--blue); justify-content: center; display: grid; }

/* HEADER */
.container-header .container-nav { padding-bottom: 0; justify-content: center; }
.container-header { background: var(--blue-light); }
.main-top { margin: 0 !important; }

/* FOOTER */
.footer { background-color: var(--blue-light); background-image: none; color: var(--black); }
.footer .grid-child { padding: 1rem 0 0.5rem 0; justify-content: center; }

.maximenufixed { display: grid !important; justify-content: center !important; }

/* MAIN MENU */
.titreck-text { font-size: 1rem !important; }
ul.maximenuck { background: var(--blue) !important; margin: 0rem !important; padding-left: 0 !important; }
ul.maximenuck li.maximenuck.level1 { text-transform: uppercase !important; margin: 0 !important; padding: 0.85rem 0.85rem 0.5rem 0.85rem !important; }
ul.maximenuck li.maximenuck.level1 a { color: var(--black) !important; padding: 0 !important; border-bottom: 2px solid transparent; }
ul.maximenuck li.maximenuck.level1.active,
ul.maximenuck li.maximenuck.level1:hover,
ul.maximenuck li.maximenuck.level1:focus { color: var(--white) !important; background: var(--black) !important; }
ul.maximenuck li.level1.parent > a:after,
ul.maximenuck li.level1.parent > span.separator:after { display: none !important; }
ul.maximenuck li.level1 a:hover { text-decoration: none !important; }

/* MOBILE MENU */
div#maximenuck112 { display: none !important; }  /* Fjerner menu id 112 i den normale menupos, så der ikke vises "dobbelt menu" i den normale menupos */
.mobilemenuck-button, .mobilemenuck-bar-button { background: var(--blue) !important; color: var(--black) !important; padding: 0.25rem 0.75rem 0 0 !important; font-family: math !important; font-size: 2.75rem !important; }
.mobilemenuck { background: var(--blue-light) !important; color: var(--white) !important; font-size: 0.8rem !important; }
.mobilemenuck-title, .mobilemenuck-bar-title { background: var(--blue) !important; color: var(--black) !important; font-size: 1.0rem !important; font-weight: 500 !important; }
.mobilemenuck-item > .level1 { background: var(--blue-light) !important; }
.mobilemenuck-item > .level1:hover, .mobilemenuck-item > .level2:hover { background: var(--blue) !important; }
.mobilemenuck-item > .level1 a, .mobilemenuck-item > .level1 a:hover { color: var(--black) !important; font-weight: 500 !important; }

/* BUTTONS */
.btn { line-height: 1.1; padding: 0.6rem 0.75rem; transition:all .25s; }
.btn-primary, .btn-primary:active, .btn-primary:focus { background: none; border: 1px solid var(--black); color: var(--black); box-shadow: none; }
.btn-primary:hover { background: rgba(255,255,255,.3); border: 1px solid var(--black); color: var(--black); }
.btn-secondary, .btn-secondary:active, .btn-secondary:focus { background: rgba(255,255,255,.3); border: 1px solid var(--black); color: var(--black); box-shadow: none; }
.btn-secondary:hover { background: none; border: 1px solid var(--black); color: var(--black); }

/* CARDS */
.card-header { font-weight: 700; font-size: 1.1rem; }
.card-title { margin-bottom: 0.25rem; }
.card-body { padding-bottom: 0.5rem; }
.card-footer { padding: 0; border: none; background: none; }
.card-reference { -webkit-transition: all .2s ease-in-out; }
.card-reference img { filter: opacity(75%); -webkit-filter: opacity(.75); -webkit-transition: all .2s ease-in-out; }
.card-reference:hover { -webkit-transform: scale(1.02); }
.card-reference:hover img { filter: opacity(100%); -webkit-filter: opacity(1); }

/* COLORS */
.black { color: var(--black); } 					.bg-black { background: var(--black); }
.white { color: var(--white); }						.bg-white { background: var(--white); }
.blue-light { color: var(--blue-light); } 			.bg-blue-light { background: var(--blue-light); }
.blue { color: var(--blue); }						.bg-blue { background: var(--blue); }
.green-light { color: var(--green-light); }			.bg-green-light { background: var(--green-light); }
.green { color: var(--green); }						.bg-green { background: var(--green); }
.purple-light { color: var(--purple-light); }		.bg-purple-light { background: var(--purple-light); }
.purple { color: var(--purple); }					.bg-purple { background: var(--purple); }
.brown-light { color: var(--brown-light); }			.bg-brown-light { background: var(--brown-light); }
.brown { color: var(--brown); }						.bg-brown { background: var(--brown); }
.red-light { color: var(--red-light); }				.bg-red-light { background: var(--red-light); }
.red { color: var(--red); }							.bg-red { background: var(--red); }
.yellow-light { color: var(--yellow-light); }		.bg-yellow-light { background: var(--yellow-light); }
.yellow { color: var(--yellow); }					.bg-yellow { background: var(--yellow); }

/* BORDERS */
.no-border { border: none; }
.small-border-black { border: 1px solid var(--black) !important; }
.small-border-white { border: 1px solid var(--white) !important; }

/* HTML5 AUDIO PLAYER */
audio { height: 3rem; width: 100%; }
audio::-webkit-media-controls-panel { background-color: var(--yellow-light); }
audio::-webkit-media-controls-mute-button {}
audio::-webkit-media-controls-panel {}
audio::-webkit-media-controls-mute-button {}
audio::-webkit-media-controls-play-button { background-color: var(--yellow); border-radius: 50% }
audio::-webkit-media-controls-timeline-container {}
audio::-webkit-media-controls-current-time-display {}
audio::-webkit-media-controls-time-remaining-display {}
audio::-webkit-media-controls-timeline {}
audio::-webkit-media-controls-volume-slider-container {}
audio::-webkit-media-controls-volume-slider {}
audio::-webkit-media-controls-seek-back-button {}
audio::-webkit-media-controls-seek-forward-button {}
audio::-webkit-media-controls-fullscreen-button {}
audio::-webkit-media-controls-rewind-button {}
audio::-webkit-media-controls-return-to-realtime-button {}
audio::-webkit-media-controls-toggle-closed-captions-button {}

/* REGULAR LABS MODALS */
[data-modals-element=modal] [data-modals-element=slide-title] { line-height: 1.4; }

@media only screen and (max-width: 991.98px) {
  .container-header { border-bottom: 0 !important; }
  .container-header .grid-child { padding: 0 !important; }
}