/*-------------------------------------------
	ADDITIONAL TEMPLATE STYLES: DESKTOP
-------------------------------------------*/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.justify {
	text-align: justify;
}


.normal {
	font-weight: normal; 
}


.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.capitalize {
	text-transform: capitalize;
}

.underline {
	text-decoration: underline;
}

.nobull {
	list-style-type: none;
	padding-left: 0;
}

.small-h1 {
    font-size: 2.0em;
}

.thin-title {
	font-size: 1.8em;
	letter-spacing: .05em;
	font-family: Gotham Condensed Book;
	margin-bottom: 0.7em;
	text-transform: capitalize;
}

.right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

#intro .caption {
	text-align: left;
	margin-top: 5em;
}


.photocaption {
    right: 0;
    bottom: 0;
    padding: 0;
    max-width: 60%;
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px 0px 0px 0px;
}

.photocaption h4 {
    margin: 0 7em 0 0;
    padding: 1em;
    background: none;
    font-weight: 300;
    font-style: normal;
    font-size: 0.8em;
    font-family: Gotham Book;
}

.photocaption2 {
	right: 0;
    bottom: 0;
    padding: 0;
    max-width: 60%;
    background-color: #fbfbfb;
    border-radius: 5px 5px 0px 0px;
}

.photocaption2 h4 {
    margin: 0 7em 0 0;
    padding: 1em;
    background: none;
    font-weight: 300;
    font-style: normal;
    font-size: 0.8em;
    font-family: Gotham Book;
    color: #000000;
}

.photocaption2 a {
    color: #000000;
}

#crumbs {
	display: none;
	position: absolute;
	right: 0;
	line-height: 1.5em;
	padding: .7em 4em 0em 1.5em;
    border-bottom: none;
	background-color: rgba(235,235,235,1);
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    color: #000000 !important;
    text-decoration: none !important;
    text-transform: capitalize;
    font-size: 0.75em !important;
    -moz-hyphens: none; 
	word-wrap: normal; 
	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	hyphens: none;
}

#crumbs a,
#crumbs i {
	color: #000000;
}

.program-title h3 {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.border {
	border: 1px solid #333333;
}

.border-top {
	border-top: 1px solid #CECECE;
}

.border-bottom {
	border-bottom: 1px solid #CECECE;
}

.smalltxt {
    color: #333;
    font-size: .8em; /* font-size: 18px; */
    line-height: 1;
}

.small-txt {
    color: #333;
    font-size: .9em; /* font-size: 18px; */
    
}

.invisible {
	display: none;
}

.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

text-left {
	text-align: left;
}

text-right {
	text-align: right;
}

.no-bg {
	background: none;
}

.no-hyphen {
	-moz-hyphens: none; 
	word-wrap: normal; 
	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	hyphens: none;
}

#short-line { 
	width:40%;
	margin-bottom: 7px; 
	border-bottom: 1px solid; 
}

#line {
	margin-bottom: 7px; 
	border-bottom: 1px solid #CCCCCC; 
}

#line1 {
	margin: 0 0 1em 0; 
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC; 
}

#line2 {
	margin: 2em 0 2em 0; 
	padding-bottom: 1em;
	border-bottom: 1px solid #CCCCCC; 
}

.no-underline {
	text-decoration: none;
}

#search-form .home-search {
	width: 25em;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.home-search input[type="text"] {
    background-color: #864b90;
    font-size: 0.889em !important;
    padding: 0.45em 0em 0.45em 3em;
    border: 2px solid rgba(255,255,255,.7);
    
}

#search-form .home-search:focus {
   width: 45em;
}

.choices h2 { 
	margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2em;
    /* line-height: 1.8;
	border-bottom: 2px solid rgba(0,0,0,0.1); */
}

.choices p {
	-moz-hyphens: none; 
	word-wrap: normal; 
	-webkit-hyphens: none; 
	-moz-hyphens: none; 
	hyphens: none;
}

