/*
Theme Name: Twenty Twenty Child
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty Child Theme
Author: WPAmaNuke
Author URL: http://wpamanuke.com/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child

/**********************************************\
***********************************************

                == INDEX ==

\**********************************************
***********************************************

1.  Fonts
2.  Colours
3.  Structure
4.  Links
5.  Buttons
6.  Page Headers
7.  Separator
8.  Navigation Menu
9.  Footer
10. Responsive Table
11. Openstreetmap (runs through ACF)
12. ACF Forms
13. Ninja Forms
14. Paid Membership Pro: Service Provider Account
15. Filters
16. Working Groups
17. Service Providers
18. Events
19. Search Results Page
20. 404 Error Page
21. Custom Gutenberg Blocks (ACF powered)
        Image & Text Overlay
        Accordion 
        Working Group Loop 
        Entry Hero
        Page Feature: 2 cols & 3 cols
        Recent News
22. Customised WP Gutenberg Blocks
        Media & Text
23. Reusable Blocks
24.  Foundation Grid (responsive grid)
25.  Responsive Devices
        Up to Tablet (max-width: 75em)
        Mobile (max-width: 40em)

\*============================================*/
/**********************************************\
1.  Fonts
\**********************************************/
body{
	font-family: 'Noto Sans', sans-serif;
    letter-spacing: normal;
}
.entry-content{
	font-family: 'Noto Sans', sans-serif;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file{
    font-family: 'Noto Sans', sans-serif;
}
.entry-content p, .entry-content li{
	line-height: 1.5;
    padding: 0 4rem;
}
.entry-content .has-larger-font-size{
	font-size: 3.75rem;
}
p.has-larger-font-size{
    font-size: 3.75rem;
    font-weight: 600;
}
.header-title{
	font-size: 3rem;
	font-weight: 600;
	/* text-align: center; */
}
.header-title a{
  text-decoration: none;
}
h1{
    font-size: 7rem;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{
    padding: 0 4rem;
    margin: 6rem auto 2rem;
}
.entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5, .entry-content .wp-block-columns h6{
	margin: 2rem 0 2rem;
}
.entry-header p{
    font-size: 115%;
}
/*=== Lists ===*/
.entry-content ul{
    padding: 0 6rem;
}
/* Editor's Guide Pages */
/*#post-2174 ul, #post-2093 ul,*/ #post-2174 ol, #post-2093 ol{
	padding: 0 6rem;
}
/**********************************************\
2.  Colours
\**********************************************/
/* == GUTENBERG COLOUR PALETTE == */
/* Text Colors*/
:root .has-dark-green-color{
	color: #004f2d;
}
:root .has-medium-green-color{
	color: #4C836B;
}
:root .has-light-green-color{
	color: #b8dba5;
}
:root .has-bright-green-color{
	color: #72B84C;
}
:root .has-yellow-color{
	color: #F2B95B;
}
:root .has-black-color{
	color: #222;
}
:root .has-white-color{
	color: #fff;
}
/*Background Colors*/
:root .has-dark-green-background-color{
	background-color: #004f2d;
	color: #fff;
}
:root .has-medium-green-background-color{
	background-color: #4C836B;
	color: #fff;
}
:root .has-light-green-background-color{
	background-color: #b8dba5;
	color: #222;
}
:root .has-bright-green-background-color{
	background-color: #72B84C;
	color: #222;
}
:root .has-yellow-background-color{
	background-color: #F2B95B;
	color: #222;
}
:root .has-black-background-color{
	background-color: #222;
}
:root .has-white-background-color{
	background-color: #ffff;
}
/**********************************************\
3.  Structure
\**********************************************/
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: 100%;
}
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
	margin-bottom: 4rem;
	margin-top: 4rem;
}
.entry-content > .alignwide{
	max-width: 100%;
	width: 95%;
}
.post-inner{
	padding-top: 0;
}
.post-meta-wrapper{
    display: none;
}
.section-inner{
	max-width: 100%;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width: 100%;
}
/* === Home Page margins === */
.home .entry-content > .align-wide:not(.wp-block-group.has-background), .home .entry-content > .alignfull:not(.wp-block-group.has-background){
	margin-bottom: 0;
	margin-top: 0;
}
/* === Multi-Column === */
.multi-col .multi-col-inner{
	column-count: 2;
	column-gap: 10rem;
	column-rule: none;
}
#post-2093 .multi-col, #post-2174 .multi-col{
	column-count: 2;
	column-gap: 5rem;
	column-rule: none;
}
/**********************************************\
4.  Links
\**********************************************/
a{
    color: #222;
}
/*Change Link Colour*/
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a:not(.job-button), .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{
	color: #222 !important;
}
/*Removes focus outline from links*/
:focus{
	outline: none !important;
}
/**********************************************\
5.  Buttons
\**********************************************/
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-transform: none;
}
button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover{
	text-decoration: none;
}
.wp-block-buttons{
    padding: 0 4rem;
}
/* === BUTTON: Outline === */
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link{
  border: none;
  padding: 0;
  color: inherit;
}
.recent-news-container .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
  color: #fff;
}
.wp-block-button.is-style-outline a{
	transition: transform 0.2s;
}
.wp-block-button.is-style-outline a:hover{
	transform: scale(1.1);
}
.wp-block-button.is-style-outline a:after{
	    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0a9";
	color: inherit;
	padding-left: 1.5rem;
}
/* === BUTTON: Solid === */
.wp-block-button:not(.is-style-outline) a{
	border-radius: 0.5rem;
	padding: 1.5rem;
}
.wp-block-button:not(.is-style-outline) a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    font-size: 105%;
	padding-left: 1rem;
}
.wp-block-button:not(.is-style-outline) a:hover{
	opacity: 0.9;
}
/* Hover states */
a.wp-block-button__link.has-black-color.has-yellow-background-color.has-text-color.has-background:hover{
	background-color: #222;
	color: #fff;
}
a.wp-block-button__link.has-white-color.has-black-background-color.has-text-color.has-background:hover,
a.wp-block-button__link.has-black-background-color.has-background:hover{
	background-color: #F2B95B;
	color: #222;
}
/**********************************************\
6.  Page Headers
\**********************************************/
body.home .entry-header{
	display: none;
}
.home .type-page{
	padding-top: 10rem;
}
.page .entry-content{
	padding-top: 2rem;
}
/*Hide entry header on About and Working Group Page*/
#post-35 .entry-header-inner,
#post-25 .entry-header-inner,
#post-17 .entry-header-inner{
	display:none;
}
/*===== POTENTIALLY ERASE OR MOVE =====*/
/*Main Entry Header (single pages)*/
.entry-header{
	margin-top: 2rem;
}
.section-inner.medium{
	max-width: 100%;
}
.entry-header-inner{
	margin-top: 5rem;
}
/*Title & Excerpt Col*/
.singular .entry-header{
	padding: 8rem 0 0 0;
}
.entry-header-text{
	background-color: #B8DBA5;
	padding: 4rem;
	margin-top: 15rem;
	position: relative;
	z-index: 1;
	margin-left: -5rem;
}
.entry-header h1{
	margin: 0 auto 3rem;
}
.entry-header-text p{
	font-weight: 400;
	font-size: 105%;
}
.main-image-header img{
	max-height: 425px;
	height: 425px;
	width: 100%;
	object-fit: cover;
}
/*Hero Block*/
.hero-block .grid-x{
    margin: 0 4rem;
}
/*Fixes entry button */
.entry-header a.job-button{
	color: #fff !important;
}
.entry-header a.job-button:hover{
	color: #222 !important;
}
/**********************************************\
2.  Extend link over query card
\**********************************************/
article.listing-item .cell:has(a){
  position: relative;
  cursor: pointer;
  transition: all 0.35s ease-in-out;
}
article.listing-item .cell:hover h2 a:after{
  opacity: 1;
}
article.listing-item .cell a:before{
  content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
article.listing-item .cell h2{
  padding: 0 1.5rem;
  margin: 0.5rem auto 2rem;
}
article.listing-item .cell h2 a:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  font-size: inherit;
  padding-left: 1rem;	
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
article.listing-item .cell:focus-within h2 a:after{
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
/**********************************************\
7.  Separator
\**********************************************/
hr:not(hr.wp-block-separator){
    border-color: #909090 !important;
    margin: 1rem auto;
    border-width: 0.4rem 0 0 0;
}
/* === Wordpress Separator === */
.entry-content hr, hr.styled-separator{
	background-color: currentcolor !important;
}
/* === Default Gutenberg Separator === */
.entry-content hr:not(.is-style-dots){
	margin: 2rem 4rem;
}
.entry-content hr,
hr.styled-separator:not(.is-style-dots){
	height: 0.4rem;	
}
.wp-block-separator:not(.is-style-wide){
	max-width: 35rem;
}
.entry-content hr::before, hr.styled-separator:not(.is-style-dots)::before{
	display: none;
}
.entry-content hr::after, hr.styled-separator:not(.is-style-dots)::after{
	display: none;
}
/* === Wide Gutenberg Separator === */
.wp-block-separator.is-style-wide{
	max-width: 100vw;
	width: auto;
}
/**********************************************\
8.  Navigation Menu
\**********************************************/
#site-header{
	z-index: 9999;
    position: fixed;
    width: 100%;
}
.header-navigation{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	padding: 1rem 0;
}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description{
	margin: 1rem 0 0 1rem;
}
/* === Toggles === */
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle{
	color: #222;
}
/* === Branding === */
.header-titles-wrapper{
	display: block;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	margin: 0 0 0 4rem;
}
.site-logo img{
	margin: 0;
}
/*== NAVIGATION MENUS ==*/
.header-navigation-wrapper{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 3;
	margin: 0 4rem 0 0;
}
/* === Header Search: Desktop === */
.header-search{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#searchform{
	display: inline-flex;
	max-height: 4.5rem;
	padding-top: 0.5em;
}
input.search-field{
	padding: 1rem;
}
button.search-submit{
	background-color: transparent !important; 
	padding: 0.2em;
}
.search-submit .fa-search{
	color: #222;
	font-size: 2.2rem;
	line-height: 1;
	padding: 0;
	padding-left: 0.5em;
}
/* === Top Bar Menu === */
ul.top-bar-menu{
	display: flex;
	font-size: 1.6rem;
	font-weight: 600;
	flex-wrap: wrap;
	justify-content: flex-end;
}
ul.top-bar-menu li{
	background-color: #004f2d;
	border-radius: 0.5rem;
	padding: 0.4em;
	font-size: inherit;
	line-height: 1.25;
	position: relative;
	z-index: 2;
    margin: 0.8rem 0 0 2.5rem;
}
ul.top-bar-menu li:hover{
	background-color: #222;
}
ul.top-bar-menu li a{
	color: #fff;
    text-decoration: none;
}
/* === Primary Menu === */
ul.primary-menu{
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: normal;
}
.primary-menu > li{
	z-index: 2;
	text-align: center;
    font-size: 1.8rem;
}
.primary-menu > li > a{
	color: #000;
	padding: 1.5rem 0.5rem;
}
/* Hover States*/
.primary-menu a:hover,
.primary-menu a:active,
.primary-menu a:focus,
.primary-menu .current_page_ancestor, .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.2em;
	text-decoration-color: #B8DBA5;
}
/* === Primary Menu: Child Hover === 
This controls so sub-menu only appears if primary menu li is hovered */
ul.primary-menu .menu-item-has-children:hover ul.sub-menu{
	display: block;
}
ul.sub-menu{
	display: none;
}
.primary-menu ul.sub-menu li.menu-item > a:hover,
.primary-menu ul.sub-menu li.current-menu-item > a{
    text-decoration: none;
    /*background-color: #b8dba5;*/
}
.primary-menu ul.sub-menu li.menu-item > a:hover
{
    background-color: #b8dba5;
}
.primary-menu ul.sub-menu li.menu-item.menu-item-type-post_type.current-menu-item.current-child-item.current-menu-item > a[aria-current="page"],
.primary-menu ul.sub-menu li.menu-item.current-menu-item > a[aria-current="page"]{
    background-color: #b9dba5;
}
/* === Primary Menu: Sub-menu === */
body:not(.overlay-header) .primary-menu ul{
	background-color: #fff !important;
}
.primary-menu ul{
	background: #fff;
	border-radius: 0;
	color: rgba(34,34,34,0.9);
	font-size: 1.6rem;
	font-weight: 500;
	width: 30rem;
	text-align: left;
	left: 0;
}
ul.sub-menu{
	margin-top: -2rem;
	justify-content: flex-start;
}
/*removes weird before/after from hover*/
.primary-menu ul::before, 
.primary-menu ul::after{
	display: none;
}
/* === Mobile Menu === */
/*Mobile Modal: Closed*/
.top-bar-menu-wrapper{
	display: block;
	width: 100%;
	padding-bottom: 1.5rem;
}
/*Hides Top Bar Menu from Mobile/Tablet Menu*/
@media ( max-width: 1000px ){
	.top-bar-menu-wrapper{
		display: none;
	}
    .header-titles-wrapper{
        margin: 0 0 0 1rem;
    }
}
/*Mobile Menu Toggle*/
.tslip-mobile-menu{
	text-transform: uppercase;
}
#tslip-mobile-toggle.nav-toggle{
	width: 10rem;
}
#tslip-mobile-toggle .toggle-inner{
	flex-wrap: wrap;
	height: auto;
}
.toggle-inner .tslip-mobile-menu{
	position: relative;
	color: #222 !important;
	font-size:  1.6rem;
	padding-right: 0.5em;
}
/*Get rid of stupid borders*/
#tslip-menu-modal .modal-menu li,
#lower-modal-menu .modal-menu li{
	border-color:#fff;
	border-width: 0;
}
/*MODAL MENU*/
.menu-modal.active{
	z-index: 9999;
}
.menu-modal{
	background: #004F2D;
}
.menu-modal-inner{
	background: #004F2D;
}
.modal-menu a{
	color: #fff !important;
}
button.close-nav-toggle.fill-children-current-color{
	color: #fff;
}
button.toggle.sub-menu-toggle.fill-children-current-color{
	color: #fff;
}
button.sub-menu-toggle{
	border-left: 0 solid #fff;
}
/*Mobile Search*/
#mobile-search.menu-bottom{
	padding: 2rem 0;
}
#mobile-search.menu-bottom #searchform{
	display: inline-flex;
	flex: auto;
}
div#mobile-search.menu-bottom input.search-field{
	border: solid 0.2em #fff;
	border-color: #fff !important;
	border-radius: 0.1em;
	height: 5rem;
}
div#mobile-search.menu-bottom .search-submit .fa-search{
	color: #fff;
	font-size: 3rem;
}
/*Mobile Account Sign-in*/
#lower-modal-menu{
}
#lower-modal-menu ul.modal-menu{
	display: inline-flex;
	flex-wrap: wrap;	
	justify-content: center;
}
#lower-modal-menu .modal-menu > li{
	background-color: #222;
	border-radius: 0.5em;
	padding: 0.4em;
	margin: 0 2rem;
}
#lower-modal-menu .modal-menu > li:hover{
	background-color: #222;
}
#lower-modal-menu ul.modal-menu li a{
	color: #fff !important;
	letter-spacing: normal;
	font-size: 2rem;
	padding: 1rem;
}
#lower-modal-menu ul.modal-menu li a:hover{
	text-decoration: none;
}
/*=== Accessibility Toggle ===*/
#acwp-toolbar-btn.acwp-right, #acwp-toolbar-btn{
	background-color: #004f2d;
}
.acwp-toolbar{
	z-index: 99999;
}
#acwp-toolbar-btn.acwp-right{
	top: 90vh !important;
}
.acwp-toolbar{
	top: 40vh !important;
}
/*=== Cookies ===*/
.seopress-user-consent p{
	font-size: 2rem !important;
	font-weight: 600;
}
.seopress-user-consent button{
	background-color: #222;
}
#seopress-user-consent-close{
	border: 4px solid  #222 !important;
	padding: 0.8em 1em;
}
/********************************\
9. Footer
\**********************************************/
#site-footer{
	padding: 0;
}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer{
    border-top-width: 0;
}
#site-footer .section-inner{
	max-width: 100%;
	align-items: flex-start;
}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
    margin-top: 0rem;
}
/* === Newsletter Signup === */
#newsletter-footer{
	background-color: #4C836B;
	padding: 4rem;
}
.home #newsletter-footer{
	display: none;
}
.newsletter-message-wrap{
	color: #fff;
}
/* === Sub-Footer === */
.footer-deatils-box-a{
    padding-right: 10%;
}
.footer-box-2{
    padding-left: 10%;
}
.footer-box-3{
    padding-left: 50%;
}
.footer-details-box-a p{
    padding-left: 1rem; 
    padding-top: 2rem;
    font-weight: 300;
}
p.footer-title{
    font-weight: 700;
    font-size: 2.2rem;
    margin: 0 0 0.5em 0;
}
.footer-box-2 p:not(.footer-title){
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 0.5em 0;
}
ul.sub-footer-menu{
    font-weight: 400;
}
ul.sub-footer-menu li{
    line-height: 1.5;
    margin: 0 0 0.5em 0;
}
ul.sub-footer-menu li a{
    color: #222;
}
.social-menu-row .fab{
	font-size: 2rem;
	color: #fff;
	
	background: #000;
    border-radius: 4px;
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	vertical-align: middle;
}
.social-menu-row .fab:hover{
	background: #72B84C;
}
aside.footer-social{
	display: inline-flex;
}
.footer-social .social-circle{
	margin-right: 0.4em;
}
.footer-social a{
	background-color: rgba(255,255,255,0);
}
/* === Footer === */
.credit-bar{
	background-color: #222;
	padding: 1rem;
}
.credit-bar p{
	color: #fff;
	margin: 0.5rem;
}
.footer-credits p{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto;
}
/**********************************************\
10. Responsive Table
\**********************************************/
/*get rid of pesky borders*/
pre, fieldset, input, textarea, table, table *, hr{
	border-color: rgba(255,255,255,0);
}
/*General responsive table*/
.responsive-table-wrap{
	margin: 0 4rem;
}
table, table *{
	border-color: rgba(255,255,255,0);
}    
table.responsive-table{
    width: 100%;
    table-layout: fixed;
    border: 0 solid transparent;
}
table tr{
        padding: .35em;
    }
