@charset "UTF-8";
html, body {
  height: 100%;
  width: 100%; }

body {
  background: #fff;
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300; }

header {
  height: 50px;
  position: relative; }

header .header {
  position: fixed;
  background: #252A3A;
  width: 100%;
  height: 50px;
  z-index: 110;
  box-sizing: border-box;
  padding: 10px; }

h1 {
  font-family: 'Titillium Web', sans-serif; }

a#logo {
  width: 130px;
  float: left; }

a#logo img {
  height: 100%;
  width: 100%; }

p {
  margin: 1em 0; }

#content h2.pane-title, .view-article-archive .date-nav div.date-heading h3, body.page-magasiner .pane-page-title {
  color: #fff;
  font-weight: 300;
  border-bottom: 3px solid #95A6B0;
  padding: 0px 10px;
  margin: 0 0 15px;
  text-align: left;
  text-transform: uppercase;
  background: #252A3A;
  font-size: 20px;
  height: 33px;
  box-sizing: border-box;
  line-height: 33px; }

.view-article-archive .date-nav-wrapper .date-nav {
  padding: 0;
  margin: 0; }
  .view-article-archive .date-nav-wrapper .date-nav ul.pager {
    margin-bottom: 0; }
    .view-article-archive .date-nav-wrapper .date-nav ul.pager li {
      list-style: none;
      border-radius: 0;
      padding: 5px; }
      .view-article-archive .date-nav-wrapper .date-nav ul.pager li a {
        text-transform: uppercase;
        font-weight: 400;
        margin: 0;
        padding: 0 5px; }
    .view-article-archive .date-nav-wrapper .date-nav ul.pager li.date-prev {
      margin-right: 10px; }
  .view-article-archive .date-nav-wrapper .date-nav div.date-heading h3 {
    padding-bottom: 6px; }

ul.menu {
  margin: 0; }

.article-list {
  clear: both; }

.article-list, .view-article-archive, .pane-magasiner-panel-pane-1 {
  padding: 10px; }

.view .date-nav-wrapper {
  margin-top: 0; }

.dashboard-item {
  border-bottom: 1px solid #DDDDDD;
  padding: 5px;
  float: left;
  width: 100%;
  box-sizing: border-box; }
  .dashboard-item .dashboard-list-item {
    width: 92%;
    float: left; }
    .dashboard-item .dashboard-list-item .user-picture {
      width: 15%;
      vertical-align: top;
      display: table-cell;
      padding: 5px 0 5px 10px; }
      .dashboard-item .dashboard-list-item .user-picture img {
        width: 100%;
        height: auto;
        display: block; }
    .dashboard-item .dashboard-list-item .info {
      width: 85%;
      box-sizing: border-box;
      display: table-cell;
      vertical-align: top; }
      .dashboard-item .dashboard-list-item .info time {
        font-size: 12px; }
      .dashboard-item .dashboard-list-item .info a {
        text-decoration: none;
        color: #000000;
        padding: 10px;
        float: left;
        width: 100%;
        box-sizing: border-box; }
        .dashboard-item .dashboard-list-item .info a h1 {
          font-size: 14px;
          margin: 0; }
  .dashboard-item div.edit {
    width: 8%;
    float: left; }
    .dashboard-item div.edit a {
      display: block;
      float: right;
      color: #fff;
      text-decoration: none;
      background: #95A6B0;
      text-transform: uppercase;
      font-size: 10px;
      height: 25px;
      line-height: 25px;
      padding: 0 5px;
      box-sizing: border-box; }

.article-list.ritzau div.edit {
  width: 13%; }

.article-list.ritzau .dashboard-list-item {
  width: 87%; }

.views-row-last .dashboard-list-item:last-child {
  border-bottom: 0; }

.dashboard-article-list, .view-article-archive .view-content, .view-magasiner {
  border: 1px solid #ddd; }

.dashboard-article-list .view-filters {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd; }

.dashboard-content h3, .view-article-archive .view-content h3, .view-article-archive .view-header h3, .view-magasiner h3 {
  color: #252A3A;
  background: #EEEEEE;
  display: block;
  padding: 7px 5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  height: 31px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  margin: 0; }

.calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 {
  color: #252A3A;
  text-transform: uppercase;
  line-height: 30px; }

.year-view div.month-view div.date-nav {
  height: 30px; }

.calendar-calendar .year-view td table td {
  height: 26px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px; }

.calendar-calendar tr, .calendar-calendar table.mini td.empty {
  border: 1px solid #ccc; }

table td.mini a {
  font-weight: normal;
  display: block;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  color: #252A3A;
  font-weight: bold;
  font-size: 16px; }

.primary-button,
.secondary-button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 20px; }

.primary-button {
  color: #fff;
  background: #1b98f8;
  margin: 1em 0; }

.secondary-button {
  background: #fff;
  border: 1px solid #ddd;
  color: #666;
  padding: 0.5em 2em;
  font-size: 80%; }

/*
 * -- LAYOUT STYLES --
 * This layout consists of three main elements, `#site-navigation` (navigation bar), `#content_row_left` (email list), and `#content_row_right` (email content). All 3 elements are within `#content-wrapper`
 */
#site-navigation, #content_row_left, #content_row_right {
  margin: 0;
  padding: 0; }