.choices .students {
	padding-right: 20px; 
	margin-right: 20px; 
	border-right: 2px solid rgba(0,0,0,0.1);
}

.choices-icon {
	line-height: 1.25;
    background: none;
    display: inline-block;
    font-size: 5.55em;
    vertical-align: baseline;
}

.choices-icon-text h4 {
	margin: 0;
	padding: 0;
    font-size: 1.333em;
}

.choices-career a {
	width: 100%;
	margin: 20px 0 0 0;
}

#choice-topics {
	margin: 15px 0 0 0;
}

#choice-topics h4 {
	margin-top: 3px;
}

#choice-topics p {
	margin: 0;
}

.careers-icon {
	margin-top: .25em;
	line-height: 1.25em;
    background: none;
    display: inline-block;
    font-size: 4.55em;
    vertical-align: baseline;
}

.careers-icon-text h4 {
	margin: 0;
	padding: 0;
    font-size: 1.25em;
    line-height: 2em;
}


.about-us img {
    max-width: 20em;
    width: 75%;
    margin-bottom: 2em;
    }

.about-us img {
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}


.about-me img {
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    max-width: 40em;
    width: 100%;
    margin-top: 2.5em;
}


.programList {
	
	margin-bottom: 10px; 
	background: #F1F1F1;
	border: 1px solid #999999; 
	
}

.programList a {
	
	text-decoration: none;
	font-weight: bold;
	
}

.programList:hover {
	
	background-color: rgba(0,114,194,.2);
	border: 1px solid rgba(0,114,194,1);
	
}

.programList:hover a {
	
	text-decoration: underline;
	color: rgba(0,114,194,1);
	
}

.programList .iconOff {
	
	color: rgba(170,178,188,.5);
	
}

.programList:hover .iconOff {
	
	color: #EFEFEF;
	
}

.programList .iconOn {
	
	color: #545766;
	
}

.programList:hover .iconOn {
	
	color: rgba(0,114,194,1);
	
}

.programList .iconOn-green {
	
	color: #64a64a;
	
}

.programList:hover .iconOn-green {
	
	color: rgba(0,114,194,1);
	
}

.iconOff {
	
	color: rgba(170,178,188,.5);
	
}

.iconOn {
	
	color: #545766;
	
}

.iconOn-green {
	
	color: #545766;
	
}

 .about-us-2 img {
	margin: 0 auto;
    max-width: 20em;
    width: 100%;
    
    margin-bottom: 2em;
    
    border-color: rgba(0, 0, 0, 0.08);
    
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
    
    }


.sidebar p {
	font-size: 1.2em;
}

.squeeze {
	letter-spacing: -0.03em;
}

.portfolio-section.instagram-items .overlay { 
	background-color: rgba(255,107,171,0.9); 
}

.grid-items, .instagram-items { 
	position: relative; 
}

.instagram-items { 
	min-height: 9em; 
}

.grid-items .item, .instagram-items .item { 
	position: relative; 
	margin-bottom: 2.96%; 
	margin: 0 1em 2.96% 1em; 
}

.instagram-items .item { 
	-webkit-transform: scale3d(1, 1, 1); 
}

.grid-items.preload .item,
.instagram-items.preload .item { 
	
}

.single-portfolio .testimonial-slider p { 
	-ms-word-break: keep-all ;
	word-break: keep-all ; /* Non standard for webkit */
	word-break: keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.sidebar h4 { 
	-ms-word-break: keep-all ;
	word-break: keep-all ; /* Non standard for webkit */
	word-break: keep-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.small-icon-text h4 {
	padding: 5px 0 0 0;
}

.small-icon-text .small-icon-text-bump {
	margin: 5px 0 0 0;
	padding: 0;
}

.widget .testimonial-img {
	margin-top: 5px;
}

.widget .advisor-name {
	margin: 5px 0 0 5px;
}

.widget .advisor-link {
	margin:0 0 0 5px;
}


.widget .social-header {
	margin: 20px 0 0 5px;
}

.widget .social-link {
	margin:0 0 0 5px;
}

.iframe-loader { 
	background:url(../img/layout/loader-infinity.gif) center center no-repeat; 
}

#top-footer .widget ul {
	margin-bottom: 0;
	font-size: 1.1em;
}


.azBlock {
    text-align: center;
	font-family: Gotham Book;
	color: #000000;
	font-size: 1em;
	text-transform: capitalize;
	vertical-align: baseline;
}


#back-to-top-button {
	display: inline-block;
	background-color: #773382;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	text-decoration: none;
}

