/*
Theme Name: TSWPromo
Description: Concrete5 FLEXBox Theme
Author: Tony M. O'Con
Author URI: http://www.theshootingwarehouse.com/
Tags: FLEXBox, Website
*/


/* ********** MIN-WIDTH 0PX ********* */
@media (min-width:0px){
	
	/* ********** HEADER AREA ********* */
	header{position: fixed;width:100%; top:0px; left:0px;z-index: 10000;}
	
	.wrapperLogoCart{}
	.wrapperLogoCart > div{display: flex; flex-wrap: wrap; }
	.wrapperLogoCart .aside-notification{flex:100%;
		background-color:#2494bc; 
		color: #fff; 
		padding:5px 0px;
	}
	.aside-notification span:first-child{border-right:2px solid #ffF;display:inline-block;padding-right:7px;text-align:right;vertical-align: middle;width:50%;}
	.aside-notification span:last-child{padding-left:7px;width:50%;}
	
	.aside-logo{
			flex:100%;
			background-color:transparent;
			background-image: url('http://www.theshootingwarehouse.com/themes/tswpromo/../../images/whiteflatlogo.png');
			background-position: center 10px;
			background-repeat: no-repeat;
			background-size: 200px auto;
			
			height:55px;
		}	
		
	.wrapperMenu{
		display: none;
/*
		text-align: center;
		background-color:#2494bc; 
		color: #fff; 
		padding:5px 0px;
*/
	}
	
	
	
	/* ********** PROCCESSOR LOGO BAR AREA ********* */
	#proccessor{position: fixed; width:100%; height:100%; background-color: rgba(255,255,255,.9);text-align: center;display: none;top:0px; left:0px;z-index:101000}
	#proccessor i{margin:auto;color:#999;}
				
	
	
	/* ********** MENU  BOTTOM BAR AREA ********* */
	#wrapperMenuBottomBar{position: fixed;bottom:0px;left:0px; width:100%;background-color:#2494bc;padding:8px 0px 7px 0px;}
	#wrapperMenuBottomBar ul{list-style-type: none;margin:0px; padding:0px;display: flex; justify-content: space-between;}
	#wrapperMenuBottomBar ul li{flex:1 0;text-align: center;}	
	#wrapperMenuBottomBar ul li a{text-decoration: none; color:#fff; transition:color .4s;}
	#wrapperMenuBottomBar ul li a:hover{color: #1c253f;}
			
	#wrapperMenuBottomBar ul li a span{display: none;}
	
	/* ********** FOOTER AREA ********* */
	footer{display: none;}
}
	

@media (min-width:700px){
	
	/* ********** HEADER AREA ********* */
	header .inner{}
	.wrapperLogoCart{width:100%; max-width: 1170px; margin-left:auto; margin-right:auto;}
	
	.wrapperLogoCart > div{display: flex; flex-wrap: wrap; }
	.wrapperLogoCart .aside-notification{flex:100%;
		background-color:transparent; 
		color: #fff; 
		padding-top:15px;
		text-align: right;
	}
	.aside-notification span:first-child{border-right:2px solid #ffF;display:inline-block;padding-right:7px;text-align:right;vertical-align: middle;width:50%;}
	.aside-notification span:last-child{padding-left:7px;width:50%;}
	
	.aside-logo{
		
			flex:100%;
			background-color:transparent;
			background-image: url('http://www.theshootingwarehouse.com/themes/tswpromo/../../images/whiteflatlogo.png');
			background-position: center 10px;
			background-repeat: no-repeat;
			background-size: 200px auto;
			
			height:55px;
		}	
			
	.aside-notification{order:2; flex:1 60% !important; background-color: transparent; padding-top: 14px;}
		
	.aside-logo{background-position: 10px 10px;flex:1 40% !important;order:1 ;}
		
	.aside-menu{background-color:#2494bc; display: inherit !important;max-width:100%;order:3;}
		
	.aside-menu ul{display: flex; flex-wrap: wrap;justify-content: space-around;  width: 100%; padding:8px 0px; max-width: 1170px; margin:auto;}
	.aside-menu ul li{flex:1 0; text-align: center;}
	.aside-menu ul li i{display: inline-block;padding-right: 9px;}
		
	.wrapperMenu{
		display: block;

		text-align: center;
		background-color:#2494bc; 
		color: #fff; 
		padding:5px 0px;

	}
	
	/* ********** PROCCESSOR LOGO BAR AREA ********* */
	#wrapperLogoBar{padding:25px 0px;}
	#wrapperLogoBar > div > aside:first-child img{width:60%;height:auto;}
	
	
	/* ********** MENU BAR AREA ********* */
	#wrapperMenuBar{display: block;}
	#wrapperMenuBar ul{list-style-type: none;margin:0px; padding:0px;display: flex; justify-content: space-between;}
	#wrapperMenuBar ul li{flex:1 0;}	
	#wrapperMenuBar ul li a{text-decoration: none; color:#fff; transition:color .4s;}
	#wrapperMenuBar ul li a:hover{color: #1c253f;}
		
	#wrapperMenuBar ul li a span{display: inline-block;padding-left:10px;}
	
	
	/* ********** MENU  BOTTOM BAR AREA ********* */
	#wrapperMenuBottomBar{display: none;}
	
	
	/* ********** FOOTER AREA ********* */
	footer{background-color: #1c253f; text-align: center;font-size:.9rem;color:#fff; padding:7px 0px;position: fixed;width:100%;bottom:0px; left:0px; font-size: .7rem;display: inherit;}
}