/*  

Theme Name: AIA Seattle
Theme URI: https://aiaseattle.org/
Description: Theme for AIA Seattle.
Version: 1.0
Author: Felt Hat
Author URI: https://felthat.com/

*/

/*--------------------------------------------------------------
Variables & Colors
--------------------------------------------------------------*/
:root {
	--red: #EB131B;
}

/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/

@font-face{
	font-family: "Architype-Light";
	src:url("fonts/Architype-Light.otf") format("opentype");
}

@font-face{
	font-family: "Architype-Bold";
	src:url("fonts/Architype-Bold.otf") format("opentype");
}

/*--------------------------------------------------------------
HTML Elements
--------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	color: #000000;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-weight: 200;
	line-height: 1.25;
	height: 100%;
	margin: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: 0px none;
}

a {
	color: var(--red);
	text-decoration: none;

	p {
		color: #000000;
		transition: color 0.4s ease-in-out;
	}

	&:hover,
	&:focus,
	&:active {
		p {
			color: var(--red);
		}
	}
}

h1,
h2 {
	font-family: "Architype-Bold";
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: 1.1;
	margin: 0px 0px 8px 0px;
}

h1,
h2.header-field,
.three-column-post h2 {
	font-size: 24px;
}

h2:not(.header-field),
h3.subheader-field {
	font-size: 20px;
	color: #000000;
}

h3:not(.subheader-field) {
	font-size: 18px;
	font-weight: 700;
}

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

p {
	margin: 0 0 8px;
}

ol,
ul:not(.menu, .sub-menu) {
	margin: 8px 0;
	padding-left: 24px;

	li {
		margin: 0;

		&::marker {
			color: var(--red);
		}
	}
}

ul.sub-menu {
	margin: 0;
	padding: 0;
}

.make-it-red {
	color:var(--red) !important;
}

b,
strong {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-weight: 400;
}

.wp-admin .acf-field .acf-input {
	z-index: 1;
}

.wp-admin .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1 !important;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

.wrapper {
	float: none;
	width: 100%;
}

.layout,
header {
	margin: 0 auto;
	width: 1228px;
}

.layout {
	margin-top: 88px;
	position: relative;

	main {
		padding-top: 24px;
	}
}

.border-bottom:not(.events-list-event):not(.two-columns):not(.four-columns):not(.six-columns):not(.person-subhead):not(.person-contact) {
	margin-bottom: 24px;
	padding-bottom: 24px;

	*:last-child {
		margin-bottom: 0;
	}
}

.border-bottom,
.border-top,
.day,
.event-name-time,
.gform_body input,
.gform_body textarea,
.gform_body select,
.border-bottom-grid {
	background-image: url(imgs/border.png);
	background-repeat: repeat-x;
	background-size: auto 1.68px;
}

.border-bottom,
.day,
.event-name-time,
.gform_body input,
.gform_body textarea,
.gform_body select,
.border-bottom-grid {
	background-position: bottom left;
}

.border-top {
	background-position: top left;
}

/*--------------------------------------------------------------
WordPress admin bar
--------------------------------------------------------------*/

body.admin-bar .header-fixed,
body.admin-bar header,
body.admin-bar .menu-section {
	top: 32px;
}

body.admin-bar .hamburger {
	top: 55px;
}

