/*
Theme Name: NATCA
Theme URI: https://www.natca.org
Author: Waldinger Creative
Author URI: https://creativew.com
Description: Custom theme for the National Air Traffic Controllers Association.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: natcatheme
*/

/*
1.		Accessibility
2.		Alignments
3. 		Typography
4.		Global
5.		Layout
5.1		Layout - Public
5.2		Layout - Member
6.		Header - Common
6.1		Header - Public
6.2		Header - Member
6.3 	Header - Documentation
7.		Blocks
7.1		Blocks - Posts
7.2		Blocks - Table
7.3		Blocks - Team Member
7.4		Blocks - Details
7.5		Blocks - Buttons
7.6		Blocks - Media & Text
7.7		Blocks - Image
7.8		Blocks - Separator
7.9		Blocks - Gallery
8.		Single Posts
9.		Footer
9.1		IcoMoon SVG Icons
9.2 	IcoMoon Font Icon
9.3		Member Footer
10.		Quicklinks
11.		Plugin Overrides
11.1	Ajax Load More
11.2	Flow-Flow
12. 	Login
13. 	Search
13.1	Search - Program Updates
13.2	Search - Public
14.		Committees
15.		Organization
16.		Documents
17.		NATCA Collective
18.		NATCA in Washington
19.		Newsroom
20.		Timeline
21.		To Top
*/

:root {
	--strong-blue: #1490d7;
	--lighter-blue: #33ccff;
	--dark-blue: #003366;
	--strong-red: #ce0e2d;
	--medium-gray: #999;
	--mobile-header-height: 66px;
	--default-font-size: 16px;
}

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

	.screen-reader-text:focus{
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* above WP toolbar */
	}

.no-focus-outline a:focus,
.no-focus-outline button:focus,
.no-focus-outline summary:focus{
	outline: none; /* overwritten if keyboard user */
}

/* Do not show the outline on the skip link target */
#primary[tabindex="-1"]:focus{
	outline: 0;
}

/*****************
 * 2. Alignments *
 *****************/
.alignleft figcaption {
	clear: left;
}

.alignright figcaption {
	clear: right;
}

img.alignleft,
.alignleft img,
.alignleft figcaption {
	float: left;
	margin-right: 1.5em;
	margin-bottom: .25em;
}

img.alignright,
.alignright img,
.alignright figcaption {
	float: right;
	margin-bottom: .25em;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*****************
 * 3. Typography *
 *****************/
body{
	font-family: 'Open Sans', sans-serif;
	font-size: var(--default-font-size);
	font-weight: 400;
	color: #4d4d4d;
	overflow-x: hidden;
}

/**
 * Sourced: https://css-tricks.com/snippets/css/fluid-typography/
 * font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
 * minium size: 40px
 * maximum size: 70px
 * minimum viewport width: 375px
 * maxiumum viewport width: 1200px
 */

h1{
	font-size: 70px;
	font-size: calc(40px + 30 * ((100vw - 375px) / 825));
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}

	.member h1{
		font-size: 25px;
	}

h2{
	font-size: 25px;
	font-weight: 600;
}

.entry-content * + h1,
.entry-content * + h2,
.entry-content * + h3,
.entry-content * + h4{
	margin-top: 3rem;
	margin-bottom: .5em;
}

	.entry-content h3{
		text-transform: uppercase;
	}

	.entry-content .wp-block-separator + h3{
		margin-top: 1.35rem; /* 3 - 1.65 */
	}

	.entry-content .details__summary + h3,
	.entry-content .wp-block-details .wp-block-button + h3,
	.entry-content .wp-block-bmore-details-block .wp-block-button + h3{
		margin-top: 0;
	}

p,
.entry-content
.post-content{
	line-height: 1.65;
}

p,
.entry-content ul,
.entry-content ol{
	margin-bottom: 1.25em;
}

	h1 + p{
		font-size: 18px;
		margin-top: 1em;
	}

	.wp-block-pullquote p{
		margin-bottom: 0;
	}

	.entry-content ul,
	.entry-content ol{
		margin-left: 1em;
	}

		.entry-content ul li,
		.entry-content ol li{
			line-height: 1.5;
			margin-bottom: .5em;
		}

.tagline{
	font-size: var(--default-font-size);
	font-weight: 600;
}

/*************
 * 4. Global *
 *************/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a{
	color: var(--strong-blue);
	text-decoration: none;
	transition: all 0.2s;
}

	a:hover{
		color: var(--lighter-blue);
		text-decoration: underline;
	}

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

	.wp-block-image.alignfull img{
		align-self: center;
	}

@media all and (min-width: 980px){
	img{
		width: auto;
		max-width: 355px;
	}

		.wp-block-column > .wp-block-image > figure img,
		.wp-block-column > figure.wp-block-image img{
			width: 100%;
		}

		.wp-block-image.alignfull img,
		.wp-block-image > figure.size-large > img,
		.wp-block-image > figure.size-full > img,
		figure.wp-block-image.size-large > img,
		figure.wp-block-image.size-full > img{
			max-width: 100%;
		}

		.gform_delete{
			max-width: 10px;
		}
}

.btn-primary{
	color: #fff;
	background-color: var(--strong-blue);
}

	.btn-primary:hover{
		background-color: var(--lighter-blue);
	}

.video-wrapper{
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

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

	.video-wrapper{
		margin-bottom: 2em;
	}

/*************
 * 5. Layout *
 *************/
.container{
	position: relative;
	width: 90%;
	max-width: 1660px;
	margin: 0 auto;
}

.wp-block-table{
	width: auto;
	border-spacing: 0;
	margin-bottom: 1em;
}

	.wp-block-table th,
	.wp-block-table td{
		padding: 4px 8px;
		border: none;
	}

	.wp-block-table th{
		text-align: left;
		border-bottom: solid 1px #ecf0f1;
	}

@media all and (min-width: 980px){
	.flex_container{
		display: flex;
		position: relative;
		width: 80%;
		margin: auto;
	}

		.flex_container > .site-main{
			width: 75%;
			margin-top: 0;
		}

		.flex_container > aside{
			width: 20%;
			margin-left: 5%;
		}
}

.has-sidebar{
	flex-direction: column;
}

	.has-sidebar > .wp-block-column{
		flex-basis: auto;
		flex-grow: 0;
	}

		.has-sidebar > .wp-block-column:first-child{
			order: 2;
		}

		.has-sidebar > .wp-block-column:not(:first-child){
			order: 1;
			margin-left: 0 !important; /* !important required for WP 5.9 */
		}

			.has-sidebar > .wp-block-column.button_group{
				margin-top: 0;
			}

			.has-sidebar > .wp-block-column:first-child > .natca_blog:not(:first-child){
				margin-top: 3rem;
			}

@media all and (min-width: 1025px){
	.has-sidebar{
		flex-direction: row;
		align-items: flex-start; /* required for sticky sidebar */
	}

		.has-sidebar > .wp-block-column{
			flex-basis: auto;
		}

			.has-sidebar > .wp-block-column:first-child{
				flex-grow: 0;
				flex-shrink: 0;
				flex-basis: 70%;
				order: 1;
			}

			.has-sidebar > .wp-block-column:not(:first-child){
				flex-grow: 0;
				flex-shrink: 0;
				flex-basis: 25%;
				margin-left: 5% !important;  /* !important required for WP 5.9 */
				order: 2;
				position: -webkit-sticky;
				position: sticky;
				top: 153px; /* height of main-header */
			}

				.has-sidebar > .wp-block-column.not-sticky{
					position: relative;
					top: 0;
				}
}

.entry-header{
	display: none;
}

.has-strong-blue-background-color{
	background-color: var(--strong-blue);
}

/***********************
 * 5.1 Layout - Public *
 ***********************/
figure.wp-block-image.alignfull{
	margin-bottom: 0;
	display: flex; /* eliminate extra white space */
}

.wp-block-group .wp-block-group__inner-container{
	position: relative;
}

rs-fullwidth-wrap + .wp-block-group,
rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group,
rs-module-wrap + .wp-block-group,
rs-module-wrap + p[data-block-type="core"] + .wp-block-group,
figure.alignfull + .wp-block-group,
.wp-block-media-text.alignfull + .wp-block-group{
	margin: 0 auto;
	padding: 0;
}

	rs-fullwidth-wrap + .wp-block-group > .wp-block-group__inner-container,
	rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container,
	rs-module-wrap + .wp-block-group > .wp-block-group__inner-container,
	rs-module-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container,
	figure.alignfull + .wp-block-group:not(.has-columns) > .wp-block-group__inner-container,
	figure.alignfull + .wp-block-group.has-columns .wp-block-column,
	.wp-block-media-text.alignfull + .wp-block-group > .wp-block-group__inner-container{
		padding: 4% 3.33333% 8%;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}

	rs-fullwidth-wrap + .wp-block-group h1,
	rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group h1,
	rs-module-wrap + .wp-block-group h1,
	rs-module-wrap + p[data-block-type="core"] + .wp-block-group h1,
	figure.alignfull + .wp-block-group h1{
		margin-bottom: 3.33333%;
	}

@media (min-width: 600px) {
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

@media (min-width: 981px) {
	.wp-block-column:nth-child(2n) {
		margin-left: 32px;
	}

	rs-fullwidth-wrap + .wp-block-group,
	rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group,
	rs-module-wrap + .wp-block-group,
	rs-module-wrap + p[data-block-type="core"] + .wp-block-group,
	figure.alignfull + .wp-block-group,
	.wp-block-media-text.alignfull + .wp-block-group{
		position: relative;
		width: 80%;
		max-width: 1280px;
		margin-top: -7.25rem;
	}

		.wp-block-media-text.alignfull + .wp-block-group{
			margin-top: 0;
		}

		rs-fullwidth-wrap + .wp-block-group h1,
		rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group h1,
		rs-module-wrap + .wp-block-group h1,
		rs-module-wrap + p[data-block-type="core"] + .wp-block-group h1,
		figure.alignfull + .wp-block-group h1{
			margin-bottom: 2rem;
		}

		rs-fullwidth-wrap + .wp-block-group > .wp-block-group__inner-container,
		rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container,
		rs-module-wrap + .wp-block-group > .wp-block-group__inner-container,
		rs-module-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container,
		figure.alignfull + .wp-block-group:not(.has-columns) > .wp-block-group__inner-container,
		figure.alignfull + .wp-block-group.has-columns .wp-block-column{
			position: relative;
			padding: 60px 42px 80px 42px;
			background-color: #fff;
			z-index: 1;
		}

			figure.alignfull + .wp-block-group.has-columns .wp-block-columns{
				flex-direction: row;
			}

			rs-fullwidth-wrap + .wp-block-group > .wp-block-group__inner-container::before,
			rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container::before,
			rs-module-wrap + .wp-block-group > .wp-block-group__inner-container::before,
			rs-module-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container::before,
			figure.alignfull + .wp-block-group:not(.has-columns) > .wp-block-group__inner-container::before,
			figure.alignfull + .wp-block-group.has-columns .wp-block-column::before{
				content: "".;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 200px;
				box-shadow: 0 -4px 4px 0 rgba(41, 47, 54, 0.08), 0 -20px 26px 0 rgba(41, 47, 54, 0.07);
			}

			rs-fullwidth-wrap + .wp-block-group > .wp-block-group__inner-container > *:last-child,
			rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container > *:last-child,
			rs-module-wrap + .wp-block-group > .wp-block-group__inner-container > *:last-child,
			rs-module-wrap + p[data-block-type="core"] + .wp-block-group > .wp-block-group__inner-container > *:last-child,
			figure.alignfull + .wp-block-group > .wp-block-group__inner-container > *:last-child,
			figure.alignfull + .wp-block-group .wp-block-column > *:last-child{
				margin-bottom: 0;
			}

	rs-fullwidth-wrap + .wp-block-group.offset > .wp-block-group__inner-container,
	rs-fullwidth-wrap + p[data-block-type="core"] + .wp-block-group.offset > .wp-block-group__inner-container,
	rs-module-wrap + .wp-block-group.offset > .wp-block-group__inner-container,
	rs-module-wrap + p[data-block-type="core"] + .wp-block-group.offset > .wp-block-group__inner-container,
	figure.alignfull + .wp-block-group.offset > .wp-block-group__inner-container{
		width: 100%;
		max-width: 880px;
		margin-left: 56%;
		transform: translateX(-50%);
	}
}

/***********************
 * 5.2 Layout - Member *
 ***********************/
.member .site-main,
.member .site-main + aside{
	position: relative;
	width: 90%;
	margin: 0 auto;
}

	.member .container,
	.member .site-main,
	.member .site-main + aside,
	.member .flex_container{
		max-width: 1170px;
	}

	.member .site-main,
	.member .site-main + aside{
		padding-top: 4%;
		padding-bottom: 4%;
	}

@media all and (min-width: 980px){
	.member .site-main + aside{
		width: 20%;
		margin-left: 5%;
	}
}

.member .entry-header{
	display: block;
	margin-bottom: 2em;
}

	.page-id-707.member .entry-header /* Members Home */,
	.member .site-main.alignfull .entry-header,
	body[class*="parent-pageid-"].member header.entry-header/* child pages... */{
		display: none;
	}

		/* ...except */
		body[class*="parent-pageid-"].member.topic-committees header.entry-header{
			display: block;
		}

/**********************
 * 6. Header - Common *
 **********************/
#main-header__mobile{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	height: var(--mobile-header-height);
	display: flex;
	justify-content: space-between;
	padding: 0 5%;
	background-color: #fff;
	z-index: 3;
}

	#main-header__mobile > div{
		display: flex;
		align-items: center;
	}

		#main-header__mobile > div > .custom-logo-link{
			height: 55px;
		}

			#main-header__mobile > div > .custom-logo-link > .custom-logo{
				width: auto;
				height: 100%;
			}

			#main-header__mobile > div > .tagline{
				font-size: var(--default-font-size);
				margin-left: 1em;
			}

	#main-header__mobile > .menu-toggle{
		width: var(--mobile-header-height);
		height: var(--mobile-header-height);
		border: none;
		background-color: inherit;
		cursor: pointer;
	}

		#main-header__mobile > .menu-toggle > svg{
			width: var(--mobile-header-height);
			height: var(--mobile-header-height);
		}

