/* Header, Footer and Nav Frame Styles */


.header {
	position: fixed;
	width: 100%;
	margin: 0 auto;
	z-index: 200;
	min-width: 321px;
}

.headerContainerTop {
	width: 100%;
	min-width: 321px;
	margin: 0 auto;
	z-index: 200;
	background: #0057a2;
	/*
	background : -moz-radial-gradient(63.64% 84.62%, ellipse farthest-side, rgba(26, 187, 226, 1) 0%, rgba(16, 150, 202, 1) 32.74%, rgba(5, 105, 173, 1) 77.46%, rgba(0, 87, 162, 1) 100%), white;
	background : -webkit-gradient(radial,63.64% 84.62% ,0 , 63.64% 84.62%, 134.39 ,color-stop(0,rgba(26, 187, 226, 1) ),color-stop(0.3274,rgba(16, 150, 202, 1) ),color-stop(0.7746,rgba(5, 105, 173, 1) ),color-stop(1,rgba(0, 87, 162, 1) )), white;
	background : -webkit-radial-gradient(63.64% 84.62%, ellipse farthest-side, rgba(26, 187, 226, 1) 0%, rgba(16, 150, 202, 1) 32.74%, rgba(5, 105, 173, 1) 77.46%, rgba(0, 87, 162, 1) 100%), white;
	background : -o-radial-gradient(63.64% 84.62%, ellipse farthest-side, rgba(26, 187, 226, 1) 0%, rgba(16, 150, 202, 1) 32.74%, rgba(5, 105, 173, 1) 77.46%, rgba(0, 87, 162, 1) 100%), white;
	background : -ms-radial-gradient(63.64% 84.62%, ellipse farthest-side, rgba(26, 187, 226, 1) 0%, rgba(16, 150, 202, 1) 32.74%, rgba(5, 105, 173, 1) 77.46%, rgba(0, 87, 162, 1) 100%), white;
	background : radial-gradient(63.64% 84.62%, ellipse farthest-side, rgba(26, 187, 226, 1) 0%, rgba(16, 150, 202, 1) 32.74%, rgba(5, 105, 173, 1) 77.46%, rgba(0, 87, 162, 1) 100%), white;
	*/
	background : -webkit-linear-gradient(90deg, rgba(28, 187, 227, 1) 0%, rgba(27, 183, 225, 1) 0%, rgba(24, 173, 218, 1) 20%, rgba(19, 154, 206, 1) 40%, rgba(13, 128, 189, 1) 60%, rgba(4, 95, 168, 1) 80%, rgba(2, 88, 163, 1) 100%);	
	z-index: 200;
	border-bottom: 2px solid #0252a1;
}

.headerContentTop { 
	width: 100%;
	height: 60px;
	margin: 0 auto;	
	max-width: 1100px;
	min-width: 321px;
	margin: 0 auto; 
	display: grid;
	grid-template-columns: 250px 1fr 300px 50px;
	align-items: center;
}

.mobileNav {
	z-index: 1000000;
}

.mobileNav .dropdown {
	position: relative;
	z-index: 50000;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

#mobileNavDropDown {
	font-size: 12pt;
	display: inline-block;
	padding: 0px;
}

#mobileNavDropDown img {
	width: 30px;
}

.logo { 
	width: 200px;
	margin-left: 20px;
	z-index: 70000;
 }

.logo img { 
	width: 100%; 
	display: block;
}

.navList ul {
	color: white;
	display: flex;
	list-style: none;
	margin-left: 4%;
}

.navList li {
	color: white;
	text-shadow: 1px 3px 1px #0057a2;
	margin: 0 auto;
}

.navList a {
	flex-grow: 1;
}

.supportingBoxContainer {
	height: 30px;
}

