.bg-with30{background:#219EBC !important}
.bg-yellow2{background:#f0e9ab}
.bg-deep-green{background:#226554}
.bg-deep-green2{background:#073125}
.bg-light-blue{background:#bdebff}
.bg-lilac{background:#f0eaff !important}

.text-with30{color:#219EBC}
.text-yellow2{color:#f0e9ab}
.text-yellow3{color:#e1d463}
.text-deep-green{color:#226554}
.text-deep-green2{color:#073125}
.text-violet{color:#8a2be2}
.text-light-beige{color: #f6f5f0}


.bg-subtitle{background: linear-gradient(143deg, rgba(22,121,144,1) 0%, rgba(33,158,188,1) 31%, rgba(163,230,246,1) 100%)}

.sub-title-memo{position:relative}
.sub-title-memo:before{display:block;content:'';position:absolute;top:0;left:0;width:24px;height:3px;background: #219EBC;transform: rotate(-45deg)}
.sub-title-memo:after{display:block;content:'';position:absolute;bottom:0;right:0;width:24px;height:3px;background: #219EBC;transform: rotate(-45deg)}
@media (max-width: 767.98px) {
	.sub-title-memo:before{top:0;left:10px}
	.sub-title-memo:after{bottom:0;right:10px}
}

.sub-text-area .fa-quote-left{position:absolute;top:10px;left:-20px}

.link-box{position:relative;display:inline-flex;background-color:#fff;color:#219EBC;padding: 10px 20px;border:3px #219EBC solid;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#219EBC;transition: width 0.3s ease-in-out;z-index:100}
.link-box:hover::before{width:100%}
.link-box:hover{color:#fff}
.link-box span{position:relative;z-index:200}

.link-box2{position:relative;display:inline-flex;background-color:#219EBC;color:#fff;padding: 10px 20px;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box2::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#0a7791;transition: width 0.3s ease-in-out;z-index:100}
.link-box2:hover::before{width:100%}
.link-box2:hover{color:#fff}
.link-box2 span{position:relative;z-index:200}

.link-box3{position:relative;display:inline-flex;background-color:#219EBC;color:#fff;padding: 10px 20px;width:100%;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box3::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#0a7791;transition: width 0.3s ease-in-out;z-index:100}
.link-box3:hover::before{width:100%}
.link-box3:hover{color:#fff}
.link-box3 span{position:relative;z-index:200}

.link-box-violet{position:relative;display:inline-flex;background-color:#fff;color:#8a2be2;padding: 10px 20px;border:3px #8a2be2 solid;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box-violet::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#8a2be2;transition: width 0.3s ease-in-out;z-index:100}
.link-box-violet:hover::before{width:100%}
.link-box-violet:hover{color:#fff}
.link-box-violet span{position:relative;z-index:200}

.link-box-orange{position:relative;display:inline-flex;background-color:#fff;color:#fd7e14;padding: 10px 20px;border:3px #fd7e14 solid;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box-orange::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#fd7e14;transition: width 0.3s ease-in-out;z-index:100}
.link-box-orange:hover::before{width:100%}
.link-box-orange:hover{color:#fff}
.link-box-orange span{position:relative;z-index:200}

.md-break{display:block}
.sm-break{display:inline}
@media (max-width: 767.98px) {
	.md-break{display:inline}
	.sm-break{display:block}
	.order-top{order:1}
	.order-bottom{order:2}
}

.read-more{display:inline-block;position:relative;text-decoration:none;color:#000}
.read-more span{position:relative;padding-bottom:3px;border-bottom:2px #000 solid}
.read-more i{position:absolute;top:5px;right:-25px;padding-left:5px;transition:all .2s}
.read-more:hover i{color:#219EBC;transition:all .2s;top:2px;right:-28px}
.read-more span:after{display:inline-block;content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#219EBC;transition:width .3s ease}
.read-more:hover span:after{width:100%}


/* breadcrumb */
.section-breadcrumb ul{display:flex;margin:0;padding:0;list-style:none}
.section-breadcrumb ul li{position:relative;padding-left:15px}
.section-breadcrumb ul li:first-child{padding-left:0}
.section-breadcrumb ul li:last-child{padding-right:0}
.section-breadcrumb ul li a{color:#333;text-decoration:none}
.section-breadcrumb ul li i{margin-left:15px;color:#219EBC}
.section-breadcrumb ul li span{color:#999}


/* home */
.section-home{position:absolute;top:70px;width:100%;height:430px}
.section-home .container{height:100%}
.section-home .d-flex{height:100%}
.section-home .logo-30{width:400px;height:auto;filter:drop-shadow(0 0 30px #ffffff)}
.home-circle-link a{text-decoration:none;color:#333}
.home-circle-link a img{border:5px #fff solid}
.home-circle-link a:hover{color:#219EBC}
.home-circle-link a:hover img{border:5px #219EBC solid;transition:all 1s}
@media (max-width: 991.98px) {
	.section-home{position:absolute;top:50px;width:100%;height:250px}
	.section-home .logo-30{width:250px;height:auto}
}


/* profile */
.section-profile{}

.section-profile .profile-frame{position:relative}
.section-profile .profile-frame .date{position:absolute;bottom:0;right:0}

.section-profile .item{display:flex;padding:2px 0}
.section-profile .item .date{min-width:120px;font-weight:600;flex-shrink:0}
.section-profile .item .title{padding-left:20px}

.section-profile .item .year{min-width:70px;padding-right:20px}
.section-profile .item .book-info{}
.section-profile .item .book-info .title2{padding-right:10px}


/* digit */
.section-digit .lilac-circle{width:100%;aspect-ratio: auto 1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center}
.section-digit .upper-box{border:5px #219EBC solid;padding:20px;height:220px}


/* gapck */
.section-gapck .border{border:1px #000 solid !important}
.section-gapck .border.short{min-height:260px}
.section-gapck .border.long{min-height:460px}
.section-gapck .item{display:flex;padding:2px 0}
.section-gapck .item .date{min-width:90px;font-weight:600;flex-shrink:0}
.section-gapck .item .title{padding-left:20px}
@media (max-width: 767.98px) {
	.section-gapck .border.short,
	.section-gapck .border.long{min-height:auto}
}

.section-structure .item{display:flex;padding:2px 0}
.section-structure .item .date{min-width:90px;font-weight:600;flex-shrink:0}
.section-structure .item .title{padding-left:20px}


/* school */
.section-school .item{display:flex;padding:2px 0}
.section-school .item .date{min-width:90px;font-weight:600;flex-shrink:0}
.section-school .item .title{padding-left:20px}


/* profile */
.section-profile{position:relative}
.section-profile .profile-image .row{position:sticky;top:100px;display:none}
.section-profile .profile-image .row.active{display:flex}
.section-profile .profile-image .row .img-area{padding:100px}
.section-profile .profile-content{padding-top:100px;min-height:700px;background:#212529;color:#fff}
.section-profile .profile-content:last-child{padding-bottom:100px}
.section-profile .profile-content .profile-item{padding-bottom:100px;padding-left:100px}
.section-profile .profile-content .profile-item:last-child{padding-bottom:0}
.section-profile .profile-content .profile-item .title p{margin-bottom:30px;font-size:32px;font-weight:600}
.section-profile .profile-content .profile-item ul{margin:0;padding:0;list-style:none}
.section-profile .profile-content .profile-item ul li{}


/* history overall */
.section-overall .overall-item{position:relative;padding-left:100px}
.section-overall .overall-item .year{position:absolute;top:37px;left:0}
.section-overall .overall-item .wp{display:block;padding:40px;border-left:5px solid #219EBC}
.section-overall .overall-item .title{position:relative}
.section-overall .overall-item .title:after{display:block;content:'';position:absolute;top:6px;left:-51px;width:17px;height:17px;border-radius:50%;background:#219EBC}
.section-overall .overall-item .date{padding-right:10px}
.section-overall .overall-item .date span{display:inline-block;min-width:70px}
.section-overall .overall-item .item-content{width:100%}

@media (max-width: 767.98px) {
	.section-overall .overall-item{padding-left:10px}
	.section-overall .overall-item .year{top:17px;left:40px}
	.section-overall .overall-item .title{padding-top:40px}
	.section-overall .overall-item .title:after{top:6px;left:-39px}
	.section-overall .overall-item .wp{display:block;padding:20px 0 20px 28px}
}


/* history */
.section-history ul{margin:0;padding:0;list-style:none}
.section-history ul li{display:flex;word-break:keep-all}
.section-history ul li .date{min-width:60px;padding-right:10px}
.history-subtitle{position:relative;padding-left:20px}
.history-subtitle:after{display:block;content:'';position:absolute;width:5px;height:24px;top:12px;left:0;background:#219EBC}

.img-radius10{border-radius:10px}
.img-radius20{border-radius:20px}
.img-radius30{border-radius:30px}
.img-circle{border-radius:50%}
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}


/* publishing */
.publishing-lnb a{padding-left:20px;padding-right:20px;border-radius:20px}
.btn-with30{background:#219EBC !important;color:#fff !important}
.btn-outline-with30{background:#fff !important;border-color:#219EBC !important}

.publishing-submenu ul{margin:0;padding:0;list-style:none;display:flex}
.publishing-submenu ul li{position:relative;padding:0 10px}
.publishing-submenu ul li a{color:#333;text-decoration:none}
.publishing-submenu ul li.active a,
.publishing-submenu ul li a:hover{color:#219EBC}
.publishing-submenu ul li:after{display:block;content:'';position:absolute;top:7px;right:0;width:1px;height:12px;background:#ccc}
.publishing-submenu ul li:first-child{padding-left:0}
.publishing-submenu ul li:last-child{padding-right:0}
.publishing-submenu ul li:last-child:after{display:none}
@media (max-width: 767.98px) {
	.publishing-lnb a{padding-left:14px;padding-right:14px;border-radius:20px;font-size:14px}
}

/* card */
.card-with30{border-radius:0 !important;border:0 !important}
.card-with30 .card-img-top{border-radius:0 !important}

/* saints */
.saints-pastor img{border-radius:140px}
.saints-pastor a{color:#0075c1;text-decoration:none}
.saints-pastor a:hover{text-decoration:underline}


/* digit */
.digit-circle{width:100%;aspect-ratio: auto 1 / 1;border-radius:50%}
.digit-circle>div{height:100%}

.link-box-indigo{position:relative;background-color:#fff;color:indigo;padding: 10px 20px;border:3px indigo solid;overflow: hidden;transition: color 0.3s ease-in-out;text-decoration:none}
.link-box-indigo::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:indigo;transition: width 0.3s ease-in-out;z-index:100}
.link-box-indigo:hover::before{width:100%}
.link-box-indigo:hover{color:#fff}
.link-box-indigo span{position:relative;z-index:200}


/* coffee */
.donation-sum{height:30px}
.donation-sum span{display:none}
.section-coffee .item{display:flex;padding:2px 0;width:100%}
.section-coffee .item .title{padding-right:20px;flex-grow:3}
.section-coffee .item .account{min-width:90px;flex-shrink:0}
@media (max-width: 767.98px) {
	.section-gapck .border.short,
	.section-gapck .border.long{min-height:auto}
}


/* mission */
.top-dot{position:relative;display:inline-block;padding:0 5px}
.top-dot:after{position:absolute;content:'';display:block;top:-8px;left:40%;width:8px;height:8px;border-radius:4px;background:orange}


/* alert box */
.alert-box{padding:60px 40px;border:5px #219EBC solid}