@charset "UTF-8";
/*!
Theme Name: Sequoia Talent
Author: James Rice
Version: 1.0.0
Text Domain: sequoiatalent
Template:     sequoiacap
*/
.header__container {
  flex-direction: row-reverse;
}

.header {
  position: static !important;
}

.home .header {
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .header__nav {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}
/*
.menu-item-28 {
	>a {
		&:after {
			content: none !important;
		}
	}
}*/
.sub-menu li:not(.current-menu-item) a:after {
  content: none !important;
  display: none !important;
}

.atlas-unica {
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}

.atlas-text-container {
  max-width: 665px;
}

.atlas-heading-toobig {
  font-size: 104px;
  display: block;
  font-weight: 500;
  margin-bottom: 1rem;
  letter-spacing: -0.03em;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
@media (min-width: 768px) {
  .atlas-heading-toobig {
    font-size: 180px;
  }
}
@media (min-width: 1024px) {
  .atlas-heading-toobig {
    font-size: 220px;
  }
}
@media (min-width: 1440px) {
  .atlas-heading-toobig {
    font-size: 250px;
  }
}

.atlas-heading-xxl {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 24px;
  letter-spacing: -0.03em;
  position: relative;
  left: -0.07em;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
@media (min-width: 768px) {
  .atlas-heading-xxl {
    font-size: 48px;
  }
}
@media (min-width: 1024px) {
  .atlas-heading-xxl {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  .atlas-heading-xxl {
    font-size: 96px;
  }
}

.atlas-heading-xl {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 24px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
@media (min-width: 768px) {
  .atlas-heading-xl {
    font-size: 48px;
  }
}
@media (min-width: 1024px) {
  .atlas-heading-xl {
    font-size: 56px;
  }
}
@media (min-width: 1440px) {
  .atlas-heading-xl {
    font-size: 64px;
  }
}

.atlas-heading-lg {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 24px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
@media (min-width: 768px) {
  .atlas-heading-lg {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .atlas-heading-lg {
    font-size: 48px;
  }
}

.atlas-heading-md, .wysiwyg h2 {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 24px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}

.atlas-heading-sm {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 24px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}

.atlas-heading-xs, .wysiwyg h3 {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 24px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}

.atlas-heading-minicaps-sm {
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

p {
  margin-bottom: 24px;
  line-height: 1.5;
  font-family: Rosart, Georgia, Times New Roman, FZNewBaoSong, serif;
  font-weight: 400;
}

ol.ol {
  list-style: decimal;
  padding-left: 32px;
  margin-bottom: 40px;
}
ol.ol li {
  margin-bottom: 12px;
}

.pum-container,
.pum-container .pum-theme-default-theme .pum-title {
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif !important;
}

.wp-block-quote {
  max-width: none !important;
  text-align: left;
}

@media (max-width: 899px) {
  .nav-nap {
    display: none !important;
  }
}

/*
.menu-item-has-children{
	position: relative;
	//padding-bottom: 3rem;

	>.sub-menu{
		//border:1px solid black;
		transform: translateY(3.3rem);
		position: absolute;
		z-index: 99999;
		background-color:white;
		border-radius: 16px;
		padding:16px;
		left:-24px;
		display: none;
		column-gap: 32px;
		row-gap: 16px;
		grid-template-columns: repeat(5, 1fr);

		box-shadow: 0px 165px 66px rgba(0, 0, 0, 0.01), 0px 93px 56px rgba(0, 0, 0, 0.02), 0px 41px 41px rgba(0, 0, 0, 0.09), 0px 10px 23px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);



		li{

			a{
				display: block;
				padding:8px;
				font-size: 1.6rem;
			}
		}
	}

	&:hover, &:focus{
		>.sub-menu{
			@media(min-width:$lg) {
				display: grid;
			}
		}
	}
}*/
.atlas-stat {
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  margin: 12px 0;
}
.atlas-stat span {
  display: block;
}
.atlas-stat__figure {
  font-size: 72px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .atlas-stat__figure {
    font-size: 96px;
  }
}
@media (min-width: 1024px) {
  .atlas-stat__figure {
    font-size: 120px;
  }
}
.atlas-stat__caption {
  font-size: 20px;
  margin-bottom: 16px;
}
.atlas-stat__caption:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .atlas-stat__caption {
    font-size: 22px;
  }
}
.atlas-stat--md .atlas-stat__figure {
  font-size: 72px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .atlas-stat--md .atlas-stat__figure {
    font-size: 96px;
  }
}
@media (min-width: 1024px) {
  .atlas-stat--md .atlas-stat__figure {
    font-size: 104px;
  }
}
.atlas-stat--md .atlas-stat__caption {
  font-size: 20px;
  margin-bottom: 16px;
  max-width: 30ch;
}
.atlas-stat--md .atlas-stat__caption:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .atlas-stat--md .atlas-stat__caption {
    font-size: 22px;
  }
}
section {
  padding: 32px 0;
}
@media (min-width: 768px) {
  section {
    padding: 40px 0;
  }
}
@media (min-width: 1024px) {
  section {
    padding: 56px 0;
  }
}

body.logged-in section {
  /*&:after {
  	content: 'Section';
  	background-color: #666;
  	font-size: 10px;
  	text-transform: uppercase;
  	font-family: sans-serif;
  	padding: 3px;
  	color: white;
  	position: absolute;
  	top: 0;
  	right: 0;
  }*/
}

.atlas-container {
  max-width: 1400px;
  padding: 0;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .atlas-container {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}
.atlas-container .atlas-body-aside, .atlas-container .atlas-aside {
  margin-bottom: 64px;
}
@media (min-width: 1024px) {
  .atlas-container--body-right {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 120px;
  }
}
.atlas-container--body-right .atlas-body-text {
  grid-column: 2/span 1;
  grid-row: 1;
}
.atlas-container--body-right .atlas-body-aside {
  grid-column: 1/span 1;
  grid-row: 1;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .atlas-container--body-right-down {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: 18vw 1fr;
    column-gap: 120px;
    row-gap: 0;
  }
}
.atlas-container--body-right-down .atlas-body-text {
  grid-column: 2/span 1;
  grid-row: 2;
}
.atlas-container--body-right-down .atlas-body-aside {
  grid-column: 1/span 1;
  grid-row: 1;
}
@media (min-width: 1024px) {
  .atlas-container--body-left {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 120px;
  }
}
.atlas-container--body-left .atlas-body-text {
  grid-column: 1/span 1;
  grid-row: 1;
}
.atlas-container--body-left .atlas-body-aside {
  grid-column: 2/span 1;
  grid-row: 1;
}

.atlas-perspective-ol {
  margin: 50px 0;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
.atlas-perspective-ol:first-child {
  margin-top: 0;
}
.atlas-perspective-ol:last-child {
  margin-bottom: 0;
}
.atlas-perspective-ol li {
  border-top: 1px solid black;
  padding: 16px 0 16px 0;
  font-size: 24px;
}
@media (min-width: 768px) {
  .atlas-perspective-ol li {
    font-size: 28px;
  }
}
.atlas-perspective-ol li span {
  color: #A8A39E;
  display: inline-block;
  width: 1.4em;
}
.atlas-perspective-ol li a {
  display: flex;
  align-items: center;
}
.atlas-perspective-ol li svg {
  margin-left: auto;
  height: 24px;
  width: auto;
  position: relative;
  left: 0;
  transition: left 0.2s;
}
.atlas-perspective-ol li a:hover svg {
  left: 16px;
}
.atlas-perspective-ol--sm li {
  padding: 12px 0 12px 0;
  font-size: 16px;
}
.atlas-perspective-ol--sm li svg {
  margin-left: auto;
  height: 16px;
  width: auto;
}

.map-container .l-pillbox {
  gap: 10px;
  margin-bottom: 16px;
}
.map-container .pill--facet {
  padding: 0.5rem 1rem;
  font-size: 12px;
  background-color: rgba(27, 25, 23, 0.1);
  border: thin solid transparent;
  color: #1B1917;
}

body.sequoia-atlas .button {
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 17px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  body.sequoia-atlas .button {
    padding: 1.5rem 3.5rem;
  }
}
body.sequoia-atlas .button-set {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
body.sequoia-atlas .button-set .button {
  /*margin-right: 16px;

  &:last-child {
  	margin-right: 0;
  }*/
}
body.sequoia-atlas .gform_button {
  border: 0;
}

.atlas-footer {
  background-color: #007354;
  color: hsla(0, 0%, 100%, 0.8);
  padding: 48px 0;
  font-size: 1.4rem;
  position: relative;
  z-index: 2;
}
.atlas-footer h2 {
  max-width: 25ch;
  margin-bottom: 40px;
}
.atlas-footer p {
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  max-width: 550px;
}
.atlas-footer p strong {
  font-weight: inherit;
  text-transform: uppercase;
  display: block;
  font-size: 1.4rem;
  line-height: 2.38rem;
  margin-bottom: 1.25rem;
}
.atlas-footer svg {
  opacity: 0.8;
}
.atlas-footer__branding-nav {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
}
.atlas-footer__columns {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1024px) {
  .atlas-footer__columns {
    gap: 64px;
    grid-template-columns: 1fr 2fr 2fr 1fr;
  }
}

.atlas-tabler-wrapper {
  width: 100%;
  overflow: auto;
}

.atlas-table {
  width: 100%;
  min-width: 800px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
.atlas-table th {
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  text-transform: uppercase;
}
.atlas-table tr {
  border-top: 1px solid black;
}
.atlas-table thead tr {
  border: none;
}
.atlas-table th,
.atlas-table td {
  padding: 16px;
  width: 25%;
  box-sizing: border-box;
}
.atlas-table th:first-child,
.atlas-table td:first-child {
  padding-left: 0;
}
.atlas-table th:last-child,
.atlas-table td:last-child {
  padding-right: 0;
}
.atlas-table .atlas-table-row-index {
  font-size: 16px;
  color: #A8A39E;
  display: inline-block;
  margin-right: 16px;
  width: 24px;
}
@media (min-width: 768px) {
  .atlas-table .atlas-table-row-index {
    font-size: 24px;
    width: 32px;
  }
}
@media (min-width: 1024px) {
  .atlas-table .atlas-table-row-index {
    font-size: 32px;
    width: 50px;
  }
}
.atlas-table__city, .atlas-table__share {
  font-size: 16px;
}
@media (min-width: 768px) {
  .atlas-table__city, .atlas-table__share {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .atlas-table__city, .atlas-table__share {
    font-size: 28px;
  }
}

.atlas-meter-bar {
  width: 100%;
  display: flex;
  height: 8px;
  margin-bottom: 24px;
}
.atlas-meter-bar > * {
  height: 100%;
  border-right: 1px solid white;
}
.atlas-meter-bar > *:last-child {
  border-right: 0;
}
.atlas-meter-bar .one {
  background-color: rgba(0, 115, 84, 0.4);
  color: rgba(0, 115, 84, 0.4);
}
.atlas-meter-bar .two {
  background-color: rgba(0, 115, 84, 0.6);
  color: rgba(0, 115, 84, 0.6);
}
.atlas-meter-bar .three {
  background-color: rgba(0, 115, 84, 0.8);
  color: rgba(0, 115, 84, 0.8);
}
.atlas-meter-bar .four {
  background-color: #007354;
  color: #007354;
}
.atlas-meter-bar--grey .one {
  background-color: rgba(27, 25, 23, 0.1);
  color: rgba(27, 25, 23, 0.4);
}
.atlas-meter-bar--grey .two {
  background-color: rgba(27, 25, 23, 0.6);
  color: rgba(27, 25, 23, 0.6);
}
.atlas-meter-bar--grey .three {
  background-color: rgba(27, 25, 23, 0.7);
  color: rgba(27, 25, 23, 0.8);
}
.atlas-meter-bar--grey .four {
  background-color: #1b1917;
  color: #1b1917;
}
.atlas-meter-bar > div {
  position: relative;
}
.atlas-meter-bar > div span {
  position: absolute;
  left: 0;
  top: 120%;
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}
.atlas-meter-bar > div span svg {
  display: inline-block !important;
}
.atlas-meter-bar > div.last span {
  left: auto;
  right: 0;
}

body.sequoia-atlas .atlas-quote {
  font-size: 32px;
  line-height: 40px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
body.sequoia-atlas .atlas-quote .quotemark {
  float: left;
  margin-left: -12px;
}
body.sequoia-atlas .atlas-quote__attribution {
  font-size: 16px;
  display: block;
  margin-top: 8px;
}
body.sequoia-atlas .wp-block-quote {
  text-align: left;
}
body.sequoia-atlas .wp-block-quote p {
  margin-bottom: 0 !important;
}
body.sequoia-atlas .wp-block-quote p:before {
  content: "“";
  float: left;
  margin-left: -0.4em;
}
body.sequoia-atlas .wp-block-quote p:after {
  content: "”";
}
body.sequoia-atlas .wp-block-quote cite {
  display: block;
  text-align: left;
}
body.sequoia-atlas .wp-block-quote cite:before {
  display: none;
}

.atlas-grid {
  display: grid;
}
.atlas-grid--up4 {
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .atlas-grid--up4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .atlas-grid--up4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.gform_confirmation_message a {
  text-decoration: underline;
}

.gform_validation_errors {
  display: none !important;
}

.pum-container .legal {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 50%;
  max-width: 300px;
  line-height: 1.2;
}
.pum-container .legal a {
  text-decoration: underline;
}

.pum-close {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z' fill='%23707070'%3E%3C/path%3E%3Cpath d='M9.16994 15.58C8.97994 15.58 8.78994 15.51 8.63994 15.36C8.50046 15.2189 8.42224 15.0284 8.42224 14.83C8.42224 14.6316 8.50046 14.4411 8.63994 14.3L14.2999 8.64C14.5899 8.35 15.0699 8.35 15.3599 8.64C15.6499 8.93 15.6499 9.41 15.3599 9.7L9.69994 15.36C9.55994 15.51 9.35994 15.58 9.16994 15.58Z' fill='%23707070'%3E%3C/path%3E%3Cpath d='M14.8299 15.58C14.6399 15.58 14.4499 15.51 14.2999 15.36L8.63994 9.7C8.50046 9.55886 8.42224 9.36843 8.42224 9.17C8.42224 8.97157 8.50046 8.78114 8.63994 8.64C8.92994 8.35 9.40994 8.35 9.69994 8.64L15.3599 14.3C15.6499 14.59 15.6499 15.07 15.3599 15.36C15.2099 15.51 15.0199 15.58 14.8299 15.58V15.58Z' fill='%23707070'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 24px !important;
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 24px !important;
  top: 10px !important;
  right: 10px !important;
}

.single-post header.header,
.page-template-default header.header {
  margin-bottom: 40px;
}
.single-post article.insight,
.page-template-default article.insight {
  /*max-width: 1360px;
  padding: 0 24px;
  margin: 0 auto;*/
}
@media (min-width: 1024px) {
  .single-post article.insight,
  .page-template-default article.insight {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
.single-post .hero-image,
.page-template-default .hero-image {
  grid-column: 1/span 2;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1.9;
  border-radius: 24px;
  margin-bottom: 40px;
}
.single-post .insight__heading,
.page-template-default .insight__heading {
  grid-column: 1/span 2;
  margin-bottom: 48px;
}
.single-post .insight__heading h1,
.page-template-default .insight__heading h1 {
  font-size: 32px;
  font-weight: 500;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .single-post .insight__heading h1,
  .page-template-default .insight__heading h1 {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .single-post .insight__heading h1,
  .page-template-default .insight__heading h1 {
    font-size: 64px;
  }
}
@media (min-width: 1440px) {
  .single-post .insight__heading h1,
  .page-template-default .insight__heading h1 {
    font-size: 80px;
  }
}
.single-post .insight__heading p,
.page-template-default .insight__heading p {
  font-size: 18px;
  max-width: 50ch;
  line-height: 1.1;
  font-weight: 400;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  letter-spacing: -0.022em;
}
@media (min-width: 768px) {
  .single-post .insight__heading p,
  .page-template-default .insight__heading p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .single-post .insight__heading p,
  .page-template-default .insight__heading p {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .single-post .insight__heading p,
  .page-template-default .insight__heading p {
    font-size: 32px;
  }
}
.single-post .insight__takeaways,
.page-template-default .insight__takeaways {
  grid-column: 1/span 2;
  font-size: 16px;
  line-height: 1.33;
  font-weight: 400;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  padding: 64px 0;
  margin-bottom: 64px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 768px) {
  .single-post .insight__takeaways,
  .page-template-default .insight__takeaways {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .single-post .insight__takeaways,
  .page-template-default .insight__takeaways {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
.single-post .insight__takeaways h2,
.page-template-default .insight__takeaways h2 {
  font-size: clamp(18px, 16px + 2vw, 32px);
  font-weight: 400;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  margin-bottom: 32px;
}
.single-post .insight__takeaways ol,
.page-template-default .insight__takeaways ol {
  list-style: none;
  counter-reset: item;
}
@media (min-width: 768px) {
  .single-post .insight__takeaways ol,
  .page-template-default .insight__takeaways ol {
    column-count: 2;
    column-gap: 24px;
  }
}
.single-post .insight__takeaways ol li,
.page-template-default .insight__takeaways ol li {
  counter-increment: item;
  margin-bottom: 24px;
}
.single-post .insight__takeaways ol li:before,
.page-template-default .insight__takeaways ol li:before {
  width: 46px;
  line-height: 46px;
  content: counter(item);
  background: black;
  border-radius: 100%;
  color: white;
  text-align: center;
  display: block;
  margin-bottom: 16px;
}
.single-post .insight__body,
.page-template-default .insight__body {
  grid-column: 2/span 1;
  margin-bottom: 64px;
}
.single-post .insight__body h2,
.page-template-default .insight__body h2 {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  margin-bottom: 24px;
}
.single-post .insight__paging,
.page-template-default .insight__paging {
  display: flex;
  justify-content: space-between;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  border-top: 1px solid black;
  padding-top: 24px;
  margin-top: 64px;
}
.single-post .insight__paging a,
.page-template-default .insight__paging a {
  text-decoration: none;
  display: flex;
  gap: 8px;
  align-items: center;
}
.single-post .insight__paging a span,
.page-template-default .insight__paging a span {
  color: #A8A39E;
}
.single-post .insight__paging a svg,
.page-template-default .insight__paging a svg {
  height: 20px;
  width: auto;
  position: relative;
  left: 0;
  transition: left 0.2s;
}
.single-post .insight__paging a:hover, .single-post .insight__paging a:focus,
.page-template-default .insight__paging a:hover,
.page-template-default .insight__paging a:focus {
  color: #00A071;
}
.single-post .insight__paging a:hover svg path, .single-post .insight__paging a:focus svg path,
.page-template-default .insight__paging a:hover svg path,
.page-template-default .insight__paging a:focus svg path {
  fill: #00A071;
}
.single-post .insight__paging a.prev:hover svg, .single-post .insight__paging a.prev:focus svg,
.page-template-default .insight__paging a.prev:hover svg,
.page-template-default .insight__paging a.prev:focus svg {
  left: -12px;
}
.single-post .insight__paging a.next:hover svg, .single-post .insight__paging a.next:focus svg,
.page-template-default .insight__paging a.next:hover svg,
.page-template-default .insight__paging a.next:focus svg {
  left: 12px;
}

@media (min-width: 768px) {
  .atlas-insights-gallery-hero .atlas-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
  }
}
.atlas-insights-gallery-hero .atlas-perspective-ol {
  margin: 0;
}

.atlas-insights-item {
  position: relative;
  overflow: hidden;
  /*
  &--6 {
  	.atlas-container {
  		grid-template-rows: 80px auto 160px auto;
  	}

  	.atlas-insights-item__number {
  		grid-row: 1 / span 2;
  		grid-column: 3;
  	}

  	.atlas-insights-item__copy {
  		grid-row: 2 / span 2;
  		grid-column: 1 / span 2;
  	}

  	.atlas-insights-item__card {
  		grid-row: 3 / span 2;
  		grid-column: 3;
  	}
  }
  */
}
.atlas-insights-item > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  max-height: 100%;
  width: auto;
}
.atlas-insights-item__number {
  z-index: 3;
}
.atlas-insights-item__copy {
  z-index: 2;
  margin-bottom: 16px;
}
.atlas-insights-item__eyebrow {
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  text-transform: uppercase;
}
.atlas-insights-item__heading {
  max-width: 950px;
}
.atlas-insights-item__dek {
  max-width: 500px;
}
.atlas-insights-item__card {
  max-width: none;
  justify-self: end;
  z-index: 1;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 24px;
  margin-bottom: 16px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .atlas-insights-item__card {
    margin-top: 16px;
  }
}
.atlas-insights-item .atlas-container {
  position: relative;
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (min-width: 1024px) {
  .atlas-insights-item .atlas-container {
    display: grid;
    column-gap: 32px;
    row-gap: 16px;
    grid-template-columns: 25% auto 35%;
    grid-template-rows: auto auto auto auto auto;
  }
}
.atlas-insights-item--1 .atlas-container, .atlas-insights-item--4 .atlas-container {
  grid-template-rows: 80px auto 144px auto;
}
.atlas-insights-item--1 .atlas-insights-item__number, .atlas-insights-item--4 .atlas-insights-item__number {
  grid-row: 1/span 2;
  grid-column: 1;
}
.atlas-insights-item--1 .atlas-insights-item__heading, .atlas-insights-item--4 .atlas-insights-item__heading {
  grid-row: 2/span 1;
  grid-column: 2/span 2;
}
.atlas-insights-item--1 .atlas-insights-item__copy, .atlas-insights-item--4 .atlas-insights-item__copy {
  grid-row: 3/span 2;
  grid-column: 2/span 1;
}
.atlas-insights-item--1 .atlas-insights-item__card, .atlas-insights-item--4 .atlas-insights-item__card {
  grid-row: 3/span 2;
  grid-column: 3;
}
.atlas-insights-item--3 .atlas-insights-item__number, .atlas-insights-item--0 .atlas-insights-item__number {
  grid-row: 1/span 2;
  grid-column: 3;
}
.atlas-insights-item--3 .atlas-insights-item__heading, .atlas-insights-item--0 .atlas-insights-item__heading {
  grid-row: 2/span 1;
  grid-column: 1/span 2;
}
.atlas-insights-item--3 .atlas-insights-item__copy, .atlas-insights-item--0 .atlas-insights-item__copy {
  grid-row: 3/span 2;
  grid-column: 1/span 2;
}
.atlas-insights-item--3 .atlas-insights-item__card, .atlas-insights-item--0 .atlas-insights-item__card {
  grid-row: 3/span 2;
  grid-column: 3;
}
.atlas-insights-item--2 .atlas-container, .atlas-insights-item--5 .atlas-container {
  grid-template-columns: 320px 96px 12% auto 320px;
}
.atlas-insights-item--2 .atlas-insights-item__number, .atlas-insights-item--5 .atlas-insights-item__number {
  grid-row: 1/span 1;
  grid-column: 2/span 2;
}
.atlas-insights-item--2 .atlas-insights-item__heading, .atlas-insights-item--5 .atlas-insights-item__heading {
  grid-row: 1/span 1;
  grid-column: 4/span 2;
}
.atlas-insights-item--2 .atlas-insights-item__copy, .atlas-insights-item--5 .atlas-insights-item__copy {
  grid-row: 2/span 2;
  grid-column: 4/span 2;
}
.atlas-insights-item--2 .atlas-insights-item__card, .atlas-insights-item--5 .atlas-insights-item__card {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  justify-self: start;
}
.atlas-insights-item .atlas-arrow {
  position: absolute;
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .atlas-insights-item .atlas-arrow {
    opacity: 1;
  }
}
.atlas-insights-item .atlas-arrow--1 {
  top: 0;
  left: 8px;
}
.atlas-insights-item .atlas-arrow--2 {
  top: 0;
  left: 320px;
}
.atlas-insights-item .atlas-arrow--3 {
  top: 0;
  right: 8px;
}
.atlas-insights-item .atlas-arrow--4 {
  left: 8px;
  top: 260px;
}
.atlas-insights-item .atlas-arrow--5 {
  bottom: 0;
  left: 8px;
}
.atlas-insights-item .atlas-arrow--6 {
  bottom: 0;
  left: 320px;
}
.atlas-insights-item .atlas-arrow--7 {
  bottom: 0;
  right: 320px;
}
.atlas-insights-item .atlas-arrow--8 {
  bottom: 0;
  right: 8px;
}

.single-city header.header {
  margin-bottom: 24px;
}
.single-city article.city {
  /*max-width: 1360px;
  padding: 0 24px;
  margin: 0 auto;*/
}
.single-city .hero-image {
  height: unset;
  object-fit: cover;
  border-radius: 24px;
  aspect-ratio: 1;
  max-height: 800px;
}
.single-city .city__heading {
  margin-bottom: 64px;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .single-city .city__heading {
    grid-template-columns: 1fr 1fr;
  }
}
.single-city .city__heading > div {
  align-self: center;
  padding-right: 40px;
}
.single-city .city__heading h1 {
  font-weight: 500;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
}
.single-city .city__heading p {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 400;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  letter-spacing: -0.022em;
}
@media (min-width: 768px) {
  .single-city .city__heading p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .single-city .city__heading p {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .single-city .city__heading p {
    font-size: 32px;
  }
}
.single-city .city__body {
  margin-bottom: 64px;
  /*
  h2{
  	font-size: 32px;
  	line-height: 1.1;
  	font-weight: 500;
  	font-family: Unica,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,FZLanTingHeiS,sans-serif;

  	margin-bottom: 24px;
  }*/
}
.single-city .city__body p {
  margin-bottom: 24px;
}
.single-city .city__metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .single-city .city__metrics {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.single-city .city__metrics h3 {
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.single-city .city__metrics span {
  display: block;
  font-weight: 400;
  line-height: 1.25;
  font-size: 1.4rem;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
@media (min-width: 1024px) {
  .single-city .city__metrics span {
    font-size: 1.8rem;
  }
}
.single-city .city__metrics .atlas-employer-name {
  display: inline;
  white-space: nowrap;
}
.single-city .city__section {
  margin-bottom: 56px;
  padding-top: 56px;
  border-top: 1px solid #DDDDDD;
}
@media (min-width: 1024px) {
  .single-city .city__section {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}

.atlas-home .atlas-home-hero {
  position: relative;
  margin-top: 0;
  padding: 6rem 0;
}
.atlas-home .atlas-home-hero .atlas-container {
  position: relative;
  z-index: 2;
}
.atlas-home .atlas-home-hero h1 {
  font-size: 32px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  max-width: 500px;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .atlas-home .atlas-home-hero h1 {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .atlas-home .atlas-home-hero h1 {
    font-size: 48px;
  }
}
.atlas-home .atlas-home-hero h1 .atlas-heading {
  display: block;
  font-size: 80px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .atlas-home .atlas-home-hero h1 .atlas-heading {
    font-size: 96px;
  }
}
@media (min-width: 1024px) {
  .atlas-home .atlas-home-hero h1 .atlas-heading {
    font-size: 120px;
  }
}
@media (min-width: 1440px) {
  .atlas-home .atlas-home-hero h1 .atlas-heading {
    font-size: 152px;
  }
}
.atlas-home .atlas-home-hero h1 .delimiter:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.atlas-home .atlas-home-hero .atlas-animation-container {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  opacity: 0.5;
  overflow: hidden;
}
@media (min-width: 768px) {
  .atlas-home .atlas-home-hero .atlas-animation-container {
    opacity: 1;
    width: 75%;
  }
}
.atlas-home .atlas-home-hero lottie-player {
  position: absolute;
  z-index: 2;
  top: -20%;
  right: -10%;
}
.atlas-home .atlas-home-hero__stats {
  margin-top: 80px;
}
.atlas-home .atlas-home-body {
  position: relative;
}
.atlas-home .atlas-home-body .atlas-container {
  position: relative;
  z-index: 3;
}
.atlas-home .atlas-home-body .svg-face {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
@media (min-width: 1024px) {
  .atlas-home .atlas-home-body .svg-face {
    display: block;
  }
}

.atlas__filters {
  padding: 32px 0;
  display: flex;
  align-items: stretch;
  font-family: sans-serif;
  justify-content: space-between;
}
.atlas__filters label {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0 6px;
}
@media (min-width: 1200px) {
  .atlas__filters label {
    font-size: 15px;
  }
}
.atlas__filters fieldset {
  display: flex;
  align-items: stretch;
  border: 0;
  margin-left: 3rem;
}
.atlas__filters fieldset:first-child {
  margin-left: 0;
}
.atlas__filters fieldset input {
  margin-right: 4px;
}
.atlas__filters .label-with-icon {
  display: flex;
  align-items: center;
  margin-right: 16px;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
}
.atlas__filters .label-with-icon svg {
  margin-right: 8px;
}
.atlas__filters .label-with-icon label {
  padding: 0;
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .atlas__filters .label-with-icon label {
    font-size: 16px;
  }
}
.atlas__filters .facetwp-facet {
  margin: 0;
}

select {
  border: 1px solid rgba(146, 140, 134, 0.2);
  border-radius: 8px;
  background-color: white;
  padding: 8px 12px;
  font-size: 15px;
  max-width: 225px;
}
@media (min-width: 1200px) {
  select {
    max-width: none;
    font-size: 15px;
  }
}

.map-view_toggle,
.map-ratings_toggle {
  border: 1px solid rgba(146, 140, 134, 0.2);
  border-radius: 8px;
  overflow: hidden;
  background-color: white;
  display: flex;
  gap: 0;
}
.map-view_toggle label,
.map-ratings_toggle label {
  position: relative;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.map-view_toggle label:last-child,
.map-ratings_toggle label:last-child {
  border-left: 1px solid rgba(146, 140, 134, 0.2);
}
.map-view_toggle input,
.map-ratings_toggle input {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
}
.map-view_toggle input:checked + label,
.map-ratings_toggle input:checked + label {
  background-color: #00A071;
  color: white;
}

.facetwp-facet-skill .facetwp-dropdown {
  padding-top: 12px;
  padding-bottom: 10px;
}

.facetwp-facet-skill .facetwp-dropdown option:first-child {
  display: none !important;
}

@media (max-width: 899px) {
  fieldset.layers,
  fieldset.map-view {
    display: none;
  }
}
.atlas-select, .facetwp-type-dropdown {
  position: relative;
  z-index: 1;
}
.atlas-select select, .facetwp-type-dropdown select {
  appearance: none;
}
.atlas-select:after, .facetwp-type-dropdown:after {
  content: " ";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='100pt' height='100pt' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.898 40c0-1.6992 1.3984-3 3-3 0.80078 0 1.6016 0.30078 2.1016 0.89844l17 17.699 17-17.699c1.1992-1.1992 3.1016-1.1992 4.1992 0 1.1016 1.1016 1.1992 2.8984 0.10156 4.1016l-19.102 20c-1.1016 1.1992-3 1.1992-4.1992 0.10156l-0.10156-0.10156-19.199-20c-0.5-0.5-0.80078-1.1992-0.80078-2z'/%3E%3C/svg%3E%0A");
  background-size: contain;
}

.atlas-select {
  display: inline-flex;
  align-items: stretch;
}

@media (min-width: 900px) {
  .map--view-map .map__svg {
    background-color: #E4F4FE;
    overflow: hidden;
    border-radius: 16px;
  }
  .map--view-map .map__svg svg {
    height: 100%;
    width: auto;
    display: block;
  }
  .map--view-map .map__viewport {
    width: 100%;
    min-height: 750px;
    height: 60vw;
    max-height: 83vh;
    position: relative;
    background-color: #E4F4FE;
    border-radius: 16px;
  }
  .map--view-map .map__svg-and-pins {
    position: relative;
    max-height: 100%;
    aspect-ratio: 1.4;
    margin: 0 0 0 auto;
  }
  .map--view-map .map__density {
    position: absolute;
    max-width: 310px;
    z-index: 3;
    top: 1.5rem;
    left: 1.5rem;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    font-size: 14px;
  }
  .map--view-map .map__density .label {
    font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-transform: uppercase;
  }
  .map--view-map .map__density .experience-key {
    display: none;
    margin-bottom: 24px;
  }
  .map--view-map .map__density .github-key {
    display: none;
    margin-bottom: 8px;
  }
  .map--view-map .map__density .spot-key {
    display: flex;
    align-items: center;
  }
  .map--view-map .map__density .spot-key svg {
    margin-right: 5px;
  }
  .map--view-map .map__density .spot-key span {
    margin-right: 12px;
  }
  .map--view-map .map__pins {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .map--view-map .city-pin {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s;
  }
  .map--view-map .city-pin.disabled {
    opacity: 0.1;
    pointer-events: none;
  }
  .map--view-map .city-pin.disabled .city-pin__experience,
  .map--view-map .city-pin.disabled .city-pin__github {
    display: none !important;
  }
  .map--view-map .city-pin.disabled .city-pin__marker .circle {
    width: 0;
    height: 0;
  }
  .map--view-map .city-pin__marker {
    position: absolute;
    left: 12px;
    top: 50%;
    cursor: pointer;
  }
  .map--view-map .city-pin__marker .circle {
    width: 0;
    height: 0;
    transition: width 0.5s ease, height 0.5s ease;
    background-color: rgba(0, 160, 113, 0.4);
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .map--view-map .city-pin__marker svg {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .map--view-map .city-pin.notable .city-pin__marker .circle {
    width: 24px;
    height: 24px;
  }
  .map--view-map .city-pin.standout .city-pin__marker .circle {
    width: 42px;
    height: 42px;
  }
  .map--view-map .city-pin.top .city-pin__marker .circle {
    width: 70px;
    height: 70px;
  }
  .map--view-map .city-pin__label {
    position: absolute;
    display: block;
    left: 0;
    padding: 8px;
    padding-left: 24px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    font-size: 15px;
    cursor: pointer;
    transform: translateY(-50%);
    z-index: 6;
    transition: color 0.1s;
  }
  .map--view-map .city-pin__label:hover {
    color: #007354;
  }
  .map--view-map .city-pin--reverse .city-pin__label {
    left: auto;
    right: -7px;
  }
  .map--view-map .city-pin__modal {
    display: none;
    position: absolute;
    top: 32px;
    left: -36px;
    z-index: 100;
    width: 400px;
    background-color: white;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0px 165px 66px rgba(0, 0, 0, 0.01), 0px 93px 56px rgba(0, 0, 0, 0.02), 0px 41px 41px rgba(0, 0, 0, 0.09), 0px 10px 23px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  .map--view-map .city-pin__modal .modal-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 12;
  }
  .map--view-map .city-pin__modal .modal-arrow {
    position: absolute;
    top: -16px;
    left: 24px;
    z-index: 11;
  }
  .map--view-map .city-pin__modal .button {
    position: relative;
    z-index: 12;
  }
  .map--view-map .city-pin__modal--above {
    top: -40px;
    transform: translateY(-100%);
    box-shadow: 0px -165px 66px rgba(0, 0, 0, 0.01), 0px -93px 56px rgba(0, 0, 0, 0.02), 0px -41px 41px rgba(0, 0, 0, 0.09), 0px -10px 23px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  .map--view-map .city-pin__modal--above .modal-arrow {
    top: auto;
    bottom: -16px;
  }
  .map--view-map .city-pin__modal.active {
    display: block;
  }
  .map--view-map .city-pin__modal h3 {
    text-transform: capitalize;
  }
  .map--view-map .city-pin__modal p {
    font-size: 16px;
  }
  .map--view-map .city-pin__modal .city-pin__modal__ratings {
    display: none;
  }
  .map--view-map .city-pin .meter {
    position: absolute;
    left: -15px;
    top: 100%;
    width: 7vw;
    height: auto;
  }
  .map--view-map .city-pin__density {
    display: none;
    background-color: #00A071;
    opacity: 0.4;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 6px;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 100%;
  }
  .map--view-map .city-pin__experience {
    display: none;
    position: absolute;
    top: 9px;
    left: 24px;
    width: 100px;
    /*.one {
    	background-color: #E5F5F1;
    }

    .two {
    	background-color: #99D9C6;
    }

    .three {
    	background-color: #4DBD9C;
    }

    .four {
    	background-color: #00A071;
    }*/
  }
  .map--view-map .city-pin__experience > div {
    display: flex;
    height: 14px;
    padding: 3px;
    background-color: white;
  }
  .map--view-map .city-pin__experience > div > div {
    border-right: 1px solid white;
  }
  .map--view-map .city-pin__experience > div > div:last-child {
    border-right: 0;
  }
  .map--view-map .city-pin__experience .one {
    background-color: rgba(0, 115, 84, 0.4);
    color: rgba(0, 115, 84, 0.4);
  }
  .map--view-map .city-pin__experience .two {
    background-color: rgba(0, 115, 84, 0.6);
    color: rgba(0, 115, 84, 0.6);
  }
  .map--view-map .city-pin__experience .three {
    background-color: rgba(0, 115, 84, 0.8);
    color: rgba(0, 115, 84, 0.8);
  }
  .map--view-map .city-pin__experience .four {
    background-color: #007354;
    color: #007354;
  }
  .map--view-map .city-pin__github {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: 9px;
    left: 24px;
    font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    font-size: 13px;
    color: #222;
  }
  .map--view-map .city-pin__github svg {
    height: 11px;
    width: auto;
  }
  .map--view-map .city-pin--reverse .city-pin__experience {
    left: auto;
    right: 0px;
  }
  .map--view-map .city-pin--reverse .city-pin__github {
    left: auto;
    right: 0px;
  }
  .map--view-map .city-pin--meta-above .city-pin__experience {
    top: -24px;
    left: 24px;
  }
  .map--view-map .city-pin--meta-above .city-pin__github {
    left: 24px;
    top: -21px;
  }
}
.map--view-table .layers {
  opacity: 0.4;
  pointer-events: none;
}
.map--view-table .map__density {
  display: none;
}
.map--view-table .map__svg {
  display: none;
}
.map--view-table .map__svg-and-pins {
  position: static;
}
.map--view-table .map__pins {
  position: static;
}
.map--view-table .city-pin__marker {
  display: none;
}
.map--view-table .city-pin {
  padding: 32px 0;
  border-bottom: 1px solid rgba(27, 25, 23, 0.25);
}
.map--view-table .city-pin.disabled {
  display: none;
}
.map--view-table .city-pin__label {
  display: none;
  /*text-transform: capitalize;
  font-weight: 500;
  font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  font-size: 28px;
  margin-bottom: 16px;*/
}
.map--view-table .city-pin svg {
  position: relative;
  z-index: 5;
  display: none;
}
.map--view-table .city-pin__experience,
.map--view-table .city-pin__github {
  display: none !important;
}
@media (min-width: 768px) {
  .map--view-table .city-pin__modal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }
  .map--view-table .city-pin__modal .modal-header {
    grid-column: 1/span 2;
  }
  .map--view-table .city-pin__modal .button {
    justify-self: start;
  }
}
.map--view-table .city-pin__modal__ratings {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .map--view-table .city-pin__modal__ratings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.map--view-table .city-pin .modal-header h3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.map--view-table .city-pin.top .modal-header h3:after {
  content: "Top";
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-transform: uppercase;
}
.map--view-table .city-pin.standout .modal-header h3:after {
  content: "Standout";
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-transform: uppercase;
}
.map--view-table .city-pin.notable .modal-header h3:after {
  content: "Notable";
  font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-transform: uppercase;
}

@media (max-width: 899px) {
  .map--view-map .layers {
    opacity: 0.4;
    pointer-events: none;
  }
  .map--view-map .map__density {
    display: none;
  }
  .map--view-map .map__svg {
    display: none;
  }
  .map--view-map .map__svg-and-pins {
    position: static;
  }
  .map--view-map .map__pins {
    position: static;
  }
  .map--view-map .city-pin__marker {
    display: none;
  }
  .map--view-map .city-pin {
    padding: 32px 0;
    border-bottom: 1px solid rgba(27, 25, 23, 0.25);
  }
  .map--view-map .city-pin.disabled {
    display: none;
  }
  .map--view-map .city-pin__label {
    display: none;
    /*text-transform: capitalize;
    font-weight: 500;
    font-family: Unica, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    font-size: 28px;
    margin-bottom: 16px;*/
  }
  .map--view-map .city-pin svg {
    position: relative;
    z-index: 5;
    display: none;
  }
  .map--view-map .city-pin__experience,
  .map--view-map .city-pin__github {
    display: none !important;
  }
}
@media (max-width: 899px) and (min-width: 768px) {
  .map--view-map .city-pin__modal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }
  .map--view-map .city-pin__modal .modal-header {
    grid-column: 1/span 2;
  }
  .map--view-map .city-pin__modal .button {
    justify-self: start;
  }
}
@media (max-width: 899px) {
  .map--view-map .city-pin__modal__ratings {
    margin-top: 24px;
  }
}
@media (max-width: 899px) and (min-width: 1024px) {
  .map--view-map .city-pin__modal__ratings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 899px) {
  .map--view-map .city-pin .modal-header h3 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .map--view-map .city-pin.top .modal-header h3:after {
    content: "Top";
    font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    text-transform: uppercase;
  }
  .map--view-map .city-pin.standout .modal-header h3:after {
    content: "Standout";
    font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    text-transform: uppercase;
  }
  .map--view-map .city-pin.notable .modal-header h3:after {
    content: "Notable";
    font-family: PitchSans, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, FZLanTingHeiS, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    text-transform: uppercase;
  }
}
.map-container {
  margin: 0 auto;
}