.supportingBox {
	background: white;
	text-align: center;
	border: 2px solid #0252a1;	
	position: relative;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(250, 250, 250, 1) 0%,rgba(238, 238, 238, 1) 68.22%,rgba(230, 230, 230, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(250, 250, 250, 1) 0%, rgba(238, 238, 238, 1) 68.22%, rgba(230, 230, 230, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(250, 250, 250, 1) ),color-stop(0.6822,rgba(238, 238, 238, 1) ),color-stop(1,rgba(230, 230, 230, 1) ));
	background : -o-linear-gradient(-90deg, rgba(250, 250, 250, 1) 0%, rgba(238, 238, 238, 1) 68.22%, rgba(230, 230, 230, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(250, 250, 250, 1) 0%, rgba(238, 238, 238, 1) 68.22%, rgba(230, 230, 230, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E6E6E6' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(250, 250, 250, 1) 0%, rgba(238, 238, 238, 1) 68.22%, rgba(230, 230, 230, 1) 100%);
}

.supportingBoxTop {
	padding: 8px 15px;
	min-width: 230px;
	width: 240px;	
	margin-left: 0px;
	top: -22px;	
	border-radius: 0px 0px 13px 13px;
	
	-webkit-box-shadow: 0px 5px 0px -2px rgba(2,81,161,1);
	-moz-box-shadow: 0px 5px 0px -2px rgba(2,81,161,1);
	box-shadow: 0px 5px 0px -2px rgba(2,81,161,1);
	
}

.supportingBox p {
	text-align: center;
	margin-top: 3px;
	margin: 0 auto;
	position: relative;
	font: 200 13px "myriad-pro", sans-serif;
}

#findSchool {

}

#findSchool p {

}

.findSchool {
	max-width: 300px;
}

.findSchool p {
	font-weight: 800;
	padding-top: 3px;
	font-size: 12pt;
}

#schoolName {
	margin-top: 2px;
	font-size: 15px;
}

#studentName {
	font-size: 15pt;
	font-weight: 800;
	margin-top: 7px;
	margin-left: 5px;
}

.cart {
	width: 30px;
	margin-right: 20px;
	z-index: 70000;
	position: relative;
}

.cartItems {
	top: -8px;
}

.numberItemsCart {
	position: relative;
	display: inline;
	left: 19px;
	top: 10px;
	color: #0057a2;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	padding: 0 5px;
	font-weight: 700;
	border-radius: 13px;
	border: 1px solid #0057a2; 
	background : -moz-linear-gradient(50% 0% -90deg,rgba(244, 167, 136, 1) 0%,rgba(241, 165, 134, 1) 34.77%,rgba(231, 157, 127, 1) 60.7%,rgba(215, 144, 116, 1) 83.71%,rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(244, 167, 136, 1) ),color-stop(0.3477,rgba(241, 165, 134, 1) ),color-stop(0.607,rgba(231, 157, 127, 1) ),color-stop(0.8371,rgba(215, 144, 116, 1) ),color-stop(0.9994,rgba(199, 130, 104, 1) ));
	background : -o-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -ms-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : linear-gradient(180deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	
	background: white;
}

.mobileNavFrame {
	z-index: 30000;
	position: fixed;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	transition: height 2s;
	display: none;
}

.mobileNavBox {
	position: fixed;
	width: 100%;
	z-index: 2000;
}

.mobileNavContainer {
	position: relative;
	width: 100%;
	max-width: 1000px;
	min-width: 320px;
	margin: 0 auto;
}

#mobileDropdown {
	position: fixed;
	z-index: 60000;
	background: linear-gradient(90deg, rgba(0, 87, 162, 1) 0%, rgba(26, 187, 226, 1) 100%);
	color: white;
	list-style: none;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	top: 0px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	position: absolute;
	background-color: rgb(238, 238, 238);
	min-width: 80px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	
	border-radius : 7px;
	-moz-border-radius : 7px;
}

#mobileDropdown .mobileNavList {
	margin-top: 5px;
	padding-top: 55px;
	margin: 0 auto;
	margin-bottom: 10px;
	list-style: none;
	width: 90%;
	max-width: 350px;
	margin: 0 auto;
	font-weight: 500;
}

#mobileDropdown a{
	color: white;
	font-family: "aaux-next";
	font-size: 18px;
	font-weight: 900;
	padding-left: 3%;
}

#mobileDropdown li a:hover{
	background: none;
	color: rgba(255, 153, 0, 1);
}

/* Links inside the dropdown */
.dropdown-content a {
	padding: 5px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

.dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.menuCategories {
	width: 90%;
	max-width: 360px;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	color: #0057a2;
	line-height: 1.4;
	position: relative;
	border-radius: 13px;
	margin: 0 auto;
	margin-top: 20px;
	
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);

}

