.cee-events {
   padding: 55px 20px;
   background: #fbf8f2;
   border-left: 5px solid #850d1b;
}

.cee-events__container {
   width: 100%;
   max-width: 1120px;
   margin: 0 auto;
}

.cee-events__eyebrow {
   margin: 0 0 8px;
   color: #850d1b;
   font-family: 'mohr_altmedium';
   font-size: 14px;
   letter-spacing: 2px;
}

.cee-events h2 {
   margin: 0 0 24px;
   color: #1f0d0d;
   font-family: 'mohr_altregular';
   font-size: 30px;
   line-height: 1.2;
   text-align: left;
}

.cee-events__list {
   display: grid;
   gap: 14px;
}

.cee-event-card {
   display: grid;
   grid-template-columns: 74px minmax(0, 1fr) auto;
   gap: 20px;
   align-items: center;
   padding: 17px 22px;
   background: #fff;
   border: 1px solid #dccbb4;
   border-radius: 14px;
}

.cee-event-card__date {
   display: flex;
   width: 58px;
   min-height: 58px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #fff;
   background: #850d1b;
   border-radius: 10px;
   font-family: 'mohr_altmedium';
   line-height: 1;
}

.cee-event-card__date span {
   margin-bottom: 2px;
   font-size: 10px;
}

.cee-event-card__date strong {
   font-size: 22px;
   font-weight: 500;
}

.cee-event-card__content h3 {
   margin: 0 0 4px;
   color: #1f0d0d;
   font-family: 'mohr_altregular';
   font-size: 20px;
   line-height: 1.25;
}

.cee-event-card__content p {
   margin: 0;
   color: #886f59;
   font-family: 'mohr_altlight';
   font-size: 14px;
   line-height: 1.4;
}

.cee-event-card__button {
   min-width: 100px;
   padding: 10px 16px;
   color: #850d1b;
   border: 1px solid #850d1b;
   border-radius: 8px;
   font-family: 'mohr_altmedium';
   font-size: 13px;
   text-align: center;
   text-decoration: none;
}

.cee-event-card__button--primary,
.cee-event-card__button:hover {
   color: #fff;
   background: #850d1b;
}

.cee-events__note {
   margin: 15px 0 0;
   color: #937e69;
   font-family: 'mohr_altlight';
   font-size: 13px;
}

.cee-event-card--hidden {
   display: none !important;
}

.cee-event-card--past {
   background: #f5efe7;
   border-style: dashed;
   opacity: .88;
}

.cee-event-card--past .cee-event-card__date {
   background: #7b6c63;
}

.cee-event-card__status {
   display: inline-block;
   margin-top: 6px;
   padding: 3px 8px;
   color: #6f5c50;
   background: #e8ddd0;
   border-radius: 20px;
   font-family: 'mohr_altmedium';
   font-size: 10px;
   letter-spacing: .5px;
   text-transform: uppercase;
}

.cee-events__more {
   display: block;
   min-width: 180px;
   margin: 22px auto 0;
   padding: 12px 22px;
   color: #fff;
   background: #850d1b;
   border: 1px solid #850d1b;
   border-radius: 8px;
   font-family: 'mohr_altmedium';
   font-size: 13px;
   cursor: pointer;
}

.cee-events__more:hover {
   color: #850d1b;
   background: #fff;
}

.cee-events__more[hidden] {
   display: none;
}

@media (max-width: 600px) {
   .cee-events {
      padding: 38px 18px 32px;
      border-left-width: 4px;
   }

   .cee-events h2 {
      margin-bottom: 20px;
      font-size: 24px;
   }

   .cee-events__list {
      gap: 12px;
   }

   .cee-event-card {
      grid-template-areas:
         "date content"
         "button button";
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 14px 12px;
      padding: 16px;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(79, 42, 28, .06);
   }

   .cee-event-card__date {
      grid-area: date;
      width: 52px;
      min-height: 52px;
      align-self: start;
      border-radius: 9px;
   }

   .cee-event-card__date strong {
      font-size: 20px;
   }

   .cee-event-card__content {
      grid-area: content;
      align-self: center;
   }

   .cee-event-card__content h3 {
      margin-bottom: 5px;
      font-size: 16px;
      line-height: 1.25;
   }

   .cee-event-card__content p {
      font-size: 12px;
      line-height: 1.45;
   }

   .cee-event-card__button {
      grid-area: button;
      width: 100%;
      min-width: 0;
      padding: 11px 16px;
      box-sizing: border-box;
      justify-self: stretch;
      border-radius: 7px;
   }

   .cee-events__note {
      margin-top: 13px;
      padding-left: 2px;
      font-size: 11px;
      line-height: 1.45;
   }

   .cee-events__more {
      width: 100%;
      margin-top: 16px;
   }
}