/* Make the navigation 100% width on phones */
#site-navigation {
  padding: 10px;
  box-sizing: border-box; }
  #site-navigation .nav-wrapper h2 {
    color: #fff;
    font-weight: 300;
    border-bottom: 3px solid #95A6B0;
    padding: 5px 10px;
    margin: 0 0 15px;
    text-align: left;
    text-transform: uppercase;
    background: #252A3A;
    font-size: 20px; }
  #site-navigation .nav-wrapper ul.menu {
    padding: 0; }
    #site-navigation .nav-wrapper ul.menu li {
      list-style: none; }
      #site-navigation .nav-wrapper ul.menu li a {
        color: #252A3A;
        text-decoration: none;
        display: block;
        font-size: 15px;
        padding: 5px 0; }
      #site-navigation .nav-wrapper ul.menu li a.active, #site-navigation .nav-wrapper ul.menu li a:hover {
        background: #95A6B0;
        color: #fff;
        box-shadow: 0px 0px 0px 1px #95A6B0;
        z-index: 1;
        padding: 5px; }
    #site-navigation .nav-wrapper ul.menu li.expanded {
      margin-top: 15px;
      border: 1px solid #DDDDDD; }
      #site-navigation .nav-wrapper ul.menu li.expanded .nolink {
        color: #252A3A;
        background: #DDDDDD;
        display: block;
        padding: 7px 5px;
        line-height: 1;
        text-transform: uppercase;
        font-size: 14px; }
      #site-navigation .nav-wrapper ul.menu li.expanded a {
        padding: 5px;
        border-bottom: 1px solid #DDDDDD; }
      #site-navigation .nav-wrapper ul.menu li.expanded li:last-child a {
        border-bottom: 0; }
      #site-navigation .nav-wrapper ul.menu li.expanded a:hover, #site-navigation .nav-wrapper ul.menu li.expanded a.active {
        border-bottom: 1px solid #95A6B0; }

/* Show the "Menu" button on phones */
#site-navigation .nav-menu-button {
  display: block;
  top: 0.5em;
  right: 0.5em;
  position: absolute; }

/* When "Menu" is clicked, the navbar should be 80% height */
#site-navigation.active {
  height: 80%; }

/* Don't show the navigation items... */
.nav-inner {
  display: none; }

/* ...until the "Menu" button is clicked */
#site-navigation.active .nav-inner {
  display: block;
  padding: 2em 0; }

/*
 * -- NAV BAR STYLES --
 * Styling the default .pure-menu to look a little more unique.
 */
#site-navigation .pure-menu {
  background: transparent;
  border: none;
  text-align: left; }

#site-navigation .pure-menu-link:hover,
#site-navigation .pure-menu-link:focus {
  background: #373c5a; }

#site-navigation .pure-menu-link {
  color: #fff;
  margin-left: 0.5em; }

#site-navigation .pure-menu-heading {
  border-bottom: none;
  font-size: 110%;
  color: #4b7197; }

/* Move the layout over so we can fit the nav + list in on the left */
#content-wrapper {
  position: relative; }

/* These are position:fixed; elements that will be in the left 500px of the screen */
#site-navigation, #content_row_left {
  bottom: 0;
  overflow: auto; }

#site-navigation {
  overflow: hidden; }

#content button#toggle {
  display: none;
  position: absolute;
  left: 0px;
  background: #95A6B0;
  width: 30px;
  outline: 0;
  border: none;
  padding: 8px 5px;
  top: 10px;
  cursor: hand;
  cursor: pointer; }
  #content button#toggle span {
    height: 2px;
    width: 20px;
    background: #fff;
    display: block; }
  #content button#toggle span.middle {
    margin: 4px 0; }

#site-navigation {
  width: 15%;
  float: left;
  position: relative; }

body.not-logged-in #site-navigation {
  display: none; }
body.not-logged-in #content {
  max-width: 100%;
  width: 480px;
  margin: 0 auto;
  float: none; }
body.not-logged-in header .header {
  text-align: center; }
body.not-logged-in .pane-user-login {
  margin-top: 25px; }
  body.not-logged-in .pane-user-login label {
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px; }
  body.not-logged-in .pane-user-login .form-text {
    height: 40px;
    width: 100%;
    box-sizing: border-box; }
  body.not-logged-in .pane-user-login #edit-name {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
    color: #252A3A;
    font-family: 'Titillium Web', sans-serif; }
  body.not-logged-in .pane-user-login #edit-pass {
    font-weight: 700;
    font-size: 16px;
    color: #95A6B0;
    letter-spacing: 5px; }
  body.not-logged-in .pane-user-login #edit-pass:focus, body.not-logged-in .pane-user-login #edit-name:focus {
    box-shadow: 0px 0px 10px 0px #95A6B0;
    outline: none;
    border: 1px solid #CEDCE4;
    color: #252A3A; }
  body.not-logged-in .pane-user-login ul {
    margin: 0;
    padding: 0; }
    body.not-logged-in .pane-user-login ul li {
      list-style: none; }
      body.not-logged-in .pane-user-login ul li a {
        text-decoration: none;
        text-align: center;
        width: 100%;
        margin: 0 auto 15px;
        color: #95A6B0;
        display: block; }
  body.not-logged-in .pane-user-login .captcha {
    float: left; }
  body.not-logged-in .pane-user-login #edit-submit {
    width: 160px;
    float: right;
    height: 76px;
    display: block;
    border: none;
    background: #95A6B0;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    border-radius: 3px; }

