.c-hero-banner {	
	height:250px;			 
	background-blend-mode: multiply;	
	background-repeat:no-repeat;
	background-size: cover;
    background-position: center;
	background-color: #eee;
	position: relative;	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	
	text-align: center;
}

.c-hero-banner--overlay::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #000000 54.5%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.2;
}

.c-hero-banner h1 {
	margin:0;
	font-size:2rem;
	color:#fff;
	padding: 0 20px;
	margin-bottom: 15px;
	z-index:2;	
}

.c-hero-banner form.search-form input {
	width: 283px;
	height: 36px;
	font-weight: bold;
}

.c-hero-banner form.search-form button {
    top: 14px;
    left: auto;
	right: 15px;
}

@media only screen and (min-width:768px) {	
    .c-hero-banner {
		height:300px;	
	}
	
	.c-hero-banner h1 {
		font-size:3.2rem;	
	}	
}

@media only screen and (min-width:1024px) {
	
	.c-hero-banner {				
		background-position: left 0 center, center;	
		margin: 40px 25px 20px;
		padding: 10px 30px;	
		background-size: cover;
		border-radius: 12px;
	}
	
    .c-hero-banner--overlay::before {
        border-radius: 12px;
    }

	.c-hero-banner h1 {
		font-size:4.4rem;	
		line-height:5.5rem;
		margin-bottom: 25px;	
	}
}
@media only screen and (min-width:1024px) {
    
    .c-highlight-block {
        padding-left: 100px;
        margin-bottom: 40px;
        border-left-width: 4px;
        border-left-style: solid;
    }
    
    .c-highlight-block--primary {
        border-left-color: #006443;
    }
    
    .c-highlight-block--secondary {
        border-left-color: #006443;
    }
    
    .c-highlight-block--tertiary {
        border-left-color: #81B13E;
    }
    
    .c-highlight-block--lime {
        border-left-color: #B8C11C;
    }

    .c-highlight-block__cta {
        margin-top: 16px;
    }
}
.c-sector-support {
	display: flex;
    flex-direction: column;
    align-items: center;
	color: #006443;
    margin-bottom: 30px;
}

.c-sector-support__title {
	text-align: center;
    font-size: 1.4rem;
	max-width: 90%;
}


.c-sector-support__panels {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-self: stretch;
}

.c-sector-support__link {
	padding: 18px 24px;
	margin: 0 3px 7px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 30px;
	font-size: 1.4rem;
	border: 1px solid transparent;
	font-weight: bold;
	transition: border 130ms ease-in;
}

.c-sector-support__link:hover {
	box-shadow: 0 0 1px 0 #006443 inset, 0 0 1px 0 #006443;
	border: 1px solid #006443;
	text-decoration: none;
}

.c-sector-support__link--hidden {
	display: none;
}

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

    .c-sector-support {
        margin-bottom: 50px;
    }

    .c-sector-support__title {
		font-size: 2.4rem;
		margin-bottom: 24px;
	}
	
	.c-sector-support__link {
		margin: 0 6px 15px;
		font-size: 1.6rem;
	}
	
	.c-sector-support__link--show-more {
		display: none;
	}

	.c-sector-support__link--hidden {
		display: block;
	}
}
.c-support-suites__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.c-support-suites__item {
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-basis: calc(50% - 20px);
    margin-bottom: 36px;
    min-width: 200px;
    padding-right: 10px;
}

.c-support-suites__item:hover {
    text-decoration: none;
}

.c-support-suites__item:hover .c-support-suites__title {
    text-decoration: underline;
}

.c-support-suites__item .c-support-suites__icon i {
    transition: all 200ms cubic-bezier(0.79, 0.33, 0.14, 0.53);
}

.c-support-suites__item:hover .c-support-suites__icon i {
    transform: scale(1.2);
}

.c-support-suites__icon {
    font-size: 2.5rem;
    color: #81B13E;
    background-color: white;
    border-radius: 12px;
    margin-right: 18px;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.c-support-suites__title {
    font-size: 1.8rem;
    font-weight: bold;
}

@media only screen and (min-width:768px) {  
    .c-support-suites__item {
        flex-basis: calc(25% - 20px);
    }
}

@media only screen and (min-width:1024) {  
    .c-support-suites__item {
        flex-basis: calc(25% - 20px);
        margin-bottom: 44px;
    }
}


/* faqs */

section.faqs{
	margin-top: 40px;
}

section.faqs .faq main{
	max-height:0;
	overflow:hidden;	
}	

section.faqs .faq.open main{
	max-height:800px;
	transition: max-height 0.3s ease;
	color: #666;
	margin-bottom: 1.6rem;
}

section.faqs .faq.open main p{
	margin-top:0;
	font-size: 1.5rem;
}


section.faqs h3, .c-accordion__title{
	cursor:pointer;
	user-select: none;
	margin:0!important;
	padding: 20px 0 20px 60px;
	border-top: 1px solid #ddd;	
	position: relative;
	font-weight: normal;
	min-height: 90px;
	font-size: 1.7rem;
}

.c-accordion__title{
	padding: 10px 0 20px 60px;
}

section.faqs h3::after, .c-accordion__title::after{
	content: "+";
	display:block;
	position:absolute;
	left: 0;
	top:30%;
	background: #EFEFEF;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align:center;;	
}

section.faqs .faq.open h3::after {
	content: "–";
}

section.faqs main{
	
	padding-left: 60px;
	
}

section.faqs .faq:last-child{
	border-bottom: 1px solid #ddd;	
}







/* files */
a.file-card {
	display:flex;
	margin: 20px 0 10px;
	border: 1px solid #ccc;
	min-height: 130px;
	text-decoration: none;
	color: #444;
	flex-direction:column;
	justify-content: space-around;
}		

a.file-card:hover {	
	color: #006993;
	text-decoration: none;
}		

a.file-card article {
	display:flex;
	align-items: center;	
	padding: 0 10px;	
}

a.file-card article aside{
	width: 100px;
	flex-grow: 0;
	padding: 10px;
}

a.file-card article aside img{
	width: 60px;
}

a.file-card article main{
	flex-grow: 1;
	width: 100%;
	padding: 10px;
}

a.file-card article h4{
	margin: 0 0 10px;	
}

a.file-card article h4 small{
	  white-space: nowrap;
}

a.file-card article p{
	margin: 0;	
}

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

	
	.files-list{
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
		align-content: center;
	}
	
	.files-list a.file-card{
		flex-basis: 49%;
	}		
	
}


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


}

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}






