/*** ADDED FOR COVID 3/13/20 ***/
/* CAMPUS ALERT -- EMERGENCY */
 #scsuHeaderEmergency {
	 background-color: #ccc;
	 border: 1px solid #ffffff;
	 padding: 20px 30px 20px 30px;
	 margin: 0px;
	/*background-image: url(../images/emergency-stc.png);
	 background-position: 550px 0px;
	 background-repeat: no-repeat;
	 */
	 margin: 0px auto;
}
 #scsuHeaderEmergency .emergency-container-header {
	 position: relative;
	 width: 100%;
	 max-width: 875px;
	 margin: 0 auto;
}
 #scsuHeaderEmergency h2 {
	 margin: 0px 0px 10px 0px;
	 padding: 0px;
	/*color: #ffffff;
	 */
	 color: #000000;
	 font-family: "Arial Black", Gadget, sans-serif;
	 font-size: 2em;
	 text-transform:uppercase;
}
 #scsuHeaderEmergency p {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: .9em;
	 margin: .5em 0px 0px 0px;
}
 #scsuHeaderEmergency a {
	 color: #c20430;
}
 #scsuHomepageEmergency .emergency-container {
	 background-color: #ffd200;
	 padding: 2rem;
}
 #scsuHomepageEmergency .emergency-container h2 {
	 font-size: 1.2rem;
	 line-height: 1.5rem;
	 margin-bottom: 1rem;
}
 #scsuHomepageEmergency .emergency-container .description {
	 color: #000000;
}
 #scsuHomepageEmergency .emergency-container .description a {
	 color: #CC0000;
	 font-weight: bold;
}
/* == CDC Color Key [#notice a] == */
/* Low-Blue: #00b0f0;
 */
/* Moderate-Yellow: #ffff00;
 */
/* Substantial-Orange: #ed7d31;
 */
