.waInputText {
	border: 1px solid #aaaabb;
	font-size: 9.5pt;
	padding: 2px;
}

.waInputPassword {
	border: 1px solid #aaaabb;
	font-size: 9.5pt;
	padding: 2px;
}

.waWarning {
	font: Arial, Verdana, sans-serif;
	font-size: 9.5pt;
	background-color: #fff0a8;
	color: #000000;
	padding: 5px;
	text-align: center;
	border: 1px solid #767676;
}

.neutral, table {
	font-size: 9.5pt;
	color: #000000;
}

.dark {
	background-color: #f4f4f4; /*Fall back for IE*/
}

.dark {
	font: Arial, Verdana, sans-serif;
	font-size: 9.5pt;
	background-color: rgba(0, 0, 0, 0.043);
	color: #282828;
}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {
	color: #282828;
}

.darkBorderBottom, thead.dark th {
	border-bottom:  1px solid #767676;
	border-bottom:  1px solid rgba(0,0,0,.44);
}

.darkBorderTop {
	border-top:  1px solid #767676;
	border-top:  1px solid rgba(0,0,0,.44);
}

.darkBorderRight {
	border-right:  1px solid #767676;
	border-right:  1px solid rgba(0,0,0,.44);
}

.darkBorderLeft {
	border-left:  1px solid #767676;
	border-left:  1px solid rgba(0,0,0,.44);
}

.darkBox {
	border:  1px solid #767676;
	border:  1px solid rgba(0,0,0,.44);
}

.light {
	font: Arial, Verdana, sans-serif;
	font-size: 9.5pt;
	background-color: transparent;
	color: #333333;
}

.light a, .light a:visited, .light a:link, .light a:hover, .light a:active,
a, a:visited, a:link, a:hover, a:active,
.neutral a, .neutral a:link, .neutral a:visited, .neutral a:hover, .neutral a:active {
	color: #333333;
}

.news-side-text span a:link,
.news-side-text span a {
	color: inherit;
}

.lightBorderBottom, tbody.light td {
	border-bottom:  1px solid #DFDFDF;
	border-bottom:  1px solid rgba(0,0,0,.13);
}

.lightBorderTop {
	border-top:  1px solid #DFDFDF;
	border-top:  1px solid rgba(0,0,0,.13);
}

.lightBorderLeft {
	border-left:  1px solid #DFDFDF;
	border-left:  1px solid rgba(0,0,0,.13);
}

.lightBorderRight {
	border-right:  1px solid #DFDFDF;
	border-right:  1px solid rgba(0,0,0,.13);
}

.lightBox {
	border:  1px solid #DFDFDF;
	border:  1px solid rgba(0,0,0,.13);
}

.pale {
	background-color: #fafafa; /*Fall back for IE*/
}

.pale {
	font: Arial, Verdana, sans-serif;
	font-size: 9.5pt;
	background-color: rgba(0, 0, 0, 0.02);
	color: #333333;
}

.highlight {
	background-color: #ffffae;
}


#topLoginUsername {
	width: 110px;
	font: 8pt Arial, Helvetica, sans-serif;
	background-color: #f4f4f4;
	color: #282828;
	height: 17px;
}

#topLoginPassword {
	width: 70px;
	font: 8pt Arial, Helvetica, sans-serif;
	background-color: #f4f4f4;
	color: #282828;
	height: 17px;
}

#login-table #usernameRow label,
#login-table #passwordRow label {
	cursor: pointer;
}

/******* Homepage News *********/
/******* News Alert Modal ********/

#homepage_news_alert_modal,
#authentication_modal {
	position: relative;
	margin: 1em 15px;
	background: #fff;
	overflow: hidden;
	border-radius: 1em;
}

#homepage_news_alert_modal,
#homepage_news_alert_modal button {
	font-size: 16px; /* Reference for ems */
}

#homepage_news_alert_modal button.mfp-close {
  	font-size: 2em;
  	font-family: inherit;
  	font-weight: bold;
}

#homepage_news_alert_modal button.mfp-close:focus {
	outline: auto 3px -webkit-focus-ring-color;
	border: solid 3px #94B6FA;
	border-radius: 5px;
}

#dont-show-again:focus {
	border: solid 3px #94B6FA;
	border-radius: 5px;
}

#homepage_news_alert_modal .title {
	margin: 0 0 .618em;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

@media only screen and (min-width: 650px) {

	#homepage_news_alert_modal,
	#authentication_modal {
		width: 60%;
	    margin: 1em auto;
	}

    .horizontal-image {
        width: 90% !important;
    }

	#homepage_news_alert_modal .title {
		font-size: 1.5em;
	}

	#homepage_news_alert_modal .button {
		font-size: 1em;
	}

}

@media only screen and (min-width: 1024px) {

	#homepage_news_alert_modal,
	#authentication_modal {
		width: 40%;
	    margin: 1em auto;
	}

    .horizontal-image {
        width: 60% !important;
    }

	#homepage_news_alert_modal .title {
		font-size: 2em;
	}

	#homepage_news_alert_modal .button {
		font-size: 1.125em;
	}

}

