.select_category div.dropdown-menu{     transform: translate3d(0px, 44px, 0px)!important; z-index:10!important;}
.font_gotham { font-family: "Gotham A","Gotham B",Helvetica,Arial,sans-serif!important; }
.bg-half{ 	background: linear-gradient(to bottom, #EEF7F9 350px, #ffffff 0%); }
.text-cyan {color: #0086bf!important; }
.text-steel {color: #768692!important; }
.text-teal-blue {color: #005EB8!important; }
/*.bg-half img.w-100.top-10{min-height: 480px;}*/
.top-10{ 	border-top-left-radius: 10px;     border-top-right-radius: 10px; }
.bottom-10{border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;}
.need-help { 	position: absolute; 	left: 50%; 	transform: translate(-50%, -94%); 	z-index: 7; }
.blog-img{border-top-left-radius: 7px;     border-top-right-radius: 7px;}
.btn.show_more{padding: 0.5em 2em;}
.bg-lightsky { 	background: #EEF7F9; }
.text-lightsky { 	color: #0287C0; }
.loader{ 	background: url('../../img/loader_new.svg') no-repeat center center; 	width:100px; 	height:100px; 	margin:0 auto; }
button.btn.show_more{  color: #425564!important;     border: 2px solid #425564!important; }
/* .btn_newgrey:hover{background-color:#425564!important; color:#fff !Important;} */
#show_more{     background-color: #425564 !important;     color: #fff!important;     border: 1px solid #425564!important; }
.btn_newgrey{color: #425564!important;     border: none !important;padding: .5em 0 .5em 0 !Important;}
/* .btn_newgrey{padding: 0.5em 1em !Important;} */
.btn_newgrey.active{border-radius: 0 !important;position:relative;}
.btn_newgrey.active:before{content:"";position:absolute;bottom:0;left:0;border-bottom: 2px solid #0054a6 !important;width: 100%;}
.filter_row .filter-option-inner-inner{font-weight:500}
.form-error-icon{display:none;}
.filter_row .bootstrap-select .dropdown-toggle .filter-option-inner {     padding-right: unset; }
.d-grid{display:grid;}.align-center{align-items: center;     display: flex;}
#prayer-subscribe-error {/* position: absolute; */ bottom: -26px; left: 0; background: #dadada; max-width: 380px; width: 100%; padding: 5px 10px; border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; z-index: -9; font-weight: 700; font-size: 12px; color: #ea5239; text-align: left; font-style: normal; } .select_category{width: 200px !important;}
/* .border-grey{color: #425564!important;  border: 2px solid #425564!important;} */
.btn-light.selectpicker-select:after{ 	color: #425564;     border-left: none; content: url(../../img/blog/icon_dropdown_arrow_down_425563_12x12.svg); font-size:unset;}
.blog_card .blog-img{height:200px;}
.l-140{line-height: 140%;}
.l-120{line-height: 120%;}
@media (max-width: 767px) {
	/* .select_category .dropdown-menu.show{min-width: unset;} */
	.bg-half{ 	background: transparent; }
	#subscribe-btn{width:100%;}
	#category_btn{display:none;}
	#show_more{padding: .5em .5em;}
	.text-new-grey{color: #425564!important;}
	.select_category{border-radius: 5px;}
	.btn_newgrey {     color: #425564!important; border: 2px solid !important; padding: .5em 1em !important; }
	/* .border-grey{color: #425564!important;  border: 2px solid #425564!important;} 
	.cat .filter-option-inner-inner{color:#425564; font-weight:500}
	.cat .dropdown-menu.show {     display: block !important; }
	.cat ul.dropdown-menu.inner.show,.cat .bootstrap-select .dropdown-menu{font-size: 14px!important;}
	.cat .bootstrap-select .dropdown-toggle .filter-option-inner {     padding-right: unset; } */
	.btn_newgrey.active{background-color: #0054a6!important;     color: #fff!important;     border: 2px solid #0054a6 !important;     padding: .5em 1em !important;border-radius: 5px !important;}
	.btn_newgrey.active:before{display:none;}
	.blue_show_btn{background-color: #0054a6!important; color: #fff!important; border: 2px solid #0054a6 !important; padding: .5em 1em !important;}
	button.btn.dropdown-toggle.btn-light.selectpicker-select.border-grey.bg-transparent.font-16.font_gotham.text-san-juan {     border: 2px solid #425564!important;     padding: 0.5em 2.5em .5em .5em !important; }
	.prayer-subscribe-fluid:after {content: ''; position: absolute; left: 0; bottom: 0; transform: translate(0%,0%); width: 100%; background: url(../../img/blog/email_signup_encourager.png); background-position: center bottom; background-size: cover; background-repeat: no-repeat; height: 83px; } }

@media only screen and (min-device-width: 567px) and (max-device-width: 767px) {
	.blog_card .blog-img{height:300px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 900px){
 
}

@-webkit-keyframes fadeInAnimate { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeInAnimate { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInAnimate { from { opacity:0; } to { opacity:1; } }

.fade-in-animate {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeInAnimate ease-in 1;  /* call our keyframe named fadeInAnimate, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeInAnimate ease-in 1;
	animation:fadeInAnimate ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in-animate.fadediv0 { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; }
.fade-in-animate.fadediv1 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.fade-in-animate.fadediv2 { -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; animation-delay: 1.0s; }
.fade-in-animate.fadediv3 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.fade-in-animate.fadediv4 { -webkit-animation-delay: 2.0s; -moz-animation-delay: 2.0s; animation-delay: 2.0s; }
.fade-in-animate.fadediv5 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; }
.fade-in-animate.fadediv6 { -webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s; animation-delay: 3.0s; }
.fade-in-animate.fadediv7 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.fade-in-animate.fadediv8 { -webkit-animation-delay: 4.0s; -moz-animation-delay: 4.0s; animation-delay: 4.0s; }
.fade-in-animate.fadediv9 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
