/* 
This is the section css for
Dining Services 
*/

/*****************************************************/
/*****************************************************/
/*					NEW BRAND CSS					*/
/*****************************************************/
/*****************************************************/

.btnGold{
	color: #382140 !important;
}
.btnGold:hover{
	color: #ffe800 !important;
}




#home-content .hideHorizontalMenu {
	display: block !important;
}
.centerH2{
	text-align: center;
}
#home-content .borderContent{
	padding: 5% 20%;
}
#home-content .borderContent .border{
	padding: 2.5% 5%;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
	height: 100%;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}
.flexsliderLarge img{
	width: 100%;
}
.artSocialBar{
	width: 100%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	padding-top: 13px;
	float: left;
	margin-top: -24px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
.career-section{
	float: left;
	width: 100%;
	display: block;
	padding: 1% 5% 2.5% 5%;
}
.career-resource-section .grid4 p{
	text-align: center;
	font-weight: bold;
}
.career-resource-section .grid4 img{
	display: block;
	margin: 0 auto;
}
#home-content .flex-control-nav{
	overflow: hidden;
}
#home-content .flex-caption{
	padding: 5px 140px 20px 80px;
	max-height: 120px;
	background-color: rgba(56,33,64,.85) !important;
	text-align: center;
	display: none;
}
/* #home-content .flex-caption p{
	color: #FFE800;
	text-transform: uppercase;
	padding: 6px;
	font-weight: bold;
	margin-top: 10px;
	font-size: 1.2em;
	transition: 0.6s;
	transition-timing-function: ease-in-out;
	font-family: "myriad-pro", Arial, sans-serif;
}
#home-content .flex-caption p a{
	text-decoration: underline;
} */
.context-btn{
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 10% 10%;
    transition: all .2s ease-in-out;
    display: table;
    width: auto;
}
#home-content .context-btn:hover {
    transform: scale(1.01);
    transition: all .2s ease-in-out;
}
.context-btn .vert-block{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
.grid6 .context-btn, .grid5 .context-btn, .grid4 .context-btn, .grid3 .context-btn, .grid2 .context-btn{
	width: 100%;
}
.context-btn .context-head, .context-btn .context-description{
	clear: left;
	display: block;
}
.context-btn .context-head{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
}
.context-btn .context-description{
	font-size: 1em;
	padding-right: 5%;
	padding-left: 5%;
}
.context-btn, .context-btn:visited {
    background-color: #382140;
    color: #fff;
}
.context-btn-white, .context-btn-white:visited {
    background-color: #fff;
}
.context-btn-white .context-head, .context-btn-gold .context-head, .context-btn-white:visited .context-head, .context-btn-gold:visited .context-head{
	color: #6e3061;
}
.context-btn-white .context-description, .context-btn-white:visited .context-description{
	color: #575757;
}
.context-btn-purple{
    background-color: #382140;
}
.context-btn-purple.context-head, .context-btn-purple .context-description, .context-btn-purple:visited .context-description, .context-btn-purple:visited .context-head{
	color: #fff;
}
.context-btn-gold, .context-btn-gold:visited {
    background-color: #ffe800;
}
.context-btn-gold .context-description{
	color: #382140;
}
.context-btn-white{
	
}
.context-btn-gold{
	
}
.context-btn-purple{
	
}
.context-btn-gold:hover .context-head{
	color: #392140;
}
.context-btn-white:hover .context-head{
	color: #392140;
}
.context-btn-purple:hover .context-head{
	color: #ffe800;
}
#home-content .contentHolder hr.context-line{
    max-height: 7.5px;
    min-height: 7.5px;
    height: 7.5px;
    padding: 0px 0px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    display: block;
    width: 100%;
	border: 0px;
}
#home-content .contentHolder .context-btn-gold hr.context-line{
    background-image: url(/dining-services/images/context-btn-back-purple.jpg);
}
#home-content .contentHolder .context-btn-purple hr.context-line, #home-content .contentHolder .context-btn-white hr.context-line{
    background-image: url(/dining-services/images/context-btn-back-gold.jpg);
}

.centerH2{
	text-align: center;
}
.context-btn-background{
	padding: 3.5% 5%;
	float: left;
	width: 100%;
}
.context-btn-background .grid3{
	padding: 10px 15px;
}
.lightPurpleBack, .purpleBack, .goldBack{
	display: block;
	float: left;
	width: 100%;
	padding: 2% 3.5%;
}
.lightPurpleBack{
	background-color: #6e3061;
}
.purpleBack{
	background-color: #382140;
}
.goldBack{
	background-color: #ffe800;
}
.news-date{
	font-family: "NotoSans", Arial, sans-serif;
	font-size: 1.25em;
}
.image-section{
	float: left;
	width: 100%;
	display: block;
	padding: 3.5% 10%;
}
.image-section .row-responsive{
	margin-top: 0px;
	margin-bottom: 0px;
}
.catering-section{
	float: left;
	width: 100%;
	display: block;
	padding: 3.5% 3.5% 3.5% 3.5%;
}
.catering-section h2{
	text-align: center;
}

#home-content .locationsHours .grid6{
	padding: 0 30px;
}

#home-content .locationsHours img.leftImage{
	float: right;
}
#home-content img.triad{
	margin-bottom: 20px;
}

.side-space{
	padding: 0px 5%;
}
.side-space div{
	padding: 0px 3.5%;
}
.side-space h3{
	text-align: center;
}



#home-content .upcomingCalendarEvents .grid4 li:hover a, #home-content .upcomingCalendarEvents .grid4 li:hover a h3, #home-content .upcomingCalendarEvents .grid4 li:hover a p{
	color: #fff !important;
	cursor: text !important;
}
.upcomingCalendarEvents .grid4 li a, .upcomingCalendarEvents .grid4 li a:hover{
	text-decoration: none;
	cursor: text !important;
}