#back-to-top-button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

#back-to-top-button:hover {
	cursor: pointer;
	background-color: #773382;
	opacity: 0;
}

#back-to-top-button:active {
	background-color: #555;
}

#back-to-top-button.show {
	opacity: 1;
	visibility: visible;
}

#alert {
	background-image: linear-gradient(45deg, #fee486 25%, #ffea96 25%, #ffea96 50%, #fee486 50%, #fee486 75%, #ffea96 75%, #ffea96 100%); 
	background-size: 56.57px 56.57px; 
	border-top: #c19700 1px solid; 
	border-bottom: #c19700 1px solid;
}

#alert .alert-buffer {
	padding-top: 15px; 
	padding-bottom: 5px;
}

.alert-bar {
	margin: 0px 0px 25px 0px; 
	padding: 5px 10px 5px 10px; 
	background-color: #990000; 
	color: #FFFFFF; 
	text-align: center; 
	font-weight: bold; 
	border: 1px solid #000000;
}

#barGraph p {
	font-size: 1em;
	line-height: 1.4em;
	color: #FFFFFF;
	margin: 5px 5px 5px 10px;
	padding: 0;
}

#tutorialNew img {
	border: 1px solid #333333;
	margin: 0 0 10px 0;
}


#bar1, #bar2, #bar3, #bar4, #bar5 {
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 2em;
	border: 1px solid #999999;
}

.bar-text {
	color: #FFFFFF;
	line-height: 2em;
	font-size: 1em;
	position: absolute;
	padding: 0 0 0 1em;
	margin: 0;
}


.limited-hours {
  border: 2px solid #2e7fb3;
  padding: 5px 10px 5px 10px;
  border-radius: 25px;
  text-transform: uppercase;
  color: #2e7fb3;
  font-size: .8em;
  font-weight: bold;
}

.integrated-course {
  border: 2px solid #2e7fb3;
  padding: 5px 10px 5px 10px;
  border-radius: 25px;
  text-transform: uppercase;
  color: #2e7fb3;
  font-size: .8em;
  font-weight: bold;
}

.view-tutorial {
  border: 2px solid #2e7fb3;
  background-color: #2e7fb3;
  padding: 2px 10px 2px 10px;
  border-radius: 25px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: .7em;
  font-weight: bold;
  margin: 0;
}

.view-tutorial a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: .7em;
  font-weight: bold;
}

/*-------------------------------------------
	COURSE LISTING
-------------------------------------------*/

#courseListing p { 
	margin: 0 0 0 0; 
}

#courseListing h3 { 
	
}

#courseListing h4 { 
	margin: 0 0 0 0; 
}

#courseListing .small-icon-text { 
	margin-bottom: 15px; 
}

#courseListing .bottom 	{ 
	margin: 0 0 20px 0; 
}






#courseListings p { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	font-size: .85em;
}

#courseListings h3 { 
	margin: 0 0 15px 0;
	font-size: 1em;
	color: #000000;
}

#courseListings h4 { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#courseListings .small-icon-text { 
	margin-bottom: 15px; 
	margin-left: 3.25em;
}

#courseListings .bottom { 
	margin: 0 0 20px 0; 
}

#courseListings .small-icon {
    width: 2em;
    height: 2em;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
    background-color: rgba(0,0,0,0.03);
    line-height: 2;
	display: block;
    float: left;
    font-size: 1.35em;
    margin-top: 5px;
}

