/****** FILE: themes/dpa/css/typography.css *****/
body {
    font-family: 'Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    color: #101F59;
    font-weight: 700;
    line-height: 1.2;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4, h5, h6 {
    font-size: 18px;
}

h1.heavy {
    font-family: 'Arial Black';
    font-weight: 900;
}

.heading--underline {
    flex: 1;
    padding-bottom: 10px;
    border-bottom: 2px solid #5EC3CB;
}

.heading--underline-part {
    padding-bottom: 10px;
    width: 75%;
    border-bottom: 2px solid #5EC3CB;
}

p, li {
    color: black;
    font-size: 16px;
    line-height: 27px;
}

p.lead {
    font-size: 24px;
    line-height: 36px;
}

a {
    color: #0C1E5F;
}

a:focus,
a:hover {
    text-decoration: none;
}

ul, ol {
    padding-left: 20px;
    margin-left: 0;
}

figure {
    margin-inline: 0;   
}

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

img.width-180 {
    max-width: 180px;
}

img.center {
    margin: 0 auto;
}

.icon {
    width: 50px;
    height: auto;
}

hr {
    width: 100%;
    margin: 20px auto;
    border: 0;
    border-top: 1px solid #5EC3CB;
}

hr.hr--primary {
    border-top: 1px solid #101F59;
}

.pagination {
    font-size: 18px;
}

@media all and (min-width: 1400px) {
    p, li {
        font-size: 18px;
    }

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

    h1 {
        font-size: 48px;
        line-height: 53px;
    }

    h2 {
        font-size: 32px;
        line-height: 33px;
    }

    h3 {
        font-size: 24px;
        line-height: 31px;
    }

    h4 {
        font-size: 20px;
        line-height: 22px;
    }
}
/****** FILE: themes/dpa/css/layout.css *****/
* {
    box-sizing: border-box;
}

body, html {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

main {
    flex: 1;
}

.section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
    z-index: 1;
}

.row {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Row with border */
.row--border {
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    padding: 30px 30px;
    border: 2px solid #0C1E5F;
    border-radius: 2px;
}

.row--border h2 {
    position: absolute;
    top: -34px;
    left: 75px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: white;
}

.row--border-heading-center h2 {
    left: 50%;
    transform: translateX(-50%);
}

@media all and (min-width: 1400px) {
    .container {
        width: 1280px;
    }

    .row {
        display: flex;
    }

/* Row with border */
    .row--border {
        padding: 50px 80px;
    }

    .row--border h2 {
        top: -54px;
    }

    /* Full width row */
    .row--full-width {
        padding-right: 0;
        padding-left: 0;
    }

    .row--full-width .column {
        margin-right: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    .row--full-width img {
        width: 100%;
    }

    .column {
        flex-basis: 100%;
        flex: 1;
        margin-right: 40px;
    }

    .column:last-of-type {
        margin-right: 0;
    }

    /* One-Fifth column */
    .column--one-fifth {
        flex-basis: 15%;
    }

    .column--four-fifth {
        flex-basis: 75%;
    }

    /* One-Fourth column */
    .column--one-fourth {
        flex-basis: 20%;
    }

    .column--three-fourth {
        flex-basis: 70%;
    }

    /* One-Third column */
    .column--one-third {
        flex-basis: 30%;
    }

    /* Two-Third column */
    .column--two-third {
        flex-basis: 60%;
    }
}
/****** FILE: themes/dpa/css/utility.css *****/
.mb0 {
	margin-bottom: 0;
}

.mb1 {
	margin-bottom: 1rem;
}

.mb2 {
	margin-bottom: 2rem;
}

.mb3 {
	margin-bottom: 3rem;
}

.mt0 {
	margin-top: 0;
}

.mt1 {
	margin-top: 1rem;
}

.mt2 {
	margin-top: 2rem;
}

.mt3 {
	margin-top: 3rem;
}

.mr1 {
	margin-right: 1rem;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb1 {
	padding-bottom: 1rem !important;
}

.pt0 {
	padding-top: 0;
}

.pl1 {
	padding-left: 1rem;
}

.margin--center {
	margin-left: auto;
	margin-right: auto;
}

.margin--left {
	margin-left: auto;
}

.margin--right {
	margin-right: auto;
}

.border--top {
	border-top: 1px solid #D8F4F5;
}

.border--left {
	border-left: 4px solid #101F59;
}

.border--bottom {
	border-bottom: 1px solid #101F59;
}

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

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

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

.text--white {
    color: white;
}

.text--white * {
    color: white;
}

.line-height--big {
	line-height: 3rem;
}

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

@media all and (min-width: 1400px) {
	.margin--center-desktop {
		margin-left: auto;
		margin-right: auto;
	}

	.margin--left-desktop {
		margin-left: auto;
	}

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

	.text--center-desktop {
		text-align: center;
	}

	.padding-large-desktop {
		padding: 80px;
	}
}
/****** FILE: themes/dpa/css/components/navigation.css *****/
/*Skip navigation link*/
.skip-link {
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 10px 16px;
	background-color: white;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	z-index: 100;

}

.skip-link:focus {
	clip: auto;
	overflow: unset;
}

/*Desktop navigation*/
.nav {
	display: none;
	flex-shrink: 0;
}

/*Mobile navgiation*/
.mobile-nav {
	display: flex;
	flex-shrink: 0;
	width: 100%;
}

.mobile-nav .nav__list {
	list-style: none;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0 40px;
	height: 100%;
	width: 100%;
}

.mobile-nav .nav__toggle button {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	background-color: #101F59;
	outline: 1px solid #101F59;
	border: none;
	border-radius: 12px;
	cursor: pointer;
}

.mobile-nav .nav__toggle button:focus,
.mobile-nav .nav__toggle button:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
}

.mobile-nav .nav__toggle svg {
	fill: white;
	width: 30px;
	height: 30px;
}

.mobile-nav .nav__toggle button:focus svg,
.mobile-nav .nav__toggle button:hover svg {
	fill: #101F59;
}

.mobile-nav .nav--members a {
	display: inline-flex;
	align-items: center;
	padding: 12px 18px;
	min-width: auto;
	border-radius: 15px;
	outline-width: 1px;
}

.mobile-nav .nav--members a:focus,
.mobile-nav .nav--members a:hover {
    background-color: #F6ED4E;
    outline: 2px solid #101F59;
}

.mobile-nav .nav--members a:focus svg path,
.mobile-nav .nav--members a:hover svg path {
	fill: #101F59;
}

/* Primary navigation */
.mobile-nav.nav--primary {
	height: 80px;
}

.mobile-nav.nav--primary .nav__logo img  {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 70px;
}

/* Secondary navigation */
.mobile-nav.nav--secondary {
	flex-direction: column;
	background-color: #101F59;
}

.mobile-nav.nav--secondary .nav__list .nav__item {
	display: none;
}

.mobile-nav.nav--secondary .nav__list.active .nav__item {
	display: block;
}

/* Secondary navigation - upper tier */
.mobile-nav.nav--secondary .nav__list.active:first-of-type {
	padding-top: 20px;
}

.mobile-nav.nav--secondary .nav__list:first-of-type {
	column-gap: 15px;
}

.mobile-nav.nav--secondary .nav__list:first-of-type .nav__item {
	padding-bottom: 12px;
}

.mobile-nav.nav--secondary .nav__list:first-of-type #SearchForm_SearchForm fieldset {
	margin: 0;
}

.mobile-nav.nav--secondary .nav__list:first-of-type #SearchForm_SearchForm fieldset input {
	background-color: white;
	border: none;
	font-size: 18px;
}

.mobile-nav.nav--secondary .nav__list:first-of-type .btn.btn--secondary-xl {
	padding: 12px 32px;
	min-width: auto;
	background-color: white;
	color: #101F59;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
}

.mobile-nav.nav--secondary .nav__list:first-of-type .btn.btn--secondary-xl:hover,
.mobile-nav.nav--secondary .nav__list:first-of-type .btn.btn--secondary-xl:focus {
	background-color: #101F59;
    outline: 2px solid #F6ED4E;
    color: #F6ED4E;
    font-weight: 700;
}

/* Secondary navigation - lower tier */
.mobile-nav.nav--secondary .nav__list:last-of-type {
	align-items: unset;
	flex-direction: column;
	padding: 0;
}

.mobile-nav.nav--secondary .nav__list.active:last-of-type {
	padding-bottom: 12px;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 40px;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link-wrapper > .nav__link[aria-current="page"] {
	position: relative;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link-wrapper > .nav__link[aria-current="page"]::after {
	content: "";
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background-color: #F6ED4E;
	border-radius: 50%;
}

.mobile-nav.nav--secondary .nav__list:last-of-type button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	padding: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.mobile-nav.nav--secondary .nav__list:last-of-type button:hover svg path[fill="white"],
.mobile-nav.nav--secondary .nav__list:last-of-type button:focus svg path[fill="white"] {
	fill: #F6ED4E;
}

.mobile-nav.nav--secondary .nav__list:last-of-type button[aria-expanded="true"] svg.svg__plus {
	display: none;
}

.mobile-nav.nav--secondary .nav__list:last-of-type button svg.svg__minus {
	display: none;
}

.mobile-nav.nav--secondary .nav__list:last-of-type button[aria-expanded="true"] svg.svg__minus {
	display: block;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link {
	font-size: 20px;
	color: white;
	text-decoration: none;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link.active,
.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link:hover,
.mobile-nav.nav--secondary .nav__list:last-of-type .nav__link:focus {
	font-weight: 700;
	color: #F6ED4E;
}

/*Sub navigation*/
.mobile-nav.nav--secondary .nav__list:last-of-type .nav__list-sub {
	display: none;
	list-style: none;
	padding-left: 0;
	background-color: white;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__list-sub.active {
	display: block;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__list-sub .nav__link {
	display: block;
	padding: 10px 40px;
	color: #101F59;
}

.mobile-nav.nav--secondary .nav__list:last-of-type .nav__list-sub .nav__link[aria-current="page"] {
	padding-left: 36px;
	border-left: 4px solid #101F59;
	font-weight: 700;
}

/*Table of Contents*/
.toc-nav li a {
	padding: 6px;
	border-radius: 2px;
    color: #101F59;;
    line-height: 32px;
    text-decoration: underline;
}

.toc-nav li a:hover,
.toc-nav li a:focus {
	outline: 2px solid #101F59;
    background-color: white;
}

@media all and (min-width: 1400px) {
	/*Desktop navigation*/
	.nav {
		display: flex;
		width: 100%;
	}

	.nav__list {
		list-style: none;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	.nav__item {
		display: flex;
		padding-left: 0;
		padding-right: 0;
		width: auto;
		height: auto;
	}

	.nav__list.active .nav__item {
		display: flex;
	}

	.nav__link {
		display: flex;
		align-items: center;
		padding: 20px 18px;
		height: 100%;
		color: white;
		font-size: 20px;
		font-weight: 400;
		text-decoration: none;
	}

	/* Primary navigation */
	.nav--primary {
		height: 100px;
	}

	.nav--primary .nav__list {
		width: 100%;
		padding-left: 36px;
		padding-right: 36px;
	}

	.nav--primary a {
		display: inline-flex;
	}

	.nav--primary a:focus,
	.nav--primary a:hover {
		font-weight: bold;
	}

	.nav--primary a svg {
		height: 36px;
		width: 36px;
	}

	.nav--primary .nav__logo {
		display: flex;
		align-items: center;
		padding-left: 0;
		text-decoration: none;
	}

	.nav--primary .nav__logo a {
		display: inline-flex;
		align-items: center;
	}

	.nav--primary .nav__logo a svg {
		height: 36px;
		width: 36px;
		margin-right: 15px;
	}

	.nav--primary .nav__logo a:focus svg circle,
	.nav--primary .nav__logo a svg:hover circle {
		fill: #0C1E5F;
	}

	.nav--primary .nav__logo a:focus svg path,
	.nav--primary .nav__logo a svg:hover path {
		fill: #F6ED4E;
	}

	.nav--primary .nav__logo img {
		width: auto;
		height: auto;
		max-width: 395px;
		max-height: 80px;
	}

	.nav--primary .nav--members a {
		display: inline-flex;
		align-items: center;
		padding-left: 26px;
		padding-right: 26px;
		font-size: 18px;
		text-decoration: none;
	}

	.nav--primary .nav--members a:focus,
	.nav--primary .nav--members a:hover {
	    background-color: #F6ED4E;
	    outline: 2px solid #101F59;
	    color: #101F59;
	}

	.nav--primary .nav--members a:focus svg path,
	.nav--primary .nav--members a:hover svg path {
		fill: #101F59;
	}

	.nav--primary .nav--members a span {
		padding-left: 9px;
	}

	.nav--primary .nav--members a svg {
		height: 20px;
		width: 22px;
	}

	/*Social Media*/
	.nav.nav--primary .nav__list--social {
		display: inline-flex;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.nav.nav--primary .nav__list--social svg {
		width: 30px;
		height: 30px;
		fill: #101F59;
	}

	.nav.nav--primary .nav__list--social a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		outline: 2px solid transparent;
	}

	.nav.nav--primary .nav__list--social a:focus,
	.nav.nav--primary .nav__list--social a:hover {
		outline: 2px solid #101F59;
		background-color: #101F59;
	}

	.nav.nav--primary .nav__list--social a:focus svg,
	.nav.nav--primary .nav__list--social a:hover svg {
		fill: #F6ED4E;
	}

	.nav.nav--primary .nav__list--social a .instagram path {
		fill: #101F59;
		stroke: #101F59;
	}

	.nav.nav--primary .nav__list--social a:focus .instagram path,
	.nav.nav--primary .nav__list--social a:hover .instagram path {
		fill: #F6ED4E;
		stroke: #F6ED4E;
	}

	.nav.nav--primary .nav__list--social li {
		padding-right: 16px;
	}

	.nav.nav--primary .nav__list--social li:last-of-type {
		padding-right: 0;
	}

	/* Secondary navigation */
	.nav--secondary {
		height: 92px;
		background: #0C1E5F;
		border-bottom: 3px solid #F6ED4E;
	}

	.nav--secondary .nav__list {
		justify-content: space-between;
		margin: 0 auto;
		width: 1200px;
	}

	.nav--secondary .nav__link {
		position: relative;
		border-radius: 24px;
		outline: 3px solid transparent;
	}

	.nav--secondary .nav__link[aria-current="page"]::after {
		content: "";
		position: absolute;
		left: 2px;
		top: 50%;
		transform: translateY(-50%);
		width: 8px;
		height: 8px;
		background-color: #F6ED4E;
		border-radius: 50%;
	}

	.nav--secondary .nav__link:focus,
	.nav--secondary .nav__link:hover {
		font-weight: 700;
		outline: 3px solid #F6ED4E;
	}

	/* Tertiary navigation */
	.nav--tertiary {
		border-bottom: 0.1px solid #101F59;
	}

	.nav--tertiary .nav__list {
		justify-content: flex-start;
		column-gap: 24px;
		margin: 0 auto;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 1200px;
	}

	.nav--tertiary .nav__link {
		padding: 12px 16px;
		color: #101F59;
	}

	.nav--tertiary .nav__link:focus,
	.nav--tertiary .nav__link:hover,
	.nav--tertiary .nav__link[aria-current="page"] {
		background-color: #F6ED4E;
		border-radius: 12px;
		border: 2px solid #101F59;
	}

	/*Mobile navgiation*/
	.mobile-nav {
		display: none;
	}
}
/****** FILE: themes/dpa/css/components/blog.css *****/
.blog-post-meta {
    padding-left: 35px;
    color: #404040;
    background-image: url('/_resources/themes/dpa/assets/icon-calendar.svg');
    background-position: left center;
    background-repeat: no-repeat;
}

.blog__header.header {
    padding-bottom: 0;
}

.blog__header #Breadcrumbs {
    margin-bottom: 60px;
}

.blog__header #Breadcrumbs ol {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
}

.blog__header #Breadcrumbs ol li {
    display: flex;
    align-items: center;
}

.blog__header #Breadcrumbs ol li.breadcrumb__last {
    padding-left: 6px;
    color: #404040;
    font-size: 16px;
    font-weight: 700;
}

.blog__header #Breadcrumbs ol a {
    padding: 12px 8px;
    border-radius: 12px;
    color: #404040;
    font-size: 16px;
}

.blog__header #Breadcrumbs ol a:focus,
.blog__header #Breadcrumbs ol a:hover {
    outline: 2px solid #101F59;
    text-decoration: underline;
}

.blog__share {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.blog__share h3 {
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 26px;
    border-right: 2px solid #101F59;
    line-height: 40px;
}

.blog__social {
    list-style: none;
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 26px;
    height: 40px;
}

.blog__social li {
    display: flex;
    align-items: center;
    padding-right: 16px;
}

.blog__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    outline: 2px solid transparent;
}

.blog__social a:focus,
.blog__social a:hover {
    outline: 2px solid #101F59;
    background-color: #101F59;
}

.blog__social a:focus svg,
.blog__social a:hover svg {
    fill: #F6ED4E;
}

.blog__social a:focus svg path,
.blog__social a:hover svg path {
    fill: #101F59;
}

.blog__social svg {
    width: 30px;
    height: 30px;
    fill: #101F59;
}

.blog__social-email path {
    fill: white;
}

.blog__event {
    list-style: none;
    padding: 20px;
    background-color: #F0FBFA;
    border: 2px solid #101F59;
    border-radius: 20px;
}

.blog__event li {
    padding: 5px 0 5px 35px;
    background-position: left top 7px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    color: #101F59;
    font-size: 16px;
}

.blog__event .blog__event-date {
    background-image: url('/_resources/themes/dpa/assets/icon-date.svg');
}

.blog__event .blog__event-time {
    background-image: url('/_resources/themes/dpa/assets/icon-time.svg');
}

.blog__event .blog__event-location {
    background-image: url('/_resources/themes/dpa/assets/icon-location.svg');
}

.blog__event .blog__event-cost {
    background-image: url('/_resources/themes/dpa/assets/icon-cost.svg');
}

.blog__event .blog__event-registration {
    background-image: url('/_resources/themes/dpa/assets/icon-registration.svg');
}

.blog__event .blog__event-registration a {
    word-break: break-word;
}

.blog__subscribe {
    background-color: #F0FBFA;
}

/*Blog Search Form*/
.blog-sidebar form {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.blog-sidebar form fieldset {
    padding: 0;
    border: none;
}

.blog-sidebar form label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.blog-sidebar form input {
    padding: 8px 12px;
    width: 100%;
    border: 2px solid #101F59;
    border-radius: 12px;
    font-size: 18px;
    color: #0C1E5F;
}

/*Search Form in Main Navigation only*/
.blog-sidebar #Form_BlogSearchForm {
    position: relative;
}

.blog-sidebar #Form_BlogSearchForm fieldset input {
    padding: 12px 42px 12px 18px;
}

.blog-sidebar #Form_BlogSearchForm input:focus{
    outline: 3px solid #101F59;
}