footer {
	background: #ffffff;
	color: #006443;
	padding: 90px 60px;
}

footer .newsletter-panel {
	background: #efefef;
	padding: 23px 35px;
	border-radius: 12px;
	max-width: 210px;
}

footer .newsletter-panel i {
	font-size: 2.4rem;
	color: #81B13E;
}

footer .newsletter-panel h3 {
	font-size: 1.8rem;
	color:#333;
	line-height: 1.2;
	margin-top: 12px;
	margin-bottom: 10px;
}

.footer-menus__title {
	font-size: 1.8rem;
	font-weight: bold;
} 

footer .social {
	display: flex;
	align-items: center;
	margin: 24px 19px;
}

footer .social a {
	margin: 0 0 0 15px;
}

footer .social a i {
	font-size: 2.5rem;
}

footer a.button-tertiary {
	display: block;
}

footer ul {
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}

footer ul li {
	margin: 10px 0;
	font-size: 1.4rem;
}

footer ul ul {
	display: none;
}

footer .footer-copyright {
	margin-top: 35px;
}

@media only screen and (min-width:768px) {
	footer ul li {
		margin: 10px 15px 0 0;
	}

	.footer-menus {
		display: flex;
		flex-grow: 1;
		justify-content: space-around;
	}

	.footer-menus ul {
		margin-top: 0;
	}

	.footer-menus__column {
		flex-basis: 33.3%;
	}
}

@media only screen and (min-width:1024px) {
	.footer-top {
		display: flex;
		justify-content: space-between;
		
	}
	
	footer .newsletter-panel {
		margin-right: 109px;
	}
}
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */

@font-face {
	font-family: cera_proregular;
	src: url("../build/webfonts/3AF6ED_0_0.eot");
	src: url("../build/webfonts/3AF6ED_0_0.eot?#iefix") format("embedded-opentype"), url("../build/webfonts/3AF6ED_0_0.woff2") format("woff2"), url("../build/webfonts/3AF6ED_0_0.woff") format("woff"), url("../build/webfonts/3AF6ED_0_0.ttf") format("truetype");
	font-weight: bold;
	font-style: bold;
}

@font-face {
	font-family: cera_proregular;
	src: url("../build/webfonts/3AF6ED_1_0.eot");
	src: url("../build/webfonts/3AF6ED_1_0.eot?#iefix") format("embedded-opentype"), url("../build/webfonts/3AF6ED_1_0.woff2") format("woff2"), url("../build/webfonts/3AF6ED_1_0.woff") format("woff"), url("../build/webfonts/3AF6ED_1_0.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* html element 62.5% font-size for REM use */

html {
	font-size: 62.5%;
}

body {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.4;
	font-family: cera_proregular, Arial, sans-serif;
	color: #333;
	background: #EFEFEF;
	-webkit-font-smoothing: antialiased;
}

@media (hover: hover) {
	html {
		overflow-y: scroll;
	}
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 2.5rem;
}

main[role=main] h2:not(.c-sector-support__title) {
	font-size: 2.4rem;
	margin-top: 2.4rem;
	margin-bottom: 2rem;
}

main[role=main] article h2:first-child {
	margin-top: 0;
}

/* clear */

.clear:before, .clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #006443;
	text-decoration: none;
}

a:hover {
	color: #006443;
	text-decoration: underline;
}

a:focus {
	outline: 0;
	text-decoration: underline;
}

a:hover, a:active {
	outline: 0;
	text-decoration: underline;
}

input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}

button {
	display: inline-block;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	line-height: normal;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button.button, a.button {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 14px 36px;
	background: #006443;
	color: #fff;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	text-decoration: none!important;
	transition: background 0.3s ease;
	height: 50px;
}

button.button:hover, a.button:hover {
	background: #006443;
}

button.button-secondary, a.button-secondary {
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 14px 36px;
	border: 1px solid #006443;
	color: #006443;
	border-radius: 8px;
	text-decoration: none!important;
	transition: background 0.3s ease;
}

button.button-secondary:hover, a.button-secondary:hover {
	background: #006443;
	color: #fff;
}

button.button[disabled], a.button[disabled] {
	opacity: 0.5;
}

button.button-tertiary, a.button-tertiary {
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 14px 36px;
	border: 1px solid #81B13E;
	color: #000000;
	border-radius: 8px;
	text-decoration: none!important;
	transition: background 0.3s ease;
	background: #81B13E;
}

button.button-lime, a.button-lime {
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 14px 36px;
	border: 1px solid #B8C11C;
	color: #000000;
	border-radius: 8px;
	text-decoration: none!important;
	transition: background 0.3s ease;
	background: #B8C11C;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

.wrapper {
	max-width: 1330px;
	margin: 0 auto;
	position: relative;
	padding: 0 25px;
}

.wrapper.wrapper--no-padding {
	padding: 0;
}

.page-wrapper {
	padding: 20px;
}

@media only screen and (min-width:768px) {
	.page-wrapper {
		padding: 35px 0;
	}
}

/* main section */

main[role=main] {
	margin: 50px auto 35px;
}

.page-template-gov-response main[role=main], .page-template-faqs main[role=main], .post-template-default main[role=main], .page-template-default main[role=main], .error404 main[role=main], body.search main[role=main] {
	max-width: 900px;
}

main[role=complementary] {
	padding: 0 15px;
	max-width: 1100px;
	margin: 0 auto;
}

ul#crumbs {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.3rem;
}

ul#crumbs li {
	margin-right: 20px;
	position: relative;
	display: block;
}

