/* ==== TEMPLATE STYLES =====================================================
 * Author: Ryan Rosati 
 * Website: www.iamrcr.com
 * Date: 2/17/2016 
 * Copyright 2016 Ryan Rosati 
 * Theme: Lake Screen Printing
 * Version: 1
 * 
 /* =============================================================================
   $BASE
   ========================================================================== */
 
	html {  
		font-family: sans-serif; 
		-webkit-text-size-adjust: 100%; 
		-ms-text-size-adjust: 100%; 
		min-height: 100%;
	} 
	
	body {				 	  
		color: #000; 
		-webkit-font-smoothing: antialiased;
		margin: 0;
		min-height: 100%;
		position: relative;   
		font-family: 'Calibri';
		background: url('../images/lsp-geometric-bg.jpg') 0 bottom repeat-x #fff; 
	}
	
	::-moz-selection { 
		background: #fe57a1; 
		color: #fff; 
		text-shadow: none; 
	}
	
	::selection { 
		background: #fe57a1; 
		color: #fff;
		text-shadow: none; 
	}
	 
 /* =============================================================================
   $TYPOGRAPHY
   ========================================================================== */

	/* Create lighter, secondary text in any heading with a generic <small> tag or the .small class. */   
	
	h1, h2, h3, h4, h5, h6	{
		line-height:1;
		margin: 20px 0;
		color: #003a68;
		text-transform: uppercase;
		font-family: 'FrizQuadrataITCT';
	} 
 

	@font-face {
	  font-family: 'FrizQuadrataITCT';
	  src:  url('../fonts/FrizQuadrataITCT/FrizQuadrataITCT.eot?#iefix') format('embedded-opentype'),  
	  		url('../fonts/FrizQuadrataITCT/FrizQuadrataITCT.woff') format('woff'), 
	  		url('../fonts/FrizQuadrataITCT/FrizQuadrataITCT.ttf')  format('truetype'), 
	  		url('../fonts/FrizQuadrataITCT/FrizQuadrataITCT.svg#FrizQuadrataITCT') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}



	@font-face {
	  font-family: 'Calibri';
	  src: url('../fonts/Calibri/Calibri.eot?#iefix') format('embedded-opentype'),  
	       url('../fonts/Calibri/Calibri.woff') format('woff'), 
	       url('../fonts/Calibri/Calibri.ttf')  format('truetype'), 
	       url('../fonts/Calibri/Calibri.svg#Calibri') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

	.text-center  { text-align: center;}
	.text-left    { text-align: left;}
	.text-right   { text-align: right;}
	.text-justify { text-align: justify;}
	.text-nowrap  { white-space: nowrap;}

/* =============================================================================
   $COLORS
   ========================================================================== */

   .lsp-blue { color: #003a68; }
   .lsp-lightBlue { color: #006eb9; }
   .lsp-orange { color: #d84f04; }    
   
/* =============================================================================
   $BUTTONS
   ========================================================================== */
  
 

/* =============================================================================
   $HEADER
   ========================================================================== */

   #lsp-header {
		background: url('../images/LSP-header-bg.jpg') repeat-x;
		padding-top: 10px;
		position: relative;
		box-shadow: 0 5px 15px rgba(0,0,0,.30);
		z-index: 1000;
	    margin-bottom: 20px;
	    position: relative;
	    font-family: 'FrizQuadrataITCT';
   }

	   #lsp-header-logo {
	   		margin: 0;
	   }

	   		#lsp-header-logo a {
	   			display: block;
	   		}

		   		#lsp-header-logo img {
	   			    max-width: 430px;
	   			    width: 100%;
	   			    height: auto;
		   		}

	   #lsp-header-info {
	   		color: #003a68;
	   		text-align: right;
	   		text-transform: uppercase;
	   		font-size: 16px;
	   		font-weight: bold;
	   		font-family: 'Calibri';
	   }

		   	#lsp-header-info span {
		   		display: block;
		   	}

		   	#lsp-header-info address {
		   		font-size: 11px;
	   		    font-style: normal;
		   	}

		   	#lsp-header-info a,
		   	#m-lsp-header-top a {
		   		color: #d84f04;
		   		text-decoration: none;
		   		margin: 6px 0 8px 0;
		   		display: block;
		   		font-family: 'FrizQuadrataITCT';
				font-size: 18px;
		   	}

			   	#lsp-header-info a:hover,
			   	#m-lsp-header-top a:hover {
			   		color: #a63b00;
			   	}

			#lsp-header-info-search {
				background: #fff;
				border-radius: 5px;
				padding: 0 7px;
				float: right;
				width: 100%;
				max-width: 290px;
				font-family: 'Calibri';
			}

				#lsp-header-info-search button {
					background: none;
					padding: 0;
					display: inline-block;
					border: none;
					color: #a8a8ad;
				}

				#lsp-header-info-search .form-control {
					display: inline-block; 
					border: none;
					box-shadow: none;
					height: auto;
					font-size: 12px;
					width: 250px;
					text-transform: uppercase;
					padding: 6px 2px;
				}
				 
	@media (max-width: 550px) { 
		#lsp-header {
			position: fixed;
		}

		#pcMain {
		    margin-top: 110px;
		    width: 100%;
		}
	}

	/* Small devices (tablets, 768px and up) */
	@media (max-width: 768px) {  

		#m-lsp-header-top {
			font-size: 10px;
		    text-transform: uppercase;
			color: #003a68; 
		}

			#m-lsp-header-top .pull-left {
				width: 60%
			}

			#m-lsp-header-top .pull-right {
				width: 40%;
			}

			#m-lsp-header-top a {
				display: inline;
				margin-right: 5px;
				font-size: 1em;
				 
				font-weight: bold;
			}

			.lsp-header-info-phone {
				display: inline;
				font-size: 1em;
			}

			#m-lsp-header-top address {
				display: inline;
				font-size: 1em;
				font-style: normal;

			}

		#lsp-header-info-search {
			width: 100%;
		    min-width: 100%;
		    max-width: 100%;
		    float: none;
		}

			#lsp-header-info-search .form-control {
			    width: 85%;
			    font-size: 10px;
		        padding: 2px;
			}

		#m-lsp-header-mid {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: row; /* works with row or column */
			flex-direction: row;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
		}

			#lsp-header-logo {
				padding: 5px; 
			}

			#m-lsp-header-mid-cart {
				margin: 0;
				padding: 0;
				list-style: none; 
			}

				.cartbox > img {
					width: 30px;
				}

				.cartbox .carboxCount {
					display: none;
				}

 
 
	} 

