/*
Theme Name:     Atkins2025
Theme URI:      http: //theatkinsgroupllc.com
Description:    TAG custom theme - child theme for TwentyTwenty
Author:         Nikki Blight
Author URI:     http: //nlb-creations.com
Template:       twentytwenty
Version:        1.0
*/

@font-face {
    font-family: 'AlbraLight';
    src: url('inc/fonts/albra-light/Albra-Light.woff2') format('woff2)'),
        url('inc/fonts/albra-light/Albra-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	letter-spacing: -3%;
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('inc/fonts/helvetica-neue-light/helveticaneuelight.woff2') format('woff2)'),
        url('inc/fonts/helvetica-neue-light/helveticaneuelight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	letter-spacing: -3%;
}

@font-face {
    font-family: 'SpaceMono';
    src: url('inc/fonts/space-mono/spacemono-regular-webfont.woff2') format('woff2)'),
        url('inc/fonts/space-mono/spacemono-regular-webfont.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	letter-spacing: -3%;
}

body {
	background: #ffffff;
	color: #000000;
	font-family: HelveticaNeueLight, helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 38px;
	padding: 0px 0px 0px 0px !important;	
	/* Ensures the body takes at least the full viewport height so footer sticks to bottom */
	display: flex; 
	flex-direction: column;
	min-height: 100vh; 
}

body.admin-bar #site-header {
        top: 32px; /* Adjust this value based on the admin bar height */
    }

main {
	flex: 1 0 auto; /* Allows the main content to expand and push the footer down */
	padding: 0px !important;	
}

.error404 main#site-content,
.search-results main#site-content {
	padding-top: 200px !important;
}

footer {
	padding: 0px 20px 0px 20px !important;		
}

/* Dark and light color switches */

.mobile-menu a {
	color: #000000 !important;
}

body.light
body.light.singular .entry-header {
	background: #ffffff !important;
	color: #000000 !important;
}

body.dark,
body.dark.singular .entry-header {
	background: #000000 !important;
	color: #ffffff !important;
}

body.light a,
body.light .header-footer-group,
body.light.singular .entry-header {
	color: #000000 !important;
}

body.light #wpadminbar a {
	color: #ffffff !important;
}

body.light .primary-menu ul a {
	color: #ffffff !important;
}

body.dark a,
body.dark .header-footer-group,
body.dark:not(.overlay-header) #site-header .toggle,
body.dark.singular .entry-header {
	color: #ffffff;
}

body:not(.overlay-header) .primary-menu > li {
    margin: 0.8rem 5rem 0 0rem;
}

body:not(.overlay-header) .primary-menu > li > a {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1px;
}

body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .nav-icon {
	color: #ffffff;
}

body.light:not(.overlay-header) .primary-menu > li > a,
body.light:not(.overlay-header) .primary-menu > li > .nav-icon {
	color: #000000;
}

.toggle {
	color: #000000;
}

.primary-menu ul {
	background-color: #333333;
}

.primary-menu ul::after {
	border-bottom-color: #333333;
}

.primary-menu .nav-icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: none;
	width: 1.3rem;
}

.primary-menu .nav-icon::before,
.primary-menu .nav-icon::after {
	display: block;
	background: none;
	position: absolute;
	/*bottom: calc(50% - 0.1rem);*/
	bottom: 50%;
	left: 0;
}

.primary-menu .nav-icon::before {
	height: 0.9rem;
	width: 0.2rem;
}

.primary-menu .nav-icon::after {
	height: 0.2rem;
	width: 0.9rem;
}

.primary-menu > li > .nav-icon {
	right: -0.5rem;
	top: calc(45% - 0rem);
}

.primary-menu ul li.menu-item-has-children .nav-icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}

.primary-menu .sub-menu a {
	font-size: 15px;
}

/* //Dark and light color switches */


/** Override widths from parent **/
.padded-content {
	padding-left: 40px !important;
	padding-right: 40px !important;	
}

body.front main {
	padding: 0px !important;
}

h2 {
	margin: 0px 0px 5px 0px !important;
	line-height: 1 !important;
}

.header-inner {
	max-width: 100% !important;
	padding: 20px 20px 20px 20px !important;
}

.section-inner {
  max-width: 100% !important;
  width: 100% !important;
}

.post-inner {
	padding-top: 50px !important;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100% !important;
	width: 100% !important;
}

.full-width-block {
	width: 100%;
	padding: 0px 40px 0px 40px;
}

.full-width-block-unpadded {
	width: 100%;
	padding: 0px;
}

/** //Override widths from parent **/
#site-header {
	font-size: 90px; 
	position: fixed; /* Fixed position - sit on top of the page */
	top: 0;
	width: 100%; /* Full width */
	transition: 0.4s; /* Add a transition effect (when scrolling - and font size is decreased) */
	z-index: 95;
}

#site-header,
.footer-nav-widgets-wrapper,
#site-footer {
	background: none;
}


