a.swipebox{
	display:inline!important;
}

.important{
	border-style: solid;
	border-width: 0 0 0 0.3em;
	border-color: #000000;
	padding: 0 0 0 0.95em;
	margin: 2em 0 2em 0;
	display: block;
}

h3{
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.infoContent a{
	color: var(--hippie-blue);
	font-weight: 600;
	text-decoration: underline;
	display:inline-block;
}

.infoContent a:hover, .infoContent a:active{
	color: #0D565F;
	font-weight: 600;
	text-decoration: underline;
	display:inline-block;
}


.homepage .overlap-group22 {
	height:150px!important;
}

.upy-main-content{
	display: inline-block;
	padding: 60px 151px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.infoContent{
	width:100%;
	margin-left:auto;
	margin-right:auto;	
}


.homepage .master-nav{
	background-image: url(../../img/_608.jpg);
	background-position: 50% 50%;
	background-size: cover;
}


.info .upy-main-content .imgRight{
	width: 600px;
	max-width: 100%;
	height: auto !important;
	float: right;
	padding: 2em 0 1em 1.5em;
}

.info .upy-main-content .imgLeft{
	width: 600px;
	max-width: 100%;
	height: auto !important;
	float: left;
	padding: 2em 1.5em 1em 0;
}

@media only screen and (max-width: 1200px) {
	.upy-main-content{
		display: inline-block;
		padding: 60px 60px;
	}	
}

@media only screen and (max-width: 900px) {
	.imgRight, .imgLeft{	
		width:60%!important;
	}
}

@media only screen and (max-width: 500px) {
	.imgRight, .imgLeft{	
		width:100%!important;
		padding: 1em!important;
		clear:both;
	}
}



.infoHeroContent p, .infoHeroNav p{
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-m);
	font-style: normal;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 28px;
	padding-top: 20px;
}



.infoHeroContent ul{
	padding-left:50px;
	list-style: outside;
}

.infoHeroContent ol{
	padding-left:50px;
	list-style: decimal;
}

.infoHeroContent li{
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-m);
	font-style: normal;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 23px;
	padding-top: 20px;

}

.tion-container {
  background: #0D565F;
  min-height: 267px;
  padding: 50px 152px;
  width: 100%;;
}

.the-full-competition {
  color: #fff;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 41px;
  min-height: 76px;
  max-width: 749px;
  width:100%;
}

.info-sub-section {
	width: 100%;
	color#fff;
}

.info-sub-section h1{
	color:#fff;
	padding:10px 0 30px 0;
}

.infoHeroContent{
	width:70%;
	float:left;
}
.infoHeroNav{
	width:25%;
	float:right;
	border-top: 11px solid #0D565F;
	margin:0 20px 20px 20px;
	padding:10px 5px 30px 5px;
	border-bottom: 2px solid #0D565F;
}

.heroSideImg{
	width:100%;
}

@media only screen and (max-width: 1200px) {
	.tion-container{
		display: inline-block;
		padding: 50px 60px 50px 50px!important;
	}	
}

@media only screen and (max-width: 940px) {
	.infoHeroContent{
		width:100%;
	}
	.infoHeroNav{
		width:100%;
	}	
	
	.infoHeroContent ul{
		padding-left:25px;
		
	}

	.infoHeroContent ol{
		padding-left:25px;
		
	}
	
	.infoHeroNav p{
		padding-top:10px;
	}
}


/* hero with side images*/

.infoHeroContentImg p, .infoHeroImg p{
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-m);
	font-style: normal;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 28px;
	padding-top: 20px;
}



.infoHeroContentImg ul{
	padding-left:50px;
	list-style: outside;
}

.infoHeroContentImg ol{
	padding-left:50px;
	list-style: decimal;
}

.infoHeroContentImg li{
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-m);
	font-style: normal;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 23px;
	padding-top: 20px;

}

.infoHeroContentImg{
	width:59%;
	float:left;
}

.infoHeroImg{
	width:35%;
	float:right;
	margin:0 20px 20px 20px;
	padding:10px 5px 30px 5px;
}

