/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./Styles/Main.css ***!
  \*****************************************************************************************************************************************/
:root {
    --base-font-size: .9375rem;
    --font-size-md: 1.4375rem;
    --md-font-size: 1.1875rem;
    --font-base: 'Montserrat', sans-serif;
    --font-bold: 'Montserrat', sans-serif;
    --font-display: 'BelyDisplay-Regular', serif;
    --font-loose: 'ff-market-web', sans-serif;
}

:root {
    --color-base: rgba(238,238,238,1);
    --color-text: #1E1E1E;
    --color-text--lighter: rgba(50,50,50,1);
    --color-text--lightest: rgba(166,166,166,1);
    --color-text--overlay: rgba(0,0,0,0.5);
    --color-white: rgba(255,255,255,1);
    /* Pink */
    --color-branding-1: rgba(253,183,203,1);
    --color-branding-1__text: rgba(255,255,255,1);
    /* Lime green */
    --color-branding-2: rgba(165,200,85,1);
    --color-branding-2__text: rgba(255,255,255,1);
    /* Peach */
    --color-branding-3: rgba(253,148,144,1);
    --color-branding-3__text: rgba(255,255,255,1);
    /* Purple */
    --color-branding-4: rgba(74,19,65,1);
    --color-branding-4__text: var(--color-white);
    /* Green */
    --color-branding-5: rgba(28,130,114,1);
    --color-branding-5--dark: rgba(11,38,42,1);
    --color-branding-5--light: rgba(232,242,241,1);
    /* Grey */
    --color-branding-6: var(--color-base);
    --color-branding-6__text: var(--color-text);
    /* Yellow */
    --color-branding-7: rgba(253,204,98,1);
    --color-heading: var(--color-text--lighter);
    --color-border: rgba(0,0,0,1);
    --color-border--lighter: rgba(220,220,220,1);
    --color-wcag-grey: #8F8F8F;
    --color-background: rgba(237,240,240,1);
    --color-anchor: var(--color-branding-5);
    --color-anchor--states: blackness(var(--color-anchor), 10%);
    --color-action: var(--color-branding-5);
    --color-action--states: var(--color-branding-5);
}

:root {
    --site-width: 74rem;
    --site-width-narrow: 48rem;
    --spacing-xxs: 0.3rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing: 1.5rem;
    --spacing-md: 2rem;
    --spacing-normal: 2.5rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-moz-text-size-adjust: none;
	     text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

input {
	margin:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }

input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@mixin base-font {
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
    line-height: 1.4em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1.5em;
}

body {
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
    color:#1E1E1E;
    color:var(--color-text);
    font-family: 'Montserrat', sans-serif;
    font-family: var(--font-base);
    font-size:.9375rem;
    font-size:var(--base-font-size);
    line-height: 1.4;
}

body.dark {
    background-color: #f7f7f7;
}

a {
    color: rgba(28,130,114,1);
    color: var(--color-anchor);
    transition: color 100ms ease;
}

a:hover,a:active,a:focus {
        color:blackness(rgba(28,130,114,1), 10%);
        color:var(--color-anchor--states);
    }

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

.lead {
    font-size: 1.3875rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing);
}

@media (max-width: 480px) {

.lead {
        font-size: 1.0625rem;
}
    }

.lead__edit {
    display: block;
}

.bullet {
    color: #999;
    font-size: 0.6875rem;
    padding: 0 5px;
    position: relative;
    top: -1px;
}

.highlight {
    background-color: #ecf6d8;
    border-radius: 3px;
    padding: 0 1px;
    margin: 0 -1px;
    font-weight: 600;
    font-style: normal;
}

.visually-hidden {
  position: absolute;
  left:-9999px;
}

.hidden {
    display: none !important;
}

.datelabel {
    display: inline-block;
    margin: 2px;
    width: 50px;
}

.showmore__link {
    font-weight: 600;
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
}

.bg-white {
    background-color: rgba(255,255,255,1) !important;
    background-color: var(--color-white) !important;
}

.bg-grey {
    background-color: #f7f7f7;
}

.bg-pink {
    background-color: rgba(253,183,203,1);
    background-color: var(--color-branding-1);
}

.bg-peach {
    background-color: rgba(253,148,144,1);
    background-color: var(--color-branding-3);
}

.bg-purple {
    background-color: rgba(74,19,65,1) !important;
    background-color: var(--color-branding-4) !important;
}

.bg-green {
    background-color: rgba(28,130,114,1) !important;
    background-color: var(--color-branding-5) !important;
}

.bg-jewelgreen {
    background-color: #198754 !important;
}

.bg-yellow {
    background-color: rgba(253,204,98,1);
    background-color: var(--color-branding-7);
}

.bg-red {
    background-color: #e5524c; /*Errors only*/
}

.t-green {
    color: rgba(28,130,114,1);
    color: var(--color-branding-5);
}

.course-page-favorite .icon_color__green {
    fill: rgba(28,130,114,1);
    fill: var(--color-branding-5);
}

@font-face {
    font-family: 'BelyDisplay-Regular';
    font-display: swap;
    src:
       url('/fonts/BelyDisplay-Regular.woff2') format('woff2'),
       url('/fonts/BelyDisplay-Regular.woff') format('woff');
}

/* montserrat-regular - latin */

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/fonts/montserrat-v26-latin-regular.woff') format('woff');
}

/* montserrat-italic - latin */

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/montserrat-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/fonts/montserrat-v26-latin-italic.woff') format('woff');
}

/* montserrat-600 - latin */

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/fonts/montserrat-v26-latin-600.woff') format('woff');
}

/* montserrat-700 - latin */

@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/fonts/montserrat-v26-latin-700.woff') format('woff');
}

.table-container {
  overflow-y: auto;
  margin:30px 0;
}

.table-container table { margin:0; }

table {
  width:100%;
  margin:30px 0;
  overflow:auto;
}

tr:nth-child(odd) td {

}

td {
  border-top:1px solid rgba(220,220,220,1);
  border-top:1px solid var(--color-border--lighter);
  padding:14px 16px 16px;
  font-size:1.125rem;
}

th {
  font-weight:700;
  font-size:1.25rem;
  text-align:left;
  padding-bottom:14px;
  padding-top:2px;
  padding-left:16px;
  padding-right:16px;
  color:rgba(50,50,50,1);
  color:var(--color-heading);
}

tr:last-child td {
        padding-bottom:0;
    }

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

th:first-child,
td:first-child {
    padding-left:0;
}

th:last-child,
td:last-child {
    padding-right:0;
}

@media (max-width: 480px) {
  td {
    font-size:1rem;
  }
  th {
    font-size:1rem;
  }
}

h1 {
    font-family: 'BelyDisplay-Regular', serif;
    font-family: var(--font-display);
    font-size: 3.5rem;
}

h2,
.h2 {
    font-weight: 700;
    font-size: 2.1875rem;
}

h3,
.h3 {
    font-size: 1.4375rem;
    font-weight: 700;
}

h4,
.h4 {
    font-size: 1.1875rem;
    font-weight: 700;
}

p {
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
    line-height: 1.4em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1.5em;
}

.font-display {
    font-family: 'BelyDisplay-Regular', serif !important;
    font-family: var(--font-display) !important;
}

.font-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-family: var(--font-bold) !important;
    font-weight: 700;
}

.dl-horizontal dt {
       float: left;
       clear: left;
       margin-right: .5rem;
       margin-bottom: .2rem;
    }

.dl-horizontal dd {
        float: left;
        margin-bottom: .2rem;
    }

.u-split-items {
    display: flex;
    justify-content: space-between;
}

.u-items-end {
    display: flex;
    justify-content: end;
}

/*
    Spacing helpers
*/

.mt {
    margin-top: 1.5rem;
    margin-top: var(--spacing);
}

.mr-xs { margin-right: 0.5rem; margin-right: var(--spacing-xs); }

.mr    { margin-right: 1.5rem; margin-right: var(--spacing); }

.mb-none { margin-bottom: 0 !important; }

.mb-xxs {
    margin-bottom: 0.3rem !important;
    margin-bottom: var(--spacing-xxs) !important;
}

.mb-xs   { margin-bottom: 0.5rem !important; margin-bottom: var(--spacing-xs) !important; }

.mb-sm   { margin-bottom: 1rem !important; margin-bottom: var(--spacing-sm) !important; }

.mb      { margin-bottom: 1.5rem !important; margin-bottom: var(--spacing) !important; }

.mb-md   { margin-bottom: 2rem !important; margin-bottom: var(--spacing-md) !important; }

.mb-lg   { margin-bottom: 3rem !important; margin-bottom: var(--spacing-lg) !important; }

.mb-xl   { margin-bottom: 5rem !important; margin-bottom: var(--spacing-xl) !important; }

.ml { margin-left: 1.5rem; margin-left: var(--spacing); }

.p { padding: 1.5rem; padding: var(--spacing); }

/*
    Positioning
*/

.is-relative {
    position: relative;
}

/*
    Word break
*/

.word-break {
    word-break: break-word;
}

/*
    Expanded link
*/

.expanded-link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.d-block {
    display: block;
}

.w-100 {
    width: 100%;
}

/*
Icons

Icons available in project.

<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__arrow-down-dims">
    <use xlink:href="/static/icons.svg#arrow-down"></use>
  </svg>
</span> arrow-down
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__check-dims">
    <use xlink:href="/static/icons.svg#check"></use>
  </svg>
</span> check
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__close_button-dims">
    <use xlink:href="/static/icons.svg#close_button"></use>
  </svg>
</span> close_button
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__cross-dims">
    <use xlink:href="/static/icons.svg#cross"></use>
  </svg>
</span> cross
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__document-dims">
    <use xlink:href="/static/icons.svg#document"></use>
  </svg>
</span> document
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__email-dims">
    <use xlink:href="/static/icons.svg#email"></use>
  </svg>
</span> email
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__external-link-dims">
    <use xlink:href="/static/icons.svg#external-link"></use>
  </svg>
</span> external-link
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__facebook-dims">
    <use xlink:href="/static/icons.svg#facebook"></use>
  </svg>
</span> facebook
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__favorite_desktop-dims">
    <use xlink:href="/static/icons.svg#favorite_desktop"></use>
  </svg>
</span> favorite_desktop
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__favorite_mobile-dims">
    <use xlink:href="/static/icons.svg#favorite_mobile"></use>
  </svg>
</span> favorite_mobile
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__instagram-dims">
    <use xlink:href="/static/icons.svg#instagram"></use>
  </svg>
</span> instagram
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__longarrow-right-dims">
    <use xlink:href="/static/icons.svg#longarrow-right"></use>
  </svg>
</span> longarrow-right
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__nav-dims">
    <use xlink:href="/static/icons.svg#nav"></use>
  </svg>
</span> nav
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__plus-dims">
    <use xlink:href="/static/icons.svg#plus"></use>
  </svg>
</span> plus
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__search-dims">
    <use xlink:href="/static/icons.svg#search"></use>
  </svg>
</span> search
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__share-dims">
    <use xlink:href="/static/icons.svg#share"></use>
  </svg>
</span> share
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__social-x-dims">
    <use xlink:href="/static/icons.svg#social-x"></use>
  </svg>
</span> social-x
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__speaker-dims">
    <use xlink:href="/static/icons.svg#speaker"></use>
  </svg>
</span> speaker
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__tiktok-dims">
    <use xlink:href="/static/icons.svg#tiktok"></use>
  </svg>
</span> tiktok
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__twitter-dims">
    <use xlink:href="/static/icons.svg#twitter"></use>
  </svg>
</span> twitter
</div>
<div>
<span class="icon icon--fixed">
  <svg aria-hidden="true" class="icon__svg icon__youtube-dims">
    <use xlink:href="/static/icons.svg#youtube"></use>
  </svg>
</span> youtube
</div>

Markup:
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__arrow-down-dims">
    <use xlink:href="/static/icons.svg#arrow-down"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__check-dims">
    <use xlink:href="/static/icons.svg#check"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__close_button-dims">
    <use xlink:href="/static/icons.svg#close_button"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__cross-dims">
    <use xlink:href="/static/icons.svg#cross"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__document-dims">
    <use xlink:href="/static/icons.svg#document"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__email-dims">
    <use xlink:href="/static/icons.svg#email"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__external-link-dims">
    <use xlink:href="/static/icons.svg#external-link"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__facebook-dims">
    <use xlink:href="/static/icons.svg#facebook"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__favorite_desktop-dims">
    <use xlink:href="/static/icons.svg#favorite_desktop"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__favorite_mobile-dims">
    <use xlink:href="/static/icons.svg#favorite_mobile"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__instagram-dims">
    <use xlink:href="/static/icons.svg#instagram"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__longarrow-right-dims">
    <use xlink:href="/static/icons.svg#longarrow-right"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__nav-dims">
    <use xlink:href="/static/icons.svg#nav"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__plus-dims">
    <use xlink:href="/static/icons.svg#plus"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__search-dims">
    <use xlink:href="/static/icons.svg#search"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__share-dims">
    <use xlink:href="/static/icons.svg#share"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__social-x-dims">
    <use xlink:href="/static/icons.svg#social-x"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__speaker-dims">
    <use xlink:href="/static/icons.svg#speaker"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__tiktok-dims">
    <use xlink:href="/static/icons.svg#tiktok"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__twitter-dims">
    <use xlink:href="/static/icons.svg#twitter"></use>
  </svg>
</span>
<span class="icon">
  <svg aria-hidden="true" class="icon__svg icon__youtube-dims">
    <use xlink:href="/static/icons.svg#youtube"></use>
  </svg>
</span>

Style guide: components.icons
*/

.icon__arrow-down-dims {
  height:1em;
  width:calc(60 / 40 * 1em);
}

.icon__check-dims {
  height:1em;
  width:calc(1521.5 / 1167.5 * 1em);
}

.icon__close_button-dims {
  height:1em;
  width:calc(23 / 24 * 1em);
}

.icon__cross-dims {
  height:1em;
  width:calc(24 / 24 * 1em);
}

.icon__document-dims {
  height:1em;
  width:calc(34.97 / 41.53 * 1em);
}

.icon__email-dims {
  height:1em;
  width:calc(28 / 22 * 1em);
}

.icon__external-link-dims {
  height:1em;
  width:calc(24 / 24 * 1em);
}

.icon__facebook-dims {
  height:1em;
  width:calc(26 / 26 * 1em);
}

.icon__favorite_desktop-dims {
  height:1em;
  width:calc(55 / 46 * 1em);
}

.icon__favorite_mobile-dims {
  height:1em;
  width:calc(35 / 29 * 1em);
}

.icon__instagram-dims {
  height:1em;
  width:calc(82 / 82 * 1em);
}

.icon__longarrow-right-dims {
  height:1em;
  width:calc(48 / 22 * 1em);
}

.icon__nav-dims {
  height:1em;
  width:calc(26 / 25 * 1em);
}

.icon__plus-dims {
  height:1em;
  width:calc(17 / 17 * 1em);
}

.icon__search-dims {
  height:1em;
  width:calc(78.6 / 78.6 * 1em);
}

.icon__share-dims {
  height:1em;
  width:calc(23.9 / 23.5 * 1em);
}

.icon__social-x-dims {
  height:1em;
  width:calc(24 / 24 * 1em);
}

.icon__speaker-dims {
  height:1em;
  width:calc(19.2 / 17.7 * 1em);
}

.icon__tiktok-dims {
  height:1em;
  width:calc(50 / 50 * 1em);
}

.icon__twitter-dims {
  height:1em;
  width:calc(138 / 112 * 1em);
}

.icon__youtube-dims {
  height:1em;
  width:calc(138 / 98 * 1em);
}

.icon {
    display: inline-block;
}

.icon--fixed {
    width: .8em;
}

.icon__svg {
    display: block;
    position: relative;
    font-size: 75%;
    padding: 0;
    padding-right: 1px;
    fill: rgba(255,255,255,1);
    fill: var(--color-white);
}

.icon--larger .icon__svg {
        font-size: 100%;
        position: relative;
        bottom: -0.125em;
    }

.icon--larger.icon--fixed {
        width: 1.5em;
    }