#courseListings .small-icon i {
    width: inherit;
    text-align: center;
}

#courseListings .small-icon,
#courseListings .small-icon-text,
#courseListings .small-icon-text h3,
#courseListings .small-icon-text h4,
#courseListings .small-icon-text p {
    clear: none;
}


.reg-box {
	margin: 0;
	padding: 10px 10px 0px 10px;
	background-color: #fbeba0;
	border: 1px solid #ba9932;
}

.reg-box h3 {
	margin: 0;
	padding: 5px 0 0 0;
}




/*-------------------------------------------
	FORMS
-------------------------------------------*/

.contact-form p {
	font-size: 1.2em;
	text-align: justify;
	line-height: 1.4em;
}

select {
	border: 1px solid #555;
	padding: 0.5em;
	font-size: 15px;
	line-height: 1.2em;
	width: 80%;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 0.5em;
}
	 
select:focus {
	outline: none;
	border: 2px solid #058cf5;
	margin: -1px;
}
	 
select {
	padding: 0.5em 1em 0.5em 0.75em;
	-webkit-background-size: 1600px 32px;
	background: #fff url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%0C%80%00%00%00%40%08%02%00%00%00W%AEz%EF%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%E5IDATx%DA%EC%DD%3DN%E3Z%18%06%E0%B1oD%82%A8%E8(%A8%D2Q%D2%D0%40%83%C4%12%D8%01%3Db%09P%81%A0%40%A2%60%05%D9%05%BB%A0%04%09!B%3A%9A%10%07%F2g%E7%22%90f(%98%E09%23Y7%E7%3EOi%1F%1FK_%FD%EA%FD%92%E9t%FA%03%00%00%00%00%00%00%00%00%80%3F%97%1A%01%00%00%00%00%00%00%00%00%40%98%9A%06%2C%00%00%00%00%00%00%00%00%20%0E%D5%A7%A14%60%01%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00DB%03%16%00%00%00%00%00%00%00%00%C0%DC%D0%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%98%1B%1A%B0%00%00%00%00%00%00%00%00%80HXA%08%00%00%00%00%00%00%00%00%10%A8%FA4%94%00%16%00%00%00%00%00%00%00%00%10%09%0DX%00%00%00%00%00%00%00%00%00%81%AAOC%A5%86%0E%00%00%00%00%00%00%00%00%10F%03%16%00%00%00%00%00%00%00%00%10%09%2B%08%01%00%00%00%00%00%00%00%00%02U%9F%86%12%C0%02%00%00%00%00%00%00%00%00%22!%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%A4%01%0B%00%00%00%00%00%00%00%00%20%90%06%2C%00%00%00%00%00%00%00%00%80%40%02X%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%084%3B%0Du%7B%7B%7Bzz%3A%18%0C%CA_%D8h4%F6%F6%F6677%F3%3C%FF%F2%40%D2%E9t%CC%1D%00%00%00%00%00%00%00%00%88%40%96e3%DE%26I2%18%0C%8E%8F%8F%EF%EE%EE%CA%DC%B6%BC%BC%7Cxx%D8l6_%5E%5EF%A3%D1%97%E9%AE%D4%D0%01%00%00%00%00%00%00%00%80%FF%83%E9t%BA%B8%B8xvv%B6%B3%B3%F3%ED%E1%F5%F5%F5V%AB%B5%B6%B66%99L~W%7F%F5%26y%7C%7C4Y%00%00%00%00%00%00%00%00%20%02%BD%5E%EF%DB3i%9A%D6%EB%F5%AB%AB%ABV%AB%F5%BBu%84%BB%BB%BB%FB%FB%FB%FD~%3F%CB%B2%B73%B3%02X%EDv%DB%DC%01%00%00%00%00%00%00%00%80%08%94%09%60%FDx%DFE%B8%B0%B0%D0n%B7%2F..%3A%9D%CE%E7W%8DF%E3%E8%E8hcc%23%7B7%1C%0E%BF%DC%3C%F8%EB%AA%87%87%07s%07%00%00%00%00%00%00%00%00%22%F0%FC%FC%5C%F2d%9A%A6%B5Zm2%99%9C%9F%9F___%7F%3C%5C%5D%5D%3D99YYY%E9%F5z%FD~%7F%3C%1E%17E1%FB%9E%7F%0E%0E%0E%CC%1D%00%00%00%00%00%00%00%00%88%C0p8%2Cyr%3A%9D%E6y%9E%A6%E9%F6%F6%F6h4%BA%B9%B9%D9%DA%DA%BA%BC%BC%AC%D5j%DDn7%CB%B2%B7%87%B3%BB%AF%3E%24%F7%F7%F7%E6%0E%00%00%00%00%00%00%00%00D%A0%7C%03%D6Oi%9A%D6%EB%F5n%B7%DBl6%C7%E3q%96e%AF%AF%AF%DF%16_%FDT%2B%93%D2%02%00%00%00%00%00%00%00%00%F8%EF%2B%1F%9C%FA%FC%C9%9B%A5%A5%A5%A7%A7%A7%3C%CF%CB%AC%1D%FCL%00%0B%00%00%00%00%00%00%00%00%88DX%1A*%7F%97%24I%C0%E7%02X%00%00%00%00%00%00%00%00%40%24%FE%26%0D%15%F6%AD%00%16%00%00%00%00%00%00%00%00%10%89%80%15%84%7FI%00%0B%00%00%00%00%00%00%00%00%88D%F5i(%01%2C%00%00%00%00%00%00%00%00%20%12%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%D5%A7%A1RC%07%00%00%00%00%00%00%00%00%08%A3%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AAOC%09%60%01%00%00%00%00%00%00%00%00%91%10%C0%02%00%00%00%00%00%00%00%00%08T%FD%0A%C2%D4%D0%01%00%00%00%00%00%00%00%00%C2h%C0%02%00%00%00%00%00%00%00%00%22a%05!%00%00%00%00%00%00%00%00%40%A0%EA%D3PV%10%02%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%06%2C%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88DQ%14%15%FF%F1_%01%06%00md%E2%BF%C9%C3%19%DA%00%00%00%00IEND%AEB%60%82") no-repeat right center;
}



