@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------------------ */
/* PAGE WIDE PADDING */
/* ------------------------------------------------------ */
/* if you change the right padding then you will also need to adjust the right offset of the .right-side-content-container to match as well as the padding for .content-page-content-section, .content-page-top-content area and .content-page-main-content-area */
 .block-container {
	 width: 100vw;
}
 .content-container {
	 max-width: calc(1440px - 200px);
	 margin: 0 auto;
	 padding-left: 100px;
	 padding-right: 100px;
}
 @media only screen and (max-width: 768px) {
	 .content-container {
		 padding-left: 20px;
		 padding-right: 20px;
	}
}
 @media only screen and (max-width: 375px) {
	 .image-container {
		 margin-left: -20px;
		 margin-right: -20px;
	}
}
/* ------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------ */
 .sr-hide {
	 opacity: 0;
	 max-height: 0;
	 max-width: 0;
	 overflow: hidden;
	 position: absolute;
	 top: -99999999px;
	 left: -99999999px;
}
 @media only screen and (min-width: 769px) {
	 .homepage.main-content-area.light-yellow-bg {
		 display: flex;
	}
	 .homepage.main-content-area.light-yellow-bg div.content-container {
		 flex: 1;
	}
	 .mobile-only {
		 display: none;
	}
}
 body {
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 color: #005581;
	 background-color: #fbfbfa;
	 line-height: 1.5;
	 font-size: 15pt;
	 overflow-wrap: break-word;
}
 button {
	 cursor: pointer;
}
/* TEXT STYLES */
 strong {
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
}
 em {
	 font-family: "KievitProItalic", Arial, Helvetica, sans-serif;
	 font-style: italic;
}
 p {
	 font-family: "LyonRegular", "Times New Roman", Times, serif;
}
 p strong {
	 font-family: "LyonBold", "Times New Roman", Times, serif;
	 font-weight: bold;
}
 p em {
	 font-family: "LyonItalic", "Times New Roman", Times, serif;
	 font-style: italic;
}
 a {
	 text-decoration: none;
	 border-bottom: 1px dotted;
	 color: inherit;
}
 a:hover {
	 color: #000;
	 border-bottom-style: solid;
}
 a.button-link {
	 display: inline-block;
	 height: 20px;
	 border-radius: 20px;
	 padding: 10px 30px;
	 background-color: #005581;
	 font-size: 0.85em;
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 border: none;
}
 a.button-link.yellow {
	 color: #ffd200;
}
 a.button-link.white {
	 color: #fbfbfa;
}
 a.button-link.white:hover, a.button-link.yellow:hover {
	 background-color: #002033;
	 color: #fff;
	 border: none;
}
 h1, h2, h3, h4, h5, h6, hr, ul, ol, p {
	 margin-bottom: 50px;
}
 .image-container, table, .blockquote-container {
	 margin-bottom: 42px;
}
 .content-section :last-child:not(hr) {
	 margin-bottom: 0;
}
 h1, h2, h3, h4, h5, h6 {
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 line-height: 1.25;
}
 h1 {
	 font-size: 2em;
}
 h2 {
	 font-size: 1.8em;
}
 h3 {
	 font-size: 1.4em;
}
/* no styles provided for h5 and h6 in the mockup so I just had them match h4 */
 h4, h5, h6 {
	 font-size: 1.1em;
}
 hr {
	 border: 2px solid #005581;
	 width: 100px;
	 margin-left: 0;
	 text-align: left;
}
 ul, ol {
	 margin-left: 20px;
	 font-family: "LyonRegular", "Times New Roman", Times, serif;
}
 ul {
	 list-style: disc;
}
 ol {
	 list-style: decimal;
}
 li {
	 margin-bottom: 0.5em;
}
sup {
    vertical-align: super;
    font-size: 0.6em;
}