#content {
  width: 100%;
  float: left; }

/* This will take up the entire height, and be a little thinner */
#content_row_left {
  width: 60%;
  box-sizing: border-box;
  float: left; }

/* This will now take up it's own column, so don't need position: fixed; */
#content_row_right {
  width: 40%;
  float: left;
  box-sizing: border-box; }

table.toc {
  width: 100%; }
  table.toc * {
    font-size: 13px; }
  table.toc td {
    vertical-align: middle; }
  table.toc td:nth-child(1), table.toc td:nth-child(2), table.toc td:nth-child(4), table.toc td:nth-child(5), table.toc td:nth-child(6), table.toc td:nth-child(7) {
    width: 30px; }
  table.toc td:nth-child(4) svg, table.toc td:nth-child(5) svg, table.toc td:nth-child(6) svg {
    float: right; }
  table.toc td:nth-child(7) img {
    float: right; }
  table.toc svg, table.toc img {
    height: 24px;
    width: 24px;
    float: left; }
  table.toc h1 {
    margin: 0;
    font-weight: 400; }
  table.toc time {
    font-weight: 400;
    font-size: 13px;
    font-family: monospace; }
  table.toc .log-toggle {
    cursor: help; }
    table.toc .log-toggle span {
      background: #EEEEEE;
      padding: 2px 5px; }

.dashboard-teaser {
  display: none; }

