:root {
	--blue: 0, 63, 95;
	--lblue: 136, 179, 218;
	--business: 0, 133, 170;
	--career: 217, 86, 15;
	--health: 184, 202, 66;
	--liberal: 135, 45, 145;
	--wellness: 126, 148, 45;
	--stem: 171, 39, 24;
	--white: 255, 255, 255;
	--lgray: 248, 248, 248;
	--mgray: 168, 168, 168;
	--yellow: 255, 243, 205;
	--limer: 102, 255, 0;
	--black: 0, 0, 0;
	--gunmetal: 55, 60, 73;
	--link: 42, 93, 176;
	--glink: 0, 0, 255;
	--friends-orange: 246, 191, 76;
}

*::selection {
  background: rgba(var(--limer), .5);
}

*::-moz-selection {
  background: rgba(var(--limer), .3);
}

@import url('https://fonts.googleapis.com/css?family=Sora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');


/* Search for mobile breakpoints for end of document area

**** ACCORDION CODE
<div class="cool_accordion">
<div>
<p class="cool_accordion_toggle"></p>
<div class="hidden_content collapse">
</div>
</div>
</div>

**** CAROUSEL CODE
<div aria-label="Newest Photos">
   <div class="new-carousel data-carousel">​ 
      <button type="button" class="carousel-button data-carousel-button prev"><i class="fad fa-arrow-square-left"></i></button>
      <button type="button" class="carousel-button data-carousel-button next"><i class="fad fa-arrow-square-right"></i></button>
      <ul class="data-slides">
         <li class="slide data-active">
            <img src="" alt=""/>
         </li>
         <li class="slide"> 
            <img src="" alt=""/>
         </li>
      </ul>
   </div>
</div>

*/
.memorial-section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
	gap: 1rem;
}

.memorial-layout {
	align-items: center;
	background: rgba(var(--lblue), .3);
	box-shadow: 0px 0px 5px #000;
	padding: 10px;
}

.memorial-layout p {
	padding: 0;
	margin: 0px 10px;
}

.memorial-layout p a {
	display: block;
	color: #fff !important;
	text-align: center;
	border-radius: .5rem;
	margin-top: 10px;
	padding: 1rem 2rem;
	width: 100%;
	background: rgba(var(--blue), .9);
	text-decoration: none !important;
}

.memorial-layout p a:hover {
	background: rgba(var(--blue), 1);
}

.memorial-layout img {
	height: 200px;
	display: block;
	margin: 0 auto;
	padding: 5px;
	border-radius: 1rem;
	border: 1px solid rgba(var(--gunmetal), 1);
	background: #fff;
}

.aboutus a {
	color: rgba(var(--glink), 1);
	text-decoration: underline;
}

.aboutus a:hover {
	color: rgba(var(--link), 1);
}

p {
	line-height: 1.5;
}

.placement_table th,
.placement_table td {
	vertical-align: top;
}

.placement_table tr {
	border-bottom: 1px solid #a8a8a8;
}

.placement_table th {
	background: rgba(var(--lblue), .4);
	padding: 10px;
}
.placement_table td {
	padding: 10px;
}

.placement_table tr:nth-child(even) {
	background: rgba(var(--lblue), .2);
}

.placement_table th p,
.placement_table td p {
	margin: 0; padding: 0;
}

.faqHeader {
	font-weight: bold !important;
	background: #f4ae3b !important;
	color: #000 !important;
	margin: 30px 0px 0px 0px !important; padding: 5px 10px !important;
	border-bottom: 2px solid #003f5f;
}

.cool_accordion {
	margin: 10px 0px;
}

.cool_accordion .fa-check {
	color: red;
	font-size: 24px;
	margin-right: 10px;
}

.cool_accordion > div:first-of-type {
	border-top: 1px solid rgba(var(--lblue), .4);
}

.cool_accordion > div:nth-of-type(odd) {
	background: #f8f8f8;
	border-bottom: 1px solid rgba(var(--lblue), .4);
}

.cool_accordion > div:nth-of-type(even) {
	background: #fff;
	border-bottom: 1px solid rgba(var(--lblue), .4);
}

.cool_accordion .cool_accordion_toggle {
	padding: 15px 30px 15px 10px;
	margin: 0px;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	color: #000 !important;
	font-weight: bold;
}

.cool_accordion .cool_accordion_toggle:before {
	font-family: 'FontAwesome';
	content: "\f0fe";
	float: right;
	margin-left: 20px;
	vertical-align: -50%;
}

.cool_accordion .cool_accordion_toggle:hover,
.cool_accordion  .cool_accordion_toggle.active {
	color: #000 !important;
	background: rgba(var(--lblue), .2);
}

.cool_accordion p.active {
	border-bottom: 1px solid rgba(var(--lblue), 1);
}

.cool_accordion p.active:before {
	font-family: 'FontAwesome';
	content: "\f146";
}

.cool_accordion .hidden_content {
	display: none;
	font-family: 'Roboto', sans-serif;
	padding: 25px 20px;
	color: #000;
}

.cool_accordion .hidden_content p, 
.cool_accordion .hidden_content li,
.cool_accordion .hidden_content span,
.cool_accordion .hidden_content div,
.cool_accordion .hidden_content td {
	color: #000;
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
}

.cool_accordion .hidden_content ul,
.cool_accordion .hidden_content ol {
	margin: 0px 0px 0px 20px;
}

.cool_accordion .hidden_content ul li,
.cool_accordion .hidden_content ol li {
	padding: 0px 0px 10px 10px;
	margin: inherit;
}



/*nested content */

.nested_accordion > div {
	
}

.nested_accordion .nested_accordion_toggle {
	padding: 10px 0px;
	margin: 0px;
	cursor: pointer;
	font-weight: bold;
}

.nested_accordion .nested_accordion_toggle:hover,
.nested_accordion p.nested_active {
	color: #972111;
}

.nested_accordion .nested_accordion_toggle:before {
	font-family: 'FontAwesome';
	content: "\f105";
	margin-right: 5px;
}

.nested_accordion p.nested_active:before {
	font-family: 'FontAwesome';
	content: "\f107";
	margin-right: 5px;
	color: #972111;
	font-weight: bold;
}

.nested_accordion .nested_content {
	display: none;
	padding: 10px;
	color: #000;
	border-left: 1px solid #972111;
	border-radius: 5px;
}

.nested_content br {
	display: none;
}

.nested_accordion .nested_content p, 
.nested_accordion .nested_content li,
.nested_accordion .nested_content span,
.nested_accordion .nested_content div,
.nested_accordion .nested_content td {
	color: #000;
	font-size: 1rem !important;
	font-family: Verdana !important;
}


.boring_table {
	background: #efeff0;
	border-collapse: collapse;
  	border-radius: 5px;	
  	margin: 0px 0px 10px;
  	width: 60%;
}

.boring_table th {
	padding: 10px;
	margin: 0px;
	text-align: left;
	background: #353535;
}

.boring_table th p {
	color: #FFF;
}

.boring_table ul {
	margin: 0px;
}

.boring_table td {
	padding: 10px;
	vertical-align: top;
}

.boring_table p, .boring_table li {
	color: #000;
	margin: 0px;
	padding: 0px;
}

.support_table {
	background: #fbeec1;
	border-collapse: collapse;
  	border-radius: 5px;	
  	width: 100%;
  	margin: 0px 0px 10px;
  	border: 2px solid #9D9579;
}

.support_table th {
	padding: 5px 10px;
	margin: 0px;
	text-align: left;
	background: #90BFF7;
	border-bottom: 2px solid #9D9579;
}

.support_table th p {
	color: #000;
}

.support_table ul {
	margin: 0px;
}

.support_table td {
	padding: 5px 10px;
	vertical-align: top;
	font-size: 13px !important;
	background: #fff;
}

.support_table p, .support_table li,.support_table span {
	color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 13px !important;
	font-family: Verdana !important;
}


.AlertMessage {
	margin: 0px 0px 20px;
	border: 1px solid #ccc;
	box-shadow: 4px 4px #A9A9A9;
}

.AlertMessage > .alertHeader {
	background: #AA2413;
	color: #fff;
	padding: 5px 10px;
	margin: 0px;
}

.AlertMessage > .alertHeader:before {
	font-family: FontAwesome;
	content: "\f06a";
	margin: 0px 5px 0px 0px;
}

.AlertMessage > .alertBody {
	background: #eee;
	margin: 0px;
	color: #000;
	padding: 5px 15px;
}

.alertHeader a {
	color: #fff !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

.AlertMessage .alertBody p, .AlertMessage .alertBody li {
	color: #000;
}

.currentcourseofferings th {
	background: #f8f8f8;
	color: #000;
}

.currentcourseofferings td, .currentcourseofferings th {
	padding: 10px;
}

/* PAB AREA */
.pab:first-of-type {
	border-top: 1px solid #1d6f85;
}
.pab {
	border-bottom: 1px solid #1d6f85;
	background: #f8f8f8;
	padding: 20px;
}

.pab p {
	color: #000 !important;
}

.pab img {
	display: block; margin: auto;
	border: 1px solid #000;
	border-radius: 8px;
	max-width: 110px;
 }
 
.pab i {
	color: #d9560f;
}

/* Video Area */
.text-video-section-wrapz .v-header {
	height: 60vh;
	display: flex;
	align-items: center;
	margin:auto;
	color: #fff;
}

.text-video-section-wrapz .container {
	position: relative;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: auto;
	text-align: center;
}

.text-video-section-wrapz .fullscreen-video-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60vh;
	overflow: hidden;
	padding: 3px;
}

.text-video-section-wrapz .fullscreen-video-wrap iframe {
	min-width: 100%;
	min-height: 100%;
}

.text-video-section-wrapz .header-overlay {
	height: 80vh;
	width: 100vw;
	position: absolute;
	top: 0;
	left: 0;
	background: #225470;
	opacity: 0.85;
}

.text-video-section-wrapz .header-content {
	z-index: 2;
	display: block; margin: auto;
}

.text-video-section-wrapz .header-content h1 {
	font-size: 50px;
	margin-bottom: 0;
}

.text-video-section-wrapz .header-content p {
	font-size: 1.5rem;
	display: block;
	padding-bottom: 2rem;
}

.text-video-section-wrapz .btn {
	background: #34b3a0;
	color: #fff;
	font-size: 1.2rem;
	padding: 1rem 2rem;
	text-decoration: none;
}

.library-quick-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	text-align: center;
}

.hometile {
	display: grid;
	transition: .2s ease;
}

.hometile a {
	background: rgba(var(--mgray), .1);
	border: 6px double rgba(var(--mgray), .5);
	padding: 1.5rem 1rem;
	border-radius: 1rem;
	text-decoration: none !important;
}

.hometile a:hover {
	text-decoration: none;
	background: rgba(var(--mgray), .2);
	border: 6px double rgba(var(--mgray), 1);
}

.hometile i {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.hometile p {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.hometile:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: .2s ease;
}

.hometile:active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.liblinks p {
	height: 60px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #c4c4c4;
	background-color: transparent;
	font-size: 2rem;
	color: #333;
	background-image: linear-gradient(to bottom,transparent,transparent 50%,rgba(0,0,0,.04));
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.45), inset 0 -1px 0 0 rgba(255,255,255,.15), 0 1px 0 0 rgba(255,255,255,.15);
	text-shadow: 0 1px rgba(255,255,255,.4);
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 33%;
}

.contact_information {	
	background: #003f5f;
	color: #fff;
	padding: 15px 10px;
	margin-bottom: 20px;
}

.contact_information a {
	color: #fff !important;
}

.jobposting {
	width: 100%;
	margin: auto;
	font-size: 13px;
}

.jobposting th {
	text-align: center; 
	background: #f8f8f8;
	padding: 10px;
	border-bottom: 4px double #a8a8a8;
}

.jobposting td{
	padding: 10px;
	width: 16%;
	border-bottom: 4px double #a8a8a8;
}
.jobposting > .ms-list-emptyText-compact {
	font-size: 13px !important;
	padding: 10px;
}

.cityviewtable {
	width: 100%;
}

.cityviewtable th {
	text-align: center;
	border-bottom: 1px dashed #a8a8a8;
}

.cityviewtable td {
	border-bottom: 1px dashed #a8a8a8;
}

.cityviewtable td, th {
	padding: 5px;	
}

.center {
	text-align:center;
}

figure {
	display: block;
	background: #eee;
	padding: 10px;
	margin: 0px;
}

.ArticleCopy {
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  margin:0 auto;
  padding: 10px 5px;
}

.ArticleCopy p {
    text-rendering: optimizeLegibility;
}

.ArticleCopy blockquote {
    position: relative;  /*  <--- */
    padding: 1rem 1.2rem;
    width: 90%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 0px auto;
    line-height: 2;
    background: rgba(var(--lblue), .1);
    border: 1px solid rgba(var(--blue), .2);
}

/* -- create the quotation marks -- */
.ArticleCopy blockquote:before,
.ArticleCopy blockquote:after{
    font-family: FontAwesome;
    position: absolute;
    /* -- inside the relative position of blockquote -- */
    top: 13px;
    color: rgba(var(--blue), .8);
    font-size: 26px;
}

.ArticleCopy blockquote:before{
    content: "\f10d";
    margin-right: 13px;
    right: 100%;
}

.ArticleCopy blockquote:after{
    content: "\f10e";
    margin-left: 13px;
    left: 100%;  
}

.spc-quote {
	color: rgba(var(--blue), 1);
}

.infosession {
	border: 3px double #a8a8a8;
	padding: 10px;
	background: #f8f8f8;
}

.tuition_refund_table {
	width: 100%;
	border: 1px solid #a8a8a8;
}

.tuition_refund_table th, .tuition_refund_table td {
	padding: 10px;
	text-align: left;
}

.tuition_refund_table th {
	background: #003653;
	border-bottom: 1px solid #a8a8a8;
}

.tuition_refund_table tr.section {
	border-top: 1px solid #a8a8a8;
	background: #eee;
	border-bottom: 1px solid #a8a8a8;
}

.tuition_refund_table th p {
	color: #fff !important;
}

.tuition_refund_table p {
	margin: 0; padding: 0;
}

.caption_text {
	font-size: 0.7rem !important;	
	line-height: 1.6 !important;
	text-align: center;
}

.openhouseboxtest {
	background-image: url("https://www.saintpaul.edu/PublishingImages/background-areas-of-instruction.jpg");
	background-size: cover;
	margin: 0; padding: 20px;
}

.openhousebox {
	background: #fff;
	width: 70%;
	padding: 20px;
	border: 6px #0085AA double;
	display: block;
	margin: 0px auto 0px;
	border-radius: 10px;
}

.openhousebox li {
	padding: 8px 5px;
}

.white-bg {
	padding: 10px 20px;
	width: 75%;
	display: block;
	margin: 5px auto;
}

.white-bg .post-date {
	margin: 0px;
}

.aei--news {
	padding: 10px;
	margin: 0px;
}

.aei--news a {
	color: #1D6F85 !important;
	margin: 0px; padding: 0px;
}

.aei--news a:hover {
	text-decoration: none;
}

.white-bg .post-date:before,
.white-bg .more-info:after {
	color: #fff;
}

.white-bg hr {
	border-top: 1px solid #A2CDF4;
}

.quality_matters {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebe9f9+0,d8d0ef+62,c1bfea+100 */
	background: rgb(235,233,249); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 62%, rgba(193,191,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 62%,rgba(193,191,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 62%,rgba(193,191,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 */
}

.quality_matters td {
	vertical-align: top;
}

.quality_matters ul,
.quality_matters p {
	padding: 5px;
	margin: 5px;
}

.quality_matters p.right_arrow {
	text-align: center;
	margin: 0px;
	padding: 10px;
	font-weight: bold;
	font-size: 15px !important;
	color: #fff;
	position:relative;
}

.quality_matters p.right_arrow:after,
.quality_matters p.right_arrow:before {
	content:"";
    position:absolute;
    width:20px;
    height:50%;
    left:100%;
}

.quality_matters p.arrow_pink {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,a80077+100,c146a1+100,db36a4+100,c146a1+101 */
	background: rgb(203,96,179); /* Old browsers */
}

.quality_matters p.arrow_purple {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,a80077+100,c146a1+100,db36a4+100,c146a1+101 */
	background: rgb(147,112,219); /* Old browsers */
}

.quality_matters p.arrow_blue  {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,a80077+100,c146a1+100,db36a4+100,c146a1+101 */
	background: rgb(65,105,225); /* Old browsers */
}

.quality_matters p.arrow_pink:after {
    bottom:0;
    background: linear-gradient(to right bottom, rgb(203,96,179) 50%, transparent 50%);
    z-index: 1;
}
.quality_matters p.arrow_pink:before {
	top:0;
    background: linear-gradient(to right top, rgb(203,96,179) 50%, transparent 50%);
     z-index: 1;
}

.quality_matters p.arrow_purple:after {
    bottom:0;
    background: linear-gradient(to right bottom, rgb(147,112,219) 50%, transparent 50%);
     z-index: 2;
}
.quality_matters p.arrow_purple:before {
	top:0;
    background: linear-gradient(to right top, rgb(147,112,219) 50%, transparent 50%);
    z-index: 2;
}

.quality_matters p.arrow_blue:after {
    bottom:0;
    background: linear-gradient(to right bottom, rgb(65,105,225) 50%, transparent 50%);
    z-index: 3;
}
.quality_matters p.arrow_blue:before {
	top:0;
    background: linear-gradient(to right top, rgb(65,105,225) 50%, transparent 50%);
    z-index: 3;
}

.quality_matters td {
	border: 2px solid #fff;
	
}

.quality_matters td p,
.quality_matters td li {
	font-size: 0.8rem !important;
}

.box_divider {
	margin: 10px;
	padding: 10px;
	border: 1px solid #a8a8a8;
}

.holiday_hours th,
.holiday_hours td {
	padding: 2px;
	text-align: center;
	width: 50%;
	border: 1px solid #f1f1f1;
}

.holiday_hours th {
	background: #f8f8f8;
}

.holiday_hours p {
	font-size: 0.8rem !important;
	margin: 0px !important;
}

.boxed {
}

.boxed p:first-of-type{
	padding: 5px; margin: 0px;
	background: #a8a8a8;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border: 1px solid #a8a8a8;
}

.boxed ul {
	background: #f8f8f8;
	margin: 0px; padding: 5px;
}

.boxed li {
	font-size: 0.9rem;
}

.cool_box {
	border-left: 2px solid #ccc;
	padding: 10px;
	margin-left: 10px;
}

.TheDocumentsWidget .text-primary {
	padding: 0; margin: 0;
	border-bottom: 1px solid #a8a8a8;
	font-size: 26px;
	color: #000;
}

.smalltext {
	font-size: 0.7rem;
}

.sresources img {
	margin: auto;
	display: block;
}

.sresources h3  {
	text-align: center;
}

.timerstyle, .timerstyle span {
	color: #fff !important;
	font-size: 26px;
}

.career_buttons td {
	height: 75px;
	padding: 15px;
	vertical-align: top;
}

.container {
	padding: 0px 20px;
}


.programAlert {
	background: #f8f8f8;
   	clear: both;
   	margin: 0px 0px 10px 0px;
}

.programAlert p {
	padding: 0 0 10px; margin: 0;
}

.prgAlertHeader {
	font-size: 1.1rem !important;
	text-align: center;
	padding: 0 !important; margin: 0 !important;
}

.programAlert .prgAlertHeaderBusiness {
	background: rgba(var(--business), 1);
	color: #fff;
}

.programAlert .prgAlertHeaderHealth {
	background: rgba(var(--health), 1);
	color: #fff;
}

.programAlert .prgAlertInside {
	padding: 0px 20px;
}

.programAlert .prgHdr {
	text-decoration: underline;
	color: #1D6F85;
	margin: 0; padding: 0;
}

.orientation-button a:nth-child(2) {
	float: right;
}

.statement {
	text-align: center;
	
}

.statement a {
	color: #fff;
	text-decoration: underline;
}

.statement a:hover {
	text-decoration: underline;
}

.gpacalc
{
	border: 1px solid #f8f8f8;
}

.gpacalc th
{
	background:#f8f8f8;
	color: #000;
	padding: 5px;
	font-size: 0.9rem;
	vertical-align: top;
}

.gsc-branding-img {
	display: none;
}

.gpacalc td
{
	padding: 5px;
	font-size: 0.8rem;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
	border-color: none;
	background-color: none;
}

.reg_info .registration:nth-child(odd) {
	background: #e6e6e6;
}

.registration {
	background: #f5f5f5;
	margin: 0 0 2%;
	-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}

.registration div {
	padding: 10px;
	border-bottom: 1px solid rgba(var(--lblue), .6);
	border-top: 1px solid rgba(var(--lblue), .6);
	font-family: 'Roboto', sans-serif;
}

.registration h5 {
	margin: 0 !important; padding: 15px !important;
	background: rgba(var(--lblue), .3);
	color: #000 !important;
	font-family: 'Roboto', sans-serif;
	font-weight: bold !important;
}

#ms-designer-ribbon {
	position: relative;
}

.deptAlert {
    background: #e2402e;
    color: #fff;
    border: 2px solid #ab2718;
    border-radius: 3px;
    padding: 10px;
    margin: 0px 0px 20px;
    text-align: left;
}

.alert {
    background: #AA2413;
    color: #fff;
    padding: 10px 130px 10px 10px;
    position: relative;
    z-index: 2000;
    display: none;
    line-height: 1.8em;
    text-align: center;
}

.alert .close {
    line-height: 1.5;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.alert .close:after {
    position: relative;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #fff;
    font-size: 2.3rem;
    line-height: 1.5;
    vertical-align: middle;
    padding-left: 10px;
    top: -2px;
    cursor: pointer;
}

.alert a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.dropitdown h6{
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: 0.4s;
	color: #000 !important;
	font-weight: bold;
	display: inline-block;
}

.ms-gb {
	border: none !important;
	height: inherit;
	padding: inherit;
	color: #1D6F85;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.ui-state-active, .dropitdown h6:hover {
	background: #e8e8e8;
	border: 1px solid #ccc;
}

div.panel {
    padding: 0px 10px;
	display: none;
}

.grouptitle {
	padding: 20px 0px 10px;
	font-size: 15px;
	color: #0085AA;
}


.ms-spellcheck-error {
	font-weight: bold;
	background-color: yellow;
	color: red;
}

#container{
	margin: 0px;
	padding: 0px;
	width: 500px;
}
#container ul.menu{
	margin: 0px;
	padding: 0px;
}
#container ul.menu li{
	font-weight: 700;
	list-style-type: none;
	float: left;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin: 0px;
	display: block;
	border: 1px solid #d0ccc9;
	color: #898989;
	cursor: pointer;
}
.middlename
{
	width: 10px;
}
#container ul.menu li.active{
	background: #fff;
	color: #5f95ef;
}

iframe{
    overflow:hidden;
} 

.pacm img {
	margin: 5px auto;
	display: block;
}

.pacm > .section {
	width: 95%;
	margin: 5px auto;
	background: #F8F9F9;
	border-bottom: 1px solid #a8a8a8;
}

.pacm > div:nth-of-type(even) {
	background: #EBF1F4;
}

.pacm > div:first-child {
	border-top: 1px solid #a8a8a8;
}


/*********************************************
    ## Elements 
*********************************************/
/*custom code*/

.graduation_button {
	border: 1px solid #000;
	background: #0085AA;
	font-size: 22px;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	color: #fff !important;
	display: block;
	text-align: center;
	font-weight: bold;
}

.graduation_button:hover {
	background: #B8CA42;
	text-decoration: none !important;
}

.ms-listviewtable .ms-gb, .ms-listviewtable .ms-gb2 {
	padding: 40px 0px 20px 0px;
	font-size: 1.1rem;
}

table.ms-listviewtable {
	margin: auto;
	width: 95%;
}

table.ms-listviewtable th, table.ms-listviewtable td, table.ms-listviewtable div {
	/* text-align: center !important; */
}


.attachtable {
	margin: auto;  
	width: 90%;
}

.attachtable table {
	border-spacing: 15px;
	border-collapse: separate;
}

.ms-stylebox td {
	padding: 10px;
	font-size: 0.8rem;
}

.ms-stylelabel {
	background: #ebebeb;
	border-right: 1px solid #ababab;
}

aside.callout {
	float: right;
	width: 35%;
	background: #F9F9F9;
	margin: 0 0 10px 20px;
	border-radius: 10px;
}

aside.callout img {
	margin: 5px 0px;
}

aside.callout header {
	background: #003f5f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.library_box {
	background: #ebebeb;
	margin: 0 0 10px 20px;
}