.icon--2x .icon__svg {
        font-size: 125%;
        position: relative;
    }

.icon--3x .icon__svg {
        font-size: 150%;
        position: relative;
    }

.accordion {
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-md);
}

.accordion__item {
    border-bottom: 1px solid rgba(0,0,0,1);
    border-bottom: 1px solid var(--color-border);
}

.accordion__item[data-toggle-expanded=true] .icon svg {
        transform: rotate(180deg) scale(0.6);
        margin-top: 0;
    }

.accordion__item__title {
    display: block;
    font-size: 1.3125rem;
}

.accordion__item__title a {
        text-decoration: none;
        font-weight: 700;
        display: block;
        padding-top: 1em;
        padding-bottom: 1em;
        position: relative;
        padding-right:1.8em;
    }

:is(.accordion__item__title a):hover .icon {
            background-color:rgba(28,130,114,1);
            background-color:var(--color-action--states);
        }

.accordion__item__title .icon {
        background-color: rgba(28,130,114,1);
        background-color: var(--color-action);
        border-radius: 50%;
        width: 1.375em;
        height: 1.375em;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right:0;
        top: 50%;
        margin-top:-.675em;
        transition:background-color 100ms ease;
  }

.accordion__item__title .icon__svg {
        fill: rgba(255,255,255,1);
        fill: var(--color-white);
        padding-right: 0;
        margin-top: 0.2em;
        transform: scale(0.6);
    }

.accordion__item__body {
  padding-bottom:50px;
}

.accordion__item__body .text {
    width:80%;
  }

:is(.accordion__item__body .text) p:last-child {
      margin-bottom:0;
    }

.article__main .accordion__item__body .text {
  width:auto;
}

.accordion__link {
  margin-top:22px;
}

@media (max-width: 480px) {
  .accordion__item__title {
    font-size: 1.0625rem;
  }
}

.article {
  padding-top:62px;
}

.article > .article__image {
    margin-top:-22px;
  }

.article--sidebar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.article--sidebar .article__main {
    width:64.74576271%;
  }

.article--sidebar .article__sidebar {
    width:28.81355932%;
  }

.article__image {
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing);
    width: 100%;
}

.article__image img {
        height: auto;
        width: 100%;
    }

.article__image__text {
    font-size: 1.25em;
      
  }

.article__heading {
    line-height: 1.075;
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing);
}

.article__date__noblock {
    font-weight: 700;
    font-size: 1.0625rem;
    margin-bottom:15px;
}

.article__date__noblock a {
        text-decoration: none;
    }

.article__text .section:first-child {
        margin-top: 45px;
    }

.article__author {
    font-size: 1.25em;
    font-style: italic;
}

.article__share {
    background-color: rgba(28,130,114,1);
    background-color: var(--color-anchor);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 200ms ease;
    position: relative;
    width: 3rem;
    height: 3rem;
}

.article__share:hover {
        background-color: blackness(rgba(28,130,114,1), 10%);
        background-color: var(--color-anchor--states);
    }

.article__share svg {
          width: 1.25rem;
          height: 1.25rem;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%, -50%, 0);
    }

.article__share + .article__share {
        margin-left: 1.5rem;
        margin-left: var(--spacing);
    }

.article__sidebar__nav {
  margin-top:19px;
}

.document-container {
    padding: 20px 0;
    width: 100%;
    display: flex;
}

.article__text hr {
    border: 1px solid rgb(240, 240, 240)
}

.article__document-icon a {
    fill: rgba(28,130,114,1);
    fill: var(--color-branding-5);
}

.article__document-icon .icon__document-dims {
    height: 4em;
    width: 2.84202em;
    margin-right: 20px;
}

.article__document-info {
    font-size: 1.1em;
}

.article__document-info span:nth-of-type(2)  {
    display: block;
}

.article__document-info a {
    text-decoration: none;
    font-weight: 700;
    margin-right: 5px;
}

@media (max-width: 900px) {
  .article--sidebar {
    display: block;
  }
    .article--sidebar .article__main {
      width:auto;
    }
    .article--sidebar .article__sidebar {
      width:auto;
      margin-top:40px;
    }
  .article__main {
    width:auto;
  }
  .article__sidebar {
    /*display: none;*/
  }
}

@media (max-width: 835px) {
  .article__heading {
    font-size: 3.4375rem;
  }

}

@media (max-width: 480px) {
  .article {
    padding-top:46px;
  }
  .article__heading {
    font-size: 2.4375rem;
  }
  .article__image {
    margin-bottom:18px;
  }
  .article__image__text {
      font-size: 100%;
      
  }
  .article__author {
      font-size: 100%;
  }
  .article iframe {
      width: 100%;
  }
}

.articlelist {
    margin: 0 0 24px 0;
}

.articlelist--columns {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.articlelist__item {
    margin-bottom: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(33.333% - 15px);
}

.articlelist__imgwrap {
    display: block;
}

.articlelist__imgwrap img {
    display: block;
}

.articlelist__body {
    padding: 1.5625rem 1.25rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.articlelist__item__heading {
    display: block;
    font-size: 1.4375rem;
    font-size: var(--font-size-md);
    font-weight: 700;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.articlelist__item__heading a {
    color: #1E1E1E;
    color: var(--color-text);
}

.articlelist__item__heading a:hover {
    text-decoration: underline;
}

.articlelist__school {
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
    font-weight: 500;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-sm);
}

.articlelist__icon {
    margin-top: auto;
}

.articlelist__item__heading__link {
    text-decoration: none;
}

.articlelist__item__meta {
    font-weight: 700;
    font-size: 1.0625rem;
    display: inline;
    color: rgba(74,19,65,1);
    color: var(--color-branding-4);
}

@media (max-width: 750px) {
    .articlelist--columns {
        display: block;
    }
    .articlelist .articlelist__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 480px) {
    .articlelist {
        margin:20px 0;
    }
    .articlelist__item {
        margin-bottom:1em;
    }
}

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
}

.button:hover,.button:focus,.button:active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

.button .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

.button[data-loading="true"] {
  color: transparent;
        }

@media(max-width: 480px) {

.button {
  font-size: 0.875rem;
}
        }

.button + .button {
    margin-left:14px;
}

.button--large {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
}

.button--large:hover,.button--large:focus,.button--large:active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

.button--large .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

.button--large[data-loading="true"] {
  color: transparent;
        }

@media(max-width: 480px) {

.button--large {
  font-size: 0.875rem;
}
        }

.button--large {
  font-size: 1.5rem;
  line-height: 4.9375rem;
}

.button--outline {
  background: transparent;
  border: 1px solid rgba(74,19,65,1);
  border: 1px solid var(--color-branding-4);
  box-sizing: border-box;
  color: rgba(74,19,65,1);
  color: var(--color-branding-4);
}

.button--outline:active,.button--outline:hover,.button--outline:focus {
  border-color:rgba(255,255,255,1);
  background: transparent;
        }

.button[data-loading="true"]:before {
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  font-size: 0.625rem;
  position: relative;
  text-indent: -9999em;
  border-top: .3em solid rgba(220,220,220,1);
  border-top: .3em solid var(--color-border--lighter);
  border-right: .3em solid rgba(220,220,220,1);
  border-right: .3em solid var(--color-border--lighter);
  border-bottom: .3em solid rgba(220,220,220,1);
  border-bottom: .3em solid var(--color-border--lighter);
  border-left: .3em solid rgba(28,130,114,1);
  border-left: .3em solid var(--color-anchor);
  transform: translateZ(0);
  animation: loader 1.1s infinite linear;
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 3px solid rgba(255,255,255,0);
  border-right: 3px solid rgba(255,255,255,.8);
  border-bottom: 3px solid rgba(255,255,255,.8);
  border-left: 3px solid rgba(255,255,255,.8);
}

.button--center {
    display: inline-block;
    margin: 0 auto;
}

.button--with-icon div {
  display: flex;
  align-items: center;
  justify-content: center;
        }

.button--with-icon .icon {
  margin-left: 1rem;
        }

.button--with-icon .icon__svg {
  fill: white;
  height: 1.5em;
  width: 1.5em;
        }

.button-bare {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
}

.card {

    background-color: rgba(255,255,255,1);

    background-color: var(--color-white);
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #1E1E1E;
    border: 1px solid var(--color-text);
    position: relative;
    opacity: 1;
    transition: box-shadow 300ms ease;
    
    display: grid;
    grid-column: span 3;

}

.card:hover {
        box-shadow: 0 2px 15px rgba(0,0,0,.08);
    }

.card:hover h3 {
        text-decoration: underline;
    }

@media (min-width: 1100px) {

        .card:nth-child(4n) {
            margin-right: 0;
        }
    }

.card--course {
    grid-template-rows: subgrid;
    grid-row: span 5;
}

.card--course .card__footer {
        align-self: auto;
    }

@media (max-width: 74rem) {
    .card,
    .cards__items:last-child:after {
        grid-column: span 4;
    }
}

@media (max-width: 800px) {
    .card,
    .cards__items:last-child:after {
        grid-column: span 12;
    }
}

@media (max-width: 545px) {
    .card,
    .cards__items:last-child:after {
        grid-column: span 12;
    }
}

@media (min-width: 960px) {
    .card--3col {
        grid-column: span 4;
    }
}

/* Used for space-between to work on last row" */

.card--placeholder {
    visibility: hidden;
    border:0;
    margin-bottom:0 !important;
}

.cards__items::after {
    content:'';
    display: block;
    width: calc(25% - 15px);
}

.cards__items__count {
    grid-column: span 12;
}

.card__inner {
    display: inherit;
    grid-row: inherit;
    grid-template-rows: inherit;
    grid-gap: 0;
}

a.card__inner {
  color:#1E1E1E;
  color:var(--color-text);
  text-decoration: none;
}

a.card__inner:hover,a.card__inner:active,a.card__inner:focus {
  color:#1E1E1E;
  color:var(--color-text);
  text-decoration: none;
    }

.card__imgcontainer {
    font-size: 0;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 480px) {

.card__imgcontainer {
        display: none;
}
    }

.card__img {
    width: 100%;
    height: auto;
}

.card__body {
    padding: 1.5rem;
    padding: var(--spacing);
    padding-bottom: calc(1.5rem / 2);
    padding-bottom: calc(var(--spacing) / 2);
    padding-top: calc(1.5rem * 2);
    padding-top: calc(var(--spacing) * 2);
    position: relative;
    display: inherit;
    grid-row: span 3;
    grid-template-rows: inherit;
}

@media (max-width: 480px) {

.card__body {
        padding: 1rem;
        padding: var(--spacing-sm);
}
    }

.card__status {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
}

.card__status div {
    margin-right: 0.5rem;
}

.card__footer {

    align-self: end;
    padding: 1.5rem;
    padding: var(--spacing);
    padding-top: calc(1.5rem / 2);
    padding-top: calc(var(--spacing) / 2);
}

@media (max-width: 480px) {

.card__footer {
        padding: 1rem;
        padding: var(--spacing-sm);
        padding-top: 0;
}
    }

.card__heading {
    color: rgba(28,130,114,1);
    color: var(--color-anchor);
    font-family: 'Montserrat', sans-serif;
    font-family: var(--font-bold);
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.1;
    word-break: break-word;
}

.card__schoolname {
    font-size: 1.0625rem;
    font-weight: 700;
}

#coursesContainer .card__body {
    padding-top: calc(1.5rem / 2);
    padding-top: calc(var(--spacing) / 2);
}

.cards {
  position:relative;
  min-height: 260px;
}

.cards__empty-result {
    font-size: 1.9375rem;
    font-weight: 700;
    margin-top: 8rem;
    text-align: left;
    width: 100%;
    grid-column: span 9;
}

.cards__inner {
    opacity:1;
    transition: opacity 200ms ease;
}

.cards[data-loading='true'] .cards__inner {
      opacity:0;
    }

.cards__items {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    gap: 1.5rem;
    grid-gap: var(--spacing);
    gap: var(--spacing);

      margin-bottom:40px;
}

.cards__items:after {
        content:'';
        display: block;
      }

.cards__items[data-loading='true'] {
  display:block;
  min-height: 308px;

  
}

.cards__items[data-loading='true']:before {
    content:'';
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  font-size: 0.625rem;
  position: relative;
  text-indent: -9999em;
  border-top: .3em solid rgba(220,220,220,1);
  border-top: .3em solid var(--color-border--lighter);
  border-right: .3em solid rgba(220,220,220,1);
  border-right: .3em solid var(--color-border--lighter);
  border-bottom: .3em solid rgba(220,220,220,1);
  border-bottom: .3em solid var(--color-border--lighter);
  border-left: .3em solid rgba(28,130,114,1);
  border-left: .3em solid var(--color-anchor);
  transform: translateZ(0);
  animation: loader 1.1s infinite linear;
    position: absolute;
    left:50%;
    top:131px;
    margin-left:-18px;
    z-index: 999;
  }

.cards__items[data-loading='true'] .card,.cards__items[data-loading='true'] .cards__empty-result {
    display: none;
  }

.cards__heading {
    font-family: 'BelyDisplay-Regular', serif;
    font-family: var(--font-display);
    margin-top: 0;
    margin-bottom: 1rem;
}

.filter + .cards .cards__heading {
        margin-top:-14px;
    }

@media (max-width:480px) {
  .cards {
    min-height: 100px;
  }
    .cards__empty-result {
        font-size: 0.8125rem;
        margin-top: 10px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;
        font-family: var(--font-base);
    }
  .cards__items[data-loading='true'] {
    min-height: 0;
  }
    .cards__items[data-loading='true']:before {
      top:8px;
      width:2em;
      height:2em;
    }
}

@media (max-width: 480px) {
  .cards__heading {
    font-size: 1.5625rem;
    margin-bottom:5px;
  }
}

.form__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.form__field::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.form__field::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.form__row {
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-md);
}

.checkbox {
    position: relative;
}

.checkbox:not(:last-child) {
        margin-bottom: 13px;
    }

.checkbox label {
        color: #1E1E1E;
        color: var(--color-text);
        display: block;
        font-size: 1.0625rem;
        padding-left: 33px;
        vertical-align: middle;
    }

:is(.checkbox label):before {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
        }

:is(:is(.checkbox label):before)::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

:is(:is(.checkbox label):before)::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

:is(.checkbox label):before {
            content:'';
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            padding: 0;
            position: absolute;
            top: 0;
            left: 0;
        }

.checkbox input {
  position: absolute;
  left:-9999px;
    }

