body { background-size: cover; }

#header_banner	{ background-image: url('../gfx/undervisningsportal.png'); background-repeat: no-repeat; background-position: center center; }
#ds_background	{ background-image: url('../gfx/Baggrundstapet_PORTAL_VALGFAG_EXE.png'); }

a:link,
a:active,
a:visited				{ color: #670e52 !important; }

#menu_nav				{ background-color: #670e52; }
#menu_nav a:link,
#menu_nav a:active,
#menu_nav a:visited		{ color: #ffffff !important; }
#menu_nav a:hover,
#menu_nav a.current		{ background-color: #4b093c; }
header a:hover svg		{ fill: #ffffff; }
header #header_main		{ background-color: #670e52; }

button, a.button		{ background-color: #4b093c; color: #ffffff !important; }
button:hover, a.button:hover	{ background-color: #3b092f; }
header .global_search	{ background-color: #4b093c; border: 0; }

/* #cookie_text			{ background-color: #670e52; }
#cookie_text #cookie_accept_button 	{ background-color: #4b093c; } */

#cookie_text {
  background-color: #670e52;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  border-top: 1px solid #580c42;
}

#cookie_text p {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.cookie_accept_button {
  background-color: #4b093c;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-family: inherit;
  font-size: inherit;
  border: none;
  margin: 5px;
  cursor: pointer;
  padding: 0 20px;
  border-radius: 5px;
}

.cookie_accept_button:hover {
  opacity: 0.9;
}

.cookie_customize_button {
  background-color: #741159;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-family: inherit;
  font-size: inherit;
  border: none;
  margin: 5px;
  cursor: pointer;
  padding: 0 20px;
  border-radius: 5px;
}

.cookie_customize_button:hover {
  opacity: 0.9;
}

#cookie_customize_container {
  background-color: #7a2661;
  padding: 15px;
  border-radius: 5px;
  margin-top: 10px;
  text-align: left;
  color: #ffffff;
}

.cookie_option {
  margin-bottom: 15px;
}

.cookie_option_label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

.cookie_option_label input[type="checkbox"] {
  display: none;
}

.cookie_option_label .slider {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #ccc;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cookie_option_label .slider:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  top: 1px;
  left: 1px;
  transition: transform 0.3s;
}

.cookie_option_label input[type="checkbox"]:checked + .slider {
  background-color: #4b093c;
}

.cookie_option_label input[type="checkbox"]:checked + .slider:before {
  transform: translateX(20px);
}

.cookie_option_description {
  margin: 0;
  padding-left: 30px;
  font-size: 13px;
  line-height: 1.5;
}

.cookie_option_label input[type="checkbox"]:disabled + .slider {
  opacity: 0.5;
  cursor: not-allowed;
}


input															{ border: 1px solid #4b093c; }
form input[type=button],
form input[type=submit]											{ background-color: #4b093c; color: #ffffff; }
form input[type=button]:hover,
form input[type=submit]:hover									{ background-color: #3b092f; }
select															{ border: 1px solid #4b093c;}

#static_menu,
#main_menu														{ background-color: #670e52; color: #ffffff; }
#static_menu .static_menu_item:hover,
#static_menu .static_menu_item.static_menu_item_active			{ background-color: #4b093c; }

.items .item .item_image .item_image_new					{ background-color: #670e52; }

.items a.item_title,
.items a.item_title:hover { color: #670e52; }
#list_show_picture_label,
#list_sort_by_label			{ font-size: 16px; }

header nav li								{ width: 25%; }

.search_results							{ background-color: #670e52; }

#ds_publication_menu					{ background-color: #670e52 !important; color: #ffffff !important; }
.ds_publication_menu_title				{ background-color: #4b093c !important; }
#ds_publication_menu_closed				{ background-color: #4b093c !important; }
.ds_accordion .ds_accordion_item .ds_accordion_item_title { background-color: #4b093c !important; }

.ds_publication_menu_item:hover,
.ds_publication_menu_item_active		{ background-color: #3b092f !important; }

#ds_previous_publication,
#ds_next_publication					{ color: #670e52 !important; border-color: #670e52 !important; }

.ds_tag									{ background-color: #4b093c !important; }

@media only screen and (max-width:960px) {
	header nav ul li a:link,
	header nav ul li a:active,
	header nav ul li a:visited									{ background-color: #670e52; }
	header nav ul li a:hover,
	header nav ul li a.current									{ background-color: #4b093c; }
	.mobile_menu_search											{ background-color: #670e52; }
}

.acmain {
  background-color: #eee;
  color: #444!important;
  cursor: pointer;
  height: 50px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius: 0;
  margin-top: 5px;
}

.acmain:after{
	float: right;
	content: '\002B';
    font-weight: bold;
}
.acmain.acactive:after{
	content: "\2212";
}


.acactive, .acmain:hover {
  background-color: #eee;
}


.apanel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.ds_accordion_item_content span {
    font-size: 24px;
}

.ds_accordion br{
	display: none;
}
.ds_accordion_item_content br{
	display: block;
}

.fav {
  position: relative;
  bottom: -3px;
}

@media (max-width: 760px){
  .fav {
    min-height: 5px;
  }
}

@media (min-width: 761px){
  .fav {
    min-height: 12px;
  }
}


.favpage {

  display: block;
  /*
  height: 50px;
  */

  display: block;
  width: 40px;
  float: right;
  cursor: pointer;
  top: 20px;
  right: 10px;
}

.favsangbank {
  display: initial !important;
}

.fav svg {
  color: #ccc !important;
  fill: #ccc !important;
  max-height: 30px;
  position: absolute;
  right: 0;
  height: 30px;
  filter: drop-shadow(0px 0px 2px black);
}

.favsangbank svg {
  position: relative;
  height: 30px;
  display: initial;
  left: 15px;
  bottom: -4px;
  cursor: pointer;
}

.favin svg {
  color: #941576 !important;
  fill: #941576 !important;
}

.favlist svg {
  bottom: 0 !important;
}

.titlefavlist {
  margin-top: 10px;
  height: 40px !important;
  line-height: 0.8rem !important;
  margin-bottom: 0 !important;
  border-bottom: #d5dfd5 solid 1px;
}

.titlefavlist .fav {
  bottom: -5px !important;
  left: -5px !important;
}

.publications_items .fav svg, .activities_items .fav svg {
  max-height: 20px;
  right: 10px;
  bottom: -22px;
  height: 20px;
}

.publications_items .fav, .activities_items .fav {
  min-height: 0;
}

.favmenuheader {
  height: 20px !important;
  float: right;
  padding: 14px;
}

.favmenuheader svg {
  height: 22px !important;
}

.invisible {
  visibility: hidden !important;
  display: none !important;
}

.fav-main .ds_accordion .ds_accordion_item .ds_accordion_item_title.active {
  background-color: #941576;
}

#link_back {
  max-width: 100px;
}

/* Newsfeed/slider embed (cross-origin, ui.dansksang.dk): same fix as the dansksangdigital
   template. The authored markup uses height="120%", which has no reference height and
   collapses, clipping the content. Pin the height here so the embed is shown in full.
   !important keeps it consistent and robust against any inline style on the iframe. */
#newsfeed {
  width: 100%;
  height: 460px !important;
  border: 0;
}