thead{
	border-bottom: 4px solid #636363 !important;
}
table th,
table td{
	padding: .625em;
	text-align: left;
}
table th{
  font-size: 2rem;
  letter-spacing: normal;
	color: #004F2D;
	font-weight: 600;
}
table tr{
	border-bottom: 2.5px solid #E5E5E5;
}
p.job-loop-title{
	font-weight: 600;
	font-size: 105%;
	color: #004F2D;
	margin-bottom: 0.1em;
	padding: 0;
}
p.job-loop-type{
	font-size: 95%;
	padding: 0;
}
p.table-body{
	padding: 0;
}
a.wp-block-button__link.job-button{
	background-color: #222;
	padding: 1rem;
	font-size: 105%;
	border-radius: 0.5rem;
}
a.wp-block-button__link.job-button:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    font-size: 100%;
    padding-left: 1rem;	
}
a.wp-block-button__link.job-button:hover{
	background-color: #F1B24A;
	color: #222;
}
@media screen and (max-width: 1000px){
    .responsive-table-wrap{
        margin: 0 1rem;
    }
    table caption{
        font-size: 1.3em;
    }
    table{
        margin: 0;
    }
    table thead{
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table tr{
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    table td p, table th p{
        margin: 0;
    }
    table td{
        display: block;
        text-align: left;
    }
    table td::before{
        content: attr(data-label);
        float: left;
        font-weight: bold;
        padding-right: 1.5rem;
    }
    table td:last-child{
        border-bottom: 0;
    }
    p.job-loop-title{
        color: #004F2D;
        font-size: 2.5rem;
    }
    p.job-loop-type{
        font-size: 110%;
    }
    table td p:not(.job-loop-title,.job-loop-type){
        font-size: 95%;
    }
}
/*Resources Table*/
table.resources-table th,
table.resources-table td{
	padding: 1em;
	vertical-align: top;
}
table.resources-table tr th:nth-child(2){
	width: 30%;
}
/**********************************************\
11. Openstreetmap (runs through ACF)
\**********************************************/
.acf-osm-above .leaflet-control-geocoder{
	margin-bottom: 2rem;
}
.acf-osm-above .leaflet-control-geocoder>.leaflet-control-geocoder-icon{
	background-color: #004f2d;
	height: 45px;
	padding: 1rem;
}
.acf-osm-above .leaflet-control-geocoder>.leaflet-control-geocoder-icon:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f002';
	font-size: 2rem;
}
.acf-osm-above .leaflet-control-geocoder>.leaflet-control-geocoder-alternatives{
	width: 50%;
}
/*Container for listings*/
.location-container{
	margin-top: 6rem;
	padding: 0 2rem 0 5em;
}
/**********************************************\
12. ACF Forms
\**********************************************/
/* === User Generated Content Forms === */
.acf-required{
	color: #ce513b;
}
.acf-link .button{
	background-color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
}
.acf-link .button:hover,
.acf-link .button:active,
.acf-link .button:focus{
	background-color: #F1B24A;
	color: #222;
}
div.acf-form-submit{
	margin: 2rem 0 4rem 0;
}
.acf-form-submit .acf-button{
	background-color: #F1B24A;
	color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
	font-size: 110%;
}
.acf-fields>.acf-field{
	border-top: none;
}
.acf-field .acf-label label{
	font-size: 105%;
}
.acf-field p.description{
	font-size: 85%;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select{
	border: 3px solid #E5E5E5;
}
label{
	font-size: 1.8rem;
}
input[type="checkbox"]{
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	border-width: 0.2em;
	border-color: #e5e5e5;
}
.acf-taxonomy-field .categorychecklist-holder{
	border: none;
	overflow: visible;
	margin-bottom: 6rem;
}
.hide-if-value .button{
	background-color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
}
.hide-if-value p{
	padding: 0;
}
.hide-if-value .button:hover{
	background-color: #F1B24A;
	color: #222;	
}
.mce-widget button:not(.toggle){
	background-color: #fff;
}
.acf-form-submit .acf-button:hover{
	background-color: #222;
	color: #fff;
}
a.acf-button.button.button-primary{
	background-color: #f2b95b;
	color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
	float: left;
	margin-bottom: 2rem;
}
a.acf-button.button.button-primary:hover{
	background-color: #222;
	color: #fff;
}
/* === Edit front-end form === */
#edit-form{
	display: none;
}
button.edit-button{
	margin-left: 4rem;
	background-color: #f2b95b !important;
	color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
}
button.edit-button:hover{
	background-color: #222 !important;
	color: #fff;
}
#edit-form .acf-form-fields{
	padding-left: 3rem;
}
#edit-form .acf-form-submit{
	margin-left: 4rem;
}
/*=== Form Success ===*/
#message.updated{
	background-color: #004f2d;
	color: #fff;
	border-radius: 0.2em;
	padding: 2rem 0 1rem 0;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}