.menuCategories h4 {
	text-align: center;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	font-weight: 800;
	color: #0252a1;
	padding-top: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #0057a2;
	width: 86%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.headerContainerBottom {
	width: 100%;
	margin: 0 auto;
	z-index: 200;
	background: #ebebeb;	
	background : -moz-linear-gradient(50% 0% -90deg,rgba(244, 167, 136, 1) 0%,rgba(241, 165, 134, 1) 34.77%,rgba(231, 157, 127, 1) 60.7%,rgba(215, 144, 116, 1) 83.71%,rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(244, 167, 136, 1) ),color-stop(0.3477,rgba(241, 165, 134, 1) ),color-stop(0.607,rgba(231, 157, 127, 1) ),color-stop(0.8371,rgba(215, 144, 116, 1) ),color-stop(0.9994,rgba(199, 130, 104, 1) ));
	background : -o-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -ms-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A788', endColorstr='#C78268' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A788',endColorstr='#C78268' , GradientType=0);
	/* height: 55px;*/
	height: 30px;
	padding: 0px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.38);
	min-width: 321px;
}

.headerContentBottom { 
	margin: 0 auto;	
}

.headerEmailLanding .headerContentBottom { 
	grid-template-columns: 5fr 2fr;
}

.supportingBoxBottom {
	padding: 8px 15px;


	left: 3px;
	
	border-radius: 13px 0px 0px 13px;
	
	-webkit-box-shadow: 3px 3px 0px 0px rgba(2,81,161,1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(2,81,161,1);
	box-shadow: 3px 3px 0px 0px rgba(2,81,161,1);
	
}

.footer {
	width: 100%;
	margin: 0 auto;
	z-index: 200;
	background: #ebebeb;
	text-align: center;
}

body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

p {
	font-weight: 700;
}

.footer{
	margin-top: auto;
}

.footerContent {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footerContent a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	color: #0057a2;
}

.footerBold {
	font-weight: 800;
}

.footerLine1 {
	margin-bottom: 2px;
}

.footerLine2 {
	margin: 0 auto;
	margin-bottom: 20px;
}

.footerBreak {
	display: none;
}

.footerBreak2 {
	display: none;
}

@media (max-width: 720px) {
	
	.footerBreak {
		display: inline;
	}
	
}

@media (max-width: 389px) {
	
	.footerBreak2 {
		display: inline;
	}
	
}

/* Mobile Nav, Accordion and Dropdown Styles */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
	display:block;
}

.hide {
	display:none;
}

/* End Accordion and Dropdown Button Styles */


/* Container Styles */

.mainContainer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 100;
	background: white;
	min-width: 320px;	
}

.mainContent {
	margin: 0 auto;
}

.gridWall {
	width: 100%;
}

.gridWall h1 {
	font-family:  "aaux-next", Helvetica, Arial, sans-serif;
	color: #0057a2;
	text-align: center;
	font-weight: 500;
}

.gridWall h2 {
	font-family:  "aaux-next", Helvetica, Arial, sans-serif;
	color: #0057a2;
	text-align: center;
	font-weight: 500;
}

.gridWall h3 {
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	color: #0057a2;
	margin: 0px;
	padding: 0px;	
}

/* End Container Styles */

/* Button Styles */