#homepage_news_alert_modal .summary p {
	line-height: 145%;
	margin: 0 0 .875em;
	color: #656565;
	word-wrap: break-word;
	font-size: 1em;
}

#homepage_news_alert_modal a {
	font-size: 14px;
    color: #444444;
}

#dont-show-again {
    position: absolute;
    bottom: 1.5em;
    left: 1em;
}

#modal-container {
    margin-bottom: 4em;
}

#homepage_news_alert_modal .buttons {
	padding-top: 1em;
	position: relative;
    display: flex;
    flex-direction: column;
}

#homepage_news_alert_modal .button {
	position: relative;
	float: left;
	display: block;
	width: 48.855%;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: rgb(255,255,255);
}

#homepage_news_alert_modal .okay.button {
	margin-right: 2.29%;
	background: rgb(36,62,89);
	border-bottom: 3px solid rgb(19,18,51);
}

#homepage_news_alert_modal .okay.button:hover {
	background: rgb(19,18,51);
}

#homepage_news_alert_modal .read-more {
     align-self: center;
     box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 25%);
 	 border-radius: .7em;
}

#homepage_news_alert_modal .read-more .button-text {
    text-decoration: none;
    font-size: 1em;
	font-weight: bold;
    color: inherit;
    width: auto;
    padding: .2em 1.2em;
}

#homepage_news_alert_modal button.mfp-close {
	margin: 0;
	padding: 0;
	opacity: 1;
	height: auto;
}

#homepage_news_alert_modal button.mfp-close:active {
	top: 0;
}

#homepage_news_alert_modal .featured-image {
	width: 100%;
	height: 100%;
}

#homepage_news_alert_modal .homepage-vertical-display {
    display: flex;
    flex-direction: column;
}

#homepage_news_alert_modal .article-content {
    margin: 2em;
}

#homepage_news_alert_modal .image-content {
    margin-top: 2.4em;
}

@media only screen and (min-width: 650px) {
    #homepage_news_alert_modal .homepage-horizontal-display {
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }

    #homepage_news_alert_modal .homepage-horizontal-display .image-content {
        z-index: 1;
        width: 40%;
        margin-top: 0;
        background: #ededed;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #homepage_news_alert_modal .homepage-horizontal-display .image-content .featured-image {
        height: auto;
    }

    #homepage_news_alert_modal .homepage-horizontal-display .article-content {
        margin: 2em 1em;
        width: 60%;
        align-self: center;
    }

    #homepage_news_alert_modal .horizontal-display-bottom-link {
        left: 40% !important;
    }
}

/******* News List *******/

body .news-list {
	overflow: hidden;
	font-size: 14px; /* Reference for ems */
}

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


.news-list article {
	margin: 0 0 2.1236em;
	padding: 2em 2em 0;
	border: 1px solid rgb(229, 231, 225);
	background: #fafafa;
	background: rgba(255,255,255,0.6);
}

.news-list article .public-alert-icon {
	height: 1.3125em;
	width: 1.3125em;
	fill: rgb(170, 176, 176); /* Default Fill Color */
	float: left;
	margin-right: .3342em;
}

.news-list article .public-alert-icon-fallback {
	height: 1.3125em;
	width: 1.3125em;
	float: left;
	margin-right: 10px;
}

.news-list article .title {
	margin: 0 0 .875em;
	font-size: 1.6429em;
	line-height: 120%;
	font-weight: bold;
}

.public-alert.news-list article .title a {
	float: left;
}

.news-list article .news-item-link {
	text-decoration: none;
	cursor: pointer;
}

.news-list article .news-item-link:hover .title {
	text-decoration: underline;
}

.news-list article .column {
	overflow: auto;
}

.news-list article .left.column {
	float: left;
	margin: 0 1.5855em 1.4157em 0;
}

.news-list article .summary {
	font-size: 1em;
	line-height: 145%;
	overflow: auto;
	margin: 0 0 2em;
	word-wrap: break-word;
}

.news-list article .thumbnail {
	display: block;
	border: 6px solid rgb(229, 231, 225);
	float: left;
	margin: 0;
}

.news-list article .thumbnail img {
	max-width: 250px;
}

.news-list article .data {
	vertical-align: middle;
	border-top: 1px solid rgb(229, 231, 225);
	padding: 1em 0;
	margin: 0;
}

.news-list article .data .post-date {
	float: left;
	color: #333;
}

.news-list article .data .social {
	float: right;
}

.news-list article .data .social iframe {
	width: 76px;
	height: 21px;
	float: left;
	overflow: hidden;
	margin-left: 24px;
}

.lt-ie9 .news-list article .data .social iframe {
	width: 81px;
}

#news_control_panel {
	color: #333;
	margin: 0 0 1.4157em;
}

#news_control_panel .icon-rss {
	float: left;
	display: flex;
	align-items: center;
	text-decoration: none;
}

#news_control_panel .icon-rss svg {
	height: 26px;
	width: 26px;
	margin-right: 8px;
}

