/* GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 0;
  color: #1e1d1d;
}

a{
    color:#b72026;
}

.row  > div> p > a{
    text-decoration:underline;
}


.row  > div> h2{
     border-bottom: 2px solid #b72026;
     padding:0 0 5px;
}
.row  > div> h3
{
    border-bottom: 2px solid #b72026;
    padding:0 0 12px;
}

/* NAVBAR
-------------------------------------------------- */
.navbar {
  background:#b72026;
  margin-bottom:1px;
}
.navbar-header{
    height:90px;
}
.img-logo {
    max-width: 300px;
}
.navbar-toggle{
    margin-top:30px;
}
header p
{
    float:right;
    margin:38px 20px 0 0;
    font-size:1.6em;
    text-align:right;    
    color:#ffffff;
}
header p a
{
    color:#ffffff;
}
.nav-items
{
    border-top:2px solid #ffffff;
    background:#000000;
    color:#ffffff;
}
.nav-items .glyphicon
{
    margin-left: 5px;
    vertical-align:middle;
    line-height:20px;
    font-size: 0.8em;
}

.navbar-nav a{
    padding: 8px 25px;
    color: #ffffff !important;
    font-size: 1.1em;
}
.navbar-nav a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
     background:#d33939 !important;
}
.navbar-nav .active a{
    background:#b72026 !important;
}
.navbar-default .navbar-toggle
{
    background:#d33939;
    border-color:#000000;
    color:#000000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background:#9a1b1b;
}
.navbar-default .navbar-toggle .icon-bar
{
    background:#000000;
}
.contact
{
    margin:2% 0 0;    
    font-size:1.3em;
    text-align:right;
    color:#ffffff;
}
.contact a
{
   color:#ffffff;
}
.border
{
    border:1px solid #9a1b1b;
}
.img-responsive
{
    margin-bottom:10px;
}
.small-pad
{
	padding:10px 0 0;
	display:block;
}

/* CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  width: 100%;
  height: 400px;
  background-color: #777;
  background-size: cover;
  background-position: center;
}

.btn-primary,.btn-default
{
    background-color:#b72026;
    border-color:#d33939;
    color:#ffffff;
    font-size:1em;
}

.btn-primary:hover,.btn-default:hover,
.btn-primary:focus,.btn-default:focus,
.btn-default:active,.btn-primary:active
{
    background-color:#d33939 !important;
    border-color:#b72026 !important;
    color:#ffffff !important;
}

.red-shade
{
    background:#d33939;
    color:white;
    padding:15px 0;
}
.red-shade-title
{
    margin-bottom:0;
}
.red-shade h3 {
    padding-left:20px;
    padding-right:20px;
}
.red-shade ul {
    list-style:none;
    padding-left:20px;
    padding-right:20px;
}
.red-shade ul li {
    background: url(../images/bullet.png) no-repeat 0 6px;
    margin: 0 0 5px;
    padding: 0 0 0 12px;
}
.red-title
{
    background:#d33939;
    color:white;
    margin-top:10px;
    padding:4px;
    font-size:0.8em;
    width:100%;
    display:block;
}
.red-shade a
{
    color:#ffffff !important;
}

#call_button {
    width: 212px;
    height: 52px;
    background: url(../images/call_sidebar.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 10px 0 10px 30px;
    padding: 0px;
    display:block;
    text-indent: -99999px;
    overflow: hidden;
}
#call_button:hover,
#call_button:focus,
#call_button:active
{
    background-image: url(../images/call_sidebar_click.png);
}


#email_button {
    width: 212px;
    height: 52px;
    background: url(../images/email_sidebar.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 10px 0 10px 30px;
    padding: 0px;    
    display:block;
    text-indent: -99999px;
    overflow: hidden;
}

#email_button:hover,
#email_button:focus,
#email_button:active
{
    background-image: url(../images/email_sidebar_click.png);
}

.footer{
    background:#000000;
    border-top:2px solid #b72026;
    margin-top:50px;
    padding:20px 0;
    font-size:0.8em;
}

.footer p,.footer a,.footer p,.footer a:visited,.footer a:hover{
    color:#ffffff;  
}

#qbcc {
    float: left;
    width: 106px;
    height: 86px;
    background: url(../images/qbcc.png) no-repeat;
    margin: 12px 0 5px 24px;
    padding: 0px;
    font-size: 0.1em;
    color: #000000;
}
#masterBuilders {
    float: left;
    width: 152px;
    height: 72px;
    background: url(../images/masterbuilders_footer.gif) no-repeat;
    margin: 17px 0 5px 24px;
    padding: 0px;
    font-size: 0.1em;
    color: #000000;
}
#lockwood_footer {
    float: left;
    width: 172px;
    height: 86px;
    background: url(../images/lockwood_footer.gif) no-repeat;
    margin: 12px 0 5px 20px;
    padding: 0px;
    font-size: 0.1em;
    color: #000000;
}
#disclaimer
{
    width:100%;
    float:left;
}

.form-group.required .form-control-label:after {
  content:" *";
  color:red;
}

.form-group.required textarea{
  resize:none;
}

/*Blog */
#content article div.comments-link
{
  display:none;
}
nav#nav-single,nav#nav-above,nav#nav-below
{
  width:100%;
  background:#f2f2f2;
  color:#000000; 
  padding:5px;
  margin:10px 0; 
  display:inline-block;
}
nav#nav-above div.nav-next,nav#nav-below div.nav-next
{
  float:right; 
   background:#f2f2f2;
  color:#000000;
  font-size:0.9em;
}