/* Current */
/* High-Red: #ff0000;
 */
 #notice-area {
	 max-width: 80%;
	 margin: 0 auto;
}
 .notice {
	 display: block;
	 border: 1px solid #333;
	 max-width: 1300px;
	 margin: auto;
}
 .notice a {
	 display: block;
	 font-family: 'LatoRegular';
	 color: #000000;
	 padding: 20px;
	 border-right: 72px solid #ed7d31;
	/* Use CDC Color Key Above */
	 text-decoration: none;
	 background-color: #fff;
}
 .notice a:hover {
	 background-color: #eeeeee;
}
 .notice a .date {
	 display: block;
	 font-size: 80%;
	 line-height: 110%;
}
 .notice a .title {
	 display: block;
	 font-size: 120%;
	 line-height: 110%;
}
 .notice a .link {
	 display: block;
	 font-size: 90%;
	 line-height: 110%;
	 margin-top: 1em;
}
 #notice-area .notice.left {
	 float: left;
	 margin-right: 1%;
	 width: calc(49% - 5px);
}
 #notice-area .notice.right {
	 float: right;
	 margin-left: 1%;
	 width: calc(49% - 5px);
}
 #notice-area .notice.right a {
	 border: 1px solid #ffffff;
}
/* Google Translate Selector Box */
 .goog-te-combo {
	 width: 100%;
	 padding: 5px;
	 border-color: #dddddd;
}
/* CAMPUS ANNOUNCEMENT -- NON-EMERGENCY */
 #scsuHeaderAnnouncement {
	 background-color: 
	/*#ffd200*/
	#ccc;
	/*#d2dfe6*/
	/*border-top: 1px solid #ffffff;
	 border-bottom: 1px solid #eeeeee;
	*/
	 padding: 20px 30px 20px 30px;
	 margin: 0px;
	/*background-image: url(../images/emergency-stc.png);
	 background-position: 550px 0px;
	 background-repeat: no-repeat;
	 */
	 margin: 0px auto;
	 width: 100%;
}
 #scsuHeaderAnnouncement .announcement-container-header {
	 position: relative;
	 width: 100%;
	/* max-width: 1500px;
	 */
	 margin: 0 auto;
	 overflow: auto;
}
 #scsuHeaderAnnouncement h2 {
	 margin: 0px 0px 2px 0px;
	 padding: 0px;
	 color: #000000;
	 font-family: "Arial", Gadget, sans-serif;
	 font-size: 1.1em;
	/*text-transform:uppercase;
	*/
}
 #scsuHeaderAnnouncement p {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: .9em;
	 margin: 0px 0px 0px 0px;
	 color: #000;
}
 #scsuHeaderAnnouncement a {
	 color: #000;
}
 #scsuHeaderAnnouncement .announcement-container-header .description {
	 width: 70%;
	 float: left;
}
 #scsuHeaderAnnouncement .announcement-container-header .cv19-description {
	 width: 70%;
	 float: left;
}
 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 5px;
	 font-family: 'LatoRegular';
	 font-weight: bold;
}
 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container a.covid19-button {
	 background-color: none;
	 color: #333;
	 border: 1px solid #FDFFD5;
	 border-radius: 3px;
	 padding: 10px;
	 text-decoration: none;
	 font-weight: bold;
	 justify-self: stretch;
}
 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container a.covid19-button:hover {
	 background-color: #fff;
	 border: 1px solid #fff;
	 color: #000;
}
 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container a.covid19-button-second {
	 background-color: none;
	 color: #333;
	 border: 1px solid #bbb;
	 border-radius: 3px;
	 padding: 10px;
	 text-decoration: none;
	 font-weight: bold;
	 justify-self: stretch;
}
 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container a.covid19-button-second:hover {
	 background-color: #333;
	 border: 1px solid #333;
	 color: #fff;
}
 #scsuHeaderAnnouncement .announcement-container-header .bring-huskies-home {
	 float: right;
	 width: 30%;
}
 #scsuHeaderAnnouncement .announcement-container-header .bring-huskies-home a {
	 font-family: Arial, Gadget, sans-serif;
	 font-weight: bold;
	 border: 1px solid #000;
	 display: block;
	 border-radius: 5px;
	 text-align: center;
	 padding: 5px;
	 margin-left: 20px;
	 margin-bottom: 0px;
	 text-decoration: none;
	 color: #000;
}
 #scsuHeaderAnnouncement .announcement-container-header .bring-huskies-home a:hover {
	 background-color: #000;
	 color: #fff;
}
/* COLLEGE OF DISTINCTION GRID STATS */
 .cod-grid {
	 display: grid;
	 grid-template-columns: repeat(6, 1fr);
	/*grid-template-rows: repeat(.5fr);
	*/
	 grid-column-gap: 5px;
	 grid-row-gap: 0px;
	 margin-left: 50px;
	 margin-right: 50px;
}
 .cod-grid .div1 {
	 grid-area: 1 / 1 / 2 / 2;
	 display: flex;
	 align-items: center;
	 justify-self: center;
}
 .cod-grid .div2 {
	 grid-area: 1 / 2 / 2 / 3;
	 display: flex;
	 align-items: center;
	 justify-self: center;
}
 .cod-grid .div3 {
	 grid-area: 1 / 3 / 2 / 4;
	 display: flex;
	 align-items: center;
	 justify-self: center;
}
 .cod-grid .div4 {
	 grid-area: 1 / 4 / 2 / 7;
	 text-align: left;
	 font-size: .8em;
	 line-height: 1.2em;
	 display: flex;
	 align-items: center;
	 justify-self: center;
}
 .cod-grid .div4 a {
	 color: #ffffff;
}
 .cod-grid .div4 a:hover {
	 text-decoration: none;
}
/* SCSU - Added for improved style of Header links */
 .learn-more__items a h3 {
	 color: #000000;
	 text-decoration: underline;
}
/* SCSU - Added for improved style of Header links */
 .learn-more__items a:hover h3 {
	 color: #cc0000;
	 text-decoration: none;
}
/* bottom highlight in nav for programs - to match sidebar__separator */
 .bottom-highlight {
	 border-top: 1px dotted #ededed;
	 margin-top: 0.875rem !important;
	 padding-top: 0.875rem !important;
}
 .img-btn {
	 background-image: none;
	/* border-radius: 8px;
	 display: flex !important;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 background-repeat: repeat;
	 background-size: auto;
	 padding: 8px 0 !important;
	 line-height: 1;
	 background-size: cover;
	 background-repeat: no-repeat;
	 position: relative;
	 */
	 white-space: normal;
	 box-shadow: 0 1px 2px rgb(0 0 0 / 20%), inset 0 -1px 0 rgb(0 0 0 / 25%), inset 0 -45px 45px -45px #495057;
	 color: #fff;
	 background-color: #fff;
}
 .img-btn:hover {
	 color: #000000 !important;
}
 .media-btns img {
	 padding: 10px;
	 image-rendering: -webkit-optimize-contrast;
}
 @media only screen and (min-width: 768px) {
	 .img-btn {
		 border-radius: 8px;
		/* white-space: nowrap;
		 */
		 padding: 15px !important;
		 margin: 0 auto 20px auto;
		 width: 100%;
		 font-size: 1.125rem !important;
		 font-weight: bold;
	}
	 .img-btn:after {
		 border-radius: 8px;
	}
	/*** RIGHT CALLOUT AREA ***/
	 .right-area {
		 border-left: 1px dashed #c3c3ae;
		 width: 38%;
		 float: right;
		 margin: 0px 0px 1em 2%;
		 padding-left: 2%;
		 position: relative;
		 z-index: 1;
	}
	 .right-area p {
		 margin-top: 1em;
	}
	 .left-area {
		 width: 57%;
		 float: left;
		 margin: 0px;
		 overflow: auto;
	}
}
 @media screen and (max-width: 1200px) {
	/* COLLEGE OF DISTINCTION GRID STATS */
	 .cod-grid {
		 display: grid;
		 grid-template-columns: repeat(3, 1fr);
		 grid-template-rows: repeat(2);
		 grid-column-gap: 0px;
		 grid-row-gap: 0px;
	}
	 .cod-grid .div1 {
		 grid-area: 1 / 1 / 2 / 2;
	}
	 .cod-grid .div2 {
		 grid-area: 1 / 2 / 2 / 3;
	}
	 .cod-grid .div3 {
		 grid-area: 1 / 3 / 2 / 4;
	}
	 .cod-grid .div4 {
		 grid-area: 2 / 1 / 3 / 4;
	}
}
 @media screen and (max-width: 740px) {
	 #scsuHeaderAnnouncement .announcement-container-header {
		 position: relative;
		 width: 100%;
		 margin: 0 auto;
		 font-size: 80%;
	}
	 #scsuHeaderEmergency .emergency-container-header {
		 position: relative;
		 width: 100%;
		 margin: 0 auto;
		 font-size: 80%;
	}
	 #notice-area {
		 max-width: 100%;
		 margin: 0 5px 1em 5px;
	}
	 .notice {
		 display: block;
		 border: 1px solid #333;
		 margin: auto;
	}
	 #notice-area .notice.left {
		 float: none;
		 margin: 0 0 0 0;
		 width: 100%;
	}
	 #notice-area .notice.right {
		 float: none;
		 margin: 2% 0 0 0;
		 width: 100%;
	}
}
/*** END ADDED FOR COVID ***/
/*** REMOVED RightNow Header KD 12/13/21 ***/
 .breaker {
	 clear: both;
	 border-bottom: 1px dashed #c3c3ae;
	 margin-bottom: 1rem !important;
}
 hr {
	/*clear: both;
	 */
	 border: none;
	 border-style: none;
	 border-top: 1px dashed #c3c3ae;
	 margin-bottom: 5px;
	 background: none;
}
 .indent {
	 margin-left: 2em;
}
 .source {
	 text-indent: -50px;
	 margin-left: 50px;
}
 .no-admit {
	 display: block;
	 border: 1px dotted #c3c3ae;
	 padding: 5px;
	 background-color: #eee;
}
 img.error-img {
	 float: right;
}
/* CAMPUS ALERT -- NOTIFICATION */
 #campusNotice {
	 font-family: arial, helvetica;
	 border-left: 1px dotted #9b9b9b;
	 border-right: 1px dotted #9b9b9b;
	 border-bottom: 1px dotted #9b9b9b;
	 margin: 0px auto;
	 padding: 20px;
	 background-color: #e2e2de;
}
 #campusNotice #teaser p {
	 font-size: .8em;
	 margin: 0px 0px 1em 0px;
	 padding: 0px;
}
 #campusNotice #teaser p.newsdate {
	 font-size: .7em;
	 margin-bottom: 0px;
}
 #campusNotice #teaser h2.newsteasertitle {
	 font-weight: bold;
	 font-size: 1em;
	 margin-bottom: 1em;
	 margin-top: 0px;
}
 #campusNotice #teaser h2.newsteasertitle a {
	 text-decoration: none;
}
 #campusNotice #teaser h2.newsteasertitle a:hover {
	 text-decoration: underline;
}
 #newsStory #teaser h2.newsteasertitle {
	 font-weight: normal;
	 font-size: 1em;
}
 #newsStory #teaser h2.newsteasertitle a {
	 text-decoration: none;
	 display: block;
	 padding: 5px;
	 margin: -5px;
	 border: 1px solid #fff;
}
 #newsStory #teaser h2.newsteasertitle a:hover {
	 background-color: #f0f0ea;
	 border: 1px solid #c3c3ae;
}
 #newsStory #teaserArea .teaser a {
	 display: block;
	 overflow: auto;
	 margin-bottom: 5px;
	 text-decoration: none;
	 background-color: #ffffff;
	 cursor: pointer;
	 color: #333;
	 border: 1px solid #ffffff;
	 padding: 2px 2px 2px 2px;
}
 #newsStory #teaserArea .teaser a:hover {
	 background-color: #eff0eb;
	 border: 1px solid #c3c3ae;
}
 #newsStory #teaserArea .teaser a img.teaserImage {
	 float: left;
	 margin-right: 10px;
	/* margin-left: -110px;
	 */
}
 #newsStory #teaserArea .teaser a p.newsdate {
	 font-size: .8em;
	 font-style: italic;
	 margin: 0px;
	 color: #8D8D8B;
}
 #newsStory #teaserArea .teaser a h2.newsteasertitle {
	 font-weight: bold;
	 font-size: 1em;
	 margin-bottom: 5px;
	 margin-top: 0px;
}
 #newsStory #teaserArea .teaser a .teaserContent p {
	 margin-top: 0px;
}
/* SITE NEWS */
 #newsSiteStory #teaser h2.newsteasertitle {
	 font-weight: bold;
	 font-size: 1.1em;
	 padding-top: 0px;
}
 #newsSiteStory #teaser h2.newsteasertitle a {
	 text-decoration: underline;
	 display: block;
	 padding: 5px;
	 margin: -5px;
}
 #newsSiteStory #teaser h2.newsteasertitle a:hover {
	 text-decoration: none;
}
 #newsSiteStory #teaser {
	 border: 1px solid #c3c3ae;
	 margin: 5px 0px 10px 0px;
	 padding: 10px;
}
 #newsSiteStory #teaser .teaser p {
	 margin: 2px 0px;
}
 #newsSiteStory #teaser p.newsdate, #newsSiteStory p.newsdate {
	 font-style: italic;
	 margin: 0px;
	 color: #8D8D8B;
	 margin-bottom: -15px;
}
 #newsSiteStory .newspublicationname {
	 display: none;
}
 #newsSiteStory tr.newslistheader {
	 font-weight: bold;
}
/* Multi Story Issue news */
 #newsSiteStory .newsissuetitle {
	 color: #881d1e;
	 font-weight: bold;
	 font-size: 1.3em;
	 padding-top: 0px;
}
 #newsSiteStory .newsstorytype {
	 font-weight: bold;
	 font-size: 1.1em;
}
 #newsSiteStory .newstoctitle {
	 padding-left: 1em;
}
 .info-body #teaserArea {
}
 .info-body #teaserArea .teaser {
}
 .info-body #teaserArea .teaser a {
	 display: block;
	 border: 1px solid #f0f0ea;
	 margin: 5px -15px 10px -15px;
	 padding: 5px;
	 text-decoration: none;
	 overflow: auto;
}
 .info-body #teaserArea .teaser a:hover {
	 border: 1px solid #c3c3ae;
	 background-color: #eff0eb;
}
 .info-body #teaserArea .teaser a .teaserImage {
	 float: left;
	 margin-right: 10px;
}
 .info-body #teaserArea .teaser a .teaserContent p {
	 float: left;
	 color: #000;
	 width: 165px;
}
 #audienceNews {
	 width: 260px;
}
 #audienceNews #newsStory #teaserArea .teaser {
	 display: block;
	 clear: both;
	 padding: 0px;
	 overflow: auto;
}
 #audienceNews #newsStory #teaserArea .teaser .teaserImage {
	 float: left;
	 border: none;
	 display: none;
	 margin-top: -10em;
}
 #audienceNews #newsStory #teaserArea .teaser .teaserContent {
	 padding: 5px;
}
 #audienceNews #newsStory #teaserArea .teaser .teaserContent h2 {
	 font-size: 14px;
	 font-weight: bold;
}
 #audienceNews #newsStory #teaserArea .teaser p.newsdate {
	 display: none;
}
/** Current Students, Employees, Parents Buttons **/
 #buttonarea97, #buttonarea98, #buttonarea115 {
	 margin-bottom: 1em;
}
/*** RED BUTTON ***/
/*** Removed .long-button and .small-button KD 12/13/21 ***/
/*** Big Callout Grey Border (SOE) ***/
 .big-callout {
	 border: 1px solid #c3c3ae;
	 margin-bottom: 1em;
	 padding: 10px 20px 10px 20px;
}
 .text-highlight {
	 font-family: georgia,serif;
	 font-size: 16px;
	 font-weight: normal;
}
/**** Button and/or image treatment styles ****/
 .align-left {
	 float: left;
	 margin-right: 10px;
}
 .align-right {
	 float: right;
	 margin-left: 10px;
	 margin-bottom: 1rem !important;
	 z-index: 1;
}
@media screen and (min-width: 1030px) {
	div.align-right {
		padding-left: 1rem;
	}
}
.align-right .long-button {
	width: 100%;
}
.right-sidebar .long-button {
    width: 100%;
}
.right-area .long-button {
    width: 100%;
}
 @media only screen and (max-width: 767px) {
	 .align-right {
		 float: none !important;
		 margin-left: 0 !important;
		 margin-bottom: 1rem !important;
		 display: block;
	}
}
/**** Highlight box styles ****/
 .highlight-box-center {
	 border: 1px solid #ccc;
	 margin: 10px auto;
	 width: 100%;
	 padding: 10px;
	 line-height: normal;
	 z-index: 0;
	 margin-bottom: 3rem;
}
.highlight-box-center p {
     text-align: left !important;
 }
 .highlight-box-right {
	 border: 1px solid #ccc;
	 margin-left: 10px;
	 padding: 10px;
	 width: 30%;
	 float: right;
	 line-height: normal;
	 z-index: 10;
}
 .highlight-box {
	 border: 1px solid #ccc;
	 padding: 10px;
	 line-height: normal;
	 z-index: 10;
}
 .alert {
	 border: 2px solid #c20430;
	 font-weight: bold;
	 font-size: 1.3em;
}
 .alert2 {
	 border: 2px solid #c20430;
	/* font-weight: bold;
	 */
	/*font-size: 1.1em;
	 padding: 0 1em;
	*/
	 width: 90%;
	/*background-color: lightyellow;
	 */
}
/*** MAIN AREA TWO COLUMN SPLIT ***/
 .divided-col-left {
	 float: left;
	 border-right: 1px dashed #CCC;
	 width: 45%;
	 padding-right: 5%;
}
 .divided-col-right {
	 float: right;
	 width: 45%;
	 clear: right;
	 position: relative;
	 z-index: 1;
}
.divided-col-right ~ .section-toggle {
	clear: left;
}
 .right-column .content .clear {
	 clear: left;
	 height: inherit;
	 padding-top: 10px;
}
/*** Auto flow two columns ***/
 .columns {
	 -webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	 -moz-column-count: 2;
	/* Firefox */
	 column-count: 2;
	 -webkit-column-gap: 2.4em;
	/* Chrome, Safari, Opera */
	 -moz-column-gap: 2.4em;
	/* Firefox */
	 column-gap: 2.4em;
}
 .columns li, .columns-3 li {
	 -webkit-column-break-inside: avoid;
	 page-break-inside: avoid;
	 break-inside: avoid;
}
 .columns-3 {
	 -webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	 -moz-column-count: 3;
	/* Firefox */
	 column-count: 3;
	 -webkit-column-gap: 2.4em;
	/* Chrome, Safari, Opera */
	 -moz-column-gap: 2.4em;
	/* Firefox */
	 column-gap: 2.4em;
}
/**** RESPONSIVE IFRAME ****/
/* https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/ */
 .resp-container {
	 position: relative;
	 overflow: hidden;
	 padding-top: 62%;
	/* 16:9 [PowerBI] */
	/* padding-top: 56.25%;
	 */
}
 .resp-iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: 0;
}
/**** three column divs ***/
 .three-column {
	 width: calc(100%/3);
	 padding: 1%;
	 float: left;
}
/*** TABLE CAPTIONS ***/
 table caption {
	 display: none;
}
/*** TABLE BORDERS ***/
 table.horiz-border {
	 border-top: 1px solid #C3C3AE;
	 margin-top: 5px;
}
 table.horiz-border td, table.horiz-border th {
	 border-bottom: 1px solid #C3C3AE;
	 padding: 3px 0px;
	 vertical-align: top;
}
/*** Transfer Pathway Tables ***/
 table.transfer-pathway {
	 border-top: 1px solid #000;
	 border-left: 1px solid #000;
	 width: 50%;
}
 table.transfer-pathway.left {
	 clear: both;
	 float: left;
}
 table.transfer-pathway.right {
	 float: right;
}
 table.transfer-pathway td {
	 border-right: 1px solid #000;
	 border-bottom: 1px solid #000;
	 padding: 5px;
	 margin: 0px;
}
/*** REVEAL/HIDE TOGGLE ***/
/*** REMOVED toggle styles KD 12/13/21 ***/
/**** FORM STYLES ****/
 form .horizontal-group {
	 overflow: auto;
}
 form .horizontal-field {
	 float: left;
	 margin-right: 10px;
}
 form.standard-form label {
	 display: block;
	 /*width: 150px;*/
	 /*float: left;*/
	 font-weight: bold;
	 clear: left;
}
 form.standard-form label.spaced {
	 width: 120px;
}
 form.standard-form label.no-width {
	 width: auto;
	 margin-left: 50px;
}
 form.standard-form label.normal {
	 width: auto;
	 clear: both;
}
 form.standard-form input.standard {
	 width: 300px;
}
 form.standard-form input.small {
	 width: 50px;
}
/*form.standard-form .three-column {
	 width: 33%;
	 float: right;
}
 */
 form.standard-form .no-label {
	 margin-top: 5px;
	 /*margin-left: 150px;*/
}
 form.standard-form .indent {
	 margin-top: 5px;
	 margin-left: 50px;
}
 form.standard-form label .note {
	 font-weight: normal;
}
 form.mini-form label {
	 display: block;
	 width: 50px;
	 float: left;
	 font-weight: bold;
}
/* An attempt to make an easy table that is easy to read */
 table.simpleTable {
	 border-collapse: collapse;
}
 div.responsiveTable {
	 overflow-x: auto;
	 overflow-y: hidden;
}
 table.simpleTable th {
	 padding: 5px 5px 5px 2px;
	 border-bottom: 2px solid #c3c3ae;
	 margin: 0;
	 text-align: left;
}
 table.simpleTable .highlight {
	 border: 2px solid #989888;
}
 table.simpleTable td {
	 margin: 0;
	 padding: 5px 5px 5px 2px;
	 border-bottom: 1px solid #c3c3ae;
	 vertical-align: top;
	 text-align: left;
}
 table.simpleTable.vertical th {
	 padding-left: 5px;
}
 table.simpleTable.vertical td {
	 border-right: 1px dashed #c3c3ae;
	 padding-left: 5px;
}
 table.simpleTable tr.bg-dark {
	 color: #fff;
	 background-color: #c20430;
}
 table.simpleTable tr.bg-light {
	 background-color: #F0F0EA;
}
 table.simpleTable tr td p, table.simpleTable tr td ul, table.simpleTable tr td ul {
	 margin-top: 0px !important;
	 margin-bottom: 0px !important;
}
 table.simpleTable tr td ul, table.simpleTable tr td ul {
	 margin-left: 10px !important;
}
/* tables */
 table.tablesorter {
	 font-family:arial;
	 background-color: #CDCDCD;
	 margin:10px 0pt 15px;
	 font-size: 8pt;
	 width: 100%;
	 text-align: left;
}
 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	 background-color: #f0f0ea;
	 border: 1px solid #FFF;
	 font-size: 8pt;
	 padding: 4px 11px 4px 4px;
}
 table.tablesorter thead tr .header {
	 background-image: url(../images/tablesort-bg.gif);
	 background-repeat: no-repeat;
	 background-position: center right;
	 cursor: pointer;
}
 table.tablesorter tbody td {
	 color: #3D3D3D;
	 padding: 4px;
	 background-color: #FFF;
	 vertical-align: top;
}
 table.tablesorter tbody tr.odd td {
	 background-color:#F7F7F4;
}
 table.tablesorter thead tr .header {
	 height: auto;
}
 table.tablesorter thead tr .headerSortUp {
	 background-image: url(../images/tablesort-asc.gif);
}
 table.tablesorter thead tr .headerSortDown {
	 background-image: url(../images/tablesort-desc.gif);
}
 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	 background-color: #c3c3ae;
}
/* Interfaith Calendar */
 table.interfaith {
	 border-collapse: collapse;
	 width: 100%;
	 margin-bottom: 1em;
}
 table.interfaith, table.interfaith th, table.interfaith td {
	 border: 1px solid #c3c3ae;
	 padding: 0 10px;
	 vertical-align: top;
}
 table.interfaith th {
	 text-align: left;
	 font-size: 1em;
}
 table.interfaith td.right {
	 width: 30%;
}
 table.interfaith .aug {
	 display: none;
}
 table.interfaith .oct {
	 display: block;
}
/* MiniCalendar (site events) Styles */
 #monthcalendar {
	 border-top: 1px solid #ccc;
	 margin-bottom: 1rem;
}
 #monthcalendar #event a {
	 text-decoration: none;
	 border-bottom: 1px solid #ccc;
	 display: block;
	 padding: 7px 5px;
	/*margin: 5px 0px 5px 0px;
	 */
	 overflow: auto;
}
 .right-column #monthcalendar #event a {
	 margin: 5px 0px 5px 0px;
}
 #monthcalendar #event a:hover {
	/*border: 1px solid #000;
	 */
	 background-color: #f8f8f8;
}
 #monthcalendar #event .eventInfo {
	 display: block;
	 overflow: auto;
}
 #left-column #monthcalendar #event .image img {
	 width: 100%;
}
 #left-column #monthcalendar #event .eventInfo {
	 clear: both;
}
 #monthcalendar #event .date {
	 font-size: .9em;
	 color: #999999;
	 line-height: 1.1em;
}
 #monthcalendar #event .what {
	 color: #000;
	 font-weight: bold;
}
 #monthcalendar #event .details {
	 color: #000;
}
 #monthcalendar #event img {
	 width: 100px;
	 float: left;
	 margin-right: 10px;
}
/* RSS Events (CollegiateLink) */
 .rssEvent {
	 display: block;
	 overflow: auto;
	 border: 1px solid #cc0000;
}
 .rssEvent h3.rssEventTitle {
	 margin: 1em 0 0 0;
	 font-size: .8em;
}
 .rssEvent p.rssEventDescription {
	 margin: 0 0 1em 0;
}
/* News from Today.stcloudstate.edu */
 #rssNewsList {
	 border-top: 1px solid #ccc;
}
 #rssNewsList .newsItem {
	 border-bottom: 1px solid #ccc;
	 padding: 7px 5px;
}
 #rssNewsList .newsItem a.newsblock {
	 text-decoration: none;
	 display: block;
	 padding: 7px 5px;
	 margin: -7px -5px;
	 overflow: auto;
}
 #rssNewsList .newsItem a.newsblock:hover {
	/*border: 1px solid #000;
	 */
	 background-color: #f8f8f8;
}
 #rssNewsList .newsItem .what {
	 color: #000;
	 font-weight: bold;
}
 #rssNewsList .newsItem .date {
	 font-size: .9em;
	 color: #999999;
	 line-height: 1.1em;
}
 #rssNewsList .two-columns {
	 width: 49%;
	 float: left;
}
 #rssNewsList .two-columns.one {
	 margin-right: 1%;
}
 #rssNewsList .two-columns.two {
	 margin-left: 1%;
}
/* GRID FORM STYLES */
 .grid-form *, .grid-form *:before, .grid-form *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 .grid-form p.note {
	 margin: 0px;
}
 .grid-form p.note-em {
	 margin: 0px;
	 font-style: italic;
}
 .grid-form .input-description input {
	 float: left;
}
 .grid-form .input-description .desc {
	 margin-left: 24px;
	 display: block;
	 margin-top: 7px;
}
 .grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea, .grid-form select {
	 font-size: 14px;
	 padding: 8px;
	 margin: 0;
	 width: 100%;
	 border: 1px solid #ddd;
	 border-radius: 3px;
	 color: #616161;
}
 .grid-form input[type="text"], .grid-form input[type="email"], .grid-form input[type="number"], .grid-form input[type="password"], .grid-form input[type="search"], .grid-form input[type="tel"], .grid-form input[type="url"], .grid-form input[type="color"], .grid-form input[type="date"], .grid-form input[type="datetime"], .grid-form input[type="datetime-local"], .grid-form input[type="month"], .grid-form input[type="time"], .grid-form input[type="week"], .grid-form textarea {
	/*border: 0;
	 background: transparent;
	 */
}
 .grid-form input[type="text"]::-webkit-input-placeholder, .grid-form input[type="email"]::-webkit-input-placeholder, .grid-form input[type="number"]::-webkit-input-placeholder, .grid-form input[type="password"]::-webkit-input-placeholder, .grid-form input[type="search"]::-webkit-input-placeholder, .grid-form input[type="tel"]::-webkit-input-placeholder, .grid-form input[type="url"]::-webkit-input-placeholder, .grid-form input[type="color"]::-webkit-input-placeholder, .grid-form input[type="date"]::-webkit-input-placeholder, .grid-form input[type="datetime"]::-webkit-input-placeholder, .grid-form input[type="datetime-local"]::-webkit-input-placeholder, .grid-form input[type="month"]::-webkit-input-placeholder, .grid-form input[type="time"]::-webkit-input-placeholder, .grid-form input[type="week"]::-webkit-input-placeholder, .grid-form textarea::-webkit-input-placeholder {
	 font-weight: 100;
	 color: #595959;
}
 .grid-form input[type="text"]:-moz-placeholder, .grid-form input[type="email"]:-moz-placeholder, .grid-form input[type="number"]:-moz-placeholder, .grid-form input[type="password"]:-moz-placeholder, .grid-form input[type="search"]:-moz-placeholder, .grid-form input[type="tel"]:-moz-placeholder, .grid-form input[type="url"]:-moz-placeholder, .grid-form input[type="color"]:-moz-placeholder, .grid-form input[type="date"]:-moz-placeholder, .grid-form input[type="datetime"]:-moz-placeholder, .grid-form input[type="datetime-local"]:-moz-placeholder, .grid-form input[type="month"]:-moz-placeholder, .grid-form input[type="time"]:-moz-placeholder, .grid-form input[type="week"]:-moz-placeholder, .grid-form textarea:-moz-placeholder {
	 font-weight: 100;
	 color: #595959;
}
 .grid-form input[type="text"]:focus, .grid-form input[type="email"]:focus, .grid-form input[type="number"]:focus, .grid-form input[type="password"]:focus, .grid-form input[type="search"]:focus, .grid-form input[type="tel"]:focus, .grid-form input[type="url"]:focus, .grid-form input[type="color"]:focus, .grid-form input[type="date"]:focus, .grid-form input[type="datetime"]:focus, .grid-form input[type="datetime-local"]:focus, .grid-form input[type="month"]:focus, .grid-form input[type="time"]:focus, .grid-form input[type="week"]:focus, .grid-form textarea:focus {
	 outline: none;
}
/*** Removed .grid-form input type submit and reset styles KD 12/16/21 ***/
 .grid-form fieldset {
	 border: none;
	 padding: 10px 0;
	 margin: 0;
}
 .grid-form fieldset legend {
	 border: none;
	 color: #404040;
	 font-size: 1.2em;
	 font-weight: bold;
	 padding-bottom: 5px;
	 position: static;
	 width: 100%;
}
 .grid-form fieldset fieldset {
	 margin-left: 10px;
	 margin-top: 10px;
}
 .grid-form fieldset fieldset legend {
	/*border-bottom: 2px solid #404040;
	 */
	 font-weight: normal;
	 padding-bottom: 0px;
}
 .grid-form fieldset fieldset fieldset legend {
	 border-bottom: 1px solid #404040;
	 font-weight: normal;
	 font-size: 15px;
}
 .grid-form [data-row-span] {
	 width: 100%;
	 zoom: 1;
}
 .grid-form [data-row-span]:before, .grid-form [data-row-span]:after {
	 content: "";
	 display: table;
}
 .grid-form [data-row-span]:after {
	 clear: both;
}
 .twitter-right {
	 width: 45%;
	 display: table-cell;
	 padding-right: 2%;
}
 .twitter-left {
	 width: 45%;
	 display: table-cell;
	 padding-left: 2%;
}
 @media only screen and (min-width: 0) and (max-width: 700px) {
	 .grid-form [data-row-span] {
		 border-bottom: none;
	}
	 #rssNewsList .two-columns {
		 width: 100%;
		 float: none;
	}
	 #rssNewsList .two-columns.one {
		 margin-right: 0;
	}
	 #rssNewsList .two-columns.two {
		 margin-left: 0;
	}
	 #scsuHeaderAnnouncement {
		 padding: 10px 30px 5px 30px;
	}
	 #scsuHeaderAnnouncement .announcement-container-header .covid-button-container {
		 grid-template-columns: repeat(1, 1fr);
	}
	 #scsuHeaderAnnouncement .announcement-container-header {
		 width: 100%;
	}
	 #scsuHeaderAnnouncement .announcement-container-header .description {
		 width: 100%;
		 margin-bottom: 8px;
	}
	 #scsuHeaderAnnouncement .announcement-container-header .cv19-description {
		 width: 100%;
		 margin-bottom: 8px;
	}
	 #scsuHeaderAnnouncement .announcement-container-header .bring-huskies-home {
		 float: none;
		 width: 100%;
	}
	 #scsuHeaderAnnouncement .announcement-container-header .bring-huskies-home a {
		 margin-left: 0px;
		 margin-bottom: 8px;
		 clear: left;
	}
}
 .grid-form [data-row-span] [data-field-span] {
	 padding: 0 2px 2px 2px;
	 float: left;
}
 @media only screen and (min-width: 0) and (max-width: 700px) {
	 .grid-form [data-row-span] [data-field-span] {
		/*border-bottom: 1px solid #333;
		 */
		 width: 100% !important;
	}
	 .grid-form .retain-format[data-row-span="4"] [data-field-span] {
		 width: 25% !important;
	}
	 .twitter-right {
		 width: 100%;
		 display: block;
		 padding-right: 0;
	}
	 .twitter-left {
		 width: 100%;
		 display: block;
		 padding-left: 0;
	}
}
 @media only screen and (min-width: 700px) {
	 .grid-form [data-row-span] [data-field-span] {
		/*border-right: 1px solid #333;
		 */
		 display: block;
	}
}
 .grid-form [data-row-span] [data-field-span] label:first-child {
	 margin-top: 4px;
	/*text-transform: uppercase;
	 letter-spacing: 1px;
	 font-size: 10px;
	 color: #333;
	 */
	 font-weight: bold;
	 display: block;
	 margin-bottom: 0;
}
 .grid-form [data-row-span] [data-field-span] label:first-child:hover {
	 cursor: text;
}
 .grid-form [data-row-span] [data-field-span]:last-child {
	 border-right: none;
}
 .grid-form [data-row-span] [data-field-span]:hover {
	/*background: #fffded;
	 */
	 cursor: text;
}
 .grid-form [data-row-span] [data-field-span].focus {
	/*background: #fffad4;
	 */
}
 .grid-form [data-row-span] [data-field-span].focus label {
	 color: #262626;
}
 @media print {
	 .grid-form [data-row-span] {
		 display: table;
		 height: 56px;
		 page-break-inside: avoid;
	}
	 .grid-form [data-row-span] [data-field-span] {
		 border-right: 1px solid #333333;
		 display: table-cell;
		 float: none;
	}
	 .grid-form [data-row-span] [data-field-span].focus, .grid-form [data-row-span] [data-field-span]:hover {
		 background: none;
	}
	 .grid-form [data-row-span] [data-field-span] label:first-child {
		 letter-spacing: 0;
	}
}
 .grid-form [data-row-span="1"] > [data-field-span="1"] {
	 width: 100%;
}
 .grid-form [data-row-span="2"] > [data-field-span="1"] {
	 width: 50%;
}
 .grid-form [data-row-span="2"] > [data-field-span="2"] {
	 width: 100%;
}
 .grid-form [data-row-span="3"] > [data-field-span="1"] {
	 width: 33.33333%;
}
 .grid-form [data-row-span="3"] > [data-field-span="2"] {
	 width: 66.66667%;
}
 .grid-form [data-row-span="3"] > [data-field-span="3"] {
	 width: 100%;
}
 .grid-form [data-row-span="4"] > [data-field-span="1"] {
	 width: 25%;
}
 .grid-form [data-row-span="4"] > [data-field-span="2"] {
	 width: 50%;
}
 .grid-form [data-row-span="4"] > [data-field-span="3"] {
	 width: 75%;
}
 .grid-form [data-row-span="4"] > [data-field-span="4"] {
	 width: 100%;
}
 .grid-form [data-row-span="5"] > [data-field-span="1"] {
	 width: 20%;
}
 .grid-form [data-row-span="5"] > [data-field-span="2"] {
	 width: 40%;
}
 .grid-form [data-row-span="5"] > [data-field-span="3"] {
	 width: 60%;
}
 .grid-form [data-row-span="5"] > [data-field-span="4"] {
	 width: 80%;
}
 .grid-form [data-row-span="5"] > [data-field-span="5"] {
	 width: 100%;
}
 .grid-form [data-row-span="6"] > [data-field-span="1"] {
	 width: 16.66667%;
}
 .grid-form [data-row-span="6"] > [data-field-span="2"] {
	 width: 33.33333%;
}
 .grid-form [data-row-span="6"] > [data-field-span="3"] {
	 width: 50%;
}
 .grid-form [data-row-span="6"] > [data-field-span="4"] {
	 width: 66.66667%;
}
 .grid-form [data-row-span="6"] > [data-field-span="5"] {
	 width: 83.33333%;
}
 .grid-form [data-row-span="6"] > [data-field-span="6"] {
	 width: 100%;
}
 .grid-form [data-row-span="7"] > [data-field-span="1"] {
	 width: 14.28571%;
}
 .grid-form [data-row-span="7"] > [data-field-span="2"] {
	 width: 28.57143%;
}
 .grid-form [data-row-span="7"] > [data-field-span="3"] {
	 width: 42.85714%;
}
 .grid-form [data-row-span="7"] > [data-field-span="4"] {
	 width: 57.14286%;
}
 .grid-form [data-row-span="7"] > [data-field-span="5"] {
	 width: 71.42857%;
}
 .grid-form [data-row-span="7"] > [data-field-span="6"] {
	 width: 85.71429%;
}
 .grid-form [data-row-span="7"] > [data-field-span="7"] {
	 width: 100%;
}
 .grid-form [data-row-span="8"] > [data-field-span="1"] {
	 width: 12.5%;
}
 .grid-form [data-row-span="8"] > [data-field-span="2"] {
	 width: 25%;
}
 .grid-form [data-row-span="8"] > [data-field-span="3"] {
	 width: 37.5%;
}
 .grid-form [data-row-span="8"] > [data-field-span="4"] {
	 width: 50%;
}
 .grid-form [data-row-span="8"] > [data-field-span="5"] {
	 width: 62.5%;
}
 .grid-form [data-row-span="8"] > [data-field-span="6"] {
	 width: 75%;
}
 .grid-form [data-row-span="8"] > [data-field-span="7"] {
	 width: 87.5%;
}
 .grid-form [data-row-span="8"] > [data-field-span="8"] {
	 width: 100%;
}
 .grid-form [data-row-span="9"] > [data-field-span="1"] {
	 width: 11.11111%;
}
 .grid-form [data-row-span="9"] > [data-field-span="2"] {
	 width: 22.22222%;
}
 .grid-form [data-row-span="9"] > [data-field-span="3"] {
	 width: 33.33333%;
}
 .grid-form [data-row-span="9"] > [data-field-span="4"] {
	 width: 44.44444%;
}
 .grid-form [data-row-span="9"] > [data-field-span="5"] {
	 width: 55.55556%;
}
 .grid-form [data-row-span="9"] > [data-field-span="6"] {
	 width: 66.66667%;
}
 .grid-form [data-row-span="9"] > [data-field-span="7"] {
	 width: 77.77778%;
}
 .grid-form [data-row-span="9"] > [data-field-span="8"] {
	 width: 88.88889%;
}
 .grid-form [data-row-span="9"] > [data-field-span="9"] {
	 width: 100%;
}
 .grid-form [data-row-span="10"] > [data-field-span="1"] {
	 width: 10%;
}
 .grid-form [data-row-span="10"] > [data-field-span="2"] {
	 width: 20%;
}
 .grid-form [data-row-span="10"] > [data-field-span="3"] {
	 width: 30%;
}
 .grid-form [data-row-span="10"] > [data-field-span="4"] {
	 width: 40%;
}
 .grid-form [data-row-span="10"] > [data-field-span="5"] {
	 width: 50%;
}
 .grid-form [data-row-span="10"] > [data-field-span="6"] {
	 width: 60%;
}
 .grid-form [data-row-span="10"] > [data-field-span="7"] {
	 width: 70%;
}
 .grid-form [data-row-span="10"] > [data-field-span="8"] {
	 width: 80%;
}
 .grid-form [data-row-span="10"] > [data-field-span="9"] {
	 width: 90%;
}
 .grid-form [data-row-span="10"] > [data-field-span="10"] {
	 width: 100%;
}
 .grid-form [data-row-span="11"] > [data-field-span="1"] {
	 width: 9.09091%;
}
 .grid-form [data-row-span="11"] > [data-field-span="2"] {
	 width: 18.18182%;
}
 .grid-form [data-row-span="11"] > [data-field-span="3"] {
	 width: 27.27273%;
}
 .grid-form [data-row-span="11"] > [data-field-span="4"] {
	 width: 36.36364%;
}
 .grid-form [data-row-span="11"] > [data-field-span="5"] {
	 width: 45.45455%;
}
 .grid-form [data-row-span="11"] > [data-field-span="6"] {
	 width: 54.54545%;
}
 .grid-form [data-row-span="11"] > [data-field-span="7"] {
	 width: 63.63636%;
}
 .grid-form [data-row-span="11"] > [data-field-span="8"] {
	 width: 72.72727%;
}
 .grid-form [data-row-span="11"] > [data-field-span="9"] {
	 width: 81.81818%;
}
 .grid-form [data-row-span="11"] > [data-field-span="10"] {
	 width: 90.90909%;
}
 .grid-form [data-row-span="11"] > [data-field-span="11"] {
	 width: 100%;
}
 .grid-form [data-row-span="12"] > [data-field-span="1"] {
	 width: 8.33333%;
}
 .grid-form [data-row-span="12"] > [data-field-span="2"] {
	 width: 16.66667%;
}
 .grid-form [data-row-span="12"] > [data-field-span="3"] {
	 width: 25%;
}
 .grid-form [data-row-span="12"] > [data-field-span="4"] {
	 width: 33.33333%;
}
 .grid-form [data-row-span="12"] > [data-field-span="5"] {
	 width: 41.66667%;
}
 .grid-form [data-row-span="12"] > [data-field-span="6"] {
	 width: 50%;
}
 .grid-form [data-row-span="12"] > [data-field-span="7"] {
	 width: 58.33333%;
}
 .grid-form [data-row-span="12"] > [data-field-span="8"] {
	 width: 66.66667%;
}
 .grid-form [data-row-span="12"] > [data-field-span="9"] {
	 width: 75%;
}
 .grid-form [data-row-span="12"] > [data-field-span="10"] {
	 width: 83.33333%;
}
 .grid-form [data-row-span="12"] > [data-field-span="11"] {
	 width: 91.66667%;
}
 .grid-form [data-row-span="12"] > [data-field-span="12"] {
	 width: 100%;
}
/* MnState Chat Feature */
 .yui-panel-container.yui-dialog.yui-simple-dialog {
	 position: fixed !important;
	/* right: calc(50vw - 152px);
	 bottom: 10vh;
	 */
	 right: 40px;
	 bottom: 40px;
	 z-index: 100;
}
/***** Left column spotlight (Provost/Husky Compact) *****/
 #spotlight {
	 background: linear-gradient(to top, #FFF 0%, #FFF 0%, #C3C3AE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*margin: -10px 0 0 -15px;
	 */
}
 #spotlight h3 {
	 color: #fff;
	 background-color: #881D1E;
	 padding: 10px 20px;
	 font-weight: normal;
}
 #spotlight .entry {
	 margin: 10px 20px;
	 border-bottom: 2px solid #000;
	 padding-bottom: 10px;
	 font-size: .9em;
}
 #spotlight .entry .name {
	 font-weight: bold;
	 font-style: italic;
	 font-size: 1.1em;
}
 #spotlight .entry .storyTitle {
	 font-weight: bold;
	 font-size: 1.3em;
	 color: #881D1E;
	 margin-top: 5px;
}
 #spotlight .entry a {
	 text-decoration: none;
}
 #spotlight .bottom {
	 background-color: #881D1E;
	 padding: 10px 20px 40px 20px;
	 color: #FFF;
	 background-image: url('../images/left-banner-bottom.png');
	 background-repeat: no-repeat;
	 background-position: center bottom;
}
 #spotlight .bottom h4 {
	 font-size: 1.2em;
}
 #spotlight .bottom p {
	 padding-bottom: 10px;
}
 #spotlight .bottom a {
	 padding: 5px 20px;
	 color: #fff;
	 border: 1px solid #fff;
	 border-radius: 4px;
	 -moz-border-radius: 2px;
	 text-decoration: none;
	 font-size: .8em;
	 display: inline-block;
	 margin-top: 1rem;
}
 #spotlight .bottom a:hover {
	 background: #fff;
	 color: #881D1E;
}
#spotlight h4 {
    color: #fff;
}
/* FORM - VIKING COKE INITIATIVE */
 form.InitiativeForm label {
	 display: block;
	 width: 150px;
	 float: left;
}
 form.InitiativeForm label.spaced {
	 width: 120px;
}
 form.InitiativeForm input.standard {
	 width: 300px;
}
 form.InitiativeForm input.small {
	 width: 50px;
}
 .InitiativeForm .GetInColumns {
	 width: 33%;
	 float: right;
}
 form .productrow {
	 border-bottom: 1px solid #ccc;
	 display: block;
	 clear: both;
	 overflow: auto;
	 padding-bottom: 2px;
	 padding-top: 2px;
}
 form .productcount {
	 width: 150px;
	 display: block;
	 float: right;
	 font-size: .8em;
	 color: #333;
}
 .additionalContent {
	 overflow: auto;
}
 a.spbutton {
	 border: 1px solid #c3c3ae;
	 background-color: #f0f0ea;
	 text-align: center;
	 display: block;
	 margin: 0px auto;
	 text-decoration: none;
	 padding: 10px;
	 font-size: 1.5em;
	 width: 400px;
	 -moz-border-radius: 8px;
	 border-radius: 8px;
}
 a:hover.spbutton {
	 background-color: #fff;
}
/**** SUB-SITE CLUDO SEARCH ****/
/* Search modal */
 .search_autocomplete {
	 position: relative !important;
	 top: -30px !important;
}
.search_autocomplete li {
	position: static !important;
	box-sizing: border-box;
}
 .search_autocomplete a {
	 Color: #c02430;
}
/* Banner styles */
 #cludo-search-results .cludo-banner a {
	 text-decoration: none !important;
}
 #cludo-search-results .cludo-banner a:hover {
	 text-decoration: none !important;
}
 #cludo-search-results .cludo-banner a .unleash {
	 text-transform: uppercase;
	 font-family: 'Roboto Condensed', sans-serif;
	 color: #000;
	 font-size: 2em;
	 font-weight: 700;
	 width: 30%;
	 text-align: center;
}
 #cludo-search-results .cludo-banner a .unleash .red {
	 font-style: italic;
	 color: #fff;
	 margin-left: -4px;
}
 #cludo-search-results .cludo-banner a.no-ul {
	 text-decoration: none !important;
}
 #cludo-search-results .cludo-banner a.no-ul:hover span {
	 text-decoration: none !important;
}
/* recommended pages */
 #cludo-404.override {
	 display:none;
}
/*Override results list items:*/
 #cludo-404.override ul li {
	 padding: 10px;
	 border-bottom: 1px solid #acacac;
	 margin-bottom: 0px;
}
 #cludo-404.override ul li:hover {
	 background-color: #efefef;
}
/*Override result list item title:*/
 #cludo-404.override ul li h4 a {
	 text-decoration: none;
}
/*Override results list item path:*/
 #cludo-404.override ul li a {
}
/**** POPUP MODAL for CHAT ****/
/* Button used to open the chat form - fixed at the bottom of the page - hidden by default */
 #showChat #openChat {
	 display: none;
}
 #showChat .open-button {
	 background-color: #c20430;
	 color: white;
	 padding: 10px 2px;
	 border: 1px solid #c3c3ae;
	 cursor: pointer;
	 opacity: 100;
	 position: fixed;
	 bottom: 10px;
	 right: 10px;
	 width: 80px;
	 z-index: 100;
}
 #showChat .open-button::after {
	 content: "\f086";
	 font-family: "Font Awesome 5 Free";
	 font-size: 3em;
}
 #showChat .open-button:hover {
	 color: #000;
	 border: 1px solid #000;
}
 #showChat .cancel {
	 color: #c02430;
	 background-color: #fff;
	 border: none;
	 cursor: pointer;
	 opacity: 100;
	 float: right;
	 margin: 0px;
	 padding: 0px;
}
 #showChat .cancel::after {
	 content: "\f410";
	 font-family: "Font Awesome 5 Free";
	 font-size: 2em;
}
/* Start chat - shown by default */
 #showChat #myForm {
	 display: block;
}
 #showChat .chat-popup {
	 position: fixed;
	 bottom: 10px;
	 right: 10px;
	 border: 2px solid #c20430;
	 z-index: 9;
	 width: 500px;
}
/* Add styles to the form container */
 #showChat .form-container {
	 max-width: 500px;
	 padding: 10px 30px;
	 background-color: white;
}
/* Full-width textarea */
 #showChat .form-container h2 {
	 color: #000;
	 font-weight: 900;
	 clear: right;
}
/* Set a style for the submit/send button */
 #showChat .chat-popup .btn {
	 background-color: #c20430;
	 color: white;
	 padding: 16px 20px;
	 border: none;
	 cursor: pointer;
	 width: 100%;
	 margin-bottom:10px;
	 opacity: 0.8;
}
/* Add a red background color to the cancel button #showChat .form-container .cancel {
	 background-color: red;
}
 */