#main-header[aria-expanded="true"]{
	position: -webkit-sticky;
	position: sticky;
	top: var(--mobile-header-height);
	height: calc(100vh - var(--mobile-header-height));
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	padding-bottom: 9px;
	background-color: #000;
	z-index: 2;
}

	#main-header > div:first-of-type{
		order: 4; /* secondary menu for Public & Member */
	}

	#main-header > div:last-of-type{
		order: 3; /* primary menu for Public & Member */
	}

#main-header[aria-expanded="false"]{
	display: none;
}

	.logo_container{
		display: none;
	}

#main-header ul{
	list-style: none;
}

.nav a{
	display: block;
	position: relative;
	text-decoration: none;
	font-size: var(--default-font-size);
	font-weight: 600;
	color: #fff;
	margin-top: 4px;
	padding: .5em 1em;
	border: solid 3px #545b62;
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
}

	.nav > li.menu-item-has-children{
		position: relative;
	}

		.nav > li.menu-item-has-children > a:before{
			font-family: 'icomoon';
			font-size: 16px;
			line-height: 40px;
			position: absolute;
			top: 0;
			right: 1em;
		}

			.nav > li.menu-item-has-children.is-visible > a:before{
				content: "\e90d";
			}

			.nav > li.menu-item-has-children > a:before{
				content: "\e90c";
			}

.sub-menu{
	display: none;
}

	.is-visible .sub-menu{
		display: block;
	}

@media all and (min-width: 1025px){
	#main-header__mobile{
		display: none;
	}

	#main-header{
		display: block !important;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 100%;
		font-size: var(--default-font-size);
		z-index: 6;
		padding-bottom: 0 !important;
	}

		#main-header[aria-expanded="true"]{
			background-color: transparent;
		}

		#main-header > div:first-of-type{
			order: 3; /* secondary menu for Public & Member */
		}

		#main-header > div:last-of-type{
			order: 4; /* primary menu for Public & Member */
		}

		#main-header a{
			font-weight: 600;
			text-decoration: none;
		}

		.logo_container{
			display: flex;
			align-items: center;
		}

			.custom-logo-link{
				display: flex;
			}

	.nav a{
		margin-top: 0;
		padding: 0;
		border: none;
		border-radius: 0;
	}

		.nav > li.menu-item-has-children > a:before,
		.nav > li.menu-item-has-children.is-visible > a:before{
			content: "";
		}

	.sub-menu{
		position: absolute;
		white-space: nowrap;
		background-color: #6ac9ff;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
		left: 0;
		z-index: 5;
	}

		li.menu-item-has-children:hover > .sub-menu,
		li.menu-item-has-children > .sub-menu:hover{
			visibility: visible;
			opacity: 1;
			display: block !important;
			z-index: 6; /* prevents odd rollover behavior with Committees */
		}


		.sub-menu li{
			position: relative;
			width: 100%;
			line-height: 2;
		}

		.nav .sub-menu a{
			display: block;
			width: 100%;
			color: #fff;
			padding: 6px 20px;
		}
}
/* Prevent Gravity Forms signature field covering header */
.gfield_signature_container {
	z-index: 2 !important;
}

