@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/******************************************
[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]
Text: #76777a
Footer BG: #cbc4bd

[Typography]

Body copy:  'Montserrat'  ;
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:"Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing:1px;
  color: #76777a;
  /*padding-top: 70px;*/
}

/**********ADA****************/
.sr-only {
position: absolute; left: -10000px;
}
.skip-link {
color: black; background-color: white; padding: 12px; border: 2px solid black; border-radius: 5px; z-index: 999;
}
.skip-link:focus-visible {
left: 0px;
}
/*******************************/

h1 {font-size: 36px}
h2 {font-size: 24px}
h3 {font-size: 18px }

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

a:link, a:hover {color:#76777a}
a:visited {color:#76777a;} /*7e8083}*/

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

.dropdown-toggle, i, .caret {color: #76777a;}

section.container.wrapper {
	padding:0 10%;
	min-height:300px;
}
#topBar {background-color:#ffffff;color:#999999;border-bottom:1px solid #eeeeee;font-size:12px;text-align:left;padding:0 10%}
.headband {width:40%;float:left;padding-top:15px}

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

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

#memNav #mainNav #bs-example-navbar-collapse-1 .nav.navbar-nav { margin-left:28% }

#pubNav #mainNav #bs-example-navbar-collapse-1 .nav.navbar-nav { margin-left:40% }

.mobileOnly {display:none}
.notMobile {display:block}

.navbar-header {margin:auto}

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

.accountName { position:relative;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-size:12px;
	color:#76777a;
}

.navbar-default {
	border:none;
	border-bottom:2px solid #eeeeee;
	background-color:transparent;
}

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

/*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:block;}/*none }*/

.btn {border-radius:0px}

.btn-default, .btn-danger, .btn-success { 
	
	transition: background 0.3s ease,color 0.3 ease;
	text-decoration:none;
	font-family: Roboto, sans serif;
	font-size: 13px;
	line-height:40px;
	display: block;
	margin:auto;
	padding:0 10px;
	font-weight:400;
	border:none;
	text-align:center;
	position:relative;
}

.btn-default { 
	background:#7e8083; 
	color:#ffffff;
	border:none;
	transition: background 0.3s ease,color 0.3 ease;
	text-decoration:none;
	font-family: Roboto, sans serif;
	font-size: 13px;
	width:150px;
 }

.btn.btn-default.search {height:30px;width:auto;border:1px solid #999999}
.search .fa-search {position:relative;top:-7px}

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

#CartOuter {margin:auto;width:100%}

.cartBtn {float:left;margin-left:7%}
.cartBtn a:link, .cartBtn a:visited, .cartBtn a:hover {color:#ffffff !important}
a.cartBtn {color:#ffffff !important;}

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

p.addToCart {margin-bottom:6px;margin-top:6px}

/*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%;
  padding:15px 0 0 10%;
  /* Set the fixed height of the footer here */
/*  height: 460px;*/
  background-color: #f5f5f5;
}

#ftrLogo {padding-top:20px;text-align:center}
#ftrLogo #footerLogo {width:50%;margin-left:25%}
#ftrLogo #footerSocial {text-align:center;margin-left:40%}

#ftrNav {padding-top:0px}

#ftrCatNav {padding-top:40px}

.branding {
	padding-top: 20px;
}

.rep {
	min-height: 190px;
}

.shows {
	min-height: 200px;
}


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

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


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

p.availProd {font-weight:200px;font-size:24px}

.cat_item {height:500px;position:relative;text-align:center}
.cat_content_bottom {
	padding-bottom: 20px;
	position:absolute;
	bottom:0;
	width:100%;
}

.catCell {
	text-align: center;
}
.catCell a {
	color:999999;
}

.AltImgThumb {}

.cat-wrap {margin-bottom:30px}

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

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

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



/***********
8. Media Queries
************/

@media (min-width:769px) and (max-width: 1024px) {
	.mobileOnly {display:none}
	#pubNav	#bs-example-navbar-collapse-1 .nav.navbar-nav {position:relative;width:100%;margin-left:20%}
#memNav #bs-example-navbar-collapse-1 .nav.navbar-nav {margin-left:12% !important;}



}
@media (max-width: 768px) {
	.mobileOnly {display:block}
	.notMobile {display:none}
	#logoContainer img {max-width:200px;margin-left:30%}
	.navbar-toggle {margin-right:48% !important}
	#bs-example-navbar-collapse-1 .nav.navbar-nav {position:relative;width:100%;margin-left:0 !important;}
/*	.qtyInput {width: 35% !important;}*/
	.rep, .shows {
		text-align: center;
	}
	#topBar {text-align:center !important;}
	.currentCat {display:block }
	#catNav {display:none }
	.btn {width:100%}
	#checkoutBtn {width:100%}
	footer.sub_ftr {height:1000px}
#ftrLogo #footerSocial{margin-left:0;}
#footerSocial li {width:50%;display:inline-block;float:left}
#mainNav ul {margin-left:0}
nav#mainNav ul li a {text-align:center}

#carousel-example-generic {width:100%;margin-left:0}
}

@media (max-width: 480px) {
	#logoContainer img {max-width:200px;margin-left:27%}

}


@media (min-width: 768px) {
	.mobileOnly {display:none !important;}
	.main-container {
	     width: 600px; 
	}
	.navbar-brand {width:100%;margin:auto;height:75px}
	#logoContainer {text-align:center;height:120px;margin:auto}
	#logoContainer img {max-width:145px;margin:auto}
	#bodyWrapper {width:90%;margin-left:5%}
	#sidebarWrapper {margin-top:15px}
	#sidebarWrapper li, #ftrNav li, #ftrContact {
	margin:0;
	line-height:30px;
	font-family:Roboto, Montserrat, Arial, Helvetica, sans serif;
	font-style:italic;
	font-size:13px;
	letter-spacing:1.5px;
	}
	#ftrNav li, #ftrContact {line-height:25px}
	p#contactPage {text-align:center;font-size:30px;line-height:38px}
	#breadcrumb {text-align:center;font-size:20px;font-family:Montserrat,Arial,Helvetica,sans serif;letter-spacing:1px;}

}