body.home #site-header {
	opacity: 1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.entry-content {
	font-family: HelveticaNeueLight, sans-serif;
	font-size: 20px;
}

.helvneue,
#site-content h1,
#site-content h2,
#site-content h3,
#site-content h4,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	font-family: HelveticaNeueLight, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
}

.albra {
	font-family: AlbraLight, sans-serif;
	text-transform: uppercase;
}

.space {
	font-family: SpaceMono, sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 100 !important;
}

.space-lower {
	font-family: SpaceMono, sans-serif !important;
	text-transform: capitalized !important;
	font-weight: 100 !important;
}

.redtext {
	color: #ed1c24;
}

.yellowtext {
	color: #FFEF0E;
}

.bluetext {
	color: #0095da;
}

body.light .yellowtext {
	color: #000000;
}

.smalltext {
	font-size: 20px !important;
}

.mediumtext {
	font-size: 15px !important;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize !important;
	letter-spacing: 0px;
}

/** Buttons */

.button a,
.button a:hover,
.button a:focus,
.menu-button a,
.menu-button a:hover,
.menu-button a:focus {
	text-decoration: none !important;
}

body.light div.button.red,
body.light div.button.yellow,
body.light div.button.white,
body.light div.button.gray,
body.light .menu-button.red,
body.light .menu-button.yellow {
	border: 2px solid #000000 !important;
}

div.button,
input.button {
  border-radius: 10px !important;
  text-align: center !important;
  padding: 5px 40px 5px 40px !important;
  text-decoration: none !important;
}

.menu-button {
  border-radius: 12px !important;
  text-align: center !important;
  padding: 2px 20px 2px 20px !important;
  text-decoration: none !important;
  margin-top: 4px !important;
}

div.button.red,
.menu-button.red,
input.button.red {
	background-color: #ed1c24 !important;
	border: 2px solid #ed1c24 !important;
	color: #ffffff !important;
}

.menu-button.red,
.menu-button.yellow,
.menu-button.blue {
	width: 200px;
	height: 37px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.button.red a,
.menu-button.red a {
	color: #ffffff !important;
}

div.button.red:hover,
li.menu-button.red:hover,
input.button.red:hover {
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
	color: #ed1c24 !important;
}
div.button.red:hover > a,
li.menu-button.red:hover > a {
	color: #ed1c24 !important;
}

.footer-social.red a {
	background-color: #ed1c24 !important;
	color: #ffffff !important;
}

div.button.yellow,
.menu-button.yellow,
input.button.yellow {
	background-color: #FFEF0E !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
}

.button.yellow a,
.menu-button.yellow a {
	color: #000000 !important;
}

div.button.yellow:hover,
li.menu-button.yellow:hover,
input.button.yellow:hover {
	background-color: #ffffff !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
}

div.button.yellow:hover > a,
li.menu-button.yellow:hover > a {
	color: #000000 !important;
}

.footer-social.yellow a {
	background-color: #FFEF0E !important;
	color: #000000 !important;
}

div.button.blue,
.menu-button.blue,
input.button.blue {
	background-color: #0095da !important;
	border: 2px solid #000000 !important;
	color: #ffffff !important;
}

.button.blue a,
.menu-button.blue a {
	color: #ffffff !important;
}

div.button.blue:hover,
li.menu-button.blue:hover,
input.button.blue:hover {
	background-color: #ffffff !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
}

div.button.blue:hover > a,
li.menu-button.blue:hover > a {
	color: #000000 !important;
}

.footer-social.blue a {
	background-color: #0095da !important;
	color: #000000 !important;
}

div.button.blackyellow,
.menu-button.blackyellow,
input.button.blackyellow {
	background-color: #000000 !important;
	border: 2px solid #FFEF0E !important;
	color: #ffffff !important;
}

.button.blackyellow a,
.menu-button.blackyellow a {
	color: #ffffff !important;
}

div.button.blackyellow:hover,
li.menu-button.blackyellow:hover,
input.button.blackyellow:hover {
	background-color: #FFEF0E !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
}

div.button.blackyellow:hover > a,
li.menu-button.blackyellow:hover > a {
	color: #000000 !important;
}

div.button.blackred,
.menu-button.blackred,
input.button.blackred {
	background-color: #000000 !important;
	border: 2px solid #ed1c24 !important;
	color: #ffffff !important;
}

.button.blackred a,
.menu-button.blackred a {
	color: #ffffff !important;
}

div.button.blackred:hover,
li.menu-button.blackred:hover,
input.button.blackred:hover {
	background-color: #ed1c24 !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
}

div.button.blackred:hover > a,
li.menu-button.blackred:hover > a {
	color: #000000 !important;
}

div.button.gray {
	background-color: #232929 !important;
	border: 2px solid #232929 !important;
	color: #ffffff !important;
}

.button.gray a,
.menu-button.gray a,
input.button.gray {
	color: #ffffff !important;
}

div.button.black {
	background-color: #000000 !important;
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
}

.button.black a,
.menu-button.black a,
input.button.black {
	color: #ffffff !important;
}

div.button.white,
input.button.white {
	background-color: #ffffff !important;
	border: 2px solid #ffffff !important;
	color: #000000 !important;
}

div.button.white:hover,
li.menu-button.white:hover,
input.button.white:hover {
	background-color: #232929 !important;
	border: 2px solid #232929 !important;
	color: #ffffff !important;
}

div.button.white:hover > a,
li.menu-button.white:hover > a {
	color: #ffffff !important;
}

.button.white a,
.menu-button.white a {
	color: #000000 !important;
}

.tax-pages.pagination-wrapper {
	width: 90%;
}

div.button.no-hover {
	cursor: default;
	pointer-events: none; 
}
/* //Buttons */

/* Front Slider */
#slider-container {
	max-height: 950px;
	overflow: hidden;
	position: relative;
}