.library_box header {
	background: #003f5f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

aside section {
	padding: 10px 20px !important;
	margin: 0 !important;
}

aside.callout ul {
	padding: 0 0 0 17px;
	margin-top: 0px;
}

aside.callout ul li {
	line-height: 1.6;
	font-size: 13px;
}

aside.callout a, aside.callout a:visited {
	color: rgba(var(--glink), 1);
}

aside.callout a:hover {
	color: rgba(var(--link), 1);
	text-decoration: underline;
}

aside.callout h6 {
	margin: 0;
	font-size: 1.1rem;
}

aside.callout .hours {
	list-style: none;
	padding: 0;
}

aside.callout p {
	font-size: .8em;
}


/* horizontal links under banner */
.link_header {
	padding: 5px;
	margin: 0px;
	font-size: 15px !important;
	color: #fff !important;
	font-weight: bold;
	background: #003F54;
}

.bottom_ul {
	margin: 0px;
	padding: 0px !important;
	list-style-type: none;
	margin: 0px; padding: 0px;
}

.bottom_ul li a {
	
}

.bottom_ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.bottom_links {
	float: left;
	width: 20%;
	padding: 20px;
}

.bottom_links ul {
	list-style-type: none;
	margin: 0px; padding: 0px;
}

.bottom_ul li a:before {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-right: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.bottom_links ul li {
	padding: 10px;
	text-align: center;
}


#s4-bodyContainer {
	padding-bottom: 0px !important;
}

.article, .welcome {
	padding: 0px !important;
}

.ms-signInLink {
	display: none !important;
}

#meetthefaculty, #adminteam, #leadership, #writingcenter, #writingcenters, #mathcenter, #libraryhours, #parking, #mycenter, #cabinet {
	width: 100%;
}

#test {
	display: block;
}

#body-wrap {
	max-width: 1100px;
    margin: 0 auto;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 , .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_2_of_2, .span_1_of_2, .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}

.border {
	border: 1px solid #a8a8a8;
	margin-bottom: 5px;
}

.border > div {
	padding: 10px;
}

.border > div > ul {
	margin: 0px; padding: 0px;
}

.ms-webpartPage-root { border-spacing:0px !important; }

.aboutus h1 {
	color: #003f5f;
	margin: 0px 0px 20px 0px;
}

.aboutus h5 {
	font-size: 21px;
	font-weight: bold;
	margin: 20px 0px 5px;
	color: #000;
}

.padding {
	padding: 10px 10px;
}

/*
.ms-gb a:first-child{
display:block;
visibility:hidden;
} 
.ms-gb a:link > img {
display:inline;
visibility:visible;
position:relative;
top:13px;
right:5px;
} 
.ms-viewheadertr
{
display:none;
}*/

*/

.fontfix {
	font-family: 'Verdana', sans-serif;
	font-size: 1rem;
	color: #000;
	line-height: 2;
}

.programborder {
	width: 45%;
	float: right;
}

.programborder a, .programborder a:visited {
	color: #003f5f;
	font-weight: bold; 
	font-size: 0.9rem;
}

.programborder td {
	padding: 5px 0px !important;
}

.programborder a:hover {
	color: #003f5f !important;
}

.programborder h5 {
	padding: 20px 0px 10px;
	text-align: center;
	color: #003f5f;
	font-weight: normal !important;
	font-size: 1.2rem !important;
}

.programborder a[href$=".pdf"]:before {
    font-family: 'FontAwesome' !important;
    content: "\f1c1";
    display: inline-block;
    margin-right: 10px;
}

.programborder a[href$=".pdf"]:after {
    font-family: 'FontAwesome' !important;
    content: "\f054";
    display: inline-block;
   	color: #9fca42;
   	font-size: 0.9rem;
   	margin-left: 10px;
}

.anchor::before {
  content:"";
  display:block;
  height:50px; /* fixed header height*/
  margin:-50px 0 0; /* negative fixed header height */
}
/*********************************************
    ## Elements
*********************************************/

body {
    margin: 0;
    font-size: inherit !important;
    font-family: 'Verdana', sans-serif !important;
    -webkit-font-smoothing: antialiased; /* smooths/thins font in Chrome, otherwise it's a little on the heavy side.. */
    overflow: auto;
}

.wrap { /* keeps content centered on page when window width is greater than 1600px */
    max-width: 1600px;
    margin: 0 auto;
}

.small-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

.half-width {
    width: 50%;
    float: left;
}

.tri-width {
    width: 34%;
    float: left;
}

.clear {
    clear: both;
}

* {
    box-sizing: border-box;
}

.overlay { /* overlays content when mobile menu is active */
    display: none;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}

a img {
    border: none;
}

.border-none { /* removes borders from an element */
    border: none !important;
}

/*
.advertisement {
    background: #003f5f;
    position: fixed;
    bottom: 30px;
    left: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    cursor: pointer;
    display: block;
    padding: 1rem;
}

.advertisement:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\e00d\0020Open House';
    -webkit-transform: translate(-50%, -55%);
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    color: #9fca42;
    font-size: 2rem;
    z-index: 10;
}

.advertisement:hover:after {
    color: #fff;
} */

.scrollToTop {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #003f5f;
    position: fixed;
    bottom: 80px;
    right: 20px;
    display: none;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);
    cursor: pointer;
}

.scrollToTop:after {
    font-family: 'FontAwesome';
    content: '\f077';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -55%);
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    color: #9fca42;
    font-size: 2.3rem;
    z-index: 10;
}

.scrollToTop:hover:after {
    color: #fff;
}

.anchor-offset {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*********************************************
   ## Typography
*********************************************/

.small-margin-bottom {
    margin-bottom: 4px;
}

.small { /* can be used to reduce text size */
    font-size: .8em;
}

/*********************************************
    ## Header
*********************************************/

.nav-wrap {
    display: none;
    position: relative;
    top: 140px;
    margin: 0;
}

.masthead.mobile-masthead h1 {
    display: none;
}

.mobile-toggle { /* Toggle button for mobile navigation menu */
    display: none;
}

.mobile-nav {
    display: none;
}

.masthead { /* Main navigation banner */
    color: #fff;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
}

.masthead h1 {
    margin: 0;
    position: absolute;
    z-index: 1;
    background: url('../../PublishingImages/logo.png'); /* Placing logo within h1 */
    background-size: cover;
    height: 103px;
    width: 297px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    top: 2px;
    left: 20px;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.masthead .wrap {
    position: relative;
}

.masthead.scrolled h1 {
    height: 80px;
    width: 231px;
    top: 0px;
}

.masthead .primary-nav, .masthead .search-bar, .masthead .secondary-nav {
    width: 100%;
    clear: both;
}

.masthead .primary-nav a:link,
.masthead .primary-nav a:visited,
.masthead .secondary-nav a:link,
.masthead .secondary-nav a:visited {
    color: #fff;
    text-decoration: none;
}

.masthead .primary-nav a,
.masthead .primary-nav a:visited {
    font-weight: bold;
    padding: 0 0 24px 0;
}

.masthead .primary-nav a:hover {
    color: #88b3da;
}

.masthead .primary-nav {
    height: 60px;
    background: #003f5f;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.masthead.scrolled .primary-nav {
    height: 44px;
}

.masthead .primary-nav .wrap {
    height: 100%;
    width: 100%;
    display: table;
    text-align: right;
}

.masthead .primary-nav .wrap > ul li {
    padding: 0 10px;
}

.masthead .primary-nav .wrap > ul li:last-child .sub-nav {
    left: initial;
}

.masthead .secondary-nav {
    height: 40px;
    background: #003653;
    font-size: 0.9rem;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.masthead.scrolled .secondary-nav {
    height: 30px;
}

.masthead .secondary-nav .wrap > ul li {
    padding: 0 20px;
}

.masthead .primary-nav .login:before {
    font-family: 'FontAwesome';
    content: '\f023';
    padding-right: 7px;
    color: #88b3da;
    font-size: 0.9rem;
    vertical-align: middle;
}

.masthead .secondary-nav .search:before {
    font-family: 'FontAwesome';
    content: '\f002';
    padding-right: 7px;
    color: #88b3da;
    font-size: 0.8rem;
    vertical-align: middle;
}

.masthead .primary-nav .wrap > ul, .masthead .secondary-nav .wrap > ul {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}

.masthead .secondary-nav .wrap > ul {
    text-align: left;
    position: relative;
    top: 10px;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.masthead.scrolled .secondary-nav .wrap > ul {
    top: 5px;
}

.masthead .primary-nav .wrap > ul {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.masthead .primary-nav ul li, .masthead .secondary-nav ul li {
    display: inline-block;
}

.masthead .primary-nav a[href$=".pdf"]:before {
    font-family: 'FontAwesome';
    content: "\f15b";
    display: inline-block;
    margin-right: 10px;
    color: #88b3da;
}

.masthead .secondary-nav .has-children {
    position: relative;
}

.masthead .primary-nav .has-children {
    position: initial;
}

.masthead .has-children:after { /* Adds downward pointing caret after nav items with children */
    font-family: 'FontAwesome';
    content: '\f0d7';
    color: #88b3da;
}

.masthead .primary-nav .wrap .sub-nav, .masthead .secondary-nav .wrap .sub-nav { /* Positioning sub-nav lists */
    display: none;
    position: absolute;
    padding: 10px 0 0 0;
    margin: 0;
    left: 0;
    z-index: 1000;
    background: #003f5f;
    width: 200px;
    list-style: none;
}

.masthead .secondary-nav .wrap .sub-nav {
    left: 10px;
}

.masthead .secondary-nav .wrap .sub-nav {
    background: #003653;
}

.masthead .primary-nav .wrap > ul li .sub-nav li, .masthead .secondary-nav .wrap > ul li .sub-nav li { /* Positioning list items within sub-nav lists */
    float: none;
    padding: 5px 10px;
    text-align: left;
    display: block;
}

.masthead .primary-nav .wrap > ul li .sub-nav li:hover {
    background: #003653;
}

.masthead .secondary-nav .wrap > ul li .sub-nav li:hover {
    background: #003f5f;
}

.masthead .has-children:hover .sub-nav {
    display: block;
}

.mega-menu-dropdown {
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.14);
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.masthead.scrolled .mega-menu-dropdown {
    top: 44px;
}

.mega-menu-dropdown .wrap {
}

.mega-menu-dropdown img {
    float: left;
    width: 50%;
    padding: 0 20px;
}

.mega-menu-dropdown .text-wrap {
    float: left;
    width: 50%;
    padding: 0 20px;
    text-align: left;
}

.mega-menu-dropdown h2 {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 30px;
    color: #003f5f;
    line-height: 1.5;
}

.mega-menu-dropdown h2 a {
    font-size: 30px;
    font-weight: normal !important;
    margin-top: 0;
    margin-bottom: 30px;
    color: #003f5f !important;
    line-height: 1.5;
}

.mega-menu-dropdown h2 a:hover {
	text-decoration: underline !important;
}


.mega-menu-dropdown p {
    color: #000;
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 0;
}

.mega-menu-dropdown h2:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 3px;
    top: 12px;
}

.mega-menu-dropdown .half-width:first-child {
    border-right: 1px solid #d9d9d9;
}

.mega-menu-dropdown .half-width ul {
    list-style: none;
    width: 50%;
    float: left;
    padding: 0 20px;
    margin: 0;
    text-align: left;
}

.mega-menu-dropdown .half-width ul li {
    padding: 15px 0 !important;
    display: block;
}

.mega-menu-dropdown .half-width ul li:first-child {
    padding: 0 0 15px 0;
}

.mega-menu-dropdown .half-width ul li:last-child {
    padding: 15px 0 0 0;
}

.mega-menu-dropdown .half-width ul li a:link,
.mega-menu-dropdown .half-width ul li a:visited {
    color: #003f5f;
    text-decoration: none;
    font-weight: bold;
}


.mega-menu-dropdown .half-width ul li a:hover {
    text-decoration: underline;
}

.mega-menu-dropdown .half-width ul li a[href$=".pdf"]:before {
    font-family: 'FontAwesome';
    content: "\f15b";
    display: inline-block;
    margin-right: 10px;
    color: #88b3da;
}

.search {
	cursor: pointer;
}

.search-bar {
    display: none;
    /*padding: 5px 20px 20px 20px;
    text-align: right;*/
    background: #003653;
}

.search-bar input[type=text] {
    /*background: #fff;
    width: 30%;
    padding: 10px;
    border: 1px solid #fdc522;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    vertical-align: top;
    height: 41px;
    font-size: 18px;*/
}

.search-bar input[type=submit] {
    /*background: #fdc522;
    border: 1px solid #e6b321;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    padding: 10px 16px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin-right: 20px;*/
}

.search-bar input[type=submit]:hover {
    background: #e6b321;
}

/*********************************************
    ## Hero Slider
*********************************************/

.hero-slider { /* moves hero-slider content up and down when user scrolls */
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.hero-slider { /* Slider wrapper */
    height: 522px; /* Must match .hero-slider . wrap height */
    background: #003653;
}

.hero-slider .slide .background-image {
    background-size: cover;
    background-position: center;
    outline: none;
    height: 522px; /* Must match .hero-slider height */
    width: 100%;
}

.hero-slider .wrap {
    max-width: 1100px;
    margin: 0 auto;
}

.slide-headline-section { /* Positioning slider CTA section */
    color: #fff;
    background: #003f5f;
    width: 440px;
    position: absolute;
    bottom: 40px;
}

.slide-headline-section h2 {
    padding: 20px;
    margin: 0;
    font-size: 2.3rem;
    color: #fff;
    font-family: "Verdana", sans-serif; 
}

.slide-headline-section h3 {
    font-weight: normal;
    padding: 0 20px 20px 20px;
    margin: 0;
    color: #fff;
    font-family: "Verdana", sans-serif; 
}

.slide-cta {
    background: #003653;
    border-top: 1px solid #668c9f;
    padding: 20px;
}

.slide-cta a:link,
.slide-cta a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
}

.slide-cta a:after {
    font-size: 0.9rem;
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    display: inline-block;
}

.slide-cta a:hover {
    text-decoration: underline;
}

.slick-dotted.slick-slider { /* Custom styling of slick slider dots and arrows */
    margin-bottom: 0;
}

.slick-dots {
    bottom: 10px;
}

.hero-slider .slick-dots li button:before {
    color: #fff;
    font-size: 15px;
    opacity: 1;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .5)
}

.hero-slider .slick-dots li.slick-active button:before {
    color: #88b3da;
    font-size: 19px;
    opacity: 1;
}


/*********************************************
    ## Main Body Section
*********************************************/

.main-body { /* moves main-body content up and down when user scrolls */
    position: relative;
    top: 100px;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.main-body.scrolled { /* moves main-body content up and down when user scrolls */
    top: 74px;
}

/*********************************************
    ## Button Section
*********************************************/

.button-section {
    background: #9fca42;
}

.button-section ul { /* Display buttons in a centered row */
    list-style: none;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0;
}

.button-section ul li { /* Set the width of the buttons */
    width: 19.5%;
    display: inline-block;
    text-align: center;
}

.button-section ul li a:link,
.button-section ul li a:visited { /* Style the buttons */
    background: #003f5f;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    display: block;
    padding: 12px 0 15px 0;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: none;
    margin: 0 20px;
}

.button-section ul li a:hover {
    background: #003653;
}

.button-section .apply,
.button-section .register,
.button-section .visit,
.button-section .request,
.button-section .give { /* Display the icons within the buttons */
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    height: 22px;
}


/*********************************************
    ## News and Events Section
*********************************************/

.news-wrap { /*  */
	max-width: 1500px;
    margin: 0 auto;
    padding: 60px 0;
}

.news-column {
    float: left;
    width: 32.9%;
    padding: 0 22px;
    /*border-left: 1px solid #d9d9d9;*/
}

.news-column:last-child {
    border-right: 1px solid #d9d9d9;
}

.news-column h3 {
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 50px;
    color: #003f5f;
    line-height: .7;
    text-indent: -3px;
    font-family: "Verdana", sans-serif;
}

.news-column h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 26px;
}

.post-date {
    font-size: .9em;
    color: rgba(var(--stem), 1);
    font-weight: normal;
    margin: 5px 0px 10px;
}

.post-date:before {
    font-family: 'FontAwesome';
    content: '\f02e';
    color: rgba(var(--stem), 1);
}

.post-title {
    font-size: 1.1rem;
    color: #003f5f;
    margin-top: 4px;
    font-weight: normal;
}

.news-column img {
    display: block;
    margin: 0 0 20px 0;
    width: 100%;
}

.more-info, .more-info:visited {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    color: #003f5f;
    text-decoration: none;
    margin: 10px 0 30px 0;
}

.more-info:hover {
    text-decoration: underline;
}

.more-info:after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.blue-button, .blue-button:visited {
    background: rgba(var(--blue), 1);
    color: #fff !important;
    font-size: 1.1rem;
    text-decoration: none !important;
    display: inline-block;
    padding: 12px 35px 15px 35px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 6px double rgba(var(--blue), .1);
    margin-top: 10px;
}

.vblue-button, .vblue-button:visited {
    position: relative;
    background: rgba(var(--blue), .1);
    border: 6px double rgba(var(--blue), 1);
    font-size: 1.1rem;
    text-decoration: none !important;
    display: inline-block;
    padding: 12px 35px 15px 35px;
    border-radius: 1rem;
    margin-top: 10px;
   	transition: all 250ms ease-in-out;
}

.vblue-button:hover {
    background: rgba(var(--blue), 1);
    border: 6px double rgba(var(--blue), 1);
    color: #fff !important;
    text-decoration: none !important;
}

.vblue-button:after {
    font-family: 'FontAwesome';
    content: '\f054';
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.lblue-button, .lblue-button:visited {
	background: rgba(var(--lblue), .7);
    color: #000 !important;
    font-size: 1.1rem;
    text-decoration: none !important;
    display: inline-block;
    padding: 12px 35px 15px 35px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: none;
    margin-top: 10px;
}

.blue-button:hover {
    background: #003653;
    text-decoration: underline;
}

.lblue-button:hover {
    background: rgba(var(--lblue), .5);
    text-decoration: underline;
}


.blue-button:after,
.lblue-button:after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.event-column {
    float: left;
    width: 66%;
    padding: 0;
    /*border-left: 1px solid #d9d9d9;*/
}
.event-column:last-child {
   /* border-right: 1px solid #d9d9d9;*/
}


/*********************************************
    ## Social Media Links Section
*********************************************/

.media-wrap {
    background: rgba(var(--lblue), .2);
    padding: 10px 20px;
    text-align: center;
}

.media-wrap a {
	color: rgba(var(--blue), 1);
}

.social-media-wrap {
    background: #ebebeb;
    padding: 30px 20px;
}

.social-media-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.social-media-icons li {
    display: inline-block;
    padding: 0 15px;
}

.social-media-icons li a:link,
.social-media-icons li a:visited {
    color: #ebebeb;
    display: block;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.social-media-icons li a i {
    position: relative;
    top: 24%;
    font-size: 1.2rem;
}

.social-media-icons li .facebook {
    background: #3b5998;
}

.social-media-icons li .twitter {
    background: #29aae2;
}

.social-media-icons li .instagram {
    background: #2e5b82;
}

.social-media-icons li .youtube {
    background: #e94639;
}

.social-media-icons li .youtube i {
    padding-left: 4px;
}

.social-media-icons li .linkedin {
    background: #046599;
}

.social-media-icons li:hover {
    opacity: .7;
}


/*********************************************
    ## Main Content
*********************************************/

section:after {
    content: '';
    clear: both;
    display: table;
}

.main-content1 p,
.main-content1 ul,
.main-content1 ol {
    color: #000;
    line-height: 2;
}

.main-content1 ol ol {
    list-style-type: lower-alpha;
}

.main-content1 p a,
.main-content1 p a:link,
.main-content1 p a:visited,
.main-content1 ul a,
.main-content1 ul a:link,
.main-content1 ul a:visited,
.main-content1 ol a,
.main-content1 ol a:link,
.main-content1 ol a:visited {
    color: rgba(var(--glink), 1);
    text-decoration: underline;
}

.main-content1 p a:hover,
.main-content1 ul a:hover,
.main-content1 ol a:hover {
	color: rgba(var(--link), 1);
    text-decoration: underline;
}

.main-content1 ol li {
    padding: 10px 0;
}

.main-content1 ul {
    padding-left: 20px;
    color: #88b3da;
}

.main-content1 ul span {
    color: #000;
}

.main-content1 .center-align {
    text-align: center;
}

.main-content1 h2,
.main-content1 h3 {
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 50px;
    color: #003f5f;
    text-indent: -3px;
}

.main-content1 .slider h3 {
    text-align: center;
}

.main-content1 h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.main-content1 h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 26px;
}

.main-content1 .inline-image {
    float: right;
    margin: 20px 0 20px 40px;
    max-width: 50%;
    clear: both;
}

.main-content1 .accordions h3 {
    font-weight: normal;
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin-bottom: 80px;
}

.main-content1 .blue-section {
    background: #003f5f;
    color: #fff;
    margin: 0;
    padding: 30px;
}

.main-content1 .light-blue-section {
    background: #88b3da;
    color: #fff;
    margin: 0;
    padding: 30px;
}


.main-content1 .blue-section.alumni ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
}

.main-content1 .blue-section.alumni ul li {
    display: inline-block;
    margin: 0 10px;
}

.main-content1 .blue-section.alumni ul li a.blue-button {
    font-weight: normal;
    padding: 4px 35px 6px 35px;
    text-decoration: none;
}

.main-content1 .blue-section.alumni h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-content1 .blue-section.alumni .wrap {
    max-width: 1200px;
    margin: 0 auto 40px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
}

.main-content1 .blue-section.alumni .wrap .content {
    padding: 40px 40px 20px 40px;
}

.main-content1 .blue-section.alumni .wrap h5,
.main-content1 .blue-section.alumni .wrap .subtitle {
    color: #003f5f;
    text-align: left;
}

.main-content1 .blue-section.alumni .wrap h5 {
    font-weight: normal;
    font-size: 1.6rem;
    margin: 0;
}

.main-content1 .blue-section.alumni .wrap .subtitle {
    margin: 0;
}

.main-content1 .blue-section.alumni .wrap .info {
    color: #000;
    text-align: left;
}

.main-content1 .blue-section.alumni .wrap:after {
    display: table;
    content: '';
    clear: both;
}

.main-content1 .blue-section p,
.main-content1 .light-blue-section p,
.main-content1 .light-blue-section h3,
.main-content1 .blue-section h3 {
    color: #fff;
    text-align: center;
}

.main-content1 .blue-section a,
.main-content1 .light-blue-section a,
.main-content1 .light-blue-section a:visited,
.main-content1 .blue-section a:visited {
    color: #fff;
}

.main-content1 .blue-section .blue-button {
    border: 1px solid #99b2bf;
    text-decoration: none;
}

/*Begin News*/
.colnews
{
	display:block;
	float:left;
}
.main-content1 .blue-section.news p,
.main-content1 .light-blue-section.news p
{
    color: #fff;
    text-align: left;
}
.main-content1 .blue-section.news h3,
.main-content1 .light-blue-section.news h3 {
    color: #fff;
    text-align: center;
}

.main-content1 .blue-section.news a,
.main-content1 .blue-section.news a:visited {
}

.main-content1 .blue-section.news .wrap .content,
.main-content1 .light-blue-section.news .wrap .content{
	float:none !important;
}

.main-content1 .blue-section.news ul,
.main-content1 .light-blue-section.news ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
}

.main-content1 .blue-section.news ul li,
.main-content1 .light-blue-section.news ul li {
    display: inline-block;
    margin: 0 10px;
}

.main-content1 .blue-section.news ul li a.blue-button,
.main-content1 .light-blue-section.news ul li a.blue-button {
    font-weight: normal;
    padding: 4px 35px 6px 35px;
    text-decoration: none;
}

.main-content1 .blue-section.news h3:after,
.main-content1 .light-blue-section.news h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-content1 .light-blue-section.news h3:after {
	background: #003f5f !important;
}

.main-content1 .blue-section.news .wrap,
.main-content1 .light-blue-section.news .wrap {
    max-width: 1100px;
    margin: 0 auto 40px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
    box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.3);
}

.main-content1 .blue-section.news .wrap .content,
.main-content1 .light-blue-section.news .wrap .content {
    padding: 40px 40px 20px 40px;
}

.main-content1 .blue-section.news .wrap h5,
.main-content1 .light-blue-section.news .wrap h5,
.main-content1 .blue-section.news .wrap .subtitle,
.main-content1 .light-blue-section.news .wrap .subtitle {
    color: #003f5f;
    text-align: left;
}

.main-content1 .blue-section.news .wrap h5,
.main-content1 .light-blue-section.news .wrap h5 {
    font-weight: normal;
    font-size: 1.6rem;
    margin: 0;
}

.main-content1 .blue-section.news .wrap .subtitle,
.main-content1 .light-blue-section.news .wrap .subtitle {
    margin: 0;
}

.main-content1 .blue-section.news .wrap .info,
.main-content1 .light-blue-section.news .wrap .info {
    color: #000;
    text-align: left;
}

.main-content1 .blue-section.news .wrap:after,
.main-content1 .light-blue-section.news .wrap:after {
    display: table;
    content: '';
    clear: both;
}
.main-content1 .blue-section.news .wrap .info1 .more-info1, .more-info1:visited,
.main-content1 .light-blue-section.news .wrap .info1 .more-info1, .more-info1:visited {
    /*display: block;*/
    font-size: 1rem;
    font-weight: bold;
    color: #003f5f;
    text-decoration: none;
}

.main-content1 .blue-section.news .wrap .info1 .more-info1:hover,
.main-content1 .light-blue-section.news .wrap .info1 .more-info1:hover {
    text-decoration: underline;
}

.main-content1 .blue-section.news .wrap .info1 .more-info1:after,
.main-content1 .light-blue-section.news .wrap .info1 .more-info1:after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

/*End News*/


.main-content1 .step {
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 30px;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
}

.main-content1 .step .more-info {
	margin: 0px;
}

.main-content1 .step h4 {
    margin: 0 0 30px 0;
}
.main-content1 .step h4:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 14px;
}