/***********************
 * 6.1 Header - Public *
 ***********************/
#primary-nav li a{
	text-transform: uppercase;
	background-color: var(--strong-red);
}

	#primary-nav li a:hover {
		background-color: #ab0b25;
	}

#secondary-nav a{
	background-color: var(--strong-blue);
}

	#secondary-nav a:hover{
		background-color: #117dbb;
	}

#main-header__mobile > .menu-toggle > svg{
	fill: var(--strong-blue);
}

@media all and (min-width: 1025px){
	.home #main-header{
		position: fixed;
		top: auto;
	}

	#main-header__top{
		height: 40px;
		background-color: #192855;
	}

	#secondary-nav{
		display: flex;
		justify-content: flex-end;
		line-height: 40px;
	}

		#secondary-nav > li{
			position: relative;
			margin-right: 15px;
			padding-left: 17px;
		}

			#secondary-nav > li::before{
				content: "";
				border: solid 1px #fff;
				position: absolute;
				top: 14px;
				left: 0;
				height: 12px;
			}

				#secondary-nav > li:first-child::before{
					display: none;
				}

			#secondary-nav > li:last-child{
				margin-right: 0;
			}

			#secondary-nav > li > a{
				color: #fff;

			}

				#secondary-nav > li > a,
				#secondary-nav > li > a:hover{
					background-color: inherit;
				}

				#secondary-nav > li > a:hover{
					color: #66ccff;
				}

	.logo_container > .tagline,
	#primary-nav > li > a,
	#primary-nav > li.icon-search::before{
		color: #333;
	}

	#main-header__main,
	.logo_container,
	#primary-nav{
		height: 140px;
		transition: height 0.4s ease-in-out;
	}

		#main-header.fixed #main-header__main,
		#main-header.fixed .logo_container,
		#main-header.fixed #primary-nav{
			height: 82px;
		}

		#main-header__main{
			background-color: #fff;
		}

			#main-header.fixed #main-header__main{
				background-color: #fff;
				border-bottom: solid 1px #ccc;
			}

			.custom-logo{
				transform: scale(1);
				transition: all 0.4s ease-in-out;
			}

				#main-header.fixed .custom-logo{
					transform: scale(.64);
				}

		.logo_container > .tagline{
			position: relative;
			left: 26px;
			transition: all 0.4s ease-in-out;
		}

			#main-header.fixed .logo_container > .tagline{
				left: 0;
			}

	.menu_container{
		display: flex;
		justify-content: space-between;
		background-color: rgba(0, 0, 0, 0);
	}

		#primary-nav{
			display: flex;
			align-items: center;
		}

			#primary-nav li{
				text-transform: uppercase;
			}

			#primary-nav > li{
				position: relative;
			}

				#primary-nav li a,
				#primary-nav li a:hover{
					background-color: inherit;
				}

				#primary-nav > li > a{
					padding: 60px 11px;
				}

					#main-header.fixed #primary-nav > li > a{
						padding-top: 30px;
						padding-bottom: 30px;
					}

					#primary-nav > li:last-child > a{
						padding-right: 0;
					}

					#primary-nav > li:hover > a,
					#primary-nav > li.current-menu-item > a,
					#primary-nav > li.current-menu-parent > a,
					#primary-nav > li.current-menu-ancestor > a,
					#main-header.fixed #primary-nav > li.current-menu-item > a{
						color: #66ccff;
					}

				#primary-nav .sub-menu a:hover,
				#primary-nav .sub-menu li.current-menu-item > a{
					background-color: #9edcff;
				}

				#primary-nav > li.icon-search > a{
					position: absolute;
					top: 0;
					left: 0;
					width: 16px;
					height: 16px;
					padding: 0 0 0 16px;
					display: block;
					overflow: hidden;
				}

				/* last 3 list items */
				#primary-nav > li:nth-last-of-type(-n+3) .sub-menu{
					left: auto;
					right: 0;
				}
}

@media all and (min-width: 1095px){
	.logo_container > .tagline{
		font-size: 20px;
	}
}


/************************************************************************************************************
 * 6.2 Header - Member                                                                                      *
 * Sourced: https://stackoverflow.com/questions/24858910/off-screen-navigation-right-and-left-css-only?rq=1 *
 ************************************************************************************************************/
.toggle{
	display: flex;
	text-decoration: none;
	background-color: var(--lighter-blue);
	border-top: solid 3px #545b62;
	border-bottom: solid 3px #545b62;
	transition: all 0.15s ease-out 0s;
	position: absolute;
	top: 9px;
	height: 40px;
	cursor: pointer;
	z-index: 2;
}

	.toggle-quicklinks{
		width: 47px;
		right: auto;
		left: 5%;
		border-left: solid 3px #545b62;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

		.toggle-quicklinks > svg{
			width: 47px;
			height: auto;
			fill: #fff;
		}

	.toggle-search{
		align-items: center;
		justify-content: flex-end;
		width: calc( 90% - 47px );
		right: 5%;
		left: auto;
		font-size: var(--default-font-size);
		font-weight: 600;
		text-align: right;
		color: #fff;
		padding-right: 1em;
		border-right: solid 3px #545b62;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

		.toggle-search::before{
			content: ' ';
			position: absolute;
			top: 0;
			left: 0;
			width: 2px;
			height: 34px;
			background-color: #99e1fa;
		}

#toggle-quicklinks:checked ~ #main-header .toggle-quicklinks{
	left: 220px;
	z-index: 3;
}

#toggle-search:checked ~ #main-header .toggle-search{
	right: 220px;
}

.member{
	background-color: #f5f5f5;
}

.member .container.menu_container{
	width: 100%;
}

.member #top-menu{
	width: 90%;
	margin: 0 auto;
	list-style: none;
}

.member #main-header__mobile > .menu-toggle > svg{
	fill: var(--strong-red);
}

@media all and (min-width: 1025px){
	.toggle-quicklinks,
	.toggle-search{
		display: none;
	}

	.member #main-header__main,
	.member .logo_container{
		position: relative;
		height: 98px;
		transition: height 0.4s ease-in-out;
	}

		.member #main-header.fixed #main-header__main,
		.member #main-header.fixed .logo_container{
			height: 58px;
		}

			.member .custom-logo{
				transform: scale(.65);
				transform-origin: left;
			}

				.member #main-header.fixed .custom-logo{
					transform: scale(.4);
				}

			.member .logo_container > .tagline{
				font-size: var(--default-font-size);
				margin-left: -50px;
			}

	.member #main-header{
		border-top: solid 7px #192855;
	}

	.member #top-menu-nav{
		display: flex;
		align-items: center;
	}

		.member .container.menu_container{
			width: 90%;
		}

		.member #top-menu{
			display: flex;
			width: 100%;
			margin: 0;
		}

			.member #top-menu > li{
				position: relative;
				padding-left: 22px;
			}

				.member #top-menu > li::before{
					content: "";
					border-radius: 50%;
					position: absolute;
					top: calc(50% - 3px);
					left: 8px;
					width: 6px;
					height: 6px;
					background-color: #333;
				}

					.member #top-menu > li:first-child::before{
						display: none;
					}

				.member #top-menu a,
				.member #top-menu a:hover{
					background-color: inherit;
				}

					.member #top-menu > li > a{
						padding: .5em 0;
					}

				.member #top-menu > li.menu-item-has-children .sub-menu{
					left: auto;
					right: 0;
				}

					.member #top-menu .sub-menu a:hover{
						background-color: var(--medium-gray);
					}

	.member #top-header a,
	.member:not(.home) #top-menu > li > a{
		color: #333;
	}

		.member #top-header a:hover,
		.member:not(.home) #top-menu > li > a:hover{
			color: var(--lighter-blue);
		}
}

#menu-header__primary{
	margin-top: 50px;
}

	#menu-member-primary li a{
		text-transform: uppercase;
		background-color: var(--strong-red);
	}

		#menu-member-primary li a:hover {
			background-color: #ab0b25;
		}

	#menu-member-primary > li:last-child{
		display: none; /* hide Advanced Search */
	}

