/********************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Main Stylesheet
********************************/
/******************************************************************
Version: 1.1
******************************************************************/
/*********************
IMAGE FILTERS

img { 
  @include filter(grayscale, 100%);
}

*********************/
/*********************
OPACITY

@include opacity(0.8);

*********************/
/*********************
PREFIXES
*********************/
/*********************
SHOW/HIDE
*********************/
/*********************
OTHER
*********************/
/* 
.container-with-floated-children {
  @extend %clearfix;
}
*/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom Colors
******************************************************************/
/*********************
COLORS
*********************/
/* base */
/* links */
/* typography */
/* tables */
/* header */
/* footer */
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom Typography
******************************************************************/
/*********************
FONT FAMILY
*********************/
/*********************
BODY
*********************/
body {
  font-family: "azo-sans-web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*********************
DUNI MixIns
*********************/
/******************/
/*********************
LINK STYLES
*********************/
a {
  color: #4a2644;
  text-decoration: none; }
  a:hover, a:focus {
    color: #361c31;
    outline: none; }
  a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  margin: 0 0 0.3em 0; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1 {
  word-break: break-word; }
  h1.accounting {
    font-size: 1.9em;
    margin-top: .5em;
    color: #2e2e2e;
    margin-top: 2em !important; }

.category-noter h1, .category-notes h1 {
  font-size: 1.9em;
  margin-top: .5em;
  color: #2e2e2e;
  margin-top: 2em !important; }

h3.underline-title {
  text-align: left;
  font-size: 1.25em;
  text-transform: none;
  color: #2e2e2e;
  line-height: 1.2em;
  border-bottom: 1px solid #2e2e2e;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: .5em; }

h1, h2, h3, h4, h5 {
  font-family: "azo-sans-web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }

h1 {
  font-size: 1.25em;
  color: #634553;
  margin-bottom: .5em; }

h2 {
  font-size: 1.15em;
  color: #634553; }

h3 {
  font-size: 1.125em;
  text-transform: uppercase; }

h4 {
  font-size: 1.1em;
  text-transform: none;
  font-weight: bold;
  color: #2e2e2e; }

h5 {
  font-size: 1em;
  text-transform: uppercase; }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom TinyMCE Editor
******************************************************************/
.missing {
  color: red; }

.small, .text-xs {
  font-size: .75em; }

.text-xxl {
  font-size: 300%;
  margin-bottom: 0.6em !important;
  display: block;
  line-height: 1;
  margin-top: 0.2em !important; }

.large {
  font-size: 1.5em; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.serif {
  font-family: "Georgia", Cambria, Times New Roman, Times, serif; }

.sans-serif {
  font-family: "azo-sans-web", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.condensed {
  font-stretch: condensed; }

.preamble {
  font-size: 1.1em;
  line-height: 1.3; }

.quote {
  font-size: 1.3em;
  line-height: 1.3; }
  .quote.text-xl {
    font-size: 1.5em; }

h3 .vignette {
  color: #ffc72a; }

.white {
  color: #fff; }

.black {
  font-family: #000; }

.yellow {
  color: #ffc72a !important; }

.purple {
  color: #634553 !important; }

.text-xl {
  font-size: 100%; }

h1 .text-xl {
  font-size: 170%; }

@media (min-width: 768px) {
  .preamble {
    font-size: 1.3em; }
  .text-xxl {
    font-size: 500%; }
  .text-xl {
    font-size: 170%; } }

/******************************************************************
Version: 1.0
******************************************************************/
/* Basic mixins */
/* Justify */
/* Align */
/* Other */
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom Layout Styles
******************************************************************/
/* margins */
/*********************
MIXINS
*********************/
/*********************
GENERAL STYLES
*********************/
/* .vc_row {
    background: $gray;
    margin: 15px 0;
    padding: 15px 0;
} */
body {
  background-color: #fff; }

.prenxt-navigation .page-preview {
  font-size: 1em; }

.wpb_text_column, .wpb_content_element {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto; }

.single .entry-content .vc_row:first-child h1 {
  margin-top: 2em; }

.vc_row[class*="vc_column-gap-"] .vc_column-inner {
  padding: 0; }
  .vc_row[class*="vc_column-gap-"] .vc_column-inner .wpb_single_image {
    margin-bottom: 15px; }

.vc_row.bg-purple, .vc_row.bg-purplelight, .vc_row.bg-purpledark, .vc_row.bg-info {
  background-color: #634553; }
  .vc_row.bg-purple[data-vc-full-width="true"], .vc_row.bg-purplelight[data-vc-full-width="true"], .vc_row.bg-purpledark[data-vc-full-width="true"], .vc_row.bg-info[data-vc-full-width="true"] {
    padding: 0; }
  .vc_row.bg-purple *, .vc_row.bg-purplelight *, .vc_row.bg-purpledark *, .vc_row.bg-info * {
    color: #fff; }
  .vc_row.bg-purple .wpb_column, .vc_row.bg-purple .vc_column_container, .vc_row.bg-purple img, .vc_row.bg-purple .wpb_single_image, .vc_row.bg-purplelight .wpb_column, .vc_row.bg-purplelight .vc_column_container, .vc_row.bg-purplelight img, .vc_row.bg-purplelight .wpb_single_image, .vc_row.bg-purpledark .wpb_column, .vc_row.bg-purpledark .vc_column_container, .vc_row.bg-purpledark img, .vc_row.bg-purpledark .wpb_single_image, .vc_row.bg-info .wpb_column, .vc_row.bg-info .vc_column_container, .vc_row.bg-info img, .vc_row.bg-info .wpb_single_image {
    padding-bottom: 0;
    margin-bottom: 0; }
    .vc_row.bg-purple .wpb_column .vc_column-inner, .vc_row.bg-purple .vc_column_container .vc_column-inner, .vc_row.bg-purple img .vc_column-inner, .vc_row.bg-purple .wpb_single_image .vc_column-inner, .vc_row.bg-purplelight .wpb_column .vc_column-inner, .vc_row.bg-purplelight .vc_column_container .vc_column-inner, .vc_row.bg-purplelight img .vc_column-inner, .vc_row.bg-purplelight .wpb_single_image .vc_column-inner, .vc_row.bg-purpledark .wpb_column .vc_column-inner, .vc_row.bg-purpledark .vc_column_container .vc_column-inner, .vc_row.bg-purpledark img .vc_column-inner, .vc_row.bg-purpledark .wpb_single_image .vc_column-inner, .vc_row.bg-info .wpb_column .vc_column-inner, .vc_row.bg-info .vc_column_container .vc_column-inner, .vc_row.bg-info img .vc_column-inner, .vc_row.bg-info .wpb_single_image .vc_column-inner {
      padding-top: 0 !important; }
      .vc_row.bg-purple .wpb_column .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purple .vc_column_container .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purple img .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purple .wpb_single_image .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purplelight .wpb_column .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purplelight .vc_column_container .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purplelight img .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purplelight .wpb_single_image .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purpledark .wpb_column .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purpledark .vc_column_container .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purpledark img .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-purpledark .wpb_single_image .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-info .wpb_column .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-info .vc_column_container .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-info img .vc_column-inner .wpb_text_column:first-child, .vc_row.bg-info .wpb_single_image .vc_column-inner .wpb_text_column:first-child {
        padding-top: 35px; }

.vc_row.bg-purplelight {
  background-color: #e7e2e6; }
  .vc_row.bg-purplelight * {
    color: #634553; }

.vc_row.bg-purpledark {
  background-color: #4a2644; }

.vc_row.bg-info {
  background-color: #e5dede; }
  .vc_row.bg-info * {
    color: #000; }

.vc_row[data-vc-full-width="true"] .wpb_content_element {
  max-width: 100%; }

.vc_row[data-vc-full-width="true"] + .vc_row-full-width + .vc_row[data-vc-full-width="true"] {
  margin-top: 0; }

a.readmore {
  background-color: #634553;
  min-width: 180px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff !important;
  font-family: 'Lato',sans-serif;
  border: 0;
  outline: none;
  padding: 0 18px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
  a.readmore:hover {
    background-color: #4a2644; }

.textimage .content .inner-content .textarea.narrow {
  padding-top: 35px; }

.textimage.boost {
  margin-top: -35px; }
  .textimage.boost .textarea {
    margin: 5%; }

.textimage.addlogo .content:before {
  content: '';
  position: absolute;
  width: 50px;
  top: 1em;
  left: 1em;
  background-image: url(../images/duni-logo.png);
  z-index: 100;
  height: 120px;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat; }

.textimage.linkbox {
  margin-bottom: 15px; }
  .textimage.linkbox .textarea {
    background: rgba(74, 38, 68, 0.5);
    padding: 1.5em;
    min-height: 115px;
    color: #fff; }
    .textimage.linkbox .textarea:hover {
      transition: background 0.3s ease;
      background: rgba(74, 38, 68, 0.7); }
    .textimage.linkbox .textarea h3 {
      color: #ffc72a; }
    .textimage.linkbox .textarea:hover h3 {
      transition: color 0.3s ease;
      color: #f6b500; }
    .textimage.linkbox .textarea p {
      color: #fff; }
    .textimage.linkbox .textarea a {
      color: #ffc72a;
      text-decoration: none !important; }
      .textimage.linkbox .textarea a:after {
        font-family: FontAwesome;
        content: "\f054";
        font-size: 1em;
        color: #ffc72a;
        padding-left: 0.3em; }
      .textimage.linkbox .textarea a:hover:after {
        transition: color 0.2s ease;
        color: #f6b500; }
      .textimage.linkbox .textarea a:hover {
        transition: color 0.2s ease;
        color: #f6b500; }
    .textimage.linkbox .textarea.wide {
      width: 100% !important; }

#inner-content.wrap {
  /*margin-top: $page-top-margin;*/
  max-width: 960px; }

.chart-title {
  text-align: left;
  font-size: 1.25em;
  text-transform: none;
  color: #2e2e2e;
  line-height: 1.2em;
  border-bottom: 1px solid #2e2e2e;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: .5em; }

.chart-sub-title, .sub-heading {
  margin-bottom: 1em;
  margin-top: -1em; }

.citat {
  border-style: solid;
  border-width: 1px 0;
  padding: 2em 0 0 0;
  margin-top: 1em;
  margin-bottom: 2em;
  border-color: #634553;
  overflow: hidden;
  max-width: 100%; }
  .citat .wpb_single_image {
    margin-bottom: 0; }
  .citat.image {
    padding-bottom: 0; }
    .citat.image img {
      margin-bottom: -5px; }
    .citat.image .ingress {
      font-size: 1.1em;
      line-height: 1.2; }
    .citat.image .wpb_column {
      margin-bottom: 0; }

.ingress {
  font-size: 1.3em;
  line-height: 1.3; }

.dummy {
  border: 1px solid red; }

.wpb_gallery_slides {
  margin: 0; }

.fslider .wpb_gallery {
  padding: 0 !important; }

.fslider .flex-control-nav {
  display: none; }

.fslider img {
  margin-bottom: 0 !important;
  height: auto; }

.fslider ul.flex-direction-nav {
  display: none; }

p {
  margin-top: 0;
  color: #2e2e2e; }

.first.twelvecol {
  margin-top: 0; }

.wpb_raw_code {
  text-align: center; }

#content ul {
  padding: 1em;
  list-style-type: disc; }

.vc_separator {
  margin-bottom: 2.5em !important;
  margin-top: 2.5em !important; }
  .vc_separator.red .vc_sep_line {
    border-color: #634553; }

/*********************
LAYOUT & GRID STYLES
*********************/
.wpb_row.fullwidth {
  width: 100%;
  max-width: 100%; }

/*********************
Background styles
*********************/
.vc_row.bgpos-top {
  background-position: top !important; }

.vc_row.bgpos-bottom {
  background-position: bottom !important; }

.vc_row.bgpos-10 {
  background-position-y: 10% !important; }

.vc_row.bgpos-20 {
  background-position-y: 20% !important; }

.vc_row.bgpos-30 {
  background-position-y: 30% !important; }

.vc_row.bgpos-40 {
  background-position-y: 40% !important; }

.vc_row.notopmargin {
  margin-top: -15px !important; }

.vc_row .topmargin {
  margin-top: 30px !important; }

.vc_row.topimage {
  /*margin-top: -($content-top-margin) !important;
		margin-bottom: ($content-top-margin) !important;*/ }

.vc_row.flex .wpb_column:nth-last-child(2) {
  margin-bottom: 0; }

.entry-content > .vc_row[data-vc-full-width]:first-child {
  /*margin-top: -$page-top-margin/2 !important;*/ }

.hentry .bg1 {
  color: #fff; }
  .hentry .bg1 p {
    color: #fff; }

.hentry .fullwidth .wpb_row,
.hentry .fullwidth .wpb_column {
  padding: 0 !important; }

.hentry .fullwidth .wpb_text_column {
  max-width: 1140px;
  margin: 0 auto; }

.hentry .fullwidth .wpb_content_element {
  padding-left: 15px;
  padding-right: 15px; }
  .hentry .fullwidth .wpb_content_element.wpb_raw_html {
    padding: 0; }

.hentry .fullwidth h1, .hentry .fullwidth h2, .hentry .fullwidth h3 {
  color: #634553; }

.hentry .fullwidth h1 {
  margin: 0; }

.hentry .white {
  color: #fff; }
  .hentry .white p {
    color: #fff; }

.hentry .bignr, .hentry .mednr {
  font-size: 3.5em;
  font-weight: bold;
  margin-top: .3em;
  margin-bottom: .3em !important;
  line-height: .9; }

.hentry .mednr {
  font-size: 2em;
  line-height: 1;
  font-weight: 300; }

.hentry .footer {
  width: 100%;
  max-width: 100%; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #ffc72a;
  color: #fff; }
  .footer p {
    color: #fff;
    font-weight: normal; }
  .footer .widget {
    width: 100%;
    border-top: 1px solid #3c1e32;
    padding: 1em .5em;
    float: left; }
    .footer .widget .widgettitle {
      color: #ffc72a; }
  .footer .logo {
    width: 130px;
    margin: 2em 25%; }
  .footer .wrap {
    max-width: 90%;
    margin: 0 auto; }
  .footer a {
    color: #fff; }
  .footer .widget {
    margin-bottom: 2em; }

#header .download-menu {
  visibility: hidden;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 50px;
  margin: 0 5px 0 0; }
  #header .download-menu a {
    font-size: 90%;
    color: #fff;
    cursor: pointer; }
    #header .download-menu a span {
      display: none; }
    #header .download-menu a .fa {
      margin-right: 15px; }

.logo {
  margin-right: 0;
  width: auto;
  margin-left: 8px; }

@media (min-width: 768px) {
  /*********************
LAYOUT & GRID STYLES
*********************/
  .first {
    margin-top: 35px; }
  .wpb_row .wpb_column .wpb_column {
    /*&:first-child, &:last-child{ padding-left: 0 !important;}*/ }
  #header .download-menu {
    margin: 0 15px 0 15px; }
    #header .download-menu a span {
      display: inline-block; }
    #header .download-menu a .fa {
      margin-right: 5px;
      display: none; }
  .logo {
    margin-right: 15px;
    width: auto;
    margin-left: 15px; }
  .textimage.addlogo .content:before {
    width: 120px;
    top: 4em;
    left: 4em; }
  /******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
  h1, .h1 {
    font-size: 3em;
    line-height: 1.35em;
    word-break: normal; }
  h2, .h2 {
    font-size: 1.5em;
    line-height: 1.6em; }
  h3, .h3 {
    font-size: 1.125em; }
  h4, .h4 {
    font-size: 1.1em; }
  h5, .h5 {
    font-size: 0.846em;
    text-transform: uppercase; }
  /*********************
POSTS & CONTENT STYLES
*********************/
  .hentry .fullwidth {
    padding: 100px 0; }
  /*********************
MENU STYLING
*********************/
  .default-panel .nav .title-xl > a {
    text-transform: uppercase; }
  .default-panel .nav li a {
    min-height: 23px !important; }
    .default-panel .nav li a:hover {
      text-decoration: underline; }
  /*********************
FOOTER STYLES
*********************/
  .footer .widget {
    width: 33%;
    border-right: 1px solid #3c1e32;
    border-top: none;
    padding: 1.5em; }
    .footer .widget:last-child {
      border: none; }
  .footer .wrap {
    max-width: 96%;
    display: flex; } }

@media (min-width: 1030px) {
  /*********************
FOOTER STYLES
*********************/
  .footer .wrap {
    max-width: 1024px; } }

@media print {
  #inner-content {
    width: 100%; } }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom Tables
******************************************************************/
/*********************
TABLES
*********************/
/*table {
    width: 100%;
    border: none;
    margin-bottom: 1.5em;

    caption {
        margin: 0 0 7px;
        font-size: 0.75em;
        color: $gray;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

        &:nth-child(even) {
            background-color: transparent;
        }
    }

    td {
        padding: 7px 0;
        border-right: none;
        vertical-align: baseline;
        
        &:first-child {
            width: 30%;
        }

        &:last-child {
            border-right: 0;
        }
    }

    th {
        background-color: $gray;
        border-bottom: 1px solid $gray;
        border-right: 1px solid $gray;

        &:last-child {
            border-right: 0;
        }
    }
}*/
tbody td.highlight, thead th.highlight {
  background: none repeat scroll 0 0 rgba(99, 69, 83, 0.07) !important; }

tbody tr td.addline {
  border-bottom: 1px solid !important; }

tbody tr:last-child td {
  border-bottom: none; }

tbody tr td.noline {
  border-bottom: none !important; }

tbody tr td.t-head {
  font-weight: bold; }

table[class*="col"] td, table[class*="col"] th {
  vertical-align: bottom; }

/********************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: UI
********************************/
.inner-header.inner-header {
  background-color: #634553; }

/******** IP PANEL ********/
.ip-panel.ip-panel {
  background: #ffc72a; }
  .ip-panel.ip-panel.overview-panel {
    background: #ffbe06; }
  .ip-panel.ip-panel.extras-panel {
    background-color: #543b46; }
  .ip-panel.ip-panel.search-panel {
    background-color: #4e3641; }

/******** IP PANEL BUTTON ********/
.ip-panel-button.ip-panel-button {
  background-color: #ffc72a; }
  .ip-panel-button.ip-panel-button.overview-button {
    background-color: #ffbe06; }
  .ip-panel-button.ip-panel-button.extras-button, .ip-panel-button.ip-panel-button.search-button {
    background-color: #4e3641; }
    .ip-panel-button.ip-panel-button.extras-button.extras-button, .ip-panel-button.ip-panel-button.search-button.extras-button {
      background-color: #543b46; }

/******** IP-PANEL Nav UL ********/
.nav ul a {
  background: #ffc011; }

.nav ul ul a {
  background: #f6b500; }

.nav a {
  border-bottom-color: #ffc31b; }

/******** PAGE LOAD ********/
.page-load .spinner > div {
  background-color: #ffc72a; }

/******** PRE NXT NAVIGATION ********/
.prenxt-navigation.prenxt-navigation .prev a {
  background: #ffc72a; }

.prenxt-navigation.prenxt-navigation .nxt a {
  background: #ffc011; }

.prenxt-navigation.prenxt-navigation .page-preview {
  background-color: #ffc72a; }

/******** PAGE NAVI STYLES ********/
.pagination li:nth-child(2n) * {
  background-color: #ffc011; }

.pagination a, .pagination span {
  background-color: #ffc72a; }

/******** FOOTER STYLES ********/
.footer {
  background-color: #634553; }

@media only screen and (min-width: 1030px) {
  .prenxt-navigation.prenxt-navigation .nxt a {
    background: #ffc72a; } }

@media print {
  /*********************
Svedab Print
*********************/
  body {
    background-image: none;
    background: #fff;
    font-size: 13px;
    margin: 0; }
    body .page {
      page-break-after: always; }
      body .page .print-content {
        margin: 0 !important;
        display: block !important;
        padding-top: 0 !important; }
        body .page .print-content #inner-content .hichart {
          page-break-inside: avoid;
          padding-left: 0;
          padding-right: 0;
          border: none;
          background: none; }
          body .page .print-content #inner-content .hichart .container .highcharts-container {
            max-width: 100% !important;
            overflow: visible !important; }
        body .page .print-content #inner-content p {
          page-break-inside: avoid; }
        body .page .print-content #inner-content h1 {
          line-height: 135%;
          page-break-after: avoid !important;
          font-size: 1.6em; }
        body .page .print-content #inner-content h2, body .page .print-content #inner-content h3 {
          page-break-after: avoid !important;
          page-break-inside: avoid;
          page-break-before: auto; }
        body .page .print-content #inner-content table {
          border-spacing: 0px; }
          body .page .print-content #inner-content table td:empty {
            padding: 1em; } }