@charset "UTF-8";
/* CSS Document */
/*
NITTANY NAVY #001e44
PSU BLUE     #1e407c
PUGH BLUE    #96bee6
*/

#conndinner .conn-container { width: 80%; margin: 0 15% 0 5%; text-align: center; }

#conndinner {
	background-image: url("../images/conndinnerwaves.png");
	background-position: right;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-size: 150px;
	margin-top: -25px;
}
#conndinner hr { border: none; background-color: white; height: 5px; width: 80%; margin: 0 auto; }
#conndinner a,
#conndinner a:visited { }
#conndinner a:hover { }
#conndinner ul, #conndinner ol { list-style-position: inside; }
#conndinner li { font-size: 20px; }
#conndinner .featuring { font-size: 22px; font-weight: bold; }

#conndinner h1 { font-size: 48px; font-family: "dunbar low", sans-serif; font-weight: 500; line-height: 48px; color: #001e44; padding: .5em 0 1em 0; margin: 0;}
#conndinner h1 span { font-size: 24px; font-weight: 400; color: #1e407c;  }

#conndinner h2 { font-size: 44px; font-family: "dunbar low", sans-serif; font-weight: 500; line-height: 44px; color: #1e407c; padding: 0 0 .5em 0; margin: 0; }
#conndinner h3 { font-size: 30px; font-weight: 500; line-height: 30px; color: #001e44; padding: 0 0 .5em 0; margin: 0; }
#conndinner h3 span { font-size: 20px; }


.conndinner-nav { list-style: none; margin: 0 0 2.5em 0; padding: 0;  }
.conndinner-nav li { display: inline; margin: 0; padding: 0; }
.conndinner-nav li a { border-radius: 5px; background-color: white; padding: 1em; font-weight: bold; text-decoration: none; }
.conndinner-nav li a:hover { background-color: #96bee6; }


#conndinner #details { padding: 2em 0; }

.conndinner-events { margin: 0 0 1em 0; padding: 0; }

.we-are-back { 
font-family: "catseye", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
color: #1e407c;
font-size: 120px; 
line-height: 120px; 
padding: 0;
margin: 0; 
}
.we-are-back span { font-size: 30px; }

#conndinner #chef { padding: 0; }
#conndinner #menu { padding: 2em 0; }
#conndinner #cookingclass { padding: 2em 0; }

#conndinner #hvab { font-size: 80%; padding: 0 0 1em 0; }
#conndinner #hvab img { max-width: 280px; }

#conndinner #sponsors { text-align: center; padding: 2em 0;  }
.mcquaide { width: auto; max-width: 500px; padding: 50px 0; }
.delgrosso { width: auto; max-width: 350px; padding: 0 0 20px 0; }
.stocker { width: auto; max-width: 500px; padding: 0 0 50px 0; }
.encompass { width: auto; max-width: 650px; padding: 25px 0 50px 0; }
.kish { width: auto; max-width: 350px; padding: 25px 0; }
.fiore { width: auto; max-width: 350px; padding: 50px 0; }

.menu { background-color: white; border-radius: 50px; padding: 5%; margin: 2%; }
.menu ul, .menu ol { margin: 0 0 1em 0; padding: 0; }
.menu span,
.class-location span { white-space: nowrap; }

.nittany-lion-inn { 
margin: 0 0 1em 0;
}

.tickets {
	font-size: 30px; 
	font-weight: 700; 
	line-height: 30px;
	color: #1e407c;
	padding: 0;
	margin: 0 0 1em 0;
}
.date-and-time {
	font-size: 30px; 
	font-weight: 700; 
	line-height: 30px;
	color: #1e407c;
	padding: 0 0 1.5em 0;
	margin: 0;
}

.tickets span { font-size: 16px; }
.vip-tickets { font-size: 36px; line-height: 36px; margin: 0; }

.chef-mirko { border: 15px solid #96bee6; width: 80%; height: auto; margin: 0 0 1em 0; }
.chef-polay { float: right; border: 10px solid #96bee6; width: 200px; height: auto; margin: 0 0 1em 1em;}

.tickets-remaining
{
    border: solid 1px yellow;
    background-color: #fff;
    margin: 0 0 1em 0;
    padding: 10px;
    font-size: 110%;
}
.tickets-remaining span, .sold-out
{
    color: RED;
    font-weight: bold;
}
.waiting-list { clear: both; font-size: italic; color: red; }

@media only screen and ( max-width: 1200px ) {
	
#conndinner { background-size: 140px; margin-top: -25px; }

}

@media only screen and ( min-width: 768px) and ( max-width: 960px ) {

#conndinner { background-size: 120px; margin-top: -25px; }
}


@media only screen and ( max-width: 767px) { 
	
#conndinner {
	background-image: url("../images/conndinnerwaves2.png");
	background-position: right;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-size: 50px;
	margin-top: -25px;
}
#conndinner h1 { font-size: 36px; line-height: 36px; padding: 1em 0; }
#conndinner h2 { font-size: 30px; line-height: 30px; }
#conndinner h3 { font-size: 24px; line-height: 24px; }
.we-are-back { font-size: 80px; line-height: 80px; }
.nittany-lion-inn { max-width: 280px; margin: 0 0 1em 0; }
	.conndinner-nav { margin: 0; }
.conndinner-nav li { display: block; width: 90%; margin: 0 5%;}
.conndinner-nav li a { border-radius: 9px; background-color: white; padding: 1em; font-weight: bold; text-decoration: none; display: block; margin: 0 0 5px 0; }
#conndinner li { font-size: 16px; }
#conndinner .featuring { font-size: 22px; font-weight: bold; }
.chef-mirko { border: 5px solid #96bee6; width: 90%; height: auto; margin: 0 0 1em 0; }
.menu { background-color: white; border-radius: 10px; padding: 2em 5% 1em 5%; margin: 2%; }
.chef-polay { float: none; border: 5px solid #96bee6; max-width: 150px; height: auto; margin: 0 0 .5em 0; }
.date-and-time { font-size: 24px; line-height: 24px; }
	
.mcquaide { width: auto; max-width: 240px; padding: 25px 0; }
.delgrosso { width: auto; max-width: 180px; padding: 0 0 25px 0; }
.encompass { width: auto; max-width: 290px; padding: 0 0 35px 0; }
.stocker { width: auto; max-width: 300px; padding: 0 0 25px 0; }
.kish { width: auto; max-width: 180px; padding: 0 0 25px 0; }
.fiore { width: auto; max-width: 200px; padding: 0 0 25px 0; }
	
#conndinner #hvab img { max-width: 250px; }
}