ul#crumbs li::before {
	content: "";
	font-size: 1.8rem;
	position: absolute;
	right: -16px;
	top: 2.5px;
	display: block;
	line-height: 1.8rem;
	background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiAgPHBhdGggZD0iTTM5LjgzIDI2YTIuNTMgMi41MyAwIDAwLTEuNzUgNC4zNWwxOS41IDE5LjQzYy4xNi4xNi4xNC4yNy4wMi40TDM4LjA1IDY5LjY1YTIuNTMgMi41MyAwIDEwMy41OCAzLjZsMTkuNTQtMTkuNDhhNS40IDUuNCAwIDAwLS4wMi03LjU4bC0xOS41LTE5LjQzYTIuNTMgMi41MyAwIDAwLTEuODItLjc3eiIgZmlsbD0iIzQ0NCIvPg0KPC9zdmc+);
	width: 15px;
	height: 15px;
	background-size: cover;
}

ul#crumbs li:last-child::before {
	background: none;
}

ul#crumbs li:last-child a {
	color: #444;
}

.error404 .useful-links ul {
	margin: 0;
}

.error404 .useful-links ul ul {
	display: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

.wp-block-file {
	background: #EFEFEF;
	padding: 20px;
	margin: 30px 0;
	display: flex;
	max-width: 600px;
	justify-content: space-between;
	align-items: center;
}

.wp-block-file a {
	color: #746B61;
	text-decoration: none!important;
	pointer-events: none;
}

.wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button {
	background-color: transparent;
	border-radius: 3px;
	border: 1px solid #746B61;
	color: #746B61;
	pointer-events: auto;
	transition: background-color 0.3s ease;
}

.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:hover {
	color: #fff;
	background-color: #746B61;
}

.wp-block-media-text {
	margin: 3rem 0;
	display: block;
}

h3+.wp-block-media-text {
	padding-top: 0;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 0;
	max-width: 400px;
	margin: 0 auto;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 5% 0 0;
}

.wp-block-media-text .wp-block-media-text__content h3, .wp-block-media-text .wp-block-media-text__content p {
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__media {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.wp-block-media-text .wp-block-media-text__media img {
	max-width: 400px;
}

body.operational-guidance .wp-block-media-text .wp-block-media-text__media img {
	max-width: 220px;
}

.wp-block-media-text .wp-block-media-text__content .wp-block-button {
	margin: 10px 0;
}

.wp-block-media-text .wp-block-media-text__content .wp-block-button__link {
	font-size: 1.3rem;
	padding: 8px 18px;
}

.wp-block-media-text .wp-block-media-text__content .wp-block-file {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 15px 20px;
}

.wp-block-media-text .wp-block-media-text__content .wp-block-file .wp-block-file__button {
	margin: 15px 0 0 0;
}

.wp-block-button, .wp-block-button.aligncenter {
	margin: 40px 0 20px;
}

a.wp-block-button__link, a.wp-block-button__link:visited {
	font-size: 1.4rem;
	padding: 10px 20px;
	border: 1px solid #006443;
	;
	background: transparent;
	color: #006443;
	;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	max-width: 400px;
	margin: 0 20px;
	transition: background-color 0.3s ease;
}

a.wp-block-button__link:hover, a.wp-block-button__link:active, a.wp-block-button__link:focus {
	background: #006443;
	color: #fff;
	text-decoration: none;
}

.wp-block-gallery, .wp-block-image {
	margin: 50px 0;
}

h1+.wp-block-image, h2+.wp-block-image, h3+.wp-block-image {
	margin: 40px 0;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:768px) {
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	ul#crumbs {
		display: flex!important;
	}
	/* main[role=main] {
		padding: 0 40px;
	} */
	.wp-block-media-text {
		display: grid;
		grid-template-columns: 35% 1fr;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 0 0 5%;
		max-width: inherit;
		margin: 0;
	}
	.wp-block-media-text.has-media-on-the-right {
		grid-template-columns: 1fr 35%;
	}
	.wp-block-media-text .wp-block-media-text__media {
		margin-bottom: 0;
	}
	.wp-block-gallery, .wp-block-image {
		margin: 80px 0;
	}
}

@media only screen and (min-width:1024px) {
	main[role=main] {
		min-height: 500px;
	}

	main[role=main] h2:not(.c-sector-support__title) {
		font-size: 3.5rem;
		margin-top: 4.8rem;
		margin-bottom: 3.4rem;
	}

	.wp-block-media-text {
		display: grid;
		grid-template-columns: 30% 1fr;
	}
	.wp-block-media-text.has-media-on-the-right {
		grid-template-columns: 1fr 30%;
	}
}

@media only screen and (min-width:1280px) {
	main[role=main] .homepage-main {
		padding: 0 100px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

.post-edit-link {
	display: none;
}
.header-wrapper {
	background: #ffffff;
	border-top: 5px solid #81B13E;
}

header {
	padding: 20px 0;
	display: flex!important;
	justify-content: space-between;
	position: relative;
}

header .logo {
	margin: 0;
	flex-grow: 1;
	opacity: 1;
	transition: opacity 270ms ease-in 300ms;
}

header .logo.is-hidden {
	opacity: 0;
	transition: opacity 70ms ease-in;
}


header .logo a img {
	width: auto;
	height: auto;
	padding-right: 20px;
	max-width: 130px;
}

header aside.burger {
	margin-top: 3px;
	flex-grow: 0;
	margin-right: 0;
}

header aside.burger button {
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M4 16h24M4 8h24M4 24h24' stroke='%23006443' stroke-width='2.556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs /%3E%3C/svg%3E");
	background-size: cover;
	outline: none;
}

header aside.burger button.open {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg clip-path='url(%23A)' stroke='%23006443' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 4L4 28'/%3E%3Cpath d='M4 4L28 28'/%3E%3Cpath d='M28 4L4 28'/%3E%3Cpath d='M4 4L28 28'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='A'%3E%3Cpath fill='%23fff' transform='translate(4 4)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

header .main-nav {
	display: none;
}

.mobile-nav {
	display: block;
	flex-basis: 100%;
	background: #ffffff;
	max-height: 0;
	overflow: auto;
	transition: max-height ease 0.2s;
}

.mobile-nav.open {
	max-height: 600px;
}


.mobile-nav > ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.menu-item a {
	position: relative;
}


.menu-item:hover > a {
	text-decoration: none;
}

.menu-item:not(.menu-item-header) > a::after {
	content: "";
    display: block;
    position: absolute;
    height: 0.1rem;
    bottom: -0.21rem;
    background: currentcolor;
    transition: all 0.5s ease 0s;
    width: 0;
    left: 0px;
}

.menu-item:hover > a::after {
	right: 0;
	width: 100%;
	transition: all 0.5s ease 0s;
}

.mobile-nav > ul > li {
	border-bottom: 1px solid #81B13E;
}

.mobile-nav > ul > li:last-of-type,
.mobile-nav > ul > li.menu-item-expanded {
	border-bottom: none;
	margin-bottom: 5px;
}

.mobile-nav > ul > li.menu-item-expanded {
	margin-left: 0;
	margin-right: 0;
}

.mobile-nav > ul > li.menu-item-expanded > ul  {
	padding: 10px 0;
}
.mobile-nav > ul > li.menu-item-expanded > a {
	margin-left: 25px;
	margin-right: 25px;
}

.mobile-nav > ul > li.menu-item-expanded > ul > li {
	margin-left: 50px;
}

.mobile-nav > ul > li.menu-item-expanded > ul > li > a {
	padding: 17px 0;
}

.mobile-nav > ul > li > ul > li.menu-item-has-children > ul {
	padding: 2px 0;
}

.mobile-nav > ul > li.menu-item-expanded > ul > li > ul > li {
	margin: 0;
}

.mobile-nav > ul > li.menu-item-expanded > ul > li > ul > li a {
	color: black;
	padding: 13px 0;
}

.mobile-nav li {
	position: relative;
	margin: 0 25px;
}

.mobile-nav-expand {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23006443'/%3E%3Cdefs /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 10px;
	width: 40px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 20px;
	display: none;
	outline: none!important;
	color: #006443;
}

.menu-item-expanded > .mobile-nav-expand {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23006443'/%3E%3Cdefs /%3E%3C/svg%3E");
	right: 25px;
}

.mobile-nav ul li.menu-item-has-children .mobile-nav-expand {
	width: 100%;
}

.mobile-nav > ul > li > ul > li.menu-item-expanded .mobile-nav-expand {
	right: 0px;
}

#mobile-nav>ul .menu-item-has-children>.mobile-nav-expand {
	display: block;
}

.mobile-nav li a {
	display: block;
	padding: 22px 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #006443;
	position: relative;
}

.mobile-nav .sub-menu {
	overflow: hidden;
	max-height: 0;
	transition: max-height ease 0.5s;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #efefef;
}

.mobile-nav .menu-item-expanded .sub-menu {
	max-height: 800px;
}

.mobile-nav .sub-menu .sub-menu {
	max-height: 0;
}

.mobile-nav .menu-item-expanded .sub-menu .menu-item-expanded .sub-menu {
	max-height: 800px;
}

.mobile-nav .sub-menu > li a {
	text-transform: none;
}

.mobile-nav .sub-menu .sub-menu li a {
	font-weight: normal;
	font-size: 1.4rem;
}

.header-search {
	position: absolute;
	top: 23px;
	right: 0;
	display: none;
}

.mobile-search {
	padding: 11px 20px 70px;
}

.mobile-search form.search-form input {
	width: 285px;
}

.mobile-search form.search-form button {
	left: 274px;
}


@media only screen and (min-width:768px) {
	header {
		padding: 20px 0 20px;
	}
}

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

	header {
		padding: 39px 0 13px;
	}
	
	header .logo a img {
		max-width: 170px;
		padding-right: 0;
		margin-top: 3px;
	}
	
	header .mobile-nav {
		display: none;
	}
	
	header .burger {
		display: none;
	}
	
	header .main-nav {
		display: block;
		padding: 0;
		margin-top: 24px;
	}
	
	header .main-nav > ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		justify-content: flex-end;
	}
	
	header .main-nav > ul > li:nth-child(n+6) {
		display: none;
	}
	
	header .main-nav > ul > li >a {
		text-align: center;
		margin: 20px 18px;
		display: block;
		font-size: 1.8rem;
		font-weight: bold;
		color: #006443;
	}
	
	header .main-nav > ul > li > a:last-of-type {
		margin-right: 0;
	}

	header .main-nav > ul > li.current-page-parent > a::after,
	header .main-nav > ul > li.current-menu-item > a::after {
		content: "";
		display: block;
		position: absolute;
		height: 0.1rem;
		bottom: -0.21rem;
		background: currentcolor;
		transition: all 0.5s ease 0s;
		width: 0;
		left: 0px;
		right: 0;
		width: 100%;
	}
	
	header .main-nav ul ul a {
		color: #000000;
	}
	
	header .main-nav ul ul a:hover {
		color: #000000;
		text-decoration: none;
	} 

	header .main-nav .sub-menu {
		list-style: none;
		margin: 0;
	}

	header .main-nav > ul > li.menu-item-has-children > .sub-menu {
		display: none;
		position: absolute;
		list-style: none;
		background: #fff;
		margin: 16px 0 0;
		padding: 10px 0;
		width: 100%;
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		z-index: 999;
	}

	header .main-nav .sub-menu>li>a {
		font-size: 1.5rem;
	}
	
	header .main-nav > ul > li.menu-item-extra > .sub-menu {
		justify-content: space-around;
		padding: 22px 60px 35px;
	} 

	header .main-nav .menu-item-extra .menu-item-header {
		flex-basis: 50%;
	} 

	header .main-nav .sub-menu > li.menu-item-header > a {
		font-size: 1.8rem;
		color: #006443;
		font-weight: bold;
		pointer-events: none;
   		cursor: default;
	}

	header .main-nav .sub-menu > li.menu-item-header > ul {
		column-count: 2;
		min-height: 160px;
		padding-left: 2px;
		position: relative;
		margin-top: 13px;

	}
	header .main-nav .sub-menu > li.menu-item-header > ul::before { 
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 96%;
		width: 2px;
		margin-top: 13px;
		border-left: 2px solid #81B13E;
	}
	
	header .main-nav > ul > li.menu-item-has-children:hover > .sub-menu {
		display: flex;
	}

	header .main-nav .sub-menu::before {
		content: "";
		top: -30px;
		position: absolute;
		height: 30px;
		width: 100%;
	}
	
	header .main-nav .sub-menu::after {
		content: "";
		width: 35px;
		height: 18px;
		background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAxOCI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTAgMThoMzJMMTYgMHpNMCAxOEwxNiAwTTE2IDBsMTYgMTgiLz48L2c+PC9zdmc+) no-repeat;
		background-size: cover;
		position: absolute;
		left: 50%;
		top: -15px;
		transform: translateX(-50%);
	}
	
	header .main-nav .sub-menu a {
		display: inline-block;
		margin: 9px 15px;
	}

	header .main-nav .desktop-hide {
		display: none;
	}

	.mobile-nav {
		display: none;
	}
	
	.header-search {
		display: block;
	}
}

@media only screen and (min-width:1024px) and (max-width: 1170px) {
	
	header .main-nav > ul > li >a {
		margin-left: 12px;
		margin-right: 12px;
	}
}

/* homepage */

.home .header-search {
	display: none;
}

.home main[role=main] {
	margin-top: 0;
}

section.homepage-intro em {
	display: inline-block;
	position:relative;
	margin-left: 3px;
}

section.homepage-intro em::after {
	position: absolute;
	right:0;
	left:0;
	height: 3px;
	bottom: -5px;
	background-color: #ECC301;
	display:block;
	content: '';
}

section.side-by-side article {
	display:flex;
	margin: 0 auto 50px;	
	flex-direction: column-reverse;
	max-width: 500px;
}

section.side-by-side article h3 {
	margin-top: 20px;
	font-size:2.4rem;
	line-height:1.8rem;
	color:#006443;
	font-weight:bold;
	margin: 24px 0;
}

section.side-by-side article p {
	margin: 0 0 24px 0;
	line-height:2.4rem;
	font-size:1.6rem;
}

section.side-by-side .view-more {
	text-align: center;
}

section.side-by-side article a.button {
	margin-top: 1.6rem;
}

section.side-by-side aside img {
	filter: brightness(0.98);
	border-radius: 12px;
}



.fixed-width-panels {
	overflow-x: auto;
	position: relative;
}

.fixed-width-panels__overlay::before {
	content: "";
    position: absolute;
    top: 120px;
	left: 0;
	right: 0;
	bottom: auto;
    opacity: 0.2;
    z-index: -1;
    background-color: #81B13E;
    height: 437px;
	width: 1070px;
}

.c-industry-updates {
	position: relative;
	padding-bottom: 30px;
	width: 1024px;
}

.c-industry-updates__panels-wrapper {
	display: flex;
	justify-content: space-between;
}

.c-industry-updates__cta {
	position: absolute;
    top: 19px;
    right: 0;
	color: black;
	font-weight: 600;
}

.c-industry-updates__cta:hover {
	color: black;
}

.c-industry-updates__link {
	display: block;
	width: 100%;
	height: 100%;
	padding: 25px;
}

.c-industry-updates__panel {
	flex-basis: calc(25% - 30px);
	background-color: white;
	border-radius: 12px;
	min-height: 217px;
}

.c-industry-updates__panel a {
	border-radius: 12px;
	transition: box-shadow 200ms ease-in;
}

.c-industry-updates__panel a:hover {
	text-decoration: none;
	box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.30);
	transition: box-shadow 200ms ease-in;
}