.svg-fill {
  fill: #252A3A; }

.svg-fill.delete {
  fill: #BFBFBF; }

.online {
  fill: #5CB85C; }

.offline {
  fill: #AD3131; }

.preview {
  background: url(../images/media.svg);
  height: 24px;
  width: 24px;
  cursor: context-menu;
  position: relative; }

.devices {
  display: none;
  position: absolute;
  padding-left: 30px;
  height: 34px;
  top: -5px; }
  .devices .inner {
    background: #95A6B0;
    height: 34px;
    width: 92px;
    border-radius: 20px;
    padding: 5px;
    box-sizing: border-box; }

.preview:hover .devices {
  display: block; }

.preview-print {
  background: url(../images/print-proof.svg);
  height: 24px;
  width: 24px;
  cursor: context-menu;
  position: relative;
  float: right;
  background-size: contain; }

.options {
  display: none;
  position: absolute;
  padding-bottom: 30px;
  height: 34px;
  top: -30px;
  left: -5px; }
  .options .inner {
    background: #95A6B0;
    height: 58px;
    width: 34px;
    border-radius: 20px;
    padding: 5px;
    box-sizing: border-box; }

.preview-print:hover .options {
  display: block; }

.dashboard-teaser {
  margin-top: 5px;
  border-top: 1px solid #ddd; }
  .dashboard-teaser .teaser-info {
    background: #F5F5F5;
    padding: 3px 2px;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 1px 10px;
    font-size: 12px;
    color: #788B96;
    font-weight: 300; }
    .dashboard-teaser .teaser-info a {
      text-decoration: none;
      font-weight: 700;
      color: #788B96; }
  .dashboard-teaser table.teaser td {
    vertical-align: top; }
    .dashboard-teaser table.teaser td img {
      width: 100%;
      height: auto;
      display: block;
      margin-top: 2px; }
  .dashboard-teaser table.teaser td:first-child {
    width: 65%;
    padding-right: 10px; }
  .dashboard-teaser table.teaser td:last-child {
    width: 35%;
    padding-left: 10px; }
    .dashboard-teaser table.teaser td:last-child .field {
      margin-bottom: 5px;
      border: 1px solid #ddd;
      padding: 5px;
      font-style: italic;
      font-size: 13px; }
  .dashboard-teaser table.teaser .field__label {
    font-size: 13px;
    font-weight: 700;
    color: #757575;
    text-transform: uppercase;
    font-style: normal; }
  .dashboard-teaser table.teaser .field--name-field-trumpet {
    color: #C00800;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px; }
  .dashboard-teaser table.teaser h1 {
    margin: 0;
    line-height: 1.1;
    font-size: 32px;
    margin-bottom: 15px; }
  .dashboard-teaser table.teaser .field--name-field-lead {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2; }
  .dashboard-teaser table.teaser .field--name-body {
    line-height: 1.3; }

.personal table.teaser .field--name-field-trumpet, .pane-article-archive-panel-pane-2 table.teaser .field--name-field-trumpet {
  font-size: 17px; }
.personal table.teaser h1, .pane-article-archive-panel-pane-2 table.teaser h1 {
  font-size: 24px; }
.personal table.teaser .field--name-field-lead, .pane-article-archive-panel-pane-2 table.teaser .field--name-field-lead {
  font-size: 16px; }
.personal table.teaser .field--name-body, .pane-article-archive-panel-pane-2 table.teaser .field--name-body {
  font-size: 13px; }

article.dashboard-list-item.opened {
  box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.1) inset; }

.wb_state {
  width: 24px;
  height: 24px; }

/* FORMS START */
.form-disabled input.form-autocomplete, .form-disabled input.form-text, .form-disabled input.form-file, .form-disabled textarea.form-textarea, .form-disabled select.form-select {
  background-color: #eee;
  color: #777; }

input.form-autocomplete, input.form-text, input.form-file, textarea.form-textarea, select.form-select {
  padding: 5px 7px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  vertical-align: baseline;
  box-sizing: inherit;
  outline: 2px solid transparent;
  outline-offset: 0px;
  transition: all, 0.1s; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input.form-autocomplete, input.form-text, input.form-file, textarea.form-textarea, select.form-select {
    -webkit-appearance: none;
    -webkit-padding-start: 8px;
    -webkit-padding-end: 16px;
    -webkit-padding-before: 5px;
    -webkit-padding-after: 5px;
    border-radius: 0;
    min-height: 13px; }

  input.form-autocomplete, select.form-select {
    background: url("../images/select-arrow.svg") no-repeat right 50% white;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; } }
input.form-text:focus, input.form-file:focus, textarea.form-textarea:focus, select.form-select:focus {
  color: #000;
  border-color: #68A3CF;
  outline: 2px solid #C1E0FF;
  outline-offset: 0px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  [dir="rtl"] input.form-autocomplete,
  [dir="rtl"] input.form-text,
  [dir="rtl"] input.form-file,
  [dir="rtl"] textarea.form-textarea,
  [dir="rtl"] select.form-select {
    -webkit-padding-start: 16px;
    -webkit-padding-end: 8px; } }
div#edit-title-wrapper {
  width: 100%;
  margin-bottom: 10px;
  float: left; }
  div#edit-title-wrapper input#edit-title {
    width: 100%;
    box-sizing: border-box; }

html.js .form-autocomplete {
  background-position: 100% 5px; }

.views-exposed-form-dashboard-content-panel-pane-1 .description {
  display: none; }
.views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets {
  padding: 5px 0;
  margin: 0; }
  .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-exposed-widget {
    width: 20%;
    box-sizing: border-box;
    padding: 0px 5px; }
    .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-exposed-widget #edit-submit-dashboard-content {
      border: 0;
      background: #95A6B0;
      color: #fff;
      height: 25px;
      width: 100%;
      margin-top: 16px; }
    .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-exposed-widget label {
      font-weight: 400;
      text-transform: uppercase;
      font-size: 12px;
      color: #000; }
  .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-submit-button {
    max-width: 15%; }
  .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-reset-button {
    max-width: 5%;
    padding-left: 0; }
    .views-exposed-form-dashboard-content-panel-pane-1 .views-exposed-widgets .views-reset-button #edit-reset {
      text-indent: 200%;
      width: 100%;
      height: 25px;
      margin-top: 16px;
      border: none;
      background: url(../images/reset.svg) no-repeat center #bfbfbf;
      background-size: contain; }

.pane-article-archive-panel-pane-2 .date-nav-wrapper .pager {
  display: none; }

.pane-article-archive-panel-pane-2 .view-article-archive .date-nav-wrapper .date-nav div.date-heading h3 {
  font-size: 14px;
  font-weight: 400; }

.pane-article-archive-panel-pane-2 .date-nav-wrapper h3:before {
  content: "Oprettet af, eller tildelt mig - "; }

/* FORMS END */
/* PAGERS */
.dashboard-article-list ul.pager {
  margin: 10px 0; }

li.pager__item {
  background: #EEEEEE;
  color: #fff;
  padding: 0;
  font-size: 12px;
  display: inline-block; }
  li.pager__item a {
    color: #252A3A;
    text-decoration: none;
    padding: 5px 10px;
    display: block; }

li.pager__item--ellipsis {
  padding: 5px;
  color: #000; }

li.pager__item--first,
li.pager__item--previous,
li.pager__item--current,
li.pager__item--next,
li.pager__item--last {
  background: #95A6B0; }
  li.pager__item--first a,
  li.pager__item--previous a,
  li.pager__item--current a,
  li.pager__item--next a,
  li.pager__item--last a {
    color: #fff;
    text-transform: uppercase; }

li.pager__item--current {
  padding: 5px 10px; }

#site-navigation .nav-wrapper ul.menu li.dashboard a,
#site-navigation .nav-wrapper ul.menu li.deploy a {
  border: 1px solid #DDDDDD;
  padding: 5px; }

#site-navigation .nav-wrapper ul.menu li.deploy {
  margin-top: 15px; }

body.node-type-magazine #node-page header#header, body.node-type-magazine #node-page header#header {
  display: none; }

.view-pageplanning {
  margin-left: -5px; }

.view-pageplanning .view-content {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between; }

body.page-magasiner .row-wrapper {
  padding: 10px; }

.view-magazines.view-display-id-panel_pane_1 a {
  text-transform: uppercase;
  color: #252A3A;
  text-decoration: none;
  display: inline-block; }
  .view-magazines.view-display-id-panel_pane_1 a img {
    display: inline-block;
    width: 180px;
    max-width: 100%; }
  .view-magazines.view-display-id-panel_pane_1 a h1 {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 700; }

.view-magazines.view-display-id-panel_pane_2 .view-content {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center; }
  .view-magazines.view-display-id-panel_pane_2 .view-content .views-row a {
    width: 180px;
    margin: 5px;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    display: block;
    padding: 40px 10px;
    text-transform: uppercase;
    color: #252A3A;
    text-decoration: none;
    text-align: center; }
    .view-magazines.view-display-id-panel_pane_2 .view-content .views-row a img {
      width: 180px; }
    .view-magazines.view-display-id-panel_pane_2 .view-content .views-row a h1 {
      vertical-align: bottom;
      font-size: 35px;
      font-weight: 700; }

.view-magazines.view-display-id-panel_pane_3 .views-row a {
  border: 1px solid #e8e8e8;
  font-size: 13px;
  display: block;
  padding: 5px;
  float: left;
  text-transform: uppercase;
  color: #252A3A;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2%;
  text-align: center; }
  .view-magazines.view-display-id-panel_pane_3 .views-row a img {
    width: 200px;
    height: auto;
    float: left; }
  .view-magazines.view-display-id-panel_pane_3 .views-row a h1 {
    vertical-align: bottom;
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 0 10px;
    float: left; }

.view-pageplanning .item {
  width: 420px;
  margin: 5px;
  border: 1px solid #e8e8e8;
  flex-grow: 1;
  font-size: 13px; }
  .view-pageplanning .item span.label {
    font-weight: 600; }
  .view-pageplanning .item .magazine-page-title {
    background: #e8e8e8;
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700; }
    .view-pageplanning .item .magazine-page-title a {
      line-height: 20px;
      text-decoration: none;
      color: #252A3A;
      font-size: 19px;
      font-weight: 300; }
    .view-pageplanning .item .magazine-page-title svg {
      width: 20px;
      height: auto; }
  .view-pageplanning .item .pp-article {
    border-bottom: 1px solid #e8e8e8;
    padding: 5px; }
    .view-pageplanning .item .pp-article .pp-article-item {
      line-height: 24px;
      overflow: hidden;
      white-space: nowrap;
      padding: 5px 0;
      border-bottom: 1px solid #E8E8E8; }
      .view-pageplanning .item .pp-article .pp-article-item a {
        text-decoration: none;
        color: #000; }
        .view-pageplanning .item .pp-article .pp-article-item a svg {
          width: 15px;
          height: auto;
          display: inline-block;
          line-height: 20px; }
    .view-pageplanning .item .pp-article .pp-article-item:last-of-type {
      border-bottom: 0; }
  .view-pageplanning .item .pp-author {
    border-bottom: 1px solid #e8e8e8;
    padding: 5px; }
  .view-pageplanning .item .pp-extras {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between; }
    .view-pageplanning .item .pp-extras .pp-extras-item {
      padding: 5px;
      width: 200px;
      flex-grow: 1; }

body.node-type-magazine #node-content {
  padding: 15px; }

.article-list.ritzau .dashboard-teaser table.teaser h1, .article-list.personal .dashboard-teaser table.teaser h1 {
  Font-size: 24px; }
.article-list.ritzau .dashboard-teaser table.teaser .field--name-field-lead, .article-list.personal .dashboard-teaser table.teaser .field--name-field-lead {
  font-size: 16px; }
.article-list.ritzau .dashboard-teaser table.teaser .field--name-body, .article-list.personal .dashboard-teaser table.teaser .field--name-body {
  font-size: 13px; }

.article-list.ritzau .dashboard-teaser table.teaser h3.field-label, .article-list.personal .dashboard-teaser table.teaser h3.field-label {
  font-size: 11px; }

.status-messages .messages--status, .status-messages .messages--error, .status-messages .messages--warning {
  margin: 0px;
  font-family: 'Titillium Web', sans-serif;
  border: none;
  color: #fff;
  font-weight: 300; }
.status-messages .messages--status {
  background: url(../images/success.svg) no-repeat #009c00; }
.status-messages .messages--warning {
  background: #EF8D3F; }
  .status-messages .messages--warning a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: bold; }
.status-messages .messages--error {
  background: url(../images/error.svg) no-repeat red; }
.status-messages div.site-alert {
  margin: 0; }
  .status-messages div.site-alert div.info {
    margin: 0;
    background-image: none;
    background: yellow;
    border: none; }
  .status-messages div.site-alert div.text:before {
    content: "📣";
    margin-right: 10px; }
  .status-messages div.site-alert div.text {
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    color: #000;
    font-weight: normal; }

.media-inlineright, .media-inlineleft {
  width: 47%; }

.media-inlineright {
  margin: 0 0 3% 3%;
  float: right; }

.media-inlineleft {
  margin: 0 3% 3% 0%;
  float: left; }

.media-element-container img {
  width: 100%;
  height: auto;
  display: block; }

.media-element-container .media-meta {
  font-size: 12px; }

.media-element-container .media-meta strong {
  font-weight: bold; }

.media-element-container br {
  display: none; }

body.node-type-magazine .magazine {
  background: url(../images/gear.svg);
  height: 24px;
  width: 24px;
  cursor: context-menu;
  position: relative;
  float: left;
  background-size: contain;
  margin-right: 5px;
  transition: margin-right 0.5s; }
body.node-type-magazine .options {
  position: absolute;
  padding-left: 30px;
  height: 34px;
  top: -5px; }
  body.node-type-magazine .options .inner {
    height: 34px;
    width: 190px;
    padding: 5px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.75s;
    background: #fff; }
    body.node-type-magazine .options .inner a {
      float: left;
      margin-right: 5px; }
      body.node-type-magazine .options .inner a img {
        height: 24px;
        width: 24px; }
    body.node-type-magazine .options .inner span {
      background: #E8E8E8;
      width: 1px;
      height: 100%;
      float: left;
      margin-right: 5px;
      box-shadow: 1px 0px #bdbdbd; }
    body.node-type-magazine .options .inner a:last-of-type {
      padding: 0; }

body.node-type-magazine .magazine:hover {
  margin-right: 195px !important;
  transition: margin-right 0.5s; }

.magazine:hover .options {
  display: block; }

.magazine:hover .options .inner {
  opacity: 1;
  transition: opacity 0.75s; }

.messages--status em.placeholder {
  font-weight: bold; }

.preview .devices .inner a {
  margin-right: 5px;
  float: left; }

.preview .devices .inner a:last-of-type {
  margin-right: 0; }

.pane-nice-menus-1 {
  float: left; }
  .pane-nice-menus-1 ul#nice-menu-1 {
    margin-left: 20px; }
    .pane-nice-menus-1 ul#nice-menu-1 li {
      display: inline-block;
      background: #95A6B0;
      height: 25px;
      margin-right: 10px;
      border: none; }
      .pane-nice-menus-1 ul#nice-menu-1 li ul {
        top: 35px;
        border: none;
        box-shadow: 2px 2px 0px 0px #252A3A; }
        .pane-nice-menus-1 ul#nice-menu-1 li ul li {
          margin-right: 0;
          border-bottom: 1px dotted #252A3A; }
        .pane-nice-menus-1 ul#nice-menu-1 li ul li:last-of-type {
          border: none; }
      .pane-nice-menus-1 ul#nice-menu-1 li a, .pane-nice-menus-1 ul#nice-menu-1 li span {
        background: none;
        text-decoration: none;
        color: #fff;
        padding: 5px 7px;
        line-height: 1;
        display: block; }
    .pane-nice-menus-1 ul#nice-menu-1 li.menuparent:hover {
      padding-bottom: 10px; }

.view-pageplanning .item h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  background: #252A3A;
  color: #fff;
  padding: 5px; }

article[class*="korrektur"] h1.log-toggle:after {
  content: "Korrekturlæst";
  float: right;
  margin-right: 10px;
  background: #EEEEEE;
  text-transform: uppercase;
  font-size: 10px;
  padding: 5px;
  line-height: 1; }

article.til--blad h1.log-toggle:before {
  content: "Til bladet";
  float: right;
  margin-right: 10px;
  background: #95A6B0;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  padding: 5px;
  line-height: 1; }

.Sandt table.toc h1:after {
  content: "🔒";
  padding: 0 5px;
  margin-left: 10px; }

.views-field.views-field-publish-on {
  width: 100%;
  float: left;
  color: #44BF32;
  font-size: 10px;
  margin-top: 3px;
  padding: 2px 3px; }

.views-field.views-field-publish-on span.field-content {
  font-weight: 500;
  text-transform: uppercase; }

@media screen and (max-width: 1024px) {
  #site-navigation.visible {
    width: 225px;
    left: 0;
    top: 119px;
    display: block;
    position: fixed;
    z-index: 100;
    background: #fff;
    border-left: 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); }

  #site-navigation {
    position: absolute;
    left: -20%; }

  #content {
    width: 100%;
    padding-left: 25px;
    box-sizing: border-box; }

  #content button#toggle {
    display: block; }

  body.node-type-magazine #node-content {
    padding: 10px; } }