/*-------------------------------------------
	PRINT STYLES
-------------------------------------------*/

.page-break	{ 
	display: none; 
}

.print-only { 
	display: none; 
}

.print-hide { 
	display: block; 
}



/*-------------------------------------------
	AREA OF STUDY COLORS
-------------------------------------------*/

.color-admc,
.color-arts {
	color: #B3282D;
}

.color-b,
.color-business { 
	color: #604B3C;
}

.color-csit,
.color-computer {
	color: #F04B24;
}

.color-cht,
.color-culinary {
	color: #62A744;
}

.color-dmcat,
.color-trades { 
	color: #002E6D;
}

.color-e,
.color-education { 
	color: #6A86B8;
}
	
.color-hs,
.color-health {
	color: #00AFAA;
}

.color-la,
.color-general { 
	color: #61116A;
}

.color-mt,
.color-trades { 
	color: #002E6D;
}

.color-pss,
.color-services { 
	color: #FFCE00;
}

.color-sem,
.color-engineering { 
	color: #FF9012;
}



/*-------------------------------------------
	COLORS
-------------------------------------------*/

.black {
	color: #000000;
}

.black-bg {
	background-color: #000000;
}

.black-border {
	border: 1px solid #000000;
}

.green {
	color: #64a64a;
}

.green-bg {
	background-color: #64a64a;
}

.green-border {
	border: 1px solid #64a64a;
}

.dark-green-border {
	border: 1px solid #457a30;
}

.blue {
	color: rgba(46,127,179,1);
}

.blue-bg {
	background-color: #2e7fb3;
}