.checkbox input:checked + label:before {
        background-image: url(/resources/images/check.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
        background-position: center;
    }

.checkbox input:focus + label:before {
        border-color:rgba(74,19,65,1);
        border-color:var(--color-branding-4);
        box-shadow: 0 0 0 1px rgba(74,19,65,1);
        box-shadow: 0 0 0 1px var(--color-branding-4);
    }

.checkbox--nobox label:before {
        border-radius: 50%;
    }

.checkbox--nobox input:checked + label:before {
        background: none;
    }

.checkbox--nobox input:checked + label:after {
        background-color: rgba(74,19,65,1);
        background-color: var(--color-branding-4);
        border-radius: 50%;
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px;
    }

@media (max-width: 480px) {
        .checkbox label {
            font-size: 0.8125rem;
            padding-left: 27px;
        }
            :is(.checkbox label):before {
                width: 18px;
                height: 18px;
            }
        .checkbox--nobox input:checked + label:after {
            top: 4px;
            left: 4px;
            width: 10px;
            height: 10px;
        }
}

.circles {
    display: flex;
}

.circle {
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 100%;
}

.circle + .circle {
    margin-left: 0.5rem;
}

.columns {
    display: flex;
    align-items: flex-start;
}

@media(max-width: 835px) {

.columns {
        display: block;
}
    }

.columns--two .column {
    width: 50%;
}

@media(max-width: 835px) {

.columns--two .column {
        width: calc(100% - 40px); /* 2 x spacing */
}
    }

@media (max-width: 835px) {
    .columns--two {
        display: block;
    }
}

.columns--three .column {
    width: 33.33%;
}

@media(max-width: 835px) {

.columns--three .column {
        width: calc(100% - 40px); /* 2 x spacing */
}
    }

.column--main {
    width: 65%;
    margin-right: 5%;
}

@media(max-width: 835px) {

.column--main {
        margin-right: 0;
        width: 100%;
}
    }

.column--aside {
    box-sizing: border-box;
    width: 30%;
}

@media(max-width: 835px) {

.column--aside {
        width: 100%;
}
    }

.container {
    background-color: rgba(238,238,238,1);
    background-color: var(--color-base);
    display: block;
    margin-bottom: 60px;
}

.container a {
        font-weight: 700;
    }

.container__heading {
    font-size: 2.1875rem;
    padding: 26px 38px 15px;
}

.container__body {
    box-sizing: border-box;
    min-height: 300px;
    padding: 38px;
}

.container__body--columns {
    -moz-column-count: 4;
         column-count: 4;
}

@media (max-width: 480px) {
    .container {
        margin-bottom: 30px;
    }
    .container--to-edge {
        margin-left: -22px;
        margin-right: -22px;
    }
    .container__heading {
        font-size: 1.9375rem;
        padding-left: 22px;
        padding-right: 22px;
    }
    .container__body {
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    :is(.container__heading + .container__body):before {
  content:'';
  display: block;
  background:url(/resources/images/dotted-line.svg);
  background-repeat: repeat-x;
  background-size: auto 20px;
  background-position: 0 50%;
  height:10px;
      /*opacity: .4;*/
  margin-bottom:6px;
    }
    :is(.container__heading + .container__body):before {
  background-size: auto 15px;
  margin-bottom:2px;
    }
            :is(.container__heading + .container__body):before {
                margin-bottom:20px;
            }
}

/*
    Please make effort to find more robust selector
*/

figure.container.container--to-edge.container-tag-cloud {
    margin-top: -80px;
}

figure.container.container--to-edge.container-tag-cloud .container__body
    {
        min-height: 0;
        padding-bottom: 10px;
        padding-top: 25px;
    }

figure.container.container--to-edge:not(:last-child) .container__body {
    min-height: 0;
    padding-bottom: 10px;
}

.divider:before {
  content:'';
  display: block;
  background:url(/resources/images/dotted-line.svg);
  background-repeat: repeat-x;
  background-size: auto 20px;
  background-position: 0 50%;
  height:10px;
      /*opacity: .4;*/
  margin-bottom:6px;
    }

.divider:before {
    opacity:.4;
    margin-bottom:24px;
  }

.divider {
  margin-bottom:60px;
}

.divider.wrap {
  max-width: 1098px;
  margin-bottom:120px;
}

.divider.wrap a {
        float: left !important;
    }

@media(max-width: 480px) {
    .divider:before {
  content:'';
  display: block;
  background:url(/resources/images/dotted-line.svg);
  background-repeat: repeat-x;
  background-size: auto 20px;
  background-position: 0 50%;
  height:10px;
      /*opacity: .4;*/
  margin-bottom:6px;
    }
    .divider:before {
  background-size: auto 15px;
  margin-bottom:2px;
    }
    .divider:before {
      margin-bottom:22px;
    }
  .divider {
    margin-bottom:30px;
  }
  .divider.wrap {
    margin-bottom:60px;
  }
}

.dropdown {
    position: relative;
}

.dropdown__control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.dropdown__control::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.dropdown__control::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.dropdown__control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    font-size: 1.0625rem;
    font-family: 'Montserrat', sans-serif;
    font-family: var(--font-base);
    font-weight: 600;
    height: 54px;
    min-width: 150px;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 38px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.dropdown__control .icon {
        font-size: 0.75rem;
        margin-top: -4px;
        position: absolute;
        right: 16px;
        top: 50%;
    }

.dropdown__control[aria-expanded="true"] .icon {
            margin-top: -5px;
            transform: rotate(180deg);
        }

.dropdown__control .icon__svg {
        fill: #1E1E1E;
        fill: var(--color-text);
    }

.dropdown__area {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.dropdown__area::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.dropdown__area::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.dropdown__area {
  border-top:1px solid rgba(220,220,220,1);
  border-top:1px solid var(--color-border--lighter);
  position: absolute;
  top:46px;
  right:0px;
  left:0;
  z-index: 100;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top:0;
  padding-top:22px;
  z-index: 10;
}

.dropdown__area:before {
    content:'';
    position: absolute;
    top:6px;
    right:16px;
    left:16px;
    border-top:1px solid rgba(220,220,220,1);
    border-top:1px solid var(--color-border--lighter);
  }

.dropdown__area__scrollable {
    max-height: 20rem;
    overflow-y: auto;
    padding: 15px 15px 15px 0;
    margin: -15px -15px -15px 0;
}

date-input-polyfill {
    z-index: 11 !important;
}

@media(max-width: 480px) {
    .dropdown__control {
        font-size: 0.8125rem;
        height: auto;
        padding: .84em 1em;
    }

        .dropdown__control .icon {
            font-size: 0.5625rem;
        }

  .dropdown__area {
    top:35px;
    border-radius:3px;
    padding-left:14px;
    padding-right:14px;
  }
}

.dropdown--more {
    border: 0;
    text-decoration: underline;
    width: auto;
}

.dropdown--more .icon {
        right: 2rem;
        right: var(--spacing-md);
    }

@media (max-width: 480px) {

.dropdown--more .icon {
            right: 3rem;
            right: var(--spacing-lg);
    }
        }

/* Base */

.duotone {
    display: flex;
    flex: 1 1 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.duotone img {
    filter: grayscale(100%);
    flex: 1 0 100%;
    height: 100%;
    max-width: 100%;
    mix-blend-mode: multiply;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 1;
    position: relative;
    width: 100%;
}

.duotone:before {
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    mix-blend-mode: lighten;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

/* Variants */

.duotone--peach {
    background-color: rgba(253,148,144,1);
    background-color: var(--color-branding-3);
}

.duotone--peach:before {
        background-color: rgb(81,21,71);
    }

.duotone--green {
    background-color: rgb(84,204,152);
}

.duotone--green:before {
        background-color: rgb(16,70,64);
    }

.filter {
    border-bottom: 1px solid #dee1e1;
    margin-bottom: 2rem;
}

.filter .dropdown__control,.filter .dropdown__area {
        border-color: #8F8F8F;
        border-color: var(--color-wcag-grey);
    }

.filter__row {
    display: flex;
    justify-content: space-between;
}

.filter__column {
    width: 15rem;
}

@media(max-width: 835px) {

.filter__column {
        width: calc(33.33% - 1rem);
}
    }

@media(max-width: 480px) {

.filter__column {
        width: 100%;
}
    }

.filter__column + .filter__column {
        margin-left: 1.5rem;
        margin-left: var(--spacing);
    }

@media(max-width: 480px) {

.filter__column + .filter__column {
            margin-left: 0;
            margin-top: 1.5rem;
            margin-top: var(--spacing);
    }
        }

.filter__search {
    display: flex;
    width: 48rem;
    width: var(--site-width-narrow);
}

@media(max-width: 835px) {

.filter__search {
        width: 100%;
}
    }

@media(max-width: 480px) {

.filter__search {
        flex-direction: column;
}
    }

.filter__search .autosuggest__container {
        width: calc(100% - 160px);
    }

@media(max-width: 480px) {

.filter__search .autosuggest__container {
            width: auto;
    }
        }

.filter__search .filter__search-btn {
        height: 55px;
        line-height: 1.5;
    }

@media(max-width: 480px) {

.filter__search .filter__search-btn {
            height: 45px;
            margin-top: 1.5rem;
            margin-top: var(--spacing);
    }
        }

.filter__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.filter__field::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.filter__field::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.filter__field {
    font-weight: 600;
}

.filter__input {
    background-image: url(/resources/images/search.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 16px 16px;
    padding-left: 48px;
    margin-right: 1.5rem;
    margin-right: var(--spacing);
    width: 100%;
}

.filter__input:focus {
        outline: 2px solid #1E1E1E;
        outline: 2px solid var(--color-text);
        outline-offset: -2px;
    }

@media (max-width: 480px) {

.filter__input {
        background-size: 17px;
        background-position: 14px 14px;
        font-size: 0.875rem;
}
    }

.filter__row__group {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

.filter__checkbox {
    width: 180px;
    margin-top: 1px;
}

.filter__checkbox label {
        padding-left: 40px;
    }

.filter__checkbox label:before {
        margin-top: -1px;
        width: 27px;
        height: 27px;
    }

.sub-filter__container {
    background-color: #f0f0f0;
    border: 1px solid rgba(220,220,220,1);
    border: 1px solid var(--color-border--lighter);
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing);
    min-height: 100px;
    padding: 1rem;
    padding: var(--spacing-sm);
}

.sub-filter__columns {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 480px) {

.sub-filter__columns {
        display: block;
}
    }

.sub-filter__column {
    width: calc(33.33% - 56px);
    position: relative;
}

.sub-filter__column:not(:last-child):after {
        border-right: 1px solid rgba(220,220,220,1);
        border-right: 1px solid var(--color-border--lighter);
        content: '';
        position: absolute;
        right: -44px;
        top: 0;
        bottom: 0;
    }

@media(max-width: 835px) {

.sub-filter__column:not(:last-child):after {
            display: none;
    }
        }

.sub-filter__column .dropdown {
        margin-bottom: 1.5rem;
        margin-bottom: var(--spacing);
    }

@media(max-width: 835px) {

.sub-filter__column {
        width: calc(33.33% - 1.5rem);
}
    }

@media(max-width: 480px) {

.sub-filter__column {
        width: 100%;
}
    }

/*
    Filter Tags
*/

.filter__tags {
    margin-bottom: 10px;
    min-height: 10px;
    margin-top: -2px;
    display: flex;
}

.filter__tags__tag {
    border: 0;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-family: var(--font-base);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 10px;
    background-color: white;
}

.filter__tags__tag .icon {
        font-size: 75%;
        position: relative;
        top: -1px;
        margin-left: 3px;
    }

@media(max-width: 480px) {

.filter__tags__tag .icon {
            top: 0;
            font-size: 85%;
    }
        }

.filter__tags__tag .icon__svg {
        fill: rgba(255,255,255,1);
        fill: var(--color-white);
    }

.filter__tags__tag--remove {
    border-radius: 0;
    margin-left: auto;
}

.filter__tags__tag--remove:hover,.filter__tags__tag--remove:focus {
        text-decoration: underline;
    }

.filter__tags__tag:not(:first-child) + .filter__tags__tag--remove {
    display: inline-block;
}

.input-validation-error {
    border-color: red !important;
}

.field-validation-error {
    display:block;
    color: red;
    margin-top: 0.5rem;
    margin-top: var(--spacing-xs);
}

.validation-summary-errors {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.25);
    padding: 18px 22px 22px 22px;
    margin-top: 1.5rem;
    margin-top: var(--spacing);
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing);
    background-color: rgba(253,204,98,1);
    background-color: var(--color-branding-7);
    font-size: 1.1875rem;

}

.validation-summary-errors:before
    {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        border-bottom-right-radius: 3px;
        transform: rotate(45deg);
        background: #fff;
        position: absolute;
        bottom: -8px;
        left: 50%;
        margin-left: -8px;
        box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.0.05);
    }

.grid {
  /*background:var(--color-base);*/
}

.grid__inner {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}

.grid__inner.nomaxwidth {
    max-width: none;
}

.grid__item {
  width: calc(100% / 6);
  position: relative;
  transition: background-color 300ms ease;
  background:rgba(238,238,238,1);
  background:var(--color-branding-6);
  color:#1E1E1E;
  color:var(--color-branding-6__text);
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.grid__item a {
    text-underline-position: under;
    -webkit-text-decoration-color:rgba(255,255,255,0.5);
            text-decoration-color:rgba(255,255,255,0.5);
  }

.grid__item:after {
    content:'';
    display: block;
    padding-bottom:100%; /* Maintain aspect ratio. Using pseudo element because of flexbox. */
  }

.in-edit-mode .grid__item {
    width: calc(100% / 6 - 6px);
    margin-bottom:6px;
  }

:is(.in-edit-mode .grid__item) > .grid__item {
      position: absolute;
      right:0;
      left:0;
      top:0;
      bottom:0;
      width: auto;
      margin-bottom:0;
    }

.grid__item--branding-1 {
  background:rgba(253,183,203,1);
  background:var(--color-branding-1);
  color:rgba(255,255,255,1);
  color:var(--color-branding-1__text);
}

.grid__item--branding-1:hover {
    background-color:rgba(253,183,203,1);
    background-color:var(--color-branding-1);
  }

.grid__item--branding-1 a {
    color:rgba(255,255,255,1);
    color:var(--color-branding-1__text);
  }

.grid__item--branding-2 {
  background:rgba(165,200,85,1);
  background:var(--color-branding-2);
  color:rgba(255,255,255,1);
  color:var(--color-branding-2__text);
}

.grid__item--branding-2:hover {
    background-color:rgba(165,200,85,1);
    background-color:var(--color-branding-2);
  }

.grid__item--branding-2 a {
    color:rgba(255,255,255,1);
    color:var(--color-branding-2__text);
  }

.grid__item--branding-3 {
  background:rgba(253,148,144,1);
  background:var(--color-branding-3);
  color:rgba(255,255,255,1);
  color:var(--color-branding-3__text);
}

.grid__item--branding-3:hover {
    background-color:rgba(253,148,144,1);
    background-color:var(--color-branding-3);
  }

.grid__item--branding-3 a {
    color:rgba(255,255,255,1);
    color:var(--color-branding-3__text);
  }

.grid__item--branding-4 {
  background:rgba(74,19,65,1);
  background:var(--color-branding-4);
  color:rgba(255,255,255,1);
  color:var(--color-branding-4__text);
}

.grid__item--branding-4:hover {
    background-color:rgba(74,19,65,1);
    background-color:var(--color-branding-4);
  }

.grid__item--branding-4 a {
    color:rgba(255,255,255,1);
    color:var(--color-branding-4__text);
  }

.grid__item--branding-5 {
  background:rgba(28,130,114,1);
  background:var(--color-branding-5);
  color:rgba(255,255,255,1);
  color:var(--color-white);
}

.grid__item--branding-5:hover {
    background-color:rgba(28,130,114,1);
    background-color:var(--color-branding-5);
  }

.grid__item--branding-5 a {
    color:rgba(255,255,255,1);
    color:var(--color-white);
  }

.grid__item__inner {
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding:52% 15% 0;
  z-index: 999;
  overflow: hidden;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
}

.grid__item__inner img {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:calc(100% + 2px); /* adding 2px makes sure that image covers whole area since we are using percentage widths */
    transition: transform 250ms ease;
  }

:is(.grid__item__inner img):hover {
      transform:scale(1.08);
    }

.grid__item__inner:hover .grid__item__fact {
    /*transform:scale(1.08);*/
  }

.grid__item__inner--center {
  padding-top:0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid__item__fact {
  font-size: 3.375rem;
  font-family: 'BelyDisplay-Regular', serif;
  font-family: var(--font-display);
  font-weight: 400;
  display: block;
  position: absolute;
  top:18%;
  right:0;
  left:0;
  transition: transform 250ms ease;
}

@media (max-width:1300px) and (min-width:1001px) {
  .grid__item__fact {
    font-size: 2.9375rem;
  }
  .grid__item {
    font-size: 1rem;
  }
}

@media (max-width:1000px) and (min-width:580px) {
  .grid__item {
    width: calc(100% / 4);
  }
    .grid__item:nth-child(5) {
      order:6;
    }
    .grid__item:nth-child(6) {
      order:5;
    }
    .grid__item:nth-child(9) {
      order:10;
    }
    .grid__item:nth-child(10) {
      order:9;
    }
    .grid__item:nth-child(11) {
      order:12;
    }
    .grid__item:nth-child(12) {
      order:11;
    }
}

@media (max-width:850px) {
  .grid__item__fact {
    font-size: 2.9375rem;
  }
  .grid__item {
    font-size: 1rem;
  }
}

@media (max-width:760px) {
  .grid__item__fact {
    font-size: 2.5625rem;
  }
  .grid__item {
    font-size: 0.875rem;
  }
}

@media (max-width:700px) and (min-width:581px) {
  .grid__item__fact {
    font-size: 2.1875rem;
  }
}

@media (max-width:500px) and (min-width:401px) {
  .grid__item__fact {
    font-size: 1.9375rem;
  }
}

@media (max-width:580px) and (min-width:401px) {

  .grid__item {
    width: calc(100% / 3);
  }
    .grid__item:nth-child(7) {
      order:12;
    }
}

@media (max-width:400px) {
  .grid__item {
    width: calc(100% / 2);
  }
    .grid__item:nth-child(1) {
      order:1;
    }
    .grid__item:nth-child(2) {
      order:2;
    }
    .grid__item:nth-child(3) {
      order:4;
    }
    .grid__item:nth-child(4) {
      order:3;
    }
    .grid__item:nth-child(5) {
      order:5;
    }
    .grid__item:nth-child(6) {
      order:6;
    }
    .grid__item:nth-child(7) {
      order:7;
    }
    .grid__item:nth-child(8) {
      order:8;
    }
    .grid__item:nth-child(9) {
      order:10;
    }
    .grid__item:nth-child(10) {
      order:9;
    }
    .grid__item:nth-child(11) {
      order:11;
    }
    .grid__item:nth-child(12) {
      order:12;
    }
}

.hero__categories {
    margin-top: 2rem;
}

.wrap.hero__categories {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.hero__categories__items {
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
}

.hero__categories__item {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1rem;
}

@media (min-width:1181px) {

.hero__categories__item {
        width: calc(25% - 20px);
}
    }

@media (max-width:1180px) {

.hero__categories__item {
        width: calc(33% - 20px);
}
    }

@media (max-width:1000px) {

.hero__categories__item {
        width: calc(50% - 20px);
}
    }

.hero__categories__item-inner {
    margin-bottom: 0.5rem;
}

.hero__categories__item__anchor {
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
    box-sizing: border-box;
    border-radius: 6px;
    color: #1E1E1E;
    color: var(--color-text);
    font-size: 1.0375rem;
    font-weight: 700;
    height: 0;
    line-height: 1.25;
    margin-bottom: 5px;
    min-height: 38px;
    padding: 0.5rem 0.75rem;
    position: relative;
    transition: background .2s ease;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.hero__categories__item__anchor:hover,.hero__categories__item__anchor:focus {
        color: #1E1E1E;
        color: var(--color-text);
        text-decoration: underline;
    }

@media (max-width: 480px) {

.hero__categories__item__anchor {
        padding: 0.5rem;
}
    }

.hero__categories__item__anchor__info {
    color:#1E1E1E;
    color:var(--color-text);
    font-weight: 400;
    margin-left: 0.5rem;
    white-space: nowrap;
}

.hero__categories__pagination {
    display: none;
    bottom: 0 !important;
    margin-bottom: 0.5rem;
}

.hero__categories__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        opacity: 1;
    }

.hero__categories__pagination .swiper-pagination-bullet {
        background-color: #fff;
        opacity: .3;
    }

/* Swiper initialized*/

@media (max-width:840px) {
    .hero__categories {
        padding-bottom: 1rem;
    }
    .hero__categories__items {
        justify-content: flex-start;
        flex-flow: nowrap;
    }
    .hero__categories__item {
        margin-left: 0;
        margin-right: 0;
    }
    .hero__categories__item__anchor {
        font-size: 1rem;
        margin: 0 10px;
    }
    .hero__categories__pagination {
        display: block;
    }
}

.hero {
    box-sizing: border-box;
    background-color: rgba(74,19,65,1);
    background-color: var(--color-branding-4);
    background-size: cover;
    background-position: top center;
    color: rgba(255,255,255,1);
    color: var(--color-branding-4__text);
    margin-bottom: 60px;
    margin-top: -1px;
    padding-top: 54px;
    position: relative;
    text-align: center;
}

.hero:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.hero--blending:before {
    background: none !important;
}

.hero--branding-1:before {
    background: rgba(253,183,203,1);
    background: var(--color-branding-1);
}

.hero--branding-3:before {
    background: rgba(253,148,144,1);
    background: var(--color-branding-3);
}

.hero--shadow {
  box-shadow:0 4px 0 0 rgba(0,0,0,0.1) inset;
}

.hero--center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero--center.hero__inner {
    width: 1180px;
}

.hero--bird.hero__inner {
    background-image: url(/resources/images/illustration-bird.png);
    background-repeat: no-repeat;
    background-position: 30px calc(50% - 8px);
    background-size: 115px 110px;
}

.hero__inner {
    position: relative;
    z-index: 2;
}

.hero__heading {
    font-size: 4.5rem;
    line-height: 1.1;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.hero__heading--small {
    font-size: 2.625rem;
    margin-bottom: 17px;
}

.hero__text {
    font-size: 1.5rem;
    margin-bottom: 44px;
    font-weight: 700;
}

.hero__text a {
    color: #fff;
    text-decoration: underline;
    text-underline-position: under;
    -webkit-text-decoration-color: rgba(255,255,255,0.75);
            text-decoration-color: rgba(255,255,255,0.75);
}

.hero__text:last-child {
    margin-bottom: 18px;
}

.hero__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
}

.hero__button:hover,.hero__button:focus,.hero__button:active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

.hero__button .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

.hero__button[data-loading="true"] {
  color: transparent;
        }

@media(max-width: 480px) {

.hero__button {
  font-size: 0.875rem;
}
        }

.hero__button {
    white-space: nowrap;
}

@media (max-width: 835px) {

.hero__button {
        padding-left: 1em;
        padding-right: 1em;
}
    }

.hero__button--with-icon div {
  display: flex;
  align-items: center;
  justify-content: center;
        }

.hero__button--with-icon .icon {
  margin-left: 1rem;
        }

.hero__button--with-icon .icon__svg {
  fill: white;
  height: 1.5em;
  width: 1.5em;
        }

@media(max-width: 835px) {

.hero__button--with-icon {
        width: 100%;
}
    }

.hero__non-cta {
    display: flex;
    align-items: center;
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
    font-weight: 700;
    padding: 1rem;
    padding: var(--spacing-sm);
    white-space: nowrap;
}

.hero__search {
    display: flex;
}

.hero__search__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.hero__search__field::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.hero__search__field::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.hero__search__field {
  font-size: 1.1875rem;
    border: none;
    background-image: url(/resources/images/search.svg);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 24px 24px;
    font-size: 1.5rem;
    margin-right: 20px;
    padding-left: 70px;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
}

.hero__search__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
}

.hero__search__button:hover,.hero__search__button:focus,.hero__search__button:active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

.hero__search__button .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

.hero__search__button[data-loading="true"] {
  color: transparent;
        }

@media(max-width: 480px) {

.hero__search__button {
  font-size: 0.875rem;
}
        }

.hero__search__button {
  font-size: 1.5rem;
  line-height: 4.9375rem;
    line-height: normal;
    min-width: 116px;
    max-width: 116px;
    padding-left: 0;
    padding-right: 0;
}

.hero__heading + .hero__categories {
    margin-top: 57px;
    height: 100%;
}

.hero__categories__item--dimmed {
    opacity: 0.7;
}

.cut-text-anchor {
    max-width: calc(100% - 60px);
    margin-left: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cut-text-anchor.three-digit-number-of-courses {
    max-width: calc(100% - 60px);
    margin-left: -15px;
}

.cut-text-anchor.four-digit-number-of-courses {
    max-width: calc(100% - 70px);
    margin-left: -25px;
}

@media (max-width: 480px) {
    .hero {
        margin-bottom: 30px;
        min-height: 0;
    }
    .hero__heading {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
    .hero__heading--small {
        font-size: 1.875rem;
        margin-bottom: 22px;
    }
    .hero__text {
        font-size: 1.0625rem;
        margin-bottom: 36px;
    }
    .hero__text:scope:last-child {
        margin-bottom: 16px;
    }
    .hero__button {
        font-size:1.0625rem;
    }
}

@media (max-width:420px) {
    .hero__heading {
        font-size:2.25rem;
    }
}

@media (max-width:840px) {
    .desktop-view-controller {
        display: none;
    }
}

@media (min-width:840px) {
    .mobile-view-controller {
        display: none;
    }
}

.hero__mapcontainer {
    width: 100%;
    height: 500px;
    border-bottom: 1px solid #fff;
    margin-top: -1px;

    margin-bottom: 2rem;
    /*padding-top: 33.33%;*/
    position: relative;
}

@media(max-width: 480px) {

.hero__mapcontainer {
        height: 236px;
}
    }

.hero__imgcontainer {
    height: 0;
    margin: 0 auto;
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-md);
    max-width: 240rem;
    padding-top: 33.33%;
    position: relative;
    width: 100%;
}

@media(max-width: 480px) {

.hero__imgcontainer {
        padding-top: 55%;
}
    }

.hero__figure {
    margin: 0;
}

.hero__img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
}

.index__group {
  position: relative;
  padding:32px 0;
  border-bottom:1px solid rgba(220,220,220,1);
  border-bottom:1px solid var(--color-border--lighter);
}

.index--indent .index__group {
    padding-left:100px;
  }

.index__group__heading {
  font-family: 'BelyDisplay-Regular', serif;
  font-family: var(--font-display);
  font-size: 2.625rem;
}

.index--indent .index__group__heading {
    position: absolute;
    left:0;
    top:23px;
  }

.index__group__items {
  -moz-columns:3;
       columns:3;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  min-height: 42px;
}

.index__group__item {
  font-size: 1.1875rem;
  margin-bottom:14px;
  line-height: 1.2;
}

.index__group__item a {
    font-weight: 600;
    text-decoration: none;
  }

.index__nav {
  padding-left:100px;
  display:flex;
  position: relative;
  justify-content: space-between;
  font-size: 1.1875rem;
  color:rgba(166,166,166,1);
  color:var(--color-text--lightest);
  border-bottom:1px solid rgba(220,220,220,1);
  border-bottom:1px solid var(--color-border--lighter);
  padding-bottom:24px;
  margin-bottom:12px;
  font-weight: 700;
}

.index__nav a {
    text-transform: uppercase;
    text-decoration: none;
  }

.index__nav__title {
  position: absolute;
  left:0;
  top:2px;
  font-size: 1.125rem;
  font-weight: 400;
  color:#1E1E1E;
  color:var(--color-text);
}

@media (max-width: 835px) {
  .index__group__items {
    -moz-columns:2;
         columns:2;
  }
  .index__nav {
    font-size: 1rem;
  }
  .index__nav__title {
    font-size: 1rem;
    top:1px;
  }
}

@media (max-width:530px) {
  .index__nav {
    padding-left:0;
    margin-bottom:0;
  }
  .index__nav__title {
    display: none !important;
  }
    .index--indent .index__group {
      padding-left:0;
    }
   .index--indent .index__group__heading {
      position: static;
      margin-bottom:30px;
    }
}

@media (max-width: 480px) {
  .index__nav {
      font-size: 0.875rem;
      flex-wrap:wrap;
  }
      .index__nav a,.index__nav span {
        width:6.5%;
        display: block;
      }
  .index__group {
    padding:22px 0 20px;
  }
  .index__group__heading {
    font-size: 1.9375rem;
    margin-bottom:10px;
  }
  .index__group__item {
    font-size: 1rem;
  }
}

@media(max-width:360px) {
  .index__group__items {
    -moz-columns:1;
         columns:1;
  }
}

.infobox {
  background:#fff;
  border-radius:6px;
  box-shadow:0 0 6px 0 rgba(0,0,0,0.25);
  padding:18px 22px 22px 22px;
}

.infobox:before {
    content:'';
    display: block;
    width:16px;
    height:16px;
    position: absolute;
    border-bottom-right-radius: 3px;
    transform:rotate(45deg);
    background: #fff;
    position: absolute;
    bottom:-8px;
    left:50%;
    margin-left:-8px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.0.05);
  }

.infobox__title {
  font-size: 1.75rem;
  font-family: 'BelyDisplay-Regular', serif;
  font-family: var(--font-display);
  margin-bottom:10px;
  display: block;
}

.infobox__title a {
    text-decoration: none;
  }

.infobox__title--small {
  font-size: 1.3125rem;
}

.infobox__body {
  font-size: 0.9375rem;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
}

.infobox__body p:not(:last-child) {
    margin-bottom: 10px;
  }

/* Google maps close button */

.infoBox > img {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 7px;
    top: 7px;
}

.infobox.error {
    background-color: rgba(253,204,98,1);
    background-color: var(--color-branding-7);
}

.list {
  margin-bottom:30px;
}

.list:first-child {
    margin-top:87px;
  }

.article__text .list {
    margin-top:0;
  }

:is(.article__text .list) .list__item:first-child {
      border-top:0;
    }

.list__heading {
  font-size: 2.625rem;
  font-family: 'BelyDisplay-Regular', serif;
  font-family: var(--font-display);
  margin-bottom:18px;
}

.list__heading__extra {
  float:right;
}

.list__items {

}

.list__item {
  border-bottom:1px solid rgba(220,220,220,1);
  border-bottom:1px solid var(--color-border--lighter);
  padding:27px 0 32px 0;
}

.list__item:first-child {
    border-top:1px solid rgba(220,220,220,1);
    border-top:1px solid var(--color-border--lighter);
  }

.list__item--emphasized {
  border:1px solid rgba(220,220,220,1);
  border:1px solid var(--color-border--lighter);
  padding-left:30px;
  padding-right:30px;
  padding-top:23px;
  padding-bottom:28px;
  background:#f7f7f7;
}

.list__item--emphasized + .list__item--emphasized {
    border-top:none;
  }

.list__item__heading {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom:13px;
  display: block;
}

.list__item__heading a {
    text-decoration: none;
  }

.list__item__heading:last-child {
    margin-bottom:-5px;
  }

.list__item__text {
  font-size: 1.1875rem;
  padding-right:10%;
}

.list__item__meta {
  font-size: 1.125rem;
  margin-top:3px;
}

.list__item__meta a {
    text-decoration: none;
  }

.list__item__meta time {
    font-weight: 700;
  }

.list__heading--larger {

}

.list__item__meta--smaller {
  font-size: 0.9375rem;
}

.list__item__pre-heading {
    font-weight: 700;
    font-size: 1.0625rem;
    margin-bottom: 3px;
}

.list + .paging {

}

@media (max-width: 480px) {
  .list:first-child {
    margin-top:30px;
  }
  .list__heading {
    font-size: 1.5625rem;
  }
  .list__heading__extra {
    float:none;
    display: block;
    font-size: 1.3125rem;
  }
  .list__item {
    padding-top:21px;
    padding-bottom:23px;
  }
  .list__item--emphasized {
    padding-left:15px;
    padding-right:15px;
  }
  .list__item__heading {
    font-size: 1.125rem;
    margin-bottom:7px;
  }
  .list__item__text {
    font-size: 0.9375rem;
  }
  .list__item__meta {
    font-size: 0.875rem;
  }
}

.listgroup {

}

.listgroup__item {
  font-size: 1.1875rem;
}

.listgroup--horizontal .listgroup__item {
    display: inline-block;
    margin-right:50px;
  }

.listgroup__item a {
    text-decoration: none;
  }

.list__item__heading + .listgroup--horizontal {
  margin-top:32px;
}

@media (max-width: 480px) {
  .listgroup__item {
    font-size: 0.9375rem;
  }
    .listgroup--horizontal .listgroup__item {
        display: block;
        margin-right:0;
    }
  .list__item__heading + .listgroup--horizontal {
    margin-top:0px;
  }
}

/*Marker temporarily shut down*/

/*
.marker {
  font-family: var(--font-loose);
  font-size:40px;
  line-height: 1;
  background:url(/resources/images/marker.svg);
  background-size: cover;
  width:7.425em;
  height:5.55em;
  padding: 1.2em 1.25em .9em 1.5em;
  box-sizing: border-box;
  margin-bottom: 1em;
  @nest .text & {
    float:right;
    margin-left:1em;
    margin-right:-2.25em;
  }
}
.markersoon {
    padding: 1.5em 0.7em .9em 1.1em;
}
.marker__text {
  display: block;
  transform: rotate(-10deg);
}

@media (max-width:1180px) {
  .text .marker {
    margin-right: 0;
    font-size:35px;
  }
}

@media (--medium) {
  .text .marker {
    font-size:30px;
  }
}

@media (max-width:550px) {
  .text .marker {
    font-size:40px;
    float:none;
    margin:0 auto;
  }
  .text .marker + h2 {
    margin-top:30px;
  }
}

@media (--small) {
  .text .marker {
    font-size:30px;
  }
}
*/

.message {
  font-size:1.125rem;
  font-weight: 600;
  padding:12px 20px;
  color:#1E1E1E;
  color:var(--color-branding-6__text);
  background:rgba(238,238,238,1);
  background:var(--color-branding-6);
  border-radius:4px;
  margin:30px 0;
}

.message--error {
  color:rgba(255,255,255,1);
  color:var(--color-branding-3__text);
  background:rgba(253,148,144,1);
  background:var(--color-branding-3);
}

.message:first-child:last-child {
  margin:150px 0 200px;
}

:root {
    --navtree-border-color: #bbb;
}

.nav-tree {
    border-left: 1px solid #bbb;
    border-left: 1px solid var(--navtree-border-color);
    border-right: 1px solid #bbb;
    border-right: 1px solid var(--navtree-border-color);
}

/*
    ITEM
*/

.nav-tree__item {
    display: flex;
}

.nav-tree__item a {
        box-sizing: border-box;
        width: 100%;
    }

.nav-tree__item--expanded > a {
    font-weight: 600;
}

.nav-tree__item--selected > a,.nav-tree__item--selected > div a {
        font-weight: 600;
        color: rgba(28,130,114,1);
        color: var(--color-anchor);
    }

:is(.nav-tree__item--selected > a,.nav-tree__item--selected > div a):hover,:is(.nav-tree__item--selected > a,.nav-tree__item--selected > div a):focus,:is(.nav-tree__item--selected > a,.nav-tree__item--selected > div a):active {
            color: rgba(28,130,114,1);
            color: var(--color-anchor);
        }

/*
    LINK
*/

.nav-tree a {
  color:#1E1E1E;
  color:var(--color-text);
  text-decoration: none;
}

:is(.nav-tree a):hover,:is(.nav-tree a):active,:is(.nav-tree a):focus {
  color:#1E1E1E;
  color:var(--color-text);
  text-decoration: none;
    }

.nav-tree a {
    display: flex;
    font-size: 1.0625rem;
    padding: 16px 18px;
}

:is(.nav-tree a):hover,:is(.nav-tree a):focus {
         text-decoration: underline;
     }

/*
    BTN
*/

/*900 px as per SidebarNav.js*/

@media screen and (min-width: 900px) {

.nav-tree__btn {
        /*Seems to be a problem with button-bare override*/
        border-left: 1px solid #bbb !important;
        border-left: 1px solid var(--navtree-border-color) !important;
}
    }

.nav-tree__btn svg {
    fill: rgba(28,130,114,1);
    fill: var(--color-branding-5);
    transform: scale(0.75);
    padding: 0.5rem 0.75rem;
}

@media (max-width: 1100px) {
    .normal-menu .nav-tree__btn svg {
        padding: 0.5rem 1.75rem;
    }
}

.nav-tree__btn[aria-expanded='true'] svg {
    transform: scale(0.75) scaleY(-1);
}

/*
    LEVELS
*/

.nav-tree li {
    border: 1px solid #bbb;
    border: 1px solid var(--navtree-border-color);
}

@media screen and (min-width: 900px) {

.nav-tree li {
        border-left: 0;
        border-right: 0;
}
    }

.nav-tree li + li {
    margin-top: -1px;
}

.nav-tree--level-1 li {
    border-left: 0;
    border-right: 0;
}

.nav-tree--level-1,
.nav-tree--level-2,
.nav-tree--level-3 {
    background-color: #f6f8f8;
}

:is(.nav-tree--level-1,.nav-tree--level-2,.nav-tree--level-3) li:last-child {
        border-bottom: 0;
    }

.nav-tree--level-1 > li a {
    padding-left: 38px;
}

.nav-tree--level-2 > li a {
    padding-left: 58px;
}

.nav-tree--level-3 > li a {
    padding-left: 78px;
}

@media (max-width: 900px) {
        .header__nav .nav-tree a {
            padding-left: 36px;
        }

        .header__nav .nav-tree--level-1 > li a {
            padding-left: 56px;
        }

        .header__nav .nav-tree--level-2 > li a {
            padding-left: 76px;
        }

        .header__nav .nav-tree--level-3 > li a {
            padding-left: 96px;
        }
}

.notification {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:85px;
  background:rgba(165,200,85,1);
  background:var(--color-branding-2);
  color:#fff;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1875rem;
  font-weight: 600;
  padding-top:10px;
  transform:translateY(-10px);
  transition:transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.notification--removing {
  transform:translateY(-95px);
}

.notification--error {
  background:rgba(253,148,144,1);
  background:var(--color-branding-3);
}

.paging {
  text-align: center;
}

.pills {
    /**/
}

.pill {
    background-color: rgba(11,38,42,1);
    background-color: var(--color-branding-5--dark);
    border-radius: 99px;
    color: rgba(255,255,255,1);
    color: var(--color-white);
    display: inline-block;
    font-size: .9375rem;
    font-size: var(--base-font-size);
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 1rem;
    text-decoration: none;
}

.pill:hover,.pill:focus {
        color: rgba(255,255,255,1);
        color: var(--color-white);
        text-decoration: underline;
        outline-offset: 3px;
    }

.section {
    margin-bottom: 58px;
}

.article + .section {
    margin-top: 20px;
}

.section__heading {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--font-bold);
    font-size: 2.5rem;
    margin-bottom: .85em;
}

.section__heading--alt {
    font-family: 'BelyDisplay-Regular', serif;
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

@media(max-width: 480px) {

.section__heading--alt {
        font-size: 1.75rem;
}
    }

.section__heading--compact {
    margin-bottom: 1rem;
}

.section__body__text {
    margin-top: 54px;
}

.section__body__text p:last-child {
        margin-bottom:0;
    }

@media (max-width: 480px) {
    .section__heading {
        font-size: 1.75rem;
    }
    .section {
        margin-bottom: 30px;
    }
}

.section-flow {
    display: flex;
    flex-direction: column;
    grid-gap: 4rem;
    gap: 4rem;
    align-items: center;
}

.section-flow > * {
        width: calc(100% - 60px);
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

@media (max-width: 480px) {
    .section-flow {
        grid-gap: 2rem;
        gap: 2rem;
    }
}

.skiplink {
    background-color: rgba(74,19,65,1);
    background-color: var(--color-branding-4);
    color: #fff;
    display: block;
    padding: 1rem;
    position: absolute;
    top: -999rem;
}

.skiplink:focus {
    color: #fff;
    outline: none;
    position: static;
    top: 0;
}

.skiplink__body {
    display: inline-block;
    outline: 2px solid #fff;
    padding: 0.5rem 0.75rem;
    text-decoration: underline;
}

.sparkle-heading {
    margin-bottom: 0;
}

.sparkle-subheading {
    font-size: 1.1875rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: center;
}

.subject-cards {
    margin-top: 0 !important; /*Sorry*/
    min-height: auto;
}

.subject {
    border: 1px solid #1E1E1E;
    border: 1px solid var(--color-text);
    border-radius: 0;
}

.subject__body {
    padding: 1rem;
    padding-bottom: 0.75rem;
}

.subject__link {
    color: #1E1E1E;
    color: var(--color-text);
    display: block;
    margin-top: 4rem;
    text-decoration: none;
}

.subject__link:hover,.subject__link:focus {
        color: #1E1E1E;
        color: var(--color-text);
        text-decoration: underline;
    }

@media (max-width: 1100px) {

.subject__link {
        margin-top: 2rem;
}
    }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

/* Pagination Styles */

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.teasers {
    display: flex;
    margin-bottom: 2rem;
}

@media(max-width: 480px) {

.teasers {
        display: block;
}
    }

.teaser {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    width: 50%;
    position: relative;
}

@media(max-width: 900px) {

.teaser {
        width: 100%;
}
    }

.teaser--image-end {
    flex-direction: column-reverse;
}

@media(max-width: 900px) {

.teaser--image-end {
        flex-direction: column;
}
    }

.teaser + .teaser {
    margin-left: 2.5rem;
    margin-left: var(--spacing-normal);
}

@media(max-width: 900px) {

.teaser + .teaser {
        margin-left: 0;
}
    }

.teasers > .teaser:first-child {
    flex-direction: column-reverse;
}

@media (max-width: 480px) {

.teasers > .teaser:first-child {
        flex-direction: column;
}
    }

.teaser__media {
    font-size: 0;
    overflow: hidden;
}

.teaser__image {
    aspect-ratio: 3/2;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

.teaser__body {
    background-color: rgba(74,19,65,1);
    background-color: var(--color-branding-4);
    color: rgba(255,255,255,1);
    color: var(--color-white);
    flex-grow: 1;
}

.teasers .teaser:first-child .teaser__body {
    background-color: rgba(28,130,114,1);
    background-color: var(--color-branding-5);
}

.teaser__heading {
    font-size: 1.9375rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-sm);
}

@media(max-width: 900px) {

.teaser__heading {
        font-size: 1.6875rem;
}
    }

.teaser__link {
    color: rgba(255,255,255,1);
    color: var(--color-white);
    text-decoration: none;
}

.teaser__link:hover,.teaser__link:focus {
        text-decoration: underline;
        color: inherit;
    }

.teaser__icon {
    display: flex;
    justify-content: end;
}

.teaser__icon .icon__svg {
        stroke: rgba(255,255,255,1);
        stroke: var(--color-white);
    }

.text,
.text__editor {
    color: #1E1E1E;
    color: var(--color-text);
}

:is(.text,.text__editor) > h2,:is(.text,.text__editor) > h3,:is(.text,.text__editor) > h4 {
        color: rgba(50,50,50,1);
        color: var(--color-heading);
        padding: 0;
        margin: 0;
    }

:is(.text,.text__editor) > h2 {
        line-height: 1.25em;
        margin: 1.368em 0 .7369em 0;
    }

:is(:is(.text,.text__editor) > h2):first-child {
          margin-top:0;
        }

:is(.text,.text__editor) > h3 {
        line-height: 1.25em;
        margin-top: 1.432em;
        margin-bottom: 1em;
    }

:is(.text,.text__editor) > h4 {
        line-height: 1.5em;
    }

:is(.text,.text__editor) > p a,:is(.text,.text__editor) > ul a,:is(.text,.text__editor) > ol a {
        text-decoration: underline;
    }

:is(.text,.text__editor) > p {
        /*This could have been a simple extend*/
        font-size: 1.1875rem;
        font-size: var(--md-font-size);
        line-height: 1.4em;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 1.5em;
    }

:is(.text,.text__editor) > ul,:is(.text,.text__editor) > ol {
        margin: 0 0 3.75em 0;
        padding: 0;
    }

:is(:is(.text,.text__editor) > ul,:is(.text,.text__editor) > ol) li {
          font-size:1.25em;
          line-height: 1.4em;
          margin-bottom: 1rem;
          position: relative;
        }

:is(:is(.text,.text__editor) > ul,:is(.text,.text__editor) > ol) h3 {
          font-weight: 700;
          font-size:1.15em;
          margin-bottom:0.3125em;
        }

:is(:is(.text,.text__editor) > ol) li {
        padding-left:0.625em;
        margin-left:1.375em;
        list-style: decimal;
      }

:is(.text,.text__editor) > ul {
        list-style: none;
    }

:is(:is(.text,.text__editor) > ul) li {
            padding-left:1.875em;
        }

:is(:is(.text,.text__editor) > ul) li:before {
            content: "\2022";
            color: rgba(28,130,114,1);
            color: var(--color-action);
            font-size: 3.5em;
            line-height: .2;
            vertical-align: middle;
            padding-right: 17px;
            position: absolute;
            top: 1px;
            left:0;
        }

:is(.text,.text__editor) > h2 + ul {
        margin-top:-0.5rem;
    }

:is(:is(.text,.text__editor) > h2 + ul) > li:first-child {
            margin-top:1.875em;
        }

:is(.text,.text__editor) > p > strong,:is(.text,.text__editor) > strong {
        color:#1E1E1E;
        color:var(--color-text);
        font-weight: 700;
    }

:is(.text,.text__editor) > blockquote {
        font-family: 'BelyDisplay-Regular', serif;
        font-family: var(--font-display);
        font-size: 2.14em;
        font-style: italic;
        color:#1E1E1E;
        color:var(--color-text);
        position: relative;
        padding-left:42px;
        margin: 0 118px 33px 18px;
    }

:is(:is(.text,.text__editor) > blockquote):before {
            content: open-quote;
            position: absolute;
            top: -10px;
            left: 0;
            font-size: 3.6875rem;
        }

.text--smaller {
    font-size: .95em;
}

.text--smaller > p {
        margin-bottom: .8em;
    }

.margin-right {
    margin-right: 20px;
}

@media (max-width: 480px) {
    .text,
    .text__editor {
        font-size: .85em;
    }
        :is(.text,.text__editor) > h2 {
            font-size: 1.9375rem;
            line-height: 1.1;
        }
        .text--smaller > p {
            margin-bottom: 10px;
        }
}

/*Kurstyper*/

.type-cards {
    min-height: auto;
}

.type {
    border: none;
    border-radius: 0;
    padding-right: 1rem;
}

.type:hover {
        box-shadow: none;
    }

.type.card {
        margin-bottom: 1rem;
    }

.type__icon .icon__svg {
    height: 1.5rem;
    width: 2.5rem;
}

.type__link {
    display: inline-block;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.wrap {
  max-width: 74rem;
  max-width: var(--site-width);
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.bg-grey > .wrap {
  padding-top:48px;
  padding-bottom:100px;
}

.wrap--mid {
  max-width: 900px;
}

.wrap--narrow {
    max-width: 48rem;
    max-width: var(--site-width-narrow);
}

.wrap--tight {
  max-width:400px;
}

.wrap + .wrap {
    margin-top: 2rem;
}

@media (max-width: 835px) {
    .wrap {
        padding-left: 1rem;
        padding-left: var(--spacing-sm);
        padding-right: 1rem;
        padding-right: var(--spacing-sm);
    }
  .wrap + .wrap {
    margin-top:38px;
  }
}

.datetime input {
    height: 25px;
    margin: 5px;
    font-size: 1.1375rem;
    max-width: 150px;
}

@media (max-width: 480px) {
    .datetime label {
        padding-left: 27px;
        font-size: 0.8125rem;
    }
    .datetime input {
    height: 25px;
    margin: 5px;
    font-size: 0.9375rem;
    }
}

.boastteaser {
    display: flex;
    position: relative;
}

@media(max-width: 900px) {

.boastteaser {
        flex-direction: column;
}
    }

.boastteaser--image-right {
    flex-direction: row-reverse;
}

@media(max-width: 900px) {

.boastteaser--image-right {
        flex-direction: column;
}
    }

.boastteaser__body {
    padding: 1.5rem;
    padding: var(--spacing);
    width: 35%;
    background-color: rgba(74,19,65,1);
    background-color: var(--color-branding-4);
    color: rgba(255,255,255,1);
    color: var(--color-white);
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
}

@media(max-width: 900px) {

.boastteaser__body {
        order: 2;
        width: auto;
}
    }

.boastteaser__heading {
    font-size: 1.9375rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-sm);
}

.boastteaser__img-wrapper {
    width: 65%;
}

@media(max-width: 900px) {

.boastteaser__img-wrapper {
        order: 1;
        width: 100%;
}
    }

.boastteaser__img-wrapper picture {
        display: block;
        height: 100%;
    }

.boastteaser__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

@media(max-width: 900px) {

.boastteaser__img {
        height: auto;
        -o-object-fit: unset;
           object-fit: unset;
}
    }

:is(.boastteaser__icon .icon__svg) path {
            stroke: rgba(255,255,255,1);
            stroke: var(--color-white);
        }

.inspirationlist {
    display: flex;
    flex-direction: column;
}

.inspirationlist__body {
    display: flex;
    flex-direction: column;
    flex-direction: row;
}

@media(max-width: 900px) {

.inspirationlist__body {
        flex-direction: column;
}
    }

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

.instagram__heading {
    margin-bottom: 0.5rem;
    margin-bottom: var(--spacing-xs);
}

.instagram__subheading {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    margin-bottom: var(--spacing-md);
}

.testimonial {

}

.testimonial__inner {
    display: flex;
}

@media(max-width: 835px) {

.testimonial__inner {
        flex-direction: column;
}
    }

.testimonial__media {
    width: 30%;
}

@media(max-width: 835px) {

.testimonial__media {
        margin-bottom: 1.5rem;
        margin-bottom: var(--spacing);
        width: 100%;
}
    }

.testimonial__body {
    box-sizing: border-box;
    padding-left: 3rem;
    width: 70%;
}

@media(max-width: 835px) {

.testimonial__body {
        width: 100%;
}
    }

.testimonial__img {
    border-radius: 50%;
    width: 90%;
}

@media(max-width: 835px) {

.testimonial__img {
        display: block;
        margin: 0 auto;
        width: 50%;
}
    }

.testimonial__quote {
    font-family: 'BelyDisplay-Regular', serif;
    font-family: var(--font-display);
    font-size: 2.75rem;
    line-height: 1.1;
    margin-bottom: 42px;
}

@media(max-width: 835px) {

.testimonial__quote {
        font-size: 2.25rem;
}
    }

.testimonial__quote:before {
        content: '\201C';
        font-size: 220%;
        font-weight: 400;
        position: absolute;
        left: -60px;
        top: -10px;
    }

.videolink {
    display: flex;
}

@media(max-width: 900px) {

.videolink {
        flex-direction: column;
}
    }

.videolink--video-right {
    flex-direction: row-reverse;
}

@media(max-width: 900px) {

.videolink--video-right {
        flex-direction: column;
}
    }

.videolink.videolink--video-right .videolink__body {
    padding-right: 3rem;
    padding-right: var(--spacing-lg);
    padding-left: 0;
}

.videolink .videolink__body {
    padding-left: 3rem;
    padding-left: var(--spacing-lg);
    width: 35%;
    color: #1E1E1E;
    color: var(--color-text);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media(max-width: 900px) {

.videolink .videolink__body {
        order: 2;
        width: auto;
        padding: 1.5rem 0.5rem;
        padding: var(--spacing) var(--spacing-xs);
}
    }

.videolink__heading {
    font-size: 1.75rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-sm);
    text-wrap: balance;
}

.videolink__heading a {
    color: #1E1E1E;
    color: var(--color-text);
}

.videolink__body p {
    margin-bottom: 1rem;
    margin-bottom: var(--spacing-sm);
}

.videolink__video-wrapper {
    width: 65%;
    display: flex;
}

@media(max-width: 900px) {

.videolink__video-wrapper {
        order: 1;
        width: 100%;
}
    }

#__ba_panel {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.footer {
    box-sizing: border-box;
    background-color: rgba(11,38,42,1);
    background-color: var(--color-branding-5--dark);
    color: rgba(255,255,255,1);
    color: var(--color-branding-4__text);
    margin-top: 155px;
    min-height: 580px;
    padding-top: 55px;
    padding-bottom: 55px;
}

.bg-grey + .footer {
  margin-top:0;
}

.footer--branding-1 {
  background:rgba(253,183,203,1);
  background:var(--color-branding-1);
  color:rgba(255,255,255,1);
  color:var(--color-branding-1__text);
}

.footer__inner {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.footer__column {
  box-sizing: border-box;
  width:34%;
  height: 460px;
  padding-top:30px;
  padding-left:40px;
  padding-right:40px;
}

.footer__column:first-child {
    width:29%;
    padding-left:0;
  }

.footer__column:last-child {
    width:37%;
    padding-right:0;
  }

.footer__column:not(:last-child) {
    border-right:1px solid rgba(255,255,255,0.2);
  }

.footer__column p {
    font-size: 1.125rem;
    margin-bottom:1em;
  }

.footer__column a {
    color:rgba(255,255,255,1);
    color:var(--color-branding-4__text);
    -webkit-text-decoration-color: rgba(255,255,255,0.4);
            text-decoration-color: rgba(255,255,255,0.4);
    text-underline-position: under;
    font-weight: 700;
  }

:is(.footer__column a):hover,:is(.footer__column a):focus,:is(.footer__column a):active {
      color:rgba(255,255,255,1);
      color:var(--color-branding-4__text);
    }

.footer__column strong {
    font-weight: 700;
  }

.footer__column__heading {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom:1em;
}

.footer__column__logotype {
    margin-bottom: 2.5rem;
}

.footer__column__social-media {
  -moz-columns:2;
       columns:2;
  grid-column-gap: 40px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin-top:-10px;
  margin-bottom:25px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,0.2);
}

.footer__column__social-media__item a {
    display: inline-block;
    padding-left:46px;
    padding-top:10px;
    padding-bottom:10px;
    text-decoration: none;
    position: relative;
    font-size: 1.125rem;
    margin-bottom:6px;
    transform: translateZ(0);
  }

:is(.footer__column__social-media__item a):hover .icon {
      fill:rgba(255,255,255,1);
    }

.footer__column__social-media__item .icon {
    fill:rgba(255,255,255,0.6);
    transition: fill 150ms ease;
    font-size: 2.0625rem;
    position: absolute;
    left:0;
    top:50%;
    transform: translate3d(0,-50%,0);
  }

.footer__column__newsletter {
  position: relative;
  padding-right:148px;
}

.footer__column__newsletter input {
  height:78px;
  width:100%;
    }

.footer__column__newsletter button {
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  line-height: normal;
    }

.footer__column__newsletter {
  margin-top:30px;
  padding-right:84px;
  width:85%;
  box-sizing: border-box;
}

.footer__column__newsletter input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
  }

:is(.footer__column__newsletter input)::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

:is(.footer__column__newsletter input)::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.footer__column__newsletter input {
    font-size: 1.125rem;
    height:53px;
    background:none;
    border:1px solid rgba(255,255,255,0.4);
    color:#fff;
  }

:is(.footer__column__newsletter input)::-moz-placeholder {
      color:rgba(255,255,255,1);
      font-style: normal;
      font-weight: 700;
    }

:is(.footer__column__newsletter input)::placeholder {
      color:rgba(255,255,255,1);
      font-style: normal;
      font-weight: 700;
    }

.footer__column__newsletter button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
  }

:is(.footer__column__newsletter button):hover,:is(.footer__column__newsletter button):focus,:is(.footer__column__newsletter button):active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

:is(.footer__column__newsletter button) .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

[data-loading="true"]:is(.footer__column__newsletter button) {
  color: transparent;
        }

@media(max-width: 480px) {

.footer__column__newsletter button {
  font-size: 0.875rem;
  }
        }

.footer__column__newsletter button {
    padding-right:20px;
    padding-left:20px;
    background:none;
    border:1px solid rgba(255,255,255,0.4);
    color:#fff;
    text-shadow: none;
    font-size: 1.125rem;
  }

:is(.footer__column__newsletter button):hover,:is(.footer__column__newsletter button):focus,:is(.footer__column__newsletter button):active {
      background-color: transparent;
    }

@media (max-width:1180px) {
  .footer__column__logotype {
    width:100%;
  }
  .footer__column__newsletter {
    width:100%;
  }
}

@media (max-width:1020px) {
  .footer__column {
    padding-left:30px;
    padding-right:30px;
  }
    .footer__column:first-child {
      padding-left:0;
    }
    .footer__column:last-child {
      padding-right:0;
    }
  .footer__column__social-media {
    grid-column-gap:0;
    -moz-column-gap:0;
         column-gap:0;
  }
}

@media (max-width:960px) {
  .footer__column {
    padding-left:20px;
    padding-right:20px;
  }
    .footer__column:first-child {
      padding-left:0;
    }
    .footer__column:last-child {
      padding-right:0;
    }
}

@media (max-width: 900px) {
  .footer {
    padding-top:30px;
    margin-top:100px;
  }
    .footer p {
      width:90%;
    }
  .footer__inner {
    display: block;
  }
  .footer .footer__column {
    border:none;
    width:auto;
    height:auto;
    padding-left:0;
    padding-right:0;
    padding-top:15px;
  }
  .footer__column__social-media {
    border:none;
    -moz-column-count: 4;
         column-count: 4;
    margin-bottom:8px;
  }
  .footer__column__heading {
    border-top:1px solid rgba(255,255,255,0.2);
    padding-top:30px;
  }
    .footer__column__logotype {
        margin-bottom: 1.5rem;
        margin-bottom: var(--spacing);
        width: 16rem;
    }
  .footer__column__newsletter {
    width:340px;
  }
}

@media (max-width: 835px) {
  .footer__column__social-media {
    -moz-column-count: 2;
         column-count: 2;
  }
}

@media (max-width:370px) {
  .footer__column__newsletter {
    width:auto;
  }
  .footer__column__social-media__item a {
    padding-left:30px;
  }
    :is(.footer__column__social-media__item a) .icon {
      font-size: 1.4375rem;
    }
}

@media (max-width: 480px) {
    .footer__column__logotype {
        margin-bottom: 1rem;
        margin-bottom: var(--spacing-sm);
        width: 70%;
    }
  .footer__column__social-media {
    margin-bottom:2px;
  }
    .footer__column__social-media__item a {
      font-size: 1rem;
    }
  .footer__column__heading {
    font-size: 1rem;
    padding-top:30px;
  }
  .footer__column {
    padding-top:15px;
  }
    .footer__column p {
      font-size: 1rem;
    }
    .footer__column__newsletter input {
      font-size: 0.9375rem;
      height:46px;
    }
    .footer__column__newsletter button {
      font-size: 0.9375rem;
    }
}

@media (max-width: 900px) {
    .footer__newsletter {
        border-top: 1px solid hsla(0,0%,100%,.2);
        padding-top: 30px;
    }
}

.footer__newsletter h2 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1em;
}

@media (max-width: 480px) {
    .footer__newsletter h2 {
        font-size: 1rem;
    }
}

.footer__newsletter p {
    font-size: 1.125rem;
    margin-bottom: 1em;
}

.footer__newsletter a {
    color: #fff;
    -webkit-text-decoration-color: hsla(0,0%,100%,.4);
    text-decoration-color: hsla(0,0%,100%,.4);
    text-underline-position: under;
    font-weight: 700;
}

@media (max-width: 480px) {
    .footer__newsletter p {
        font-size: 1rem;
    }
}

.footer__banner-img {
    width: 10rem;
}

.footer__banner-images {
    display: flex;
}

@media (max-width: 480px) {
    .footer__banner-images a {
        width: 50%;
    }

    .footer__banner-images a * {
        width: 100%;
        height: auto;
    }
}

.header {
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
    padding-top: 1rem;
    padding-bottom: 2rem;


}

@media (max-width: 480px) {

.header {
        padding-top: 1rem;
        padding-bottom: 1rem;


}
    }

@media (max-width: 1100px) {

.header {
        padding-bottom: 0;


}
    }

.header__nav .mobile-menu {
        display: none;
    }

@media (max-width: 1100px) {

.header__nav {
        display: none;
        background-color: rgba(255,255,255,1);
        background-color: var(--color-white);
        border-top: 1px solid rgba(220,220,220,1);
        border-top: 1px solid var(--color-border--lighter);
        box-shadow: 0 8px 8px 0 rgba(0,0,0,.2);
        padding-bottom: 4rem;
        position: absolute;
        right: 0;
        left: 0;
        top: -9999px;
        transform: translateY(10px);
        z-index: 99999;
}

        .header__nav .mobile-menu {
            display: block;
        }

        .header__nav[data-nav-expanded='true'] {
            display: block;
            top: 106px;
            transform: translateY(0);


        }
    }

@media (max-width: 355px) {
        .header__nav[data-nav-expanded='true'] {
            top: 124px;
        }
    }

.header__logotype {
    display: inline-block;
    margin-top: 3rem;
}

@media (max-width: 1100px) {

.header__logotype {
        margin-top: 0;
}
    }

.header__inner {
    display: flex;
    align-items: center;
}

@media (max-width: 1100px) {

.header__inner {
        display: block;
        justify-content: space-between;
}
    }

.normal-menu .header__inner {
        display: flex !important;
    }

@media (max-width: 1100px) {

.normal-menu {
        padding-top: 2rem;
        padding-bottom: 2rem;

}
    }

@media (max-width: 1100px) {
            [data-nav-expanded='true']:is(.normal-menu .header__nav) {
                top: 87px !important;
            }
        }

.header__nav-items {
    display: flex;
}

@media (max-width: 480px) {

.header__nav-items {
        justify-content: space-around;
}
    }

@media (max-width: 1100px) {

.header__secondary-nav .header__nav-items {
        flex-direction: column;
}
    }

.header__primary-nav {
    margin-left: 4rem;
    margin-top: 4rem;
}

@media (max-width: 1100px) {

.header__primary-nav {
        margin-left: 0;
        margin-top: 0;
}
    }

@media (max-width: 1100px) {

.hide-on-tablet {
        display: none;
}
    }

.header__primary-link {
    color: #1E1E1E;
    color: var(--color-text);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 1rem;
}

.header__primary-link:hover {
        color: #1E1E1E;
        color: var(--color-text);
        text-decoration: underline;
    }

@media (max-width: 1100px) {

.header__primary-link {
        font-size: 0.8rem;
}
    }

.header__primary-link[aria-expanded='true'] .icon__svg.icon__arrow-down-dims
        {
            transform: rotate(0.5turn);
        }

.icon__svg.icon__arrow-down-dims {
    transition: transform 0.3s;
}

.header__primary-link--selected {
    border-bottom: 4px solid rgba(28,130,114,1);
    border-bottom: 4px solid var(--color-branding-5);
}

.header__secondary-nav {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1100px) {

.header__secondary-nav {
        position: static;
}
    }

.header__secondary-link {
    color: rgba(28,130,114,1);
    color: var(--color-branding-5);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8375rem;
    padding: 1rem 0.75rem;
}

.header__secondary-link:hover {
        color: rgba(28,130,114,1);
        color: var(--color-branding-5);
        text-decoration: underline;
    }

@media (max-width: 1100px) {

.header__secondary-link {
        font-size: 1.0375rem;
}
    }

@media (max-width: 1100px) {

.header__primary-link {
        display: block;
        padding: 1rem 0.5rem;
}
    }

@media (max-width: 1100px) {

.header__secondary-link {
        display: block;
        padding: 1rem 1.5rem;
}
    }

@media (max-width: 480px) {

.header__primary-link {
        padding: 1rem 0.5rem;
}
    }

.header__primary-nav .icon__svg {
    fill: rgba(28,130,114,1);
    fill: var(--color-branding-5);
    transform: rotate(360deg);
}

.header__nav-control {
    display: none;
}

@media (max-width: 1100px) {

.header__nav-control {
        display: block;
        font-size: 1.6875rem;
        overflow: auto;
        text-decoration: none;
        white-space: nowrap;
        width: auto;
}

        .header__nav-control .icon__svg {
            transition: fill 150ms ease;
            fill: #1E1E1E;
            fill: var(--color-text);
        }
            .header__nav-control[aria-expanded='false'] .header__nav-control__close-icon {
                display: none;
            }
            .header__nav-control[aria-expanded='true'] .header__nav-control__open-icon {
                display: none;
            }
    }

@media (max-width: 480px) {

.header__nav-control {
        overflow: hidden;
        width: 24px;
}
    }

.header__menu {
    color: #1E1E1E;
    color: var(--color-text);
    margin-left: 0.5rem;
    font-size: 1.1875rem;
}

.local-nav {
  background:#f6f7f7;
  box-shadow:0 4px 0 #e5e4e4 inset;
  height:50px;
  display: flex;
}

.local-nav__items {
  width:100%;
  margin-top:4px;
  white-space: nowrap;
}

.local-nav__item {
  display: inline-block;
}

.local-nav__item:not(:last-child) {
    margin-right:12px;
  }

.local-nav__item__link {
  display: block;
  white-space: nowrap;
  line-height: 2.625rem;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.125rem;
}

.local-nav__item__link .icon svg {
    fill:rgba(28,130,114,1);
    fill:var(--color-anchor);
    font-size:45%;
    position: relative;
    top:-2px;
    margin-left:5px;
  }

.local-nav__item__children {
  display: none;
}

@media (max-width: 480px) {
  .local-nav {
    box-shadow: none;
    height:38px;
  }
  .local-nav__items {
    margin-top:0;
  }
  .local-nav__item__link {
    font-size:0.75rem;
    line-height: 2.3125rem;
  }
    .local-nav__item__link .icon svg {
      margin-left:2px;
    }
}

.header__nav__main__item--selected {
    background-color: #f7f7f7;
}

.header__nav__main__item--selected:after
    {
        content: none;
    }

.my-favorite-icon__desktop {
    padding-right: 12px;
}

.my-favorite-icon__mobile {
    padding-left: 22px;
    margin-right: -13px;
    padding-top: 5px;
}

:is(.my-favorite-icon__desktop,.my-favorite-icon__mobile) .icon--3x {
        position: relative;
    }

:is(.my-favorite-icon__desktop,.my-favorite-icon__mobile) #saved-courses-count {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        border-radius: 50%;
        padding: 2px 6px;
        font-size: 0.75em;
        min-width: 20px;
        text-align: center;
        margin: 0;
    }

@media (max-width: 1100px) {

    .my-favorite-icon__desktop {
        display: none;
    }

    .my-favorite-icon__mobile {
        display: block !important;
    }

    .header__secondary-item.mobile-style {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1100px) {

    .my-favorite-icon__desktop {
        display: block !important;
    }

    .my-favorite-icon__mobile {
        display: none;
    }
}

.desktop-nav {
    width: 100%;
    min-height: 720px;
    visibility: hidden; /* Prevents user from tabbing through invisible links */
    position: absolute;
    top: -9999px;
    right: 0;
    left: 0;
    z-index: 99999;
    border-top: 1px solid rgba(220,220,220,1);
    border-top: 1px solid var(--color-border--lighter);
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.2);
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
}

@media (min-width: 1100px) {

        .desktop-nav[data-nav-expanded='true'] {
            visibility: visible;
            top: 151px;
            opacity: 1;
        }
    }

.desktop-nav
.navigation {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 37px;
}

.desktop-nav
.top-links {
    display: flex;
    justify-content: space-between;
}

.desktop-nav
.column {
    width: 24%;
}

.desktop-nav
.remaining-links {
    margin-top: 20px;
}

.desktop-nav .subheader-link {
    color: rgba(28,130,114,1);
    color: var(--color-branding-5);
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}

.desktop-nav a {
    color: #1E1E1E;
    color: var(--color-text);
    font-size: 1.125rem;
    text-decoration: none;
    font-weight: 600;
}

.desktop-nav a:hover {
    text-decoration: underline;
}

.desktop-nav li {
    padding-bottom: 12px;
}

.desktop-nav ul {
    padding-top: 14px;
}

.link-container {
    min-height: 60px;
    border-top: 1px solid #dcdcdc;
}

.link-container .toggle__area {
        margin-bottom: 0;
    }

.link-container[data-toggle-expanded="false"]:last-child,
.menu-link:last-child {
    border-bottom: 1px solid #dcdcdc;
}

.menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
}

.expandable-icon {
    transition: transform 0.3s;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
}

.expandable-header {
    min-width: 60px;
    min-height: 60px;
    border-left: 1px solid #dcdcdc;
}

.expandable-icon .icon__svg {
    fill: rgba(28,130,114,1);
    fill: var(--color-branding-5);
    transform: rotate(0deg);
}

.toggle[data-toggle-expanded="true"]
.icon__svg:first-child {
    transform: rotate(-180deg);
}

.toggle[data-toggle-expanded="false"]
.icon__svg:first-child {
    transform: rotate(0deg);
}

.menu-link a {
    line-height: 1;
    text-decoration: none;
}

.menu-link.first-level a,
.main-link > a:first-child {
    font-size: 1rem;
    font-weight: 700;
    padding-left: 1rem;
}

.normal-menu .nav-tree--level-0 {
    width: 100%;
}

.normal-menu .main-link {
    flex-direction: column;
}

.normal-menu .main-link > a:first-child {
    padding-left: 3.5rem;
    width: 100vw;
    line-height: 1.5;
}

.menu-link.second-level a {
    font-size: 0.95rem;
    font-weight: 600;
    padding-left: 2rem;
}

.menu-link.third-level a {
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 3rem;
}

.desktop-nav
.main-link {
    padding-bottom: 1.5rem;
}

.desktop-nav
.main-link a {
    font-size: 1.75rem;
    font-weight: 900;
    padding-left: 0;
}

.main-link a {
    color: #1E1E1E;
    color: var(--color-text);
}

.nested-link {
    padding-left: 1rem;
}

.nested-link a {
        font-weight: 400;
        font-size: 1rem;
    }

.category-page__inner {
    display: flex;
}

@media(max-width: 835px) {

.category-page__inner {
        flex-direction: column;
}
    }

.modal-wrap {
    width: 100%;
    border: 1px solid black;
}

@media(max-width: 1100px) {

.modal-wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow-y: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        height: 100%;
}
    }

