/*
 * DSG Custom Lacrosse Helmet Static Content Page CSS
 * Author: Emily Shafer
*/

#LAX_Helmets_16SepUpdate 
		{width: 100%;
		max-width:960px;
		font-family: arial, helvetica, sans-serif;
		margin: 0 auto;}



#LAX_Helmets_16SepUpdate header {display: -webkit-box;display: -ms-flexbox;display: flex;
									-webkit-box-orient:vertical;
									-webkit-box-direction:normal;
									    -ms-flex-direction:column;
									        flex-direction:column;
									-webkit-box-pack: center;
									    -ms-flex-pack: center;
									        justify-content: center;
									}


#LAX_Helmets_16SepUpdate header h1 {
	color:#6a6a6a;
	font-family: 'DSG Sans', Impact, sans-serif;
	text-align: center;
	font-weight: 900;
	font-size:80px;
	margin:0;
}

#LAX_Helmets_16SepUpdate header h6 {
	color:#6a6a6a;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size:14px;
	font-weight: 100;
	margin:0 auto;
	
	}

#LAX_Helmets_16SepUpdate header img {
			margin: 10px auto;
			-ms-flex-item-align: center;
			    -ms-grid-row-align: center;
			    align-self: center;}

#LAX_Helmets_16SepUpdate button 
				{font-family: 'roboto condensed', helvetica, sans-serif;
				color: #6a6a6a;
				font-size:16px;
				padding: 10px 25px;
				border: 1px solid #6a6a6a;
				background-color: #fff;
				}

#LAX_Helmets_16SepUpdate a button 
				{text-decoration: none;
				color:#6a6a6a;}

#LAX_Helmets_16SepUpdate a:hover button 
				{text-decoration: none;
				color:#333;;}

#LAX_Helmets_16SepUpdate h3 {font-family: 'Roboto condensed', helvetica, sans-serif;
		margin:10px 0;
		text-align: center;
		color:#333;}

#LAX_Helmets_16SepUpdate li {color:#333;}

#LAX_Helmets_16SepUpdate .cta 
			{margin: 20px;
			}

#LAX_Helmets_16SepUpdate .headerButtons 
{color:#333;
	width:400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px auto;
			}

#LAX_Helmets_16SepUpdate .finishButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 20px 0;
			}

#LAX_Helmets_16SepUpdate .ShopAllButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 10px auto;
			}

#LAX_Helmets_16SepUpdate .ItemInfo {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-ms-flex-item-align: start;
		    align-self: flex-start;}

#LAX_Helmets_16SepUpdate .ItemInfo h2 
	{font-family: 'Roboto condensed', helvetica, sans-serif;
		width: 100%;
		color:#333;
	}

#LAX_Helmets_16SepUpdate .ItemInfo h3 
				{font-family: 'Roboto condensed', helvetica, sans-serif;
				font-weight:500;
				color:#333;}


#LAX_Helmets_16SepUpdate .ItemInfo ul {color:#333;
		font-size: 14px;
		line-height:1.5em;}

#LAX_Helmets_16SepUpdate .helmetimg {width:35%;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			padding:20px;}

#LAX_Helmets_16SepUpdate .helmetImg img {width:100%;}

#LAX_Helmets_16SepUpdate .custom48hrs {display: -webkit-box;
	display: -ms-flexbox;display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    	font-family: 'Roboto condensed', helvetica, sans-serif;
		color:#6a6a6a;
		font-size: 1.2em;
		margin: 10px 0;
		text-align: center;
		font-weight:500;}

#LAX_Helmets_16SepUpdate .custom48hrs img {height:23px;
			width:23px;
				padding:0 10px;}



#LAX_Helmets_16SepUpdate .itemInfoImg {width: 90%;
		margin: 0 5%;}

#LAX_Helmets_16SepUpdate .logo {height:30px;}

#LAX_Helmets_16SepUpdate .swatch 
		{width:100%;
		margin: 5px 0;}