.blue-border {
	border: 1px solid #2e7fb3;
}

.light-blue {
	color: #7297ba;
}

.light-blue-bg {
	background-color: #7297ba;
}

.light-blue {
	border: 1px solid #7297ba;
}

.light-blue-boorder {
	border: 1px solid #7297ba;
}

.yellow {
	color: #f2bc00;
}

.yellow-bg {
	background-color: #f2bc00;
}

.yellow-border {
	border: 1px solid #f2bc00;
}

.dark-yellow-border {
	border: 1px solid #c99c00;
}

.red {
	color: #b12a31;
}

.red-bg {
	background-color: #b12a31;
}

.light-red-bg {
	background-color: rgba(177, 42, 49, 0.3);
}

.red-border {
	border: 1px solid #b12a31;
}

.purple-bg {
	background-color: #4d1a79;
}

.light-purple-bg {
	background-color: rgba(77, 26, 121, 0.3);
}

.purple-border {
	border: 1px solid #4d1a79;
}

.dark-purple-border {
	border: 1px solid #30005a;
}

.orange {
	color: #ff542e;
}

.orange-bg {
	background-color: #ff542e;
}

.orange-border {
	border: 1px solid #ff542e;
}

.green {
	color: #64a64a;
}

.green-bg {
	background-color: #64a64a;
}

.green-border {
	border: 1px solid #64a64a;
}

.grey {
	color: #cfd6de;
}

.grey-bg {
	background-color: #cfd6de;
}

.grey-border {
	border: 1px solid #cfd6de;
}

.dark-grey {
	color: #20222B;
}

.dark-grey-bg {
	background-color: #20222B;
}

.dark-grey-border {
	border: 1px solid #20222B;
}

.white {
	color: #FFFFFF;
}

.white-bg {
	background-color: #FFFFFF;
}



/*-------------------------------------------
	MARGINS & PADDING
-------------------------------------------*/

.mg0   { margin: 0 !important;  }
.pd0   { padding: 0 !important; }

/* MARGIN TOP */

.mt1   { margin-top: 1em;	}
.mt2   { margin-top: 2em;	}
.mt3   { margin-top: 3em;	}

.mt0   { margin-top: 0px;   }
.mt5   { margin-top: 5px;   }
.mt10  { margin-top: 10px;  }
.mt15  { margin-top: 15px;  }
.mt20  { margin-top: 20px;  }
.mt30  { margin-top: 30px;  }
.mt40  { margin-top: 40px;  }
.mt50  { margin-top: 50px;  }
.mt60  { margin-top: 60px;  }
.mt65  { margin-top: 65px;  }
.mt70  { margin-top: 70px;  }
.mt80  { margin-top: 80px;  }
.mt90  { margin-top: 90px;  }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mt130 { margin-top: 130px; }
.mt140 { margin-top: 140px; }
.mt150 { margin-top: 150px; }
.mt200 { margin-top: 200px; }

/* MARGIN BOTTOM */

.mb1   { margin-bottom: 1em;	}
.mb2   { margin-bottom: 2em;	}
.mb3   { margin-bottom: 3em;	}

.mb0   { margin-bottom: 0px;   }
.mb5   { margin-bottom: 5px;   }
.mb10  { margin-bottom: 10px;  }
.mb15  { margin-bottom: 15px;  }
.mb20  { margin-bottom: 20px;  }
.mb30  { margin-bottom: 30px;  }
.mb40  { margin-bottom: 40px;  }
.mb50  { margin-bottom: 50px;  }
.mb60  { margin-bottom: 60px;  }
.mb70  { margin-bottom: 70px;  }
.mb80  { margin-bottom: 80px;  }
.mb90  { margin-bottom: 90px;  }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }
.mb130 { margin-bottom: 130px; }
.mb140 { margin-bottom: 140px; }
.mb150 { margin-bottom: 150px; }
.mb200 { margin-bottom: 200px; }

/* MARGIN RIGHT */