#news_control_panel .icon-rss img {
	height: 26px;
	width: 26px;
}

#news_control_panel #pagination {
	margin: 0;
	height: auto;
}

#news_control_panel #pagination li:hover {
	margin-top: 0;
	background-color: #f4f4f4;
}

#news_control_panel #pagination li.current {
	background-color: #f4f4f4;
}

#news_control_panel #pagination .button3demboss {
	box-shadow: none;
}

@media only screen and (max-width: 480px) {
    .news-list article .column{
        width: 100%;
    }
}

/******* Show News Article Page *******/

body .show-news,
body .show-news a {
	font-size: 16px; /* Reference for ems */
	word-wrap: break-word;
}

body .show-news h1 {
	line-height: 120%;
}

.show-news .article-container {
	display: flex;
	flex-direction: column;
}

.show-news .article-content {
	overflow: auto;
	font-size: 1em;
}

.show-news .attached-images {
	float: right;
	margin: 0 0 .875em 1.5em;
}

.show-news .attached-images a {
	display: block;
	margin-bottom: .9625em;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.show-news .attached-images a:last-child {
	margin-bottom: 0;
}

.show-news .attached-images a img {
	display: block;
	border: 6px solid rgb(229, 231, 225);
}

.show-news .article-content .summary {
	font-size: 1.0416em;
	font-style: italic;
	margin-bottom: .875em;
}

.show-news .article-content .body {
	
	margin-bottom: .875em;
}

.show-news .article-content .body video,
.show-news .article-content .body img,
.show-news .article-content .body iframe {
	max-width: 100%;
}
/* make media elements responsive on mobile view and prevent overflows */
@media only screen and (max-width: 768px) {
	.show-news .article-content .body {
		overflow: hidden;
	}

	.show-news .article-content .body video,
	.show-news .article-content .body img,
	.show-news .article-content .body iframe {
		width: 100%;
		height: auto;
	}

	@supports (aspect-ratio: 1 / 1) {
		.show-news .article-content .body iframe {
			aspect-ratio: 16/9;
		}
	}
}

.show-news .article-content .attached-files {
	margin: 1.75em 0 2.3343em 0;

}

.show-news .article-content .attached-files h2 {
	font-size: 1em;
	margin: 0;
}

.show-news .article-content .attached-files ul {
	padding: 0;
}

.show-news .article-content .attached-files a {
	font-size: 1em;
	background-position: -0.15em 0;
}

.show-news .article-content .data {
	font-size: 1em;
	color: rgb(147,153,155);
	margin-bottom: 1em;
}

.show-news .article-content .main.data {
	border-top: 1px solid rgb(229, 231, 225);
	padding-top: 1em;
}

.show-news .article-content .secondary.data {
	border: none;
	overflow: hidden; /* Fix font rendering bug in Safari causing horizontal scrolling */
	border-top: 1px solid rgb(229, 231, 225);
	padding-top: 1em;
	margin-bottom: 1em;
}

.show-news .article-content .secondary.data + .main.data {
	border: none;
	padding: 0;
}

.show-news .article-content .data .date.published {
	float: left;
	color: #333;
}

.show-news .article-content .data .social {
	float: right;
	text-align: right;
	min-width: 220px;
}

.show-news .article-content .data .social iframe {
	width: 76px;
	height: 21px;
	float: left;
	overflow: hidden;
	margin-left: 24px;
}

.lt-ie9 .show-news .article-content .data .social iframe {
	width: 81px;
}

.show-news .article-content .data .link {
	font-style: normal;
	color: rgb(147,153,155);
}

.show-news .article-content .data .source {
	float: right;
}

.show-news .article-content .print label {
    color: #333333;
}

.show-news .article-content .print label:hover {
	color: rgb(255,255,255);
}

.show-news .article-content .print.button {
	display: block;
	padding: 1px 10px 1px 7px;
	vertical-align: middle;
	background: rgb(255,255,255);
	border: 1px solid rgba(0,0,0,0.06);
	float: right;
	text-decoration: none;
	margin: -2px 0 0 1em;
	font-style: normal;
	border-radius: .236em;
}

.show-news .article-content .print.button .icon {
	height: 15px;
	width: 17px;
	margin: 0px 1px -2px 0px;
}

.show-news .article-content .print.button .icon path {
	fill: rgb(118,123,125)	;
}

.show-news .article-content .print.button:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}

.show-news .article-content .print.button:hover .icon path {
	fill: rgb(255,255,255);
}

.show-news .article-video {
    margin-bottom: 1em;
    width: 100%;
}

.show-news .article-video-player {
    width: 100%;
}

.show-news .bottom-video-player iframe {
    min-height: 360px !important;
}

.show-news .article-video-player .edlio-player-column {
    min-height: 360px;
}

.show-news .article-video #big-video-info {
    margin-top: 0.5em;
}

#big-video iframe {
	width: 100%;
	min-height: 480px;
}

@media screen and (max-width: 570px) {
	#big-video iframe {
		min-height: 300px;
	}
}

