/*09:02:07*/
/* THEME STYLES */

/* BEMÆRK - tilsvarende styles i custom styles har højere prioritet og vil tilsidesætte her angivne styles */

/* KOMMENTARER */
/* Tekst mellem mellem skråstreg-stjerne og stjerne-skråstreg er forklarende kommentarer - de har ingen betydning for stylingen */

/* body omfatter alt */
body {
  font: 18px/28px 'proxima-nova'; /* Skrifttype som er standard (størrelse/linjehøjde) */
}

/*Som følge af forøget skriftstørrelse, skal forløbsmenuen 'breake' ved færre tegn*/
.course-chapter {
  max-width: 4em;
}
.course-breadcrumb-link{
  max-width: 5em;
}

/* .portal-title er titlen i værktøjslinjen */
.portal-title {
  font-family: 'proxima-nova'; /* Skrifttype */
}
@media (min-width: 992px) {
/*Topmenu generelt*/
 .top-menu{
   height:79px;
 }
 .top-menu ul{
   /*bestemmer hvordan første og sidste menupunkt flugter*/
   margin-left: -45px;
   margin-right: -55px;
 }
}
/* topmenupunkter */
.top-menu-item {
  padding: 70px 0 0; /* When padding has three values then they indicate 1. top, 2. left-and-right and 3. bottom */
  background-position: 50% 12px;
  margin-right: 10px;
  font-size: 18px;
  line-height: 38px;
}
.top-menu-item.open{
color: darkred;
}
/*-------------------------------------------*/
/* Skjul titeltekst i topmenu på stor skærm  */
/*-------------------------------------------*/
/* Her skjules titlerne i topmenuen, ved at forskyde dem ud af skærmen. */
@media (min-width: 992px) {
  .top-menu-item-text {
    position:relative;
    right: 9999px;
    font-size: 1px;
}
  /* Her sættes størrelsen af menupunkterne, som skal passe til billederne. */
  .top-menu-item {
    width: 120px;
    height: 78px;
    padding-top: 0;
  }
}
/*-------------------------------------------*/

/* forløbsnavigation */
.course-navigation {
  line-height: 60px;
  font-size: 20px;
}

/* Overskrifter - h står for heading, 1-6 er størrelserne */

h1 {
  font-size: 78px; /* Skriftstørrelsen */
  font-weight: bold;
  color: #D03636; /* skriftfarve for alle størrelser af overskrifter */
}

h2 {
  font-size: 39px; /* Skriftstørrelsen */
  font-weight: bold;
}

h3 {
  font-size: 31px; /* Skriftstørrelsen */
}


/* type markør på indholdselementer (ikon i trekant øverst til venstre) */
.element-type-mark {
  border-radius: 12px 0 0 0; /* Afrundet hjørne øverst til venstre, radius 12 pixels */
}

/* indholdselementer */
.content-element,
.content {
  border-radius: 12px; /* Afrundede hjørner, radius 12 pixels */
  clear: both;
}

/* billeder */
.image .content img {
    border-radius: 12px; /* Afrundede hjørner, radius 12 pixels */
}

/* Top menu image styles */