.mr0   { margin-right: 0px;  }
.mr10  { margin-right: 10px; }
.mr15  { margin-right: 15px; }
.mr20  { margin-right: 20px; }
.mr30  { margin-right: 30px; }
.mr40  { margin-right: 40px; }
.mr50  { margin-right: 50px; }
.mr60  { margin-right: 60px; }
.mr70  { margin-right: 70px; }

/* MARGIN LEFT */

.ml0   { margin-left: 0px !important; }
.ml10  { margin-left: 10px; }
.ml15  { margin-left: 15px; }
.ml20  { margin-left: 20px; }
.ml30  { margin-left: 30px; }
.ml35  { margin-left: 35px; }
.ml40  { margin-left: 40px; }
.ml50  { margin-left: 50px; }

/* PADDING RIGHT */

.pr0   { padding-right: 0px;  }
.pr5   { padding-right: 5px;  }
.pr10  { padding-right: 10px; }
.pr20  { padding-right: 20px; }

/* PADDING LEFT */

.pl0   { padding-left: 0px !important; }
.pl5   { padding-left: 5px;  }
.pl10  { padding-left: 10px; }
.pl20  { padding-left: 20px; }

/* PADDING TOP */

.pt1   { padding-top: 1em;	}
.pt2   { padding-top: 2em;	}
.pt3   { padding-top: 3em;	}

.pt0   { padding-top: 0px;  }
.pt5   { padding-top: 5px;  }
.pt10  { padding-top: 10px; }
.pt15  { padding-top: 15px; }
.pt20  { padding-top: 20px; }

/* PADDING BOTTOM */

.pb0   { padding-bottom: 0px;  }
.pb5   { padding-bottom: 5px;  }
.pb10  { padding-bottom: 10px; }
.pb15  { padding-bottom: 15px; }
.pb20  { padding-bottom: 20px; }

/* WIDTH */

.w25	{ width: 25%; }
.w50	{ width: 50%; }
.w75	{ width: 75%; }
.w80	{ width: 80%; }
.w100	{ width: 100%; }



/*-------------------------------------------
	EVENTBRITE
-------------------------------------------*/

.eb_event_list_item { 
	margin-bottom: 10px; 
}

.eb_event_list_title { 

}

.eb_event_list_date { 
	
}

.eb_event_list_time	{ 
	
}

.eb_event_list_location	{ 
	display: none; 
}


/*-------------------------------------------
	FREQUENTLY ASKED QUESTIONS
-------------------------------------------*/

.faq { }

.faq .accordion_wrapper { 
	overflow: hidden; 
}

.faq .question { 
	border-bottom-width: 1px; 
	border-style: solid; 
	border-bottom: 1px solid #CCCCCC; 
}

.faq .question > h5 { 
	margin: 0; 
	cursor: pointer; 
	padding: 20px 20px 20px 50px; 
	font-size: 18px; 
	line-height: 20px; 
	position: relative; 
	font-weight: normal; 
}

.faq .question > h5 span.icon { 
	width: 24px; 
	height: 24px; 
	line-height: 24px; 
	font-size: 16px; 
	text-align: center; 
	position: absolute; 
	left: 13px; 
	top: 18px; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
}

.faq .question > h5 span.icon:after { 
	content: ""; 
	position: absolute; 
	left: -3px; 
	top: -3px; 
	width: 28px; 
	height: 28px; 
	display: block; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
	border: 1px solid; 
}

.faq .question .answer { 
	padding: 0px 15px 25px 50px; 
	overflow: hidden; 
	display: none; 
}

.faq .active p:last-child { 
	margin-bottom: 0; 
}

.faq .question:last-child { 
	border-bottom: 0; 
}

.mfn-acc .question:not(.active) h5:hover { 
	background: rgba(0,0,0,.01);
}

.mfn-acc .active h5  { 
	color: #70a729; 
}

.faq .question > h5 span.icon { 
	color: #70a729; 
}

