@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Red+Hat+Text:wght@400;700&display=swap");
:root {
    --white1: #F5F0F0;
    --white2: #E6DDDD;
    /*--light-green: #3CE677;*/
    /*--orange: #3CE677;*/
    --dark-green: #496F69;
}

/* .btn,
.calendar__link a,
.news-view__department a,
a.btn,
input[type=submit].form-submit {
    background-color: var(--blue-dark);
    color: var(--white);
    min-width: 160px;
    padding: var(--spacing-div2);
    text-align: center;
    border-radius: 6px;
    box-shadow: var(--drop-shadow);
    display: inline-block;
    text-decoration: none;
    transition: background-color .3s, color .3s
} */

/* 
.btn:focus,
.btn:hover,
.calendar__link a:focus,
.calendar__link a:hover,
.news-view__department a:focus,
.news-view__department a:hover,
a.btn:focus,
a.btn:hover,
input[type=submit].form-submit:focus,
input[type=submit].form-submit:hover {
    background-color: var(--orange);
    color: var(--white)
}

p .btn,
p a.btn {
    margin-bottom: calc(var(--spacing) / 4)
}

.btn--large,
a.btn--large {
    padding: var(--spacing);
    font-size: var(--h5)
}

a.btn,
button.btn {
    text-decoration: none
}

button:disabled.btn {
    background-color: var(--disabled);
    box-shadow: none;
    cursor: default;
    opacity: .6
}

.btn--light,
a.btn--light {
    background-color: var(--white);
    color: var(--blue-dark)
}

.btn--light:focus,
.btn--light:hover,
a.btn--light:focus,
a.btn--light:hover {
    color: var(--white);
    background-color: var(--orange)
}

.btn--red,
a.btn--red {
    background-color: var(--red);
    color: var(--white)
}

.btn--red:focus,
.btn--red:hover,
a.btn--red:focus,
a.btn--red:hover {
    background-color: var(--blue-dark)
}

.btn--blue,
a.btn--blue,
input[type=submit].form-submit {
    background-color: var(--blue-dark);
    color: var(--white)
}

.btn--blue:focus,
.btn--blue:hover,
a.btn--blue:focus,
a.btn--blue:hover,
input[type=submit].form-submit:focus,
input[type=submit].form-submit:hover {
    background-color: var(--orange)
}

.btn--gray,
.news-view__department a,
a.btn--gray {
    background-color: var(--gray-very-light);
    color: var(--gray);
    box-shadow: none
}

.btn--gray:focus,
.btn--gray:hover,
.news-view__department a:focus,
.news-view__department a:hover,
a.btn--gray:focus,
a.btn--gray:hover {
    color: var(--gray);
    background-color: var(--gray-light)
}

.btn--arrow,
a.btn--arrow {
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: none;
    font-size: 24px;
    color: var(--white);
    text-transform: uppercase;
    width: auto;
    transition: all .3s ease-out;
    will-change: transform
}

.btn--arrow:after,
a.btn--arrow:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more-light.svg);
    width: 50px;
    height: 50px;
    margin-left: var(--spacing);
    transform: translateX(-20%);
    transition: all .3s ease-out
}

.btn--arrow:focus,
.btn--arrow:hover,
a.btn--arrow:focus,
a.btn--arrow:hover {
    color: var(--white);
    background-color: transparent
}

.btn--arrow:focus:after,
.btn--arrow:hover:after,
a.btn--arrow:focus:after,
a.btn--arrow:hover:after {
    transform: translateX(.5rem)
}

.btn--no-arrow,
a.btn--no-arrow {
    display: flex;
    align-items: center;
    box-shadow: none;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    width: auto
} */

/* 
.btn--no-arrow,
.btn--no-arrow:focus,
.btn--no-arrow:hover,
a.btn--no-arrow,
a.btn--no-arrow:focus,
a.btn--no-arrow:hover {
    background-color: transparent;
    color: var(--white)
}

.btn--arrow-red,
a.btn--arrow-red {
    padding: var(--spacing-div2) 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: none;
    font-weight: 700;
    font-size: 24px;
    color: var(--red);
    text-transform: uppercase;
    transition: all .3s ease-out;
    width: auto;
    will-change: transform
}

.btn--arrow-red:after,
a.btn--arrow-red:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more-red.svg);
    width: 55px;
    height: 55px;
    margin-left: var(--spacing);
    transform: translateX(-20%);
    transition: all .3s ease-out
}

.btn--arrow-red:focus,
.btn--arrow-red:hover,
a.btn--arrow-red:focus,
a.btn--arrow-red:hover {
    background-color: transparent
}

.btn--arrow-red:focus:after,
.btn--arrow-red:hover:after,
a.btn--arrow-red:focus:after,
a.btn--arrow-red:hover:after {
    transform: translateX(.5rem)
}

.btn--arrow-blue,
a.btn--arrow-blue {
    padding: var(--spacing-div2) 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    box-shadow: none;
    font-weight: 700;
    font-size: 24px;
    color: var(--blue-dark);
    text-transform: uppercase;
    transition: all .3s ease-out;
    width: auto;
    will-change: transform
}

.btn--arrow-blue:after,
a.btn--arrow-blue:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more-blue.svg);
    width: 55px;
    height: 55px;
    margin-left: var(--spacing);
    transform: translateX(-20%);
    transition: all .3s ease-out
} */

/* 
.btn--arrow-blue:focus,
.btn--arrow-blue:hover,
a.btn--arrow-blue:focus,
a.btn--arrow-blue:hover {
    color: var(--blue-dark);
    background-color: transparent
}

.btn--arrow-blue:focus:after,
.btn--arrow-blue:hover:after,
a.btn--arrow-blue:focus:after,
a.btn--arrow-blue:hover:after {
    transform: translateX(.5rem)
}

.views-exposed-form {
    margin-bottom: var(--spacing)
}

@media (min-width: 625px) {
    .views-exposed-form {
        display: flex;
        align-items: flex-end
    }

    .views-exposed-form .form-item {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .views-exposed-form {
        margin-bottom: var(--spacing-x2)
    }
}

.calendar__item {
    margin-bottom: var(--spacing);
    padding-bottom: var(--spacing);
    border-bottom: 1px solid var(--gray-light)
}

.calendar__title {
    margin-bottom: 0;
    color: var(--orange)
}

.calendar__link a {
    display: inline-block;
    margin-top: var(--spacing)
}

.date-recur-occurrences {
    list-style: none;
    margin: 0;
    padding: 0
}

.views-label-field-calendar-date-end-value,
.views-label-field-calendar-date-value {
    font-weight: 700
}

.region--content .search-form {
    padding: var(--spacing)
} */

/* @media (min-width: 768px) {
    .region--content .search-form {
        padding: var(--spacing-x2) var(--spacing)
    }
} */

.region--content .search-form label {
    display: block
}

.region--content .search-form .js-form-type-search {
    display: inline
}

.region--content .search-form .form-search {
    margin-bottom: var(--spacing-div2)
}

.region--content .search-form.views-exposed-form .form-actions,
.region--content .search-form.views-exposed-form .form-item {
    display: inline
}

.search-results {
    list-style: none;
    margin: 0 auto var(--spacing);
    padding: 0 var(--spacing);
    max-width: var(--m);
    display: block;
    width: calc(100% - var(--spacing-x2))
}

@media (min-width: 768px) {
    .search-results {
        margin-top: var(--spacing-x2)
    }
}

.search-results h3 {
    margin-bottom: 0
}

.search-results h3 a {
    color: var(--orange)
}

.dialog-off-canvas-main-canvas {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

[id*=block-stp-local-tasks].fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1
}

[id*=block-stp-local-tasks].not-fixed.on-login-page {
    display: none
}

[id*=block-stp-local-tasks].not-fixed ul {
    margin: var(--spacing) 0
}

[id*=block-stp-local-tasks]>ul {
    list-style-type: none;
    margin: 0;
    padding: var(--spacing-div2) var(--spacing);
    background-color: var(--orange);
    color: var(--white);
    display: inline-block
}

[id*=block-stp-local-tasks] li {
    display: inline-block
}

[id*=block-stp-local-tasks] li:after {
    content: " | ";
    display: inline;
    font-weight: 700;
    color: var(--gray-light)
}

[id*=block-stp-local-tasks] li:last-child:after {
    display: none
}

[id*=block-stp-local-tasks] a {
    display: inline-block;
    color: var(--white);
    text-decoration: none
}

[id*=block-stp-local-tasks] a:focus,
[id*=block-stp-local-tasks] a:hover {
    color: var(--gray-light)
}

.region--content [data-drupal-messages] {
    border: 1px solid var(--black);
    font-size: 14px;
    padding: var(--spacing);
    margin: var(--spacing) auto;
    max-height: 300px;
    max-width: var(--container-width);
    overflow: auto
}

@media (min-width: 768px) {
    .region--content [data-drupal-messages] {
        margin-top: var(--spacing-x3);
        margin-bottom: var(--spacing-x3)
    }
}

.region--content .views-element-container h2 {
    margin: 0 auto;
    max-width: var(--m);
    padding-top: var(--spacing)
}

@media (min-width: 768px) {
    .region--content .views-element-container h2 {
        padding-top: var(--spacing-x3)
    }
}

.news-view__item {
    padding-bottom: var(--spacing);
    margin-bottom: var(--spacing);
    border-bottom: 1px solid var(--gray-light)
}

.news-view__title {
    margin-bottom: var(--spacing-div2);
    color: var(--orange)
}

.news-view__title a {
    text-decoration: none
}

#block-views-block-construction-project-list-block h2 {
    margin: 0;
    max-width: none;
    padding: 0 0 var(--spacing)
}

@media (min-width: 768px) {
    #block-views-block-construction-project-list-block h2 {
        padding: 0 0 var(--spacing)
    }
}

.links.inline {
    list-style-type: none;
    padding: 0;
    margin: 0 0 var(--spacing)
}

.links.inline li {
    display: inline-block;
    margin: 0 var(--spacing-div2)
}

a[href$=".pdf"] {
    align-items: center;
    display: inline-flex
}

a[href$=".pdf"]:after {
    content: url(/themes/custom/stp_30/assets/css/../images/pdf.png);
    padding-left: 2px;
    height: 24px
}

a[href$=".doc"],
a[href$=".docx"] {
    align-items: center;
    display: inline-flex
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
    content: url(/themes/custom/stp_30/assets/css/../images/word.png);
    padding-left: 5px;
    height: 16px
}

a[href$=".xls"],
a[href$=".xlsx"] {
    align-items: center;
    display: inline-flex
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
    content: url(/themes/custom/stp_30/assets/css/../images/excel.png);
    padding-left: 5px;
    height: 16px
}

.align-right {
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .align-right {
        margin: 0 0 5px 20px
    }
}

.align-left {
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .align-left {
        margin: 0 20px 5px 0
    }
}

.align-center {
    text-align: center
}

svg.svg-inline--fa {
    width: 100%;
    height: 100%
}

.svg-inline--fa.fa-snow-emergency {
    width: 100% !important
}

form ol,
form ul {
    padding: 0
}

form .description {
    font-style: italic
}

button,
input[type=submit] {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
    cursor: pointer
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]),
select,
textarea {
    padding: var(--spacing-div2);
    width: calc(100% - var(--spacing));
    max-width: 500px;
    border: 1px solid var(--gray-light)
}

label {
    margin-bottom: calc(var(--spacing) / 2);
    display: block;
    font-weight: 700
}

label[for] {
    cursor: pointer
}

:focus:not(:focus-visible) {
    outline: none
}

.form-item {
    margin-bottom: var(--spacing)
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    color: var(--blue-dark);
    padding-right: var(--spacing)
}

.hidden-text,
.search-menu label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

[data-animation] {
    opacity: 0
}

[data-animation].animated {
    opacity: 1
}

.no-scroll {
    overflow: hidden
}

.paragraph-anchor {
    display: block;
    position: relative;
    visibility: hidden;
    height: 0
}

.paragraph {
    clear: both;
    padding: var(--spacing) 0
}

.hide {
    display: none
}

/* .container,
.content-moderation-entity-moderation-form,
.js-comment,
.pager,
.region--content .search-form+h2,
.region--content .search-form+h3,
[id*=block-stp-local-tasks].not-fixed {
    margin: 0 auto;
    padding: 0 var(--spacing);
    max-width: var(--container-width);
    display: block;
    width: calc(100% - var(--spacing-x2))
} */

@media (min-width: 768px) {
    .container,
    .content-moderation-entity-moderation-form,
    .js-comment,
    .pager,
    .region--content .search-form+h2,
    .region--content .search-form+h3,
    [id*=block-stp-local-tasks].not-fixed {
        padding: 0 var(--spacing)
    }
}

.container--s {
    max-width: var(--s)
}

.container--m,
.pager,
.region--content .search-form+h2,
.region--content .search-form+h3 {
    max-width: var(--m)
}

.container--l {
    max-width: var(--l)
}

.container--xl {
    max-width: var(--xl)
}

.container--xxl {
    max-width: var(--xxl)
}

.section {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing)
}

@media (min-width: 625px) {
    .section {
        padding-top: var(--spacing-x3);
        padding-bottom: var(--spacing-x3)
    }
}

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

a {
    font-weight: 700
}

a,
a:active,
a:focus {
    color: var(--blue)
}