#video_player {
	background-color: #000;
	overflow: auto;
	height: 480px;
}

#video_player .unsupported {
	color: #fff;
	padding: 8px;
	margin: 0;
}

#video_player .unsupported a {
	color: #fff;
}

.video_player {
	background-color: #000;
}

#big-video #video_player video {
	background-color: #000;
}

#big-video #video_player noscript {
	font-weight: bold;
	font-size: 1.6em;
	padding: 0 1em 1em 1em;
	text-align: center;
	display: block;
}

.show-news .article-video .caption a {
    display: flex;
    align-items: center;
}

.show-news .article-video svg.icon {
    width: 1.25em;
    height: 1.25em;
}

/* Transcripts */
.caption {
	margin-top: 15px;
}

.caption #caption_toggle {
	display: block;
}

.caption svg {
	fill: #444444;
	width: 1.25em;
	height: 1.25em;
	vertical-align: sub;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
.caption svg.showCaption {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

.caption textarea {
	height: 0;
	border: none;
	padding: 0;
	width: 50%;
	background: transparent;
	overflow: auto;
	font-size: 1em;
	margin: 10px 0 0 20px;
	box-shadow: inset 0 0 0 1px #cccccc;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-ms-transition: height 1s;
	-o-transition: height 1s;
	transition: height 1s;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.caption textarea.showCaption {
	max-height: 300px;
	height: 300px;
	padding: .5em;
}

/* Responsive */

@media (max-width: 1024px) {
	.caption textarea {
		width: 90%;
	}
}

@media print {

	@page {
		margin: .75in .35in;
	}

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
		word-wrap: break-word;
	}

	header, footer {
		display: none;
	}

	#content_main {
		margin: 0 !important;
		border: none !important;
	}

	#content_main,
	.show-news,
	.show-news article {
		height: auto;
		page-break-after: avoid;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		line-height: 1.3;
	}

	a {
		text-decoration: underline;
	}

	/* in order to see the url of a link in print view, we will need to apply this class */
	a.show-url-on-pff[href]:after {
		content: " (" attr(href) ")";
	}

	a[href^="/apps/download"]:after {
		display: none;
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a.link:after {
		content: '';
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	h1.pageTitle {
		font-size: 19pt !important;
		font-weight: bold;
	}

	h2 {
		font-size: 14pt;
		font-weight: bold;
		margin-top: 25px;
	}

	h3 {
		font-size: 12pt;
		font-weight: bold;
		margin-top: 15px;
	}

	p,
	h1,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h1,
	h2,
	h3 {
		page-break-after: avoid;
	}

	.show-news article .print.button {
		display: none;
	}

	.show-news article .main.data {
		border-top: 1px solid black;
	}

	.show-news article .main.data .post-date {
		font-style: normal !important;
	}

	.show-news article .secondary.data {
		margin-top: 1cm !important;
	}

	.show-news article .attached-files {
		display: none;
	}

}

/***** Authentication for Contact ******/

#authentication_modal {
	padding: 0;
}

#authentication_modal header {
	background-color: #CCCCCC;
	display: flex;
	place-items: center;
}

#authentication_modal .modal-title {
	color: #444444;
	margin: 0 auto;
	text-align: center;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 2em;
}

#authentication_modal button.mfp-close {
	opacity: 1;
	padding: 1rem;
	line-height: 20px;

}

#authentication_modal button.mfp-close:focus {
	outline: auto 3px -webkit-focus-ring-color;
	border-radius: 5px;
}

#authentication_modal .modal-content {
	padding: 1em;
	color: #000000;
}

#authentication_modal .modal-error {
	display: none;
	border: 2px solid #E64017;
	border-radius: 5px;
	background-color: #EDEDED;
	padding: .182em .8em;
	margin-bottom: 1em;
}

#authentication_modal .modal-error h1 {
	color: #E64017;
	font-size: 1em;
}

#authentication_modal .modal-error h1,
#authentication_modal .modal-error p {
	margin: .618em 0;
}

#authentication_modal .sso {
	display: block;
	width: 200px;
	margin-bottom: 1em;
	cursor: pointer;
}

#authentication_modal .sso-providers {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#authentication_modal .sso-providers #sign_in {
	flex: 1 1 100%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

#authentication_modal .icon-holder {
	display: flex;
	align-items: center;
}

#authentication_modal .divider {
	color: #ccc;
}

#authentication_modal .sso-providers a {
	padding: 6px;
}

#authentication_modal .sso-providers img,
#authentication_modal .sso-providers svg {
	width: 50px;
	height: 40px;
}

#authentication_modal .sso-providers .yahoo-sso img {
	height: 36px;
}

#authentication_modal .sso-providers .microsoft-office-sso img,
#authentication_modal .sso-providers .microsoft-sso img {
	width: 30px;
	height: 30px;
}

#authentication_modal .facebook {
	box-sizing: border-box;
	padding: 4px;
}