.blog-sidebar #Form_BlogSearchForm_action_search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 34px;
    height: 34px;
    background: none;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
}

.blog-sidebar #Form_BlogSearchForm_action_search:focus,
.blog-sidebar #Form_BlogSearchForm_action_search:hover {
    border: 2px solid #101F59;
    background-color: #F6ED4E;
}

.blog-sidebar #Form_BlogSearchForm_action_search span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.blog-sidebar #Form_BlogSearchForm_action_search::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("/_resources/themes/dpa/assets/icon-search.svg") no-repeat center center;
    background-size: 22px 22px;
}

@media all and (min-width: 1400px) {
    .blog__share {
        justify-content: flex-end;
    }
}
/****** FILE: themes/dpa/css/components/buttons.css *****/
.btn-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/*Primary*/
.btn {
	position: relative;
	vertical-align: middle;
	display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    padding: 10px 16px;
	background-color: white;
	outline: 2px solid #101F59;
	border-radius: 24px;
	color: #101F59;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	cursor: pointer;
}

.btn:focus,
.btn:hover {
	background-color: #101F59;
	color: white;
}

.btn.btn--primary-big {
    padding: 10px 16px;
	outline: 1px solid #101F59;
	font-weight: 400;
}

.btn.btn--primary-big:focus,
.btn.btn--primary-big:hover {
	background-color: #101F59;
	color: white;
}