#top-menu a{
	background-color: var(--strong-blue);
}

	#top-menu a:hover{
		background-color: #117dbb;
	}

@media all and (min-width: 1025px){
	#menu-header__primary{
		display: flex;
		flex-direction: column;
		background-color: var(--strong-red);
		margin-top: 0;
		order: 4;
	}

		#menu-member-primary{
			display: flex;
		}

			#menu-member-primary li{
				word-wrap: break-word;
				line-height: 1;
			}

				#menu-member-primary li:last-child{
					display: flex;
					margin-left: auto;
				}

				#menu-member-primary li a{
					padding: 1em;
					white-space: nowrap; /* don't wrap Advanced Search */
				}

				 #menu-member-primary li.current-menu-item > a,
				 #menu-member-primary li.current-menu-parent > a,
				 #menu-member-primary li.current-menu-ancestor > a,
				 #menu-member-primary li > a:hover{
					 background-color: var(--dark-blue);
				 }

					#menu-member-primary .sub-menu li{
						line-height: 1.2;
					}

						#menu-member-primary .sub-menu a{
							font-size: 14px;
							background-color: var(--dark-blue);
							padding: .75em 1em;
							height: 100%; /* fill the space of the grid cell */
						}

							#menu-member-primary .sub-menu a:hover,
							#menu-member-primary .sub-menu li.current-menu-item > a,
							#menu-member-primary .sub-menu li.current-page-ancestor > a{
								background-color: var(--medium-gray);
							}

					/* 2 column Committees */
					#menu-member-primary #menu-item-10224 .sub-menu{
						column-count: 2;
						column-gap: 0;
						display: grid !important;
						grid-auto-flow: column;
						grid-template-columns: repeat(2, 1fr);
						grid-template-rows: repeat(13, auto);
						background-color: var(--dark-blue);
						left: auto;
						right: 0;
						transform: translateX(25%);
					}
}

/******************************
 * 6.3 Header - Documentation *
 ******************************/
/* offset anchors to accommodate sticky header */
.page-template-page-documentation h2[id]{
	padding-top: 117px;
	margin-top: -117px;
}

.page-template-page-documentation ol{
	margin-bottom: 1em;
	margin-left: 1em;
}

.page-template-page-documentation li{
	line-height: 1.5;
}

@media all and (min-width: 980px){
	.page-template-page-documentation.member #main-header{
		border-top: solid 13px #ce2b30;
		background-color: #fff;
	}

		.page-template-page-documentation .menu_container{
			justify-content: center;
		}

		.page-template-page-documentation .logo_container{
			height: 92px;
		}

			.page-template-page-documentation .custom-logo{
				height: 77px;
				width: auto;
				transform: scale(1);
			}

	.page-template-page-documentation .flex_container{
		max-width: none;
		width: 100%;
	}

	.page-template-page-documentation aside{
		width: 230px;
		background-color: #333;
		margin-left: 0;
		padding: 12px 1rem;
	}

		.page-template-page-documentation aside ul{
			position: -webkit-sticky;
			position: sticky;
			top: 117px; /* 92 + 13 + 12 */
		}

			.page-template-page-documentation aside li{
				list-style: none;
				padding-top: .5rem;
				padding-bottom: .5rem;
				border-bottom: solid 1px #666;
			}

			.page-template-page-documentation aside a{
				color: #dbdad9;
				text-decoration: none;
			}
}

/*************
 * 7. Blocks *
 *************/
/**********************
 * 7.1 Blocks - Posts *
 **********************/
.ugb-blog-posts__title{
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 10px;
}

.ugb-blog-posts .ugb-blog-posts__meta{
	font-size: var(--default-font-size);
	font-weight: 600;
	color: #666;
	margin-bottom: 6px;
}

.ugb-blog-posts__read_more a{
	font-size: var(--default-font-size);
	font-weight: 600;
	text-decoration: none;
}

.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__excerpt + .ugb-blog-posts__readmore{
	margin-top: -16px;
	margin-bottom: 0;
}

@media all and (min-width: 981px){
	.featured .ugb-blog-posts.ugb-blog-posts--design-list .ugb-blog-posts__item{
		grid-template-columns: minmax(0,.5fr) minmax(0,1fr);
	}

	.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__excerpt + .ugb-blog-posts__readmore{
		margin-top: 0;
	}
}

@media all and (min-width: 1200px){
	.wp-block-column .ugb-blog-posts.ugb-blog-posts--v2.ugb-blog-posts--design-list .ugb-blog-posts__item,
	.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__content{
		display: initial; /* remove grid and flex */
	}

	.wp-block-column .ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__featured-image{
		float: left;
		max-width: 165px;
		margin-right: 35px;
	}
}

.nav-links{
	display: flex;
	justify-content: space-between;
}

/**********************
 * 7.2 Blocks - Table *
 **********************/
.ugb-container.table,
.wp-block-group.table{
	padding: 0;
}

	.ugb-container.table .ugb-container__content-wrapper,
	.wp-block-group.table .wp-block-group__inner-container{
		overflow-x: auto;
		background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));
		background-position: left center, right center, left center, right center;
		background-repeat: no-repeat;
		background-color: white;
		background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
		background-attachment: local, local, scroll, scroll;
	}

		.ugb-container.table .ugb-container__content-wrapper .wp-block-table,
		.wp-block-group.table .wp-block-group__inner-container .wp-block-table{
			white-space: nowrap;
		}

/****************************
 * 7.3 Blocks - Team Member *
 ****************************/
.ugb-team-member.ugb-team-member--v3 .ugb-block-content{
	grid-auto-flow: row;
}

	.ugb-team-member.ugb-team-member--v3 .ugb-team-member__item{
		align-items: center;
	}

		.ugb-team-member.ugb-team-member--v3.ugb-team-member--columns-1 .ugb-team-member__image,
		.ugb-team-member.ugb-team-member--v3.ugb-team-member--columns-2 .ugb-team-member__image{
			width: 100%;
			max-width: 171px;
			height: auto;
			margin: 0 1em 0 0;
		}

			.ugb-team-member.ugb-team-member--v3.ugb-team-member--design-plain .ugb-team-member__content{
				font-weight: 600;
				margin-top: 0;
				margin-bottom: 0;
			}

				.ugb-team-member.ugb-team-member--v3.ugb-team-member--design-plain .ugb-team-member__content > *{
					margin-bottom: .5rem !important;
				}

				.ugb-team-member__name{
					font-size: 20px;
				}

		.ugb-team-member--columns-2 .ugb-team-member__description > a:last-child{
			display: inline-block;
			font-family: 'Open Sans', sans-serif;
			font-size: var(--default-font-size);
			font-weight: 500;
			height: 40px;
			line-height: 40px;
			border-radius: 3px;
			color: #fff;
			background-color: var(--strong-blue);
			padding: 0 1em;
			text-decoration: none;
		}

			.ugb-team-member--columns-2 .ugb-team-member__description > a:last-child:hover{
				background-color: var(--lighter-blue);
			}

@media (min-width: 1025px) {
	.ugb-team-member.ugb-team-member--v3 .ugb-block-content{
		grid-auto-flow: column;
	}
}

.wp-block-group.button_group .wp-block-group__inner-container{
	text-align: center;
}

.wp-block-group.button_group .wp-block-button{
	display: inline-block;
	margin-right: 1.5rem;
}

	.wp-block-group.button_group .wp-block-button__link{
		white-space: nowrap;
	}

		/* https://www.w3.org/TR/css-display-3/#valdef-display-contents */
		.wp-block-group.button_group .wp-block-button__link > br{
			content: '\A';
			display: contents;
			white-space: pre;
		}

	.wp-block-button.button_group .wp-block-button + h2{
		padding-top: 2em;
	}

/************************
 * 7.4 Blocks - Details *
 ************************/
.wp-block-details,
.wp-block-bmore-details-block{
	margin-bottom: 24px;
}

	.wp-block-details summary,
	.details__summary{
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 1em;
		padding: 10px 20px;
		border: solid 2px #ccc;
		background-color: var(--dark-blue);
		cursor: pointer;
	}

		.wp-block-column:not(:first-child) .wp-block-details summary,
		.wp-block-column:not(:first-child) .details__summary{
			font-size: var(--default-font-size); /* default font-size in sidebars */
		}

		h3 + .wp-block-details > summary,
		h3 + .wp-block-bmore-details-block > .details__summary{
			margin-top: 0;
		}