#LAX_Helmets_16SepUpdate .helmetItemInfo 
			{width:65%;
			padding:20px;}


#LAX_Helmets_16SepUpdate .helmetItemInfo button 
	{-webkit-box-pack: space around;
	box-shadowms-flex-pack: space around;
	justify-content: space around;}

#LAX_Helmets_16SepUpdate .greyBG {background-color: #f7f7f7;}

#LAX_Helmets_16SepUpdate .helmetFinishes {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: distribute;
			    justify-content: space-around;
		}

#LAX_Helmets_16SepUpdate .helmetFinishes p 
			{font-family: 'roboto condensed', impact, sans-serif;
			margin: 0;
			line-height: 1.5em;
			text-align: center;
		color:#333;}

#LAX_Helmets_16SepUpdate .helmetFinishes .itemPrice {text-align: center;
					font-size: 1.3em;}

#LAX_Helmets_16SepUpdate .finishItemInfo {-ms-flex-wrap: wrap;flex-wrap: wrap;
			-ms-flex-pack: distribute;
			    justify-content: space-around;
			padding: 0 10px;}

#LAX_Helmets_16SepUpdate .finishItemInfo img {display:-webkit-box;
				display:-ms-flexbox;
				display:flex;
				width:160px;
				margin:10px auto;}


#LAX_Helmets_16SepUpdate .itemPrice {font-family: arial, helvetica, sans-serif;
		font-size: 1.8em;
		font-weight: 700;
		margin: 5px 0;
		color:#333;
		}

#LAX_Helmets_16SepUpdate .disclaimer {color:#666;
			font-style: italic;
			font-size:.4em;
			text-align: center;
			margin: 5px 0;
		}




#LAX_Helmets_16SepUpdate.description p {font-family: arial, helvetica, sans-serif;
				color:#333;}

#LAX_Helmets_16SepUpdate .description h2, .description h3 {text-align: left;
				color:#333;}


@media (max-width: 599px){






#LAX_Helmets_16SepUpdate header h1 {
	font-size:40px;
}



#LAX_Helmets_16SepUpdate header img {display: block;
			max-width:300px;
			margin: 10px auto;}

#LAX_Helmets_16SepUpdate .cta {width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; 
    margin: 20px 0;
			}

#LAX_Helmets_16SepUpdate .headerButtons {width:100%;
			max-width: 300px;
			}

#LAX_Helmets_16SepUpdate button {
		padding: 10px 20px;
			}


#LAX_Helmets_16SepUpdate .ItemInfo {width:100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;}

#LAX_Helmets_16SepUpdate .ItemInfo h2 {
			font-size:1.2em;
			text-align: center;
			margin:10px 0;
	}

#LAX_Helmets_16SepUpdate .ItemInfo ul {
		margin:5px 0;
		}

#LAX_Helmets_16SepUpdate .ItemInfo li {padding: 5px 20px 5px 0;}

#LAX_Helmets_16SepUpdate .ItemInfo ul li ul {padding:0 0 0 10px;}

#LAX_Helmets_16SepUpdate .custom {display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;}

#LAX_Helmets_16SepUpdate .custom img {height:23px;
			width:23px;
				padding:0 10px;}


#LAX_Helmets_16SepUpdate .helmetImg {width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
}



#LAX_Helmets_16SepUpdate .helmetItemInfo {width:100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			padding:0;}

#LAX_Helmets_16SepUpdate .helmetItemInfo img {height:32px;
				max-width: 170px;
				margin: 5px auto;}

#LAX_Helmets_16SepUpdate .swatch {width: 96%;
    margin: 5px 2%;}

#LAX_Helmets_16SepUpdate .helmetFinishes {
			text-align: center;}

#LAX_Helmets_16SepUpdate .helmetFinishes p {margin: 5px 0;
			}


#LAX_Helmets_16SepUpdate .itemPrice {text-align: center;}

#LAX_Helmets_16SepUpdate .customHelmetInfo {padding: 10px;
									font-size: 14px;}

 }