/* Styles */
/* Variables */
/* Main */
body {
  scroll-behavior: smooth;
}

::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #231f20;
}

::selection {
  color: #ffffff;
  background: #231f20;
}

a {
  color: #231f20;
}

a:hover {
  color: #827A4C;
}

a:visited {
  color: #231f20;
}

a:active {
  color: #827A4C;
}

/* Colors */
.color-swatch {
  width: 100%;
  height: 240px;
  display: block;
}

.greenMoss {
  color: #827A4C;
}

.warmGrey {
  color: #736862;
}

.ultimateGrey {
  color: #949597;
}

.cream {
  color: #E0DBD5 !important;
}

.brightWhite {
  color: #F6F8F7;
}

.jetBlack {
  color: #231f20;
}

.fdYellow {
  color: #FECF19;
}

.fdBrown {
  color: #413F3D;
}

/* Background Colors */
.bg-greenMoss {
  background-color: #827A4C !important;
}

.bg-warmGrey {
  background-color: #736862;
}

.bg-ultimateGrey {
  background-color: #949597;
}

.bg-cream {
  background-color: #E0DBD5;
}

.bg-brightWhite {
  background-color: #F6F8F7;
}

.bg-jetBlack {
  background-color: #231f20;
}

.bg-fdYellow {
  background-color: #FECF19;
}

.bg-fdBrown {
  background-color: #413F3D;
}

/* Blocks */
/* Edit Link */
.edit-link {
  display: block;
  bottom: 15px;
  left: 10px;
  z-index: 1000;
  position: fixed;
  padding: 10px;
  text-transform: uppercase;
  border: none;
  border-radius: 0.25rem;
  font-weight: 700;
}

.edit-link::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f044";
  white-space: pre;
  margin-right: 5px;
}

.edit-link:link {
  color: #F6F8F7 !important;
  background-color: #231f20;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
}

.edit-link:hover {
  color: #231f20 !important;
  background-color: #FECF19 !important;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
}

.edit-link:visited {
  color: #F6F8F7 !important;
  background-color: #231f20;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
}

.edit-link:active {
  color: #231f20 !important;
  background-color: #FECF19 !important;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
}

/* Accordion */
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

/* Gallery */
.card-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  /* 50% black overlay */
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}

.card:hover .card-image-overlay {
  opacity: 1;
}

.card-image-overlay i {
  color: white;
  font-size: 2em;
}

.is-nav-selected {
  border-color: #FECF19 !important;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color: #FECF19 !important;
}

.fancybox__progress {
  background: #FECF19 !important;
}

/* Horizontal Rule */
.horizontal-rule {
  border: 3px solid #FECF19;
  opacity: 1;
}

/* Quote Carousel */
.quote-carousel-block {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #231f20;
  background-image: url("/assets/img/repeat/repeat-pattern.webp");
  background-repeat: repeat;
}

.left-quote {
  height: 105px;
}

.right-quote {
  height: 105px;
}

/* Title Block */
.title-seperator {
  border-bottom: 5px solid #FECF19;
  height: 5px;
}

/* Back To Top */
.back-to-top:link {
  text-decoration: none !important;
}

/* Breadcrumbs */
.breadcrumb {
  margin-left: 15px;
}

.breadcrumb-item a:link {
  text-decoration: none;
}

/* topbar */
.top-info-bar {
  background-color: #E0DBD5;
  padding-left: 30px;
  padding-right: 15px;
}

.top-info-bar-delimeter {
  padding-left: 5px;
  padding-right: 5px;
  color: #FECF19;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
}

.topbar-text {
  font-size: 1rem !important;
  font-family: "Anton", sans-serif !important;
  font-weight: 500 !important;
}

.unit-item .unit-image {
  min-height: 260px;
  height: 102%;
  width: 102%;
  position: relative;
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  border-radius: 0 20px 20px 0;
}

.unit-item .unit-image img {
  position: absolute;
  inset: -1px;
  min-width: calc(100% + 2px);
  min-height: calc(100% + 2px);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  display: block;
}