.category-page__result {
    box-sizing: border-box;
    padding-left: 3rem;
    width: 70%;
}

@media(max-width: 1100px) {

.category-page__result {
        width: 100%;
        padding-left: 0;
        grid-template-columns: repeat(12, 1fr);
}
    }

@media(max-width: 480px) {

.category-page__result {
        padding-left: 0;
}
    }

.filter-group h4
    {
        padding-bottom: 15px;
        font-size: .9375rem;
        font-size: var(--base-font-size);
    }

.filter-group button.show-more {
        width: 128px;
        height: 38px;
        margin-top: 3px;
        border-radius: 5px;
        font-size: .9375rem;
        font-size: var(--base-font-size);
        font-weight: 500;
    }

.filter-group button.clear-filters {
        margin-bottom: 0px;
        margin-top: 0px;

    }

.filter-group .checkbox label {
        font-size: 0.9rem;
    }

.filter-group .toggle__control.flex-container {
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 15px;
        margin-right: 10px;
    }

.filter-group[data-toggle-expanded=true] {
    margin-bottom: 30px;
}

.filter-group[data-toggle-expanded="false"] {
    margin-bottom: 0px;
}

@media (min-width: 1100px) {
    .modal-wrap {
        display: block !important;
        width: 280px;
    }

    .choose-filter-label {
        display: block;
    }

    .button-modal {
        display: none !important;
    }

    .category-page__inner .cards__items {
        grid-template-columns: repeat(9, 1fr);
    }
}