/************************
 * 7.5 Blocks - Buttons *
 ************************/
.wp-block-file__button{
	padding: 0.25em 0.5em;
}

.wp-block-button{
	margin-bottom: 1.5em;
}

.button_group:not(.wp-block-group){
	margin-top: 2em;
}

.wp-block-columns.button_group > .wp-block-column{
	margin-bottom: 0;
}

.wp-block-button__link{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 500;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	background-color: var(--strong-blue);
	padding: 0 1em;
	-webkit-appearance: none;
}

	.wp-block-button__link:hover,
	.wp-block-button.active .wp-block-button__link{
		background-color: var(--medium-gray);
		text-decoration: none;
	}

	.button_group .wp-block-button__link{
		font-weight: 600;
		line-height: 1.4;
		padding: .4em;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

		.button_group.button_group-padding .wp-block-button__link{
			font-size: var(--default-font-size);
			padding: .4em 1em;
		}

		.button_group .wp-block-button__link > em{
			font-size: var(--default-font-size);
			font-style: normal;
		}

.wp-block-button__link[href*=".pdf"]::before,
.wp-block-button__link[href*=".doc"]::before,
.wp-block-button__link[href*=".docx"]::before,
.wp-block-button__link[href*=".xls"]::before,
.wp-block-button__link[href*=".xlsx"]::before,
.wp-block-button__link[href*=".ppt"]::before,
.wp-block-button__link[href*=".pptx"]::before{
	font-size: 40px;
}

	.wp-block-button__link[href*=".pdf"]::before{
		content: "\e909";
		color: #ff0000;
	}

	.wp-block-button__link[href*=".doc"]::before,
	.wp-block-button__link[href*=".docx"]::before{
		content: "\e907";
		color: #2b579a;
	}

	.wp-block-button__link[href*=".xls"]::before,
	.wp-block-button__link[href*=".xlsx"]::before{
		content: "\e908";
		color: #217346;
	}

	.wp-block-button__link[href*=".ppt"]::before,
	.wp-block-button__link[href*=".pptx"]::before{
		content: "\e90b";
		color: #d24726;
	}

.button_group:not(.wp-block-group) .wp-block-button__link::before,
.wp-block-button:not(.icon) .wp-block-button__link::before{
	display: none;
}

.wp-block-button + p > em{ /* tooltip-like text below the button */
	display: block;
	margin-top: -1em;
	margin-bottom: 2em;
}

@media (min-width: 782px) {
	.wp-block-columns.button_group{
		flex-wrap: wrap;
	}

		.wp-block-columns.button_group > .wp-block-column:not(:first-child){
			margin-left: 0;
		}

		.wp-block-columns.button_group > .wp-block-column:nth-child(2n){
			margin-left: 32px;
		}
}

@media (min-width: 1200px) {
	.button_group{
		justify-content: space-between;
	}

	.wp-block-columns.button_group{
		flex-wrap: nowrap;
	}

		.wp-block-columns.button_group > .wp-block-column{
			display: flex;
		}

			/* unstructured columns should fill available width, e.g. Regions */
			.wp-block-columns.button_group > .wp-block-column{
				flex-basis: auto;
			}

			/* structured columns retain default flex-basis, e.g. Directory */
			.wp-block-columns.has-6-columns.button_group > .wp-block-column{
				flex-basis: 16%;
			}

			.wp-block-columns.has-7-columns.button_group > .wp-block-column{
				flex-basis: 13.5%;
			}

			.wp-block-columns.button_group > .wp-block-column:not(:first-child){
				margin-left: 0;
			}

			.wp-block-columns.button_group .wp-block-button{
				flex: 1;
			}
}

/*****************************
 * 7.6 Blocks - Media & Text *
 *****************************/
.wp-block-media-text.has-strong-blue-background-color{
	background-color: var(--strong-blue);
	color: #fff;
}

.wp-block-media-text.media_text-25{
	grid-template-columns: 25% 1fr;
	margin-top: 3em;
}

.wp-block-media-text__content p{
	margin-bottom: 0;
}

/**********************
 * 7.7 Blocks - Image *
 **********************/
.publication{
	display: flex;
	align-items: flex-end;
}

	.publication > figcaption{
		margin: 0 0 .25em 10px;
	}

		.publication > figcaption > a{
			font-size: 18px;
			font-weight: 700;
		}

.wp-block-media-text + .wp-block-image{
	margin-top: 3em;
}

/**************************
 * 7.8 Blocks - Separator *
 **************************/
.wp-block-separator{
	margin-bottom: 1.5em;
}
.wp-block-file + .wp-block-separator {
	margin-top: 1em;
}

/************************
 * 7.9 Blocks - Gallery *
 ************************/
.wp-block-gallery.bordered img:not([src$="WHITE-BOX-edited-1.png"]):not([src$="WhiteSpaceCorpMember.png"]){
	border: solid 1px #d1d9e1;
}

.wp-block-gallery.aligncenter > .blocks-gallery-grid > .blocks-gallery-item{
	align-self: center;
}

/*******************
 * 8. Single Posts *
 *******************/
.single{
	background-color: #f5f5f5;
}

.single .natca_blog{
	width: 90%;
	margin: 2em auto 0;
}

	.natca_blog article{
		display: flex;
		flex-direction: column;
		border-style: solid;
		border-width: 1px 1px 4px 1px;
		border-color: #e3e3e3;
		background-color: #fff;
		margin-bottom: 4%;
		width: 100%;
	}

		.single article .entry-content{
			padding: 20px;
		}

			.single article h2.entry-title{
				font-size: 18px;
				font-weight: 700;
				text-transform: uppercase;
				margin-top: 0;
				padding-bottom: 10px;
			}

			.natca_blog .post-meta{
				font-size: 14px;
				font-weight: 600;
				color: var(--medium-gray);
			}

		.natca_blog article > footer{
			margin-top: auto;
			padding: 20px;
			background-color: #fafafa;
			border-top: solid 1px #e3e3e3;
			font-size: 14px;
			color: #ccc;
		}

			.natca_blog article > footer > span{
				white-space: nowrap; /* Tag Cloud */
			}

			.single ul.tag-cloud{
				list-style: none;
			}
				.single ul.tag-cloud > li{
					margin-top: 10px;
				}

				.single ul.tag-cloud a{
					display: block;
					border: solid 1px #e3e3e3;
					border-radius: 4px;
					background-color: #fff;
					color: #666;
					padding: .25rem .75rem;
					margin-right: 1rem;
					text-decoration: none;
				}

					.single ul.tag-cloud a:hover{
						border-color: var(--lighter-blue);
						background-color: var(--lighter-blue);
						color: #fff;
					}

.single aside li{
	list-style: none;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 5px;
}

	.single aside .widget_recent_entries li{
		line-height: 1.25;
		margin-bottom: 10px;
	}

	.single aside .widget{
		margin-bottom: 2em;
	}

.single .widgettitle{
	font-size: var(--default-font-size);
	margin-bottom: 8px;
}

.single aside a{
	text-decoration: none;
}

	.single aside .btn{
		display: block;
		width: 100%;
		text-align: center;
		padding: .5em 0;
		border-radius: 4px;
	}

@media (min-width: 1065px) {
	.natca_blog article > footer{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.single ul.tag-cloud{
			display: flex;
		}

			.single ul.tag-cloud > li{
				margin-top: 0;
			}
}

select[name="archive-dropdown"]{
	display: block;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

select[name="archive-dropdown"]::-ms-expand {
	display: none;
}

select[name="archive-dropdown"]:hover {
	border-color: #888;
}

select[name="archive-dropdown"]:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

select[name="archive-dropdown"] option {
	font-weight: normal;
}

/*************
 * 9. Footer *
 *************/
#main-footer{
	font-size: 14px;
	color: #ccc;
	background-color: #414141;
}

#main-footer > .container{
	text-align: center;
}

#footer-widgets{
	padding: 3em 0;
}

	.fwidget{
		flex: 1 0 0; /* equal width */
		margin-bottom: 3em;
	}

		.fwidget a{
			color: #fff;
			text-decoration: none;
			transition: color .4s ease-in-out;
		}

			.fwidget a:hover{
				color: var(--lighter-blue);
			}

		.fwidget .textwidget{
			position: relative;
			width: 100%;
		}

			.fwidget .textwidget::before{
				font-family: 'icomoon';
				font-size: 20px;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
			}

			.fwidget__support .textwidget::before{ content: "\e902"; }
			.fwidget__contact .textwidget::before{ content: "\e903"; }
			.fwidget__location .textwidget::before{ content: "\e901"; }

			.fwidget .textwidget > p{
				padding-top: 26px;
			}

