/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/src/main.scss ***!
  \************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/src/main.scss (1) ***!
  \****************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/src/main.scss (2) ***!
  \****************************************************************************************************************/
* {
  margin: 0;
  line-height: calc(1em + 0.75rem);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  overflow-y: scroll;
  background-color: var(--darkblue);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

html {
  box-sizing: border-box;
  font-size: 62.5%; /* Sets up the Base 10 stuff */
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 25rem;
}

body .breakdance {
  background-color: var(--darkblue);
}

body .breakdance .header {
  background-color: var(--blue);
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
body .breakdance .header .bde-header-builder__container {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding: 0 2rem;
  max-width: unset;
  max-width: var(--max-width-md);
}
@media (max-width: 1119px) {
  body .breakdance .header .bde-header-builder__container {
    padding: 3rem 2rem;
  }
}
body .breakdance .header--logo {
  max-width: 200px;
}
@media screen and (max-width: 1119px) {
  body .breakdance .header--logo {
    max-width: 178px;
    padding: 0;
  }
}
body .breakdance .header--links {
  height: 100%;
}
body .breakdance .header--links nav {
  height: 100%;
}
body .breakdance .header--links li {
  display: flex;
  align-items: center;
  height: 100%;
  border-top: 3px solid transparent;
}
body .breakdance .header--links li:focus, body .breakdance .header--links li:hover {
  border-color: var(--tan-dark);
}
body .breakdance .header--links a {
  color: var(--white);
  padding: 3rem 2rem;
}
body .breakdance .header--links a:focus, body .breakdance .header--links a:hover {
  color: var(--orange);
}
body .breakdance .header .breakdance-menu-item--active {
  border-top-color: var(--orange);
}
body .breakdance .header .breakdance-menu-item--active a {
  color: var(--orange) !important;
}
body .breakdance .header--alt .bde-header-builder__container {
  padding: 2rem;
}
body .breakdance .header--alt .powered-by {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem;
}
body .breakdance .header--alt .powered-by span {
  color: var(--white);
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 1.2rem;
}
body .breakdance .header--alt .powered-by img {
  width: 100%;
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  body .breakdance .header--alt .powered-by {
    flex-direction: column;
    gap: 0;
  }
}

body .breakdance .hero {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
}
body .breakdance .hero .section-container {
  max-width: var(--bde-section-width);
  height: 100%;
  width: 100%;
  padding-top: 0;
  height: 75vh;
}
@media screen and (max-width: 768px) {
  body .breakdance .hero .section-container {
    padding-bottom: 2rem;
    margin-top: auto;
  }
}
@media screen and (max-width: 568px) {
  body .breakdance .hero .section-container {
    height: 100svh;
  }
}
body .breakdance .hero .bde-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 950px) {
  body .breakdance .hero .bde-columns {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
body .breakdance .hero .bde-column:last-child {
  display: flex;
  flex-direction: column;
  padding: 3rem;
  gap: 2rem;
  background-color: rgba(16, 27, 36, 0.4980392157);
  width: 100%;
  margin-left: auto;
}
body .breakdance .hero .bde-column:last-child h1,
body .breakdance .hero .bde-column:last-child p {
  color: var(--white);
  max-width: 35em;
  margin: 0;
}
body .breakdance .hero .bde-column:last-child h1 {
  text-transform: uppercase;
  font-weight: 600;
  max-width: 8em;
}
body .breakdance .hero .bde-column:last-child h3 {
  color: var(--orange);
  font-weight: 600;
  font-size: 2.1rem;
}
body .breakdance .hero .bde-column:last-child p {
  font-weight: lighter;
  max-width: 21em;
}
body .breakdance .hero--alt {
  background-position: center;
}
body .breakdance .hero--alt .section-container {
  min-height: 75vh;
  padding-bottom: 4rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  body .breakdance .hero--alt .section-container {
    min-height: 60vh;
    padding-bottom: 0;
  }
}
body .breakdance .hero--alt .bde-heading,
body .breakdance .hero--alt .bde-text {
  color: var(--white);
}
body .breakdance .hero--alt .bde-heading {
  text-transform: uppercase;
  max-width: 18em;
}
body .breakdance .hero--alt .bde-text {
  max-width: 40em;
}
body .breakdance .hero--alt .post-meta {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 2rem;
}
body .breakdance .hero--alt .post-meta .bde-text {
  color: var(--orange);
  font-size: 1.6rem;
}
body .breakdance .hero--alt .post-meta .bde-text {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-lg);
  color: var(--white);
  background: var(--orange);
}
body .breakdance .hero--alt .section-container {
  gap: 1rem;
}
body .breakdance .decorative-element {
  position: absolute;
  top: -4rem;
  right: -4rem;
  max-width: 150px;
}

body .breakdance .footer {
  background-color: var(--darkblue);
}
body .breakdance .footer .section-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: var(--max-width-md);
  gap: 2rem;
  padding: 6rem 2rem;
}
@media (max-width: 768px) {
  body .breakdance .footer .section-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding: 6rem 2rem;
  }
}
body .breakdance .footer a {
  text-decoration: none;
}
body .breakdance .footer a:hover {
  color: var(--tan-dark);
}
body .breakdance .footer span {
  color: var(--orange);
  text-transform: uppercase;
}
body .breakdance .footer--logo {
  max-width: 150px;
}
body .breakdance .footer--left, body .breakdance .footer--middle, body .breakdance .footer--right {
  gap: 2rem;
}
body .breakdance .footer--middle, body .breakdance .footer--right {
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  body .breakdance .footer--left {
    align-items: center;
  }
}
@media (max-width: 768px) {
  body .breakdance .footer--left .breakdance-menu-list {
    align-items: center;
    justify-self: center;
  }
}
body .breakdance .footer--left .breakdance-menu-list ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}
@media (max-width: 768px) {
  body .breakdance .footer--left .breakdance-menu-list ul {
    align-items: center;
    justify-self: center;
  }
}
body .breakdance .footer--left .breakdance-menu-list li {
  list-style: none;
}
body .breakdance .footer--left .breakdance-menu-list li.breakdance-menu-item--active a {
  color: var(--orange);
}
body .breakdance .footer--left .breakdance-menu-list li.breakdance-menu-item:hover a {
  color: var(--tan);
}
body .breakdance .footer--left .breakdance-menu-list a {
  color: var(--white);
  text-decoration: none;
  line-height: unset;
}
body .breakdance .footer--right p,
body .breakdance .footer--right a {
  color: var(--white);
  max-width: 12em;
  text-align: center;
  margin: 0 auto;
}
body .breakdance .footer--right p:hover,
body .breakdance .footer--right a:hover {
  color: var(--tan-dark);
}
body .breakdance .copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue);
}
body .breakdance .copyright a,
body .breakdance .copyright p {
  font-size: 1.4rem;
}
body .breakdance .copyright a {
  color: var(--white);
  text-decoration: none;
}
body .breakdance .copyright a:hover {
  color: var(--tan);
}
body .breakdance .copyright p {
  color: var(--white);
  text-align: center;
}
@media screen and (max-width: 768px) {
  body .breakdance .copyright p {
    padding: 0 4rem;
  }
}
body .breakdance .copyright .section-container {
  padding: 2rem;
}