a:hover {
    color: var(--red)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    /* font-family: monospace, monospace; */
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    /* font-family: inherit; */
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 0
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.js-pager__items {
    list-style-type: none;
    padding: 0;
    margin: 0 0 var(--spacing);
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .js-pager__items {
        margin-bottom: var(--spacing-x2);
        margin-top: var(--spacing)
    }
}

.js-pager__items li,
.pager__item {
    display: block;
    padding: var(--spacing-div2)
}

.js-pager__items li a,
.pager__item a {
    display: block;
    text-decoration: none;
    color: var(--orange);
    font-size: 18px
}

.js-pager__items li.is-active a,
.pager__item.is-active a {
    color: var(--black)
}

body,
html {
    height: 100%;
    scroll-behavior: smooth
}

iframe {
    max-width: 100%
}

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

ol p:empty,
ul p:empty {
    display: none
}

body {
    /* font-family: var(--font-primary); */
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    line-height: var(--line-height);
    font-size: var(--font-size-mobile)
}

@media (min-width: 768px) {
    body {
        font-size: var(--font-size)
    }
}

.h1,
h1 {
    font-size: var(--h1-mobile);
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .h1,
    h1 {
        font-size: var(--h1)
    }
}

.h2,
.search-menu .search-block-form h2,
.search-menu .views-exposed-form h2,
.search-menu input[type=search].form-search,
.search-menu input[type=text].form-text,
h2 {
    color: var(--blue-dark);
    font-size: var(--h2-mobile);
    line-height: 1
}

@media (min-width: 768px) {
    .h2,
    .search-menu .search-block-form h2,
    .search-menu .views-exposed-form h2,
    .search-menu input[type=search].form-search,
    .search-menu input[type=text].form-text,
    h2 {
        font-size: var(--h2)
    }
}

.admin-meta h2,
.admin-meta h3,
.h3,
h3,
legend {
    font-size: var(--h3-mobile);
    line-height: 1.2
}

@media (min-width: 768px) {
    .admin-meta h2,
    .admin-meta h3,
    .h3,
    h3,
    legend {
        font-size: var(--h3)
    }
}

.h4,
.news-card-featured__meta,
.news-card__meta,
.region--breadcrumbs li,
.region--footer_contact h2,
.region--footer_contact h3,
.search-menu nav[role=navigation] h2,
h4 {
    font-size: var(--h4-mobile);
    line-height: 1.2
}

@media (min-width: 768px) {
    .h4,
    .news-card-featured__meta,
    .news-card__meta,
    .region--breadcrumbs li,
    .region--footer_contact h2,
    .region--footer_contact h3,
    .search-menu nav[role=navigation] h2,
    h4 {
        font-size: var(--h4)
    }
}

.h5,
h5 {
    font-size: var(--h5-mobile);
    line-height: 1.2
}

@media (min-width: 768px) {
    .h5,
    h5 {
        font-size: var(--h5)
    }
}

.h6,
h6 {
    font-size: var(--h6-mobile);
    line-height: 1.2
}

@media (min-width: 768px) {
    .h6,
    h6 {
        font-size: var(--h6)
    }
}

.admin-meta h2,
.admin-meta h3,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.news-card-featured__meta,
.news-card__meta,
.region--breadcrumbs li,
.region--footer_contact h2,
.region--footer_contact h3,
.search-menu .search-block-form h2,
.search-menu .views-exposed-form h2,
.search-menu input[type=search].form-search,
.search-menu input[type=text].form-text,
.search-menu nav[role=navigation] h2,
h1,
h2,
h3,
h4,
h5,
h6,
legend {
    margin-bottom: var(--spacing);
    margin-top: 0;
    /* font-family: var(--font-secondary) */
}

ol,
p,
ul {
    margin-bottom: var(--spacing);
    margin-top: 0
}

p {
    line-height: var(--line-height)
}

.table-wrapper {
    border-radius: 10px;
    margin: 0 0 var(--spacing);
    overflow: auto
}

.table-wrapper:focus {
    box-shadow: 0 0 2em rgba(0, 0, 0, .1);
    outline: .1em solid rgba(0, 0, 0, .1)
}

.table-wrapper table {
    border: none
}

table {
    border-collapse: collapse;
    border-spacing: 0 10px;
    margin: 0;
    width: 100%
}

thead {
    border-radius: 10px;
    color: var(--white)
}

thead th {
    background: var(--orange)
}

tbody tr:nth-child(2n) td {
    background-color: var(--gray-very-light)
}

td,
th {
    border: 0;
    border-style: solid none;
    padding: var(--spacing);
    text-align: left
}

td,
th,
th h1,
th h2,
th h3,
th h4,
th h5,
th h6,
th p {
    margin: 0
}

td:first-child,
th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

td:last-child,
th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: var(--gray-light);
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 4
}

.h1--blue,
.h2--blue,
.h3--blue,
.h4--blue,
.h5--blue,
.h6--blue {
    color: var(--orange)
}

hr {
    border-top: 0;
    border-bottom: 1px solid var(--gray-light);
    /* margin-top: var(--spacing);
    margin-bottom: var(--spacing) */
}

/* @media (min-width: 768px) {
    hr {
        margin-top: var(--spacing-x2);
        margin-bottom: var(--spacing-x2)
    }
} */

:root {
    --black: #000;
    --gray: #454143;
    --gray-light: #d4cfcb;
    --gray-very-light: #f5f5f5;
    --white: #fff;
    --blue-dark: #071d49;
    --blue-light: #2367d3;
    --green: #a9c23f;
    --orange: #f0b332;
    --red: #b62655;
    --white--80: hsla(0, 0%, 100%, .8);
    --black--80: rgba(0, 0, 0, .8);
    --blue-dark--90: rgba(7, 29, 73, .9);
    --blue-dark--50: rgba(7, 29, 73, .5);
    --orange--80: rgba(240, 179, 50, .8);
    --red--90: rgba(182, 38, 85, .9);
    --blue--90: rgba(35, 103, 211, .9);
    --gradient-dark: linear-gradient(#080c12, #273d5a);
    --drop-shadow: 0 0 27px rgba(0, 0, 0, .16);
    --disabled: var(--gray-light);
    --h1: 60px;
    --h2: 45px;
    --h3: 26px;
    --h4: 24px;
    --h5: 18px;
    --h6: 16px;
    --h1-mobile: 48px;
    --h2-mobile: 32px;
    --h3-mobile: 22px;
    --h4-mobile: 18px;
    --h5-mobile: 16px;
    --h6-mobile: 14px;
    --font-primary: "Open Sans", sans-serif;
    --font-secondary: "Red Hat Text", sans-serif;
    --font-size-mobile: 12px;
    --font-size: 16px;
    --s: 625px;
    --m: 768px;
    --l: 1000px;
    --xl: 1280px;
    --xxl: 1440px;
    --container-width: var(--xl);
    --line-height: 1.5;
    --spacing: 20px;
    --spacing-div4: calc(var(--spacing) / 4);
    --spacing-div2: calc(var(--spacing) / 2);
    --spacing-x2: calc(var(--spacing) * 2);
    --spacing-x3: calc(var(--spacing) * 3);
    --spacing-x4: calc(var(--spacing) * 4)
}

.accordion-flexible__items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.accordion-flexible__item {
    padding-top: 0;
    padding-bottom: var(--spacing)
}

.accordion-flexible__button {
    align-items: center;
    border-radius: 10px;
    background: var(--gray-very-light);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing);
    width: 100%;
    text-align: left
}

.accordion-flexible__button:focus,
.accordion-flexible__button:hover,
.accordion-flexible__item--active .accordion-flexible__button {
    background: var(--orange)
}

.accordion-flexible__button:focus .accordion-flexible__title,
.accordion-flexible__button:hover .accordion-flexible__title {
    color: var(--white)
}

.accordion-flexible__title {
    color: var(--gray);
    position: relative;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    width: calc(100% - 55px)
}

.accordion-flexible__item--active .accordion-flexible__title {
    color: var(--white)
}

.accordion-flexible__circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--white);
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .accordion-flexible__circle {
        width: 45px;
        height: 45px
    }
}

.accordion-flexible__item--active .accordion-flexible__circle {
    border-color: var(--white)
}

.accordion-flexible__circle:before {
    content: "+";
    display: block;
    /* font-family: var(--font-secondary); */
    color: var(--gray);
    font-weight: 700;
    font-size: 32px
}

@media (min-width: 768px) {
    .accordion-flexible__circle:before {
        font-size: 52px
    }
}

.accordion-flexible__item--active .accordion-flexible__circle:before {
    content: "-";
    top: -3px;
    position: relative
}

.accordion-flexible__body {
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6;
    color: var(--gray)
}

.accordion-flexible__item--active .accordion-flexible__body {
    max-height: 99999px;
    padding: var(--spacing-x2) 0
}

.accordion-flexible__body[aria-hidden=true] form {
    display: none
}

.admin-meta {
    margin-top: var(--spacing)
}

.admin-meta nav h2 {
    font-size: 16px;
    margin-bottom: 0
}

.admin-meta nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 var(--spacing)
}

.admin-meta nav li {
    display: inline-block
}

.admin-meta nav li:after {
    content: " | "
}

.admin-meta nav li:last-child:after {
    display: none
}

.admin-meta__region {
    border: 1px solid var(--gray-light);
    padding: var(--spacing);
    overflow: scroll;
    background-color: var(--white);
    margin-bottom: var(--spacing)
}

.alert {
    background-color: var(--orange);
    max-height: 999px;
    transition: max-height .3s;
    overflow: hidden
}

.has-hero .alert {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

.alert.alert--hide,
.scrolling .alert {
    max-height: 0
}

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

.alert--snow-emergency {
    background-color: var(--red--90);
    color: var(--white)
}

.alert--info {
    background-color: var(--blue--90);
    color: var(--white)
}

.alert__title {
    font-size: 14px;
    padding: var(--spacing) 0;
    margin: 0;
    /* font-family: var(--font-primary) */
}

@media (min-width: 768px) {
    .alert__title {
        font-size: 18px;
        padding: 30px 0
    }
}

.alert__url {
    color: var(--white);
    text-decoration: none
}

.alert--warning .alert__url {
    color: var(--black)
}

.alert__url:active,
.alert__url:focus,
.alert__url:hover {
    color: var(--white);
    text-decoration: underline
}

.alert--warning .alert__url:active,
.alert--warning .alert__url:focus,
.alert--warning .alert__url:hover {
    color: var(--black)
}

.alert__icon {
    margin-right: var(--spacing-div2);
    width: 100%;
    max-width: 30px
}

.alert__icon,
.alert__icon svg {
    display: block
}

.anchor-links {
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    /* font-family: var(--font-secondary); */
    overflow: hidden;
    padding: var(--spacing);
    position: sticky;
    top: -1px;
    z-index: 3
}

@media (min-width: 768px) {
    .anchor-links {
        top: 109px
    }
}

.anchor-links__toggle {
    align-items: center;
    color: var(--blue-dark);
    display: flex;
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    justify-content: space-between;
    padding: 5px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media (min-width: 768px) {
    .anchor-links__toggle {
        display: none
    }
}

.anchor-links__arrow {
    background: url(/themes/custom/stp_30/assets/css/../images/arrow-up.svg) no-repeat;
    display: inline-block;
    height: 12px;
    width: 20px
}

.anchor-links__toggle--active .anchor-links__arrow {
    background: url(/themes/custom/stp_30/assets/css/../images/arrow-down.svg) no-repeat
}

.anchor-links__list {
    list-style: none;
    margin: 0;
    padding: var(--spacing) 0 0
}

@media (min-width: 768px) {
    .anchor-links__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }
}

.anchor-links__list--hidden {
    display: none
}

@media (min-width: 768px) {
    .anchor-links__item {
        padding: 0 var(--spacing)
    }
}

.anchor-links__link {
    color: var(--orange);
    display: block;
    font-size: 11px;
    padding: 7px 0;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .anchor-links__link {
        font-size: 12px
    }
}

.anchor-links__link--current {
    text-decoration: underline
}

.banner-notification__icon {
    grid-column: 1;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background-color: var(--blue-dark);
    display: flex;
    align-content: center;
    justify-content: center
}

.banner-notification__icon .fontawesome-icons {
    display: flex
}

.banner-notification__icon .fontawesome-icon {
    display: flex;
    align-items: center
}

.banner-notification__icon svg.svg-inline--fa {
    width: auto;
    height: 15px
}

.banner-notification__icon path {
    fill: var(--white)
}

/* @media (min-width: 1000px) { */

.banner-notification__icon {
    grid-row: 1;
    grid-column: auto;
    width: 62px;
    height: 62px;
    margin-bottom: var(--spacing-div2)
}

.banner-notification__icon svg.svg-inline--fa {
    height: 40px
}

.banner-notification__title {
    grid-column: 2;
    /* font-family: var(--font-secondary); */
    line-height: 1.4;
    font-weight: 700;
    font-size: 13px;
    color: var(--orange);
    margin-bottom: 0;
    padding: 0 30px 0 0
}

/* @media (min-width: 1000px) { */

.banner-notification__title {
    grid-row: 2;
    grid-column: auto;
    font-size: 16px;
    margin-bottom: var(--spacing-div2)
}

.banner-notification__link {
    text-decoration: none
}

.banner-notification__description {
    display: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--gray);
    padding: 0
}

/* @media (min-width: 1000px) { */

.banner-notification__description {
    grid-row: 3;
    display: block;
    padding-bottom: var(--spacing)
}

