/*
Site: Bald Eagle Camps (Site ID: 2)
Description: Per-site style overrides, loaded after main-styles/other-styles via functions.php
Version: 1.0.0
Last updated: 2026-07-27
Author: Dev TEam
*/

body {
  padding-top: var(--wp--preset--spacing--fluid-20);
  padding-right: var(--wp--preset--spacing--fluid-20);
  padding-left: var(--wp--preset--spacing--fluid-20);
}

.letter-spacing-04em {
  letter-spacing: .04em !important;
}

/* HEADER */
.floating-header-ctn {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--fluid-20);
  padding-right: var(--wp--preset--spacing--fluid-20);
  margin-top: var(--wp--preset--spacing--50) !important;
  /* box-sizing: border-box; */
}

.nav-inner-ctn {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  height: 100vh;
}

.floating-header-ctn > div:first-child {
  backdrop-filter: blur(5px);
}

/* HOME */
.blue-separator {
  margin-left: 0 !important;
}

.hover-tile {
  position: relative;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 12px;
  text-decoration: none !important;
  overflow: hidden; /* keep the bg image clipped to the rounded corners */
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.hover-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}

.hover-tile.aau::before {
  background-image: url("https://bescamultisite.kinsta.cloud/baldeaglecamps/wp-content/uploads/sites/2/2026/07/aau-teams-bg.jpg");
}

.hover-tile.sports-performance::before {
  background-image: url("https://bescamultisite.kinsta.cloud/baldeaglecamps/wp-content/uploads/sites/2/2026/07/sports-performance-tile-bg-1.jpg");
}

.hover-tile.basketball-camp::before {
  background-image: url("https://bescamultisite.kinsta.cloud/baldeaglecamps/wp-content/uploads/sites/2/2026/07/basketball-camp-tile-bg.jpg");
}

.hover-tile:hover {
  color: white !important;
  transform: translateY(-10px);
}

.hover-tile:hover::before {
  opacity: 1;
}

.hover-tile > * {
  position: relative;
  z-index: 1;
}

.google-banner-reviews .featured-cover {
    filter: grayscale(100%);
}

.google-banner a {
  text-decoration: none;
}

#our-approach h3 {
  line-height: 1.16 !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

#state-of-youth-basketball iframe {
  border-radius: 12px;
}

#our-approach .background-image-container {
  border-radius: 20px;
}

footer h3 {
  font-weight: 400 !important;
}

/* AAU PAGE */
.faux-table-cell {
  line-height: 112%;
}

.faux-table-cell > div {
    min-height: 72px;
}

.faux-table-cell.first-cell {
  flex-basis: 194px;
}

.faux-table-cell.first-cell h4 {
  margin-left: 0;
}

.faux-table-cell.second-cell,
.faux-table-cell.third-cell {
  flex-basis: 326px;
  flex-grow: 1;
}


.faux-table-row:last-child .second-cell > div
.faux-table-row:last-child .third-cell > div {
  margin-bottom: 0 !important;
}

.red-check-icon {
  margin-top: .25rem;
}

footer > div {
  border-radius: 20px 20px 0 0;
}

.text-shadow-h {
  text-shadow: 0 4px 4px #000000bf;
}
.page-id-647 .faux-table-cell.first-cell {
  flex-basis: 397px;
}
.page-id-647 .faux-table-cell.second-cell,
.page-id-647 .faux-table-cell.third-cell {
  flex-basis: 220px;
  flex-grow:1;
}


@media (width < 782px) {
  .bkg-img-display .background-image-container {
      display: none !important;
}
.page-id-647 .faux-table-cell.first-cell {
  justify-content: center;
}
.page-id-647 .faux-table-cell.first-cell h4 {
  text-align:center;
  line-height: 1.5 !important;
}
.page-id-647 .faux-table-cell.second-cell,
.page-id-647 .faux-table-cell.third-cell {
  width: 220px;
}
}



/* Table */
.table-besca tbody tr td:nth-child(2):before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M18.3107 0.966919L7.56068 13.7169L1.06067 7.21692' stroke='%231950C6' stroke-width='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.table-besca tbody tr td:last-child:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M1.14502 0.968872L12.145 13.9689' stroke='%23212020' stroke-width='3'/%3E%3Cpath d='M12.145 0.968872L1.14502 13.9689' stroke='%23212020' stroke-width='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.table-besca tr td {
  border:none;
}

.table-besca tbody tr td:nth-child(2) {
  background-color: #1950c61a;
}
.table-besca tbody tr td:last-child {
  background-color: #F6F6F6;
}





@media (max-width: 767.98px) {

  #our-approach {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .programs-grid {
    grid-template-columns: 1fr;
  }

  .faux-table-row {
    flex-direction: column;
    padding: 0 10px !important;
    border: 3px solid #F6F6F6;
    border-radius: 12px;
    margin-bottom: 20px !important;
  }

  .faux-table-cell {
    flex-basis: auto !important;
  }

  .faux-table-cell > div {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .faux-table-cell.first-cell {
    width: 100%;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  .faux-table-cell.first-cell h4 {
    margin: 0 !important;
  }

  .faux-table-cell.second-cell {
    border: none !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .nav-inner-ctn {
    justify-content: space-around !important;
  }
}

@media (max-width: 1199.98px) {
  #our-approach .background-image-container {
    display: none;
  }

  #our-approach .our-approach-columns-main .wp-block-column  {
    flex-basis: 100% !important;
  }
}

@media (min-width: 768px) {
  .faux-table-cell {
    margin-block-start: 0 !important;
  }

  .faux-table-row:not(.faux-table-row ~ .faux-table-row) .third-cell > div {
    border-radius: 0 20px 0 0;
  }

  .faux-table-row:last-child .third-cell > div {
    border-radius: 0 0 20px 0;
  }

  .google-testimonials-ctn .wp-block-post > div {
    min-height: 353px;
    height: 100%;
  }
}