body {
  margin: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300; }

a {
  color: #D74253; }

#node-page .pane-page-tabs ul {
  margin: 0;
  border: none;
  text-align: right;
  background: #95A6B0;
  padding: 5px 0; }
  #node-page .pane-page-tabs ul li {
    float: none;
    display: inline-block; }
    #node-page .pane-page-tabs ul li a {
      color: #95A6B0;
      background: #fff;
      font-size: 13px;
      font-weight: 300;
      font-family: 'Titillium Web', sans-serif;
      text-transform: uppercase; }
  #node-page .pane-page-tabs ul li.active a {
    color: #fff;
    background: #95A6B0;
    box-shadow: 0px 0px 0px 1px #fff inset; }
#node-page * {
  box-sizing: border-box;
  font-family: 'Work Sans', sans-serif; }
#node-page header#header {
  height: auto;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 100; }
  #node-page header#header .branding {
    height: 72px;
    background: rgba(0, 0, 0, 0.6);
    padding: 12px 0;
    box-sizing: border-box; }
    #node-page header#header .branding a.logo img {
      width: 218px;
      height: 49px;
      transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; }
  #node-page header#header nav {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    top: 72px;
    position: absolute; }
    #node-page header#header nav ul.menu {
      padding: 0;
      margin: 0;
      text-align: center;
      background: rgba(0, 0, 0, 0.35);
      border: none;
      box-shadow: none; }
      #node-page header#header nav ul.menu li {
        list-style: none;
        display: inline-block; }
        #node-page header#header nav ul.menu li a {
          font-size: 16px;
          font-weight: 700;
          color: #fff;
          margin: 0 25px;
          line-height: 54px;
          text-transform: uppercase;
          text-decoration: none;
          border: none;
          padding: 0;
          display: block; }
    #node-page header#header nav .responsive-menus.responsified span.toggler {
      background: none;
      border: none;
      box-shadow: none;
      border-radius: 0;
      height: 72px;
      width: 72px;
      position: absolute;
      top: -72px;
      font-size: 40px;
      line-height: 72px; }
    #node-page header#header nav .responsive-menus.responsified .responsive-menus-simple li {
      display: inline-block;
      width: auto; }
