/**Styles for Spoontiques 2018**/

html {font-family: "Helvetica Neue", Helvetica, Arial, sans serif}

/**Bootstrap overrides***/

.btn.btn-default {background:lightseagreen;color:#ffffff;font-weight:600;padding:5px 10px;border-radius:7px;border-width:1px}
nav {background:lightseagreen;padding:10px;font-size:20px}
.nav {list-style:none}

.nav li {display:inline-block;margin-right:1%}
.col-md-6 {float:left;}
.col-md-6 {width:50%;}

/**END Bootstrap overrides***/

a:link, a:visited {color:lightseagreen}

a:hover {color:#a7a7a7}

header {background:lightseagreen}
#topbar { height:150px;background:lightseagreen }
#logo {width:400px;margin-top:8px;margin-right:8px;margin-bottom:10px;}
.navbar-default {background:lightseagreen;border-color:lightseagreen}

.navbar-default .navbar-nav>li>a.nav-link, .navbar-default .navbar-nav>li>a.nav-link :visited  {color:#000000;font-weight:400;text-decoration:none}

a.nav-link :hover, a.nav-link :active {color:#ffffff}

ul.nav.navbar-nav {width:100%}
#bodyWrapper {clear:all}
#bodyWrapper, footer {width:80%;margin:10px 10%}
footer div { padding-left:0 }

/**********LOGIN**********************/

.loginText, .loginTextReg, .firstTime, .forgotPassword, .updateAccount {font-size: 16px}

a.login{
        color:#000000;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .7px;
}

#loginBanner {} /*{background:#ffffff; color:#ffffff; padding:20px;margin-top:30px;text-align:center}*/
#loginBanner h1 {color:#000000; font-size: 24px;}


#loginAbout {background: #767676; height:300px;overflow:visible;padding:0 0 0 30px}
#loginAbout div, #aboutTop div {padding:3%}
#aboutTopWrapper {height:600px}
#aboutPartB {margin-top:20px}
#loginAbout #loginAboutInfo {padding:20px 0}
#loginAbout #loginAboutInfo, #aboutTop #aboutContactInfo {color:#ffffff;font-size:16px}
#loginAbout #loginAboutInfo a, #aboutTop #aboutContactInfo a {padding:5px 20px;background:#ffffff;color:#000000;text-align:center}

/*******from Vinrella*****/
#loginWrapper {
        width:70%;
        margin:auto;
        background-color:#fff;
}

h1#loginBanner {
        font-size:24px;
        text-align:center;
        width:100%;
        font-weight:700
        margin:auto;
}

.loginText {
        font-weight:700;
        font-size:20px;
        margin:20px 0;
        text-align:left;
}

.forgotPassword a {
        color:#c00;
}

input { color:#111 }

.loginInput {
        padding:8px;
        width:100%
}

.loginButton {
 /*       background-color:#111;*/
        color:#fff;
        padding:10px 20px;
        margin:2% 1%;
        font-weight:500;
        width:90%;
        font-size:18px;
        border:none;
}

#newCustomers {text-align:right}

#newCustomers p {
        font-size:15px;
        margin: 20px 0 20px 0;
}

#newCustomers p a       {
        color:#c00;
}

/**********END from Vinrella*******/

#showsDiv {padding:0 2%}
.shows {border-bottom:1px solid #000000;margin-bottom:15px}
#side-nav {border:2px solid #aaaaaa;min-height:500px}
#side-nav ul {list-style:none;margin-left:-30px}
#side-nav li {text-indent:-1em;margin-left:1em}
.sublink {padding-left:0px}
.catCell {text-align:center; height:250px} 
.catCell h3 { text-tranform:capitalize; margin-top:0px}
.subcatLinks {height:250px;text-align:center}
a.category {margin-top:-10px}
table#CartOuter {width:80%;margin-left:10%} 
table#Cart {width:100%}
table#Cart td {padding:5px}
table#Cart td img { max-height:60px}
.cartBtn {float:left;margin-left:3%}
#cartNotFirst {margin-top:15px;padding-left:39px;padding-right:39px} 
#cartCheckout {padding-left:9px;padding-right:9px}
div#checkoutheader, div#checkoutcontainer {width:100%}

#catDropdown {display:none}
#breadcrumb { width:100%;font-size:16px;font-weight:bold }
div.cat_item {height:350px}

div.cat_content_bottom {word-break:break-word}

.bottom-button {margin-top:20px}

#Downloads div {text-align:center}

.termsCell {margin-bottom:30px}

@media screen and (max-width:767px) {
        #side-nav {display:none}
        #catDropdown {display:block}
	#loginWrapper {width:100%}
	#loginForm, #newCustomers {width:100%}
	#loginForm {text-align:right}
	div.cat_item {height: 450px; }

}