/**********************************************\
13. Mailchimp Newsletter Form
\**********************************************/
#mc_embed_signup.block{
	background: #B8DBA5;
}
#mc_embed_signup.footer{
	background: #4C836B;
}
#mc_embed_signup{
	color: #222;
	font-family: "Noto Sans", sans-serif;
}
#mc-embedded-subscribe-form{
	padding: 0 4rem;
}
#mc_embed_signup .mc-field-group label{
	font-weight: 600;
	font-size: 2rem;
}
#mc_embed_signup input{
	border: none;
	border-radius: 2px;
}
#mc_embed_signup input{
	font-weight: 500;
	font-size: 2rem;
}
#mc_embed_signup .mc-field-group{
	padding-bottom: 3%;
	min-height: inherit;
	padding-bottom: 2rem;
}
#mc_embed_signup .button{
	background-color: #222;
	font-family: "Noto Sans", sans-serif;
	border-radius: 0.5rem;
	padding: 1.5rem;
	font-weight: 700;
	font-size: 1.7rem;
}
#site-footer input[type="submit"], #site-footer .button{
	background-color: #222;
}
#site-footer input[type="submit"]:hover, #site-footer .button:hover, #mc_embed_signup .button:hover{
	background-color: #F2B95B;
	color: #222;
}
/**********************************************\
14. Paid Membership Pro: Service Provider Account
\**********************************************/
/* === Memberships Account Page === */
#pmpro_account,
#pmpro_cancel{
	background-color: #fff;
	box-shadow: 4px 6px 4px rgb(13 13 13 / 10%);
}
#pmpro_account .pmpro_box{
	border-top: none;
	margin: 0;
	padding: 1em 4rem;
}
#pmpro_account .pmpro_box p{
	padding: 1rem 0;
}
#pmpro_account .pmpro_box ul{
	list-style: none;
	margin: 0;
	padding-bottom: 1rem;
}
#pmpro_account #pmpro_account-profile li{
	padding: 0;
	margin: 0.5rem 0 0 0;
}
#pmpro_cancel .pmpro_table{
	margin-right: 4rem;
	margin-left: 4rem;
	width: 90%;
}
.pmpro_actionlinks a,
.pmpro_cancel-membership-cancel a{
	background-color: #004f2d;
	color: #fff;
	padding: 0.4rem;
	border-radius: 0.5rem;
	font-size: 1.8rem;
	font-weight: 600;
	text-decoration: none;
}
.pmpro_actionlinks a:hover,
.pmpro_cancel-membership-cancel a:hover{
	background-color: #222;
}
.pmpro_actions_nav a{
	color: #222;
}
.pmpro_cancel_wrap{
	margin-top: 3rem;
	padding: 2rem 0 3rem 0;
}
/*Customization of WP outline button font size*/
#post-480 .wp-block-button.is-style-outline{
	margin-top: 1rem;
}
#post-480 .wp-block-button.is-style-outline a{
	font-size: 2rem;
}
/*Helpful Links Block Group*/
#post-480 .account-link-group{
	padding: 2rem 0;
	background-color: #fff;
	box-shadow: 4px 6px 4px rgb(13 13 13 / 10%);
	margin: 3rem 0;
}
/*Accordion Block margins*/
#post-480 .accordion-block{
	padding: 0 2rem 0 4rem;
}
/* === Registration/Checkout Page === */
.pmpro_checkout h3 span.pmpro_checkout-h3-name, .pmpro_submit, .pmpro_checkout-fields{
	padding: 0 4rem;
}
#pmpro_pricing_fields.pmpro_checkout .pmpro_checkout-fields p{
	padding: 0;
}
/*=== Remove HR ===*/
.pmpro_checkout hr, .pmpro_checkout_gateway-none hr{
	display: none;
}
/* === Cancel Membership Page === */
#post-482 .pmpro_actionlinks{
	margin: 1rem 4rem;
}
/* === PMPro Change Password === */
.pmpro_change_password_wrap{
	padding: 3rem 4rem;
}
/* === PMPro Alert === */
.pmpro_alert{
	margin: .5em 4rem;
	background-color: #4C836B;
	border-color: #4C836B;
	color: #fff;
	font-size: 100%;
}
.pmpro_alert a{
	color: #fff;
}
/* === PMPro Buttons === */
.pmpro_actionlinks a:hover, .pmpro_cancel-membership-cancel a:hover{
	color: #fff;
}
/* === PMPro Submit Buttons === */
input.pmpro_btn.pmpro_btn-submit,
input#wp-submit.button.button-primary,
.pmpro_btn.pmpro_btn-submit-checkout{
	background: #F1B24A;
	color: #222;
	border-radius: 0.5rem;
	padding: 1.5rem;
	font-size: 110%;
}
input.pmpro_btn.pmpro_btn-submit:hover,
input#wp-submit.button.button-primary:hover,
.pmpro_btn.pmpro_btn-submit-checkout:hover{
	background: #222;
	color: #fff;
}
/* === PMPro Your Profile === */
.pmpro_member_profile_edit_wrap{
	padding: 2rem 4rem;
}
form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select, #loginform input[type=text], #loginform input[type=password]{
	max-width: 100%;
	border: 3px solid #E5E5E5;
}
.pmpro_checkout_box-additional h3{
	padding: 0;	
}
.pmpro_submit hr{
	margin: 2rem 0 !important;
}
/**********************************************\
15. Filters
\**********************************************/
/* === Filter Search Bar === */
.filter-search-bar{
	background-color: #004F2D;
	color: #fff;
	padding-top: 3rem;
}
.filter-search-bar #searchform{
	padding-top: 0.1em;
	max-height: 6rem;
	width: 95%;
}
.filter-search-bar input.search-field{
	border: 3px solid #fff;
	border-radius: 0.1em;
	font-size: 2rem;
}
.filter-search-bar .search-submit .fa-search{
	color: #fff;
	font-size: 2.5rem;
}
/* === Filter row ===*/
form.filter-form{
	width: 100%;
	padding: 0 4rem;
	display: flex;
	flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}