.slick-slide img {
   object-fit: cover;
}

#slider-overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    margin-left: 40px;
    line-height: 1;
    z-index: 89;
    display: flex;
  	flex-direction: column;
  	justify-content: flex-end;
}

#slider-overlay .overlay-content {
	position: relative;
    text-align: left;
    margin-bottom: 50px;
}

#slider-overlay .overlay-content span.top-block {
	margin-bottom: 0px;
}

#slider-overlay .overlay-content div.lower-block {
	margin-top: 20px !important;
}

.slider-text-small {
	font-size: 20px;
	/* font-size: calc(1rem + 0.8vw); */
	display: block;
}

.slider-text-large {
	font-size: calc(1rem + 3vw);
	/*line-height: 62px;*/
	display: block;
}

#slider-overlay .button {
	font-size: 20px;
	width: 250px;
}

/* //Front Slider */

/* Front Page Blocks */
.main-intro h1 {
	margin: 0px;
	font-size: calc(1rem + 3vw);
}

#stats {
	margin-top: 100px;
	margin-bottom: 50px;
}

.stat-block {
	height: 300px;
	border: 1px solid #ffffff;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 20px;
}

.stat-block .stat-main {
	font-size: 55px;
	line-height: 64px;
	margin: 20px 30px 0px 30px;
}

.stat-block .stat-meta {
	font-size: 20px;
	font-weight: 400;
	margin: 40px 0px 20px 30px;
}

body.front .stat-block:hover {
	background-color: #ed1c24;
}


#fronttabs .explore-menu {
	border-bottom: 1px solid #4a4a4a !important;
	margin: 0px 40px 20px 40px !important;
}

.explore-menu {
	border-bottom: 1px solid #4a4a4a !important;
	margin: 0px 0px 20px 0px !important;
}

.sections-services .explore-tab,
#fronttabs .explore-tab {
	position: relative;
}

.explore-text {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    margin-left: 40px;
    line-height: 1;
    z-index: 89;
    display: flex;
  	flex-direction: column;
  	justify-content: flex-end;
}

.explore-text .overlay-content {
	position: relative;
    text-align: left;
    margin-bottom: 40px;
}

.explore-title {
	text-transform: uppercase;
	font-size: calc(1rem + 2vw);
	font-family: HelveticaNeueLight, Helvetica, sans-serif;
	font-weight: 100;
	margin-bottom: 5px;
}

.explore-button {
	padding: 5px 10px 5px 10px !important;
	width: 250px;
	font-size: 20px;
}

.ui-tabs .ui-tabs-panel {
	padding: 0px !important;
}

#fronttabs ul.explore-menu li.active {
	border-bottom: 1px solid #B0B0B0;
	background: none;
	font-weight: normal;
	color: #BABABA;
}

.logos-block {
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	font-size: 20px;
}

/* logo gallery overrides */
.logos-gallery {
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: center;
}

.logos-gallery .logos-container {
  background-color: #000000;
  border: none;
}

.logos-gallery .logos-container .logos-rows {
  background-color: #000000;
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.logos-gallery .logos-container .logos-rows div {
  background-color: #000000;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.logos-gallery .logos-container .logos-rows div:hover {
  background-color: #ed1c24;
}

.logos-gallery .logos-container .logos-rows div img {
  width: 75%;
  height: auto;
}

/* end logo gallery overrides */

.logos-container {
	background-color: #ed1c24;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 95px 0px 95px 0px;
}

.logos div {
	width: 10%;
	display: flex;
	align-items: center;
}
.logos div img {
	max-height: 75px;	
}

#front-services {
	margin-top: 100px;
}

.services-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
}

.services-container .block-description,
.leasing-block .block-description {
	padding-bottom: 30px;
}

.services-photo,
.services-photo-right {
	margin-bottom: 30px;
}

.services-photo img {
	max-height: 800px;
}

.services-photo-right img {
	max-height: 800px;
	float: right;
}