body .breakdance .mobile-menu .bde-section:not(:first-child, :last-child) {
  border-bottom: 1px solid var(--darkblue);
}
body .breakdance .mobile-menu .section-container {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 2rem;
}
body .breakdance .mobile-menu .section-container img {
  max-width: 178px;
}
body .breakdance .mobile-menu .breakdance-popup-content {
  background-color: var(--blue);
  padding: 0;
}
body .breakdance .mobile-menu a {
  color: var(--white);
  text-decoration: none;
}
body .breakdance .mobile-menu a:hover {
  color: var(--tan);
}
body .breakdance .mobile-menu i {
  font-size: 2.8rem;
  line-height: 2.8rem;
  color: var(--white);
}
body .breakdance .mobile-menu .copyright {
  display: flex;
  align-items: center;
  margin-top: auto;
}
body .breakdance .mobile-menu .copyright p {
  width: 100%;
  color: var(--white);
}
body .breakdance .mobile-menu .breakdance-menu-list {
  gap: 2rem;
}
body .breakdance .mobile-menu .breakdance-menu-list a {
  color: var(--white);
  padding: 0;
  line-height: 1;
}
body .breakdance .mobile-menu .breakdance-menu-list a:hover {
  color: var(--tan);
}
body .breakdance .mobile-menu .social-links .section-container {
  align-items: center;
  justify-content: center;
}
body .breakdance .mobile-menu .breakdance-menu-item--active .breakdance-menu-link {
  color: var(--orange);
}
body .breakdance .mobile-menu .bde-text {
  width: 100%;
}