.main-content1 .step .icon,
.main-content1 .step .content {
    display: inline-block;
    vertical-align: top;
}

.main-content1 .step .icon {
    width: 14%;
}

.main-content1 .step .icon img {
    display: block;
    margin: 0 auto;
}

.main-content1 .step .content {
    width: 85%;
    padding: 0 40px 0 20px;
}

.sidebar-nav {
    float: left;
    width: 25%;
}

.sidebar-nav h4 {
    font-weight: normal;
    font-size: 1.6rem;
    color: #003f5f;
    margin: 40px 0 0 30px;
}

.sidebar-nav h4 i {
    display: none;
}

.sidebar-nav .program-list {
    padding-left: 0;
}

.sidebar-nav .program-list,
.sidebar-nav .program-list ul {
    list-style: none;
}

.sidebar-nav .program-list li {
    padding: 12px 0;
    position: relative;
}

.sidebar-nav .program-list li.program-heading i {
    position: absolute;
    top: 7px;
    left: 1px;
    color: #9fca42;
    cursor: pointer;
    padding: 8px;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.border-style {
	border: 1px solid #f8f8f8;
	background: #f8f8f8;
	padding: 20px;
	border-radius: 20px;
}

.sidebar-nav .program-list li.program-heading i:hover {
    color: #003f5f;
}

.sidebar-nav .program-list li ul {
    display: none;
    padding-left: 10px;
    margin-top: 20px;
}

.sidebar-nav .program-list li a,
.sidebar-nav .program-list li a:visited {
    color: #000;
    text-decoration: none;
    padding: 0 30px;
    display: block;
}

.sidebar-nav .program-list li span {
    padding: 0 30px;
    font-weight: bold;
    display: block;
    color: #003f5f;
}

.sidebar-nav .program-list li a:hover {
    text-decoration: underline;
}

.sidebar-nav .program-list li.current {
    background: #003f5f;
    color: #fff;
    font-weight: bold;
}

.sidebar-nav .program-list li.current-list ul { /* Expand dropdown for current section list */
    display: block;
}

.sidebar-nav .program-list li.current a,
.sidebar-nav .program-list li.current a:visited {
    color: #fff;
}

.main-content1 .col-two-thirds,
.main-content1 .col-one-third {
    float: left;
}

.main-content1 .cols-right .col-two-thirds,
.main-content1 .cols-right .col-one-third {
    float: right;
}

.main-content1 .col-two-thirds {
    width: 63%;
    margin-right:1%;
}

.main-content1 .col-one-third {
    width: 36%;
}

.main-content1 .col-two-thirds .content {
    float: right;
    padding: 40px 80px 60px 20px;
    max-width: 720px;
}

.main-content1 .cols-right .col-two-thirds .content {
    float: left;
    padding: 40px 20px 60px 80px;
}

.main-content1 .col-one-third.image {
    background-size: cover;
    background-position: center;
}
.kimbiaDiv {
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	color: #000;
}

.kimbiaDiv p {
	color: #000 !important;
}

div.kimbiaDiv .k_confMessage span.k_commitmentCenter, div.kimbiaDiv .k_confMessage span.k_workflowSource, div.kimbiaDiv span.k_transCode, div.kimbiaDiv span.k_messagingProfile {
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
	margin-top: 0px !important;
}

div.kimbiaDiv label.groupLabel.section {
	font-size: 0.8rem;
}

/* Page content section */
.page-content {
    float: left;
    width: 75%;
    background: #fff;
    padding: 15px 0 30px 0;
}

.page-content section {
    padding: 15px 0;
    margin: 0 30px;
    border-bottom: 1px solid #d9d9d9;
}

.page-content section.accordions {
    background: url('/PublishingImages/background-blue-logo.jpg') center no-repeat #003f5f;
    background-size: cover;
    margin: 0;
}

.page-content section:last-of-type {
    border-bottom: none;
}

.page-content .iframe-wrap {
}

.page-content .iframe-wrap .disclaimer {
    font-size: .9em;
    margin: 0 0 10px 0;
    line-height: 1.5;
}

.page-content iframe#external {
    width: 100%;
}

.page-content p, .page-content ul {
    color: #000;
    font-size: 1rem;
    line-height: 2;
}

.page-content ul {
    padding-left: 20px;
}

.page-content ul span {
    color: #000;
}

.page-content h2, .page-content h3 {
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 50px;
    color: #003f5f;
    text-indent: -3px;
    font-family: 'Verdana', sans-serif;
}

.page-content .slider h3 {
    text-align: center;
}

.page-content h2 {
    margin-top: 0;
    margin-bottom: 10px;
  }

.page-content .program-subhead {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.page-content .program-subhead a {
    color: #003f5f;
    font-size: 1.1rem;
}

.page-content h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 26px;
}

.page-content .inline-image {
    float: right;
    margin: 20px 0 20px 40px;
    max-width: 50%;
    clear: both;
}

.page-content .accordions h3 {
    font-weight: normal;
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin-bottom: 80px;
}

.program-sidebar h4,
.page-content h4 {
    font-weight: normal;
    font-size: 1.6rem;
    color: #003f5f;
    margin: 40px 0 0 30px;
}

.program-sidebar h4 i {
    display: none;
}

.page-content form h4 {
    text-align: center;
    margin: 20px 0;
}

.page-content .accordions h3:after,
.page-content .slider h3:after {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.page-content .half-width {
    float: right;
}

.page-content .slider .logo-slider {
    margin: 0;
    padding: 40px 0;
    text-align: center;
}

.page-content .slider .logo-slide img {
    margin: 0 auto;
}

.page-content .slider .employer-nav-container {
    text-align: center;
    margin-bottom: 30px;
}

.page-content .slider .employer-nav {
    position: relative;
    padding: 30px 0 0 0;
    width: inherit;
    display: inline-block !important;
}

.page-content .slider .employer-nav .slick-dots {
    position: relative;
    margin: 0;
    padding: 0;
    bottom: 0;
    width: auto;
    display: inline-block !important;
    vertical-align: middle;
}

.page-content .slider .employer-nav .slick-dots li {
    margin: 0 10px;
    vertical-align: middle;
}

.page-content .slider .employer-nav .slick-dots li button:before {
    color: #b2c5cf;
    opacity: 1;
    font-size: 0.9rem;
}

.page-content .slider .employer-nav .slick-dots li.slick-active button:before {
    color: #003f5f;
    font-size: 1.1rem;
}

.page-content .slider .employer-nav .slick-prev,
.page-content .slider .employer-nav .slick-next {
    height: 48px;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 15px;
}

.page-content .slider .employer-nav .slick-next {
    right: -45px;
}

.page-content .slider .employer-nav .slick-prev {
    left: -45px;
}

.page-content .slider .employer-nav .slick-prev:before,
.page-content .slider .employer-nav .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 48px;
    color: #9fca42;
}

.page-content .slider .employer-nav .slick-prev:before {
    content: '\f104'
}

.page-content .slider .employer-nav .slick-next:before {
    content: '\f105'
}

/* end page content */




/*********************************************
    ## Inner Button Section
*********************************************/

.inner-button-section {
    background: #9fca42;
}

.inner-button-section ul { /* Display buttons in a centered row */
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

.inner-button-section ul li { /* Set the width of the buttons */
    width: 220px;
    display: inline-block;
    text-align: center;
}

.inner-button-section ul li a:link,
.inner-button-section ul li a:visited { /* Style the buttons */
    background: #003f5f;
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
    display: block;
    padding: 8px 0 11px 0;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: none;
    margin: 0 10px;
    font-weight: normal;
}

.inner-button-section ul li a:hover {
    background: #003653;
}

.inner-button-section .apply,
.inner-button-section .register,
.inner-button-section .visit,
.inner-button-section .request,
.inner-button-section .give { /* Display the icons within the buttons */
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    height: 22px;
}

/*********************************************
    ## Colors
*********************************************/

.main-blue {
    background: #003f5f;
}

.light-blue {
    background: #88b3da;
}

.dark-blue {
    background: #003653;
}

.green {
    background: #9fca42;
}

.gray {
    background: #ebebeb;
}

.footer-gray {
    background: #333;
}

.footer-dark-gray {
    background: #2c2c2c;
}

.program-blue {
    background: #0085aa;
}

.program-orange {
    background: #f49200;
}

.dark-orange {
    background: #d9560f;
}

.program-blue-green {
    background: #1d6f85;
}

.program-red {
    background: #ab2718;
}


/*********************************************
    ## Give section
*********************************************/

.give-section-wrap {
    padding: 60px 0 70px 0;
    background: #fff url('/PublishingImages/background-give.jpg') center bottom;
    background-size: cover;
    text-align: center;
}

.give-section-header {
    margin-bottom: 30px;
}

.give-section-header .logo-graphic {
    display: inline-block;
    height: 172px;
    width: 56px;
    background: url('/PublishingImages/logo-graphic.png');
    background-size: cover;
    vertical-align: middle;
}

.give-section-header h3 {
    display: inline-block;
    font-size: 75px;
    color: #003f5f;
    padding-left: 30px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    line-height: 1.5;
    margin: 0 0 80px 0;
}

.give-section-wrap .blue-button {
    margin: 0 10px;
    text-decoration: none;
}

.give-section-wrap h4 {
    font-size: 2.3rem;
    color: #003f5f;
    font-weight: normal;
    margin: 0 0 50px 0;
}

.give-section-wrap h4:after {
    content: '';
    height: 4px;
    width: 60px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    top: 26px;
}

.give-section-wrap h5 {
    font-size: 1.6rem;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #003f5f;
}

ul.give {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 1100px;
    color: #003f5f;
}

ul.give li.single-stat {
    float: left;
    width: 33.33%;
    margin-top: 40px;
    padding: 0 20px;
}

ul.give .stat-wrap {
    background: #fff;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
}

ul.give .stat {
    display: block;
    position: absolute;
    width: 160px;
    height: 160px;
    top: 7px;
    left: 7px;
    border: 1px solid #d6e1eb;
    border-radius: 50%;
    font-size: 60px;
    line-height: 156px;
}

ul.give .stat img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

ul.give .stat-info {
    padding: 20px 10px;
    font-size: 1rem;
}

.give-section-wrap .stat-info p {
    margin-bottom: 0;
    line-height: 1.6;
    color: #000;
}

.give-section-wrap .stat-info .more-info {
    margin-bottom: 0;
}

/*********************************************
    ## Employee section
*********************************************/

.employee-section-wrap {
    padding: 20px 0 30px 0;
    background: #fff url('/PublishingImages/background-give.jpg') center bottom;
    background-size: cover;
    text-align: center;
}

.employee-section-header {
    margin-bottom: 20px;
}

.employee-section-header .logo-graphic {
    display: inline-block;
    height: 172px;
    width: 56px;
    background: url('/PublishingImages/logo-graphic.png');
    background-size: cover;
    vertical-align: middle;
}

.employee-section-header h3 {
    display: inline-block;
    font-size: 75px;
    color: #003f5f;
    padding-left: 30px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    line-height: 1.5;
    margin: 0 0 80px 0;
}

.employee-section-wrap .blue-button {
    margin: 0 10px;
    text-decoration: none;
}

.employee-section-wrap h4 {
    font-size: 2.3rem;
    color: #003f5f;
    font-weight: normal;
    margin: 0 0 50px 0;
}

.employee-section-wrap h4:after {
    content: '';
    height: 4px;
    width: 60px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    top: 26px;
}

.employee-section-wrap h5 {
    font-size: 1.6rem;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #003f5f;
}

ul.employee {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 1100px;
    color: #003f5f;
}

ul.employee li.single-stat {
    float: left;
    width: 50%;
    margin-top: 40px;
    padding: 0 20px;
}

ul.employee .stat-wrap {
    background: #fff;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
}

ul.employee .stat {
    display: block;
    position: absolute;
    width: 160px;
    height: 160px;
    top: 7px;
    left: 7px;
    border: 1px solid #d6e1eb;
    border-radius: 50%;
    font-size: 60px;
    line-height: 156px;
}

ul.employee .stat img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

ul.employee .stat-info {
    padding: 20px 10px;
    font-size: 1rem;
}

.employee-section-wrap .stat-info p {
    margin-bottom: 0;
    line-height: 1.6;
    color: #000;
}

.employee-section-wrap .stat-info .more-info {
    margin-bottom: 0;
}


/*********************************************
    ## Program Slider Section
*********************************************/

.program-slider-section-wrap {
    padding: 80px 0;
    background: #003f5f url('/PublishingImages/background-blue-logo.jpg');
    background-size: cover;
    overflow: hidden;
}

.slider-section-header {
    max-width: 1100px;
    margin: 0 auto;
    border-bottom: 1px solid #265c77;
}

.program-slider-section-wrap h3 {
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 50px;
    color: #fff;
    text-indent: -3px;
    float: left;
}

.program-slider-section-wrap h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 26px;
}

.program-slider-section-wrap .blue-button,
.program-slider-section-wrap .blue-button:visited {
    background: #003f5f;
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
    display: inline-block;
    padding: 12px 35px 15px 35px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #99b2bf;
    float: right;
}

.program-slider-section-wrap .blue-button:after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    font-size: 0.9rem;
}

.program-slider-section-wrap .blue-button:hover {
    background: #003653;
}

.program-slider-section-wrap .center-text { /* Vertically centering Program title within slide so 1- and 2-row titles are aligned */
    display: block;
    position: relative;
    height: 3em;
    width: 100%;
    margin-top: 10px;
}

.program-slider-section-wrap .center-text p { /* Vertically centering Program title within slide so 1- and 2-row titles are aligned */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 0 10px;
    line-height: 1.5;
}

.program-slider {
    max-width: 1130px;
    margin: 0 auto;
}

.program-slider-nav {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.program-slider-section-wrap .slick-slide img {
    width: 100%;
}

.program-slider-nav .slick-dots li button:before {
    color: #fff;
    font-size: 15px;
    opacity: .3;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, .3)
}

.program-slider-nav .slick-dots li.slick-active button:before {
    color: #fff;
    font-size: 19px;
    opacity: 1;
}

.program-slider-nav .slick-dots {
    position: static;
    top: 20px;
}

.program-slider-nav .slick-prev:before { /* Custom slider navigation arrow */
    font-size: 50px;
    color: #9fca42;
    font-family: 'FontAwesome';
    content: '\f104';
}

.program-slider-nav .slick-prev {
    left: 0;
    height: 50px;
}

.program-slider-nav .slick-next:before { /* Custom slider navigation arrow */
    font-size: 50px;
    color: #9fca42;
    font-family: 'FontAwesome';
    content: '\f105';
}

.program-slider-nav .slick-next {
    right: 0;
    height: 50px;
}

.program-slider .slick-list {
    overflow: initial;
}

.program-slide {
    width: 250px;
    text-align: center;
    background: #fff;
    margin: 30px 15px;
}

.program-slide:nth-child(5n+1) { /* Coloring bottom border on slides, loops every 5 slides */
    border-bottom: 10px solid #0085aa;
}

.program-slide:nth-child(5n+2) {
    border-bottom: 10px solid #D9560F;
}

.program-slide:nth-child(5n+3) {
    border-bottom: 10px solid #b8ca42;
}

.program-slide:nth-child(5n+4) {
    border-bottom: 10px solid #872d91;
}

.program-slide:nth-child(5n+5) {
    border-bottom: 10px solid #7e942d;
}

.program-slide:nth-child(5n+6) {
    border-bottom: 10px solid #ab2718;
}


/*********************************************
    ## Text/Video section
*********************************************/

.text-video-section-wrap {
    padding: 80px 20px;
}

.text-video-section-wrap .small-wrap {
}

.text-video-section-wrap h3 {
    color: #003f5f;
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 50px;
}

.text-video-section-wrap h3:after { /* Dash below headline */
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    top: 26px;
}

.text-video-section-wrap p {
    color: #000;
    font-size: 1rem;
    line-height: 2;
}

.video-poster {
    position: relative;
    height: auto;
}

.video-poster img {
    width: 100%;
}

.play-btn { /* Video play button */
    display: block;
    height: 108px;
    width: 108px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -54px;
    background: url('/PublishingImages/play-btn.png');
    z-index: 11;
    cursor: pointer;
}

.embed-container {
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}


/*********************************************
    ## Two column with colored background
*********************************************/

.two-color-columns {
    display: table;
    width: 100%;
}

.green-column, .gray-column {
    display: table-cell;
    width: 50%;
    padding: 80px;
    vertical-align: middle;
}

.green-column {
    background: url('/PublishingImages/magazineimage/Homepage-Background.jpg') #9fca42;
    background-size: cover;
    text-align: center;
}

.green-column a:link,
.green-column a:visited { /* Drawing circle */
    display: block;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 23px;
    width: 23px;
    text-align: center;
    margin: 0 auto;
}

.green-column i { /* Centering right-chevron within circle/border */
    color: #fff;
    padding-left: 3px;
}

.gray-column {
    background: #ebebeb;
}

.two-color-columns .inner-content {
    width: 100%;
    max-width: 640px;
}

.two-color-columns .green-column .inner-content {
    float: right;
}

.two-color-columns h4 {
    font-size: 2.3rem;
    color: #003f5f;
    font-weight: normal;
    margin: 0 0 50px 0;
    font-family: "Verdana", sans-serif;
}

.two-color-columns h4:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    top: 26px;
}

.two-color-columns p {
    color: #000;
    font-size: 1rem;
    line-height: 2;
    margin: auto;
}

.inner-content .photo {
    height: 200px;
    width: 200px;
    border: 4px solid #fff;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    background: url('/PublishingImages/magazineimage/Homepage-Icon.jpg') center;
    background-size: cover;
}