#node-page article h1 {
  font-size: 53px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 50px;
  line-height: 1.1; }
  #node-page article h1 .field--name-field-trumpet {
    color: #D74253; }
#node-page article .field--name-field-lead {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 50px; }
#node-page article .image-wrapper {
  position: relative; }
  #node-page article .image-wrapper .image {
    height: 500px;
    position: absolute;
    width: 100%; }
  #node-page article .image-wrapper .image-meta {
    width: 1200px;
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 100%;
    height: 500px;
    margin: 0 auto;
    position: relative;
    color: #fff; }
    #node-page article .image-wrapper .image-meta .image-meta-inner {
      width: 255px;
      max-width: 50%;
      position: absolute;
      bottom: 20px;
      right: 0;
      text-align: right;
      padding-right: 10px;
      border-right: 5px solid #fff; }
      #node-page article .image-wrapper .image-meta .image-meta-inner .credits {
        font-weight: 700; }
#node-page article .node-content {
  width: 1200px;
  max-width: 100%;
  margin: 50px auto; }
  #node-page article .node-content aside.left {
    width: 200px;
    max-width: 16.66%;
    float: left;
    padding: 0 0 0 10px; }
    #node-page article .node-content aside.left .sharing {
      border-right: 0;
      text-align: center;
      margin-right: -1px; }
      #node-page article .node-content aside.left .sharing table {
        border: 1px solid #E1E1E1;
        width: 100%;
        border-collapse: collapse; }
        #node-page article .node-content aside.left .sharing table td {
          padding: 10px;
          width: 50%;
          border: 1px solid #E1E1E1; }
  #node-page article .node-content .main {
    width: 740px;
    max-width: 61.66%;
    float: left;
    padding: 0 20px;
    border-left: 1px solid #E1E1E1;
    font-size: 22px;
    line-height: 1.4; }
    #node-page article .node-content .main .related {
      font-weight: 900;
      margin-top: 50px; }
      #node-page article .node-content .main .related .continue-reading {
        color: #D74253;
        font-size: 30px;
        margin-bottom: 10px;
        float: left;
        width: 100%; }
      #node-page article .node-content .main .related a {
        color: #000;
        font-size: 25px;
        text-decoration: none;
        line-height: 29px;
        float: left;
        width: 100%; }
      #node-page article .node-content .main .related a:before {
        content: "";
        width: 29px;
        height: 29px;
        background: url(../images/continue-reading.svg) no-repeat center;
        background-size: cover;
        float: left;
        margin-right: 10px; }
  #node-page article .node-content aside.right {
    width: 260px;
    max-width: 21.66%;
    float: left;
    padding: 0 10px; }
    #node-page article .node-content aside.right .author {
      font-size: 20px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 5px solid #000; }
      #node-page article .node-content aside.right .author .user-picture img {
        width: 70px;
        height: 70px;
        border-radius: 50px;
        margin-bottom: 15px; }
      #node-page article .node-content aside.right .author .name {
        color: #D74253;
        font-weight: 600; }
    #node-page article .node-content aside.right .field--name-field-faktabox h3 {
      text-transform: uppercase; }
    #node-page article .node-content aside.right .field--name-field-faktabox ul {
      margin: 0 0 0 20px;
      padding: 0; }