.btn.btn--primary-small {
    font-size: 16px;
    line-height: 24px;
	outline: 1px solid #101F59;
}

.btn.btn--primary-small:focus,
.btn.btn--primary-small:hover {
	background-color: #101F59;
	color: white;
	font-weight: 400;
}

/*Secondary*/
.btn.btn--secondary-medium {
    background-color: #101F59;
	outline: 2px solid #101F59;
	color: white;
	font-weight: 400;
}

.btn.btn--secondary-medium:focus,
.btn.btn--secondary-medium:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

.btn.btn--secondary-big {
    padding: 10px 16px;
    background-color: #101F59;
	outline: 2px solid #101F59;
	color: white;
	font-weight: 400;
}

.btn.btn--secondary-big:focus,
.btn.btn--secondary-big:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

.btn.btn--secondary-xl {
	padding: 10px 32px;
    background-color: #101F59;
	outline: 2px solid #101F59;
	color: white;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.btn.btn--secondary-xl:focus,
.btn.btn--secondary-xl:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

.btn.btn--secondary-small {
    background-color: #101F59;
	outline: 2px solid #101F59;
	color: white;
    font-size: 16px;
    line-height: 24px;
}

.btn.btn--secondary-small:focus,
.btn.btn--secondary-small:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 400;
}

/*Tertiary*/
.btn.btn--tertiary-medium {
    background-color: white;
	outline: 2px solid white;
	color: #101F59;
	font-weight: 400;
}

.btn.btn--tertiary-medium:focus,
.btn.btn--tertiary-medium:hover {
	background-color: #101F59;
	outline: 2px solid #F6ED4E;
	color: #F6ED4E;
	font-weight: 700;
}

.btn.btn--tertiary-big {
    padding: 10px 16px;
    background-color: white;
	outline: 2px solid white;
	color: #101F59;
}

.btn.btn--tertiary-big:focus,
.btn.btn--tertiary-big:hover {
	background-color: #101F59;
	outline: 2px solid #F6ED4E;
	color: #F6ED4E;
}

.btn.btn--tertiary-small {
    background-color: white;
	outline: 2px solid white;
	color: #101F59;
    font-size: 16px;
    line-height: 24px;
}

.btn.btn--tertiary-small:focus,
.btn.btn--tertiary-small:hover {
	background-color: #101F59;
	outline: 2px solid #F6ED4E;
	color: #F6ED4E;
	font-weight: 400;
}

/*White outline border*/
.btn.btn--outline {
	background-color: transparent;
	outline: 2px solid white;
	color: white;
	font-weight: 400;
}

.btn.btn--outline:focus,
.btn.btn--outline:hover {
	background-color: #F6ED4E;
	outline: 2px solid #F6ED4E;
	color: #101F59;
	font-weight: 700;
}

/*No border*/
.btn.btn--no-border {
	justify-content: flex-start;
	background-color: transparent;
	border-radius: 2px;
	outline: 2px solid transparent;
	color: #101F59;
	font-weight: 400;
	text-decoration: underline;
}

.btn.btn--no-border:focus,
.btn.btn--no-border:hover {
	background-color: white;
	outline: 2px solid #101F59;
}

/* Arrow */
.btn--arrow {
	padding: 8px;
	min-width: auto;
	background-color: transparent;
	border-radius: 50% 50%;
	outline: 3px solid #101F59;
}

.btn--arrow svg {
	fill: #0C1E5F;
	width: 22px;
	height: 22px;
}

.btn--arrow:focus,
.btn--arrow:hover {
 	background-color: #0C1E5F;
}

.btn--arrow:focus svg,
.btn--arrow:hover svg {
 	fill: white;
}

/* Icon */
.btn--icon {
	background-color: transparent;
	outline: 2px solid transparent;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 400;
	color: black;
	text-transform: none;
	text-decoration: underline;
}

.btn--icon:focus,
.btn--icon:hover {
	background-color: white;
	outline: 2px solid #101F59;
	color: black;
	text-decoration: underline;
}

.btn--icon svg,
.btn--icon img {
	margin-right: 10px;
}

/*Icon modifier - button icon with no border*/
.btn--icon.btn--no-border {
	justify-content: flex-start;
	background-color: transparent;
	border-radius: 12px;
	outline: 2px solid transparent;
	color: #101F59;
	font-size: 18px;
	font-weight: 400;
	text-decoration: underline;
	text-align: left;
}

.btn--icon.btn--no-border:focus,
.btn--icon.btn--no-border:hover {
	background-color: white;
	outline: 2px solid #101F59;
}

.btn--icon.btn--no-border svg {
	margin-right: 10px;
	min-width: 20px;
	width: 20px;
	height: 20px;
}

/* Icon modifier - button icon with blue colour*/
.btn--icon.btn--icon-blue {
	border: 1px solid #0C1E5F;
	color: #0C1E5F;
}

.btn--icon.btn--icon-blue svg {
	margin-right: 10px;
	width: 24px;
	height: 28px;
}

/* Icon modifier - button icon with primary*/
.btn.btn--icon-primary svg {
	margin-right: 10px;
}

.btn.btn--icon-primary:focus svg path,
.btn.btn--icon-primary:hover svg path {
	fill: white;
}

/* Icon modifier - button icon with tertiary*/
.btn.btn--icon-tertiary svg {
	margin-right: 10px;
}

.btn.btn--icon-tertiary:focus svg path,
.btn.btn--icon-tertiary:hover svg path {
	fill: #F6ED4E;
}

/*Back to top*/
#backToTop {
	display: none;
	position: fixed;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 8px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 10px;
	background-color: transparent;
	border: none;
	outline: none;
	color: black;
	font-size: 12px;
	cursor: pointer;
    z-index: 100;
}

#backToTop span {
	max-width: 32px;
	background-color: white;
}

#backToTop svg {
	width: 30px;
	height: 30px;
	fill: white;
}

#backToTop:focus svg,
#backToTop svg:hover {
	fill: #101F59;
}

#backToTop:focus svg path:nth-of-type(3),
#backToTop svg:hover path:nth-of-type(3) {
	fill: #F6ED4E;
}



@media all and (min-width: 700px) {
	/*Back to top*/
	#backToTop {
		right: 5px;
		font-size: 14px;
	}

	#backToTop span {
		max-width: 40px;
	}

	#backToTop svg {
		width: 40px;
		height: 40px;
	}
}