.inner-content p.title {
    color: #fff;
    margin: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.inner-content p.name {
    color: #003f5f;
    font-weight: bold;
    margin: 0;
}


/*********************************************
    ## Stats section
*********************************************/

.stats-section-wrap {
    padding: 60px 0 70px 0;
    background: #fff url('/PublishingImages/background-stats.jpg') center bottom;
    background-size: cover;
    text-align: center;
}

.stats-section-header {
    margin-bottom: 30px;
}

.stats-section-header .logo-graphic {
    display: inline-block;
    height: 172px;
    width: 56px;
    background: url('/PublishingImages/logo-graphic.png');
    background-size: cover;
    vertical-align: middle;
}

.stats-section-header h3 {
    display: inline-block;
    font-size: 75px;
    color: #003f5f;
    padding-left: 30px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    line-height: 1.5;
    margin: 0 0 80px 0;
}

.stats-section-wrap .blue-button {
    margin: 0 10px;
    text-decoration: none;
}

h1, h2, h3, h4 ,h5 ,h6 {
	font-family: "Verdana", sans-serif !important;
}

.stats-section-wrap h4 {
    font-size: 2.3rem;
    color: #003f5f;
    font-weight: normal;
    margin: 0 0 50px 0;
    font-family: "Verdana", sans-serif;
}

.stats-section-wrap h4:after {
    content: '';
    height: 4px;
    width: 60px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 26px;
}

ul.stats {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 1100px;
    color: #003f5f;
}

ul.stats li.single-stat {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

ul.stats .stat-wrap {
    background: #fff;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 17px 0px rgba(0,0,0,0.2);
}

ul.stats .stat {
    display: block;
    position: absolute;
    width: 160px;
    height: 160px;
    top: 7px;
    left: 7px;
    border: 1px solid #d6e1eb;
    border-radius: 50%;
    font-size: 60px;
    line-height: 156px;
}

ul.stats .stat-info {
    padding: 20px 10px 40px 10px;
    font-size: 1.1rem;
}


/*********************************************
    ## CTA section
*********************************************/

.cta-section-wrap {
    text-align: center;
    padding: 50px 0;
    background: #88b3da;
}

.cta-section-wrap h5 {
    font-weight: normal;
    font-size: 2.3rem;
    color: #003f5f;
    margin: 0 0 20px 0;
}

.cta-section-wrap .blue-button {
    margin: 0 10px;
}


/*********************************************
    ## Inner Pages
*********************************************/

.inner-banner {
    position: relative;
    height: 330px;
    background-size: cover;
    background-position: center;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.inner-banner-2 {
    position: relative;
    height: 200px;
    background-size: cover;
    background-position: center;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.inner-banner-3 {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

/*********************************************
    ## Program Section
*********************************************/

.program {
    background: #ebebeb;
}

.businessBanner{
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}


.careerBanner{
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}

.healthscienceBanner{
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}


.liberalartsBanner {
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}


.serviceBanner{
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}


.stemBanner{
	background-image: url('../../PublishingImages/banner-admissions.jpg');
}

/* combine with .inner-banner div on page to get desired scaling effect from background-size:cover */
.program-1 { background-image: url('../../PublishingImages/banner-program-1.jpg'); }
.admissions { background-image: url('../../PublishingImages/banner-admissions.jpg'); }
.programs-1 { background-image: url('../../PublishingImages/banner-programs-1.jpg'); }
.foundation { background-image: url('../../PublishingImages/banner-foundation.jpg'); }
.presidentsblog { background-image: url('../../PublishingImages/presidentsblog.jpg'); }

.program-wrap {
    max-width: 1150px;
    margin: 0 auto;
}

.program-sidebar {
    float: left;
    width: 25%;
}

.program-sidebar .program-list {
    padding-left: 0;
}

.program-sidebar .program-list,
.program-sidebar .program-list ul {
    list-style: none;
}

.program-sidebar .program-list li {
    padding: 12px 0;
    position: relative;
}

.program-sidebar .program-list li i {
    position: absolute;
    top: 7px;
    left: 1px;
    color: #9fca42;
    cursor: pointer;
    padding: 8px;
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    -ms-transition: ease 300ms;
    -o-transition: ease 300ms;
    transition: ease 300ms;
}

.program-sidebar .program-list li i:hover {
    color: #003f5f;
}

.program-sidebar .program-list li ul {
    display: none;
    padding-left: 0;
    margin-top: 20px;
}

.program-sidebar .program-list li a,
.program-sidebar .program-list li a:visited {
    color: #000;
    text-decoration: none;
    padding: 0 30px;
    display: block;
}

.program-sidebar .program-list li span {
    padding: 0 30px;
    font-weight: bold;
    display: block;
    color: #003f5f;
}

.program-sidebar .program-list li a:hover {
    text-decoration: underline;
}

.program-sidebar .program-list li.current {
    background: #003f5f;
    color: #fff;
    font-weight: bold;
}

.program-sidebar .program-list li.current-list ul { /* Expand dropdown for current section list */
    display: block;
}

.program-sidebar .program-list li.current a,
.program-sidebar .program-list li.current a:visited {
    color: #fff;
}

.program-content {
    float: left;
    width: 75%;
    background: #fff;
    padding: 15px 0 30px 0;
}

.program-content .with-form {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
}

.program-content .form-mobile {
    display: none;
}

.program-content .form-desktop {
    /* padding: 0 20px; */
    background: #88b3da;
    width: 50%;
    float: right;
}

.program-content .form-desktop h4 {
	padding: 10px;
	font-weight: bold;
	color: #fff;
	background: rgba(var(--blue), 1);
	margin: 0px;
	text-align: center;
	font-size: 1.1rem;
}

.program-content .form-desktop .iframeForm {
	padding: 10px;
	height: 500px;
	margin: 0;
}

.program-content form .input-wrap {
    position: relative;
}

.program-content form label {
    color: #000;
    position: absolute;
    top: 16px;
    left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.program-content form .focused label, .program-content form .hasValue label {
    font-size: 0.8rem;
    top: 12px;
    -webkit-transform: translate(0,-8px);
    -moz-transform: translate(0,-8px);
    -ms-transform: translate(0,-8px);
    -o-transform: translate(0,-8px);
    transform: translate(0,-8px);
    opacity: 0.8;
}

.program-content form input,
.program-content form textarea {
    background: #fff;
    color: #000;
    width: 100%;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    margin: 0 0 20px 0;
    height: 50px;
    border: none;
    font-size: 1.1rem;
}

.program-content form input {
    padding: 15px 10px 5px 10px;
}

.program-content form textarea {
    padding: 20px 10px 10px 10px;
}

.program-content form textarea {
    height: 100px;
}

.program-content form button[type='submit'] {
    background: #003f5f;
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
    padding: 12px 35px 15px 35px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: none;
    cursor: pointer;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-left: 0px !important;
}

.program-content form button[type='submit']:hover {
    background: #003653;
    text-decoration: underline;
}

.program-content form button[type='submit'] i {
    color: #9fca42;
    font-size: .8em;
}

.program-content section {
    padding: 15px 0;
    margin: 0 30px;
    border-bottom: 1px solid #d9d9d9;
}

.program-content section.accordions {
    background: url('/PublishingImages/background-blue-logo.jpg') center no-repeat #003f5f;
    background-size: cover;
    margin: 0;
}

.program-content section:last-of-type {
    border-bottom: none;
}

.program-content .iframe-wrap {
}

.program-content .iframe-wrap .disclaimer {
    font-size: .9em;
    margin: 0 0 10px 0;
    line-height: 1.5;
}

.program-content iframe#external {
    width: 100%;
}

.program-content p, .program-content ul {
    color: #000;
    font-size: 1rem;
    line-height: 2;
}

.program-content ul {
    padding-left: 20px;
}

.program-content ul span {
    color: #000;
}

.program-content h2, .program-content h3 {
    font-size: 2.3rem;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 50px;
    color: #003f5f;
    text-indent: -3px;
    font-family: 'Verdana', sans-serif;
}

.program-content .slider h3 {
    text-align: center;
}

.program-content h2 {
    margin-top: 0;
    margin-bottom: 10px;
  }

.program-content .program-subhead {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.program-content .program-subhead a {
    color: #003f5f;
    font-size: 1.1rem;
}

.program-content h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 0;
    top: 26px;
}

.program-content .inline-image {
    float: right;
    margin: 20px 0 20px 40px;
    max-width: 50%;
    clear: both;
}

.program-content .accordions h3 {
    font-weight: normal;
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin-bottom: 80px;
}

.program-sidebar h4,
.program-content h4 {
    font-weight: normal;
    font-size: 1.6rem;
    color: #003f5f;
    margin: 40px 0 0 30px;
}

.program-sidebar h4 i {
    display: none;
}

.program-content form h4 {
    text-align: center;
    margin: 20px 0;
}

.program-content .accordions h3:after,
.program-content .slider h3:after {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.program-content .half-width {
    float: right;
    margin: 10px 0px 10px 10px;
}

.program-content .slider .logo-slider {
    margin: 0;
    padding: 40px 0;
    text-align: center;
}

.program-content .slider .logo-slide img {
    margin: 0 auto;
}

.program-content .slider .employer-nav-container {
    text-align: center;
    margin-bottom: 30px;
}

.program-content .slider .employer-nav {
    position: relative;
    padding: 30px 0 0 0;
    width: inherit;
    display: inline-block !important;
}

.program-content .slider .employer-nav .slick-dots {
    position: relative;
    margin: 0;
    padding: 0;
    bottom: 0;
    width: auto;
    display: inline-block !important;
    vertical-align: middle;
}

.program-content .slider .employer-nav .slick-dots li {
    margin: 0 10px;
    vertical-align: middle;
}

.program-content .slider .employer-nav .slick-dots li button:before {
    color: #b2c5cf;
    opacity: 1;
    font-size: 0.9rem;
}

.program-content .slider .employer-nav .slick-dots li.slick-active button:before {
    color: #003f5f;
    font-size: 1.1rem;
}

.program-content .slider .employer-nav .slick-prev,
.program-content .slider .employer-nav .slick-next {
    height: 48px;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 15px;
}

.program-content .slider .employer-nav .slick-next {
    right: -45px;
}

.program-content .slider .employer-nav .slick-prev {
    left: -45px;
}

.program-content .slider .employer-nav .slick-prev:before,
.program-content .slider .employer-nav .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 48px;
    color: #9fca42;
}

.program-content .slider .employer-nav .slick-prev:before {
    content: '\f104'
}

.program-content .slider .employer-nav .slick-next:before {
    content: '\f105'
}

#accordion {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 910px;
    z-index: 1;
    position: relative;
}

#accordion > li {
    padding: 0;
    margin: 20px;
    position: relative;
    -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    border-bottom: 10px solid #88b3da;
}

#accordion li ul {
    color: #000;
    padding: 0px 80px 10px 40px;
}

p.accordion-toggle {
    color: #003f5f;
    background: #fff;
    font-weight: normal;
    padding: 10px 70px 10px 20px;
    font-size: 1.2rem;
    text-align: left;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 1.6rem;
    line-height: 1.5;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #88b3da;
    text-align: center;
}

.accordion-toggle.active:after {
    font-family: 'FontAwesome';
    content: '\f068';
}

p.accordion-toggle-aei {
    color: #003f5f;
    background: #fff;
    font-weight: normal;
    padding: 10px 20px 10px 70px;
    font-size: 13px;
    text-align: left;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.accordion-toggle-aei:before {
    font-family: 'FontAwesome';
    content: '\f067 ';
    font-size: 13px;
    margin: 0px 10px;
    line-height: 1.5;
    transform: translateY(-50%);
    color: #88b3da;
    text-align: center;
}

.accordion-toggle-aei.active:before {
    font-family: 'FontAwesome';
    content: '\f068';
}

.scholasrhip_accordion_ul {
	list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 910px;
    z-index: 1;
    position: relative;
}

.scholasrhip_accordion_ul li {
	background: #f8f8f8;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
}

p.accordion-toggle-scholarship {
    color: #003f5f;
    font-weight: normal;
    font-size: 0.8rem;
    text-align: left;
    margin: 0;
    position: relative;
    cursor: pointer;
    
}

.accordion-toggle-scholarship:before {
    font-family: 'FontAwesome';
    content: '\f067 ';
    font-size: 0.8rem;
    margin: 0px 10px;
    line-height: 1.5;
    transform: translateY(-50%);
    color: #88b3da;
    text-align: center;
}

.accordion-toggle-scholarship.active:before {
    font-family: 'FontAwesome';
    content: '\f068';
}

.accordion-content-scholarship {
    display: none;
    text-align: left;
    position: relative;
    color: #000;
    font-size: 0.8rem;
    padding: 0px 20px 10px;
    
}

.accordion-content-scholarship ol,
.accordion-content-scholarship ul,
.accordion-content-scholarship li {
    font-size: 0.8rem;
}
.accordion-content-scholarship p {
    padding: 10px 0px;
    margin: 0;
    font-size: 0.8rem;
}

.accordion-content {
    display: none;
    text-align: left;
    color: #000;
    padding: 0px 20px;
    background: #FFF; /*changed this */
}

.accordion-content a,
.accordion-content a:visited {
	color: rgba(var(--glink), 1);
	text-decoration: underline;
}

.accordion-content a:hover {
	color: rgba(var(--link), 1);
}

.accordion-content-aei {
    display: none;
    text-align: left;
    position: relative;
    color: #000;
    margin-left: 40px;
    background: #FFF; /*changed this */
}

.accordion-content-aei ol,
.accordion-content-aei ul,
.accordion-content-aei li {
    font-size: 0.8rem;
}

.accordion-content p {
    padding: 10px 0px;
    margin: 0;
}

.accordion-content-aei p {
    padding: 10px 0px;
    margin: 0;
    font-size: 0.8rem;
}

.accordion-content a {
	font-weight: normal !important;
}

.accordion-content-aei a {
	font-weight: normal !important;
}

.accordion-content h5 {
    margin: 0;
    font-size: 1.2rem;
}

/*********************************************
    ## Admissions Content
*********************************************/

.admissions-content h3 {
    text-align: center;
}

.admissions-content h3:after {
    transform: translateX(-50%);
    left: 50%;
}

.admissions-content ol {
    padding-left: 20px;
}

.admissions-content ol span {
    font-weight: normal;
}

.admissions-intro h3 {
    text-align: left;
    line-height: 1.5;
}

.admissions-intro h3:after {
    content: '';
    height: 4px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    left: 14px;
    top: 26px;
}

.admissions-content img.left-inline + h3 {
    padding-left: 50%;
}

.admissions-content img.left-inline + h3:after {
    transform: translateX(50%);
}

.admissions-intro img {
    width: 50%;
}

.admissions-content .right-cover {
    float: right;
    border-left: 30px solid #fff;
}

.admissions-content .left-inline {
    float: left;
    margin: 30px 30px 0 0;
}

/*********************************************
    ## All Programs
*********************************************/

.all-programs {
    background: url('/PublishingImages/background-blue-logo.jpg') top left no-repeat #003f5f;
    margin: 0;
    padding: 40px 0;
}

.all-programs .blue-button,
.all-programs .blue-button:visited {
    background: #003f5f;
    color: #fff !important;
    border: 1px solid #99b2bf;
    margin: 0 auto;
    display: table; /* to allow it to be centered. */
}

.all-programs .blue-button:hover {
    background: #003653;
}

.all-programs .accordions {
    padding: 0 20px;
}

.all-programs .accordions h3 {
    margin-bottom: 40px;
}

.all-programs header {
    max-width: 768px;
    margin: 0 auto;
}

.all-programs header h3:after {
    left: 50%;
    transform: translateX(-50%);
}

.all-programs header p,
.all-programs header h4 {
    color: #fff;
    text-align: center;
}

.all-programs header h4 {
    border-top: 1px solid #99b2bf;
    margin-top: 40px;
    padding-top: 40px;
    font-size: 24px;
    font-weight: normal;
}

.all-programs #accordion {
    max-width: 1100px;
}

.all-programs #accordion > li {
    margin: 30px 0;
}

.all-programs #accordion .accordion-toggle:after {
    color: #003f5f;
}

.quickbuttons > p > a {
	color: #FFF !important;
	padding: 7px 5px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	display: block;
	word-break: break-all;
	text-decoration: none !important;
	-webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
}

.quickbuttons > p > a:hover {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.quickbuttons > p:nth-child(1) {
	background: #d62d20;
}
.quickbuttons > p:nth-child(2) {
	background: #3A833A;
}
.quickbuttons > p:nth-child(3) {
	background: #20809D;
}
.quickbuttons > p:nth-child(4) {
	background: #A36A00;
}
.quickbuttons > p:nth-child(5) {
	background: #800080;
}
.quickbuttons > p:nth-child(6) {
	background: #003f5f;
}
.quickbuttons > p:nth-child(7) {
	background: #D4403A;
}
.quickbuttons > p:nth-child(8) {
	background: #BD4C85;
}
.quickbuttons > p:nth-child(9) {
	background: rgba(var(--black), .8);
}
.quickbuttons > p:nth-child(10) {
	background: rgba(var(--career), 1);
}
.quickbuttons > p:nth-child(11) {
	background: rgba(var(--business), 1);
}

.all-programs #accordion > li:nth-child(1) {
    border-bottom: 10px solid #88b3da;
}

.all-programs #accordion > li:nth-child(2) {
    border-bottom: 10px solid #0085aa;
}

.all-programs #accordion > li:nth-child(3) {
    border-bottom: 10px solid #D9560F;
}

.all-programs #accordion > li:nth-child(4) {
    border-bottom: 10px solid #B8CA42;
}

.all-programs #accordion > li:nth-child(5) {
    border-bottom: 10px solid #872D91;
}

.all-programs #accordion > li:nth-child(6) {
    border-bottom: 10px solid #7E942D;
}

.all-programs #accordion > li:nth-child(7) {
    border-bottom: 10px solid #AB2718;
}

.all-programs #accordion .accordion-content ul.half {
    list-style: none;
    float: left;
    width: 50%;
    padding: 20px 20px 10px 20px;
}
.all-programs #accordion .accordion-content ul.half > li {
    font-weight: bold;
}
.all-programs #accordion .accordion-content ul.half > li a {
    font-weight: normal;
    font-size: 0.9rem;
}

.half-list ol.half,
.half-list ul.half {
    float: left;
    width: 50%;
    margin: 0 0 0 0; 
    padding: 0 1rem;
}
.half-list ol.half > li a {
    font-weight: normal;
}

.ordered_accordion {
	font-family: 'Roboto', sans-serif;
}
.ordered_accordion li {
	margin: 0px;
	padding: 15px 30px 15px 10px !important;
}
.ordered_accordion li:nth-of-type(odd) {
	background: #f8f8f8;
	border-bottom: 1px solid rgba(var(--lblue), .4);
}
.ordered_accordion li:nth-of-type(even) {
	border-bottom: 1px solid rgba(var(--lblue), .4);
}
.ordered_accordion li:first-of-type {
	border-top: 1px solid rgba(var(--lblue), .4);
}
.ordered_accordion li:hover {
	background: rgba(var(--lblue), .3);
	cursor: pointer;
}
.ordered_accordion li:after {
	font-family: 'FontAwesome';
	content: "\f0fe";
	float: right;
	margin-left: 20px;
	vertical-align: -50%;
}
.ordered_accordion div {
	display: none;
}

.all-programs #accordion .accordion-content ul li ul {
    list-style: disc;
    padding: 0 10px 0 20px;
    margin-bottom: 10px;
    line-height: 1.6;
}

.req-half {
	float: left;
	width: 50%;
	padding: 0px 20px 0px 20px;
}


/*********************************************
    ## AEI Template
*********************************************/

.inner-banner.aei {
    background-image: url('../../PublishingImages/banner-aei.jpg');
    height: 500px;
}

.inner-banner.aei img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 759px;
    padding: 20px;
}

.transparent {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(0, 54, 83, 0.9);
    padding: 20px;
    border-radius: 15px;
}

.inner-banner.aei h1 {
	text-align: center;
	color: #fff;
	font-size: 50px;
}

.aei .two-tone {
    text-align: center;
    display: table;
    width: 100%;
}

.aei .two-tone h3,
.aei .two-tone p,
.aei .two-tone p a {
    color: #fff;
}

.aei .two-tone h3 {
    line-height: 1.5;
}

.aei .two-tone h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.aei .two-tone p a {
    text-decoration: underline;
}

.aei .two-tone p a:hover {
    text-decoration: none;
}

.aei .two-tone .half-width {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 40px;
}

.aei .two-tone .half-width:nth-child(1) {
    background: #003f5f;
}

.aei .two-tone .half-width:nth-child(2) {
    background: #003653;
}

.aei .two-tone .half-width .content {
    max-width: 600px;
    margin: 0 auto;
}

.aei .two-tone .half-width .content .blue-button {
    border: 1px solid #99b2bf;
    background: #003653;
}

.aei .two-tone .half-width .content .blue-button:hover {
    background: #002f4a;
}

.all-programs1 #accordion .accordion-content ul.half {
    list-style: none;
    float: left;
    width: 50%;
    padding: 20px 20px 10px 20px;
    font-size: 0.9rem;
}

.all-programs1 #accordion .accordion-content ul.half > li {
    font-weight: bold;
    
}

.all-programs1 #accordion .accordion-content ul.half > li a {
    font-weight: normal;
    font-size: 0.9rem;
}

.all-programs1 #accordion .accordion-content ul li ul {
    list-style: disc;
    padding: 0 10px 0 20px;
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 0.9rem;
}


/*********************************************
    ## Continuing Education Template
*********************************************/

.inner-banner.continuing-education {
    background-image: url('../../PublishingImages/banner-continuing-education.jpg');
    height: 500px;
}

.inner-banner.continuing-education img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 759px;
    padding: 20px;
}

.inner-banner.continuing-education h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
	text-align: center;
	color: #fff;
	font-size: 60px;
}

.continuing-education .two-tone {
    text-align: center;
    display: table;
    width: 100%;
}

.continuing-education .two-tone h3,
.continuing-education .two-tone p,
.continuing-education .two-tone p a {
    color: #fff;
}

.continuing-education .two-tone h3 {
    line-height: 1.5;
}

.continuing-education .two-tone h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.continuing-education .two-tone p a {
    text-decoration: underline;
}

.continuing-education .two-tone p a:hover {
    text-decoration: none;
}

.continuing-education .two-tone .half-width,
.continuing-education .two-tone .tri-width {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 40px;
}

.continuing-education .two-tone .half-width:nth-child(1),
.continuing-education .two-tone .tri-width:nth-child(1),
.continuing-education .two-tone .tri-width:nth-child(3) {
    background: #003f5f;
}

.continuing-education .two-tone .half-width:nth-child(2),
.continuing-education .two-tone .tri-width:nth-child(2) {
    background: #003653;
}

.continuing-education .two-tone .half-width .content {
    max-width: 600px;
    margin: 0 auto;
}

.continuing-education .two-tone .tri-width .content {
    max-width: 400px;
    margin: 0 auto;
}

.continuing-education .two-tone .half-width .content .blue-button,
.continuing-education .two-tone .tri-width .content .blue-button {
    border: 1px solid #99b2bf;
    background: #003653;
}

.continuing-education .two-tone .half-width .content .blue-button:hover,
.continuing-education .two-tone .tri-width .content .blue-button:hover {
    background: #002f4a;
}