.updateShippingButton {
	display: inline-block;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(255, 153, 0, 1) 0%,rgba(249, 143, 13, 1) 35.5%,rgba(241, 128, 32, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(255, 153, 0, 1) ),color-stop(0.355,rgba(249, 143, 13, 1) ),color-stop(1,rgba(241, 128, 32, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : linear-gradient(180deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	border-radius : 7px;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	box-shadow : 0px 0.39px 0.19px rgba(0, 0, 0, 0.2);
	height: 29px;
	width: 122px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: white;
	text-decoration: none;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	top: -2px;
	position: relative;
}

.button {
	display: inline-block;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(255, 153, 0, 1) 0%,rgba(249, 143, 13, 1) 35.5%,rgba(241, 128, 32, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(255, 153, 0, 1) ),color-stop(0.355,rgba(249, 143, 13, 1) ),color-stop(1,rgba(241, 128, 32, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	background : linear-gradient(180deg, rgba(255, 153, 0, 1) 0%, rgba(249, 143, 13, 1) 35.5%, rgba(241, 128, 32, 1) 100%);
	
	
	background : -moz-linear-gradient(50% 0% -90deg,rgba(244, 167, 136, 1) 0%,rgba(241, 165, 134, 1) 34.77%,rgba(231, 157, 127, 1) 60.7%,rgba(215, 144, 116, 1) 83.71%,rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(244, 167, 136, 1) ),color-stop(0.3477,rgba(241, 165, 134, 1) ),color-stop(0.607,rgba(231, 157, 127, 1) ),color-stop(0.8371,rgba(215, 144, 116, 1) ),color-stop(0.9994,rgba(199, 130, 104, 1) ));
	background : -o-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	background : -ms-linear-gradient(-90deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A788', endColorstr='#C78268' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(244, 167, 136, 1) 0%, rgba(241, 165, 134, 1) 34.77%, rgba(231, 157, 127, 1) 60.7%, rgba(215, 144, 116, 1) 83.71%, rgba(199, 130, 104, 1) 99.94%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A788',endColorstr='#C78268' , GradientType=0);
	
	border-radius : 7px;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	box-shadow : 0px 0.39px 0.19px rgba(0, 0, 0, 0.2);
	height: 35px;
	width: 200px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: white;
	text-decoration: none;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align: center;
	top: -2px;
	position: relative;
}

.donateButton {

	box-shadow : 0px 0.39px 0.19px rgba(0, 0, 0, 0.2);

	color: white;
	text-decoration: none;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align: center;
	position: relative;

	background : -moz-linear-gradient(50% 83.5% -90deg,rgba(26, 187, 226, 1) 0%,rgba(22, 172, 216, 1) 20.84%,rgba(12, 132, 191, 1) 60.95%,rgba(0, 87, 162, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(26, 187, 226, 1) 0%, rgba(22, 172, 216, 1) 20.84%, rgba(12, 132, 191, 1) 60.95%, rgba(0, 87, 162, 1) 100%);
  background : -webkit-gradient(linear,50% 83.5% ,50% 177.46% ,color-stop(0,rgba(26, 187, 226, 1) ),color-stop(0.2084,rgba(22, 172, 216, 1) ),color-stop(0.6095,rgba(12, 132, 191, 1) ),color-stop(1,rgba(0, 87, 162, 1) ));
  background : -o-linear-gradient(-90deg, rgba(26, 187, 226, 1) 0%, rgba(22, 172, 216, 1) 20.84%, rgba(12, 132, 191, 1) 60.95%, rgba(0, 87, 162, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(26, 187, 226, 1) 0%, rgba(22, 172, 216, 1) 20.84%, rgba(12, 132, 191, 1) 60.95%, rgba(0, 87, 162, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ABBE2', endColorstr='#0057A2' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(26, 187, 226, 1) 0%, rgba(22, 172, 216, 1) 20.84%, rgba(12, 132, 191, 1) 60.95%, rgba(0, 87, 162, 1) 100%);
  opacity : 0.8;
  border-radius : 9px;
  -moz-border-radius : 9px;
  -webkit-border-radius : 9px;
  filter: alpha(opacity=80) progid:DXImageTransform.Microsoft.Alpha(opacity=80) progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ABBE2',endColorstr='#0057A2' , GradientType=0);

}

.donationButtonBlock p {
	text-align: center;
	font-size: 15pt;
	margin-top: 2px;
}

.donateButton2 {
	display: inline-block;
	box-shadow : 0px 0.39px 0.19px rgba(0, 0, 0, 0.2);

	color: white;
	text-decoration: none;
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align: center;
	top: -2px;
	position: relative;

	background-color: #dc8218; 
  border-radius : 9px;
  -moz-border-radius : 9px;
  -webkit-border-radius : 9px;
  filter: alpha(opacity=80) progid:DXImageTransform.Microsoft.Alpha(opacity=80) progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ABBE2',endColorstr='#0057A2' , GradientType=0);

}

.backToShop a{
	font-family: "aaux-next", Helvetica, Arial, sans-serif;
	color: #f84000;
}

/* End Button Styles */


p.schoolPercentageText {
	font-weight: bold;
}

/* Nav Breakpoints */


@media (min-width: 900px) and (max-width: 1000px) {
		
	.navList ul {
		margin-left: 2%;
	}
		
	.navList li {
		font-size: 11pt;
	}
	
}

/*

@media (min-width: 801px) and (max-width: 859px) {
	
	.logo {
		width: 200px;
	}
	
	.headerContentTop {
		grid-template-columns: 200px 1fr 200px 50px;
	}
	
	.navList ul {
		margin-left: 40px;
	}
	
	.supportingBoxTop {
		padding: 8px 15px;
		width: 160px;
		min-width: 160px;
	}
	
	#studentName {
		font-size: 16px;
	}
	
	#schoolName {
		font-size: 11px;
	}
	
	.navList li {
		font-size: 10pt;
	
	}
}

 */


@media screen and (min-width: 900px) {
	
	.supportingBoxBottom {
		display: none;
	}
	
	.headerContentSpacer1 {
		display: none;
	}
	
	.mobileNav { display: none; }
	
}

@media (max-width: 899px) {
	
	.searchBox { display: none; }
	
	.navList { display: none; }
	
	.headerEmailLanding .headerContentBottom { 

		grid-template-columns: 1fr 1fr;
	}

	.logo {
		margin: 0 auto;
	}

	.mobileNav {
		margin-left: 10px;
	}
	


	.cart {
		margin-right: 10px;
	}

	.phoneHoursInfo {
		display: none;
	}
	

	
}


@media (min-width: 670px) and (max-width: 899px) {
	
	.logo {
		width: 200px;
	}
	
	.headerContentTop { 
		height: 60px;
		grid-template-columns: 35px 260px 1fr 45px;
	}
	
	.supportingBoxBottom {
		display: none;
	}
	
	.supportingBoxTop {
		padding: 8px 15px;
		width: 70%;
		max-width: 240px;
		min-width: 160px;
		margin: 0 auto;
	}
	
	#studentName {
		font-size: 15pt;
	}
	
	#schoolName {
		font-size: 11pt;
	}
	
	.headerContentBottom {
		grid-template-columns: 1fr;
	}
	
	.supportingBoxBottom {
		float: right;
		width: 90%;
		padding: 3px 0px;
		top: -6px;
		min-height: 40px;
	}
}

@media (min-width: 521px) and (max-width: 669px) {
	
	.logo {
		width: 200px;
		margin-left: 20px;
	}
	
	.headerContentTop { 
		height: 60px;
		grid-template-columns: 35px  230px 1fr 45px;
	}
	
	.supportingBoxTop {
		padding: 8px 15px;
		width: 70%;
		max-width: 240px;
		min-width: 200px;
		margin: 0 auto;
	}
	
	.headerContentSpacer1 {
		display: none;
	}
	
	.supportingBoxBottom {
		display: none;
	}
		
	#schoolName {
		font-size: 13px;
	}
	
	.findSchool p {
		font-size: 12pt;
	}
	
	.headerContentBottom {
		grid-template-columns: 1fr;
	}
		
	.supportingBoxBottom {
		float: right;
		width: 90%;
		padding: 3px 0px;
		top: -6px;
		min-height: 40px;
	}
		
}

@media (min-width: 400px) and (max-width: 520px) {
	
	.logo {
		width: 200px;
	}
	
	.supportingBoxTop {
		display: none;
	}	
	
	.supportingBoxContainer {
		display: none;
	}
	
	.headerContentTop { 
		height: 60px;
		grid-template-columns: 45px 1fr 45px;
	}
	
	.supportingBoxTop {
		padding: 8px 15px;
		width: 60%;
		max-width: 250px;
		min-width: 200px;
		margin: 0 auto;
	}
	
	.headerContentSpacer1 {
		display: none;
	}
	
	.headerContainerBottom {
		height: 48px;
	}
		
	.supportingBox p {
		font-size: 9pt;
	}
	
	#studentName {
		font-size: 15pt;
	}
	
	#schoolName {
		font-size: 13pt;
	}
	
	.findSchool p {
		font-size: 12pt;
	}
	
	.headerContentBottom {
		grid-template-columns: 1fr;
	}
	
	.supportingBoxBottom {
		float: right;
		width: 90%;
		padding: 3px 0px;
		top: -6px;
		min-height: 40px;
	}
	
}

@media (max-width: 399px)  {
	
	.logo {
		width: 200px;
	}
		
	.headerContentTop { 
		height: 60px;
		grid-template-columns: 45px  1fr  45px;
	}
	
	.supportingBoxContainer {
		display: none;
	}
	
	.headerContentSpacer1 {
		display: none;
	}
	
	.headerContainerBottom {
		height: 48px;
	}
	
	.supportingBoxBottom {
		float: right;
		width: 90%;
		padding: 3px 0px;
		top: -6px;
		min-height: 40px;
	  }
		
}

@media (min-width: 321px) and (max-width: 399px) {
	
	
	#studentName {
		font-size: 15pt;
	}
	
	.supportingBox p {
		font-size: 9pt;
	}
	
	.findSchool p {
		font-size: 12pt;
	}
	
	#schoolName {
		font-size: 13pt;
	}
		
}

/* End Nav Breakpoints */

/* End Header, Footer and Nav Styles */


/* Page Breakpoints */



@media (min-width: 960px) {
	
	/* Main Styles */
	
	.backToShop {
		font-size: 21px;
		margin-left: 35px;
		margin-top: 30px;
	}
	
	.button {
		margin-left: 15px;
		margin-top: 40px;
		display: inline-block;
		vertical-align: bottom;
		box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
	}
	
	.itemDetail .button {
		margin-left: -145px;
	}
			
	.gridWall h1 {
		font-size: 22pt;
		margin: 50px 20px 20px 20px;
		letter-spacing: 1.2px;
	}
	
	.gridWall h2 {
		font-size: 22pt;
		letter-spacing: 1.2px;
		font-weight: 900;
	}
	
	.storeGrid h1 {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	/* End Main Styles */
	
	.storePage {
		max-width: 1100px;
		width: 95%;
	}
	
	.merchantPage {
		max-width: 1100px;
		width: 95%;
	}
	
	.merchantSelectionPage {
		max-width: 1100px;
		width: 95%;
		min-height: 760px;
	}
	
	.itemPage {
		max-width: 1100px;
		width: 95%;
	}
		
	.cartPage {
		max-width: 1100px;
		width: 95%;
	}
	
}

@media (min-width: 801px) and (max-width: 959px) {
	
	.gridWall h1 {
		font-size: 19pt;
		margin: 40px 40px 20px 40px;
	}
	
	.gridWall h2 {
		font-size: 22pt;
		letter-spacing: 1.2px;
		font-weight: 900;
	}
	
	.phoneHoursInfo {
		display: none;
	}
		
	.merchantSelectionPage {
		min-height: 760px;
	}
	
	.itemDetail .button {
		margin-left: -125px;
	}
	
}

@media (min-width: 600px) and (max-width: 800px) {
			
	.gridWall h1 {
		font-size: 19pt;
		margin: 30px 40px 20px 40px;
		width: 500px;
		margin: 0 auto;
		letter-spacing: 1.2px;
	}
	
	.gridWall h2 {
		font-size: 19pt;
		margin: 0 auto;
		letter-spacing: 1.2px;
		font-weight: 900;
	}
			
}

@media (min-width: 400px) and (max-width: 599px) {
		
	.gridWall h1 {
		font-size: 15pt;
		margin: 10px 10px 18px 12px;
		width: 90%;
		margin: 0 auto;
		letter-spacing: 1.2px;
	}
	
	.gridWall h2 {
		font-size: 19pt;
		margin: 0 auto;
		letter-spacing: 1.2px;
		font-weight: 900;
	}
		

}

@media (max-width: 399px)  {
		
	.gridWall h1 {
		font-size: 15pt;
		margin: 5px 5px 18px 12px;
		width: 90%;
		margin: 0 auto;
		letter-spacing: 1px;
	}
	
	.gridWall h2 {
		font-size: 15pt;
		letter-spacing: 1px;
		margin: 0 auto;
		font-weight: 900;
	}
	
}

@media (min-width: 400px) and (max-width: 800px) {
	
	.mainContainer {

	}
		
	.mainContent { 
		width: 100%;
	}
	
	.storePage h1 {
		font-size: 22px;
		width: 82%;
		padding-top: 0px;
		font-weight: 900;
	}
	
	.merchantSection h1 {
		padding-top: 20px;
	}
		
	.notice {
		padding-top: 12px;
	}
	
	p.schoolPercentageText {
		font-weight: bold;
	}
	
}

@media (max-width: 399px) {
	
	.mainContainer {
	}
		    		
	.gridHeaderImage {
		width: 90%;
		margin: 0 auto;
	}
	
	.gridHeaderImageMG {
		width: 180px;
	}
	
	.gridHeaderImageGlowMG {
		width: 180px;
	}
	
	.gridHeaderImageMG img {
		width: 180px;
		margin: 0 auto;
	}
		
	.mainContent { 
	
	}
	
	.footerContent {
		margin: 0 auto;
		width: 90%;
	}
	
	.copyright {
		margin-top: 20px;
	}
	
	.storePage {

	}
	
	.storePage h1 {
		font-size: 22px;
		width: 82%;
		padding-top: 0px;
		font-weight: 900;
	}
	
	.merchantSection h1 {
		padding-top: 20px;
	}
	
	.merchantSection p {
		width: 85%;
		margin: 0 auto;
		font-size: 14px;
	}
		
	.notice {
		padding-top: 12px;
	}
	
	.storeGrid {
		width: 320px;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	
}


/* End Page Breakpoints */

.searchBox {
	display: none;
}

.phoneHoursInfo {
	display: none;
}

@media screen and (min-width: 900px) {
	
	#mobileDropdown {
		display: none;
	}
}