/* ********************************************************************* */

.BorderButton {
	padding: 15px!important;
	/* text-align: center; */
}
.RightColumnArea{
	margin-bottom:30px;
	background-color:#EEEEEE;
}

.RightColumnArea p a {
	color: #0070A8!important;
	/* 	color: #000!important; */
}
#RightNavContainer .RightContainerOption h2 {
	font: inherit !important;
	font-size: 22px !important;
	font-weight: 600 !important;
}
.RightContainerOption li a {
	display: block;
	padding: 5px 5px 5px 25px;
	font: inherit;
	letter-spacing: 0.3px;
	color: #004881;
	font-size: 14px;
}
#RightNavContainer .RightContainerOption
{
	padding: 10px 40px;
}


/* ********************************************************************* */

#SLCCardContainer
{
	margin-top: 50px;
	margin-bottom: 55px;
	display: grid;
	gap: 15px;
	grid-template-columns: 1fr 1fr 1fr;
}
#SLCCardContainer .row
{
	max-width: 1500px;

}
.SLCCard
{
	padding: 20px;
	background-color: white;
	width: 100%;
	/* float: left; */
	/* margin: 10px 7px; */
	min-height: 365px;
	/* position: relative; */
}
.SLCCard img
{
	width: 50px;
	float: left;
}

.SLCCard i {
	font-size:38px;
	float:left;
	padding: 0 15px 0 0;
}

.SLCCard.OrangeCard {
	background-color: #FDEDE5;
}
.SLCCard.PurpleCard {
	background-color: #F7E5FF;
}
.SLCCard.DarkBlueCard {
	background-color: #CEE9FF;
}
.SLCCard.RedCard {
	background-color: #FEE6E6;
}
.SLCCard.GreenCard {
	background-color: #E2F6D6;
}
.SLCCard.BlueCard {
	background-color: #DCF2FD;
}

.orangeIcon {
	color: #F36B25;
}

.redIcon{
	color: #E52F2F;
}

.purpleIcon{
	color: #6D308A;
}

.blueIcon {
	color: #52A6D1;
}

.darkBlueIcon {
	color: #004881;
}

.greenIcon{
	color: #59B321;
}

.SLCCard p
{
	font:inherit;
	/* 	font: normal  16px Myriad Pro; */
	letter-spacing: 0.32px;
	color: #333F48;
}

.SLCCard .AOSContent
{
	/* margin-left: 68px; */
}
.SLCCard .AOSContent nav ul
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;


}
.SLCCard .AOSContent nav ul li
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	font-size:15px;
	font: inherit;
	letter-spacing: 0.25px;
	color: #004881;

}
.SLCCard .AOSContent nav ul li a
{
	padding: 5px;
	margin-left: -5px;
	display: block;
}


.SLCCard a.BorderButton {
	display:block;
	/* height:100%; */
	font: inherit!important;
	text-decoration:none;
	margin: auto 0 10px 0;
}

.SLCCard > a > p {
	margin-left:68px;
}

.SLCCard h3 {
	margin: 0;
	font-family: inherit !important;
}


@media screen and (min-width:1100px) and (max-width:1210px){
	.SLCCard {
/* 		height:470px; */
	}

}
@media screen and (min-width: 1099px){
	.SLCCard
	{

	}
}

@media screen and (min-width: 768px) and (max-width:960px){
	.SLCCard {
		width:100%;
/* 		height:265px; */
	}

}

@media screen and (max-width: 676px){
	.SLCCard
	{
		width: 100%;
		height:100%;
	}
}

/* ********************************************************************* */
.fa-brands {
	margin: 0px 10px;
}

.facebook {
	/* 	color:#3b5998; */
	color: #000000;
	font-size: 30px;
}

.twitter {
	/* 	color: #00acee; */
	color: #000000;
	font-size: 30px;
}

.linkedin {
	/* 	color: #0a66c2; */
	color: #000000;
	font-size:30px;
}

/* ********************************************************************* */




a.LearnMoreArrow::after {
	font-family: "Font Awesome 5 Pro";
	content:"\f178";
	position: relative;
	font-size:19px;
	padding-left: 5px;
	top:2px;
}

.BorderButton {
	display:inline-block;
}

a.BlueButton {
	background-color: #004881;
	color:white;
	padding: 10px 15px;
	text-decoration:none;
	display:inline-block;
}

.BlueButton:hover, .BlueButton:active, .BlueButton:focus {
	background-color: #17304c!important;
}
/* ********************************************************************* */