.continuing-education .testimonial {
    position: relative;
    padding: 50px 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.continuing-education .testimonial .photo {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
}

.continuing-education .testimonial .copy {
    float: right;
    padding-left: 40px;
    max-width: 800px;
    width: 70%;
}

.continuing-education .testimonial .copy:after {
    content: '\201D';
    font-size: 320px;
    position: absolute;
    top: -50px;
    right: -20px;
    opacity: .08;
}

.continuing-education .testimonial.photo-right .photo {
    right: 20px;
}

.continuing-education .testimonial.photo-right .copy {
    float: left;
}

.continuing-education .testimonial.photo-right .copy:after {
    content: '\201C';
    font-size: 320px;
    position: absolute;
    top: -50px;
    left: -20px;
    opacity: .08;
}

.continuing-education .testimonial .copy p {
    color: #003f5f;
    line-height: 1.5;
    margin-top: 0;
}

.continuing-education .testimonial .copy .quote {
    font-size: 2.3rem;
}

.aei .areas-of-instruction {
    background: url('../../PublishingImages/background-areas-of-instruction.jpg') no-repeat bottom center #333333;
    background-size: cover;
    text-align: center;
    padding: 80px;
}

.continuing-education .areas-of-instruction {
    background: url('../../PublishingImages/background-areas-of-instruction.jpg') no-repeat bottom center #333333;
    background-size: cover;
    text-align: center;
    padding-bottom: 80px;
}

.continuing-education .areas-of-instruction .description {
    max-width: 780px;
    padding: 20px;
    margin: 0 auto 60px auto;
    text-align: center;
}

.continuing-education .areas-of-instruction .description h4 {
    font-size: 2.3rem;
    color: #fff;
    margin-top: inherit;
    margin-bottom: inherit;
}

.continuing-education .areas-of-instruction .description h4:after {
    position: relative;
    display: block;
    content: '';
    height: 4px;
    width: 30px;
    background: #fff;
    top: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.continuing-education .areas-of-instruction .description p {
    color: #fff;
}

.aei .areas-of-instruction .description {
    max-width: 780px;
    padding: 20px;
    margin: 0 auto 20px auto;
    text-align: center;
}

.aei .areas-of-instruction .description h4 {
    font-size: 2.3rem;
    color: #fff;
    margin-top: inherit;
    margin-bottom: inherit;
}

.aei .areas-of-instruction .description h4:after {
    position: relative;
    display: block;
    content: '';
    height: 4px;
    width: 30px;
    background: #fff;
    top: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.aei .areas-of-instruction .description p {
    color: #fff;
    padding-top: 20px;
}

.continuing-education .areas-of-instruction .icons {
    list-style: none;
    margin: 0 auto 60px auto;
    padding: 0;
    font-size: 0;
    max-width: 1100px;
}

.continuing-education .areas-of-instruction .icons li {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    text-align: center;
    padding: 20px 10px;
}

.continuing-education .areas-of-instruction .icons li .circle {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.continuing-education .areas-of-instruction .icons li .circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.continuing-education .areas-of-instruction .icons li p {
    font-size: 1.1rem;
    color: #fff;
    max-width: 230px;
    margin: 20px auto;
    line-height: 1.5;
}

.continuing-education .areas-of-instruction .icons li a {
    color: #fff;
}

.continuing-education .areas-of-instruction .button {
    border: 1px solid #99b2bf;
    color: #fff;
    font-size: 1.1rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    padding: 12px 25px 15px 25px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    margin: 0 20px;
}

.continuing-education .areas-of-instruction .button:after {
    font-family: 'FontAwesome';
    content: '\f054';
    color: #9fca42;
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.continuing-education .areas-of-instruction .button:hover {
    text-decoration: underline;
    background: #333;
}


/*********************************************
    ## Footer
*********************************************/

.main-body footer {
    color: #fff;
    background: #333;
    padding: 50px 0;
}

footer .wrap {
    max-width: 1100px;
}

footer .column:last-child {
    border-right: none;
}

footer .col-1 {
    padding: 0 20px;
    width: 32%;
    display: inline-block;
}

footer .col-1 ul { /* social media list */
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .col-1 ul li {
    display: inline-block;
    margin: 0 8px;
    text-align: center;
}

footer .col-1 ul li:first-child {
    margin-left: 0;
}

footer .col-1 ul li a:link,
footer .col-1 ul li a:visited { /* social media list circle background */
    display: block;
    border-radius: 50%;
    background: #fff;
    color: #333;
    width: 28px;
    height: 28px;
    font-size: 1rem;
}

footer .col-1 ul li a:hover {
    opacity: .6;
}

footer .col-1 ul li a span {
    position: relative;
    top: 50%;
    transform: translateY(-60%);
}

footer .col-1 ul li a span.fa-play {
    padding-left: 3px;
}

footer .col-1 img.footer-logo {
    max-width: 258px;
}

footer .col-1 img.footer-social {
    max-width: 119px;
}

footer .col-2 ul,
footer .col-3 ul { /* list of page links */
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .col-2 ul li {
    padding-bottom: 17px;
}

footer .col-3 ul li {
	padding-bottom: 25px;
}

footer .col-2 ul li a:link,
footer .col-2 ul li a:visited,
footer .col-3 ul li a:link,
footer .col-3 ul li a:visited {
    color: #fff;
    text-decoration: none;
}

footer .col-2 ul li a:hover,
footer .col-3 ul li a:hover {
    text-decoration: underline;
}

footer .col-2 ul li:last-child,
footer .col-3 ul li:last-child {
    padding-bottom: 0;
}

footer .col-2,
footer .col-3,
footer .col-4 {
    width: 22%;
    padding: 0 20px;
    display: inline-block;
}

footer .mnscu-logo {
   max-width: 150px;
}

.colophon {
    color: #939393;
    background: #2c2c2c;
    text-align: center;
    padding: 10px 0;
}

/***************************
 #OLDSCHOOL ACCORDION TAG
***************************/

/*----- Accordion 

EXAMPLE:

<div class="accordion">    
<div class="accordion-section">        
<a class="accordion-section-title" href="#accordion-2">What will I be tested on?</a>
<div class="accordion-section-content" id="accordion-2">
<ul>
<li>Reading: You will be asked to read a passage and then answer several questions about the passage.</li>
<li>Mathematics: This portion measures your understanding of arithmetic through problem solving. Skills in operations of whole numbers, fractions, decimals and percentages. Ratios, measurement, and geometry will be assessed.
<span class="important">No handheld calculators are permitted.</span></li>
</ul>
<p><strong>Additional Testing</strong></p>
<ul>
<li>Keyboarding: If required for your program, keyboarding skills will be assessed.</li>
<li>Spatial: If required for your program, spatial skills will be assessed.</li>
</ul>
</div>
</div>
</div>

-----*/
.accordionx, .accordionx * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;   
	box-sizing:border-box;
} 

.accordionx {    
	overflow:hidden;    
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);    
	border-radius:3px;   
	padding: 5px; 
	margin: 5px 0px 10px;
	background:#f8f8f8;  
} 

/*----- Section Titles -----*/

.accordion-section-title:before {
	color: #9fca42;
	cursor: pointer;
	padding-right: 8px;
	content: "+";
} 

.accordion-section-title.active:before {
	color: #9fca42;
	cursor: pointer;
	padding-right: 8px;
	content: "-";
} 


.accordion-section-title {    
	width:100%;    
	padding:8px;    
	display:inline-block;    
	border-bottom:1px solid #000;    
	border-radius:3px; 
   
	/* Type */    
	font-size:16px;    
	color:#000 !important;
}

.accordion-section-title.active, .accordion-section-title:hover {    
	background:#003f5f;
	color: #fff !important;
	/* Type */    
	text-decoration:none !important;
} 

.accordion-section:last-child .accordion-section-title {    
	border-bottom:none;
} 

/*----- Section Content -----*/
.accordion-section-content {    
	padding:13px;
	font-size: 13px !important;    
	display:none;
}

.color1 {    
	width:100%;    
	padding:15px;    
	display:inline-block;    
	border-bottom:1px solid #000;    
	background:#dfe9eb;   
	transition:all linear 0.15s;    
	/* Type */    
	font-size:1.200em;    
	text-shadow:0px 1px 0px #1a1a1a;    
	color:#000 !important;
}

.color2 {    
	width:100%;    
	padding:15px;    
	display:inline-block;    
	border-bottom:1px solid #000;    
	background:#e1f0f5;   
	transition:all linear 0.15s;    
	/* Type */    
	font-size:1.200em;    
	text-shadow:0px 1px 0px #1a1a1a;    
	color:#000 !important;
}

.color3 {    
	width:100%;    
	padding:15px;    
	display:inline-block;    
	border-bottom:1px solid #000;    
	background:#f1f3e8;   
	transition:all linear 0.15s;    
	/* Type */    
	font-size:1.200em;    
	text-shadow:0px 1px 0px #1a1a1a;    
	color:#000 !important;
}

.color4 {    
	width:100%;    
	padding:15px;    
	display:inline-block;    
	border-bottom:1px solid #000;    
	background:#e5e5e5;   
	transition:all linear 0.15s;    
	/* Type */    
	font-size:1.200em;    
	text-shadow:0px 1px 0px #1a1a1a;    
	color:#000 !important;
}

.hide {
	display: none;
}


.closed {
	display: none;
}


#scrollbox {
  /* Position absolutely, 30px down from the top */
  border: 1px solid #AB2718;
  background: #eee;
  padding: 10px 20px;
  margin: 0px;   
  border-radius:5px; 
  float: right;
}

#scrollbox h4 {
	padding: 0 !important; margin: 0 !important;
	font-size: 0.8rem;
	font-weight: bold;
}

#scrollbox a {
	color: #000 !important;
	text-decoration: none !important;
}

#scrollbox a:hover {
	color: #000 !important;
}

.svbutton {
	padding: 0px 10px; 
	float: left;
}

.important {
	color: #AB2718 !important;
}

p.information {
	background-color: rgba(var(--health), .1);
	padding: 1rem;
	border: 1px solid rgba(var(--health), 1);
	width: 60%;
}

.equipment_table
{
	font-size: 0.8rem;
	width: 100%;
}

.equipment_table tr:nth-child(even) {
	background: #f2f2f2;
}

.equipment_table th
{
	color: #000;
	padding: 5px;
	text-align:center;
}

.equipment_table td
{
	text-align:center;
	border: 1px solid #A8A8A8;
}

.aei_table
{
	width: 99%;
	margin: 15px 0px;
	border-collapse: collapse;
	border-spacing: 0;
}

.aei_table p {
	margin: 0; padding: 0;
}

.aei_table tr:first-child {
	background: #eee;
}

.aei_table th {
	border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 0;
    padding: 1rem;
    vertical-align: top;
}

.aei_table td {
	border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 0;
    padding: 1rem;
    vertical-align: top;
}

.normal_table {
	width: 95%;
	margin: 10px 10px 15px 10px;
	padding: 3px;
	border: 1px solid #A8A8A8;
}
.normal_table textarea {
	width: 100%;
}
.normal_table th {
	background:#003f5f;
	color: #FFF !important;
	padding: 5px;
	border-bottom: 1px solid #A8A8A8;
	vertical-align: top;
}
.normal_table th p {	
	color: #FFF !important;
}
.normal_table p {
	padding: 0px !important;
	margin: 0px !important;
}
.normal_table td {
	vertical-align: top;
	padding: 5px 15px;
	border-bottom: 1px solid #A8A8A8;
}
.normal_table h3 {
	color: #fff !important;
}

/* GOOD TABLE */
.good_table {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.good_table_scroll {
	display: block;
	max-height: 500px !important;
  	overflow-y: scroll;
}

.good_table thead tr th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.good_table th,
.good_table td {
    padding: 9px 12px;
}

.good_table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.good_table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.good_table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.good_table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

/* padded normal table */
.padded_normal_table {
	width: 100%;
	margin: 15px 0px 2rem;
	border: 1px solid rgba(var(--gunmetal), 1);
	font-family: 'Roboto', sans-serif;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
}
.padded_normal_table th {
	background: rgba(var(--gunmetal), 1);
	color: #FFF !important;
	padding: 15px;
	border-bottom: 1px solid rgba(var(--gunmetal), 1);
	vertical-align: top;
	font-size: 1.2rem;
	vertical-align: bottom;
}
.padded_normal_table td {
	vertical-align: top;
	padding: 15px;
	border-bottom: 1px solid rgba(var(--gunmetal), 1);
	text-align: center;
}
.padded_normal_table tr:nth-child(even) {
	background: rgba(var(--mgray), .2);
}
.padded_normal_table tr:nth-child(odd) {
	background: rgba(var(--mgray), .1);
}
/* end */

.border_table {
	margin: 10px 0px;
	padding: 6px;
	border: 1px solid #A8A8A8;
}

.border_table textarea {
	width: 100%;
}

.border_table th
{
	background:#0085AA;
	color: #FFF !important;
	padding: 5px;
	border-bottom: 1px solid #A8A8A8;
	vertical-align: bottom;
}

.border_table th p
{	
	color: #FFF !important;
}


.border_table td
{
	vertical-align: top;
	padding: 6px;
	border: 1px solid #A8A8A8;
	background: #f8f8f8;
}

.border_table h3
{
	color: #fff !important;
}




/*********************************************
    ## Visit page
*********************************************/

.program-content .visit-content {
    padding-bottom: 0;
}

.visit-content .blue-section {
    text-align: center;
}

.visit-content .blue-section h3 {
    margin-bottom: 20px;
}

.visit-content .blue-section h3:after {
    height: 0;
    width: 0;
}

.visit-content .blue-section.with-background {
    background: url('../../PublishingImages/background-blue-logo.jpg');
}

.visit-content h3 {
    text-align: center;
    line-height: 1.5;
}

.visit-content h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.visit-content h4 {
    margin: 0;
    text-align: center;
}

.visit-content .col-one-third {
    text-align: center;
    width: 33.333%;
    padding: 15px;
}

.visit-content .col-one-third .border-top {
    border-top: 1px solid #99b2bf;
    margin-bottom: 20px;
}

.visit-content .col-one-third h4 {
    font-size: 1.1rem;
    margin: 20px auto;
}

.visit-content .col-one-third .icon-wrap {
    background: #ebebeb;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.visit-content .col-one-third .icon {
    display: block;
    position: absolute;
    width: 164px;
    height: 164px;
    top: 5px;
    left: 5px;
    border: 1px solid rgba(136,179,218, .5);
    border-radius: 50%;
    font-size: 60px;
    line-height: 156px;
}

.visit-content a {
	color: #003f5f;
}

.visit-content .col-one-third .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.visit-content .icon-wrap {
    background: #fff;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.visit-content .icon {
    display: block;
    position: absolute;
    width: 164px;
    height: 164px;
    top: 5px;
    left: 5px;
    border: 1px solid rgba(136,179,218, .5);
    border-radius: 50%;
    font-size: 60px;
    line-height: 156px;
}

.visit-content .icon img,
.visit-content .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(var(--lblue), 1);
    font-size: 6rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.visit-content .count-down {
    list-style: none;
    margin: 0;
    padding: 40px 0;
}
.visit-content .count-down li {
    display: inline-block;
    width: 24%;
    border-right: 1px solid rgba(255,255,255, .2);
}

.visit-content .count-down li:last-child {
    border-right: none;
}

.visit-content .count-down .number {
    font-size: 2.3rem;
    margin: 0 auto 20px auto;
    line-height: 1.5;
    color: #fff !important;
}

.visit-content .count-down .text {
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
}

.visit-content .details p {
    text-align: center;
    padding-bottom: 20px;
}

.visit-content .details .col-one-third {
    text-align: left;
}

.visit-content .details .col-one-third img {
    width: 100%;
}

.visit-content .details .col-one-third h4 {
    font-size: 1.6rem;
}

.visit-content .virtual-tour,
.visit-content .virtual-tour-nav {
    padding: 0;
    margin: 0;
}

.visit-content .virtual-tour-nav {
    margin-top: 10px;
    overflow: hidden;
}

.visit-content .virtual-tour-nav .slick-prev,
.visit-content .virtual-tour-nav .slick-next {
    background: #003f5f;
    width: 30px;
    height: 100%;
}

.visit-content .virtual-tour-nav .slick-prev {
    left: 0;
    z-index: 10;
    margin-left: 0px;
}

.visit-content .virtual-tour-nav .slick-prev:before {
    font-family: 'FontAwesome';
    content: '\f104';
    color: #9fca42;
    font-size: 44px;
    opacity: 1;
}

.visit-content .virtual-tour-nav .slick-next {
    right: -1px;
    z-index: 10;
}

.visit-content .virtual-tour-nav .slick-next:before {
    font-family: 'FontAwesome';
    content: '\f105';
    color: #9fca42;
    font-size: 44px;
    opacity: 1;
}

.visit-content .virtual-tour .slick-slide {
    position: relative;
}

.visit-content .virtual-tour .caption {
    position: absolute;
    display: block;
    padding: 20px;
    bottom: 0;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 0.9rem;
}

.visit-content .virtual-tour .caption strong {
    font-size: 1.1rem;
}

.visit-content .virtual-tour .caption p {
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
}

.visit-content .virtual-tour .slick-slide img {
    width: 100%;
}

.visit-content .virtual-tour-nav .nav-slide {
    margin: 0 5px;
}

.visit-content .virtual-tour-nav .nav-slide img {
    width: 100%;
}

/* news list style 2 */

.list-type2 ul {
	list-style-type: none;
	margin: 0 !important; padding: 0 !important;
	counter-reset: li;
}

.list-type2 li {
	font-size: 0.9rem;
	padding: 0px;
	display: block; margin: 10px auto;
}

.list-type2 a {
	border: 1px solid #a8a8a8;
	color: #000 !important;
	padding: 5px 5px 5px 25px; margin: 5px auto;
	background: #ECEEF0;
	display: block;
	position: relative;
	transition: all .2s ease-in-out;
}

.list-type2 a:before{
	font-family: FontAwesome;
	content: "\f061";
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background:#d9560f;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .1em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	color:#fff;
}

.list-type2 a:hover {
	background: #003f5f;
	color: #fff !important;
	border-radius: 5px;
	transform: scale(1.02);
	text-decoration: none !important;
}

/* Alumni News */

.alumni-news {
	
}

.alumni-news p {
	margin: 0; padding: 0;
}

.alumni-news a {
	display: block;
	color: #000 !important;
	padding: 10px;
	border-left: 5px solid rgba(var(--mgray), 1);
}

.alumni-news a:hover {
	text-decoration: none !important;
	background: rgba(var(--lblue), .3);
	color: #000 !important;
	border-left: 5px solid rgba(var(--lblue), 1);
}

.alumni-news img {
	width: 100%;
	padding: 5px;
	border: 1px solid #efefef;
}

.alumni-news-header i {
	color: rgba(var(--blue), 1);
	font-size: 1.6em;
	float: right;
}

.alumni-news .alumni-news-header {
	font-size: 1.1em;
	background: rgba(var(--mgray), .2);
	margin: 10px 0px;
	
}

.vjsc {
	display: inline;
	margin: 10px 0px;
}

.vjsc h5 {
	margin: 0px;;
	font-size: 1.1rem;
	text-align: center;
	display: inline;
}
/* get started 
.get_started {
	background: rgba(222, 251, 255, .1);
	border-radius: 10px;
}*/

.get_started_steps .step1,
.get_started_steps .step2,
.get_started_steps .step3,
.get_started_steps .step4,
.get_started_steps .step5,
.get_started_steps .step6,
.get_started_steps .step7 {
	padding: 10px;
}

.get_started_steps .step1 .img-icon,
.get_started_steps .step2 .img-icon,
.get_started_steps .step3 .img-icon,
.get_started_steps .step4 .img-icon,
.get_started_steps .step5 .img-icon {
	padding: 3px;
	font-size: 3em;
	width: 75px;
    height: 75px;
	text-align: center;
	float: left;
}

.get_started_steps .img-icon img {
	margin: 0px !important;
}

.get_started_steps .step1 .fa-icon,
.get_started_steps .step2 .fa-icon,
.get_started_steps .step3 .fa-icon,
.get_started_steps .step4 .fa-icon,
.get_started_steps .step5 .fa-icon,
.get_started_steps .step6 .fa-icon,
.get_started_steps .step7 .fa-icon{
    padding: 10px;
	font-size: 3em;
	width: 75px;
    height: 75px;
	text-align: center;
	float: left;
}

.get_started_steps .number_circle {
    width: 75px;
    height: 75px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 3em;
    font-family: "Rockwell Extra Bold";
    font-weight: bold;
    margin: 0px 10px 10px 0px;
}

.get_started_steps .step1 .number_circle {
	color: #1D6F85;
}
.get_started_steps .step1 .img-icon {
	background: #1D6F85;
	color: #fff;
}

.get_started_steps .step2 .number_circle {
	color: #b8ca42;
}
.get_started_steps .step2 .img-icon {
	background: #b8ca42;
	color: #fff;
}

.get_started_steps .step3 .number_circle {
	color: #F49200;
}
.get_started_steps .step3 .fa-icon,
.get_started_steps .step3 .img-icon {
	background: #F49200;
	color: #fff;
}

.get_started_steps .step4 .number_circle {
	color: #AB2718;
}
.get_started_steps .step4 .fa-icon,
.get_started_steps .step4 .img-icon {
	background: #AB2718;
	color: #fff;
}

.get_started_steps .step5 .number_circle {
	color: #4A235A;
}
.get_started_steps .step5 .fa-icon,
.get_started_steps .step5 .img-icon {
	background: #4A235A;
	color: #fff;
}

.get_started_steps .step6 .number_circle {
	color: #AB2718;
}
.get_started_steps .step6 .fa-icon {
	background: #AB2718;
	color: #fff;
}

.get_started_steps .step7 .number_circle {
	color: #AB2718;
}
.get_started_steps .step7 .fa-icon {
	background: #AB2718;
	color: #fff;
}


.get_started_steps .step_header {
	font-size: 1.2rem;
	font-weight: bold;
}

.get_started_steps .step1 .step_header {
	color: #1D6F85;
	border-bottom: 2px solid #1D6F85;
}
.get_started_steps .step2 .step_header {
	color: #b8ca42;
	border-bottom: 2px solid #b8ca42;
}
.get_started_steps .step3 .step_header {
	color: #F49200;
	border-bottom: 2px solid #F49200;
}
.get_started_steps .step4 .step_header {
	color: #AB2718;
	border-bottom: 2px solid #AB2718;
}
.get_started_steps .step5 .step_header {
	color: #4A235A;
	border-bottom: 2px solid #4A235A;
}
.get_started_steps .step6 .step_header {
	color: #AB2718;
	border-bottom: 2px solid #AB2718;
}
.get_started_steps .step7 .step_header {
	color: #AB2718;
	border-bottom: 2px solid #AB2718;
}
.get_started_steps .span_1_of_4,
.get_started_steps .span_3_of_4 {
	padding: 5px 20px;
}

.get_started_steps .step1 .section,
.get_started_steps .step2 .section,
.get_started_steps .step3 .section,
.get_started_steps .step4 .section,
.get_started_steps .step5 .section {
	padding: 10px;
	border-radius: 5px;
}

.get_started_steps .step1 .section {
	background: rgba(29, 111, 133, .1);	
}
.get_started_steps .step2 .section {
	background: rgba(184, 202, 66, .1);
}
.get_started_steps .step3 .section {
	background: rgba(244, 146, 0, .1);
}
.get_started_steps .step4 .section {
	background: rgba(171, 39, 24, .1);
}
.get_started_steps .step5 .section {
	background: rgba(74, 35, 90, .1);
}
.get_started_steps .step6 .section {
	background: rgba(171, 39, 24, .1);
}
.get_started_steps .step7 .section {
	background: rgba(171, 39, 24, .1);
}

.get_started_steps .step1 .span_3_of_4 {
	border-left: 6px double #1D6F85;
}
.get_started_steps .step2 .span_3_of_4 {
	border-left: 6px double #b8ca42;
}
.get_started_steps .step3 .span_3_of_4 {
	border-left: 6px double #F49200;
}
.get_started_steps .step4 .span_3_of_4 {
	border-left: 6px double #AB2718;
}
.get_started_steps .step5 .span_3_of_4 {
	border-left: 6px double #4A235A;
}
.get_started_steps .step6 .span_3_of_4 {
	border-left: 6px double #AB2718;
}
.get_started_steps .step7 .span_3_of_4 {
	border-left: 6px double #AB2718;
}

.h1_banner {
	padding: 40px;
	text-align: center;
	background: #72BCD4;
	border: 1px solid #a8a8a8;
	margin-bottom: 20px;
}

.h1_banner h1 {
	color: #fff;
	margin: 0;
	padding: 0;
}

.best_table {
	
}

.best_table th,
.best_table td {
	padding: 20px;
}

.best_table th {
	background: #E27D60;
	color: #fff;
	vertical-align: bottom;
	text-align: left;
}

.best_table td {
	vertical-align: top;
	line-height: 2em;
	border-bottom: 1px solid #E27D60;
}

.basic_accordion {
	padding-left: 0px;
    list-style: none;
}

.basic_accordion>li {
	background-color: #86B1D8;
    border-top: 5px solid #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 1rem;
    line-height: 1.64;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 8px;
    padding-right: 14px;
    padding-left: 54px;
    padding-top: 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.basic_accordion>li:before {
    content: "";
    background-color: #003F5E;
    background-image: url(svg/pluswhite.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 42px;
    height: 42px;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}

.basic_accordion>li.isOpen {
    background-color: #e8f3ff;
    color: #000;
}

.basic_accordion>li.isOpen:before {
    background-image: url(svg/minus-xxl.png);
}

.basic_accordion>li.isOpen>ul {
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-left: -32px;
}

.basic_accordion>li.isOpen>ul>li {
    display: block;
}

.basic_accordion>li>ul {
    background-color: #e8f3ff;
    padding-left: 0px;
    list-style: none;
}

.basic_accordion>li>ul>li:first-child {
    border-top: 0px;
}

.basic_accordion>li>ul>li {
    display: none;
    padding-bottom: 18px;
    padding-left: 0px;
    padding-right: 8px;
    padding-top: 18px;
}

.aei-image {
	display: block;
	margin: 10px auto;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .4);
}

.covid-19-buttons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.covid-19-buttons a {
	margin: 10px 0px;
	padding: 10px;
	background: rgba(0,63,95, 1);
	border-radius: 5px;
	text-align: center;
	display: block;
	color: #fff;
	font-weight: bold;
}

.covid-19-buttons a:hover {
	background: rgba(0,63,95, .5);
	color: #000;
	text-decoration: none;
}

.tutor-table {
	width: 100%;
	margin: 10px 0px 20px;
}

.tutor-table th {
	background: rgba(var(--lblue), 1);
	color: #000;
	padding: 10px;
	text-align: center;
}

.tutor-table tr {
	border-bottom: 1px solid rgba(var(--lblue), .5);
}

.tutor-table td {
	background: rgba(var(--lblue), .2);;
	padding: 20px;
	vertical-align: top;
}

.tutor-table td,
.tutor-table th {
	width: 33%;
}

.session_section {
	margin: 0px 0px 40px;
	border: 1px solid #a8a8a8;
	background: #f8f8f8;
}

.session_section h1 {
	background: rgba(var(--blue), 1);
	color: rgba(var(--white), 1);
	text-align: center;
	padding: 10px;
	margin: 0px !important;
	font-size: 24px;
}

.session_section p {
	padding: 10px;
	text-align: center;
}

.join_session {
	padding: 0px;
	text-align: center;
	margin: 0px;
	position: absolute; 
	bottom: 0;
	width: 100%;
}

.session_section .business {
	border: 1px solid rgba(var(--business), 1);
	height: 450px;
	
}
.session_section .business h2,
.business .join_session a {
	background: rgba(var(--business), 1);
	color: rgba(var(--white), 1);
}

.session_section .cte {
	border: 1px solid rgba(var(--career), 1);
	height: 450px

}
.session_section .cte h2,
.cte .join_session a {
	background: rgba(var(--career), 1);
	color: rgba(var(--white), 1);
}

.session_section .health {
	border: 1px solid rgba(var(--health), 1);
	height: 450px

}
.session_section .health h2,
.health .join_session a {
	background: rgba(var(--health), 1);
	color: rgba(var(--white), 1);
}

.session_section .liberal {
	border: 1px solid rgba(var(--liberal), 1);
	height: 350px
}
.session_section .liberal h2,
.liberal .join_session a {
	background: rgba(var(--liberal), 1);
	color: rgba(var(--white), 1);
}

.session_section .wellness {
	border: 1px solid rgba(var(--wellness), 1);
	height: 350px
}
.session_section .wellness h2,
.wellness .join_session a {
	background: rgba(var(--wellness), 1);
	color: rgba(var(--white), 1);
}

.session_section .stem {
	border: 1px solid rgba(var(--stem), 1);
	height: 350px
}
.session_section .stem h2,
.stem .join_session a {
	background: rgba(var(--stem), 1);
	color: rgba(var(--white), 1);
}

.join_session a {
	color: rgba(var(--white), 1) !important;
	display: block;
	padding: 10px;
	font-weight: bold;
	transition: all 0.5s;
}

.join_session a span,
.join a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.join_session a span:after,
.join a span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
	color: #fff;
}

.join_session a:hover span,
.join a:hover span {
	padding-right: 25px;
}

.join_session a:hover span:after,
.join a:hover span:after {
  opacity: 1;
  right: 0;
}

.join a {
	background: rgba(var(--lblue), .2);
	display: block;
	padding: 10px;
	border: 1px solid #a8a8a8;
	border-radius: 5px;
	transition: all 0.5s;
}

.join a:hover {
	background: rgba(var(--lblue), .5);
}

.session_section .program_session h2 {
	font-size: 1rem;
	text-align: center; 
	padding: 10px;
}

.session_section .program_session_info {
	padding: 0px 10px;
}

.session_section .program_session_info ul {
	list-style-type: none;
	margin: 0; padding: 0px;
}

.session_section .program_session_info li {
	margin: 10px 0px;
	font-size: 0.8rem;
}

.program_session {
	margin: 0px 10px;
	position: relative;
	background: rgba(var(--white), 1);
}

.session_student {
	background: rgba(var(--white), 1);
	margin: 0px 10px;
	height: 275px;
	border: 1px solid rgba(var(--lblue), .6);
}

.session_student p {
	text-align: left;
}

.session_student p:first-of-type {
	text-align: center;
	background: rgba(var(--lblue), .2);
	padding: 10px;
}

.gray_box {
	background: rgba(var(--lgray), 1);
	border: 1px solid rgba(var(--mgray), .2);
	padding: 20px !important;
	margin: 0px 0px 20px;
	border-radius: 5px;
}

.gray_box a {
	color: rgba(var(--glink), 1);
	text-decoration: underline;
}

.gray_box a:hover {
	color: rgba(var(--link), 1);
}

.apply_box {
	margin: 0px 0px 20px;
}

.apply_box img {
	width: 100% !important;
	padding: 5px;
	background: rgba(var(--lgray), 1);
	border: 1px solid rgba(var(--mgray), 1);
	margin: 0px 0px 5px;
}

.apply_box h5 {
	padding: 15px;
	margin: 0 !important;
	background: rgba(var(--blue), .9);
	cursor: pointer;
	color: #fff;
}

.apply_box h5:after {
	float: right;
	display: block;
	color: #fff;
	font-family: 'FontAwesome';
    content: '\f0fe';
}

.student_content {
	display: none;
	padding: 10px 15px;
	background: rgba(var(--lgray), 1);
	border: 1px solid rgba(var(--mgray), 1);
}

.student_content p,
.student_content ul,
.student_content ol {
	font-size: 0.8rem;
}

.apply_box.student_content_active h5:after {
	font-family: 'FontAwesome';
    content: '\f146';
}

.student_content li {
	padding: 0 !important; margin: 0px 5px 10px !important;
}

#newAccordion {	
	display: block;
	margin: auto;
	border: 1px solid rgba(var(--lblue), 1);
}

#newAccordion .accordionSection:last-of-type {
	border-bottom: none;
}

#newAccordion .accordionSection {
	border-bottom: 1px solid rgba(var(--lblue), 1);
}

.accordionImage {
	width: 100px;
	height: 90px;
	float: left;
	background: #fff;
}

.accordionImage img {
	width: 100px;
	height: 90px;
	padding: 10px;
}

.dropDownHeader p:after {
	font-family: 'FontAwesome';
	content: "\f0fe";
	float: right;
	margin-left: 20px;
	vertical-align: -50%;
}

.dropDownHeader p.active:after {
	font-family: 'FontAwesome';
	content: "\f146";
}

.dropDownHeader div {
	background: rgba(var(--blue), 1);
	padding: 27px;
	width: 100%;
}

.dropDownHeader div.lightblue {
	background: rgba(var(--lblue), 7);
	color: #000;
}

.dropDownHeader div:hover {
	background: rgba(var(--blue), .9);
	cursor: pointer;
}

.dropDownHeader div.lightblue:hover {
	background: rgba(var(--lblue), .5);
	cursor: pointer;
}

