@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");

.page-cal-button {
  text-align: center;
}

.page-cal-button a {
  width: 300px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 5px;
  background-color: #f47423;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Roboto;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 45px auto;
  text-decoration: none;
  text-align: center;
  transition: 0.3s background-color linear;
}

.page-cal-button a:hover {
  background-color: #f25823;
}

.tribe-events-header {
  background-color: transparent !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#calendar-page section {
  max-width: 1260px !important;
  padding-top: 35px !important;
  padding-bottom: 45px !important;
}

#calendar-page h1.page-title {
  text-align: left !important;
}

#calendar-page .the-content p {
  text-align: left !important;
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-common-c-btn.tribe-events-c-search__button {
  border-radius: 5px;
  background: #f47423;
  color: #fff !important;
  font-family: Roboto;
  margin-right: 10px;
  padding: 11px 25px;
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-common-c-btn.tribe-events-c-search__button:hover {
  background-color: #f25823;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common
  a.tribe-common-c-btn-border-small {
  border-radius: 5px !important;
  background: #f47423 !important;
  color: #fff !important;
  font-family: Roboto !important;
}

.tribe-events-view-selector,
.tribe-events-c-nav__list {
  display: none !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
  font-weight: 400 !important;
  font-family: Montserrat !important;
  font-size: 18px !important;
}

.tribe-events-c-subscribe-dropdown,
.tribe-events-c-subscribe-dropdown__button {
  display: none !important;
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-view-selector--tabs
  .tribe-events-c-view-selector__content {
  display: none;
}

.callout-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
  gap: 20px; /* 20px between both rows and columns */
  width: 100%;
  max-width: 1310px;
}

.callout-bucket {
  text-decoration: none !important;
}

.callout-item {
  padding: 20px 0;
  text-align: center;
  text-decoration: none !important;
}

.callout-item:hover .callout-img {
  opacity: 0.8;
}

.callout-item:hover .callout-img {
  opacity: 0.8;
}

.callout-item:hover .callout-header {
  color: #f47423 !important;
}

@media (max-width: 768px) {
  .callout-container {
    grid-template-columns: 1fr; /* single column */
  }
}

.callout-img {
  width: 100%;
  height: 0;
  padding-bottom: 86.1%;
  background-size: cover;
  background-position: center center;
  transition: 0.3s opacity linear;
}

.callout-header {
  color: #000;
  font-family: "Roboto Slab";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 12px;
  text-align: left;
}

.callout-desc {
  padding-top: 12px;
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align: left;
}

.tribe-events .tribe-events-calendar-month__calendar-event-datetime > * {
  font-family: "Roboto Slab";
  font-size: 10px;
}

.tribe-events-calendar-month__calendar-event-title-link {
  font-family: "Roboto Slab";
  font-size: 12px;
}

.single-announcement-container {
  max-width: 1260px;
  width: 100%;
  margin: 85px auto;
  padding: 0 25px;
}

.single-announcement-header,
.tribe-events-single-event-title {
  color: #f47423 !important;
  font-family: Montserrat !important;
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.tribe-events-single-section-title {
  color: #f47423 !important;
  font-family: Montserrat !important;
  font-size: 26px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 46px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.single-announcement-desc {
  color: #000 !important;
  font-family: "Roboto Slab" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 28px !important;
}

.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-view-selector--tabs
  .tribe-events-c-view-selector__content {
  display: none !important;
}

#tribe-events-content #tribe-events-footer {
  display: none !important;
}

.section-cal-section {
  margin-top: 45px;
}

@media screen and (max-width: 991px) {
  #calendar-page section {
    padding-top: 100px !important;
    width: calc(100% - 60px);
    margin: 0 auto;
  }

  #page-wrap h1.page-title {
    font-size: 170%;
  }

  #mp_form-name_1_1758306324106 {
    width: 100% !important;
  }

  #mp_form-name_1_1758306324106 .bee-popup1762803414945-row-content {
    max-width: unset !important;
  }

  .tribe-events .tribe-events-l-container {
    min-height: unset !important;
  }

  .section-cal-section {
    margin-top: 30px;
  }

  .single-announcement-container {
    width: calc(100% - 60px);
    padding: 0;
  }
}

@media screen and (max-width: 560px) {
  .single-announcement-header,
  .tribe-events-single-event-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

#mp_form-name_1_1758306324106 {
  padding: 0;
  margin-left: -5px;
}

.bee-popup1762803414945-row-1
  .bee-popup1762803414945-col-1
  .bee-popup1762803414945-block-1
  .bee-popup1762803414945-button-container {
  text-align: left !important;
}

.bee-popup1762803414945-row-1
  .bee-popup1762803414945-col-1
  .bee-popup1762803414945-block-1
  button {
  border-radius: 5px !important;
  background-color: #f47423 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #fff !important;
  font-family: Roboto !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: 0.3s background-color linear !important;
  max-width: 125px !important;
}

.bee-popup1762803414945-row-1
  .bee-popup1762803414945-col-1
  .bee-popup1762803414945-block-1
  button:hover {
  background-color: #f25823 !important;
}