.c-industry-updates__panel a:hover .c-industry-updates__title {
	text-decoration: underline;
}

.c-industry-updates__icon {
	margin-right: 10px;
	display: inline-block;
}

.c-industry-updates__title {
	color: #006443;
	font-weight: bold;
}

.featured-updates {
	margin-bottom: 30px;
	width: 1024px;
}

.featured-updates__panels-wrapper {
	display: flex;
	justify-content: space-between;
}

.featured-updates__panel {
	flex-basis: calc(33.33% - 30px);
	background-color: white;
	border-radius: 12px;
	
}

.featured-updates__title {
	position: relative;
}

.featured-updates__panel a {
	display: block;
	height: 100%;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	transition: box-shadow 200ms ease;
}

.featured-updates__panel a:hover {
	box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.30);
	transition: box-shadow 200ms ease;
}

.featured-updates__panel a:hover .featured-updates__title {
	text-decoration: underline;
}

.featured-updates__image {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	max-width: 100%;
	height: auto;
}

.featured-updates__content {
	padding: 25px 25px 80px;
	color: #333;
}

.featured-updates__title {
	font-size: 2rem;
	margin-top: 6px;
	color: #006443;
}

.featured-updates__link:hover {
	text-decoration: none;
}

.latest-updates {
	margin-top: 40px;
}