.heroSideImg{
	width:100%;
}

.imgCaption{
	font-size: 12pt!important;
	font-style: italic!important;
	padding-top:5px!important;
	padding-bottom:20px;
}


@media only screen and (max-width: 900px) {
	.infoHeroContentImg{
		width:100%;
	}
	
	.infoHeroImg{
		width:100%;
		margin:0;
	}	
	
	.infoHeroContentImg ul{
		padding-left:25px;
		
	}

	.infoHeroContentImg ol{
		padding-left:25px;
		
	}
	
	.infoHeroImg p{
		padding-top:10px;
	}
}

/* eo hero with side images*/

/*media list*/

.mediaListContainer{
	margin-top:40px;
	text-align:center;
}

.mediaList {
	height: auto !important;
	width: 200px !important;
	max-width: 200px !important;
	margin: 4px;
	border: 1px silver solid;
}

/*eo media list*/


/*mini gallery*/
.miniGalleryContainer{
	margin-top:40px;
	margin-bottom: -60px;
	padding:40px 15px;
	text-align:center;
	background-color:#48A4AF;
	min-height:300px;
}

.miniGalleryContainer p{
	color:#ffffff!important;
	/*width:50%;*/
	margin-left:auto;
	margin-right:auto;
	margin: 0;
	line-height: 20px;
}

.slick-slide a{
	display:initial!important;
}

@media only screen and (max-width: 800px) {
	.slider {
		width:75%!important;
	}
	
	.miniGalleryContainer p{
		width:75%!important;
		margin-left:auto;
		margin-right:auto;
	}
}
/*eo mini gallery*/

/*how does winning feel*/
.winner{
	min-height:300px;
	margin-bottom:10px;
}

.winnerIntro{
	width:75%;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom:40px;
}

.winnerOdd{
	background-color:#E5EEF3;
	padding: 20px;
}

.winnerEven{
	background-color:#ffffff;
	padding: 20px;
}

.winnerInner{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	display: flex;
}

.winnerText{
	width:60%;
	margin: 20px 10px 40px 0;
	display:inline-block;
}

.winnerText li{
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-m);
	font-style: normal;
	letter-spacing: 0;
	font-weight: 400;
	line-height: 28px;
	padding-top: 20px;
}


.winnerIntro li {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 28px;
  padding-top: 20px;
}


.prepList li{
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 28px;
  padding-top: 20px;
}

.winnerImg{
	width: 40%;
	margin: 80px 0 40px 10px;
	display: inline-block;
	text-align: center;
}

.winnerImg img{
	width:100%;
}

@media only screen and (max-width: 1920px) {
	.winnerInner, .winnerIntro{
		width:85%;
	}
}

@media only screen and (max-width: 1000px) {
	.winnerInner, .winnerIntro{
		width: 90%;
	}
}

@media only screen and (max-width: 800px) {
	.winnerInner, .winnerIntro{
		width: 90%;
	}
	
	.winnerInner{
		display:block;
	}
	
	.winnerText, .winnerImg{
		width:100%;
		display:block;
		clear:both;
		margin: 40px 0 40px 0;
	}
	
}
/*eo how does winning feel*/

/*meet the judges*/
.judgeContainer{
	min-height:300px;
	margin:40px 0;
	width: 100%;
	clear: both;
	display: flex;
	border-bottom:1px solid black;
}



.judgeText{
	width:65%;
	margin: 20px 0 40px 20px;
	display:inline-block;
}

.judgeImg{
	width: 35%;
	margin: 20px 20px 40px 0;
	display: inline-block;
}

.judgeImg img{
	width:100%;
}

@media only screen and (max-width: 800px) {
	
	.judgeContainer{
		display:block;
	}
	
	.judgeText, .judgeImg{
		width:100%;
		display:block;
		clear:both;
		margin: 40px 0 40px 0;
	}
	
}

/*eo judges*/

/* Category sponsor*/

.sponsorTitle{
	width:100%;
	margin:20px auto;
	text-align:center;
	line-height: 45px;
}