#node-page .clear {
  clear: both; }

#node-page header#header.fixed nav#nav {
  position: fixed;
  top: 79px;
  width: 85%;
  background: rgba(0, 0, 0, 0.75); }

#node-page header#header nav ul.menu li#menu-logo {
  overflow: hidden;
  text-indent: 500%;
  float: left;
  left: 0;
  height: 54px;
  width: 0;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }
  #node-page header#header nav ul.menu li#menu-logo a {
    height: 54px;
    background: url(/sites/all/themes/fagbladet_3f/images/logo.svg) no-repeat center;
    background-size: contain;
    margin: 0 10px 0 10px !important; }

#node-page header#header.fixed nav#nav ul.menu li#menu-logo {
  width: 150px;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }

h1.mobile,
.related.mobile,
.author.mobile,
.sharing.mobile {
  display: none; }

@media screen and (max-width: 780px) {
  #node-page header#header {
    position: fixed; }

  #node-page header#header.fixed #branding {
    height: 50px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    #node-page header#header.fixed #branding a.logo img {
      height: auto;
      width: 140px;
      transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; }

  #node-page header#header nav .responsive-menus.responsified span.toggler {
    position: fixed;
    top: 0;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }

  #node-page header#header.fixed nav .responsive-menus.responsified span.toggler {
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }

  aside.left {
    display: none; }

  h1.desktop {
    display: none; }

  #node-page article h1.mobile {
    display: block;
    color: #fff;
    background: #000;
    margin-bottom: 0px;
    padding: 100px 35px 35px; }

  #node-page article .image-wrapper .image, #node-page article .image-wrapper .image-meta {
    height: 370px; }

  #node-page article .image .image-meta .image-meta-inner {
    margin-right: 15px; }

  #node-page article .node-content aside.right {
    width: 30%;
    max-width: 30%; }

  #node-page article .node-content .main {
    width: 70%;
    max-width: 70%; }

  .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
    width: 40%;
    background: #D74253;
    box-shadow: none;
    top: 0; }

  #node-page header#header.fixed .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
    top: 50px; }

  #node-page header#header .responsive-menus.responsified.responsive-toggled span.toggler {
    background: #D74253; }

  #node-page header#header nav .responsive-menus.responsified .responsive-menus-simple li {
    width: 100%; } }