.dropDownHeader div p {
	font-size: 24px !important;
	color: #fff;
	line-height: 1.5;
  	padding: 0 0 0 100px; margin: 0 0 0 0;
}

.dropDownHeader div.lightblue p {
	font-size: 24px !important;
	color: #000;
	line-height: 1.5;
  	padding: 0 0 0 100px; margin: 0 0 0 0;
}

.dropDownBody {
	display: none;
	padding: 20px;
	background: rgba(var(--lgray), .6);
}

.dropDownBody h3 {
	text-align: left;
	font-size: 1.2rem;
	margin: 10px 10px 10px 0;
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #000;
}

.dropDownBody h3:after {
	display: none;
}

.dropDownBody h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
}

.dropDownBody h2:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 0;
	width: 200px;
	border-bottom: 2px solid rgba(var(--blue), .9);
}

.usde_accordion .usde_program {
	border-left: 6px solid rgba(var(--blue), 1);
	border-right: 2px solid rgba(var(--blue), 1);
	border-top: 2px solid rgba(var(--blue), 1);
	border-bottom: 2px solid rgba(var(--blue), 1);
	margin-bottom: 10px;
	border-radius: 5px;
}

.usde_accordion .usde_program .usde_header {
	background: rgba(var(--lgray), 1);
	padding: 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 1.1rem;
	color: rgb(var(--blue));
} 

.usde_accordion .usde_program .usde_header.active {
	border-bottom: 1px solid rgba(var(--blue), 1);
}

.usde_accordion .usde_program .usde_header:after {
	font-family: 'FontAwesome';
	content: "\f0fe";
	float: right;
	margin-left: 20px;
	vertical-align: -50%;
}

.usde_accordion .usde_program .usde_header.active:after {
	font-family: 'FontAwesome';
	content: "\f146";
}

.usde_accordion .usde_program .usde_header:hover {
	cursor: pointer;
} 

.usde_accordion .usde_program .usde_body {
	padding: 20px;
	display: none;
	
}

.newProgramLayout section {

}

.newProgramLayout img {
	max-width: 400px;
	float: right;
	margin: 10px;
	padding: 5px;
	box-shadow: 2px 2px 2px 2px #A9A9A9;
}

.ms-ToolPaneOuter {
	z-index: 10000;
}

.meetFaculty {
	width: 100%;
	text-align: center;
	font-size: 24px;
	padding: 10px;
	background: rgba(var(--lblue), .2);
}

.meetFaculty i {
	font-size: 48px;
}

.nohover {
	text-decoration: none !important;
}

.nohover:hover {
	text-decoration: none;
}

.mtf:after {
	display: none;
}

.open_forum_schedule {
	margin-bottom: 20px;
}

.open_forum_schedule p {
	padding: 20px 5px;
	margin: 0;
}

.open_forum_schedule th, .open_forum_schedule td {
	width: 33%;
	text-align: left;
	padding: 0; margin: 0;
	border-top: 1px solid rgba(var(--mgray), .5);
}

.open_forum_schedule tr:nth-child(odd) {
	background: rgba(var(--lblue), .1)
}

.searchFinalist {
	background: #f8f8f8;
	margin-bottom: 20px;
}

.searchFinalist h5 {
	background: rgba(var(--blue), .3);
	padding: 10px;
	margin: 0px;
}

.searchFinalist div {
	padding: 10px;
}

.oneyearpage .group1 h5,
.oneyearpage .group2 h5,
.oneyearpage .group3 h5,
.oneyearpage .group4 h5,
.oneyearpage .group5 h5 {
	font-size: 24px;
	margin: 0px;
	text-align: center;
	margin: 0 !important;
	padding: 10px;
}

.oneyearpage .group1,
.oneyearpage .group2,
.oneyearpage .group3,
.oneyearpage .group4,
.oneyearpage .group5 {
	margin-bottom: 20px;
}

.oneyearpage .programListing {
	 padding: 20px; 
	 border-bottom: 1px solid #a8a8a8;
}

.oneyearpage .group1 h5 {
	background: rgba(var(--business), 1);
	color: #fff;
}

.oneyearpage .group2 h5 {
	background: rgba(var(--career), 1);
	color: #fff;
}

.oneyearpage .group3 h5 {
	background: rgba(var(--health), 1);
	color: #fff;
}

.oneyearpage .group4 h5 {
	background: rgba(var(--stem), 1);
	color: #fff;
}

.oneyearpage .group5 h5 {
	background: rgba(var(--wellness), 1);
	color: #fff;
}

.oneyearpage .group1 {
	background: rgba(var(--business), .1);
}

.oneyearpage .group2 {
	background: rgba(var(--career), .1);
}

.oneyearpage .group3 {
	background: rgba(var(--health), .1);
}

.oneyearpage .group4 {
	background: rgba(var(--stem), .1);
}

.oneyearpage .group5 {
	background: rgba(var(--wellness), .1);
}

.oneyearpage .span_1_of_5 a {
	border: 1px solid #a8a8a8;
	padding: 20px;
	display: block;
	background: rgba(var(--lgray), .4);
	border-radius: 5px;
}

.oneyearpage .span_1_of_5 a:hover {
	background: rgba(var(--lgray), 1);
}

.galaLogos h5 {
	font-size: 24px;
	margin: 0px;
	border-bottom: 2px solid #000;
	padding: 10px 0px;
}

.galaLogos .group1 img,
.galaLogos .group2 img,
.galaLogos .group3 img,
.galaLogos .group4 img {
	margin: 0px auto 10px;
}

.light_gray_box{
	background: #fff;
	padding: 20px !important;
	margin: 0px 0px 10px;
}

#graduation span {
	border: 1px solid #a8a8a8;
	font-size: 2.3rem;
	width: 90px;
	border-radius: 5px;
	padding: 10px;
	margin: 5px;
	background: rgba(var(--lgray), .5);
	box-shadow: 2px 2px 2px #A9A9A9;
}

.covid-dials {
	background: rgba(var(--lgray), .5);
	padding: 0px 20px;
	border-radius: 5px;
	border: 1px solid rgba(var(--mgray), .3);
}

.covid-dials img {
	display: block;
	margin: auto;
}

.blue-text {
	color: rgba(var(--blue), 1) !important;
}

.message_banner {
	background: rgba(var(--lblue), 1);
	text-align: center;
	padding: 10px 130px 10px 10px;
    position: relative;
    display: none;
    line-height: 1.8em;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
}

.message_banner a {
	color: #fff;
}

.message_banner .close {
    line-height: 1.5;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.message_banner .close:after {
    position: relative;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #fff;
    font-size: 2.3rem;
    line-height: 1.5;
    vertical-align: middle;
    padding-left: 10px;
    top: -2px;
    cursor: pointer;
}

.message_banner_2 {
	background: rgba(var(--career), 1);
	text-align: center;
	padding: 10px 130px 10px 10px;
    position: relative;
    display: none;
    line-height: 1.8em;
    color: #0e0e0e;
    font-weight: 700;
    font-size: 0.9rem;
}

.message_banner_2 a {
	color: #fff;
}

.message_banner_2 .close {
    line-height: 1.5;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.message_banner_2 .close:after {
    position: relative;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #fff;
    font-size: 2.3rem;
    line-height: 1.5;
    vertical-align: middle;
    padding-left: 10px;
    top: -2px;
    cursor: pointer;
}


.yellow-text a,
.yellow-text ul li a {
	color: rgba(255,223,0,1) !important;
}

.left-bar {
	border-top: 1px solid rgba(var(--blue), 1);
	border-right: 1px solid rgba(var(--blue), 1);
	border-bottom: 1px solid rgba(var(--blue), 1);
	border-left: 6px solid rgba(var(--blue), 1);
	padding: 10px;
	margin: 10px 0px;
	background: rgba(var(--white), 1);
	border-radius: 5px;
}

.left-bar p:first-of-type {
	font-size: 1.3em !important;
}

.left-bar p:first-of-type:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f133";
}

.pseo_table {
	border: 1px solid #a8a8a8;
}

.pseo_table th {
	width: 33%;
	text-align: left;
}

.pseo_table th,
.pseo_table td {
	padding: 10px;
	border-bottom: 1px solid #a8a8a8;
	vertical-align: top;
}

.pseo_table ul {
	margin: 0 !important;
}

.yellow-text > a {
	font-weight: bold;
}
	
.honors_courses h5 {
	margin: 0px !important;
	padding: 0px !important;
}

.honors_content {
	background: rgba(var(--lblue), .1);
	padding: 2rem;
	margin: 0px 0px 10px;
	border: 1px solid rgba(var(--lblue), .5);
}

.honors_content > p:first-of-type {
	font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #003f5f;
    line-height: 1.5em;
    text-indent: -3px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
}

.honors_content > p:first-of-type:after {
    content: '';
    height: 3px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    top: 20px;
}

.honors_future {
	float: right;
	width: 49%;
	padding: 5px;
	margin: 4px;
}

.ms-reusableTextView {
	display: inline;
}

.src-boardOne-BragifyEmbed__load-more-wrapper--3Awhb {
	margin: 0px !important;
}

.youtube-player {
	width: 100%;
	height: 329px;
	background: #efeff0;
	display: block;
	margin: 0px auto 20px;
}

.socialGigg {
	background: #003f5e;
}

.bq-style {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #ccc;
}

.bq-style p {
	padding: 5px; margin: 0;
}

.socialGigg p {
	color: #fff;
	text-align: center;
	padding: 15px 10px 0px;
}

.socialGigg p:before {
	font-family: "FontAwesome";
	content: "\f030";
	padding-right: 10px;
}

.aeiAlert {
	background: #e2402e;
	color: #fff;
	padding: 5px 10px;
	margin: 0px;
	font-size: 22px;
	text-align: center;
}

.aeiAlert a, .aeiAlert a:visited {
	color: #fff;
}

.eServices {
	
}

.welcome_week_events {
	padding: 20px 0px;
	border-bottom: 1px solid rgba(var(--blue), 1);
}

.welcome_week_events h5 {
	padding: 10px;
	margin: 0 0 15px 0;
	text-align: center;
	background: rgba(var(--lblue), .5);
}

.welcome_week_events:first-of-type {
	border-top: 1px solid rgba(var(--blue), 1);
}

.welcome_week_events img {
	width: 200px;
	float: left;
	padding: 5px;
	margin: 10px 20px 10px 0px;
	background: rgba(var(--lblue), 1);
	border: 1px solid rgba(var(--mgray), 1);
	box-shadow: 2px 2px 2px #A9A9A9;
}

.clep-table {
	border: 1px solid rgba(var(--mgray), .5);
	background: #fff;
	border-radius: 5px;
}

.clep-table th,
.clep-table td {
	padding: 15px;
}

.clep-table th {
	background: rgba(var(--lblue), .2);
}

.clep-table td {
	border-bottom: 1px solid rgba(var(--mgray), .5);
}

.casually_float_left {
	clear: left;
}

.right-float-list {
	background: #fff;
	padding: 20px;
}

.right-float-list .rfl-header {
	background: rgba(var(--blue), 1);
	color: #fff;
	padding: 7px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
}

.right-float-list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.right-float-list li {
	padding: 5px 10px;
	margin: 0px;
	border-bottom: 1px solid rgba(var(--lblue), .8);
}

.right-float-list li:nth-of-type(odd) {
	background: rgba(var(--lblue), .2);
}

.left-float-list {
	width: 350px;
	float: left;
	background: #fff;
	padding: 20px;
}

.left-float-list .rfl-header {
	background: rgba(var(--blue), 1);
	color: #fff;
	padding: 7px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
}

.left-float-list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.left-float-list li {
	padding: 5px 10px;
	margin: 0px;
	border-bottom: 1px solid rgba(var(--lblue), .5);
}

.left-float-list li:nth-of-type(odd) {
	background: rgba(var(--lblue), .3);
}


.nice_org {
	padding: 20px 0px;
	margin-bottom: 20px;
}

.nice_org h5 {
	padding: 10px;
	margin: 0 0 15px 0;
	text-align: center;
	background: rgba(var(--lblue), .5);
}

.nice_org img {
	width: 200px;
	float: left;
	padding: 5px;
	margin: 10px 20px 10px 0px;
	background: rgba(var(--lblue), 1);
	border: 1px solid rgba(var(--mgray), 1);
	box-shadow: 2px 2px 2px #A9A9A9;
}

.nice_org .section {
	clear: none;
}

.centered_header {
	text-align: center;
	border-bottom: 6px double rgba(var(--blue), .5); 
	padding-bottom: 10px;
	margin: 0px !important
}

.imagedropshadow {
    padding: 5px;
    border: solid 1px #EFEFEF;
    margin: 0px auto 15px;
}

a:hover img.imagedropshadow {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

.stay_connected {
	margin-bottom: 20px;
	text-align: center;
}

.stay_connected .col {
	padding: 0px 10px;
}

.stay_connected i {
	font-size: 5em;
	text-align: center;
	display: block;
	margin: 0px auto 10px;
	color: rgba(var(--blue), 1);
}

.stay_connected .i-text strong {
	font-size: 1.2em;
	border-bottom: 1px solid #000;
	padding: 5px;
}

.right-box-300 {
	float: right;
	width: 300px;
}

.foundationboard {
	border: 1px solid rgba(var(--mgray), .3);
	background: rgba(var(--lgray), .5);
	min-height: 200px;
	box-shadow: 2px 2px 2px 2px #f8f8f8;
	position: relative;
	padding: 5px;
}

.foundation_header {
	font-size: 0.9rem !important;
	font-weight: bold;
	color: rgba(var(--blue), 1) !important;
}

.foundationboard p {
	padding: 0;
	margin: 0;
	font-size: 0.8rem !important;
}

.foundation_description,
.foundation_committee {
	
}

.foundation_committee {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.foundationboard hr {
	padding: 0;
	margin: 0 0 10px;
}

.foundationboard img {
	display: block;
	margin: 0px auto;
	padding: 5px;
	border: 1px solid rgba(var(--mgray), .4);
	max-width: 90%;
}

.visit_box_info {
	margin: 0px 0px 15px;
	border-radius: 20px;
	border: 2px solid rgba(var(--blue), 1);
	position: relative;
	background: #f8f8f8;
}

.visit_box_info_inside {
	padding: 10px;
	margin: 0px;
	min-height: 250px;
}

.box_info_header {
	font-size: 1.3em !important;
	padding: 5px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin: 0 !important;
	border-bottom: 2px solid rgba(var(--blue), 1);
	color: #000;
	text-align: center;
}

.box_info_content > a {
	background: rgba(var(--blue), 1);
	padding: 10px;
	color: rgba(var(--white), 1) !important;
	border-radius: 5px;
	font-size: 1.2em;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	margin: auto;
	text-align: center;
	border: 1px solid transparent;
}

.box_info_content > a:hover {
	text-decoration: none !important;
	color: rgba(var(--limer), 1) !important;
	box-shadow: inset 0 0 5px rgba(var(--white), 1);
	border: 1px solid rgba(var(--limer), 1);
}

.box_info_content > a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f35d";
	padding-left: 10px;
}

.box_info_header.health {
	background: rgba(var(--health), .1);
}

.box_info_header.business {
	background: rgba(var(--business), .1);
}

.box_info_header.start_here_session:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f279";
	margin: 0px 5px 0px 0px;
	color: rgba(var(--blue), 1);
}

.box_info_header.open_house:before {
	font-family: "Font Awesome 5 Pro";
	content: "\e00e";
	margin: 0px 5px 0px 0px;
	color: rgba(var(--blue), 1);
}

.box_info_header.info_session:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f05a";
	margin: 0px 5px 0px 0px;
	color: rgba(var(--blue), 1);
}

.studentQuotes {
	background: rgba(var(--liberal), 1);
}

.studentQuotesInner {
	font-family: "Sora";
	position: relative;
	padding: 10px 20px;
	max-width: 1150px;
	margin: 0 auto;	
	line-height: 1.5em;
	color: rgba(var(--white), 1);
	font-size: 1.1em;
}

/* -- create the quotation marks -- */
.studentQuotesInner:before,
.studentQuotesInner:after{
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    /* -- inside the relative position of blockquote -- */
    top: 13px;
    color: rgba(var(--white), 1);
    font-size: 1.1rem;
}

.studentQuotesInner:before{
    content: "\f10d";
    margin-right: 10px;
    right: 100%;
}

.studentQuotesInner:after{
    content: "\f10e";
    margin-left: 10px;
    left: 100%;  
}

.studentQuotesInner .author {
	display: block;
	text-align: center;
}

.program-list .red-icon {
	color: rgba(var(--business), 1);
	margin-right: 5px;
	position: absolute;
	top: 14px;
	left: 0px;
}

.program-list .current .red-icon {
	color: rgba(var(--white), 1);
	position: relative;
	top: 0;
	left: 0;
}

.Paging {
	border-top: 2px solid rgba(var(--business), .5);
	text-align: center;
	font-size: 1.1em;
	color: rgba(var(--business), 1);
	padding: 10px;
}

.ms-promlink-button {
	padding: 0px;
	height: inherit;
	width: inherit;
	display: inline;
	border: 1px solid transparent
}

.ms-promlink-button:hover {
	border: 1px solid rgba(var(--business), 1);
}

.gray_box .box_header {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #003f5f;
    text-indent: -3px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
}

.gray_box .box_header:after {
    content: '';
    height: 3px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    top: 20px;
}

.lblue_box {
	background: rgba(var(--lblue), .1);
	border: 1px solid rgba(var(--lblue), .5);
	padding: 20px !important;
	margin: 0px 0px 10px;
	border-radius: 5px;
}

.lblue_box .box_header {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #003f5f;
    text-indent: -3px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
}

.lblue_box .box_header:after {
    content: '';
    height: 3px;
    width: 30px;
    background: #88b3da;
    display: block;
    position: relative;
    transform: translateX(-50%);
    font-family: 'Roboto', sans-serif;
    left: 50%;
    top: 20px;
}

.jobPostingInfo {
	margin-top: 10px;
}

.jobPostingInfo > div {
	margin: 0px;
	line-height: 1.5;
	background: rgba(var(--lblue), .1);
	padding: 15px;
	border-bottom: 1px solid rgba(var(--lblue), .6);
}

.jobPostingInfo:first-of-type {
	border-top: 1px solid rgba(var(--lblue), .6);
}

.dateRange {
	font-size: .86rem !important;
	font-style: italic;
    color: #4a5154;
}

.jobPostingInfo i {
	padding: 5px 10px 20px 0px;
	display: block;
	float: left;
	color: rgba(var(--stem), 1);
}

#empty-WPQ6 td,
#empty-WPQ7 td {
	font-weight: bold;
	font-style: italic;
	padding: 20px;
}

.bookings div p {
	padding: 0;
	margin: 0;
}

.bookings .col-lg-4 a {
	border: 1px solid rgba(var(--lblue), 1);
	background: rgba(var(--lblue), .1);
	text-align: center;
	margin: 5px 0px;
	padding: 30px 0px;
	border-radius: 5px;
	display: block;
}

.bookings .col-lg-4 a:hover {
	text-decoration: none;
	background: rgba(var(--lblue), .3);
}

.boxContent {
	font-family: 'Roboto', sans-serif;
}

.boxImage {
	display: block;
	margin: auto;
}

.boxImage img {
	width: 100%;
	padding: 2px;
    background: rgba(var(--lgray), 1);
    border: 1px solid rgba(var(--mgray), 1);
    display: block;
	margin: auto;
	box-shadow: 0.3em 0.3em 0.3em rgba(0,0,0,0.3);
	transition: all .5s ease;
}

.boxContent .boxContentHeader {
	padding: 10px;
	font-size: 1.2em;
	background: rgba(var(--blue), 1);
	color: #fff;
	overflow: hidden;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	letter-spacing: .1em;
	box-shadow: 0.2em 0.2em .8em rgba(0,0,0,0.3);
}

.boxContent .boxContentHeader:after {
	font-family: 'FontAwesome';
    content: '\f0fe';
    float: right;
    margin-right: 10px;
}

.boxContent .boxContentHeader.active:after {
	font-family: 'FontAwesome';
	content: "\f146";
}

.boxContentInfo {
	display: none;
	padding: 20px;
	background: #f8f8f8;
	box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0.2em 0.2em .8em rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.1);
}

/*
<div>
	<a href="" class="spc-btn-cta btn-block position-relative" target="_blank"><span class="font-weight-bold text-nowrap"></span>
	<div class="spc-btn-cta-icon position-absolute"><i class="fad fa-external-link"></i><i class="fad fa-arrow-alt-right"></i></div>
	</a>
</div>
*/

.spc-btn-cta {
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff !important;
    background: rgba(var(--blue), 1);
    border-radius: .3em;
    text-align: left;
    padding: .5em .5em .6em 3em;
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 1.2rem;
    line-height: 1.5;
    border: 0;
    letter-spacing: -0.03em;
    text-decoration: none !important;
}

.spc-btn-cta-icon {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    letter-spacing: normal;
    width: 2.5em;
    top: 0;
    bottom: 0;
    height: 100%;
    border-left: 1px solid transparent;
    border-right: 1px solid #fff;
    border-radius: .3em 0 0 .3em;
    background: rgba(var(--stem), 1);
    color: #fff;
    left: 0;
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
}

.spc-btn-cta:hover, .spc-btn-cta:focus {
    background: rgba(var(--stem), .1);
    color: rgba(var(--stem), 1) !important;
    padding: .5em 3em .6em .75em;
    text-decoration: none;
}

.spc-btn-cta:hover .spc-btn-cta-icon, .spc-btn-cta:focus .spc-btn-cta-icon {
    left: calc(100% - 2.5em);
    background: rgba(var(--stem), 1);
    color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid transparent;
    border-radius: 0 .3em .3em 0;
}

.spc-btn-cta-icon .fa-external-link {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
    display: inline-block;
}

.spc-btn-cta-icon .fa-arrow-alt-right {
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
	display: none;
}

.spc-btn-cta:hover .fa-arrow-alt-right {
	display: inline-block;
}
.spc-btn-cta:hover .fa-external-link {
	display: none;
}

.position-absolute {
	position: absolute !important;
}
.font-weight-bold {
	font-weight: 700 !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.btn-block {
    display: block;
    width: 100%;
}
.position-relative {
	position: relative !important;
}

/*
<div class="auto-resizable-iframe">
	<div>
		<iframe src="https://www.youtube.com/embed/yy2Og5ujkzs" class="aei-image" title="YouTube video player" style="float: right; width: 460px; margin: 0px 0px 0px 10px;"></iframe>
	</div>
</div> 
*/

.auto-resizable-iframe {
	width: 400px;
	float: right;
}

.auto-resizable-iframe > div {
	position: relative;
	padding-bottom: 75%;
	height: 0px;
}

.auto-resizable-iframe iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 5px;
	box-shadow: 2px 2px 2px 2px #A9A9A9;
}

.custom-image-rotator {
	position: relative;
}

.custom-image-rotator img {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

.custom-image-rotator ul#slideshow {
  list-style: none;
  position: relative;
  margin: auto;
}

.new-carousel {
	width: 100%;
	height: 300px;
	position: relative;
	margin-bottom: 10px;
}

.new-carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.data-slides > .slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: 200ms opacity ease-in-out;
	transition-delay: 200ms;
}

.data-slides > .slide > img {
	display: block;
	width: 100%;
	padding: 5px;
	box-shadow: 2px 2px 2px 2px #A9A9A9;
	height: 100%;
	cursor: pointer;
}

.data-slides > .slide.data-active {
	opacity: 1;
	z-index: 1;
	transition-delay: 0ms;
}

.carousel-button {
	min-width: inherit;
	margin: inherit;
	position: absolute;
	font-family: inherit;
	z-index: 2;
	background: none;
	border: none;
	font-size: 4rem;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, .5);
	cursor: pointer;
	border-radius: .25rem;
	padding: 0 .5rem;
}

.carousel-button:hover,
.carousel-button:focus {
	color: #fff;
	background-color: transparent !important;
}

.carousel-button.prev {
	left: 1rem;
}

.carousel-button.next {
	right: 1rem;
}

.picture-and-quote {
	display: flex;
	align-items: start;
}

#lightbox {
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
}

#lightbox.active {
	visibility: visible;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

#lightbox img {
	max-width: 90%;
	max-height: 80%;
	padding: 4px;
	background-color: black;
	border: 2px solid white;
}

.edit-mode-panel.title-edit {
	font-size: 1.1em !important;
	color: rgba(var(--blue), 1);
}

.ms-rtePosition-1  {
	margin: 5px 20px 5px 0px !important;
}

.ms-rtePosition-2 {
	margin: 5px 0px 5px 20px !important;
}

.calendar_reserve {
	background: rgba(var(--blue), .1);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	text-align: center;
	border-top: 2px solid rgba(var(--blue), .5);
	border-bottom: 2px solid rgba(var(--blue), .5);
	margin-top: 1rem;
}

.calendar_reserve p {
	padding: 20px;
	margin: 0;
}