.sponsorTitleImg{
	display: block;
	margin: 50px auto;
	width: 75% !important;
	
}


.sponsorQuoteContainer{
	min-height:300px;
	margin-bottom:40px;
	background-color:#E5EEF3;
	padding: 20px;
}

.sponsorQuoteInner{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	display: flex;
}

.sponsorQuote{
	width:50%;
	padding: 40px 20px;
}

@media only screen and (max-width: 800px) {
	.sponsorQuote{
		width:100%;
		padding: 20px 20px;
	}
	
	.sponsorQuoteInner{
		display:block;
	}
}

/* eo Category sponsor*/

/* yearbook */

.yb{
	display: inline-block;
	width: 100% !important;
	margin: 10px auto;
	text-align: center;
	padding: 0 10% 20px 10%;
}

.ybIntroText{
	width:49%;
	padding: 0 20px 20px 0;
	float:left;
}

.ybIntroImg{
	width:49%;
	/*padding: 0 20px 20px 20px;*/
	float:right;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.ybIntroImg img{
	width:100%;
}

.ybIntroImg a{
	display:block!important;
}

.ybList {
	width:100%!important;
	display:inline-block;
	padding-top:40px;
}

.ybListAdjust{
		margin-bottom:-60px;
}

.ybListItem {
	width: 32%;
	float:left;
	min-height:250px;
}

.ybListItem img{
	width: 100%;
	float:left;
	padding:10px;
}

.ybListItem p{
	text-align:center;
}

.ybListTitle{
	padding-top:5px!important;
	font-weight:800!important;
}

.ybPrevious{
	width:100%;
	text-align:center;
}

.ybDownloadHeader{
	width:100%;
	display:inline-block;
}

@media only screen and (max-width: 1000px) {
	
	.ybIntroText{
		width:100%;
		padding:20px;
	}

	.ybIntroImg{
		width:100%;
		padding:20px;
	}
	
	.yb{
		display:inline-block;
		width:100%!important;
	}
	
	.ybListItem {
		width: 49%;
	}
	
}

@media only screen and (max-width: 640px) {
	.yb{
		padding:0;
	}
	.ybListItem {
		width: 100%;
	}
}

/* eo yearbook*/


/* results archive */
.archiveContainer{
	padding:0!important;
	text-align:center;
	
}

.archiveText{
	padding:40px 0!important;
}

.archiveBackground{
	background-image:url(../../img/upy10years---60@1x.png);
	min-height:400px;
}

.archiveText p, .archiveText a{
	color:white!important;	
}

.archiveWhite, .archiveLink{
		color:white!important;	
}
/* eo results archive */

/*categoryPage*/

#categoryDescription{
	width:49%;
	float:left;
}

#categoryDescription p{
letter-spacing: 0;
  line-height: 41px;
  /*min-height: 158px;*/
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

#categoryGallery{
	width:50%;
	float:right;
	margin-top:0!important;
}

#categoryGallery .slider{
	width:75%;
}

.categoyWinnersVideos{
	clear:both;
	min-height: 394px;
	padding: 50px 10%;
	width: 100%;
	margin: 60px auto;
	background-color:#0D565F;
	text-align: center;
	overflow: auto;
}

.categoryVideoContainer{
	width:30%;
	margin:10px;
	padding:20px;
	background-color:#ffffff;
	float:left;
	text-align: center;
}

.categoryVideoContainer iframe{
	width:100%;
	height:auto;
	min-height:300px;
}

#categoryPrevWinnerIntro{
	color: #ffffff !important;
	margin-left: auto;
	margin-right: auto;
}

.catLink{
	color:white!important;
	text-decoration:none!important;
}


@media only screen and (max-width: 800px) {
	#categoryGallery{
		width:100%;
		clear:both;
	}
	
	#categoryDescription{
		width:100%;
		clear:both;
		margin-bottom:40px;
	}
	
	.categoryVideoContainer{
		width:95%;
	}
}

/* eo categoryPage*/