.banner {
    background-image: url(../../../../img/church-partnerships/Images/hero_church_partnerships_desktop@2x.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 375px;
}
@media (max-width: 768px) {
	.banner {
		background-image: url(../../../../img/church-partnerships/Images/hero_church_partnerships_mobile@2x.jpg);
		min-height: 375px;
		/* min-height: 35vw; */
	}
}
@media (min-width: 992px) {
	.banner {
		min-height: 375px;
		/* min-height: 30vw; */
	}
}
@media (min-width: 1200px) {
	.banner {
		min-height: 375px;
		/* min-height: 25vw; */
	}
}
@media (max-width: 528px) {
	.banner {
		min-height: 375px;
		background-position: center;
	}
}
.bannertext {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 20;
}

/********************************************************************/
/*
.church-info2 { margin-top: 15rem; }
.where-church-img {
	margin-top: 15rem;
}
.where-church-img:before {
	content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 65rem);
    width: calc(100% - 0px);
    height: calc(100% - 0rem);
    background-image: url(../../../../img/church-partnerships/Images/photos_video_still.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	border-radius: 5px;
}
*/
@media (min-width: 768px) {
	.church-info2 {
		margin-top: 166px;
	}
	.where-church-img {
		position: absolute;
		left: 50%;
		top: 0%;
		width: 100%;
		transform: translate(-50%,-50%);
		z-index: 20;
	}
	.where-church-body {
		margin-top: 200px;
	}
}
@media (min-width: 992px) {
	.church-info2 {
		margin-top: 275px;
	}
	.where-church-body {
		margin-top: 300px;
	}
}
@media (min-width: 1200px) {
	.church-info2 {
		margin-top: 275px;
	}
	.where-church-body {
		margin-top: 300px;
	}
}

.playbutton-ancor {
	position: absolute;
	/*
    left: 0%;
    top: 0%;
    width: 100%;
    z-index: 20;
    display: flex;
    justify-content: center;
	transform: translate(0%, 200px);
	*/
}

@media (max-width: 528px) {
	.play-video-icon {
		width: 75px;
		height: 75px;
	}
	/*
	.playbutton-ancor {
	    top: 115px;
		transform: translate(0%, 0%);
	}
	*/
}

/**************************************************************************/


.btn.btn-theme-blue { padding: 0.5em 0.5em 0.5em 0.8em; }
.btn.btn-theme-green { padding: 0.5em 0.5em 0.5em 0.8em; }
.btn.btn-theme-brightred { padding: 0.5em 0.5em 0.5em 0.8em; }


@media (min-width: 768px) {
	.quote-slider .right-quote {
		position: absolute;
		bottom: 40px;
		right: 5%;
	}
}
.slick-slider .slick-dots.slick-dots-lg {
    bottom: -25px;
}

/*************************************************************************/
.bg-blue-compassion-page {
	background-color: #0054a6 !important;
	background-image: url(../../../../img/Homepage/Icons/PNG/background_paint_stroke_left.png), url(../../../../img/Homepage/Icons/PNG/background_paint_stroke_right.png);
	background-position: -14% 0%, 182rem 45rem;
	background-repeat: no-repeat, no-repeat;
}
@media (min-width: 1750px) { .bg-blue-compassion-new { background-position: -6% 0%, 1250px 475px; } }

@media (max-width: 768px) {
	.bg-blue-compassion-page {
		background-color: #0054a6 !important;
		/*background-image: none;*/
		background-position: 19px -55px, 160px 700px;
	}
}
.equip-section .btn.btn-theme-outline-transparent {
    padding: 0.8em 1.5em;
}
@media (max-width: 528px) {
	.equip-section .btn.btn-theme-outline-transparent {
		width: 100%;
	}
}

.border-yellow-line {
	position: absolute;
	border-top: 3px solid #fdc302;
    width: 100%;
    left: 0;
    right: 0;
	/*
    top: calc(100% - 19rem);
	*/
}
.church-team-img {
	border-bottom: 3px solid #fdc302;
}

@media (max-width: 992px) {
	.team-dwn-btn {
		width: 100%;
		padding: 0.5em 0.5em !important;
	}
}

@media (max-width: 528px) {
	.team-dwn-btn {
		width: 100%;
		padding: 0.5em 0.5em !important;
	}
}
/*
.border-yellow-line:after {
	content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 1.5rem);
    margin: 0 auto;
    width: 100%;
    height: 3.5px;
    background: #fdc302;

}
*/
/*
@media (min-width: 768px) and (max-width: 992px) {
	.border-yellow-line:before {
		content: "";
		top: calc(100% - 23.5rem);
	}
}
@media (max-width: 528px) {
	.border-yellow-line:before {
		width: calc(100% - 0.3rem);
		left: calc(0% + 0.1rem);
	}
	
}
*/
@media (max-width: 768px) {
	.equip-section .btn-theme-primary {
		padding: 0.5em 0.7em;
	}
}



/************************************************************************/

.engage-church {
	background-image: url(../../../../img/church-partnerships/Images/Engage-with-Church-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*
.engage-church:before	{
	display: block;
	position: absolute;
	background-image: linear-gradient(to top, transparent 0%, white 64%);
	height: 350px;
	width: 100%;
	content: '';
	top: 0;
	left: 0;
}
*/
.engage-profile {
	width: 185px;
    height: 185px;
}
@media (min-width: 768px) {
	.engage-profile {
		max-width: 155px !important;
	    max-height: 155px;
	}
}
@media (min-width: 992px) {
	.engage-profile {
		max-width: 180px !important;
		max-height: 180px !important;
	}
}
@media (max-width: 528px) {
	.engage-profile {
		width: 145px;
		height: 145px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.from-where { min-height: 70px !important; }
}
/*
@media (max-width: 1200px) {
	.from-where { min-height: 70px !important; }
}
*/

/************************************ video modal start **********************************/

div#myModal {
    overflow: auto;
    /* overflow-y: scroll; */
}
div.modal div.overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31, 31, 31, 0.8);
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95;
}
div.modal div.container {
    z-index: 999999;
    position: fixed;
    width: 70%;
    max-width: 70em;
    top: 10%;
    left: 0;
    right: 0;
    max-height: 88%;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.2);
    overflow: auto;
}
.lightbox-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 37px;
    background: transparent;
    z-index: 9;
    border-radius: 5px;
    padding: 4px 0 0 14px;
}