.ConnectWithWelcomeCenter
{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 90px;
	background-image: url(/future/images/students-blue-background.jpg);
	background-size: cover;
	margin-bottom: 50px;
	color: white!important;
}

.externalWebsitesCardContent
{
	/* 	padding-right: 20px; */
	margin-bottom: 10px;
}
.externalWebsitesHeader
{
	font-family: 'myriad-pro';
	font-size: 15pt;
	margin-bottom: 5px;
	color: #f4f4f4!important;
}
.externalWebsitesHeaderContent
{
	font-family: 'myriad-pro';
	font-size: 20pt;
	font-weight: 700;
	margin-bottom: 10px;
	color: white!important;
}	


/* ********************************************************************* */

.eventCard {
	padding:20px;
	margin: 15px 0px;
	background:#fff;
	box-shadow: 5px 5px 20px #e8e8e8;
	min-height:280px;
}
.heading {
	display:flex;
	flex-direction: row;
	align-items:center;
	margin-bottom:10px;
}

.eventCard .heading span {
	display:inline-block;
	font-size: 15px;
	padding: 3px 15px;
	background: #e28f5a;
	border-radius:15px;
	margin: 0px 3px;
}

.eventCard .date {
	background-color: #22477f;
	padding:25px;
	color:white;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	height:100%;
}

.eventCard .full-date {
	display:none;
	width:100%;
	background-color: #22477f;
	padding:15px 25px 15px 15px;
	color:white;
	font-size: 20px;
	font-weight: bold;
	text-align:start;
	margin-bottom:10px;
}

.eventCard .heading .title {
	margin-left:10px;
}

/* ********************************************************************* */

@media only screen and (max-width: 1200px){
	#SLCCardContainer {
		grid-template-columns: 1fr 1fr;
	}
	.SLCCard.StudentEmploymentCard {
		grid-column: 1;
	}
}

@media only screen and (max-width: 1000px){
	.heading {
		flex-direction:column;
		align-items:flex-start;
	}
	.eventCard .date {
		display:none;
	}

	.eventCard .full-date {
		display:block;

	}
}
@media only screen and (min-width:768px) and (max-width:1000px){
	.externalWebsitesCardContent > div  {
		min-height:370px!important;
	}
}
@media only screen and (max-width:767px){
	.externalWebsitesCardContent > div  {
		min-height:unset!important;
	}
	.RightColumnArea{
		margin-bottom:0px;
	}

}

@media only screen and (max-width:867px){

	#SLCCardContainer {
		grid-template-columns: 1fr;
	}
	.SLCCard {
		grid-column: 1;
	}
}

/* ********************************************************************* */

.SLCCardHeader {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.SLCCard.StudentEmploymentCard {

	grid-column: 1/ 3;
}

.SLCCard.PenguinJobsCard,
.SLCCard.StudentEmploymentCard{
	display: flex;
	flex-direction: column;
	align-items: flex-start;

}
.SLCCard h3.TitleUnderline {
	font: inherit;
	margin-bottom: 20px;
	font-size: 26px !important;
}

img.PenguinsJobImage {
	width: 200px;
	display: block;
	margin-bottom:20px;
}

.blueCardUnderlinedHeader {
	border-bottom: solid 2px #fff;
	/* font-family: 'myriad-pro' !important; */
	font-size: 15pt !important;
	margin-bottom: 15px;
	color: #f4f4f4 !important;
	/* font-weight: normal !important; */
	padding-bottom: 10px;
	max-width: 400px;
}

a.OrangeButton {
	background-color: #CB4D0B;
	border: none;
	color: #fff !important;
	padding: 15px 20px;
	font: normal normal 600 16px myriad-pro;
	display: block;
	width: fit-content;
	/* min-width: 400px; */
	text-align: center;
	text-decoration: none !important;
	/* flex-grow: 1; */
	cursor: pointer;
}
.OrangeButton:hover, .OrangeButton:active {
	background-color: #9b3b09;
	text-decoration: underline;
}
#MainContent p > a, .SplitMenuLeftContent ul li a {
	color: #0073AE;
	font-weight:bold;
}
ul.hourListItems li {
	font-size: 16px !important;
	/* color: #004881; */
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	margin: 0 0 10px 0;
}

ul.hourListItems {
	max-width: 300px;
}

.blueCardContent .OrangeButton {
	margin: 30px auto 0 auto;
}


/* ********************************************************************* */