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

@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

/* 
Red: #98002E;
Brown: #614B3C;
Grey: #dbd5c5;

-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
 	margin:0 auto; 
	background-color: #ffffff; /*#dbd5c5;*/
}
body { 
	line-height: 24px;
	font-size: 16px;
	color: #1f2022;
	font-family: Lato, 'Century Gothic', sans serif;
	margin-bottom: 150px;
}

header { /*background: transparent url("images/custom_header_bg_image.png") repeat-x scroll center top;*/}

.page { margin:0 auto; height: 100%; padding-bottom: 40px; padding-top: 40px; }

#logo{     
	margin: 0 auto;
    padding: 15px 0px 15px;
    text-align: center;
    max-width: 325px;
	}
.logo {     
	width: 100%;
	}

.tagline {float: left; margin-left: 5%; margin-top: 10px;}
.searchbox { float: right; margin-right: 5%; margin-top: 5px;}

#main-content { padding-left: 70px; padding-right: 50px; padding-bottom: 50px;}

.toolbar-wrapper {
   	/*border-bottom: 1px solid #8C2232;*/
    width: 100%;
	height: 60px;
	/*background: #614B3C none repeat scroll 0% 0%;*/
}

.btn.newsletter {
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    background: #B52340 none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 0px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Fonts */


a { color:#a4203a; text-decoration: none; outline: none;}
a:hover { color:#59111f; }
a:active { outline: none; }

ul li { color: #000000; font-size: 2.5vmin;} /*font-family: 'Lusitana', serif; */

h1 { color: #8c2232; font-weight:700; font-size:28px; line-height:36px; }
h2 { color: #8c2232; font-weight:700; font-size:24px; line-height:36px; }
h3 { color: #8c2232; font-weight:700; font-size:24px; line-height:28px; text-align: center; }
h4 { 
	font-size: 16px;
	padding-bottom: 10px;
	color: #4b4f54;
	text-align: left;
}
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }

p { margin: 0 0 20px 0; }

h1#tool {
    color: #000000 !important;
    font-size: 18px !important;
    float: left;
    font-weight: 400;
    line-height: 1.5em;
    margin: 9px 0px 0px;
    padding: 0px 0px 10px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Navigation */

.navbar-nav>ul { text-align: center; max-width: 960px; }
.navbar-default .navbar-nav>li>a { color: #000000; font-size: 15px; font-weight: 400; text-transform: none; padding: 0 20px 0;} /* border-right: 1px solid #614b3c; */
.navbar-nav>ul>li>a.current { color: #000000 }/*#614b3c;*/
.navbar-default .navbar-nav>li>a:hover { color: #8c2232; text-decoration: none; }

.center { margin: 0 auto; }

.navbar {
	background-color: transparent !important;
/*    border-top: double #614b3c !important;
    border-bottom: double #000000 !important;*/
    margin: 0 auto;
    min-height: 35px;
    border-radius: 0px !important;
    max-width: 1200px;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin-right: 0;
    margin-left: 0;
}

.navbar-header {width: 100%;}



/* Custom page CSS
-------------------------------------------------- */

/* footer */

.footer {
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 300px;
	/*background: url("images/custom_footer.png") center top;*/
	border-top: solid 1px #000000;
    font-size: 13px;
    line-height: 1.7em;
    color: #4b4f54;
    padding: 15px 0 10px 0;
    text-align: center;
    margin-top: 2em;

}
	
.info  { 
	margin-top: 40px;
	text-align:right;
	}

.address { color: #4b4f54; font-size: 12px; }/*font-family: 'Lusitana', serif; */

.address a:link {color: #4b4f54;}
.address a:hover,
.address a:focus {color: #4b4f54;}

.CEZbranding { color: #4b4f54; text-align: left; margin-right: 10px;}/*font-family: 'Lusitana', serif;*/
.CEZbrandingIMG { width: 30px; margin-left: 5px; margin-right: 5px;	margin-bottom: 10px;}


.icon-social { float: left; display: block; width: 31px; height: 31px; overflow: hidden; text-indent: -9999px; margin-right: 10px; background: transparent url("/images/social-media-flat.png") no-repeat scroll 0% 0%;}
.icon-social.twitter { background-position: -65px 0; }
.icon-social.twitter:hover { background-position: -65px -33px; }
.icon-social.facebook { background-position: 0 0; }
.icon-social.facebook:hover { background-position: 0 -33px; }
.icon-social.google { background-position: -33px 0; }
.icon-social.google:hover { background-position: -33px -33px; }
.icon-social.pinterest { background-position: -33px 0; }
.icon-social.pinterest:hover { background-position: -33px -33px; }
.icon-facebook { float: left; margin-top: 1px; width: 40px; overflow: hidden; }
.icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.8; filter: alpha(opacity = 80); }


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

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

code { font-size: 80%;}

/*#colorbox#cboxContent { background-color:#FFDD00 !important; }
*/
.cboxIframe { background-color:#ffffff !important; }

label { color: #000000; }

.details	{ max-width: 60px;}
.item	{ font-size: 12pt; }
.iteminput	{ }
.itemList { padding: 10px;}
.currentCat { font-size: 20px;}
.subCatSelect { font-size: 20px;}

#productsDisplay { margin:auto; }

.clearBoth { clear:both;}

#push {clear:both; height: 0px;}
.shows {margin:1%;width:47%;float:left}
.more {font-style:italic;font-size:80%;font-weight:bold}

#popupwrapper { background: none; }

#imgCell {padding: 10px;}

.firstTime {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000; }
.forgotPassword {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000;}
.updateAccount {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000;}

/*
	SHOW CATEGORY and OmegaNet
*/

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

.cart {font-family:'Open Sans', sans-serif;font-size:20px; text-align:right; margin-top: 10px; margin-bottom: 10px;}

#main-page.show-cat-fluid .row {padding-left:20%}
.main-cats {margin-right:5%; text-align:center;}
.catCell { padding: 40px;}

.cat_item {
	position: relative;
	min-height: 400px;
	width: 100%;
	margin: 0 auto;
}

.cat_content_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.cat_item {
	border: 0 none;
	float: left;
	height: 450px;
	position: relative;
	width: 33%;
	margin: 0 auto;
}
div.cat_item div.cat_content_top {
    position: absolute;
    bottom: 0;
	vertical-align: top;
}
div.cat_item div.cat_content_bottom {
	bottom: 0;
	position: absolute;
	/*margin-left: 25px;
	vertical-align: bottom;*/
}

.alternate tr:nth-child(2n+1) {
	background-color: #d7d7d7;
	color: black;}

.CartOuter	{
	padding-top: 30px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

.ViewCat	{ width: 100%; max-width: 1100px; margin: 0 auto;}

div#subCatLink a.category {display: block; margin: -1em auto .2em auto; } /* RP 7-8-16 */

#viewCartContainer {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#Cart td { padding: 10px;}
.bySku td { padding: 10px;}


@media (max-width: 1024px)  {
.address { display: none;}

#main-content { padding-left: 20px;  padding-right: 20px;}
.searchbox { display: none;}
.footer { height: 100%;}
.logo { width: 90%;}

h1#tool {  float: none; margin: 9px 0px 0px; text-align: center;}
H1 { font-size:14px; }
}

/*Center Bootstrap nav*/

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        padding-top: 20px;
        padding-bottom: 20px;
    }

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

/* Goddard Edits */
@media (max-width: 768px) {	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:transparent !important;
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent !important;
	}
	.nav-button {
	    display: block;
	    margin: 0 auto !important;
	    float: none;
	    width: 100%;
	    color: #000000;/*#614b3c; - brown -*/
	}
	.navbar-default .navbar-collapse {
		border-color:transparent !important;
	}
	.navbar-nav {
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a {
		border-right: transparent !important;
	}
	.nav > li {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}