@media only screen and (min-width: 480px) {
	#authentication_modal .modal-title {
		font-size: 2em;
		line-height: 1.618em;
	}

	#authentication_modal .modal-content {
		font-size: 18px;
		padding: 1em 2em 2em;
	}

	#authentication_modal .sso {
		width: 270px;
	}
}

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


/* taken from video.css */
.button3demboss {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	box-shadow: none;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: .75em;
}

.button3demboss.left-side {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.button3demboss.right-side {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-width: 1px 1px 1px 0;

	-moz-box-shadow: inset 5px 0 0px -4px #f9f9f9; /* adds white line on left side */
}

.button3demboss.search {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.button3demboss:active {
	background: #ddd none !important;
}

a.button3demboss, button.button3demboss {
	color: #333 !important;
}

.button3demboss.search {
	line-height: 7px;
}

/*  Search  */
#search input[type=search] {
	/* the webkit overrides need to stay at the top */
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	/* your styles here */
	outline: none;
}

#search label[for=q] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	width: 1px;
}

#search input[type=search]:focus {
	outline: auto 3px -webkit-focus-ring-color;
}

#search input[type=search]::-webkit-search-decoration,
#search input[type=search]::-webkit-search-cancel-button,
#search input[type=search]::-webkit-search-results-button,
#search input[type=search]::-webkit-search-results-decoration {
	  display: none;
}

/* All classes page */

.course-list tr {
	line-height: inherit !important;
}
.course-list .course-name {
	font-weight: bold;
	display: flex;
}

.course-list td {
	padding-top: 5px;
	padding-bottom: 5px;
}

img.classroom {
	height: 1.6em;
	width: 1.6em;
	vertical-align: text-bottom;
}

/* Common core standards */

.related-standards-wrapper .related-standards-list {
	list-style: none;
	margin: 18px 0 0;
	padding: 0 0 0 84px;
}

.related-standards-wrapper .related-standards-label {
	float: left;
	margin: 0 25px 0 0;
	padding: 3px 0 3px 7px;
	font-size: .8em;
	line-height: 1em;
	text-align: left;
	color: #36245E;
	height: 24px;
	background-color: #e7e6f5;
	font-family: Arial, sans-serif;
	font-weight: normal;
	position: relative;
}

.related-standards-wrapper .related-standards-label:after {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 15px;
	border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e7e6f5;
	top: 0;
	right: -30px;
}

/* Target IE8 since IE8 doesn't support transparency */
.lt-ie9 .related-standards-wrapper .related-standards-list {
	padding-left: 78px;
}

.lt-ie9 .related-standards-wrapper .related-standards-label {
	padding-right: 7px;
	margin-right: 15px;
}

.lt-ie9 .related-standards-wrapper .related-standards-label:after {
	content: none;
	border: none;
}



.related-standards-list li.related-standard {
	line-height: .9625em;
	margin: 0 .9em 0.5em 0;
	padding: 0;
	border: 1px solid #c0bdc7;
	border-radius: 3px;
	float: left;
	display: block;
}

.related-standards-list li.related-standard a {
	-moz-text-decoration-color: rgba(0, 0, 0, 0.4);
	-moz-text-decoration-line: underline;
	-moz-text-decoration-style: dotted;
	display: block;
	font-size: .9em;
	padding: 0.3em 0.7em;
}

.standard-modal {
	position: relative;
	background-color: #cac8e0; /* fallback for IE8 */
	background-color: rgba(45,11,118,.4);
	border-radius: 5px;
	padding: 5px;
	width: 600px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0,0,0,.24);
}

.standard-modal .mfp-close {
	color: #392D53;
}

.standard-modal .modal-inner {
	padding: 16px;
	background-color: #fff;
	border-radius: 3px;
}

.standard-modal .modal-inner .standard-code {
	margin: 0 0 .9em;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #aaaaaa;
	font-size: 1.6em;
}

.standard-modal .modal-inner .description-wrapper {
	font-size: 1.25em;
	margin-bottom: 1em;
}

.standard-modal .modal-inner .word-standard {
	display: inline-block;
	float: left;
	margin-right: 5px;
	font-weight: bold;
}

.standard-modal .modal-inner .standard-description {
	display: block;
	margin-left: 90px;
}

.standard-modal .modal-inner .standard-code-explanation {
	font-style: italic;
	font-size: .9625em;
}

.modal-inner .standard-code-explanation .standard-category {
	font-weight: bold;
}

.modal-inner .standard-description .component-statement {
	display: block;
	margin-top: .8em;
}

.mfp-bg.light-bg {
	background-color: #fff;
}


/* Animate modal */

.mfp-move-horizontal .mfp-with-anim {
	opacity: 0;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
	opacity: 0;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
	opacity: 1;

	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);

	opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
	opacity: 0;
}

/* New Contact Tables */

.breadcrumb {
	margin-bottom: 10px;
	display: block;
}

.updated-form {
	font-size: 16px !important;
}

.updated-form h2 {
	font-weight: 400;
}

.multifactor-input-holder {
	margin: 1em 0;
	width: 50% !important;
}

.input-holder {
	margin: 1em 0;
	width: 50% !important;
}