body.admin-bar .menu-active {
	top: 65px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .header-fixed,
	body.admin-bar header,
	body.admin-bar .menu-section {
		top: 46px;
	}
	body.admin-bar .hamburger {
		top: 69px;
	}
	body.admin-bar .menu-active {
		top: 79px;
	}
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header {
	background: #ffffff;
	float: none;
	font-size: 21px;
	line-height: 24px;
	padding: 23px 0px 0px 0px;
	position: fixed;
	margin: 0 auto;
	top: 0px;
	z-index: 100;
}

.header-fixed {
    top: 0px;
    transition: top 0.3s ease, padding-top 0.3s ease;
}

.header-active .logo,
.header-active .four-columns,
.header-active .search {
	display: none;
}

header a {
	color: #000000;
}

.logo {
	float: none;
	height: auto;
	margin-top: 2px;
	width: 106px;
}

.header-grid > * {
	height: 65px;
	position: relative;
}

.header-grid .border-bottom {
	margin-bottom: 0;
	padding: 0;
}

.header-left {
	float: none;
	margin-right: 12px;
	width: 612px;
}

.header-grid .four-columns {
	position: relative;
	color: var(--red);
}

.header-grid .two-columns {
	display: flex;
	flex-flow: row wrap;
}

header .search,
.menu-top .search {
	cursor: pointer;
	float: none;
	height: 24px;
	margin-right: 8px;
	width: auto;
}

.cart-icon {
	display: block;
	height: auto;
	width: 26px;
}

.cart-quantity {
	color: #ffffff;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	right: 10px;
	top: 0px;
}

/*--------------------------------------------------------------
Hamburger
--------------------------------------------------------------*/

.hamburger {
	cursor: pointer;
	position: fixed;
	right: calc(50% - 614px);
	top: 23px;
	z-index: 400;
}

.hamburger > div {
	background: #000000;
	display: block;
	height: 2px;
	margin-bottom: 6px;
	transition: linear .4s;
	width: 48px;
}

.menu-active {
	top: 33px;
}

.menu-active > div {
	background: #ffffff;
	transition: linear .5s;
}

.team-close-active {
	transition: linear .5s;
}

.menu-active > div:nth-of-type(2) {
	display: none;
}

.menu-active > div:nth-of-type(1) {
	transform: rotate(-315deg);
}

.menu-active > div:nth-of-type(3) {
	margin-top: -8px;
	transition: linear .6s;
	transform: rotate(315deg);
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/

.menu-section {
	display: none;
	height: 100%;
	left: 0px;
	padding-top: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 300;
}

.menu-fixed {
	padding-top: 0px;
	transition: top 0.3s ease, padding-top 0.3s ease;
}

.menu-background {
	background: rgb(128,128,128);
	background: linear-gradient(180deg, rgba(128,128,128,1) 0%, rgba(128,128,128,1) 20%, rgba(255,255,255,0) 100%); 
	left: 0;
	min-height: 200%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.menu-top,
.menu {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 0 16px;
	margin: 0 auto;
	width: 1228px;
}

.menu-top {
	padding: 23px 0px 0px 0px;
}

.menu {
	font-size: 16px;
	line-height: 20px;
}

.menu-top .four-columns,
.menu-top .two-columns {
	color: #ffffff;
	font-size: 21px;
	line-height: 24px;
}

.menu-top .four-columns a {
	color: #ffffff;
}

.menu-top .search {
	filter: invert(1);
}

.menu-row {
	background-image: url(imgs/border-white.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-size: auto 1.68px;
	display: grid;
	float: none;
	gap: 0 16px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	padding: 23px 0px 16px 0px;
	width: 100%;
}

.menu li {
	list-style-type: none;
	margin: 0;
}

.menu-row > li {
	float: none;
	font-family: "Architype-Bold";
	grid-column: auto / span 3;
	padding: 0 !important;
	width: 100% !important;
}

.menu-row > li li {
	font-family: "Architype-Light";
	margin: 0;
}

.menu a {
	color: #ffffff;
}

@media screen and (max-width: 1228px) {
	.header-cart {
		display: none !important;
	}

	.layout {
		header {
			width: calc(100% - 32px);
		}

		main {
			margin-top: 88px;
		}
	}

	.menu-top {
		box-sizing: border-box;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		margin: 0;
		padding: 23px 16px 0;
		width: 100% !important;

		.header-grid {
			.six-columns {
				grid-column: auto / span 6;
			}

			.four-columns {
				grid-column: auto / span 4;
			}

			.two-columns {
				grid-column: auto / span 2;
			}
		}
	}

	.navigation-menu {
		box-sizing: border-box;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		width: 100%;

		.menu {
			box-sizing: border-box;
			grid-template-columns: repeat(6, minmax(0, 1fr));
			margin: 0;
			padding: 0 16px;
			width: 100% !important;

			.menu-row {
				grid-template-columns: repeat(6, minmax(0, 1fr));
				margin-left: 0;
				width: 100%;

				> .menu-item {
					padding: 16px 0 !important;
				}
			}
		}
	}
}

@media screen and (max-width: 800px) {

	.navigation-menu {
		.menu {
			.menu-row {
				> .menu-item {
					display: grid;
					grid-column: 1 / -1;
					grid-template-columns: repeat(6, minmax(0, 1fr));
					gap: 0 16px;

					> a {
						float: none;
						grid-column: 1 / span 1;
						width: 100%;
					}

					.sub-menu {
						float: none;
						grid-column: 2 / -1;
						width: 100%;
					}
				}
			}
		}
	}
}

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

	.layout {
		main {
			margin-top: 132px;
		}
	}

	.menu-top,
	header {
		.header-grid {
			grid-template-columns: repeat(6, minmax(0, 1fr));
			row-gap: 16px;

			> .six-columns,
			> .two-columns {
				grid-column: auto / span 3 !important;
				height: auto !important;
				padding-bottom: 16px;
			}

			> .four-columns {
				display: flex;
				grid-row: 2;
				grid-column: 1 / -1;
				height: auto !important;
				justify-content: space-between;
				padding-bottom: 16px;
			}
		}
	}

	.navigation-menu {
		.menu {
			.menu-row {
				> .menu-item {
					> a {
						grid-column: 1 / span 2;
					}

					.sub-menu {
						grid-column: 3 / -1;
					}
				}
			}
		}
	}
}

/*--------------------------------------------------------------
Grid
--------------------------------------------------------------*/

.items-container,
.header-grid,
.footer-grid,
main,
.content,
.folio-gallery,
.main-content-full-width .acf-innerblocks-container,
.sponsor-container, 
.grid {
	align-content: start;
	display: grid !important;
    grid-gap: 0 16px;
}

.header-grid,
.footer-grid,
main,
.folio-gallery {
	grid-column: 1 / -1;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.content,
.block-content,
.items-container,
.sponsor-container,
.main-content-full-width .acf-innerblocks-container,
.grid-profile-layout,
.text-sponsors {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.editor-styles-wrapper .main-content-full-width .acf-innerblocks-container {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.block-content {
	align-items: start;
	display: grid;
	gap: 0 16px;
	grid-auto-flow: row;
	grid-auto-rows: auto;
	padding-top: 0;
}

.chart-grid {
	display: block;
}

.block-content-top {
	align-items: normal;
	grid-auto-flow: grid !important;
	grid-gap: 0 16px;
}

.grid-profile-layout {
	display: grid !important;
	grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
	grid-gap: 0 16px !important;
	align-items: stretch !important;
}

.one-column {
	grid-column: auto / span 1;
}

.two-columns {
	grid-column: auto / span 2;
}

.three-columns {
	grid-column: auto / span 3;
}

.four-columns {
  	grid-column: auto / span 4;
}

.five-columns {
	grid-column: auto / span 5;
}

.six-columns {
	grid-column: auto / span 6;
}

.seven-columns {
	grid-column: auto / span 7;
}

.eight-columns {
	grid-column: auto / span 8;
}

.nine-columns {
	grid-column: auto / span 9;
}

.ten-columns {
	grid-column: auto / span 10;
}

.eleven-columns {
	grid-column: auto / span 11;
}

.twelve-columns {
	grid-column: auto / span 12;
}

.block-content {
	> h1,
	> h2,
	> h3,
	> h4,
	> h5,
	> h6,
	> p,
	> ul,
	> ol {
		grid-column: 1 / -1;
	}
}

/*--------------------------------------------------------------
Folio
--------------------------------------------------------------*/

.folio-grid-image img {
	display: block;
	height: auto;
	width: 100%;
}

.folio-title {
	color: #000000;
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.75px;
	line-height: 15px;
	margin-top: 13px;
	text-transform: uppercase;
}

.folio-top,
.event-top {
	padding: 22px 0px 16px 0px;
}

.folio-top img {
	float: none;
	height: auto;
	margin-bottom: 22px;
	width: 100%;
}

.folio-top p,
.folio-top li,
.event-top p,
.event-top li,
.sponsor-top p,
.sponsor-top li {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
	line-height: 24px;	
}

.folio-top p,
.folio-top ul,
.event-top p,
.event-top ul,
.sponsor-top p,
.sponsor-top ul {
	margin-bottom: 8px;
}

.folio-top li,
.event-top li,
.sponsor-top li {
	list-style-type: none;
}

.folio-top li::before,
.event-top li::before,
.sponsor-top li::before {
	background: var(--red);
	border-radius: 100%;
	content: "\00a0";
	float: none;
	height: 6px;
	margin: 10px 8px 0px 0px;
	width: 6px;
}

button.filter {
	background: transparent;
	border: 0px;
	color: var(--red);
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase;
}

button.filter:first-of-type {
	margin-top: 8px;
}

.sponsor-container,
.items-container {
	padding-top: 7px;
}

.sponsor,
.folio-filter-item {
	margin-bottom: 4px;
}

.folio-contact span,
.folio-details li,
.event-details span,
.event-details li,
.event-details p {
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	line-height: 20px;
}

.folio-details li::before,
.event-details li::before {
	display: none;
}

.folio-details,
.event-details {
	float: none;
	margin-bottom: 9px;
	width: 100%;
}

.event-details {
	/*min-height: 558px;*/
}

.folio-details.border-bottom,
.event-details.border-bottom {
	padding-bottom: 18px;
}

.folio-details li,
.event-details li {
	list-style-type: none;
	margin-bottom: 8px;
}

.folio-gallery {
	margin-top: -13px;
}

.main-column-right .image-gallery {
	margin-top: 0;
	
	.folio-gallery-image {
		grid-column: auto / span 6 !important;
		max-height: 100px;
		overflow: hidden;
	}
}

.folio-gallery-image {
	cursor: pointer;
	padding-bottom: 10px;
}

.folio-gallery-image img,
.person-image {
	float: none;
	height: auto;
	margin-bottom: 14px;
	width: 100%;
}

.folio-gallery-image span,
.person-content span {
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.75px;
	line-height: 12px;
	text-transform: uppercase;
}

.folio-gallery-image span:nth-of-type(2),
.person-content span:nth-of-type(2) {
	font-weight: 200;
}

.a-to-z {
	padding-top: 22px;
}

.a-to-z a {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 4px;
}

.a-to-z span {
	cursor: pointer;
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}

.z-a {
	margin-bottom: 12px;
}

.a-to-z-active {
	color: var(--red);
}

.items-container div {
	display: none;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

main {
	float: none;
	width: 100%;
}

.editor-styles-wrapper .column,
.editor-styles-wrapper .main-column-left,
.editor-styles-wrapper .main-column-right {
	float: left;
	font-family: "Architype-Light";
	width: calc(50% - 12px);
}

.editor-styles-wrapper .main-column-right {
	float: right;
	margin-left: 12px;
	margin-top: 0px;
	padding-left: 12px;
}

.editor-styles-wrapper .main-content-full-width {
	clear: both;
	float: none;
	font-family: "Architype-Light";
	margin-top: 24px;
	width: 100%;
}

.editor-styles-wrapper input[type="checkbox"] {
	display: block !important;
}

.block-editor-block-list__layout .block-editor-block-list__block.wp-block-block-main-content-full-width {
	clear: both !important;
}

.person-content {
	float: none;
	margin-top: -7px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}

.person-subhead {
	height: 44px;
}

.person-responsibilities {
	height: 90px;
}

.linkedin-gray,
.linkedin-red {
	position: absolute;
	right: 0px;
	top: 0px;
}

.linkedin-red {
	top: 3px;
}

.linkedin-gray,
.linkedin-red {
	display: block;
	height: auto;
	width: 16px;
}

.person-contact {
	float: none;
	margin: 5px 0px 5px 0px;
	padding-bottom: 6px;
	position: relative;
	width: 100%;
}

.person-contact span,
.person-responsibilities {
	font-weight: 200 !important;
}

.blank {
	content: "\00a0";
}

.acf-innerblocks-container,
.main-grid-content {
	float: none;
	width: 100%;
}

.featured-image {
	margin-bottom: 24px;
}

/*
	Six Column Image Block - Size and alignment features
*/
.main-grid-image {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 0 16px;

	img {
		grid-column: 1 / -1;
	}

	&.half {
		img {
			grid-column: auto / span 6;
		}

		&.left {
			img {
				grid-column-start: 1;
			}
		}

		&.center {
			img {
				grid-column-start: 4;
			}
		}

		&.right {
			img {
				grid-column-start: 7;
			}
		}
	}
}

.featured-image img,
.main-grid-content img {
	float: none;
	height: auto;
	width: 100%;
}

.main-grid-content img {
	margin-bottom: 22px;
}

.main-grid-content-half {
	grid-column: auto / span 2;
	float: none;
	width: 100%;
}

.main-grid-content-bottom {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

a.six-column-post,
a.six-column-full-post {
	display: block;
}

.ten-column-post {
	grid-column: 1 / -1;
	margin-top: 22px;

	> p:first-of-type {
		font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    	font-weight: 200;
    	font-size: 20px;
    	line-height: 24px;
	}
}

.six-column-post-content-after {
	margin-bottom: -2px;
}

.six-column-post-content-after.expanded-content {
	margin-bottom: -10px;
}

.six-column-post-content-after p {
	margin-bottom: 0px !important;
}

.six-column-full-post-content-before {
	margin-top: -3px;
}

.six-column-full-post {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	line-height: 20px;
	margin-bottom: 12px;
	padding-bottom: 8px;
}

.six-column-full-post h3:not(.subheader-field),
.woocommerce-MyAccount-content h3 {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 18px;
	font-style: normal !important;
	font-weight: 700;
	line-height: 20px;
}

.six-column-full-post h4 {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal !important;
	font-weight: 400;
	line-height: 20px;
}

.six-column-full-post p {
	margin-bottom: 8px;
}

h2.h2-red {
	color: var(--red);
}

.four-column-full-post.four-column-post-grid h2 {
	margin-bottom: 7px !important;
}

.four-column-full-post.four-column-post-grid,
.four-column-full-post.four-column-post-grid h2,
.four-column-full-post.four-column-post-grid p {
	width: 100% !important;
}

.ten-column-post a h2,
.six-column-post a h2,
.three-column-post a h2,
.four-column-post a h2 {
	color: var(--red) !important;
}

.six-column-full-post h2,
.six-column-full-post p {
	width: 100%;
}

.three-column-post,
.four-column-post {
	display: grid;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	gap: 0 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	line-height: 20px;
	padding-bottom: 12px;

	&.border-bottom {
		margin-bottom: 20px;
		padding-bottom: 24px;
	}
	
	> *:not(.main-grid-content-half):not(.main-grid-content-half-right) {
		grid-column: 1 / -1;
	}
}

.three-column-post img {
	margin-bottom: 0px;
	margin-top: 3px;

}

.four-column-full-post h2 {
	margin-bottom: 12px !important;	
}

.small-text {
	font-size: 12px;
	line-height: 16px;
}

.small-text-top {
	margin-top: -1px;
}

h3.h3-top {
	margin-top: 10px !important;
}

.four-column-full-post h4 {
	font-weight: 400;
}

.four-column-full-post {
	width: 75% !important;
}

.four-column-full-post h3,
.four-column-full-post p {
	margin-bottom: 8px;
}

.four-column-full-post.border-bottom,
.four-column-full-post.border-bottom-grid {
	margin-bottom: 11px;
	padding-bottom: 5px;
}

.four-column-post img {
	display: block;
	grid-column: 1 / -1;
	margin-bottom: 19px;
	width: 100%;
}

.three-column-post h2,
.three-column-post p,
.three-column-post > a,
.four-column-post h2,
.four-column-post p,
.four-column-post > a {
	grid-column: 1 / -1;
	width: calc(100% - 12px);
}

.introduction {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-weight: 200;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 24px;

	&.introduction-home {
		font-family: "Architype-Light";
		font-size: 32px;
		line-height: 36px;
	}

	&.margin-top {
		margin-top: 24px;
	}

	.additional-text {
		font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
		font-size: 16px;
		font-style: normal;
		font-weight: 200;
		line-height: 20px;
		margin-top: 8px;
	}

	p {
		margin-bottom: 8px;

		&:last-of-type {
			margin-top: -9px;
			margin-bottom: 14px;
		}
	}

	&.border-bottom {
		padding-bottom: 18px;
	}
}

.grid-event-details {
	margin-bottom: 24px;
}

.grid-event-details .events-list-event {
	width: 296px;
}

.grid-event-details .events-date-time {
	font-weight: 700;
}

.event-categories {
	color: var(--red);
	display: block;
	font-weight: 200;
}

.why-join-aia {
	padding-bottom: 22px;
}

.why-join-aia img {
	height: auto;
	margin-top: 0px;
	width: calc(100% - 4px) !important;
}

.main-grid-content-half-right {
	float: right;
	grid-column: auto / span 2;
	margin-left: 10px;
	width: 100%;
}

.main-grid-button {
	float: none;
	margin-bottom: 18px;
	width: 100%;

	a {
		border-radius: 100%;
		box-sizing: border-box;
		color: #FFF;
		display: flex;
		flex-flow: column wrap;
		font-family: 'Architype-Bold';
		font-size: 18px;
		height: 88px;
		justify-content: center;
		line-height: 20px;
		padding: 8px;
		text-align: left;
		transition: all 0.4s ease-in-out;
		width: 88px;

		span.border {
			border-top: 1px dotted #FFF;
			height: 1px;
		}
		
		div {
			background-repeat: no-repeat;
			flex: 0 1 100%;
			float: none;
		}

		&.static {
			padding: 0;
		}
	}

	&.red {
		a {
			background-color: #fa4132;

			&:hover,
			&:focus,
			&:active {
				background-color: #909090;
			}
		}
	}

	&.grey {
		a {
			background-color: #909090;

			&:hover,
			&:focus,
			&:active {
				background-color: #fa4132;
			}
		}
	}
}

.main-grid-button .engage {
	background-image: url(imgs/button-engage.png);
	background-size: 88px 88px;
}

.main-grid-button .join-renew {
	background-image: url(imgs/button-join-renew.png);
	background-size: 88px 88px;
}

.button-after {
	margin-bottom: 12px;
	padding-bottom: 0px;
}

.border-bottom-grid {
	box-sizing: border-box;
	margin-bottom: 24px;
	padding-bottom: 12px !important;
}

.block-content:last-of-type > * {
	background-image: url();
}

.four-column-post-grid {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.grid-profile-content {
	float: none;
	margin-bottom: 8px;
	width: 100%;
}

.grid-profile-content h2,
.grid-profile-content p {
	font-family: "Architype-Light";
	font-size: 32px !important;
	line-height: 36px !important;
}

.grid-profile-content h2 {
	margin-bottom: 0px !important;
	margin-top: -2px !important;
}

.grid-profile img {
	float: none;
	height: auto;
	margin-bottom: 0px;
	width: 50%;
}

.grid-profile-layout .border-bottom {
	padding-bottom: 0px
}

.block-content-profile {
	margin-bottom: -12px;
}

.six-column-post h3,
h3.title {
    font-family: "Architype-Bold";
    font-size: 22px !important;
    font-weight: normal;
    line-height: 24px !important;
    margin: 0px 0px 7px 0px !important;
	text-transform: capitalize;
}

/*--------------------------------------------------------------
Events
--------------------------------------------------------------*/
#calendar {
	display: grid;
	gap: 0 16px;
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

#months {
	display: grid;
	float: none;
	font-size: 12px;
	gap: 0 16px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	line-height: 16px;
	width: 100%;
}

#months .month-header {
	display: none;
}

.calendar-top {
	border-bottom: 2px solid #000000;
	display: grid;
	float: none;
	font-family: "Architype-Bold";
	font-size: 22px;
	gap: 0 16px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	line-height: 24px;
	padding: 21px 0px 1px 0px;
	width: 100%;
}

#month-header {
	float: none;
	grid-column: 1 / span 2;
}

#calendar #prev,
#calendar #next {
	cursor: pointer;
	float: none;
	grid-column: 3;
	grid-row: 1;
	height: 17px;
	width: 17px;
}

#calendar #prev {
	background-image: url(imgs/calendar-prev.png);
	background-repeat: no-repeat;
	background-size: auto 17px;
	margin-top: 2px;
}

#calendar #next {
	background-image: url(imgs/calendar-next.png);
	background-repeat: no-repeat;
	background-size: auto 17px;
	margin: 2px 0 0 19px;
}

#calendar .start-time {
	grid-column: 7 / span 2;
}

.week {
	border-top: 1px solid #000000;
	display: grid;
	float: none;
	gap: 0 16px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	width: 100%;

	&:first-of-type {
		border-top: none;
	}
}

.day {
	color: var(--red);
	display: grid;
	float: none;
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-style: normal;
	font-weight: 300;
	gap: 0 16px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	padding: 3px 0px 5px 0px;
	text-transform: uppercase;
	width: 100%;
}

.day.cancelled .event-name a {
	color: #909090 !important;
	text-decoration: line-through;
}

.day.cancelled .event-time {
	display: none !important;
}

.day:last-child {
	background-image: url();
}

.date {
	color: #000000;
	float: none;
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	grid-column: 1 / 1;
	grid-row: 1;
	line-height: 24px;
	width: 40px;
}

.day-of-week {
	color: #000000;
	float: none;
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-size: 22px;
	font-style: normal;
	font-weight: 300;
	grid-column: 1 / 1;
	grid-row: 1;
	line-height: 24px;
	margin-left: 40px;
	text-transform: none;
	width: auto;
}

.event-name-time {
	float: none;
	display: grid;
	gap: 0 16px;
	grid-column: 2 / -1;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	margin-left: 0px;
	padding: 9px 0px 3px 0px;
	width: 100% !important;
}

@media screen and (max-width: 1228px) {
	.event-name-time {
		grid-column-start: 1;
		grid-column-end: -1;
	}

}

.event-name-time.first {
	margin-left: 0px;
	padding: 6px 0px 2px 0px;
}

.event-name-time:last-of-type {
	background-image: url();
	margin-bottom: -6px;
}

.event-name {
	float: none;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	grid-column: 1 / span 5;
	line-height: 16px;
}

.event-time {
	float: none;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	grid-column: 6;
	line-height: 24px;
	margin-top: -4px;
}

.day.empty {
	display: none;
}

.event-button {
	border-radius: 25px;
	color: #ffffff;
	float: right;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	grid-column: 7;
	margin: -6px 1px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	text-decoration: uppercase;
	width: 88px;
}

.event-button.tickets-url {
	background: #a6ce39;
}

.event-button.register-url {
	background: #fa4132;
}

.event-button.closed {
	background: #909090;
}

.event-button a {
	color: #ffffff;
}

.extra-space {
	padding-bottom: 8px !important;
}

/*--------------------------------------------------------------
Single Event
--------------------------------------------------------------*/

.event-top img {
	float: none;
	height: auto;
	margin-bottom: 21px;
	width: 100%;
}

.calendar-url {
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	margin-top: 8px;
}

.event-details a {
	font-weight: 700;
}

.event-details-section {
	margin-bottom: 8px;
}

.event-details-section br br {
	display: block;
	height: 300px;
	width: 100%;
	background: #ccc;
}

.events-list span {
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	line-height: 16px;
	text-transform: uppercase;
}

.events-date-time {
	color: var(--red);
}

.events-list-event {
	margin-bottom: 7px;
	padding-bottom: 8px;
}

.button-join-renew {
	float: none;
	height: auto;
	margin-top: 14px;
	width: 90px !important;
}

/*--------------------------------------------------------------
Folio Swiper
--------------------------------------------------------------*/

.swiper-section {
	background: rgb(128,128,128);
	background: linear-gradient(180deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.7413165949973739) 70%, rgba(128,128,128,0) 100%);
	display: none;
	height: calc(100vh + 618px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;	
}

.swiper-container {
	float: none;
	margin: 118px 0px 0px 24px;
	position: relative;
	width: calc(100% - 48px);
}

.swiper-section .swiper {
	height: 100%;
    width: 100%;
}

.swiper-section .swiper-slide {
	align-items: center;
	display: flex;
  	justify-content: center;
}

.swiper-section .swiper-slide img {
 	display: block;
	height: 100%;
	max-height: calc(100vh - 118px);
	margin: 0 auto;
	object-fit: cover;
  	width: auto;
}

.swiper-pagination {
	cursor: pointer;
	z-index: 1000;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	background: #ffffff !important;
	height: 16px;
	opacity: 1 !important;
	width: 16px;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
	background: #e7513f !important;
}

.swiper-pagination.swiper-pagination-bullets {
	bottom: 23px !important;
}

.swiper-slide a label {
	color: #000000 !important;
	cursor: pointer;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

.swiper-sidebar {
	float: none;
	overflow: hidden;
	width: 100%;
}

.swiper-sidebar .swiper-wrapper,
.swiper-sidebar .swiper-slide {
	float: none;
	height: auto;
}

.swiper-sidebar .swiper-wrapper {
	position: relative;
	width: 100% !important;
}

.swiper-sidebar .swiper-slide {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 0;
}

.swiper-wrapper .swiper-slide:first-child {
	margin-right: 1px !important;
	width: calc(100% - 1px) !important;
}

.swiper-sidebar:last-of-type {
	background-image: none !important;
}

.swiper-sidebar img {
	float: none !important;
	height: auto !important;
	width: 100% !important;
}

.swiper-sidebar label {
	font-family: "Architype-Bold";
	font-size: 21px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 20px;
}

/*--------------------------------------------------------------
Gravity Forms
--------------------------------------------------------------*/

.main-column-right {
	.gform_wrapper {
		background-image: url(imgs/border.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		background-size: auto 1.68px;
		float: none;
		margin-bottom: 11px;
		padding-bottom: 5px;

		h3 {
			font-family: "Architype-Bold";
			font-weight: normal;
		}
	}
}

.gform_body {
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	margin-top: 16px;
}

.gform_heading {
	display: none;
}

::placeholder {
	color: #000000;
	opacity: 1;
}

.gform_body input,
.gform_body textarea,
.gform_body select,
.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout textarea,
.wp-block-woocommerce-checkout select {
	border: 0px;
	font-size: 16px !important;
	line-height: 20px !important;
	padding: 6px 0px 6px 0px !important;
	width: 100%;
}

.gform_body textarea,
.wp-block-woocommerce-checkout textarea,
.woocommerce-MyAccount-content textarea {
	height: 100px;
}

.ginput_container_select > select,
.wp-block-woocommerce-checkout select,
.woocommerce-MyAccount-content select {
	background-color: transparent;
}

.gfield_label,
input[type="radio"],
input[type="checkbox"],
.wc-block-components-product-metadata__description {
	display: none;
}

.acf-input input[type="radio"] {
	display: inline-block !important;
}

.link-target label input[type="checkbox"] {
	display: inline-block !important;
}

.acf-true-false input[type="checkbox"] {
	display: block;
}

.gfield_html {
	margin-bottom: 8px;
}

.ginput_total {
	background-image: url() !important;
}

.gform_body button,
.gform_footer input[type="submit"],
.woocommerce .product .cart .button,
.woocommerce .product .cart .button:hover,
.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,
.woocommerce-MyAccount-content button,
.job-manager-form .button,
.job_listing_preview_title .button,
.resume_contact_button,
.woocommerce-Button.button,
.woocommerce-button.button.woocommerce-form-login__submit,
.search_submit input,
.application_button.button,
.apply_with_resume input,
.job_listing_packages_title input {
	background: var(--red) !important;
	border: 0px !important;
	color: #ffffff !important;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B" !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.7px !important;
	margin: 16px 16px 24px 0px !important;
	padding: 6px 7px 6px 7px !important;
	text-transform: uppercase;
	width: auto !important;	
}

.gform_body h3,
.woocommerce-MyAccount-content h3 {
	margin-bottom: 8px !important;
}

.gform_body fieldset,
.woocommerce-MyAccount-content fieldset {
	border: 0px;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

.gfield_checkbox label,
.gfield_checkbox input,
.gfield_radio label,
.gfield_radio input {
	float: none;
	width: auto;
}

.gchoice {
	cursor: pointer;
	float: none;
	width: 100%;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	border: 1px solid var(--red);
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 10px;
	margin-top: -3px;
	vertical-align: middle;
    width: 10px;
}

input[type="radio"] + label:before {
	border-radius: 50%;
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
	background-color: var(--red);
}

.ginput_container_total {
	margin-top: 8px;
}

.gfield_price .gfield_label {
	display: block !important;
	font-weight: 700;
	margin-bottom: 0px;
}

h3.h3-form-top-margin {
	margin-top: 16px !important;
}

.job-manager-application-wrapper .application,
.single_job_listing .application {
	display: none;
	margin: 0px !important;
}

.wp-block-woocommerce-cart,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px !important;
	font-style: normal;
	font-weight: 200;
	line-height: 20px;
}

.wc-block-cart-items__row {
	margin-bottom: -60px;
}

.wc-block-components-totals-wrapper {
	border-top: 0px !important;
}

.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
	padding-top: 8px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-weight: 700;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
.wc-block-components-totals-wrapper,
.wc-block-cart-item__quantity {
	padding: 0px !important;
}

.wc-block-cart-item__total,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products,
.wp-block-woocommerce-empty-cart-block .wp-block-separator.has-alpha-channel-opacity.is-style-dots,
.wp-block-woocommerce-empty-cart-block .wp-block-heading.has-text-align-center {
	display: none;
}

.wc-block-cart-item__product {
	margin-left: -81px !important;
}

.wc-block-components-product-name,
.wc-block-cart-item__product,
.wc-block-cart-item__total,
.price.wc-block-components-product-price,
.wc-block-cart-item__remove-link,
.wc-block-cart-item__quantity {
	float: none;
}

.price.wc-block-components-product-price {
	float: none;
	margin-right: 16px;
	width: 80px !important;
}

.wc-block-components-product-name {
	float: none;
	margin-right: 16px;
	width: 160px !important;
}

/*--------------------------------------------------------------
WooCommerce
--------------------------------------------------------------*/

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.dashboard ul {
	float: none !important;
	width: 100% !important;
}

.dashboard {
	padding-top: 22px;
}

.dashboard ul {
	margin-top: 16px;
}

.dashboard li {
	list-style: none;
}

.dashboard h1 {
	font-size: 32px !important;
	line-height: 36px !important;
	margin: 0px 0px 0px 0px !important;
}

.dashboard p {
	font-size: 32px !important;
	line-height: 36px !important;
	margin-bottom: 2px;
}

.woocommerce-product-gallery,
.wc-block-components-notice-banner.is-success > svg,
.wc-block-cart-item__image,
.wc-block-components-checkbox__mark,
.wc-block-components-order-summary__content img,
.wc-block-components-order-summary-item__image,
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value.wc-block-components-order-summary-item__individual-price,
.job-manager-message.job-manager-message::before,
.job-manager-message.job-manager-message::after {
	display: none !important;
}

.woocommerce .product .summary {
	float: none !important;
	width: 100% !important;
}

.product .price {
	color: var(--red) !important;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 20px !important;
	font-style: normal;
	font-weight: 200 !important;
	line-height: 24px !important;
}

.woocommerce-page .product .cart .button,
.woocommerce-page .product .cart .button:hover {
	float: none;
	margin: 0px 0px 0px 10px !important;
}

.woocommerce-page .product .cart {
	margin-top: 6px;
}

.woocommerce input {
	font-size: 12px;
	padding: 2px 0px 3px 0px;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner {
	background-color: #ffffff !important;
	border: 0px !important;
	margin: -3px 0px 9px 0px !important;
	padding: 0px !important;
}

.wc-block-components-notice-banner,
.wc-block-components-notice-banner .button.wc-forward {
	color: #000000 !important;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px !important;
	font-style: normal;
	font-weight: 200 !important;
}

.job_listing_packages,
.resume_packages {
	border: 0px;
}

.entry-content .job_listing_packages_title,
.entry-content .resume_packages_title,
.job_listing_packages_title,
.resume_packages_title {
	background: transparent;
	padding: 0px;
}

.wc-block-checkout__terms,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-title.wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__description,
.wc-block-components-checkbox__label,
.wc-block-components-order-summary__button-text,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__description,
.wc-block-formatted-money-amount,
.wc-block-components-product-name,
.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion,
.woocommerce-MyAccount-content,
.job-manager-form,
#resume-manager-candidate-dashboard,
#resume-manager-candidate-dashboard .date,
.resume_preview,
.resume_filters,
ul.resumes li.no_resumes_found a div.candidate-column h3,
ul.resumes li.resume a div.candidate-column h3,
.resume_filters b,
.resume_filters strong,
.resume-posted-column date,
.candidate-location,
ul.resumes li.no_resumes_found a div.candidate-column .candidate-title,
ul.resumes li.resume a div.candidate-column .candidate-title,
ul.resumes li.no_resumes_found.no_resumes_found,
ul.resumes li.resume.no_resumes_found,
.resume_filters .showing_resumes,
.single-resume-content,
.woocommerce-ResetPassword,
.woocommerce-form-login,
.job_listings,
ul.meta .date > *,
.job-manager-job-dashboard,
.job-manager-jobs .date {
	font-size: 16px !important;
	line-height: 1.25 !important;
}

.job_filters .job_types {
	border-top: 0px;
}

.woocommerce form .form-row,
.showing_jobs {
	margin: 0px;
	padding: 0px;
}

.job_listings {
	grid-column: 1 / -1;
	margin-top: 2px;
}

.job_filters .job_types li {
	border-right: 0px;
	color: var(--red) !important;
	font-weight: 700;
	margin-right: 12px;
	padding: 0px 0px 6px 0px;
	text-align: left;
	text-transform: uppercase;
}

.single_job_listing .meta .full-time {
	background: var(--red);
}

.single_job_listing .company {
	box-shadow: 0px 0px 0px #000000;
	float: none;
	margin-bottom: 16px !important;
	min-height: auto;
	width: 100%;
}

.single_job_listing .company .tagline {
	margin: 0px;
	padding: 0px;
}

.job_listing_preview,
.single_job_listing .company {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.single_job_listing .company .name {
	margin: 0px;
	padding: 0px;
}

.company,
.company strong,
.company .tagline,
.location {
	color: #000000 !important;
}

ul.meta .date {
	float: none;
	width: 100%;
}

.job_listing.type-job_listing a {
	padding: 0px !important;
}

.resume-manager-resumes {
	float: none;
	width: 100%;
}

.resume-manager-resumes thead tr {
	text-align: left;
}

.resume-manager-resumes tbody td {
	padding-bottom: 12px;
}

.woocommerce-page input,
.woocommerce-page textarea,
.woocommerce-page select,
.job-manager-form input,
.job-manager-form textarea
.job-manager-form select,
.search_resumes input {
	border-radius: 0px !important;
}

.job_filters .showing_jobs,
.job_filters .job_types {
	background: transparent;
}

.woocommerce-MyAccount-content,
.job-manager-form,
#resume-manager-candidate-dashboard,
.resume_preview,
.resume-manager-resumes tbody .date,
.resume_filters,
ul.resumes li.no_resumes_found a div.candidate-column h3,
ul.resumes li.resume a div.candidate-column h3,
.resume_filters b,
.resume_filters strong,
ul.resumes li.no_resumes_found a div.candidate-column .candidate-title,
ul.resumes li.resume a div.candidate-column .candidate-title,
ul.resumes li.no_resumes_found a div.candidate-column .candidate-title b,
ul.resumes li.resume a div.candidate-column .candidate-title b,
ul.resumes li.no_resumes_found a div.candidate-column .candidate-title strong,
ul.resumes li.resume a div.candidate-column .candidate-title strong,
.single-resume-content,
#user_login,
.woocommerce-ResetPassword,
.woocommerce-form-login,
.job_filters .job_types,
.job_listings,
.job-manager-job-dashboard {
	color: #000000 !important;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-weight: 200 !important;
}

ul.resumes {
	border-top: 0px;
}

.ul.resumes li.no_resumes_found,
ul.resumes li.resume,
ul.job_listings li.job_listing,
.job_filters .showing_jobs,
.job_filters .job_types,
.single_job_listing .company,
.job-manager-jobs thead {
	background-image: url(imgs/border.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size: auto 1.68px;
	border: 0px;
	padding-bottom: 10px;
}

ul.job_listings {
	padding-left: 0;
	border-top: 0px;
}

.job_filters .search_jobs div.search_submit {
	padding-top: 0px;
}

.search-submit input {
	margin: 0px;
}

.search_resumes label {
	padding-bottom: 12px;
}

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select,
.job-manager-form input,
.job-manager-form textarea
.job-manager-form select,
.search_resumes input,
#user_login,
.woocommerce-form-login input,
.search_jobs input {
	border: 1px solid #000000;
	font-size: 16px;
	padding: 6px 0px 6px 0px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: 0px;
	padding: 0px;
}

#components-form-token-suggestions-1 {
	margin-top: 0px;
}

.wc-block-components-product-name,
.wc-block-components-order-summary-item__individual-prices {
	float: none;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
	padding: 0px !important;
}

.woocommerce-checkout .wc-block-components-product-name,
.woocommerce-checkout .wc-block-components-order-summary-item__description {
	width: 75% !important;
}

.woocommerce-checkout .price.wc-block-components-product-price {
	margin-right: 0px !important;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
	margin-top: 20px !important;
}

.wc-block-components-checkout-step {
	.wc-block-components-radio-control {
		border: none !important;

		.wc-block-components-radio-control-accordion-content {
			> .content {
				display: block !important;
				font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
				margin: 0;
				margin-bottom: 0;
			}
		}
	}

	.wc-block-components-radio-control--highlight-checked:after {
		border: none !important;
	}
}

.wc-block-components-form.wc-block-checkout__form input,
.wc-block-components-form.wc-block-checkout__form textarea,
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select,
.job-manager-form input,
.job-manager-form textarea
.job-manager-form select,
.search_resumes input,
.apply_with_resume input,
.apply_with_resume textarea {
	text-indent: 6px;
}

.job-manager-form fieldset {
	border-bottom: 0px;
}

.woocommerce-MyAccount-content {
	margin-top: 11px;
}

.woocommerce-MyAccount-content h3 {
	margin-top: 10px;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
	margin: 10px 0px -24px 0px;
}

.woocommerce-MyAccount-content .edit {
	color: var(--red);
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-weight: 200;
}

.entry-content .job_listing_preview_title,
.job_listing_preview_title {
	background: transparent;
	padding: 0px;
}

.login-title {
	font-family: "Architype-Bold";
	font-size: 22px;
	font-weight: normal;
	margin-top: 20px;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
	margin-top: 12px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	margin: 0px;
}

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select,
.job-manager-form input,
.job-manager-form textarea .job-manager-form select,
.search_resumes input, #user_login,
.woocommerce-form-login input,
.search_jobs input {
	text-indent: 6px;
}

.woocommerce-form.woocommerce-form-login.login {
	margin-top: 12px;
}

.resume_preview,
.job_filters .search_jobs {
	border: 0px;
	padding: 0px;
}

.single-resume .resume-aside {
	border: 0px;
	box-shadow: 0 0px 0px rgba(0,0,0,.1);
	margin: 0px 0px 12px 0px;
	min-height: auto;
	padding: 0px;
}

.candidate_photo,
.resume_preview .date-posted,
.company_logo {
	display: none;
}

.single-resume .resume-aside .job-title,
.single-resume .resume-aside .location {
	padding: 0px;
}

.job_listing_preview_title h2 {
	padding: 16px 0px 16px 0px;
}

.resume_filters .search_resumes,
.job_filters {
	background: transparent;
	padding: 12px 0px;
}

ul.resumes li.no_resumes_found a div.candidate-column,
ul.resumes li.resume a div.candidate-column,
ul.resumes li.no_resumes_found a,
ul.resumes li.resume a {
	padding: 0px;
}

ul.job_listings li.job_listing a div.position {
	padding: 0px;
}

ul.resumes li.no_resumes_found a:focus,
ul.resumes li.no_resumes_found a:hover,
ul.resumes li.resume a:focus,
ul.resumes li.resume a:hover,
.resume_filters,
.resume_filters .showing_resumes,
.rp4wp-related-job_listing > ul li.job_listing a:focus,
.rp4wp-related-job_listing > ul li.job_listing a:hover,
.rp4wp-related-job_listing > ul li.no_job_listings_found a:focus,
.rp4wp-related-job_listing > ul li.no_job_listings_found a:hover,
ul.job_listings li.job_listing a:focus,
ul.job_listings li.job_listing a:hover,
ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {
	background: transparent;
}

.search_resumes label,
.search_resumes .candidate-title,
.search_resumes .candidate-location,
.resume-posted-column date,
ul.resumes li.no_resumes_found a div.candidate-column .candidate-title,
ul.resumes li.resume a div.candidate-column .candidate-title,
ul.resumes li.no_resumes_found a .candidate-location-column,
ul.resumes li.resume a .candidate-location-column,
.single-resume .meta li {
	color: #000000 !important;
}	

ul.resumes li.no_resumes_found.no_resumes_found,
ul.resumes li.resume.no_resumes_found {
	border: 0px;
	padding: 0px;
}

.resume_filters .showing_resumes {
	border-top: 0px;
	padding: 0px 0px 16px 0px;
}

.single-resume-content,
.woocommerce-ResetPassword {
	color: #000000;
	float: none;
	padding-top: 22px;
	width: 100% !important;
}

.resume_contact_button,
.single-resume .resume_contact {
	margin: 0px !important;
}

.single-resume .resume_contact {
	padding-left: 0px !important;
}

.woocommerce-error {
	background-color: transparent;
	border: 0px;
	color: #000000;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.woocommerce-error::before,
.woocommerce-error::after {
	display: none;
}

.woocommerce-ResetPassword {
	color: #000000;
}

.job-manager-job-dashboard,
.job-manager-jobs tbody tr td {
	color: #000000 !important;
}

.job-manager-jobs thead th {
	text-align: left;
	vertical-align: top;
}

.job-manager-message.job-manager-message {
	border: 0px;
	border-top-color: transparent;
	box-shadow: 0px 0px 0px #000000;
	float: none;
	margin: 16px 0px 0px 0px !important;
	padding: 0px !important;
	width: 100%;
}

.wc-block-components-radio-control-accordion-content,
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content > :last-child {
	padding: 0px !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control {
	border: 0px !important;
}

.payment-method label {
	display: block !important;
}

.wc-block-gateway-container .wc-block-gateway-input {
	border: 1px solid #000000;
	border-radius: 0px !important;
	color: #000000 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	padding: 6px 0px 6px 0px !important;
	text-indent: 6px;
}

.wc-block-gateway-container *:placeholder,
.InputContainer input:placeholder {
	color: #000000 !important;
	opacity: 1 !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	box-shadow: none !important;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label),
.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
	float: none;
}


.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
	font-family: "Architype-Bold";
}

.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
	width: 100%;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	grid-column: 1 / -1;
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

.search-active {
	font-size: 0px !important;
}

#instant-search,
.search-section {
	left: -417px;
	position: absolute;
	width: 400px;
}

#instant-search {
	background: #b3b3b3;
	border: 0px;
	color: #000000;
	font-size: 21px;
	line-height: 24px;
	padding: 3px 0px 3px 0px;
	text-indent: 10px;
	top: 0;
}

.search-section {
	top: 92px;
}

#search-results,
.trending {
	font-family: "Architype-Light";
	font-size: 16px;
	line-height: 20px;
}

#search-results {
	background-image: url(imgs/border-white.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size: auto 1.68px;
	height: 0px;
	margin-bottom: 0px;
	opacity: 0;
	padding-bottom: 0px;
	transition: opacity 0.5s, visibility 0s linear 0.5s;
	visibility: hidden;
}

#search-results a,
.trending a {
	color: #ffffff
}

#search-results.active {
	height: auto;
	margin-bottom: 18px;
	opacity: 1;
	padding-bottom: 18px;
	transition: opacity 0.5s;
	visibility: visible;
}

#search-results::before {
	content: "Results:";
	font-family: "Architype-Bold";
	visibility: visible;
}

#search-results:not(.active)::before {
	visibility: hidden;
}

.trending-top {
	font-family: "Architype-Bold";
}

.trending-top li {
	color: #ffffff;
	display: block;
	font-family: "Architype-Light";
	list-style-type: none;
}

/*--------------------------------------------------------------
Sponsors
--------------------------------------------------------------*/

.sponsor-section {
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 0 16px;
	margin-bottom: 30px;
}

.sponsor-logo {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: -18px;
	padding-top: 100%;
	position: relative;
	width: 100%;
}

/*
.sponsor-logo::before {
	background-image: url(imgs/border.png) !important;
	background-repeat: repeat-x;
	background-size: auto 1.68px;
	bottom: calc(50% - 4px);
	content: "";
	height: 1.68px;
	left: calc(50% + 12px);
	position: absolute;
	width: calc(100% - 8px);
	transform: rotate(90deg);
	transform-origin: center;
}
*/

.sponsor-logo:nth-child(4n)::before {
	display: none;
}

.sponsor-logo img {
	height: 90%;
	left: 5%;
	object-fit: contain;
	position: absolute;
	top: 5%;
	width: 90%;
}

.sponsor-text-list {
	padding-bottom: 12px !important;
}

.sponsor-text-list a {
	display: block;
}

.sponsor-section:last-of-type,
.sponsor-text-list:last-of-type {
	background-image: url();
	padding-bottom: 0px;
}

.sponsors-industries {
	padding-top: 22px;
}

.sponsors-industries span {
	display: block;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 700;
}

.sponsors-industries ul {
	margin-bottom: 8px;
	padding: 0;
}

.sponsors-industries li {
	list-style-type: none;
}

.sponsors-industries h2,
h2.sponsor-title {
	margin: 0px 0px 8px 0px !important;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

footer {
	float: none;
	font-family: "Architype-Light";
	font-size: 11px;
	letter-spacing: 0.75px;
	line-height: 16px;
	margin-top: 12px;
	padding-bottom: 32px;
	text-transform: uppercase;
	width: 100%;
}

.footer-grid > * {
	padding-top: 13px;
}

.footer-column {
	float: none;
	width: 50%;
}

footer span {
	display: block;
}

.footer-social {
	float: none;
	height: auto;
	margin: 2px 8px 0px 0px;
	width: 24px;
}

.mobile-social {
	display: none;
}

.accordion {
	background-image: url(imgs/border.png);
	background-position: top left;
    background-repeat: repeat-x;
    background-size: auto 1.68px;
	grid-column: auto / span 6;
	margin: 8px 0;

	.accordion-row {
		display: block;
		float: none;
		margin-bottom: 0;
		padding: 0;
		width: 100%;

		&:last-of-type {
			background: none !important;
		}

		.accordion-trigger {
			background-color: transparent;
			border: none;
			column-gap: 16px;
			display: grid;
			grid-template-columns: 18px repeat(5, minmax(0, 1fr));
			line-height: 1;
			padding: 12px 0;
			width: 100%;

			.accordion-icon {
				flex: 0 1 18px;
				display: block;
				grid-column: 1 / span 1;
				margin-top: 6px;
				position: relative;
				transition: all 0.75s ease-in-out;
				transform-origin: center center !important;

				.line-1,
				.line-2 {
					background-color: #e7513f;
					display: block;
					height: 1px;
					left: 2px;
					position: absolute;
					top: 0px;
					width: 14px;
				}

				.line-2 {
					rotate: 90deg;
				}
			}

			.accordion-title {
				font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
				grid-column: 2 / span 5;
				text-align: left;
			}
		}

		&.active {
			.accordion-trigger {
				.accordion-icon {
					rotate: 315deg;
				}
			}
		}

		.accordion-content {
			display: none;
			float: none;
			font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
			font-size: 16px;
			font-style: normal;
			font-weight: 200;
			line-height: 20px;
			margin-bottom: 8px;
			padding-bottom: 8px;

			p,
			ul,
			ol {
				margin-bottom: 8px;
			}
		}

		&.active .accordion-content {
			display: block;
		}
	}

	&.speakers {
		display: grid;
		gap: 0 16px;
		grid-template-columns: repeat(2, minmax(0, 1fr));

		.accordion-trigger {
			align-items: flex-start !important;
			column-gap: 16px;
			display: grid;
			grid-template-columns: repeat(6, minmax(0, 1fr));

			.image-container {
				grid-column: 1 / span 3;
			}

			.text-container {
				display: flex;
				flex-flow: column wrap;
				grid-column: 4 / span 3;
				padding-left: 16px;

				.accordion-title {
					flex: 0 1 100%;
					margin-bottom: 16px;
					text-align: left;
				}

				.accordion-icon {
					flex: 0 1 100%;
					margin: 0;
					transform-origin: 7px 0px !important;

					.line-1,
					.line-2 {
						left: 0;
						top: 0;
					}
				}
			}
		}

		.accordion-content {
			padding: 0 6px;
		}
	}
}

/*--------------------------------------------------------------
Register Button
--------------------------------------------------------------*/
.register-button {
    background-color: var(--red);
	border: 1px solid var(--red);
    border-radius: 20px;
    color: #FFF;
	display: inline-block;
    font-family: 'Architype-Bold';
    font-size: 18px;
	letter-spacing: 1px;
    line-height: 1;
    padding: 8px 24px;
    text-align: center;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out;

	span {
		display: inline-block;
		margin-top: 2px;
	}

	&:hover,
	&:focus,
	&:active {
		background-color: #FFFFFF;
		color: var(--red);
	}
}

.four-column-button {
	margin-bottom: 20px;
	padding-bottom: 24px;
}

/*--------------------------------------------------------------
Single Posts
--------------------------------------------------------------*/
.single-post .block-content {
	display: grid !important;
	padding: 8px 0;
}

/*--------------------------------------------------------------
Single Events - Sidebar
--------------------------------------------------------------*/
.single-events,
.page {
	.event-info {
		width: 75%;

		.event-info-section {
			margin-bottom: 12px;
			padding-bottom: 16px;

			p,
			ul {
				margin-bottom: 8px;
			}
		}
	}

	.event-speakers{
		margin-bottom: 12px;

		.accordion {
			> p {
				font-size: 12px;
				padding: 8px 0;
			}

			.accordion-title {
				display: block;
				flex: 0 1 calc(100% - 18px);
				text-align: left;
			}

			.accordion-content {
				align-items: flex-start;
				flex-flow: row wrap;

				.speaker-photo {  
					display: block;  
					flex: 0 1 25%;
					height: auto;
					margin-right: 8px;
					max-width: 25%;
				}

				.speaker-bio {
					flex: 0 1 100%;
				}
			}

			.accordion-row.active {
				.accordion-content {
					display: flex;
				}
			}
		}
	}
}

.sponsor-text {
	padding-bottom: 18px;
}

.sponsor-logos {
    display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));

	.sponsor-logo-container {
		display: flex;
		flex-flow: column;
		grid-column: 1 / -1;
		height: 192px;
		justify-content: center;
		padding: 1px 0;
		width: 192px;

		&.sponsor-logo-container-in-kind {
			grid-column: auto / span 1;
			height: 81px;
			width: 81px;
		}

		.sponsor-logo {
			display: block;
			margin: 0;
			max-width: 100%;
			padding: 0;
		}
	}

	h3 {
		grid-column: 1 / -1;
		margin-top: 22px;
	}
}

.sponsor-names {
	.sponsor-name {
		font-size: 22px;
		font-weight: 500;
		padding: 10px 0;
	}
}

/*--------------------------------------------------------------
Block - Six Column Media & Text
--------------------------------------------------------------*/
.six-column-media-text {
	column-gap: 16px;
	display: grid;
	grid-column: 1 / span 6;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-bottom: 12px;
	padding: 0 0 12px;

	.content-container {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.media-container {
	    display: block;
    	float: left;
    	margin-right: 14px;
    	width: calc((100% / 6) * 2 - 10px);
	}

	&.media-right {
		.media-container {
			float: right;
			margin-left: 14px;
			margin-right: 0;
		}
	}
}

/* Last-Minute Launch Fixes */
.hotspots-placeholder {
	display: none !important;
}

.resumes {
	grid-column: 1 / -1;

	ul.resumes {
		padding-left: 0;
	}
}

#submit-resume-form {
	grid-column: 1 / -1;
}

.post-resume-button {
	margin-top: -14px;
}

.single-job_listing {
	.main-column-right {
		overflow: visible;
		position: relative;

		.register-button {
            position: fixed;
            top: 105px;
		}
	}
}

@media screen and (max-width: 1228px) {
	.single-job_listing {
		.main-column-left {
			margin-top: 48px;
		}
	}
}

.i-am-slider {
	.swiper-slide {
		a {
			display: block;
			width: 192px;

			img {
				display: block;
				height: 192px !important;
				width: 192px !important;
			}

			.caption {
				background-color: var(--red);
				box-sizing: border-box;
				color: #FFF;
				display: block;
				max-width: 192px;
				padding: 8px;
				width: 192px;

				.caption-heading {
					display: block;
					font-family: "Architype-Bold";
					font-size: 23px;
					line-height: 1;
					text-transform: uppercase;
				}

				.caption-name {
					display: block;
					font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
					font-size: 11px;
					font-weight: 500;
					letter-spacing: 1px;
					min-height: 30px;
					text-transform: uppercase;
				}
			}
		}
	}
}