.calendar_reserve p:first-of-type i {
	color: rgba(var(--lblue), 1);
}

.calendar_reserve p:last-of-type i {
	color: rgba(var(--stem), 1);
}

.calendar_reserve i {
	font-size: 2em;
	color: rgba(var(--blue), 1);
}

.calendar_reserve span {
	display: block;
}

.flex-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	gap: 2em;
}

.flex-logos .logo {
	width: 350px;
	height: 100%;
}

.flex-logos .logo:first-of-type img {
	width: 300px;
}

.flex-logos .logo img {
	width: 200px;
}

.box-pagination {
	
}

.box-pagination .box-pagination-title {
	font-size: 1.4em;
	color: rgba(var(--blue), 1);
	font-weight: bold;
}

.box-pagination .box-pagination-bookmarks {
	
}

.box-pagination-bookmarks .menu {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.box-pagination-bookmarks .content {
	padding: 10px;
	border: 1px solid rgba(var(--lblue), .6);
	border-top: none;
	background: #f8f8f8;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.box-pagination-bookmarks .menu li {
	flex-grow: 1;
	text-align: center;
	border: 1px solid rgba(var(--lblue), .6);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px;
	font-size: 1.2em;
	background: rgba(var(--lblue), .1);
	cursor: pointer;
}

.box-pagination-bookmarks .menu li:hover {
	background: rgba(var(--lblue), .4);
}

.box-pagination-bookmarks .menu li.active {
	background: rgba(var(--blue), 1);
	border-bottom: none;
	color: #fff;
	cursor: inherit;
	font-weight: bold;
}

.aboutus h5.headerEmphasize {
	font-size: 1.4em;
	color: rgba(var(--gray), 1);
	line-height: 1.7em;
}

.aboutus h5.headerEmphasize strong {
	font-size: 1.8em;
	color: rgba(var(--blue), 1);
	line-height: 1.7em;
	max-width: 600px;
    position: relative;
    display: block;
    margin: auto;
}

.aboutus h5.headerEmphasize strong:before {
    content: "";
    display: block;
    width: 20%;
    height: 3px;
    background: rgba(var(--blue), 1);
    left: 0;
    top: 50%;
    position: absolute;
}
.aboutus h5.headerEmphasize strong:after {
	content: "";
	display: block;
	width: 20%;
	height: 3px;
	background: rgba(var(--blue), 1);
	right: 0;
	top: 50%;
	position: absolute;
}

.groupSpacer {
	border-bottom: 1px solid rgba(var(--mgray), .4);
}

.photo-credit {
	display: grid;
	align-content: center;
	justify-items: center;
}

.photo-credit p {
	font-size: .7rem;
	text-align: center;
}

.transfer-fair {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 2rem;
}

.transfer-fair .transfer-content {
	display: grid;
	background-color: rgba(var(--lgray), 1);
	border-radius: 1rem;
	padding: 1rem;
	box-shadow: 0px 3px 10px;
	line-height: 2;
	align-items: center;
	font-family: 'Roboto', sans-serif;
}

.transfer-fair img {
	max-width: 100%;
	max-height: 150px;
	display: block;
	margin: 0 auto;
}

.transfer-fair .tc-header {
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(var(--gunmetal), 1);
	text-align: center;
	margin-top: 10px;
}

.transfer-fair .tc-contact,
.transfer-fair .tc-contact * {
	font-size: 0.9rem;
	text-align: center;
}

.transfer-fair ul {
	list-style-type: none;
	padding: .5rem; margin: 5px 0 0;
	background: rgba(var(--lblue), .1);
	border: 1px solid rgba(var(--lblue), .5);
	border-radius: 1rem;
}

.transfer-fair li {
	margin: 10px 0px;
	text-align: center;
}

.transfer-fair ul,
.transfer-fair li {
	font-size: 0.9rem;
}

.fancy-link {
	text-decoration: none;
	position: relative;
}

.fancy-link:hover {
	text-decoration: none !important;
}

.fancy-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 250ms ease-in;
}

.fancy-link:hover::after {
	transform: scaleX(1);
}

.libchat_offline {
	display: none !important;
}

.libchat_online {
	display: block !important;
	margin: 10px auto !important; 
	padding: 1rem !important;
}

.page-alert {
	background: rgba(var(--stem), .1);
	border: 1px solid rgba(var(--stem), .5);
	padding: .5rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
}
.page-alert p {
	font-size: 1.3rem;
	padding: 0;
	margin: 0;
	text-align: center;
}

.friends-on-the-lawn {
	position: relative;
	padding: 1rem;
	background-color: rgba(var(--lblue), .2);
	border-radius: 1rem;
	background-image: url(../../PublishingImages/spc-skyline-image.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.horizontal-headline-orange {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	background: rgba(var(--white), .6);
	text-align: center;
	border-top: 2px solid rgba(var(--friends-orange), .5);
	border-bottom: 2px solid rgba(var(--friends-orange), .5);
}

.horizontal-headline-orange p {
	color: rgba(var(--friends-orange), 1);
	font-weight: bold;
	font-size: 2rem;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.one-by-two-layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.one-by-two-layout p {
	color: rgba(var(--black), 1);
	font-size: 1.1rem;
}

.one-by-two-layout p strong {
	font-size: 1.2rem;
	color: rgba(var(--blue), 1);
}

.one-by-two-layout .section-one,
.one-by-two-layout .section-two {
	padding: 2rem;
	margin: 1rem .5rem;
	background: rgba(var(--white), .7);
	border-radius: 1rem;
	z-index: 1;
}

.friends-on-the-lawn h3 span.cursive-font {
	font-family: "Brush Script MT", cursive;
}

.button-groups {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
}

.button-groups div {
	padding: 1rem;
	border-radius: 1rem;
	box-shadow: 2px 2px 5px #000;
}

.button-groups p {
	text-align: center;
}

.button-groups p a:after {
    font-family: 'FontAwesome';
    content: '\f054';
    padding-left: 10px;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
}

.button-groups p a {
	background: rgba(var(--white), .9);
	display: block;
	margin: 1rem auto 0;
	border-radius: 1rem;
	border: 2px solid transparent;
	padding: 1rem;
	transition: all 200ms;
	font-weight: bold;
}

.button-groups p a:hover {
	background: rgba(var(--white), 1);
	color: #000;
	border: 2px solid #000;
	text-decoration: none;
}

/* <div class="break-point"><div class="break-point-line"></div></div> */

.break-point {
	padding: 1rem 0;
}

.break-point div {
	border-bottom: 1px solid rgba(var(--mgray), .5);
}

.two-by-one {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
	clear: both;
}

.two-by-one .current-student-button,
.two-by-one .new-student-button {
	
}

.two-by-one .current-student-button a,
.two-by-one .new-student-button a {
	font-family: 'Roboto', sans-serif;
	display: block;
	font-size: 1.5rem;
	padding: 1rem;
	text-align: center;
	border-radius: 1rem;
	transition: all 0.2s linear 0s;
	border: 2px solid transparent;
	background-image: url(../../PublishingImages/backgrounds/vintage-wallpaper.webp);
	color: #fff !important;
	position: relative;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	text-decoration: none !important;
}

.two-by-one .current-student-button a::before,
.two-by-one .new-student-button a::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f35a";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	transition: all 0.2s linear 0s;
    text-align: center;
}

.two-by-one .current-student-button a:hover::before,
.two-by-one .new-student-button a:hover::before {
	font-size: 1.5em;
	transform: rotate(-60deg);
	color: yellow;
}

.two-by-one .current-student-button a:hover,
.two-by-one .new-student-button a:hover {
	border: 2px solid rgba(var(--blue), 1);
	text-decoration: none;
	border: 2px solid #fff;
}

.fancy-list {
	font-family: 'Roboto', sans-serif;
	counter-reset: li;
    list-style: none;
    margin-top: 3rem;
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1rem;
}

.fancy-list li {
	background: #fff;
	padding: 1rem !important;
	border-radius: 1rem;
}

.fancy-list li:before {
    content: counter(li);
    counter-increment: li;
    display: block;
	border-bottom: 1px solid rgba(var(--mgray), 1);
	text-align: center;
	font-weight: bold;
	margin: 0px auto 10px;
}

.fancy-list li strong {
	display: block;
	text-align: center;
}

.building-exterior {
	position: relative; 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    z-index: 0;
}

.building-exterior::before {
	content: "";
	background-image: url('../../PublishingImages/building-exteior-header.webp');
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.5;
	z-index: 1;
}

.open-house-banner {
	background-image: url('../../PublishingImages/open-house-banner.webp');
}

.top-banner-text h1 {
	font-size: 4rem;
	color: #fff;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	font-weight: bold;
	transition: 0ms;
	z-index: 2;
}
.small-font-grow {
	font-size: 1.2rem !important;
}
.medium-font-grow {
	font-size: 1.5rem !important;
}
.large-font-grow {
	font-size: 1.8rem !important;
}

.step-count {
	font-family: 'Roboto', sans-serif;
	counter-reset: step-counter;
    list-style: none;
    margin: 0; padding: 0 !important;
}
.step-count li:before {
    content: "Step "counter(step-counter)": ";
    counter-increment: step-counter;
    font-weight: bold;
    color: rgba(var(--blue), 1);
}

.white-link,
.white-link:visited {
	color: #fff;
}

.minnesota-state-message {
	font-size: 0.6rem;
}

.newProgramLayout a {
	color: rgba(var(--glink), 1);
	text-decoration: underline;
}

.newProgramLayout a:hover {
	color: rgba(var(--link), 1);
}

.saint-paul-college-values {
	background: rgba(var(--blue), 1);
	padding: 2rem;
}

.saint-paul-college-values h5 {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin: 2rem 0;
	font-size: 1.5rem;
}

.value-statement {
	position: relative;
	margin-bottom: 2rem;
	font-family: 'Roboto', sans-serif;
}

.value-statement > .value-icon {
	position: absolute;
	top: -15px;
	left: -25px;
}

.value-statement > .value-icon .fa-circle::before {
	-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
    border-radius: 50%;
}

.value-statement > .value-icon .fad {
	color: #fff;
}

.value-statement > .value-icon .spc-blue {
	color: rgba(var(--blue), 1);
}
.value-statement > .value-icon .spc-light-blue:before {
	color: rgba(var(--lblue), 1);
}

.value-statement > .value-icon .spc-medium-blue {
	color: rgba(var(--business), 1);
}

.value-statement > .value-icon .spc-green {
	color: rgba(var(--health), 1);
}

.value-statement > .value-icon .spc-red {
	color: rgba(var(--stem), 1);
}

.value-statement > .value-icon .spc-orange {
	color: rgba(var(--career), 1);
}

.value-statement .value-content {
	padding: 2rem 3.5rem;
	background: #fff;
	border-radius: 2rem;
}

.value-statement .value-content .value-header {
	font-size: 1.3rem;
	font-weight: bold;
}

.spc-clickable-boxes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	text-align: center;
}

.spc-clickable-boxes > div {
	background-color: rgba(var(--lblue), .4);
	padding: .5rem 1.25rem;
}

.spc-clickable-boxes > div > img {
	object-fit: cover;
	width: 100% !important;
	box-shadow: 0px 2px 2px 2px rgba(var(--lblue), .8);
}

.spc-clickable-boxes > div a {
	position: relative;
	background-color: rgba(var(--blue), .9);
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	padding: .5rem;
	font-size: 1.3rem;
}

.spc-clickable-boxes > div a::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f35a";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	transition: all 0.2s linear 0s;
    text-align: center;
}

.spc-clickable-boxes > div a:hover::before {
	font-size: 1.2em;
	transform: rotate(-60deg);
	color: yellow;
}

.spc-clickable-boxes > div a:hover {
	background-color: rgba(var(--blue), 1);
}

.spc-clickable-boxes > div .date-time {
	font-size: 1.1rem;
	margin: 1.5rem 0;
}

.spc-clickable-boxes > div .title {
	font-size: 1.1rem;
	font-weight: bold;
	padding: .5rem;
	border-radius: .5rem;
}

.international-student-table {
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

.international-student-table tr:nth-child(even) {
	background: rgba(var(--gunmetal), .3);
}

.international-student-table tr:nth-child(odd) {
	background: rgba(var(--gunmetal), .1);
}

.international-student-table p {
	padding: 0; margin: 0;
}

.international-student-table th {
	background: rgba(var(--blue), 1);
	border: 2px solid #fff;
	width: 33%;
	color: #fff;
	padding: 1rem;
	font-size: 1.2rem;
	font-weight: normal;
}

.international-student-table td {
	padding: 1rem;
	border: 2px solid #fff;
	font-size: 1.2rem;
}

.two-column-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(200px, 1fr));
}

.two-column-grid .btn-block {
	margin: 20px 0px;
}

.two-column-grid .gray_box {
	padding: 10px 30px !important;
}

.two-column-grid h3 {
	font-size: 1.5rem;
	margin-top: 0px;
	margin-bottom: 30px;
}

.two-column-grid h3::after {
	width: 50px;
 	background: rgba(var(--lblue), 1);
 	top: 15px;
}

.two-column-grid > div {
	padding: 1rem;
	border-bottom: 1px solid rgba(var(--mgray), .1);
}

.two-column-grid img {
	width: 100%;
	display: block;
	margin: 0px auto;
	padding: 5px;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .4);
}

.two-column-grid .grid-title {
	font-size: 1.2rem;
}

.four-square {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.four-square > div {
	background: rgba(var(--blue), 1);
	border-radius: 1rem;
	margin: .3rem;
	padding: 1.5rem;
}

.four-square > div p,
.four-square > div ul {
	color: #fff;
}

.four-square > div > p:first-of-type {
	text-align: center;
}

.four-square > div > p > strong {
	font-size: 1.4rem;
	color: rgba(var(--health), 1);
}

.chili-bowl-tickets .chili-details {
	text-align: center;
	background: hsl(39, 100%, 98%);
	white-space: nowrap;
	border: 1px solid hsl(39, 100%, 75%);
	box-shadow: 2px 2px 5px hsl(39, 100%, 20%);
}

.chili-bowl-tickets .flex-spacing {
	align-items: center;
	justify-content: space-around;
}

.chili-bowl-tickets .flex-spacing div {
	padding: 1rem;
}

.chili-bowl-tickets .chili-details h5 {
	color: hsl(0, 100%, 30%);
	font-size: 1.5rem;
}

.chili-bowl-tickets .chili-details p {
	font-size: 1.5rem;
}

.chili-bowl-tickets h5 {
	margin: 1rem 0;
	padding: 0;
	font-size: 1.5rem;
}

.chili-bowl-tickets .chili-peppers {
	margin: 2rem 0;
	display: flex;
	gap: 25px;
}

.chili-bowl-tickets .chili-peppers div {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: hsl(39, 100%, 98%);
	gap: 12px;
	padding: 0px;
	box-shadow: 2px 2px 5px hsl(39, 100%, 20%);
}

.chili-bowl-tickets .chili-peppers div:nth-child(odd) {
	background: hsl(39, 100%, 94%);
}

.chili-bowl-tickets .chili-peppers div p {
	text-align: center;
	color: hsl(0, 100%, 30%);
	padding: 0 1rem; 
	text-transform: uppercase;
}

.chili-bowl-tickets .chili-peppers div i {
	font-size: 3rem;
	color: hsl(0, 100%, 20%);
	display: block;
	background: hsl(39, 100%, 20%, .2);
	padding: .6rem 1rem;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid hsl(39, 100%, 20%, 1)
}

.chili-bowl-tickets .purchase-tickets {
	margin: 1rem 0rem;
	text-transform: uppercase;
}

.chili-bowl-tickets .purchase-tickets strong {
	display: block;
	font-size: 1.5rem;
	color: hsl(0, 100%, 30%);
}

.chili-bowl-tickets .purchase-tickets strong:before,
.chili-bowl-tickets .purchase-tickets strong:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f816";
	margin: 0px 1rem;
}

.flex-spacing {
	display: flex;
	gap: 4rem;
	flex-wrap: nowrap;
	justify-content: center;
}

.flex-spacing-even {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	gap: 3rem;
	margin: 2rem;
}

.flex-spacing-even div,
.flex-spacing-even img {
	flex-grow: 1;
}

.questions-statement {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 4em;
	color: #fff;
	text-align: center;
}

.questions-statement a {
	color: rgba(var(--limer), 1) !important;
	text-decoration: underline;
}

.register-now-button {
	text-align: center;
	margin: 3rem !important;
}

.register-now-button a {
	background: rgba(var(--blue), 1);
	color: #fff !important;
	padding: 2rem 6rem;
	border-radius: 5px;
	text-decoration: none !important;
	position: relative;
	z-index: 0;
	font-size: 1.5rem;
}

.register-now-button a:hover {
	color: rgba(var(--limer), 1) !important;
}

.register-now-button a:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.register-now-button a:hover:before {
    opacity: 1;
}

.register-now-button a:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(var(--blue), 1);
    left: 0;
    top: 0;
    border-radius: 5px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.open-house-info {
	margin: 1rem 0;
}

.open-house-info li {
	color: #000;
}

.open-house-info-sessions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 400px));
	justify-content: center;
	gap: 3rem;
	margin: 2rem;
}

.open-house-info-sessions .info-session-box {
	background: #fff;
	position: relative;
	padding-bottom: 70px;
	box-shadow: 0 0 10px;
	border: 1px solid #000;
}

.open-house-info-sessions .info-session-header,
.open-house-info-sessions .info-session-body {
	padding: 1rem;
}

.open-house-info-sessions .info-session-body .date-and-time {
	text-align: center;
	padding: 1rem;
	border-radius: .5rem;
	margin: 0px 0px 1rem;
	font-size: 1.2rem;
}

.open-house-info-sessions .info-session-header {
	background: rgba(var(--lblue), .3);
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.open-house-info-sessions .info-session-footer {
	background: rgba(var(--stem), 1);
	position: absolute;
	bottom: 0;
	width: 100%;
}

.open-house-info-sessions .info-session-footer p {
	margin: 0; padding: 0;
	font-size: 1.2em;
}

.open-house-info-sessions .info-session-footer a {
	color: #fff !important;
	font-size: 1.1em;
	text-align: center;
	display: block;
	padding: 1rem;
	text-decoration: none !important;
	transition: all 500ms ease-in-out;
}

.open-house-info-sessions .info-session-footer a:hover {
	box-shadow: inset 0 0 10px;
}

.open-house-info-sessions .info-session-footer a:after {
	font-family: 'FontAwesome';
	content: '\f054';
	opacity: 0;
	position: absolute;
    margin: 2px 15px;
    transition: all 500ms ease-in-out;
}

.open-house-info-sessions .info-session-footer a:hover:after {
	opacity: 1;
}

.bigger-text p,
.bigger-text li {
	font-size: 1.2em;
}

.bigger-text > section {
	padding: 1rem;
}

.block-display {
	display: block;
}

.smaller-text {
	font-size: .6em;
}

.learning-communities {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
	gap: 2rem;
	margin: 1rem 0rem 2rem 0rem;
}

.learning-communities-card {
	width: 100%;
	background: #fff;
	padding: 1rem;
	box-shadow: 0px 0px 5px #000;
	border-radius: 5px;
}

.snow canvas {
	pointer-events: none;
}

.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}

.lightrope li {
    position: relative;
    animation-fill-mode: both; 
    animation-iteration-count:infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 12px;
    height: 28px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: rgba(0,247,165,1);
    box-shadow: 0px 4px 24px 3px rgba(0,247,165,1);
    animation-name: flash-1;
    animation-duration: 2s;
}
.lightrope li:nth-child(2n+1) {
  background: rgba(0,255,255,1);
  box-shadow: 0px 4px 24px 3px rgba(0,255,255,0.5);
  animation-name: flash-2;
  animation-duration: 0.4s;
}
.lightrope li:nth-child(4n+2) {
  background: rgba(247,0,148,1);
  box-shadow: 0px 4px 24px 3px rgba(247,0,148,1);
  animation-name: flash-3;
  animation-duration: 1.1s;
}
.lightrope li:nth-child(odd) {
  animation-duration: 1.8s;
}
.lightrope li:nth-child(3n+1) {
  animation-duration: 1.4s;
}
.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9px;
  border-radius: 3px;
  top: -4px;
  left: 1px;
}
.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}
.lightrope li:last-child:after {
    content: none;
}
.lightrope li:first-child {
  margin-left: -40px;
}

@keyframes flash-1 { 
    0%, 100% { background: rgba(0,247,165,1);
    box-shadow: 0px 4px 24px 3px rgba(0,247,165,1);} 
    50% { background: rgba(0,247,165,0.4);
    box-shadow: 0px 4px 24px 3px rgba(0,247,165,0.2);}
}
@keyframes flash-2 { 
    0%, 100% { background: rgba(0,255,255,1);
    box-shadow: 0px 4px 24px 3px rgba(0,255,255,1);} 
    50% { background: rgba(0,255,255,0.4);
    box-shadow: 0px 4px 24px 3px rgba(0,255,255,0.2);}
}
@keyframes flash-3 { 
    0%, 100% { background: rgba(247,0,148,1);
    box-shadow: 0px 4px 24px 3px rgba(247,0,148,1);} 
    50% { background: rgba(247,0,148,0.4);
    box-shadow: 0px 4px 24px 3px rgba(247,0,148,0.2);}
}

.dep_hours_box {
	float: right;
	margin: 0px 0px 10px 20px;
	background: rgba(var(--lblue), .2);
	padding: 10px 20px;
	border: 1px solid rgba(var(--lblue), 1);
}

.dep_hours_box p {
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.dep_hours_box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.small-text {
	font-size: .7rem !important;
}

.grid-setup {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: .5rem;
	margin: 1rem 0;
	justify-content: stretch;
	align-content: stretch;
}

.grid-setup > div > .grid-header {
	text-align: center;
	padding: 1rem;
	background: rgba(var(--box-color), 1);
	font-weight: 700;
	margin: 0;
}

.grid-setup > div {
	background: rgba(var(--box-color), .2);
}

.grid-setup > div div {
	padding: 1rem;
}

.grid-setup .orange-palette {
	--box-color: 237, 125, 49;
}
.grid-setup .gray-palette {
	--box-color: 165, 165, 165;
}
.grid-setup .yellow-palette {
	--box-color: 255, 192, 0;
}
.grid-setup .blue-palette {
	--box-color: 91, 155, 213;
}
.grid-setup .green-palette {
	--box-color: 112, 173, 71;
}

.grid-span-2 {
	grid-column: span 2;
}

.grid-box-background-green {
	background-color: rgba(0, 163, 84, .3) !important; 
}
.grid-box-background-green a {
	background-color: rgba(0, 163, 84, 1) !important; 
}


/* end */

/*********************************************
    ## Mobile Breakpoints
*********************************************/

@media screen and (max-width: 1920px) {
	.inner-banner-3 {
		background-position: left;
	}	
}

@media screen and (max-width: 1680px) {
	.hero-slider .slide .background-image {
        background-size: contain;
        background-repeat: no-repeat;
    }
    .flex-spacing {
		gap: 2rem;
	}
	.register-now-button a {
		white-space: nowrap;
	}
}

@media screen and (max-width: 1350px) {
	.masthead .secondary-nav .wrap > ul li {
		padding: 0px 5px;
	}
	
	.mega-menu-dropdown .half-width ul li {
    	padding: 8px 0 !important;
    }
    .flex-spacing {
		display: block;
	}
	
	.flex-spacing-even {
		display: block;
	}
	
	.youtube-video-player {
		width: 100% !important;
		display: block;
	}

}

@media screen and (max-width: 1300px) {
    .masthead h1 {
        height: 65px;
        width: 286px;
    }

    .masthead .primary-nav .wrap > ul li {
        padding: 0 8px;
    }

    .masthead .primary-nav a:link,
    .masthead .primary-nav a:visited,
    .masthead .secondary-nav a:link,
    .masthead .secondary-nav a:visited {
        font-size: 0.9rem;
    }

    .button-section ul li a:link,
    .button-section ul li a:visited {
        margin: 0 15px;
        font-size: 22px;
    }

    .button-section .apply:before,
    .button-section .register:before,
    .button-section .visit:before,
    .button-section .request:before,
    .button-section .give:before {
        height: 24px;
        width: 24px;
        background-size: 24px;
    }

}

@media screen and (max-width: 1200px) {
    .masthead h1 {
        height: 59px;
        width: 175px;
    }
    .bookings .col-lg-4 a {
		padding: 10px 0px;
	}

    .masthead .primary-nav a:link,
    .masthead .primary-nav a:visited,
    .masthead .secondary-nav a:link,
    .masthead .secondary-nav a:visited {
        font-size: 0.8rem;
    }
    
    .mega-menu-dropdown h2,
    .mega-menu-dropdown h2 a {
    	font-size: 1.2rem !important;
    }
}

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

    .masthead .primary-nav a:link,
    .masthead .primary-nav a:visited {
        font-weight: normal;
    }

    .masthead .secondary-nav .wrap > ul li {
        padding: 0 8px;
    }

    .button-section ul li a:link,
    .button-section ul li a:visited {
        font-size: 1.1rem;
    }

    .button-section .apply:before,
    .button-section .register:before,
    .button-section .visit:before,
    .button-section .request:before,
    .button-section .give:before {
        height: 20px;
        width: 20px;
        background-size: 20px;
    }

    .news-column h3 {
        font-size: 30px;
    }

    .program-slider-section-wrap {
        padding: 40px 0;
    }

    .slider-section-header {
        padding: 0 20px;
    }

    .green-column, .gray-column {
        padding: 40px;
    }

}