.filter-form select{
	width: 90%;
	border: 3px solid #F3F3F3;
	background: #F3F3F3;
	border-radius: 0.1em;
	padding: 4px 8px;
}
.filters-cell{
	margin: auto 0;
}
button.filter-results{
	background-color: #f2b95b !important;
	color: #222;
}
button.filter-results:hover{
	background-color: #222 !important;
	color: #fff;
}
.filter-form select{
	height: 5rem;
}
.filter-form.grid-x{
	width: 100%;
}
form.searchandfilter{
	width: 100%;
}
.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	min-width: 25%;
}
.searchandfilter label{
	width: 100%;
}
@media all and (max-width: 75em){
	.searchandfilter > ul > li{
		min-width: 50%;
	}	
}
@media all and (max-width: 40em){
	.searchandfilter > ul > li{
		min-width: 100%;
	}		
}
/*No Content*/
.no-content p{
    text-align: center;
}
/**********************************************\
16. Working Groups
\**********************************************/
/* === Sub-Pages (Archive) === */
.entry-content > .working-groups-container.alignfull:not(.wp-block-group.has-background){
	margin-bottom: 0;
}
.working-group-loop a.featured-page-wrap-bg{
	transition: ease-in-out 0.3s;
}
.working-group-list:nth-child(4){
	min-width: 49.9vw;
}
.working-group-list:last-child{
	min-width: 49.9vw;
}
.working-group-list.featured-page-wrap-bg{
	background-size: cover;
}
a.featured-page-wrap-bg{
	text-decoration: none;
	color: #fff;
}
.working-group-list .overlay-black{
	min-height: 425px;
	background-color: rgba(34,34,34, 0.7);
}
.working-group-list:hover .overlay-black, .working-block-list:hover .overlay-black{
	background-color: #004f2d;
}
.working-loop-text{
	margin-top: auto;
}
.working-loop-text hr.wp-block-separator{
	color: #fff !important;
	max-width: 90%;
}
/* === Current Projects === */
.current-project-container{
	margin-bottom: 6rem;
}
/* === Agenda & Meeting Minutes === */
.agenda-wrap{
	background-color: #004F2D;
	color: #fff;
}
.agenda-list{
	border: 1rem solid #f3f3f3;
	height: 50rem;
	overflow: scroll;
}
.agenda-list-inner{
	padding: 2rem 4rem;
}
.agenda-list-row{
	padding-bottom: 2rem;
}
.agenda-list-row a{
	color: #222;
	text-decoration: none;
}
/* === Special Content section for Partner Council and Executive Committee === */
.council-container.grid-x{
	padding-top: 2rem;
}
.council-container .text-block{
	padding-right: 5%;
}
.council-container .img-block img{
	max-height: 550px;
}
/**********************************************\
17. Service Providers
\**********************************************/
/* === Archive Loop === */
.service-listing{
	border-bottom: 2.5px solid #E5E5E5;
	padding: 3rem 0;
}
.service-listing p.header-title{
	text-align: left;
	color: #004f2d;
}
.service-contact{
	padding-top: 4rem;
}
a.website-link{
	margin-left: 4rem;
	text-decoration: none;
	color: #222;
	font-weight: bold;
}
a.website-link:hover{
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.2em;
	text-decoration-color: #B8DBA5;
}
div.services-list{
	padding: 0 4rem;
}
/* === Single Page === */
.service-list-wrap{
	padding-bottom: 2rem;
}
.services-box-wrap{
	margin-top: 2rem;
}
.services-box-wrap .service-list-wrap{
	padding: 2rem 0;
}
p.sp-list{
	display: inline-flex;
	padding: 0 0.1em;
}
p.sp-list:after{
	content: ',';
}
p.sp-list:last-child:after{
	content: '';
}
/* === Map === */
#map{
	height:75vh;
	min-height:500px;
}
.map-listing{
	display:none;
}
.popup-container{
	max-height: 55vh;
    overflow: scroll;
}
.popup-container p{
	padding:0;
	margin: 0 0 1em 0;
}
.popup-container .services-list{
	padding:0;
}
.popup-container .medium-6{
	width:100% !important;
}
.popup-container .service-contact{
	padding-top:0;
}
.popup-container a.website-link{
	margin:0;
}
.popup-container .wp-block-buttons{
	padding:0;
}
.popup-container .wp-block-button{
	margin: 0;
}
.popup-container .wp-block-buttons a{
	color:#fff;
}
.popup-container .service-listing{
	padding:0;
	border-bottom: none;
	font-size: 1.5rem;
}
.service-providers-display-options{
	padding: 0rem 4rem 2rem 4rem;
}
/**********************************************\
18. Events
\**********************************************/
/* === Archive Loop === */
.event-post-loop{
	padding: 4rem 0 8rem 0;
}
.event-listing{
	margin-top: 5rem;
}
.event-listing .cell-container{
	background-color: #fff;
	box-shadow: 4px 6px 4px rgb(13 13 13 / 10%);
}
.event-listing .cell-container p{
	padding: 0 1.5rem;
	color: #222;
}
.event-date{
	background-color: #F1B24A;
	width: 60%;
	padding-top: 1rem;
}
.event-date p{
	font-weight: 600;
	padding-bottom: 0.5em !important;
}
.event-text p.header-title{
	text-align: left;
}
.event-text hr.wp-block-separator{
	margin: 2rem 1.5rem;
}
.event-text .wp-block-buttons{
	padding: 0 1.5rem;
}
.event-text .wp-block-buttons>.wp-block-button{
	margin-bottom: 5rem;
}
/* === Single Page Template (Event Listing) === */
.event-post .grid-x{
	padding-bottom: 0;
}
.event-post .grid-x:last-child{
	padding-bottom: 6rem;
}
p.organiser-header{
	font-weight: 600;
	font-size: 150%;
}
.event-post hr.wp-block-separator{
	max-width: 100%;
	margin: 2rem 0 4rem 4rem;
}
.event-list-wrap{
	padding-bottom: 1.5rem;
	margin-left: 4rem;
}
.event-list-detail{
	display: inline-flex;
}
.event-list-detail .far,
.event-list-detail .fa,
.event-list-detail .fas{
	font-size: 2.8rem;
	padding-top: 0.1em;
}
.event-post a.wp-block-button__link.job-button{
	margin-left: 4rem;
}
.event-copy{
	padding-top: 4rem;
}
/**********************************************\
18. Single Content Pages
\**********************************************/
/*=== News ===*/
#post-25 .working-group-list:last-child{
	width: 100vw;
}
/*=== Newsletter Page ===*/
#post-1130 h1.entry-title{
	text-align: left;
}
.newsletter-description p{
	padding: 0 2rem;
}
.newsletter-img img{
	height: 50rem;
	object-fit: cover;
	object-position: center;
}
#post-1130 .agenda-container.alignfull{
	margin-bottom: 0;
}
/**********************************************\
19. Search Results Page
\**********************************************/
h1.search-title{
	font-size: 4rem;
	margin: 1rem auto 0;
}
.tx-indexedsearch-res{
	padding-bottom: 3rem;
	border-bottom: 2.5px solid #E5E5E5;
	margin: 3rem auto 2rem;
}
span.tx-indexedsearch-title a{
	color: #004F2D;
	text-decoration: none;
}
a.link-more{
	margin-left: 4rem;	
	text-decoration: none;
	background-color: #f1b24a;
	color: #222;
	padding: 1rem;
	font-size: 105%;
	border-radius: 0.5rem;
}
a.link-more:hover{
	background-color: #222;
	color: #fff;
}
a.link-more span:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f061';
	padding-left: 1rem;
}
.search-topic-list{
	margin: 4rem 0 2rem 0;
}
.search-topic-list p{
	padding: 0;
	margin-bottom: 1rem;
}
button.format-btn{
	background-color: #E5E5E5;
	color: #222;
	padding: 1.5rem;
}
.indexedsearch-markup{
	background-color: yellow;
}
/**********************************************\
20. 404 Error Page
\**********************************************/
.error-wrap{
	margin-left: 0;
	margin-right: 0;
	min-width: 100%;
}
.error-page .entry-header-inner{
	text-align: center;
	margin-top: 0;
}
.error-search-wrap{
	display: flex;
}
.error-wrap #searchform{
	min-width: 30%;
	margin: 0 auto;
}
div.search-support.alignfull{
	margin-bottom: 0;
}
.error-page aside.featured-page-block.alignfull{
	margin-bottom: 0;
}
/**********************************************\
21. Custom Gutenberg Blocks (ACF powered)
\**********************************************/
/* === Image & Text Overlay Block (uses working group loop style) === */
aside.image-text-overlay.alignfull:not(.wp-block-group.has-background){
	margin-bottom: 0;
}
/* === Accordion Block === */
.accordion-item button:not(.toggle){
	background-color: #f7f7f7;
}
.accordion-item button:not(.toggle):hover{
	background-color: #B8DBA5;
}
.accordion-item button:not(.toggle):focus{
	background-color: #B8DBA5;
}
.accordion{
	cursor: pointer;
	padding: 1rem 2rem;
	width: 100%;
	outline: none;
	transition: 0.4s;
	margin-bottom: 1rem;
	
	font-weight: 500;
	font-size: 2.2rem;
	text-align: left;
}
.accordion a{
	color: #222;
	text-decoration: none;
}
.accordion-item .active{
	background-color: #B8DBA5;
}
.accordion-header::after{
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	font-size: 2rem;
	color: inherit;	
	float: right;
}
.active .accordion-header::after{
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	content: '\f077';
	font-size: 2rem;
	color: inherit;	
	float: right;
}
.accordion-panel{
	display: none;
	overflow: hidden;
}
.accordion-panel p{
	padding: 2rem 2.5rem;
}
/* === Working Group Block === */
/*Text Fields Area*/
.working-group-text h2{
	margin: 0 auto 2rem;
}
.working-group-text a.wp-block-button__link.job-button{
	margin-left: 4rem;
}
/*The Loop*/
.working-group-wrap{
	margin-top: 4rem;
}
.working-block-list{
	padding: 1.5rem;
}
.working-block-list:last-child{
	width: 100% !important;
}
.working-block-list a{
	text-decoration: none;
	color: #fff;
}
.working-group-bg{
	min-height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.working-group-bg .overlay-black{
	min-height: 300px;
	width: 100%;
	background-color: rgba(34,34,34, 0.5);
}
.working-group-bg .overlay-black:hover{
	transition: 0.3s;
	background-color: rgba(34,34,34, 0.8);
}
.working-block-text{
	width: 100%;
	margin: auto 0;
}
/* === Entry Hero Block === */
.entry-hero-text{
	padding-top: 5rem;
}
.entry-hero-text p{
	font-size: 125%;
}
.entry-hero-wrap img{
	max-height: 425px;
	width: 100%;
	object-fit: cover;
	padding-left: 5rem;
}
/*News Entry Header Hero Block*/
#post-25 a.wp-block-button__link.job-button{
	margin-left: 4rem;
}
/* === PAGE FEATURE: 2 Cols & 3 Cols === */
.featured-page-wrap{
	display: flex;
}
a.featured-page-wrap{
	color: #fff;
	text-decoration: none;
    transition: 0.2s all;
}
.featured-page-wrap-bg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 425px;
	width: 100%;
	display: flex;
	align-items: flex-end;
}
.featured-page-block .grid-x:hover a.featured-page-wrap{
	filter: blur(1px);
	transform: scale(0.99);
}
.featured-page-block .grid-x:hover a.featured-page-wrap:hover{
	transform: scale(1);
	filter: blur(0px);
}
.grid-margin-x.overlay-black{
	margin-left: 0;
	margin-right: 0;
}
.overlay-black{
	background-color: rgba(34,34,34, 0.95);
	background-repeat: repeat;
	width: 100%;
    transition: 0.2s all;
}
.featured-page-title{
	padding-top: 2rem;
	width: 100%;
}
.featured-page-title p{
	text-align: center;
	font-weight: 600;
	font-size: 3rem;
    line-height: 1.2;
    padding: 0 1rem;
}
/* === Recent News Block === */
.recent-newsletter-wrap{
	background-color: #B8DBA5;
	padding: 4rem 1rem;
}
.recent-news-wrap{
	background-color: #004F2D;
	padding: 4rem 1rem;
	color: #fff;
}
.recent-news-container hr{
	color: #fff !important;
}
.recent-news-container .wp-block-button.is-style-outline a{
	color: #fff;
	font-size: 3rem;
}
/**********************************************\
22. Customised WP Gutenberg Blocks
\**********************************************/
/* === MEDIA & TEXT === */
/*Media/Text: Image Height*/
.hero-home .wp-block-media-text__media img, .hero-home .wp-block-media-text__media video, .wp-block-media-text.has-background .wp-block-media-text__media img, .wp-block-media-text.has-background .wp-block-media-text__media video{
	max-height: 450px;
	object-fit: cover;
	vertical-align: top;
}
.wp-block-media-text__media img, .wp-block-media-text__media video{
    object-fit: cover;
}
/* Media/Text: .hero-home*/
.hero-home{
    margin-bottom: 6rem !important;
}
.hero-home .wp-block-media-text__content{
	padding: 0;
}
.hero-home p{
	padding: 0;
	padding-right: 10%;
}
.hero-home .wp-block-buttons{
	padding: 0;
}
/*#Home Media/Text: News*/
.wp-block-media-text:not(.has-background, .hero-home){
	grid-template-columns: 30% 1fr;
}
/* === File Upload === */
.wp-block-file{
	padding: 0 4rem;
}
.wp-block-file a:not(.wp-block-file__button):hover{
	text-decoration: none;
}
.wp-block-file a.wp-block-file__button{
	background-color: #222;
	padding: 1rem;
	font-size: 105%;
	border-radius: 0.5rem;
}
.wp-block-file a.wp-block-file__button:hover{
	background-color: #f2b95b;
	color: #222;
	text-decoration: none;
}
/**********************************************\
23. Reusable Blocks
\**********************************************/
/**********************************************\
24.  Foundation Grid (responsive grid)
\**********************************************/
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.cell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto;
    max-width: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem); } }

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

