/*
Theme Name: JCAN-Child
Theme URI: http://example.com/twenty-twenty-four-child/
Description: A child theme of Twenty Twenty-Four.
Author: Your Name
Author URI: http://example.com
Template: twentytwentyfour
Version: 1.0.0
*/

/* Import the parent theme's stylesheet */
@import url("../twentytwentyfour/style.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Add your custom CSS below */

header.wp-block-template-part {
  position: fixed;
  width: 100%;
  z-index: 100;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

main {
  margin-top: 0;
}

.sub-page-content-container .wp-block-group {
  /*max-width: 1200px;*/
}

.wp-block-navigation-item__content {
  font-weight: bold;
}

.wp-block-navigation-item .wp-block-navigation-item__label {
  color: #2A4894;
}
.custom-logo-link:focus {
  outline: none;
}
/* Container for buttons */
.buttons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  gap: 15px;
  /* Space between buttons */
}

/* Styling the buttons */
.wp-block-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  /* Fixed width */
  height: 150px;
  /* Same height to make them square */
  background-color: #729BCF;
  /* Light blue background */
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  /* Rounded corners */
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hover effect */
.wp-block-button__link:hover {
  background-color: #2A4894;
  /* Darker blue on hover */
  transform: scale(1.05);
  /* Slight zoom on hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Enhanced shadow */
}

.wp-block-separator {
  margin-top: 0;
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6 {
  text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
}

.community_subsection_title {
  font-size: 2em;
  color: #ffffff;
  margin-bottom: 1rem;
  text-align: left;
  position: relative;
	display: inline-block;
}

.community_subsection_title::after {
  content: "";
  position: absolute;
  bottom: -18px;
  /* Adjusts spacing below the title */
  left: 0;
  width: 100%;
  height: 12px;
  /* Thickness of the border */
  background: linear-gradient(to right, rgba(81, 70, 149, 1), rgba(255, 255, 255, 1));
  /* Gradient effect */
}

.report_button>.wp-block-button__link {
  height: auto;
}

.learn_section>.widget_tribe-widget-events-week {
  max-width: 100%;
}

.tribe-events-c-top-bar__nav-list-date,
.tribe-common .tribe-common-b2 {
  color: var(--wp--preset--color--contrast);
}

.tribe-events .tribe-events-c-messages__message {
  background-color: #ECEAF6 !important;
}

/* Event category colors are now handled dynamically through the WordPress Customizer */
/*
.cat_school-board-meetings .tribe-events-pro-week-grid__event-link,
.cat_school-board-meetings .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_school-board-meetings .tribe-events-calendar-month__calendar-event-details,
.cat_school-board-meetings .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_school-board-meetings .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: #3be3ac !important;
  
}

.cat_community-events .tribe-events-pro-week-grid__event-link,
.cat_community-events .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_community-events .tribe-events-calendar-month__calendar-event-details,
.cat_community-events .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_community-events .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: #B8DAF2 !important;
}

.cat_city-council-meetings .tribe-events-pro-week-grid__event-link,
.cat_city-council-meetings .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_city-council-meetings .tribe-events-calendar-month__calendar-event-details,
.cat_city-council-meetings .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_city-council-meetings .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: #ffbd51 !important;
  
}

.cat_county .tribe-events-pro-week-grid__event-link,
.cat_county .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_county .tribe-events-calendar-month__calendar-event-details,
.cat_county .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_county .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: #d33ae7 !important;
}

.cat_jewish-community .tribe-events-pro-week-grid__event-link,
.cat_jewish-community .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_jewish-community .tribe-events-calendar-month__calendar-event-details,
.cat_jewish-community .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_jewish-community .tribe-events-pro-week-grid__event-link.tooltipstered,
.cat_jewish-community .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: rgb(165 210 237) !important
}

.cat_prof-development .tribe-events-pro-week-grid__event-link,
.cat_prof-development .tribe-events-pro-week-grid__multiday-event-bar-inner,
.cat_prof-development .tribe-events-calendar-month__calendar-event-details,
.cat_prof-development .tribe-events-calendar-month__multiday-event-bar-inner,
.cat_prof-development .tribe-events-pro-week-grid__event-link .tribe-events-pro-week-grid__event-link-inner {
  background-color: #D9CFF8 !important;
}*/
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week.tribe-common--breakpoint-medium .tribe-events-calendar-week__more-events, 
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week.tribe-common--breakpoint-medium .tribe-events-calendar-week__more-events {
  margin: 0 !important;
}

.tribe-events-after-html {
  padding-top: 20px !important;
  text-align: center;
}

.tec-block__single-event .tribe-events-after-html {
  display: none;
}

.tribe-events-calendar-month__calendar-event-details {
  padding: 5px !important;
  border-radius: 10px;
}

.post-type-archive-tribe_events .wp-site-blocks > *,
.single-tribe_events .wp-site-blocks > * {
  margin-block-start: 0;
}


/* New styles */

.section-home{
	text-align: center;
}

.section-home h5{
	font-size: clamp(18px, 2vw, 36px);
	text-shadow: none;
	background: #2A4894CC;
	padding: 13.5px 70px;
    display: inline-flex;
}

.learn_section .tribe-events-header{
  background: #D9CFF8;
  padding-bottom: 0 !important;
  padding-bottom: 50px !important;
}

.learn_section .tribe-events-header.has-no-events {
  padding-bottom: 0px !important;
}

.learn_section .tribe-events-header .tribe-events-c-top-bar{
  padding: 35px 30px;
  background: #514695;
	
}

.learn_section .tribe-events-header .tribe-events-c-top-bar__nav-list-date{
	margin: 0 20px !important;
}

.learn_section .tribe-events-header .tribe-common-c-btn-icon{
	width: 35px !important;
	height: 35px !important;
}

.learn_section .tribe-events-header .tribe-common-c-btn-icon__icon-svg {
  display: flex !important;
	width: 35px !important;
	height: 35px !important;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column-weekday {
  font-size: 16px !important;
  letter-spacing: 2px !important;
  padding-bottom: 5px;
}
.learn_section .tribe-events-pro-week-grid__header-column-weekday .tribe-common-h8 .tribe-common-h--alt {
  font-size: 35px !important; 
}
.learn_section .tribe-events-view--week .tribe-common-h4 {
  color: #514695;
  font-size: 35px !important;
}
.learn_section .tribe-events-view--week .tribe-common-h4 a {
  color: inherit !important;
}

.tribe-events-event-url a {
  white-space: normal;
    overflow-wrap: break-word;
    /* For modern browsers */
    word-break: break-all;
}

.tribe-events-calendar-month__calendar-event-title,
.tribe-events-calendar-month__multiday-event-bar-title {
  font-weight: 700 !important;
}

.learn_section .tribe-events-view--week .tribe-events-pro-week-grid__header-column--current .tribe-common-h4 {
  color: #514695cf;
}
.learn_section .tribe-events-pro .tribe-events-pro-week-grid__header-column-datetime {
  padding-top: 20px;
  border-top: 1px solid #514695;
  border-right: 1px solid #514695;
  border-left: 1px solid #514695;
  height: 140px;
  justify-content: center;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--h-] {
  width: calc(100% - 0px);
  height: 140px;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--t] {
  width: calc(100% - 0px);
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__event-link,
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--t] a {
  border-radius: 0px !important;
  height: 140px;
  border-bottom: 1px solid #514695;
  margin-top: 0px;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--h-] a .tribe-events-pro-week-grid__event-link-inner,
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--t] a .tribe-events-pro-week-grid__event-link-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 15px;
}

.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__multiday-event-bar-inner h3{
  font-weight: 800 !important;
  color: #2a4894 !important;
}

.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--h-] a .tribe-events-pro-week-grid__event-link-inner h3,
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--t] a .tribe-events-pro-week-grid__event-link-inner h3 {
  color: #2a4894 !important;
  font-weight: 800 !important;
  text-overflow: inherit !important;
  white-space: normal !important;
  text-align: center;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week.tribe-common--breakpoint-medium .tribe-events-calendar-week__more-events {
  text-align: center;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-calendar-week__more-events-link {
  color: #2a4894 !important;
  font-weight: 800 !important;
}
/* date */
.learn_section .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-datetime {  
  color: #2a4894 !important;
  height: 25px !important;
  margin:  0 0 5px !important;
  overflow: visible !important;
  position: inherit !important;
  width: auto !important;
}
.learn_section .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-datetime .event-time-label {
  font-weight: 800;
  color: #2A4894;
}
.learn_section .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-datetime .event-time-icon svg {
  margin-bottom: -1px;
}
.learn_section .tribe-events-pro .tribe-events-pro-week-grid__header-column {
  border-width: 0 0 0px 0px !important;
}
.learn_section .tribe-events-pro .tribe-events-pro-week-grid__events-day, 
.learn_section .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-day {
  border-left: -1px solid !important;
}
.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-day {
  border: 1px solid #514695;
}

/* Slick Slider for News Cards */
.slider-news {
  margin: 30px 0;
  position: relative;
  width: 100%;
}

/* Slider container and track */
.slider-news .slick-list {
  margin: 0 -10px;
  overflow: hidden;
}

.slider-news .slick-track {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  gap: 20px;
}

/* Individual slides */
.slider-news .slick-slide {
  height: auto !important;
  padding: 0 10px;
  box-sizing: border-box;
  float: none;
}

.slider-news .slick-slide > div {
  height: 100%;
  width: 100%;
}

/* Square blocks */
.slider-news a.square-block,
.slider-news .square-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  background-size: cover !important;
  background-position: center !important;
  text-decoration: none;
}

.slider-news .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity 0.3s ease;
}

