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

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

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

Stylesheet: Custom Typography
******************************************************************/
/*********************
FONT FAMILY
*********************/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,500,400italic,500italic,700,700italic);
/*********************
BODY
*********************/
body {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  line-height: 1.375em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*********************
LINK STYLES
*********************/
a {
  color: #5c93ae;
  text-decoration: none; }
  a:hover, a:focus {
    color: #497b93;
    outline: none; }
  a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
HEADINGS
*********************/
h1 {
  font-size: 2.6em;
  line-height: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-weight: 500;
  color: #5c93ae; }

h2 {
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1.4em;
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-weight: 500; }
  h2 + p {
    margin-top: 0.1em; }
  h2 + h2, h2 + h3, h2 + h4 {
    margin-top: 1em; }

h3 {
  font-size: 1.05em;
  margin-top: 1em;
  line-height: 1em;
  margin-bottom: .2em; }
  h3 + p {
    margin-top: 0.1em; }

h4 {
  margin-top: 1em;
  font-size: 1em;
  line-height: 1.375em;
  margin-bottom: .2em; }
  h4 + p {
    margin-top: 0.1em; }

p {
  margin-bottom: 1.5em; }

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

Stylesheet: Custom TinyMCE Editor
******************************************************************/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom TinyMCE Editor
******************************************************************/
/*********************
TABELS
*********************/
/*********************
TEXT STYLES
*********************/
.readmore:after {
  font-family: 'FontAwesome';
  content: '\f054';
  padding-left: 5px;
  position: relative;
  font-size: 90%; }

h1 span.text-xxl {
  margin: .4em 0 !important;
  font-size: 350%;
  letter-spacing: -0.05em;
  display: block;
  font-weight: 400; }

h2 span.text-xl {
  font-size: 1.8em;
  line-height: 1.2; }
h2 span.text-xxl {
  letter-spacing: -0.03em;
  font-size: 200%;
  line-height: 1.2; }
h2 span.text-xxxl {
  letter-spacing: -0.05em;
  font-size: 500%;
  line-height: 1.2; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: none; }

.preamble {
  font-size: 1.2em;
  line-height: 1.6; }

.quote {
  font-size: 130%;
  line-height: 1.4; }

/*********************
COLORS
*********************/
.black {
  color: #000; }
  .black * {
    color: #000 !important; }
  .black a:hover {
    text-decoration: underline; }

.white {
  color: #fff; }
  .white * {
    color: #fff !important; }
  .white a:hover {
    text-decoration: underline; }

.blue {
  color: #5c93ae; }
  .blue * {
    color: #fff !important; }

.bignr {
  font-size: 2.6em;
  line-height: 1em;
  margin-top: -.2em;
  margin-bottom: 0.6em;
  font-weight: 500;
  color: #5c93ae; }

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

Stylesheet: Custom Layout Styles
******************************************************************/
/*********************
PREFIXES
*********************/
/*********************
FLEXBOX
*********************/
/*********************
MIXINS
*********************/
/*********************
GENERAL STYLING
*********************/
body {
  background-image: url("/wp-content/themes/inpublix-svedab/images/background_HR_webb.jpg"); }
  body .hichart .chart-title {
    font-weight: bold;
    background: #5c93ae;
    color: #fff;
    padding: .3em .8em .5em .8em;
    margin-bottom: .3em; }
  body .hichart .chart-sub-title {
    font-size: .8em;
    font-weight: 300; }
  body .hichart .container {
    margin-top: 1em; }
  body #content {
    max-width: 1140px;
    width: 100%;
    margin: 85px auto 30px auto;
    background: #fff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.9);
    padding-top: 0; }
    body #content #inner-content {
      background-color: transparent; }
      body #content #inner-content .entry-content > .vc_row {
        margin-left: 5%;
        margin-right: 5%; }
      body #content #inner-content .entry-content .vc_column-inner .borders {
        border-top: 5px solid #5c93ae;
        border-bottom: 5px solid #5c93ae;
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 2em 1em; }
        body #content #inner-content .entry-content .vc_column-inner .borders .wpb_wrapper :first-child {
          margin-top: 0; }
      body #content #inner-content .entry-content ul {
        list-style-type: disc;
        margin-left: 2em; }
      body #content #inner-content.wrap {
        width: 100%; }
      body #content #inner-content .vc_row[data-vc-full-width] {
        left: 0 !important;
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
        padding: 0 5px !important; }
        body #content #inner-content .vc_row[data-vc-full-width] .vc_col-sm-12 .vc_col-sm-12 {
          margin-left: 5%;
          width: 85%; }
          body #content #inner-content .vc_row[data-vc-full-width] .vc_col-sm-12 .vc_col-sm-12 .vc_column-inner {
            padding-left: 15px;
            padding-right: 15px; }
            body #content #inner-content .vc_row[data-vc-full-width] .vc_col-sm-12 .vc_col-sm-12 .vc_column-inner .wpb_content_element:first-child {
              padding-top: 0; }
              body #content #inner-content .vc_row[data-vc-full-width] .vc_col-sm-12 .vc_col-sm-12 .vc_column-inner .wpb_content_element:first-child .wpb_wrapper *:first-child {
                padding-top: 0;
                margin-top: 0; }
            body #content #inner-content .vc_row[data-vc-full-width] .vc_col-sm-12 .vc_col-sm-12 .vc_column-inner .wpb_content_element.vinjett {
              padding-top: 35px; }
        body #content #inner-content .vc_row[data-vc-full-width] + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
          padding-top: 0 !important; }
      body #content #inner-content .vc_row[data-vc-stretch-content="true"] {
        padding: 5px 10px 10px 10px !important; }
      body #content #inner-content .vc_row.vc_row-no-padding {
        padding: 0 !important; }
      body #content #inner-content .vc_row.vinjett {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 3px !important;
        margin-top: 1em; }
        body #content #inner-content .vc_row.vinjett .wpb_text_column {
          margin: 0;
          padding: 0; }
          body #content #inner-content .vc_row.vinjett .wpb_text_column p {
            text-transform: uppercase;
            color: #5c93ae;
            font-weight: 600; }
        body #content #inner-content .vc_row.vinjett + .vc_row h1, body #content #inner-content .vc_row.vinjett + .vc_row .wpb_text_column {
          margin-top: 5px; }

