@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/******************************************
[Table of contents]

Author: Joseph Goddard

1. Body / Typography
2. Header
3. Nav
4. Slideshow - Media
5. Footer
6. OmegaNet Specific
7. Misc
8. Media Queries

[Color codes]
Main: #6f282c
Link: #c14b55
Link Hover: #6f282c
Plum Top Bar: #604767
Footer BG: #e9e7da

[Typography]

Body copy:  Varela Round  ;
Headers:      ;
Display: Playfair Display ;

/*----------------
Fonts
-----------------*/

******************************************/

/***********
1.) Body / Typography
************/
/*Sticky Footer*/
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
  font-family:"Varela Round", "Josefin Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #6D6E70;
  /*padding-top: 70px;*/
  background-color: #fff;
}
h1 {font-size: 36px}
h2 {font-size: 24px}
h3 {font-size: 18px }

p {margin-bottom: 16px; color:#898989}

a:link, a:visited {color:#c14b55}

a:hover {color:#6f282c}

input:-internal-autofill-selected {background-color: rgb(255, 255, 255);}
/***********
2. Header
************/

.dropdown-toggle, .caret {color: #e74e95}

section.container.wrapper {
	padding:100px 0;
	background-color: transparent !important;
}


/***********
3. Nav
************/

#mobileNav, #mobileCartContainer, #memberNav {display:none}

#bs-example-navbar-collapse-1 {
	width:95%;
/*	margin:auto;*/
}

#bs-example-navbar-collapse-1 .nav.navbar-nav { }/*margin-left:25% }*/
.navbar-collapse {padding-left:0}
.navbar-header {margin:auto}
.nav>li>a {padding:10px 30px 10px 0}

#memberNav {
	margin-left:0;
	border:0;
}

.accountName { margin-top:12px }

#catNav {
	position:relative;
	top:30px;
	font-weight:bold;
	font-size:12pt;
	text-transform:uppercase;
	padding-left:18%;
}

#mainNav {margin-top:30px}
#mainNav ul { }/*margin:auto;margin-left:30% }*/
#mainNav ul li {
	text-transform:uppercase;
	font-weight: 1000;
	font-style: normal;
	font-size: 14px;
}

