/*  

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

*/

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

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	color: #000000;
	font-family: "Architype-Light";
	height: 100%;
	margin: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: 0px none;
}

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

/*--------------------------------------------------------------
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");
}

h1,
.single-folio h2,
.single-events h2,
.main-grid-content h2,
.grid-event-details h2,
.a-to-z h2,
.product_title.entry-title {
	font-family: "Architype-Bold";
	font-size: 22px !important;
	font-weight: normal;
	line-height: 24px !important;
	margin: 0px 0px 7px 0px !important;
}

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

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

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

.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;
}

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

header {
	float: left;
	font-size: 21px;
	line-height: 24px;
	padding: 23px 0px 0px 0px;
	width: 100%;
}

header a {
	color: #000000;
}

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

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

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

.header-grid .four-columns {
	position: relative;
}

.header-grid .four-columns a:nth-of-type(3) {
	display: block;
}

header .search,
.menu-top .search {
	cursor: pointer;
	float: left;
	height: 32px;
	width: auto;
}

.header-cart {
	position: absolute;
	right: 55px;
	top: 0;
}

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

.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: absolute;
	right: 0px;
	top: 0px;
	z-index: 11;
}

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

.menu-active {
	top: 10px;
}

.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;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}

.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 {
	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;
	float: left;
	padding: 23px 0px 16px 0px;
	width: 100%;
}

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

.menu-row > li {
	float: left;
	font-family: "Architype-Bold";
	padding-left: 16px;
	width: calc(25% - 16px);
}

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

.menu a {
	color: #ffffff;
}

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

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

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

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

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

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

.chart-grid {
	display: block;
}

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

.grid-profile-layout {
	display: grid !important;
	grid-template-columns: repeat(10, 1fr) !important;
	grid-gap: 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;
}

/*--------------------------------------------------------------
Organizational Chart
--------------------------------------------------------------*/

.wpda_tree_item_title,
.wpda_tree_item_desc {
	color: #000000 !important;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B" !important;
	font-size: 10px !important;
	font-style: normal !important;
	letter-spacing: 0.75px !important;
	line-height: 12px !important;
	text-transform: uppercase;
	
}
.wpda_tree_item_title {
	font-weight: 700 !important;
}

.wpda_tree_item_desc {
	font-weight: 200 !important;
	margin-top: 0px !important;
}

/*--------------------------------------------------------------
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: left;
	height: auto;
	margin-bottom: 22px;
	width: 100%;
}

.folio-top p,
.folio-top li,
.event-top p,
.event-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 {
	margin-bottom: 8px;
}

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

.folio-top li::before,
.event-top li::before {
	background: #ee2d34;
	border-radius: 100%;
	content: "\00a0";
	float: left;
	height: 6px;
	margin: 10px 8px 0px 0px;
	width: 6px;
}

button.filter {
	background: transparent;
	border: 0px;
	color: #ee2d34;
	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: 0;
}

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

.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: left;
	margin-bottom: 9px;
	width: 100%;
}

.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;
}

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

.folio-gallery-image img,
.person-image {
	float: left;
	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;
}

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

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

.a-to-z-active {
	color: #ee2d34;
}

.items-container div {
	display: block;
	visibility: visible;
	opacity: 1;
	transition: all 0.6s ease-in-out;

	&.hide {
		visibility: hidden;
		opacity: 0;
		height: 0;
		width: 0;
		grid: auto / span 0;
	}
}

.zip-search {
	input[type="text"] {
		font-size: 12px;
		padding: 4px 4px 2px;
	}

	input[type="submit"] {
		background-color: #ee2d34;
		border: 1px solid #ee2d34;
		border-radius: 4px;
		color: #ffffff;
		font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
		font-size: 12px;
		padding: 4px 8px;
		transition: all 0.5s ease-in-out;

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

.folio-filters {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
}

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

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

.main-column-left,
.main-column-right {
	margin-top: 22px;
}

.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 {
	margin-left: 12px;
	margin-top: 0px;
	padding-left: 12px;
}

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

.person-content {
	float: left;
	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: left;
	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: left;
	width: 100%;
}

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

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

.featured-image img {
	margin-bottom: -14px;
}

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

.main-grid-content-half {
	float: left;
	width: 50%;
}

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

.six-column-post,
.four-column-post-grid p {
	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;
	margin-bottom: 20px;
	padding-bottom: 12px;
}

.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,
.six-column-full-post h4,
.woocommerce-MyAccount-content h3 {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 16px;
	font-style: normal !important;
	font-weight: 700;
	line-height: 20px;
}

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

.six-column-full-post h3,
h2.h2-red {
	color: #ee2d34;
}

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

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

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

.expanded-content p {
	margin-bottom: 8px !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;
}

.six-column-post a h2,
.three-column-post a h2,
.four-column-post a h2 {
	color: #000000 !important;
}

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

.three-column-post,
.four-column-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: 20px;
	padding-bottom: 24px;
}

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

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

.four-column-full-post h3,
.woocommerce-MyAccount-content h3 {
	font-family: "Architype-Bold";
	font-weight: normal;
}

.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 {
	margin-bottom: 19px;
}

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

.introduction {
	font-size: 32px;
	line-height: 36px;
	margin: -9px 0px 14px 0px;
}

.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: #ee2d34;
	display: block;
	font-weight: 200;
}

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

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

.main-grid-content-half-right {
	float: right;
	margin-left: 10px;
	width: calc(50% - 10px);
}

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

.main-grid-button > a div {
	background-repeat: no-repeat;
	float: left;
	height: 88px;
	width: 88px;
}

.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: left;
	margin-bottom: 8px;
	width: 100%;
}

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

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

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

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

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

/*--------------------------------------------------------------
Events
--------------------------------------------------------------*/