.latest-updates-wrapper{
	margin-top: 30px;
	overflow-x: auto;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.latest-updates-wrapper::-webkit-scrollbar { /* WebKit */
	width: 0;
	height: 0;
}	

.latest-updates-list {
	width: calc(400vw - 400px);
	display:flex;	
}

.latest-updates-list article {
	max-width: 350px;
	width: calc(100vw - 100px);
	margin: 0 20px 0 0;	
}

.latest-updates-list article.dummy {
	display:none;
}

.latest-updates-list article h3 {
	font-size: 1.7rem;
	margin: 2.4rem 0 1.8rem 0;
}

.latest-updates-list article img {
	transition: filter 0.3s ease;
	border-radius: 12px;
}

.latest-updates-list article img:hover {
	filter: brightness(80%);
}

.latest-updates-list article .date {
	margin:0 0 3.2rem 0;
}

.latest-updates-view-all {
  text-align:center;
  margin-top: 30px;
}

.latest-updates-view-all a,
.latest-updates-view-all a:visited {
	font-size: 1.4rem;
	padding: 10px 20px;
	border: 1px solid #006993;
	background:transparent;
	color: #006993;
	border-radius: 5px;
	display:inline-block;	
	text-decoration: none;
	max-width: 400px;
	margin: 0 20px;
	transition: background-color 0.3s ease;
}

.latest-updates-view-all a:hover,
.latest-updates-view-all a:active {
	background:#006993;
	color: #fff;
	text-decoration: none;
}

.home a.link-underline {
	position: absolute;
}

.home a.link-underline:hover {
	text-decoration: none;
}

.home a.link-underline::after {
    content: "";
    display: block;
    position: absolute;
    height: 0.1rem;
    bottom: -0.21rem;
    background: currentcolor;
    transition: all 0.5s ease 0s;
    width: 100%;
    left: 0px;
}

.home a.link-underline:hover::after {
	right: 0;
	width: 0;
	transition: all 0.5s ease 0s;
}


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

	
	.latest-updates-list {
		width: calc(200vw - 160px);
	}
	
	.latest-updates-list article {		
		width: calc(50vw - 40px);		
	}	
	
	.latest-updates-view-all {
	  text-align:left;
	  margin: 30px 0 0;
	}
	
	.latest-updates-view-all a {
		margin: 0
	}
	
	section.side-by-side article {
		flex-wrap: nowrap;
		flex-direction: row;
		margin-bottom: 40px;
		max-width: inherit;		
		align-items: flex-start;
	}

	section.side-by-side article aside {
		width: 40%;
	}	
	
	section.side-by-side article aside img {
		margin-top: 40px;	
	}
	
	section.side-by-side main {
		width: 60%;
		margin-right: 40px;		
	}
	
	section.side-by-side main .view-more {
		text-align: left;
	}	


}


