/******************
 * Global styles
 *****************/
body {
  margin-top: 0px;
  font-weight: 300;
}

section {
  padding: 80px 0px;
}

section.padded-section {
  padding-left: 100px;
  padding-right: 100px;
}

h2.section-subhead {
  font-weight: 300;
  margin-bottom: 80px;
  text-align: center;
}

@media all and (max-width: 767px) {
  h2.section-subhead {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  section.padded-section {
    padding-left: 10px;
    padding-right: 10px;
  }
}

a.uli-logo {
  display: block;
  /* width: 55%; */ /* For the old column size col-md-4 */ 
  /* width: 80%; */ /* For the new column size col-md-3 */
}

a.uli-logo img {
  height: 55px;
  width: auto;
}

/* @media (min-width: 1100px) {
  .mobile-toggle {
    display: none !important;
  }
} */

.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .toolbar-tray-horizontal li {
  float: none;
}

.region-highlighted {
  margin-top: 20px;
  margin-bottom: 20px;
}

.node-title-body .node-body {
  /* text-align: center; */
  margin-bottom: 40px;
}

.node-title-body .no-body {
  margin-top: 40px;
}

.node-title-body .no-button {
  margin-bottom: 0px;
}

a.btn:hover {
  text-decoration: none;
}

.button-links-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.header-links-row {
  justify-content: normal;
}

.button-links-button {
  margin-left: 10px;
  margin-right: 10px;
}

.button-links-button a.btn,
.cta-button a.btn {
  margin-bottom: 0px;
}

.field--name-body ul {
  margin-bottom: 24px;
  padding-left: 1.5em;
  list-style: disc;
}

.field--name-body ul li {
  margin-bottom: 10px;
}

.field--name-body ol {
  margin-bottom: 24px;
  padding-left: 1.5em;
}

.field--name-body ol li {
  margin-bottom: 10px;
}

.field--type-entity-reference {
  margin: 0px;
}

.field--type-image img {
  margin-bottom: 0px;
}

.node .field--type-image {
  margin: 0px;
  float: none;
}

.matterport-modal .close-modal:before {
  font-size: 18px;
  line-height: 1;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  color: #222222;
  padding: 5px;
}

.view .pagination {
  display: flex;
  justify-content: center;
}

/* a.uli-logo {
  font-weight: 400;
  color: rgba(255,255,255, .9);
  text-decoration: none;
  font-size: 25px;
  font-family: 'Palatino Linotype', Palatino, 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
}

a.uli-logo:hover {
  color: rgba(255,255,255, .9);
} */

/* #toolbar-administration {
  z-index: 2000 !important;
} */

/* .user-logged-in nav.tabs {
  top: 250px;
} */

/*
.post-snippet {
  border: 1px solid #cccccc;
  padding: 0px;
}
*/

/* .page-node-type-residential-property #main-container,
.page-node-type-commercial-property #main-container,
.page-node-type-apartment #main-container {
  padding: 0;
} */

/* .page-title-4 {
  height: 140px !important;
} */

/* .uli-cover-img {
  height: 800px;
} */

/**************************
 * Menu
 *************************/

/*-----------------Begin copy of foundry/css/custom.css---------------*/

/*--------------------------------------------------------------------------------*/

/* 02. Menu
 --------------------------------------------------------------------------------*/

/* Logo */
.site-branding .logo {
  margin: 0;
}
.site-branding .logo img {
  max-height: 60%;
}
.site-branding .name {
  display: none;
}

/* Main menu */
.module-menu { margin: 0 15px; }
.menu > li{ margin-right: 12px; }
nav.fixed, nav.absolute {
  z-index: 9999;
}
#navbar-main { padding: 0; }
.nav-bar {
  width: 100%;
  justify-content: space-between;
  flex-wrap: inherit;
}
.navbar-toggle {
  margin: 0;
  padding: 0;
  border: none;
}
.navbar-collapse {
  padding: 0 15px;
}
nav.transparent.fixed .menu > li > span,
.menu.nav > li > span,
.menu > li > ul li span,
.menu.nav > li > a {
  font-size: 11px;
  text-transform: uppercase;
  /* font-weight: 600; */
  letter-spacing: 1px;
  color: #292929;
  opacity: 0.5;
  padding: 15px 15px;
  line-height: 30px;
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  max-width: 100%;
  white-space: normal;
}
.menu li span:hover {
  opacity: 1 !important;
}
nav.transparent .navbar-toggle,
nav.bg-dark .navbar-toggle {
  color: #fff;
}
nav.transparent .mobile-toggle.active  .navbar-toggle {
  color: #000;
}
.menu > li > ul li span {
  color: #fff;
  height: auto;
  padding: 2px 24px;
}
@media (min-width: 990px) {
  /* Adjust dropdown menu of last children on desktop */
  .menu > li:nth-last-child(2) > ul ul,
  .menu > li:nth-last-child(3) > ul ul {
    left: auto;
    right: 100%;
  }
}
.has-dropdown::after {
  right: 15px !important;
  top: 0px !important;
}
.dropdown-toggle::after { display: none; }
.menu > li > ul > .has-dropdown:after {
  top: 3px !important;
  right: 15px !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,
.nav li a:hover, .nav li a:focus {
  background: none;
}
#block-mainnavigation .navbar-nav > li > a {
  margin-top: 2px;
}
.menu > li > ul {
  /*display: block;*/
  height: auto;
}
.menu > li ul li {
  margin-right: 0;
}
@media all and (min-width: 990px) {
  .menu > li.mega-menu-li ul {
    width: 400px;
  }
  .menu > li.mega-menu-li ul li {
    width: 50%;
    display: inline-block;
	margin-right: 0;
	padding-right: 0;
	float: left;
  }
  nav.transparent .menu > li > span,
  nav.bg-dark .menu > li > span {
    color: #fff;
  }
}
@media (max-width: 990px) {
  .module-menu { margin: 0; }
  .menu { 
    padding-left: 15px; 
    padding-right: 15px;
  } 
  .menu.nav > li > span {
    height: auto;
    line-height: 24px;
    padding: 4px 0;
  }
}
.menu li a.is-active {
  /* opacity: 1 !important; */
}
nav.transparent .menu > li > span {
  opacity: 1;
}
a.search-menu-item {
  font-size: 0 !important;
  position: relative;
  text-indent: 100px;
  width: 50px;
  overflow: hidden;  
}
a.search-menu-item:hover {
  background: none;
}
a.search-menu-item:before,
nav.transparent.fixed a.search-menu-item::before {
  position: absolute;
  content: "\e610";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  color: #000;
  text-indent: 0;
  left: 0;
  top: 0;
  border-left: 1px solid #ccc;
  height: 100%;
  padding: 15px 0 0 20px;
}
nav.transparent a.search-menu-item::before {
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 990px) {
  .navbar-toggle {
    display: block;
  }
  nav.transparent a.search-menu-item::before {
    color: #292929;
    background: transparent;
    padding: 10px 0;
  }
}

/* Menu for Logged in users */
.user-logged-in nav.absolute {
  top: 80px;
}
/*-----------------End copy of foundry/css/custom.css---------------*/

nav.bg-dark .menu > li > a, nav.bg-dark .module.widget-handle i, nav.bg-dark .nav-utility {
  /* opacity: 1 !important; */
  font-size: 14px;
  line-height: 26px;
}

.nav > li > a:hover, .nav > li > a:focus {
  background: none;
}

/**************************
 * Sidebar Second
 *************************/
#sidebar-second .well {
  background: none;
  border: none;
}

#sidebar-second h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
}

#sidebar-second li {
  margin-bottom: 10px;
}

#sidebar-second a {
  color: #005e9d;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  opacity: 1;
}

#sidebar-second a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/**************************
 * Footer
 *************************/
.postscript_first,
.postscript_second,
.postscript_third {
  margin-bottom: 40px;
}