.et-social-icons,
#footer-info{
	float: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.et-social-icons li{
	list-style: none;
	margin: 0 10px .5rem;
}

#footer-info{
	margin-top: 1rem;
	padding-bottom: 10px;
}

	#footer-info a{
		color: #ccc;
		margin-left: 10px;
	}

		#footer-info a:hover{
			color: var(--lighter-blue);
			text-decoration: none;
		}

#footer-logo{
	display: block;
	max-width: 115px;
	margin: -3em auto 3em;
}

@media (min-width: 1025px) {
	#footer-widgets{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 0
	}

	#footer-logo{
		margin-bottom: 5%;
	}
}

/*************************
 * 9.1 IcoMoon SVG Icons *
 *************************/
.et-social-icon > a{
	height: 1em;
	width: 1em;
	border-radius: 50%;
	border: solid 2px #fff;

	color: #fff;
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 30px;

	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all .4s ease-in-out;
}

	.et-social-icon > a:hover{
		border-color: var(--lighter-blue);
		color: var(--lighter-blue);
	}

	.et-social-icon > a > svg{
		width: 1em;
		height: 1em;
		display: inline-block;
		stroke-width: 0;
		stroke: currentColor;
		fill: currentColor;
	}

/*************************
 * 9.2 IcoMoon Font Icon *
 *************************/
@font-face {
	font-family: 'icomoon';
	src: url('assets/fonts/icomoon.eot?2ez4gt');
	src: url('assets/fonts/icomoon.eot?2ez4gt#iefix') format('embedded-opentype'),
		url('assets/fonts/icomoon.woff2?2ez4gt') format('woff2'),
		url('assets/fonts/icomoon.ttf?2ez4gt') format('truetype'),
		url('assets/fonts/icomoon.woff?2ez4gt') format('woff'),
		url('assets/fonts/icomoon.svg?2ez4gt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.icon-lock,
.icon-user,
.icon-map-marker,
.icon-email,
.icon-mobile,
.icon-mail-envelope-closed,
.icon-search,
.icon-microsoftword,
.icon-microsoftexcel,
.icon-microsoftpowerpoint,
.icon-file-pdf,
.icon-book{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	.icon-lock::before { content: "\e904"; }
	.icon-user::before { content: "\e900"; }
	.icon-map-marker::before { content: "\e901"; }
	.icon-email::before { content: "\e902"; }
	.icon-mobile::before { content: "\e903"; }
	.icon-mail-envelope-closed::before { content: "\e905"; }
	.icon-search::before{ content: "\e906"; }
	.icon-microsoftword::before{ content: "\e907"; color: #2b579a; }
	.icon-microsoftexcel::before{ content: "\e908"; color: #217346; }
	.icon-microsoftpowerpoint::before{ content: "\e90b"; color: #d24726; }
	.icon-file-pdf::before{ content: "\e909"; color: #ff0000; }
	.icon-book::before{ content: "\e90a"; }

/***********************
 * 9.3 Footer - Member *
 ***********************/
.member #main-footer > .container{
	text-align: left;
}

.member .fwidget .textwidget{
	padding-left: 45px;
}

	.member .fwidget .textwidget::before{
		font-size: 35px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.member .fwidget .textwidget > p{
		margin-bottom: 0;
		padding-top: 0;
	}

.member .et-social-icons{
	justify-content: flex-start;
}

.member #footer-top{
	background-color: #fff;
	border-top: solid 1px #e3e3e3;
	padding: 2rem 0 4rem 0;
}

	.member #footer-top .container{
		display: flex;
	}

.member #footer-bottom{
	color: #414141;
	background-color: #fff;
}

	.member #footer-info{
		margin-top: 0;
		padding: 1em 0;
		justify-content: flex-start;
	}

		.member #footer-info a{
			color: #414141;
		}

			.member #footer-info a:hover{
				color: var(--lighter-blue);
			}

			.member #footer-info a:last-child{
				margin-left: auto;
			}

.member-widget-column{
	flex-basis: 25%;
}

.member-widget-column-state{
	display: none;
}

.member-widget-column-section{
	pointer-events: none;
}

.member-widget-column-section ~ .member-widget-column-section{
	padding-top: 24px;
}

.member-widget-column-section h4{
	font-size: var(--default-font-size);
	font-weight: 600;
	text-transform: uppercase;
	color: #414141;
	margin-bottom: 4px;
}

.member-widget-column-section-anchor{
	right: 0;
	cursor: default;
	display: none;
	position: absolute;
	top: 0;
	width: 1px;
	height: 1px;
	z-index: 10;
}

.member-widget-column-section-anchor-label{
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.member-widget-column-section-anchor-close{
	display: none;
}

.member-widget-column-section ul li{
	display: block;
	font-size: 15px;
	margin-bottom: 0.35em;
	pointer-events: auto;
}

@media only screen and (max-width: 980px){
	.member #footer-top .container{
		flex-direction: column;
	}

	.member-widget-column{
		flex-basis: auto;
	}

	.member-widget-column-section{
		position: relative;
		z-index: 1;
		border-bottom: 1px solid #d6d6d6;
		overflow: hidden;
		pointer-events: auto;
	}

	.member-widget-column-section ~ .member-widget-column-section{
		padding-top: 0;
	}

	.member-widget-column-section h4{
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #fff;
		cursor: pointer;
		position: relative;
		user-select: none;
		z-index: 2;
	}

	.member-widget-column-section h4::after {
		content: '+';
		float: right;
		font-size: 14px;
		font-weight: normal;
		margin-top: -2px;
		margin-right: 8px;
		transition: transform .3s ease;
	}

	.member-widget-column-state:checked + .member-widget-column-section h4::after {
		transform: rotate(45deg) scale(1.08);
	}

	.member-widget-column-section-anchor{
		display: block;
	}

	.member-widget-column-state:checked + .member-widget-column-section .member-widget-column-section-anchor-open {
		display: none;
	}

	.member-widget-column-section ul{
		margin: 0;
		overflow: hidden;
		padding-top: 5px;
		padding-bottom: 16px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		visibility: hidden;
		z-index: -1;
		transform: translateY(-100px);
	}

	.member-widget-column-state:checked + .member-widget-column-section ul{
		position: static;
		visibility: visible;
		z-index: 1;
		transform: none;
		transition: transform 300ms ease;
	}

	.member-widget-column-section ul li a{
		display: block;
	}
}

/******************
 * 10. Quicklinks *
 ******************/
#quicklinks{
	position: fixed;
	top: var(--mobile-header-height);
	left: -100vw;
	z-index: 3;
	transition: all 0.15s ease-out 0s;
}

	#toggle-quicklinks:checked ~ #quicklinks{
		left: 0;
	}

	#quicklinks__indicator{
		display: none;
	}

	#quicklinks__close{
		position: absolute;
		right: 27px;
		border: none;
		padding-right: 5%;
		background-color: #333;
		color: #fff;
		font-size: 25px;
		cursor: pointer;
	}

	#quicklinks__menu{
		width: 100vw;
		height: calc( 100vh - var(--mobile-header-height) );
		background-color: #333;
		padding: .5rem 1rem;
	}

		#quicklinks__menu h3,
		#quicklinks__menu h2.widgettitle{
			color: #32c3f4;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 600;
			margin-top: .5rem;
		}

		#quicklinks__menu li li{
			font-size: 14px;
			list-style: none;
			line-height: 1.5;
			padding-top: .5rem;
			padding-bottom: .5rem;
			border-bottom: solid 1px #666;
		}

			#quicklinks__menu .quicklinks__menu--upcoming-events li{
				border-bottom: none;
			}

		#quicklinks__menu a{
			color: #dbdad9;
			text-decoration: none;
		}

			#quicklinks__menu a:hover{
				color: var(--lighter-blue);
			}