.unit-item .unit-summary {
  min-height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.unit-item .unit-summary .btn {
  margin-top: 1rem;
  align-self: flex-start;
}

@media (max-width: 767.98px) {
  .unit-item .unit-image {
    min-height: 220px;
    height: auto;
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 1199.98px) {
  .unit-item .row.flex-md-row {
    flex-direction: column !important;
  }
  .unit-item .unit-image {
    order: 1 !important;
    width: 100% !important;
  }
  .unit-item .unit-summary {
    order: 2 !important;
    width: 100% !important;
  }
  .unit-item .col-md-5,
  .unit-item .col-md-7 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .unit-item .row.flex-md-row {
    flex-direction: row !important;
  }
  .unit-item .unit-image {
    order: 2 !important;
    width: auto !important;
  }
  .unit-item .unit-summary {
    order: 1 !important;
    width: auto !important;
  }
}
.unit-item {
  border-radius: 20px;
  border: 1px solid #827A4C;
  background-color: transparent;
}

.affordable-office-space > [class*=col-]:not(:last-child) {
  border-right: 2px solid #FECF19;
}

@media (max-width: 991.98px) {
  .affordable-office-space > [class*=col-]:not(:last-child) {
    border-right: none;
    border-bottom: 2px solid #FECF19;
  }
  .affordable-office-space > [class*=col-]:last-child {
    border-bottom: none;
  }
}
/* Homepage Key Benefits */
.keybenefit {
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.keybenefit:hover {
  background-color: #FECF19;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.2);
}

.card-footer {
  margin-bottom: 5px;
  color: none;
  background-color: transparent;
  border-top: none;
}

/* News & Events */
.news-card {
  background-color: #E0DBD5;
  border: none;
}

.event-card {
  background-color: #FECF19;
  border: none;
}

.preview-card {
  background-color: #E0DBD5;
  border: none;
}

.card-title a:link {
  text-decoration: none;
  color: #231f20;
}

.card-title a:hover {
  text-decoration: underline;
  color: #231f20;
}

.card-title a:visited {
  text-decoration: none;
  color: #231f20;
}

.card-title a:active {
  text-decoration: underline;
  color: #231f20;
}

/* Pagination */
#fd-pagination .pagination {
  display: flex;
  gap: 8px;
  /*justify-content: center;*/
  align-items: center;
  flex-wrap: wrap;
}

/* Remove Bootstrap spacing */
#fd-pagination .page-item {
  margin: 0;
}

/* Base Button */
#fd-pagination .page-link {
  min-width: 46px;
  height: 46px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FECF19;
  color: #231f20;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  transition: all 0.2s ease;
  box-shadow: none;
}

/* Hover */
#fd-pagination .page-link:hover {
  background: #231f20;
  color: #FECF19;
}

/* Current page */
#fd-pagination .page-item.active .page-link {
  background: #FECF19;
  color: #231f20;
  border: 2px solid #231f20;
}

/* Disabled */
#fd-pagination .page-item.disabled .page-link {
  background: #d9d9d9;
  color: #888;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Remove Bootstrap focus glow */
#fd-pagination .page-link:focus {
  box-shadow: none;
}

/* Previous / Next buttons */
#fd-pagination .page-item:first-child .page-link,
#fd-pagination .page-item:last-child .page-link {
  padding: 0 18px;
}

/* Yellow box text */
.yellow-box {
  padding: 10px;
  background-color: #FECF19;
  border-radius: 4px;
}

/* location item */
.location-item {
  border: none;
}

/* Contact Card */
.contact-card {
  background: transparent;
  border: none;
}

.contact-card a:link {
  color: #ffffff;
  text-decoration: none;
}

.contact-card a:hover {
  color: #FECF19;
  text-decoration: underline;
}

.contact-card a:visited {
  color: #ffffff;
  text-decoration: none;
}

.contact-card a:active {
  color: #FECF19;
  text-decoration: underline;
}

/* Homepage Video Wireframe Animation */
#availabilityApp {
  position: relative;
  overflow: hidden;
}

.availability-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px; /* Adjust this to suit */
  overflow: hidden;
  z-index: 0;
}

.availability-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* or contain */
  object-position: center center;
}

#availabilityApp .container {
  position: relative;
  z-index: 2;
}

/* Carousel Caption */
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: var(--bs-border-radius-xl) !important;
}

/* Quote Carousel */
.owl-theme .owl-dots .owl-dot span {
  background: #ffffff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #FECF19;
}

/* Table Style */
.table {
  border: 1px solid #231f20;
}

.table th {
  background-color: #231f20;
  color: #FECF19;
}

