body { margin: 0; font-family: 'Lora', serif; }

a { color: #eb4918; text-decoration: none; }

h1 a { color: #000; text-decoration: underline; }
h3,h4 { color: #993300; }

header { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }

.centered-div { margin-left: auto; margin-right: auto; text-align: center; }
.logobox { width: 100%; max-width: 1200px; height: 220px; margin-left: auto; margin-right: auto; background: url(images/banner.jpg); background-repeat: no-repeat; padding-top: 10px; }
.site-header-area { width: 100%; max-width: 1200px; text-align: left; }
.banner { 	background: url(images/banner.jpg) no-repeat scroll top; margin-left: auto; margin-right: auto; }
.centeredtext { text-align: center; }

.home-link {  color: #fff!important; text-decoration: none!important; }
.home-link a { color: #fff!important; text-decoration: none!important; }
.home-link a:hover { color: #2850c0!important; text-decoration: none!important; }

a.nav-link:hover { color: #2580c0!important; }

.site-title { font-size: 60px; margin-bottom: 0; }
.site-description { font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif; margin: 0; }
.content { text-align: left; text-align: left; background-color: #fff; }
.content p { line-height: 25px; font-size: 14px; }


.content { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; line-height: 1.3; text-align: left; margin-top: 35px; }

.address-and-phone { margin-top: 50px; text-align: center; color: #993300; font-weight: bold; }
.mission-statement { font-style: italic; color: #141412; font-size: 18px; max-width: 600px; margin: 50px auto 50px auto; text-align: center; }
.command { font-style: italic; font-weight: bold;  padding: 0 55px 0 55px; color: #141412; line-height: 1.5; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; }

.fbimg { width: 75px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 720px; margin-left: auto; margin-right: auto; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 720px) {
    .logobox { max-height: 600px; background-image: url('/images/rainbow.jpg'); background-repeat: no-repeat; background-size: 100%;}
    .site-title { font-size: 20px!important; }
    .logobox { width: 100%; max-width: 1200px; height: 420px; margin-left: auto; margin-right: auto; padding-top: 10px; }
}

@media only screen and (max-width: 600px) {
    .logobox { height: 250px; }
    .site-title { font-size: 24px!important; }
    .site-header-area { margin-left: 2px; }
    .site-description { font-size: 14px!important; }
    .content { margin-top: 0};
}


/* Page specific styles */

/* Calendar Page */
.cal-content ul { list-style: none; }
.cal-content ul li { line-height: 33px; }
.cal-content ul li .caldate { width: auto; display: inline-block; vertical-align: top; color: #305463; font-weight: bold; margin-right: 22px; }
.cal-content ul li .caldesc { display: inline-block; width: auto; }
.cal-content ul li .calsmall { font-weight: bold; font-size: 10pt; }
.cal-datecomb1 { color: #2580c0!important; text-decoration: underline; font-weight: bold; background-color: aliceblue;}
.cal-datecomb2 { color: #5f3280!important; text-decoration: underline; font-weight: bold; background-color: aliceblue;}
.cal-specialevent h2 { display: inline-block; color: #305463!important; }
.cal-specialevent h4 { display: inline-block; margin-left: 15px; color: #305463!important;}

/* Streaming Video Page */
.stream-content { width: 100%; max-width: 720px; text-align: center; margin-top: 25px; margin-left: auto; margin-right: auto; }

/* Staff Page */
.staff-pastor-photo { max-width: 290px; }
.staff-profiles { text-align: center;  }
.staff-profile { max-width: 320px; padding: 15px; display: inline-block; }
.staff-profile img { width: 100%;}
.staff-profile h2 { min-height: 42px; font-size: 18pt; padding: 5px; }
.staff-profile h3 { font-size: 14pt; padding: 3px; }
.pastor-profile { display: inline-block; margin: 15px 0 15px 0; }

@media only screen and (max-width: 600px) {
    .pastor-header { text-align: center; }
    #vbslogo { max-width: 100%; }
}


.pastor-header img { margin: 10px; float: left; }


.series-container { margin: 0 auto 25px auto; width: 100%; text-align: center; } 
.series-card { width: 350px; height: 450px; border: 1px solid silver; display: inline-block; background-color: #FFF; border-radius: 8px; vertical-align: top; margin: 20px 3px 3px 3px; position: relative; box-shadow: 3px 7px #dfdfdf; }
.series-card h3, .series-card h4 { color: #eb891a!important; } 

.gig-bg { background-image: url("/images/series/God-is-greater-tl.png"); background-size: contain; background-repeat: no-repeat; background-position-y: center; }

.series-card-img { width: 100%; height: 253px; }
.series-title { margin: 10px 10px 0 10px; font-weight: 800; }
.series-text { margin: 10px 10px 0 10px; font-size: 10pt; }
.c-series { background-color: rgb(80 191 228); }
.p-series { background-color: rgb(92 117 191); }
.cs-series { background-color: #f67642; }
.bub-text { color: #fff; margin: 10px auto 0 10px; border-radius: 8px; width: 115px; padding-bottom: 2px; }
.series-button { position: absolute; bottom: 10px; left: 100px; width: 150px; background-color: #e78613; color: #fff; height: 35px; border: 0; font-weight: bold; }

.video-card { width: 100%; min-height: 200px; vertical-align: top; border: 1px solid silver; display: inline-block; background-color: #FFF; border-radius: 8px; margin-bottom: 15px; }
.video { margin: 10px auto 10px 10px; display: inline-block; }
.video-details { margin: 10px 3px 3px 5px; display: inline-block; vertical-align: top; max-width: 733px; width: 100%; padding-right: 10px;}
.video img { width: 350px; }
.vdt { font-size: 14pt; font-weight: bold; }
.vdd { font-size: 12pt; display: block; margin: 3px 3px 3px 0; }
.vdx { font-size: 9pt; color: #33342e; float: right; margin-right: 8px; margin-top: 5px; }

.back-button { width: 150px; background-color: #e78613; color: #fff; height: 35px; border: 0; font-weight: bold; margin-bottom: 10px; }