@media all and (min-width: 1025px){
	#quicklinks{
		display: inline-block;
		top: 32%;
		left: 0;
		transform: translateY(-50%);
		z-index: 6;
	}

		#quicklinks li.menu-item-has-children{
			position: relative;
			display: flex;
		}

			#quicklinks .submenu{
				display: none;
			}

				#quicklinks li.menu-item-has-children:hover > .submenu{
					display: block;
				}

			#quicklinks__indicator{
				display: block;
				width: 68px;
				height: 68px;
				background-color: var(--strong-blue);
				border: solid 1px #eeeded;
			}

				#quicklinks__indicator:hover{
					background-color: var(--medium-gray);
				}

				#quicklinks__indicator > svg{
					width: 68px;
					height: 68px;
					fill: #fff;
				}

			#quicklinks__close{
				display: none;
			}

			#quicklinks__menu{
				position: absolute;
				top: 0;
				left: 68px;
				width: 230px;
				height: auto;
				background-color: #333;
				padding: .5rem 1rem;
			}
}

/************************
 * 11. Plugin Overrides *
 ************************/
/***********************
 * 11.1 Ajax Load More *
 ***********************/
#ajax-load-more{
	margin: 0 auto; /* center align Show More button */
}

/******************
 * 11.2 Flow-Flow *
 ******************/
.ff-stream .ff-header,
.ff-stream .ff-stream-wrapper{
	z-index: 1;
}

h6.ff-label-wrapper{
	font-size: 0.750em;
}

#ff-stream-1{
	padding-bottom: 8%;
}

#ff-stream-1 .ff-filter-holder:first-child{
	margin-top: 0;
}

#ff-stream-1 .ff-loadmore-wrapper .ff-btn{
	background-color: #1490d7 !important;
}

	#ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover{
		background-color: #33ccff !important;
	}

/* full width in Members area */
.member .ff-stream{
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

@media all and (min-width: 981px){
	#ff-stream-1{
		padding-bottom: 80px;
	}

		#ff-stream-1 .ff-filter-holder:first-child{
			margin-top: 50px;
		}
}

/*************
 * 12. Login *
 *************/
dialog {
	position: absolute;
	left: 0; right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	border: none;
	display: block;
	padding: 0;
}

dialog:not([open]) {
	display: none;
}

dialog::backdrop{
	background: rgba(0, 0, 0, 0.75);
}

dialog + .backdrop {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0, 0, 0, 0.75);
}

._dialog_overlay {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
}

.modal-dialog {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	width: 90vw;
	margin: 0 auto;
	background: #fff;
}

.modal-content-container{
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
}

.modal-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 40px;
	background-color: #f6f6f6;
}

.modal-header .close{
	order: 2;
	padding: 0;
	cursor: pointer;
	background-color: #e4e4e4;
	border: none;
	border-radius: 50%;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #676767;
	width: 30px;
	height: 30px;
}

.modal-header .close:hover{
	color: #212121;
	cursor: pointer;
}

.modal-header .close > span{
	display: block;
	margin-top: -3px;
}

.modal-content{
	position: relative;
	padding: 25px 40px 40px;
	background-color: #fff;
	width: 100%;
	color: #666;
	box-sizing: border-box;
}

.modal-content form > div{
	position: relative;
}

.modal-content label > .icon{
	position: absolute;
	bottom: 0;
	left: 10px;
	height: 42px;
}

.modal-content .input{
	font-size: var(--default-font-size);
	width: 100%;
	padding: 8px 8px 8px 36px;
	margin: 8px 0 16px;
	box-sizing: border-box;
}

.modal-content .input:focus{
	border-color: #2d3940;
	color: #3e3e3e;
}

.modal-content .button-primary{
	display: inline-block;
	font-size: 13px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	white-space: nowrap;
	box-sizing: border-box;
	box-shadow: 0 1px 0 #006799;
	text-shadow: 0 -1px 1px #006799,
				1px 0 1px #006799,
				0 1px 1px #006799,
				-1px 0 1px #006799;
	vertical-align: baseline;
	height: 30px;
	line-height: 28px;
	padding: 0 18px 2px;
	background: #008ec2;
	border-color: #006799;
	color: #fff;
	margin-bottom: 16px;
	-webkit-appearance: none;
}

@media (min-width: 45em) {
	.modal-dialog {
		width: 30vw;
	}
}

/**************
 * 13. Search *
 **************/
#menu-header__search{
	position: fixed;
	top: var(--mobile-header-height);
	right: -100vw;
	width: 100%;
	height: calc( 100vh - var(--mobile-header-height) );
	background-color: #fff;
	z-index: 4;
	transition: all 0.15s ease-out 0s;
}

	#search__close{
		position: absolute;
		left: 0;
		border: none;
		padding-left: 5%;
		background-color: var(--strong-blue);
		color: #fff;
		font-size: 25px;
		cursor: pointer;
	}

	#toggle-search:checked ~ #main-header #menu-header__primary #menu-header__search{
		right: 0px;
	}

	#menu-header__search .flex_container,
	form[role="search"]{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 1.25em 0;
	}

		.filters{
			color: #666;
			padding: 1.25em 0 .25em 0;
		}

			#menu-header__search .filters > .flex_container{
				flex-direction: column;
				justify-content: space-between;
			}

				#menu-header__search .facetwp-facet{
					margin-bottom: 0;
				}

					#menu-header__search .filters .facetwp-facet{
						margin: 0 auto 1em;
					}

				.filters p.caption{
					font-size: 15px;
					font-style: italic;
					font-weight: 600;
					margin-bottom: 0;
				}

				#menu-header__search .facetwp-btn{
					display: none; /* hide search icon */
				}

				.facetwp-search,
				.fwp-submit,
				input[type="search"],
				button#searchsubmit_header,
				input.search-submit{
					padding: .5em 1em;
					border: none;
					border-radius: 2px;
					font-family: 'Open Sans', sans-serif;
					font-size: 20px;
					font-weight: 600;
				}

					.error404 input[type="search"]{
						border: solid 1px #8f98a1;
					}

				.filters .facetwp-type-fselect .fs-wrap,
				.filters .facetwp-type-fselect .fs-dropdown{
					width: 316px;
				}

				.filters .fs-dropdown .fs-options{
					overflow-x: hidden;
				}

				.facetwp-type-fselect .fs-wrap{
					border: solid 2px #f2f2f2;
					border-radius: 4px;
				}

					.fs-label-wrap{
						width: 100% !important;
						padding: .25em .5em;
						font-weight: 600;
					}

					.fs-search input{
						font-family: 'Open Sans', sans-serif;
						font-size: var(--default-font-size);
					}

				.facetwp-facet-date_range{
					display: flex;
					width: 316px;
				}

					.facetwp-type-date_range input{
						font-family: 'Open Sans', sans-serif;
						font-size: var(--default-font-size);
						font-weight: 600;
						border: 1px solid #ddd;
						box-shadow: 0px 0px 0px 2px rgba(242,242,242,1);
						border-radius: 4px;
						padding: .25em .5em;
						width: 50%;
					}

				.fwp-submit,
				button#searchsubmit_header,
				input.search-submit{
					background-color: #2572a1;
					color: #fff;
					cursor: pointer;
				}

@media all and (min-width: 981px){
	#menu-header__search{
		position: relative;
		top: 0;
		right: 0;
		height: auto;
		display: none;
	}

		#search__close{
			display: none;
		}

		#menu-header__search .filters > .flex_container{
			width: 90%;
			flex-direction: row;
		}

			.facetwp-search,
			input[type="search"]{
				min-width: 500px;
				margin-right: 1em;
			}

			#menu-header__search .filters .facetwp-facet{
				width: 32%;
				margin-right: 0;
				margin-left: 0;
			}

				.facetwp-type-date_range input{
					width: 42%;
				}
}

.page-id-550 #primary > h2{
	margin-top: 1em;
	margin-bottom: .5em;
}

.search-result{
	margin-bottom: 1.25em;
}

	.search-result h2{
		font-size: 18px;
		font-weight: 700;
	}

	.search-result p{
		margin-bottom: 0;
	}

.easyPaginateNav > a.page{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #4d4d4d;
	border-radius: 2px;
}

	.easyPaginateNav > a.page.current{
		color: #fff;
		background-color: var(--strong-blue);
	}

/*********************************
 * 13.1 Search - Program Updates *
 *********************************/
.site-main .filters{
	padding-top: 0;
}

.member .site-main .filters > .container + .flex_container{
	width: 90%;
	margin-top: 1rem;
	align-items: flex-end;
}

.site-main .filters .facetwp-facet{
	margin-left: 1rem;
}

	.site-main .filters .facetwp-facet:first-child{
		margin-left: 0;
	}

.facetwp-facet-pager_facet {
	text-align: center;
}