.textimage .textarea {
  padding: 5%; }
  .textimage .textarea.normal {
    width: 33%; }
  .textimage .textarea.wide {
    width: 90%; }

html.touch .textimage .wrap {
  width: 100%;
  max-width: 100%; }
html.touch .textimage .vc_single_image-wrapper {
  width: 100%; }
  html.touch .textimage .vc_single_image-wrapper img {
    margin-bottom: 2em; }
html.touch .textimage .content {
  max-width: 100%; }
  html.touch .textimage .content * {
    padding: 0 !important;
    margin: 0 !important; }
  html.touch .textimage .content .white {
    color: #5c93ae !important; }
    html.touch .textimage .content .white * {
      color: #5c93ae !important; }

.bluebg, .mid-bluebg, .light-bluebg {
  /*>.vc_column-inner{
  	padding: 2em !important;
  }*/ }
  .bluebg .wpb_single_image:first-child, .mid-bluebg .wpb_single_image:first-child, .light-bluebg .wpb_single_image:first-child {
    padding-top: 1.5em; }

.bluebg .vc_column-inner {
  background-color: #5c93ae; }

.mid-bluebg .vc_column-inner {
  background-color: #acdaf5; }

.light-bluebg .vc_column-inner {
  background-color: #c7e6f8; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flex.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }

@media (min-width: 768px) {
  .default-panel .nav > li a {
    text-transform: uppercase;
    font-weight: bold; }

  .title-small a {
    font-size: .9em;
    margin-left: .7em;
    min-height: 20px !important;
    text-transform: none !important;
    font-weight: normal !important;
    color: #ab6100; }
    .title-small a:before {
      content: '- '; }

  .default-panel .nav li.disable > a {
    pointer-events: none; }

  .header .inner-header .logo a {
    text-transform: uppercase; } }
/* .vc_row {
    background: $gray;
    margin: 15px 0;
    padding: 15px 0;
} */
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Custom Tables
******************************************************************/
/*********************
TABLES
*********************/
table {
  width: 100%;
  border: none;
  margin-bottom: 1.5em;
  text-align: left; }
  table caption {
    margin: 0 0 7px;
    font-size: 0.75em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px; }
  table tr:nth-child(even) {
    background-color: transparent; }
  table td {
    padding: 7px;
    border-right: none;
    vertical-align: baseline; }
    table td.t-head {
      font-weight: bold;
      background: #5c93ae;
      color: #fff; }
    table td:first-child {
      width: 30%; }
    table td:last-child {
      border-right: 0; }
    table td.highlight {
      background-color: #fff; }
    table td.sum {
      border-bottom: 1px solid #ccc; }
    table td.noline {
      border-bottom: none !important; }
  table th {
    background-color: #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    table th:last-child {
      border-right: 0; }

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

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

/******** IP PANEL ********/
.ip-panel.ip-panel {
  background: #ff9d1c; }
  .ip-panel.ip-panel.overview-panel {
    background: #f78d00; }
  .ip-panel.ip-panel.extras-panel {
    background-color: #5086a1; }
  .ip-panel.ip-panel.search-panel {
    background-color: #4c809a; }

/******** IP PANEL BUTTON ********/
.ip-panel-button.ip-panel-button {
  background-color: #ff9d1c; }
  .ip-panel-button.ip-panel-button.overview-button {
    background-color: #f78d00; }
  .ip-panel-button.ip-panel-button.extras-button, .ip-panel-button.ip-panel-button.search-button {
    background-color: #4c809a; }
    .ip-panel-button.ip-panel-button.extras-button.extras-button, .ip-panel-button.ip-panel-button.search-button.extras-button {
      background-color: #5086a1; }

/******** IP-PANEL Nav UL ********/
.nav ul a {
  background: #ff9203; }
.nav ul ul a {
  background: #e88400; }
.nav a {
  border-bottom-color: #ff960d; }

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

/******** PRE NXT NAVIGATION ********/
.prenxt-navigation.prenxt-navigation .prev a {
  background: #ff9d1c; }
.prenxt-navigation.prenxt-navigation .nxt a {
  background: #ff9203; }
.prenxt-navigation.prenxt-navigation .page-preview {
  background-color: #ff9d1c; }

/******** PAGE NAVI STYLES ********/
.pagination li:nth-child(2n) * {
  background-color: #ff9203; }
.pagination a, .pagination span {
  background-color: #ff9d1c; }

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

@media only screen and (min-width: 1030px) {
  .prenxt-navigation.prenxt-navigation .nxt a {
    background: #ff9d1c; } }
@media print {
  /*********************
  Svedab Print
  *********************/
  body {
    background-image: none;
    background: #fff;
    font-size: 1em;
    margin: 0; }
    body .page, body #container {
      page-break-after: always; }
      body .page .pb-before, body #container .pb-before {
        page-break-before: always !important;
        page-break-inside: avoid; }
      body .page .no-pb-inside, body #container .no-pb-inside {
        page-break-inside: avoid; }
      body .page #content, body #container #content {
        margin: 0 !important;
        display: block !important;
        padding-top: 0 !important; }
        body .page #content #inner-content .vc_row[data-vc-full-width].vc_row-has-fill, body #container #content #inner-content .vc_row[data-vc-full-width].vc_row-has-fill {
          padding: 2em !important; }
        body .page #content #inner-content .hichart, body #container #content #inner-content .hichart {
          page-break-inside: avoid;
          padding-left: 0;
          padding-right: 0;
          border: none;
          background: none; }
          body .page #content #inner-content .hichart .container .highcharts-container, body #container #content #inner-content .hichart .container .highcharts-container {
            max-width: 100% !important;
            overflow: visible !important; }
        body .page #content #inner-content img, body #container #content #inner-content img {
          max-height: 100% !important; }
        body .page #content #inner-content ul, body #container #content #inner-content ul {
          list-style-type: disc;
          margin-left: 2em; }
        body .page #content #inner-content p, body #container #content #inner-content p {
          page-break-inside: avoid; }
        body .page #content #inner-content h1, body #container #content #inner-content h1 {
          line-height: 135%;
          page-break-after: avoid !important; }
        body .page #content #inner-content h2, body .page #content #inner-content h3, body #container #content #inner-content h2, body #container #content #inner-content h3 {
          page-break-after: avoid !important;
          page-break-inside: avoid;
          page-break-before: auto; }
        body .page #content #inner-content table, body #container #content #inner-content table {
          text-align: left;
          border-spacing: 0px;
          height: auto !important; }
          body .page #content #inner-content table td:empty, body #container #content #inner-content table td:empty {
            padding: 1em; } }