/**********************************************\
25.  Responsive Devices
\**********************************************/
/* === Up to Tablet === */
@media all and (max-width: 75em){
	.page .entry-content{
		padding-top: 1rem;
	}
	.entry-content .has-larger-font-size{
		font-size: 3rem;
	}
    p.has-larger-font-size{
		font-size: 3rem;
	}
	p, .entry-content p, a.wp-block-button__link.job-button, a.website-link, div.services-list{
		font-size: 1.8rem;
	}
    h1{
		font-size: 5rem;
	}
	h2{
		font-size: 4.2rem;
	}
	h3{
		font-size: 3.5rem;
    }
	h4{
		font-size: 2.5rem;
	}
	.featured-page-title p{
		font-size: 4rem;
	}
    .entry-header-text p{
		font-size: 105%;
	}
    .entry-content .has-large-font-size{
		font-size: 1.1em;
		line-height: 1.5;
	}
	.entry-header-text h1{
		margin-top: 0;
	}
	.wp-block-column{
		flex-basis: 50%;
	}
	.footer-credits{
		margin: 0 0 0 2rem;
	}
	.footer-box-1 > .site-logo img{
		max-height: 10rem;
	}
    .footer-box-2{
        padding-left: 1rem;
    }
    .footer-box-2, .footer-box-3{
        padding-top: 2rem;
    }
    .footer-box-3, .footer-box-4{
		padding-left: 10%;
	}
	.social-menu-row .wp-block-column{
		padding: 0;
		margin: 0;
	}
	button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
		font-size: 100%;
	}
	.wp-block-button:not(.is-style-outline) a:after{
		font-size: 95%;
	}
	.wp-block-button.is-style-outline a:after{
		font-size: 100%;
	}
	.wp-block-media-text.has-media-on-the-right:not(.has-background){
		grid-template-columns: 1fr 40%;
	}
	.wp-block-media-text__media img, .wp-block-media-text__media video{
		vertical-align: top;
	}
	.wp-block-media-text__media img, .wp-block-media-text__media video{
		max-height: 850px;
		min-height: 525px;
		overflow: hidden;
	}
	a.wp-block-button__link.white-button{
		text-align: left;
		line-height: 1.5;
	}
	a.wp-block-button__link.black-button{
		text-align: left;
		line-height: 1.5;
	}
    .featured-page-block .overlay-black{
		height: 10rem;
	}
	.overlay-black.featured-page-title{
		padding-top: 1rem;
		margin: auto;
	}
	.upcoming-events-block{
		margin-top: 0;
	}
	.event-post-loop{
		padding: 0 0 2rem 0;
	}
	.footer-box-2, .footer-box-3{
		padding-left: 10%;
	}
	.multi-col .multi-col-inner{
		column-gap: 5rem;
	}
	.filter-search-bar #searchform{
		margin-top: 2.5rem;
	}
}
/* === Mobile === */
@media all and (max-width: 40em){
    h1{
		font-size: 4.5rem;
	}
    p.header-title{
		font-size: 2.5rem;
	}
    p.job-loop-title{
		font-size: 2rem;
	}
    .featured-page-title p{
		font-size: 2.5rem;
	}
    .home .type-page, .service-details, .newsletter-signup-wrap, .entry-header h1{
		padding-top: 2rem;
	}
    .hero-home .wp-block-media-text__media img, .hero-home .wp-block-media-text__media video, .wp-block-media-text.has-background .wp-block-media-text__media img, .wp-block-media-text.has-background .wp-block-media-text__media video, .wp-block-media-text__media img, .wp-block-media-text__media video{
		max-height: 300px;
	}
    .working-block-list.working-group-bg, .working-group-bg .overlay-black{
		min-height: 225px;
	}
    .working-group-list .featured-page-wrap-bg,
	.working-group-list .overlay-black{
		max-height: 300px;
		min-height: 300px
	}
    .featured-page-wrap-bg{
		min-height: 300px;
	}
	.featured-page-block .overlay-black{
		height: inherit;
	}
    .entry-content p, .entry-content li, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .wp-block-buttons, #nf-form-2-cont .nf-form-content, #nf-form-2_1-cont .nf-form-content{
		padding: 0 1rem;
	}
    .entry-header-text{
		padding: 2rem;
		margin-top: -3rem;
		margin-left: 3rem;
	}
    .hero-home .wp-block-media-text__content{
		padding: 2rem 0 0 0;
	}
    .entry-hero-wrap img{
		max-height: 250px;
		padding-left: 0;
		padding-top: 2rem;
	}
    .main-image-header img{
		max-height: 250px;
		height: 250px;
		width: 90%;
	}
    .multi-col .multi-col-inner{
		column-count: 1;
	}
    .footer-box-1 > .site-logo img{
		width: 60%;
	}
	.footer-box-2, .footer-box-3{
		padding-left: 1rem;
		padding-right: 0.5rem;
	}
    .footer-box-2{
        padding-top: 2rem;
    }
    .footer-box-3{
        padding-top: 4rem;
    }
    .extra-inner{
		padding: 4rem 1.5rem 0 1.5rem;
	}
    button.edit-button, a.link-more, .event-post a.wp-block-button__link.job-button, button.edit-form, #post-25 a.wp-block-button__link.job-button, .event-list-wrap, .working-group-text a.wp-block-button__link.job-button, a.website-link{
		margin-left: 1rem;
	}
    .singular .entry-header, p.job-loop-type, #post-480 .accordion-block{
		padding: 0;
	}
    .hero-block .grid-x, .service-details p{
		margin: 0;
	}
    .working-loop-text {
		padding: 2rem;
	}
    #mobile-search.menu-bottom #searchform{
		width: 100%;
	}
    table td p:not(.job-loop-title,.job-loop-type){
		font-size: 100%;
		padding: 0;
	}
    .entry-content hr:not(.is-style-dots){
		margin: 2rem 1rem;
	}	
	.agenda-title h2{
		margin: 2rem auto 2rem;
		text-align: center;
	}
	p.job-loop-title{
		font-size: 2rem;
		padding: 0;
	}
	ul.modal-menu{
		padding: 0 2rem;
	}
	#post-480.wp-block-cover{
		margin-top: -4rem;
		min-height: 250px;
	}
	.filter-search-bar #searchform{
		margin-top: 0;
		padding-bottom: 2rem;
		padding-left: 1rem;
	}
	.filters-cell{
		margin: 1rem 0;
	}
	.filters-cell:last-child{
		margin-bottom: 2rem;
	}
	div.services-list{
		padding: 0 1rem;
	}	
	.service-details .services-list{
		padding: 1rem;
	}
	.location-container{
		margin-top: 2rem;
		padding: 0 1rem;
	}
}