.services-links ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.services-links ul li {
	border-bottom: 1px solid #a4a4a4;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-transform: uppercase;
}

.services-links ul li:first-child {
	border-top: 1px solid #a4a4a4;
}

.services-links.listing-overview ul li {
	border-bottom: 1px solid #525252;
	font-size: calc(1rem + 1.5vw);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.services-links.listing-overview ul li:first-child {
	border-top: 1px solid #525252;
}

.services-links.listing-overview ul li span.listing-label {
	color: #a4a4a4;
}

.services-links ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: calc(1rem + 1vw);
}

.arrow-transform {
	transform: scale(1.5,1);
	float: right;
	margin-top: 12px;
  	margin-right: 5px;
  	font-size: calc(1rem + 1vw);
}

.arrow-black {
  background-image: url('img/Arrow-Black.png');
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  width: 55px;
  height: 15px;
}

.arrow-white {
  background-image: url('img/Arrow.png');
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  width:55px;
  height: 15px;
}

.polygon-crop img {
	clip-path: inset(0% 25% 0% 25%);
}

.leasing-block .metainfo {
	background-color: #ffffff
}

.leasing-block .metainfo {
	color: #000000 !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	border-top: 1px solid #000000;
}

.leasing-block .metainfo .space {
	text-transform: capitalize;
	font-size: calc(0.3rem + 1vh);
	color: #737373;
}

.leasing-block .metainfo .fa-arrow-right {
	transform: scale(1.5,1);
	float: right;
	margin-top: -36px;
	margin-right: 10px;
}

/* /Front Page Blocks */

/* Internal Pages */

.archive-header,
.archive-header-inner {
	background-color: #000000;
}

.search-results article,
.nav-links {
	padding: 20px;
}

.page-intro-text-small {
	font-size: 20px;
	font-size: calc(1rem + 0.7vw);
	display: block;
}
 
.entry-content.push-down {
 	margin-top: 200px;
 	margin-bottom: 50px;
}
 
.entry-content.push-down-short {
 	margin-top: 100px;
 	margin-bottom: 100px;
}
 
.subpage-title {
 	margin-top: 50px;
}
 
.subpage-title h1 {
 	margin: 0px;
}

.block-header-small {
	margin: 3.5rem 0 2rem;
}

.services-container-subpage {
	justify-content: center;
	margin-bottom: 30px;
}

.services-container-subpage .services-links ul li a {
	font-size: calc(1rem + 2vw);
}

#services-accordion h3:first-child,
#services-accordion-alt h3:first-child {
	border-top: 1px solid #a4a4a4;
}

#services-accordion h3,
#services-accordion-alt h3 {
	border-bottom: 1px solid #a4a4a4;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: calc(1rem + 2vw);
}

#services-accordion-alt h3 {
	font-family: SpaceMono, sans-serif;
	font-size: 20px;
	color: #5e5e5e;
}

#services-accordion div.ui-widget-content,
#services-accordion-alt div.ui-widget-content {
	line-height: 40px;
	padding-left: 0px;
	padding-right: 0px;
}

.ui-widget {
	font-family: HelveticaNeueLight, helvetica, sans-serif !important;
}