.modal-content {
    padding-left: 15px;
    overflow-y: auto;
}

.button-modal {
    display: block;
    border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    margin-top: 1.5rem;
    margin-top: var(--spacing);
    font-size: 1.125rem;
    font-weight: 500;
    color: black;
}

.button-modal .activeFiltersCount {
        margin-left: .5rem;
    }

@media (max-width: 480px) {

.button-modal {
        font-size: .875rem;
}
    }

@media(max-width: 1100px) {

    .modal-content {
        background-color: white;
        width: 80%;
        height: 100%;
        min-height: 100vh;
    }

    .choose-filter-label {
        display: none;
    }

    .first-column {
        width: 0 !important;
    }

    .flex-container {
        justify-content: center;
    }

    .cards__empty-result {
        grid-column: 2 / 12;
        text-align: center;
    }
}

.visible-checkboxes, .toggle__area {
    margin-bottom: 13px;
}

.toggle[data-toggle-expanded="true"] .icon__svg {
    transform: rotate(-180deg);
}

.filter-group .icon__svg {
    fill: #616061;
}

.icon__favorite_desktop-dims,
.icon__favorite_mobile-dims {
    height: 2rem;
    width: 2rem;
}

.flex-container {
    display: flex;
}

.flex-container > h2 {
    margin-right: 10px;
}

