/***THIS FILE IS AUTOMATICALLY GENERATED. DON'T EDIT***//***EDIT PHP FILE INSTEAD***/
@import url(https://fonts.googleapis.com/css2?family=Italianno&family=Nanum+Gothic&family=Simonetta:ital,wght@0,400;0,900;1,400;1,900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);

:root {
    --clr-primary: #06447c;
    --clr-secondary: #535353;
    --clr-tertiary: #085aa4;
    --clr-quaternary: #00427c;
    --scrollbar-color: var(--clr-secondary);
}

:root {
    --scrollbar-color-2: #535353;
}

:root {
    --overlay-color: ;
    --overlay-opacity: ;
}

:root {
    --font-main: "PT Sans";
    --font-heading: "Playfair Display";
    --font-script: "PT Sans";
    --fs-xl: clamp(36px, 3.5vw, 48px);
    --fs-1000: clamp(30px, 3.5vw, 40px);
    --fs-900: clamp(40px, 3.5vw, 50px);
    --fs-800: clamp(24px, 4.5vw, 26px);
    --fs-700: clamp(22px, 4.5vw, 22px);
    --fs-600: clamp(20px, 4.5vw, 20px);
    --fs-500: clamp(18px, 4.5vw, 18px);
    --fs-400: 18px;
    --fs-300: 0.9375rem;
    --fs-200: 0.875rem;
    --fs-100: 0.8125rem;
}

.page-header-title, .hero-title {
    color: white;
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
}

h1 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

h2 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

h3 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

h4 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

h5 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-secondary);
}

h6 {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

.staff-position {
    font-weight: normal;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-primary);
}

a, .ui-widget-content a {
    color: var(--clr-secondary);
    text-decoration: underline;
    font-weight: regular;
    font-style: regular;
}

a:hover, a:focus, a:active {
    color: var(--clr-tertiary);
    text-decoration: underline;
}

body, p, div, span {
    font-size: 18px;
}

:root {
    --logo-height: 72px;
}

:root {
    --menu-top-level-default-font-color: white;
    --menu-top-level-hover-font-color: white;
    --menu-top-level-default-bg-color: var(--clr-primary);
    --menu-top-level-hover-bg-color: transparent;
    --menu-submenu-default-font-color: black;
    --menu-submenu-hover-font-color: white;
    --menu-submenu-default-bg-color: white;
    --menu-submenu-hover-bg-color: var(--clr-primary);
    --sticky-menu-top-level-default-font-color: white;
    --sticky-menu-top-level-hover-font-color: white;
    --sticky-menu-top-level-default-bg-color: var(--clr-primary);
    --sticky-menu-top-level-hover-bg-color: transparent;
    --sticky-menu-submenu-default-font-color: black;
    --sticky-menu-submenu-hover-font-color: white;
    --sticky-menu-submenu-default-bg-color: white;
    --sticky-menu-submenu-hover-bg-color: var(--clr-primary);
    --sidebar-top-level-default-font-color: white;
    --sidebar-top-level-hover-font-color: white;
    --sidebar-top-level-default-bg-color: var(--clr-primary);
    --sidebar-top-level-hover-bg-color: var(--clr-secondary);
    --sidebar-submenu-default-font-color: white;
    --sidebar-submenu-hover-font-color: white;
    --sidebar-submenu-default-bg-color: transparent;
    --sidebar-submenu-hover-bg-color: var(--clr-secondary);
}

:root {
    --staff_image_width_mobile: 320;
    --staff_image_height_mobile: 400;
    --staff_image_width_tablet: 370;
    --staff_image_height_tablet: 425;
    --staff_image_width_laptop: 370;
    --staff_image_height_laptop: 425;
    --staff_image_width_desktop: 370;
    --staff_image_height_desktop: 425;
}

:root {
    --staff_image_width_desktop_first_child: 370;
    --staff_image_height_desktop_first_child: 305;
}
.ministry-slider .ministry-group .slick-list a.ministry-wrapper {
    font-weight: bold;
    font-style: normal;
    font-family: var(--font-heading);
    color: var(--clr-secondary);
    text-transform: none;
    text-decoration: none;
}

@media screen and (max-width: 767px){
.grid.col-4 {
      grid-template-columns: repeat(1, 1fr);
}
.page-template-page-mass-times .mass-times.grid .mass-times-section:nth-child(even) {
grid-column: auto;
}
}

body.category .site-main .result-container .alm-reveal .alm-item:first-child {
flex-direction: column;
grid-column: unset;
}
body.category .site-main .result-container .alm-reveal .alm-item:first-child .teaser-img {
border-radius: unset;
        flex: unset;
        max-width: unset;
}

.page-template-homepage .featured-buttons.container {
background-color: var(--clr-secondary);
}
.page-template-homepage .featured-buttons.container span {
color: white;
}
.page-template-homepage .featured-buttons.container .has-underline-hover::after {
background: white;
}