/* Add some hover effects to buttons */
 #showChat .chat-popup .btn:hover, .cancel:hover {
	 opacity: 0.8;
}
 @media screen and (max-width: 500px) {
	 #showChat .chat-popup {
		 position: fixed;
		 bottom: 0px;
		 right: 0px;
		 border: 2px solid #c20430;
		 z-index: 9;
		 width: 99% 
	}
	 #showChat .form-container {
		 max-width: 100%;
	}
}
/*** END POPUP MODAL for CHAT ***/
/*** GENERAL MEDIA SCREEN STYLES ***/
 @media screen and (max-width: 500px) {
	 img.error-img {
		 float: none;
		 display: block;
		 margin: auto;
	}
	/*** RIGHT CALLOUT AREA ***/
	 #layout-2-column #main-column .right-area {
		 width: 100%;
		 float: none;
		 border: none;
		 margin-left: 0;
		 padding-left: 0;
	}
	 #layout-2-column #main-column .left-area {
		 width: 100%;
		 float: none;
	}
	 .highlight-box-right {
		 border: 1px solid #ccc;
		 margin-left: 0px;
		 padding: 10px;
		 width: auto;
		 float: none;
	}
	/**** three column divs ***/
	 .three-column {
		 width: 100%;
		 float: none;
	}
	/** list columns shrunk down for small screen **/
	 .columns {
		 -webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		 -moz-column-count: 1;
		/* Firefox */
		 column-count: 1;
	}
	 .columns-3 {
		 -webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		 -moz-column-count: 2;
		/* Firefox */
		 column-count: 2;
		 -webkit-column-gap: 2.4em;
		/* Chrome, Safari, Opera */
		 -moz-column-gap: 2.4em;
		/* Firefox */
		 column-gap: 2.4em;
	}
	/*** MAIN AREA TWO COLUMN SPLIT ***/
	 .divided-col-left {
		 float: none;
		 border-right: 0px;
		 width: 100%;
		 padding-right: 0;
		 margin-bottom: 3rem;
	}
	 .divided-col-right {
		 float: none;
		 width: 100%;
		 clear: right;
		 margin-bottom: 3rem;
	}
}
/*** CUSTOM SOCIAL MEDIA ICONS ***/
.social-media {
	font-size: .9em;
	padding: 0 0 10px 0;
	width: 20em;
	margin-bottom: 1em;
}
.social-media .badge {
	margin: -1px 0 -1px -5px;
}
.social-media a {
    border-left: 1px solid #ddd;
    height: 30px;
    width: 85%;
    margin: 5px 0px 0px 0px;
    padding: 0;
    text-decoration: none;
    color: #fff;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: table;
}
.social-media a.twitter { 
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    background-color: #ececec;
    color: #333;
}
.social-media a:hover.twitter { 
    background-color: #2aa9df; color: #fff; 
}
.social-media a.facebook { 
    border-top: 1px solid #475f8d;
    border-right: 1px solid #475f8d;
    border-bottom: 1px solid #475f8d;
    border-left: 1px solid #ddd;
    background-color: #2d5291;
    color: #fff;
}
.social-media a:hover.facebook {
    background-color: #fff;
    color: #000;
}
.social-media a.linkedin {
    border-top: 1px solid #475f8d;
    border-right: 1px solid #475f8d;
    border-bottom: 1px solid #475f8d;
    border-left: 1px solid #ddd;
    background-color: #17699e;
    color: #fff;
}
.social-media a:hover.linkedin { 
    background-color: #fff; 
    color: #000; 
}
.social-media a.instagram {
    border-top: 1px solid #3D6C92;
    border-right: 1px solid #3D6C92;
    border-bottom: 1px solid #3D6C92;
    border-left: 1px solid #ddd;
    background-color: #3D6C92;
    color: #FFF;
}
.social-media a:hover.instagram { 
    background-color: #fff; 
    color: #000; 
}
.social-media a .text {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.1em;
	padding-left: 5px;
}
.social-media a.youtube {
    border-top: 1px solid #c3cad0;
    border-right: 1px solid #c3cad0;
    border-bottom: 1px solid #c3cad0;
    border-left: 1px solid #ddd;
    background-color: #ececec;
    color: #000;
}
.social-media a:hover.youtube { 
    background-color: #fff; 
    color: #333; 
}
.social-media a.blog {
    border-top: 1px solid #192435;
    border-right: 1px solid #192435;
    border-bottom: 1px solid #192435;
    border-left: 1px solid #ddd;
    background-color: #ececec;
    color: #192435;
}
.social-media a:hover.blog { 
    background-color: #192435; 
    color: #FFF; 
}
.social-media a.soundcloud {
    border-top: 1px solid #892c08;
    border-right: 1px solid #892c08;
    border-bottom: 1px solid #892c08;
    border-left: 1px solid #fff;
    background-color: #ff5419;
    color: #FFF;
}
.social-media a:hover.soundcloud { 
    background-color: #fff; 
    color: #000; 
}
/*** CUSTOM IMAGE GALLERY POSITIONING OVERRIDE ***/
.gallery ~ div {
	position: static;
}
/*** TOOLTIP POSITIONING OVERRIDE ***/
.tooltiptext {
    box-sizing: initial;
}
/*** ANCHOR LINK POSITIONING ***/
:target {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}
/*** ALWAYS CLEAR THE LONG-BUTTON PARENT DIV SO IT STAYS BELOW THE FLOATED COLUMNS ***/
.long-button-wrapper {
	clear: left;
	padding-top: 1em;
}
/*** CUSTOM CSS GRID FOR BUTTONS ***/
.grid-button-wrapper-4col {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(4, minmax(2em, 1fr));
    margin-bottom: 1em !important;
    text-align: center;
}
.grid-button-wrapper-3col {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(3, minmax(2em, 1fr));
    margin-bottom: 1em !important;
    text-align: center;
}
.grid-button-wrapper-2col {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(2, minmax(2em, 1fr));
    margin-bottom: 1em !important;
    text-align: center;
}
.grid-button .long-button {
    width: 100%;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
	.grid-button-wrapper-2col, .grid-button-wrapper-3col, .grid-button-wrapper-4col {
	    grid-template-columns: repeat(1, minmax(2em, 1fr));
	}
}
@media only screen and (min-width: 768px) and (max-width: 1500px) {
	.grid-button-wrapper-4col {
	    grid-template-columns: repeat(2, minmax(2em, 1fr));
	}
}
/*** FLATPICKR ***/
.flatpickr-input-group {
	display: flex;
	align-items: center;
}
.flatpickr-input-group label {
    margin-right: 0.5em;
}
.flatpickr-input-button {
	text-decoration: none;
	border: 1px solid #ededed;
	margin-left: 1px;
	display: block;
	padding: 13px;
	cursor: pointer;
	align-self: center;
	justify-content: center;
	line-height: 1
}
.flatpickr-input-button:hover {
	background: #eee;
}
.flatpickr-calendar {
    z-index: 0 !important; /* Don't show on top of main menu nav */
}