/* Buttons */
.btn {
  border-radius: 8px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

/* Button Size */
.btn-sm {
  font-size: 0.8rem !important;
}

.btn-lg {
  font-size: 1.5rem !important;
}

/* primary */
.fd-primary-btn {
  color: #231f20 !important;
  font-size: 1rem;
  background-color: #FECF19;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  /*transition: color 0.3s ease, background-size 0.4s ease;*/
}

.fd-primary-btn:hover,
.fd-primary-btn:focus,
.fd-primary-btn:focus-visible {
  font-size: 1rem;
  color: #F6F8F7 !important;
  background-color: #231f20;
  border: none;
}

.fd-primary-btn:visited {
  color: #231f20 !important;
  font-size: 1rem;
  background-color: #FECF19;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
}

.fd-primary-btn:visited:hover,
.fd-primary-btn:visited:focus,
.fd-primary-btn:visited:focus-visible {
  color: #F6F8F7 !important;
  background-color: #231f20;
}

.fd-primary-btn:active {
  font-size: 1rem;
  color: #F6F8F7 !important;
  background-color: #FECF19;
  border: none;
}

.fd-primary-btn.active {
  font-size: 1rem;
  color: #F6F8F7 !important;
  background-color: #827A4C;
  border: none;
}

/* Secondary Button */
.fd-secondary-btn {
  color: #FECF19 !important;
  font-size: 1rem;
  background-color: #231f20;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
}

.fd-secondary-btn:hover,
.fd-secondary-btn:focus,
.fd-secondary-btn:focus-visible {
  font-size: 1rem;
  color: #F6F8F7 !important;
  border: none;
  background-color: #FECF19;
}

.fd-secondary-btn:visited {
  color: #FECF19 !important;
  font-size: 1rem;
  background-color: #231f20;
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
}

.fd-secondary-btn:visited:hover,
.fd-secondary-btn:visited:focus,
.fd-secondary-btn:visited:focus-visible {
  color: #F6F8F7 !important;
  background-color: #FECF19;
}

.fd-secondary-btn:active {
  font-size: 1rem;
  color: #F6F8F7 !important;
  background-color: #FECF19;
  border: none;
}

/* tertiary */
.activetag {
  background-color: #ff4d00;
  border-color: #ff4d00;
  color: white;
  -webkit-font-smoothing: antialiased;
}

.tag::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f055";
  white-space: pre;
  margin-right: 5px;
}

.activetag::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f058";
  white-space: pre;
  margin-right: 5px;
}

/* Typography */
.anton-font {
  font-family: "Anton", sans-serif !important;
}

.mont-font {
  font-family: "Montserrat", sans-serif !important;
}

h1 {
  font-size: 4rem;
  font-family: "Anton", sans-serif;
  font-weight: 900;
}

h2 {
  font-size: 3rem;
  font-family: "Anton", sans-serif;
  font-weight: 700;
}