@media all and (min-width: 1400px) {
	.btn.btn--primary-big {
	    padding: 16px 32px;
	}

	.btn.btn--secondary-big {
	    padding: 16px 32px;
	}

	.btn.btn--tertiary-big {
	    padding: 16px 32px;
	}

	/*Back to top*/
	#backToTop {
		right: 10px;
		font-size: 16px;
	}

	#backToTop span {
		max-width: unset;
	}

	#backToTop svg {
		width: unset;
		height: unset;
	}
}
/****** FILE: themes/dpa/css/components/header.css *****/
.header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.header p {
    font-size: 18px;
    line-height: 26px;
}

.header.header--blue {
    min-height: 300px;
    padding-top: 10px;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, #AEE1E5 70%, white 30%);
}

.header.header--blue p {
    font-size: 20px;
}

.header.header--blue img {
    margin-top: 20px;
    max-width: 280px;
}

/*Hero with text, button and video icon on blue background */
.header.header--text-icon-blue {
    background-color: #101F59;
}

.header.header--text-icon-blue h1 {
    margin-top: 10px;
    color: white;
}

.header.header--text-icon-blue .column--two-third img {
    margin-bottom: 36px;
}

.header.header--text-icon-blue p,
.header.header--text-icon-blue a:not(.btn) {
    color: white;
}

.header.header--text-icon-blue .btn:focus,
.header.header--text-icon-blue .btn:hover {
    outline: 3px solid #F6ED4E;
}

/*Hero with text and button on light blue background */
.header.header--text-lightblue {
    background-color: #F0FBFA;
}

.header.header--text-lightblue p {
    font-size: 24px;
    line-height: 36px;
}