.slider-news .square-block:hover .overlay {
  opacity: 0;
}

/* Colors for overlays */
.slider-news .slick-slide:nth-child(4n+1) .overlay,
.slider-news .slick-slide[data-slick-index="0"] .overlay,
.slider-news .slick-slide[data-slick-index="4"] .overlay,
.slider-news .slick-slide[data-slick-index="8"] .overlay {
  background: rgba(77, 166, 218, 0.9); /* blue */
}

.slider-news .slick-slide:nth-child(4n+2) .overlay,
.slider-news .slick-slide[data-slick-index="1"] .overlay,
.slider-news .slick-slide[data-slick-index="5"] .overlay,
.slider-news .slick-slide[data-slick-index="9"] .overlay {
  background: rgba(74, 203, 161, 0.9); /* green */
}

.slider-news .slick-slide:nth-child(4n+3) .overlay,
.slider-news .slick-slide[data-slick-index="2"] .overlay,
.slider-news .slick-slide[data-slick-index="6"] .overlay {
  background: rgba(227, 141, 81, 0.9); /* orange */
}

.slider-news .slick-slide:nth-child(4n+4) .overlay,
.slider-news .slick-slide[data-slick-index="3"] .overlay,
.slider-news .slick-slide[data-slick-index="7"] .overlay {
  background: rgba(225, 189, 81, 0.9); /* gold */
}