.flex-container > h2:last-child {
    margin-right: 0;
}

.right-aligned {
    margin-left: auto;
    margin-top: 10px;
    margin-right: 5px;
}

.activeFiltersCount {
    background-color: #4A1341;
    color: white;
    border-radius: 20px;
    padding: 5px 12px;
}

.secondary-color,
.filter__tags__tag--remove {
    color: #4a1341;
}

.first-column {
    width: 280px;
}

.subheadings-wrap {
    max-width: 74rem;
    max-width: var(--site-width);
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 0px;
}

.choose-filter-label {
    padding-top: 15px;
}

.course-page {
    display: inline;
    display: initial; /* Is required for position sticky to work */
}

html[\:has\(.course-page__sticky\)] {
    scroll-padding-top: 16rem;
}

html:has(.course-page__sticky) {
    scroll-padding-top: 16rem;
}

.course-page__sticky {
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

@media(max-width: 480px) {

.course-page__sticky {
        position: static;
}
    }

.is-sticky.course-page__sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.course-page__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-top: var(--spacing);
    padding-bottom: 1.5rem;
    padding-bottom: var(--spacing);
}

@media(max-width: 835px) {

.course-page__header {
        flex-direction: column;
        padding-left: 1rem;
        padding-left: var(--spacing-sm);
        padding-right: 1rem;
        padding-right: var(--spacing-sm);
        padding-top: 1rem;
        padding-top: var(--spacing-sm);
        padding-bottom: 1rem;
        padding-bottom: var(--spacing-sm);
}
    }