@media (min-width: 1280px) {
    .banner-notification__description {
        padding-bottom: 0
    }
}

.banner-notification__description p {
    margin-bottom: 0
}

.banner-notification__description .container {
    padding-left: 0;
    padding-right: 0
}

.children {
    background: var(--gray-very-light);
    padding: var(--spacing) 0;
    position: relative
}

/* @media (min-width: 1000px) { */

.children {
    padding: var(--spacing-x3) 0
}

.children__title {
    color: var(--blue-dark);
    /* font-family: var(--font-secondary); */
    margin: 0 0 var(--spacing);
    text-transform: uppercase
}

/* @media (min-width: 1000px) { */

.children__title {
    margin: 0 0 var(--spacing-x2)
}

.children__list {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

/* @media (min-width: 1000px) { */

.children__list {
    margin: 0 -20px;
    width: calc(100% + 40px)
}

.children__list li {
    width: 100%
}

/* @media (min-width: 1000px) { */

.children__list li {
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.children__list a {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .16);
    color: var(--orange);
    display: block;
    /* font-family: (--font-secondary); */
    margin: 0 0 var(--spacing-div2);
    padding: var(--spacing-div2);
    text-decoration: none;
    text-transform: uppercase
}

.children__list a:active,
.children__list a:focus,
.children__list a:hover {
    background-color: var(--orange);
    color: var(--white)
}

/* @media (min-width: 1000px) { */

.children__list a {
    height: calc(100% - 80px);
    margin: 0 var(--spacing) var(--spacing);
    padding: 30px
}

.children__list--collapsed li:nth-child(n+7) {
    display: none
}

.children__toggle {
    position: absolute;
    padding: var(--spacing-div2);
    left: calc(50% - 50px);
    bottom: -20px;
    background-color: var(--white);
    border-radius: 999em;
    box-shadow: var(--drop-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    width: 100px;
    font-size: 12px;
    z-index: 1
}

/* @media (min-width: 1000px) { */

.children__toggle {
    padding: var(--spacing);
    bottom: -40px;
    width: 150px;
    left: calc(50% - 75px);
    font-size: 16px
}

.children__toggle:before {
    content: "+";
    padding-right: 5px;
    font-size: 18px;
    position: relative
}

/* @media (min-width: 1000px) { */

.children__toggle:before {
    padding-right: 10px;
    font-size: 36px
}

.children__toggle--expanded:before {
    content: "-";
    top: -2px
}

.children-list__items {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

/* @media (min-width: 1000px) { */

.children-list__items {
    margin: 0 -20px;
    width: calc(100% + 40px)
}

.children-list__items--toggle {
    max-height: 0;
    overflow: hidden;
    transition: max-height .7s
}

.children-list__items--expanded {
    max-height: 999em
}

.children-list__item {
    width: 100%
}

/* @media (min-width: 1000px) { */

.children-list__item {
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.children-list__link {
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .16);
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-family: (--font-secondary); */
    margin: calc(var(--spacing) / 4) 0;
    padding: var(--spacing-div2);
    text-decoration: none;
    text-transform: uppercase
}

.children-list__link:active,
.children-list__link:focus,
.children-list__link:hover {
    background: var(--orange);
    color: var(--white)
}

/* @media (min-width: 1000px) { */

.children-list__link {
    height: calc(100% - 80px);
    margin: var(--spacing-div2) var(--spacing);
    padding: 30px
}

.contact-info {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0
}

/* @media (min-width: 1000px) { */

.contact-info {
    padding: calc(var(--spacing) * 9) 0
}

@media (max-width: 1000px) {
    .contact-info {
        background-image: none !important
    }
}

/* @media (min-width: 1000px) { */

.contact-info__container {
    padding: 0 var(--spacing);
    margin: 0 auto;
    max-width: var(--container-width);
    display: flex;
    justify-content: flex-start
}

.contact-info--right .contact-info__container {
    justify-content: flex-end;
    background-position: 0 0
}

.contact-info__mobile-image {
    display: block
}

@media(min-width: 1000px) {
    .contact-info__mobile-image {
        display: none
    }
}

.contact-info__title {
    color: var(--white)
}

.contact-info__text {
    background-color: rgba(0, 0, 0, .65);
    color: var(--white);
    padding: var(--spacing)
}

/* @media (min-width: 1000px) { */

.contact-info__text {
    padding: var(--spacing-x3) var(--spacing-x3) var(--spacing-x3) var(--spacing);
    left: calc(var(--spacing) * -1);
    position: relative;
    width: calc(50% - var(--spacing-x3));
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

@media (min-width: 1320px) {
    .contact-info__text {
        padding-left: calc((100vw - var(--container-width)) / 2);
        width: calc(50% - var(--spacing-x3));
        left: calc((100vw - var(--container-width)) / -2)
    }
}

/* @media (min-width: 1000px) { */

.contact-info--right .contact-info__text {
    padding-left: var(--spacing-x3);
    padding-right: calc((100vw - var(--container-width)) / 2);
    right: calc(var(--spacing) * -1);
    left: auto
}

@media (min-width: 1320px) {
    .contact-info--right .contact-info__text {
        padding-right: calc((100vw - var(--container-width)) / 2);
        width: calc(50% - var(--spacing-x3));
        right: calc((100vw - var(--container-width)) / -2)
    }
}

.contact-info__text--black {
    background-color: rgba(0, 0, 0, .65)
}

.contact-info__text--white {
    background-color: hsla(0, 0%, 100%, .65)
}

.contact-info__text--blue {
    background-color: rgba(35, 103, 211, .65)
}

.contact-info__text--red {
    background-color: rgba(182, 38, 85, .65)
}

.contact-info__link {
    justify-content: flex-end
}

.content__container,
.region--content .views-element-container {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    box-sizing: border-box;
    display: flow-root;
    margin: var(--spacing) auto;
    max-width: var(--xl);
    padding: var(--spacing);
    width: calc(100% - 40px)
}

@media (min-width: 1280px) {
    .content__container,
    .region--content .views-element-container {
        margin: var(--spacing-x2) auto var(--spacing);
        padding: var(--spacing-x2);
        width: 100%
    }
}

.last-edited {
    color: var(--gray);
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.last-edited {
    margin-bottom: var(--spacing-x2)
}

.event-card {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing);
    min-height: 540px;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.event-card__recurring {
    align-items: center;
    display: flex;
    /* font-family: var(--font-primary); */
    font-size: 12px;
    font-weight: 700;
    justify-content: flex-end;
    line-height: 1.4;
    color: var(--red);
    margin-bottom: var(--spacing);
    text-transform: uppercase;
    width: 100%
}

.event-card__recurring-icon {
    margin-left: 10px
}

.event-card__title {
    /* font-family: var(--font-secondary); */
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.4;
    color: var(--orange);
    margin-bottom: var(--spacing-x2)
}

.event-card__title a {
    text-decoration: underline;
    color: var(--orange)
}

.event-card__title a:active,
.event-card__title a:focus,
.event-card__title a:hover {
    text-decoration: none
}

.event-card__details {
    list-style-type: none;
    padding: 0;
    margin: 0 0 var(--spacing);
    border-bottom: 2px solid var(--gray-light);
    text-transform: uppercase
}

.event-card__detail {
    display: flex;
    flex-direction: column;
    /* font-family: var(--font-secondary); */
    color: var(--blue-dark);
    margin-bottom: var(--spacing-div2)
}

.event-card__description,
.event-card__detail {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4
}

.event-card__description {
    color: var(--gray)
}

.event-card__department {
    background-color: var(--gray-very-light);
    border-radius: 6px;
    color: var(--gray);
    display: inline-block;
    font-weight: 700;
    justify-self: flex-end;
    margin-top: auto;
    min-width: 160px;
    padding: var(--spacing-div2);
    text-align: center;
    text-transform: uppercase
}

.events-slider {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    overflow: hidden
}

.events-slider .container {
    padding: 0
}

.events-slider__track {
    margin: 0 -10px
}

.events-slider__more {
    align-items: center;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    display: flex;
    flex-direction: column;
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    font-size: 21px;
    justify-content: center;
    letter-spacing: .1em;
    min-height: 540px;
    padding: var(--spacing-x2) var(--spacing);
    text-align: center;
    width: 100%
}

.events-slider__more-link {
    color: var(--orange);
    text-decoration: none;
    text-transform: uppercase
}

.events-slider__more-link:focus path,
.events-slider__more-link:hover path {
    fill: var(--red)
}

.events-slider__more-icon,
.events-slider__more-title {
    display: block
}

.events-slider * {
    box-sizing: inherit
}

.events-slider__slides {
    margin: 0 -30px;
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: flex;
    will-change: transform
}

/* @media (min-width: 1000px) { */

.events-slider__slides {
    display: flex;
    align-items: stretch;
    margin: 0
}

.events-slider__slide,
.events-slider__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.events-slider__slide {
    padding: 30px 0;
    width: 100%;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

/* @media (min-width: 1000px) { */

.events-slider__slide {
    margin: 0 10px;
    align-items: stretch;
    width: 100%
}

.events-slider__arrows,
.events-slider__slide a {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.events-slider--rtl {
    direction: rtl
}

.events-slider__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease, border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

.events-slider__arrow:hover {
    border-color: #fff
}

.events-slider__arrow--left {
    left: 2em
}

.events-slider__arrow--right {
    right: 2em
}

.events-slider__arrow--disabled {
    opacity: .33
}

.events-slider__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.events-slider__bullet {
    background-color: rgba(0, 0, 0, .5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    margin: 0 .25em
}

.events-slider__bullet:focus,
.events-slider__bullet:hover {
    border: 2px solid #fff;
    background-color: rgba(90, 90, 90, .5)
}

.events-slider__bullet--active {
    background-color: green
}

.events-slider--swipeable {
    cursor: grab
}

.events-slider--dragging {
    cursor: grabbing
}

.events-slider__controls {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-x2)
}

@media(min-width: 1000px) {
    .events-slider__controls {
        display: none
    }
}

.events-slider__direction {
    max-width: 50px;
    margin: 0 10px
}

.events-slider__direction--prev svg {
    transform: rotate(180deg)
}

.feedback {
    bottom: 0;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    z-index: 3
}

@media (min-width: 768px) {
    .feedback {
        bottom: auto;
        right: -68px;
        top: 40vh;
        transform: rotate(90deg)
    }
}

.feedback__link {
    /* font-family: var(--font-secondary); */
    letter-spacing: .1em
}

.feedback__link.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width: 768px) {
    .feedback__link.btn {
        border-radius: 10px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding: 25px
    }
}

/* @media (min-width: 1000px) { */

.footer__mobile-logo {
    display: none
}

.back-to-top {
    align-items: center;
    background: var(--white);
    border-radius: 10px;
    bottom: 9px;
    box-shadow: 0 0 27px rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    opacity: .98;
    padding: 10px 10px 5px;
    position: fixed;
    right: 9px;
    text-decoration: none
}

@media (min-width: 1440px) {
    .back-to-top {
        right: 4%
    }
}

.back-to-top__text {
    color: var(--orange);
    display: none;
    /* font-family: var(--font-secondary); */
    font-size: 12px;
    padding: 10px 0 0;
    text-transform: uppercase
}

@media (min-width: 1440px) {
    .back-to-top__text {
        display: block
    }
}

.footer-region svg.svg-inline--fa {
    max-height: 54px
}

.footer-contact {
    padding-bottom: var(--spacing-x2)
}

/* @media (min-width: 1000px) { */

.footer-contact {
    display: flex;
    align-items: center;
    padding-bottom: calc(var(--spacing) * 5)
}

.footer-contact__title {
    /* font-family: var(--font-secondary); */
    font-weight: 900;
    text-transform: uppercase;
    text-align: center
}

/* @media (min-width: 1000px) { */

.footer-contact__title {
    width: 33%
}

.footer-contact__region {
    margin: 0 auto
}

/* @media (min-width: 1000px) { */

.footer-contact__region {
    flex: 3;
    max-width: none
}

.region--footer_contact {
    text-align: center;
    font-size: 12px
}

/* @media (min-width: 1000px) { */

.region--footer_contact {
    display: flex;
    font-weight: 500;
    font-size: 18px;
    justify-content: space-around
}

.region--footer_contact [data-block-plugin-id] {
    padding-left: var(--spacing-div2)
}

/* @media (min-width: 1000px) { */

.region--footer_contact [data-block-plugin-id] {
    width: 33%
}

.region--footer_contact h2,
.region--footer_contact h3 {
    text-align: center;
    margin-bottom: var(--spacing)
}

.region--footer_contact h2 a,
.region--footer_contact h3 a {
    text-decoration: none
}

.footer-region {
    /* font-family: var(--font-secondary); */
    font-weight: 700
}

/* @media (min-width: 1000px) { */

.footer-region {
    display: flex;
    text-align: right;
    align-items: flex-end
}

.footer-region .logo {
    display: none
}

/* @media (min-width: 1000px) { */

.footer-region .logo {
    display: block;
    width: 20%
}

.footer-region .logo svg {
    display: block
}

.footer-region .region--footer {
    text-align: center
}

/* @media (min-width: 1000px) { */

.footer-region .region--footer {
    width: 80%;
    text-align: right
}

/* @media (min-width: 1000px) { */

.footer-region .region--footer p {
    margin-bottom: calc(var(--spacing) * 1.5)
}

.footer-region nav[role=navigation] h2 {
    color: var(--white)
}

.footer-region nav[role=navigation] ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-region nav[role=navigation] li {
    display: inline-block
}

.footer-region nav[role=navigation] li:after {
    content: " | "
}

.footer-region nav[role=navigation] li:last-child:after {
    display: none
}

.footer-region nav[role=navigation] a {
    text-decoration: none
}

.footer-region .social-media-links--platforms {
    text-align: center
}

/* @media (min-width: 1000px) { */

.footer-region .social-media-links--platforms {
    text-align: right
}

.footer-region .social-media-links--platforms a {
    display: block
}

.footer-region .social-media-links--platforms li {
    padding: 0 var(--spacing-div2)
}

/* @media (min-width: 1000px) { */

.footer-region .social-media-links--platforms li {
    padding: 0 var(--spacing)
}

.footer-region .social-media-links--platforms li:first-child {
    padding-left: 0
}

.footer-region .social-media-links--platforms li:last-child {
    padding-right: 0
}

.header {
    background-color: var(--blue-dark);
    width: 100%;
    background-size: contain
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter:blur())) {
    .has-hero.front-page .header {
        background-color: rgba(7, 29, 73, .9);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px)
    }
}

@media (min-width: 768px) {
    .header {
        position: sticky;
        top: 0;
        z-index: 3
    }
    .toolbar-horizontal .header {
        top: 78px
    }
    .has-hero.front-page .header {
        position: fixed
    }
}

.header>.container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

/* @media (min-width: 1000px) { */

.header>.container {
    justify-content: space-between
}

.header--open {
    height: 100vh;
    z-index: 2
}

.header__logo {
    padding: var(--spacing) 0;
    justify-self: flex-start;
    margin-right: auto;
    flex: 9;
    margin-bottom: 0
}

/* @media (min-width: 1000px) { */

.header__logo {
    justify-content: space-between;
    flex: 1
}

@media (min-width: 1440px) {
    .header__logo {
        padding: 30px 0
    }
}

.header__logo .logo svg {
    max-height: 80px;
    max-width: 95px;
    transition: max-height .3s
}

@media (min-width: 768px) {
    .header__logo .logo svg {
        max-width: 200px
    }
}

/* @media (min-width: 1000px) { */

.header__logo .logo svg {
    height: 72px;
    max-height: 72px
}

.scrolling .header__logo .logo svg {
    max-height: 70px
}

.header__nav-toggle {
    position: relative;
    margin: 0 15px 0 0
}

@media (min-width: 991px) {
    .header__nav-toggle {
        display: none
    }
}

.header__nav {
    display: flex;
    flex: 12;
    margin: 0 var(--spacing-div2)
}

/* @media (min-width: 1000px) { */

.header__nav {
    display: flex;
    align-self: stretch;
    justify-content: center;
    flex: 6
}

.header__translate {
    flex: 1
}

/* @media (min-width: 1000px) { */

.header__translate {
    margin: var(--spacing) 0 0
}

.header__search {
    margin: 0 15px 0 0
}

.header__ie {
    display: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .header__ie {
        display: block
    }
}

.header-icon {
    display: flex;
    color: var(--white);
    flex-direction: column;
    align-items: center
}

.header-icon--text {
    top: 12px;
    position: relative
}

.header-icon__text {
    display: block;
    text-transform: uppercase
}

.header-icon__icon {
    display: block
}

.hero {
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--orange);
    background-position: 50%;
    position: static
}

.front-page .hero {
    min-height: 40vh
}

/* @media (min-width: 1000px) { */

.front-page .hero {
    min-height: 100vh
}

.hero--image .hero__text {
    display: flex;
    justify-content: center
}

/* @media (min-width: 1000px) { */

.hero--image .hero__text {
    padding: 120px 0
}

.front-page .hero--image .hero__text {
    padding: calc(var(--spacing) * 9 + 215px) 0 calc(var(--spacing) * 9)
}

@media (min-width: 1280px) {
    .hero--notifications {
        padding-left: var(--spacing);
        padding-right: var(--spacing)
    }
}

.hero-text {
    color: var(--white);
    padding: var(--spacing-x2) 0
}

/* @media (min-width: 1000px) { */

.hero-text {
    padding: var(--spacing-x4) 0
}

.hero--image .hero-text {
    background-color: rgba(0, 0, 0, .65);
    color: var(--white);
    padding: var(--spacing);
    margin-top: var(--spacing)
}

/* @media (min-width: 1000px) { */

.hero--image .hero-text {
    padding: var(--spacing-x3) var(--spacing-x3) var(--spacing-x3) var(--spacing);
    left: calc(var(--spacing) * -1);
    position: relative;
    width: calc(50% - var(--spacing-x3));
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    margin-top: 0
}

@media (min-width: 1320px) {
    .hero--image .hero-text {
        padding-left: calc((100vw - var(--container-width)) / 2);
        width: calc(50% - var(--spacing-x3));
        left: calc((100vw - var(--container-width)) / -2)
    }
}

.hero-text__title {
    line-height: 1;
    text-align: center;
    color: var(--white)
}

.hero--image .hero-text__title {
    text-align: left;
    color: var(--white)
}

.hero-text__link {
    justify-content: flex-end
}

.image-gallery-legacy {
    background-color: var(--gray);
    color: var(--white);
    padding: var(--spacing) 0
}

@media (min-width: 625px) {
    .image-gallery-legacy {
        padding: var(--spacing-x2) 0
    }
}

@media (min-width: 768px) {
    .image-gallery-legacy {
        padding: var(--spacing-x3) 0
    }
}

/* @media (min-width: 1000px) { */

.image-gallery-legacy {
    padding: var(--spacing-x4) 0
}

.image-gallery-legacy__title {
    letter-spacing: 0;
    color: var(--white)
}

.image-gallery-legacy__images {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-start;
    padding: 0
}

.image-gallery-legacy__image {
    width: 50%
}

.image-gallery-legacy__image a {
    display: block;
    margin-right: var(--spacing-div4)
}

.image-gallery-legacy__image:nth-child(2n) a {
    margin-right: 0
}

@media (min-width: 768px) {
    .image-gallery-legacy__image:nth-child(2n) a,
    .image-gallery-legacy__image:nth-child(3n) a {
        margin-right: var(--spacing-div4)
    }
}

@media (min-width: 768px) {
    .image-gallery-legacy__image {
        width: 33.33333%
    }
}

.image-hero-overlay__wrap {
    background-color: var(--black);
    border-radius: 10px
}

.image-hero-overlay {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .55), rgba(0, 0, 0, .6)), var(--image-hero-bg) no-repeat 50%;
    background-size: cover;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    padding: var(--spacing);
    margin: 0 0 var(--spacing);
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .image-hero-overlay {
        padding: var(--spacing-x4);
        margin: 0 0 var(--spacing-x2)
    }
}

.paragraph-image-hero-overlay .image-hero-overlay {
    margin: 0
}

.image-hero-overlay__title {
    color: var(--white);
    /* font-family: var(--font-secondary); */
    font-size: var(--h3-mobile);
    letter-spacing: .1em;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .image-hero-overlay__title {
        font-size: var(--h2)
    }
}

.image-hero-overlay__description {
    color: var(--white);
    margin: 0 0 var(--spacing-x2)
}

.image-hero-overlay__link {
    align-items: center;
    background-color: transparent;
    box-shadow: none;
    color: var(--white);
    display: flex;
    /* font-family: var(--font-secondary); */
    font-size: var(--h6);
    font-weight: 700;
    justify-content: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    width: auto;
    will-change: transform;
    transition: all .3s ease-out;
    text-decoration: none
}

.image-hero-overlay__link:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more-light.svg);
    width: 40px;
    height: 40px;
    margin-left: var(--spacing);
    transform: translateX(-20%);
    transition: all .3s ease-out
}

.image-hero-overlay__link:focus,
.image-hero-overlay__link:hover {
    color: var(--white);
    background-color: transparent
}

.image-hero-overlay__link:focus:after,
.image-hero-overlay__link:hover:after {
    transform: translateX(.5rem)
}

.login-form {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing) var(--spacing) 0;
    margin-top: var(--spacing-x2);
    margin-bottom: var(--spacing-x2)
}

@media (min-width: 768px) {
    .login-form {
        padding-top: var(--spacing-x3);
        padding-bottom: var(--spacing-x3)
    }
}

.login-form__columns {
    display: flex
}

.login-form__sso-column {
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .login-form__sso-column {
        width: calc(50% - var(--spacing-x3));
        padding: 0 var(--spacing-x3)
    }
    .login-form__sso-column:first-child {
        padding-left: 0
    }
    .login-form__sso-column:last-child {
        border-left: 1px solid var(--gray-light);
        padding-right: 0
    }
}

.login-form__sso {
    display: inline-block;
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .login-form__sso {
        margin-bottom: var(--spacing-x2)
    }
}

.login-form__sso a {
    display: flex;
    width: auto;
    align-items: center;
    text-decoration: none;
    padding: var(--spacing-div2);
    padding-right: var(--spacing);
    background-color: var(--blue-dark);
    color: var(--white);
    transition: color .3s, background-color .3s;
    border-radius: 6px
}

@media (min-width: 768px) {
    .login-form__sso a {
        max-width: none
    }
}

.login-form__sso a:focus,
.login-form__sso a:hover {
    background-color: var(--orange)
}

.login-form__sso a:focus:before,
.login-form__sso a:hover:before {
    content: url(/themes/custom/stp_30/assets/css/../images/stp_mark-light.svg)
}

.login-form__sso a:before {
    content: url(/themes/custom/stp_30/assets/css/../images/stp_mark.svg);
    display: inline-block;
    width: 35px;
    margin-right: var(--spacing)
}

.login-form__sso-body {
    font-size: 14px
}

.login-form__form-title {
    max-width: 550px
}

.logo {
    display: none;
    max-width: 200px
}

@media (min-width: 768px) {
    .logo {
        display: block
    }
}

.logo--mobile,
.logo svg {
    display: block
}

@media (min-width: 768px) {
    .logo--mobile {
        display: none
    }
}

.footer__mobile-logo .logo--mobile {
    display: block
}

.logo--mobile svg {
    width: 100%
}

@media (max-width: 500px) {
    .wordmark {
        display: none
    }
}

.mega-menu {
    color: var(--white);
    background-color: var(--white);
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden;
    width: 100%
}

/* @media (min-width: 1000px) { */

.mega-menu {
    background-color: transparent;
    height: calc(100vh - 190px)
}

.scrolling .mega-menu {
    height: calc(100vh - 130px)
}

.mega-menu li,
.mega-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.mega-menu a {
    border-radius: 5px;
    display: block;
    text-decoration: none;
    color: var(--orange);
    font-size: 12px;
    font-weight: 400;
    transition: text-shadow .3s;
    padding: 10px 0
}

/* @media (min-width: 1000px) { */

.mega-menu a {
    color: var(--white);
    font-size: 15px;
    padding: 6px var(--spacing);
    transition: background-color .3s
}

.mega-menu a:focus,
.mega-menu a:hover {
    background-color: var(--orange);
    color: var(--white);
    text-shadow: 0 0 .65px #fff, 0 0 .65px #fff
}

.mega-menu--active {
    max-height: 100vh;
    overflow: auto;
    position: relative;
}

.mega-menu__container {
    padding: var(--spacing);
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 40px);
    display: flex
}

/* @media (min-width: 1000px) { */

.mega-menu__container {
    padding: 0
}

@media (min-width: 1440px) {
    .mega-menu__container {
        flex-wrap: nowrap;
        padding: var(--spacing-x3) 0 0
    }
}

.mega-menu__title {
    display: none;
    font-size: 34px;
    font-weight: 700;
    padding-left: 0;
    padding-top: var(--spacing-div2);
    width: 100%
}

/* @media (min-width: 1000px) { */

.mega-menu__title {
    display: block;
    margin: 0;
    padding: var(--spacing);
    text-transform: uppercase;
    color: var(--white)
}

#visitors .mega-menu__title {
    flex-grow: 1
}

@media (min-width: 1280px) {
    .mega-menu__title {
        color: var(--white);
        margin: 0;
        width: auto
    }
}

.mega-menu__section {
    width: 50%
}

#businesses--mobile .mega-menu__section,
#visitors--mobile .mega-menu__section {
    width: 100%
}

@media (min-width: 768px) {
    .mega-menu__section {
        width: 32%
    }
}

/* @media (min-width: 1000px) { */

.mega-menu__section {
    color: var(--white);
    width: auto
}

#government .mega-menu__section,
#visitors .mega-menu__section {
    width: 32%
}

#businesses .mega-menu__section {
    width: 36%
}

/* @media (min-width: 1000px) { */

#visitors .mega-menu__section:nth-child(2) {
    flex-grow: 1
}

/* @media (min-width: 1000px) { */

#visitors .mega-menu__section:last-child {
    flex-grow: 2
}

.mega-menu__sub-title {
    color: var(--blue-dark);
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
    margin: 0
}

/* @media (min-width: 1000px) { */

.mega-menu__sub-title {
    padding: 13px var(--spacing) 10px;
    font-size: 22px;
    color: var(--white)
}

.menu-featured {
    width: 100%
}

.menu-featured__title {
    color: var(--blue-dark);
    line-height: 1.3;
    margin: 0;
    padding: 13px 0 var(--spacing);
    text-transform: uppercase
}

/* @media (min-width: 1000px) { */

.menu-featured__title {
    color: var(--white)
}

.menu-featured__items {
    display: flex;
    flex-direction: column;
    width: 100%
}

li.menu-featured__item {
    background-size: cover;
    display: block;
    margin: 0 0 var(--spacing)
}

a.menu-featured__link {
    align-items: center;
    background-color: rgba(0, 0, 0, .45);
    border-radius: 0 !important;
    display: flex;
    min-height: 50px
}

a.menu-featured__link:active,
a.menu-featured__link:hover {
    background-color: rgba(0, 0, 0, .3)
}

/* @media (min-width: 1000px) { */

a.menu-featured__link {
    min-height: 140px
}

.menu-video__title {
    color: var(--blue-dark);
    line-height: 1.3;
    margin: 0;
    padding: 13px 0 var(--spacing);
    text-transform: uppercase
}

/* @media (min-width: 1000px) { */

.menu-video__title {
    color: var(--white)
}

.menu-video__embed p {
    margin: 0;
    padding: 0
}

.menu-video__embed iframe {
    height: auto;
    margin: 0 0 var(--spacing);
    max-height: 100%;
    max-width: 100%;
    min-height: 318px;
    width: 100%
}

.menu-video__text {
    color: var(--blue-dark);
    font-style: italic
}

/* @media (min-width: 1000px) { */

.menu-video__text {
    color: var(--white)
}

.nav {
    width: 100%
}

/* @media (min-width: 1000px) { */

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

.nav__button {
    color: var(--white);
    /* font-family: var(--font-secondary); */
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
    align-self: stretch;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s
}

/* @media (min-width: 1000px) { */

.nav__button {
    /* max-width: 145px; */
    width: 100%
}

.nav__button:focus,
.nav__button:hover {
    background-color: var(--orange);
    color: var(--white)
}

.nav__button {
    padding: 20px 10px;
}

.nav-mobile {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s;
    width: calc(100% + var(--spacing-x2));
    margin-left: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1)
}

.js-body-nav-toggle .nav-mobile {
    max-height: 100vh;
    overflow: auto
}

/* @media (min-width: 1000px) { */

.nav-mobile {
    display: none
}

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

.nav-mobile__item {
    display: block;
    border-bottom: 3px solid var(--blue-dark)
}

.nav-mobile__button {
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .1em;
    color: var(--white);
    background-color: var(--orange);
    width: 100%;
    padding: var(--spacing);
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    align-items: center
}

.nav-mobile__button svg {
    transform: rotate(180deg)
}

.nav-mobile__button path {
    fill: var(--white)
}

.nav-toggle {
    background: transparent;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    justify-self: flex-end
}

.nav-toggle:focus .nav-toggle__bar,
.nav-toggle:hover .nav-toggle__bar {
    background-color: var(--orange)
}

.nav-toggle__bars {
    position: relative;
    width: 25px;
    height: 21px;
    display: block
}

.nav-toggle__bar {
    transition: all .3s;
    width: 100%;
    height: 3px;
    background: var(--white);
    position: absolute;
    left: 0
}

.nav-toggle__bar:first-child {
    top: 0
}

.nav-toggle__bar:nth-child(2) {
    top: 9px
}

.nav-toggle__bar:nth-child(3) {
    bottom: 0;
    width: 60%
}

.js-body-nav-toggle .nav-toggle__bar {
    background: var(--white);
    border-radius: 100px
}

.js-body-nav-toggle .nav-toggle__bar:first-child {
    transform: rotate(45deg) translateX(6px) translateY(7px)
}

.js-body-nav-toggle .nav-toggle__bar:nth-child(2) {
    opacity: 0
}

.js-body-nav-toggle .nav-toggle__bar:nth-child(3) {
    transform: rotate(-45deg) translateX(6px) translateY(-6px);
    width: 100%
}

.nav-toggle__text {
    color: var(--white);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 13px;
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    margin-top: 5px
}

.news-card {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing);
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--spacing-x2))
}

/* @media (min-width: 1000px) { */

.news-card {
    padding: var(--spacing-x2)
}

.news-card__title {
    color: var(--blue-dark);
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.news-card__title {
    font-size: 38px;
    line-height: 1;
    margin-bottom: var(--spacing-x2)
}

.news-card__title a {
    text-decoration: none;
    color: var(--blue-dark)
}

.news-card__meta {
    font-weight: 700;
    color: var(--orange);
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.news-card__meta {
    margin-bottom: var(--spacing-x2)
}

.news-card__department:before {
    content: " | "
}

.news-card__summary {
    color: var(--gray);
    font-weight: 700;
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.news-card__summary {
    margin-bottom: var(--spacing-x2)
}

.news-card__button {
    justify-self: flex-end;
    margin-top: auto;
    align-self: flex-start;
    min-width: 121px
}

/* @media (min-width: 1000px) { */

.news-card__button.btn {
    min-width: 265px
}

.news-card__button.btn:focus,
.news-card__button.btn:hover {
    color: var(--white);
    background-color: var(--blue-dark)
}

.paragraph--news {
    overflow-x: hidden
}

.news-card-featured {
    background: var(--blue-dark);
    color: var(--white);
    padding: var(--spacing);
    margin-bottom: var(--spacing);
    margin-top: var(--spacing-x3);
    border-radius: 10px
}

/* @media (min-width: 1000px) { */

.news-card-featured {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: var(--spacing-x2);
    padding: var(--spacing-x2)
}

/* @media (min-width: 1000px) { */

.news-card-featured__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 2% 0 0;
    width: 48%
}

.news-card-featured__label {
    margin-bottom: 5px;
    text-transform: uppercase
}

.news-card-featured__title {
    color: var(--white);
    font-size: var(--h3-mobile);
    line-height: 1.3;
    text-transform: none
}

.news-card-featured__title a {
    text-decoration: none
}

.news-card-featured__title a:focus,
.news-card-featured__title a:hover {
    color: var(--white)
}

/* @media (min-width: 1000px) { */

.news-card-featured__title {
    font-size: 38px;
    line-height: 1
}

.news-card-featured__meta {
    font-weight: 700;
    color: var(--orange);
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.news-card-featured__meta {
    margin-bottom: var(--spacing-x2)
}

.news-card-featured__department:before {
    content: " | "
}

.news-card-featured__summary {
    font-weight: 700;
    margin-bottom: var(--spacing)
}

.news-card-featured__button {
    justify-self: flex-end;
    margin-top: auto;
    align-self: flex-start;
    min-width: 121px
}

/* @media (min-width: 1000px) { */

.news-card-featured__button.btn {
    min-width: 265px
}

.news-card-featured__image {
    width: 100%
}

/* @media (min-width: 1000px) { */

.news-card-featured__image {
    width: 50%
}

.news-card-featured__bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
    margin: -50px 0 var(--spacing);
    width: calc(106% + var(--spacing))
}

/* @media (min-width: 1000px) { */

.news-card-featured__bg-image {
    height: 100%;
    margin: 0;
    width: 113%
}

.paragraph--newsletter {
    padding: 0
}

.newsletter {
    background-color: var(--orange);
    padding: var(--spacing-x2);
    color: var(--white);
    text-align: center
}

@media (min-width: 768px) {
    .newsletter {
        padding: var(--spacing-x3)
    }
}

.newsletter__title {
    color: var(--white);
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--h2)
}

.newsletter__input-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0
}

.newsletter__input-items label {
    text-align: left
}

.newsletter__input-item--type {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing);
    order: 99
}

.newsletter__radio-group {
    display: flex;
    align-items: center
}

.newsletter__type-radio-label {
    margin-bottom: 0;
    display: flex
}

.newsletter__type-radio {
    margin: 0 5px 0 var(--spacing-div2)
}

.newsletter__input-item--email,
.newsletter__input-item--phone {
    max-width: 500px;
    width: 100%
}

.newsletter__input-item--phone {
    display: none
}

input.newsletter__input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    background: var(--white);
    box-shadow: 0 3px 2px rgba(0, 0, 0, .16);
    border: 0;
    border-radius: 5px;
    padding: var(--spacing-div2);
    font-size: 16px;
    color: var(--gray);
    margin-right: var(--spacing-div2);
    margin-bottom: var(--spacing);
    width: calc(100% - var(--spacing-x2) - var(--spacing-div2))
}

@media (min-width: 768px) {
    input.newsletter__input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
        padding: var(--spacing);
        font-size: 22px
    }
}

.newsletter__submit {
    width: 230px;
    border-radius: 5px;
    padding: var(--spacing-div2);
    background: var(--orange);
    box-shadow: 0 3px 2px rgba(0, 0, 0, .16);
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: var(--blue-dark);
    margin-bottom: var(--spacing);
    max-height: 65px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .newsletter__submit {
        font-size: 26px;
        padding: var(--spacing)
    }
}

.notifications {
    margin-top: auto;
    padding: var(--spacing) 0 0;
    width: 100%;
    background-color: var(--white)
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter:blur())) {
    .notifications {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background-color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 1280px) {
    .notifications {
        max-width: var(--container-width);
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
        margin-bottom: var(--spacing-x3);
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

.notifications.notifications--fixed {
    bottom: 0;
    position: absolute
}

@media (min-width: 1280px) {
    .notifications .container {
        padding-left: var(--spacing-x2);
        padding-right: var(--spacing-x2);
        width: calc(100% - var(--spacing-x4))
    }
}

.notifications .region--banner_notifications {
    display: flex;
    margin: 0 0 var(--spacing)
}

@media (min-width: 1280px) and (min-height:900px) {
    .notifications__toggle {
        display: none
    }
}

.notifications__toggle span {
    display: block
}

.notifications__toggle svg {
    transform: rotate(180deg);
    transition: transform .3s;
    width: 21px
}

.notifications__toggle:focus path,
.notifications__toggle:hover path {
    fill: var(--orange)
}

.notifications__toggle--hidden svg {
    transform: rotate(0)
}

.notifications__heading {
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .1em;
    color: var(--blue-dark);
    text-transform: uppercase;
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .notifications__heading {
        font-size: 24px
    }
}

@media (min-width: 1280px) {
    .notifications__heading {
        border-bottom: 1px solid var(--gray-light);
        padding-bottom: var(--spacing);
        margin-bottom: calc(var(--spacing) * 1.5)
    }
}

.notifications__items {
    max-height: 999px;
    transition: max-height .3s;
    overflow: hidden
}

@media (min-width: 1280px) and (min-height:900px) {
    .notifications__items {
        max-height: none;
        overflow: auto
    }
}

.notifications__items .notifications__region {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto auto;
    column-gap: var(--spacing);
    grid-row-gap: var(--spacing-div2);
    align-items: center;
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.notifications__items .notifications__region {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    align-items: flex-start;
    grid-row-gap: 0;
    margin-bottom: 0
}

.notifications__items--hidden {
    max-height: 0
}

@media (min-width: 1280px) and (min-height:900px) {
    .notifications__items--hidden {
        max-height: 999px
    }
}

.overlap-hero {
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .overlap-hero {
        margin-bottom: var(--spacing-x3)
    }
}

@media (max-width: 767px) {
    .overlap-hero .container {
        padding: 0;
        width: 100%
    }
}

.overlap-hero__img {
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20vh
}

@media (min-width: 768px) {
    .overlap-hero__img {
        min-height: 60vh
    }
}

@media (min-width: 768px) {
    .overlap-hero__text {
        margin-top: -40vh;
        background-color: var(--white);
        position: relative;
        box-shadow: 0 0 27px rgba(0, 0, 0, .16);
        border-radius: 10px;
        min-height: calc(40vh + var(--spacing-x2))
    }
}

.overlap-hero__title {
    background: var(--orange);
    color: var(--white);
    margin-bottom: 0;
    text-align: center
}

@media (min-width: 768px) {
    .overlap-hero__title {
        padding: var(--spacing-x2);
        border-radius: 10px 10px 0 0
    }
}

.overlap-hero__fields {
    padding: var(--spacing);
    font-size: 16px
}

@media (min-width: 768px) {
    .overlap-hero__fields {
        padding: var(--spacing-x2);
        font-size: 20px
    }
}

.overlap-hero__fields-title {
    font-size: 24px;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .overlap-hero__fields-title {
        font-size: 29px
    }
}

.overlap-hero__field-title {
    /* font-family: var(--font-primary); */
    margin-bottom: 0
}

.overlap-hero-event,
.overlap-hero__field-value {
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .overlap-hero-event {
        margin-bottom: var(--spacing-x3)
    }
}

@media (max-width: 767px) {
    .overlap-hero-event .container {
        padding: 0;
        width: 100%
    }
}

.overlap-hero-event__img {
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20vh
}

@media (min-width: 768px) {
    .overlap-hero-event__img {
        min-height: 60vh
    }
}

@media (min-width: 768px) {
    .overlap-hero-event__text {
        margin-top: -40vh;
        background-color: var(--white);
        position: relative;
        box-shadow: 0 0 27px rgba(0, 0, 0, .16);
        border-radius: 10px;
        min-height: calc(40vh + var(--spacing-x2))
    }
}

.overlap-hero-event__title {
    background: var(--orange);
    color: var(--white);
    margin-bottom: 0;
    text-align: center
}

@media (min-width: 768px) {
    .overlap-hero-event__title {
        padding: var(--spacing-x2);
        border-radius: 10px 10px 0 0
    }
}

.overlap-hero-event__fields {
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing);
    font-size: 16px
}

@media (min-width: 768px) {
    .overlap-hero-event__fields {
        padding: var(--spacing-x2);
        font-size: 20px
    }
}

.overlap-hero-event__details,
.overlap-hero-event__toggle-text {
    color: var(--blue-dark);
    /* font-family: var(--font-secondary); */
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .overlap-hero-event__details,
    .overlap-hero-event__toggle-text {
        font-size: 27px
    }
}

.overlap-hero-event__all-events {
    border-bottom: 2px solid #cfcfcf;
    margin: 0 0 var(--spacing-x2);
    max-width: 400px;
    padding: 0 0 var(--spacing)
}

.overlap-hero-event__date {
    margin: 0 0 var(--spacing-x2)
}

.overlap-hero-event__details--hide .overlap-hero-event__date:nth-child(n+5) {
    display: none
}

.overlap-hero-event__toggle-icon {
    background: var(--white);
    border-radius: 100%;
    box-shadow: 0 5px 6px rgba(0, 0, 0, .16);
    /* font-family: var(--font-secondary); */
    font-size: 30px;
    font-weight: 700;
    margin: 0 var(--spacing) 0 0;
    padding: 0 13px
}

.overlap-hero-event__body,
.overlap-hero-event__details {
    width: 100%
}

/* @media (min-width: 1000px) { */

.overlap-hero-event__body,
.overlap-hero-event__details {
    width: 50%
}

.overlap-hero-event__recurring {
    align-items: center;
    display: flex;
    /* font-family: var(--font-primary); */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--red);
    margin-bottom: var(--spacing);
    text-transform: uppercase;
    width: 100%
}

.overlap-hero-event__recurring-icon {
    margin-left: 10px
}

.overlap-hero-event__description {
    color: var(--gray)
}

@media (min-width: 768px) {
    .overlap-hero-event__description {
        font-size: 22px
    }
}

.overlap-hero-event__location,
.overlap-hero-event__time {
    display: flex;
    flex-direction: column;
    margin: 0 0 var(--spacing-div2)
}

@media (min-width: 768px) {
    .overlap-hero-event__location,
    .overlap-hero-event__time {
        margin: 0 0 var(--spacing-x3)
    }
}

.pillar__item {
    border: 1px solid var(--black);
    padding: var(--spacing);
    margin-bottom: var(--spacing)
}

.pillar-nav__items {
    list-style-type: none;
    padding: 0;
    margin: 0 0 var(--spacing)
}

.pillar-nav__item {
    display: inline-block;
    padding: var(--spacing-div2)
}

.project-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 var(--spacing-x2);
    width: calc(100% - var(--spacing-x2))
}

/* @media (min-width: 1000px) { */

.project-details {
    flex-direction: row
}

.project-details__title {
    margin-bottom: var(--spacing-div2)
}

/* @media (min-width: 1000px) { */

.project-details__title {
    margin-bottom: var(--spacing)
}

.project-details__map {
    align-items: center;
    background: var(--orange);
    border-radius: 6px;
    color: var(--white);
    display: flex;
    justify-content: center;
    max-width: 200px;
    margin: 0 0 var(--spacing-div2);
    padding: var(--spacing-div2) var(--spacing);
    text-align: center;
    text-decoration: none;
    width: 100%
}

.project-details__map svg {
    margin: 0 0 0 5px
}

.project-details__map:active,
.project-details__map:focus,
.project-details__map:hover {
    color: var(--white)
}

.project-tags {
    padding: var(--spacing) 0 0
}

/* @media (min-width: 1000px) { */

.project-tags {
    padding: var(--spacing-x2) 0 0
}

.project-tags__title {
    color: var(--gray);
    display: inline;
    margin: 0 var(--spacing) 0 0;
    padding: 6px var(--spacing) 6px 0
}

.project-tags__title svg {
    position: relative;
    top: 10px
}

.project-tags__list {
    display: inline;
    list-style: none;
    margin: var(--spacing) 0 0;
    padding: 0
}

/* @media (min-width: 1000px) { */

.project-tags__list {
    margin: 0
}

.project-tags__item {
    background: var(--gray-very-light);
    border-radius: 6px;
    color: var(--gray);
    display: inline-block;
    font-weight: 700;
    padding: 6px var(--spacing);
    margin: 0 5px 10px 0;
    text-align: center
}

/* @media (min-width: 1000px) { */

.project-tags__item {
    margin: 0 var(--spacing) var(--spacing-div2) 0;
    min-width: 110px
}

.recommendation__task {
    border: 1px solid var(--black);
    padding: var(--spacing);
    margin-bottom: var(--spacing)
}

.search__icon {
    display: block;
    height: 22px
}

/* @media (min-width: 1000px) { */

.search__icon {
    height: 36px
}

.search__icon svg {
    display: block;
    height: 22px;
    width: auto;
    margin: 0 auto
}

/* @media (min-width: 1000px) { */

.search__icon svg {
    height: 36px;
    margin-bottom: 23px
}

.search__text {
    color: var(--white);
    display: block;
    /* font-family: var(--font-secondary); */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 7px
}

/* @media (min-width: 1000px) { */

.search__text {
    display: none
}

.search-menu {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s;
    color: var(--white);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.search-menu .container {
    padding: 0;
    width: auto;
    max-width: none
}

/* @media (min-width: 1000px) { */

.search-menu {
    background-color: transparent;
    height: calc(100vh - 190px)
}

.scrolling .search-menu {
    height: calc(100vh - 130px)
}

.js-body-search-toggle .search-menu {
    max-height: 100vw
}

.search-menu .search-block-form,
.search-menu .views-exposed-form {
    margin-bottom: var(--spacing)
}

/* @media (min-width: 1000px) { */

.search-menu .search-block-form,
.search-menu .views-exposed-form {
    margin-bottom: var(--spacing-x4)
}

.search-menu .search-block-form form,
.search-menu .views-exposed-form form {
    position: relative;
    width: 100%
}

.search-menu .search-block-form h2,
.search-menu .views-exposed-form h2 {
    letter-spacing: .1em;
    margin-bottom: 150px;
    color: var(--white);
    text-transform: uppercase
}

.search-menu input[type=search].form-search,
.search-menu input[type=text].form-text {
    background-color: transparent;
    border: 0;
    border-bottom: 6px solid var(--white);
    height: 92px;
    max-width: none;
    width: 100%;
    padding-left: var(--spacing-x4);
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: var(--white);
    display: block
}

.search-menu input[type=search].form-search:focus,
.search-menu input[type=text].form-text:focus {
    border-color: var(--gray-light)
}

.search-menu .form-actions {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.search-menu input[type=submit].form-submit {
    background-color: transparent;
    background-image: url(/themes/custom/stp_30/assets/css/../images/search.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 90% auto;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    width: 58px;
    min-width: auto;
    height: 100%;
    text-align: center;
    padding-top: 45px
}

.search-menu input[type=submit].form-submit:focus,
.search-menu input[type=submit].form-submit:hover {
    color: var(--gray-light)
}

.search-menu nav[role=navigation] h2 {
    color: var(--gray-light);
    letter-spacing: .1em;
    text-transform: uppercase
}

.search-menu nav[role=navigation] ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.search-menu nav[role=navigation] li {
    display: block;
    margin: var(--spacing) 0
}

.search-menu nav[role=navigation] a {
    color: var(--gray-light);
    font-size: 16px;
    text-decoration: none
}

@media (min-width: 768px) {
    .search-menu nav[role=navigation] a {
        font-size: 18px
    }
}

.search-menu nav[role=navigation] a:focus,
.search-menu nav[role=navigation] a:hover {
    color: var(--white)
}

.region--search_menu {
    width: auto
}

.title-breadcrumbs {
    color: var(--white);
    background: var(--orange);
    padding: var(--spacing) 0
}

/* @media (min-width: 1000px) { */

.title-breadcrumbs {
    padding: var(--spacing-x3) 0
}

.title-breadcrumbs__title {
    color: var(--white);
    line-height: 1;
    margin-bottom: 0
}

.project-search .title-breadcrumbs__title {
    text-align: center
}

.region--breadcrumbs ol {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.region--breadcrumbs li {
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase
}

.region--breadcrumbs li:after {
    content: " / "
}

.region--breadcrumbs li:last-child:after {
    display: none
}

.region--breadcrumbs a {
    font-size: 18px;
    font-weight: 400;
    color: var(--white)
}

.title-breadcrumbs__summary {
    margin: 0 auto;
    max-width: 900px;
    padding: var(--spacing) 0 0;
    text-align: center
}

.translate {
    text-decoration: none;
    display: block
}

.translate__flex {
    align-items: center;
    color: var(--white);
    display: flex;
    flex-direction: column;
    position: relative
}

.translate__icon svg {
    display: block;
    width: auto;
    height: 21px
}

/* @media (min-width: 1000px) { */

.translate__icon svg {
    height: 35px
}

.translate__text {
    display: block;
    /* font-family: var(--font-secondary); */
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 5px
}

/* @media (min-width: 1000px) { */

.translate__text {
    font-size: 14px
}

.accordion {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing) var(--spacing) 0
}

.accordion ul {
    list-style-type: disc
}

.accordion__items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.accordion__items>li {
    list-style-type: none;
    display: block
}

.accordion__body {
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .accordion__body {
        margin-bottom: var(--spacing-x2)
    }
}

.paragraph--accordion-item {
    padding-top: 0;
    padding-bottom: var(--spacing)
}

.accordion-item__button {
    align-items: center;
    border-radius: 10px;
    background: var(--gray-very-light);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing);
    width: 100%;
    text-align: left
}

.accordion-item__button:focus,
.accordion-item__button:hover,
.accordion-item__item--active .accordion-item__button {
    background: var(--orange)
}

.accordion-item__button:focus .accordion-item__title,
.accordion-item__button:hover .accordion-item__title {
    color: var(--white)
}

.accordion-item__title {
    color: var(--gray);
    position: relative;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    width: calc(100% - 55px)
}

.accordion-item__item--active .accordion-item__title {
    color: var(--white)
}

.accordion-item__circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--white);
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .accordion-item__circle {
        width: 45px;
        height: 45px
    }
}

.accordion-item__item--active .accordion-item__circle {
    border-color: var(--white)
}

.accordion-item__circle:before {
    content: "+";
    display: block;
    /* font-family: var(--font-secondary); */
    color: var(--gray);
    font-weight: 700;
    font-size: 32px
}

@media (min-width: 768px) {
    .accordion-item__circle:before {
        font-size: 52px
    }
}

.accordion-item__item--active .accordion-item__circle:before {
    content: "-";
    top: -3px;
    position: relative
}

.accordion-item__body {
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden;
    font-size: inherit;
    line-height: 1.6;
    color: var(--gray)
}

.accordion-item__item--active .accordion-item__body {
    max-height: 99999px;
    padding: var(--spacing-x2) 0
}

.alert-box {
    background-color: var(--red);
    color: var(--white);
    padding: var(--spacing);
    border-radius: 10px
}

@media(min-width: 768px) {
    .alert-box {
        padding: var(--spacing-x2)
    }
}

.alert-box__title {
    align-items: center;
    color: var(--white);
    display: flex
}

@media (min-width: 768px) {
    .alert-box__title {
        margin-bottom: var(--spacing-x2)
    }
}

.alert-box__icon {
    margin-right: var(--spacing-div2);
    width: 100%;
    max-width: 40px;
    display: flex
}

@media (min-width: 768px) {
    .alert-box__icon {
        max-width: 75px;
        margin-right: var(--spacing)
    }
}

.alert-box__icon path {
    fill: var(--white)
}

.alert-box__body {
    font-size: 22px;
    line-height: 1.6
}

.alert-box__body a {
    color: var(--white)
}

.alert-box__body a:focus,
.alert-box__body a:hover {
    color: var(--gray-light)
}

.alert-box__body :last-child {
    margin-bottom: 0
}

.body-text {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing)
}

/* @media (min-width: 1000px) { */

.body-text {
    padding: var(--spacing-x2)
}

.body-text:after {
    content: "";
    display: table;
    clear: both
}

.body-text .container>:last-child {
    margin-bottom: 0
}

.button--center {
    text-align: center
}

.button--center .btn {
    display: inline-block
}

.paragraph--button-nav {
    padding: 0
}

.button-nav {
    background-color: var(--blue-dark);
    color: var(--white);
    padding: var(--spacing) 0;
    position: relative
}

/* @media (min-width: 1000px) { */

.button-nav {
    padding: var(--spacing-x3) 0
}

.button-nav__title {
    color: var(--white);
    /* font-family: var(--font-secondary); */
    margin: 0 0 var(--spacing);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0
}

/* @media (min-width: 1000px) { */

.button-nav__title {
    margin: 0 0 var(--spacing-x2)
}

.button-nav__links {
    align-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    justify-content: center
}

.button-nav__links,
.button-nav__links li {
    display: flex;
    width: 100%
}

/* @media (min-width: 1000px) { */

.button-nav__links li {
    width: 32%;
    margin: 0 var(--spacing)
}

.button-nav__links a {
    width: 100%;
    background: var(--orange);
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .16);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-family: (--font-secondary); */
    margin: 0 0 var(--spacing);
    padding: var(--spacing);
    text-decoration: none;
    text-transform: uppercase
}

/* @media (min-width: 1000px) { */

.button-nav__links a {
    margin: 0 0 var(--spacing-x2);
    font-size: 22px
}

