/*
	Theme Name: Template
	Description: Responsive Theme
	Author: Kyle Long
	Version: 2.0.0
*/

/* ---------------------------------------
	        GENERAL STYLES
-----------------------------------------*/
.padding-none {padding: 0px;}
.padding-xs {padding: 5px;}
.padding-sm {padding: 10px;}
.padding-md {padding: 20px;}
.padding-lg {padding: 50px;}
.padding-xl {padding: 100px;}
.margin-none {margin: 0px;}
.margin-xs {margin: 5px;}
.margin-sm {margin: 10px;}
.margin-md {margin: 20px;}
.margin-lg {margin: 50px;}
.margin-xl {margin: 100px}
.width-xs {width: 40%; margin: auto;}
.width-sm {width: 60%; margin: auto;}
.width-md {width: 70%; margin: auto;}
.width-lg {width: 1170px; margin: auto;}
.width-xl {width: 90%; margin: auto;}
.width-full {width: 100%; margin: auto;}
.font-sm {.6em !important;}
.font-sm {.8em;}
.font-lg {1.2em;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.float-left {float: left;}
.float-right {float: right;}
.clear {clear: left; clear: right;}

/* ---------------------------------------
	        CAROUSEL STYLES
-----------------------------------------*/
#carousel-content {}
.carousel-container {}
#myCarousel {}
.carousel-inner {}
#carousel>.item {}
#carousel>.active {}
#carousel>.left {}
#carousel>.right {}
.carousel-control {}
.carousel-indicators {}

/* ---------------------------------------
	        HOME PAGE
-----------------------------------------*/
main {background-color: #0a1b28;}
#home-content {background: url('images/Content-Background-01.png'); background-position: top; background-repeat: repeat-x; background-size: auto, 100%;}
.mission-statement {background-image: url("images/Action-Border.png"); background-position: top; background-repeat: no-repeat, no-repeat; background-size: 80%;}
.follow-us {background-image: url("images/Action-Border.png"); background-position: top; background-repeat: no-repeat, no-repeat; background-size: 80%; padding-bottom: 50px;}
#logo {max-width: 200px;}
.cta {max-width: 400px; color: #FFF; margin: auto; position: relative;}
.cta>a:hover {text-decoration: none; color: #FFF;}
.cta-link {position: absolute; bottom: 30px; left: 0%; right: 0%; color: #FFF; text-decoration: none; font-style: italic; font-family: 'Exo 2', sans-serif; text-transform: uppercase;}
.button {padding: 7px 15px; border: none; background-color: #257faf; border-radius: 2px; color: #FFF !important; font-family: 'PT Sans', sans-serif;}
button:hover {background-color: #7090b4;}
h3 {color: #7090b4;}
.facebook {border: 5px solid #fafafa; border-radius: 3px;}
.facebook-feed {overflow: scroll; overflow-x: hidden; max-height: 400px; background-color: #fafafa; color: #000;}
.facebook-header {background-color: #fafafa; border-bottom: 1px solid #ddd; color: #000;}
.twitter {border: 5px solid #fafafa; border-radius: 3px;}
.twitter-feed {overflow: scroll; overflow-x: hidden; max-height: 400px; background-color: #fafafa; color: #000;}
.twitter-header {background-color: #fafafa; border-bottom: 1px solid #ddd; color: #000;}

/* ---------------------------------------
	        CONTENT PAGES
-----------------------------------------*/
#main-content {padding: 50px 0px;}
.border-bottom {border-bottom: 2px solid #7090b4;}
main {color: #FFF;}
h3 {margin: 0px; padding: 20px 0 10px 0 !important; font-family: 'Exo 2', sans-serif; text-transform: uppercase;}
img { height:auto; max-width:100%; }
#wp-admin-bar-wp-logo { display:none; }
.clearfix, .sitewidth { zoom:1; }
.clearfix:after, .sitewidth:after { clear:both; content:""; display:table; }
p.editLink { font-size:80%; margin:0; }
p.editLink > a { text-decoration:none !important; }
.alignnone { margin:5px 10px; }
.aligncenter { display:block; margin:5px auto 30px; }
.alignright { float:right; margin:5px 0 5px 10px; }
div.alignright { text-align: center; margin: 5px 0 10px 20px; }
div.alignright a { font-size: 18px; text-decoration: none; }
.alignleft { float:left; margin:5px 20px 5px 0; }
img.alignright { float:right; margin: 5px 0 15px 30px; }
img.alignnone { margin:5px 10px; }
img.alignleft { float:left; margin: 0 30px 15px 0; }
img.aligncenter { display:block; margin:5px auto; }
.wp-caption { background:#FFFFFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; }
.wp-caption.alignnone, .wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.btn { display: block; padding: 7px 0 4px; font-size: 15px; line-height: 21px; color: #86817b; border-bottom: 6px solid rgba(194,160,88,.2); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn{  }
.btn-info { background:rgba(0,0,0,0.6); }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background:rgba(0,0,0,1); }
.btn-default { background:#94C9BF; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background:#f37454; color:#fff; }
p {margin-bottom: 20px; padding: 0; font-size: 16px; font-family: 'PT Sans', sans-serif;}
.banner {width: 100%; margin-bottom: 20px;}
.board-members h3 {padding: 0px !important;}
.login button {min-width: 100px;}
.contact iframe {width: 100%;}
.contact a {color: #FFF;}
.emergency {text-align: center; color: red; font-size: 18px !important;}
.social-row>.padding-sm {padding: 10px;}
.mission-statement-content>p {margin: 0px !important; font-size: 14px; padding: 10px 0 20px 0;}
.search-submit {max-width: 300px; min-width: 200px; margin: 10px 0;}
.search-submit:hover {background-color: #7090b4;}
.search-field {color: #000; border: 1px solid #aaa; border-radius: 3px; background-color: #fafafa; padding: 7px 15px; font-size: 16px;}
.image>img {width: 100%;}
.caption {text-align: center;}

/* ---------------------------------------
	        HEADER STYLES
-----------------------------------------*/
header {border-bottom: 4px solid #0a1b28;}
.container-fluid {background: url('images/Header-Background.png'), repeat-x top; background-size: auto, 60px; border-top: 6px solid #760000; background-color: #0a1b28;}
#menu-navigation>li>a {color: #FFF; border: none; font-family: 'Exo 2', sans-serif; text-transform: uppercase;}
#menu-navigation>li>a:hover {color: #7090b4;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: transparent; color: #7090b4 !important;}
.header-social {float: right; height: 50px; margin-left: 15px;}
.header-social>ul {display: inline; height: 50px;}
.header-social>ul>li {display: inline-block; height: 50px;}
.header-social>ul>li>a {display: block;font-size: 18px !important;padding: 25px 5px;color: #7090b4;}
.header-social>ul>li>a:hover {color: #1a3f5c}
.header-logo {height: 80px; margin-bottom: -30px;position: relative;z-index: 1050;}
.header-text {height: 32px;margin-top: 20px;}
.social-container {padding: 10px 40px;}
.social-row {max-width: 1000px; margin: auto;}

/* ---------------------------------------
	        FOOTER STYLES
-----------------------------------------*/
.footer-nav {text-align: center; background-color: #0c263a; }
.border-top {width: 100%; height: 7px; background-image: -webkit-linear-gradient(left, #a61c00, #5b0700);}
.footer-nav>ul {float: none; margin: 0;}
.footer-nav>ul>li {float: none; display: inline;}
.footer-nav>ul>li>a {display: inline-block; color: #7090b4; font-family: 'Exo 2', sans-serif; text-transform: uppercase;}
.footer-nav>ul>li>a:hover {color: #1a3f5c; background-color: transparent;}
.footer-nav>ul>li:after {content: "\25CF"; margin: 0 5px; color: #1a3f5c;}
.footer-nav>ul>li:last-child:after {content: "";}
.footer-logos {padding-bottom: 75px;}
.footer-body {background-image: url('images/Footer-Background.png'); background-position: top; background-repeat: repeat-x; background-size: auto, 100%;}
#footer-content {background-color: #03111c;}
#footer-logo {max-width: 100px; margin-top: -15px;}
#footer-logo-text {}.footer-contact>.row>ul {display: inline; color: #FFF;}
.footer-contact>.row>ul>li {display: inline-block;}
.footer-contact>.row>ul>li>p {display: inline-block;}
.footer-contact>.row>ul>li:after {content: "\25CF"; color: #1a3f5c; margin: 0 15px;}
.footer-contact>.row>ul>li:last-child:after {content: ""; margin: 0px;}
.footer-social>.row>ul {display: inline; color: #FFF;}
.footer-social>.row>ul>li {display: inline-block;}
.footer-social>.row>ul>li>a {display: block; padding: 5px 10px; color: #7090b4;}
.footer-social>.row>ul>li>a:hover {color: #1a3f5c}
.font-blue {color: #7090b4;}
.copyright {padding-top: 100px; font-size: .8em; color: #485661;}
.copyright-column>p>a {color: #7090b4;}
.copyright-column>a>img {width: 175px;}
.copyright-content {font-size: 14px !important; margin: 0; color: #FFF;}
.branding {font-size: 12px !important; margin: 0;}
.border { border-top: 3px solid #890001;}
.border:before { border-top: 2px solid #79090e;}

/* ---------------------------------------
	        CONTACT
-----------------------------------------*/
#contact-content {}
.nf-field-element input, .nf-field-element textarea {color: #000; border: 1px solid #aaa; border-radius: 3px; background-color: #fafafa; padding: 2px; font-size: 16px;}
.nf-field-element .button {padding: 7px 15px; border: none; background-color: #257faf; border-radius: 2px; color: #FFF !important;}
#nf-field-4-container .button:hover {background-color: #7090b4;}
nf-field {padding: 10px; margin: 0px;}
.contact p {font-size: 16px;}
.contact i {font-size: 24px; padding: 0 10px 0 0;}
.nf-field-container {margin-bottom: 5px !important;}
#blog-content {}
button#responsive-menu-button {
	width: 45px !important;
	height: 35px !important;
	top: 13px !important;
	border-radius: 5px;
}
.navbar-toggle {
	visibility: hidden;
}
/* ---------------------------------------
	        BLOG
-----------------------------------------*/
#blog-content {}

/* ---------------------------------------
	        RESPONSIVE THEMES
-----------------------------------------*/
@media screen and (max-width: 1200px) {
	.width-lg {width: 95%; margin: auto;}
}
@media (max-width: 990px) {
	.copyright {padding-top: 50px;}
    	#menu-navigation {background-color: #0a1b28; text-align: center;}
	.navbar-nav {margin: 0px -15px;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !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-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media screen and (max-width: 990px) {
    .caret {display: none;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0px -15px;}
}
@media screen and (min-width: 990px) {
    .dropdown:hover .dropdown-menu {display:block;}
}
@media screen and (max-width: 1200px) {
    .header-social {display: none;}
.header-logo {height: 60px; margin-bottom: -10px; position: relative;z-index: 1050;}
.header-text {height: 25px; margin-top: 3px;}
}
@media screen and (min-width: 978px) {
    .pull-right {
	float: right;
    }
}
@media screen and (max-width: 978px) {
    .pull-right {
	float: none !important;
    }
}
@media screen and (max-width: 600px) {
#search>.container>.padding-lg {padding: 10px;}
#search>.width-sm {width: 90%;}
.header-logo {
    height: 60px;
    margin-bottom: -10px;
    position: relative;
    z-index: 1050;
}
.header-text {
    height: 25px;
    margin-top: 3px;
}
}
@media screen and (max-width: 977px) {
    .copyright-column {
	text-align: center;
	width: 100%;
    }
    .pull-right {
	float: none;
    }
    #menu-footer-navigation {
	display: none;
    }
    .container-fluid {padding: 0 !important;}
    .container-fluid>.width-lg {max-width:100% !important;}
}
@media (min-width: 768px) {
.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
}
}