/* ==========================================================================
 *
 * Table of Contents
 *
 * 1 - General
 *  1.1 - Base Rules
 *  1.2 - Bootstrap
 *  1.3 - Wordpress
 * 2 - Layout
 *  2.1 - Header
 *  2.2 - Banner
 *  2.3 - Wrapper
 *  2.4 - Sidebar
 *  2.5 - Footer
 * 3 - Section
 *  3.1 - Sub-Section
 *
 * ========================================================================== */


/* ==========================================================================
   1 - General
   ========================================================================== */


/* 1.1 - Base Rules
   ========================================================================== */


/* 1.2 - Bootstrap
   ========================================================================== */

.btn {
    transition: all .2s;
}

.thumbnail {
    line-height: normal;
    padding: 0;
    transition: opacity .2s ease-in-out;
    border: 0;
    border-radius: 0;
}

.thumbnail:hover,
.thumbnail:focus {
    text-decoration: none;
    opacity: .8;
    color: initial;
}

.form-control {
    box-shadow: none;
}

.dropdown-menu {
    min-width: 250px;
    padding: 0;
    text-transform: uppercase;
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}

.dropdown-menu > li > a {
    padding: .4em 1em;
}


/* 1.3 - Wordpress
   ========================================================================== */

.alignnone {
    margin: .5em 1.5em 1.5em 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: .5em auto;
}

.alignright {
    float: right;
    margin: .5em 0 1.5em 1.5em;
}

.alignleft {
    float: left;
    margin: .5em 1.5em 1.5em 0;
}

a img.alignnone {
    margin: .5em 1.5em 1.5em 0;
}

a img.alignleft {
    float: left;
    margin: .5em 1.5em 1.5em 0;
}

a img.alignright {
    float: right;
    margin: .5em 0 1.5em 1.5em;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    max-width: 100%;
    padding: .6em;
    text-align: center;
    border: 1px solid #f0f0f0;
    background: #fff;
}

.wp-caption.alignnone {
    margin: .5em 1.5em 1.5em 0;
}

.wp-caption.alignleft {
    margin: .5em 1.5em 1.5em 0;
}

.wp-caption.alignright {
    margin: .5em 0 1.5em 1.5em;
}

.wp-caption img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: .8em;
    margin: 0;
    padding: 1em 0 .25em;
}

.screen-reader-text {
    position: absolute!important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
}