.button-nav__links a:active,
.button-nav__links a:focus,
.button-nav__links a:hover {
    background: var(--red);
    color: var(--white)
}

.button-nav__links--collapsed li:nth-child(n+7) {
    display: none
}

.button-nav__toggle {
    background: url(/themes/custom/stp_30/assets/css/../images/plus.svg);
    bottom: -40px;
    display: block;
    left: calc(50% - 36px);
    height: 75px;
    position: absolute;
    width: 72px
}

.button-nav__toggle--expanded {
    background: url(/themes/custom/stp_30/assets/css/../images/minus.svg);
    height: 79px
}

.call-to-action-box {
    border-radius: 10px;
    background: var(--blue-dark);
    box-shadow: var(--drop-shadow);
    padding: var(--spacing);
    color: var(--white);
    display: flex;
    flex-wrap: wrap
}

/* @media (min-width: 1000px) { */

.call-to-action-box {
    padding: var(--spacing-x2)
}

.call-to-action-box__title {
    display: flex;
    align-items: center;
    color: var(--white);
    width: 100%
}

@media (min-width: 768px) {
    .call-to-action-box__title {
        width: 50%;
        margin-bottom: 0
    }
}

.call-to-action-box__icon {
    margin-right: var(--spacing);
    height: 100%;
    max-height: 50px
}

/* @media (min-width: 1000px) { */

.call-to-action-box__icon {
    max-height: 120px
}

.call-to-action-box__icon svg.svg-inline--fa {
    width: auto
}

.call-to-action-box__icon path {
    fill: var(--white)
}

.call-to-action-box__links {
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .call-to-action-box__links {
        width: 50%
    }
}

.call-to-action-box__link {
    display: flex;
    width: 100%
}

/* @media (min-width: 1000px) { */

.call-to-action-box__link {
    width: 33.33333%
}