@media only screen and (min-width:1024px) {
	
	.home main[role=main] {
		margin-top: 50px;
	}

	.fixed-width-panels__overlay::before {
		top: 175px;
		height: 552px;
	}

	.fixed-width-panels__overlay::before,
	.c-industry-updates,
	.featured-updates {
		width: auto;
	}

	.c-industry-updates {
		padding-bottom: 50px;
	}
	
	.featured-updates {
		margin-bottom: 40px;
	}

	.featured-updates__title {
		font-size: 2.4rem;
		margin-top: 16px;
		color: #006443;
	}
	

	.latest-updates-wrapper {
		overflow-x: hidden;		
	}
	
	.latest-updates-list {
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;		
	}
	
	.latest-updates-list article {
		flex-basis: 32%;
		margin: 0;
	}	
	
	.latest-updates-list article.dummy {
		display:block;
	}
	
	.latest-updates-list article:nth-child(n+4) {	
		display:none;
	}	
	
	section.side-by-side article {
		margin-bottom: 100px;		
	}
	
	section.side-by-side article main,
	section.side-by-side article aside {
		width: 50%;
	}	

	section.side-by-side article main {
		min-height: 250px;	
	}
	
	section.side-by-side article:nth-child(2) main {
		margin-right: 0;
		margin-left: 40px;
	}	
	
	section.side-by-side article:nth-child(2) {
		flex-direction: row-reverse;
	}		
	
	section.side-by-side article aside img {
		margin-top: 0;	
	}
}
.video-link-card{
	display:flex;
	padding: 20px 15px;
	border: 1px solid #ddd;	
	max-width:500px;	
	margin: 40px auto;
	align-items: center;
	flex-direction:column;	
}

.video-link-card aside{
	max-width:400px;	
	width:100%;	
}

.video-link-card aside picture{
	display:block;
	padding-bottom: 55%;
	height:0;	
	background-size: cover;
    background-position: center;
}

.video-link-card main{
	text-align: center;
}

.video-link-card main h3{
	margin:20px auto 30px;
	font-size: 1.7rem;
	max-width:400px;
}


.file-link-card{
	display:flex;
	padding: 15px;
	border: 1px solid #ddd;	
	max-width:600px;	
	margin: 40px auto;
	align-items: center;	
	flex-wrap: wrap;
	position:relative;
	justify-content: space-between;
}

.file-link-card aside{
 	flex-basis: 60px;	 
}

main .file-link-card h3{
	flex-basis: calc(100% - 80px);
	margin: 0;
	font-size: 1.6rem;
}