.ui-accordion .ui-accordion-header .ui-icon { 
	position: absolute; 
	left: 100%; 
	margin-left: -30px; 
	top: 50%; 
	margin-top: -8px; 
}
.accordion-block .tag-plus-icon-closed,
.accordion-block .ui-state-hover .tag-plus-icon-closed {
  background: url('img/plus-icon.png') no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.accordion-block .ui-state-active .ui-icon.tag-minus-icon-open {
  background: url('img/minus-icon.png') no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.bigbold {
	font-size: 25px;
	display: block;
	font-size: calc(1rem + 2vw);
	text-transform: uppercase;
}

.success-stories {
	padding-bottom: 50px;
}

.success-stories .meta-bar,
.building-box .meta-bar {
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
	border-top: 1px solid #000000;
}

.services-meta-block {
	background-color: #FFEF0E;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 50px 0px 50px 0px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.services-meta-block div.button.white {
	border-radius: 14px !important;
	width: 300px;
	padding: 5px 5px 5px 5px !important;
}

.services-meta-block div.button.white a {
	display: flex;
	justify-content: space-between;
}

.services-meta-block .arrow-transform {
	margin-top: 2px;
	font-size: inherit;	
}

.media-submenu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 30px;
}

.gmw-element-template:not(.gmw-blocks-element) .gmw-form {
	padding: 0px 0px !important;
}

.available-spaces .flex-row.listing-row {
	justify-content: flex-start;
	margin-right: 20px;
}

.available-spaces .flex-row .flex-two {
	margin-bottom: 0px;
	width: 50%;
}

.available-spaces .listing-box {
	border: 1px solid #000000;
	display: flex;
	flex-direction: row;
	width: 100%;
	color: #000000;
}

.available-spaces .listing-box a {
	color: #000000;
	text-decoration: none;
}

.available-spaces .listing-box .meta-bar {
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 10px;
}

.available-spaces .listing-meta {
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;
}

.listing-building-name {
	color: #808080;
	text-transform: uppercase;
	font-size: 15px;
}

.listing-info-label {
	color: #808080;
}

article.success-story .subpage-title {
	margin-top: 0px;
}

/* /Internal Pages */

/* Staff Content */
.flex-row.staff-page-flex {
	justify-content: flex-start;
}

.flex-row .flex-two.staff-page-name-photo {
	margin-bottom: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.flex-row .flex-two.staff-page-name-photo div {
	width: 45%;
}

.flex-row .flex-two.staff-page-name-photo h1 {
	text-align: right;
	margin-bottom: 50px;
}

.flex-row .flex-two.staff-page-bio {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-row .flex-two.staff-page-bio .staff-page-title {
	font-size: 2em;
}

#about-page-staff-block .staff-member-listing {
	justify-content: space-between;
}

.staff-tab-block .staff-member-listing {
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px; /* Vertical spacing between lines */
    column-gap: 4%;
    justify-content: space-between;
    flex-flow: row wrap
}

.staff-member-listing::after {
	content: "";
	flex: auto;
}

#about-page-staff-block .staff-member-listing::after {
	content: none;
}

#about-page-staff-block .staff-member-listing .staff-member,
.staff-tab-block .staff-member-listing .staff-member {
  text-align: center;
  margin: 10px 0px 10px 0px;
  flex-grow: 0;
}

.staff-tab-block .staff-member-listing .staff-member {
	/*width: 	calc(100% * (1/5) - 10px - 1px);*/
	width: 22%;
	padding: 0px;
	padding-right: auto; /* Pushes subsequent items to the right, creating even spacing */
}

#about-page-staff-block .staff-member-listing .staff-member img,
.staff-tab-block .staff-member-listing .staff-member img,
.flex-row .flex-two.staff-page-name-photo img {
	margin-left: auto;
	margin-right: auto;
	filter: grayscale(100%);
}

#about-page-staff-block .staff-member-listing .staff-member img:hover,
.staff-tab-block .staff-member-listing .staff-member img:hover,
.flex-row .flex-two.staff-page-name-photo img:hover {
	filter: none;
}

#about-page-staff-block .staff-member-listing .staff-member-info-wrap {
	text-align: left;
	margin-top: 5px;
}

.staff-tab-block .staff-member-listing .staff-member-info-wrap {
	text-align: left;
	margin-top: 0px;
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
}

#about-page-staff-block .staff-member-listing .staff-member-info-wrap .staff-member-name {
	border-bottom: 1px solid #ffffff;	
}

.staff-tab-block .staff-member-listing .staff-member-info-wrap .staff-member-name {
	font-size: 25px;
	font-weight: bold;
}

.staff-tab-block .staff-member-listing .staff-member-info-wrap .staff-member-position {
	font-family: SpaceMono;
	text-transform: uppercase;
	font-style: normal !important;
}

#about-page-staff-block .staff-member-listing .staff-member-info-wrap .staff-member-excerpt {
	font-size: 12px;
}

#about-page-staff-block .staff-member-listing .staff-member-info-wrap .staff-member-learn-more-link {
	font-size: 15px;
	text-transform: uppercase;
}

#about-page-staff-block .staff-member-listing .staff-member-info-wrap .staff-member-learn-more-link:hover {
	text-decoration: underline dotted;
}