/* =============================================================================
   $NAV
   ========================================================================== */

	#lsp-header-mainNav {
		background: none;
		border: none;
		min-height: 100%;
		margin: 5px 0 0 0;
		position: relative;
	}


		#lsp-header-mainNav .navbar-collapse {
		    padding: 0;
		} 

			#lsp-header-mainNav .navbar-nav:first-child {
				width: 80%;
			}

	 			.lsp-header-mainNav-list {
	 				display: inline;
	 			}	

	 				.lsp-header-mainNav-list > div > ul {
	 					margin: 0;
	 					padding: 0;
	 					list-style: none;
	 				}	

	 					.lsp-header-mainNav-list > div > ul > li {
	 						float: left;
	 						position: relative;
	 					}	

							.lsp-header-mainNav-list > div > ul > li > a,
							.navbar-default .navbar-nav > li > a { 
								padding: 10px;
								font-size: 18px;
								text-transform: uppercase; 
								color: #003a68;
								font-weight: bold; 
							    display: block;
							}

								.lsp-header-mainNav-list > div > ul > li > a:hover,
								.navbar-default .navbar-nav > li > a:hover {
									color: #00070c;
									text-decoration: none;
								} 
			 
								.lsp-header-mainNav-list > div > ul > li:hover > a,
								.navbar-default .navbar-nav > li:hover > a  {
									color: #00070c;
									background-color: transparent;
									text-decoration: none;
								}  
 


	#smallQuickCart-dropdown .dropdown-menu {
	    top: 100%;
	    min-width: 250px;
	    left: auto;
	    right: 0;
	}

		.smallQuickCart-total {
			padding:10px;
			margin: 0 0 10px 0;
			color: #003a68;
			text-align: center;
			font-size: 18px;
			border-bottom: 1px solid #006eb9;

		}

		#smallQuickCart-dropdown #pcQuickCartButtons { 
		    margin-bottom: 0;   
		    padding: 10px;
		}

		.cartbox > img {
			width: 20px;
			height: auto;
		}
 