footer.bg-dark {
  background-image: url('/themes/custom/uli/images/ULI-half-diamond-white.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 60%;
}

.uli-footer-logo {
  margin-bottom: 40px;
}

.uli-footer-logo a {
  display: block;
  width: 40%;
}
.uli-footer-logo a.uli-logo img {
  height: auto;
}
@media all and (max-width: 576px) {
  .uli-footer-logo a {
    width: 100%;
  }
  footer.bg-dark {
    background-image: none;
  }
}
@media all and (max-width: 767px) {
  .uli-footer-logo a {
    width: 80%;
  }
  footer.bg-dark {
    background-image: none;
  }
}
@media all and (max-width: 992px) {
  .uli-footer-logo a {
    width: 60%;
  }
  footer.bg-dark {
    background-image: none;
  }
}
footer h2 {
  border-bottom: 1px solid #ffffff;
  font-size: 26px;
}

footer nav {
  background: none;
}

footer ul {
  margin: 0px;
}

footer .field--name-body ul {
  list-style: none;
  margin: 0px;
  padding: 0px
}

footer ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

footer ul li a {
  text-decoration: none;
}

.region-footer {
  margin-top: 40px;
  font-size: 14px;
}


/* #block-uli-connect a {
  text-decoration: underline;
} */

/**************************
 * Media Slider and Header
 *************************/
.media-slider img,
.media-slider .slides li img {
  width: 100%;
}

.media-slider .slides li video {
  width: 100%;
  height: auto;
}

.media-slider .flex-control-paging {
  display: none;
}

.media-slider-logo {
  position: absolute;
  z-index: 10;
  width: 15%;
  background-color: rgb(0, 93, 157, 0.8);
  right: 50px;
  bottom: 70px;
  padding: 20px;
}
@media all and (max-width: 1200px) {
  .media-slider-logo {
    width: 20%;
    bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .media-slider-logo {
    width: 25%;
    bottom: 30px;
  }
}
@media all and (max-width: 576px) {
  .media-slider-logo {
    width: 30%;
    bottom: 30px;
  }
}
/* .header-wrapper {
  position: relative;
} */

/* .header-media-details {
  z-index: 4;
  top: 300px;
  max-height: 400px;
} */

/* .header-media-details {
  z-index: 4;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
} */

.header-media-details h1 {
  z-index: 2;
  top: 300px;
  font-size: 90px;
  line-height: 100px;
}

.header-media-details .button-links-button {
  margin: 0px;
}

/* .header-media-desc {
  margin-left: 10px;
} */

@media (max-width: 992px) {
  .header-media-details {
    padding: 0px 40px;
  }
}

@media (max-width: 768px) {
  .header-media-details h1 {
    font-size: 60px;
    line-height: 80px;
  }
}

/* .media-slider video {
  width: 100%;
  height: auto;
} */



/* .slider-badge {
padding: 20px;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
z-index: 9999;
color: #ffffff;
height: 300px;
}

.slider-badge .prop-logo {
    width: 400px;
    height: 100%;
    text-align: center;
    background-color: #ffffff;
    padding: 0px 40px;
    position: absolute;
}

.slider-badge .badge-address {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.slider-badge .badge-detail {
  color: #000000;
}

.slider-badge .prop-desc {
  width: 75%;
  color: #ffffff;
  background-color: rgb(0,93,157,0.8);
  position: absolute;
  left: 420px;
  bottom: 20px;
  padding: 40px;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
} */

/**********************
* Foundry Elements
***********************/
.button-tabs.vertical > .content {
  width: 100%;
}

.tabbed-content.button-tabs.vertical ul {
  margin-bottom: 0px;
}

/**********************
* Home Page
***********************/
/* section.home-video {
  position: relative;
}

section.home-video .home-video-cta {
  position: absolute;
  top: 300px;
  left: 10%;
} */

/*************************************
 * Residential & Commercial Properties
*************************************/
/* .prop-title{
  padding: 80px 0px 0px 0px;
}
.prop-body {
  text-align: center;
  margin-bottom: 40px;
} */
/* 
.prop-slider {
  padding: 0px;
}
*/

/**********************
*  Residential Property
***********************/
/* .slider-logo-wrap {
  position: relative;
} */

/* .res-prop-virtual-tours {
  padding-left: 100px;
  padding-right: 100px;
} */

.res-prop-virtual-tours ul {
  margin-bottom: 0px;
}

a.launch-virtual-tour {
  text-transform: uppercase;
}

.res-prop-logo img {
  width: 100%;
  height: auto;
}

/* h2.res-prop-subhead {
  font-weight: 300;
  margin-bottom: 80px;
  text-align: center;
}

@media all and (max-width: 767px) {
  h2.res-prop-subhead {
    margin-bottom: 40px;
  }
} */

.residential-property-address {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 24px;
}

.res-prop-apply-cta .res-prop-logo {
  margin-bottom: 30px;
}

.res-prop-apply-cta .res-prop-logo img {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.responsive-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.responsive-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.residential-ctas .cta-buttons {
    display: flex;
    gap: 40px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* .tenant-resources.overlay:before {
  opacity: 0.4; 
} */



.res-unit-body-buttons {
  /* margin-top: 20px; */
  margin-top: 40px;
}

.res-prop-extras-rent-includes,
.res-prop-extras-additional-expenses {
  margin-bottom: 40px;
}

.rent-includes-grid {
  display: flex;
  flex-wrap: wrap;
  /* gap: 40px; */
  column-gap: 40px;
  row-gap: 20px;
  justify-content: center;
  margin-bottom: 20px;
}

.rent-includes-grid-item {
  display: flex;
  /* column-gap: 10px; */
}

.additional-expenses-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-bottom: 20px;
}

.additional-expenses-grid-item {
  display: flex;
  column-gap: 10px;
}

.rent-includes-list-item,
.additional-expenses-list-item {
  margin-bottom: 20px;
}

.rent-includes-list-item span,
.rent-includes-list-item .rent-includes-label,
.additional-expenses-list-item span,
.additional-expenses-list-item .additional-expenses-label {
  display: inline;
  font-size: 24px;
}

.rent-includes-grid-item .rent-includes-label,
.additional-expenses-grid-item .additional-expenses-label {
  font-size: 24px;
}

.rent-includes-label .field,
.additional-expenses-label .field {
  display: inline;
}

.tab-icons {
  margin-bottom: 20px;
}

.residential-property-card {
  margin-bottom: 80px;
}

.residential-property-card .image {
  margin-bottom: 24px;
}

.residential-property-card img {
  width: 100%
}

.left .residential-property-card .image {
  float: left;
}

.property-detail-desc {
  padding: 0px 50px 0px 50px
}

.left .residential-property-card .property-detail-desc {
  float: right;
  text-align: left;
}

.right .residential-property-card .image {
  float: right;
}

.right .residential-property-card .property-detail-desc {
  float: left;
  text-align: right;
}

@media all and (max-width: 992px) {
  .residential-property-card .property-detail-desc {
    margin-top: 24px;
  }
  .residential-property-card .image {
    margin-bottom: 0px;
  }
}

/* Apartment Types */
@media (min-width: 1200px) {
  .residential-property-apartment-types .residential-property-apartment-types-cols {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
  }
}

/**********************
*  Commercial Property
***********************/
/* Commercial Amenities */

/* .commercial-amenities ul {
  margin-bottom: 0px;
} */

@media all and (max-width: 1400px) {
  .commercial-amenities .button-tabs.vertical > .tabs {
    width: 100%;
    max-width: 20%;
    float: left;
  }
  .commercial-amenities .button-tabs.vertical > .content {
    padding-left: 3%;
    max-width: 80%;
    float: right;
  }
}

.commercial-amenities .caption-wrap {
  position: relative;
  display: block;
  box-sizing: border-box;
}

.commercial-amenities .caption-wrap .amenity-img {
  position: relative;
  z-index: 0;
}

.commercial-amenities .caption-wrap .amenity-img img {
  display: block;
  width: 100%;
  height: auto;
}

.commercial-amenities .caption-wrap .amenity-caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 40%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  padding: 2rem;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.commercial-amenities .caption-wrap .amenity-caption h2 {
  color: #ffffff;
  margin-bottom: 10px;
}

.commercial-amenities .caption-wrap .amenity-caption .button-links-row {
  margin-top: auto;
}

/* .commercial-amenities .caption-wrap .amenity-body {
  margin-bottom: 20px;
} */

.commercial-amenities .caption-wrap .amenity-body p {
  font-weight: 400;
}

@media (max-width: 767px) {
  .commercial-amenities .caption-wrap {
    border: 1px solid #cccccc;
  }
  .commercial-amenities .caption-wrap .amenity-caption {
    position: relative;
    left: auto;
    color: #292929;
    background: #ffffff;
  }
  .commercial-amenities .caption-wrap .amenity-caption h2 {
    color: #292929;
  }
}

@media (max-width: 767px) {
  .commercial-property .caption-wrap {
    border: 1px solid #cccccc;
  }
  .commercial-property .caption-wrap .property-caption {
    padding: 2rem;
  }
  .commercial-property-card .image-slider {
    margin: 0px !important;
  }
}

/* Commercial Features */
@media (min-width: 1200px) {
  .commercial-features .commercial-features-cols {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
  }
}

.commercial-features-grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.commercial-features-grid .commercial-features-item {
  flex: 50%;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 32px;
  font-family: "neuzeit-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 1200px) {
  .commercial-features-grid .commercial-features-item {
    flex: 100%;
  }
}

.commercial-features-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.commercial-features-list .commercial-features-item {
  flex: 100%;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 32px;
  font-family: "neuzeit-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.commercial-feature-icon:before {
  color: #005e9d;
  font-size: 18px;
  float: left;
  line-height: 32px;
  margin-right: 5px;
}

/* Tenant Resources */
/* section.tenant-resources {
  margin-top: 80px;
  margin-bottom: 80px;
} */



/*
*
* Did something break here? Why these styles here?
*
*/

/* .image-slider .field--name-field-media-video-file {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}

.image-slider .field--name-field-media-video-file video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

/**********************
*  Select synced tabs
***********************/
.tabbed-select {
  display: none;
}

@media (max-width: 1200px) {
  .tabbed-select {
    display: block;
  }
  .select-synced-tabs ul.tabs,
  .select-synced-tabs.button-tabs ul.tabs {
    display: none;
  }
  .select-synced-tabs.button-tabs.vertical ul.content {
    padding-left: 0px;
    max-width: 100%;
  }
  .application-tabs .tabbed-select,
  .carrers-full-part .tabbed-select {
    display: none;
  }
  .application-tabs .select-synced-tabs ul.tabs,
  .application-tabs .select-synced-tabs.button-tabs ul.tabs,
  .carrers-full-part .select-synced-tabs ul.tabs,
  .carrers-full-part .select-synced-tabs.button-tabs ul.tabs {
    display: flex;
  }
}

@media (max-width: 768px) {
  .application-tabs .button-tabs .tab-title,
  .carrers-full-part .button-tabs .tab-title,
  .contact-form-tabs .button-tabs .tab-title {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .application-tabs .button-tabs .tabs li,
  .carrers-full-part .button-tabs .tabs li,
  .contact-form-tabs .button-tabs .tabs li {
    width: 80%;
  }
}

/* @media (max-width: 767px) {
  .tabbed-select {
    display: block;
  }
  .select-synced-tabs ul.tabs {
    display: none;
  }
  .select-synced-tabs.button-tabs.vertical ul.content {
    padding-left: 0px;
    max-width: 100%;
  }
} */

/**************************
 * Apartment
 *************************/
/* section.apartment-title {
  padding-left: 100px;
  padding-right: 100px;
} */

/* h2.apartment-subhead {
  font-weight: 300;
  padding-bottom: 80px;
  text-align: center;
} */

.apartment-not-available {
  margin-bottom: 24px;
}

.apartment-specs {
  display: flex;
  margin-bottom: 24px;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}

.apartment-specs .apartment-spec-item {
  flex-basis: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .apartment-specs {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
  }

  .apartment-specs .apartment-spec-item {
    flex-basis: auto;
  }
}

.apartment-specs .rent-spec-item {
  display: flex;
  justify-content: center;
}

.apartment-specs .rent-spec-item a {
  text-decoration: none;
}

.apartment-special {
  /* margin-bottom: 24px; */
  /* margin-right: 5px; */
  margin-left: 5px;
}

.apartment-special-icon:before {
  color: #005e9d;
  font-size: 24px;
}

h2 .apartment-special-icon:before {
  color: #005e9d;
  font-size: inherit;
}

.apartment-special-tag-label {
  font-size: 18px;
}

h2 .apartment-special-tag-label {
  font-size: inherit;
}

.apartment-special-modal h2 {
  border-bottom: 1px solid #cccccc;
}

.apartment-special-modal p:last-child {
  margin-bottom: 0px;
}

/* section.apartment-resources-tabs {
  padding-left: 100px;
  padding-right: 100px;
} */

.apartment-resources-tabs ul.tabs {
  width: 100%;
}

.apartment-resources-tabs img {
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}

.apartment-resources-tabs .floorplate img {
  padding: 7% 16%;
}

.apartment-actions-title h2 {
  font-size: 72px;
  line-height: 80px;
  font-weight: 100;
}

.apartment-actions .apartment-specs {
  color: #ffffff;
  font-weight: 400;
  display: flex;
  column-gap: 40px;
  flex-wrap: wrap;
}

.apartment-actions .apartment-specs .apartment-spec-item {
  text-align: left;
  /* margin-right: 40px; */
  /* display: inline-block; */
  flex-basis: auto;
}

@media (max-width: 567px) {
  .apartment-actions .apartment-specs .apartment-spec-item {
    flex-basis: 100%;
  }
}

.apartment-actions .cta-buttons {
  display: flex;
  gap: 40px;
  margin-top: 80px;
  flex-wrap: wrap;
}

.apartment-extras-additional-expenses,
.apartment-extras-rent-includes {
  margin-bottom: 40px;
}

.field--name-field-pet-policies-tab,
.field--name-field-pet-policies-tab p {
  font-size: 24px;
}

/* ??? */
/* .uli-unit-feature-list {
  padding: 26px 0px;
}

.uli-unit-feature-item h4 {
  font-weight: 300;
} */

/**************************
 * Apartment Card
 *************************/
.apartment-card {
  border: 1px solid #cccccc;
  padding: 0px;
  position: relative;
  padding-top: 30px;
}

.apartment-card.amenity-card {
  padding-top: 0px;
}

.apartment-card .image-slider {
  /* margin-top: 24px; */
}

.apartment-card .apartment-card-details {
  padding: 15px;
}

.apartment-card .apartment-title {
  margin-bottom: 20px;
}

.apartment-card .apartment-title .property-name {
  font-size: 26px;
  margin-bottom: 5px;
}

.apartment-card .apartment-details {
  margin-bottom: 20px;
}

.apartment-card .pet-details {
  margin-bottom: 10px;
}

.apartment-card .apartment-card-detail-item {
  margin-bottom: 10px;
}

.apartment-card .apartment-card-detail-item.apartment-card-rent {
  display: flex;
}

.apartment-card .apartment-card-detail-item.apartment-card-rent a {
  text-decoration: none;
}

.apartment-card .apartment-special-tag-label {
  font-size: 20px;
}

.apartment-card .apartment-special-icon:before {
  font-size: 20px;
}

.apartment-card-badge {
  background-color: #005e9d;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  font-family: "neuzeit-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

.apartment-card .apartment-card-icon:before {
  color: #005e9d;
  font-size: 20px;
}

.apartment-card .cta-buttons {
  display: flex;
  gap: 10px;
}

.apartment-search-card {
  padding-top: 0px;
}

.foundry_modal.apartment-modal {
  max-width: 60%;
  width: 60%;
}

.apartment-modal h2 {
  margin-bottom: 0px;
}

.apartment-modal .apartment-special h2 {
  margin-bottom: 20px;
}

/**************************
 * Apartment Type Detail
 *************************/
.apartment-type-detail.boxed {
  padding: 32px 0px;
}

.apartment-type-detail .apartment-type-detail-icon {
  display: inline-block;
  margin-bottom: 0px;
  color: #005e9d;
  font-size: 60px;
}

.apartment-type-detail .bed-baths {
  margin-bottom: 5px;
  min-height: 70px;
}

.apartment-type-detail .bed-detail,
.apartment-type-detail .bath-detail {
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-right: -3px;
  font-size: 24px;
  line-height: 32px;
  font-family: "neuzeit-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**************************
 * Apartment Carousel
 *************************/
.available-apartment-carousel .flex-viewport,
.available-apartment-static .flex-viewport {
  margin-right: 40px;
  margin-left: 40px;
}

.available-apartment-carousel .apartment-card,
.available-apartment-static .apartment-card {
  margin: 0 10px;
  height: 100%;
}

.available-apartment-carousel .flex-direction-nav a,
.available-apartment-static .flex-direction-nav a {
  top: 60%;
  width: 40px;
  height: 40px;
}

.available-apartment-carousel .flex-direction-nav a.flex-next:before,
.available-apartment-carousel .flex-direction-nav a.flex-prev:before,
.available-apartment-static .flex-direction-nav a.flex-next:before,
.available-apartment-static .flex-direction-nav a.flex-prev:before {
  color: #292929;
  font-size: 40px;
}

/* Static layout (NO slider) – desktop/tablet and any case where FlexSlider
   has NOT yet wrapped the slides. */
.available-apartment-static > .slides {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Each card is effectively 1/3 width, like before */
.available-apartment-static > .slides > li {
  width: calc((100% - 40px) / 3); /* 3 items, 2 gaps of 20px */
  box-sizing: border-box;
}

/* Narrow viewports when NOT a slider (e.g., if JS disabled or mobile before init) */
@media (max-width: 767px) {
  .available-apartment-static > .slides {
    gap: 0; /* optional: tighter vertical spacing */
  }

  .available-apartment-static > .slides > li {
    width: 100%;
  }
}

/**************************
 * Apartment Search
 *************************/
.view-uli-apartment-search {
  padding-left: 100px;
  padding-right: 100px;
}

@media (max-width: 992px) {
.view-uli-apartment-search {
  padding-left: 10px;
  padding-right: 10px;
}
}

.view-uli-apartment-search .view-filters {
  padding: 30px;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
}

.view-uli-apartment-search fieldset {
  margin-bottom: 40px;
}

.view-uli-apartment-search legend {
  border: none;
  font-size: 30px;
  color: #292929;
  margin-bottom: 20px;
}

.view-uli-apartment-search .fieldset-legend {
  font-weight: 400;
}

.view-uli-apartment-search .form-checkboxes .form-type-checkbox,
.view-uli-apartment-search .form-checkboxes .js-form-type-checkbox {
  margin: 10px 20px;
  padding-left: 1em;
  float: left
}

.view-uli-apartment-search .form-checkboxes .form-type-checkbox label,
.view-uli-apartment-search .form-checkboxes .js-form-type-checkbox label {
  line-height: 24px;
  font-size: 24px;
  font-weight: 300;
}

.view-uli-apartment-search .form-checkboxes .form-type-checkbox input,
.view-uli-apartment-search .form-checkboxes .js-form-type-checkbox input {
  margin-right: 5px;
  margin-top: 0px;
  height: 22px;
  width: 22px;
  accent-color: #005e9d;
}

.view-uli-apartment-search .form-checkboxes .form-type-checkbox input:checked,
.view-uli-apartment-search .form-checkboxes .js-form-type-checkbox input:checked {
  background-color: #005e9d;
  border-color: #005e9d;
}

.view-uli-apartment-search .form-type-fieldset,
.view-uli-apartment-search .js-form-type-fieldset {
  margin-right: 40px;
  float: left;
}

.view-uli-apartment-search .form-type-fieldset label,
.view-uli-apartment-search .js-form-type-fieldset label {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox {
  margin: 10px 20px;
}

.view-uli-apartment-search .pet-checkboxes .js-form-item {
  margin: 10px 20px;
  padding-left: 1em;
  float: left
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox label,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox label {
  line-height: 24px;
  font-size: 24px;
  font-weight: 300;
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox input,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox input {
  margin-right: 5px;
  margin-top: 0px;
  height: 22px;
  width: 22px;
  accent-color: #005e9d;
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox input:checked,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox input:checked {
  background-color: #005e9d;
  border-color: #005e9d;
}

.view-uli-apartment-search .form-type-date,
.view-uli-apartment-search .js-form-type-date {
  margin-right: 40px;
  float: left;
}

.view-uli-apartment-search .form-type-date label,
.view-uli-apartment-search .js-form-type-date label {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
}

.view-uli-apartment-search .form-type-select label,
.view-uli-apartment-search .js-form-type-select label {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
}

.view-uli-apartment-search .form-type-select,
.view-uli-apartment-search .js-form-type-select {
  float:left;
}

.view-uli-apartment-search .form-type-select select,
.view-uli-apartment-search .js-form-type-select select {
  margin-bottom: 0px;
  height: 38px;
}

.view-uli-apartment-search .form-type-select .select-wrapper:after,
.view-uli-apartment-search .js-form-type-select .select-wrapper:after {
  padding-right: 5px;
}

.page-view-uli-apartment-search .ajax-progress,
.page-view-uli-apartment-search .ajax-progress-throbber,
.page-view-uli-apartment-search .ajax-progress-fullscreen {
  display: none !important;
}

#views-overlay-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* Don't block clicks */
}

.views-overlay-backdrop {
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.views-overlay-spinner-inner {
  z-index: 1;
}

/* .spinner {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 3px solid #ccc;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
} */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/**************************
 * Forms
 *************************/
.js-webform-checkboxes .js-webform-type-checkbox {
  /* margin: 10px 20px;
  padding-left: 1em; */
}

.js-webform-type-radio {
  margin-bottom: 1rem;
}

.js-webform-checkboxes .js-webform-type-checkbox label,
.js-webform-type-radio label {
  line-height: 24px;
  font-size: 24px;
  font-weight: 300;
}

.js-webform-checkboxes .js-webform-type-checkbox input,
.js-webform-type-radio .form-check-input {
  margin-right: 5px;
  margin-top: 0px;
  height: 22px;
  width: 22px;
  accent-color: #005e9d;
}

.js-webform-checkboxes .js-webform-type-checkbox input:checked,
.js-webform-type-radio .form-check-input:checked {
  background-color: #005e9d;
  border-color: #005e9d;
}

/* .view-uli-apartment-search .form-type-fieldset,
.view-uli-apartment-search .js-form-type-fieldset {
  margin-right: 40px;
  float: left;
} */

.webform-submission-form fieldset legend {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
}

.webform-submission-form .form-control.js-form-submit {
  width: auto;
  font-size: 1rem;
}

.webform-submission-form .js-form-type-date input {
  height: 50px;
}

.webform-submission-form .form-control {
  font-size: 1.25rem;
}

.webform-submission-general-inquiry-form {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px) {
  .webform-submission-general-inquiry-form {
    width: 70%;
  }
}

@media (max-width: 576px) {
  .webform-submission-general-inquiry-form {
    width: 95%;
  }
}

.webform-submission-residential-inquiry-form .form-actions,
.webform-submission-residential-inquiry-form section {
  padding: 0px 20px;
}

.webform-submission-residential-inquiry-form .form-item-tell-us-about-your-pet input,
.webform-submission-residential-inquiry-form .form-item-desired-apartment input {
  margin-bottom: 5px;
}

.webform-submission-job-application-form section {
  padding: 0px 20px;
}

.webform-submission-job-application-form .form-item-upload-resume {
  padding-bottom: 1rem;
  border-bottom: 1px solid #222222;
}

.webform-submission-job-application-form .form-item-upload-resume label,
.webform-submission-job-application-form .form-item-cover-letter label {
  margin-bottom: 5px;
}

/* .view-uli-apartment-search .form-type-fieldset .form-type-checkbox,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox {
  margin: 10px 20px;
}

.view-uli-apartment-search .pet-checkboxes .js-form-item {
  margin: 10px 20px;
  padding-left: 1em;
  float: left
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox label,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox label {
  line-height: 24px;
  font-size: 24px;
  font-weight: 300;
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox input,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox input {
  margin-right: 5px;
  margin-top: 0px;
  height: 22px;
  width: 22px;
  accent-color: #005e9d;
}

.view-uli-apartment-search .form-type-fieldset .form-type-checkbox input:checked,
.view-uli-apartment-search .js-form-type-fieldset .js-form-type-checkbox input:checked {
  background-color: #005e9d;
  border-color: #005e9d;
}

.view-uli-apartment-search .form-type-date,
.view-uli-apartment-search .js-form-type-date {
  margin-right: 40px;
  float: left;
}

.view-uli-apartment-search .form-type-date label,
.view-uli-apartment-search .js-form-type-date label {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
} */

/* .webform-submission-form .form-type-select label,
.webform-submission-form .js-form-type-select label {
  font-weight: 400;
  font-size: 30px;
  color: #292929;
  display: block;
  margin-bottom: 20px;
}

.webform-submission-form .form-type-select,
.webform-submission-form .js-form-type-select {
  float:left;
}

.webform-submission-form .form-type-select select,
.webform-submission-form .js-form-type-select select {
  margin-bottom: 0px;
  height: 38px;
}

.webform-submission-form .form-type-select .select-wrapper:after,
.webform-submission-form .js-form-type-select .select-wrapper:after {
  padding-right: 5px;
} */

/**************************
 * Parking Card
 *************************/
.parking-property-card .prop-address {
  margin-bottom: 20px;
}

.parking-property-card .park-address-icon {
  margin-right: 10px;
}

.parking-property-card .park-address-icon:before {
  color: #005e9d;
}

/**************************
 * News Article
 *************************/
.news-article-card {
  min-height: 550px;
}

.news-article-card .image-slider {
  margin-bottom: 0px;
}

.news-article-card .article-title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
}

.news-article-card .field--name-body {
  margin-bottom: 24px;
}

/**************************
 * Job Posting
 *************************/
.left .res-prop-card .image {
  float: left;
}

.left .res-prop-card .prop-detail-desc {
  float: right;
}

.right .res-prop-card .image {
  float: right;
}

.right .res-prop-card .prop-detail-desc {
  float: left;
}

/* section.job-posting-content {
  margin-left: 100px;
  margin-right: 100px;
} */

.job-application-form {
  overflow: hidden;
  transition: height 300ms ease; /* ensure only height transitions */
  will-change: height;
}

/* Optional: a little spacing when open */
.job-application-form.is-open {
  margin-top: 1rem;
}

/* .careers-actions-title h2 {
  font-size: 72px;
  line-height: 80px;
  font-weight: 100;
}

.careers-actions .careers-actions-desc {
  color: #ffffff;
  font-weight: 400;
  display: block;
} */

/* .apartment-actions .apartment-specs .apartment-spec-item {
  text-align: left;
  margin-right: 40px;
  display: inline-block;
} */

/* .careers-actions .cta-buttons {
  display: flex;
  gap: 40px;
  margin-top: 80px;
} */

/**************************
 * Timeline Item
 *************************/
.view-timeline::before {
  display: block;
  content: "";
  height: 100%;
  background-color: #005e9d;
  position: absolute;
  left: 50%;
  /* top: 0; */
  width: 6px;
  margin-left: -3px;
}

.timeline-item-card {
  width: 50%;
  padding-right: 3px;
  padding-left: 0px;
}

.timeline-item-card:nth-child(even) {
  margin-left: 50%;
  padding-right: 0px;
  padding-left: 3px;
}

.timeline-image-wrap {
  position: relative;
  float: right;
}

.timeline-image-wrap .field--name-field-timeline-image {
  margin: 0px;
}

.timeline-item-card:nth-child(even) .timeline-image-wrap {
  float: left;
}

.timeline-image-wrap .year-overlay {
  position: absolute;
  bottom: 0;
  left: unset;
  right: 0;
  color: #ffffff;
  background-color: #005e9d;
  padding: 10px;
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
}

.timeline-item-card:nth-child(even) .timeline-image-wrap .year-overlay {
  left: 0;
  right: unset;
}

.timeline-content-wrap {
  text-align: right;
  padding-right: 240px;
  padding-left: 0px;
}

.timeline-content-wrap .clearfix:after {
  content: none;
}

.timeline-item-card:nth-child(even) .timeline-content-wrap {
  text-align: left;
  padding-right: 0px;
  padding-left: 240px;
}

.timeline-content-wrap h2 {
  border-bottom: 1px solid #222222;
  margin-bottom: 10px;
}

.timeline-content-wrap p:last-child {
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .view-timeline::before {
    left: 97px;
  }

  .timeline-item-card,
  .timeline-item-card:nth-child(even) {
    width: 100%;
    padding-right: 3px;
    padding-left: 0px;
    margin: 0px;
    clear: both;
  }

  .timeline-image-wrap,
  .timeline-item-card:nth-child(even) .timeline-image-wrap {
    float: left;
    margin-bottom: 40px;
  }

  .timeline-content-wrap,
  .timeline-item-card:nth-child(even) .timeline-content-wrap {
    text-align: left;
    padding-right: 0px;
    padding-left: 240px;
  }
}

@media (max-width: 992px) {
  .view-timeline::before {
    left: 7px;
  }
  .timeline-image-wrap,
  .timeline-item-card:nth-child(even) .timeline-image-wrap {
    margin-bottom: 80px;
  }
}

/**************************
 * ULI Team and Person
 *************************/
section.uli-team {
  padding-top: 0px;
}

.page-node-type-full-page .person-detail {
  padding: 50px
}

.person-card {
  text-align: center;
}

.person-card h2 {
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 400;
}

.person-card .person-job-title {
  font-weight: 400;
  margin-bottom: 10px;
}

.person-card .person-summary {
  margin-bottom: 10px;
}

.person-modal h2 {
  margin-bottom: 0px;
}

.person-modal .person-job-title {
  font-weight: 400;
  margin-bottom: 10px;
}

.person-modal .person-modal-image {
  margin-bottom: 20px;
}
/**************************
 * Handbook page
 *************************/
.page-node-type-handbook-page .main-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.page-node-type-handbook-page h1 {
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 40px;
}

 article ul.accordion {
  list-style: none;
  margin-top: 50px;
}

/*****************
 *  Views
 *****************/

/* Retail Grid */
.project a,
.project a:hover,
.project a:active,
.project a:visited {
  color: #ffffff;
}

.retail-item-title {
  font-size: 24px;
}

.retail-item-title a {
  font-weight: 400;
}

/* Resident Benefits */
.resident-benefit-item-title {
  font-size: 24px;
}

.resident-benefit-item-title a {
  font-weight: 400;
}

/* Resident Portal Grid */
section.block-resident-portal-grid {
  padding-top: 0px;
}

.view-resident-portal-grid .project {
  height: 300px;
  padding: 24px;
}

.view-resident-portal-grid .project .image-tile {
  /* min-height: 250px; */
  height: 100%;
  padding: 0px 10px;
}

.view-resident-portal-grid .project .image-tile.inner-title .title {
  left: 0;
}

.view-resident-portal-grid .project a {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.resident-portal-item-title {
  font-size: 24px;
}

.resident-portal-item-title a {
  font-weight: 400;
}

/* Apply Now Grid */
section.block-apply-now-grid {
  padding-top: 0px;
}

.view-apply-now-grid .project {
  height: 300px;
  padding: 24px;
}

.view-apply-now-grid .project .image-tile {
  /* min-height: 250px; */
  height: 100%;
  padding: 0px 10px;
}

.view-apply-now-grid .project .image-tile.inner-title .title {
  left: 0;
}

.view-apply-now-grid .project a {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.apply-now-item-title {
  font-size: 24px;
}

.apply-now-item-title a {
  font-weight: 400;
}

/* News Feed */
/* section.block-news-feed,
section.block-news-masonry {
  padding-left: 100px;
  padding-right: 100px;
} */

section.block-news-masonry {
  padding-top: 0px;
}

/* .block-news-feed .block-news-feed-title {
  border-bottom: 1px solid #222222;
  margin-bottom: 24px;
}

.block-news-feed .block-news-feed-title h2 {
  margin-bottom: 0px;
}

.block-news-feed .block-news-feed-title a {
  display: block;
  margin-top: 20px;
  float: right;
  text-decoration: none;
}

.block-news-feed .block-news-feed-title a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
} */

/* Timeline */
section.timeline-view-block {
  margin-bottom: 80px;
}

section.timeline-view-block h2.block-title {
  margin-bottom: 80px;
}

/* Res Prop Features */  /* CSS taken from Views Responsive Grid formatter */
/* .res-prop-features-responsive-grid {
  --views-responsive-grid--layout-gap: 20px;
  --views-responsive-grid--column-count: 4;
  --views-responsive-grid--cell-min-width: 100px;
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid--cell-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.res-prop-features-responsive-grid-item {
  padding-bottom: var(--views-responsive-grid--layout-gap);
  page-break-inside: avoid;
  break-inside: avoid;
}

.res-prop-feature-icon {
  float: left;
  margin-right: 10px;
}

.res-prop-feature-icon:before {
  color: #005e9d;
  font-size: 24px;
}

.res-prop-feature-label {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
} */

/* Res Prop Features */
/* .res-prop-features-responsive-grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, 30%);
}

.res-prop-features-responsive-grid-item {
  display: flex;
  column-gap: 10px;
} */

.res-prop-feature-icon {
  min-width: 40px;
}

.res-prop-feature-icon:before {
  color: #005e9d;
  font-size: 24px;
}

.res-prop-feature-label {
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  text-align: left;
}

.res-prop-features-responsive-grid {
  display: grid;
  width: 100%; /* fill parent */
  gap: 32px 40px; /* row-gap, column-gap */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Item layout: icon + label */
.res-prop-features-responsive-grid-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.res-prop-feature-icon {
  flex-shrink: 0;
  font-size: 22px; /* tweak as needed */
  line-height: 1;
}

/* Apartment Features */ /* CSS taken from Views Responsive Grid formatter */
/*
.res-unit-features-responsive-grid { 
  --views-responsive-grid--layout-gap: 10px;
  --views-responsive-grid--column-count: 2;
  --views-responsive-grid--cell-min-width: 200px;
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid--cell-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.res-unit-features-responsive-grid-item {
  padding-bottom: var(--views-responsive-grid--layout-gap);
  page-break-inside: avoid;
  break-inside: avoid;
}

.res-unit-feature-icon:before {
  color: #005e9d;
  font-size: 16px;
  float: left;
  line-height: 24px;
  margin-right: 5px;
}

.res-unit-feature-label {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
}*/

/* Apartment Features */
.apartment-features-responsive-grid {
  /* display: flex;
  flex-wrap: wrap;
  gap: 40px; */
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, 30%);
}

.apartment-features-responsive-grid-item {
  /* flex: 30%; */
  display: flex;
  column-gap: 10px;
}

.apartment-feature-icon:before {
  color: #005e9d;
  font-size: 18px;
}

.apartment-feature-label {
  /* font-size: 18px; */
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  text-align: left;
}

/* Accessibility Features */
.accessibility-features-responsive-grid {
  /* display: flex;
  flex-wrap: wrap;
  gap: 40px; */
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, 30%);
}

.accessibility-features-responsive-grid-item {
  /* flex: 30%; */
  display: flex;
  column-gap: 10px;
}

.accessibility-feature-icon:before {
  color: #005e9d;
  font-size: 18px;
}

.accessibility-feature-label {
  /* font-size: 18px; */
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  text-align: left;
}


/**************************
 * Custom Components
 *************************/

/* Basic Copy Block */

/* .basic-copy-block .basic-copy-block-title {
  text-align: center;
} */

/* .basic-copy-block .basic-copy-block-title h2 {
  font-weight: 300;
} */

/* .basic-copy-block .button-links-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.basic-copy-block .button-links-button {
  margin-left: 10px;
  margin-right: 10px;
} */

.basic-copy-block .basic-copy-block-body {
  margin-bottom: 40px;
}

.basic-copy-block .basic-copy-block-body.no-button {
  margin-bottom: 0px;
}

.basic-copy-block .no-body {
  margin-top: 40px;
}

.basic-copy-block .no-body.no-label {
  margin-top: 0px;
}

.residential-properties-by-neighborhood .select-synced-tabs select {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  width: 80%;
}

.residential-properties-by-neighborhood ul.content {
  margin-bottom: 0px;
}

.residential-properties-by-neighborhood .tab-item-header {
  margin-bottom: 64px;
}

.residential-properties-by-neighborhood .tab-item-content > :last-child > .residential-property-card {
  margin-bottom: 0px;
}

.residential-properties-by-neighborhood .tab-item-content > :last-child > .residential-property-card .image {
  margin-bottom: 0px;
}

@media all and (max-width: 767px) {
  .residential-properties-by-neighborhood .select-synced-tabs select {
    margin-bottom: 40px;
    width: 95%;
  }

  .residential-properties-by-neighborhood .tab-item-header {
    margin-bottom: 40px;
  }

}

.block-parking-properties-by-property .tabs-block .button-tabs .tabs {
  padding-left: 100px;
  padding-right: 100px;
}



section.basic-copy-block-side-title {
  padding: 10px 0px;
}

.basic-copy-block-side-title .basic-copy-block-title {
  text-align: left;
  text-transform: uppercase;
  color: #005e9d;
}

.basic-copy-block-side-title .basic-copy-block-title h2 {
  color: #005e9d;
}

.basic-copy-block-side-title .basic-copy-block-body {
  text-align: left;
}

.basic-copy-block-side-title .button-links-row {
  justify-content: left;
}

.basic-copy-block-side-title .button-links-row .button-links-button {
  margin: 0px 10px 0px 0px;
}



section.side-image-block {
  margin: 80px 0px;
  padding: 0px;
}

/* .side-image-block .side-image-image img {
  max-height: 640px;
}

.side-image-block .side-image-content {
  padding: 10%;
} */

.side-image-block .button-links-row {
  justify-content: left;
}

.side-image-block .button-links-row .button-links-button {
  margin: 0px;
}

/* Base layout: row is a flex container */
.side-image-block .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;          /* optional, if your theme adds row margins */
}

/* Mobile-first: stack, image on top */
.side-image-image,
.side-image-content {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Image sizing */
.side-image-image img {
  width: 100%;
  height: auto;
  max-height: 640px;       /* requirement #2 */
  object-fit: cover;       /* safe no-op unless height is constrained further */
  display: block;
}

@media (max-width: 768px) {
  .side-image-image img {
    margin-bottom: 40px;
  }
}

/* Center content vertically + horizontally */
.side-image-content {
  display: flex;
  align-items: center;      /* horizontal centering within column */
  justify-content: center;  /* vertical centering within column */
  padding: 0px 10%;
}

@media (max-width: 1200px) {
  .side-image-content {
    padding: 0px 5%;
  }
}

/* Inner wrapper so we don't stretch children weirdly */
.side-image-content .side-image-inner {
  width: 100%;
  max-width: 640px;         /* optional: keep content from getting too wide */
  margin: 0 auto;
}

/* Desktop: 50/50 split */
@media (min-width: 768px) {
  .side-image-image,
  .side-image-content {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Ordering logic */
/* Mobile: always image above content */
.side-image-image {
  order: 0;
}
.side-image-content {
  order: 1;
}

/* ≥768px: swap order based on .left / .right class */
@media (min-width: 768px) {
  .side-image-block.left .side-image-image {
    order: 0;  /* image left */
  }
  .side-image-block.left .side-image-content {
    order: 1;  /* content right */
  }

  .side-image-block.right .side-image-image {
    order: 1;  /* image right */
  }
  .side-image-block.right .side-image-content {
    order: 0;  /* content left */
  }
}

/* Tabs Block */

.tabs-block .tabs {
  text-align: center;
}

.tabs-block .button-tabs .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 20px;
  margin-bottom: 64px;
}

.tabs-block .button-tabs .button-links-row {
  margin-top: 40px;
}

.tabs-block .select-synced-tabs select {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  width: 80%;
}

@media all and (max-width: 767px) {
  .tabs-block .select-synced-tabs select {
    margin-bottom: 40px;
    width: 95%;
  }
}

/* .tab-content-item.image-square .image {
  position: relative;
}

.tab-content-item.image-square.left .image {
  position: absolute;
  left: 0;
} */

/* .tab-content-item.image-square.left .tab-image-content {
  position: absolute;
  right: 0;
} */

.tab-content-item .tab-image-image {
  margin-bottom: 40px;
}

.tab-content-item .tab-image-content {
  padding: 0px 50px;
}

.tab-content-item .node-body {
  margin-bottom: 40px;
}

.tab-content-item.tab-image-item .button-links-row {
  justify-content: left;
}

.tab-content-item.tab-image-item .button-links-button {
  margin: 0px 20px 0px 0px;
}



section.uli-contact {
  padding-top: 0px;
}

.uli-contact .contact-address-icon {
  margin-right: 10px;
}

.uli-contact .contact-address-icon:before {
  color: #005e9d;
}

.contact-details {
  display: flex;
  justify-content: center;
  column-gap: 100px;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  .contact-details {
    display: flex;
    justify-content: left;
    /* row-gap: 80px; */
  }
}

.contact-subtext {
  text-align: center;
}

/* section.tabs-block.contact-forms {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 0px;
} */

.contact-forms section {
  padding: 0px 20px;
}

/* section.block-benefits-grid {
  padding-left: 100px;
  padding-right: 100px;
} */

.benefit-item a {
  text-decoration: none;
}

.benefit-item a:hover {
  text-decoration: underline;
}

.benefit-item .benefit-item-title {
  font-size: 24px;
}

.benefit-item .benefit-item-title span {
  font-weight: 400;
}

section.image-cta {
  margin-top: 80px;
  margin-bottom: 80px;
}

.image-cta h2 {
  font-size: 72px;
  line-height: 80px;
  font-weight: 300;
}

.image-cta .image-cta-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 40px;
}

.image-cta .image-cta-desc p {
  font-weight: 400;
}

.image-cta .cta-buttons,
.image-cta .button-links-row {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: left;
}

.image-cta .button-links-button {
  margin: 0px;
}

section.icon-box-grid {
  margin-left: 100px;
  margin-right: 100px;
}

/* .icon-box-row {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.icon-box-item {
  flex: 1;
}

.icon-box-item .feature {
  margin-bottom: 0px;
  height: 100%;
}

.icon-box .button-links-row {
  margin-top: 24px;
}

.lifestyle-icon-box {
  position: relative;
  height: 100%;
}

.lifestyle-icon-box .icon-box-buttons {
  position: absolute;
  bottom: 0px;
  width: 100%;
} */

.icon-box-row {
  display: grid;
  grid-template-columns: 1fr;  /* < 576px: single column */
  gap: 32px;
}

/* ≥ 576px and < 990px: two columns */
@media (min-width: 576px) {
  .icon-box-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ≥ 1200px: three columns */
@media (min-width: 1200px) {
  .icon-box-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Equal-height behavior (same as before) */
.icon-box-row .icon-box-item {
  height: 100%;
}

.icon-box-row .icon-box-item > .feature {
  height: 100%;
  display: flex;
}

.icon-box-row .icon-box-item .lifestyle-icon-box.icon-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.icon-box-row .icon-box-body {
  flex-grow: 1;
}

.icon-box-row .icon-box-buttons {
  margin-top: auto;
}


.lifestyle-grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-rows: 1fr;
  gap: 40px;
}

@media (min-width: 1480px) {
  .lifestyle-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 40px;
  }
}

/* section.lifestyle-grid {
  margin-left: 100px;
  margin-right: 100px;
} */

.lifestyle-grid-item .feature {
  margin-bottom: 0px;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.job-apply-button {
  margin-top: 40px;
}

/* .block-commercial-properties-by-property {
  margin-bottom: 80px;
} */

/*********************************
 * SVG Floorplates
*********************************/
#floorplates-tabs .tab-title {
  text-align: center;
}

.floorplate-apartment-card {
  display: none;
}

.floorplate-apartment-card.active {
  display: block;
}

.map-pane {
  margin-bottom: 30px;
}

#map-tab-content svg {
  width: 100%;
}

.bkgd polygon,
.bkgd polyline,
.bkgd rect {
  /* fill: #f8f8f8; */
  /* fill: #eeeeee; */
  fill: #f5f5f5;
}

.unit polygon,
body.no-touch .unit.disabled:hover polygon,
.unit rect,
body.no-touch .unit.disabled:hover rect,
.unit polyline,
body.no-touch .unit.disabled:hover polyline {
  fill: #000000;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.unit.available polygon,
.unit.available rect,
.unit.available polyline {
  fill: #005e9d;
}

.amenity polygon,
body.no-touch .amenity.disabled:hover polygon,
.amenity rect,
body.no-touch .amenity.disabled:hover rect,
.amenity polyline,
body.no-touch .amenity.disabled:hover polyline {
  fill: #EEEEEE;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  cursor: auto;
}

.outdoor polygon,
.outdoor polyline {
  fill: #ffffff;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.line line {
  fill: #FFFFFF;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

body.no-touch .unit:hover polygon,
.unit.active polygon,
body.no-touch .unit:hover rect,
.unit.active rect,
body.no-touch .unit:hover polyline,
.unit.active polyline {
  fill: #555555;
  cursor: pointer;
}

body.no-touch .unit.disabled:hover polygon,
body.no-touch .unit.disabled:hover polyline {
  cursor: auto;
}

body.no-touch .unit.available:hover polygon,
.unit.available.active polygon,
body.no-touch .unit.available:hover polyline,
.unit.available.active polyline {
  fill: #005e9d;
  cursor: pointer;
}

.unit text,
body.no-touch .unit.disabled:hover text {
  fill: #ffffff;
  font-size: 14px;
  display: none;
}

.Monroe-map-pane .unit text,
body.no-touch .Monroe-map-pane .unit.disabled:hover text {
  font-size: 20px;
}

body.no-touch .unit:hover text,
.unit.active text {
  display: block;
  cursor: pointer;
}

body.no-touch .amenity:hover polygon,
.amenity.active polygon,
body.no-touch .amenity:hover rect,
.amenity.active rect,
body.no-touch .amenity:hover polyline,
.amenity.active polyline {
  fill: #F8F8F8;
  /* fill: #eeeeee; */
  cursor: pointer;
}

.floormap-icon.uli-icon text {
  font-family: 'uli-custom-icons';
}

.floormap-icon.et-line-icon text {
  font-family: 'et-line';
}

.amenity.floormap-icon text{
  /* fill: #ffffff; */
  fill: #005e9d;
}

.outdoor.floormap-icon text{
  fill: #005e9d;
}

body.no-touch .outdoor:hover polygon,
.outdoor.active polygon,
body.no-touch .outdoor:hover rect,
.outdoor.active rect,
body.no-touch .outdoor:hover polyline,
.outdoor.active polyline {
  fill: #F8F8F8;
  /* fill: #eeeeee; */
  cursor: pointer;
}

body.no-touch .amenity.floormap-icon:hover text,
.amenity.active.floormap-icon text {
  fill: #005e9d;
  cursor: pointer;
}

body.no-touch .outdoor.floormap-icon:hover text,
.outdoor.active.floormap-icon text {
  /* fill: #dddddd; */
  fill: #005e9d;
  cursor: pointer;
}

.floormap-icon-med text{
  font-size: 30px;
  fill: #ffffff;
}

.floormap-icon-sm text{
  font-size: 20px;
}

.floormap-icon-xsm text{
  font-size: 14px;
}

.legend {
  font-size: 24px;
  line-height: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}

.legend .swatch {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  float: left;
}

.legend-avail,
.legend-feature {
  /* float: left;
  margin-right: 30px; */
  margin-top: 10px;
}

.legend-avail .swatch {
  background-color: #005e9d;
}

.legend-feature .swatch {
  background-color: #eeeeee;
}

/* Property specific scaling (not IE) */
.NL-map-pane,
.CP-map-pane,
.WB-map-pane,
.CapHill-map-pane,
.S27-map-pane  {
  padding: 0 0%;
}
.TL-map-pane {
  padding: 0 15%;
}
.Depot-map-pane {
  padding: 0 20%;
}
.Press-map-pane {
  padding: 0 0%;
}

@media (min-width: 500px) {
  .Depot-map-pane {
    padding: 0 30%; 
  }
  .CapHill-map-pane {
    padding: 0 20%;
  }
  .TL-map-pane {
    padding: 0 25%;
  }
  .NL-map-pane {
    padding: 0 18%;
  }
  .S27-map-pane {
    padding: 0 10%;
  }
  .CP-map-pane {
    padding: 0 15%;
  }
  .WB-map-pane  {
    padding: 0 10%;
  }
  .Press-map-pane {
    padding: 0 15%;
  }
}

@media (min-width: 772px) {
  .NL-map-pane {
    padding: 0 2%;
  }
  .CP-map-pane {
    padding: 0 0%;
  }
  .WB-map-pane  {
    padding: 0 0%;
  }
  .CapHill-map-pane {
    padding: 0 10%;
  }
  .TL-map-pane {
    padding: 0 13%;
  }
  .Depot-map-pane {
    padding: 0 30%;
  }
  .S27-map-pane {
    padding: 0 0%;
  }
  .Press-map-pane {
    padding: 0 0%;
  }
}

@media (min-width: 992px) {
  .NL-map-pane {
    padding: 0 10%;
  }
  .CP-map-pane {
    padding: 0 8%;
  }
  .WB-map-pane {
    padding: 0 4%;
  }
  .CapHill-map-pane {
    padding: 0 20%;
  }
  .TL-map-pane {
    padding: 0 18%;
  }
  .Depot-map-pane {
    padding: 0 33%;
  }
  .S27-map-pane {
    padding: 0 5%;
  }
  .Press-map-pane {
    padding: 0 5%;
  }
}

@media (min-width: 1200px) {
  .NL-map-pane {
    padding: 0 14%;
  }
  .CP-map-pane  {
    padding: 0 15%;
  }
  .WB-map-pane {
    padding: 0 10%;
  }
  .CapHill-map-pane {
    padding: 0 25%;
  }
  .TL-map-pane {
    padding: 0 22%;
  }
  .Depot-map-pane {
    padding: 0 36%;
  }
  .S27-map-pane {
    padding: 0 5%;
  }
  .Press-map-pane {
    padding: 0 12%;
  }
}

/*********************************
 * Base theme carryover
 * - from foundry/css/custom.css
 * Remove if unneeded
 ********************************/
/* FlexSlide */
/* .flexslider {
  background: none;
  border: none;
  text-align: center;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
  display: block !important;
} */

/* ===== Base layout ===== */

.header-wrapper {
  width: 100%;
}

.header-container {
  width: 100%;
  position: relative;
}

/* Make the slider area a proper positioning context */
.header-wrapper .slider-logo-wrap {
  position: relative;
  padding: 0;
}

/* Slider itself: fill available width */
.header-wrapper .media-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.header-wrapper .media-slider img,
.header-wrapper .media-slider video,
.header-wrapper .media-slider iframe {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== Property logo badge: always over the slider, lower-right ===== */

/* .header-wrapper .media-slider-logo {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 5;
  background: #0053a0;
  padding: 0.75rem 1.25rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header-wrapper .media-slider-logo img {
  max-width: 180px;
  max-height: 60px;
  width: auto;
  height: auto;
  display: block;
} */

/* ===== Header media details: mobile-first (stacked below slider) ===== */

.header-wrapper .header-media-details {
  position: static;
  /* margin-top: 1.5rem; */
  padding: 0 1.5rem 2rem;
  padding-top: 1.5rem;
  color: inherit;
  text-align: left;
  z-index: 2;
  background: none;
  color: #292929;
}

.header-wrapper .header-media-details {
  background-color: #292929;
}

/* .header-wrapper .header-media-details .header-media-title h1 {
  margin-bottom: 0.75rem;
} */

/* .header-wrapper .header-media-details .header-media-desc {
  margin-bottom: 1rem;
} */

/* If overlay classes add any weird backgrounds, neutralize here on narrow */
/* .header-wrapper .header-container.overlay .header-media-details {
  background: none;
} */

/* ===== Overlay tint for wide (optional, kicks in only with .overlay-heavy) ===== */
.header-wrapper .header-container.overlay.overlay-heavy::before {
  z-index: 0;
  display: none;
}

/* .header-wrapper .header-container.overlay.overlay-heavy::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
  pointer-events: none;
} */
/* .header-wrapper .cover p,
.header-wrapper .cover h1 {
  color: #292929;
} */

/* .header-wrapper .btn-white {
  color: #292929;
  border-color: #292929;
} */
/* ===== Wide viewports: center overlay over slider ===== */

@media (min-width: 768px) {
  .header-wrapper .header-container {
    position: relative;
  }

  .header-wrapper .header-container.overlay.overlay-heavy::before {
    z-index: 3;
    display: inherit;
  }

  .header-wrapper .header-media-details {
    background-color: inherit;
  }

  .header-wrapper .cover p,
  .header-wrapper .cover h1 {
    color: inherit;
  }

  .header-wrapper .btn-white {
    color: inherit;
    border-color: inherit;
  }

  .header-wrapper .slider-logo-wrap {
    position: relative;
  }

  /* Make header-media-details an overlay centered over the slider */
  .header-wrapper .header-media-details {
    position: absolute;
    inset: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 4;
  }

  /* Ensure the inner bootstrap row/col doesn’t fight the flex centering */
  /* .header-wrapper .header-media-details > .row {
    width: 100%;
  }

  .header-wrapper .header-media-details .col-xl-8,
  .header-wrapper .header-media-details .col-lg-10,
  .header-wrapper .header-media-details .col-md-12 {
    margin-left: auto;
    margin-right: auto;
  }

  .header-wrapper .header-media-details .header-media-title h1 {
    margin-bottom: 1rem;
  }

  .header-wrapper .header-media-details .header-media-desc {
    margin-bottom: 1.25rem;
  } */

  /* Layering order: slider at base, overlay details, then logo on top */
  /* .header-wrapper .media-slider {
    z-index: 0;
  }

  .header-wrapper .header-media-details {
    z-index: 2;
  }

  .header-wrapper .media-slider-logo {
    z-index: 3;
  } */
}

.nav-bar .navbar-toggler {
  float: right;
  border-left: 1px solid #444444;
  border-radius: unset;
  padding: 0 20px;
  height: 55px;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

.nav-bar .navbar-toggler i {
  font-size: 16px;
  line-height: 55px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  color: #fff;
  opacity: .7;
}


.nav-bar .tbm,
.nav-bar .tbm-link.level-1:hover,
.nav-bar .tbm-link.level-1:focus {
  background-color: inherit;
}

.nav-bar .tbm-item.level-1 {
  border: none;
  margin-right: 16px;
}

@media (min-width: 1300px) {
  .nav-bar .tbm-item.level-1 {
    margin-right: 32px;
  }
}

.nav-bar .tbm-link.level-1 {
  color: #ffffff;
  opacity: 0.7;
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px;
  text-decoration: none;
}

.nav-bar .tbm-link.level-1:hover {
  opacity: 1;
}

.nav-bar .tbm-submenu-toggle {
  background-color: inherit;
  color: #ffffff;
  opacity: 0.7;
  margin: 0px;
  width: 1rem;
}

.nav-bar .tbm-submenu-toggle:before {
  content: "\e64b";
  font-family: 'themify';
  border: none;
  font-size: 12px;
}

.nav-bar .tbm-item.level-1.open>.tbm-submenu {
  background-color: #292929;
}

.nav-bar .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
  color: #ffffff;
  opacity: .7;
  text-decoration: none;
  font-size: 18px;
  height: inherit;
  line-height: 30px;
}

.nav-bar .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover {
  opacity: 1;
}

.nav-bar .tbm-group-title {
  font-weight: 300;
  border-bottom: 1px solid #ffffff;
  line-height: 30px;
}

.nav-bar .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link.no-link:hover {
  opacity: .7;
}