main .file-link-card h3 small{
	  white-space: nowrap;
}

.file-link-card p{
	flex-basis: 100%;
	font-size: 1.5rem;
	margin-bottom: 30px;
}

.file-link-card div{
	flex-basis: 100%;
	text-align:right;
}

.file-link-card a.button-secondary{
	font-size: 1.3rem;	
	padding: 5px 10px;
}

@media(min-width:500px){
	.file-link-card aside{
		position: absolute;
		left:15px;
		top: 15px;
		width: 100px;
	}
	main .file-link-card h3,
	main .file-link-card p{
		flex-basis: 100%;
		margin-left: 120px;
	}
}





/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

form.search-form {
	display: flex;
	position: relative;
}

form.search-form input {
	padding: 5px 10px;
	border: none;
	font-size: 1.5rem;
	border: 1px solid #D9D9D9;
	border-radius: 11px;
	width: 200px;
	height: 28px
}

form.search-form button {
	position: absolute;
	left: 180px;
	top: 9px;
	width: 15px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.375 14.6562L12.5938 10.875C12.5 10.8125 12.4062 10.75 12.3125 10.75H11.9062C12.875 9.625 13.5 8.125 13.5 6.5C13.5 2.9375 10.5625 0 7 0C3.40625 0 0.5 2.9375 0.5 6.5C0.5 10.0938 3.40625 13 7 13C8.625 13 10.0938 12.4062 11.25 11.4375V11.8438C11.25 11.9375 11.2812 12.0312 11.3438 12.125L15.125 15.9062C15.2812 16.0625 15.5312 16.0625 15.6562 15.9062L16.375 15.1875C16.5312 15.0625 16.5312 14.8125 16.375 14.6562ZM7 11.5C4.21875 11.5 2 9.28125 2 6.5C2 3.75 4.21875 1.5 7 1.5C9.75 1.5 12 3.75 12 6.5C12 9.28125 9.75 11.5 7 11.5Z' fill='%23006443'/%3E%3C/svg%3E%0A");
}

form.search-form button:hover {
	filter: brightness(1.2);
}

form.search-form input:focus::placeholder {
	color: transparent;
}

form.search-form .search-submit {
	width: 22px;
	height: 22px;
}

body.search h2.search-results-summary b, body.search h2.search-results-summary i {
	color: #006993;
}

body.search .search-again {
	margin-top: 6rem;
	border-top: 3px solid #ddd;
}

body.search .search-again .search-input {
	border: 1px solid #006993;
}

body.search .search-again button {
	border-color: #006993;
	background-color: #006993;
}

.search-results-list {
	margin-top: 30px;
}

.search-results-list article {
	font-size: 1.8rem;
	padding: 2.5rem 0;
	border-top: 1px solid #ddd;
}

.search-results-list span {
	display: block;
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}

.pagination {
	margin-top: 30px;
}

.pagination a {
	border-radius: 3px;
	border: 1px solid #006993;
	padding: 10px 15px;
	margin-right: 10px;
}

.pagination span {
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin-right: 10px;
}
section.page-bottom-panels {
	background:#EFEFEF;	
	padding: 20px;
	margin-bottom: 10px;
}


.page-bottom-panels h2{
	margin:10px 0 30px;
	margin-top: 10px!important;
}


.bottom-panels{
	display:flex;
	flex-wrap: wrap;	
	justify-content: space-between;
	}

.bottom-panels a{
	display: flex;
	align-items: center;
	margin-bottom: 5%;	
	transition: filter 0.3s ease;
	position: relative;
}


.bottom-panels a.panel-block:hover {
	text-decoration: none;
}

.bottom-panels a.panel-block .icon i {
	transition: all 200ms cubic-bezier(0.79, 0.33, 0.14, 0.53);
}

.bottom-panels a.panel-block:hover .icon i {
	transform: scale(1.2);
}

.bottom-panels a.panel-block .icon {
	font-size: 2.5rem;
	color: #81B13E;
	background-color: white;
	border-radius: 12px;
	margin-right: 18px;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.bottom-panels a.panel-block {
	font-size: 1.8rem;
	font-weight: bold;
}

.bottom-panels a:hover{
	filter: brightness(80%);
}


@media only screen and (min-width:500px) {
	.bottom-panels a{
		display: flex;
		width: 49%;
		margin-bottom: 2%;	
	}		
}

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

	.bottom-panels a{
		display: flex;
		width: 32%;
		margin-bottom: 2%;	
	}		
}


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

	section.page-bottom-panels {		
		padding: 20px 40px;	
	}	

	.bottom-panels a{
		display: flex;
		width: 24%;
		margin-bottom: 1.5%;	
	}	

	
}
/* updates */

section.two-columns > aside{
	margin-top: 60px;
}

.updates-list{
	max-width: 800px;
	margin:0 auto 40px;
}

.updates-list article{
	margin: 40px auto;
	max-width: 400px;
}

.updates-list article p.date{
	font-size: 1.4rem;
	margin-bottom:0;
}

.updates-list article h3{
	font-size: 1.7rem;
	margin-top: 0.8rem!important;
}

.updates-list article main{
	display:flex;
	flex-wrap: wrap;	
}

.updates-list article img{
	flex-grow: 0;
	margin-bottom: 1rem;
	transition: filter 0.3s ease;
}

.updates-list article img:hover{
	filter: brightness(80%);
}

.updates-list article p{
	margin:0;
	flex-grow: 1;
}

.updates-list article a.view-article{
	display: none;
}

#updates-load-more{
	text-align: center;
	min-height: 100px;
}

#updates-load-more button{
	width: 200px;
	display:inline-block;	
	text-decoration: none!important;
	transition: background 0.3s ease;	
}

