/* General */
.clear {
   clear: both;
}


/* Navbar */
.mbr-buttons--right .mbr-buttons__link:not(.donate-btn) {
    margin: 3px 0 13px 10px;
}
.donate-btn:hover, .donate-btn:focus {
    text-decoration: none;
}


/* Intro section */
/* Slider*/
.bx-wrapper .bx-viewport {
    left: 0;
}


/* Media & Resources article page */
#article iframe {
    margin-top: 20px;
}


/* Video Sermon */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Photo Gallery */
.photo_gallery_wrapper {
    margin: 40px 0;
}
.photo_gallery {
    margin-bottom: 20px;
}
.photo_gallery h4 {
    font-weight: bold;
    text-align: center;
}
#article .photo_gallery img {
    max-height: initial;
}
.album-preview:nth-child(4n+1),
.album-photo:nth-child(4n+1) {
   clear: both;
}



/* News and events */

#news-and-events img {
    height: auto;
}



/* Contact form */

#contact form legend {
    display: none;
}

.form_group {
    margin-bottom: 16px;
}

.form_group input, .form_group textarea {
    width: 100%;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    background-color: #f6f6f6;
    background-image: none;
    border: 2px solid #f6f6f6;
    border-radius: 0px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#contact textarea {
    height: auto;
}

.form_group input:focus, .form_group textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f6f6f6;
    outline: 0;
}

.comSubmit {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-width: 2px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    text-decoration: none;
    word-spacing: 1px;
    border-color: #69bf61;
    color: #ffffff;
    background-color: #7ac673;
    border-color: #7ac673;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 9px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    margin-left: 0 !important;
    padding: 16px 27px;
    font-weight: bold;
}

.comSubmit:hover,  .comSubmit.focus, .comSubmit:active, .comSubmit.active, .open > .dropdown-toggle.comSubmit {
    color: #ffffff;
    background-color: #252525;
    border-color: #252525;
}

.comThanks {
    text-align: center;
    font-size: 18px;
    color: #008300;
}



/* Footer */

#footer span.schedule {
    font-weight: normal;
    color: #9c9c9c;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}
#footer i {
    font-size: 24px;
    margin-top: 5px;
}
.charity-number {
    border-top: 1px solid #9e9e9e;
    padding-top: 10px;
}
.charity-number p {
    color: #c4c4c4;
    font-size: 12px;
    text-align: center;
}



/* Article */

#article {
    margin: 50px 0;
}

#article h4 {
    margin-bottom: 16px;
    margin-top: 0;
}

#article .btn-group {
    margin-top: 12px;
}

.book-cover img {
    width: 100%;
    height: auto;
}

ul#article-list li.book-list {
    display: inline-block;
    padding: 20px 0;
}

.book-desc {
    margin-bottom: 25px;
}

.text-block h4, .text-block p {
    display: inline-block;
}
.text-block h4 {
    margin-right: 10px;
}

#paginator {
    margin-top: 50px;
}

a#paginator-r, span#paginator-r {
    float: right;
}

@media screen and (max-width: 1200px) {
    nav .btn {
        padding: 9px 9px;
    }
}
@media screen and (max-width: 990px) {
    /* Intro section */
    #home .mbr-hero__text {
        font-size: 22px;
        padding-bottom: 14px;
        line-height: 30px;
    }
    #home h2 {
        font-size: 18px;
    }
    #home p.event-date-time, #home p {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .book-list img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #article .btn-group {
        width: 100%;
    }
    #article .btn-group input {
        width: 100%;
    }
    /* Footer */
    .logo_bottom_wrapper {
        text-align: center;
    }
}