.youtube-video-player {
	width: 560px;
	height: 315px;
	display: block;
}

.youtube-video-player > iframe {
	width: 100%;
	height: 315px;
}


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

    .continuing-education .testimonial .copy .quote {
        font-size: 1.6rem;
    }

    .continuing-education .testimonial .photo {
        height: 270px;
        width: 270px;
    }

}

@media screen and (max-width: 1024px) {
	.news-column,
    .event-column {
        width: 100% !important;
        float: none;
    }
}

@media screen and (max-width: 960px) {
	.two-by-one .current-student-button a, .two-by-one .new-student-button a {
		font-size: 1rem;
	}
	
	.two-column-grid {
		display: block;
	}
	.floated-video-file {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	.register-now-button {
		text-align: center;
		margin: 3rem !important;
	}
	
	.register-now-button a {
		background: rgba(var(--blue), 1);
		color: #fff !important;
		padding: 1rem 1.5rem;
		border-radius: 5px;
		text-decoration: none !important;
		position: relative;
		z-index: 0;
		font-size: 1.5rem;
	}
	
	.alert {
	   font-size: .7rem;
	   position: absolute;
	   text-align: left;
	}

	#newAccordion {
		width: 100%;
	}
	
	.bigger-text p,
	.bigger-text li {
		font-size: 1em;
	}

	
	.foundationboard {
		text-align: center;
	}
	
	.foundation_committee {
		position: relative;
		padding: 0; margin: 0;
	}

	
	.right-float-list,
	.left-float-list {
		float: none;
		width: 100%;
	}
		
	.accordionImage {
		display: none;
	}
	
	.dropDownHeader p {
		padding: 10px;
	}
	
	.vjsc {
		width: 100%;
	}
	
	.openhousebox {
		width: 100%
	}
		
	.iframe-container{
		  position: relative;
		  width: 100% !important;
		  height: 315px;
		}
		.iframe-container iframe{
		  position: absolute;
		  top:0;
		  left: 0;
		  width: 100% !important;
		  height: 100%;
		}


	.spc-virtual-tour {
		display: none;
	}
	
	.sidebar-nav, .program-content, .page-content {
        float: none;
        width: 100%;
    }
    
    .slick-dots {
    	bottom: initial !important;
	}


    .sidebar-nav {
        width: 100%;
    }

    .sidebar-nav h4 {
        text-align: center;
        padding: 20px;
        margin: 0px;
    }

    .sidebar-nav h4 i {
        font-size: 1.1rem;
        position: relative;
        top: -2px;
        left: 10px;
        color: #9fca42;
        display: inline-block;
    }

    .sidebar-nav .program-list {
        display: none;
    }

    .sidebar-nav .program-list li a,
    .sidebar-nav .program-list li a:visited,
    .sidebar-nav .program-list li span {
        text-align: center;
    }

    .sidebar-nav .program-list > li > a {
        font-weight: bold;
    }
	
	.svbutton {
		padding: 0px 10px; 
		float: none;
	}
	
	.visit-content .details .col-one-third img {
        display: block;
        margin: 0 auto;
    }

    .visit-content .details .col-one-third h4 {
        text-align: center;
    }
	
	.svbutton img {
		display: block;
		margin: auto;
	}
	
	.inner-banner.continuing-education {
        height: 350px;
    }

    .inner-banner.continuing-education img {
        max-width: 600px;
    }
    
    .inner-banner.aei {
        height: 350px;
    }

    .inner-banner.aei img {
        max-width: 600px;
    }

    .continuing-education .two-tone .half-width,
    .continuing-education .two-tone .tri-width {
        display: block;
        width: 100%;
    }
    
    .aei .two-tone .half-width {
        display: block;
        width: 100%;
    }

    .continuing-education .testimonial .copy .quote {
        font-size: 24px;
    }

    .continuing-education .testimonial .photo {
        height: 260px;
        width: 260px;
    }

    .search-bar input[type=text] {
        width: 100%;
    }

    .mega-menu {
        display: none;
    }

    /* Mobile Nav Icon */
    #menu-icon {
        display: block;
        margin: 0;
        cursor: pointer;
        visibility: visible;
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
    }

    #menu-icon span,
    #menu-icon span:before,
    #menu-icon span:after {
       display: block;
        position: absolute;
        height: 4px;
        width: 35px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 1px;
        cursor: pointer;
        transition: all 500ms ease-in-out;
        content: '';
        text-indent: 50px;    }

    #menu-icon span:before {
        top: 10px;
    }

    #menu-icon span:after {
        top: 18px;
    }

    #menu-icon.active span {
        background-color: transparent;
    }

    #menu-icon.active span:before,
    #menu-icon.active span:after {
        top: 8px;
        left: 0px;
    }

    #menu-icon.active span:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #menu-icon.active span:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* End Mobile Nav Icon */

    .nav-wrap {
        top: 0;
        padding-top: 58px;
        max-height: calc(100vh - 138px);
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch; /* mobile safari */
        z-index: 1;
    }

    .masthead.masthead.mobile-masthead.scrolled .nav-wrap {
        top: 0;
        padding-top: 58px;
        max-height: 100vh;
        -webkit-transition: ease 300ms;
        -moz-transition: ease 300ms;
        -ms-transition: ease 300ms;
        -o-transition: ease 300ms;
        transition: ease 300ms;
        z-index: 1;
    }

    .search-bar {
        padding: 20px;
    }

    .search-bar input[type=submit] {
        width: 100%;
        margin-top: 10px;
    }

    .mobile-nav {
        display: -webkit-box; /* flex doesn't work on IE 9, but that's ok because the mobile nav doesn't display on desktop */
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        position: fixed;
        top: 80px;
        background: #003653;
        width: 100%;
        border-top: 1px solid #668c9f;
        -webkit-transition: ease 300ms;
        -moz-transition: ease 300ms;
        -ms-transition: ease 300ms;
        -o-transition: ease 300ms;
        transition: ease 300ms;
        z-index: 1000;
    }
    
    .all-programs #accordion .accordion-content ul.half {
   		float: none;
   		width: 100%;
   		padding-top: 1px;
   		padding-bottom: 1px;
   		
    }

    .masthead.mobile-masthead.scrolled .mobile-nav {
        top: 0;
        z-index: 1000;
    }

    .mobile-icon-wrap {
        display: block;
        width: 100%;
        height: 40px;
        position: relative;
    }

    .menu-icon-position, .mobile-search, .mobile-apply {
        width: 33.3334%;
        font-weight: bold;
        text-align: center;
    }

    .menu-icon-position a:link,
    .menu-icon-position a:visited,
    .mobile-search p,
    .mobile-apply a:link,
    .mobile-apply a:visited {
        display: block;
        margin: 20px 0;
        color: #fff;
        text-decoration: none;
    }

    .mobile-search p:before {
        font-family: 'FontAwesome';
        content: '\f002';
        padding-right: 7px;
        color: #88b3da;
        font-weight: normal;
    }

    .menu-icon-position {
        position: relative;
    }

    .menu-icon-position, .mobile-search {
        border-right: 1px solid #668c9f;
    }

    .search {
    	cursor: pointer;
        display: none;
    }

    .masthead.mobile-masthead {
        height: 80px;
        z-index: 1001;
        background: #003f5f;
        -webkit-transition: ease 300ms;
        -moz-transition: ease 300ms;
        -ms-transition: ease 300ms;
        -o-transition: ease 300ms;
        transition: ease 300ms;
    }

    .masthead.mobile-masthead.scrolled {
        height: 0;
    }

    .masthead.mobile-masthead h1 {
        display: block;
        margin: 0;
        position: absolute;
        z-index: 1;
        background: url('../../PublishingImages/logo.png');
        background-size: cover;
        height: 80px;
        width: 231px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
	}

    .masthead.scrolled h1 {
        height: 0;
    }

    .masthead.mobile-masthead > a:link,
    .masthead.mobile-masthead > a:visited {
        display: block;
        height: 100%;
        width: 100%;
    }

    .masthead.mobile-masthead.scrolled h1 {
        top: 0;
        height: 0;
    }

    .masthead.mobile-masthead .primary-nav,
    .masthead.mobile-masthead .secondary-nav {
        position: static;
    }

    .masthead.mobile-masthead .primary-nav a:link,
    .masthead.mobile-masthead .primary-nav a:visited,
    .masthead.mobile-masthead .secondary-nav a:link,
    .masthead.mobile-masthead .secondary-nav a:visited,
    .masthead.mobile-masthead .primary-nav .wrap > ul li,
    .masthead.mobile-masthead .secondary-nav .wrap > ul li {
        font-size: 1.1rem;
    }

    .masthead.mobile-masthead .primary-nav .wrap .sub-nav,
    .masthead.mobile-masthead .secondary-nav .wrap .sub-nav {
        background: #fff;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul,
    .masthead.mobile-masthead .secondary-nav .wrap > ul {
        position: static;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul li,
    .masthead.mobile-masthead .secondary-nav .wrap > ul li {
        padding: 0;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul > li {
        border-bottom: 1px solid #d9d9d9;
        position: relative;
        display: block;
    }

    .masthead.mobile-masthead .secondary-nav .wrap > ul > li {
        border-bottom: 1px solid #265c77;
        position: relative;
        display: block;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul > li:last-child,
    .masthead.mobile-masthead .secondary-nav .wrap > ul > li:last-child {
        border-bottom: none;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul li a:link,
    .masthead.mobile-masthead .primary-nav .wrap > ul li a:visited,
    .masthead.mobile-masthead .secondary-nav .wrap > ul li a:link,
    .masthead.mobile-masthead .secondary-nav .wrap > ul li a:visited {
        display: block;
        padding: 20px;
    }

    .masthead.mobile-masthead .primary-nav a:link,
    .masthead.mobile-masthead .primary-nav a:visited {
        color: #003f5f;
        font-weight: bold;
    }

    .masthead.mobile-masthead .secondary-nav a:link,
    .masthead.mobile-masthead .secondary-nav a:visited,
    .masthead.mobile-masthead .secondary-nav li {
        font-weight: bold;
    }

    .masthead.mobile-masthead .primary-nav,
    .masthead.mobile-masthead.scrolled .primary-nav {
        background: #ebebeb;
        color: #003f5f;
        height: auto;
    }

    .masthead.mobile-masthead .secondary-nav,
    .masthead.mobile-masthead.scrolled .secondary-nav {
        height: auto;
    }

    .masthead.mobile-masthead .primary-nav ul li,
    .masthead.mobile-masthead .secondary-nav ul li,
    .masthead.mobile-masthead .primary-nav .wrap > ul,
    .masthead.mobile-masthead .secondary-nav .wrap > ul {
        float: none;
        text-align: left;
    }

    .masthead.mobile-masthead .primary-nav .wrap .sub-nav,
    .masthead.mobile-masthead .secondary-nav .wrap .sub-nav {
        position: static;
        width: 100%;
        padding: 20px 0;
    }

    .masthead.mobile-masthead .primary-nav .wrap .sub-nav {

    }

    .masthead.mobile-masthead .secondary-nav .wrap .sub-nav {
        background: #003f5f;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul li .sub-nav li:hover {
        background: transparent;
    }

    .masthead.mobile-masthead .primary-nav .wrap > ul li .sub-nav li,
    .masthead.mobile-masthead .secondary-nav .wrap > ul li .sub-nav li {
        text-align: left;
        padding: 0 20px;
    }

    .masthead.mobile-masthead .has-children:after {
        position: absolute;
        font-size: 24px;
        top: 0;
        right: 0;
        content: '\f067';
        display: block;
        padding: 20px;
    }

    .masthead.mobile-masthead .has-children.dropped:after {
        content: '\f00d';
        top: -2px;
        right: 0;
    }

    .masthead.mobile-masthead .has-children:hover .sub-nav {
        display: none;
    }

    .hero-slider { /* moves hero-slider content up and down when user scrolls */
        height: 320px;
    }

    .main-body { /* moves main-body content up and down when user scrolls */
        top: 138px;
    }

    .main-body.scrolled { /* moves main-body content up and down when user scrolls */
        top: 62px;
    }

    .hero-slider .slide .background-image {
        height: 320px;
        background-size: contain;
    }

    .hero-slider, .hero-slider .wrap {
        height: auto;
    }

    .hero-slider .slick-dots {
        top: 280px;
    }

    .hero-slider .slick-arrow {
        z-index: 10;
    }

    .hero-slider .slick-prev, .hero-slider .slick-next {
        top: 33%;
        height: 60px;
    }

    .hero-slider .slick-prev:before, .hero-slider .slick-next:before {
        font-family: 'FontAwesome';
        color: #fff;
        font-size: 60px;
    }

    .hero-slider .slick-prev {
        left: 10px;
    }

    .hero-slider .slick-next {
        right: 10px;
    }

    .hero-slider .slick-prev:before {
        content: '\f104';
    }

    .hero-slider .slick-next:before {
        content: '\f105';
    }

    .slide-headline-section {
        position: static;
        width: 100%;
    }

    .inner-banner {
        display: none;
    }
    
    .inner-banner-3 {
		height: inherit;
		background: none;
	}
	
	.inner-banner-3 p {
		color: rgba(var(--blue), 1);
		font-size: 2.4rem;
		border-bottom: none;
	}
	
	.top-banner-text {
		text-shadow: none;
	}
    
    .button-section {
		display: none;
	}
	
    .button-section ul {
        padding: 10px 0;
    }

    .button-section ul li {
        width: 49.5%;
        padding: 10px 0;
        margin: 0 auto;
    }
/*
    .news-column {
        width: 49.5%;
        margin: 0 auto;
    }*/
    
    .news-column,
    .event-column {
        width: 100% !important;
        float: none;
    }

	.news-column1:first-child,
    .news-column:first-child {
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 20px;
    }
	.news-column1:nth-child(2),
    .news-column:nth-child(2) {
        border-left: none;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 20px;
    }

    .news-column:nth-child(3) {
        float: none;
        margin: 0 auto;
        padding-top: 40px;
        clear: both;
        border-right: 1px solid #d9d9d9;
    }
	.news-column1:first-child, 
    .news-column:first-child {
        border-left: none;
    }
	.news-column1:last-child, 
    .news-column:last-child {
       margin: 0 auto;
       padding-top: 20px;
    }

    .program-slider-nav .slick-prev {
        left: 16px;
    }

    .program-slider-nav .slick-next {
        right: 16px;
    }

    .half-width {
        width: 100%;
    }

    .text-video-section-wrap {
        padding: 40px 20px;
    }

    .text-video-section-wrap .video-poster {
        margin: 0;
    }

    .two-color-columns .inner-content {
        max-width: none;
        width: 100%;
    }

    .green-column, .gray-column {
        display: inline-block;
        width: 100%;
    }
    
    .main-content1 .col-one-third,
    .main-content1 .col-two-thirds {
        width: 100%;
        float: none;
    }

    .main-content1 .col-two-thirds .content,
    .main-content1 .cols-right .col-two-thirds .content {
        max-width: 100%;
        float: none;
        padding: 40px 20px;
    }

    .main-content1 .blue-section.alumni .wrap .content {
        padding: 20px 20px 10px 20px;
    }

    .stats-section-header h3 {
        font-size: 60px;
        padding-left: 20px;
        margin: 0 0 20px 0;
    }

    .stats-section-wrap {
        padding: 40px 20px;
    }

    .stats-section-wrap h4 {
        font-size: 24px;
    }

    ul.stats, ul.give {
        margin-bottom: 40px !important;
    }
    
    ul.give {
        padding: 0;
    }

    ul.stats .slick-dots {
        left: 0;
        bottom: -10px;
    }

    ul.stats .slick-dots li button:before {
        color: #9a9a9a;
        font-size: 15px;
        opacity: 1;
    }
    
    ul.give .slick-dots {
        left: 0;
        bottom: -20px;
    }

    ul.stats .slick-dots li button:before,
    ul.give .slick-dots li button:before {
        color: #9a9a9a;
        font-size: 15px;
        opacity: 1;
    }
        
    ul.stats .slick-dots li.slick-active button:before,
    ul.give .slick-dots li.slick-active button:before {
        color: #88b3da;
        font-size: 19px;
        opacity: 1;
    }
    
    ul.give li.single-stat {
    	display: inline-block;
        width: 25%;
    }

    .cta-section-wrap {
        padding: 40px 20px;
    }

    .cta-section-wrap h5 {
        font-size: 24px;
    }

    .blue-button {
        padding: 12px 25px 14px 25px;
    }

    .stats-section-wrap .blue-button,
    .cta-section-wrap .blue-button,
    .gray-column .blue-button {
        margin: 6px 0;
        padding: 14px 0 18px 0;
        font-size: 1.1rem;
        width: 100%;
        text-align: center;
    }

    .cta-section-wrap .blue-button {
        padding: 14px 0 18px 0;
        font-size: 1.1rem;
        width: 100%;
    }

    .social-media-wrap {
        padding: 20px 10px;
    }
    
    .program-sidebar, .program-content, .page-content {
        float: none;
        width: 100%;
    }

    .program-sidebar {
        width: 100%;
    }

    .program-sidebar h4 {
        text-align: center;
        margin: 20px 0;
    }

    .program-sidebar h4 i {
        font-size: 1.1rem;
        position: relative;
        top: -2px;
        left: 10px;
        color: #9fca42;
        display: inline-block;
    }

    .program-sidebar .program-list {
        display: none;
    }

    .program-sidebar .program-list li a,
    .program-sidebar .program-list li a:visited,
    .program-sidebar .program-list li span {
        text-align: center;
    }

    .program-sidebar .program-list > li > a {
        font-weight: bold;
    }

    .program-content .with-form {
        width: 100%;
        margin-bottom: 20px;
    }

    .program-content .form-desktop {
        display: none;
    }

    .program-content .form-mobile {
    	display: block;
        background: #88b3da;
	    width: 100%;
	    padding: 20px 5px;
	    margin-top: 20px;
	    height: 635px;
    }

    .video-poster {
        margin: 0 0 20px 0;
    }

    footer {
        padding: 30px 0;
    }

    footer .column {
        width: 49.5%;
        margin-bottom: 40px;
    }

    footer .col-3, footer .col-4 {
        margin-bottom: 0;
    }

    .colophon {
        font-size: 1rem;
    }
    .masthead h1 {
		display: none;
	}
	
	.aboutus img {
		max-width: 90% !important;
		float: none !important;
		display: block;
		margin: 10px auto !important;
	}
	
	.bottom_ul {
		text-align: center;
	}
	
	.span_1_of_5 {
		margin: 10px;
		width: 100%;
	}
	
	.sresources img {
		display: none;
	}
	
	.right-box-300 {
		float: none;
		width: 100%;
	}
		
	.picture-and-quote {
		flex-wrap: wrap;
		margin-bottom: 10px;
		justify-content: center;
		align-items: center;
	}
		
	.ArticleCopy blockquote {
		width: 80%;
	}
	
	.slide > img {
		object-fit: cover;
		object-position: center;
	}
	
	.carousel-button {
		font-size: 3rem;
		color: rgba(255, 255, 255, 1);
	}
	
}

@media screen and (max-width: 768px) {
	/*#writingcenter {
		display: none;
	}*/
	
    .mobile-toggle {
        top: 14px;
        height: 26px;
        width: 24px;
    }

    .masthead .primary-nav .wrap > ul li a:link,
    .masthead .primary-nav .wrap > ul li a:visited,
    .masthead .secondary-nav .wrap > ul li a:link,
    .masthead .secondary-nav .wrap > ul li a:visited {
        display: block;
        padding: 20px;
    }

    .masthead .primary-nav .wrap > ul li .sub-nav li,
    .masthead .secondary-nav .wrap > ul li .sub-nav li {
        padding: 0 20px;
    }

    .menu-icon-position a:link,
    .menu-icon-position a:visited,
    .mobile-search p,
    .mobile-apply a:link,
    .mobile-apply a:visited {
        font-size: 0.9rem;
    }

    .slide-headline-section {
        width: 100%;
    }

    .slide-headline-section h2 {
        font-size: 1.2rem;
    }

    .slide-headline-section h3 {
        font-size: 1rem;
    }

    .news-wrap {
        display: block;
    }

    .news-column {
        width: 100% !important;
        border: none;
    }

    .news-column:nth-child(2) {
        padding-top: 20px;
    }

    .button-section ul li,
    .inner-button-section ul li {
        width: 100%;
    }

    .inner-button-section ul {
        padding: 10px 0;
    }

    .inner-button-section ul li {
        padding: 10px 0;
    }

    .inner-button-section ul li a:link,
    .inner-button-section ul li a:visited {
        margin: 0 15px;
    }
        
    .program-slider-section-wrap .blue-button {
        margin-bottom: 20px;
    }

    .stats-section-header .logo-graphic {
        width: 26px;
        height: 80px;
    }

    .stats-section-header h3 {
        font-size: 30px;
        padding-left: 14px;
    }

    .social-media-icons li {
        padding: 0 8px;
    }

    .inner-content .photo {
        height: 140px;
        width: 140px;
    }

    .program-content section {
        margin: 0 15px;
    }
    
    .page-content section {
		margin: 0 15px;
	}

    p.accordion-toggle {
        font-size: 22px;
    }

    #accordion li {
        margin: 30px 15px;
    }

    .accordion-content p {
        padding: 10px 0px;
   		margin: 0;
    }

    .program-content .slider .employer-nav .slick-dots li {
        margin: 0 5px;
    }

    .program-content .slider .employer-nav .slick-next {
        right: -35px;
    }

    .program-content .slider .employer-nav .slick-prev {
        left: -35px;
    }

    .program-content .inline-image {
        float: none;
        display: block;
        margin: 0 auto 40px auto;
        max-width: 80%;
    }

    .program-content .iframe-wrap {
        padding: 0 16px;
    }
        
    .admissions-intro img {
        width: 100%;
    }

    .admissions-content img.left-inline + h3 {
        padding-left: 0;
    }

    .admissions-content img.left-inline + h3:after {
        left: 0;
        transform: translateX(0);
    }

    .admissions-content .right-cover,
    .admissions-content .left-inline {
        float: none;
        display: block;
        margin: 20px auto;
        border: none;
    }

    ul.stats .stat-info {
        font-size: 1rem;
    }

    footer .column {
        width: 100%;
        border: none;
        margin-bottom: 20px;
        text-align: center;
    }

    footer .col-2 {
        padding-top: 20px;
    }

    footer .col-3 {
        padding-bottom: 20px;
    }

    footer .column:last-child {
        margin-bottom: 0;
    }
    
    .bottom_links {
		width: 100% !important;
		clear: both;
	}
	
	aside.callout {
		float: none;
		width: 99%;
		display: block;
		margin: auto;
	}
		
	.auto-resizable-iframe {
		float: none;
		max-width: 400px;
		margin: auto;
	}
}

@media screen and (max-width: 768px) {
    .inner-banner.continuing-education {
        height: 250px;
    }

    .inner-banner.continuing-education img {
        max-width: 500px;
    }
    
    .inner-banner.aei {
        height: 250px;
    }

    .inner-banner.aei img {
        max-width: 500px;
    }


    .continuing-education .testimonial .copy .quote {
        font-size: 22px;
    }

    .continuing-education .areas-of-instruction .icons li {
        width: 50%;
    }

    .continuing-education .testimonial .photo {
        position: initial;
        margin: 0 auto;
        top: initial;
        left: initial;
        height: 250px;
        width: 250px;
        margin-bottom: 40px;
    }

    .continuing-education .testimonial .copy {
        position: relative;
        float: none;
        width: 100%;
    }

    .continuing-education .testimonial .copy:after,
    .continuing-education .testimonial.photo-right .copy:after{
        top: -100px;
        right: 10px;
    }

}

@media screen and (max-width: 440px) {
	.aboutus h1 {
		text-align: center;
	}
    .continuing-education .areas-of-instruction .icons li {
        width: 100%;
    }
    
    .cool_accordion {
    	width: 100% !important;
	}
	
	.newProgramLayout img {
		width: 90%;
		display: block;
		margin: auto;
		float: none;
	}
	
	.value-statement {
		background: #fff;
		position: relative;
		margin-bottom: 2rem;
	}
	
	.value-statement > .value-icon {
		top: inherit;
		left: inherit;
		right: -35px;
		bottom: -25px;
	}
	
	.value-statement .value-content {
		padding: 1rem;
		background: none;
	}
	
	.value-statement .value-content .value-header {
		font-size: 1rem;
		font-weight: bold;
	}
}