/************************************ video modal end ************************************/
@media (min-width: 1440px) {
	.church-info {
		/* width: calc(1110px - 10vw); */
		margin: 20px auto;
		max-width: 1440px;
	}
}
.church-info .case-study { background-color: #f5e7e9; }
@media (min-width: 992px) {
	.slick-slider .slick-dots.slick-dots-lg.info-slider-dot {
		position: relative;
		bottom: -12px;
		left: 0%;
	}
}
@media (max-width: 992px) {
	.slick-slider .slick-dots.slick-dots-lg.info-slider-dot {
		/*
		top: 720px;
		height: 3%;
		*/
		bottom: 100%;
	}
}
@media (max-width: 767px) {
	.slick-slider .slick-dots.slick-dots-lg.info-slider-dot {
		/*
		top: 520px;
		height: 3%;
		*/
		position: absolute;
		left: 50%;
		top: -2%;
		width: 100%;
		transform: translate(-50%,-50%);
		z-index: 20;
	}
}
@media (max-width: 528px) {
	.slick-slider .slick-dots.slick-dots-lg.info-slider-dot {
		/*
		top: 330px;
		height: 3%;
		*/
		position: absolute;
		left: 50%;
		top: -2%;
		width: 100%;
		transform: translate(-50%,-50%);
		z-index: 20;
	}
}
.church-info .play-video-icon {
    max-height: 100px;
}
@media (max-width: 528px) {
	.church-info .play-video-icon {
		max-height: 80px;
	}
	.church-info {
		height: auto;
	}
}
.church-info .text-wrapper {
    padding: 1rem 1rem;
}
@media (min-width: 738px) and (max-width: 992px) {
	.church-info .text-wrapper {
		padding: 1rem 3rem;
	}
}
@media (min-width: 992px) {
	.church-info .text-wrapper {
		max-width: calc(990px - 3rem);
	}
}
@media (min-width: 1200px) {
	.church-info .text-wrapper {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		padding-left: 5rem;
		height: 100%;
		max-width: calc(660px - 7rem);
		/* max-width: calc(100% - 0rem); */
	}
	/*
	.church-info .text-card-body {
		position: absolute;
		top: 5%;
	}
	*/
}

/************************************************************************/


.case-quote .quote-user-photo {
    height: unset;
}

.btn.load-social {
	border: 2px solid #0054a6;
    padding: 0.8em 2.875em;
}
@media (min-width: 992px) {
	.btn.load-social {
		width:100%
	}
}
@media (max-width: 528px) {
	.btn.load-social {
		width: 90%
	}
}


/********************************************************************/

.btn.see-more {
    padding: 0.8em 2.875em;
}



/********************************************************************/

@media (max-width: 528px) {
	.btn.btn-facebook-share { width: 100%; }
	.btn.btn-twitter-share { width: 100%; }
}


/******************************* Feed them plugin custom css ***************************************/

@media (max-width: 528px) {
	.social-feed-card {
		/*
		margin-left: -20px;
		margin-right: -20px;
		*/
		overflow: hidden;
	}
}

.social-feed-card .fts-mashup-post-wrap {
	background-clip: border-box !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
	border-radius: 7px !important;
}
@media (max-width: 528px) {
	.social-feed-card .fts-mashup-post-wrap {
		/*
		margin-left: 0px !important;
		margin-right: 0px !important;
		*/
		margin: 10px 0px !important
		
	}
}

/*
@media screen and (width: 320px) {
	.social-feed-card .fts-mashup-post-wrap {
		width: 300px !important;
	}
}
*/

.social-feed-card .fts-jal-fb-top-wrap {
	margin-top: 10px !important;
	margin-bottom: 0px !important;
}
.fts-mashup-instagram-photo, .fts-twitter-description-image, .fts-jal-fb-vid-image {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.fts-fluid-videoWrapper-html5 video {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.social-feed-card .fts-share-wrap {
	display: none;
}
.social-feed-card .fts-jal-fb-message p {
	font-size: 16px !important;
    font-weight: 400;
}
.social-feed-card .fts-mashup-description-wrap {
	font-size: 16px !important;
    font-weight: 400;
}
.social-feed-card .fts-twitter-favorites, .fts-twitter-favorites, .fts-twitter-retweet {
	font-size: 16px !important;
}
.social-feed-card .fts-twitter-favorites:before {
    font-size: 16px !important;
}
.social-feed-card .fts-twitter-retweet:before {
    font-size: 22px !important;
}
.social-feed-card .fts-twitter-favorites-wrap {
    margin-left: 15px;
}
.social-feed-card .fts-twitter-reply {
	font-size: 18px !important;
}
.social-feed-card .fts-tweet-reply-left {
	margin-right: 18px;
}
.social-feed-card .fts-twitter-reply:before {
    font-size: 18px;
}
.social-feed-card .icon-file:before {
    font-size: 18px;
}
.fts-mashup .fts-jal-fb-see-more .icon-comments:before, .fts-mashup .fts-jal-fb-see-more .icon-file-up:before, .fts-mashup .fts-jal-fb-see-more .icon-thumbs-up:before {
    font-size: 18px;
}
.fts-mashup .fts-comment-instagram:before {
	font-size: 18px;
}
.fts-mashup .fts-mashup-count-wrap .slicker-heart-comments-wrap li {
	font-size: 18px !important;
}
.social-feed-card .slicker-heart-comments-wrap {
    z-index: 0;
}

/**********************************************************/

.loader {
	display: none;
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #0054a6;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/******************************************************************************/

#cross {
    float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 25px;
}


.social-tab-slider .slick-slide.slick-active.slick-current .instagram-tab {
    color: #0054a6 !important;
    border-bottom: 3px solid #0054a6;
}
.social-tab-slider .slick-slide.slick-active.slick-current .twitter-tab {
    color: #00acee !important;
    border-bottom: 3px solid #00acee;
}
.social-tab-slider .slick-slide a {
    display: inline-block;
    width: 100%;
    color: #767676;
    border-bottom: 3px solid #d7d7d7;
}
.social-tab-slider .slick-slide p {
    display: inline-block;
    width: 100%;
    color: #767676;
    border-bottom: 3px solid #d7d7d7;
}
/* btn hover changes by dk */
.btn.btn-theme-green:hover {
    background-color: #5a913ab0;
    border: 1px solid #5a913ab0;
}
.btn.btn-theme-brightred:hover{
	background-color: #9c1f31bf;
    border: 1px solid #9c1f31bf
}

.instagram-tab:hover, .twitter-tab:hover {
	cursor:pointer;  
}