.screen-reader-text:focus {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: normal;
    z-index: 100000;
    top: 5px;
    left: 5px;
    display: block;
    clip: auto!important;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    color: #21759b;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}


/* Search */

.search-form .form-control {
    border-right: 0;
}

.search-form .btn {
    border: 1px solid #b4bfd9;
    border-left: 0;
    background-color: #fff;
}


/* ==========================================================================
   2 - Layout
   ========================================================================== */


/* 2.1 - Header
   ========================================================================== */

.header {
    background-color: #fff;
}


/* Logo */

.header .custom-logo {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/* Top */

.header-top {
    padding: 1.5em 0;
}


/* Navbar */

.navbar {
    margin-bottom: 0;
    border: 0;
}

.navbar-nav {
    margin-bottom: 1em;
}

.navbar-nav > li > a {
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.navbar-collapse .search-form {
    margin: 1.25em 0 .75em;
}

.navbar-toggle {
    font-weight: 700;
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    color: white;
    border: 0;
}

.navbar-toggle .fa {
    margin-right: .75em;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #7f1836;
}

@media only screen and (min-width: 768px) {
    .header .custom-logo {
        display: inline-block;
        margin: 0;
    }
    .header-top__tagline {
        font-size: 1.5em;
        font-weight: 300;
        margin: 1.1em 0 0;
        color: #333;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar-nav {
        margin-bottom: 0;
    }
    .navbar-nav > li > a {
        font-size: .8em;
        padding-right: .8em;
        padding-left: .8em;
    }
    .navbar-right > li > a {
        background-color: #7f1836;
    }
}

@media only screen and (min-width: 992px) {
    .header-top__tagline {
        font-size: 1.75em;
        line-height: 1.1;
        clear: both;
        margin-top: 1em;
    }
    .header .search-form {
        float: right;
        width: 20em;
    }
    .navbar-nav > li > a {
        font-size: 1em;
        padding-right: 1em;
        padding-left: 1em;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-nav > li > a {
	font-size: .9em;
    }
}


/* 2.2 - Banner
   ========================================================================== */

.banner {
    padding: 5em 0 1.5em;
}

.banner-title {
    margin-top: 0;
    color: #fff;
}


/* 2.3 - Wrapper
   ========================================================================== */

.wrapper {
    padding: 3em 0 2em;
    background-color: #fff;
}


/* 2.4 - Sidebar
   ========================================================================== */

.widget {
    margin-bottom: 20px;
}

.widget ul {
    padding-left: 20px;
}

.widget ul > li {
    margin-bottom: 5px;
}

.widget-title {
    margin-top: 0;
}


/* 2.5 - Footer
   ========================================================================== */

.footer {
    padding: 2em 0;
    text-align: center;
    background-color: #f2f2f2;
}

.footer .custom-logo {
    margin-bottom: 1.5em;
    opacity: .5;
    -webkit-filter: grayscale();
    filter: grayscale();
}

.footer .custom-logo-link:hover .custom-logo,
.footer .custom-logo-link:focus .custom-logo {
    opacity: .75;
}

.footer-nav {
    margin: 0 1em 1.5em;
    text-align: left;
    -moz-columns: 2;
    columns: 2;
}

.footer-nav > li > a {
    text-transform: uppercase;
    color: #999;
}

.footer-nav > li > a:hover,
.footer-nav > li > a:focus {
    color: #0e2537;
    background-color: transparent;
}

.footer-social .g-badge {
    font-size: 1.3em;
    line-height: 1.2;
    display: inline-block;
    margin-right: .5em;
    vertical-align: top;
    text-decoration: none;
    color: #dd4b39;
}

.footer-social .fb-like {
    position: relative;
    top: -3px;
    vertical-align: top;
}

.copyright {
    font-size: .8em;
    color: #999;
}

@media only screen and (min-width: 768px) {
    .footer-nav {
        -moz-columns: 3;
        columns: 3;
    }
}

@media only screen and (min-width: 992px) {
    .footer .custom-logo {
        max-width: 100%;
        height: auto;
    }
    .copyright {
        text-align: left;
        margin-bottom: 0;
    }
    .footer-social {
        text-align: right;
    }
}


/* Features */

.footer-features {
    padding: 2.5em 0;
    background-color: #d7ddec;
}

.footer-feature {
    overflow: hidden;
    margin-bottom: 1.5em;
    border-radius: .3em;
    background-color: #4c5cad;
}

.footer-feature[href] {
    display: block;
    transition: opacity 250ms;
}

.footer-feature[href]:hover,
.footer-feature[href]:focus {
    text-decoration: none;
    opacity: .75;
}

.footer-feature__title {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0;
    padding: .75em 1.25em;
    text-align: center;
    color: white;
}

.footer-feature__image {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 992px) {
    .footer-feature {
        margin-bottom: 0;
    }
    .footer-feature__title {
        font-size: 1em;
    }
}

@media only screen and (min-width: 1200px) {
    .footer-feature__title {
        font-size: 1.2em;
    }
}


/* Signup */

.footer-signup {
    padding: 4em 0;
    text-align: center;
}

.footer-signup__title {
    font-size: 2em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.75em;
    color: #fff;
}

.footer-signup__btn {
    font-size: 1.1em;
    font-weight: 600;
    padding: .5em 2.5em;
    text-transform: uppercase;
    color: #fff;
    border: .125em solid #fff;
}

.footer-signup__btn:hover,
.footer-signup__btn:focus {
    color: #666;
    background-color: #fff;
}


/* ==========================================================================
   3 - Section
   ========================================================================== */


/* 3.1 - Sub-Section
   ========================================================================== */