.facetwp-load-more {
	background-color: #1b91ca;
	border: none;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	width: auto;
	height: 43px;
	user-select: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
	.facetwp-load-more:hover,
	.facetwp-load-more:focus {
		background-color: #1b84b7;
	}

/************************
 * 13.2 Search - Public *
 ************************/
#primary-nav > .menu-item-type-search_last{
	display: none;
}

#primary-nav > .menu-item-type-search_first form[role="search"]{
	border: solid 3px #545b62;
	border-radius: 4px;
	margin-top: 4px;
	padding: 0;
	justify-content: space-between;
	flex-wrap: nowrap;
}

#primary-nav > .menu-item-type-search_first label{
	flex: 2;
}

#primary-nav > .menu-item-type-search_first input[type="search"],
#primary-nav > .menu-item-type-search_first input.search-submit{
	font-size: var(--default-font-size);
	-webkit-appearance: none;
}

#primary-nav > .menu-item-type-search_first input[type="search"]{
	width: 100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

@media all and (min-width: 1025px){
	#primary-nav > .menu-item-type-search_first{
		display: none;
	}

	#primary-nav > .menu-item-type-search_last{
		display: block;
	}
}

#modal-search,
#modal-search .modal-dialog,
#modal-search .modal-content-container,
#modal-search .modal-header,
#modal-search .modal-header .close,
#modal-search .modal-content{
	background: transparent;
}

#modal-search .modal-dialog{
	width: auto;
}

#modal-search .modal-header,
#modal-search .modal-content{
	padding: 0;
}

#modal-search .modal-header{
	justify-content: flex-end;
}

#modal-search input[type="search"]{
	min-width: auto;
	-webkit-appearance: none;
}

#modal-search .modal-header .close{
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	width: auto;
	height: auto;
	opacity: .85;
	transition: opacity 0.4s ease-in-out
}

	#modal-search .modal-header .close:hover{
		opacity: 1;
	}

/******************
 * 14. Committees *
 ******************/
.parent-pageid-10150 .wp-block-button:not(.btn) .wp-block-button__link{
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: initial;
	color: var(--strong-blue);
	font-weight: 700;
	font-size: 18px;
	padding: 0;
}

	.parent-pageid-10150 .wp-block-button:not(.btn) .wp-block-button__link::before{
		font-family: 'icomoon';
		font-weight: 400;
		margin-right: 10px;
	}

.committee-members h1,
.parent-pageid-10150 .wp-block-column h4{
	font-size: 18px;
}

.committee-members h2{
	font-size: var(--default-font-size);
	line-height: 1.5em;
	margin-top: .5rem;
	margin-bottom: 0;
	padding-bottom: 0;
}

.vcard{
	margin-bottom: 1.5em;
}

	.vcard span.fn{
		color: inherit;
		font-weight: inherit;
	}

.parent-pageid-10150 h4 + ul,
.parent-pageid-10150 .wp-block-details summary + ul
.parent-pageid-10150 .details__summary + ul{
	line-height: 1.5;
	margin-top: .5em;
	margin-left: 1em;
}

/********************
 * 15. Organization *
 ********************/
h3#leadership{
	scroll-margin-top: calc( var(--mobile-header-height) + 123px );
}

details#leadership{
	scroll-margin-top: calc( var(--mobile-header-height) + 123px ); /* NCE */
}

.page-id-10832 .dataTables_filter{
	margin-bottom: 2.5em;
}

.wpDataTables.wpDataTablesWrapper{
	margin-bottom: 0;
}

.wpDataTables.wpDataTablesWrapper .dataTables_filter{
	float: none;
	text-align: left;
	margin-left: 15px;
}

.wpDataTables.wpDataTablesFilter .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-pf-search-filters-button-block){
	margin-bottom: 0;
}

.wpDataTableFilterSection > label{
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	font-size: var(--default-font-size);
	font-weight: 600;
	color: #666;
}

.wpDataTables.wpDataTablesFilter .wpDataTableFilterSection#wdt-clear-filters-button-block{
	padding-top: 22px;
}

.wp-block-details + .wp-block-separator,
.wp-block-bmore-details-block + .wp-block-separator{
	border-bottom-color: #ccc;
}

/* Mimic wpDataTables styling on main Directory page */
.dataTables_filter > label{
	font-weight: bold;
}

.dataTables_filter input[type="search"]{
	border-bottom: solid 1px #e0e0e0;
	padding: 3px 6px;
	background-color: transparent;
	font-size: 13px;
	font-weight: 700;
	width: 206px;
	height: 35px;
	line-height: 1.42857143;
	appearance: none;
}

.entry-content.colophon article + article{
	margin-top: 3em;
}

.entry-content.colophon > article > h3{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: .5em;
	padding: 10px 20px;
	border: solid 2px #ccc;
	background-color: var(--dark-blue);
}

.entry-content.colophon .wp-block-image .alignleft{
	display: block;
	float: none;
}

@media all and (min-width: 981px){
	h3#leadership{
		scroll-margin-top: 236px; /* height of fixed navbar (113) + height of h1 (123) */
	}

	details#leadership{
		scroll-margin-top: 200px; /* NCE */
	}

	img.colophon{
		width: auto;
	}
}

/*****************
 * 16. Documents *
 *****************/
.wp-block-group.button_group.books,
.parent-pageid-11025 .wp-block-group,
.parent-pageid-11135 .wp-block-group,
.parent-pageid-11339 .wp-block-group{
	padding: 0;
}

.icon .wp-block-button__link,
.book .wp-block-button__link{
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: initial;
	color: var(--strong-blue);
	font-weight: 700;
	font-size: 18px;
	padding: 0;
	text-align: left;
	line-height: 1.5;
}

.icon .wp-block-button__link::before,
.book .wp-block-button__link::before{
	font-family: 'icomoon';
	font-weight: 400;
	margin-right: 10px;
}

	.book .wp-block-button__link::before{
		color: #075098;
		font-size: 60px;
		content: "\e90a";
	}

		.book-purple .wp-block-button__link::before{ color: #5b1695; }
		.book-lightblue .wp-block-button__link::before{ color: #86cdf9; }
		.book-slate .wp-block-button__link::before{ color: #778899; }

.icon .wp-block-button__link:hover,
.book .wp-block-button__link:hover{
	color: var(--lighter-blue);
}

.book.active .wp-block-button__link{
	background-color: initial;
	text-transform: uppercase;
	color: #4d4d4d;
}

.wp-block-group.button_group.books .wp-block-group__inner-container{
	text-align: left;
}

.book + .wp-block-group{
	margin-top: 3rem;
}

@media all and (min-width: 981px){
	.books .wp-block-group__inner-container{
		display: flex;
		flex-wrap: wrap;
	}
}

@media all and (min-width: 1280px){
	.books .wp-block-group__inner-container{
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}

/************************
 * 17. NATCA Collective *
 ************************/
.page-id-12182 .wp-block-group + .wp-block-group > .wp-block-group__inner-container{
	position: relative;
	width: 80%;
	max-width: 1280px;
	margin: 0 auto;
}

.wp-block-image.signature{
	display: flex;
	flex-direction: column;
}

	.wp-block-image.signature > img{
		order: 2;
		align-self: flex-start;
		width: inherit;
		height: inherit;
	}

	.wp-block-image.signature > figcaption{
		order: 1;
		text-align: left;
		font-size: 15px;
	}

		.wp-block-image.signature > figcaption::first-line{
			font-size: 18px;
		}

.page-id-12182 .has-4-columns > .wp-block-column,
.page-id-12182 .has-4-columns > .wp-block-column > .wp-block-image{
	margin-bottom: 0;
}

	.page-id-12182 .has-4-columns .wp-block-image > img{
		border: solid 4px #fff;
	}

/***************************
 * 18. NATCA in Washington *
 ***************************/
.page-id-10117 .has-sidebar > .wp-block-column:not(:first-child) h3{
	margin-top: 3em;
	margin-bottom: .5em;
}

.page-id-10117 .wp-block-button + .wp-block-image{
	margin-top: 3em;
}

/***************************
 * 19. NATCA in Washington *
 ***************************/
.page-id-13106 * + .wp-block-group.has-background{
	margin-top: 3em;
}

/****************
 * 20. Timeline *
 ****************/
.cd-timeline-item-title{
	line-height: 1.25;
}

.cd-timeline-title-container + .the-excerpt{
	margin-top: 1em;
}

/**************
 * 21. To Top *
 **************/
#totop{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	opacity: 0;
	transition: opacity .2s;
}

	header.fixed ~ #totop{
		opacity: 0.8;
	}

		header.fixed ~ #totop:hover{
			opacity: 1;
		}