@charset "UTF-8";

/* Mobile first styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Hero Image Blocks */
.homepage-hero-container {
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat; 
	background-color: #0a3d5f;
}
.hero-container {
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat; 
	background-color: #0a3d5f;
}
/*Paragraph Styles for Pages*/
.info-container p {
	margin: 0;
}
/*Graphic Overlay Styles*/
.graphic-overlay {
	background: right -320px center no-repeat #0C3D60;
}
/*Circle Images with Content*/
.img-circle-left {
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #f1f1f1;
	margin-bottom: 10px;
	margin-right: 20px;
}
.content-right {
	overflow: hidden;
}
/* Card Styles */
.card {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 15px 0 rgba(140, 140, 140, 0.40);
	box-shadow: 0 3px 15px 0 rgba(140, 140, 140, 0.40);
	margin-bottom: 20px;
}
.card-body {
	background-color: #FFF;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	-webkit-transition: ease all .3s;
	-o-transition: ease all .3s;
	transition: ease all .3s;
}
.card-header {
	background-color: transparent;
	padding: 10px 20px;
}
.card-header h5 {
	margin: 0;
}
.card-header h2 {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
	margin-bottom: 0;
	padding: 5px 0;
	display: inline-block;
}

.card a.card-cta {
	display: block;
	font-size: 1rem;
	line-height: 1rem;
	color: #58595B;
	border-bottom: none;
}
.card a.card-cta::after {
	font-family: "Font Awesome 6 Pro";
	content: "\f105";
	margin-left: 5px;
	font-size: 1.15rem;
	line-height: 1.15rem;
	vertical-align: middle;
}
.card a.card-cta:hover {
	color: #00A4E4;
}
.card-img-left img {
	max-width: 150px;
}
/*Homepage Announcements Card Styles*/
.announcements .card-header h3 {
	font-size: 1.15rem;
	line-height: 1.45rem;
	color: #58595B;
	font-weight: 500;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 0;
}
.announcements .card-header .header-icon {
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #8DC63F;
	float: left;
	margin-right: 5px;
}