nav#nav-single  a,nav#nav-above a,nav#nav-below a
{
  background:#f2f2f2;
  color:#000000;
  font-size:0.9em;

}
nav#nav-single h3.assistive-text,nav#nav-above h3.assistive-text,nav#nav-below h3.assistive-text
{
  display:none;
}

#searchform label
{
  display:none;
}
#searchform input
{
  width:130px;
  color:#000000;
  float:left;
  margin:0;
  padding:0 3px;
  height:23px;
  font-size:1.1em;
  border:1px solid black;
  font-size:0.8em !important;
}
#searchform input.submit
{
  width:auto;
  background:#000000;
  color:#ffffff;
  border:none;
  cursor:pointer;
  padding:3px 3px;
  float:left;
  border:1px solid black;
  font-size:0.8em !important;
}

#searchform input.submit:hover
{
  background:#ffffff;
  color:#000000;
}

#respond
{
  margin:20px 0 0;
  border-top:2px solid black;
  width:100%;
  padding:10px 0 0;
  display: inline-block;
}
#respond p
{  
  width:100%;
}
#respond  label
{
  width:100%;
}
#respond  input,#respond  textarea
{
  width:100%;
  border:1px solid black;
  padding:3px;  
}
#respond p input#submit
{
  width:auto;
  background:#000000;
  color:#ffffff;
  border:none;
  cursor:pointer;
  padding:5px 5px;  
  border:1px solid black;
  font-size:1.2em;  
}
#respond p input#submit:hover
{
  background:#ffffff;
  color:#000000;
}

.required
{
    color:red;
}
#content #searchform
{
    display: inline-block;
}
#content .widget
{
    display: inline-block;
    width:100%;
    background:#ebebeb;    
    margin:5px;
}
.widget_search
{
    padding:0 20px;
    margin:0 0 10px;
    width:100%;
    display:block;
    float:left;
}
.entry-title
{
    font-size:2em;
    width:100%;
    border-top:1px solid #000000;
    padding:15px 0 0;
    margin-top:8px;
}
.entry-content h2{
    font-size:1.6em;
}
.entry-content h3{
    font-size:1.4em;
}
.entry-content h4{
    font-size:1.2em;
}
.entry-content h5{
    font-size:1.1em;
}
.alignright {
    float: right;
    padding: 0;
    margin: 5px 0 10px 15px;
    border: 1px solid #b72026;
}
.alignleft {
    float: left;
    padding: 0;
    margin: 5px 15px 10px 0;
    border: 1px solid #b72026;
}
.nav-next
{
    float:right;
}
.nav-previous
{
    float:left;
}
#wpstats
{
	display:none;
}