h3 {
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

h4 {
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

h5 {
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

h6 {
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

.lead {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
}

.p {
  font-family: "Montserrat", sans-serif;
}

.blockquote {
  margin-left: 30px;
}

.blockquote h2 {
  font-size: 1.8rem;
}

.blockquote-footer {
  margin-top: 5px;
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

.display-1 {
  font-family: "Anton", sans-serif;
  font-weight: 900;
}

.display-2 {
  font-family: "Anton", sans-serif;
  font-weight: 700;
}

.display-3 {
  font-family: "Anton", sans-serif;
  font-weight: 500;
}

.display-4 {
  font-family: "Anton", sans-serif;
  font-weight: 300;
}

.fd-line {
  opacity: 1;
  width: 100%;
  border-bottom: 8px solid #231f20;
}

.fd-line-white {
  opacity: 1;
  width: 100%;
  border-bottom: 8px solid #ffffff;
}

hr {
  margin-top: 3px;
}

/* Tip Tap Paragraph Issue */
ul > li > p {
  margin-bottom: 0;
}

ol > li > p {
  margin-bottom: 0;
}

/* Paragraph Columns */
.column-rule {
  column-rule: 1px solid #FECF19;
}

@media (max-width: 575px) {
  .newspaper-2 {
    column-count: 1;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 1;
    column-gap: 30px;
  }
}
@media (min-width: 576px) {
  .newspaper-2 {
    column-count: 1;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 1;
    column-gap: 30px;
  }
}
@media (min-width: 768px) {
  .newspaper-2 {
    column-count: 2;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 2;
    column-gap: 30px;
  }
}
@media (min-width: 992px) {
  .newspaper-2 {
    column-count: 2;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 3;
    column-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .newspaper-2 {
    column-count: 2;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 3;
    column-gap: 30px;
  }
}
@media (min-width: 1400px) {
  .newspaper-2 {
    column-count: 2;
    column-gap: 30px;
  }
  .newspaper-3 {
    column-count: 3;
    column-gap: 30px;
  }
}
/* Borders */
.seperator {
  display: inline-block;
  position: relative;
}

.seperator::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background: #231f20;
  margin-top: 10px;
}

.fd-border-bottom {
  border-bottom: solid 8px #231f20;
}

hr.fd-white-border-bottom {
  opacity: 1;
  border: none;
  width: 100% !important;
  border-bottom: solid 8px #ffffff;
}

.accordion-body {
  border-left: 1px solid var(--bs-accordion-border-color);
  border-right: 1px solid var(--bs-accordion-border-color);
  border-bottom: 1px solid var(--bs-accordion-border-color);
}

.card-img-overlay {
  border-radius: var(--bs-border-radius-xl);
  overflow: hidden;
}

hr.fd-border-bottom {
  opacity: 1;
  border: none;
  width: 100% !important;
  border-bottom: solid 8px #231f20;
}

.fd-white-border-bottom {
  opacity: 1;
  border: none;
  width: 100% !important;
  border-bottom: solid 8px #ffffff;
}

.nav-logo {
  max-width: 150px;
  margin-left: 15px;
}

#nav-container {
  background-color: #ffffff !important;
  font-family: "Montserrat", sans-serif;
}

/* animation */
#navcol-2 li.lineanim {
  transition: all ease-in-out 0.2s;
}

.nav-link {
  font-size: 0.8rem;
  font-weight: 600;
  border-bottom: 5px solid #fff;
  color: #231f20 !important;
}

.nav-link:focus {
  font-weight: 600;
}

.nav-link:hover {
  color: #000 !important;
  font-weight: 600;
}

/*.nav-link::first-letter{
    color:$Black!important;
}*/
.navbar-toggler {
  background-color: transparent;
  border-width: 2px;
  border-radius: 0;
}

.nav-link {
  font-weight: 600;
  text-transform: uppercase;
}

.dropdown-menu {
  font-size: 0.8rem;
  text-transform: uppercase;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-bottom: 5px solid #231f20;
  background-color: #ffffff;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #000;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 500;
  color: #000;
  text-align: inherit;
  white-space: nowrap;
  background-color: #FECF19;
  border: 0;
}

@media (min-width: 768px) {
  .lineanim {
    display: inline-block;
    color: #FECF19;
    text-decoration: none;
  }
  .lineanim::after {
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: #FECF19;
    transition: width 0.3s;
  }
  .lineanim:hover::after {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .lineanim {
    display: inline-block;
    color: #FECF19;
    text-decoration: none;
  }
  .lineanim::after {
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: #FECF19;
    transition: width 0.3s;
  }
  .lineanim:hover::after {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .lineanim {
    display: inline-block;
    color: #FECF19;
    text-decoration: none;
  }
  .lineanim::after {
    content: "";
    display: block;
    width: 0;
    height: 5px;
    background: #FECF19;
    transition: width 0.3s;
  }
  .lineanim:hover::after {
    width: 100%;
  }
}
/* Bootstrap 5 hover dropdown */
@media (min-width: 576px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
.navbar-toggler, .navbar-toggler:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.navbar-toggler-icon {
  display: inline-block;
  outline: none;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("/images/toggle/toggle-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler:focus {
  boxshadow: none;
  border: 1;
}

/* Footer */
#footer {
  color: #ffffff;
}

#footer a:link {
  color: #FECF19;
  text-decoration: none;
}

#footer a:hover {
  color: #FECF19;
  text-decoration: underline;
}

#footer a:visited {
  color: #FECF19;
  text-decoration: none;
}

#footer a:active {
  color: #FECF19;
  text-decoration: underline;
}

#cookieConsentBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 2000;
  background-color: #E0DBD5;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.5);
}

/* Forms */
::-moz-selection { /* Code for Firefox */
  color: #231f20;
  background: #FECF19;
}

::selection {
  color: #231f20;
  background: #FECF19;
}

.form-control {
  border: 1px solid #231f20;
}

input, textarea {
  caret-color: #231f20;
}

.placeholder {
  color: #736862;
}

.form-select-sm option {
  background-color: #FECF19 !important;
  color: #231f20;
}

.form-control {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  background-color: transparent;
  border: 1px solid #231f20 !important;
}

select {
  border: 1px solid #231f20 !important;
}

/* Halo */
.form-control:focus {
  border-color: #231f20;
  box-shadow: 0 0 0 0.2rem #FECF19;
}

.form-control {
  border-radius: 0.5rem;
  font-weight: 500;
  color: #231f20 !important;
  border: 1px solid #231f20;
  background-color: #ffffff;
}

input[type=checkbox],
input[type=radio] {
  accent-color: #FECF19;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: #FECF19;
  border-color: #231f20;
}

legend {
  font-weight: 700;
  text-transform: uppercase;
  color: #231f20;
  font-size: 1.5em;
}

label {
  font-weight: 700 !important;
  color: #231f20;
}

.form-label {
  font-weight: 700;
  color: #231f20;
}

::placeholder {
  font-weight: 700;
}

/* Umbraco Specific */
.umbraco-forms-form .checkboxlist label {
  float: none !important;
  clear: none !important;
}

label.umbraco-forms-label {
  font-weight: 500;
}

#contactform textarea {
  width: 100%;
}

#contactform fieldset {
  margin: 0;
}

#contactform .umbraco-forms-form input.text, .umbraco-forms-form textarea {
  min-width: 100% important;
}

.umbraco-forms-form input.text, .umbraco-forms-form textarea {
  min-width: 100% important;
}

.field-validation-error {
  color: #FECF19 !important;
  font-weight: bolder;
}