/* Pixel-perfect styles for Event Calendar Full */
.ecs-full-wrap {color: #222;   }
.ecs-full-heading { text-align:center; font-size:22px; color:#333; margin-bottom:30px; font-weight:400; letter-spacing:0.3px; }
.ecs-full-inner { display:flex; gap:0px; align-items:flex-start; justify-content:center; max-width:1330px; margin:0 auto;   box-sizing:border-box; justify-content: space-between;    background: #EFECE4; }
/* .ecs-meta-date-full{
	display: none!important;
} */
.ecs-left-card { background: transparent; /*border-radius:4px; box-shadow: 0 8px 24px rgba(0,0,0,0.15);*/ padding: 0px; }
.ecs-feature-image { width:100%; height:360px; border-radius:4px; background-size:cover; background-position:center; display:block; }
.ecs-right-card { background:#EFECE4; border-radius:0px; padding:24px; /*box-shadow: 0 8px 28px rgba(0,0,0,0.08);*/ position:relative; }
.ecs-month-large { font-family: "Crimson Text", serif; font-size:28px; color:#d94b4b; letter-spacing:4px; position:absolute; right:22px; top:46%; transform:translateY(-50%); }
.ecs-calendar-wrap .ecs-month-title { font-family:"Inter",sans-serif; color:#cfc8c2; font-weight:600; }
.ecs-calendar-table th { color:#b0a9a4; font-size:12px; letter-spacing:6px; text-transform:uppercase; padding-bottom:6px; }
.ecs-calendar-table td { background: transparent; padding:4px; vertical-align:middle; }
.ecs-day .ecs-day-num { font-size:14px; color:#333; display:inline-block; padding:8px 10px; border-radius:50%; }
.ecs-today .ecs-day-num { background:#D72B45; color:#fff!important; /*width:36px; height:36px; line-height:20px;*/ display:inline-flex; align-items:center; justify-content:center; font-weight:600; margin:2px auto; }
.ecs-has-event .ecs-dot { background:#d94b4b; width:8px; height:8px; border-radius:50%; position:absolute; top:8px; right:12px; }
.ecs-has-event.ecs-selected .ecs-day-num, .ecs-selected .ecs-day-num { background:#D72B45; border:2px solid #D72B45; color:#fff; min-width:20px }
.ecs-calendar-nav { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.ecs-calendar-nav .ecs-nav-label { font-size:12px; color:#8d8a87; font-weight:600; }
.ecs-filter-right { position:absolute; bottom:18px; right:22px; }
.ecs-filter-select { padding:8px 12px; border-radius:6px; border:1px solid #ddd; background:#f6f6f6; font-size:13px; }
.ecs-slider-controls { max-width:1170px; margin:0px auto 0; padding:0 0px; }
.ecs-event-slide { background:#f8f6f2; border-radius:0px; padding:12px;  }
.ecs-slide-thumb { height:170px; border-radius:10px; background-size:cover; background-position:center; }
.ecs-slide-title { font-family:"Crimson Text",serif; font-size:16px; color:#333; margin-top:0px; text-transform:uppercase; letter-spacing:0.6px; }
.ecs-slide-meta { font-size:14px; color:#7a7774; margin-top:6px; }
.ecs-paging-wrap { max-width:1100px; margin:28px auto 0; display:flex; justify-content:space-between; padding:0 20px; color:#666; font-size:13px; font-weight:600; letter-spacing:1px; }
@media (max-width:960px) {
    
    .ecs-left-col, .ecs-right-col { max-width:100%; flex:1 1 100%; }
    .ecs-feature-image { height:240px; }
    .ecs-right-card { padding:18px; }
    .ecs-month-large { position:static; transform:none; margin-top:14px; text-align:right; }
}
.ecs-calendar-wrap{ max-width:100%; }
.ecs-calendar-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.ecs-calendar-table{ width:100%; border-collapse:collapse; }
.ecs-calendar-table th{text-align:center;}
.ecs-calendar-table td{ width:14.2857%; height:72px; vertical-align:top; padding:6px; text-align:center; position:relative; }
.ecs-day { cursor:pointer; border-radius:4px; transition: all .18s ease; }
.ecs-day:hover { background: rgba(0,0,0,0.03); transform:translateY(-2px); }
.ecs-day .ecs-day-num{ font-size:16px; display:block; }
.ecs-no-events{ padding:20px; text-align:center; color:#777; }
.ecs-selected .ecs-badge, .ecs-badge{position: absolute;  min-width: 20px; min-height: 20px;  background:#EFECE4; border-radius: 20px; line-height: 26px; top: -10px;border:1px solid #333; font-size: 14px;} .ecs-has-event .ecs-day-num{ background: #dadada; border: 2px solid #dadada;}

.ecs-feature-image {
     
    background-size: cover;
    background-position: center;
    border-radius:0px;
    margin-bottom: 0px;
}



.ecs-slide-thumb {
    height: 300px;
    border-radius:0px;
    background-size: contain;
    background-position: center; background-repeat: no-repeat; background-position: left bottom;
}

.ecs-event-slide { padding:20px; background:#fff} .ecs-event-slide:hover, .center .ecs-event-slide{background:#EFECE4}

.ecs-slide-title {font-size: 18px; font-weight: 600;}

.ecs-no-events {
    padding: 15px;
    text-align: center;
    font-size: 14px;
}

.ecs-no-event-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 4px;
}
.ecs-feature-image {
    position: relative;
}
/* Events listing page open*/
#ecs-all-events-wrapper {
    max-width: 1200px;
    margin: auto;
}
.ecs-title {
    font-size: 26px;
    margin: 40px 0 20px;
}
.ecs-event-card {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.6% 30px;
}
.ecs-load-more-btn {
    background: #111;
    color: #fff;
    padding: 10px 20px;
    display: block;
    margin: 10px auto 40px;
    cursor: pointer;
    border: none;
}
.ecs-full-wrap{display:flex;       flex-direction: column;}
.ecs-full-inner, .ecs-slider-controls, .ecs-paging-wrap{width:100%}
.ecs-paging-wrap{display:none!important}
.ecs-events-owl .owl-nav { display: flex; justify-content: space-between; padding-top:40px }
.ecs-slide-title, .ecs-slide-location {font-family: 'Work Sans'; line-height:1.2; color:#D72B45; font-weight:400;  padding-bottom:10px}
.ecs-slide-desc{font-family: 'Crimson Text'; line-height:1.2; letter-spacing:0px; }
.ecs-slide-meta, .ecs-slide-title	{font-size:18px; color: #D72B45;}
.ecs-slide-location	{font-size:16px; position:relative; padding-left: 20px;} .ecs-slide-location::before{content:'';  position:absolute; left:0px;  top:0px; background:url(https://harpercollins.co.in/wp-content/uploads/2025/11/location.svg) no-repeat center; width:13px; height:15px;  } .ecs-slide-meta	{font-size:16px; color:#4C4C4C;}
.ecs-events-owl .owl-nav div, .ecs-day .ecs-day-num, .ecs-calendar-table th{font-family: 'Work Sans'; font-size:16px; color:#333}  .ecs-calendar-wrap .ecs-month-title{font-family: 'Crimson Text'; color:#D72B45}  button.ecs-month-prev, button.ecs-month-next { cursor:pointer; border: none; background: #efece4;} .ecs-calendar-table td, table.ecs-calendar-table thead{position:relative} .ecs-calendar-table td .ecs-selected .ecs-day-num{height:100%}.ecs-calendar-table td { height:50px;} .ecs-day-num {  position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%);} .ecs-selected .ecs-day-num, .ecs-today .ecs-day-num{color:#fff;  font-weight: 800;}
.ecs-calendar-table tr th:first-child, .ecs-calendar-table tr td:first-child .ecs-day-num{color:#D72B45}
.ecs-calendar-table tr th:first-child.ecs-selected .ecs-day-num, .ecs-calendar-table tr td:first-child.ecs-selected .ecs-day-num{color:#fff} table.ecs-calendar-table thead::before { content: ''; position: absolute; left: 0px; bottom: -2px; width: 90%; height:1px; background: #333333; left: 50%; transform: translateX(-50%);}
.ecs-events-owl .owl-nav div{padding-top:20px;  width:90px;}
.ecs-events-owl .owl-nav .owl-prev{ background: url(https://harpercollins.co.in/wp-content/uploads/2025/09/prev.svg) no-repeat top right;} .ecs-events-owl .owl-nav .owl-next{background: url(https://harpercollins.co.in/wp-content/uploads/2025/09/next-o.svg) no-repeat top left; text-align:left;}
.footer-menu-block{}

/* Events listing page close*/

/* Events inner page*/
.ecs-container { max-width: 1170px;  margin: 0px auto 0px auto;  font-family: "Crimson Text", serif;} .ecs-wrapper {  margin-top: 0px !important; }
.ecs-hero {  height: 350px;  border-radius: 10px; background-size: cover;  background-position: center; margin-bottom: 30px;}
.ecs-meta {  color: #444;  font-size: 16px; line-height: 1.7;  margin-bottom: 25px;}
.ecs-label {   font-weight: 600;}
.ecs-buttons { display: flex;   flex-wrap: wrap; gap: 12px; margin-bottom: 35px;}
.ecs-btn { padding: 12px 26px; border-radius:5px;  background:#D72B45;  color: #fff !important; text-decoration: none;  cursor: pointer;    font-weight: 400; transition: 0.25s; text-transform:uppercase}
.ecs-btn{ font-size: 16px; font-weight:400; font-family: 'Work Sans'; letter-spacing: 2px;} .ecs-btn:hover { background: #bb3036;}  .ecs-meta div{font-family: 'Work Sans';  display: flex;  flex-direction: column;}
.ecs-secondary-btn {  background: #ececec; color: #333 !important;}
.ecs-secondary-btn:hover {  background: #dcdcdc;}
/* Add-to-Calendar Dropdown */
.ecs-cal-dropdown {  position: relative;}
.ecs-cal-menu { display:none; position:absolute; top:47px;  left:0; width:100%; background:#fff; border:1px solid #fff; border-radius:5px; padding:8px 0; z-index:999; box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.ecs-cal-menu a { display:block;  padding:10px 14px; color:#333 !important;  text-decoration:none; font-size:16px;  line-height:1.2}
.ecs-cal-menu a:hover { background:#f0f0f0;}
.ecs-content h2{color:#2E2E2E} .ecs-content p{color:#464646; text-transform: initial; line-height:1.3}
/* Popup Styles */
#ecs-register-popup { position: fixed;  inset: 0;  background: rgba(0,0,0,0.65); display: none; align-items: center; justify-content: center; z-index: 99999;}
.ecs-popup-box { background:#efece4; border-radius: 10px; padding: 28px; width: 100%; max-width:660px; opacity: 0; transform: scale(0.85); transition: all 0.25s ease;}
.ecs-popup-box.ecs-show {  opacity: 1;  transform: scale(1);}
.ecs-close { float:right; cursor:pointer;  font-size:20px; text-decoration:none; color:#666; top: -5px; position: relative;} 
.ecs-close:hover { color:#D72B45; }
.ecs-content { font-size: 16px; line-height: 1.2; }
.ecs-popup-box{left: 50%; position: absolute; top:10%; transform: scale(1) translateX(-50%)!important; }

.top-menu .wp-block-navigation__responsive-container-content {display: block!important;}
.ecs-calendar-header button:hover{color: #d72b45;}
/* -----------------------------------------
   FIX: Mobile & Tablet Menu Not Working
   Only on Single Event Pages
------------------------------------------ */

/* 1️⃣ Ensure navigation modal appears above everything */
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
    z-index: 999999 !important;
    position: relative !important;
}

/* 2️⃣ Push event content below the menu (was overlapping) */
.single-event .site-main,
.single-event .site-content,
.single-event .entry-content,
.single-event .wp-block-group,
.single-event .wp-block-cover {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

/* 3️⃣ Fix any wrapper/section causing invisible overlay */
.single-event [class*="event"],
.single-event [class*="hero"],
.single-event [class*="content"],
.single-event .wp-block-group {
    overflow: visible !important;
    z-index: 1 !important;
}

/* 4️⃣ Ensure the menu backdrop layer is visible */
.wp-block-navigation__responsive-close {
    z-index: 999999 !important;
}


/* Events inner page close*/
@media (max-width:767px) {
  .ecs-feature-image { height: 320px;}	 .ecs-event-slide a{display:flex; flex-direction: column; gap:20px} 
  .ecs-left-col { flex: 0 0 100%; max-width:100%; }
  .ecs-right-col { flex: 0 0 100%; max-width:100%; } .ecs-meta{display: flex; gap: 20px;}	 .ecs-meta-date-full, .footer-area{padding-left:20px; padding-right:20px} .footer-menu-block nav {gap: 8px;} .footer-menu{gap:30px} .footer-menu-block ul{ gap: 15px; display: flex;} .footer-menu-social ul { gap: 15px;} .event-content{padding-top:0px!important} .ecs-full-wrap{gap:30px;} .ecs-events-owl .owl-nav{padding-bottom:20px} .ecs-full-inner { flex-direction:column; } .single-ecs_event .top-menu { position: absolute!important;  right: 0px!important;  /* top: 10px; */ z-index: 9999999; background:none!important; /* padding: 20px !important; */ width: 100%; text-align: right;  }  .single-ecs_event .top-menu .wp-block-navigation__responsive-container-open{  right: 0px; position: absolute !important; display: block;  position: absolute;  top:-8px; z-index: 55;} .single-ecs_event .top-menu{ top: 0px!important; width: 35px!important;}
}
@media (max-width:1000px) {
	.ecs-meta{display: flex; gap: 20px; justify-content: space-between;} .ecs-meta-date-full { padding-left: 20px; padding-right: 20px;} .footer-area { padding-left: 20px; padding-right: 20px;}.top-logo, .sticky .top-logo { padding: 15px 40% 15px 20px !important; }
	 .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {  display: none; } .single-ecs_event .wp-block-navigation:not(.has-background) .single-ecs_event .wp-block-navigation__responsive-container.is-menu-open{position: fixed !important;} .single-ecs_event .top-menu { /*position: absolute;*/ right: 0px; top: 100px; z-index: 9999999; background: #fff; padding: 20px !important; width: 100%; }
	 .single-ecs_event .top-logo,  .single-ecs_event .sticky .top-logo { padding: 15px 40% 15px 20px !important;  } .top-menu .wp-block-navigation__responsive-container-open{display:block!important}     .single-ecs_event .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block;} 
	
}	


@media (min-width:768px) {
  .ecs-feature-image { height:620px; background-size: contain; background-position: left; background-repeat:no-repeat}	 .ecs-event-slide a{display:flex; gap:20px} .ecs-event-slide .ecs-slide-thumb{width:50%} .ecs-event-slide .ecs-slide-body{width:75%} .ecs-slide-desc{font-size:22px!important;} .ecs-calendar-header{margin-bottom: 30px;} button.ecs-month-prev, button.ecs-month-next{width:80px}.ecs-left-col { flex: 0 0 50%; max-width:50%; }
  .ecs-right-col { flex: 0 0 50%; max-width:50%; } button.ecs-month-prev, button.ecs-month-next{ font-size: 30px; font-weight: 100;} .wp-container-core-columns-is-layout-27087094 {gap: 20px;} .footer-menu-block ul {gap: 10px;} .wp-container-core-columns-is-layout-b0143f16 ul {gap: 10px;} .footer-copy {justify-content: center;} 
  .form-row.row { display: flex; gap: 25px;} .form-row.row .col-6 {width: 50%;}  .ecs-full-wrap{gap:40px;}    .single-ecs_event .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {  display: none !important; }      .footer-menu-block nav ul{display:flex; align-items: center;} .footer-menu-block h2{text-align:center} .ecs-slide-thumb{background-position: left top;}
	
}
@media (min-width:1024px) {
	  .ecs-month-title{font-size:30px}  /*.ecs-calendar-header{ flex-direction: column;} .ecs-calendar-wrap { max-width: 100%;  display: flex; flex-direction: row-reverse;}  .ecs-calendar-wrap .ecs-month-title { transform: rotate(90deg) translateY(0px); text-align: center; top: 50%; width: 500px; position: absolute;  } */ .ecs-right-card{padding:70px 24px;} .ecs-left-col, .ecs-right-col{min-height:500px; background: #efece4;} button.ecs-month-prev, button.ecs-month-next{ font-size: 40px; font-weight: 100;height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;} .ecs-slide-meta{margin-top: 20px;} .wp-container-core-columns-is-layout-b0143f16 ul {gap: 20px;} .footer-copy{} .ecs-meta-date-full, .ecs-meta{display:flex; flex-direction: row; justify-content: space-between; align-items: center;} .ecs-meta-date-full, .ecs-meta{gap:30px}  .ecs-full-wrap{gap:30px;} .ecs-meta-date-full{ padding-left: 20px; padding-right: 20px;} .inner-banner{height:auto}
	  .ecs-slide-thumb { height: 200px; border-radius:0px;  background-size: cover; background-position: center;} .footer-menu-block nav ul { display: flex;  align-items: flex-start; }     .footer-menu-block h2 {text-align: left;}     .single-ecs_event .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;}  .ecs-slide-thumb{background-position: left bottom;} .ecs-left-col, .ecs-right-col{min-height: 450px;}     .ecs-right-card { padding: 10px 20px; } .ecs-left-col, .ecs-right-col{min-height: 450px;} .ecs-feature-image{background-size: cover;}
	
}
@media (min-width:1200px) {
	 button.ecs-month-prev, button.ecs-month-next{width:100px;height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;}
  .ecs-feature-image { height: 616px;}	.ecs-slide-desc{font-size:24px!important;} .ecs-month-title{font-size:36px}.ecs-meta-date-full{ padding-left: 0px; padding-right: 0px;} .ecs-event-slide .ecs-slide-thumb{width:25%} .ecs-feature-image { height: 300px;background-position: top;    background-position: top center !important;
    background-size: contain !important;} .ecs-calendar-header{margin-bottom: 10px;}
	.ecs-events-owl .owl-nav,.ecs-left-slider .owl-nav{
		display: flex!important;
		position: absolute;
		top: -110px;
		right: 20px;
		opacity: 1!important;
	}
	.ecs-events-owl button,.ecs-left-slider .owl-nav button{
		background: transparent!important;
		border: none!important;
		color: #000!important;
		
	}
	.ecs-left-slider .owl-nav{
		display: flex !important;
        position: absolute;
        top: auto;
        right: 70px;
        opacity: 1 !important;
        bottom: 15%;
        left: 374px;
        right: 10px;
        margin: auto;
	}
	.ecs-left-slider .owl-dots{
		display: none;
	}
	.ecs-events-owl button svg{
/* 		padding-left: 10px!important; */
	}
	.ecs-events-owl .owl-prev,.ecs-left-slider .owl-nav .owl-prev{
		margin-right: 30px;
	}
	a.ecs-feature-link{
		flex-wrap: wrap;
	}
	.ecs-feature-image{
		flex: 0 0 50%;
	}
	.ecs-feature-overlay{
		flex: 0 0 40%;
	}
	.ecs-feature-image.sliderimage{
		height: 470px;
	}
}
.ecs-left-slider .owl-nav{
	display: flex!important;
}
.ecs-slider-controls h2{
	font-family: "Cormorant", Sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 45px;
    color: #000000;
}
@media all and (min-width: 1200px) and (max-width: 1300px){
	.ecs-left-slider .owl-nav{
		left: 334px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px){
	.ecs-events-owl .owl-nav,.ecs-left-slider .owl-nav{
		display: flex!important;
		position: absolute;
		top: -110px;
		right: 20px;
		opacity: 1!important;
	}
	.ecs-events-owl button,.ecs-left-slider .owl-nav button{
		background: transparent!important;
		border: none!important;
		color: #000!important;
		
	}
	.ecs-left-slider .owl-nav{
		display: flex !important;
        position: absolute;
        top: auto;
        right: 70px;
        opacity: 1 !important;
		bottom: 15%;
        left: 300px;
        right: 10px;
        margin: auto;
	}
	.ecs-feature-image{
		height: 260px;
	}
	.ecs-left-slider .owl-dots{
		display: none;
	}
	.ecs-events-owl button svg{
/* 		padding-left: 10px!important; */
	}
	.ecs-events-owl .owl-prev,.ecs-left-slider .owl-nav .owl-prev{
		margin-right: 30px;
	}
	a.ecs-feature-link{
		flex-wrap: wrap;
	}
	.ecs-feature-image{
		flex: 0 0 50%;
	}
	.ecs-feature-overlay{
		flex: 0 0 40%;
	}
	.ecs-feature-image.sliderimage{
		height: 470px;
	}
}
@media all and (max-width: 991px){
	.ecs-event-slide .ecs-slide-thumb{
		width: 100%!important;
		height: 270px;
	}
	a.ecs-feature-link{
		display: block!important;
	}
	.ecs-events-owl .owl-nav,.ecs-left-slider .owl-nav{
		display: flex!important;
		position: absolute;
		top: -100px;
		right: 20px;
		opacity: 1!important;
	}
	.ecs-events-owl button,.ecs-left-slider .owl-nav button{
		background: transparent!important;
		border: none!important;
		color: #000!important;
		
	}
	.ecs-left-slider .owl-nav{
		display: flex !important;
        position: absolute;
        top: auto;
        right: 70px;
        opacity: 1 !important;
        bottom: 0%;
        left: 30%;
        right: 0;
        margin: auto;
	}
	.ecs-left-slider .owl-dots{
		display: none;
	}
	.ecs-events-owl button svg{
/* 		padding-left: 10px!important; */
	}
	.ecs-events-owl .owl-prev,.ecs-left-slider .owl-nav .owl-prev{
		margin-right: 30px;
	}
	.ecs-slider-controls h2{
		font-size: 26px;
	}
}