/*************************************************************************************/
/******************  Modifications to church.css (Marc)  *****************************/
/*************************************************************************************/
/*========== Diff One (obsolete) ==============*/
.blkBar a { color: #CCCCCC; text-decoration: none; } 
.blkBar a:hover, .blkBar a:focus { color: #E95D00; text-decoration: none; }
/*========== Diff Two ==============*/
@media (min-width: 768px) { 
	.navbar-header { max-width: 225px; } 
}	
@media (min-width: 992px) { 
	.navbar-header { max-width: 350px; }
} 
/*========== Diff Three ==============*/
.navbar-brand { height: 120px; } 
.navbar-brand img { max-height: 100%; } 
.navbar-nav { margin: 45px 0; } 
.navbar-toggle { margin-top: 35px; } 
/*========== Diff Four ==============*/
@media (min-width: 992px) { 
	.navbar-brand img { height: 100px; } 
	.shrink .navbar-brand { height: 120px; } 
	.shrink .navbar-brand img { height: 120px; } 
	.shrink .navbar-nav { margin: 45px 0; } 
	.shrink .nav > li > a { padding: 7px 15px; } 
 } 
 @media (max-width: 991px) { 
	.navbar-brand { height: 120px; } 
	.navbar { min-height: 50px; } 
	.navbar-nav { margin: 45px 0; } 
	.nav > li > a { padding: 7px 12px; } 
 } 
/*========== Diff Five ==============*/
.slide-one { background: url(../images/carousel_1_1.jpg) no-repeat; background-size: cover; }
.slide-two { background: url(../images/church-mountain-bg.jpg) no-repeat; background-size: cover; } 
.slide-three { background: url(../images/church-man-sea.jpg) no-repeat; background-size: cover; } 
.slide-four { background: url(../images/carousel_4_1.jpg) no-repeat; background-size: cover }
/*========== Diff Six ==============*/
.subpage-head { padding-top: 150px; } 
@media (min-width: 992px) { 
	.subpage-head { padding-top: 150px; }  
} 

/*************************************************************************************/
/**************************  New styles (Alex)  **************************************/
/*************************************************************************************/
/*========== Layout fixes ==============*/
.navbar-inverse { border: none; height: 35px; line-height: 35px; min-height: 35px; margin: 0; }
.navbar-inverse .navbar-nav { margin: 0; text-transform: uppercase; }
.navbar-inverse .navbar-nav.nav > li { float: left; }
.navbar-default { margin: 0; top: 35px; }
.homepage-head, .subpage-head { padding-top: 159px; }

/*========== Homepage carousel ==============*/
.carousel { height: initial; }
.carousel .item { background-position: center center; background-size: cover; height: 550px; }
.carousel .item.slide-one { background-position: center -66px; }
.carousel .item.slide-three { background-position: center -110px; background-size: initial; }
.carousel .item.slide-four { background-position: center -50px; }
.carousel-caption { padding-bottom: 30px; top: inherit; }
.carousel-caption h3 { margin-bottom: 0; }
.carousel-caption h1 { margin-top: 0; }
.carousel-caption h2 { margin: 0; }

@media (max-width:1050px) {
	.carousel .item.slide-one { background-position: center; }
	.carousel .item.slide-four { background-size: 150%; }
}
@media screen and (min-width: 768px) { 
	.carousel-caption { padding-bottom: 50px; }
}

.newsFeed {
    background: linear-gradient(135deg, #3a0a15, #7d1128, #3a0a15);
    color: #f5f0e8;
    padding: 10px 30px;
    font-family: 'Droid Serif', serif;
    font-size: 0.92em;
    width: 100%;
    text-align: center;
    line-height: 1.6;
}
.newsFeed .verse-label {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c9943a;
}
.newsFeed .verse-text {
    font-style: italic;
    color: #f5f0e8;
}
.newsFeed .verse-ref {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 0.82em;
    color: rgba(245,240,232,0.7);
    margin-left: 6px;
}

/*************************************************************************************/
/**************************  Redesign — March 2026  **********************************/
/*************************************************************************************/

/* --- Body & text --- */
body { color: #444; }
html { scroll-behavior: smooth; }

/* --- Links & brand color --- */
a:hover, a:focus { color: #7d1128; }
.link-reverse { color: #7d1128; }
.link-reverse:hover, .link-reverse:focus { color: #5f0d1e; }

/* --- Buttons --- */
.btn-primary {
	color: #fff;
	background-color: #7d1128;
	border-color: #5f0d1e;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #5f0d1e;
	border-color: #4a0a17;
}

/* --- Section backgrounds --- */
.highlight-bg { background: #f5f0e8; }
.well { background: #f5f0e8; }

/* --- Single navbar: remove top-bar offset --- */
.navbar-default { top: 0; }
.homepage-head { padding-top: 120px; }
.subpage-head { padding-top: 160px; }

/* --- Navbar hover & active --- */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #7d1128; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #7d1128; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #7d1128;
	border-radius: 4px;
}

/* --- Dropdown menu polish --- */
.navbar-default .dropdown-menu {
	border-top: 3px solid #7d1128;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.1);
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.navbar-default .dropdown-menu > li > a {
	padding: 8px 20px;
	-webkit-transition: background 0.15s, padding-left 0.15s;
	transition: background 0.15s, padding-left 0.15s;
}
.navbar-default .dropdown-menu > li > a:hover {
	background-color: #f9f0f2;
	color: #7d1128;
	padding-left: 26px;
}

/* --- Subpage header: photo background with overlay --- */
.subpage-head {
	background: -webkit-linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
	            url(../images/carousel_1_1.jpg) center center / cover no-repeat;
	background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
	            url(../images/carousel_1_1.jpg) center center / cover no-repeat;
	padding-top: 160px;
	padding-bottom: 60px;
}
.subpage-head h3 { color: #fff; }
.subpage-head .lead { color: rgba(255,255,255,0.85); }

/* --- Section title: elegant flanking lines --- */
.section-title h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 18px;
	white-space: nowrap;
}
.section-title h4::before {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: rgba(125, 17, 40, 0.3);
}
.section-title h4::after {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	width: auto;
	position: static;
	bottom: auto;
	left: auto;
	margin-left: 0;
	background: rgba(125, 17, 40, 0.3);
}
.section-title h4:after { background: rgba(125, 17, 40, 0.3); }
.el-block h4:after { background: #7d1128; }

/* --- Carousel: dark overlay for readability --- */
.carousel .item::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.28);
	z-index: 1;
}
.carousel .item .container {
	position: relative;
	z-index: 2;
	height: 100%;
}

/* --- Feature block cards --- */
.feature-block > [class*="col-"] {
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.08);
	box-shadow: 0 2px 14px rgba(0,0,0,0.08);
	overflow: hidden;
	-webkit-transition: -webkit-box-shadow 0.25s, -webkit-transform 0.25s;
	transition: box-shadow 0.25s, transform 0.25s;
	margin-bottom: 30px;
}
.feature-block > [class*="col-"]:hover {
	-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.14);
	box-shadow: 0 8px 24px rgba(0,0,0,0.14);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.feature-block > [class*="col-"] img { width: 100%; margin-bottom: 15px; }
.feature-block > [class*="col-"] h5,
.feature-block > [class*="col-"] p { padding-left: 15px; padding-right: 15px; }

/* --- Gallery hover overlay --- */
.img-gallery .fancybox {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 4px;
}
.img-gallery .fancybox::after {
	content: "VIEW";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(125, 17, 40, 0.75);
	color: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.img-gallery .fancybox:hover::after { opacity: 1; }
.img-gallery .fancybox img {
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.img-gallery .fancybox:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* --- Bible quotes --- */
.blockquote-centered { color: #2c2420; }

/* --- Footer --- */
footer a:hover, footer a:focus { color: #e8a0a9; }

/* --- Pagination --- */
.pagination > li > a,
.pagination > li > span { color: #7d1128; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #7d1128;
	border-color: #5f0d1e;
	color: #fff;
}

/* --- Nav pills & panels --- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: #7d1128; color: #fff; }
.panel-primary { border-color: #7d1128; }
.panel-primary > .panel-heading { color: #fff; background-color: #7d1128; border-color: #7d1128; }

/* --- Back to top button --- */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 44px;
	height: 44px;
	background: #7d1128;
	color: #fff;
	border-radius: 50%;
	font-size: 24px;
	line-height: 44px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s, background 0.2s;
	transition: opacity 0.3s, visibility 0.3s, background 0.2s;
	z-index: 9999;
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.25);
	box-shadow: 0 2px 12px rgba(0,0,0,0.25);
	text-decoration: none;
}
.back-to-top.visible { opacity: 1; visibility: visible; }
.back-to-top:hover, .back-to-top:focus { background: #5f0d1e; color: #fff; }

/* --- Fade in on scroll --- */
.fade-section {
	opacity: 0;
	-webkit-transform: translateY(28px);
	transform: translateY(28px);
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-section.is-visible {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/*************************************************************************************/
/**************************  Style Refresh  ******************************************/
/*************************************************************************************/
/*
 * Palette:
 *   Maroon primary  #7d1128
 *   Maroon dark     #5f0d1e
 *   Gold accent     #c9943a
 *   Gold dark       #a87830
 *   Cream           #f5f0e8
 */

/* --- Navbar: bottom accent line + subtle tint --- */
.navbar-default {
	border-bottom: 3px solid #7d1128;
	-webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.10);
	box-shadow: 0 2px 20px rgba(0,0,0,0.10);
}

/* --- Buttons: gradient, shadow, lift on hover --- */
.btn-primary {
	background: -webkit-linear-gradient(135deg, #a01535, #7d1128);
	background: linear-gradient(135deg, #a01535, #7d1128);
	-webkit-box-shadow: 0 3px 10px rgba(125,17,40,0.30);
	box-shadow: 0 3px 10px rgba(125,17,40,0.30);
	letter-spacing: 0.4px;
	-webkit-transition: background 0.2s, -webkit-box-shadow 0.2s, -webkit-transform 0.15s;
	transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background: -webkit-linear-gradient(135deg, #7d1128, #5f0d1e);
	background: linear-gradient(135deg, #7d1128, #5f0d1e);
	-webkit-box-shadow: 0 5px 18px rgba(125,17,40,0.40);
	box-shadow: 0 5px 18px rgba(125,17,40,0.40);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

/* --- Section titles: gold flanking lines + colored heading --- */
.section-title h4 {
	color: #7d1128;
	font-size: 17px;
	letter-spacing: 2px;
}
.section-title h4::before,
.section-title h4::after {
	background: -webkit-linear-gradient(left, transparent, #c9943a, transparent);
	background: linear-gradient(to right, transparent, #c9943a, transparent);
	height: 2px;
}

/* --- Feature cards: gold top accent bar --- */
.feature-block > [class*="col-"] {
	border-top: 4px solid #c9943a;
}
.feature-block > [class*="col-"]:hover {
	border-top-color: #7d1128;
}

/* --- Highlight sections: warm gradient instead of flat cream --- */
.highlight-bg {
	background: -webkit-linear-gradient(135deg, #faf5ee 0%, #fff8f8 50%, #faf5ee 100%);
	background: linear-gradient(135deg, #faf5ee 0%, #fff8f8 50%, #faf5ee 100%);
}

/* --- Carousel: maroon-gradient overlay for a richer feel --- */
.carousel .item::before {
	background: -webkit-linear-gradient(top, rgba(100,10,28,0.25) 0%, rgba(30,4,10,0.65) 100%);
	background: linear-gradient(to bottom, rgba(100,10,28,0.25) 0%, rgba(30,4,10,0.65) 100%);
}

/* --- Subpage head: maroon overlay instead of gray --- */
.subpage-head {
	background: -webkit-linear-gradient(rgba(100,10,28,0.78), rgba(40,5,12,0.88)),
	            url(../images/carousel_1_1.jpg) center center / cover no-repeat;
	background: linear-gradient(rgba(100,10,28,0.78), rgba(40,5,12,0.88)),
	            url(../images/carousel_1_1.jpg) center center / cover no-repeat;
	padding-top: 160px;
	padding-bottom: 60px;
}

/* --- Footer: deep maroon gradient instead of flat gray --- */
footer {
	background: -webkit-linear-gradient(135deg, #2e0810 0%, #5f0d1e 50%, #2e0810 100%);
	background: linear-gradient(135deg, #2e0810 0%, #5f0d1e 50%, #2e0810 100%);
}
footer .copyright {
	background: rgba(0,0,0,0.30);
}
footer h5 { color: #f9f1e6; border-bottom: 1px solid rgba(201,148,58,0.35); padding-bottom: 8px; margin-bottom: 14px; }
footer a:hover, footer a:focus { color: #c9943a; }

/* --- Gold divider rule --- */
hr.gold-rule {
	border: none;
	height: 2px;
	background: -webkit-linear-gradient(left, transparent, #c9943a, transparent);
	background: linear-gradient(to right, transparent, #c9943a, transparent);
	margin: 30px auto;
	width: 60%;
}

/* --- Navbar brand: gold underline on logo hover --- */
.navbar-brand:hover { opacity: 0.88; }

/* --- Active nav pill / tab: gold border on focus --- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background: -webkit-linear-gradient(135deg, #a01535, #7d1128);
	background: linear-gradient(135deg, #a01535, #7d1128);
}

/* --- Panel primary: gold accent on heading --- */
.panel-primary > .panel-heading {
	background: -webkit-linear-gradient(135deg, #a01535, #7d1128);
	background: linear-gradient(135deg, #a01535, #7d1128);
}

/* --- Back to top: gold on hover --- */
.back-to-top:hover, .back-to-top:focus {
	background: #c9943a;
	color: #fff;
}

/* --- Dropdown: gold hover accent --- */
.navbar-default .dropdown-menu > li > a:hover {
	color: #7d1128;
	border-left: 3px solid #c9943a;
	padding-left: 23px;
}

/* --- Full-width sections on large screens --- */
@media (min-width: 1200px) {
	.container {
		width: 96%;
		max-width: 1800px;
	}
}
/* --- Responsive Calendar --- */
.calendar-responsive iframe {
    width: 100%;
    height: 75vh;
    min-height: 550;
    border: 0;
    display: block;
}