/* Small devices */
@media (max-width: 768px) { 
	.navbar-toggle {
		margin: 0;
		float: none;
    	border: none;
	}

		.navbar-default .navbar-toggle:hover, 
		.navbar-default .navbar-toggle:focus {
			background: rgba(255,255,255,.5);
		}

		.navbar-default .navbar-toggle .icon-bar {
			background-color: #003a68;
		}

		.navbar-toggle .icon-bar {
		    width: 25px;
		    height: 4px;
		    border-radius: 10px;
		}
 

		#lsp-header-mainNav .navbar-collapse {
			position: absolute; 
			left: 0;
			top: 100%;
		    width: 225px;
			background: #fff;
			box-shadow: 0 5px 10px rgba(0,0,0,.4);
		}

			.lsp-header-mainNav-list {
				display: block;
			}

	#lsp-header-mainNav .navbar-nav:first-child {
		width: 100%;
	}

	.navbar-nav {
		margin: 0;
	}

		.lsp-header-mainNav-list > div > ul > li {
			float:none;
			border-bottom: 1px solid #d2dde9;
		}

			.lsp-header-mainNav-list > div > ul ul {
				display: none;
			} 

} 

/* Small devices (tablets, 769px and up) */
@media (min-width: 769px) { 

		/* dropdown menu */
		.lsp-header-mainNav-list > div > ul li:hover ul {
			display: block;
		}

		.lsp-header-mainNav-list > div > ul ul {
			margin: 0;
			border: none;
			border-radius: 0;
		    top: 75%;
		    left: 9px;	
		    padding: 0;	
	        min-width: 200px;
	        list-style: none;
	        background: #fff;
	        position: absolute;
	        display: none;
            box-shadow: 0 5px 10px rgba(0,0,0,.5); 
            z-index: 999999;
            font-family: 'Calibri';
		}

			.lsp-header-mainNav-list > div > ul ul > li > a {
				color: #006eb9;
				text-transform: uppercase;
				text-align: center;
				padding: 5px 10px;
				border-bottom: 1px solid #d2dde9;
			    display: block;
			    font-size: 18px;
			}

				.lsp-header-mainNav-list > div > ul ul > li > a:hover {
					color: #00070c;
					text-decoration: none;
				} 

} 
  
 


/* =============================================================================
   $NIVO Overrides
   ========================================================================== */

   .theme-productcart .nivo-controlNav {
   		display: none;
   }

   .theme-productcart .nivoSlider {
   		box-shadow: none;
   }


/* =============================================================================
   $HOME
   ========================================================================== */

   .lsp-heading-anchor {
   		font-size: 32px;
   		margin: 30px 0;
   		text-align: center;
   }

   .lsp-heading-anchor:before,
   .lsp-heading-anchor:after {
		content: '';
		display: inline-block;
		width: 15px;
		height: 20px;
		background: url('../images/LSP-icon-anchor.png') 0 0 no-repeat;
		margin: 0 10px;

		        background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		-webkit-background-size: cover;
   }

   .pcPageDesc img {
		width: 100%;
		height: auto;
   }   

   /* pcShowProducts */

   .pcShowProductImageH {
		padding: 20px;
		background: #fff;
		box-shadow: 0 2px 9px rgba(0,0,0,0.3);
   }

   .pcShowProductInfoH {
		margin-top: 10px; 
		text-transform: uppercase;
   }

   .pcShowProductName a {
   		color: #003a68;
   		font-weight: bold;
   }

   		.pcShowProductName a:hover {
   			text-decoration: none;
   			color: #00070c;
   		}

   .lsp-homepage #pcFeaturedProducts h2 {
   	display: none;
   }

   .lsp-homepage #pcFeaturedProducts .pcMoreLink {
   		display: none;
   }

   #pcFeaturedProducts .pcMoreLink,
   .shopMoreLink {
		display: block;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		color: #003a68;
		margin: 20px 0;
		text-transform: uppercase;
   }

   		#pcFeaturedProducts .pcMoreLink:after,
   		.shopMoreLink:after {
			content: '';
			display: inline-block;
			margin-left: 5px;
			width: 50px;
			height: 14px;
			background: url('../images/LSP-icon-arrow.png') 0 0 no-repeat;

			        background-size: cover;
		       -moz-background-size: cover;
			     -o-background-size: cover;
			-webkit-background-size: cover;
   		}

   		#pcFeaturedProducts .pcMoreLink:hover,
   		.shopMoreLink:hover {
   			text-decoration: none;
   			color: #00070c;
   		}