/* Title styling */
.slider-news .block-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  z-index: 2;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Navigation arrows */
.slider-news .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: transparent;
  border: none;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.slider-news .slick-arrow svg {
  width: 50px;
  height: 50px;
}
.slider-news .slick-arrow:hover svg {
  opacity: 0.8;
}

.slider-news .slick-arrow:before {
  display: none;
}

.slider-news .slick-prev {
  left: -60px;
}
.slider-news .slick-next {
  right: -60px;
}

.about-container {
  max-width: 943px;
}
.cta-section h5{
  font-weight: 600;
}

.learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week {
  max-width: 100%;
  overflow-x: auto;
}
.learn_section .tribe-common .tribe-common-c-btn-icon--caret-left:hover .tribe-common-c-btn-icon__icon-svg path, 
.learn_section .tribe-common .tribe-common-c-btn-icon--caret-right:hover .tribe-common-c-btn-icon__icon-svg path {
  fill: #fff !important;
}
.learn_section .tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-common-c-loader__dot.tribe-common-c-loader__dot--third {
  margin-bottom: 0px;
}
.slider-news h2{
  font-size: 28px !important;
}

@media (max-width: 1366px) {
  .has-global-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .learn_section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .slider-news .slick-list {
    width: 97%;
  }
  .slider-news .slick-prev {
    left: -12px;
  }
  .slider-news .slick-next {
    right: -12px;
  }

  .has-global-padding>.alignfull {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 992px) {
}

@media (max-width: 853px) {
  .section-home h1{
    font-size: 50px !important;
  }
  .buttons-container {
    max-width: 90%;
  }
  .slider-news .slick-prev {
    left: -20px;
  }
  .slider-news .slick-next {
    right: -20px;
  }
  .learn_section .tribe-events-header .tribe-events-c-top-bar{
    padding: 20px 10px;
  }
  .learn_section .tribe-events-header .tribe-common-c-btn-icon {
    width: 20px !important;
    height: 20px !important;
  }
  .learn_section .tribe-events-header .tribe-common-c-btn-icon__icon-svg {
    width: 20px !important;
    height: 20px !important;
  }
  .learn_section li.tribe-events-c-top-bar__nav-list-date {
    font-size: 19px;
    line-height: 40px;
  }
  .learn_section .widget.widget_tribe-widget-events-week {
    overflow-x: scroll;
  }
  .learn_section .tribe-common.tribe-events.tribe-events-widget-shortcode {
    width: 850px;
  }
  .learn_section .tribe-events-header .tribe-events-c-top-bar__nav-list-date {
    margin: -5px 15px !important
  }
  .learn_section .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .tribe-events-c-top-bar__nav-list {
    align-items: center;
  }
  .learn_section .tribe-events-view--week .tribe-common-h4 {
    font-size: 25px !important;
  }
  .learn_section .tribe-events-pro .tribe-events-pro-week-grid__header-column-datetime {
    height: 88px;
  }
  .learn_section .tribe-events-header {
    padding-bottom: 25px !important;
  }
  .slider-news h2{
    font-size: 1.25rem !important;
  }
}

@media (max-width: 768px) {
  .section-home h5 {
    padding: 13.5px 15px;
  }
  .wp-block-button__link {
    width: 100px;
    height: 100px;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.8rem;
  }

  .wp-block-cover h1 {
    font-size: 2.5rem !important;
  }

  .square-block {
    width: 100px;
    height: 100px;
  }

  .community_subsection_title {
    padding-left: 10px;
  }

  .slider-news .slick-arrow {
    width: 30px;
    height: 30px;
  }
  
  .slider-news .block-title {
    font-size: 1rem;
    padding: 10px;
  }
  .community_subsection_title {
    font-size: 1.5em;
  }
  .section-home{
    min-height: 685px !important;
  }
}

@media (max-width: 575px) {
  .slider-news .slick-list {
    width: 100%;
  }
  
  /* header */
  .wp-container-core-group-is-layout-4 > .alignwide {
    max-width: 95%;
  }
  .learn_section .tribe-events-header {
    margin-top: 20px !important;
  }
}