@media(max-width: 835px) {

.course-page__header > div:last-of-type {
        display: flex;
        width: 100%;
}
    }

@media(max-width: 480px) {

.course-page__header-meta {
        display: none;
}
    }

.course-page__heading {
    font-size: 2.6875rem;
    line-height: 1.05;
    max-width: 58rem;
    transition-property: all;
    transition-duration: 0.05s;
    transition-delay: 0.2s;
}

@media(max-width: 480px) {

.course-page__heading {
        font-size: 1.6875rem;
        padding: 0.5rem;
        padding: var(--spacing-xs);
}
    }

@media(max-width: 835px) {

.course-page__heading {
        margin-bottom: 1rem;
        margin-bottom: var(--spacing-sm);
}
    }

@media(min-width: 835px) {

.course-page__heading {
        margin-right: 1rem;
        margin-right: var(--spacing-sm);
}
    }

.is-sticky .course-page__heading {
    font-size: 1.6875rem;
}

.hero__non-cta {
    padding-right: 0;
}

@media(max-width: 480px) {

.hero__non-cta {
        padding: 0.5rem;
        padding: var(--spacing-xs);
}
    }

.course-page__info-list-wrap {
    display: flex;
    justify-content: space-between;
}

@media(max-width: 835px) {

.course-page__info-list-wrap {
        flex-direction: column;
        grid-gap: 3rem;
        gap: 3rem;
}
    }

.course-page__info-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
}

.course-page__info-list dt {
    width: 33%;
    white-space: nowrap;
    float: left;
    clear: left;
    font-weight: bold;
    width: 11ch;
    margin-bottom: .5em;
    margin-right: 0.5rem;
}

@media(min-width: 1100px) {

.course-page__info-list dt {
        width: 20%;
}
    }

.course-page__info-list dd {
    margin-left: 0;
    width: 67%;
    float: left;
    margin-bottom: .5em;
}

@media(max-width: 480px) {

.course-page__info-list dd {
        margin-bottom: 1rem;
}
    }

.course-page__info-list > li {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 1.75rem;
}

@media(max-width: 835px) {

.course-page__info-list > li {
        justify-content: space-between;
        align-items: unset;
        text-align: right;
}
    }

.course-page__full-info {
    background-color: rgba(232,242,241,1);
    background-color: var(--color-branding-5--light);
    border: 1px solid rgba(28,130,114,1);
    border: 1px solid var(--color-branding-5);
    padding: 6px;
}

@media(max-width: 835px) {

.course-page__full-info {
        padding: 0;
}
    }

.course-page__full-info .column p:last-of-type {
        margin-bottom: 0;
    }

.card--course .course-page-favorite .heart-text {
    display: none;
}

#coursesContainer .course-page-favorite {
    display: none;
}

.card--course .course-page-favorite {
    justify-self: end;
    padding: 5px 10px 0 0;
    position: absolute;
    top: 0;
    right: 0;
}

.course-page-favorite {
    align-self: end;
}

@media(max-width: 835px) {

.course-page-favorite {
        align-self: unset;
}
    }

.course-page-favorite-button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-gap: var(--spacing-xs);
    gap: var(--spacing-xs);
    padding: 0;
    z-index: 10;
    position: relative;
    pointer-events: auto;
}

@media(max-width: 835px) {

.course-page-favorite-button {
        grid-gap: 10px;
        gap: 10px;
}
    }

.course-page-favorite-button-desktopicon {
    fill: rgba(255,255,255,1);
    fill: var(--color-white);
}

@media(max-width: 835px) {

.course-page-favorite-button-desktopicon {
        display: none;
}
    }

.course-page-favorite-button-mobileicon {
    fill: rgba(255,255,255,1);
    fill: var(--color-white);
    display: none;
}

@media(max-width: 835px) {

.course-page-favorite-button-mobileicon {
        display: block;
}
    }

.course-page-favorite-button span {
    font-size: 1.1875rem;
    font-size: var(--md-font-size);
    text-decoration: underline;
    white-space: nowrap;
}

.course-page .column--aside {
    border: 1px solid #1E1E1E;
    border: 1px solid var(--color-text);
}

.course-page__social {
    text-align: center;
}

.video-container {
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

#coursesContainer {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 25px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    grid-row-gap: 40px;
    row-gap: 40px;
}

#coursesContainer .card {
        box-sizing: border-box;
    }

.icon_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; 
    z-index: 10;
}

.close-button {
    fill: #fff;
    background: rgba(28,130,114,1);
    background: var(--color-branding-5);
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.course-page-cross-button {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    top: -30px;
    right: -15px;
}

#coursesContainer .course-page-cross-button {
    display: block;
}

.hide {
    display: none;
}

h2.container__heading a {
    font-weight: normal;
}

@media (max-width: 800px) {
    .saved-courses-page .card, .saved-courses-page .cards__items:last-child:after {
        width: 80%;
        margin: auto;
    }
}

.school .cards__heading {
      padding-left:0;
  }

.school__map {
    height: 430px;
    width: 100%;
}

@media (max-width: 480px) {
  .school__map {
    margin-top:27px;
    height:250px;
  }
}

.search__hero {
    background-color: rgba(28,130,114,1);
    background-color: var(--color-branding-5);
    background-position: center center;
    background-repeat: no-repeat;
    color: #1E1E1E;
    color: var(--color-text);
    padding-bottom: 5rem;
    padding-bottom: var(--spacing-xl);
    padding-top: 5rem;
    padding-top: var(--spacing-xl);
    min-height: 0;
}

.search__spelling {
    font-size: 1.1875rem;
    margin: 18px 0 30px;
}

.search__spelling strong {
        font-weight: normal;
    }

.search__spelling a {
        font-weight: 700;
        text-decoration: none;
    }

.search__empty {
  font-size: 1.375rem;
  font-weight: 700;
}

.search__empty strong:before {
    content: open-quote;
  }

.search__empty strong:after {
    content: close-quote;
  }

@media (max-width:530px) {
  .search__hero {
    padding-bottom:38px;
  }
}

@media (max-width:400px) {
    .search__hero .hero__heading--small {
      font-size: 1.5625rem;
    }
}

.schools .hero {
        padding:0;
        margin-bottom:0;
        height: 685px;
    }

.schools__map {
    width: 100%;
    height: 685px;
    border-bottom:1px solid #fff;
    margin-top:-1px;
}

.schools__map:before {
      content:'';
      display: block;
      position: absolute;
      height:4px;
      background:rgba(0,0,0,0.2);
      left:0;
      right:0;
      top:0;
      z-index: 9999;
    }

.schools__map[data-loading="true"]:after {
      content:'';
      background:#7dcdcd;
      position: absolute;
      display: block;
      top:0;
      bottom:0;
      left:0;
      right:0;
      z-index:9998;
    }