.input-holder.discourse {
	font-size: .9em;
}

.input-holder .facilities-file {
	border: none !important;
	padding: 0 !important;
}

.input-holder .facilities-file {
	border: none !important;
	padding: 0 !important;
}

.revise input[type="checkbox"] + label {
	color: #b95613 !important;
}

.revise input[type="checkbox"] + label:before {
	background: #faece2;
	box-shadow: 0 0 0 2px #b95613
}

.input-label {
	display: block;
	font-weight: 700;
}

#contact_form_form input[type='checkbox'] {
	margin-right: 1em
}

#contact_form_form .disabled.send-contact-form-button,
#contact_form_form .disabled.form-submit-button,
#contact_form_form .disabled.submit-input {
	pointer-events: none;
	background-color: #F7F7F7;
}

.icon-input {
	display: flex;
	align-items: center;
	margin-top: .5em;
}

.icon-input .form-input {
	margin: 0;
}

.icon-input svg {
	width: 2.5em;
	height: 2.5em;
	margin: 0;
	background: #F6F7F8;
	padding: .7em;
	fill: #898989;
	box-shadow: inset 0 0 0 1px #cccccc;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.icon-input uniform-email {
	display: flex;
	flex-flow: row wrap;
}

.icon-input uniform-email > span {
	order: 1;
	flex-grow: 1;
	flex-basis: 100%;
}

.icon-input uniform-email svg {
	order: 2;
	flex-shrink: 0;
	flex-basis: 8%;
}

.icon-input uniform-email input[type="text"] {
	order: 3;
	flex-basis: 92%;
}

@media screen and (max-width: 543px) {
	.icon-input uniform-email svg {
		flex-basis: 10%;
	}

	.icon-input uniform-email input[type="text"] {
		flex-basis: 90%;
	}
}

.revise .icon-input > input {
	border: 1px solid #b95613 !important;
}

.form-input,
.textarea-input {
	border: 1px solid #767676;
	box-shadow: none;
	border-radius: 0;
	width: 100%;
	font-size: 1.25em;
	padding: .25em .5em;
	height: 40px;
	margin: .5em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
	-moz-appearance:textfield; /* Firefox */
}

.code-input{
	border: 1px solid #767676;
	box-shadow: none;
	border-radius: 0;
	width: 100%;
	font-size: 1.25em;
	padding: .25em .5em;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.descriptive-label {
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 2em;
	width: 86%;
}

.textarea-input {
	resize: none;
	height: 8em;
}

.multifactor-submit-input {
	background: #fff;
	border: 1px solid #767676;
	font-weight: 300;
	color: #444444;
	box-shadow: none;
	width: auto;
	height: 2.5em;
	font-size: 1em;
	border-radius: .2em;
	padding: 0 1em;
	cursor: pointer;
	margin-bottom: 1em;
}

.submit-input {
	background: #fff;
	border: 1px solid #767676;
	font-weight: 300;
	color: #444444;
	box-shadow: none;
	width: auto;
	height: 2.5em;
	font-size: 1em;
	border-radius: .2em;
	padding: 0 1em;
	cursor: pointer;
}

.submit-input:hover {
	background: #F9F9F9;
}

.submit-input a {
	text-decoration: none;
}

select.submit-input {
	margin-right: .25em;
}

.list-feature {
	display: flex;
	flex-direction: column;
	gap: 2em;
	font-size: 16px;
	list-style: none;
	padding: 0;
}

.list-feature.folders {
	gap: 1em
}

.list-feature .strong-text {
	display: block;
	font-weight: 700;
}

.list-feature .list-item {
	line-height: 1.75em;
}

.list-feature ul {
	margin-left: 3.5em;
	padding-left: 1em;
	border-left: 3px solid #AAABAD;
}

.list-feature .list-item.selection-option:first-of-type {
	margin-top: 1em;
}

.list-feature .list-item.selection-option {
	font-weight: 700;
}

.list-feature .list-item .list-item-description {
	display: block;
	line-height: 1.4em;
}

.list-feature .list-item .item-label {
	font-weight: 700;
}

.link-header {
    display: inline-flex;
}

.icon-container {
    align-items: center;
    display: flex;
}

.icon-container.folder {
	padding-bottom: 1em;
}

.link-header-icon {
    padding: 0px 1rem 0px 0px;
}

select#link_category_list {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 15em;
}

.updt-bboard {
	display: flex;
	flex-wrap: wrap;
}

.updt-bboard > * {
	flex: 1 1 100%;
}

.bboard-container {
	display: flex;
	justify-content: space-between;
}

.updt-bboard .bboard-images.itemImages {
	float: none;
}

.updt-bboard .bboard-text-content {
	flex: 0 1 70%;
}

.updt-bboard .bboard-image-container {
	flex: 0 1 25%;
}

.updt-bboard .bboard-images {
	margin-left: auto;
}

.updt-bboard .bboard-images img {
	border: none;
}

.updt-bboard .bboard-title {
	display: block;
	margin-top: .25em;
	font-size: 30px;
}

