.page-template-custom {
  background-color: black;
  padding-bottom: 1px;
  padding-top: 1px;
}
.schedule-east-village{
  background-image: url(https://fitathletic.com/wp-content/uploads/2024/01/DSC09149-scaled.jpg);
}

.schedule-little-italy{
  background-image: url("https://fitathletic.com/wp-content/uploads/2023/11/DSC00682-2.jpg");
}

.schedule-mission-beach{
  background-image: url("https://fitathletic.com/wp-content/uploads/2023/11/DSC06846-1.jpg");
}

.schedule-carmel-mountain{
  background-image: url("https://fitathletic.com/wp-content/uploads/2023/12/2017-09-01-1.jpg");
}

.header-event-scheudule{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    --display: flex;
    --min-height: 300px;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --justify-content: center;
    --background-transition: 0.3s;
    --overlay-opacity: 0.5;
    --margin-block-start: 0%;
    --margin-block-end: 0%;
    --margin-inline-start: 0%;
    --margin-inline-end: 0%;
    --padding-block-start: 5%;
    --padding-block-end: 5%;
    --padding-inline-start: 5%;
    --padding-inline-end: 5%;
}

.font-size-header-event-scheudule{
    color: #FFFFFF;
    font-family: "Public Sans", Sans-serif;
    font-size: 5rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 5rem;
}

.botton-community{
      --display: flex;
    --min-height: 50vh;
    --flex-direction: column;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --justify-content: center;
    --align-items: stretch;
    --background-transition: 0.3s;
    --overlay-opacity: 0;
    --padding-block-start: 0%;
    --padding-block-end: 7%;
    --padding-inline-start: 0%;
    --padding-inline-end: 0%;
}

#box_organizer_name{
  color: #656565;
}

#btn_close_lightbox{
  box-sizing: content-box;
}

#btn_close_lightbox_organizer{
  box-sizing: content-box;
}

#btn_close_bar_holder{
  box-sizing: content-box;
}

/*.main-page-schedule {
  margin: 70px;
}*/

.thisweekcustom {
  background-color: black !important;
  color: white !important;
}

/*  start countdown  */

.countdown {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  transform-style: preserve-3d;
  perspective: 1000px;
  font-family: 'David Libre', serif;
}

.countdown:before {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #000;
  border-radius: 50%;
  filter: blur(14px);
  animation: shadow 1s linear infinite;
}

@keyframes shadow {

  0%,
  100% {
    transform: scale(0.5);
  }

  50% {
    transform: scale(1);
  }
}

.countdown .number {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateY(270deg);
  animation: animate 10s linear infinite;
}

.countdown .number:nth-child(1) {
  animation-delay: 0s;
}

.countdown .number:nth-child(2) {
  animation-delay: 1s;
}

.countdown .number:nth-child(3) {
  animation-delay: 2s;
}

.countdown .number:nth-child(4) {
  animation-delay: 3s;
}

.countdown .number:nth-child(5) {
  animation-delay: 4s;
}

.countdown .number:nth-child(6) {
  animation-delay: 5s;
}

.countdown .number:nth-child(7) {
  animation-delay: 6s;
}

.countdown .number:nth-child(8) {
  animation-delay: 7s;
}

.countdown .number:nth-child(9) {
  animation-delay: 8s;
}

.countdown .number:nth-child(10) {
  animation-delay: 9s;
}

.countdown .number h2 {
  margin: 0;
  padding: 0;
  font-size: 20em;
  color: #000000;
}

@keyframes animate {
  0% {
    transform: rotateY(90deg);
  }

  10%,
  100% {
    transform: rotateY(-90deg);
  }
}

/*  end countdown  */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}


/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}


/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
  .main-page-schedule {
    margin: 30px;
  }
}