/*
Theme Name: Northern Baptist Church
Theme URI: http://northernbaptist.com.au/
Author: Zachary Hickson
Author URI: http://zacharyhickson.com/
Description: Custom WordPress theme for Northern Baptist Church
Version: 1.0.0
Text Domain: northernbaptist

Northern 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> Variables:
----------------------------------------------------------------
# Dark Purple: #352A45
# Lighter Purple: #644d6c
# Orange: #f37a52
# Dark Grey: #333333
# Light Grey: #b3b3b3
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
/* Main */
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
@media (min-width: 992px){
    .container {
        width: 970px;
    }
}

::selection {
  background: #f37a52; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #f37a52; /* Gecko Browsers */
  color: #fff;
}

body {
    color: rgba(0,0,0,.87);
    position:relative;
}

#page {
    margin-top: 75px;
}

a {
    color: #f37a52;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    -webkit-transition: border-bottom 0.35s;
    -moz-transition: border-bottom 0.35s;
    -ms-transition: border-bottom 0.35s;
    -o-transition: border-bottom 0.35s;
    transition: border-bottom 0.35s;
}

a:hover, a:focus {
    border-bottom: 1px solid #e84610;
    text-decoration: none;
}

.btn a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: none;
}

/* Header */
.top-header {
    margin-bottom: 20px;
}
.site-title {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background: url(img/logo_purple@2x.png);
    background-size: 296px 75px;
    width: 296px;
    height: 75px;
}
.site-title a {
    display: inline-block;
    height: 100%;
    width: 100%;
    border-bottom: none;
}

.top-navigation {
    text-align: right;
    margin-top: 20px;
}
.top-navigation ul li {
    display:inline-block;
}
.top-navigation ul li a {
    text-transform: uppercase;
    text-decoration: none;
}
.wit-link a {
    color: #20171f;
    font-weight: 500;
}
.top-navigation li.btn {
    padding: 10px 20px;
    margin-left: 35px;
}

/* Navigation */
.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-weight: 400;
    border-bottom:none;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}
.nav>li {
    position: relative;
    display: block;
    padding: 25px 57px;
}
.nav>li>a {
    padding:0px 0px;
}
.navbar-default .navbar-nav>li.current-menu-item>a {
    border-bottom: 2px solid #f37a52;
    font-weight:500;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

/* Slider */
.metaslider {
    margin-bottom:20px;
}
.metaslider img {
    border-radius: 5px;
}

/* Page */
.entry-header {
    background-color: #644d6c;
    color: #fff;
    border-radius: 5px;
    padding:40px;
}
.entry-title {
    margin-top:0px;
    margin-bottom:5px;
}
.entry-header-divider {
    height:2px;
    width: 56px;
    background-color: rgba(255,255,255,0.2);
    margin-bottom: 5px;
}
.sub-header {
    font-weight:300;
}
.entry-content {
    padding: 0 40px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.entry-content h2 {
    font-size: 20px;
}
.entry-content h3 {
    font-size: 18px;
}

.homepage .entry-content{
    padding-left:15px;
    padding-right:15px;
}
.home-button a {
    text-align: center;
    background: #f37a52;
    padding: 20px;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
}
.home-button h2 {
    margin-top:0px;
}

.home-button p>a {
    display:none;
    visibility:hidden;
}

@media (min-width: 1200px) {
    .sof-sidebar.affix, .sof-sidebar.affix-bottom {
        width: 213px;
    }
}

.affix {
  top: 20px;
  width: 213px;
}

.sof-content {
    height:100%;
}

#sof-nav {
    width: 213px;
    margin-left:20px;
}

#sof-nav>li {
    position: relative;
    display: block;
    padding:0px;
}
#sof-nav>li>a {
    display: block;
    padding: 4px 0px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
    border-bottom:0px;
}
#sof-nav>li.active>a {
    font-weight:bold;
    color:#f37a52;
}

.map-container {
    position: relative;
    padding-bottom: 30%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.edit-link {
    padding: 40px;
}


/* Footer */
.site-footer {
    font-size: 0.857em;
    color: #b3b3b3;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 40px;
}
.footer-logo {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background: url(img/logo-footer@2x.png);
    background-size: 120px 30px;
    width: 120px;
    height: 30px;
}
.footer-logo a {
    display: inline-block;
    height: 100%;
    width: 100%;
    border-bottom: none;
}
.footer-logo a:hover, .footer-logo a:focus {
    border-bottom: none !important;
    text-decoration: none;
}
.site-footer a  {
    color: #20171f;
    font-weight: 500;
}
.site-footer a:hover, .site-footer a:focus {
    border-bottom: 1px solid #20171f;
    text-decoration: none;
}
.site-footer nav ul li {
    display: inline-block;
    padding: 0 12px;
}
.site-footer nav ul li:last-child {
    padding-right: 0px;
}

.footer-right {
    text-align: right;
}

@media (max-width: 767px) {
    .top-navigation {
        text-align: left;
    }
    .footer-right {
        text-align: left;
    }
    .site-footer nav ul li {
        padding: 0px 6px;
    }
}

@media (max-width: 991px) {
    .nav>li {
        padding: 25px 35px;
    }
    .site-footer nav ul li {
        padding: 0px 3px;
    }
    .site-footer nav ul li:first-child {
    padding-left: 0px;
}
}


/*--------------------------------------------------------------
# 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;