/*** Font ***/
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);
@import url(https://fonts.googleapis.com/css?family=Quicksand);

body { color: #666; font-family: "Quicksand"; font-size: 14px }
h1, h2, h3, h4, .btn-primary, input[type=text].form-control { font-family: "Josefin Slab", sans-serif; }
h1, h2, h3, h4 { color: #66c009;; font-weight: 700; letter-spacing: 1pt; text-shadow: 1px 1px 0px #fff; }
h2 { font-size: 16pt; }

/*** Bootstrap Override ***/
.btn-primary { padding: 3px; margin-top: 10px; height: 30px; width: 80px; background: #55c2c2; border: 2px solid rgba(255,255,255,0.55); box-shadow: 1px 1px 3px #B6B6B6; color: #fff;  font-weight: 400; font-size: 12pt }
input[type=text].form-control  { padding: 3px 5px 3px 5px; margin-top: 10px; font-style: italic; color: #aaa; font-weight: 400; height: 30px; border: 2px solid #fff; background: #fff; text-align: center;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2); 
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2) }

/*** wrapper ***/
header { margin-bottom: 20px; border-top: 3px solid #66C009; padding-top: 3px }
    header .top-nav-container ul.top-main-nav li { margin-right: 15px }
    header .top-nav-container ul.top-cart-nav li { margin-left: 15px }

div.content-container { background-color: #f2f2f2; padding-top: 20px }
    div.content-container .search-container { background-color: #f2f2f2; padding: 10px; text-align: left; border: solid 2px #fff; box-shadow: 1px 1px 3px #B6B6B6 }
        div.content-container .search-container input, div.content-container .search-container button { display: inline-block }
        div.content-container .search-container input { width: 100% }

    div.content-container .side-nav-container { background-color: #fdfdfd; padding: 10px; text-align: left; border: solid 2px #fff; box-shadow: 1px 1px 3px #B6B6B6 }
        div.content-container .side-nav-container ul { padding: 0px; list-style: none }
        div.content-container .side-banner-container img { width: 100% }

    div.side-banner-container { background-color: #fff; color:#2bbe0d; font-weight: bold; padding: 20px }

footer { margin-top: 40px }
    footer section { background-color: #fcf9f0; padding: 10px; text-align: left; border: solid 2px #fff; box-shadow: 1px 1px 3px #B6B6B6 } /* #fbfaf8; */
    footer ul { list-style: none; padding: 0px }
    footer h2 { margin-top: 0px }

    footer .contact-container .btn-primary { margin-top: 0px }
    footer .contact-container .phone { font-size: 16pt; color: #FFC907; font-weight: 700; text-shadow: 1px 1px 0px #fff }
    footer .contact-container hr { border-top: 1px solid #fff }

    footer .hours-container p { margin-top: 5px; font-family: 'josefin slab', serif; font-size: 10pt; font-style: italic; text-shadow: 1px 1px 0px #fff; color: #db08b4; font-weight: 600 }

    footer .locations-container span.glyphicon { color: #2dc1e6 }

    footer .subscribe-container input.form-control { border: 1px solid #ccc }

#istar-content a.btn-primary { width: initial }


/*** home ***/
div.home-container div { text-align: center; margin-bottom: 20px }
div.home-container div img { width: 100%}

/* Medium */
@media (min-width: 992px) and (max-width: 1199px) { }

/* Small */
@media (min-width: 768px) and (max-width: 991px) { }

/* Extra Small */
@media (max-width: 767px) {
    header .top-nav-container div { text-align: center }
        header .top-nav-container div ul { display: inline-block }
    .istar-content, footer>div { padding-left: 0px !important; padding-right: 0px !important; }
}

/* Medium and Large */
@media (min-width: 992px) { }

/* Extra Small and Small */
@media (max-width: 991px) { }

/* All except Extra Small */
@media (min-width: 768px) {
    header .top-nav-container ul.top-cart-nav { float: right }
}

.short-description a
{
font-weight: bold;
}