@media screen and (max-width: 480px) {
  .related.desktop {
    display: none; }

  .related.mobile {
    display: block;
    font-weight: 900;
    margin-top: 50px;
    float: left;
    width: 100%;
    padding: 20px; }
    .related.mobile .continue-reading {
      color: #D74253;
      font-size: 30px;
      margin-bottom: 10px;
      float: left;
      width: 100%; }
    .related.mobile a {
      color: #000;
      font-size: 25px;
      text-decoration: none;
      line-height: 29px;
      float: left;
      width: 100%; }
    .related.mobile a:before {
      content: "";
      width: 29px;
      height: 29px;
      background: url(../images/continue-reading.svg) no-repeat center;
      background-size: cover;
      float: left;
      margin-right: 10px; }

  .author.desktop {
    display: none; }

  .author.mobile {
    display: block;
    background: #000;
    color: #fff;
    padding: 10px 20px 20px; }
    .author.mobile .name {
      color: #D74253;
      font-weight: 600; }

  #node-page article h1.mobile {
    font-size: 24px;
    padding: 70px 20px 20px; }

  #node-page article .image-wrapper .image {
    height: 350px;
    position: relative; }

  #node-page article .image-wrapper .image-meta {
    position: absolute;
    height: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    padding: 10px; }

  #node-page article .image-wrapper .image-meta .image-meta-inner {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 100%;
    border: none;
    bottom: 0;
    padding: 0;
    text-align: left; }

  #node-page article .image-wrapper .image-meta .image-meta-inner .credits {
    margin-top: 5px; }

  #node-page article .node-content {
    margin: 20px 0; }

  #node-page article .node-content .main,
  #node-page article .node-content aside.right {
    width: 100%;
    max-width: 100%; }

  #node-page article .node-content .main {
    font-size: 15px; }

  #node-page article .field--name-field-lead {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; }

  #node-page article h2 {
    font-size: 20px;
    line-height: 1.1; }

  .sharing.mobile {
    display: block;
    list-style: none;
    background: #000;
    margin: 0;
    padding: 0 20px 20px; }
    .sharing.mobile li {
      display: inline-block; }
      .sharing.mobile li img {
        width: 25px;
        height: 25px; }

  #node-page header#header .branding a.logo img {
    width: 140px;
    height: auto; }

  #node-page header#header nav .responsive-menus.responsified span.toggler {
    height: 50px;
    line-height: 50px;
    font-size: 30px; }

  .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
    width: 70%;
    top: -22px; }

  #node-page header#header .branding {
    height: 50px;
    background: rgba(0, 0, 0, 0.75); } }
.sharing img {
  width: 100%; }

body.no-image #node-page article .node-content {
  margin: 0;
  padding-top: 150px; }

.media-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.media-youtube-video iframe,
.media-youtube-video object,
.media-youtube-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }