html {
    font-size: 62.5%;
}

body {
    background-color: #fff;
    color: var(--color-uw-body);
    font-family: var(--font-main);
    font-size: var(--font-body);
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1280px) {
    body, p {
        font-size: 1.7rem;
    }
}

main a {
    color: var(--color-uw-blue);
    text-decoration: none;
    font-weight: bold;
}

main a:hover,
main a:focus {
    color: var(--color-uw-red);
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

b,
strong {
    font-weight: 700;
}

h1 {
    color: var(--color-brand-navy-light);
    font-family: var(--font-headline);
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 3rem 0;
}

h2, .h2 {
    color: var(--color-primary-black);
    font-family: var(--font-headline);
    text-transform: none;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 2rem 0;
}

h3 {
    color: var(--color-brand-blue);
    font-family: var(--font-headline);
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 2rem 0;
}

h4 {
    color: var(--color-primary-black);
    font-family: var(--font-main);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 2rem 0;
}

h5 {
    color: var(--color-brand-yellow);
    font-family: var(--font-main);
    font-size: var(--font-body);
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 1.75rem 0;
    text-transform: none;
}

h6 {
    color: var(--color-brand-yellow);
    font-family: var(--font-headline);
    font-size: var(--font-body);
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 1rem 0;
}

@media screen and (max-width: 1280px) {
    h1 {
        font-size: 2.8rem !important;
    }
    h2, .h2 {
        font-size: 2.2rem !important;
    }
    h3 {
        font-size: 2rem !important;
    }
    h4 {
        font-size: 1.8rem !important;
    }
}

ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
    margin-top: var(--margin-normal);
}

p {
    line-height: 1.6;
    margin: 0 0 var(--margin-medium) 0;
}

ul {

    list-style-type: disc;
    margin-left: 1.25rem;
}

ul li {
    line-height: 1.6;
    margin-block: 1.5rem;
}

ul ul {
    list-style-type: circle;
}

hr {
    margin: 0 0 1rem;
}

table {
    border: solid 1px var(--color-brand-gray-medium);
    margin: 3rem 0;
}

table th,
table td {
    border: solid 1px var(--color-brand-gray-medium);
    line-height: 1.3;
    padding: 0.5rem 1rem;
}

table p {
    margin-bottom: 0;
    font-size: 15px;
}


h2.title::before,
.h2::before,
h1.title::before,
.paragraph--type--basic-copy h2::before,
.paragraph--type--two-cards .stat-item .stat::before {
    position: relative;
    height: 4px;
    content: '';
    width: 32px;
    width: 5rem;
    top: -10px;
    background-color: #c5050c;
    display: block;
    margin-top: 13px;
}

.hero-wrap .red h1.title:before {
    background-color: #fff;
}

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