@media all and (min-width: 1400px) {
	.header {
        padding-top: 40px;
        padding-bottom: 40px;
	}

    .header p {
        font-size: 24px;
        line-height: 36px;
    }
}
/****** FILE: themes/dpa/css/components/card.css *****/
.cards {
	list-style: none;
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr;
	gap: 28px;
	margin: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.cards--wrap {
	flex-wrap: wrap;
}

.card {
	padding: 36px;
	width: 100%;
	border: 1px solid #5BC6CC;
	border-radius: 20px;
}

.card h3,
.card h4,
.card p {
	margin: 0;
}

.card img {
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

/*Card Events Next and Previous*/
.glide__slides .card.card--horizontal-event {
	display: flex;
	flex-direction: column;
}

.glide__slides .card.card--horizontal-event .post-summary-date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
	padding: 15px;
	min-width: 100px;
	background-color: #F593A5;
	color: #101F59;
	font-weight: 700;
	text-align: center;
}

.glide__slides .card.card--horizontal-event .post-summary-date p:nth-of-type(1) {
	font-size: 54px;
	line-height: 54px;
}

.glide__slides .card.card--horizontal-event .post-summary-date p:nth-of-type(2) {
	font-size: 27px;
	line-height: 27px;
}

.glide__slides .card.card--horizontal-event .post-summary-date p:nth-of-type(3) {
	font-size: 24px;
	line-height: 24px;
}

.glide__slides .card.card--horizontal-event .post-summary-image {
    min-width: 155px;
    min-height: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.glide__slides .card.card--horizontal-event .post-summary-body {
	padding: 26px 36px;
}

/*Card Blog Post Summary*/
.cards.post-summary {
	margin-top: 50px;
	padding-left: 0;
	padding-right: 0;
}

.card.post-summary {
	display: flex;
	flex-direction: column;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

.card.post-summary .post-summary-image {
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.card.post-summary .post-summary-body {
	padding: 26px 36px 0 36px;
}

.card.post-summary .post-summary-title {
	font-size: 20px;
	line-height: 30px;
}

.card.post-summary .post-summary-date {
	display: inline-block;
	margin-bottom: 15px;
    color: #404040;
    font-size: 16px;
}

.card.post-summary .post-summary-icon {
    padding: 5px 0 5px 35px;
    background-position: left top 8px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    color: #101F59;
    font-size: 16px;
}

.card.post-summary .post-summary-icon a {
    color: #031602;
    font-size: 16px;
}

.card.post-summary .post-summary-event-date {
    background-image: url('/_resources/themes/dpa/assets/icon-date.svg');
}

.card.post-summary .post-summary-event-time {
    background-image: url('/_resources/themes/dpa/assets/icon-time.svg');
}

.card.post-summary .post-summary-event-location {
    background-image: url('/_resources/themes/dpa/assets/icon-location.svg');
}

.card.post-summary .post-summary-event-cost {
    background-image: url('/_resources/themes/dpa/assets/icon-cost.svg');
}

.card.post-summary .post-summary-category {
    background-image: url('/_resources/themes/dpa/assets/icon-category.svg');
}

.card.post-summary .post-summary-tag {
    background-image: url('/_resources/themes/dpa/assets/icon-tag.svg');
}

.card.post-summary .post-summary-region {
    background-image: url('/_resources/themes/dpa/assets/icon-location.svg');
}

.card.post-summary .post-summary-footer {
	margin-top: auto;
	padding: 0 36px 26px 36px;
}

.card.post-summary .post-summary-footer .btn {
	width: 100%;
}

/*Card Blog Post Summary - List View*/
.cards.post-summary.cards--list-view {
	display: block;
}

.cards.post-summary.cards--list-view .card.post-summary {
	border: none;
	border-bottom: 1px solid #5BC6CC;
	border-radius: 0;
}

.cards.post-summary.cards--list-view  .card.post-summary p {
    margin-top: 20px;
}

.cards.post-summary.cards--list-view  .card.post-summary .post-summary-body {
    padding: 20px 0;
}

.cards.post-summary.cards--list-view  .card.post-summary .post-summary-downloads {
	padding: 0 2px 20px;
}

.cards.post-summary.cards--list-view .post-summary-date,
.cards.post-summary.cards--list-view hr,
.cards.post-summary.cards--list-view .post-summary-footer {
	display: none;
}

/*Card Highlight*/
.card.card--highlight {
	display: grid;
	gap: 24px;
	padding: 0 0 12px;
	height: 100%;
	border: none;
}

.card.card--highlight h3 {
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.card.card--highlight h3 img {
	margin: 0;
	max-width: 35px;
	max-height: 35px;
}

.card.card--highlight h3 a {
	padding: 2px 10px;
	border: 2px solid transparent;
	text-decoration: none;
}

.card.card--highlight h3 a:focus,
.card.card--highlight h3 a:hover {
	background-color: white;
	border: 2px solid #101F59;
}

.card.card--highlight p {
	line-height: 24px;
}

.card.card--highlight > img {
	width: 100%;
	border-radius: 24px;
}

.card.card--highlight .card .btn {
	align-self: end;
}

/*Card White*/
.cards.cards--3-col-white .card {
	display: grid;
	grid-template-rows: max-content;
	gap: 25px;
	height: 100%;
	border-radius: 24px;
	box-shadow: 3px 3px 9px 0px rgba(15, 32, 89, 0.10);
}

.cards.cards--3-col-white .card .btn {
	align-self: end;
}

/*Card White Alternate - No box shadow and small image on the top */
.cards.cards--3-col-white-alt .card {
	display: grid;
	grid-template-rows: max-content;
	gap: 25px;
	align-content: flex-start;
	height: 100%;
	border-radius: 24px;
}

.cards.cards--3-col-white-alt .card * {
	order: 2;
}

.cards.cards--3-col-white-alt .card img {
	order: 1;
	margin-left: unset;
	margin-right: unset;
}

.cards.cards--3-col-white-alt .card .card__subSubtitle {
	color: #101F59;
}

.cards.cards--3-col-white-alt .card .btn {
	align-self: end;
}

/*Card Blue*/
.cards.cards--4-col-blue .card {
	display: grid;
	gap: 25px;
	background-color: #101F59;
	border: none;
	box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.25);
}

.cards.cards--4-col-blue .card img {
	display: none;
}

.cards.cards--4-col-blue .card h3 {
	color: white;
}

.cards.cards--4-col-blue .card p {
	color: white;
	font-size: 16px;
	line-height: 20px;
}

/*Card Staff*/
.cards.cards--staff {
	justify-items: center;
	row-gap: 60px;
}

.cards.cards--staff .card {
	display: flex;
	flex-direction: column;
	padding: 0;
	height: 100%;
	max-width: 300px;
	border: none;
}

.cards.cards--staff .card .card__image {
	margin: 0 auto;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
}

.cards.cards--staff .card .card__image.card__image--placeholder {
	background-color: #F0FBFA;
    background-image: url('/_resources/themes/dpa/assets/welcome.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px 80px;
}

.cards.cards--staff .card h3 {
	color: #031602;
	font-size: 24px;
	line-height: 36px;
}

.cards.cards--staff .card__body {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.cards.cards--staff .card .card__job-title {
	margin-bottom: 20px;
	color: #101F59;
}

.cards.cards--staff .card__footer {
	margin-top: auto;
	text-align: center;
}

/*Card Contact Details*/
.section.element.dpa__models__blocks__contactdetail {
	background-color: #F0FBFA;
}

.cards.cards--contact-details {
	grid-template-columns: 1fr;
}

.cards.cards--contact-details .card {
	display: grid;
	grid-template-columns: 60px 1fr;
	padding: 36px 36px 15px;
	border: none;
}

.cards.cards--contact-details .card .card__image img {
	width: auto;
	min-height: 22px;
}

.cards.cards--contact-details .card .card__body h3 {
	margin-bottom: 10px;
}

.cards.cards--contact-details .card .card__body a {
	color: #031602;
}

/*Card Download*/
.card.card--download {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	border: 2px solid #5BC6CC;
}

.card.card--download h3 {
	margin-bottom: 30px;
}

.card.card--download a {
	margin-bottom: 24px;
	font-weight: 400;
	text-align: left;
}

.card.card--download a:focus svg path,
.card.card--download a:hover svg path {
	fill: white;
}

.card.card--download svg {
	margin-right: 15px;
	min-width: 20px;
}

/*Card Member*/
.card.card--member {
	display: grid;
	gap: 24px;
	align-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	max-width: 380px;
	box-shadow: none !important;
}

.card.card--member img {
	margin-right: unset;
    margin-left: unset;
}

a.card {
	text-decoration: none;
}

.card.card--small {
	max-width: 200px;
}

.card img.img--large {
	width: auto;
	height: 130px;	
}

.card img.img--circle {
	border-radius: 50% 50%;
}

/* A large teal shaded area above the card */
.cards.cards--teal .card {
	border-top: 45px solid #5EC3CB;
}

.cards.cards--teal .card:focus,
.cards.cards--teal .card:hover {
	border-top-color: black;
}

.cards.cards--teal .card h3 {
	padding-bottom: 15px;
	border-bottom: 1px solid #5EC3CB;
}

.cards.cards--teal .card a {
	display: block;
	padding-top: 15px;
	border-top: 1px solid #5EC3CB;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #0C1E5F;
}

/* Latest News */
.cards.cards--news .card {
	padding: 0;
	border: 1px solid #0C1E5F;
}

.cards.cards--news .card .card__image {
	height: 170px;
	border-bottom: 1px solid #0C1E5F;
}

.cards.cards--news .card .card__body {
	padding: 20px;
	background-color: #5EC3CB14;
	text-align: left;
}

.cards.cards--news .card .card__body h3 {
	font-size: 20px;
}

.cards.cards--news .card .card__footer {
	padding: 0 20px 20px;
	background-color: #5EC3CB14;
	text-align: right;
}

/*Horizontal cards*/
.cards.cards--horizontal {
	flex-direction: column;
}

.cards.cards--horizontal .card {
	position: relative;
	max-width: 100%;
	padding-right: 100px;
	text-align: left;
}

.cards.cards--horizontal a.btn {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

/*Horizontal cards with image on the left*/
.cards.cards--horizontal-image {
	flex-direction: column;
}

.cards.cards--horizontal-image .card {
	display: flex;
	max-width: 100%;
}

.cards.cards--horizontal-image .card .card__image {
	flex-basis: 45%;
}

.cards.cards--horizontal-image .card .card__image h3 {
	margin-top: 0;
}

.cards.cards--horizontal-image .card .card__body {
	text-align: left;
}

.cards.cards--horizontal-image .card .card__body p {
	margin-top: 0;
}

.cards.cards--horizontal-image .card .card__body a {
	display: block;
	padding-top: 15px;
	border-top: 1px solid #5EC3CB;
	text-decoration: none;
	font-weight: bold;
	color: #0C1E5F;
}

/*Document cards*/
.cards.cards--documents {
	flex-direction: column;
}

.cards.cards--documents .card {
	position: relative;
	max-width: 100%;
	padding-right: 100px;
	text-align: left;
}

.cards.cards--documents a.btn {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

@media all and (min-width: 700px) {
	.cards {
		grid-template-columns: 1fr 1fr;
	}

	/*Card Blue*/
	.cards.cards--4-col-blue .card img {
		display: block;
		min-height: 70px;
	}

	/*Card Staff*/
	.cards--staff {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.cards.cards--staff .card {
		max-width: auto;
	}

	/*Card Events Next and Previous*/
	.glide__slides .card.card--horizontal-event {
		flex-direction: row;
	}

	/*Card Contact Details*/
	.cards.cards--contact-details {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (min-width: 1250px) {
	.cards {
		grid-template-columns: 1fr 1fr 1fr;
	}

	/*Card Staff*/
	.cards--staff {
		margin-right: 33%;
	}
}

@media all and (min-width: 1400px) {
	.cards {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	/*Card Blog Post Summary*/
	.cards.post-summary {
		margin-top: 0;
		grid-template-columns: 1fr 1fr 1fr;
	}

	/*Card White*/
	.cards.cards--3-col-white {
		grid-template-columns: 1fr 1fr 1fr;
	}

	/*Card White Alternate - No box shadow and small image on the top */
	.cards.cards--3-col-white-alt {
		grid-template-columns: 1fr 1fr 1fr;
	}

	/*Card Staff*/
	.cards--staff {
		grid-template-columns: 1fr 1fr 1fr;
	}

	/* Card Staff - Four Images Per Row*/
	.cards--staff.cards--staff-4-col {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.cards--staff.cards--staff-4-col .card .card__image {
		width: 120px;
		height: 120px;
	}

	.cards--staff.cards--staff-4-col .card h3 {
		font-size: 18px;
		line-height: 27px;
	}

	/*Card Contact Details*/
	.cards.cards--contact-details {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.cards--left {
		justify-content: flex-start;
	}

	.card {
		flex: 0 1 30%;
	}

	/*Horizontal cards*/
	.cards.cards--horizontal {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.cards.cards--horizontal .card {
        flex-basis: 48%;
	}
}
/****** FILE: themes/dpa/css/components/forms.css *****/
/*User form input fields*/
.userform .userform-fields .field {
	margin-bottom: 25px;
}

.userform .userform-fields label {
	display: block;
	margin-bottom: 10px;
	color: #031602;
	font-size: 18px;
	font-weight: 400;
}

.userform .userform-fields input,
.userform .userform-fields textarea {
	padding: 16px 20px;
	width: 100%;
	background-color: white;
	border-radius: 12px;
	border: 1px solid #101F59;
	color: #404040;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.userform .userform-fields input:focus,
.userform .userform-fields textarea:focus {
	outline: 3px solid #101F59;
}

.userform .userform-fields input::placeholder,
.userform .userform-fields textarea::placeholder {
	color: #404040;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.userform .userform-fields input.error,
.userform .userform-fields textarea.error {
	outline: 4px solid #DB0000;
}

.userform .userform-fields .error.message {
	display: block;
	margin-top: 10px;
	padding: 8px 16px 8px 46px;
	background-image: url("/_resources/themes/dpa/assets/icon-info.svg");
	background-repeat: no-repeat;
	background-position: left 16px center;
	background-color: rgba(221, 0, 0, 0.1);
	border-radius: 5px;
	color: rgba(3, 22, 2, 1);
	font-size: 14px;
}

.userform .userform-fields .textarea .error.message {
	margin-top: 5px;
}

.userform .btn-toolbar {
	margin-top: 40px;
	margin-bottom: 30px;
}

.userform .btn-toolbar input {
	position: relative;
	vertical-align: middle;
	display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    min-width: 200px;
	background-color: #101F59;
	border: 2px solid #101F59;
	border-radius: 24px;
	color: white;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	cursor: pointer;
}

.userform .btn-toolbar input:focus,
.userform .btn-toolbar input:hover {
	background-color: #F6ED4E;
	border: 2px solid #101F59;;
	color: #101F59;
	font-weight: 700;
}

/*Contact Us page*/
.section.element.dnadesign__elementaluserforms__model__elementform {
	background-color: #F0FBFA;
}

.section.element.dnadesign__elementaluserforms__model__elementform .form-element__form {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	background-position: right 40px center;
	background-repeat: no-repeat;
	background-size: 282px 236px;
}

.section.element.dnadesign__elementaluserforms__model__elementform .form-element__form h2 {
	margin-bottom: 50px;
	padding-left: 1rem;
	border-left: 4px solid #101F59;
	line-height: 3rem;
}

.section.element.dnadesign__elementaluserforms__model__elementform .form-element__form form {
	max-width: 300px;
}

/*Get Involved Page: Newsletter subscription Form*/
form.subscription {
	margin-right: auto;
	margin-left: auto;
	max-width: 700px;
	border: 1px solid #5EC3CB;
	border-radius: 10px;
}

form.subscription .message {
	padding: 0 20px;
}

form.subscription fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form.subscription .subscription__header {
	padding: 0 20px;
	border-bottom: 1px solid #5EC3CB;
}

form.subscription .subscription__fields {
	padding: 20px 20px 0;
}

form.subscription .subscription__fields label {
	display: block;
	margin-bottom: 5px;
}

form.subscription .subscription__fields input {
	margin-bottom: 25px;
	padding: 12px 28px;
	width: 100%;
	border: 1px solid #0C1E5F;
	border-radius: 10px;
	font-size: 20px;
}

form.subscription .subscription__fields input::placeholder {
	color: lightgrey;
	opacity: 1; /* Firefox */
}

form.subscription .subscription__fields input::-ms-input-placeholder { /* Edge 12 -18 */
	color: lightgrey;
}

form.subscription .btn-toolbar {
	padding: 0 20px 25px;
	text-align: center;
}

form.subscription .btn-toolbar input.action {
	padding: 12px 28px;
	background-color: #0C1E5F;
	border: 2px solid #0C1E5F;
	border-radius: 10px;
	font-size: 20px;
	color: white;
	cursor: pointer;
}

form.subscription .btn-toolbar input.action:focus,
form.subscription .btn-toolbar input.action:hover {
	background-color: white;
	color: #0C1E5F;
}

form.subscription footer {
	display: flex;
	flex-direction: column;
	padding: 0 20px 20px 20px;
	border-top: 1px solid #5EC3CB;
}

form.subscription footer .btn {
	align-self: center;
}

/*Register Form*/
#Form_RegisterForm fieldset {
	padding: 0;
	border: none;
}

#Form_RegisterForm fieldset .field.text {
	padding-bottom: 20px;
}

#Form_RegisterForm fieldset label {
	font-size: 18px;
}

#Form_RegisterForm fieldset input[type="text"],
#Form_RegisterForm fieldset input[type="password"] {
	padding: 12px 24px;
	width: 100%;
	background-color: transparent;
	background-size: 22px 22px;
	border: 1px solid #101F59;
	border-radius: 12px;
	font-size: 16px;
	color: #404040;
}

#Form_RegisterForm input:focus {
	outline: 3px solid #101F59;
}

#Form_RegisterForm input.error {
	outline: 4px solid #DB0000;
}

#Form_RegisterForm .field.optionset > label {
	color: #031602;
	font-size: 24px;
	font-weight: 700;
}

#Form_RegisterForm .field.optionset ul.optionset {
	list-style: none;
    padding-left: 0;
}

#Form_RegisterForm [type="submit"] {
	padding: 12px 36px;
	min-width: 200px;
    background-color: #101F59;
    border: none;
	outline: 2px solid #101F59;
	border-radius: 24px;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

#Form_RegisterForm [type="submit"]:focus,
#Form_RegisterForm [type="submit"]:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

#Form_RegisterForm .member-message {
	padding-bottom: 20px;
}

#Form_RegisterForm .member-message span {
	display: inline-flex;
	padding: 3px 5px;
	background-color: rgba(221, 0, 0, 0.1);
	border-radius: 5px;
}

#Form_RegisterForm .member-message span img {
	margin-right: 5px;
}

#Form_RegisterForm .message:focus {
	outline: 4px solid #DB0000;
}

/*Profile Form*/
#Form_ProfileForm fieldset {
	padding: 0;
	border: none;
}

#Form_ProfileForm fieldset .field.text {
	padding-bottom: 20px;
}

#Form_ProfileForm fieldset label {
	font-size: 18px;
}

#Form_ProfileForm fieldset input[type="text"],
#Form_ProfileForm fieldset input[type="password"] {
	padding: 12px 24px;
	width: 100%;
	background-color: transparent;
	background-size: 22px 22px;
	border: 1px solid #101F59;
	border-radius: 12px;
	font-size: 16px;
	color: #404040;
}

#Form_ProfileForm [type="submit"] {
	padding: 12px 36px;
	min-width: 200px;
    background-color: #101F59;
    border: none;
	outline: 2px solid #101F59;
	border-radius: 24px;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

#Form_ProfileForm [type="submit"]:focus,
#Form_ProfileForm [type="submit"]:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

/*Login Form*/
#MemberLoginForm_LoginForm fieldset {
	padding: 0;
	border: none;
}