.updt-bboard .bboard-message {
	display: block;
	margin-top: 1em;
}

.updt-bboard .fbList {
	display: block;
	margin-top: 1em;
}

.updt-bboard .bboard-item {
	margin: 1em 0;
	display: block;
}

.updt-bboard .bboard-item:first-of-type {
	margin-top: 0;
}

.updt-bboard .item-label {
	display: block;
	font-weight: 700;
}

.updt-bboard .contact-title {
	display: inline-block;
	margin-top: 1em;
	font-weight: 700;
}

.updt-bboard .contact-info {
	display: block;
	line-height: 1.25em;
}

.pagination-container {
	width: 50%;
	display: flex;
	font-size: 16px;
	align-items: center;
	margin-top: 2em;
	min-width: 310px;
}

.pagination-container > * {
	background: #fff;
	box-shadow: inset 0 0 0 1px #cccccc !important;
	border-radius: .25em;
	line-height: 1.25;
}

.pagination-container .pagination-previous,
.pagination-container .pagination-next {
	flex: 0 0 auto;
}

.pagination-container .pagination-previous {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pagination-container .pagination-next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.pagination-container .pagination-previous.disabled,
.pagination-container .pagination-next.disabled {
	pointer-events: none;
	opacity: .5;
}

.pagination-container a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .75em;
}

.pagination-container a:hover {
	border-radius: .25em;
	box-shadow: inset 0 0 0 1px #cccccc;
	background: #F9F9F9;
	cursor: pointer;
}

.pagination-container svg {
	width: 1.25em;
	height: 1.25em;
}

.pagination-container .pagination-count {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	padding: .75em;
	border-radius: 0;
}

.with-button.pageTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-hint {
	margin: 0;
}

.with-button.pageTitle a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: none;
	font-weight: 300;
	color: #444444;
	box-shadow: inset 0 0 0 1px #cccccc;
	width: auto;
	padding: 0 1em;
	height: 2em;
	font-size: .5em;
	border-radius: .1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

.with-button.pageTitle a:hover {
	background: #F9F9F9;
}

.updt-list {
	font-size: 16px;
}

.updt-list .pageTitle {
	padding: 0;
}

.updt-list .pageTitle a {
	color: inherit;
}

.updt-list .last-update {
	opacity: .75;
	font-size: .75em;
}

.updt-list .last-update span {
	margin-left: 1em;
	display: inline-block;
}

.updt-list h2 {
	font-weight: 400;
}

.updt-list .info-display {
	margin: 1em 0;
}

.updt-list .info-title {
	font-weight: 700;
	display: block;
}

.alum-info svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.bold {
	font-weight: 700;
}

.updt-table {
	font-size: 16px;
	border-collapse: collapse;
	width: 100%;
}

.updt-table.bell-schedule {
	font-size: 16px;
	margin: 2.5em 0;
}

.updt-table.bell-schedule tbody tr {
	border-bottom: 1px solid #ccc;
}

.updt-table.bell-schedule th {
	min-width: inherit;
	font-weight: 700;
}

.updt-table caption {
	font-weight: 400;
	background: #F9F9F9;
	padding: 1em 0;
}

.updt-table caption a {
	display: block;
	font-weight: 700;
	text-decoration: none;
}

.updt-table th {
	text-align: left;
	padding-left: 1em;
	font-weight: 400;
	min-width: 7em;
}

.updt-table th.bold {
	font-weight: 700;
}

.updt-table tr:first-of-type {
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

.updt-table tr {
	line-height: 2.25em;
	border-bottom: 1px solid #ccc;
}

.updt-table td {
	padding-left: 1em;
}

.updt-table .table-sort {
	vertical-align: sub;
}

.updt-table + .pagination-container {
	width: 100%;
	justify-content: center;
}

.clickable-rows tr:first-of-type th:hover * {
	cursor: pointer;
}

.clickable-rows tr:first-of-type th:hover {
	background: #F9F9F9;
	cursor: pointer;
}

.clickable-rows tr:not(:first-of-type):hover {
	background: #F9F9F9;
	cursor: pointer;
}

.clickable-rows td:not(:first-of-type) a {
	display: block;
	text-decoration: none;
}

#memoir_voting_form svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

#memoir_voting_form .vote-content-box {
	margin-top: .5em;
}

#alum-directory-search {
	display: flex;
	align-items: center;
	font-size: 16px;
}

#alum-directory-search label {
	background: #fff;
    border: none;
    box-shadow: inset 0 0 0 1px #cccccc;
    width: auto;
    padding: .25em .5em;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#alum-directory-search label:hover {
	background: #F9F9F9;
}

#alum-directory-search input:not([type='text']) {
	display: none;
}

#alum-directory-search svg {
	width: 1.5em;
	height: 1.5em;
	fill: #767676;
}

.table-sort input {
	display: none;
}

.table-sort svg {
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	vertical-align: middle;
	fill: #767676;
}

.emphasize-title {
	font-size: 1.2em;
}

.listings, .listings * {
	box-sizing: border-box;
}