.schools__map-empty {
    background-color: transparent;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    z-index: 9999;
}

.schools__map-empty:before {
    opacity:.92;
  }

main {position: relative; }

html.no-js .schools__map,html.no-js .schools__map-empty,html.no-js .filter .dropdown {
    display: none;
  }

.schools .filter {
    margin-top: 3rem;
}

@media(max-width: 480px) {

.schools .filter {
        margin-bottom: 24px;
        margin-top: 24px;
}
    }

@media (max-width:660px) {
    .schools__map {
        height: 230px;
    }
        .schools .hero {
            height: 230px;
        }
            :is(.schools .hero) .hero__inner {
                background: none;
            }
}

.home__hero {
    background-color: rgba(253,183,203,1);
    background-color: var(--color-branding-1);
    background-position: center;
    background-size: cover;
    margin-bottom: 60px;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

@media (max-width: 835px) {

.home__hero {
        padding-top: 2rem;
}
    }

@media (max-width: 480px) {

.home__hero {
        margin-bottom: 30px;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
}
    }

.home__hero__heading {
    font-size: 2.875rem;
    line-height: 1.1;
    margin-bottom: 2rem;
    max-width: 44rem;
}

@media (max-width: 835px) {

.home__hero__heading {
        font-size: 2.25rem;
        max-width: 32rem;
}
    }

@media (max-width: 480px) {

.home__hero__heading {
        font-size: 1.875rem;
        margin-bottom: 1.5rem;
}
    }

.home__hero__search {
    max-width: 48rem;
    max-width: var(--site-width-narrow);
}

.home__grid {
    margin-bottom: 64px;
}

.home__additional {
    min-height: 450px;
}

.home__hero__search__form {
    margin-bottom: 3rem;
    position: relative;
}

@media (max-width: 835px) {

.home__hero__search__form {
        margin-bottom: 1rem;
}
    }

.home__hero__search__inner {
    display: flex;
}

.home__hero__search__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,1);
  background-color: var(--color-white);
  border: 1px solid #8F8F8F;
  border: 1px solid var(--color-wcag-grey);
  box-sizing: border-box;
  color: #1E1E1E;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.0625rem;
  padding: .85em 1em;
}

.home__hero__search__field::-moz-placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.home__hero__search__field::placeholder {
  color: #8F8F8F;
  color: var(--color-wcag-grey);
        }

.home__hero__search__field {
  font-size: 1.1875rem;
    border: none;
    border-radius: 0;
    background-image: url(/resources/images/search.svg);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 24px 24px;
    height: 75px;
    line-height: 2;
    padding-left: 4rem;
    width: 100%;
}

@media (max-width: 835px) {

.home__hero__search__field {
        background-image: none;
        font-size: 1.1875rem;
        height: auto;
        line-height: 1.5;
        padding-left: 1.5rem;
}
    }

@media (max-width: 480px) {

.home__hero__search__field {
        line-height: 1;
        height: 54px;
}
    }

@media (max-width: 320px) {

.home__hero__search__field {
        font-size: 0.9375rem;
        padding-left: 1rem;
}
    }

.home__hero__search__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(74,19,65,1);
  background-color: var(--color-branding-4);
  border: none;
  color: rgba(255,255,255,1);
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-family: var(--font-base);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 2.15em;
  padding: 0.5em 2.5em;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease;
}

.home__hero__search__button:hover,.home__hero__search__button:focus,.home__hero__search__button:active {
  color: rgba(255,255,255,1);
  color: var(--color-white);
  text-decoration: underline;
        }

.home__hero__search__button .icon {
  fill: rgba(255,255,255,1);
  fill: var(--color-white);
  top: 1px;
  left: -6px;
  position: relative;
        }

.home__hero__search__button[data-loading="true"] {
  color: transparent;
        }

@media(max-width: 480px) {

.home__hero__search__button {
  font-size: 0.875rem;
}
        }

.home__hero__search__button {
  font-size: 1.5rem;
  line-height: 4.9375rem;
    line-height: 2;
    margin-left: 1rem;
    padding: 0.5em;
    width: 9rem;
}

@media (max-width: 835px) {

.home__hero__search__button {
        font-size: 1.1875rem;
        line-height: 1.5;
        width: 6rem;
}
    }

@media (max-width: 480px) {

.home__hero__search__button {
        background-color: rgba(255,255,255,1);
        background-color: var(--color-white);
        background-image: url(/resources/images/search.svg);
        background-repeat: no-repeat;
        background-position-x: 1rem;
        background-position-y: 1rem;
        height: 54px;
        line-height: 1;
        margin-left: 0;
        overflow: hidden;
        text-indent: 45px;
        width: 3.75rem;
}

        .home__hero__search__button:active,.home__hero__search__button:focus {
            background-color: rgba(255,255,255,1);
            background-color: var(--color-white);
        }
    }

@media (max-width: 320px) {

.home__hero__search__button {
        background-position-x: 0.6rem;
        background-position-y: 0.7rem;
        width: 3rem;
}
    }

input[data-loading="true"] ~ .autosuggest-loading {
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  font-size: 0.625rem;
  position: relative;
  text-indent: -9999em;
  border-top: .3em solid rgba(220,220,220,1);
  border-top: .3em solid var(--color-border--lighter);
  border-right: .3em solid rgba(220,220,220,1);
  border-right: .3em solid var(--color-border--lighter);
  border-bottom: .3em solid rgba(220,220,220,1);
  border-bottom: .3em solid var(--color-border--lighter);
  border-left: .3em solid rgba(28,130,114,1);
  border-left: .3em solid var(--color-anchor);
  transform: translateZ(0);
  animation: loader 1.1s infinite linear;
    position: absolute;
    top: 24px;
    right: 26px;
    width: 20px;
    height: 20px;
}

@media (max-width: 835px) {

input[data-loading="true"] ~ .autosuggest-loading {
        top: 18px;
        right: 20px;
}
    }

@media (max-width: 480px) {

input[data-loading="true"] ~ .autosuggest-loading {
        top: 16px;
}
    }

.autosuggest {
    background-color: rgba(255,255,255,1);
    background-color: var(--color-white);
    top: -3px;
    position: relative;
    border-top: 0;
    padding: 0px 20px;
    z-index: 9999;
}

@media (max-width: 480px) {
    .autosuggest {
        position: static !important;
    }
}

.autosuggest__inner {
    border-top: 1px solid #8F8F8F;
    border-top: 1px solid var(--color-wcag-grey);
    padding-top: 20px;
}

@media (max-width: 480px) {

.autosuggest__inner {
        padding-top: 15px;
}
    }

.autosuggest__title {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.autosuggest__title:not(:first-child) {
        margin-top: 25px;
    }

.autosuggest__empty {
    color: #777;
    font-style: italic;
    font-size: 1.125rem;
}

.autosuggest__result {
    margin-bottom: 10px;
}

.autosuggest__result a {
        text-decoration: none;
        font-size: 1.125rem;
    }

.autosuggest__result li {
        margin: 4px 0;
    }

.autosuggest__more {
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width:530px) {
        .home__hero__search__form .autosuggest {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 20px;
        }

        .home__hero__search__form .autosuggest__empty {
            font-size: 0.875rem;
        }

        .home__hero__search__form .autosuggest__title {
            font-size: 1rem;
            margin-bottom: 5px;
        }
            :is(.home__hero__search__form .autosuggest__title) not(:first-child) {
                margin-top: 13px;
            }
            :is(.home__hero__search__form .autosuggest__result) a {
                font-size: 0.875rem;
            }

            :is(.home__hero__search__form .autosuggest__result) li {
                margin: 2px 0;
            }
}

/************************************************************/

/* Autocomplete styling */

/* StartPage */

.autosuggest__container__startpage .autosuggest {
    border-color: rgba(74,19,65,1);
    border-color: var(--color-branding-4);
}

.autosuggest__container__startpage {
    position: relative;
    flex: 1;
}

@media (max-width:530px) {
    .autosuggest__container__startpage .autosuggest {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* CourseSearchPage */

input#query#search:active, input#query#search:focus {
    border: 2px solid #1E1E1E;
    border: 2px solid var(--color-text);
}

/*   #title-wrapper    */

.autosuggest__container {
    float: left;
    position: relative;
    margin-right: 20px;
    width: 80%;
}

.autosuggest__container:active .autosuggest {
        border: 2px solid #1E1E1E;
        border: 2px solid var(--color-text);
        border-top: 0;
    }

/*   ul  === .autosuggest  */

.autosuggest {
    position: absolute;
    top: calc(100% - 6px);
    background: #fff;
    width:100%;
    margin: 0;
    margin-right: 20px;
    border: 2px solid #1E1E1E;
    border: 2px solid var(--color-text);
    border-top: 0;
    box-sizing:border-box;
}

@media (max-width:660px) {
    .autosuggest__container {
        width: 100%;
        margin-right: 0;
    }
}

.autosuggest__container:focus input#query {
    border: 2px solid #1E1E1E;
    border: 2px solid var(--color-text);
}

.autosuggest__container:focus .autosuggest {
    border: 2px solid #1E1E1E;
    border: 2px solid var(--color-text);
    border-top: 0;
}

.autocomplete-suggestions {
    position: relative;
    background-color: #EEEEEE;
    padding: 20px;
    margin:0 -20px;
}

.autosuggest__dropdown__visible input.filter__field--course-search {
    border: 2px solid #1E1E1E;
    border: 2px solid var(--color-text);
}

html:not(.no-js) .dropdown__area {
    display: none;
  }

:is(html:not(.no-js) .dropdown[data-dropdown-expanded="true"]) .dropdown__area {
      display: block;
    }

input[data-loading="true"] ~ .instantsearch-loading {
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  font-size: 0.625rem;
  position: relative;
  text-indent: -9999em;
  border-top: .3em solid rgba(220,220,220,1);
  border-top: .3em solid var(--color-border--lighter);
  border-right: .3em solid rgba(220,220,220,1);
  border-right: .3em solid var(--color-border--lighter);
  border-bottom: .3em solid rgba(220,220,220,1);
  border-bottom: .3em solid var(--color-border--lighter);
  border-left: .3em solid rgba(28,130,114,1);
  border-left: .3em solid var(--color-anchor);
  transform: translateZ(0);
  animation: loader 1.1s infinite linear;
    position: absolute;
    top: 26px;
    right: 26px;
    width: 20px;
    height: 20px;
}

@media (max-width:840px){
    input[data-loading="true"] ~ .instantsearch-loading {
        top: 18px;
        right: 120px;
    }
}

@media (max-width:840px) {
    input[data-loading="true"] ~ .instantsearch-loading {
        top: 18px;
        right: 20px;
    }
}

input {
    outline: none;
}

:root {
    --color-black: #3c3c3c;
    --color-pink: #faaea5;
}

.instantsearch {
    background: #fff;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    min-height: 150px;
    z-index: 9999;
    border-radius: 0 0 6px 6px;
    padding: 4px 20px 20px 20px;
    border: 2px solid #faaea5;
    border: 2px solid var(--color-pink);
    border-top: 0;
    padding-bottom: 60px;
    width:100%;
    box-sizing:border-box;
}

.autosuggest__container__category-page .autosuggest {
    min-height: 180px;
}

.instantsearch__inner {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.instantsearch__title {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.instantsearch__title:not(:first-child)

{
    margin-top: 25px;
}

.instantsearch__empty {
    color: #777;
    font-style: italic;
    font-size: 1.125rem;
}

.instantsearch__result {
    margin-bottom: 10px;

}

.instantsearch__result a

{
    text-decoration: none;
    font-size: 1.125rem;
}

.instantsearch__result li {
    margin: 4px 0;
}

.instantsearch__more {
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

.home__hero__search__field:focus {
        outline: 2px solid rgba(74,19,65,1);
        outline: 2px solid var(--color-branding-4);
        outline-offset: -2px;
    }

.home__hero__search__form .instantsearch {
        right: 148px;
    }

.home__hero__search__form .instantsearch-active {
        box-shadow: 0 0 0 2px #faaea5 inset;
        box-shadow: 0 0 0 2px var(--color-pink) inset;
    }

@media (max-width:840px) {
        .home__hero__search__form .instantsearch

{
    right: 100px;
    top: 55px;
}
}

@media (max-width:530px) {
        .home__hero__search__form .instantsearch

{
    right: 0px;
    top: 43px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}

.home__hero__search__form .instantsearch__inner {
    padding-top: 15px;
}

.home__hero__search__form .instantsearch__empty {
    font-size: 0.875rem;
}

.home__hero__search__form .instantsearch__title {
    font-size: 1rem;
}
    :is(.home__hero__search__form .instantsearch__title):not(:first-child)

{
    margin-top: 13px;
}

.home__hero__search__form .instantsearch__title {

margin-bottom:5px;
}
    :is(.home__hero__search__form .instantsearch__result) a

{
    font-size: 0.875rem;
}

:is(.home__hero__search__form .instantsearch__result) li {
    margin: 2px 0;
}

.home__hero__search__form input[data-loading="true"] ~ .instantsearch-loading {
    display: none;
}
}

/***********************************************************
 Autocmplete styling */

/*StartPage*/

.instantsearch__container__startpage .instantsearch {
    border-color: #faaea5;
    border-color: var(--color-pink);
}

.number__of__suggestions__0 {
    margin-top: 0;
}

.number__of__suggestions__1 {
    margin-top: 93px;
}

.number__of__suggestions__2 {
    margin-top: 122px;
}

.number__of__suggestions__3 {
    margin-top: 151px;
}

.instantsearch__container__startpage {
    position: relative;
}

.instantsearch__container__startpage .instantsearch {
    top: 72px
}

@media (max-width:840px){
    .instantsearch__container__startpage .instantsearch {
        top: 58px;
    }
}

@media (max-width:530px) {
    .instantsearch__container__startpage .instantsearch {
        top: 43px;
        padding-right: 28px;
        padding-left: 20px;
    }
    .number__of__suggestions__1 {
        margin-top: 86px;
    }

    .number__of__suggestions__2 {
        margin-top: 115px
    }

    .number__of__suggestions__3 {
        margin-top: 144px;

    }
}

.instantsearch__container__startpage:focus input#query {
    border: 2px solid #faaea5;
    border: 2px solid var(--color-pink);
}

.instantsearch__container__startpage:focus .instantsearch {
    border: 2px solid #faaea5;
    border: 2px solid var(--color-pink);
    border-top: 0;
}

/*CourseSearchPage*/

input#query#search:active, input#query#search:focus {
    border: 2px solid #3c3c3c;
    border: 2px solid var(--color-black);
}

/*#title-wrapper*/

.instantsearch__container {
    float: left;
    position: relative;
    margin-right: 20px;
    width: 80%;
}

.instantsearch__container:active .instantsearch {
        border: 2px solid #3c3c3c;
        border: 2px solid var(--color-black);
        border-top: 0;
    }

/*ul  === .instantsearch*/

.instantsearch {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    background: #fff;
    margin: 0;
    margin-right: 20px;
    border: 2px solid #3c3c3c;
    border: 2px solid var(--color-black);
    border-top: 0;
    width: -webkit-calc(100% - 44px);
}

@media (max-width:660px) {
    .instantsearch__container {
        width: 100%;
        margin-right: 0;
    }
}

.instantsearch__container:focus input#query {
    border: 2px solid #3c3c3c;
    border: 2px solid var(--color-black);
}

.instantsearch__container:focus .instantsearch {
    border: 2px solid #3c3c3c;
    border: 2px solid var(--color-black);
    border-top: 0;
}

.instantsearch-suggestions {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #EEEEEE;
    padding: 20px;
}

.instantsearch__dropdown__visible input.filter__field--course-search {
    border: 2px solid #3c3c3c;
    border: 2px solid var(--color-black);
}

.toggle {
}

.toggle__area {
    display: none;
}

.toggle[data-toggle-expanded="true"] > .toggle__area {
    display: block;
}

.toggle__area[\:has\(~.toggle__control\[aria-expanded\%3D\%22true\%22\]\)] {
    display: block;
}

.toggle__area:has(~.toggle__control[aria-expanded="true"]) {
    display: block;
}

/*# sourceMappingURL=folkhogskola.css.map*/