#MemberLoginForm_LoginForm fieldset .field.text {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

#MemberLoginForm_LoginForm fieldset .field.checkbox {
	padding-bottom: 20px;
}

#MemberLoginForm_LoginForm fieldset .field.checkbox label {
	padding: 10px 16px;
	background-color: transparent;
	border-radius: 2px;
	outline: 2px solid transparent;
	color: #101F59;
	font-weight: 400;
	text-decoration: underline;
}

#MemberLoginForm_LoginForm fieldset .field.checkbox label:focus,
#MemberLoginForm_LoginForm fieldset .field.checkbox label:hover {
	background-color: white;
	outline: 2px solid #101F59;
}

#MemberLoginForm_LoginForm fieldset label {
	min-width: 150px;
	font-size: 18px;
}

#MemberLoginForm_LoginForm fieldset input[type="text"],
#MemberLoginForm_LoginForm fieldset input[type="password"] {
	padding: 12px 24px;
	width: 100%;
	background-color: transparent;
	background-size: 22px 22px;
	border: 1px solid #101F59;
	border-radius: 12px;
	font-size: 16px;
	color: #404040;
}

#MemberLoginForm_LoginForm_Password_Holder .middleColumn {
	position: relative;
}

#MemberLoginForm_LoginForm input:focus {
	outline: 3px solid #101F59;
}

#MemberLoginForm_LoginForm input.error {
	outline: 4px solid #DB0000;
}

#MemberLoginForm_LoginForm [type="submit"] {
	padding: 12px 36px;
	min-width: 200px;
    background-color: #101F59;
    border: none;
	outline: 2px solid #101F59;
	border-radius: 24px;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

#MemberLoginForm_LoginForm [type="submit"]:focus,
#MemberLoginForm_LoginForm [type="submit"]:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

#MemberLoginForm_LoginForm #ForgotPassword a {
	padding: 10px 16px;
	background-color: transparent;
	border-radius: 2px;
	outline: 2px solid transparent;
	color: #101F59;
	font-weight: 400;
	text-decoration: underline;
}

#MemberLoginForm_LoginForm #ForgotPassword a:focus,
#MemberLoginForm_LoginForm #ForgotPassword a:hover {
	background-color: white;
	outline: 2px solid #101F59;
}

/*Lost Password Form*/
#LostPasswordForm_lostPasswordForm fieldset {
	padding: 0;
	border: none;
}

#LostPasswordForm_lostPasswordForm fieldset .field.text {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

#LostPasswordForm_lostPasswordForm fieldset label {
	min-width: 150px;
	font-size: 18px;
}

#LostPasswordForm_lostPasswordForm fieldset input[type="email"] {
	padding: 12px 24px;
	width: 100%;
	background-color: transparent;
	background-size: 22px 22px;
	border: 1px solid #101F59;
	border-radius: 12px;
	font-size: 16px;
	color: #404040;
}

#LostPasswordForm_lostPasswordForm input:focus {
	outline: 3px solid #101F59;
}

#LostPasswordForm_lostPasswordForm [type="submit"] {
	padding: 12px 36px;
	min-width: 200px;
    background-color: #101F59;
    border: none;
	outline: 2px solid #101F59;
	border-radius: 24px;
	color: white;
	font-size: 18px;
	text-wrap: wrap;
	cursor: pointer;
}

#LostPasswordForm_lostPasswordForm [type="submit"]:focus,
#LostPasswordForm_lostPasswordForm [type="submit"]:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

/*Search Form in Main Navigation and Search Page*/
#SearchForm_SearchForm fieldset {
	padding: 0;
	border: none;
}

#SearchForm_SearchForm fieldset input {
	padding: 12px 24px 12px 46px;
	width: 150px;
	border: 2px solid #0C1E5F;
	border-radius: 24px;
	font-size: 18px;
	color: #0C1E5F;
}

#SearchForm_SearchForm input:focus{
	outline: 3px solid #101F59;
}

#SearchForm_SearchForm fieldset input::placeholder {
	color: #0C1E5F;
	opacity: 1; /* Firefox */
}

#SearchForm_SearchForm fieldset input::-ms-input-placeholder { /* Edge 12 -18 */
	color: #0C1E5F;
}

/*Search Form in Main Navigation only*/
.nav--search #SearchForm_SearchForm {
    position: relative;
}

.nav--search #SearchForm_SearchForm fieldset input {
	padding: 12px 42px 12px 18px;
	background: none;
}

.nav--search #SearchForm_SearchForm_action_results {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 34px;
    height: 34px;
    background: none;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
}

.nav--search #SearchForm_SearchForm_action_results:focus,
.nav--search #SearchForm_SearchForm_action_results:hover {
	border: 2px solid #101F59;
	background-color: #F6ED4E;
}

.nav--search #SearchForm_SearchForm_action_results span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.nav--search #SearchForm_SearchForm_action_results::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url("/_resources/themes/dpa/assets/icon-search.svg") no-repeat center center;
	background-size: 22px 22px;
}

/*Search Form in Search Page only*/
.search-wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
}

.search-wrapper label {
	display: block;
	margin-bottom: 12px;
}

.search-wrapper #SearchForm_SearchForm fieldset {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.search-wrapper #SearchForm_SearchForm fieldset input {
	padding: 12px 24px;
	width: 100%;
	background: none;
}