div.staff-group {
	border-radius: 15px;
	background-color: #000000 !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	font-family: SpaceMono;
	font-size: 15px;
	padding: 4px 10px;
	display: inline-block;
	min-width: 200px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

/* /Staff Content */

/* Timeline */

.bold_timeline_item_header {
	padding: 0px !important;
}

.timeline-photo:nth-child(even) { /* right side */
	margin-top: -365px !important;
}

.timeline-photo:nth-child(odd) .bold_timeline_item_text_inner { /* left side */
	text-align: right;
}

.timeline-photo:nth-child(odd) .bold_timeline_item_text_inner img { /* left side */
	display: inline;
}

.timeline-photo img {
	padding: 0px;
	margin: 0px;
}

.bold_timeline_item_marker,
.timeline-photo .bold_timeline_item_connection {
	display: none !important;
}

.last-timeline-group .bold_timeline_item_connection {
	margin-top: -28px;	
}

.last-timeline-group .timeline-text .bold_timeline_item_inner {
	position: relative;
	top: -35px;
}

.bold_timeline_container_line_position_vertical .bold_timeline_group.last-timeline-group .bold_timeline_group_header,
.last-timeline-group .bold_timeline_group_header {
	margin-bottom: 5em;
}

.timeline-text:nth-child(odd) { /* left side */
	text-align: right !important;
}

.timeline-right-text:nth-child(even) { /* right side */
	text-align: left !important;
}

.timeline-text .bold_timeline_item_text_inner {
	min-height: 265px;
}

.bold_timeline_group_header_title {
	font-size: calc(1rem + 2vw) !important;
}

/* /Timeline */

/* Contact Forms */

.section-contact-form {
	margin-top: 100px;
	margin-bottom: 50px;
}

.section-contact-form .padded-content {
	padding: 0px !important;
}

.section-contact-form img {
	filter: grayscale(100%);
}

.section-contact-form img:hover {
	filter: none;
}

.section-contact-form h2 {
	margin-top: 0px;
}

.section-contact-form p {
	margin: 0px;
}

.section-contact-form table,
.section-contact-form table td {
	border: none;
}

body.dark .section-contact-form input {
	background-color: #000000;
	color: #bfbfbf;
	border-bottom: 1px solid #ffffff;
	border-top: none;
	border-left: none;
	border-right: none;
	font-family: SpaceMono;
} 

body.dark .section-contact-form textarea {
	background-color: #000000;
	color: #bfbfbf;
	border: none;
	font-family: SpaceMono;
}

body.dark .section-contact-form input[type='checkbox']:checked:after {
	content: '\2713'; /* Create a checkmark we can alter the color of */
	color: #ed1c24;
	position: relative;
	top: -3px;
}

body.dark .section-contact-form input[type='checkbox']{
	line-height: normal;
	text-align: center;
	/*appearance:none;*/
	border: 1px solid rgb(255 255 255 / 90%);
}

body.dark .section-contact-form input[type="checkbox"]:checked::before {
	transform: scale(0); /* hide the original checkmark */
}

.contact-section-header {
	font-size: 1.2em;
	margin-bottom: 20px;
	margin-top: 20px;
}

body.dark .section-contact-form .wpcf7-list-item-label {
	color: #bfbfbf;
}

body.dark .section-contact-form .wpcf7-list-item {
	border-bottom: 1px solid #ffffff;
	padding: 0px 5px 10px 5px;
}

body.dark .section-contact-form .wpcf7-list-item.first {
	margin-left: 0px;	
}

.section-contact-form .portrait-block {
	width: 50%;
}

.section-contact-form .portrait-block div.space {
	line-height: 10px;
}

.section-contact-form .portrait-block img {
	margin-bottom: 15px;
}

.section-contact-form .short-flex-two {
	display: flex;
	align-items: end;
	flex-direction: column;
}

.section-contact-form .started-contact table {
	margin-top: 0px;
}

.contact-select {
	border: 1px solid #808080 !important;
	background-color: #000000;
	color: #ffffff;
	background-image: linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%),linear-gradient(to right,#000000,#111111);
	border-radius: 0px;
	display: inline-block;
	box-sizing: border-box;
	background-position: calc(100% - 20px) calc(100% - 17px),calc(100% - 15px) calc(100% - 17px),100% 0;
	background-size: 6px 6px,5px 6px,45px 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: bottom;
	font: inherit;
	appearance: none;
	padding: 10px 50px 10px 14px;
	font-size: 14px;
	line-height: 1.7;
	height: 46px;
	width: 100%;
	max-width: 100%;
	text-align: left;
}

#full-screen-contact {
	display: block;
}

#mobile-contact {
	display: none;
}

/* /Contact Forms */

/* Footer */
.footer-banner {
	margin: 0px;
	width: 100%;
	padding: 40px 40px 0px 40px;
}

body.dark .footer-banner {
	border-top: 1px solid #ffffff;
}

body.light .footer-banner {
	border-top: 1px solid #000000;
}

.footer-widgets-outer-wrapper {
	padding: 0px;
	overflow-x: hidden;
}

.footer-widgets-wrapper {
	margin: 0px !important;
}

.footer-widgets {
	padding: 40px;
}

.footer-widgets.column-one,
.footer-widgets.column-two,
.footer-widgets.column-three {
	border-right: 1px solid #ffffff;
	width: 20%;
	margin: 0px;
}

body.light .footer-widgets.column-one,
body.light .footer-widgets.column-two,
body.light .footer-widgets.column-three {
	border-right: 1px solid #000000;
}

body.light .footer-top {
	border-bottom: 1px solid #000000;
}

.footer-widgets.column-four {
	margin: 0px;
}

.footer-widgets h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 4%;
}

.footer-widgets .textwidget  {
	line-height: 20px;
}

.widget_nav_menu a {
	font-weight: 200;
	font-size: 18px;
}

.footer-social-wrapper{
	margin-top: 40px;	
}

.footer-banner.column-five h2 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
}

.footer-banner.column-five span {
	font-size: calc(1rem + 3vw);
}

.footer-banner .custom-html-widget {
	display: flex;
	align-content: center;
	justify-content: space-between;
}