body .breakdance .cta {
  background-color: var(--tan-darker);
  position: relative;
}
body .breakdance .cta .svg {
  position: absolute;
  left: -80%;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
body .breakdance .cta .section-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10rem;
  padding: 6rem 2rem;
}
body .breakdance .cta .section-container div {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  body .breakdance .cta .section-container div {
    gap: 1.5rem;
  }
}
@media (max-width: 1130px) {
  body .breakdance .cta .section-container {
    flex-direction: column;
    gap: 6rem;
  }
}
@media (max-width: 768px) {
  body .breakdance .cta .section-container {
    gap: 3rem;
  }
}
body .breakdance .cta .section-container .bde-image:not(.svg) img {
  max-width: 8em;
}
body .breakdance .cta p {
  max-width: 40em;
}
body .breakdance .cta .bde-heading {
  text-transform: uppercase;
}
body .breakdance .cta .bde-text {
  font-weight: lighter;
}
body .breakdance .cta .bde-heading,
body .breakdance .cta .bde-text {
  color: var(--white);
}
@media (min-width: 938px) {
  body .breakdance .cta .section-container {
    flex-direction: row;
  }
}
@media (max-width: 937px) {
  body .breakdance .cta .section-container {
    align-items: flex-start;
    padding: 6rem 2rem;
  }
}
@media (max-width: 937px) {
  body .breakdance .cta .section-container .svg {
    display: none;
  }
}

body .breakdance .content-block {
  background-color: var(--darkblue);
  margin-bottom: 6rem;
}
@media (max-width: 1119px) {
  body .breakdance .content-block {
    margin-bottom: 0;
  }
}
body .breakdance .content-block:first-child {
  margin-top: 6rem;
}
body .breakdance .content-block.contact-cta {
  padding: 6rem 2rem;
  margin: 0;
  border-bottom: 1px solid;
}
body .breakdance .content-block.contact-cta .section-container {
  align-items: flex-start;
  gap: 0;
}
body .breakdance .content-block.contact-cta .section-container > div:first-child {
  padding: 0 4rem;
}
@media screen and (max-width: 768px) {
  body .breakdance .content-block.contact-cta .section-container > div:first-child {
    padding: unset;
  }
}
body .breakdance .content-block.contact-cta img {
  aspect-ratio: unset;
  border-radius: var(--border-radius);
  max-width: 90%;
}
@media screen and (max-width: 768px) {
  body .breakdance .content-block.contact-cta img {
    max-width: unset;
  }
}
body .breakdance .content-block .section-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  padding: 0;
  gap: 2rem;
}
@media (max-width: 768px) {
  body .breakdance .content-block .section-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
body .breakdance .content-block .bde-image {
  width: 100%;
}
body .breakdance .content-block img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  border-radius: var(--border-radius);
}
body .breakdance .content-block:not(.content-block--reversed) .bde-div:last-child {
  padding: 4rem;
}
@media (max-width: 768px) {
  body .breakdance .content-block:not(.content-block--reversed) .bde-div:last-child {
    padding: 6rem 2rem;
  }
}
@media (max-width: 768px) {
  body .breakdance .content-block:not(.content-block--reversed) .bde-div {
    gap: 1.5rem;
  }
}
body .breakdance .content-block--reversed {
  padding-top: 0;
}
body .breakdance .content-block--reversed .bde-div:first-child {
  order: 1;
}
@media (max-width: 768px) {
  body .breakdance .content-block--reversed .bde-div:first-child {
    order: 0;
  }
}
body .breakdance .content-block--reversed .bde-div:last-child {
  padding: 6rem 2rem;
}
@media (min-width: 1024px) {
  body .breakdance .content-block--reversed .bde-div:last-child {
    padding: 4rem;
  }
}
body .breakdance .content-block .bde-heading {
  color: var(--orange);
  max-width: 16em;
}
body .breakdance .content-block .bde-text {
  max-width: 35em;
  color: var(--white);
}
body .breakdance .content-block .bde-div {
  gap: 3rem;
}
body .breakdance .content-block .button-atom--primary {
  background-color: var(--tan-darker);
  color: var(--white);
}
body .breakdance .content-block .button-atom--primary:hover {
  background-color: var(--white);
  color: var(--tan-darker);
}

