/* All - Jumbotron ------------------------- */

.jumbotron {
    background-image: url(images/AFCBrooklynYoutubeHeader.png);
    background-size: 70rem;
    box-shadow: 5px 5px 20px black;
    min-height: 25rem;
    width: 70rem;
    margin: auto;    
}

.jumbotron-font {
    color: white;
    font-size: 1.3rem;
    font-weight: bold;
    font-style: italic;
    text-shadow: 2px 2px black;
    font-family: 'Didact Gothic', sans-serif;
}

.jumbotron-heading-desktop {
    font-weight: bold;
    font-style: it;
    text-shadow: 2px 2px black;
    font-family: 'Didact Gothic', sans-serif;
    text-align: center;
    font-size: 6rem !important;
    color: white !important;
}

.jumbotron-heading-mobile {
    font-weight: bold;
    font-style: it;
    text-shadow: 2px 2px black;
    font-family: 'Didact Gothic', sans-serif;
    text-align: center;
    font-size: 4rem !important;
    color: white !important;
}


.jumbotron-padding {
    padding-bottom: 0px;
}

/* All - Navbar ------------------------- */

@media (max-width: 62em) {
    .navbar-nav {
        padding-top: .425rem;
        padding-left: 0.75rem;
    }
    .navbar-nav .nav-item {
        float: none;
    }
    .navbar-brand {
        float: right;
    }
    .navbar-brand,
    .navbar-nav .nav-item {
        display: block;
    }
    .navbar-nav .nav-item + .nav-item {
        margin-left: 0;
    }
    .dropdown-menu {
        position: relative;
        float: none;
    }
}

@import url(https://fonts.googleapis.com/css?family=Paytone+One);

.navbar-dark {
    box-shadow: 5px 5px 20px black;
    height: 50px;
    /*overflow: hidden;*/
    background-image: url(images/blackbar.jpg);

}

.navbar-brand-font {
    color: white !important;
    font-family: 'Paytone One', sans-serif;
}

.navbar-default {
    background-image: url(images/blackbar.jpg);
    border-color: black;
    background-repeat: no-repeat;
    background-size: cover;
}

.dropdown-menu {
    background-color: #B6AA94;
}

.navbar-collapse {
    background-image: url(images/blackbar.jpg);
    background-position: bottom;
    border-color: black;
    background-repeat: no-repeat;
    background-size: cover;
}

.livebroadcast {
    font-style: oblique;
    background-color: darkred;
}

.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{
	background-color: #8c836f !important;
}

/* All - Body & Body Section ------------------------- */

body {
    background: url(images/redflowers2.jpg) no-repeat center center fixed;
    background-size: cover;
}

#bodysection {
    background-color: white;
    box-shadow: 5px 5px 20px black;
    padding-right: 0px;
    padding-left: 0px;
}

#bodysection-padding {
    background-color: white;
    padding-left: 25px;
    padding-bottom: 10px;
    box-shadow: 5px 5px 20px black;
    padding-top: 10px;
    padding-right: 25px;
    width: 59%
}

#bodysection-paddingTwo {
    background-color: white;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    box-shadow: 5px 5px 20px black;
    padding-top: 10px;
}

/* Home - Accordions ------------------------- */

.homeAccordion {
    padding-bottom: 15px;
}

/* Tabs ------------------------- */

.tab-content-home {
    border-left: 1px solid #B6AA94;
    border-right: 1px solid #B6AA94;
    border-bottom: 1px solid #B6AA94;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    background-color: #B6AA94;
    border-color: #B6AA94;
    box-shadow: 2px 2px 20px tan;
}

.nav-tabs.tab-color > li.active > a,
.nav-tabs.tab-color > li.active > a:hover,
.nav-tabs.tab-color > li.active > a:focus {
    color: #fff;
    background-color: #B6AA94;
    border-bottom: 1px solid #888888;
}

.nav-tabs.tab-color > li > a {
    color: #753C26
}

.tab-content-faith {
    padding: 10px;
    background-color: white;
}

/* Carousel ------------------------- */

#myCarousel {
    width: 100%;
    max-width: 720px;
}

.center {
    margin: auto;
    width: 100%;
    padding: 10px;
}

