/**
 * @file
 * Subtheme specific CSS.
 */

/* ----- General ----- */


body {
  background: white;
  overflow-x: hidden;
  margin: 0;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

body.toolbar-horizontal.gin--vertical-toolbar #navbar-top.fixed-top,
body.toolbar-horizontal.gin--vertical-toolbar #navbar-main.fixed-top {
  top: 0;
}

img {
  height: auto;
  max-width: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Ubuntu', 'Open Sans', Arial, Helvetica, sans-serif;
  line-height: 1.25;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

a { text-decoration: none; }

.h2:first-child,
h2:first-child,
.h3:first-child,
h3:first-child,
.h4:first-child,
h4:first-child { margin-top: 0; }

h1, .h1 { font-size: 2.625rem; }
h2, .h2 { font-size: 1.625rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.25rem; font-weight: 300; }

h1.title {
  margin: 2rem 0 0.5rem;
}

#block-supportsite-breadcrumbs {
  margin-bottom: 3rem;
}

.navbar-nav li:last-child a,
.btn-primary,
.comment-add a,
.node-readmore,
.c-btn {
  background: #007aca;
  border: none;
  border-radius: 2rem;
  color: white;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.5rem 2rem;
  text-decoration: none;
  transition: all .5s ease;
}

.navbar-nav li:last-child a {
  font-weight: normal;
}

@media (min-width: 991px) {
  .navbar-nav li:last-child a {
    padding: 0.5rem 2rem !important;
  }
}

.navbar-nav li:last-child a:hover,
.btn-primary:hover,
.comment-add a:hover,
.node-readmore:hover,
.c-btn:hover {
  background-color: #006bb1;
  color: white;
}

.node-readmore a,
.c-btn a,
.node-readmore a:hover,
.c-btn a:hover {
  color: white;
  text-decoration: none;
}

.node__title a {
  text-decoration: none;
}


.main-content { margin-bottom: 4rem; }

/* Links */
.links-inline {
  margin: 1rem -0.5rem;
}

.links-inline > * {
  margin: 0 .5rem;
  padding: 0;
}

.nav-link:not(a) {
  color: #333;
}

/* Node */

.node--view-mode-teaser h2 a { color: #007aca; }


/* ----- Navigation ----- */

.region-secondary-menu {
  display: flex;
  width: 100%;
  justify-content: end;
}

.region-secondary-menu > * {
  flex: 0 1 auto;
  padding: 0 !important;
}

.region-secondary-menu a {
  color: #333;
  font-size: 0.75rem;
  padding: .5rem 0 .75rem 0;
  text-transform: uppercase;;
}

#CollapsingNavbar {
  justify-content: space-between;
}

#navbar-top { display: none; }
#navbar-main { display: block; }

@media ( min-width: 768px ) {
  #navbar-top { display: block; }
  #navbar-main { display: none; }

  .navbar-brand {
    display: flex;
    align-items: center;
    max-width: 200px;
  }

  .navbar-nav {
    margin: 0 -1rem;
    flex-direction: row;
  }

  .navbar-nav li { padding: 0 1rem; }
}

.nav-link {
  color: #007aca;
}

#navbar-top {
  border-bottom: 1px solid #d3d7d9;
}

#navbar-main a {
  display: block;
  text-align: center;
  margin: 0.5rem;
}

#navbar-main .navbar-brand {
  max-width: 200px;
  margin: 0 auto 2rem;
}

#navbar-main .field--name-field-media-image img,
#navbar-top .field--name-field-media-image img {
  max-height: 50px;
  width: auto;
}

/* ----- Header ----- */

#header {
  padding: 2.95rem 0;
  position: relative;
}

/* #header:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23e3c961' d='M1.5 178L74.1 26.5c2.3-4.9 6.9-8 12.3-8.5s10.5 1.9 13.6 6.3l97.2 137c3.2 4.5 3.7 10.1 1.4 15.1-2.3 5-6.9 8.2-12.4 8.7L16.4 199.5c-.4 0-.9.1-1.3.1-5 0-9.5-2.4-12.4-6.5-3.1-4.5-3.6-10.2-1.2-15.1z'/%3E%3C/svg%3E");
  position: absolute;
  width: 20em;
  height: 20em;
  top: 0;
  right: 0;
  pointer-events: none;
  transform: rotate(-25deg);
  transition: transform .25s ease;
  z-index: 0;
} */