#months {
	float: left;
	font-size: 12px;
	line-height: 16px;
	width: 100%;
}

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

.calendar-top {
	border-bottom: 2px solid #000000;
	float: left;
	font-family: "Architype-Bold";
	font-size: 22px;
	line-height: 24px;
	padding: 21px 0px 1px 0px;
	width: 100%;
}

#month-header {
	float: left;
	width: 208px;
}

#calendar #prev,
#calendar #next {
	cursor: pointer;
	float: left;
	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 375px 0px 6px;
}

.week {
	border-top: 1px solid #000000;
	float: left;
	width: 100%;
}

.day {
	color: #ee2d34;
	float: left;
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-style: normal;
	font-weight: 300;
	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: left;
	font-family: "Gotham Narrow A", "Gotham Narrow B";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	width: 40px;
}

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

.event-name-time {
	float: left;
	margin-left: 104px;
	padding: 9px 0px 3px 0px;
	width: calc(100% - 104px);
}

.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: left;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	width: 521px;
}

.event-time {
	float: left;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	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;
	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;
}

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

.event-top img {
	float: left;
	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: #ee2d34;
}

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

.button-join-renew {
	float: left;
	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%;	
}

.swiper-container {
	float: left;
	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;
}

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

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

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

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

.swiper-sidebar .swiper-slide {
	padding: 24px 0px 24px 0px;
	
}

.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: left !important;
	height: auto !important;
	width: 100% !important;
}

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

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

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

::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;
}

.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: #ee2d34 !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: left;
	width: auto;
}

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

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	border: 1px solid #ee2d34;
    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: #ee2d34;
}

.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 {
	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: left;
}

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

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

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

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

.dashboard {
	padding-top: 22px;
}

.dashboard li {
	list-style: none;
}

.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: left !important;
	width: 100% !important;
}

.product .price {
	color: #ee2d34 !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: left;
	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: 20px !important;
}

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

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

.job_listings {
	margin-top: 2px;
}

.job_filters .job_types li {
	border-right: 0px;
	color: #ee2d34 !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: #ee2d34;
}

.single_job_listing .company {
	box-shadow: 0px 0px 0px #000000;
	float: left;
	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: left;
	width: 100%;
}

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

.resume-manager-resumes {
	float: left;
	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 {
	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: left;
}

.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-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-top: 10px;
}

.woocommerce-MyAccount-content .edit {
	color: #ee2d34;
	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: 0px 0px 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: left;
	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;
}

.single_job_listing.six-columns {
	margin-top: 16px;
}

.job-manager-message.job-manager-message {
	border: 0px;
	border-top-color: transparent;
	box-shadow: 0px 0px 0px #000000;
	float: left;
	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;
}

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

footer {
	float: left;
	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: left;
	width: 50%;
}

footer span {
	display: block;
}

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

.mobile-social {
	display: none;
}