.footer-banner .custom-html-widget .button {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.footer-bottom .footer-banner {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}

.footer-bottom .footer-banner,
.footer-bottom .footer-banner a,
.footer-bottom .footer-banner a:hover {
	text-decoration: none;
	font-size: 16px;
}

.footer-social a {
  background-color: #ed1c24;
}

.footer-meta {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

/* /Footer */

/* Flex Blocks */
.vert-center {
	align-items: center;
}

.flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.flex-row-spaced {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-row-spaced.flex-spaced-fix {
	row-gap: 15px;
	flex-flow: row wrap;
}

.flex-row-spaced.flex-spaced-fix::after { /* Aligns the last row left where needed */
	content: "";
	flex: auto;
}

.flex-row-spaced.fix-three {
	column-gap: 2%;
}

.flex-row-spaced.fix-four {
	column-gap: 1.25%;
}

.flex-row .flex-two,
.flex-row-spaced .flex-two {
	width: 47%;
	margin-bottom: 20px;
}

.flex-row .flex-two-close,
.flex-row-spaced .flex-two-close {
	width: 49%;
	margin-bottom: 20px;
}

.flex-row .long-flex-two,
.flex-row-spaced .long-flex-two {
	width: 55%;
	margin-bottom: 20px;
}

.flex-row .short-flex-two,
.flex-row-spaced .short-flex-two {
	width: 40%;
	margin-bottom: 20px;
}

.flex-row .flex-three,
.flex-row-spaced .flex-three {
	width: 32%;
	margin-bottom: 20px;
}

.flex-row .flex-four,
.flex-row-spaced .flex-four {
	width: 24%;
	margin-bottom: 20px;
}

.flex-table {
  display: flex;
  flex-wrap: wrap;
}

.flex-column {
  display: flex;
  flex-direction: column;
  flex: auto; /* Distribute columns equally */
  flex-wrap: wrap;
}

.flex-table .flex-column:first-child {
	max-width: 35%;
}

.flex-cell {
  padding: 10px 0px 10px 0px;
  border: none;
}

.rowspan-cell {
  min-height: 100%;
}

body.dark .flex-table-header {
	color: #888888;
	font-weight: 400;
	font-family: SpaceMono, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}

/* /Flex Blocks */

/* Fancybox */

#fancybox-content svg,
#fancybox-content img,
#fancybox-content embed,
#fancybox-content object {
	width: 100%;
	height: 100%;
}

/* Header sizing on smaller screens before mobile breakpoint */
@media (max-width: 1800px) {
	#logo-image {
		max-width: 575px;
		height: auto;
	}
	
	.menu-button.red {
		width: 145px;
		border-radius: 10px !important;
		height: 30px;
	}
	
	.primary-menu .nav-icon::before {
	  height: 0.8rem;
	  width: 0.2rem;
	}
	
}

@media (max-width: 1500px) {
	body:not(.overlay-header) .primary-menu > li {
		margin: 0.6rem 3rem 0 0rem
	}
	
	#logo-image {
		max-width: 400px;
		height: auto;
	}
	
	.menu-button.red {
		width: 150px;
		border-radius: 10px !important;
		height: 30px;
	}	
}

@media (max-width: 1200px) {
	body:not(.overlay-header) .primary-menu > li {
		margin: 0.8rem 3rem 0 0rem
	}
	
	#logo-image {
		max-width: 225px;
		height: auto;
	}
	
	body:not(.overlay-header) .primary-menu > li > a,
	.primary-menu .sub-menu a {
		font-size: 13px;
	}
	
	.menu-button.red {
		width: 150px;
		height: 26px;
		border-radius: 10px !important;
	}
	
	.primary-menu .nav-icon::before {
	  height: 0.7rem;
	  width: 0.2rem;
	}
	
	.stat-block .stat-main {
		font-size: calc(1rem + 2vw);
		line-height: calc(1rem + 2vw);
		margin: 20px 30px 0px 30px;
	}

	.stat-block .stat-meta {
		font-size: calc(0.5rem + 1vw);
		line-height: calc(0.5rem + 1vw);
		font-weight: 400;
		margin: 40px 0px 20px 30px;
	}
	
}

