/*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

html,body {
    height:100%;
    background-size: cover;
    font-family: 'Lora', serif;
}
.navbar-brand img{
    position:absolute;
    top:0;
    height:120px;
    background:#fff;
    padding:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
    border: solid 3px black;

}
.navbar {
    border-bottom: solid 3px black;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
    font-weight: bold;
}

.icon-bar {
	background-color:#000;
}

.navbar-trans {
	background-color:#fff;
    color:#000;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color: #dcf1ff;
}

.navbar-trans a{
    color:#000;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:70px;  
    padding-bottom:50px; 
    
}
.fullsection {
	min-height:calc(100% - 1px);
}
#footer {
	min-height:calc(50% - 1px);
}

.v-center {
    padding-top:2%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
    color:#fff;
}
  
#section1,#contact {
    background: url(../img/mainbackground_aqua.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#dedeff;
}
#section1 h1,h3 {
	text-transform: uppercase;
}

#about {
    background: url(../img/mainbackground_lightblue.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:20px;
    color:#000;
}
.aboutOuter {
    padding:10px;
}

#contact a {
    color:#f5f5f5;
}

footer {
	background-color:#494949;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}

.support-class {
    border: solid 2px #fff;
    padding-bottom:20px;
    margin-bottom:10px;
    background:rgba(0,0,0,0.3);
}
.support-link {
    color:#ddd;
    text-decoration: none;
}
.support-link:hover {
    color:#000;
    text-decoration: none;
}
.support-link img {
	margin: 0 auto;
}
.support-link h4 {
	text-transform: uppercase;
	font-size: 1.2em
}
.support-class:hover {
    background:rgba(255,255,255,0.7);
    -webkit-transition: background-color 600ms linear;
    -moz-transition: background-color 600ms linear;
    -o-transition: background-color 600ms linear;
    -ms-transition: background-color 600ms linear;
    transition: background-color 600ms linear;
 }

#tophead {
    
    margin: 20px 0;

}
#tophead h1 {
    padding-top:30px;
}

.sitetop {
    height:20px;
    background: url(../img/headback.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border-bottom:solid 3px black;
}
.service-wrapper {
    background: #fff;
    padding:5px 20px 5px 20px;
    margin-top:50px;
    margin-bottom:10px;
    border:solid 3px #000;
    color:#000;
    
}
.service-wrapper input {
    width:100%;
    border:black;
}
.servicehead {
	background: #000;

}
.servicehead h3{
	padding: 0 10px;
    color:#fff;
}
.servicebody {
	padding-top:20px;
	border:solid 3px #000;

}
.servicebody .form-horizontal {
	padding-bottom: 10px;
}
.servicebody h4 {
	color: black;
}
#contactForm textarea {
    height:200px;
}

#webdesign img  {
    padding:0 0 10px 10px;
    float:right;
    max-height: 150px;
}
#webdesign a {
    font-weight: bold;
    color:#071a27;
}
.alert-info {
    background:#d9534f;
}
.fa {
    padding:20px;
}
.fblink i {
    color:#3b5998;
}
.glink i {
    color:#d34836;
}
.fblink i:hover {
    color: #222e53;
}
.glink i:hover {
    color: #6e261b;
}
.extras {
    text-align: justify;
}
.local-blurb {
    background:#fff;
    padding:20px;
    border:solid #000 3px;
    margin-bottom:20px;
    color:black;
}
.local-blurb a {
    color: #16344e;
    font-weight: bold;
}
.servicebox h4 {
    font-size: small;
}
.servicebox {
    padding:0!important;
    margin:0!important;
}
.servicebox .support-class {
    min-height:170px;
}
.service-wrapper input {
    width:100%;
    border:solid 1px #888;
    border-radius:5px;
    color:black;
    margin-bottom: 5px;
}
.service-wrapper textarea {
    width:100%;
    border:solid 1px #888;
    border-radius:5px;
    color:black;
}
.aboutWrapper {
    border:solid black 3px;
    background:rgba(255,255,255,0.8);
    padding:10px;
}
.contactBox input{
    height:10px;
    border:solid 1px #000;
    margin-bottom: 5px;
}
.contactBox textarea {
    height:100px!important;
    border:solid 1px #000;
}
#contactsubmit {
    margin-top:10px;

}
.contactBox h3 {
    color:black;
}
/*Call widget*/
.call-widget {
    display:hidden;
    position: fixed;
    left:0;
    top:50%;
    margin-top: -60px;
    background:#279ddd;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;

}
.call-widget i{
    padding:5px!important;
    margin:0!important;
}
.tel-link {
    color:#444;
}
.tel-link:hover {
    color:#666;
}
.contact-number a {
    color:#fff;
}
/*stupid long ass styling for dropdown nav stuff*/
.navbar-trans .navbar-nav .open .dropdown-menu>li>a, .navbar-trans .navbar-nav .open .dropdown-menu {
    background-color: #168ccc;
    color:#ffffff;
}
.dropdown-toggle:active, .open .dropdown-toggle {background:#168ccc !important; color: #dcf1ff !important;}


@media screen and (max-width:991px){
    .navbar-brand img{
        position:absolute;
        top:0;
        left:0;
        height:100px;
        background:#fff;
        padding:5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px;
    }
    .sitetop {
        height:0;
    }
    .long-logo {
        max-width:80%;
        height:55px!important;
    }
}
@media screen and (max-width:767px) {
    .navbar-brand img {
        padding: 5px 0 0 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }
}
@media screen and (min-width:992px){
    .same-same {
        min-height:680px;
    }
}
#hours {
    background: #4f6966;
    padding:5px;
    color:black;
}
.faq-outer {
    padding:5px;
}
.faq-inner {
    border:solid black 1px;
    padding:10px;
    background:rgba(255,255,255,0.5);
}
.faq-inner p {
    text-align: justify;
}
.btn-faq {
    background:rgba(255,255,255,0.7);
    color:black;
    font-weight: bold;
    margin-bottom:10px;
}
.btn-faq:hover {
    color:white;
}