/* TABLE STYLES */
 table {
	 width: 100%;
	 border: 1px solid #dbd5cd;
	 font-size: 0.8em;
	/* TODO temp for testing + uncomment this to hide tables if needed display: none;
	 */
}
 thead, tfoot {
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 background-color: #ebe8e3;
}
 tbody tr:nth-child(odd) {
	 background-color: #fbfbfa;
}
 tbody tr:nth-child(even) {
	 background-color: #f6f5f3;
}
 thead tr td, thead tr th, tbody tr:not(:last-child) td, tbody tr:not(:last-child) th {
	 border-bottom: 1px solid #dbd5cd;
}
 tfoot td, tfoot th {
	 border-top: 1px solid #dbd5cd;
}
 tr td:not(:last-child), tr th:not(:last-child) {
	 border-right: 1px solid #dbd5cd;
}
 td, th {
	 padding: 20px;
	 vertical-align: bottom;
}
 .content-image {
	 border-radius: 8px;
}
 .content-image {
	 width: 100%;
}
 @media only screen and (max-width: 375px) {
	 .content-image {
		 border-radius: 0;
	}
}
/* BLOCKQUOTE STYLES */
 .blockquote-container {
	 margin-left: 0;
	 margin-right: 0;
	 margin-top: 0;
	 padding: 40px 45px;
	 background-color: #ebe8e3;
	 border-radius: 8px;
}
 blockquote {
	 font-family: "KievitProItalic", Arial, Helvetica, sans-serif;
	 font-style: italic;
	 position: relative;
}
 blockquote::before {
	 content: "\"";
	 position: absolute;
	 left: -10px;
}
 blockquote::after {
	 content: "\"";
}
 .blockquote-container figcaption {
	 margin-top: 32px;
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
}
 .blockquote-container cite {
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 font-weight: normal;
}
 @media only screen and (max-width: 375px) {
	 .blockquote-container {
		 padding: 40px 30px 40px 35px;
	}
}
 .yellow-bg {
	 background-color: #ffe552;
}
 .gray-bg {
	 background-color: #ebe8e3;
}
 .white-bg {
	 background-color: #fbfbfa;
}
/* ------------------------------------------------------ */
/* NOTICE */
/* ------------------------------------------------------ */
 .notice.block-container {
	 background-color: #005581;
}
 .notice.content-container {
	 color: #fff;
	 padding-top: 24px;
	 padding-bottom: 24px;
	 font-size: 0.85em;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
}
 .notice.block-container.closed {
	 display: none;
}
 .notice-content {
	 margin-right: 24px;
}
 .notice-close-button {
	 padding: 0;
	 border: none;
}
 .notice-content a {
	 color: inherit;
}
/* ------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------ */
 .header.block-container {
	 background-color: #ffd200;
}
 .header.content-container {
	 padding-top: 60px;
	 padding-bottom: 40px;
}
 .header-content-row {
	 margin-bottom: 68px;
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
}
 .header-content-right {
	 height: 68px;
	/* matches the wordmark height */
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 @media only screen and (max-width: 768px) {
	 .header.content-container {
		 padding-top: 32px;
	}
	 .header-content-row {
		 margin-bottom: 0;
	}
}
/* WORDMARK --------------------------*/
 .wordmark {
	 max-width: 100%;
}
/* SOCIAL ICONS ----------------------*/
 .social-icons-container {
	 text-align: right;
	 margin-bottom: 16px;
	 white-space: nowrap;
}
 .social-icon {
	 text-decoration: none;
	 border: none;
}
 .social-icon:hover {
	 border-bottom: none;
}
 .social-icon:not(:last-child) {
	 margin-right: 25px;
}
/* SEARCH -----------------------------*/
 .search-button {
	 background: transparent;
	 border: none;
}
 @media only screen and (max-width: 768px) {
	 .header .social-icons-container {
		 display: none;
	}
}
/* NAVIGATION MENU -------------------*/
 .nav-menu {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 flex-wrap: wrap;
	 text-align: right;
	 list-style: none;
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
}
 .nav-menu-item {
	 position: relative;
	 border-bottom: 3px solid transparent;
}
 .nav-menu-item.current {
	 border-bottom: 3px solid #005581;
}
 .nav-submenu {
	 position: absolute;
	 display: none;
	 list-style: none;
	 text-align: left;
	 margin: 0;
	 right: 0;
	 background-color: #ebe8e3;
	 z-index: 999;
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 border-top: 2px solid #005581;
	 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
 .nav-submenu-item {
	 white-space: nowrap;
	 margin: 0;
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 font-weight: normal;
}
 .nav-menu-item.current, .nav-submenu-item.current {
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
}
 .nav-menu-contents.closed .nav-submenu-item a:hover, .nav-submenu-item a:focus {
	 background-color: #fbfbfa;
}
 .nav-menu-item a[aria-expanded="true"] + .nav-submenu, .nav-menu-contents.closed .nav-menu-item:hover > .nav-submenu {
	 display: block;
}
 .nav-submenu-item a {
	 padding: 12px 0 12px 12px;
	 line-height: 1;
	 display: block;
	 width: calc(100% - 12px);
	 margin-right: 75px;
	 margin-top: 0;
	 margin-bottom: 0;
	 margin-left: 0;
}
 .nav-menu-item a:hover, .nav-submenu-item a:hover, .nav-menu-item a:focus, .nav-submenu-item a:focus {
	 color: #005581;
}
 .nav-submenu-item a:focus {
	 outline: none;
}
 .nav-submenu-toggle-button {
	 border: none;
	 background: none;
	 padding: 0;
	 margin-left: 2px;
	 position: relative;
	 top: -3px;
}
 .nav-arrow {
	 stroke: #005581;
}
 .nav-menu-item a, .nav-submenu-item a {
	 border: none;
}
 .nav-menu-item.page-item a:hover, .nav-menu-item.page-item a:focus {
	 border-bottom: 1px solid #005581;
}
 .nav-menu-item.page-item.current a:hover, .nav-menu-item.page-item.current a:focus {
	 border-bottom: none;
}
 .nav-menu-item:not(:first-child) {
	 margin-left: 32px;
}
 .nav-mobile-open-button, .nav-mobile-close-button {
	 background: none;
	 border: none;
	 padding: 0;
}
 .nav-mobile-open-icon {
	 fill: #005581;
}
 .nav-mobile-close-icon {
	 stroke: #005581;
}
 @media only screen and (max-width: 768px) {
	 .nav-menu-contents {
		 position: fixed;
		 top: 0;
		 right: 0;
		 width: 100%;
		 max-width: 375px;
		 min-height: 100vh;
		 z-index: 999;
		 background-color: #fbfbfa;
		 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
		 transition: 500ms right ease-in-out;
	}
	 .nav-menu-contents.closing {
		 display: block;
		 right: -375px;
	}
	 .nav-menu-contents.closed {
		 display: none;
		 right: -375px;
	}
	 .nav-menu-contents.begin-opening {
		 display: block;
		 right: -375px;
	}
	 .nav-menu-contents.opening, .nav-menu-contents.open {
		 display: block;
		 right: 0;
	}
	 .nav-menu-top-row {
		 display: flex;
		 justify-content: flex-end;
		 align-items: flex-start;
		 padding: 32px 20px 36px 20px;
	}
	 .nav-menu-top-row .wordmark {
		 display: none;
	}
	 .nav-menu {
		 flex-direction: column;
		 align-items: flex-start;
		 margin: 0;
	}
	 .nav-menu-item, .nav-menu-item.current, .nav-menu-item:not(:first-child) {
		 margin: 0;
		 text-align: left;
		 border: none;
		 width: 100%;
	}
	 .nav-submenu-item.current {
		 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
		 font-weight: normal;
	}
	 .nav-menu-item a > .nav-arrow-container {
		 transition: 250ms transform;
	}
	 .nav-menu-item a[aria-expanded="true"] + .nav-submenu, .nav-menu-item:hover > .nav-submenu {
		 position: static;
		 border: none;
		 box-shadow: none;
	}
	 .nav-menu-item > a, .nav-submenu-item a {
		 padding: 10px 0 10px 20px;
		 margin: 0;
		 width: 100%;
		 display: block;
		 font-size: 0.85em;
	}
	 .nav-menu-item > a {
		 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
		 font-weight: bold;
	}
	 .nav-submenu-toggle-button {
		 position: absolute;
		 top: 0;
		 right: 5px;
		 width: 45px;
		 height: 45px;
	}
	 .nav-arrow-container {
		 transform: scale(1.5);
		 transition: 250ms transform;
	}
	 .nav-menu-item a[aria-expanded="true"] ~ .nav-submenu-toggle-button .nav-arrow-container {
		 transform: scale(1.5) rotate(-180deg);
	}
	 .mobile-nav-search-form {
		 width: 100%;
		 padding: 0 20px;
		 margin-bottom: 36px;
	}
	 #mobile-nav-search-input {
		 width: calc(100% - 70px);
		 padding-right: 25px;
		 border-top: none;
		 border-left: none;
		 border-right: none;
		 border-bottom: 1px solid #005581;
		 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
		 font-weight: normal;
		 color: #005581;
		 font-size: 0.85em;
	}
	 #mobile-nav-search-input::placeholder {
		 color: #005581;
		 opacity: 1;
	}
	 .mobile-nav-search-submit {
		 border: none;
		 background: none;
		 width: 16px;
		 height: 16px;
		 position: relative;
		 right: 23px;
		 padding: 0;
	}
	 .nav-menu-contents .social-icons-container {
		 display: block;
		 padding-left: 20px;
		 text-align: left;
		 margin-top: 30px;
	}
}
 @media only screen and (max-width: 375px) {
	 .nav-menu-top-row {
		 justify-content: space-between;
	}
	 .nav-menu-top-row .wordmark {
		 display: block;
	}
}
/* CONTENT PAGE FEATURED IMAGE -------*/
 .content-page.featured-image-container {
	 margin-bottom: 60px;
}
 @media only screen and (max-width: 768px) {
	 .content-page.featured-image-container {
		 margin-top: 40px;
		 margin-bottom: 0;
	}
}
 @media only screen and (max-width: 375px) {
	 .content-page.featured-image-container {
		 margin-top: 32px;
	}
}
/* BREADCRUMBS ------------------------- */
 .breadcrumbs-container {
	 font-size: 0.8em;
}
 .breadcrumb-item:hover, .breadcrumb-item {
	 border: none;
}
 @media only screen and (max-width: 768px) {
	 .breadcrumbs-container {
		 margin-top: 40px;
	}
}
/* ------------------------------------------------------ */
/* CONTENT AREAS */
/* ------------------------------------------------------ */
 .homepage.top-content-area h2 {
	 font-size: 2em;
	 margin-bottom: 32px;
}
 .homepage.one-column-category h4, .homepage.two-column-category h4 {
	 font-size: 1.8em;
	 margin-bottom: 32px;
}
 .homepage .aside-column h4 {
	 font-size: 1.4em;
	 margin-bottom: 25px;
}
 .homepage .small-column {
	 width: 42%;
	 max-width: 525px;
	 flex: 1;
}
 .homepage .large-column {
	 width: 57%;
	 max-width: 585px;
	 flex: 1;
}
 .homepage .large-column.right {
	 padding-left: 65px;
}
 .homepage .large-column.left {
	 padding-right: 65px;
}
 @media only screen and (max-width: 768px) {
	 .homepage.top-content-area h2 {
		 font-size: 1.5em;
	}
	 .two-column-content .homepage-content-title {
		 font-size: 0.95em;
		 margin-bottom: 32px;
	}
	 .homepage.top-content-area p, .homepage.two-column-content p, .homepage.two-column-category p {
		 font-size: 0.9em;
	}
	 .homepage.one-column-category h4, .homepage.two-column-category h4 {
		 font-size: 1.5em;
	}
	 .homepage .aside-column h4 {
		 font-size: 1.3em;
		 margin-bottom: 25px;
	}
	 .homepage .large-column, .homepage .small-column {
		 width: auto;
		 max-width: none;
	}
	 .homepage .large-column, .homepage .large-column {
		 width: auto;
		 max-width: none;
	}
	 .homepage .large-column.left, .homepage .large-column.left, .homepage .large-column.left, .homepage .large-column.right {
		 padding-left: 0;
		 padding-right: 0;
	}
}
/* TOP CONTENT AREA ------------------*/
 .top-content-area.block-container {
	 background-color: #ffd200;
}
 .content-page.top-content-area.content-container {
	 padding-bottom: 60px;
}
 .homepage.top-content-area.content-container {
	 display: flex;
	 justify-content: space-between;
	 padding-bottom: 75px;
}
 .homepage.featured-image-container {
	 align-self: center 
}
 .homepage .featured-image {
	 width: 100%;
}
 @media only screen and (max-width: 768px) {
	 .top-content-area.content-container {
		 padding-bottom: 50px;
	}
	 .homepage.top-content-area.content-container {
		 flex-direction: column;
		 padding-bottom: 42px;
	}
	 .homepage-top-content-group {
		 order: 2;
		 width: auto;
	}
	 .homepage.featured-image-container {
		 margin-bottom: 35px;
		 width: auto;
		 min-width: 0;
		 order: 1;
	}
}
/* MAIN CONTENT AREA -----------------*/
 .main-content-area .content-section {
	 padding-top: 50px;
}
 .main-content-area > .content-section:first-child {
	 padding-top: 60px;
}
 .main-content-area > .content-section:last-child {
	 padding-bottom: 42px;
}
 .homepage.main-content-area.two-column-content {
	 display: flex;
	 justify-content: space-between;
	 padding-top: 75px;
	 padding-bottom: 75px;
}
 .two-column-content-column {
	 flex: 1;
}
 .two-column-content-column :last-child {
	 margin-bottom: 0;
}
 .homepage-content-title {
	 font-size: 1em;
	 text-transform: uppercase;
}
 .one-column-category .homepage-content-title {
	 position: absolute;
	 top: 0;
}
 .one-column-category .large-column {
	 align-self: center;
	 padding-top: 2em;
}
 .homepage.main-content-area.one-column-category {
	 padding-top: 85px;
}
 .homepage.main-content-area.one-column-category:last-child {
	 padding-bottom: 72px;
}
 .content-section.main-content-area.homepage.one-column-category .main-column {
	 display: flex;
	 justify-content: space-between;
	 position: relative;
}
 .content-section.main-content-area.homepage.one-column-category .main-column-reverse {
	 display: flex;
	 flex-direction: row;
	 position: relative;
}
 .homepage-main-content-area.two-column-category {
	 padding-top: 100px;
	 padding-bottom: 75px;
}
 .two-column-category .article-columns-box {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
}
 .two-column-category .article-columns-box .aside-column {
	 background: #bde3f6;
	 border-radius: 8px;
}
 .two-column-category .article-columns-box .aside-column .articles {
	 padding: 50px 50px 65px 50px;
}
 .two-column-category .article-columns-box .aside-column .content-image {
	 border-bottom-left-radius: 0;
	 border-bottom-right-radius: 0;
}
 .two-column-category .article-columns-box .aside-column .image-container {
	 margin-bottom: 0;
}
 .homepage .aside-column h1, h2, h3, h4, h5, h6, hr, ul, ol, p {
	 margin-bottom: 25px;
}
 .aside-column .homepage-content-title {
	 margin-bottom: 32px;
	 font-size: 0.9em;
}
 .aside-column .article:not(:last-child) {
	 margin-bottom: 50px;
}
 .homepage.main-content-area.content-section.two-column-category {
	 padding-top: 95px;
}
 .two-column-category .large-column .article {
	 padding-top: 75px;
}
 .two-column-category .large-column .article:first-child {
	 padding-top: 0;
}
 @media only screen and (max-width: 768px) {
	 .homepage.main-content-area.content-section.two-column-category {
		 padding-top: 0;
	}
	 .one-column-category .homepage-content-title {
		 position: static;
		 margin-bottom: 32px;
	}
	 .homepage.main-content-area.two-column-content {
		 flex-direction: column;
		 padding-top: 50px;
 		 padding-bottom: 50px;
	}
	 .homepage.main-content-area.one-column-category {
		 flex-direction: column;
		 padding-top: 40px;
	}
	.homepage.main-content-area.one-column-category .image-container {
	    margin-bottom: 0;
	}
	 .homepage.main-content-area.two-column-category .article {
		 padding-top: 50px;
	}
	 .homepage.main-content-area.two-column-category .aside-column .article {
		 padding-top: 0;
	}
	 .two-column-content-column:first-child {
		 margin-right: 0;
		 margin-bottom: 50px;
	}
	 .two-column-content-title {
		 margin-bottom: 32px;
	}
	 .content-section.main-content-area.homepage.one-column-category div.main-column {
		 display: flex;
		 flex-direction: column-reverse;
	}
	 .content-section.main-content-area.homepage.one-column-category div.main-column-reverse {
		 display: flex;
		 flex-direction: column;
	}
	 .two-column-category .article-columns-box {
		 display: flex;
		 flex-direction: column;
	}
	 .two-column-category .article-columns-box .aside-column .articles {
		 padding: 40px 20px;
	}
	 .two-column-category .article-columns-box .left-column, .two-column-category .article-columns-box .right-column {
		 width: auto;
		 margin-left: -20px;
		 margin-right: -20px;
	}
	 .two-column-category .article-columns-box .left-column .article-container {
		 padding-left: 20px;
		 padding-right: 20px;
	}
	 .homepage.main-content-area.two-column-category {
		 padding-left: 0;
		 padding-right: 0;
	}
	 .homepage.main-content-area.two-column-category {
		 padding-top: 0;
	}
	 .two-column-category .article-columns-box .aside-column {
		 margin-top: 55px;
	}
}
 @media only screen and (max-width: 375px) {
	 .two-column-category .article-columns-box .aside-column .image-container {
		 margin: 0;
	}
	 .two-column-category .article-columns-box .aside-column {
		 margin-left: -20px;
		 margin-right: -20px;
	}
	 .two-column-category .article-columns-box .aside-column .articles {
		 padding: 42px 20px;
	}
	 .homepage.main-content-area.two-column-category {
		 padding-bottom: 0;
	}
	 .homepage.main-content-area .one-column-category:first-child {
		 padding-top: 0;
	}
}
/* RIGHT SIDE CONTENT AREA -----------*/
 .page-content-group {
	 position: relative;
}
/* this bit makes room for the right side menu in content pages */
 .content-page.top-content-area .content-section, .content-page.main-content-area .content-section {
	 width: calc(66% - 128px);
}
 .right-side-content-group {
	 position: absolute;
	 top: 0;
	 right: calc( (100vw - 1240px) / 2 );
	 min-width: 280px;
	 max-width: 400px;
	 width: calc(33% - 100px);
}
 @media only screen and (max-width: 1440px) {
	 .right-side-content-group {
		 right: 100px;
	}
}
 .submenu.block-container, .aside.block-container {
	 width: auto;
}
 .submenu.content-container, .aside.content-container {
	 padding: 0;
}
 .submenu-content, .aside-content {
	 padding: 48px 30px;
	 border-radius: 8px;
}
 .submenu-content {
	 background-color: #ffe552;
}
 .submenu-items {
	 margin: 0;
	 list-style: none;
}
 .submenu-item {
	 font-size: 1em;
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 font-weight: normal;
	 margin-bottom: 20px;
}
 .submenu-item:last-of-type {
	 margin-bottom: 0;
}
 .submenu-root-item {
	 font-size: 1.1em;
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 margin-bottom: 30px;
}
 .submenu-root-item a {
	 border-bottom: 3px solid;
}
 .submenu-item.current-item:not(.submenu-root-item) a {
	 border-bottom: 1px solid;
}
 .submenu.content-container {
	 margin-bottom: 32px;
}
 .aside-content {
	 background-color: #ebe8e3;
}
 .aside-content .content-separator {
	 margin-top: 42px;
}
 .aside-content .image-container {
	 margin-bottom: 25px;
}
 .aside-content p, .aside-content ul, .aside-content li {
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
}
 .aside-content p strong {
	 font-family: "KievitProBold", Arial, Helvetica, sans-serif;
}
 .aside-content p em {
	 font-family: "KievitProItalic", Arial, Helvetica, sans-serif;
}
 .aside-title {
	 font-size: 1.1em;
	 margin-bottom: 40px;
}
 @media only screen and (max-width: 768px) {
	 .content-page.top-content-area .content-section, .content-page.main-content-area .content-section {
		 width: auto;
	}
	 .right-side-content-group {
		 position: static;
		 width: auto;
		 min-width: auto;
		 display: flex;
		 flex-direction: column;
	}
	 .submenu.block-container {
		 order: 2;
	}
	 .aside.block-container {
		 order: 1;
	}
	 .submenu.content-container, .aside.content-container {
		 margin-bottom: 24px;
	}
	 .submenu.content-container, .aside.content-container {
		 padding-left: 20px;
		 padding-right: 20px;
	}
	 .submenu.block-container, .aside.block-container {
		 width: 100vw;
	}
	 .aside-content .image-container {
		 width: fit-content;
	}
}
 @media only screen and (max-width: 375px) {
	 .submenu.content-container, .aside.content-container {
		 padding-left: 0;
		 padding-right: 0;
		 margin-bottom: 0;
	}
	 .submenu-content, .aside-content {
		 border-radius: 0;
	}
	 .aside-content {
		 padding-left: 20px;
		 padding-right: 20px;
	}
}
/* ------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------ */
 .footer-top.block-container, .footer-bottom.block-container {
	 background-color: #005581;
}
 .footer-top.block-container {
	 border-bottom: 1px solid #bde3f6;
}
 .footer-top.content-container, .footer-bottom.content-container {
	 color: #fff;
	 padding-top: 50px;
	 padding-bottom: 50px;
	 display: flex;
	 justify-content: space-between;
}
 .footer-links-container {
	 display: flex;
	 margin: 0 25px;
}
 .footer-links-container ul {
	 list-style: none;
	 margin: 0;
}
 .footer-links-container .footer-links-left-column {
	 margin-right: 50px;
}
 .footer-links-container li {
	 margin: 0;
	 line-height: 1.25;
	 color: #bde3f6;
}
 .footer-links-container a {
	 font-family: "KievitProBook", Arial, Helvetica, sans-serif;
	 font-size: 0.8em;
	 font-weight: normal;
}
 .footer-top .social-icons-container {
	/* TODO this is temporary until we get different colored icons */
	 background-color: #ebe8e3;
	 margin: 0;
}
 .footer-bottom.content-container {
	 padding-top: 36px;
	 padding-bottom: 60px;
}
 .footer-copyright-text {
	 color: #bde3f6;
	 font-size: 0.7em;
}
 @media only screen and (max-width: 768px) {
	 .footer-top.content-container {
		 flex-wrap: wrap;
	}
	 .footer-links-container {
		 order: 3;
		 margin: 40px 0 0 0;
		 flex-direction: column;
		 width: 100%;
	}
	 .footer-links-container .footer-links-left-column {
		 margin-bottom: 20px;
		 margin-right: 0;
	}
}
 @media only screen and (max-width: 440px) {
	 .footer-top.content-container {
		 flex-direction: column;
		 align-items: flex-start;
	}
	 .footer-top .social-icons-container {
		 margin-top: 40px;
	}
}