@charset "utf-8";
/* CSS Document */


/*NEWS & EVENTS*/

	/*TITLE*/
	.events .content_events {padding-top: 170px; background-color: var(--white);}
		.events .content_events .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.events .content_events .section_title hr {width: 50%; border-color: var(--white); border-width: 2px;}
			.events .content_events .section_title h1 {font-size: 5.125rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.events .content_events {transition: background 0.5s ease-in-out;}
			.events .content_events.show {background-color: var(--pink);}

		.events .content_events .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.events .content_events.show .section_title hr {transform: scale(1);}

		.events .content_events .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.events .content_events.show .section_title h1 {opacity: 1;}

	/*EVENTS*/
	.events .content_calendar {margin: 69px 0 100px;}
	/*Header*/
		.events .content_calendar .header_events {display: flex; align-items: center; justify-content: space-between; margin-bottom: 57px;}
			.events .content_calendar .header_events .regions {display: flex; align-items: center; gap: 30px;}
				.events .content_calendar .header_events .regions p {font-weight: 400; font-size: 1.25rem;}
				.events .content_calendar .header_events .regions .button {font-weight: 700; font-size: 1.125rem;}
			.events .content_calendar .header_events .events_view {display: flex; align-items: center; gap: 34px;}

	/*Calendar*/
		.events .content_calendar ul {list-style-type: none; padding-left: 0; margin-left: 0; display: flex; gap: 120px; flex-wrap: wrap; margin:0; padding:0;}
			.events .content_calendar ul li {height: 170px; width: calc(50% - 60px); position: relative; text-align: right; margin:0; padding:0;}
				.events .content_calendar ul li p {font-size: 1.5rem; line-height: 1.15; text-align: left; font-weight: 900;}
				.events .content_calendar ul .event {margin-left: 118px; background: rgba(239, 147, 158, .3); padding: 29px 25px 29px 118px; height: 100%; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out;}
				.events .content_calendar ul li .dates {position: absolute; left: 0; top: 0; background: var(--pink); border-radius: 50%; width: 220px; height: 220px; z-index: 2; border: 2px solid var(--white); display: flex; align-items: center; justify-content: center; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out;}
					.events .content_calendar ul li .dates .date {text-align: center;}
						.events .content_calendar ul li .dates .date .day {font-size: 3.8125rem; color: var(--white); font-weight: 500; line-height: 1; text-align: center;}
							.events .content_calendar ul li .dates.big .date .day {font-size: 6.25rem;}
						.events .content_calendar ul li .dates .date .month {font-size: 1.5rem; color: var(--black); font-weight: 700; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out;}
							.events .content_calendar ul li .dates.big .date .month {font-size: 2.25rem;}
						.events .content_calendar ul li .dates .date .year {font-size: 1.125rem; color: var(--white); font-weight: 700; margin-top: 5px; text-align: center;}
						.events .content_calendar ul li .dates hr {border-color: var(--white); border-width: 4px; margin: 0 10px; width: 30px; padding-bottom: 25px;}
				.events .content_calendar ul li .read_more {color: var(--black); text-decoration: underline; font-size: 1.125rem; font-weight: 700; margin-top: 8px; display: inline-block; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out;}

			/*Hover*/
			.events .content_calendar ul li:hover .dates {background: var(--footer-green);}
			.events .content_calendar ul li:hover .dates .date .month {color: var(--white);}
			.events .content_calendar ul li:hover .event {background: rgb(209 230 211);}
			.events .content_calendar ul li:hover .read_more {color: var(--black-08);}

		.events .content_calendar .load_more {font-weight: 700; margin-top: 160px; width: 338px;}

		/*Animations*/
		.events .content_calendar ul li,
		.events .content_calendar .header_events .regions p {transition: opacity 1s 0.5s ease-in-out; opacity: 0;}
			.events .content_calendar.show ul li,
			.events .content_calendar.show .header_events .regions p {opacity: 1;}
		.events .content_calendar .header_events .events_view a {transition: all 0.5s 0.8s ease-in-out; opacity: 0; transform: translateX(20px);}
			.events .content_calendar.show .header_events .events_view a {opacity: 1; transform: translateX(0px);}
			/*Delays*/
			.events .content_calendar.show .header_events .events_view a:nth-of-type(2) {transition-delay: 0.6s;}

	/*EVENT MODAL*/
	.events .modal .event_detail {position: fixed; top: 50%; transform: translateY(-50%); background: var(--white); border-radius: 110px 0 0;}
		.events .modal .btn_close_modal {width: 44px; height: 44px; top: 17px; right: 17px;}
			.events .modal .btn_close_modal svg {fill: var(--black);}

		.events .modal .event_detail .event_header {display: flex; align-items: stretch; justify-content: center; min-height: 220px;}
			.events .modal .event_detail .event_header figure {width: 287px;}
				.events .modal .event_detail .event_header figure img {width: 100%; height: 100%; object-fit: cover;}
			.events .modal .event_detail .event_header .title {background: rgba(239, 147, 158, .3); padding: 73px 118px 30px 288px; font-size: 2.25rem; line-height: 1.2; width: 100%; margin-left: 118px;}

		.events .modal .event_detail .event_content {padding: 44px 121px 96px 405px;}
			.events .modal .event_detail .event_content .date {font-weight: 700; font-size: 1.25rem; border-bottom: 2px solid var(--pink); padding-bottom: 22px;}
			.events .modal .event_detail .event_content .location {margin-top: 22px; font-weight: 700; font-size: 1.25rem;}
			.events .modal .event_detail .event_content .event_text {margin-top: 53px;}
				.events .modal .event_detail .event_content .event_text p {font-size: 1.25rem; line-height: 1.4; font-weight: 400; margin-bottom: 30px;}

		/*Dates circle*/
		.events .event_detail .dates {position: absolute; left: 0; top: 0; background: var(--pink); border-radius: 50%; width: 220px; height: 220px; z-index: 2; border: 2px solid var(--white); display: flex; align-items: center; justify-content: center;}
			.events .event_detail .dates .date {text-align: center;}
				.events .event_detail .dates .date .day {font-size: 3.8125rem; color: var(--white); font-weight: 500; line-height: 1; text-align: center;}
					.events .event_detail .dates.big .date .day {font-size: 6.25rem;}
				.events .event_detail .dates .date .month {font-size: 1.5rem; color: var(--black); font-weight: 700;}
					.events .event_detail .dates.big .date .month {font-size: 2.25rem;}
				.events .event_detail .dates .date .year {font-size: 1.125rem; color: var(--white); font-weight: 700; margin-top: 5px; text-align: center;}
				.events .event_detail .dates hr {border-color: var(--white); border-width: 4px; margin: 0 10px; width: 30px; padding-bottom: 25px;}

@media (max-width: 1000px) {
	.events .p_left_1 {padding-left: 0;}
	.events > section .center_content.c_10,
	.events > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.events .content_events {padding-top: 115px;}
		.events .content_events .section_title {width: 100% !important;}
			.events .content_events .section_title h1 {font-size: 3rem;}

	/*Events*/
	.events .content_calendar .header_events .regions {display: block;}
		.events .content_calendar .header_events .regions p {font-size: 1.125rem; margin-bottom: 16px;}
	.events .content_calendar .header_events .events_view {padding-top: 40px;}


	.events .content_calendar .events_container {margin-top: 90px;}
		.events .content_calendar ul {gap: 86px;}
			.events .content_calendar ul li {width: calc(50% - 43px); height: 113px;}
				.events .content_calendar ul li .dates {width: 113px; height: 113px;}
					.events .content_calendar ul li .dates .date .day {font-size: 1.9375rem;}
						.events .content_calendar ul li .dates.big .date .day {font-size: 3rem;}
					.events .content_calendar ul li .dates .date .month {font-size: 0.875rem;}
						.events .content_calendar ul li .dates.big .date .month {font-size: 1.125rem;}
					.events .content_calendar ul li .dates .date .year {font-size: 0.875rem; margin-top: 0;}
					.events .content_calendar ul li .dates hr {border-width: 3px; width: 16px; padding-bottom: 18px; margin: 0 4px;}
				.events .content_calendar ul .event {margin-left: 57px; padding: 22px 11px 22px 76px;}
				.events .content_calendar ul li p {font-size: 1.125rem; line-height: 1.4;}
				.events .content_calendar ul li .read_more {font-size: 0.875rem;}
		.events .content_calendar .all_events {width: 338px; margin-top: 106px;}

	/*Event modal*/
	.events .modal .btn_close_modal,
	.events .modal .btn_close_modal svg {width: 30px; height: 30px;}
	.events .event_detail .dates {width: 160px; height: 160px;}
		.events .event_detail .dates hr {width: 22px; margin: 0 8px; padding-bottom: 20px;}
		.events .event_detail .dates .date .day {font-size: 2.625rem;}
		.events .event_detail .dates .date .month {font-size: 1.1875rem;}
	.events .modal .event_detail .event_header {min-height: auto;}
		.events .modal .event_detail .event_header .title {margin-left: 0; border-radius: 90px 0 0; font-size: 1.125rem; padding: 69px 41px 69px 172px;}
	.events .modal .event_detail .event_content {padding: 27px 41px 95px 172px;}
		.events .modal .event_detail .event_content .date,
		.events .modal .event_detail .event_content .location,
		.events .modal .event_detail .event_content .event_text p {font-size: 0.875rem;}
		.events .modal .event_detail .event_content .event_text {margin-top: 40px;}
}

@media (max-width: 750px) {
	.events > section .center_content.c_10,
	.events > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.events .content_events {padding-top: 165px;}
		.events .content_events .section_title {padding: 43px 0;}
			.events .content_events .section_title hr {width: 42%;}
			.events .content_events .section_title h1 {font-size: 2.25rem;}

	/*Events*/
	.events .content_calendar {margin-top: 80px;}

		.events .content_calendar .header_events {padding: 0 36px; flex-direction: column; align-items: flex-start;}
			.events .content_calendar .header_events .regions p {margin-bottom: 35px;}

		.events .content_calendar .events_container {padding: 0 36px; margin-top: 34px;}
			.events .content_calendar ul {gap: 63px;}
				.events .content_calendar ul li {width: 100%;}
		.events .content_calendar .load_more {width: 100%; margin-top: 80px;}

	/*Event modal*/
	.events .content_event_modal {padding: 0 36px;}
		.events .modal .event_detail {border-radius: 60px 0 0;}
			.events .event_detail .dates {width: 113px; height: 113px;}
				.events .event_detail .dates .date .day {font-size: 1.9375rem;}
				.events .event_detail .dates .date .month {font-size: 0.875rem;}
				.events .event_detail .dates hr {width: 16px; border-width: 3px; padding-bottom: 16px; margin: 0 3px;}
			.events .modal .event_detail .event_header .title {padding: 142px 24px 42px; border-radius: 60px 0 0;}
			.events .modal .event_detail .event_content {padding: 31px 21px 85px 24px;}
}