/* CEE editorial design layer — scoped because this stylesheet loads only on this template. */
:root {
   --cee-maroon: #820d1b;
   --cee-maroon-dark: #650913;
   --cee-ink: #241617;
   --cee-cream: #f4ecdf;
   --cee-cream-soft: #fbf8f2;
   --cee-line: #dfd0bb;
   --cee-muted: #806c5d;
}

section.bannerdes.learningbannerdec.one {
   padding-bottom: 64px;
   background: linear-gradient(180deg, #ffffff 0, #ffffff 36%, var(--cee-cream-soft) 36%, var(--cee-cream-soft) 100%);
}

section.bannerdes.learningbannerdec.one > .container {
   overflow: hidden;
   padding: 0 36px 44px;
   background: #fff;
   border: 1px solid #eadfce;
   border-radius: 22px;
   box-shadow: 0 18px 55px rgba(67, 42, 32, 0.09);
}

.cee-hero-title {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 22px;
   margin: 0 -36px;
   padding: 34px 36px;
   background: var(--cee-maroon);
}

.cee-hero-title img {
   width: 108px;
   max-width: 28vw;
   height: auto;
   padding: 10px 12px;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0 8px 20px rgba(35, 19, 17, .18);
}

section.bannerdes.learningbannerdec.one .cee-hero-title h2 {
   margin: 0;
   color: #fff;
   font-size: clamp(29px, 3vw, 29px);
   line-height: 1.12;
   text-align: center;
}

.slidertop {
   width: calc(100% + 72px);
   margin: 0 -36px;
   overflow: visible;
   border-radius: 0;
   box-shadow: none;
}

.slidertop .slick-list {
   overflow: hidden;
}

.slidertop img {
   display: block;
   width: 100%;
}

.learningbannerdec .slidertop button.slick-arrow {
   z-index: 20;
   width: 44px !important;
   height: 44px !important;
   background-color: rgba(255, 255, 255, .92) !important;
   background-image: url(https://www.vasantvalley.org/wp-content/uploads/2026/01/arrow.png) !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   background-size: 30px 30px !important;
   border: 1px solid rgba(130, 13, 27, .18) !important;
   border-radius: 50% !important;
   box-shadow: 0 5px 18px rgba(35, 19, 17, .22);
}

.learningbannerdec .slidertop button.slick-prev {
   left: 18px !important;
}

.learningbannerdec .slidertop button.slick-next {
   right: 18px !important;
}

section.cyclewrap {
   margin: 24px 0 40px;
}

section.cyclewrap .row {
   gap: 14px;
}

section.cyclewrap .col.span_3 {
   flex: 1;
   width: auto;
}

section.cyclewrap .listwrap {
   min-height: 72px;
   padding: 18px 20px;
   background: var(--cee-cream);
   border: 1px solid var(--cee-line);
   border-radius: 10px;
   transition: transform .2s ease, box-shadow .2s ease;
}

section.cyclewrap .listwrap:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 20px rgba(71, 43, 32, .1);
}

section.cyclewrap .listwrap h6 a {
   color: var(--cee-maroon);
}

section.bannerdes.learningbannerdec.one h2[style] {
   color: var(--cee-maroon);
   font-size: 30px;
}

section.twocol-section.intrapage.two {
   padding: 64px 20px;
   background: var(--cee-cream);
}

section.twocol-section.intrapage.two .row {
   gap: 18px;
}

section.twocol-section.intrapage.two .col {
   flex: 1;
}

section.twocol-section.intrapage.two .creder {
   height: 100%;
   padding: 28px;
   background: rgba(255, 255, 255, .76);
   border: 1px solid var(--cee-line);
   border-radius: 12px;
}

section.twocol-section.intrapage.two .creder h4 {
   color: var(--cee-maroon);
   font-size: 23px;
}

section.twocol-section.intrapage.two .row + .row .creder {
   margin-top: 0;
   border-left: 4px solid var(--cee-maroon);
}

.programmes {
   padding: 72px 20px;
   background: var(--cee-cream-soft);
}

section.twocol-section.programmes h4 {
   margin-bottom: 34px;
   color: var(--cee-maroon);
   font-size: 31px;
}

section#ProgrammesOffered h4::before,
section#WorkshopsOffered h4::before,
section.withwhitebg.intrapage.seven h4::before {
   display: block;
   margin-bottom: 8px;
   color: var(--cee-maroon);
   font-family: 'mohr_altmedium';
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 2px;
}

section#ProgrammesOffered h4::before { content: 'WHAT WE OFFER'; }
section#WorkshopsOffered h4::before { content: 'LEARNING EXPERIENCES'; }
section.withwhitebg.intrapage.seven h4::before { content: 'OUR TEAM'; }

.programme-grid {
   gap: 16px;
}

.programme-card {
   min-height: 230px;
   padding: 30px 24px 56px;
   border: 1px solid var(--cee-line);
   border-radius: 12px;
   box-shadow: none;
   transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.programme-card:hover {
   transform: translateY(-4px);
   border-color: #bd9d79;
   box-shadow: 0 12px 28px rgba(66, 39, 28, .1);
}

.programme-card h3 {
   color: var(--cee-ink);
}

.programme-card a {
   color: var(--cee-maroon);
}

#WorkshopsOffered {
   background: #fff;
}

#WorkshopsOffered .programme-card {
   min-height: 180px;
   background: var(--cee-cream);
}

