@charset "utf-8";

.story_page_blue{
	background:#f5faff;
	color:#173957;
}
.story_page_blue .story_label{
	color:#247fc3;
}
.story_page_blue .story_section_head h2,
.story_page_blue .story_copy h2,
.story_page_blue .story_pastor_text h2,
.story_page_blue .story_character h2{
	color:#153f6b;
}
.story_page_blue .story_btn.is_primary{
	background:#247fc3;
	box-shadow:0 12px 28px rgba(36,127,195,.24);
}
.story_page_blue .story_text_link{
	color:#247fc3;
}
.story_page_blue .story_intro{
	background:linear-gradient(180deg,#f9fcff 0%,#f0f7fd 100%);
}
.story_page_blue .story_identity_card{
	border-color:rgba(36,127,195,.15);
	box-shadow:0 18px 52px rgba(31,111,168,.08);
}
.story_page_blue .story_identity_card:after{
	background:linear-gradient(135deg,rgba(77,184,232,.18),rgba(36,117,240,.08));
}
.story_page_blue .story_identity_card:nth-child(1):after{
	background:rgb(29 161 243 / 16%);
}
.story_page_blue .story_identity_card:nth-child(2):after{
	background:rgba(75,135,238,.24);
}
.story_page_blue .story_identity_card:nth-child(3):after{
	background:rgb(101 197 213 / 34%);
}
.story_page_blue .story_vision{
	background:#e2f0f6;
}
.story_page_blue .story_visit_grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:14px;
	margin-top:34px;
}
.story_page_blue .story_visit_grid:before{
	display:none;
}
.story_page_blue .story_visit_card{
	position:relative;
	overflow:hidden;
	display:block;
	min-height:150px;
	padding:64px 30px 30px;
	border:0;
	border-radius:26px;
	background:#fff;
	box-shadow:0 16px 44px rgba(28,56,85,.08);
	color:#153f6b;
	text-decoration:none;
	transition:transform .3s ease,box-shadow .3s ease;
}
.story_page_blue .story_visit_card:hover{
	transform:translateY(-6px);
	box-shadow:0 22px 48px rgba(31,111,168,.14);
}
.story_page_blue .story_visit_card:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	display:block;
	width:100%;
	height:7px;
	border-radius:26px 26px 0 0;
	background:linear-gradient(90deg,#7acced,#4f95d2);
	box-shadow:none;
}
.story_page_blue .story_visit_card:nth-child(2):before{
	background:linear-gradient(90deg,#8fb8ef,#668fda);
}
.story_page_blue .story_visit_card:nth-child(3):before{
	background:linear-gradient(90deg,#75d3df,#4aaec4);
}
.story_page_blue .story_visit_card:nth-child(4):before{
	background:linear-gradient(90deg,#91c9e8,#63a7d2);
}
.story_page_blue .story_visit_card:after{
	/*
	content:"";
	position:absolute;
	right:24px;
	top:28px;
	width:76px;
	height:76px;
	border-radius:50%;
	background:#edf8ff;
	/*
	*/
}
.story_page_blue .story_visit_card .quick_icon {position:absolute;top:30px;right:25px;display:flex;justify-content: center;align-items: center;width:80px;height:80px;border-radius:50%;background:#edf8ff;}
.story_page_blue .story_visit_card .quick_icon svg{width:34px;height:34px;stroke:#419bd3;stroke-width:1.8;}

.story_page_blue .story_visit_card small{
	position:relative;
	z-index:1;
	display:block;
	margin-bottom:18px;
	color:#5d8fb7;
	font-size:11px;
	font-weight:900;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.story_page_blue .story_visit_card h3{
	display:block;
	color:#174a7c;
	font-size:26px;
	font-weight: 950;
	line-height:1.35;
}
.story_page_blue .story_visit_card p {margin-top:5px;color:#989898;}
.story_page_blue .story_check_list li:before{
	background:#35a9e8;
	box-shadow:inset 0 0 0 6px #dff3ff;
}
.story_page_blue .story_pastor{
	background:linear-gradient(135deg,#153f6b,#2f7db4);
}
.story_page_blue .story_pastor_card{
	box-shadow:0 30px 90px rgba(21,63,107,.22);
}
.story_page_blue .story_pastor_text .story_btn.is_light{
	margin-top:34px;
	border-color:#8fc9ed;
	background:linear-gradient(135deg,#e8f5ff,#d6ecfb);
	color:#185b8d;
	box-shadow:0 10px 24px rgba(31,111,168,.13);
}
.story_page_blue .story_pastor_text .story_btn.is_light:hover{
	background:linear-gradient(135deg,#dff1fe,#c9e6f8);
	box-shadow:0 14px 30px rgba(31,111,168,.2);
}
.story_page_blue .story_timeline{
	background:#f5faff;
}
.story_page_blue .story_history_grid{
	position:relative;
}
.story_page_blue .story_history_grid:before{
	content:"";
	position:absolute;
	left:8%;
	right:8%;
	top:41px;
	height:2px;
	background:linear-gradient(90deg,rgba(80,188,233,.28),rgba(88,143,234,.28),rgba(66,183,207,.28));
}
.story_page_blue .story_history_card{
	position:relative;
	overflow:hidden;
	min-height:190px;
	padding:68px 30px 30px;
	border-color:rgba(36,127,195,.16);
	background:linear-gradient(145deg,#fff 0%,#f0f8ff 100%);
	box-shadow:0 14px 38px rgba(31,111,168,.07);
	transition:transform .3s ease,box-shadow .3s ease;
}
.story_page_blue .story_history_card:hover{
	transform:translateY(-6px);
	box-shadow:0 22px 48px rgba(31,111,168,.13);
}
.story_page_blue .story_history_card:before{
	content:"01";
	position:absolute;
	left:28px;
	top:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:linear-gradient(135deg,#50bce9,#277ed0);
	box-shadow:0 8px 20px rgba(39,126,208,.22);
	color:#fff;
	font-size:11px;
	font-weight:900;
	letter-spacing:.04em;
}
.story_page_blue .story_history_card:after{
	content:"";
	position:absolute;
	right:-34px;
	top:-34px;
	width:120px;
	height:120px;
	border-radius:50%;
	background:linear-gradient(135deg,rgba(80,188,233,.2),rgba(39,126,208,.05));
}
.story_page_blue .story_history_card:nth-child(2){
	background:linear-gradient(145deg,#fff 0%,#edf4ff 100%);
}
.story_page_blue .story_history_card:nth-child(2):before{
	content:"02";
	background:linear-gradient(135deg,#588fea,#315fc4);
}
.story_page_blue .story_history_card:nth-child(2):after{
	background:linear-gradient(135deg,rgba(88,143,234,.2),rgba(49,95,196,.05));
}
.story_page_blue .story_history_card:nth-child(3){
	background:linear-gradient(145deg,#fff 0%,#ebf9fc 100%);
}
.story_page_blue .story_history_card:nth-child(3):before{
	content:"03";
	background:linear-gradient(135deg,#42b7cf,#2183aa);
}
.story_page_blue .story_history_card:nth-child(3):after{
	background:linear-gradient(135deg,rgba(66,183,207,.2),rgba(33,131,170,.05));
}
.story_page_blue .story_history_card strong{
	position:relative;
	z-index:1;
	color:#247fc3;
	font-size:22px;
}
.story_page_blue .story_history_card p{
	position:relative;
	z-index:1;
}
.story_page_blue .story_character{
	background:#eaf6ff;
}
.story_page_blue .story_character_in{
	border-color:rgba(36,127,195,.17);
	background:rgba(255,255,255,.86);
	box-shadow:0 22px 65px rgba(31,111,168,.09);
}
.story_page_blue .story_character_badge{
	background:linear-gradient(135deg,#4db8e8,#2475f0);
	box-shadow:0 18px 45px rgba(36,117,240,.22);
}
.story_page_blue .story_links{
	background:#eaf6ff;
}
.story_page_blue .story_link_card{
	position:relative;
	border:1px solid rgba(255,255,255,.18);
	background:linear-gradient(135deg,#174f7e,#247fc3);
	box-shadow:0 16px 44px rgba(21,83,132,.18);
}
.story_page_blue .story_link_card:nth-child(2){
	background:linear-gradient(135deg,#2379af,#49a9dc);
	box-shadow:0 16px 44px rgba(35,121,175,.18);
}
.story_page_blue .story_link_card:nth-child(3){
	background:linear-gradient(135deg,#176b83,#36a1b8);
	box-shadow:0 16px 44px rgba(23,107,131,.18);
}
.story_page_blue .story_link_card:hover{
	box-shadow:0 20px 50px rgba(21,83,132,.25);
}
.story_page_blue .story_link_card span{
	color:rgba(255,255,255,.72);
}
.story_page_blue .story_link_card strong{
	color:#fff;
}
.story_page_blue .story_link_arrow{
	position:absolute;
	right:24px;
	bottom:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border:1px solid rgba(255,255,255,.24);
	border-radius:50%;
	background:rgba(255,255,255,.12);
	transition:transform .25s ease,background .25s ease;
}
.story_page_blue .story_link_arrow .svg_icon{
	width:17px;
	height:17px;
	stroke:#fff;
}
.story_page_blue .story_link_card:hover .story_link_arrow{
	transform:translateX(4px);
	background:rgba(255,255,255,.2);
}
.story_page_blue .mv_index_recent{
	background:#f5faff;
}
.story_page_blue .mv_index_recent .story_recent_head{
	display:block;
	margin-bottom:15px;
	text-align:left;
}
.story_page_blue .mv_index_recent .story_recent_head .story_label{
	margin:0 0 10px;
}
.story_page_blue .mv_index_recent .story_recent_head h2{
	margin:0;
	color:#153f6b;
	font-size:42px;
	font-weight:950;
	line-height:1.3;
	letter-spacing:-.055em;
}
.story_page_blue .mv_index_recent > .mv_inner > .sec_head{
	display:none;
}
.story_page_blue .mv_index_recent .card{
	padding:0;
	border-color:rgba(36,127,195,.14);
	box-shadow:0 18px 48px rgba(31,111,168,.08);
}
.story_page_blue #sermonSwiper{
	border-color:rgba(36,127,195,.16);
	background:#f7fbff;
}
.story_page_blue #sermonSwiper .swiper-pagination-bullet-active{
	background:#247fc3;
}
.story_page_blue .main_map_inner{
	width:100%;
	max-width:none;
}
.story_page_blue .main_map_head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:30px;
	width:min(1180px, calc(100% - 40px));
	margin:0 auto 42px;
}
.story_page_blue .main_map_kicker{
	display:block;
	margin:0 0 10px;
	color:#247fc3;
	font-size:13px;
	font-weight:900;
	line-height:1.3;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.story_page_blue .main_map_head h2{
	margin:0;
	color:#153f6b;
	font-size:42px;
	font-weight:950;
	line-height:1.3;
	letter-spacing:-.055em;
}
.story_page_blue .main_map_head .main_map_title > p:last-child{
	margin-top:10px;
}
.story_page_blue .main_map_more{
	display:inline-flex;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-height:52px;
	padding:0 22px;
	border:1px solid rgba(36,127,195,.22);
	border-radius:999px;
	background:#fff;
	box-shadow:0 12px 30px rgba(36,91,154,.1);
	color:#245b9a;
	font-size:14px;
	font-weight:800;
	transition:background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.story_page_blue .main_map_more .svg_icon{
	width:16px;
	height:16px;
	stroke:currentColor;
}
.story_page_blue .main_map_more:hover{
	background:#247fc3;
	box-shadow:0 15px 34px rgba(36,127,195,.22);
	color:#fff;
	transform:translateY(-2px);
}
.story_page_blue .main_map_card{
	border-right:0;
	border-left:0;
	border-radius:0;
	box-shadow:0 20px 55px rgba(36,91,154,.08);
}

@media (min-width:769px){
	.story_page_blue .story_identity_card[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.story_page_blue .story_visit_card[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.story_page_blue .story_history_card[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
}

@media (max-width:768px){
	.story_page_blue .story_intro[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.story_page_blue .story_timeline[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.story_page_blue .story_history_card{
		min-height:170px;
		padding:64px 24px 26px;
	}
	.story_page_blue .story_visit_grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:16px;
	}
	.story_page_blue .story_history_grid:before{
		display:none;
	}
	.story_page_blue .story_history_card:before{
		left:22px;
		top:20px;
	}
	.story_page_blue .main_map_head{
		align-items:flex-start;
		flex-direction:column;
		gap:20px;
		width:min(100% - 28px, 1180px);
		margin-bottom:30px;
	}
	.story_page_blue .main_map_head h2{
		font-size:31px;
	}
	.story_page_blue .main_map_more{
		align-self:flex-end;
		min-height:48px;
		padding:0 18px;
	}
	.story_page_blue .main_map_card{
		border-radius:0;
	}
	.story_page_blue .mv_index_recent .story_recent_head{
		margin-bottom:30px;
	}
	.story_page_blue .mv_index_recent .story_recent_head h2{
		font-size:31px;
	}
}

@media (max-width:520px){
	.story_page_blue .story_visit_grid{
		grid-template-columns:1fr;
	}
}