/* ----- Views ----- */

/* Forum indlæg */
.view-id-seneste_forum_indlaeg .views-row {
  margin: 0.5rem 0;
}

.view-id-seneste_forum_indlaeg  .views-field-created,
.view-id-seneste_forum_indlaeg .views-field-uid {
  font-size: 0.86rem;
}

.view-id-seneste_forum_indlaeg .views-field-uid,
.view-id-seneste_forum_indlaeg .views-label { font-weight: bold; }

/* Search */
.featured-top {
  background: #003251;
  padding: 5rem 0 4rem;
  margin-bottom: 2rem;
}

.path-frontpage .featured-top {
  margin-bottom: 0;
}

.view-id-support_site_search .views-field-name {
  font-size: 0.86rem;
  font-style: italic;
}

#edit-field-kategori,
#edit-field-kategori--2,
#edit-field-kategori--3,
#edit-field-kategori--4,
#edit-field-kategori--5,
#edit-field-kategori--6,
#edit-search-api-fulltext,
#edit-search-api-fulltext--2,
#edit-search-api-fulltext--3,
#edit-search-api-fulltext--4,
#edit-search-api-fulltext--5,
#edit-search-api-fulltext--6 {
  border-radius: 2rem;
  font-size: 1.5rem;
  padding: 0.75rem 2rem;
}

#edit-submit-support-site-search--6,
#edit-submit-support-site-search--5,
#edit-submit-support-site-search--4,
#edit-submit-support-site-search--3,
#edit-submit-support-site-search--2,
#edit-submit-support-site-search {
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem 4rem;
  white-space: nowrap;
}

.js-form-item-field-kategori label,
.js-form-item-search-api-fulltext label { display: none; }

.view-support-site-search .views-row {
  margin: 1rem 0;
}

.block-views-exposed-filter-blocksupport-site-search-page-1 label,
.block-views-exposed-filter-blocksupport-site-search-page-2 label,
.block-views-exposed-filter-blocksupport-site-search-page-3 label,
.block-views-exposed-filter-blocksupport-site-search-page-4 label,
.block-views-exposed-filter-blocksupport-site-search-page-5 label,
.block-views-exposed-filter-blocksupport-site-search-page-6 label {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media (min-width: 780px) {

  .block-views-exposed-filter-blocksupport-site-search-page-1 .form-row,
  .block-views-exposed-filter-blocksupport-site-search-page-2 .form-row,
  .block-views-exposed-filter-blocksupport-site-search-page-3 .form-row,
  .block-views-exposed-filter-blocksupport-site-search-page-4 .form-row,
  .block-views-exposed-filter-blocksupport-site-search-page-5 .form-row,
  .block-views-exposed-filter-blocksupport-site-search-page-6 .form-row {
    display: flex;
  }

  .block-views-exposed-filter-blocksupport-site-search-page-1 .form-row > .form-item-search-api-fulltext,
  .block-views-exposed-filter-blocksupport-site-search-page-2 .form-row > .form-item-search-api-fulltext,
  .block-views-exposed-filter-blocksupport-site-search-page-3 .form-row > .form-item-search-api-fulltext,
  .block-views-exposed-filter-blocksupport-site-search-page-4 .form-row > .form-item-search-api-fulltext,
  .block-views-exposed-filter-blocksupport-site-search-page-5 .form-row > .form-item-search-api-fulltext,
  .block-views-exposed-filter-blocksupport-site-search-page-6 .form-row > .form-item-search-api-fulltext {
    flex: 1 1 auto;
  }

  .block-views-exposed-filter-blocksupport-site-search-page-1 .form-row > #edit-actions,
  .block-views-exposed-filter-blocksupport-site-search-page-2 .form-row > #edit-actions,
  .block-views-exposed-filter-blocksupport-site-search-page-3 .form-row > #edit-actions,
  .block-views-exposed-filter-blocksupport-site-search-page-4 .form-row > #edit-actions,
  .block-views-exposed-filter-blocksupport-site-search-page-5 .form-row > #edit-actions,
  .block-views-exposed-filter-blocksupport-site-search-page-6 .form-row > #edit-actions {
    flex: 0 1 auto;
  }

}

