/* Text positioning */
.text-center {
    text-align: center;
}

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

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

.line-height-normal {
    line-height: normal !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.font-family-libre-baskerville {
    font-family: var(--header-font-family);
}
.text-uppercase {
  text-transform: uppercase;
}

/* Desktop Headers */
h1, h2, h3, h4, h5, h6,
.h1-like, .h2-like, .h3-like, .h4-like, .h5-like, .h6-like {
  font-family: var(--header-font-family);
  font-weight: bold;
  letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

h1, .h1-font-size {
    font-size: var(--desktop-h1-font-size);
    line-height: 115%;
}

h2, .h2-font-size  {
    font-size: var(--desktop-h2-font-size);
    line-height: 115%;
}

h3, .h3-font-size, .font-intro {
    font-size: var(--desktop-h3-font-size);
    line-height: 115%;
}

h4, .h4-font-size, .font-section-title {
    font-size: var(--desktop-h4-font-size);
    line-height: 165%;
}

h5, .h5-font-size, .font-title {
    font-size: var(--desktop-h5-font-size);
    line-height: 115%;
}

h6, .h6-font-size, .font-subtitle {
    font-size: var(--desktop-h6-font-size);
    line-height: 100%;
}

/* Ckeditor styles */

span.font-legend {
    font-size: var(--font-size-large);
    font-weight: 400;
    color: var(--main-dark-blue-50);
}

div.page-panel {
    /*font-size: var(--desktop-h5-font-size);*/
    font-weight: 400;
    background-color: var(--main-dark-blue-10);
    padding: var(--padding-md);
    margin-top: var(--margin-xs);
    margin-bottom: var(--margin-xs);
}

blockquote {
    position: relative;
    padding-top: var(--blockquote-block-start);
    padding-bottom: var(--blockquote-block-end);
    padding-left: var(--blockquote-inline-start);
    border-top: 1px solid var(--main-orange);
    border-bottom: 1px solid var(--main-orange);
    margin-block-start: 0;
    margin-inline: 0;
}

blockquote::before {
    content: url('/new_site/svg/citation.svg');
    position: absolute;
    left: 20px;
}

.ds-mobile h1 {
    font-size: var(--mobile-h1-font-size) !important;
    line-height: 125%;
}

.ds-mobile h2  {
    font-size: var(--mobile-h2-font-size);
    line-height: 125%;
}

.ds-mobile h3, .ds-mobile .font-intro {
    font-size: var(--mobile-h3-font-size);
    line-height: 125%;
}

.ds-mobile h4, .ds-mobile .font-section-title {
    font-size: var(--mobile-h4-font-size);
    line-height: 125%;
}

.ds-mobile h5, .ds-mobile .font-title {
    font-size: var(--mobile-h5-font-size);
    line-height: 125%;
}

.ds-mobile h6, .ds-mobile .font-subtitle {
    font-size: var(--mobile-h6-font-size);
    line-height: 100%;
}

/* Texts */
body {
    font-family: var(--body-font-family);
    color: var(--main-dark-blue);
    margin: 0;
    background-color: var(--white);
}

.font-body-extra-large-bold {
    font-size: var(--font-size-extra-large) !important;
    font-weight: 700 !important;
}

.font-body-extra-large {
    font-size: var(--font-size-extra-large) !important;
    font-weight: 400 !important;
}

.font-body-extra-large-light {
    font-size: var(--font-size-extra-large) !important;
    font-weight: 300 !important;
}

.font-body-large-bold {
    font-size: var(--font-size-large) !important;
    font-weight: 700 !important;
}

.font-body-large {
    font-size: var(--font-size-large) !important;
    font-weight: 400 !important;
}

.font-body-large-light {
    font-size: var(--font-size-large) !important;
    font-weight: 300 !important;
}

.font-body-medium-bold {
    font-size: var(--font-size-medium) !important;
    font-weight: 700 !important;
}

.font-body-medium {
    font-size: var(--font-size-medium) !important;
    font-weight: 400 !important;
}

.font-body-medium-light {
    font-size: var(--font-size-medium) !important;
    font-weight: 300 !important;
}

.font-body-small-bold {
    font-size: var(--font-size-small) !important;
    font-weight: 700 !important;
}

.font-body-small {
    font-size: var(--font-size-small) !important;
    font-weight: 400 !important;
}

.font-body-small-light {
    font-size: var(--font-size-small) !important;
    font-weight: 300 !important;
}

.font-body-extra-small-bold {
    font-size: var(--font-size-extra-small) !important;
    font-weight: 700 !important;
}

.font-body-extra-small {
    font-size: var(--font-size-extra-small) !important;
    font-weight: 400 !important;
}

.font-body-extra-small-light {
    font-size: var(--font-size-extra-small) !important;
    font-weight: 300 !important;
}

.font-top-menu {
    font-size: var(--action-top-menu-font-size);
    font-weight: 500;
}

.font-navigation {
    font-size: var(--action-navigation-font-size);
    font-weight: 500;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.line-height-27 {
    line-height: 27px;
}

.line-height-25 {
    line-height: 25px;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

/* Breadcrumbs */
.breadcrumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.breadcrumbs > *  {
    padding: var(--breadcrumbs-item-padding)
}
.breadcrumbs > div:after  {
    content: '>';
    padding-left: 1em;
}
.breadcrumbs > div:last-child:after  {
  display: none;
}

.breadcrumb-separator {
    padding-top: 0.1em;
}

.breadcrumbs > .breadcrumb:first-child {
    padding-left: 0;
}

.breadcrumb {
    font-size: var(--action-breadcrumb-font-size);
    font-weight: 400;
    color: var(--breadcrumb-passive-color);
}

.breadcrumb:not(.disabled, .active) a:hover {
    color: var(--breadcrumb-hover-color);
    text-decoration: underline;
    cursor: pointer;
}

.breadcrumb:focus:not(.disabled, .active) {
    color: var(--breadcrumb-focus-color);
    text-decoration: underline;
}

.breadcrumb.active:not(.disabled) {
    font-weight: 700;
    color: var(--breadcrumb-active-color);
}

.breadcrumb.active:not(.disabled):hover {
    color: var(--breadcrumb-active-color);
}

.breadcrumb.disabled {
    color: var(--breadcrumb-disabled-color);
}

/* Button */
.button-primary, .button-secondary, .button-grey {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.button-primary [class^="icon-"]:before, .button-secondary [class^="icon-"]:before , .button-grey [class^="icon-"]:before {
    position: relative;
    top: 2px;
    left: 10px;
}
.content-data *[style*="text-align: center"] > .button-primary,
.content-data *[style*="text-align: center"] > .button-primary,
.content-data *[style*="text-align: center"] > .button-secondary,
.content-data *[style*="text-align: center"] > .button-secondary,
.content-data *[style*="text-align: center"] > .button-grey,
.content-data *[style*="text-align: center"] > .button-grey{
  margin-left: auto;
  margin-right: auto;
}

.content-data .button-primary,
.content-data .button-secondary,
.content-data .button-grey {
  display: inline-block;
}

.button-primary {
    font-size: var(--action-button-font-size);
    background-color: var(--primary-button-color);
    color: var(--primary-button-text-color);
    border: var(--primary-button-border-width) var(--primary-button-border-style) var(--primary-button-border-color);
    padding: var(--primary-button-text-padding);
    border-radius: var(--primary-button-border-radius);
}
.content-data a.button-primary {
  text-decoration: none;
}

.button-primary.disabled {
    background-color: var(--primary-button-color-disabled);
    color: var(--primary-button-text-disabled);
    border-color: var(--primary-button-border-disabled);
    border-radius: var(--primary-button-border-radius);
}

.button-primary:hover:not(.disabled) {
    background-color: var(--primary-button-color-hover);
    color: var(--primary-button-text-hover);
    border-color: var(--primary-button-border-hover);
    cursor: pointer;
}

.button-primary-white {
    background-color: var(--primary-button-color);
    color: var(--white);
    border: var(--primary-button-border-width) var(--primary-button-border-style) var(--primary-button-border-color);
    padding: var(--primary-button-text-padding);
    border-radius: var(--primary-button-border-radius);
}

.button-primary-white.disabled {
    background-color: var(--primary-button-color-disabled);
    color: var(--primary-button-text-disabled);
    border-color: var(--primary-button-border-disabled);
    border-radius: var(--primary-button-border-radius);
}

.button-primary-white:hover:not(.disabled) {
    background-color: var(--primary-button-color-hover);
    color: var(--primary-button-text-hover);
    border-color: var(--primary-button-border-hover);
    cursor: pointer;
}

.button-secondary {
    font-size: var(--action-button-font-size);
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: var(--secondary-button-border-width) var(--secondary-button-border-style) var(--secondary-button-border-color);
    padding: var(--secondary-button-text-padding);
    border-radius: var(--secondary-button-border-radius);
}

.button-secondary.disabled {
    background-color: var(--secondary-button-color-disabled);
    color: var(--secondary-button-text-disabled);
    border-color: var(--secondary-button-border-disabled);
    border-radius: var(--secondary-button-border-radius);
}

.button-secondary:hover:not(.disabled) {
    background-color: var(--secondary-button-color-hover);
    color: var(--secondary-button-text-hover);
    border-color: var(--secondary-button-border-hover);
    cursor: pointer;
}

.button-secondary.button-tab:focus:not(.disabled) {
    background-color: var(--tab-button-background-focus);
    color: var(--tab-button-focus);
    border-color: var(--tab-button-border-focus);
}

.button-grey {
    font-size: var(--action-button-font-size);
    background-color: var(--grey-button-color);
    color: var(--grey-button-text-color);
    border: var(--grey-button-border-width) var(--grey-button-border-style) var(--grey-button-border-color);
    padding: var(--grey-button-text-padding);
    border-radius: var(--grey-button-border-radius);
}
.content-data a.button-grey {
    text-decoration: none;
}

.button-grey.disabled {
    background-color: var(--grey-button-color-disabled);
    color: var(--grey-button-text-disabled);
    border-color: var(--grey-button-border-disabled);
    border-radius: var(--grey-button-border-radius);
}

.button-grey:hover:not(.disabled) {
    background-color: var(--grey-button-color-hover);
    color: var(--grey-button-text-hover);
    border-color: var(--grey-button-border-hover);
    cursor: pointer;
}

.button-big-arrow {
    text-decoration: none !important;
}

.button-big-arrow:after {
    font-family: 'icomoon';
    content: "\e929";
    font-weight: normal;
    speak: never;
    position: relative;
    right: -10px;
    top: 2px;
}

.filter-button-primary-white {
    background-color: var(--primary-button-color);
    color: var(--white);
    border: var(--primary-button-border-width) var(--primary-button-border-style) var(--primary-button-border-color);
    padding: var(--primary-button-text-padding);
    border-radius: var(--primary-button-border-radius);
}

.filter-button-secondary {
    font-size: var(--action-button-font-size);
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: var(--secondary-button-border-width) var(--secondary-button-border-style) var(--secondary-button-border-color);
    padding: var(--secondary-button-text-padding);
    border-radius: var(--secondary-button-border-radius);
}

/* Link */
.primary-link {
    font-size: var(--action-primary-font-size);
    font-weight: 500;
}

.secondary-link {
    font-size: var(--action-secondary-font-size);
    font-weight: 500;
}

.tertiary-link {
    font-size: var(--action-tertiary-font-size);
    font-weight: 500;
}

a {
    text-decoration: none;
    color: var(--main-dark-blue);
    font-family: var(--body-font-family);
}
a.expand-link:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

button {
    font-family: var(--body-font-family);
}

a:hover {
    text-decoration: underline;
}

.primary-link, .secondary-link, .tertiary-link {
    color: var(--link-color);
}

.primary-link:hover:not(.disabled), .secondary-link:hover:not(.disabled), .tertiary-link:hover:not(.disabled) {
    color: var(--link-color-hover);
}

.primary-link.disabled, .secondary-link.disabled, .tertiary-link.disabled {
    color: var(--link-color-disabled);
}

.button-empty, .button {
    padding: var(--link-button-padding);
    border-radius: var(--link-button-border-radius);
}

.button-empty.primary-link, .button-empty.secondary-link, .button-empty.tertiary-link {
    border: var(--link-button-border-width) var(--link-button-border-style) var(--link-empty-button-border-color);
}

.button-empty.primary-link:hover:not(.disabled), .button-empty.secondary-link:hover:not(.disabled), .button-empty.tertiary-link:hover:not(.disabled) {
    border-color: var(--link-empty-button-border-hover);
}

.button.primary-link, .button.secondary-link, .button.tertiary-link {
    border: var(--link-button-border-width) var(--link-button-border-style) var(--link-button-border-color);
}

.button.primary-link:hover:not(.disabled), .button.secondary-link:hover:not(.disabled), .button.tertiary-link:hover:not(.disabled) {
    border-color: var(--link-button-border-hover);
}

.button.primary-link.disabled, .button.secondary-link.disabled, .button.tertiary-link.disabled {
    border-color: var(--link-button-border-disabled);
}

.tag {
    font-size: var(--action-tag-font-size);
    padding: var(--action-tag-padding);
    border-radius: var(--action-tag-border-radius);
    font-weight: 400;
}

.tag.dark-blue {
    color: var(--action-tag-dark-blue-color);
    background-color: var(--action-tag-dark-blue-background);
}

.tag.light-blue {
    color: var(--action-tag-light-blue-color);
    background-color: var(--action-tag-light-blue-background);
}

.tag.dark-orange {
    color: var(--action-tag-dark-orange-color);
    background-color: var(--action-tag-dark-orange-background);
}

.tag.light-orange {
    color: var(--action-tag-light-orange-color);
    background-color: var(--action-tag-light-orange-background);
}

.list-link {
    display: flex;
    flex-direction: column;
}

.list-link .link {
    min-width: var(--list-link-min-width);
    position: relative;
    font-size: var(--list-link-font-size);
    color: var(--list-link-color);
    font-weight: var(--list-link-font-weight);
    cursor: pointer;
}

.list-link .link .amount {
    font-size: var(--list-link-amount-font-size);
    color: var(--list-link-amount-font-weight);
    font-weight: var(--list-link-amount-font-weight);
}

.list-link .link::before {
    content: ' ';
    position: absolute;
    height: 1px;
    top: 23px;
    width: var(--list-link-underline-width);
    border-bottom: var(--list-link-underline-height) solid var(--list-link-underline-color);
}

.list-link .link::after {
    content: ' ';
    position: absolute;
    height: 10px;
    transform: rotate(-45deg);
    width: 10px;
    top: 8px;
    right: 0;
    border-bottom: 1px solid var(--list-link-color);
    border-right: 1px solid var(--list-link-color);
}

.slider-list {
    margin: 0;
    padding-inline-start: 0;
}

.slider-list-item {
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    font-size: var(--font-size-large);
}

.slider-list-item.selected {
    color: var(--main-orange);
    font-weight: 600;
}
.slider-list-item.selected:before {
    content: ' ';
    width: 29px;
    bottom: 5px;
    left: -15px;
    display: inline-block;
    border-bottom: 1px solid var(--main-orange);
    position: relative;
}

/* UL OL */
ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
ol li {
    display: block;
    margin-bottom: .5em;
    margin-left: 32px;
    position: relative;
}

ol li::before {
    display: inline-block;
    content: counter(item);
    counter-increment: item;
    font-weight: 300;
    width: 16px;
    text-align: center;
    border-bottom: 3px solid var(--main-orange);
    position: absolute;
    left: -35px;
    top: 0;
}

ol li::after {
    display: inline-block;
    content: '•';
    top: 0;
    width: 16px;
    left: -19px;
    position: absolute;
    text-align: center;
}

ul {
    padding-inline-start: 20px;
}

a {
    font-family: var(--body-font-family);
}

a:hover {
    text-decoration: none;
}

/* list */
.list-style-none {
    list-style: none;
}

.colored-rectangle-after {
    font-size: var(--font-size-large);
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

.colored-rectangle-after:after {
    position: absolute;
    content: url('/new_site/svg/rectangle.svg');
    left: 0;
    top: 15px;
}

.text-nowrap {
    white-space: nowrap;
}
.text-wrap {
    white-space: normal;
}

.text-nowrap {
    white-space: nowrap;
}
.text-wrap {
    white-space: normal;
}

.m-30 {
    margin: 30px;
}

.p-30 {
    padding: 30px;
}

.text-capitalize {
    text-transform: uppercase;
}