#updates-load-more button[disabled]{
	opacity: 0.5;
}

.goverment-response-column{
	max-width: 400px;
	margin:0 auto;	
}

.goverment-response-column h2{
	margin-bottom:0;
}

.goverment-response-column a{
	display:block;
	margin-top: 1rem;
}

.goverment-response-column article{
	font-size: 1.4rem;	
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
}

.goverment-response-column article:last-child{
	border-bottom: 0;
}

.goverment-response-column article time{
	font-size: 1.3rem;
}

.goverment-response-column .goverment-response-view-all{
	margin-top: 2.5rem;
	display:block;
}

.goverment-response-grid{
	padding-top: 2rem;
}

.goverment-response-grid article{
	padding: 2.5rem 0;
	border-bottom: 1px solid #ddd;
}

.goverment-response-grid time{
	display:block;
	font-size:1.3rem;
	margin-bottom: 0.5rem;	
	
}

.single-post main[role=main] h2{
	margin-top:50px;
}



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

	.updates-list{
		margin:0 auto 70px;
		flex-basis:100%;
	}
		
	.updates-list article main{		
		flex-wrap: nowrap;	
	}
	
	.updates-list article{
		flex-grow:1;
		max-width: inherit;		
	}	

	.updates-list article img{
		margin-right: 20px;
		max-width: 200px;
	}
	
	aside.goverment-response-column{
		max-width: 800px
	}		
	
}


@media only screen and (min-width:1140px) {
	
	section.two-columns{	
		display:flex;
		justify-content: space-between;
		flex-wrap: nowrap;		
	}
	
	
	section.two-columns .updates-list-wrapper{
		margin:0;
		/*flex-grow:1;*/
		width: 700px;
	}
	
	section.two-columns > aside{
		flex-grow: 0;
		margin: 0;
		max-width: 250px
	}		
	
	.updates-list > article img{
		margin-right: 20px;
		max-width: 250px;
	}		
	
	
	.goverment-response-column h2{
		font-size: 1.8rem;
		margin-top: 40px;		
	}
	
	.page-template-gov-response-column  .goverment-response-column h2{
		margin-top:12px;
	}

}


/* videos */

.videos-list{
	margin:20px auto 0;
	max-width: 350px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.videos-list article{
	max-width: 350px;
	margin-bottom: 30px;
	
}

.videos-list article.dummy{
	margin:0;
}

.videos-list article h3{
	margin-top:15px!important;
	font-size: 1.7rem;
}

.videos-list article img{
	width: 100%;
	transition: filter 0.3s ease;
}

.videos-list article img:hover{
	filter: brightness(80%);
	
}

.videos-list article div{
	position: relative;
}

.videos-list article div::after{
	content: '';
	display:block;
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi40NTggMjYuNDU4IiBoZWlnaHQ9IjEwMCIgd2lkdGg9IjEwMCI+DQogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3MC41NDIpIj4NCiAgICA8Y2lyY2xlIHI9IjEyLjgyNCIgY3k9IjI4My43NzEiIGN4PSIxMy4yMjkiIGZpbGw9IiNlY2MzMDEiLz4NCiAgICA8cGF0aCBkPSJNMTAuNzQyIDI4OC40NzVWMjc5LjA2Nmw0LjA3NSAyLjM1MyA0LjA3NCAyLjM1Mi00LjA3NCAyLjM1MnoiIGZpbGw9IiMwMDY5OTMiLz4NCiAgICA8cGF0aCBkPSJNLTIyLjExMiAzMjEuOTQ2bC0uNzA4LjQxLS43MDkuNDA5di0xLjYzN2wuNzA5LjQxeiIgZmlsbD0iI2VjYzMwMSIvPg0KICA8L2c+DQo8L3N2Zz4=);
	background-size:cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50px;
	height: 50px;
	z-index: 1;
}


#video-popup-overlay{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: #000;
	opacity: 0.8;
	z-index: 1000;
	display:none;
}

#video-popup{
	width: 99%;
	left:50%;
	top:40%;
	transform: translate(-50%,-50%);		
	background: #eee;
	padding:40px 10px 20px;  
	position:fixed;
	z-index:1001;
	display:none;
}

#video-popup .video-container{
	margin:0;
}

#video-popup-close{
	width:25px;
	height:25px;
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM0NDQiPjxwYXRoIGQ9Ik0yMS45NTUgMTcuODI0YTIuNSAyLjUgMCAwMC0xLjc0MiA0LjI5M2w1Ni4wNyA1Ni4wN2EyLjUgMi41IDAgMTAzLjUzNS0zLjUzN2wtNTYuMDctNTYuMDdhMi41IDIuNSAwIDAwLTEuNzkzLS43NTZ6Ii8+PHBhdGggZD0iTTc4LjAwMiAxNy44MjRhMi41IDIuNSAwIDAwLTEuNzE5Ljc1NmwtNTYuMDcgNTYuMDdhMi41IDIuNSAwIDEwMy41MzUgMy41MzdsNTYuMDctNTYuMDdhMi41IDIuNSAwIDAwLTEuODE2LTQuMjkzeiIvPjwvZz48L3N2Zz4=);	
	background-size: cover;
	position:absolute;
	right:10px;
	top:10px;
}

.single-videos h1{
	font-size: 2.4rem;
	margin-bottom: 2.4rem;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
	margin: 40px 0;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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

	
	/* videos */
	
	.videos-list{
		max-width: 750px;
	}
	.videos-list article{
		flex-basis: 48%;
	}	
	
	#video-popup{
		width: 90%;
		height:auto;
		max-width: 800px;
		padding:40px 20px 20px; 
	}	

	
}


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

	/* videos */
	.videos-list{
		max-width:1200px;
	}	
	.videos-list article{
		flex-basis: 32%;
	}	
	

}

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}