.btn.call-to-action-box__button,
.calendar__link a.call-to-action-box__button,
.news-view__department a.call-to-action-box__button,
input[type=submit].form-submit.call-to-action-box__button {
    margin-bottom: var(--spacing-div2);
    margin-top: var(--spacing-div2);
    padding: var(--spacing);
    text-transform: uppercase;
    min-width: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn.call-to-action-box__button:focus,
.btn.call-to-action-box__button:hover,
.calendar__link a.call-to-action-box__button:focus,
.calendar__link a.call-to-action-box__button:hover,
.news-view__department a.call-to-action-box__button:focus,
.news-view__department a.call-to-action-box__button:hover,
input[type=submit].form-submit.call-to-action-box__button:focus,
input[type=submit].form-submit.call-to-action-box__button:hover {
    background-color: var(--orange)
}

.call-to-action-box__link:nth-child(3n) .btn.call-to-action-box__button {
    margin-right: 0
}

/* @media (min-width: 1000px) { */

.btn.call-to-action-box__button,
.calendar__link a.call-to-action-box__button,
.news-view__department a.call-to-action-box__button,
input[type=submit].form-submit.call-to-action-box__button {
    margin-right: var(--spacing);
    width: calc(100% - var(--spacing-x3))
}

.call-to-action-box-w-image-bg {
    box-shadow: var(--drop-shadow);
    background-size: cover;
    text-align: center;
    border-radius: 10px
}

.call-to-action-box-w-image-bg__color-overlay {
    padding: var(--spacing);
    border-radius: 10px
}

@media (min-width: 768px) {
    .call-to-action-box-w-image-bg__color-overlay {
        padding: var(--spacing-x2)
    }
}

.call-to-action-box-w-image-bg__color-overlay--black {
    background-color: rgba(0, 0, 0, .8)
}

.call-to-action-box-w-image-bg__color-overlay--blue {
    background-color: rgba(35, 103, 211, .9)
}

.call-to-action-box-w-image-bg__title {
    align-items: center;
    color: var(--white);
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .call-to-action-box-w-image-bg__title {
        margin-bottom: var(--spacing-x2)
    }
}

.call-to-action-box-w-image-bg__icon {
    margin-right: var(--spacing-div2);
    width: 100%;
    max-width: 40px;
    display: flex
}

@media (min-width: 768px) {
    .call-to-action-box-w-image-bg__icon {
        max-width: 75px;
        margin-right: var(--spacing)
    }
}

.call-to-action-box-w-image-bg__icon path {
    fill: var(--white)
}

.call-to-action-box-w-image-bg__body {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .call-to-action-box-w-image-bg__body {
        margin-bottom: var(--spacing-x2);
        font-size: 20px
    }
}

.call-to-action-box-w-image-bg__links {
    list-style: none;
    padding: 0;
    margin: 0
}

.call-to-action-box-w-image-bg__link {
    display: inline-block;
    margin: 0 var(--spacing-div2) 5px
}

.callout {
    margin-bottom: var(--spacing)
}

.callout__content {
    color: var(--black);
    border-left: 9px solid var(--red);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: var(--drop-shadow);
    padding: var(--spacing)
}

/* @media (min-width: 1000px) { */

.callout__content {
    padding: var(--spacing-x3)
}

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

@media (min-width: 768px) {
    .callout__title {
        margin-bottom: var(--spacing-x2)
    }
}

.callout__icon {
    margin-right: var(--spacing-div2);
    width: 100%;
    max-width: 40px;
    display: flex
}

@media (min-width: 768px) {
    .callout__icon {
        max-width: 75px;
        margin-right: var(--spacing)
    }
}

.callout__icon path {
    fill: var(--blue-dark)
}

.callout__body a {
    color: var(--blue-dark)
}

.callout__body p {
    margin-bottom: 10px
}

.callout__body p:last-child {
    margin-bottom: 0
}

.callout__body--secondary {
    margin-top: var(--spacing-div2)
}

/* @media (min-width: 1000px) { */

.callout__body--secondary {
    margin-top: var(--spacing)
}

.callout__btn {
    display: inline-block;
    margin-top: var(--spacing)
}

/* @media (min-width: 1000px) { */

.callout__btn {
    margin-top: var(--spacing-x2)
}

.card__figure {
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-size: cover;
    position: relative
}

.card__figure:before {
    content: "";
    padding-top: 56.25%;
    float: left
}

.card__figure:after {
    display: block;
    content: "";
    clear: both
}

.card__figure .image__img,
.card__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card__image {
    aspect-ratio: 16/9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block
}

.card__content {
    padding: var(--spacing)
}

.card__content--btn {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card__title {
    color: var(--blue-dark);
    font-size: 24px;
    margin-bottom: var(--spacing)
}

.card__body {
    font-size: 16px
}

.card__list {
    border-top: 2px solid #f4f4f4;
    list-style: none;
    margin: 0;
    padding: 0
}

.card__link {
    border-bottom: 2px solid #f4f4f4;
    color: var(--orange);
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase
}

.card__link.card__link--btn {
    align-items: flex-end;
    border: 1px solid var(--orange);
    border-radius: 10px;
    margin-top: auto;
    text-align: center
}

.card__link.card__link--btn:focus,
.card__link.card__link--btn:hover {
    background: var(--orange);
    color: var(--white)
}

.user-logged-in .cards__items {
    display: block
}

.user-logged-in .cards__items [data-quickedit-field-id] {
    display: grid;
    grid-auto-rows: auto;
    grid-column-gap: var(--spacing);
    grid-row-gap: var(--spacing);
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width: 768px) {
    .user-logged-in .cards__items [data-quickedit-field-id] {
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

/* @media (min-width: 1000px) { */

.user-logged-in .cards__items [data-quickedit-field-id] {
    grid-template-columns: repeat(3, 1fr)
}

.user-logged-in .cards--small [data-quickedit-field-id] {
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width: 768px) {
    .user-logged-in .cards--small [data-quickedit-field-id] {
        grid-template-columns: repeat(2, 1fr)
    }
}

.cards__items {
    display: grid;
    grid-auto-rows: auto;
    grid-column-gap: var(--spacing);
    grid-row-gap: var(--spacing);
    grid-template-columns: repeat(1, 1fr);
    height: 100%;
    padding: 0
}

@media (min-width: 768px) {
    .cards__items {
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

/* @media (min-width: 1000px) { */

.cards__items {
    grid-template-columns: repeat(3, 1fr)
}

.cards--small .cards__items {
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width: 768px) {
    .cards--small .cards__items {
        grid-template-columns: repeat(2, 1fr)
    }
}

.paragraph--card {
    height: 100%;
    padding: 0
}

.paragraph--embed {
    padding: 0
}

.embed.container {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .embed.container {
        padding-top: calc(var(--spacing) * 3);
        padding-bottom: calc(var(--spacing) * 3)
    }
}

.paragraph--featured-events {
    padding: 0
}

.featured-events {
    background-color: var(--white);
    color: var(--orange);
    padding: var(--spacing-x2) 0
}

.featured-events--image {
    background-color: var(--orange);
    padding: var(--spacing-x3) 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: var(--white)
}

.featured-events--image:after {
    content: "";
    background-color: var(--black);
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.featured-events__title {
    color: var(--white);
    /* font-family: var(--font-secondary); */
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.3;
    z-index: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

/* @media (min-width: 1000px) { */

.featured-events__title {
    text-align: left
}

.paragraph--featured-video {
    padding: 0
}

.featured-video {
    background-color: var(--gray);
    color: var(--white);
    padding: var(--spacing) 0
}

@media (min-width: 625px) {
    .featured-video {
        padding: var(--spacing-x2) 0
    }
}

@media (min-width: 768px) {
    .featured-video {
        padding: var(--spacing-x3) 0
    }
}

/* @media (min-width: 1000px) { */

.featured-video {
    padding: var(--spacing-x4) 0
}

.featured-video__subtitle {
    color: var(--orange);
    text-transform: uppercase
}

.featured-video__title {
    letter-spacing: 0;
    color: var(--white)
}

.featured-video__body {
    font-size: 16px
}

.featured-video__body>:last-child {
    margin-bottom: 0
}

@media (min-width: 1280px) {
    .featured-video__body {
        font-size: 20px;
        margin-bottom: var(--spacing-x2)
    }
}

.embeddedContent {
    margin: 0 0 var(--spacing) !important
}

.embeddedContent.oembed-provider-vimeo,
.embeddedContent.oembed-provider-youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    float: none !important
}

.embeddedContent.oembed-provider-vimeo>iframe,
.embeddedContent.oembed-provider-youtube>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.featured-video__video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.featured-video__video-wrap embed,
.featured-video__video-wrap iframe,
.featured-video__video-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.paragraph--icon-button {
    padding: 0
}

.icon-button {
    border-radius: 10px;
    color: var(--orange);
    background-color: var(--white);
    box-shadow: var(--drop-shadow);
    padding: var(--spacing);
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--spacing);
    width: 100%;
    transition: backgrond-color .3s, color .3s
}

/* @media (min-width: 1000px) { */

.icon-button {
    flex-direction: column;
    padding: var(--spacing-x2) var(--spacing) var(--spacing)
}

@media (min-width: 1280px) {
    .icon-button {
        padding: var(--spacing-x3) var(--spacing) var(--spacing-x2)
    }
}

.icon-button:focus,
.icon-button:hover {
    background-color: var(--blue-dark);
    color: var(--white)
}

.icon-button__icon {
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-div2)
}

@media (min-width: 768px) {
    .icon-button__icon {
        margin-bottom: var(--spacing-x2);
        height: 100px
    }
}

.icon-button__icon .fontawesome-icons {
    width: 100%
}

.icon-button__icon .fontawesome-icon {
    display: flex;
    justify-content: center;
    width: 100%
}

.icon-button__icon svg.svg-inline--fa {
    max-height: 45px;
    height: 100%;
    width: auto
}

@media (min-width: 768px) {
    .icon-button__icon svg.svg-inline--fa {
        max-height: 100px
    }
}

.icon-button__title {
    font-weight: 700;
    margin-bottom: var(--spacing-div2);
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .icon-button__title {
        margin-bottom: var(--spacing)
    }
}

/* @media (min-width: 1000px) { */

.icon-button__title {
    text-align: center;
    width: 100%;
    padding-left: 0
}

.icon-button__description {
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    width: 100%;
    color: var(--black)
}

.icon-button:focus .icon-button__description,
.icon-button:hover .icon-button__description {
    color: var(--white)
}

@media (min-width: 768px) {
    .icon-button__description {
        font-size: 14px
    }
}

.paragraph--icon-buttons {
    padding: var(--spacing-x2) 0
}

@media (min-width: 768px) {
    .paragraph--icon-buttons {
        padding: var(--spacing-x3) 0
    }
}

.icon-buttons {
    background-image: url(/themes/custom/stp_30/assets/css/../images/just-waves.svg)
}

.icon-buttons__title {
    font-weight: 600;
    color: var(--orange);
    font-size: 24px;
    line-height: 1;
    letter-spacing: .1em;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 768px) {
    .icon-buttons__title {
        font-size: var(--h2);
        text-align: left
    }
}

.icon-buttons__items,
.icon-buttons__items>[data-quickedit-field-id] {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 -10px
}

.icon-buttons__items .paragraph-anchor {
    display: none
}

.icon-buttons__items>[data-quickedit-field-id]>div,
.icon-buttons__items>div:not([data-quickedit-field-id]) {
    width: 100%;
    display: flex
}

/* @media (min-width: 1000px) { */

.icon-buttons__items>[data-quickedit-field-id]>div,
.icon-buttons__items>div:not([data-quickedit-field-id]) {
    width: 25%
}

.icon-buttons__items .paragraph {
    width: calc(100% - 20px);
    display: flex;
    margin: 0 10px
}

.iframe {
    aspect-ratio: var(--aspect-ratio);
    height: auto;
    border: 0
}

.paragraph--image-gallery {
    padding: 0
}

.image-gallery {
    background-color: var(--gray);
    color: var(--white);
    padding: var(--spacing) 0
}

@media (min-width: 625px) {
    .image-gallery {
        padding: var(--spacing-x2) 0
    }
}

@media (min-width: 768px) {
    .image-gallery {
        padding: var(--spacing-x3) 0
    }
}

/* @media (min-width: 1000px) { */

.image-gallery {
    padding: var(--spacing-x4) 0
}

.image-gallery__subtitle {
    color: var(--orange);
    text-transform: uppercase
}

.image-gallery__title {
    letter-spacing: 0;
    color: var(--white)
}

.image-gallery__body {
    font-size: 16px
}

@media (min-width: 768px) {
    .image-gallery__body {
        font-size: 20px;
        margin-bottom: var(--spacing-x2)
    }
}

.image-gallery__images {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-start;
    padding: 0
}

.image-gallery__image {
    width: 50%
}

.image-gallery__image a {
    display: block;
    margin-right: var(--spacing-div4);
    filter: grayscale(45%);
    transition: filter .3s
}

.image-gallery__image a:active,
.image-gallery__image a:hover {
    filter: grayscale(0)
}

.image-gallery__image:nth-child(2n) a {
    margin-right: 0
}

@media (min-width: 768px) {
    .image-gallery__image:nth-child(2n) a,
    .image-gallery__image:nth-child(3n) a {
        margin-right: var(--spacing-div4)
    }
}

@media (min-width: 768px) {
    .image-gallery__image {
        width: 33.33333%
    }
}

.inline-webform {
    max-width: 500px
}

.paragraph--media-block {
    padding: 0
}

.media-block {
    background-color: var(--orange);
    color: var(--white)
}

/* @media (min-width: 1000px) { */

.media-block {
    display: flex
}

.media-block--left {
    flex-direction: row-reverse
}

.media-block__title {
    color: var(--white);
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

.media-block__text--white .media-block__title {
    color: var(--black)
}

.media-block__image {
    display: block
}

/* @media (min-width: 1000px) { */

.media-block__image {
    flex: 1;
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.media-block__text {
    padding: var(--spacing-x2);
    display: flex;
    flex-direction: column
}

/* @media (min-width: 1000px) { */

.media-block__text {
    width: calc(50vw - ((100vw - var(--container-width)) / 2) - var(--spacing-x3));
    padding: var(--spacing-x3);
    padding-left: var(--spacing)
}

.media-block--right .media-block__text {
    padding: var(--spacing-x3);
    padding-right: calc((100vw - var(--container-width)) / 2);
    padding-right: var(--spacing)
}

.media-block__text--blue {
    background: var(--blue)
}

.media-block__text--blue a:focus,
.media-block__text--blue a:hover {
    color: var(--white--80)
}

.media-block__text--black {
    background: var(--black)
}

.media-block__text--black a:focus,
.media-block__text--black a:hover {
    color: var(--white--80)
}

.media-block__text--red {
    background: var(--red)
}

.media-block__text--red a:focus,
.media-block__text--red a:hover {
    color: var(--white--80)
}

.media-block__text--white {
    background: var(--white);
    color: var(--black)
}

.media-block__text--white a:focus,
.media-block__text--white a:hover {
    color: var(--black--80)
}

.media-block__link {
    align-self: flex-end;
    margin-top: auto;
    max-width: calc(var(--container-width) / 2)
}

.media-block__text--white .media-block__link {
    color: var(--black)
}

.media-block__text--white .media-block__link:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more.svg)
}

.media-block__text--white .media-block__link:active,
.media-block__text--white .media-block__link:hover {
    color: var(--black)
}

/* @media (min-width: 1000px) { */

.media-block__body {
    max-width: calc(var(--container-width) / 2)
}

.paragraph--media-hero {
    padding: 0
}

.media-hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0
}

/* @media (min-width: 1000px) { */

.media-hero {
    padding: calc(var(--spacing) * 9) 0
}

@media (max-width: 1000px) {
    .media-hero {
        background-image: none !important
    }
}

/* @media (min-width: 1000px) { */

.media-hero__container {
    padding: 0 var(--spacing);
    margin: 0 auto;
    max-width: var(--container-width);
    display: flex;
    justify-content: flex-start
}

.media-hero--right .media-hero__container {
    justify-content: flex-end;
    background-position: 0 0
}

.media-hero__mobile-image {
    display: block
}

@media(min-width: 1000px) {
    .media-hero__mobile-image {
        display: none
    }
}

.media-hero__title {
    color: var(--white);
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

.media-hero__text {
    background-color: rgba(0, 0, 0, .65);
    color: var(--white);
    padding: var(--spacing)
}

/* @media (min-width: 1000px) { */

.media-hero__text {
    padding: var(--spacing-x3) var(--spacing-x3) var(--spacing-x3) var(--spacing);
    left: calc(var(--spacing) * -1);
    position: relative;
    width: calc(50% - var(--spacing-x3));
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

@media (min-width: 1320px) {
    .media-hero__text {
        padding-left: calc((100vw - var(--container-width)) / 2);
        width: calc(50% - var(--spacing-x3));
        left: calc(((100vw - var(--container-width)) / -2) + 8px)
    }
}

/* @media (min-width: 1000px) { */

.media-hero--right .media-hero__text {
    padding-left: var(--spacing-x3);
    padding-right: calc((100vw - var(--container-width)) / 2);
    right: calc(var(--spacing) * -1);
    left: auto
}

@media (min-width: 1320px) {
    .media-hero--right .media-hero__text {
        padding-right: calc((100vw - var(--container-width)) / 2);
        width: calc(50% - var(--spacing-x3));
        right: calc(((100vw - var(--container-width)) / -2) + 8px)
    }
}

.media-hero__text--black {
    background-color: rgba(0, 0, 0, .65)
}

.media-hero__text--white {
    background-color: hsla(0, 0%, 100%, .65);
    color: var(--black)
}

.media-hero__text--white .media-hero__title {
    color: var(--blue-dark)
}

.media-hero__text--white a.btn--arrow {
    color: var(--orange)
}

.media-hero__text--white a.btn--arrow:after {
    content: url(/themes/custom/stp_30/assets/css/../images/more.svg)
}

.media-hero__text--blue {
    background-color: rgba(35, 103, 211, .65)
}

.media-hero__text--red {
    background-color: rgba(182, 38, 85, .65)
}

.media-hero__link {
    justify-content: flex-end
}

.news .container {
    display: flex;
    flex-direction: column
}

.news__title {
    color: var(--orange);
    text-transform: uppercase;
    letter-spacing: .1em
}

@media (min-width: 768px) {
    .news__cards {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between
    }
}

.news__card {
    margin-bottom: var(--spacing)
}

@media (min-width: 768px) {
    .news__card {
        width: calc(50% - var(--spacing));
        display: flex;
        margin-bottom: var(--spacing-x2)
    }
}

.news__more-link {
    align-self: flex-end
}

.process {
    border-radius: 0 10px 10px 0;
    box-shadow: var(--drop-shadow);
    border-left: 10px solid var(--blue-dark);
    margin-left: 15px
}

@media (min-width: 1440px) {
    .process {
        border-left: 18px solid var(--blue-dark);
        margin-left: 40px
    }
}

.process__title {
    padding: var(--spacing) var(--spacing-x2);
    margin-bottom: 0
}

@media (min-width: 1440px) {
    .process__title {
        padding: var(--spacing-x2) var(--spacing-x4)
    }
}

.process__body {
    padding: 0 var(--spacing-x2) var(--spacing)
}

@media (min-width: 1440px) {
    .process__body {
        padding: 0 var(--spacing-x4) var(--spacing-x2)
    }
}

.paragraph--process-item {
    padding: 0
}

.process-item {
    position: relative;
    padding: var(--spacing) var(--spacing-x2)
}

@media (min-width: 1440px) {
    .process-item {
        padding: var(--spacing-x2) var(--spacing-x4)
    }
}

.process-item--odd {
    background-color: #f8f9fb
}

.process-item__counter {
    width: 50px;
    height: 50px;
    background-color: var(--blue-dark);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-family: var(--secondary); */
    font-weight: 700;
    font-size: 20px;
    border-radius: 50%;
    position: absolute;
    top: var(--spacing);
    left: -30px
}

.process-item__counter svg {
    width: 25px
}

.process-item__counter path {
    fill: var(--white)
}

@media (min-width: 1440px) {
    .process-item__counter {
        width: 114px;
        height: 114px;
        left: -66px;
        font-size: 45px;
        top: var(--spacing-x2)
    }
    .process-item__counter svg {
        width: 60px
    }
}

.process-item__body {
    margin-bottom: var(--spacing-x2)
}

.process-item__buttons,
.process-item__buttons>[data-quickedit-field-id] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: 100%
}

.process-item__buttons .paragraph-anchor {
    display: none
}

.process-item__buttons>[data-quickedit-field-id]>div,
.process-item__buttons>div:not([data-quickedit-field-id]) {
    width: 100%;
    display: flex
}

/* @media (min-width: 1000px) { */

.process-item__buttons>[data-quickedit-field-id]>div,
.process-item__buttons>div:not([data-quickedit-field-id]) {
    width: 25%
}

.process-item__buttons .paragraph {
    width: calc(100% - 20px);
    display: flex;
    margin: 0 10px
}

.project-search__wrap {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    box-sizing: border-box;
    display: flow-root;
    margin: var(--spacing) auto;
    max-width: var(--xl);
    padding: var(--spacing);
    position: relative;
    width: 100%
}

@media (min-width: 1280px) {
    .project-search__wrap {
        margin: var(--spacing-x2) auto var(--spacing);
        padding: var(--spacing-x2);
        width: 100%
    }
}

.related-projects__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.related-projects__project {
    border-radius: 10px;
    box-shadow: var(--drop-shadow);
    box-sizing: border-box;
    display: flow-root;
    margin: 0 0 var(--spacing);
    max-width: var(--xl);
    padding: var(--spacing);
    width: 100%
}

@media (min-width: 1280px) {
    .related-projects__project {
        padding: var(--spacing-x2);
        width: 49%
    }
}

.related-projects__wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 var(--spacing);
    width: 100%
}

.related-projects__name {
    color: var(--orange);
    margin: 0
}

.related-projects__map {
    color: var(--orange);
    text-decoration: none
}

.related-projects__map svg path {
    fill: var(--orange)
}

.related-projects__map:active,
.related-projects__map:focus,
.related-projects__map:hover {
    color: var(--orange)
}

.related-projects__description {
    margin: 0 0 var(--spacing)
}

/* @media (min-width: 1000px) { */

.related-projects__description {
    margin: 0 0 var(--spacing-x2)
}

.related-projects__details {
    background: var(--orange);
    border-radius: 6px;
    color: var(--white);
    display: block;
    padding: var(--spacing-div2) var(--spacing);
    text-align: center;
    text-decoration: none;
    width: calc(100% - var(--spacing-x2))
}

.related-projects__details:active,
.related-projects__details:focus,
.related-projects__details:hover {
    color: var(--white)
}

.road-closures-list__title {
    text-align: center
}

.road-closures-list__description {
    margin-bottom: var(--spacing)
}

.tax-calculator .hide {
    display: none
}

/* @media (min-width: 1000px) { */

.tax-calculator .grid-columns {
    display: flex
}

.tax-calculator .grid-column {
    flex: 1;
    padding-right: var(--spacing)
}

.tax-calculator .grid-column:last-child {
    padding-right: 0
}

.tax-calculator .disclaimer {
    font-size: 12px;
    font-style: italic
}

.tax-calculator .disclaimer--big {
    font-size: 16px
}

.tax-calculator .select-controls label {
    display: inline-block
}

.tax-calculator .select-controls select {
    display: block
}

.tax-calculator .btn,
.tax-calculator input {
    margin-bottom: var(--spacing)
}

.tax-calculator .footnote {
    display: inline-block;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid transparent
}

.tax-calculator .footnote-link {
    text-decoration: none
}

.tax-calculator .footnote--highlighted {
    background-color: #fcf8e3;
    border-color: #f9efbc
}
.flip-images {
    height: 300px;
}
.logo-div .navbar-brand {
    background-color: #fff !important;
}
.carousel-item img{
    min-height:400px !important;
}
.card-title img{
    visibility: hidden !important;
}
#accordion .card .collapse {
    display: block !important;
} 

/*# sourceMappingURL=main.css.map */

@media only screen and (max-width:991px) {
    .header__nav {
        padding-top: 20px;
        display: flex;
        flex-direction: column;
    }
    .mega-menu {
        z-index: 120;
        background-color: var(--dark-green);
        height: 100%;
        /* min-height: 100vh; */
    }
    #businesses .mega-menu__section,
    #visitors .mega-menu__section:nth-child(2),
    #visitors .mega-menu__section:last-child,
    #government .mega-menu__section,
    #visitors .mega-menu__section,
    #government .mega-menu__section,
    #visitors .mega-menu__section,
    #government .mega-menu__section,
    #visitors .mega-menu__section {
        width: 100%;
    }
}