.search-wrapper #SearchForm_SearchForm fieldset button.action {
	display: block;
	outline: 2px solid #101F59;
	background-color: #101F59;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	cursor: pointer;
}

.search-wrapper #SearchForm_SearchForm fieldset button.action:focus,
.search-wrapper #SearchForm_SearchForm fieldset button.action:hover {
	background-color: #F6ED4E;
	outline: 2px solid #101F59;
	color: #101F59;
	font-weight: 700;
}

/*Error message*/
.message.bad,
.message.error,
.message.required,
.message.validation {
	display: block;
	margin-top: 10px;
	padding: 8px 16px 8px 46px;
	background-image: url("/_resources/themes/dpa/assets/icon-info.svg");
	background-color: rgba(221, 0, 0, 0.1);
	background-repeat: no-repeat;
	background-position: left 16px center;
	border-radius: 5px;
	color: rgba(3, 22, 2, 1);
	font-size: 14px;
}

@media all and (min-width: 700px) {
	/*Contact Us page*/
	.section.element.dnadesign__elementaluserforms__model__elementform .form-element__form-image {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
	}

	/*Register Form*/
	#Form_RegisterForm fieldset .field > .middleColumn {
		width: 300px;
	}

	#Form_RegisterForm fieldset #Form_RegisterForm_Email_Holder,
	#Form_RegisterForm fieldset #Form_RegisterForm_Password_Holder {
		width: 300px;
	}

	/*Profile Form*/
	#Form_ProfileForm fieldset input[type="text"],
	#Form_ProfileForm fieldset input[type="password"] {
		width: 300px;
	}

	/*Login Form*/
	#MemberLoginForm_LoginForm fieldset .field.text {
		flex-direction: row;
	}

	#MemberLoginForm_LoginForm fieldset input[type="text"],
	#MemberLoginForm_LoginForm fieldset input[type="password"] {
		width: 300px;
	}

	/*Lost Password*/
	#LostPasswordForm_lostPasswordForm fieldset .field.text {
		flex-direction: row;
	}

	#LostPasswordForm_lostPasswordForm fieldset input[type="email"] {
		width: 300px;
	}

	/*Search Form*/
	.search-wrapper #SearchForm_SearchForm fieldset {
		grid-template-columns: 5fr 2fr;
	}
}

@media all and (min-width: 1400px) {
	/*Contact Us page*/
	.section.element.dnadesign__elementaluserforms__model__elementform .form-element__form {
		width: 1280px;
	}

	/*Search Form*/
	.search-wrapper {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
}
/****** FILE: themes/dpa/css/components/accordion.css *****/
.accordion h4 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.accordion__trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 20px;
  color: #101F59;
  text-align: left;
  cursor: pointer;
}

.accordion__trigger svg {
  flex: 0 0 35px;
}

.accordion__trigger svg.svg__plus {
  margin-right: 15px;
  background-color: #101F59;
  border-radius: 50%;
}

.accordion__trigger[aria-expanded="true"] svg.svg__plus {
  display: none;
}

.accordion__trigger:hover,
.accordion__trigger:focus {
  font-weight: 700;
}

.accordion__trigger:hover svg.svg__plus,
.accordion__trigger:focus svg.svg__plus {
  background-color: white;
}

.accordion__trigger:hover svg.svg__plus path ,
.accordion__trigger:focus svg.svg__plus path {
  fill: #101F59;
}

.accordion__trigger svg.svg__minus {
  display: none;
  margin-right: 15px;
}

.accordion__trigger[aria-expanded="true"] svg.svg__minus {
  display: block;
}

.accordion__copy {
  overflow: hidden;
  padding-left: 50px;
  max-height: 0;
  visibility: hidden;
}

.accordion__copy--open {
  visibility: visible;
  max-height: unset;
}

/*Blog filter*/
.accordion.accordion--filter .accordion__item {
  margin-bottom: 8px;
}

.accordion.accordion--filter .accordion__heading {
  margin-top: 0;
  margin-bottom: 0;
}

.accordion.accordion--filter .accordion__trigger {
  display: flex;
  justify-content: space-between;
  padding: 14px;
  width: 100%;
  background-color: #F0FBFA;
  border-left: 3px solid #101F59;
}

.accordion.accordion--filter .accordion__trigger[aria-expanded="true"] svg.svg__arrow-down {
  display: none;
}

.accordion.accordion--filter .accordion__trigger svg.svg__arrow-up {
  display: none;
}

.accordion.accordion--filter .accordion__trigger[aria-expanded="true"] {
  background-color: #101F59;
  color: white;
}

.accordion.accordion--filter .accordion__trigger[aria-expanded="true"] svg.svg__arrow-up {
  display: block;
}

.accordion.accordion--filter .accordion__copy {
  overflow: hidden;
}

.accordion.accordion--filter .accordion__copy--open {
  padding: 10px 14px;
  background-color: #F0FBFA;
  border-left: 3px solid #101F59;
}

.accordion.accordion--filter .accordion__copy ul {
  list-style-type: none;
  padding-left: 0;
}
/****** FILE: themes/dpa/css/components/media.css *****/
.iframe-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* Clickable area*/
.iframe--click-area {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 585px;
    height: 250px;
    background-color: black;
    border-radius: 20px;
    cursor: pointer;
}

.iframe--click-area > img {
    width: 70px;
    height: 70px;
}

.iframe--click-area .top-left {
    position: absolute;
    left: 30px;
    top: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    line-height: 36px;
}

.iframe--click-area .top-right {
    position: absolute;
    right: 30px;
    top: 30px;
}

.iframe--click-area .top-right img {
    width: 36px;
    height: 36px;
}

.iframe--click-area .top-right img:nth-of-type(2) {
    display: none;
}

.iframe--click-area .top-right:focus img:nth-of-type(1),
.iframe--click-area .top-right:hover img:nth-of-type(1) {
    display: none;
}

.iframe--click-area .top-right:focus img:nth-of-type(2),
.iframe--click-area .top-right:hover img:nth-of-type(2) {
    display: block;
}

.iframe--click-area .bottom-right {
    display: none;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

/*Clickable icons*/
.iframe--click-icons {
    position: relative;
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 48px;
    height: 48px;
}

.iframe--click-icons img:nth-of-type(2) {
    display: none;
}

.iframe--click-icons:focus img:nth-of-type(1),
.iframe--click-icons:hover img:nth-of-type(1) {
    display: none;
}

.iframe--click-icons:focus img:nth-of-type(2),
.iframe--click-icons:hover img:nth-of-type(2) {
    display: block;
}

@media all and (min-width: 700px) {
    /* Clickable area*/
    .iframe--click-area {
        height: 320px;
        border-radius: 24px;
    }

    .iframe--click-area > img {
        width: 84px;
        height: 84px;
    }

    .iframe--click-area .top-left {
        font-size: 24px;
    }

    .iframe--click-area .top-right img {
        width: 60px;
        height: 60px;
    }

    .iframe--click-area .bottom-right {
        display: block;
    }

    /*Clickable icons*/
    .iframe--click-icons {
        width: 80px;
        height: 80px;
    }
}
/****** FILE: themes/dpa/css/components/modal.css *****/
.modal {
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .75);
    padding: 40px;
    overflow: auto;
}

.modal.open {
    visibility: visible;
    z-index: 10000;
}

.modal__body {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 30px 30px 30px;
    background: #fff;
    border: 3px solid #0C1E5F;
    border-radius: 10px;
}

.modal__body h1 {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 0;
    border-radius: 2px;
    color: #031602;
}

.modal__body h1:focus {
    padding: 10px;
    outline: 2px solid #101F59;
}

.modal__body .modal__image img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-radius: 10px;
}

.modal__body .btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*Video*/
.modal.modal--video .modal__body {
    display: flex;
    justify-content: center;
    padding: 45px 15px 5px 15px;
    border: none;
    border-radius: 0;
}

.modal.modal--video .modal__video-wrapper {
    width: 100%;
}

body.modal-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}

@media all and (min-width: 1400px) {
    .modal__body {
        display: flex;
        padding: 30px;
        max-width: 70%;
    }

    .modal__body .modal__image {
        flex: 1 0 auto;
        padding-right: 30px;
    }

    .modal__body .modal__image img {
        margin-bottom: 0;
        width: auto;
        height: 200px;
    }

    .modal__body .btn {
        top: 20px;
        right: 20px;
    }

    /*Staff*/
    .modal.modal--staff .modal__body {
        display: grid;
        grid-template-columns: 265px 3fr;
        align-items: center;
        column-gap: 30px;
        max-width: 70%;
    }

    .modal.modal--staff .modal__body .modal__image {
        padding-right: 0;
    }

    .modal.modal--staff .modal__body .modal__image img {
        width: auto;
        height: 265px;
    }

    /*Video*/
    .modal.modal--video .modal__body {
        padding: 55px 15px 5px 15px;
    }
}
/****** FILE: themes/dpa/css/components/tabs.css *****/
.tabs {
  padding-left: 15px;
  padding-right: 15px;
}

