@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]


[Typography]

Body copy:    ;
Headers:      ;

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

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

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

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family:Lato, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*padding-top: 70px;*/
}
h1 {font-size: 36px}
h2 {font-size: 24px}
h3 {font-size: 18px }

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

/***********
2. Header
************/

section.container.wrapper {
	padding-top:30px;
}

header {background: url(../../images/headerImg.jpg); repeat:no-repeat;height:100px}

.navbar-header h1 {color:#fff;font-weight:700}

#memNav.navbar-default {background:transparent}

.navbar-nav li.headerEmailLink a:link {font-weight:bold;color:#fff;font-size:24px}

.navbar-nav li.headerEmailLink a:visited {color:#fff}

.navbar-nav li.headerEmailLink a:hover {text-decoration:underline}


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

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

#bs-example-navbar-collapse-1 .nav.navbar-nav { margin-left:12% }

#memNav {
	margin-left:3%;
	border:0;
}


.accountName { margin-top:12px }

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

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

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

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

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

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

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

.currentCat {display:none }

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

.btn-default { background:#37bbec; }

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

#checkoutBtn { width:100px}
/***********
4. Slideshow - Media
************/

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

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

.branding {
	padding-top: 20px;
}

.rep {
	min-height: 160px;
}

.shows {
	min-height: 200px;
}


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

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

.cat_content_bottom {
	padding-bottom: 20px;
}

.catCell {
	text-align: center;
}

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

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

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


/***********
8. Media Queries
************/
@media (max-width: 768px) {
	#bs-example-navbar-collapse-1 {width:100%;}
	#bs-example-navbar-collapse-1 .nav.navbar-nav {margin:0}
	.navbar-nav li {background-color:#406b96; z-index:100;opacity:75%}

	.qtyInput {
		width: 35% !important;
	}

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

	.currentCat {display:block }
	#catNav {display:none }
	.btn {width:100%}
	#checkoutBtn {width:100%}
}

@media (min-width: 768px) {
	.main-container {
	     width: 600px; 
	}


}