/* =============================================================================
$Featured Setion
========================================================================== */

	.lsp-featuredSection-product { 
	    background: #fff;
	    box-shadow: 0 2px 9px rgba(0,0,0,0.3);
	    text-align: center;
	    vertical-align: middle;
	    display: block;
	}

		.lsp-featuredSection-product img {
			width: auto;
			max-height: 245px;
		}

	#lsp-featuredSection h3 {
		text-transform: uppercase; 
		text-align: center;
		font-size: 18px;
	}

		#lsp-featuredSection h3 a {
			color: #003a68;
		}

			#lsp-featuredSection h3 a:hover {
				color: #00070c;
				text-decoration: none;
			}

	.lsp-featuredLinks {
		margin: 10px 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row; /* works with row or column */
		flex-direction: row;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;	
	}

		.lsp-featuredLinks ul {
			margin: 0 20px;
			padding: 0;
			list-style: none;
		}

			.lsp-featuredLinks ul a {
				text-transform: uppercase;
				font-weight: bold;
				font-size: 14px;
			}

				.lsp-featuredLinks ul a:hover {
					color: #003a68;
					text-decoration: none;
				}

	.pcPageDesc .text-center {
		display: block;
		margin: 30px 0;
	}

/* Small devices */
@media (max-width: 768px) { 

	.lsp-heading-anchor {
		font-size: 20px;
	}

	.lsp-heading-anchor:before, 
	.lsp-heading-anchor:after {
	    width: 12px;
	    height: 15px;
	}


	.lsp-featuredLinks {
		display: block;
	}

		.lsp-featuredLinks:after {
			content: '';
			display: table;
			clear: both;
		}

		.lsp-featuredLinks-container {
			display: block;
			float: left;
			width: 50%;
		}

		.shopMoreLink { 
    		font-size: 16px;
    		margin: 0 0 10px 0;
		}

	.pcColCount4, 
	.pcColWidth25	{
		width: 50%;
	}

 
}  


/* =============================================================================
$PC Overrides
========================================================================== */

   #pcMain {
		min-height: 300px;
	    margin-bottom: 50px;
   }

   .pcShowCategoryLargeImage img {
   		width:100%;
   		height: auto;
   }

   .alert-warning {
   	display: block;
   	margin-top: 20px;
   }
 
/* =============================================================================
   $FOOTER
   ========================================================================== */
 
 #lsp-footer-bottomMenu {
 	margin-top: 20px;
 	padding: 10px;
    box-shadow: 0 0px 30px rgba(0,0,0,.2);

   display: -webkit-flex;
   display: flex;

   -webkit-flex-direction: row; /* works with row or column */
		   flex-direction: row;

   -webkit-align-items: center;
   	       align-items: center;

   -webkit-justify-content: center;
           justify-content: center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7f1f8+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7f1f8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7f1f8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7f1f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f1f8',GradientType=0 ); /* IE6-9 */
 }

 	.lsp-footer-bottomMenu-logo {
 		margin: 0 20px;
 	}


 #lsp-footer-nav {
 	margin-top: 20px;
 	margin-bottom: 20px;
 	color: #555555;
 	text-transform: uppercase;
 	font-size: 12px;
 	font-weight: bold;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row; /* works with row or column */
		   flex-direction: row; 

	-webkit-justify-content: center;
	       justify-content: center;
 }

 	.lsp-footer-nav-col	{
 		margin: 0 20px;
 	} 

	 	#lsp-footer-nav ul {
	 		margin: 0;
	 		padding: 0;
	 		list-style: none;
	 	}

		 	#lsp-footer-nav a {
		 		color: #555555;
		 		margin-bottom: 5px;
		 		display: block;
		 	}

		 		#lsp-footer-nav a:hover {
		 			color: #000;
		 			text-decoration: none;
		 		}

			#lsp-footer-nav address {
				font-style: normal;
			}

			 	#lsp-footer-nav address span {
			 		display: block;
			 		margin-bottom: 5px;
			 	}

	#lsp-footer-copyright {
		text-align: center;
		padding: 1px 0;
		font-size: 10px;
		color: rgba(0,0,0,.65); 
	}

/* Small devices */
@media (max-width: 768px) { 

	#lsp-footer-bottomMenu {
		display: block;
		text-align: center;
	}

	.lsp-footer-bottomMenu-logo {
		margin: 0;
		display: inline;
	}
	.lsp-footer-bottomMenu-logo img {
		max-width: 65px;
	}

	#lsp-footer-nav {
		display: none;
	}

}

/* ============================================================================= */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .no-print {display:none;}
}