/*Quick Links Card Styles*/
.quick-links:focus, .quick-links:focus-visible, .quick-links:active, .quick-links:target, #quicklinks-toggler {
    outline: none;
}
.quick-links {
	height: 100% !important;
	transition: all .3s ease-out;
	background: #fff;
	border-radius: 0 0 10px 0;
}
.quicklinks-toggler {
	display: none;
}
.quick-links-container {
    position: relative;
    /* position: fixed;
	z-index: 2000;
	height: 100%; */
    box-shadow: -10px 0px 15px #000000;
}
.ql-flex {
	display: flex;
}
@media screen and (min-width: 900px) {
	.quick-links {
		border-radius: 0px !important;
	}
}
@media screen and (max-width: 899px) {
	.quick-links {
		position: fixed;
		z-index: 1500;
		transform: translateX(-100px);
	}
	.ql-flex {
		display: block;
	}
	#divQuicklinkOptions.show {
		position: relative;
		display: block;
		width: 100%;
	}
	.quicklinks-toggler {
		display: block;
		position: relative;
	}
	.quick-links-toggle {
		transform: translateX(0px) !important;
		transition: all .3s ease-in;
		border-radius: 0px;
		overflow-y: scroll;
        padding-bottom: 100px !important;
		box-shadow: -10px 0px 15px #000000;
	}
	.modal-dialog {
		max-width: 100% !important;
		margin: 0px !important;
	}
	.modal-content {
		border-radius: 0px;
	}
	#divQuicklinkOptions.modal.show {
		display: flex !important;
	}
}
.quick-links span.edit-btn {
	display: none;
}
.quick-links span.edit-btn a {
  border-bottom: none;
  font-size: 1.25rem;
	color: #58595B;
}
.quick-links span.edit-btn a:hover {
  color: #00A4E4;
}
.quick-links a.edit-btn i {
	vertical-align: middle;
}
.quick-links a.edit-btn:hover {
	color: #00A4E4;
}
.quick-links .card {
	margin: 0;
	margin-bottom: 20px;
}
.quick-links .card-body {
	padding: 0;
}
.quick-links ul {
	margin: 0;
	padding: 0;
}
.quick-links #QLContentEdit li, .quick-links #QLOptions li, .quick-links #QLContentPermanent li {
	border-top: 1px solid rgba(0,0,0,.125);
	padding: 10px;
	list-style: none !important;
	margin-bottom: 0;
	height: 100%;
    display: flex;
    align-items: center;
}
.quick-links .connectedSortable li {
	border: none;
	cursor: grab;
}
.quick-links #QLContentPermanent li:first-child {
	border-top: none;
}
.perm-ql-link a{
	text-decoration: none !important;
	border: none !important;
}
.perm-ql-link a:hover {
	text-decoration: none !important;
	border: none !important;
}
#divQuicklinkOptions li.perm-ql-link:before {
	content: "\f023";
	font-family: "Font Awesome 6 Pro";
	padding-right: 5px;
	font-weight: 600;
}
#divQuicklinkOptions li:not(.perm-ql-link):before {
	content: "\f58e";
	font-family: "Font Awesome 6 Pro";
	padding-right: 5px;
	font-weight: 600;
}
.connectedSortable {
	background: #F8F8F8;
}
.quick-links h2 {
	color: #00A4E4;
}
.move-link {
	color: #58595B;
	cursor: grab;
}
.connectedSortable {
	background: none;
}
.connectedSortable a {
	color: #58595B;
	border-bottom: none;
	cursor: grab;
}
#spLimitReached {
	color: #ff8c00;
	display: none;
}
.alert-zero {
  background-color: gray !important;
}
.QLNotification .alert {
	margin-top:-1px;
	color: #fff !important;
	line-height: normal;
    font-size: 7px;
    font-weight: normal;
    text-align: center;
}
.QLNotification {
    position: absolute;
    left: 7px;
    line-height: normal;
    padding: 3px 0;
    width: 15px;
	height: 15px;
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 100%;
    color: #fff !important;
}
#divQuicklinkOptions .QLNotification {
    position: absolute;
    left: 165px;
    line-height: normal;
    padding: 3px 0;
    width: 15px;
	height: 15px;
    font-size: 7px;
    font-weight: bold;
    text-align: center;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 100%;
    color: #fff !important;
}
#divMainLinks #Opt_WebmailQL .QLNotification .alert {
	bottom: 4px;
}
/*Calendar Card Styles*/
.calendar-block .current-date {
	font-size: 1.15rem;
	font-weight: 500;
}
.calendar-block .current-date i {
	font-weight: 400;
}
/*Feature News Card Styles*/
.featured-news .card-body {
	padding: 0;
}
.featured-news img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.featured-news .news-block {
	border-bottom: 1px solid #dfdfdf;
	padding: 20px;
}
.featured-news .news-block:last-child {
	border: none;
}
.featured-news .row {
	margin: 0;
}
.featured-news .news-content {
	font-size: .85rem;
}

/*Outages & Closures Styles*/
.special-facilities span:first-of-type{
	display: block;
	padding-top: 12px;
}

.special-facilities span:last-of-type{
	padding-bottom: 12px;
}

.special-facilities span{
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}
.outages-closures .card-body {
	padding: 0;
}
.outages-closures .outages-block {
	padding: 20px;
}
.outages-closures .outages-block:last-child {
	border: none;
}
.outages-closures .row {
	margin: 0;
}
.outages-closures .news-content {
	font-size: .85rem;
}
.outages-closures .rptOutagesContent {
	margin-bottom: 15px;
}
.outages-closures .rptOutagesContent a {
	color: inherit;
}
.NoticeCategory.Closure {
	color: #ff0000;
	font-weight: 600;
}
.NoticeDepartment {
  color: #a7a7a7;
}
.alert-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 15px;
	background: #58595B;
}