/* Terms pages */

.view-support-artikel-oversigt.view-display-id-block_2 .view-content {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem -1rem;
}

.view-support-artikel-oversigt.view-display-id-block_2 .view-content > * {
  flex: 0 1 calc(33% - 2rem);
  margin: 1rem;
}

.view-support-artikel-oversigt.view-display-id-block_2 .views-field-title {
  margin: 0.25rem 0;
}

.view-taxonomy-term > .view-content { display: none; }
.page-vocabulary-forums .view-taxonomy-term > .view-content { display: block; }

/* Operations */

.view-id-operations {}

.view-display-id-block_3 .view-content { display: none; }

.view-display-id-block_1 .node--view-mode-mini,
.view-display-id-block_2 .node--view-mode-mini,
.view-display-id-block_3 .view-empty {
  border: 1px solid #f0e0d8;
  border-radius: 5px;
  padding: 2rem;
  margin: 1rem 0;
}

.view-display-id-block_1 .node--view-mode-mini {
  background: #dc104f;
  color: white;

}

.view-display-id-block_2 .node--view-mode-mini {
  background: #dcc567;
}


.view-display-id-block_1 .node--view-mode-mini a,
.view-display-id-block_3 a {
  color: white;
}

.view-display-id-block_2 .node--view-mode-mini a {
  color: #262626;
}

.view-display-id-block_3 .view-empty {
  background: #d2edfa;
  padding-bottom: 1rem;
}

.view-display-id-block_3 .view-empty h2 {
  margin-bottom: 0.25rem;
}

.view-display-id-block_1 h2,
.view-display-id-block_2 h2 {
  margin: 0;
}

.view-display-id-block_1 .field--name-field-operations-dato,
.view-display-id-block_2 .field--name-field-operations-dato {
  display: inline-block;
  font-size: 0.86rem !important;
  font-style: italic !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-right: 1rem !important;
}

.view-display-id-block_1 .node__content,
.view-display-id-block_2 .node__content {
  margin: 0;
}

.view-display-id-block_1 .field--name-field-operations-type,
.view-display-id-block_2 .field--name-field-operations-type {
  display: inline-block;
  font-size: 0.86rem;
  font-weight: bold;
  margin-bottom: 0 !important;
}

/*
.view-id-operations .views-col {
  background: white;
  padding: 2rem;
  border-radius: 5px;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  margin: 1rem;
  padding-bottom: 6rem;
  position: relative;

  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.view-id-operations .views-label { font-weight: bold; }

.view-id-operations .views-field-title a {
  color: #333;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 2rem;
  text-decoration: none;
}

.view-id-operations .views-field-field-operations-dato { font-size: 0.86rem; }

.view-id-operations .views-field-field-operations-status { font-weight: bold; }

.view-id-operations .views-field { margin-bottom: 0.5rem; }
.view-id-operations .views-field:last-child { margin-bottom: 0; }

.view-id-operations .views-row {
  display: flex;
  margin: 2rem -1rem;
  position: relative;
}
.view-id-operations .views-row > * { flex: 0 1 auto; }

.view-id-operations .views-col:after {
  content: "";
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  width: 2.75em;
  height: 2.75em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23007aca' /%3E%3Cpath d='M16.829 12.5l7.341 7.341-7.341 7.341' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
} */

/* ----- Fields ----- */

 @media (min-width: 560px) {
  .node .field--type-image {
      float: none !important;
  }
}

.field--type-comment {
  margin-top: 2rem;
}


/* ----- Footer ----- */

.site-footer .block {
  border: none;
  padding: ;
}

.site-footer .content,
.site-footer h2 {
  color: white;
}

.site-footer__top h2 {
  border: none;
}

.site-footer .content a,
.site-footer .content a.is-active {
  color: white;
}

@media (min-width: 851px) {
  .site-footer .region {
    box-sizing: border-box;
    display: flex;
  }

  .site-footer .region > * {
    flex: 1 1 auto;
    width: 33%;
    padding: 0 1%;
  }
}

/* ----- Main content area ----- */


/* ----- News ----- */

.block-field-blocknodearticlecreated {
  font-style: italic;
}

.block-field-blocknodearticlebody {}


/* ----- Fields page ----- */

.field--name-body { margin: 0; }


/* ----- Sidebar ----- */

.sidebar h2 { border: none; }
.sidebar .block {
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  padding: 2rem 1rem;
}

/* ----- Updates page ----- */

.node--view-mode-teaser h2.node__title {
  margin: 0 0 1rem;
  padding: 0;
}

.node--view-mode-teaser .field--name-body {
  margin: 0 0 1rem;
}

/* ----- Forum ----- */

.node--type-forum .comment { display: flex; }

.comment-add { margin-bottom: 2rem; }

/* ----- Operations page ----- */

.node--type-operations .card-block {
  background: white;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  border-radius: 5px;
  font-size: 0.86em;
  padding: 1rem;
  margin-bottom: 2rem;
}

.node--type-operations .field { margin: 0; }

.node--type-operations:not(.node--view-mode-teaser) .field--name-field-operations-dato {
  font-weight: 800;
  margin: 0 0 1rem;
}

.view-display-id-page_1.view-updates .views-row  > *,
.view-display-id-page_1.view-forum .views-row  > * {
  padding: 1rem !important;
}

.view-display-id-page_1.view-operations .node--view-mode-teaser,
.view-display-id-page_1.view-updates .node--view-mode-teaser,
.view-display-id-page_1.view-forum .node--view-mode-teaser {
  border: none;
  margin: 0;
  padding: 0;
}

.view-display-id-page_1.view-operations .node--view-mode-teaser {
  padding: 2rem;
}

.view-id-operations.view-display-id-page_1 .views-row:nth-child(odd) > *,
.view-display-id-page_1.view-updates .views-row:nth-child(odd) > *,
.view-display-id-page_1.view-forum .views-row:nth-child(odd) > * {
  background: #efefef;
}

.node--type-operations.node--view-mode-teaser .field--name-body {
  margin: 1rem 0 0;
}

.node--type-operations.node--view-mode-teaser .field--name-field-operations-dato {
  font-style: italic;
  margin: 0;
}

.node--type-operations .field__label {
  font-weight: 800;
  margin: 0;
}

.align-center {
  text-align: center;
}

.field--type-iframe {
  position: relative;
  width: 100%;
  height: 0;
  margin: 2rem 0;
  padding-bottom: 56.25%;
}

.field--type-iframe iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

hr {
  height: 3px!important;
  display: block;
  background: #006BB1;
  border: none;
  margin: 20px 0;
}

/*
Margins and padding
*/
.mg-top-80{margin-top: 80px;}
.mg-top-70{margin-top: 70px;}
.mg-top-60{margin-top: 60px;}
.mg-top-50{margin-top: 50px;}
.mg-top-40{margin-top: 40px;}
.mg-top-30{margin-top: 30px;}
.mg-top-25{margin-top: 25px;}
.mg-top-20{margin-top: 20px;}
.mg-top-15{margin-top: 15px;}
.mg-top-10{margin-top: 10px;}

.mg-bt-50{margin-bottom: 50px;}
.mg-bt-40{margin-bottom: 40px;}
.mg-bt-30{margin-bottom: 30px;}
.mg-bt-20{margin-bottom: 20px;}
.mg-bt-10{margin-bottom: 10px;}

.mg-lft-20{margin-left: 20px;}
.mg-lft-40{margin-left: 40px;}

.pd-tb-50{padding: 50px 0;}
.pd-tb-25{padding: 25px 0;}
.pd-tb-15{padding: 15px 0;}
.pd-tb-10{padding: 10px 0;}