/*
 Theme Name: Diocesan Child Theme
 Theme URI: http://underscores.me/
 Author: Diocesan
 Author URI: http://diocesan.com
 Description: Custom child theme for Celine based on Diocesan Celine templates.
 Template: diocesan-celine
 Version: 1.0.0
 License: GNU General Public License v3 or later, provided without any warranties—whether express or implied—and provided without any guarantees of fitness for a particular purpose or merchantability.
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain: celineChild
*/

.calendar-container {
  margin-top: 100px;
	margin-bottom: 50px;
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 0%;
  max-width: 100%;
  overflow: hidden;
}

.calendar-container .calendar-heading {
  margin-top: 0;
}

.calendar-container .simcal-calendar-head {
  display: none;
}

.calendar-container .calendar-weekday-slick .slick-arrow {
  top: 120px;
}

.calendar-container .calendar-weekday-slick .slick-arrow.slick-prev {
  left: 50%;
  transform: translateX(-105%);
}

.calendar-container .calendar-weekday-slick .slick-arrow.slick-next {
  right: 50%;
  transform: translateX(105%);
}

.calendar-container .calendar-weekday-slick .slick-list {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #00000029;
  text-align: center;
}

.calendar-container .calendar-weekday-slick .simcal-day {
  min-height: 50px;
}

.calendar-container .calendar-weekday-slick .simcal-day > div {
  min-height: 50px;
  cursor: pointer;
  border-radius: 20px;
  background-color: transparent;
  max-width: 60px;
  border: 1px solid transparent;
  width: 80%;
  display: flex;
  justify-content: center;
  margin: 5px auto;
}

.calendar-container .calendar-weekday-slick .simcal-day > div .simcal-day-label {
  color: var(--clr-primary) !important;
  font-size: 14px;
  background-color: transparent !important;
  width: 35px;
  text-align: center;
  margin: auto 0;
}

.calendar-container .calendar-weekday-slick .simcal-day > div:hover {
  border-color: var(--clr-primary);
}

.calendar-container .calendar-weekday-slick .simcal-day > div:hover .simcal-day-label {
  color: var(--clr-primary) !important;
}

.calendar-container .calendar-weekday-slick .simcal-day > div.simcal-today {
  background-color: var(--clr-tertiary);
	color: white;
	border: none !important;
}

.calendar-container .calendar-weekday-slick .simcal-day > div.simcal-today .simcal-day-label {
  color: white !important;
}

.calendar-container .calendar-weekday-slick .simcal-day > div.simcal-current, .calendar-container .calendar-weekday-slick .simcal-day > div.simcal-current:hover {
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
}

.calendar-container .calendar-weekday-slick .simcal-day > div.simcal-current .simcal-day-label, .calendar-container .calendar-weekday-slick .simcal-day > div.simcal-current:hover .simcal-day-label {
  color: #fff !important;
}

.calendar-container .calendar-event-slick {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 130px;
}

.calendar-container .calendar-event-slick .simcal-events {
  display: none;
}

.calendar-container .calendar-event-slick .simcal-events.simcal-visible {
  display: block;
  padding: 0;
  margin: auto 0 10px;
}

.calendar-container .calendar-event-slick .simcal-events.simcal-visible .simcal-event {
  margin: 130px auto 0;
}

.calendar-container .calendar-event-slick .simcal-events.simcal-visible .simcal-event + .simcal-event {
  margin-top: 10px;
}

@media screen and (min-width: 1025px) {
  .calendar-container .calendar-event-slick .simcal-events.simcal-visible .simcal-event {
    margin: 20px auto 0;
  }
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event {
  list-style: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px #00000029;
  width: 75%;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-title {
  display: none;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-details {
  display: flex !important;
  gap: 2rem;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-details a {
  text-align: left;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-details a h5 {
  color: var(--clr-primary);
  font-size: 24px;
  margin: .9em 0 0;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-details a h5 .simcal-event-title {
  display: block;
}

.calendar-container .calendar-event-slick .simcal-events .simcal-event .simcal-event-details a h6 {
  margin: 0 0 .9em;
}

.calendar-container svg {
  position: absolute;
  left: 10%;
  top: 0;
  transform: translateY(25%);
  z-index: -1;
}

.calendar-container svg * {
  stroke-width: .5px;
  stroke: var(--clr-primary);
}

.calendar-container svg:first-of-type {
  display: none;
}

.calendar-container svg:nth-of-type(2) {
  display: block;
  top: 50px;
}

.view-all-link-wrapper{
	margin-top: 50px;
}
.calendar-container
.view-all-link-wrapper{
	padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .calendar-container svg:first-of-type {
    display: block;
  }
  .calendar-container svg:nth-of-type(2) {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .calendar-container {
    padding: 0 18%;
    min-height: 700px;
  }
  .calendar-container .calendar-weekday-slick .slick-arrow {
    top: 50%;
  }
  .calendar-container .calendar-weekday-slick .slick-arrow.slick-prev {
    left: -25px;
    transform: translateY(-50%);
  }
  .calendar-container .calendar-weekday-slick .slick-arrow.slick-next {
    right: -25px;
    transform: translateY(-50%);
  }
  .calendar-container .calendar-weekday-slick .simcal-day {
    min-height: 83px;
  }
  .calendar-container .calendar-weekday-slick .simcal-day > div {
    min-height: 83px;
  }
  .calendar-container .calendar-weekday-slick .simcal-day > div .simcal-day-label {
    font-size: 21px;
    display: inline;
  }
  .calendar-container .calendar-weekday-slick .simcal-event:first-of-type {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 1280px) {
  .calendar-container {
    padding: 0 15%;
  }
}

:root {
  --animation-speed: 0.3s;
  --header-height: calc(
    var(--max-logo-height, 72px) + var(--top-bar-height, 0px) +
      var(--header-extra-height, 25px)
  );
}
:root:has(#header-top-bar.hidden) {
  --top-bar-height: 0px;
}

.site-header .top-bar {
  background-color: var(--bg-clr, black);
  width: 100%;
  color: white;
  padding-block: 10px;
  display: none;
  transition: all 0.4s ease;
}
@media screen and (min-width: 1280px) {
  .site-header .top-bar {
    display: block;
  }
}
.site-header .top-bar.hidden {
  padding: 0;
  height: 0;
  opacity: 0;
}
.site-header .top-bar a {
  color: white;
}
.site-header .top-bar .top-bar-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.site-header .top-bar .top-bar-inner .top-bar-left,
.site-header .top-bar .top-bar-inner .top-bar-right {
  display: flex;
  flex-direction: row;
}
.site-header .top-bar .top-bar-inner .top-bar-left {
  gap: 40px;
}
.site-header .top-bar .top-bar-inner .top-bar-left i {
  color: var(--icon-clr, white);
}
.site-header .top-bar .top-bar-inner .top-bar-right {
  gap: 40px;
}
.site-header .top-bar .top-bar-inner .top-bar-right i {
  color: var(--icon-clr, white);
}
.site-header .top-bar .top-bar-inner .top-bar-right .social-media {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.limit-width, .limit-width-wide {
    max-width: var(--limit-width, 90%);
    margin: auto;
}