@charset "UTF-8";
/* webbear-sass-2 variables
/////////////////////////////////////////////////////
/// overrwrite them with your custom vars
/////////////////////////////////////////////////////


// layout /grid
$grid-gutter: 24px;
$grid-columns: 12;
$container-max-width: 1140px;


$breakpoints: (
  x-small: 0,
  small: 576px,
  medium: 768px,
  large: 992px,
  x-large: 1200px
);

/////////////////////////////////////////////////////
/// colors
/////////////////////////////////////////////////////
$white:  #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #868e96;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:  #000;

// retrieve via grayscale() function
$grays: (
  100: $gray-100,
  200: $gray-200,
  300: $gray-300,
  400: $gray-400,
  500: $gray-500,
  600: $gray-600,
  700: $gray-700,
  800: $gray-800,
  900: $gray-900
);

$blue:    #007bff;
$indigo:  #6610f2;
$purple:  #6f42c1;
$pink:    #e83e8c;
$red:     #dc3545;
$orange:  #fd7e14;
$yellow:  #ffc107;
$green:   #28a745;
$teal:    #20c997;
$cyan:    #17a2b8;


// retrieve via color()
$colors: (
  blue: $blue,
  indigo: $indigo,
  purple: $purple,
  pink: $pink,
  red: $red,
  orange: $orange,
  yellow: $yellow,
  green: $green,
  teal: $teal,
  cyan: $cyan,
  white: $white,
  gray: $gray-600,
  gray-dark: $gray-800
);

// retrieve via brand-color()
$brand-colors: (
  primary: $green,
  secondary: $gray-600,
  success: $blue,
  info: $cyan,
  warning: $yellow,
  danger: $red,
  light: $gray-100,
  dark: $gray-800
);

$primary-color: $green;
$secondary-color: $gray-600;

$brand-primary: $primary-color;
$brand-secondary: $secondary-color;

$link-color: $brand-primary;
$link-text-decoration: none;
$link-hover-color: $link-color;
$link-hover-text-decoration: underline;
$link-visited-color: darken($brand-primary, 10%);


// fonts
$font-family-base: "Helvetica", arial, sans-serif;
$font-size-base: 100%;
$font-weight-base: 400;
$line-height-base: 1.5;
$body-color: $gray-900;
$body-bg: $white;

//font sizes
$h1-font-size: 2rem;
$h2-font-size: 1.8rem;
$h3-font-size: 1.65rem;
$h4-font-size: 1.4rem;
$h5-font-size: 1.25rem;
$h6-font-size: 1.1rem;

$headings-font-family: inherit;
$headings-font-weight: 500;
$headings-line-height: 1.1;

// font colors
$headings-color: inherit;

//margins
$headings-margin-bottom: .75rem ;




$dt-font-weight: 700;



$label-margin-bottom: .25rem;


$text-input-settings: (
  background: transparent,
  border: 1px solid $gray-400,
  border-radius: 0,
  font-size: 1rem,
  font-weight: 400,
  font-family: $font-family-base,
  line-height: 1.2,
  padding: .25rem .5rem,
  margin: 0 0 .75rem 0,
  display: block,
  focus-border-color: $primary-color,
  apperance: none,
  max-width: 100%,
  width: 100%,
  outline: 1px solid $primary-color
);


$select-settings: (
  display: block,
  width: 100%,
  max-width: 100%,
  padding: .75rem,
  margin: 0 0 .75rem 0,
  border: 1px solid $gray-400,
  font-size: 1rem,
  font-family: inherit,
  line-height: normal,
  color: $black,
  border-radius: 0,
  appearance: none,
  background-color: $white,
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"),
  background-size: 9px 6px,
  background-position: right .5rem center,
  background-origin: content-box,
  background-repeat: no-repeat,
  outline: 1px solid $primary-color

);

$font-icons: (
  burger: "\2630",
  menu: "\2630",
  close: "\2715",
  plus: "\002B",
  mod-plus: "\02D6",
  minus: "\002D",
  mod-minus: "\02D7",
  caret: "\02C7",
  less: "\003C",
  more: "\003E",
  apo-left: "\00AB",
  apo-right: "\00BB",
  copyright: "\00A9"
);

$fa-icons: (
  file: "\f15b",
  pdf: "\f1c1",
  word: "\f1c2",
  excel: "\f1c3",
  powerpoint: "\f1c4",
  image: "\f1c5",
  zip: "\f1c6",
  audio: "\f1c7",
  movie: "\f1c8"
);

*/
html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "PT Sans", sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.4;
  color: #212529;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #5c657a;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #5c657a;
  text-decoration: underline;
}
a:visited {
  color: #464d5d;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: 0.25rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

nav ul, nav ol, nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav,
.nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
}