body .breakdance .six-sides-of-service .bde-heading {
  color: var(--white);
}
@media screen and (max-width: 767px) {
  body .breakdance .six-sides-of-service .bde-heading {
    display: none;
  }
}
body .breakdance .six-sides-of-service .section-container {
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 6rem 2rem;
}
@media (max-width: 768px) {
  body .breakdance .six-sides-of-service .section-container {
    padding: 6rem 2rem;
  }
}
body .breakdance .six-sides-of-service img {
  max-height: 700px;
}

body .breakdance .logos {
  background-color: var(--grey);
}

body .breakdance .featured-projects {
  background-color: var(--grey);
}
body .breakdance .featured-projects .section-container {
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 6rem 2rem;
}
@media (max-width: 768px) {
  body .breakdance .featured-projects .section-container {
    gap: 1.5rem;
    padding: 6rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  body .breakdance .featured-projects .projects {
    grid-template-columns: repeat(1, 1fr);
  }
}
body .breakdance .projects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 576px) {
  body .breakdance .projects {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  body .breakdance .projects {
    grid-template-columns: repeat(2, 1fr);
  }
}
body .breakdance .projects img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: var(--border-radius);
}
body .breakdance .projects .project {
  display: flex;
  flex-direction: column;
  transition: 0.2s ease-in-out;
  border: 1.5px solid #f4f4f4;
  border-radius: var(--border-radius);
}
body .breakdance .projects .project-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem;
  border-radius: 8px;
  height: 100%;
}
body .breakdance .projects .project-content .post-meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body .breakdance .projects .project-content .post-meta p {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-lg);
  color: var(--tan-dark);
  background: var(--white);
}
body .breakdance .projects .placeholder,
body .breakdance .projects .project-thumbnail {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
body .breakdance .projects .project-thumbnail {
  background-size: cover;
  background-position: center;
}
body .breakdance .projects .placeholder {
  background-color: var(--blue);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
body .breakdance .projects a {
  background-color: var(--tan);
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px 20px;
  transition: all ease 0.2s;
  margin-top: auto;
}
body .breakdance .projects a:hover {
  background-color: var(--white);
  color: var(--tan);
}
body .breakdance .project-filters {
  display: flex;
  gap: 2rem;
  padding: 2rem 0;
}
body .breakdance .pagination {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 4rem 0;
}
body .breakdance .pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  padding: 1.5rem;
  border: 0.2px solid #707070;
  border-radius: 5px;
  line-height: 0;
  text-decoration: none;
}
body .breakdance .pagination .page-numbers:hover, body .breakdance .pagination .page-numbers.current {
  background-color: var(--blue);
  color: var(--white);
}
body .breakdance .no-projects {
  text-align: center;
  padding: 2rem;
}

.select2 {
  font-family: var(--opensans);
}

.select2-container--default .select2-selection--single {
  background: none !important;
  border: 0 !important;
}

.select2-results__option:hover, .select2-results__option--selectable:hover {
  background-color: #e2e8ef !important;
  color: var(--black) !important;
}
.select2-results__option--highlighted .select2-results__option--selectable {
  background-color: #e2e8ef;
  color: var(--black);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(226, 232, 239, 0.2392156863) !important;
  color: var(--black) !important;
}

.select2-results__option:first-child {
  opacity: 0;
}
.select2-results__option:first-child:hover {
  background-color: none;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: unset !important;
}

.select2-results__options li:nth-child(2) {
  font-family: var(--opensans);
  text-transform: uppercase;
}

.select2-selection,
.select2-dropdown {
  font-family: var(--opensans);
}

.select2-dropdown {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  opacity: 1;
  border-radius: 5px !important;
  border: 0 !important;
  width: unset;
}

.select2-results__option {
  padding: 1rem 2rem !important;
  font-size: 1.4rem;
}

.select2-selection__rendered {
  text-transform: uppercase;
}

.select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0 !important;
}
.select2-selection__arrow b {
  display: none;
}
.select2-selection__arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3C%21--%21Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill=%27%23B65039%27 d=%27M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
}

.select2-container--open .select2-selection__rendered {
  font-family: var(--opensans);
}
.select2-container--open .select2-selection__arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3C%21--%21Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill=%27%23B65039%27 d=%27M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z%27/%3E%3C/svg%3E");
}

body .breakdance .reset {
  background: var(--blue);
  padding: 0.5rem 1rem;
  border-radius: 18px;
  font-size: 1rem;
  text-transform: uppercase;
  color: white;
  line-height: 0;
}
body .breakdance .reset:hover {
  background: var(--darkblue);
}

.single-project .content {
  border-bottom: 1px solid var(--orange);
}
.single-project .content .section-container {
  color: var(--darkblue);
  max-width: 1120px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 4rem;
}
.single-project .content .breakdance-rich-text-styles {
  margin: 0 auto;
}
.single-project .content .breakdance-rich-text-styles .section-container {
  padding: 0;
}
.single-project .content p,
.single-project .content .bde-text {
  max-width: 40em;
  text-align: justify;
  color: var(--white);
}
.single-project .content .error {
  color: var(--white);
  margin: 0 auto;
}
.single-project .content img {
  border-radius: 5px;
}
.single-project .content .wp-block-heading {
  color: var(--white);
}
.single-project .content .wp-block-media-text__content {
  margin-bottom: auto;
}
.single-project .ee-postmeta-author,
.single-project .ee-postmeta-date {
  text-transform: uppercase;
  letter-spacing: 0.5rem;
}
.single-project .bde-adjacentposts {
  align-items: flex-start;
}
.single-project .bde-adjacentposts .ee-adjacentposts-prev,
.single-project .bde-adjacentposts .ee-adjacentposts-next {
  align-items: flex-start !important;
}
.single-project .bde-adjacentposts .ee-adjacentposts-icon {
  color: var(--orange) !important;
}
.single-project .bde-adjacentposts .ee-adjacentposts-label,
.single-project .bde-adjacentposts .ee-adjacentposts-title {
  color: var(--white) !important;
}
.single-project .bde-adjacentposts .ee-adjacentposts-label {
  color: var(--tan) !important;
}