.listings h2 {
	font-weight: 400;
	margin-bottom: .5em;
}

.listings .listing-item {
	display: flex;
	justify-content: flex-start;
	line-height: 1.25em;
	padding: 0.5em 0;
	word-wrap: break-word;
	max-width: 100%;
}

.listings .listing-item > *:first-child {
	flex: 0 0 100%;
}

.listings .listing-item.listing-item--with-classes-or-staff {
	max-width: 75%;
}

.listings .listing-item.listing-item--with-classes-or-staff > *:first-child {
	flex: 0 0 60%; 
	padding-right: 1em;
}

.listings .listing-item .classes-info {
	flex: 0 0 20%;
}

.listings .listing-item .staff-info {
	flex: 0 0 20%;
}

@media screen and (max-width: 768px) {
	#contact_form #contact_form_form > div,
	#contact_form #contact_form_form input:not([type='checkbox']),
	#contact_form #contact_form_form textarea,
	#contact_form #contact_form_form input#f_name,
	#contact_form #contact_form_form input#f_email,
	#contact_form #contact_form_form textarea#f_message,
	.input-holder {
		width: 100% !important;
	}

	.updt-bboard .bboard-container {
		margin-top: 1em;
		flex-wrap: wrap;
	}

	.updt-bboard .bboard-text-content,
	.updt-bboard .bboard-image-container {
		flex: 1 1 100%;
	}

	.pagination-container {
		width: 100%;
		justify-content: center;
	}

	.bboard-image-container .bboard-images {
		margin-left: initial;
		display: flex;
		padding-top: .5em;
	}

	.listings .listing-item.listing-item--with-classes-or-staff {
		max-width: 100%;
	}
}

/*** Start News Side Menu ***/
.news-wrapper {
	display: flex;
	flex-direction: column;
}

.news-wrapper > div:first-child {
	width: 100%;
}

.news-side-menu {
	width: 100%;
}

@media only screen and (min-width: 720px) {
	.news-wrapper {
		flex-direction: row;
		gap: 1.5rem; 
	}
	
	.news-wrapper > div:first-child {
		width: 70%;
	}
	
	.news-side-menu {
		display: flex;
		width: calc(30% - 1.5rem);
	}
}

.news-side-menu nav {
	--bg-color: var(--primary-color);
	--text-color: var(--over-primary-color);
	--current-bg-color: var(--secondary-color);
	--current-text-color: var(--over-secondary-color);
	--button-width: 3rem;
	--submenu-indentation: 18px;
	--padding-block: 0.8em;
	padding: 0;
	width: 100%;
}

.news-side-menu *, .news-side-menu *::before {
	box-sizing: border-box;
}

.news-side-menu ul {
	background-color: var(--bg-color);
	list-style-type: none;
}

.news-side-menu nav > ul > li > .title-wrapper {
	font-weight: bold;
}

.news-side-menu ul, .news-side-menu li {
	margin: 0;
	padding: 0;
}

.news-side-menu li .title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--text-color);
}

.news-side-menu li .title-wrapper span.title {
	margin-left: 0.5em;
}

.news-side-menu li .title-wrapper svg {
	fill: currentColor;
}

.news-side-menu li .title-wrapper > * {
	display: flex;
	align-items: center;
	padding: var(--padding-block);
	color: inherit;
	line-height: 1.5;
	text-decoration: none;
}

.news-side-menu li > .title-wrapper a {
	width: 100%;
}

/* 2nd level submenu hero */
.news-side-menu li > ul > li > .title-wrapper > * {
	padding-left: calc(var(--submenu-indentation) * 2);
	font-size: 0.9em;
}

/* icon buttons  */
.news-side-menu .title-wrapper button {
	display: inline-block;
	padding: 0;
	margin: 0;
	border: none;
	appearance: unset;
	cursor: pointer;
	color: var(--text-color);
	font-size: 100%;
}

.news-side-menu .title-wrapper button svg {
	border-radius: 5px;
	padding: 1px;
	width: 1.5em;
	height: auto;
	vertical-align: middle;
	fill: currentColor;
	outline: 1px solid var(--text-color);
}

/* animate collapsing and expanding action */
.news-side-menu ul.animated {
	transition: max-height 300ms linear, opacity 300ms linear;
}

.news-side-menu ul.collapsed {
	max-height: 0;
    opacity: 0;
}

.news-side-menu ul.expanded {
	max-height: var(--max-height, auto);
    opacity: 1;
}

.news-side-menu .title-wrapper button {
	background-color: inherit;
	padding-right: 15px;
}

.news-side-menu li .title-wrapper a:hover {
	text-decoration: underline;
}

/*  current element */
.news-side-menu li.current > .title-wrapper a {
	background-color: var(--current-bg-color);
	color: var(--current-text-color);
	width: 100%;
}

.news-side-menu li.current > .title-wrapper button svg {
	outline: 1px solid var(--current-text-color);
	fill: var(--current-text-color);
}
/*** End News Side Menu ***/


/* End custom styles for vertical nav */

.hidden-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}
/*** End Navigation Component ***/