body {
  font-family: "PT Sans", sans-serif;
  font-size: 100%;
  line-height: 1.4;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.75rem;
  color: inherit;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.65rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.1rem;
}

a {
  color: #5c657a;
  text-decoration: none;
}

a:hover {
  color: #5c657a;
  text-decoration: underline;
}

a:visited {
  color: #464d5d;
}

p,
ul,
ol {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

[type=text],
[type=email],
[type=date],
[type=password],
[type=number],
textarea {
  font-family: "PT Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0.75rem 0;
  background: transparent;
  border: 1px solid #ced4da;
  border-radius: 0;
  display: block;
  width: 100%;
  max-width: 100%;
}
[type=text]:focus,
[type=email]:focus,
[type=date]:focus,
[type=password]:focus,
[type=number]:focus,
textarea:focus {
  border-color: #5c657a;
}

a.button,
button,
[type=button],
[type=submit] {
  background-color: #828ba1;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  padding: 0.5rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: all 500ms ease;
}
a.button:hover, a.button:focus,
button:hover,
button:focus,
[type=button]:hover,
[type=button]:focus,
[type=submit]:hover,
[type=submit]:focus {
  background-color: #5c657a;
  color: #fff;
  border-color: #5c657a;
}
a.button:disabled,
button:disabled,
[type=button]:disabled,
[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
a.button:disabled:hover,
button:disabled:hover,
[type=button]:disabled:hover,
[type=submit]:disabled:hover {
  background-color: #5c657a;
}

select {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.5rem;
  margin: 0 0 0.75rem 0;
  border: 1px solid #ced4da;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #000;
  background-color: #fff;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
}

/* images placed in richt text editor */
.align_left,
.align_right,
.align_center {
  display: block;
  float: none;
  margin: 1rem auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .align_left {
    float: left;
    margin: 0 1rem 0.5rem 0;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .align_right {
    float: right;
    margin: 0 0 0.5rem 1rem;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .align_center {
    display: block;
    margin: 1em auto;
  }
}

/* pw FormBuilder */
#wrap_Inputfield- {
  display: none;
}

.FormBuilder,
.InputfieldForm {
  font-family: inherit;
}

.InputfieldStateRequired label:after {
  content: " *";
}

.Inputfield {
  margin: 0 0 0.5em 0;
}

.InputfieldSubmit {
  margin: 1em 0;
}

.InputfieldStateError,
.ui-state-error {
  color: #dc3545;
}
.InputfieldStateError p,
.ui-state-error p {
  margin: 0;
}

span.ui-state-error {
  font-size: 80%;
  font-style: italic;
}

.InputfieldStateError,
.error {
  color: #dc3545;
}
.InputfieldStateError input[type=text],
.InputfieldStateError input[type=email],
.InputfieldStateError textarea,
.error input[type=text],
.error input[type=email],
.error textarea {
  border-color: #dc3545;
}

html {
  font-size: 100%;
}

body {
  font-family: "PT Sans", sans-serif;
  font-size: 100%;
  line-height: 1.4;
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: none;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
@media (min-width: 768px) {
  body {
    position: relative;
    padding-bottom: 106px;
  }
}

.page-aside ul,
.rte ul {
  padding: 0;
  margin: 0;
}
.page-aside ul li,
.rte ul li {
  list-style: none;
  padding-left: 1rem;
  position: relative;
  margin: 0 0 0.25rem 0;
}
.page-aside ul li:before,
.rte ul li:before {
  content: "-";
  position: absolute;
  margin-left: -1rem;
}

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

h1,
h2,
h3,
h4,
h5 {
  color: black;
}

h2 {
  font-weight: bold;
  margin: 1.3rem 0 0.5rem 0;
}

h3 {
  margin: 1.3rem 0 0.5rem 0;
}

.sidebar h2:first-child,
.main-content h2:first-child,
.sidebar h3:first-child,
.main-content h3:first-child {
  margin-top: 0;
}

p {
  margin: 0 0 1rem 0;
}

a {
  color: #5c657a;
  text-decoration: underline;
}

a:hover {
  color: #464d5d;
  text-decoration: none;
}

blockquote {
  margin-left: 0;
  padding-left: 1.5rem;
  padding-right: 2rem;
  border-left: 4px solid #ddd;
  font-style: italic;
  color: #777;
}

pre,
code {
  background: #eee;
  border: 1px solid #ddd;
}

pre {
  font-size: 0.875rem;
  line-height: 1.4em;
  padding: 1em;
  border-left: 4px solid #5c657a;
}

hr {
  border-top: 1px solid #5c657a;
  box-shadow: 0 0 0 transparent;
}

.align_left {
  /* for images placed in rich text editor */
  float: left;
  margin: 0 1rem 0.5rem 0;
  position: relative;
  top: 0.5rem;
  max-width: 50%;
}

.align_right {
  /* for images placed in rich text editor */
  float: right;
  margin: 0 0 0.5rem 1rem;
  max-width: 50%;
}

.align_center {
  /* for images placed in rich text editor */
  display: block;
  margin: 1em auto;
  position: relative;
  top: 0.5rem;
}

.container {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 36px;
  padding-top: calc(60px * 2);
}
@media (min-width: 992px) {
  .container {
    padding-top: calc((75px + 10px) * 2);
  }
}

@media (min-width: 768px) {
  .has-sidebar .body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -18px;
  }
}

@media (min-width: 768px) {
  body.has-sidebar .main-content {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  body.has-sidebar .main-content {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 768px) {
  body.has-sidebar .page-title {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

body.has-sidebar .sidebar {
  clear: both;
}
@media (min-width: 768px) {
  body.has-sidebar .sidebar {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  body.has-sidebar .sidebar {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.skip-links {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.masthead {
  background: #fff;
  display: none;
  box-shadow: 0 0 8px rgba(92, 101, 122, 0.12);
}
@media (min-width: 992px) {
  .masthead {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 200;
  }
}
.masthead .top-nav {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 36px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 5px 36px;
}
.masthead .logo {
  -webkit-flex: 0 0 300px;
          flex: 0 0 300px;
}
.masthead .logo a {
  display: block;
  text-decoration: none;
  color: #000;
  float: left;
  width: 100%;
}
.masthead .logo img {
  float: left;
  width: 70px;
  height: auto;
  margin-right: -70px;
}
.masthead .logo .claim {
  float: left;
  margin-left: 70px;
  width: calc(100% -80px);
  padding-top: 12px;
}
.masthead .logo .claim p {
  margin: 0;
}
.masthead .logo .claim p:first-child {
  padding-left: 10px;
}
.masthead .logo .claim p:nth-child(2) {
  padding-left: 5px;
}
.masthead .logo .claim p:nth-child(3) {
  padding-left: 0px;
}
.masthead .topnav {
  float: right;
}

.top-nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.top-nav ul > li {
  float: left;
  position: relative;
  margin: 0 0.5rem;
}
.top-nav ul > li:last-child {
  margin-right: 0;
}

.topnav > li > a {
  padding: 0;
  line-height: 75px;
  text-decoration: none;
  display: block;
  color: #5c657a;
}

.topnav > li:hover > a,
.topnav li.active > a,
.topnav li.current > a {
  color: #000;
  position: relative;
}
.topnav > li:hover > a:after,
.topnav li.active > a:after,
.topnav li.current > a:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 1.35rem;
  border-bottom: 3px solid #5c657a;
}

.top-nav ul li ul {
  position: absolute;
  top: 2.35rem;
  left: -99999px;
  border: 1px solid;
  border-color: transparent;
  background-color: #fff;
  transition: border 300ms ease;
  width: 12rem;
  padding: 0.25rem;
  z-index: 2000;
}
.top-nav ul li ul li {
  width: 100%;
}
.top-nav ul li ul li a {
  display: block;
  text-decoration: none;
  padding: 0.25rem;
}

.top-nav ul li:hover ul {
  left: 0;
  border-color: #5c657a;
}

form.search {
  float: right;
  margin: 0;
  width: flex-column-width(3 of 12, 12);
}

form.search input {
  margin: 0;
  padding: 0.25rem 0.5rem;
  width: 100%;
  color: #000;
  display: inline-block;
  margin: 0.1rem 0 0 0;
}

form.search button {
  display: none;
}

.masthead .language-nav li {
  float: left;
  position: relative;
  margin: 0;
}
.masthead .language-nav li a {
  padding: 0 0.75rem;
  line-height: 75px;
  text-decoration: none;
  display: block;
  color: #5c657a;
}
.masthead .language-nav li.current a {
  color: #000;
  position: relative;
}
.masthead .language-nav li.current a:after {
  position: absolute;
  content: "";
  left: 0.75rem;
  right: 0.75rem;
  bottom: 1.35rem;
  border-bottom: 3px solid #5c657a;
}

h1.page-title {
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 36px;
}

.main-content,
.sidebar {
  padding-bottom: 2rem;
}
.main-content ul,
.sidebar ul {
  padding: 0;
  margin: 0 0 1rem 0;
  list-style-position: inside;
}
.main-content ul.nav,
.sidebar ul.nav {
  margin-left: 0;
}

.nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.nav .nav {
  padding-left: 1.5rem;
  list-style: none;
}

.nav li {
  margin: 1em 0;
}

.nav-tree li {
  margin-top: 0;
  margin-bottom: 0;
}

.main-content .nav a {
  color: #5c657a;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}

.main-content .nav li {
  margin-bottom: 10px;
}
.main-content .nav li:before {
  content: "» ";
  color: #5c657a;
  text-decoration: none;
}
.main-content .nav li:hover:before {
  color: #000;
}

.nav a {
  color: #5c657a;
  text-decoration: none;
}

.nav-tree li a {
  color: #5c657a;
}

.nav a:hover,
.nav .current > a {
  color: #000;
}
.nav a:hover:before,
.nav .current > a:before {
  color: #000;
  text-decoration: none;
}

@media (min-width: 768px) {
  .main-content {
    min-height: 250px;
  }
}
.main-content ul.sub-page-nav {
  list-style: none;
  clear: both;
  zoom: 1;
  margin: 1.5rem 0;
}
.main-content ul.sub-page-nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media (min-width: 576px) {
  .main-content ul.sub-page-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -18px;
    margin-right: -18px;
  }
}
.main-content .sub-page-nav li {
  margin-top: 0;
  margin-bottom: 36px;
}
.main-content .sub-page-nav li img {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  height: auto;
}
.main-content .sub-page-nav li div.img {
  width: 100%;
}
@media (min-width: 576px) {
  .main-content .sub-page-nav li {
    padding: 18px;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content .sub-page-nav li {
    width: 25%;
  }
}
.main-content .sub-page-nav a {
  text-decoration: none;
  display: block;
}
.main-content .sub-page-nav h2 {
  margin: 0.25rem 0;
}

.page-aside blockquote {
  margin-left: 0;
  padding-left: 1rem;
  padding-right: 0;
  border-left: 4px solid #adb5bd;
  font-style: italic;
  color: #495057;
  margin: 0;
}
.page-aside blockquote + p {
  color: #343a40;
  margin-top: -10px;
  margin-bottom: 36px;
  color: #495057;
}

.homepage .lead {
  margin: 0 auto 72px auto;
  text-align: center;
}

.homepage .full-width .lead {
  margin: 0 auto 72px auto;
  text-align: center;
}
@media (min-width: 768px) {
  .homepage .full-width .lead {
    margin-top: -36px;
    width: 100%;
    margin-bottom: 36px;
  }
}
.homepage .full-width .rte ul li {
  margin-bottom: 0.25rem;
}
.homepage .full-width .rte p {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .homepage .full-width .rte {
    width: 80%;
    margin: 0 auto;
  }
  .homepage .full-width .rte ul li {
    margin-bottom: 0.25rem;
  }
  .homepage .full-width .rte ul li p {
    margin-bottom: 0 !important;
  }
}

.footer {
  clear: both;
  color: #343a40;
}
.footer a {
  color: #343a40;
}
@media (min-width: 768px) {
  .footer {
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}

.logo-carousel {
  height: 50px;
  width: 100%;
}
.logo-carousel .logo {
  margin-right: 20px;
}

.footer-content {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 36px;
}
.footer-content .primary-footer {
  padding-top: 18px;
  padding-bottom: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.footer-content .primary-footer .cb-element {
  -webkit-justify-content: space-between;
          justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.footer-content .primary-footer .cb-element .cb-body {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.footer-content .primary-footer .cb-element .cb-body .logo {
  margin-right: 18px;
}
.footer-content .primary-footer .cb-element:last-child .cb-body .logo {
  margin-right: 0;
}

@media (min-width: 768px) {
  .additionals {
    text-align: right;
  }
}
.additionals span {
  display: inline-block;
  margin-left: 18px;
}
.additionals span.copyright {
  margin-left: 0;
}

.utilities {
  margin: 0;
  padding: 0;
}
.utilities li {
  display: inline-block;
  margin: 0.1em 1.75em 0.1em 0;
}
.utilities li a {
  font-weight: normal;
  text-decoration: none;
}
.utilities li a:hover {
  color: #000;
}

.widget {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  .widgets {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -18px;
  }
  .widgets .widget {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
  }
}
#wrap_Inputfield- {
  display: none;
}

.form input[type=text],
.form input[type=email],
.form textarea {
  border: 1px solid #000;
  padding: 0.5em;
  max-width: 100%;
  width: 30em;
  font-size: 1em;
  font-family: courier, monospace;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form textarea:focus {
  border-color: #333333;
}
.form .InputfieldStateRequired label:after {
  content: " *";
}
.form .Inputfield {
  margin: 0 0 0.5em 0;
}
.form .InputfieldSubmit {
  margin: 1em 0;
}
.form button {
  background: #000;
  display: inline-block;
  border: 1px solid #000;
  padding: 0.75em 1.25em;
  color: #fff;
  cursor: pointer;
  transition: background 200ms ease;
}
.form button:hover {
  background: black;
}
.form .ui-state-error {
  color: red;
}
.form .ui-state-error p {
  margin: 0;
}
.form span.ui-state-error {
  font-size: 0.825em;
  font-style: italic;
}

.main-content ul.gallery {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-left: -18px;
  margin-right: -18px;
}
.main-content .gallery li {
  padding: 18px;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .main-content .gallery li {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content .gallery li {
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .main-content .gallery li {
    width: 25%;
  }
}
.main-content .gallery li img, .main-content .gallery li a {
  display: block;
}
.main-content .gallery-item > a > img {
  min-width: 100%;
  height: auto;
  padding: 0;
  background: #fff;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.5);
}

.logout-link,
.edit {
  position: fixed;
  top: 45%;
  right: 0;
}
.logout-link a,
.edit a {
  text-decoration: none;
  font-size: 0.625rem;
  display: block;
  background: #990000;
  color: white;
  padding: 0.5rem 0.75rem;
}

.role-superuser .course {
  position: relative;
}
.role-superuser .course .edit {
  position: absolute;
  top: auto;
  bottom: 0;
}
.role-superuser .course .edit a {
  padding: 0.25rem 0.5rem;
}

.logout-link {
  top: auto;
  bottom: 20px;
}

.mobile-header {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #5c657a;
  padding: 5px 36px;
  box-shadow: 0 0 5px rgba(92, 101, 122, 0.8);
}
@media (min-width: 992px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header .reveal-mobile-menu {
  display: inline-block;
  padding: 6px;
  font-size: 32px;
  color: #5c657a;
  line-height: 32px;
  float: right;
}
.mobile-header .reveal-mobile-menu:before {
  content: "☰";
}
.mobile-header .reveal-mobile-menu.on:before {
  content: "✕";
}
.mobile-header .mm-logo {
  width: calc(100% - 50px);
}
.mobile-header .mm-logo img {
  width: 50px;
  margin-right: -50px;
  float: left;
}
.mobile-header .mm-logo a {
  display: block;
}
.mobile-header .mm-logo .mm-claim {
  float: left;
  margin-left: 50px;
  display: none;
}
@media (min-width: 576px) {
  .mobile-header .mm-logo .mm-claim {
    display: block;
  }
}
.mobile-header .mm-logo .mm-claim p {
  margin: 0;
  font-size: 0.75rem;
}
.mobile-header .mm-logo .mm-claim p:first-child {
  padding-left: 10px;
}
.mobile-header .mm-logo .mm-claim p:nth-child(2) {
  padding-left: 5px;
}
.mobile-header .mm-logo .mm-claim p:nth-child(3) {
  padding-left: 0px;
}

.mobile-menu {
  display: none;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(92, 101, 122, 0.8);
  padding-top: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mobile-menu.show {
  display: block;
}
@media (min-width: 992px) {
  .mobile-menu {
    display: none;
  }
  .mobile-menu.show {
    display: none;
  }
}
.mobile-menu .mobile-nav {
  height: 0;
  overflow: hidden;
  transition: opacity 300ms ease;
  opacity: 0;
}
.mobile-menu.show .mobile-nav {
  height: auto;
  opacity: 1;
}
.mobile-menu ul,
.mobile-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu a {
  text-decoration: none;
  font-size: 1.1rem;
  line-height: 50px;
  padding: 0 36px;
  display: block;
  color: #5c657a;
}
.mobile-menu .mobile-topnav > li > a {
  text-transform: uppercase;
}
.mobile-menu .mobile-topnav > li {
  border-top: 1px solid #5c657a;
}
.mobile-menu li li > a {
  padding-left: 32px;
}
.mobile-menu li li li > a {
  padding-left: 64px;
}
.mobile-menu .mm-current > a,
.mobile-menu .mm-active > a {
  color: #000;
  font-weight: bold;
}
.mobile-menu .subnav {
  opacity: 1;
  transition: opacity 800ms ease;
}
.mobile-menu .hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mobile-menu .language-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
  border-top: 1px solid #5c657a;
}
.mobile-menu .language-nav li {
  -webkit-flex: 0 1 33.33333%;
          flex: 0 1 33.33333%;
}
.mobile-menu .language-nav li a {
  display: block;
}
.mobile-menu .language-nav li.current a {
  color: #000;
  font-weight: bold;
}

.reveal-sub-menu {
  position: relative;
  z-index: 200;
  display: inline-block;
  line-height: 50px;
  width: 50px;
  color: #5c657a;
  text-align: center;
}
.reveal-sub-menu:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "+";
}
.reveal-sub-menu.show:before {
  content: "-";
}

.mm-parent > a {
  width: calc(100% - 50px);
  display: inline-block;
}

.embed {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom: 1rem;
}
.embed .title,
.embed .caption {
  display: inline-block;
  margin: 0 0 0.25rem 0;
}
.embed::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.embed.embed-16x9::before {
  padding-top: 56.25%;
}
.embed.embed-4x3::before {
  padding-top: 75%;
}
.embed .embeded-item,
.embed *,
.embed iframe,
.embed video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-audio {
  margin-bottom: 1rem;
}
.embed-audio .title,
.embed-audio .caption {
  display: inline-block;
  margin: 0 0 0.25rem 0;
}

.courses .course h2 {
  margin-top: 0;
}
.courses .course p {
  margin: 0;
}
.courses .course ul {
  padding: 0;
  margin: 0;
}
.courses .course ul li {
  list-style: none;
  padding-left: 1rem;
  position: relative;
  margin: 0;
}
.courses .course ul li:before {
  content: "-";
  position: absolute;
  margin-left: -1rem;
}
.courses .course .label {
  font-weight: 700;
}

.main-content .courses {
  padding: 18px 0;
  list-style: none;
}
.main-content .courses .course {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -18px;
  margin-bottom: 36px;
  padding-bottom: 36px;
  position: relative;
}
.main-content .courses .course:after {
  content: "";
  border-bottom: 1px solid #5c657a;
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
}
.main-content .courses .course:last-child:after {
  border: 0 none transparent;
}
.main-content .courses .course .column-1 {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.main-content .courses .course .column-2 {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .main-content .courses .course .column-1 {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .main-content .courses .course .column-2 {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

.course .column-2 {
  position: relative;
}
.course .column-2 > div {
  margin-bottom: 0.5rem;
}
.course .column-2 h2 {
  font-weight: bold;
  padding-right: 120px;
  margin-bottom: 18px;
}
.course .column-2 .type-icons {
  position: absolute;
  top: -4px;
  right: 18px;
  z-index: 1;
}
.course .column-2 .type-icons .icon-type:last-child {
  margin-left: 15px;
}

.course .column-1 > div {
  margin-bottom: 0.5rem;
}
.course .column-1 .image {
  margin-bottom: 0.5rem;
}

.course .downloads {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.course .downloads .download {
  margin: 0.5rem 0 0 0;
}
.course .downloads .download a {
  background-color: #828ba1;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  padding: 0.5rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: all 500ms ease;
}
.course .downloads .download a:hover, .course .downloads .download a:focus {
  background-color: #5c657a;
  color: #fff;
  border-color: #5c657a;
}
.course .downloads .download a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.course .downloads .download a:disabled:hover {
  background-color: #5c657a;
}

.icon {
  font-size: 0;
}
.icon:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.icon.icon-type {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.icon.icon-type:before {
  display: none;
}
.icon.icon-pdf:before {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 100%;
  vertical-align: baseline;
  margin-right: 0.25rem;
  margin-bottom: -5px;
}

.filters {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -18px;
  margin-bottom: 18px;
}
.filters > div {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .filters > div {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.sidebar .cb-element {
  padding: 12px 0;
  margin-bottom: 12px;
}
.sidebar .cb-element .cb-header {
  border-bottom: 2px solid #5c657a;
  margin-bottom: 12px;
}
.sidebar .cb-element.has-logos .cb-body {
  display: -webkit-flex;
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
}
.sidebar .cb-element.has-logos .cb-body .logo {
  padding: 12px;
  -webkit-flex: 0 0 50%;
          flex: 0 0 50%;
}

.main-content ul.tiles {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -18px;
  margin-top: 36px;
}
.main-content ul.tiles .tile {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 36px;
}
@media (min-width: 576px) {
  .main-content ul.tiles .tile {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content ul.tiles .tile {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.tiles .tile a {
  display: block;
  text-decoration: none;
  height: 100%;
}
.tiles .tile h3 {
  margin: 8px 0 5px 0;
}
.tiles .tile .image img {
  display: block;
}

.main-content .team {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -18px;
  margin-top: 36px;
}
.main-content .team .member a {
  display: block;
  text-decoration: none;
  color: #000;
  text-decoration: none;
}
.main-content .team .member a:visited, .main-content .team .member a:active {
  color: #000;
  text-decoration: none;
}
.main-content .team .member a:hover {
  color: #000;
  text-decoration: none;
}
.main-content .team .member a h2 {
  margin-top: 12px;
}
.main-content .team .member {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 36px;
}
@media (min-width: 576px) {
  .main-content .team .member {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .main-content .team .member {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.main-content .portrait {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -18px;
}
.main-content .portrait .image {
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
@media (min-width: 576px) {
  .main-content .portrait .image {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content .portrait .image {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  .main-content .portrait .image {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.main-content .portrait .description {
  position: relative;
  padding-bottom: 30px;
  min-height: 100%;
  padding-right: 18px;
  padding-left: 18px;
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.main-content .portrait .description .back-nav {
  position: absolute;
  right: 18px;
  bottom: 0;
}
@media (min-width: 576px) {
  .main-content .portrait .description {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content .portrait .description {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  .main-content .portrait .description {
    padding-right: 18px;
    padding-left: 18px;
    -webkit-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

.masthead .logo .claim {
  font-size: 0.825rem;
}

@media (min-width: 992px) {
  .topnav > li > a {
    font-size: 1.125rem;
  }
}

.topnav li ul li {
  font-size: 0.9rem;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.2rem;
}

h1.page-title {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  h1.page-title {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  .main-content .rte,
.portrait {
    font-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  .main-content .member {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .courses {
    font-size: 1.125rem;
  }
}

.course .column-2 h2 {
  font-size: 1.3rem;
}

.homepage .lead {
  font-size: 3rem;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .homepage .lead {
    font-size: 4rem;
  }
}
.homepage .full-width .lead {
  font-size: 1.8rem;
}
@media (min-width: 576px) {
  .homepage .full-width .lead {
    font-size: 2.8rem;
  }
}
@media (min-width: 768px) {
  .homepage .full-width .lead {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .homepage .full-width .lead {
    font-size: 4rem;
  }
}
.homepage .full-width .rte {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .homepage .full-width .rte {
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
@media (min-width: 992px) {
  .homepage .full-width .rte {
    font-size: 2rem;
  }
}

.nav a .summary {
  font-size: 0.75rem;
}

.sub-page-nav h2 {
  font-size: 0.9rem;
}
.sub-page-nav .summary {
  font-size: 0.75rem;
}

.additionals {
  font-size: 0.825rem;
}

.utilities li {
  font-size: 0.825rem;
}

/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */
@media only screen and (max-width: 767px) {
  /* mobile layout */
  body,
td,
textarea {
    font-size: 100%;
  }

  .align_left,
.align_right,
.align_center {
    display: block;
    float: none;
    margin: 1em auto;
    max-width: 100%;
  }
}
.cookie-consent-management {
  position: fixed;
  right: 0;
  width: 100%;
  left: 0;
  bottom: -99999px;
  background: rgba(255, 255, 255, 0.85);
  border: 2px solid #5c657a;
  color: #000;
  z-index: 200000;
  padding: 16px 30px;
  box-sizing: border-box;
  min-height: 60px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.cookie-consent-management * {
  box-sizing: border-box;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .cookie-consent-management * {
    font-size: 1.25rem;
  }
}
.cookie-consent-management.show.fadeout {
  opacity: 0;
}
.cookie-consent-management.show {
  top: auto;
  bottom: 0;
  opacity: 1;
}
.cookie-consent-management button.consent {
  display: inline-block;
  border: 0 none;
  cursor: pointer;
}
.cookie-consent-management .cookie-banner .instructions {
  float: left;
  padding: 0 20px 10px 0;
}
.cookie-consent-management .cookie-banner .consent-yes-no {
  float: left;
}
.cookie-consent-management .cookie-banner .consent-yes-no button.consent {
  padding: 8px 10px;
  margin-right: 10px;
  text-align: center;
  min-width: 80px;
}
.cookie-consent-management .cookie-banner .consent-yes-no button.consent:last-child {
  margin-right: 0;
}
.cookie-consent-management .cookie-banner .consent-yes-no button.consent-yes {
  color: #fff;
  background: #5c657a;
}
.cookie-consent-management .cookie-banner .consent-yes-no button.consent-no {
  color: #000;
  background-color: #ffa862;
}
.cookie-consent-management .consent-close {
  position: absolute;
  right: 8px;
  top: 8px;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #eee;
}
.cookie-consent-management .consent-close:after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  content: "";
  background-color: #eee;
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20id%3D%22close%22%3E%3Cpath%20id%3D%22x%22%20style%3D%22fill%3A%23000%3B%22%20d%3D%22M18.717%206.697l-1.414-1.414-5.303%205.303-5.303-5.303-1.414%201.414%205.303%205.303-5.303%205.303%201.414%201.414%205.303-5.303%205.303%205.303%201.414-1.414-5.303-5.303z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  display: inline-block;
  padding: 0;
  width: 40px;
  height: 40px;
}

/*
$lightcase-custom: (
  'font-path': '../vendor/lightcase/src/fonts/', // Path relative to the compiled css file

  'breakpoint': 641px,

  'overlay-color': $black,

  'case-background': #fff,
  'case-background-media': $black,

  'icon-font-size': 38px,
  'icon-color': rgba(255, 255, 255, 0.6),
  'icon-color-hover': rgba(255, 255, 255, 1),

  'title-font-size': 17px,
  'title-color': #aaa,

  'caption-font-size': 13px,
  'caption-color': #aaa,

  'sequenceInfo-font-size': 11px,
  'sequenceInfo-color': #aaa,

  'text-shadow': 0 0 10px rgba(0, 0, 0, 0.5),
  'text-color-viewport-small': #aaa,
  'text-color-viewport-large': #333
);

@import "../vendor/lightcase/src/scss/lightcase.scss";

$slick-font-path: "../vendor/slick/fonts/";
$slick-font-family: "slick";
$slick-loader-path: "../vendor/slick/";
$slick-arrow-color: white;
$slick-dot-color: black;
$slick-dot-color-active: $slick-dot-color;
$slick-prev-character: "\2190";
$slick-next-character: "\2192";
$slick-dot-character: "\2022";
$slick-dot-size: 6px;
$slick-opacity-default: 0.75;
$slick-opacity-on-hover: 1;
$slick-opacity-not-active: 0.25;

@import "../vendor/slick/slick.scss";
@import "../vendor/slick/slick-theme.scss";
*/