.menu-item {
    margin: 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

a.skip-link {
    color: #fff;
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

ul.menu {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.paragraph--unpublished {
    background-color: transparent;
}

.rounded img,
.rounded iframe {
    border-radius: 25px;
}

.media-wrap>div {
    width: 525px;
    height: 374px;
    overflow: hidden;
    border-radius: 25px;
    border-width: 3px;
    border-style: solid;
    padding: 0;
}


section.left .region {
  margin-left: 6vw;
}

section.centered .region {
  margin-inline: auto;
}



@media screen and (max-width: 1450px) {
  section.left .region {
    margin-left: auto;
  }
}

@media screen and (max-width: 1024px) {
    .media-wrap>div {
        width: 320px;
        height: 230px;
        margin: 2rem auto;
    }
    .media-wrap>div img {
        max-width: 97%;
    }
}

.media-wrap>div img,
.media-wrap>div iframe {
    border-radius: 25px;
    transition: all 1s ease-out;
    transform: scale(1.25);
}

.media-wrap>div img,
.media-wrap>div iframe {
    border-width: 3px;
    padding: 5px;
    transform: scale(1);
}

.media-wrap>div iframe {
    border: none;
}

.media-wrap>div.yellow {
    border-color: var(--color-uw-accent-yellow);
}

.media-wrap>div.orange {
    border-color: var(--color-uw-accent-orange);
}

.media-wrap>div.beige {
    border-color: var(--color-uw-accent-beige);
}

.media-wrap>div.green {
    border-color: var(--color-uw-accent-green);
}

.media-wrap>div.bluegray {
    border-color: var(--color-uw-accent-blue-gray);
}

.media-wrap>div.dkbluegray {
    border-color: var(--color-uw-accent-dk-blue-gray);
}

.button {
    margin: 0;
}

@media screen and (max-width: 700px) {
    .button {
        text-align: center;
    }
}


.button a,
input[type="submit"] {
    background-color: #fff;
    border: 2px solid var(--color-uw-red);
    border-radius: 8px;
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem 2rem;
    text-align: center;
    /* width: 20rem; */
    min-width: 24rem;
    color: var(--color-uw-red);
    display: inline-block;
    transition: all 0.25s ease-in;
}

@media screen and (max-width: 1280px) {
    .button a, input[type="submit"] {
        min-width: 11rem;
    }
}

@media screen and (max-width: 980px) {
    .button a, input[type="submit"] {
        font-size: 1.6rem !important;
        padding: .5rem 1rem !important;
        min-width: none;
    }
}

.button a:hover,
input[type="submit"]:hover,
.button a:focus,
input[type="submit"]:focus {
    background-color: var(--color-uw-red);
    text-decoration: none;
    color: #fff;
    /* max-width: 21rem; */
}

input[type="submit"] {
    float: right;
    margin-top: 2rem;
}

.button.alt a {
    background-color: var(--color-uw-red);
    border: 2px solid var(--color-uw-red);
    color: #fff;
}

.button.alt a:hover,
.button.alt a:focus-visible {
    background-color: #fff;
    color: var(--color-uw-red);
}

.form-item input,
.form-item select {
    display: block;
    border-radius: 9px;
    border: 2px solid #dddada;
    padding: 0.75rem;
    width: 100%;
    max-width: 94%;
}

.form-checkboxes .form-item input {
    display: inline-block;
    max-width: none;
    width: auto;
}


/** begin generic layout styles **/

.path-node main,
.path-news main {
    /* display: flex; */
    /* max-width: var(--content-width-normal); */
    margin: 0 auto;
    /* padding: 0rem 4vw; */
}


/* Sidebar work  */

.webform-confirmation {
    padding: 4rem 8vw 0;
    margin: 0 auto;
}

nav.breadcrumb ol li,
nav.breadcrumb ol li a {
    text-decoration: none;
    /* text-transform: capitalize; */
    color: var(--color-uw-gray-darkest);
    font-size: 1.5rem;
}

nav.breadcrumb ol li a {
    color: var(--color-uw-blue);
}

.breadcrumb li:before {
    content: " |"
}
.sliding-popup-bottom, .sliding-popup-top {
    padding: 2rem 6vw;
}

.eu-cookie-compliance-categories, .eu-cookie-compliance-message {
    max-width: 90%;
}

@media screen and (max-width: 1300px) {
    .region-breadcrumb {
        padding: 1rem 6vh 0 !important;
    }

    .region-breadcrumb + main {
        margin-top: -1rem;
    }

    nav.breadcrumb ol li,
    nav.breadcrumb ol li a {
    font-size: 1.3rem;
}
}

@media screen and (max-width: 980px) {
    .region-breadcrumb {
        /* padding: 0 6vw !important; */
    }
}



.read-more-link {
    /* text-align: right; */
    position: absolute;
    right: 1rem;
    bottom: 2rem;
    margin-right: 2rem;
    max-height: fit-content;
}



.read-more-link a {
    color: var(--color-uw-body);
    text-transform: none;
    font-size: 1.7rem;
}

.read-more-link a::after {
    content: ' ';
    vertical-align: middle;
    display: inline-block;
    background-image: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 13px;
    margin-left: 5px;
    transition: all 0.25s ease-in;
}

.read-more-link a:hover::after,
.read-more-link a:focus-visible::after {
    /* margin-right: -5px;
    margin-left: 15px; */
}

.read-more-link a:hover,
.read-more-link a:focus-visible {
    color: var(--color-uw-body);
    text-decoration: none;
}
@media screen and (max-width: 980px) {
    .read-more-link {
        position: relative;
        bottom: auto;
        right: auto;
        margin-right: 0;
        text-align: right;
        margin-top: 2rem !important;
    }

    .read-more-link a {
        font-size: 1.4rem;
    }
}


/* .read-more-link a:hover::after,
.read-more-link a:focus-visible::after {
    margin-right: -5px;
    margin-left: 15px;
} */

.path-user .user-login-form {
    max-width: 76rem;
    margin: 0 auto 15rem;
}
/** search **/

.path-search .layout-content {
    max-width: var(--content-width-normal);
    margin: 0 auto;
}

.search-block-form {
    position: relative;
}

.path-search .search-form {
    padding: 2em 0;
}

.pager__items {
    display: block;
    margin: 2em auto;
    text-align: center;
}

.pager__items li {
    display: inline-block;
    margin-right: 10px;
}

.path-search li::marker {
    content: none;
}

.path-search .block-system-main-block {
    padding: 0 8vw;
}

.path-search ol {
    padding-left: 0;
}

.path-search .block-system-main-block ol li {
    border-bottom: 1px solid black;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.path-search .block-system-main-block ol li h3 a {
    text-decoration: none;
}

.path-search .block-system-main-block ol li>p:last-child {
    display: none;
}

.search-advanced summary {
    text-decoration: underline;
    color: var(--color-brand-blue);
}

.top-header>.region,
.site-header>.region,
.region-breadcrumb,
.region-help,
footer .region,
.paragraph>*,
article>div>.text-formatted, .view-container {
    max-width: var(--content-width-normal);
    padding: 3rem 4vw;
    position: relative;
    margin: 0 auto;
}

.paragraph>* {
    margin: 0 auto;
    padding: 5rem 4vw;
}

@media screen and (max-width: 1024px) {
    .paragraph>* {
        padding: 2rem 6vw;
    }


}

.region-breadcrumb {
    padding: 3rem 6vw 2rem;
}

.paragraph>.contextual,
.paragraph>h2 {
    padding: 0;
}

@media screen and (max-width: 1220px){
  .paragraph>h2 {
    padding: 0 4vw;
  }
}

@media screen and (max-width: 1024px){
  .paragraph>h2 {
    padding: 0 6vw;
  }
}

.site-header>.region,
footer .region {
    padding: 2rem 4vw;
}

.paragraph>*,
.region.narrow,
article>div>.text-formatted {
    max-width: var(--content-width-narrower);
}

article>div>.text-formatted {
    max-width: var(--content-width-narrower);
}

main .layout-content>.region {
    max-width: none;
    padding: 0;
}

body.unpublished ,
.node--unpublished,
.node--unpublished * {
    background-color: #fff4f4;
}

input#edit-keys--2 {
    width: 314px;
}




/* Pre-vendi paragraphs */

.ui-accordion .ui-state-default {
    background: #fff;
    color: var(--color-uw-body);
    font-weight: bold;
}

.ui-accordion .ui-state-default:hover,
.ui-accordion .ui-state-default:focus-visible,
.ui-accordion .ui-state-active {
    color: #fff;
    background-color: var(--color-uw-blue);
}

.ui-accordion .ui-accordion-header:before {
    content: '+';
    margin-right: 1rem;
}

.ui-accordion .ui-accordion-header.ui-state-active:before {
    content: '\2013';
}

.ui-icon,
.ui-widget-content .ui-icon {
    display: none;
}


.hidden {
    display: none !important;
}

/** end generic layout styles **/


/*** begin breadcrumb styles ***/


/*** end breadcrumb styles ***/
    .form--inline.clearfix{
        display: flex;
        flex-flow: column;
    }
    #edit-field-news-category-target-id--2--wrapper{
        order: 3;
    }
    #edit-actions--2{
        order: 1;
    }

    fieldset#edit-field-news-term-target-id--2--wrapper {
        order: 2;
    }


@media screen and (max-width: 750px) {
    .form-checkboxes label.option {
        font-size: 1.6rem !important;
    }
}

/* This is to prevent Admin toolbar from overlapping top menu */
#toolbar-administration{
    margin-bottom: 4rem;
}