.navbar-default {
	border:none;
/*	border-bottom:2px solid #6D6E70;*/
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a {color:#222222}


/*ul#12ozSub.dropdown-menu { width:1000px }*/

.subcat-container { width:900px;padding:2% }

.subcatDrop.row { width:30%;padding:1%;float:left; }

#subcatWrapper { text-align:center }

.subcatCols.col-lg-4.col-md-4.col-sm-6.col-xs-12.col-columns {display:block; text-align:center}

.subcatCols img {margin:auto}

.col-columns a.category {text-transform:capitalize }

.subcatAccess.row {width:100%;padding-left:2%}

ul#accessSub.dropdown-menu { width:90% }

.currentCat {display:none }

.AltImgThumb {margin-bottom:5px;}

.cartBtn {float:left;margin-left:7%}

.btn {border:none;border-radius:0px}
.btn.btn-default, .btn.btn-danger, .btn.btn-success { 
	height: 40px;
	font-size: 14px;
	line-height:40px;
	color:#ffffff;
	display: block;
	padding:0 10px;
	font-weight:700;
/*	max-width:250px;
*/	border:none;
	text-align:center;
	position:relative;
	background:#6f282c; 
}

.btn-default { background:#6f282c; color:#ffffff;border:none; }

.btn.btn-default:hover {color:#222222}

.btn.btn-default.search {background:#6f282c;height:30px;border:none}

#updateCart, #notFirst, #checkoutBtn, #viewCart { float:left;margin:.05%;margin-left:2% }

#CartOuter {margin:auto}

#cartCheckout, #cartEdit { width:100px}
#cartNotFirst {margin-top:20px}
.cartItems td img {max-height:75px}

/*input[type=checkbox] {height:20px;width:20px}*/
/***********
4. Slideshow - Media
************/

#carousel-example-generic {width:75%;margin-left:12%}

/***********
5. Footer
************/

.sub_ftr {
  vertical-align:bottom;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 460px;
  background-color: #e9e7da;
  color: #6f282c;
}

#ftrRow {width:80%;margin-left:10%}

#ftrLogo {padding:20px;text-align:center}
#ftrLogo #footerLogo {width:100%;}
#ftrLogo p {color:#6f282c;text-align:left;font-size:13px;line-height:32px;margin-top:20px;}
#ftrLogo #footerSocial {text-align:left;margin-left:40%}
#ftrContactInfo, #ftrBuyerInfo {padding-top:40px}

#ftrContactInfo h4, #ftrBuyerInfo h4 {font-family:"Playfair Display",serif;font-size:20px;font-weight:300;color:#6f282c;margin-bottom:30px}
#ftrContactInfo li,  #ftrBuyerInfo li {padding:10px 0;font-size:14px}
#ftrContactInfo li a,  #ftrBuyerInfo li a {color:#6f282c;}
#ftrContactInfo li i,  #ftrBuyerInfo li i {color:#6f282c;}
#ftrPayment {text-align:right}
#ftrPayment img {margin:0 5px}
.branding {
	padding-top: 20px;
}

.branding .row {width:80%;margin-left:10%;padding:20px 0;color:#ffffff;}

.rep {
	min-height: 160px;
}

.shows {
	min-height: 200px;
}


/***********
6. OmegaNet Specific
************/

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


/*tr.itemList:nth-child(even) {
    background-color: #eee;
}*/

.cat_content_bottom {
	padding-bottom: 20px;
}

.catCell {
	text-align: center;height:450px
}

.main-container {
	padding-left: 15px;
    padding-right: 15px;
}

h3.firstTime, h3.forgotPassword {font-size:18px}

/***********
7. Misc
************/

div#top-bar { background-color: #604767; color:#ffffff;padding:20px 10%;text-align:right;}
#top-bar ul>li>a:link, #top-bar ul>li>a:visited {color:#ffffff}
#top-bar a:hover {color:#222222}/*#c14b55}*/
#top-bar ul>li>ul.dropdown-menu>li>a:link, #top-bar ul>li>ul.dropdown-menu>li>a:visited {color:#222222}
#top-bar ul>li>ul.dropdown-menu>li>a:hover {color:#222222}
#top-bar .caret {color:#ffffff}
#top-bar ul>li {margin-left:10px}
#top-bar ul>li>a:hover {color:#222222}
.accountName {color:#ffffff;margin-top:10px;}
header {width:80%;margin-left:10%}
#logoRow {padding:15px}
#logoContainer, #headerContact {text-align:center}
#logoContainer img {margin:0 auto;}
#headerSocial {padding-top:100px}
div#headerSocial ul.header-customize-item {position: relative;margin-left:30px;}
#socialLabel {display:block}
div#headerSocial ul li {display:inline;font-size:18px;}
div#headerSocial ul li a {padding:0 15px;}
div#headerSocial ul li a:link, div#headerSocial ul li a:hover {color:#6f282c}

#headerContact {float:right;padding-top:100px}
#headerContact ul {width:50%;position:relative;display:inline;list-style:none}
#headerContact ul li {display:inline;margin-left:10px}


.branding { background-color: #604767; }


/***********
8. Media Queries
************/
@media (max-width: 768px) {
	header {width:100%;margin-left:0}
	#mobileNavBar {display:block;background-color:#604767;min-height:50px;width:100%}
	#memberNav, #memberNav .navbar-header, #mobileCartContainer {display:block;}
	#memberNav .navbar-header, #mobileCartContainer {width:50%;float:left;}
	#top-bar {display:none}
	#mainNav {display:none}
	#mainNav ul {margin-left:0}
	nav#mainNav ul li a {text-align:center}
	#mobileNav {float:left}
	#bs-example-navbar-collapse-1 ul.navbar-nav {background-color:#ffffff;float:left;width:100%}
	#bs-example-navbar-collapse-1 ul.navbar-nav li {font-size:30px}
		#bs-example-navbar-collapse-1 ul.navbar-nav li a {padding:20px}
/*	#mobileNavBar .navbar-header {width:100%;float:left}
*/	#mobileNav {display:block;width:100%;float:left}
	#mobileCartContainer {width:50%;position:absolute;right:30px;/*float:left;*/}
	#mobileCartContainer li {display:inline;float:right}
	#mobileCartContainer table {width:100%}
	#mobileCartContainer td {text-align:right}
	#mobileCartContainer {text-align:right}
	.navbar-toggle {float:left;margin-left:5%}
	#mobileCartContainer .navbar-form {border-color:#604767;width:100%}
	#logoContainer img {max-height:122px}
	section.container.wrapper {
	padding:30px 10px 0 10px;
	min-height:300px;
}
	#headerSocial, #headerContact {display:none}

	.qtyInput {
		width: 35% !important;
	}

	.rep, .shows {
		text-align: center;
	}

	.currentCat {display:block }
	#catNav {display:none }
	.btn {width:100%}
	#cartNotFirst.cartBtn, input#cartEdit.cartBtn, input#cartCheckout.cartBtn, #cartViewLast {width:80%;margin:20px 10%;font-size:25px}
	.btn.btn-default {font-size:25px}
	#checkoutBtn {width:100%}
	footer.sub_ftr {height:1500px;font-size:30px}
	footer #ftrRow.container-fluid.row {width:100%;padding-right:3%;padding-left:3%;margin:0}
	footer #ftrLogo p {font-size:30px}
	#ftrBuyerInfo h4, #ftrContactInfo h4 {font-size:35px}
	#ftrBuyerInfo ul li, #ftrContactInfo ul li {font-size:25px}
	#ftrLogo #ftrBuyerInfo {margin-left:0;width:100%}
	#ftrBuyerInfo {columns:2}
	#ftrLogo img {max-width: 295px; margin:0 auto}
	#footerSocial li {width:50%;display:inline-block;float:left}
	.branding {font-size:20px;text-align:center}
	#ftrPayment {text-align:center;padding-top:15px}
	#carousel-example-generic {width:100%;margin-left:0}
}


@media (min-width: 768px) {
	.main-container { width: 600px; }
	.navbar-brand {width:100%;margin:auto;height:75px}
	#logoContainer {text-align:center;max-height:225px}
	#logoContainer {margin:auto}
	#logoContainer img {text-align:center;max-height:225px}
	#sidebarWrapper {margin-top:15px}
	#sidebarWrapper li, #ftrNav li, #ftrContact {
	margin:0;
	line-height:30px;
	font-family:'Playfair Display', 'Times New Roman', serif;
	font-style:italic;
	letter-spacing:1.5px;
	}
	#ftrNav li, #ftrContact {line-height:25px}
	p#contactPage {text-align:center;font-size:30px;line-height:38px}
	#breadcrumb {text-align:left;font-size:40px;font-family:Sacramento,fantasy;font-weight:bold}

}