@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/******************************************
[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:      ;

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

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

body {
	background-color: #fff;
	font-family: "Lato",sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.5px;
	line-height: 140%;
	margin: 0;
}

a {
	color: #233647;
}

.main-container {
	max-width: 1200px;
	background-color: #FFF;
	/*min-height: 96vh;*/
	min-height: calc(100vh - 375px);
	padding: 20px 10px;
}

.loginText, .loginTextReg {
	font-size: 1.1em;
	/*font-family: 'Montserrat', sans-serif;*/
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
}

.currentCat {
	font-size: 1.2em;
}


.credits {
	font-size: .7em;
}

h1 {
	font-size: 21px;
}


h2, h3 {
	font-size: 20px;
}

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

.logo img {
	display: block;
	margin:0 auto;
	MAX-width: 500px;
	MIN-width: 300px;
}

.logo {
	min-height: 94px;
	PADDING: 15PX 70PX;
}


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

.top-nav {
	min-height: 50px;
	border-radius: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
	background: #d1232a none repeat scroll 0 0;
	border-bottom: 4px solid #fff;
	outline: 3px solid #111;
	margin-bottom: 0;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover {
	color:#fff;
	text-decoration: underline;
}

.navbar-form {
	padding-top: 4px;
	width: 200px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: transparent;
}

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

    .navbar .navbar-collapse {
        text-align: center;
    }


/***********
4. Slideshow - Media
************/

.cartThumb img{
	width: 100px;
}

.carousel {
	max-width: 600px;
}

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

.ftr-container {
	background-color: #3e3e3f;
	width: 100%;
	color: #fff;
	border-top: 4px solid #fff;
	outline: 3px solid #d1232a;

}

.ftr-container a {
	color: #fff;
	/*font-weight: bold;*/
}

.ftr-container a:hover {
	color: #fff;
}



.ftr-text {
	text-align: center;
}

ul.footer-nav {
	text-align: center;
	margin: 0 auto;
	list-style: none;
	margin-left: -40px;
}

ul.footer-nav li {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	padding: 10px;
}



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

.cartText {
	color: #000;
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;
}

.cartText {
	color: #000;
	font-family: 'Montserrat', sans-serif;
}

#Cart img { max-height: 50px; max-width: 50px; }

.mainCatCell {
	text-align: center;
}

.mainCats { min-height: 425px !important; text-align: center; display: block; }

.table-hover>tbody>tr:hover {
	background-color: #000;
}

.iteminput {
	color: #000;
	font-weight: bold;
}

select {
	color: #000;
}

.search_cat {
	min-height: 450px;
}

#pageLoad { display: none; }

#quickOrder { padding-bottom: 10px; }

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

#contact-wrapper h2 {
	font-family: Arial Narrow;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	letter-spacing: -.05em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
}

#contact-left { width: 50%; float: left; } 

#contact-right { padding-left: 1em; width: calc(50% - 1em);  float: right; }

/*p.currentCat { margin-top: -1.5em; }*/

/* BOOTSTRAP OVERRIDES */

.navbar-toggle {
	background-color: #111;
	border: NONE;
}

.catpic img {
	max-width: 100%;
}

.cat_item {
    min-height: 450px !important;
}

#feature-boxes { 
	background-color: #111;
}

.bx-wrapper { display: none; }

/******* BOOTSTRAP OVERRIDES ********/

.nav>li>a {
    position: relative;
    display: block;
    padding: 14px;
}


/************************************************************************************
slideshow (see also extra_css/jquery.bxslider.css)
*************************************************************************************/

ul.bxSlider, ol.bxSlider {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

ul.bxSlider li {
	margin: 0;
	padding: 0;
}

ul.bxSlider img {
	/*border: 3px solid #4db39c;*/
	/* rounded corner */
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
}



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

@media (max-width: 1200px) {

p.currentCat { margin-top: .5em; }

}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .nav>li {
		/*padding-left: 14px;
		padding-right: 14px;*/
	}

	body p {
		/*font-size: 2em;
		line-height: 2.1em;*/
		font-size: 1em;
		line-height: 160%;
	}

	.col-columns {
		min-height: 400px;
		text-align: center;
	}
}

@media (max-width: 768px) {
	.loginText, .loginTextReg {
		font-size: 1.1em;
		text-align: left;
	}

	body p {
		font-size: 1.1em;
	}

	footer h4 {
		text-align: center;
	}

	.logo img {
		width: 100%;
	}

	#contact-left { width: 100%; float: left; } 

	#contact-right { padding-left: 1em; width: calc(100% - 1em);  float: right; }

	.hide-768 { display: none !important; }
}

@media (max-width: 1024px) {

	/*.navbar-toggle { margin-top: 32px; }*/

	/*ul.nav.navbar-nav { display:none }*/

/********* ATTEMPT AT BREAKING NAVIGATION AT 1200PX*************/
	/*ul.nav.navbar-nav { width:100%}*/
	.navbar.navbar-default.navbar-right { width:100%;padding: 0;padding-left:0;margin-left:0;float:left;}
	.navbar-right: {margin-right:0}

	.footerMenuWrapper {
		clear:both;
		margin-top:30px;
		padding:90px;
		}

	a.mobile_logo.logo  { width:5%;padding:1%; }

	nav.navbar.navbar-default.navbar-right { /*width:35%;*/float:right; margin-top: -75px !important;}

	div.navbar-header, .container-fluid { width:100%;}

	/*.cat_item {height:600px !important;}*/


	.navbar-nav {
		margin: 0 auto;
	}


	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent !important;
		position: relative;
		z-index: 100000;
		/*box-shadow: 5px 5px 5px rgba(0,0,0,0.1);*/
		/*margin-top: 25px;*/
	}

	.navbar-right {
		float: right !important;
		margin-right: 0 !important;
	}


	ul.dropdown-menu, .dropdown-menu {
		/*background-color:#fff;*/
	}

	.navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu a { color: #2e3344 !important; }


	.navbar-default .navbar-collapse a:link, .navbar-default .navbar-collapse a, .navbar-default .navbar-collapse a:visited, .navbar-default .navbar-collapse a:active { 
		color: #fff !important; 
		background-color: transparent; 
	}

	.navbar-default .navbar-collapse a:hover { 
		color: #222 !important; /*#2e3344 !important;*/
		/*opacity: .9 !important;*/
		background-color: #fff !important;
		text-decoration: none !important;
	} /* added opacity here but effect already visible */

	.accountName {
		color:#fff;
		float:right;
		margin-top:12px;
	}

	.navbar-header {
		float: none;
	}

	.navbar-left,.navbar-right {
		float: none !important;
		/*background-color: #fff;*/
		margin-top: -10px;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important; 
	}

	.navbar-nav {
		float: none !important;
		/*margin-top: 7.5px;*/
	}

	.navbar-nav>li {
		float: none;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in{
  		display:block !important;
	}

	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-align: center;
	}

	.navbar-form {
		padding-top: 0;
		padding-bottom: 10px;
		width: 100%;
	}

}