.faq .question > h5 span.icon:after { 
	border-color: #70a729; 
}

.faq .question:not(.active) h5 span.icon { 
	background: #FFFFFF; 
	color: #70a729; 
}

.faq .active.question > h5 span.icon { 
	background: #70a729; 
	border: 1px solid #70a729; 
	color: #FFFFFF; 
}

.faq .active.question > h5 span.icon:after { 
	border: 1px solid #999999; 
}

.faq .question:not(.active) > h5 span.icon:after { 
	border: 1px solid #70a729; 
	margin: 1px 0 0 1px; 
}



/*-------------------------------------------
	ADDITIONAL TEMPLATE STYLES: MOBILE
	(max-width:48em)
-------------------------------------------*/

@media handheld, only screen and (max-width:48em) {
	
	#intro-wrap {
    	position: relative;
		width: 100%;
		height: 20em;
		background-color: #363842;
		border-top: 1px solid #363842;
		border-bottom: 1px solid #363842;
	}
	
	#intro .caption {
		text-align: left;
		margin-top: 5em;
	}
	
	#intro .intro-item .home h2 {
	    
	    font-size: 1.8em;
    }
    
    #intro .intro-item .home a {
	    font-weight: bold;
    }
    
    #intro .intro-item .home p {
	    font-size: 1.25em;
    }
    
    #intro .intro-item .program h2 {
	    margin-top: 2.5em;
	    font-size: 2.1em;
    }
    
    #intro .intro-item .program p {
	    font-size: 1.25em;
    }
    
	#intro .intro-item .program .stories {
	    display: none;
    }
    
    #alert {
		background-image: linear-gradient(45deg, #fee486 25%, #ffea96 25%, #ffea96 50%, #fee486 50%, #fee486 75%, #ffea96 75%, #ffea96 100%); 
		background-size: 56.57px 56.57px; 
		border-top: #c19700 1px solid; 
		border-bottom: #c19700 1px solid;
	}

	#alert .alert-buffer {
		padding-top: 15px; 
		padding-bottom: 5px;
	}
	
	#alert p {
		display: inline;
		float: left; 
		font-size: 1.2em;
	}
    

    
	.choices .students {
		padding-right: 0; 
		margin-right: 0; 
		border-right: none;
	}

	#search-form .home-search {
		width: 30em;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		transition: all .5s ease;
	}

	#search-form .home-search:focus {
		width: 30em;
	}
	
	.home-search .search-intro h3,
	.home-search .search-intro img,
	.home-search .search-intro p.justify {
		display: none;
	}
	
	.photocaption {
		display: none;
	}
	
	#crumbs {
		display: block;
	}
	
	.mobile-hide {
		display: none;
	}
		
}


/*-------------------------------------------
	ADDITIONAL TEMPLATE STYLES: MOBILE
	(max-width:48em)
-------------------------------------------

@media handheld, only screen and (max-width:30em) {
	
	#intro-wrap {
    	position: relative;
		width: 100%;
		height: 20em;
		background-color: #363842;
		border-top: 1px solid #363842;
		border-bottom: 1px solid #363842;
	}
	
	#intro .caption {
		text-align: left;
		margin-top: 12em;
	}
	
	#alert {
		background-image: linear-gradient(45deg, #fee486 25%, #ffea96 25%, #ffea96 50%, #fee486 50%, #fee486 75%, #ffea96 75%, #ffea96 100%); 
		background-size: 30px 30px; 
		border-top: #c19700 1px solid; 
		border-bottom: #c19700 1px solid;
	}
	
	#alert .fas {
		display: none;
	}
	
}

*/


@media (min-width:2500px) {

	#intro-wrap { height: 40em; }

}


.fast-track-header {
	background-color: #2e7fb3;
	border: 1px solid #CCCCCC;
}

.fast-track-even {
	background-color: #DDDDDD;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 2em;
	font-size: 1em;
}

.fast-track-odd {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 2em;
	font-size: 1em;
}