.the-button.has-secondary-color:hover {
    background: var(--clr-secondary);
    border-color: var(--clr-secondary);
    --link-color-hover: white;
}

.calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-item .event-date-wrapper {
font-weight: 400;
}

.calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-title {
    color: var(--clr-secondary);
}

.calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-title:hover {
    color: var(--clr-tertiary);
}

.calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details a {
text-decoration: none;
}

.calendar-container {
    z-index: 1;
    position: relative;
    text-align: center;
    padding: 0%;
    max-width: 100%;
margin-bottom: 6rem;
}
    .calendar-container .simcal-calendar-head {
      display: none;
    }
      .calendar-container .calendar-weekday-slick .slick-arrow {
          top: 120px;
    box-shadow: 0 3px 6px #00000029;
background: #fff;
      }
      .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: 50px;
          box-shadow: 0 0 20px #00000029;
          text-align: center;
        }
        .calendar-container .calendar-weekday-slick .simcal-day-label {
          min-height: 50px;
          border-bottom: 0 !important;
        }
        .calendar-container .calendar-weekday-slick .simcal-day-label > span {
            min-height: 50px;
            cursor: pointer;
            border-radius: 20px;
            background-color: transparent !important;
            max-width: 60px;
            border: 1px solid transparent;
            width: 80%;
            display: flex;
            justify-content: center;
            margin: 5px auto;
        }
        .calendar-container .calendar-weekday-slick .simcal-day-label > span .simcal-date-format {
              color: var(--clr-quaternary) !important;
              font-size: 14px;
              background-color: transparent !important;
              width: 35px;
              text-align: center;
              margin: auto 0;
              font-weight: 400;
            }
            .calendar-container .calendar-weekday-slick .simcal-day-label > span:hover {
              border-color: var(--clr-primary);
            }
              .calendar-container .calendar-weekday-slick .simcal-day-label > span:hover .simcal-date-format {
                color: var(--clr-primary) !important;
              }
            
              .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-today {
              background-color: var(--clr-tertiary) !important;
              }
              .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-today .simcal-date-format {
                color: #fff !important;
              }
            
            .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-current, .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-current:hover {
              background-color: var(--clr-primary) !important;
              border: 1px solid var(--clr-primary);
            }
              .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-current .simcal-date-format, .calendar-container .calendar-weekday-slick .simcal-day-label > span.simcal-current:hover .simcal-date-format {
                color: #fff !important;
              }
          

    .calendar-event-slick {
      display: flex;
      justify-content: center;
      flex-direction: column;
      min-height: 130px;
    }
    .calendar-event-slick dd.simcal-day {
        margin: 0;
    }
    .calendar-event-slick dd.simcal-day .simcal-events {
          display: none;
    }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible {
              display: block;
              padding: 0;
              margin: auto 0 10px;
    }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event {
                margin: 130px auto 0;
    }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event + .simcal-event {
                  margin-top: 10px;
                }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-date-wrapper {
              color: var(--clr-font);
              font-weight: bold;
              font-size: 22px;
    }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-date-wrapper span {
font-size: 22px;
}
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-title {
              margin-block: 22px 15px;
    }
    .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event .event-title .simcal-event-title {
                font-family: var(--font-heading);
                font-weight: bold;
                font-size: 30px;
    }
              
              @media screen and (min-width: 1024px) {
                .calendar-event-slick dd.simcal-day .simcal-events.simcal-visible .simcal-event {
                  margin: 20px auto 10px;
                }
              }
          
              .calendar-event-slick dd.simcal-day .simcal-events .simcal-event {
list-style: none;
            margin: 0;
            padding: 30px 0;
            text-align: left;
            border-bottom: 1px solid var(--clr-quaternary);
              }
              .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-title {
              }
              .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details {
                  display: flex !important;
                  gap: 2rem;
              max-width: 90%;
              margin-inline: auto;
              }
                  .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details a {
                    text-align: left;
                  }
                  .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details a h5 {
                      color: var(--clr-primary);
                      font-size: 24px;
                      margin: .9em 0 0;
                  }
                  .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details a h5 .simcal-event-title {
                        display: block;
                      }
                    .calendar-event-slick dd.simcal-day .simcal-events .simcal-event .simcal-event-details a h6 {
                      color: #000;
                      margin: 0 0 .9em;
                    }
                  

    @media screen and (min-width: 1024px) {
      .calendar-container {
      padding: 0 5%;
      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-label {
          min-height: 83px;
          }
          .calendar-container .calendar-weekday-slick .simcal-day-label > span {
            min-height: 83px;
          }
          .calendar-container .calendar-weekday-slick .simcal-day-label > span .simcal-date-format {
                font-size: 21px;
                display: inline;
            }
            .calendar-container .calendar-weekday-slick .simcal-event:first-of-type {
          margin-top: 10px !important;
        }
      }
    @media screen and (min-width: 1200px) {
      .calendar-container {
      }
    }