body .breakdance .contact-form {
  position: relative;
  background-color: var(--blue);
}
body .breakdance .contact-form .section-container {
  max-width: unset;
}
body .breakdance .contact-form .section-container > .bde-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  max-width: var(--max-width-sm);
  align-items: center;
}
@media screen and (max-width: 768px) {
  body .breakdance .contact-form .section-container > .bde-div {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  body .breakdance .contact-form .section-container .content .bde-div:first-child {
    display: none;
  }
}
body .breakdance .contact-form .section-container .bde-div {
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  body .breakdance .contact-form img {
    display: none;
  }
}
body .breakdance .contact-form h1 {
  color: var(--orange);
}
body .breakdance .contact-form .svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 40%;
}
body .breakdance .contact-form .bde-text {
  color: var(--white);
}
body .breakdance .contact-form .contact {
  border: 1px solid var(--orange);
  border-right: 0;
  border-top: 0;
  padding: 1rem;
  border-radius: 0;
}
body .breakdance .contact-form .contact p,
body .breakdance .contact-form .contact a {
  color: var(--white);
  max-width: 12em;
  text-align: center;
  text-decoration: none;
}
body .breakdance .contact-form .contact a:hover {
  color: var(--tan);
}
body .breakdance form fieldset {
  border: 0;
  padding: 0;
}
body .breakdance form .frm_message p {
  color: var(--white);
  font-family: var(--opensans);
}
body .breakdance form input,
body .breakdance form textarea {
  width: 100%;
  border-radius: var(--border-radius);
  border: 0;
  padding: 0.5rem 1rem;
  color: var(--white);
  font-family: var(--opensans);
  background: none;
  border-bottom: 1px solid var(--orange);
  border-radius: 0;
}
body .breakdance form .frm_primary_label {
  color: var(--white);
  font-family: var(--opensans);
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
}
body .breakdance form .frm_description {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: var(--orange);
  text-transform: uppercase;
  font-family: var(--opensans);
}
body .breakdance form .frm_fields_container {
  row-gap: 1rem;
}
body .breakdance form .frm_error {
  font-size: 1rem;
  color: var(--orange);
  background-color: rgb(101, 73, 57);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  padding: 0.5rem;
  margin: 0.5rem 0;
}
body .breakdance form .frm_error_style {
  font-size: 1rem;
  color: var(--orange);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  padding: 0.5rem;
}
body .breakdance form input {
  font-family: var(--opensans);
  color: var(--white);
}
body .breakdance .careers {
  padding: 2rem;
  border-radius: 8px;
  background: #1e2d41;
  border: 2px solid #313c4a;
}
body .breakdance .careers .bde-heading,
body .breakdance .careers .frm_description {
  color: var(--white);
}
body .breakdance .careers input {
  border-color: var(--white);
}
body .breakdance .careers .frm_button_submit {
  background-color: transparent;
  color: var(--white);
  border: 1px solid var(--white);
}
body .breakdance .careers .frm_button_submit:hover {
  border-color: var(--tan);
}
body .breakdance .frm_dropzone {
  max-width: 150px;
}
body .breakdance .frm_dropzone .dz-message {
  background: transparent;
}
body .breakdance .frm_dropzone svg {
  max-width: 25px;
  fill: var(--white);
}
body .breakdance .frm_dropzone p {
  font-size: 1.4rem;
}
body .breakdance .frm_dropzone span,
body .breakdance .frm_dropzone button,
body .breakdance .frm_dropzone p {
  color: var(--white);
}
body .breakdance .frm_button_submit {
  font-family: var(--opensans);
  background-color: var(--white);
  color: var(--black);
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.4rem 2rem;
  transition: all ease 0.2s;
  min-width: 125px;
}
body .breakdance .frm_button_submit:hover {
  background-color: var(--tan);
  color: var(--white);
}

body .breakdance .breadcrumbs .section-container {
  padding: 2rem;
}
body .breakdance .breadcrumbs .bde-breadcrumbs a,
body .breakdance .breadcrumbs .bde-breadcrumbs span {
  font-size: 1.4rem;
  color: var(--white);
  font-weight: lighter;
}
body .breakdance .breadcrumbs .bde-breadcrumbs a:hover {
  color: var(--tan);
}
body .breakdance .breadcrumbs .bde-breadcrumbs .breadcrumb_last {
  color: var(--orange);
}
body .breakdance .breadcrumbs .bde-breadcrumbs .breadcrumb_last strong {
  font-weight: 500;
}
body .breakdance .breadcrumbs .bde-breadcrumbs > span {
  display: flex;
  align-items: center;
  gap: 1rem;
}