/* Mobile breakpoint */
@media (max-width: 768px) {
	.toggle-inner .toggle-text {
		text-indent: -999px;
	}
	
	.menu-bottom .social-icons a {
		background: #ed1c24;
	}
	
	.flex-row .flex-two,
	.flex-row-spaced .flex-two,
	.flex-row-spaced .short-flex-two,
	.flex-row-spaced .long-flex-two,
	.flex-row .flex-two-close,
	.flex-row-spaced .flex-two-close,
	.flex-row .short-flex-two,
	.flex-row .long-flex-two,
	.flex-row .flex-three,
	.flex-row-spaced .flex-three,
	.flex-row .flex-four,
	.flex-row-spaced .flex-four,
	.footer-banner .custom-html-widget div,
	.footer-widgets.column-one,
	.footer-widgets.column-two,
	.footer-widgets.column-three,
	.footer-widgets.column-four,
	#about-page-staff-block .staff-member-listing .staff-member,
	.staff-tab-block .staff-member-listing .staff-member {
		width: 100%;
	}
	
	.flex-row .flex-two.staff-page-name-photo,
	.flex-row .flex-two.staff-page-name-photo div,
	.available-spaces .flex-row .flex-two {
		width: 100%;
	}
	
	.flex-row .flex-two.staff-page-name-photo,
	.available-spaces .listing-box {
		flex-direction: column;
	}
	
	.flex-row .flex-two.staff-page-name-photo h1 {
		font-size: 2em;
	}
	
	.flex-row .flex-two.staff-page-bio .staff-page-title {
		font-size: 1.5em;
	}
	
	.flex-table .flex-column:first-child {
		min-width: 100%;
	}
	
	.logos-gallery .logos-container .logos-rows {
	  grid-template-columns: repeat(3, 1fr);
	  grid-column-gap: 10px;
	  grid-row-gap: 10px;
	}
	
	.logos-gallery .logos-container .logos-rows div {
		padding: 10px;
	}
	
	.logos-gallery .logos-container .logos-rows div img {
		width: 90%;
	}
	
	.footer-banner.column-six div {
		width: 45%;
	}
	
	.footer-widgets.column-one,
	.footer-widgets.column-two,
	.footer-widgets.column-three,
	.footer-widgets.column-four {
		border: none;
	}
	
	.explore-menu li {
		font-size: calc(1rem + 1vw);	
	}
	
	.explore-tabs.internal.ui-tabs ul.ui-tabs-nav {
		flex-wrap: wrap !important;
		justify-content: left;
	}
	
	.explore-tabs.internal.ui-tabs .ui-tabs-nav li {
		min-width: 90% !important;
	}
	
	.stat-block .stat-main {
		font-size: 45px;
		line-height: 45px;
		margin: 20px 30px 0px 30px;
	}
	
	.stat-block .stat-meta {
		font-size: 20px;
		font-weight: 400;
		margin: 40px 0px 20px 30px;
		line-height: 20px;
	}
	
	#slider-overlay .overlay-content {
		margin-bottom: 25px;
	}
	
	#slider-overlay .overlay-content .button,
	div.button,
	input.button {
		font-size: 12px;
	}
	
	.entry-content.push-down {
		margin-top: 100px;
	}
	
	.smalltext {
		font-size: 12px !important;
	}
	
	.mediumtext {
		font-size: 15px !important;
	}
	
	.logos-container {
		padding: 50px 0px 50px 0px
	}
	
	.logos div {
		width: 27%;
	}
	
	.arrow-black,
	.arrow-white {
		width: 20px;
		height: 9px;
	}
	
	.flex-two.services-photo-right img,
	.section-contact-form .portrait-block,
	.short-flex-two.services-photo-right img {
		float: none;
		width: 100% !important;
	}
	
	.meta-bar .story-name {
		letter-spacing: 1px;
		font-size: 0.7em;
	}
	
	.meta-bar .story-meta {
		letter-spacing: -1px;
		font-size: 0.7em !important;
		line-height: 20px;
	}
	
	.gmw-item-content a.spaces-link .spaces-item .spaces-name {
		font-size: 20px !important;
	}
	
	.gmw-item-content a.spaces-link .spaces-item .spaces-location.listing-building-name,
	.gmw-item-content a.spaces-link .spaces-item .spaces-space-header.listing-building-name {
		font-size: 13px;
		letter-spacing: -1px;
	}
	
	#staff-nav .explore-menu {
		display: none !important;
	}
	
	.media-submenu {
		font-size: 15px;
	}
	
	.wpcf7-checkbox span.wpcf7-list-item {
		display: block;
	}
	
	.wpcf7-checkbox span.wpcf7-list-item.first {
		margin: 0 0 0 1em !important;
	}
	
	body.dark .section-contact-form .wpcf7-list-item {
		padding: 0px 5px 2px 5px;
	}
	
	.responsive-table,
	.responsive-table thead,
	.responsive-table tbody,
	.responsive-table th,
	.responsive-table td,
	.responsive-table tr {
	  display: block; /* Make all table elements behave like block-level divs */
	}
	
	.responsive-table thead {
	  display: none; /* Hide the table header on small screens */
	}
	
	.responsive-table tr {
	  margin-bottom: 15px; /* Add spacing between rows */
	}
	
	.responsive-table td {
	  border: none; /* Remove individual cell borders */
	  position: relative;
	}
	
	.responsive-table td::before {
	  content: attr(data-label); /* Use data-label attribute for content */
	  position: absolute;
	  left: 6px;
	  width: 45%;
	  padding-right: 10px;
	  white-space: nowrap;
	  text-align: left;
	  font-weight: bold;
	}

}