/* Plans CSS
-------------------------------------------------- */
.plan-info {
    margin: 0 0 10px;
}

.plan-info .img-responsive {
    margin-bottom: 0px;
    border: 1px solid #235c6c;
}

.plan-info .col-xs-6 {
    padding-left: 0;
}

.plan-info a.h2,.plan-info h2 {
    width: 100%;
    background-color: #235c6c;
    color: #ffffff;
    padding: 5px;
    margin: 0;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    display: block;
}
.plan-info a.h2:hover,.plan-info a.h2:focus,.bread-plan a.back-button:hover,.bread-plan a.back-button:hover i {
    background-color: #f5f5f5;
    color: #235c6c !important;
    text-decoration: none;
}
.plan-info a.h2 span,.plan-info h2 span {
    float: right;
    background-color: #f5f5f5;
    color: #235c6c;
    font-size: 20px;
    padding: 2px;
    border-radius: 8px 1px 8px;
}

.plan-info .stats {
    background-color: #31b0d5;
    color: #ffffff;
    padding: 5px;
    font-size: 1.1em;
    text-align: right;
    width: 100%;
    margin: 0 0 5px;
}
.plan-info .stats span {
    padding: 0 5px;
}
.plan-info .stats span i{
    padding: 0 5px 0 0;
}
.row div h3.plan-title {
    background-color: #d53134;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    font-size: 1.1em;
    width: 100%;
}
.bread-plan {
    font-size: 0.9em;
    width: 100%;
    padding: 0;
    border-bottom: 2px solid #b72026;
    padding: 5px 0;
    margin-top: 10px;
}
.bread-plan a,.bread-plan p,.bread-plan i {
    float: left;
    
    display: block;
    margin-right: 10px;
    margin-top: 10px;
}
.bread-plan i {
    padding-top: 2px;
}
.bread-plan a.back-button {
    float: right;
    background-color: #235c6c;
    color: #ffffff;
    padding: 9px;
    margin: 0;
    border-radius: 8px;
    font-size: 1.1em;
}
.green-shade {
    background-color: #ecfcfc;
    color: #1e1d1d;
    padding: 10px 5px 0;
    margin: 5px 0 10px;
    border-radius: 3px;
}
.bread-plan a.back-button i {
    margin: 2px 5px 0 0;
    color: #ffffff;
}
.smallest {
    font-size: 70%;
    color: #6da7b8;
}
.smallest a{
    color: #6da7b8;
}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1000px) {

    .carousel {
        height: 300px;
    }

        .carousel .item {
            height: 300px;
        }

    .carousel-caption h1 {
        font-size: 1.6em;
    }

    .carousel-caption p {
        font-size: 1em;
        line-height: 1.4em;
    }
}

@media (max-width: 430px) {

    .btn-primary
    {
        padding:5px;
        font-size:0.8em;
    }

    .carousel {
      height: 190px;      
    }
    .carousel .item {
      height: 190px;
    }

    .carousel-caption h1 {
        font-size: 1.6em;
      }
    .carousel-caption p {
        font-size: 0.8em;    
        line-height: 1.4em;
    }

    .img-logo {
        max-width: 200px;
    }
    .navbar-toggle{
        margin-top:20px;
    }
}

@media (max-width: 320px) {

    .carousel {
      height: 170px;
    }
    .carousel .item {
      height: 170px;
    }

    .carousel-caption h1 {
        font-size: 1.3em;
      }
    .carousel-caption p {
        font-size: 0.6em;    
        line-height: 1em;
    }

}