body .breakdance .sub-hero {
  margin: 6rem 0;
}
body .breakdance .sub-hero .section-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  gap: 3rem;
}
body .breakdance .sub-hero .section-container h1,
body .breakdance .sub-hero .section-container p {
  max-width: 40em;
  color: var(--white);
}

body .breakdance .testimonials {
  background-color: var(--white);
  color: var(--black);
  overflow: hidden !important;
}
body .breakdance .testimonials .section-container {
  align-items: center;
  padding: 2rem;
}
body .breakdance .testimonials .quote-top {
  margin-right: auto;
}
body .breakdance .testimonials .quote-bottom {
  margin-left: auto;
}
body .breakdance .testimonials .quote-top img,
body .breakdance .testimonials .quote-bottom img {
  max-width: 125px;
}
body .breakdance .testimonials .swiper-slide {
  padding: 4rem 2rem;
}
body .breakdance .testimonials .content {
  max-width: 572px;
  margin: 0 auto;
  text-align: left;
  display: flex;
  flex-direction: column;
}
body .breakdance .testimonials p {
  font-weight: lighter;
}
body .breakdance .testimonials p:first-child {
  padding-bottom: 1rem;
}
body .breakdance .testimonials .author {
  font-weight: bold;
}
body .breakdance .testimonials .company {
  font-style: italic;
}
body .breakdance .testimonials .author,
body .breakdance .testimonials .company {
  text-align: right;
}
body .breakdance .testimonials .swiper-button-prev,
body .breakdance .testimonials .swiper-button-next {
  color: #d1d8de;
}
@media screen and (max-width: 768px) {
  body .breakdance .testimonials .swiper-button-prev::after,
  body .breakdance .testimonials .swiper-button-next::after {
    font-size: 1.5rem;
  }
}
body .breakdance .testimonials .swiper-pagination {
  display: none;
}
body .breakdance .testimonials .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}

body .breakdance .cards {
  background-color: var(--darkblue);
}
body .breakdance .cards .section-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--max-width-md);
}
@media screen and (min-width: 1399px) {
  body .breakdance .cards .section-container {
    padding: 0 2rem;
  }
}
body .breakdance .cards .bde-shortcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 6rem 0;
}
body .breakdance .cards h2 {
  width: 100%;
  text-align: center;
  color: var(--white);
}
body .breakdance .cards__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 950px) {
  body .breakdance .cards__container {
    grid-template-columns: repeat(1, 1fr);
  }
}
body .breakdance .cards__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 950px) {
  body .breakdance .cards__card {
    min-height: 400px;
  }
}
body .breakdance .cards__card::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.2s all ease-in-out;
}
body .breakdance .cards__card:hover::after {
  background-color: rgba(25, 34, 46, 0.8941176471);
  outline: 1.5px solid var(--tan);
  outline-offset: -1.5rem;
}
body .breakdance .cards__card:hover .cards__content {
  opacity: 1;
}
body .breakdance .cards__card:hover .cards__heading {
  opacity: 0;
}
body .breakdance .cards__image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
body .breakdance .cards__heading, body .breakdance .cards__heading-inner, body .breakdance .cards__description, body .breakdance .cards__content, body .breakdance .cards__button {
  z-index: 2;
}
body .breakdance .cards__heading {
  position: absolute;
  top: 3rem;
  left: 3rem;
}
body .breakdance .cards__heading, body .breakdance .cards__heading-inner {
  color: var(--white);
}
body .breakdance .cards__description {
  color: var(--white);
}
body .breakdance .cards__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  padding: 3rem;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.2s all ease-in-out;
}
body .breakdance .cards__button {
  margin-top: auto;
}
body .breakdance .cards__button button {
  display: inline-block;
  width: auto;
  background-color: var(--tan);
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.4rem 2rem;
  transition: all ease 0.2s;
}
body .breakdance .cards__button button:hover {
  background-color: var(--white);
  color: var(--tan);
  cursor: pointer;
}

body .breakdance .about {
  background-color: var(--white);
}
body .breakdance .about .section-container {
  max-width: var(--max-width-md);
  flex-direction: column;
}
body .breakdance .about .bde-heading {
  color: var(--orange);
}
body .breakdance .about .bde-rich-text {
  color: var(--black);
  max-width: 35em;
  font-weight: lighter;
}
body .breakdance .about .button-atom--primary {
  display: inline-block;
  width: auto;
  background-color: var(--tan);
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.4rem 2rem;
  transition: all ease 0.2s;
}
body .breakdance .about .button-atom--primary:hover {
  background-color: var(--black);
  color: var(--white);
  cursor: pointer;
}
body .breakdance .about .bde-columns {
  align-items: center;
}
@media screen and (min-width: 950px) {
  body .breakdance .about .bde-columns {
    flex-direction: row;
  }
}
body .breakdance .about .bde-column {
  gap: 3rem;
}

:root {
  --darkblue: #19222e;
  --blue: #233346;
  --white: #ffffff;
  --tan: #bf561f;
  --grey: #e5e9ed;
  --tan-darker: #b65039;
  --tan-dark: #cb734f;
  --orange: #f4874c;
  --black: #000000;
  --max-width-lg: 1920px;
  --max-width-md: 1440px;
  --max-width-sm: 1280px;
  --opensans: "Open Sans", sans-serif;
  --titillium: "Titillium Web", sans-serif;
  --border-radius: 4px;
  --border-radius-lg: 24px;
}

body .breakdance p,
body .breakdance h1,
body .breakdance h2,
body .breakdance h3,
body .breakdance h4,
body .breakdance h5,
body .breakdance h6,
body .breakdance li,
body .breakdance a {
  overflow-wrap: break-word;
  font-size: 1.8em; /* 20px */
}
body .breakdance h1,
body .breakdance h2,
body .breakdance h3,
body .breakdance h4,
body .breakdance h5,
body .breakdance h6,
body .breakdance .wp-block-heading,
body .breakdance .bde-heading {
  font-family: var(--titillium);
}
body .breakdance h1 {
  font-size: clamp(2.75rem, 5.5vw, 3.85rem);
}
body .breakdance h2 {
  font-size: clamp(2.2rem, 4.4vw, 3.3rem);
  text-transform: uppercase;
}
body .breakdance h3 {
  font-size: clamp(1.925rem, 3.85vw, 2.75rem);
}
body .breakdance h4 {
  font-size: clamp(1.65rem, 3.3vw, 2.2rem);
}
body .breakdance h5 {
  font-size: clamp(1.375rem, 2.75vw, 1.925rem);
}
body .breakdance h6 {
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
}
body .breakdance p,
body .breakdance li,
body .breakdance a,
body .breakdance .breakdance-menu-link {
  font-family: var(--opensans);
  font-size: clamp(1.6rem, 2vw, 1.5rem);
}

body .breakdance button,
body .breakdance input[type=submit],
body .breakdance input[type=reset],
body .breakdance .frm_button_submit {
  border: none;
  font: inherit;
  cursor: pointer;
}
body .breakdance button::hover,
body .breakdance input[type=submit]::hover,
body .breakdance input[type=reset]::hover,
body .breakdance .frm_button_submit::hover {
  cursor: pointer;
}
body .breakdance .button-atom--primary {
  background-color: var(--white);
  color: var(--black);
  text-transform: uppercase;
  border-radius: 0;
}
body .breakdance .button-atom--primary:hover {
  background-color: var(--black);
  color: var(--white);
}
body .breakdance .bde-social-icons__icon-wrapper svg {
  width: 21px !important;
  height: 21px !important;
}

body .breakdance .search .bde-heading,
body .breakdance .search .ee-post-wrap,
body .breakdance .search .ee-post-title {
  color: var(--white);
}
body .breakdance .search .ee-post-image {
  aspect-ratio: 4/3;
}
body .breakdance .search .ee-post-meta-date {
  color: var(--orange);
  text-transform: uppercase;
}
body .breakdance .search .ee-post-button:hover {
  background-color: var(--tan) !important;
}
body .breakdance .search-form__field {
  color: var(--tan);
  font-family: var(--opensans);
}