[role="tablist"] {
  display: flex;
}

.tabs:not(.tabs--timeline) [role="tablist"] {
  flex-direction: column;
}

.tabs:not(.tabs--timeline) [role="tablist"] [role="tab"] {
  width: 100%;
  border-radius: 0;
}

.tabs:not(.tabs--timeline) [role="tablist"] [role="tab"]:first-of-type {
  border-bottom: none;
}

.tabs:not(.tabs--timeline) [role="tablist"] [role="tab"]:last-of-type {
  border-top: none;
}

[role="tab"],
[role="tab"]:focus,
[role="tab"]:hover {
  padding: 20px;
  width: 50%;
  border: 1px solid #101F59;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}

[role="tab"]:first-of-type {
  border-top-left-radius: 20px;
}

[role="tab"]:last-of-type {
  border-top-right-radius: 20px;
}

[role="tab"][aria-selected="true"] {
  background-color: #101F59;
  color: white;
}

[role="tab"][aria-selected="false"] {
  background-color: white;
}

[role="tabpanel"] {
  padding: 40px 30px;
  border: 1px solid #101F59;
  border-top: none;
  border-radius: 0 0 20px 20px;
  background: hsl(220deg 43% 99%);
  min-height: 10em;
  width: 100%;
  overflow: auto;
}

[role="tabpanel"].is-hidden {
  display: none;
}

.tabs:not(.tabs--timeline) [role="tabpanel"] .btn {
  min-width: auto;
}

.tabs:not(.tabs--timeline) [role="tabpanel"] .card {
  padding: 20px;
}

/*Timeline*/
.tabs.tabs--timeline [role="tablist"] {
  flex-wrap: wrap;
  gap: 30px;
}

.tabs.tabs--timeline [role="tab"] {
  padding: 10px 32px;
  width: auto;
  background-color: #101F59;
  border: 2px solid #101F59;
  border-radius: 24px;
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.tabs.tabs--timeline [role="tab"]:focus,
.tabs.tabs--timeline [role="tab"]:hover,
.tabs.tabs--timeline [role="tab"][aria-selected="true"] {
  background-color: #F6ED4E;
  border-color: #101F59;
  color: #101F59;
  font-weight: 700;
}

.tabs.tabs--timeline [role="tabpanel"] {
  padding: 40px 0;
  background: none;
  border: none;
  border-radius: none;
}

.tabs.tabs--timeline [role="tabpanel"] ol {
  list-style: none;
  padding-left: 0;
}

.tabs.tabs--timeline [role="tabpanel"] ol li {
  display: flex;
  gap: 30px;
}

.tabs.tabs--timeline [role="tabpanel"] ol .tabs--timeline-year {
  position: relative;
  margin: 0;
  padding-right: 30px;
  border-right: 4px solid #101F59;
  color: #101F59;
  font-size: 20px;
  font-weight: normal;
}

.tabs.tabs--timeline [role="tabpanel"] ol .tabs--timeline-year::after {
  position: absolute;
  top: 0;
  right: -16px;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #5BC6CC;
  border: 4px solid #101F59;
  border-radius: 50%;
}

.tabs.tabs--timeline [role="tabpanel"] ol .tabs--timeline-title {
  margin-top: 0;
  color: #101F59;
  font-size: 20px;
}

@media all and (min-width: 700px) {
  .tabs:not(.tabs--timeline) [role="tablist"] {
    flex-direction: row;
  }

  .tabs:not(.tabs--timeline) [role="tablist"] [role="tab"]:first-of-type {
    border-top-left-radius: 20px;
    border-right: none;
    border-bottom: 1px solid #101F59;
  }

  .tabs:not(.tabs--timeline) [role="tablist"] [role="tab"]:last-of-type {
    border-top-right-radius: 20px;
    border-left: none;
    border-top: 1px solid #101F59;
  }

  .tabs:not(.tabs--timeline) [role="tabpanel"] .btn {
    min-width: 200px;
  }

  .tabs:not(.tabs--timeline) [role="tabpanel"] .card {
    padding: 36px;
  }

  /*Timeline*/
  .tabs.tabs--timeline [role="tablist"] {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .tabs.tabs--timeline [role="tab"] {
    flex: 1;
  }
}

@media all and (min-width: 1400px) {
  .tabs.tabs--timeline [role="tabpanel"] ol .tabs--timeline-title {
    margin-top: 5px;
  }
}
/****** FILE: themes/dpa/css/components/glide.css *****/
.glide__slide a:focus {
    padding: 10px;
    outline: 2px solid #101F59;
    text-decoration: underline;
}

.glide--blog-posts .glide__arrows {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.glide--blog-posts .glide__arrows button {
	display: inline-flex;
	align-items: center;
	padding: 0;
	background-color: transparent;
	border: none;
	color: #101F59;
	font-family: Arial;
	font-size: 20px;
	text-decoration: underline;
	cursor: pointer;
}

.glide--blog-posts .glide__arrows button:focus,
.glide--blog-posts .glide__arrows button:hover {
	font-weight: 700;
	text-decoration: none;
}

.glide--blog-posts .glide__arrows button:focus svg path:nth-of-type(1),
.glide--blog-posts .glide__arrows button:hover svg path:nth-of-type(1) {
	fill: #101F59;
}

.glide--blog-posts .glide__arrows button:focus svg path:last-of-type,
.glide--blog-posts .glide__arrows button:hover svg path:last-of-type {
	fill: #F6ED4E;
}

.glide--blog-posts .glide__arrows .glide__arrow--right svg {
	margin-left: 15px;
}

.glide--blog-posts .glide__arrows .glide__arrow--left svg {
	margin-right: 15px;
}
/****** FILE: themes/dpa/css/components/footer.css *****/
.footer {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer h2 {
    font-size: 18px;
    line-height: 27px;
}

.footer p {
    color: #101F59;
    font-size: 16px;
    line-height: 24px;
}

.footer__list {
    list-style: none;
    padding: 0;
}

.footer__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

.footer__item img {
    margin-right: 16px;
    margin-bottom: 10px;
    width: auto;
    max-width: 100px;
    max-height: 35px;
}

.footer .footer__logo {
    width: auto;
    height: auto;
    max-width: 280px;
    max-height: 100px;
}

/*Primary*/
.footer.footer--primary {
    background-color: #D8F4F5;
}

.footer.footer--primary .grid {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 60px;
    row-gap: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.footer.footer--primary .btn {
    margin-bottom: 25px;
}

.footer.footer--primary .footer__copyright.footer__copyright--desktop {
    display: none;
}

.footer.footer--primary .footer__copyright p {
    margin: 0;
    color: #404040;
    font-size: 14px;
    line-height: 20px;
}

.footer.footer--primary .footer__list--menu a {
    margin-left: -14px;
    padding: 6px 16px;
    outline: 2px solid transparent;
    border-radius: 2px;
    color: #101F59;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}

.footer.footer--primary .footer__list--menu a:focus,
.footer.footer--primary .footer__list--menu a:hover {
    outline: 2px solid #101F59;
    background-color: white;
}

.footer.footer--primary .footer__list--social {
    display: flex;
}

.footer.footer--primary .footer__list--social svg {
    width: 30px;
    height: 30px;
    fill: #101F59;
}

.footer.footer--primary .footer__list--social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    outline: 2px solid transparent;
}

.footer.footer--primary .footer__list--social a:focus,
.footer.footer--primary .footer__list--social a:hover {
    outline: 2px solid #101F59;
    background-color: #101F59;
}

.footer.footer--primary .footer__list--social a:focus svg,
.footer.footer--primary .footer__list--social a:hover svg {
    fill: #F6ED4E;
}

.footer.footer--primary .footer__list--social a .instagram path {
    fill: #101F59;
    stroke: #101F59;
}

.footer.footer--primary .footer__list--social a:focus .instagram path,
.footer.footer--primary .footer__list--social a:hover .instagram path {
    fill: #F6ED4E;
    stroke: #F6ED4E;
}

.footer.footer--primary .footer__list--social li {
    padding-right: 16px;
}

/*Secondary*/
.footer.footer--secondary {
    background-image: url('/_resources/themes/dpa/assets/bg-footer-curve.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

@media all and (min-width: 700px) {
    /*Primary*/
    .footer.footer--primary .grid {
        row-gap: 30px;
    }

    .footer.footer--primary .footer__list--menu a {
        padding: 12px 16px;
        color: #404040;
        line-height: 48px;
        text-decoration: underline;
    }
}

@media all and (min-width: 1400px) {
    .footer.footer--primary .grid {
        grid-template-columns: 7fr 3fr 3fr;
    }

    .footer__item {
        padding-right: 15px;
    }

    .footer__item a:last-of-type {
        margin-right: 0;
    }

    .footer.footer--primary .footer__copyright.footer__copyright--desktop {
        display: block;
    }

    .footer.footer--primary .footer__copyright.footer__copyright--mobile {
        display: none;
    }
}