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

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

Author:

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

[Color codes]
Logo
Pink:
Text:
Footer BG:

[Typography]

Body copy:
Headers:
Display:


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

/***********
1.) Body / Typography
************/

html {
  position: relative;
  height: 100%;
  min-height: 100vh;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
  font-family:/*"Josefin Sans",*/ "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #242424;
  /*padding-top: 70px;*/
	background-color: #fff !important;
  height: 100%;
  min-height: 100vh;
}

.wrapper {
	background-color: #fff !important;
}

.inner-wrapper { max-width: 1200px; margin: 0 auto;}


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

p {margin-bottom: 16px; }

a:link, a:visited {color:#242424;}

a:hover {color:rgba(53, 189, 131, 1);}
/***********
2. Header
************/

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

section.container.wrapper {
	padding:30px 60px 0 60px;
}
	#logoContainer {text-align: center;height:95px; max-width: 1200px;}
	#logoContainer img {padding: 10px 0; max-width: 110px; }

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

#top-bar { background-color: #109147; }
	#top-bar-inner { max-width: 1200px; margin: 0 auto; text-align: center; padding: 7px 0;}
	#top-bar-inner p { font-size: 13px; color: #fff; text-align: center; margin-bottom: 0; }

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

/*#bs-example-navbar-collapse-1 .nav.navbar-nav { margin-left:25% }*/

.navbar-header {margin:auto}

#memNav {
	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-size:15px;
	color:#121212;
}

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

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

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.navbar-nav {
    float: right;
    margin: 0;
}

/*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 }

.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:#019147; 
	color:#fff;
	border:2px solid #019147;
	border-radius:0px;
	transition: background 0.2s ease-in-out;
}

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

.btn-default:hover {
    color: #019147;
    background-color: #f2f2f2;
    border-color: #019147;
}

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

#CartOuter {margin:auto}

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

#cartCheckout, #cartEdit { width:100px}
/*#cartEdit {margin-left:15%}*/
.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 */
  min-height: 500px;
  background-color: #000;
}

#ftrLogo {padding-top:40px;text-align:center}
#ftrLogo #footerLogo {
	width:75%;
	text-align: center; 
	margin: 0 auto;
}

#footerSocial {
	text-align:center;
	margin: 0 auto;
	float:left;
	overflow:hidden;
	position:relative;
}

#footerSocial ul { 
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}


#footerSocial ul li {
	/*text-transform:uppercase;*/
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
	padding: 0 5px;
}

	#footer-bottom p {
		color: #fff;
		font-size: 12px;
	}

#ftrNav, #ftrCatNav {padding-top:40px}

footer h2, footer h3, footer h4 { color: #fff; }

footer a { color: #fff !important; text-decoration: none; }

footer a:hover { color: #fff; text-decoration: underline; }

ul.sm-icons {
    padding-left: 0;
    white-space: nowrap;
	justify-content: center;
}
.sm-icons li {
    list-style-type: none;
}
.widget-title { text-transform: uppercase; font-size: 12px; margin: 40px 0 20px;}

.fda {
    max-width: 750px;
    margin: 0 auto;
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #fff;
    margin-top: 40px;
    line-height: 1.8;
}

.fda p { color: #fff; margin-bottom: 0; }

.branding {
	width: 100%; 
	margin: 0 auto;
}

.branding p {
	margin-bottom: 0;
}

.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}

#pageLoad { display: none; }

p.desc { text-align: justify; }

.AltImgThumb {
	width: 150px;
	padding: 0 1em 1em 0;
}

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

.editItemCheckout:hover, .go:hover, .addtocart:hover, .continueShopping:hover, .previous:hover, .submitChanges:hover {
    background-color: #109147 !important;
}

.btn-default:hover {
    color: #333333;
    background-color: #109147 !important;
    color: #fff !important;
}


/***********
8. Media Queries
************/
@media (max-width: 768px) {
section.container.wrapper {
	padding:30px 10px 0 10px;
	min-height:300px;
}

	.qtyInput {
		width: 35% !important;
	}

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

	.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:33%;display:inline-block;float:left}

#footerSocial li a:hover { background-color: transparent; }

#footer-right ul.sm-icons {
    justify-content: center;}

	#footer-bottom p {
		text-align: center;
		margin-bottom: .5em;
	}

#mainNav ul {margin-left:0;}
nav#mainNav ul li a {text-align:center;}

#top-bar ul.navbar-nav li {
    display: inline-block;
    text-align: center;
    /* float: right; */
}



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

.navbar {
     min-height: 0px; 
     margin-bottom: 0px; 
    border: 1px solid transparent;
	}

	.navbar-nav { float: none; }

}

@media (max-width: 991px) {

	#footer-bottom {
		background-color: #000;
		padding: 15px 0;
		font-size: 12px;
		line-height: 1;
		/*position: absolute;*/
		position: relative;
		bottom: 0;
		width: 100%;
	}
	.detail-pop-alt-img-sub-div { float: left; }
	.detail-pop-alt-img { width: 100%; }
}

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

	.container { width: 100% !important; }

	.navbar-brand {width:100%;margin:auto;height:75px}
	#logoContainer {text-align: center;height:95px; max-width: 1200px;}
	#logoContainer img {padding: 10px 0; max-width: 110px; }
	#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:center;font-size:1.75em;/*font-family:Sacramento,fantasy;*/font-weight:bold}
	#mainNav { 
		margin: 0 auto;
		margin-top:30px
		float:left;
		width:100%;
		max-width: 1200px; 
		overflow:hidden;
		position:relative;

	}

	#mainNav ul { 
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
	}

	#mainNav ul li {
		/*text-transform:uppercase;*/
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
		font-size:15px;
		color:#121212;
	}

	#top-bar-inner { max-width: 1200px; margin: 0 auto; text-align: center; padding: 7px 0;}
	#top-bar-inner p { font-size: 13px; color: #fff; text-align: center; margin-bottom: 0; }
	.navbar-nav>li>a {
 		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar {
		border-radius: 0;
		min-height: auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#footer-bottom {
		background-color: #000;
		color: #fff;
		padding: 15px 0;
		font-size: 12px;
		line-height: 1;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}