.guarded-1 {
	padding: 12px; 
	background-color: #ffcb05;
	color: #000000;
	width: 70%;
	border-radius: 5px;
}
.guarded-1 p {
	margin-bottom: 0px;
}
.guarded-2 {
	padding: 12px; 
	background-color: #ffcb05;
	color: #000000;
	border-radius: 5px;
}
.alert-bar.Closure {
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(left, #ff0000 0%,#b70000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff0000 0%,#b70000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff0000 0%,#b70000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b70000',GradientType=1 ); /* IE6-9 */
}
.alert-bar.Other {
	background: #0ba251; /* Old browsers */
	background: -moz-linear-gradient(left, #0ba251 0%,#034823 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0ba251 0%,#034823 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0ba251 0%,#034823 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba251', endColorstr='#034823',GradientType=1 ); /* IE6-9 */
}
.alert-bar.Roads {
	background: #a34ee0; /* Old browsers */
	background: -moz-linear-gradient(left, #a34ee0 0%,#5a1e85 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a34ee0 0%,#5a1e85 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a34ee0 0%,#5a1e85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a34ee0', endColorstr='#5a1e85',GradientType=1 ); /* IE6-9 */
}
.alert-bar.Outage {
	background: #e0991f; /* Old browsers */
	background: -moz-linear-gradient(left, #e0991f 0%,#926415 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e0991f 0%,#926415 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e0991f 0%,#926415 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0991f', endColorstr='#926415',GradientType=1 ); /* IE6-9 */
}
.NoticeCategory.Roads:before, .NoticeCategory.Other:before, .NoticeCategory.Outage:before, .NoticeCategory.Closure:before, .noticeClosure .Roads:before, .noticeClosure .Other:before, .noticeClosure .Outage:before, .noticeClosure .Closure:before {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	font-weight: 400;
}
.NoticeCategory.Roads:before, .noticeClosure .Roads:before {
	content: "\f018";
}
.NoticeCategory.Other:before, .noticeClosure .Other:before {
	content: "\f05a";
}
.NoticeCategory.Outage:before, .noticeClosure .Outage:before {
	content: "\f071";
}
.NoticeCategory.Closure:before, .noticeClosure .Closure:before {
	content: "\f2f0";
}
.noticesRepeater:first-child {
	border-top: 1px solid #dbdbdb;
}
.Roads {
	color: #a34ee0;
}
.Other {
	color: #0ba251;
}
.Outage {
	color: #e0991f;
}
.Closure {
	color: #e04e4e;
}
.noticesRepeater:nth-child(odd) {
	background: #F8F8F8;
}
.thumbnailImage {
	max-width: 120px;
	-webkit-box-shadow: 0 3px 15px 0 rgba(140, 140, 140, 0.40);
    box-shadow: 0 3px 15px 0 rgba(140, 140, 140, 0.40);
}

/*Weather Block Styles*/
.weather-block i {
	font-family: "weathericons";
}
.weather-block h2 {
	color: #fe9b00;
	font-size: 3rem;
}
.weather-info {
	font-size: 1.25rem;
	line-height: 1.5rem;
	text-transform: uppercase;
}
/*Footer Styles*/
.our-team img {
	width: 100%;
	border-radius: 5px;
	margin-bottom: 2px;
}
.footer, .footer p, .footer a, .footer h3 {
	color: #fff;
}
.footer .moreSites h3 {
	font-size: 1rem;
}
.footer .team-member {
	margin-bottom: 15px;
}
.footer #OtherWebsiteHeader i:before {
	font-family: "Font Awesome 6 Pro";
}
.footer .OWF a{
	border-bottom: 0px;
}
.footer .OWF a:hover{
	border-bottom: 0px;
}

.OWF-Header-Link a i.fa-chevron-up, .OWF-Header-Link a[aria-expanded="true"] i.fa-chevron-down{
	display: none;
}
.OWF-Header-Link a[aria-expanded="true"] i.fa-chevron-up{
	display: inline;
}

.footer .OWF-links a{
	display: flex;
	align-items: center;
	text-decoration: none;
	border-bottom: 0px;
	margin:5px;
	width: 150px;
	height: 150px;
	text-align: center;
}
.footer .OWF-links a.PCCLink, .footer .OWF-links a.OtherLink, .footer .OWF-links a.abekaLink, .footer .OWF-links a.YOMLink{
	background:rgba(0, 0, 0, 0.2);
}
.footer .OWF-links a:hover{
	text-decoration: none;
	border-bottom: 0px;
}
.footer .OWF-links a.PCCLink:hover, .footer .OWF-links a.OtherLink:hover, .footer .OWF-links a.abekaLink:hover, .footer .OWF-links a.YOMLink:hover{
	background:rgba(0, 0, 0, 0.4);
}

.footer .OWF-links a img{
	display: block;
	max-width:150px;
	margin:auto;
	padding:20px;
}


.ES-logo img {
	max-width: 250px;
}
/*Flags Half Staff Styles*/
.flags-halfstaff h3 {
	color: #00A4E4;
}
.flag-info p {
	color: #fff;
}

/*Special Facility Styles*/
.special-facilities h3 {
	color: #00A4E4;
}
.special-facilities li,.special-facilities a {
	color: #fff;
}

/*Wellness Homepage Block Styles*/
.reward-status img {
	float: right;
	width: 60px;
	margin-bottom: 0;
}
.status-stars {
	color: gold;
}
.wellness .wellness-block {
	border-right: none !important;
}
.wellness .card-body {
	padding: 0;
}
.wellness .row {
	margin: 0;
}
.wellness .wellness-block {
		padding: 20px 5px;
	}
.wellness .wellness-content {
	font-size: .85rem;
}
.wellness-block .wellness-logo {
	max-width: 80px;
}
/*Leave Request Card Styles*/
.card-body-green {
	background-color: #8DC63F;
	padding: 40px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transition: ease all .3s;
	-o-transition: ease all .3s;
	transition: ease all .3s;
}
.card-body-green:hover {
	background-color: #75a730;
}
.card-body-blue {
	background-color: #00a4e4;
	padding: 40px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transition: ease all .3s;
	-o-transition: ease all .3s;
	transition: ease all .3s;
}
.card-body-blue:hover {
	background-color: #0084b8;
}
.timeoff-btn, .vacation-btn {
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	border-bottom: none;
	line-height: 2rem;
}
.vaca-icon, .vaca-icon-blue {
	color: #0C3D60;
	font-size: 25px;
	text-align: center;
	vertical-align: middle;
}
.leave-card-green i, .leave-card-blue i {
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	display: block;
}
.timeoff-btn:hover, .vacation-btn:hover {
	color: #fff;
	border-bottom: none;
	text-decoration: none;
}

/*Chapel Message Card Styles*/
.chapel-img {
	width: 60px;
	height: auto;
	margin: auto;
	border: 2px solid #f1f1f1;
	border-radius: 4px;
}

/*Announcements and Memos*/
.memo {
	padding: 10px;
	margin-top: 20px;
	background: #f8f8f8;
	border: 2px solid #e3e3e3;
	border-radius: 4px;
}
.title {
	padding-bottom: 10px;
	margin-top: 0;
}
.date {
	color: #878787;
	font-weight: 400;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	float: right;
}

/*Staff Card Styles*/
.staff .card {
	text-align: center;
	border: none;
	border-radius: 4px;
	margin-top: 20px;
	overflow: visible;
}
.staff .card .card-up {
	background: #0C3D60;
	overflow: hidden;
	height: 90px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.staff .card .card-up {
	background: #0C3D60;
	overflow: hidden;
	height: 90px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.staff .testimonial-card .avatar {
	border-radius: 50%;
	/* width: 140px; */
	margin-top: -80px;
	overflow: hidden;
	border: 5px solid #fff;
	margin-bottom: 10px;
}
.shadow {
	-webkit-box-shadow: 0 0 10px rgba(142, 142, 142, 0.5);
	box-shadow: 0 0 10px rgba(142, 142, 142, 0.5);
}
.staff .testimonial-card .avatar img {
	width: 100px;
}
.staff .card-body {
	padding-top: 0px;
}
.staff .card-title {
	margin-bottom: 5px;
}
.staff .testimonial-card .avatar {
	border-radius: 50%;
	margin-top: -80px;
	overflow: hidden;
	border: 5px solid #fff;
	margin-bottom: 10px;
}
.shadow {
	-webkit-box-shadow: 0 0 10px rgba(142, 142, 142, 0.5);
	box-shadow: 0 0 10px rgba(142, 142, 142, 0.5);
}
.staff .testimonial-card .avatar img {
	width: 100px;
}
.staff .card-body {
	padding-top: 0px;
}
.staff .card-title {
	margin-bottom: 5px;
}
/* Locations Directory table styles */
a.locationMailLink:before {
	font-family: "Font Awesome 6 Pro";
	content: " \f0e0";
	margin-right: 2px;
}
a.locationLink:before {
	font-family: "Font Awesome 6 Pro";
	content: " \f0c1";
	text-decoration: none;
	margin-right: 2px;
}
.locations-wrap .ui-state-default,  .locations-wrap .ui-widget-content .ui-state-default,  .locations-wrap .ui-widget-header .ui-state-default {
	background-color: #F8F8F8;
	background-image: none;
}
.locations-wrap .ui-state-hover,  .locations-wrap .ui-widget-content .ui-state-hover,  .locations-wrap .ui-widget-header .ui-state-hover,  .locations-wrap .ui-state-focus,  .locations-wrap .ui-widget-content .ui-state-focus,  .locations-wrap .ui-widget-header .ui-state-focus {
	background-color: #00A4E4;
	background-image: none;
}
.locations-wrap .ui-state-active,  .locations-wrap .ui-widget-content .ui-state-active,  .locations-wrap .ui-widget-header .ui-state-active {
	background-color: #00A4E4;
}
.locations-wrap.ui-widget-content,  .locations-wrap .ui-widget-header {
	border: none;
	background: none;
}
.locations-wrap.ui-tabs .ui-tabs-panel {
	padding: 1px 0 0 0;
}
.locations-wrap.ui-widget.ui-widget-content {
    border: none;
}
.locations-wrap #tabUL {
	border-bottom: 1px solid #dee2e6;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto !important;
	margin-bottom: -1px !important;
}
.locations-wrap .ui-state-active, .locations-wrap .ui-widget-content .ui-state-active, .locations-wrap .ui-widget-header .ui-state-active, .locations-wrap a.ui-button:active, .locations-wrap .ui-button:active, .locations-wrap .ui-button.ui-state-active:hover {
    border: none;
}
/* Freshman Hospitality Student List Styles */
.studentItem.alternating {
  background-color: #f8f8f8;
}
.studentItem .list-title {
font-weight: 600;
}
.StudentPhoto img {
  width: 50px;
  margin: 10px 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  display: block;
}
/* Employee Recognitions */
.recognitions .title {
	font-size: .75rem;
	padding-bottom: 0;
	display: block;
}
.recognitions .image img {
  width: 120px;
  margin-top: 10px;
}
.recognitions h3 {
  margin-top: 10px;
}

/* IT Support Central */
.services .card i {
  display: inline-block;
  border-radius: 50%;
  padding: 30px;
  width: 100px;
  height: 100px;
  border: 2px solid white;
  background: #00a5e8;
  color: #fff;
  font-size: 2rem;
  box-shadow: 0 3px 15px 0 rgba(140, 140, 140, 0.40);
  margin-top: -20px;
}
.services .card {
  display: block;
  overflow: initial;
  margin-top: 50px;
  border-top: 4px solid #75c80e;
}
.services .card a.btn-text-primary h4 {
  display: inline;
}
.help-desk-info i {
  font-size: 2rem;
  color: #75c80e;
  float: left;
  width: 50px;
  height: 50px;
}
.help-desk-info .icons p {
  overflow: hidden;
}
.services .card .btn-text-primary::after {
  font-size: inherit;
}
/* Homepage Security Blurb */
.security {
  color: #0C3D60;
  font-size: 145px;
  opacity: 0.08;
}
.securityicon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.safetyinfo {
  z-index: 9;
  background: transparent;
}
.security-card {
  position: relative;
}
.safetyinfo h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
/* Homepage Verse of the Day */
.verse-announcement .morelink,
.verse-announcement .ellip, 
.verse-announcement .shortcontent {
  display: none;
}

.verse-announcement .allcontent {
  display: block !important;
}

.verse {
  color: #0C3D60;
  font-size: 160px;
  opacity: 0.08;
}

.verse-icon-right {
  position: absolute;
  top: 0;
  right: 0;
}

.verse-announcement .card-body {
  z-index: 9;
  background: transparent;
  position: relative;
}

.verse-announcement .card-header {
  background: #fff;
}

/* full height announcement card to remove the read me short content */
.full-announcement .morelink,
.full-announcement .ellip, 
.full-announcement .shortcontent {
  display: none;
}

.full-announcement .allcontent {
  display: block !important;
}

/* card button blocks */
.card-btn {
  display: block;
  overflow: initial;
  border-top: 4px solid #75c80e;
}
a.card-btn:hover {
  border-bottom: none;
}

/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) {
  .graphic-overlay {
		background: right -270px center no-repeat #0C3D60;
	}
	.img-circle-left {
		float: left;
	}
		.recognitions .image {
		text-align: center;
	}
}

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) {
	.featured-news .news-block {
		border-right: 1px solid #dfdfdf;
		border-bottom: none;
		padding: 20px;
	}
	.card a.card-cta {
		float: right;
		margin-top: 10px;
	}
	.outages-closures .outages-block {
		border-right: 1px solid #dfdfdf;
	}
	.outages-closures .outages-block:last-of-type {
		border-right: none;
	}
	.graphic-overlay {
		background: right -200px center no-repeat #0C3D60;
  }
  .studentItem .list-title {
    text-align: right;
  }
	.quick-links span.edit-btn {
		display: block;
		float: right;
	}

}

/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) {
  .graphic-overlay {
		background: right 0 center no-repeat #0C3D60;

	}
	
}

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1200px) {
  .graphic-overlay {
		background: right 120px center no-repeat #0C3D60;
	}
	
}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */