/*-------------
 	General
-------------*/

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

html{
	font: normal 16px sans-serif;
	color: #555;
}

ul, nav{
	list-style: none;
}

a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;

	opacity: 0.9;
}

a:hover{
	opacity: 1;
}

a.btn{
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	background-color: #2196F3;
	font-weight: 800;
	text-align: center;
}

a.btn2{
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	background-color: #e8751a;
	font-weight: 400;
	letter-spacing: 0.5vh;
	text-align: center;
	padding: 2vh 4vh;
	margin: 2vh;
	width: 100%;
}
hr{
	width: 90%;
	height: 2px;
	background-color: #8a1252;
	border: 0;
	margin: auto;
	margin-bottom: 5vh;
}

section{
	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-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 1000px){



}

@media (max-width: 600px){



}

section h3.title{
	color: #414a4f;
	text-transform: capitalize; 
	font: bold 32px 'Open Sans', sans-serif;
	margin-bottom: 35px;
	text-align: center;
}

section p{
	/* max-width: 800px; */
	text-align: center;
	margin-bottom: 35px;
	/* padding: 0 20px; */
	line-height: 1.5;
}

ul.grid{
	margin-top: 3vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

ul.grid-tall{
	margin-top: 3vh;
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}



@media only screen and (orientation: portrait) {
	.mobilehide {
		display: none;
	}
	.desktophide {
		display: block;
	}
}

@media (min-width: 801px) {
	.desktophide {
		display: none;
	}
	.mobilehide {
		display: block;
	}
}

.logo {
	display: block;
	width: 20vw;
	height: auto;
}

/*----------------
 	Dashboard Section
----------------*/

.dashboard {
	min-height: 60vh;
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 5VH;
}

.dashboard-row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}

/* .dashboard-row a {
	max-width: calc(100vw / 2);
} */
.dashboard-cell {
	width: 25vw;
}

.dashboard p {
	font-family: 'Quicksand', sans-serif;
}

.dashboard-column {
	width: calc(100vw / 4);
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	padding: 2vw;
}

.dashboard-column img {
	width: 95%;
	margin-bottom: 2vh;
}

@media (max-width: 600px){

	.dashboard-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.dashboard-column{
		width: 100%;
	}

}

.stallholder-summary {
	background: #fefefe;
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
  }

  .stallholders h1 {
	  font-family: 'Open Sans', sans-serif;
	  color: #fff;
  }

  .stallholder-summary p {
	color: #222;
	font-size: 1.2vh;
	text-align: center;
	margin-bottom: 0;
	font-family: 'Quicksand', sans-serif;
  }
  

.stallholder-row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	
}  
.stallholderstatus-cell {
	width: calc(100vw / 7);
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 5vh;
	border: #414a4f 1px solid;
}
.stallholderplacement-cell {
	width: calc(100vw / 3);
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 5vh;
	border: #414a4f 1px solid;
}
.stallholderplacement-cell p {
	color: #222;
	font-size: 2vh;
	text-align: center;
	margin-bottom: 0;
	font-family: 'Quicksand', sans-serif;
}
.stallholderplacementprint-cell {
	width: calc(100vw / 1);
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	align-items: flex-start;
			text-align: left;
			margin: 1vw;
	margin-bottom: 5vh;
	padding-left: 2vw;
	padding-bottom: 2vw;
	border: #414a4f 1px solid;
}

.stallholderplacementprint-cell p {
	color: #222;
	font-size: 1.2vh;
	text-align: center;
	margin-bottom: 0;
	font-family: 'Quicksand', sans-serif;
}
.stallholderplacementprint-cell-red {
	width: calc(100vw / 1);
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	align-items: flex-start;
			text-align: left;
			margin: 1vw;
	margin-bottom: 5vh;
	padding-left: 2vw;
	padding-bottom: 2vw;
	border: #ff0000 3px dashed;
}

.stallholderplacementprint-cell-red p {
	color: #222;
	font-size: 1.2vh;
	text-align: center;
	margin-bottom: 0;
	font-family: 'Quicksand', sans-serif;
}
.email-cell {
	max-width: 50vw;
	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: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 5vh;
}
.stallholders {
	background: #e8751a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1vh;
}

@media (max-width: 800px) {
	.stallholder-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.stallholder-summary p {
	  font-size: 2.5vh;
	}
	.stallholders h1{
		font-size: 4vh;
	}
	.stallholderstatus-cell{
		width: 100vw;

	}
}
 
/*-------------
 	Footer
-------------*/

footer{
	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-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	color: #fff;
	background-color: #8a1252;
	padding: 60px 0;
}

footer ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	font-size: 32px;
}

footer ul li{
	margin: 0 8px;	
}

footer ul li:first-child{
	margin-left: 0;	
}

footer ul li:last-child{
	margin-right: 0;	
}

footer p{
	text-transform: uppercase;
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	margin-bottom: 10px;
	-ms-flex-line-pack: center;
	    align-content: center;
}

footer p a{
	color: #fff;
}

.footer-logo {
	width: 10vw;
	height: auto;
}

@media (max-width: 700px){

	footer{
		padding: 80px 15px;
	}

	.footer-logo {
		width: 50vw;
		height: auto;
	}
}





/* -- Demo ads -- */

@media (max-width: 1200px) {
	#bsaHolder{ display:none;}
}

@media print
   {
	h4 {
		font: bold 32px 'Open Sans', sans-serif;
	}
	p {
		page-break-after  : auto
	}
	
   }
   @media screen, print
   {
	h4 {
		font: bold 32px 'Open Sans', sans-serif;
	}
	p {
		page-break-after  : auto
	}
   }
   h4 {
	font: bold 20px 'Open Sans', sans-serif;
}