/* Start:/local/templates/ranepa_im2/assets2/css/eventpage.css?17649321418825*/
/* Event page styles - pixel-aligned to Figma frame 11846:7974 */

.event-section { margin: 0 0 60px; }
.event-section .container { position: relative; width: 1326px; max-width: 100%; }

.event-hero { position: relative; width: 100%; }
.event-header { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 0; gap: 16px; }
.event-actions { display: inline-flex; align-items: center; gap: 12px; }
.event-subscribe { display: inline-flex; align-items: center; gap: 8px; color: #32343A; font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 12.5px; text-decoration: none; }
.event-subscribe img { width: 17px; height: 17px; display: block; }

.event-title { margin: 16px 0 18px; color: #32343A; font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 32px; line-height: 1.1; }
.event-about-title { margin: 30px 0 12px; color: #32343A; font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 36px; line-height: 1.06; }

.event-cover { width: 100%; height: 467px; border-radius: 15px; overflow: hidden; }
.event-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }

.event-body { display: flex; gap: 44px; padding-top: 40px; }
.event-body-left { flex: 1; max-width: 991px; }
.event-body-right { flex: 0 0 291px; }

.event-description { color: #32343A; font-family: Raleway, Arial, sans-serif; font-weight: 400; font-size: 20px; line-height: 1.1; }
.event-description p { margin: 0 0 14px; }
.event-description .dash-list { margin: 0 0 14px; padding: 0 0 0 16px; }
.event-description .dash-list li { margin: 0 0 6px; list-style: none; position: relative; }
.event-description .dash-list li::before { content: "–"; position: absolute; left: -16px; }

.event-attention { display: flex; align-items: flex-start; gap: 16px; margin: 20px 0; width: 100%; max-width: 767px; height: 43px; }
.attention-icon { width: 41px; height: 41px; flex-shrink: 0; }
.attention-icon img { width: 100%; height: 100%; display: block; }
.attention-text { font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 20px; line-height: 1.06; color: #000000; width: 710px; }

.event-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 20px; }

.event-card { width: 291px; height: auto; background: #fff; border-radius: 15px; box-shadow: 0 1.396px 8.865px rgba(0,0,0,.09); padding: 18px 10px 12px; color: #32343A; font-family: Raleway, Arial, sans-serif; display: flex; flex-direction: column; }
.event-card .time { font-size: 0.78125em; font-weight: bold; color: #32343A; margin-bottom: 6px; }
.date-block { display: flex; align-items: flex-start; gap: 7px; }
.date-number { font-size: 2.45em; font-weight: 600; color: #32343A; line-height: 1.06; } /* 40px */
.date-text { display: flex; flex-direction: column; gap: 2px; }
.date-month { font-size: 1.375em; font-weight: 600; color: #32343A; line-height: 1.06; } /* 22px */
.date-day { font-size: 0.75em; font-weight: 500; color: #32343A; line-height: 1.06; } /* 12px */
.event-card .faculty-text { font-size: 0.875em; font-weight: 500; color: #32343A; margin-bottom: 15px; margin-top: 10px;} /* 14px */
.event-card .row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 0.71875em; font-weight: 600; color: #AAAAAA; line-height: 1.06; } /* 11.5px */
.event-card .row img { width: 14px; height: 14px; }
.event-card .address { display: flex; align-items: flex-start; gap: 8px; font-size: 0.71875em; font-weight: 600; color: #AAAAAA; line-height: 1.06; margin: 0px 0 6px; } /* 11.5px */
.event-card .address img { width: 14px; height: 14px; margin-top: 2px; }
.eventpage-register-btn { 
	width: 271px; 
	height: 40px; 
	border: none; 
	border-radius: 999px; 
	background: #E63542; 
	color: #fff; 
	font-family: Raleway, Arial, sans-serif; 
	font-weight: 500; 
	font-size: 12px; 
	cursor: pointer; 
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}

.event-map { width: 291px; height: 263px; border-radius: 15px; overflow: hidden; background: #f3f3f3; }
.event-map iframe { border: 0; width: 100%; height: 100%; display: block; }

/* Schedule section */
.event-schedule { margin: 60px 0; }
.schedule-title { font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 36px; line-height: 1.06; letter-spacing: -0.02em; color: #32343A; margin: 0 0 29px; }
.schedule-content { width: 734px; }
.schedule-content p { font-family: Raleway, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 2.11; color: #32343A; margin: 0; }
.schedule-time { color: #E63542; }

/* Campus section */
.event-campus { margin: 60px 0; }
.campus-title { font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 36px; line-height: 1.06; letter-spacing: -0.02em; color: #32343A; margin: 0 0 29px; }
.campus-map { width: 1326px; height: 407px; border-radius: 20px; overflow: hidden; background: #f3f3f3; }
.campus-map iframe { border: 0; width: 100%; height: 100%; display: block; }

/* Register Modal */
.event-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 1000; }
.event-modal.active { display: flex; }
.event-modal__overlay { position: absolute; inset: 0; backdrop-filter: blur(12.6px); background: rgba(166,166,166,0.22); }
.event-modal__dialog { position: relative; width: 686px; max-width: calc(100% - 26px); background: #fff url('/local/templates/ranepa_im2/assets2/css/../img/event/bgpopup.webp') center/cover no-repeat; border-radius: 16px; padding: 19px 19px 22px; overflow: hidden; }
.event-modal__dialog::before { content: ""; position: absolute; inset: 0; background: linear-gradient(18deg, #9AB1D5 12%, #4B4E55 100%); opacity: 0.06; }
.event-modal__dialog::after { content: none; }
.event-modal__title { position: relative; margin: 0 0 14px; font-family: Raleway, Arial, sans-serif; font-weight: 600; font-size: 28px; line-height: 1.174; color: #ffffff; z-index: 1; }
.event-modal__close { position: absolute; top: 13px; right: 13px; width: 43px; height: 43px; border: none; background: none; padding: 0; cursor: pointer; z-index: 2; }
.event-modal__close img { width: 26px; height: 26px; }
.event-modal__form { position: relative; z-index: 1; width: 398px; max-width: 100%; }
.popup-field { margin: 8px 0; }
.popup-field input, .popup-field select, .popup-textarea textarea { width: 100%; height: 41px; border-radius: 80px; border: 1px solid #E3E3E3; padding: 0 13px; font-family: Raleway, Arial, sans-serif; font-size: 12px; background-color: #fff; }
.popup-field select { cursor: pointer; }
.popup-field select option { padding: 5px; }
.popup-textarea textarea { height: 66px; padding: 10px 13px; resize: vertical; border-radius: 20px; }
.popup-submit { display: flex; align-items: center; justify-content: center; width: 100%; height: 38px; padding: 0 16px; border-radius: 999px; margin-bottom: 16px; background-color: #32343A; color: #ffffff; border: none; cursor: pointer; transition: background-color 0.3s ease; }
.popup-submit:hover { background-color: #E63542; }
.popup-consent { margin-top: 16px; }
.popup-check { display: flex; align-items: flex-start; gap: 8px; margin: 6px 0; font-family: Raleway, Arial, sans-serif; font-size: 11px; color: #ffffff; }
.popup-note { margin-top: 10px; font-family: Raleway, Arial, sans-serif; font-size: 10px; color: #ffffff; }

@media (max-width: 1200px) {
  .event-section .container { width: auto; padding: 0 16px; }
  .event-body { flex-direction: column; gap: 20px; }
  .event-body-left, .event-body-right { flex: none; max-width: none; }
  .event-sidebar { position: static; }
  .event-sidebar, .event-card, .event-map { width: 100%; }
}

@media (max-width: 768px) {
  .event-badge { width: auto; padding: 0 16px; font-size: 0.625em; } /* 10px */
  .event-header { flex-direction: column; align-items: flex-start; gap: 16px; padding: 15px 0 0; }
  .event-title { font-size: 1.1875em; width: 100%; } /* 19px */
  .event-actions { width: 100%; justify-content: space-between; margin-bottom: 20px; }
  .event-description { font-size: 0.875em; } /* 14px */
  .event-cover { height: 213px; }
  .attention-text { font-size: 0.775em; } /* 14px */
  .event-card .time { font-size: 0.675em; } /* 6px */

  .event-card .row { color: #AAAAAA; font-size: 0.75em; } /* 12px */
  .event-card .faculty-row { font-size: 0.75em; } /* 12px */
  .event-card .address { line-height: 1.4; font-size: 0.75em; } /* 12px */
  .eventpage-register-btn { 
	font-size: 0.95em;
	width: 100%;
	height: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
  } /* 12px */
  .schedule-content { width: 100%; max-width: 734px; }
  .schedule-content p { font-size: 0.875em; } /* 14px */
  .campus-map { width: 100%; max-width: 1326px; height: 300px; }
}



/* End */
/* /local/templates/ranepa_im2/assets2/css/eventpage.css?17649321418825 */