/*
Theme Name: Shady Grove Baptist Church
Theme URI: http://underscores.me/
Author: Rob Thomas
Author URI: http://www.robert-thomas10.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shady_grove
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Shady Grove Baptist Church is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Logged In Nav Style
--------------------------------------------------------------*/

.logged-in .navbar-fixed-top {
    top: 32px;
}
@media (max-width: 600px) {
    .logged-in .navbar-fixed-top {
        top: 42px;
    }
}
@media (max-width: 782px) {
    .logged-in .navbar-fixed-top {
        top: 46px;
    }
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

main {
    height: 100%;
}
html, body {
    width: 100%;
    height: 100%;
}
html {
    color: #1F1314;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
}
body {
    padding-top: 72px;
}
h1, h2, h3, h4, h5, h6, {
    font-family: 'Arvo', serif;
    font-weight: 700;
}
body {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
    color: #051525;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p {
    padding: 0;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}
a {
    text-decoration: none;
    color: #B7474D;
    text-decoration: none;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
}
a:visited {
    text-decoration: none
}
a:active {
    text-decoration: none
}
a:hover {
    text-decoration: none;
    color: #7E3337;
}
.btn {
    padding: 6px 12px !important;
}
.btn-red {
    color: #fff;
    border-color: #7E3337;
    background-color: #7E3337;
}
.btn-red i {
    color: #fff;
}
.btn-red:hover {
    color: #fff;
    border-color: #B7474D;
    background-color: #B7474D;
}
.btn-black {
    color: #fff;
    border-color: #051525;
    background-color: #051525;
}
.btn-black:hover {
    color: #fff;
    border-color: #071d33;
    background-color: #071d33;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.navbar-nav > li.current_page_item a, .navbar-nav > li.current_page_parent a {
    color: #B7474D !important;
}
.navbar-default .navbar-toggle {
    border-color: #B7474D;
    background-color: #B7474D;
}
.navbar-default .navbar-toggle:hover {
    border-color: #7E3337;
    background-color: #7E3337;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default {
    background-color: #051525;
    border-color: transparent;
    padding: 10px 0;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #B7474D;
}
.navbar-default .navbar-nav > .active {
    color: #fff;
    background: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: transparent;
}
.dropdown-li {
  display: inline-block !important;
}
.dropdown-link {
  display: inline-block !important;
  padding-right: 4px !important;
}
.dropdown-caret {
  display: inline-block !important;
  padding-left: 4px !important;
}
.bg-img {
     width: 100%;
     height: 100%;
     background: url("http://alexcarpenter.me/img/banner.jpg") center center no-repeat;
     background-size: cover;
   }
   .bg-img:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: linear-gradient(to bottom left, #333, #444);
     opacity: .6;
   }
   .bg-img  h1 {
    position: relative;
    margin-bottom: 20px;
    color: white;
    letter-spacing: 2px;
    font-weight: 900;
    font-size: 4.5em;
    line-height: 1em;
    z-index: 100;
}
.bg-img h3 {
    position: relative;
    color: white;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 2px;
    z-index: 100;
}
.sub-header {
    display: table;
    width: 100%;
    background: #7E3337;
    position: relative;
    height: 300px;
    min-height: 220px;
    padding: 30px 20px;
}
.sub-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom left, #333, #444);
    opacity: .5;
}
.sub-header .container {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.sub-header .container p {
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    line-height: 10px;
    letter-spacing: 3.7px;
}
.sub-header .container h1 {
    color: #fff;
    font-size: 58px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 3.7px;
}
.post-meta  span {
	font-size: 16px;
    color: #A5A5A5;
}

.footer {
    background-color: #051525;
    padding: 40px 0 30px 0;
}
.footer p {
    color: #fff;
}
.footer img {
    display: block;
    margin: 0 auto 30px auto;
}
.footer p span {
    padding: 0 20px;
}
.footer hr {
    background: #fff;
    opacity: 0.3;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
span.wpcf7-not-valid-tip {
	font-size: 16px;
}   
   
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
}

.centered {
    text-align: center;
}

.full-w {
	padding: 40px 20px;
}

.text-w h3, .text-w p {
	color: #fff;	
}

.mb {
    margin-bottom: 50px;
}
.fc-button.fc-state-default {
    color: #ffffff;
    background-color: #B7474D !important;
    background-image: none;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: none;
    text-shadow: none;
    margin: 0 0 20px 0;
    padding: 3px 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0px;
    background-color: #7E3337 !important;
    border: 1px solid #7E3337 !important;
}
.fbd-button-primary {
    color: #ffffff;
    background-color: #7E3337 !important;
    background-image: none;
    border: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    text-shadow: none;
    margin: 0 0 20px 0;
    padding: 6px 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.fct-tooltip a {
    text-decoration: underline !important;
}
.fct-tooltip {
	width: auto !important;
	border-left: 10px solid #CCA876 !important;
}
.fc-button.fc-state-active {
    box-shadow: none;
    background-color: #7E3337 !important;
}
/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media (max-width: 480px) {
    .navbar .navbar-nav {
        text-align: center;
    }
    .sub-header {
        display: table;
        width: 100%;
        background: #7E3337;
        position: relative;
        height: 150px;
        min-height: 150px;
        padding: 20px 10px;
    }
    .sub-header .container p {
        color: #fff;
        font-style: normal;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 10px;
        letter-spacing: 3.7px;
    }
    .sub-header .container h1 {
        color: #fff;
        font-size: 28px;
        margin: 0 auto;
        text-transform: uppercase;
        letter-spacing: 3.7px;
    }
}
@media (max-width: 768px) {
    .sub-header {
        display: table;
        width: 100%;
        background: #7E3337;
        position: relative;
        height: 200px;
        min-height: 200px;
        padding: 20px 10px;
    }
    .sub-header .container p {
        color: #fff;
        font-style: normal;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 10px;
        letter-spacing: 3.7px;
    }
    .sub-header .container h1 {
        color: #fff;
        font-size: 28px;
        margin: 0 auto;
        text-transform: uppercase;
        letter-spacing: 3.7px;
    }
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar .navbar-nav {
        display: inline-block;
        float: right;
        vertical-align: top;
        width: 100% !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *, *:before, *:after, *:first-letter, *:first-line {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline, .updated:not(.published) {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed, iframe, object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}