#footer {
    margin-top: 20px;
    box-shadow: 5px 5px 20px black;
}

.col-md-7,
.col-md-5 {
    margin-top: 10px
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5);
    font-size: 20pt;
}

.left {
    margin-left: 27px;
}

.right {
    margin-right: 14px;
}

.carousel-item {
height: 500px;
overflow: hidden;
width: 100%;
}
.carousel-item img {
width: 100%;
}

/* Other ------------------------- */

#padding {
    padding-top: -20px;
    margin-bottom: -20px;
    margin-top: -10px;
}

#scripture-font {
    font-family: 'Cookie', cursive;
    font-size: 19pt;
}

.push-down {
    padding-top: 100px;
}

.row-padding {
    padding-top: 15px;
}

.highlights {
    padding-left: 0px;
}


/* Events - Modal Images ------------------------- */

@import url(https://fonts.googleapis.com/css?family=Bevan' rel='stylesheet' type='text/css);

/* 1st Modal Image */

.module-img1 {
    background: /*linear-gradient(
            rgba(0,0,0,0.6),
            rgba(0,0,0,0.6)
        ),*/
    url(images/christmas.jpeg);
}

/* 2nd Modal Image */

.module-img2 {
    background: /*linear-gradient(
            rgba(0,0,0,0.6),
            rgba(0,0,0,0.6)
        ),*/
    url(images/IYC%202016%20Flyer%20Modal.png);
}

/* 3rd Modal Image */

.module-img3 {
    background: /*linear-gradient(
            rgba(0,0,0,0.6),
            rgba(0,0,0,0.6)
        ),*/
    url(images/SpringRevivalModal.png);
}

/* 4th Modal Image */

.module-img4 {
    background: /*linear-gradient(
            rgba(0,0,0,0.6),
            rgba(0,0,0,0.6)
        ),*/
    url(images/watchnight.jpg);
}

/* 5th Modal Image */

.module {
    margin: 10px;
    width: 2000px;
    height: 200px;
    float: left;
    background-size: cover;
}

.mid h3 {
    font-family: 'Bevan', cursive;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    top: 92%;
    left: 93%;
    font-size: 30px;
    transform: translate(-93%, -50%);
}

/* Events - Modals ------------------------- */

.modal-header {
    background-color: #B6AA94;
}

.modal-footer {
    background-color: #B6AA94
}

.custom-modal-padding {
    margin: -24px;
}

/* Contact Us - Map ------------------------- */

.map-sizing {}

/* Contact Us - Form ------------------------- */

.form-background {
    border-right: 2px solid;
    box-shadow: 3px 3px 20px;
    padding: 10px;
}

/* Home - Carousel ------------------------- */

.carousel-padding {
    margin-top: -10px;
}

.carousel-padding-hidden {
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Home - Footer ------------------------- */

.icon-block {
    display: block;
}

.footer-icon {
    border-radius: 50%;
    border: 3px;
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
    background: black;
    color: white;
}

.glyphicon-envelope {
    color: white;
}

.glyphicon-earphone {
    color: white;
}

.glyphicon-home {
    color: white;
}

.footer-icon a {
    text-decoration: none;
}

/* About Us - Images ------------------------- */

.about-image-right {
    float: right;
}

.about-image-left {
    float: left;
}

/* Our Faith - Doctrines ------------------------- */

.nav-item > a.active {
    background-color: #f57f17 !important;
}

.nav-item > a {
    color: black;
}

/* Ministries - Images ------------------------- */

.ministry-text {
    float: right;
    padding-left: 30px;
}

.ministry-card {
    margin-right: 0px;
    margin-left: 50px;
    text-align: center;
}

.ministry-body {
    padding: 0;
}

/* Live Broadcast ------------------------------ */

.broadcast-text {
    margin-left: 15px;
    margin-right: -15px;
}

/* Gallery ------------------------------ */

.lightbox-preview-portrait {
    max-width: 10%;
	margin: 2%;
}

.lightbox-preview-landscape {
	max-width: 20%
}

.gallery {
	display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 5vw);
    grid-gap: 15px;
}

/* Footer ------------------------------ */

.breadcrumb-text-desktop {
    font-size: 1rem;
}

.breadcrumb-text-mobile {
    font-size: 0.5rem;
}