section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) {
   padding-top: 64px;
   padding-bottom: 64px;
}

section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) .container {
   padding: 34px 38px;
   background: rgba(255, 255, 255, .75);
   border: 1px solid #eadfce;
   border-radius: 14px;
}

section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) h4 {
   position: relative;
   margin-bottom: 22px;
   padding-bottom: 13px;
   color: var(--cee-maroon);
   font-size: 25px;
}

section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) h4::after {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 52px;
   height: 3px;
   background: var(--cee-maroon);
   content: '';
}

section.twocol-section.intrapage.withwhitebg:not(.two) {
   background: var(--cee-cream);
}

.team-list {
   gap: 32px;
}

.team-list li {
   width: 200px;
   padding: 14px 12px 18px;
   background: #fff;
   border: 1px solid var(--cee-line);
   border-radius: 14px;
}

.team-list img {
   width: 164px;
   height: 164px;
   object-fit: cover;
}

@media (max-width: 991px) {
   section.bannerdes.learningbannerdec.one > .container {
      margin-right: 20px;
      margin-left: 20px;
   }

   section.twocol-section.intrapage.two .row {
      flex-wrap: wrap;
   }
}

@media (max-width: 600px) {
   section.bannerdes.learningbannerdec.one {
      width: 100% !important;
      max-width: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
      padding-bottom: 36px;
      box-sizing: border-box;
   }

   section.bannerdes.learningbannerdec.one > .container {
      width: 100% !important;
      max-width: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding: 0 18px 28px;
      border-right: 0;
      border-left: 0;
      border-radius: 0;
      box-sizing: border-box;
   }
   .cee-hero-title {
      flex-direction: column;
      gap: 14px;
      margin: 0 -18px;
      padding: 25px 18px;
   }

   .cee-hero-title img {
      width: 92px;
      padding: 8px 10px;
   }

   section.bannerdes.learningbannerdec.one .cee-hero-title h2 {
      font-size: 29px;
   }

   .slidertop {
      width: calc(100% + 36px);
      margin-right: -18px;
      margin-left: -18px;
   }

   .learningbannerdec .slidertop button.slick-arrow {
      width: 34px !important;
      height: 34px !important;
      background-size: 23px 23px !important;
   }

   .learningbannerdec .slidertop button.slick-prev {
      left: 10px !important;
   }

   .learningbannerdec .slidertop button.slick-next {
      right: 10px !important;
   }

   section.cyclewrap .row {
      gap: 10px;
   }

   section.twocol-section.intrapage.two,
   .programmes,
   section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) {
      padding-top: 42px;
      padding-bottom: 42px;
   }

   section.twocol-section.intrapage.two .creder,
   section.twocol-section.intrapage:not(.two):not(.programmes):not(#contactus) .container {
      padding: 22px 18px;
   }

   section.twocol-section.intrapage.two > .container {
      width: 100% !important;
      max-width: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
      box-sizing: border-box;
   }

   section.twocol-section.intrapage.two .row {
      display: block !important;
      width: 100% !important;
      max-width: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
      box-sizing: border-box;
   }

   section.twocol-section.intrapage.two .col.span_6,
   section.twocol-section.intrapage.two .col.span_12 {
      display: block;
      width: 100% !important;
      max-width: none !important;
      margin: 0 0 16px;
      padding-right: 0 !important;
      padding-left: 0 !important;
      box-sizing: border-box;
   }

   section.twocol-section.intrapage.two .row:last-child .col:last-child {
      margin-bottom: 0;
   }

   section.twocol-section.intrapage.two .creder {
      width: 100% !important;
      max-width: none !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      box-sizing: border-box;
   }

   .programme-card,
   #WorkshopsOffered .programme-card {
      min-height: 0;
   }

   .team-list li {
      width: 100%;
   }
}