@charset "utf-8";
/* CSS Document */

/* Custom CSS */
.dept-space {
    margin-top: 20px;
    margin-bottom: 10px;
}
.flex-row, .flex-row-wrap{
        position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
 @media (max-width: 680px){
	 .flex-row, .flex-row-wrap {
		 display: block !important;
	}
}
body {
	font-family:"Nunito Sans",sans-serif;
	font-size:16px;
	background-color:#EEEEEE;
	color:#333333;
}
h1, h2, h3, h4, h5, h5 {
	font-family:"Nunito Sans",sans-serif;
	font-weight:normal;
}
h1 {
	color:#004078;
	font-size:34px;
}
.home-page h2 {
	color:#004078;
}
h2 {
	color:#333333;
	font-size:28px;
}
h3 {
	color:#666666;
	font-size:24px;
}
a {
	color:#004078;
}
a:hover {
	color:#333333;
}
a:focus {
	outline:none;
}
a:active {
	text-decoration:none;
}
#content a {
	 border-bottom: 1px dotted #666666;
}
#content a:hover {
	 text-decoration:none;
	 border-bottom: 1px solid #999999;
	 text-decoration:none;
}
#content a:focus {
	 text-decoration:none;
	 border-bottom: 1px solid #999999;
	 text-decoration:none;
}

/*Audience menu bar styles*/
.audience-menu-container {
	background-color:#444444;
}

.audience-menu .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size:12px;
}
.audience-menu .nav > li {
  position: relative;
  display: block;
}
.audience-menu .nav > li > a {
  position: relative;
  display: block;
  padding: 5px 4px;
  color:#DDDDDD;
}
.audience-menu .nav > li > a:hover,
.audience-menu .nav > li > a:focus {
  text-decoration: none;
  background-color:#eeeeee;
  color:#444444;
}
.audience-menu .nav .open > a,
.audience-menu .nav .open > a:hover,
.audience-menu .nav .open > a:focus {
  background-color: #eee;
  border-color: #004078;
}

.action-menu {
  padding-right:20px;
}
.action-menu .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size:11px;
  text-transform:uppercase;
}
.action-menu .nav > li {
  position: relative;
  display:inline;
}
.action-menu .nav > li > a {
  position: relative;
  display: block;
  padding: 5px 5px;
  color:#DDDDDD;
}
.action-menu .nav > li > a:hover,
.action-menu .nav > li > a:focus {
  text-decoration: none;
  background-color:#eeeeee;
  color:#444444;
}
.action-menu .nav .open > a,
.action-menu .nav .open > a:hover,
.action-menu .nav .open > a:focus {
  background-color: #eee;
  border-color: #004078;
}
/*header and search menu bar styles*/
.logo {
	width:90%;
	height:auto;
	max-width:300px;
	margin:5%;
}

.search-menu {
  padding-top:30px;
}
.search-menu .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size:12px;
}
.search-menu .nav > li {
  position: relative;
  display: block;
}
.search-menu .nav > li > a {
  position: relative;
  display: block;
  padding: 3px 0;
  color:#333333;
}
.search-menu .nav > li > a:hover,
.search-menu .nav > li > a:focus {
  text-decoration: none;
  background-color:transparent;
  color:#004078;
}
.search-menu .nav .open > a,
.search-menu .nav .open > a:hover,
.search-menu .nav .open > a:focus {
  background-color: #eee;
  border-color: #004078;
}

.search-menu .col-xs-10, .search-menu .col-xs-2 {
	padding:0;
}
.btn-search {
  border: 1px solid #999999;
  border-left:0;
  border-radius:0;
  background-color:#999999;
  color:#FFFFFF;
}
.search-field {
  border: 1px solid #999999;
  border-right:0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#sidr-id-searchBox, #searchBox{
	margin-right:-5px;
	 width:185px;
}
/*Search box spacing with button after accessibility fix*/
/*Hide site search 360 dev error on pages without search box*/
 .ss360DevError{
	display:none !important;
}
/*SS360 search CSS Overrides - These are inserted inline on desktop but not on mobile*/
 #unibox-suggest-box{
	 min-width: 131px;
	 padding: 10px;
	 margin-top: 5px;
	 color: rgb(135, 0, 55);
	 background-color: rgb(255, 255, 255);
	 border: 1px solid rgb(255, 255, 255);
	 border-radius: 0px;
	 display: none;
}
 #searchBox, #sidr-id-searchBox{
	 color: rgb(51, 51, 51);
	 font-size: 14px;
	 border: 1px solid rgb(221, 221, 221);
	 border-radius: 0px;
	 padding: 8px;
	 background-color: rgb(255, 255, 255);
}
 #ss360SearchButton, #sidr-id-ss360SearchButton{
	 color: rgb(51, 51, 51);
	 font-size: 14px;
	 border: 1px solid rgb(221, 221, 221);
	 border-radius: 0px;
	 padding: 8px;
	 cursor: pointer;
	 background: url(data:image/svg+xml;
	base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…VTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48L3N2Zz4=) 8px 9px / 20px no-repeat rgb(255, 255, 255);
	 min-width: 38px;
	 width: 38px;
	 text-indent: -99999px;
}


/* main menu bar styles*/
.main-menu-container {
	background-color:#004078;
	font-family: "Avenir LT W01_35 Light1475496", Arial, sans-serif;
	font-size:20px;
}
.main-menu li a {
	color: #fff;
}
.main-menu li a:active {
	background-color: #EEEEEE;
}
.main-menu li a:focus {
	text-decoration:none;
}

/* first level */
.main-menu > ul > li:hover > a,
.main-menu > ul > li.hovered > a,
.main-menu > ul:not( :hover ) > li.active > a {
	background-color: #EEEEEE;
	color:#333333;
	text-decoration:none;
}

/* second level */
.main-menu .dropdown-menu {
    background-color: #EEEEEE;
    border: 0;
    border-radius: 0;
    box-shadow:none;
    font-size: 16px;
	margin:0;
}
.main-menu li:hover ul,
.main-menu li.hovered ul {
	display: block;
}
.main-menu li ul a {
	padding: 5px 10px; 
	color:#333333;
}
.main-menu li ul li a:hover,
.main-menu li ul:not( :hover ) li.active a {
	background-color: #DDDDDD;
	text-decoration:none;
}

/*Home Page Carousel Styles*/
#home-slides .carousel {
  position: relative;
  z-index:1; /*fixes flashing text in Safari on carousel transition*/
}
#home-slides .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#home-slides .carousel-inner > .item > img,
#home-slides .carousel-inner > .item > a > img {
  line-height: 1;
}

#home-slides .carousel-inner > .active,
#home-slides .carousel-inner > .next,
#home-slides .carousel-inner > .prev {
  display: block;
}
#home-slides .carousel-inner > .active {
  left: 0;
}
#home-slides .carousel-inner > .next,
#home-slides .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
/******
* This CSS was making the homepage slideshow 'flash' on transition
****
#home-slides .carousel-inner > .next {
  left: 100%;
}
#home-slides .carousel-inner > .prev {
  left: -100%;
}
#home-slides .carousel-inner > .next.left,
#home-slides .carousel-inner > .prev.right {
  left: 0;
}
#home-slides .carousel-inner > .active.left {
  left: -100%;
}
#home-slides .carousel-inner > .active.right {
  left: 100%;
}
*/
#home-slides .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
#home-slides .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
#home-slides .carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
#home-slides .carousel-control:hover,
#home-slides .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
#home-slides .carousel-control .icon-prev,
#home-slides .carousel-control .icon-next,
#home-slides .carousel-control .glyphicon-chevron-left,
#home-slides .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
#home-slides .carousel-control .icon-prev,
#home-slides .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
#home-slides .carousel-control .icon-next,
#home-slides .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
#home-slides .carousel-control .icon-prev,
#home-slides .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
#home-slides .carousel-control .icon-prev:before {
  content: '\2039';
}
#home-slides .carousel-control .icon-next:before {
  content: '\203a';
}
#home-slides .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 5%;
  left: 55%;
  z-index: 10;
  padding:0px 15px 10px 15px;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, .7);
  
}
#home-slides .carousel-caption h3 a {
	color:#FFFFFF;
	margin-top:0;
}
#home-slides .carousel-caption h3 a:hover {
	text-decoration:none;
	color:#cccccc;
}
#home-slides .carousel-caption p {
	font-size:16px;
}
@media screen and (min-width: 800px) {
  #home-slides .carousel-control .glyphicon-chevron-left,
  #home-slides .carousel-control .glyphicon-chevron-right,
  #home-slides .carousel-control .icon-prev,
  #home-slides .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  #home-slides .carousel-control .glyphicon-chevron-left,
  #home-slides .carousel-control .icon-prev {
    margin-left: -15px;
  }
  #home-slides  .carousel-control .glyphicon-chevron-right,
  #home-slides .carousel-control .icon-next {
    margin-right: -15px;
  }
  #home-slides .carousel-indicators {
    bottom: 20px;
  }
}
@media screen and (max-width: 800px) {
	#home-slides .carousel-inner > .item > img,
	#home-slides .carousel-inner > .item > a > img {
	  height:293px;
	  overflow:hidden;
	  width:auto;
	}
	#home-slides .carousel-caption {
	  position: absolute;
	  right: 15%;
	  left: 15%;
	  z-index: 10;
	  color: #fff;
	  text-align: center;
	}
}


/*fade Carousel */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/*Content Styles*/
.welcome-row {
	background-color:#004078;
	color:#FFFFFF;
	text-align:center;
	padding:20px 15%;
}
.welcome-row h1 {
	font-weight:normal;
	font-size:34px;
	color:#FFFFFF;
	margin:0;
}
.welcome-row p {
	font-size:20px;
}

/*Fact Row Styles*/
.fact-row {
	background-color:#56829E;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
}
.fact-row .container .row .col-sm-3 {
	padding:20px 0;
}
.fact-row h3 {
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
}
.fact-row p {
	font-size:12px;
	margin:0;
}



 /* Headline Styles */
.headlines h2 {
	text-align:center;
}
.headlines img {
	width:100%;
	height:auto;
	max-width:400px;
}

/* Landing Page Banner */
.landing-page-banner { 
   position: relative;
   overflow: hidden;
}
.landing-page-banner img {
   width: 100%; 
}
.landing-page-banner h1 { 
	position: absolute; 
	bottom: 10px; 
	left: 1.7%; 
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
@media screen and (max-width: 1170px) {
	.landing-page-banner h1 {
	  left: 20px;
	}
}
@media screen and (max-width: 768px) {
	.landing-page-banner img {
	  height:132px;
	  overflow:hidden;
	  width:auto;
	}
}

/* Accordion Panels*/
.panel-group {
    margin: 3px 15px;
    border: 1px solid #dddddd;
    background: #f3f3f3;
}
.panel-title {
    font-size:20px;
}
#content .panel-heading{
    padding:0px;
}
.panel-title.h4 a {
    border: none !important;
    display: block;
    padding: 10px 40px 10px 14px;
    background: #dcdcdc;
    position:relative;
    transition:background .3s ease-in-out;
}
.panel-title.h4 a:after {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    content: '+';
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #dcdcdc;
    background: white;
    line-height: 20px;
}
.panel-title.h4 a:hover{background:#d4d4d4;}

/* Landing Page Graphics/headings */
.image-text-heading { 
   position: relative;
}
.image-text-heading img {
   width: 100%; 
}
.image-text-heading h3 { 
	position: absolute;
	font-size:20px;
	margin-bottom:0;
	bottom: 10px; 
	left: 20px; 
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.image-text-heading h3 a {
	color: #fff;
}
.image-text-heading h3 a:hover {
	color: #CCCCCC;
	text-decoration:none;
}

/*Sub Page Styles */
#content img {
    max-width:100%;
    height:auto;
}

/*For sub page menu*/

  .sidebar-nav {
      margin-top:20px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  
  
  .navbar-nav .dropdown-menu-nested {
	  display: none;
  }
  
  .navbar-nav li.active > .dropdown-menu-nested {
      display: block;
  }
  
  .navbar-nav li.active-trail > .dropdown-menu-nested {
	  display: block;
  }
  
  
.sidebar-nav .navbar li.active > a {
    color: #004078;
}
  

@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
    .sidebar-nav .navbar li ul {
      padding-left:20px;
  }
  
  .sidebar-nav .navbar li li a {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	display:block;
	color:#666666;
	font-size:15px;
  }
  .sidebar-nav .navbar li li li a {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	display:block;
	color:#888888;
	font-size:14px;
  }
  .sidebar-nav .navbar ul li ul li a:hover{
	  background:#E7E7E7;
	  text-decoration:none;
  }
  .sidebar-nav .navbar ul li ul li a:focus {
	  text-decoration:none;
  }
}


/*Footer Styles*/
.footer {
	background-color:#333333;
	color:#ffffff;
	padding-top:25px;
    margin-top:20px;
	font-size:12px;
}
.footer a {
	color:#ffffff;
}
.footer a:hover {
	color:#666666;
}
.footer img.footer-logo {
	width:100%;
	max-width: 250px;
	height:auto;
}
address {
	margin-top:10px;
}
.footer .address p {
	margin-top: 25px;
}
.copyright {
	font-style:italic;
}

.footer .h3 {
	text-transform:uppercase;
	color:#FFFFFF;
	margin-top:0;
	font-size:16px;
	font-weight:normal;
}
.footer ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.footer ul li {
  margin: 8px 0;
}
.footer ul li a{
	color:#FFFFFF;
}
.footer ul a:hover,
.footer ul a:focus {
	text-decoration: underline;
}


.footer .future-cta p {
	text-transform:uppercase;
	text-align:right;
	font-size:16px;
}
.footer .future-cta p a{
}
.footer .future-cta p a:hover {
	text-decoration:none;
}
.footer .future-cta h3 {
	text-transform:uppercase;
	margin-top:50px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
}
.footer .social-icon {
	height:auto;
	width:18%; /*Was 21% for 4 icons*/
	margin:0; /*Was 1% for 4 icons*/
	max-width:75px;
}

/*list of links*/
.link-list {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style: outside none none;
}
.link-list > li {
    position: relative;
    display: block;
}

.link-list > li > a {
    position: relative;
    display: block;
    padding: 5px;
}
.link-list > li > a:hover {
	background-color:#ffffff;
	text-decoration:none;
    padding: 5px;
}


.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important;
}

/*Emergency Notifications*/
  #alert {
	background-color:#FFFF00; /*change to white if yellow is showing*/
	width:100%;
	padding:0;
	margin:0;
}
.rssDiv {
	max-width:1050px;
	padding:0px;
	margin:auto;
}
#divRss{
	font-size:12px;
	font-weight:bold;
	margin:0;
}
#divRss ul {
	margin:0;
	padding:0;
}
#divRss ul li {
	list-style-type:none;
	margin:0;
}
.itemDate {
	color:#000;
	padding:2px;
}
.itemContent {
	color:#FF0000;
	padding:2px;
}
.itemContent p {
	margin:0;
}

/*styles for /alert/index.html page*/

#alert_mesages {
	background-color:#FFFF00;
	width:100%;
	padding:0;
	margin:0;
}

#alert_mesages #divRss ul li {
	margin-top:10px;
}

/*Faculty Profiles*/
.faculty-sidebar {
	background-color:#FFFFFF;
}
.faculty-sidebar img {
	margin-top:15px;
	width:100%;
	max-width:450px;
}
p.faculty-title {
	font-size:18px;
	border-bottom:1px solid #004078;
}
p.faculty-social img {
	width:30px;
	height:30px;
	margin-top:0;
}

/* misc */
.off-left {
    position:absolute;
	margin-left:-9000px;
}
.off-left {
    position:absolute;
	margin-left:-9000px;
}
.img_left {
    float:left;
    padding-right:10px;
    padding-bottom:10px;
}
.img_right {
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}
.photo_caption {
    font-size:9px;
}

/*for style dropdown*/
a.button-link {
    background: #004078;
    border-radius: 0;
    font-family: Arial;
    color: #FFF;
    font-size: 16px;
    padding: 15px 30px;
    text-decoration: none;
    display: inline-block;
    transition:background .3s ease-in-out, padding .3s ease-in-out;
    border-bottom:0px !important;
    margin:5px 0;
}
a.button-link:hover{
    background:#00305a;
    padding:15px 35px;
    border-bottom:0px !important;
}
  .row>.clear:nth-child(8n)::before {
	  content: '';
	  display: table;
	  clear: both;
	}

/* WCCC Program List */
.wccc-program-thumbnail {
    font-size:12px;
    margin-bottom:15px;
    text-align:center;
}

/*featured content */
 .rg-wrapper{
	margin-top:30px;
	 overflow:hidden;
	 display:flex;
}
 .rg-image-left{
	float:left;
	 width:40%;
	 background-size:cover;
	 background-position:center;
	 position:relative;
}
 .rg-right{
	background-color:#004078;
	 float:left;
	 width:60%;
	 padding:35px;
	 position:relative;
}
 .rg-content-right{
	margin:0 auto;
	 max-width:600px;
	 transition:none;
}
 .rg-content-right p, .rg-content-right h2{
	color:#fff;
}
 .rg-content-right h2{
	margin-top:0px;
}
 .rg-content-right a.dark-button{
	background-color:#001F3C;
	 color:#ffffff;
	 font-weight:bold;
	 text-transform:uppercase;
	 font-size:.9em;
	 display:inline-block;
	 padding:15px 15px;
	 transition:padding .3s ease-in-out;
	 text-decoration:none;
}
 .rg-content-right a.dark-button:hover{
	text-decoration:none;
	 padding:15px 20px;
}
 .rg-image-left .triangle{
	 width: 0;
	 height: 0;
	 border-top: 20px solid transparent;
	 border-bottom: 20px solid transparent;
	 border-right: 20px solid #004078;
	 position: absolute;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 margin: auto;
}
 a.no-border{
	border-bottom:none !important;
}
 @media (max-width: 600px){
	 .rg-wrapper{
		display:block;
	}
	 .rg-image-left{
		width:100%;
		 float:none;
		 height:215px;
	}
	 .rg-right{
		width:100%;
		 float:none;
	}
	 .rg-image-left .triangle{
		display:none;
	}
}

/*Sticky CTA bar*/
    .prog-page-cta{
		width: 100%;
		height: 60px;
		background-color: #4f5254;
		color:#fff;
		padding:6px 0;
		z-index:9999;
    }
    .prog-page-cta .cta-buttons{float:right;}
    .prog-page-cta .breadcrumbs{float:left; font-size:.85em; line-height:47px;}
    .prog-page-cta .breadcrumbs a{
        margin-right:25px;
        color:#fff;
        border:none !important;
        text-decoration:none;
        position:relative;
    }
    .prog-page-cta .breadcrumbs a:first-child:after{
        content:'\2022';
        color:#333333;
        position:absolute;
        right:-18px;
        pointer-events:none;
    }

    .prog-page-cta .breadcrumbs a .glyphicon-search{
        color:#fed103;
    }
    .prog-page-cta .breadcrumbs a span.login{
        background-image: url(https://www.coloradomesa.edu/_files/images/icons/lock.png);
        width: 9px;
        height: 12px;
        display: inline-block;
        margin-bottom: -1px;
    }
    .breadcrumbs span.active-prog{
        background-color: #676a6d;
        padding: 5px 15px;
        border-radius: 60px;
    }
    .prog-page-cta .cta-buttons a{
        display:inline-block;
        line-height:47px;
        color:#fff;
        border:none !important;
        text-transform:uppercase;
        font-size:.85em;
        background-color:#2f3133;
        padding:0 20px;
        text-decoration:none;
        transition:background-color .3s ease-in-out;
    }
    .prog-page-cta .cta-buttons a:hover{
        background-color:#1d1f20;
    }
    .prog-page-cta .cta-buttons a.yellow-button{
        background-color:#fed103;
        color:#464646;
        margin-left:5px;
    }
     .prog-page-cta .cta-buttons a.yellow-button:hover{
         background-color:#f5ba07;
     }

@media (max-width: 767px) {
    .prog-page-cta .cta-buttons{width:100%; padding-left:0px; transition:padding .3s ease-in-out;}
    .prog-page-cta.is_stuck .cta-buttons{padding-left:45px;}
    .prog-page-cta{padding:10px 0px;}
    .prog-page-cta .cta-buttons a{float:left; width:50%; font-size:.6em; text-align:center; line-height:40px;}
    .prog-page-cta .cta-buttons a.yellow-button{
        width: -webkit-calc(50% - 5px);
	    width: -moz-calc(50% - 5px);
	    width: calc(50% - 5px);
	    margin-left:5px;
    }
}
/*3 column blue links/panels with icons*/
 .three-col-links{
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display:flex;
	 margin:30px 0;
}
 .three-col-links a{
	 float:left;
	 width:33.3333333333%;
	 height:400px;
	 padding:20px;
	 background-color:#618690;
	 display:block;
	 text-align:center;
	 border-bottom:0px !important;
	 color:#fff;
	 position:relative;
}
 .three-col-links a h2{
	font-size:20px;
	 color:#fff;
}
 .three-col-links a p{
	font-size:.9em;
}
 .three-col-links a:nth-child(2){
	background-color:#77A0AA;
}
 .three-col-links a:nth-child(3){
	background-color:#92B5BD;
}
 .three-col-links a .middle-align{
	 position:absolute;
	 left:20px;
	 right:20px;
	 top:50%;
	 -moz-transform:translateY(-50%);
	 -webkit-transform:translateY(-50%);
	 -ms-transform:translateY(-50%);
	 transform:translateY(-50%);
}
 .three-col-links .circle-icon{
	 width:81px;
	 height:81px;
	 background-color:#163F4A;
	 border-radius:50%;
	 margin:0 auto 30px auto;
	 background-repeat:no-repeat;
	 background-position:center;
	 position:relative;
	 top:0px;
	 transition:background-color .3s ease-in-out, top .3s ease-in-out;
}
 .three-col-links a:hover .circle-icon {
	 background-color: #08242c;
	 top: -5px;
}
 @media (max-width:767px){
	 .three-col-links{
		display:block !important;
	}
	 .three-col-links a{
		float:none;
		 width:100%;
		 height:auto;
	}
	 .three-col-links a .middle-align{
		position:relative;
		 left:0px;
		 transform:inherit;
	}
}
/*Step-by-step processes styles*/
 .step{
	 background-color:#fff;
	 padding:20px;
	 position:relative;
	 overflow:hidden;
	 margin-bottom:20px;
}
 .step .step-title{
	 float:left;
	 width:30%;
	 padding-right:20px;
}
 .step .step-title h2{
	font-size:18px;
	 font-weight:bold;
	 color:#000;
}
 .step .step-title span{
	text-transform:uppercase;
	 font-size:20px;
	 padding-bottom:5px;
	 margin-bottom:15px;
	 border-bottom:4px solid #004078;
	 font-weight:bold;
}
 .step .step-title .tip{
	 padding:10px;
	 background-color:#779AA2;
	 color:#fff;
	 font-size:14px;
	 margin-top:25px;
	 width:100%;
}
 .step .step-title .tip p, .step .step-title .tip span{
	font-size:14px;
	 border:none;
	 color:#fff;
}
.step .step-title .tip button{
    background: #fff !important;
    color: #fff;
    padding: 5px;
    box-shadow: none;
    color: #779AA2;
    border-color: #fff;
}
 .step .step-title .tip a{
	color:#fff !important;
	 border-bottom:1px dotted #ffffff!important;
}
 .step .steps{
	 float:left;
	 width:70%;
	 padding-left:20px;
	 border-left:1px dashed #D0D0D0;
}
 .step .steps ol {
	 list-style: none;
	 counter-reset: my-awesome-counter;
	 margin:0px;
	 padding:0px;
}
 .step .steps ol li{
	 counter-increment: my-awesome-counter;
	 margin-bottom:10px;
	 background-color:#EFEFEF;
	 position:relative;
	 transition:background-color .3s ease-in-out;
}
 .step .steps ol li.yesurl:hover{
	 background-color:#FAFAFA;
}
 .step .steps ol li a:before{
	 content: "\e080";
	 font-family: 'Glyphicons Halflings';
	 position: absolute;
	 z-index: 1;
	 color: #ffffff;
	 right: 12px;
	 top: 50%;
	 -ms-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
}
 .step .steps ol li a, .step .steps ol li .task-a{
	 display:block;
	 overflow:hidden;
	 position:relative;
	 padding-left:58px;
	 padding-right:50px;
	 padding-top:10px;
	 padding-bottom:10px;
	 border-bottom:none !important;
	 color:#4B4B4B;
	 font-size:.9em;
	 transition:.3s ease-in-out;
}
 .step .steps ol li::before {
	 content: counter(my-awesome-counter);
	 color: #ffffff;
	 font-weight: bold;
	 position: absolute;
	 width:38px;
	 height:38px;
	 line-height: 38px;
	 top: 10px;
	 left:10px;
	 background: #688F98;
	 border-radius: 50%;
	 text-align: center;
	 transition:background .3s ease-in-out;
}
 .step .steps ol li.yesurl:hover::before{
	 background:#004078;
}
 .step .steps ol li a::after{
	 content:'';
	 background-color:#004078;
	 position:absolute;
	 right:0px;
	 top:0px;
	 bottom:0px;
	 width:40px;
}
 .step .steps ol li a h3, .step .steps ol li .task-a h3{
	color:#000000;
	 font-size:17px;
	 font-weight:bold;
	 margin-top:0px;
	 line-height:22px;
}
 .step .steps ol li a p, .step .steps ol li .task-a p{
	font-size:14px;
}
 @media (max-width:600px) {
	 .step .step-title{
		 float: none;
		 width: 100%;
		 padding-right: 0px;
		 margin-bottom: 20px;
	}
	 .step .steps{
		 float:none;
		 width:100%;
		 padding-left:0px;
		 border-left:0px;
	}
}
/*Vertical facts column OR yellow featured links w/ video to the right*/
 .fv.facts-column{
	float:left;
	 width:calc(36% - 15px);
	 margin-right:15px;
}
 .fv.featured-video{
	float:left;
	 width:64%;
}
 .fv.featured-video .video-wrapper{
	 height: 100%;
	 text-align: center;
	 color: #fff;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 right: 0;
	 left: 36%;
}
 .fv.featured-video .video-wrapper a{
	 position: absolute;
	 z-index: 10;
	 color: #fff;
	 text-decoration: none !important;
	 font-size: 1.2em;
	 height: 124px;
	 width: 124px;
	 padding-top: 100px;
	 text-align: center;
	 border: none !important;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 transform: translateY(-50%);
	 left: 0;
	 right: 0;
	 margin: 0 auto;
}
 .fv.featured-video .video-wrapper a:hover{
	cursor:pointer;
}
 .fv.featured-video .video-wrapper a:before {
	 content: '';
	 width: 90px;
	 height: 90px;
	 border: 3px solid rgba(255,255,255,.2);
	 display: block;
	 position: absolute;
	 border-radius: 50%;
	 top: 0px;
	 left: 0;
	 right: 0;
	 margin: 0 auto;
	 transition: border .3s ease-in-out;
}
 .fv.featured-video .video-wrapper a:hover:before{
	border: 3px solid rgba(255,255,255,1);
}
 .fv.featured-video .video-wrapper a:after {
	 content: '';
	 width: 0;
	 height: 0;
	 border-top: 15px solid transparent;
	 border-bottom: 15px solid transparent;
	 border-left: 25px solid #fff;
	 position: absolute;
	 left: 0;
	 right: -6px;
	 top: 30px;
	 margin: 0 auto;
}
 .fv.featured-video .vid-overlay{
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background-color: rgba(0, 0, 0, 0.62);
	 z-index: 1;
}
 .fv.facts-column ul{
	list-style:none;
	 margin:0;
	 padding:0;
	 height:100%;
}
 .fv.facts-column ul li{
	width:100%;
	 height:33.3333%;
	 text-align:center;
	 padding:15px;
}
 .fv.facts-column ul li:first-child{
	background-color:#F6EAB1;
}
 .fv.facts-column ul li:nth-child(2){
	background-color:#F8F8F8;
}
 .fv.facts-column ul li:nth-child(3){
	background-color:#F7DC63;
}
 .fv.facts-column.feat-links-column ul li a{
	color:#333333;
	 text-decoration:none;
}
 .fv.facts-column ul li .fact-title{
	color:#004078;
	 font-size:30px;
	 font-weight:bold;
	 display:block;
}
 .fv.facts-column.feat-links-column ul li{
	text-align:left;
	 padding:19px;
}
 .fv.facts-column.feat-links-column ul li .fact-title{
	font-size:18px;
}
 .fv.facts-column.feat-links-column ul li .fact-title.arrow-after{
	position:relative;
}
 .fv.facts-column.feat-links-column ul li .fact-title.arrow-after:after{
	 font-family: 'Glyphicons Halflings';
	 content:'\e080';
	 display:inline-block;
	 color:#004078;
	 font-size:13px;
	 margin-left:5px;
	 transition:margin-left .3s ease-in-out;
}
 .fv.facts-column.feat-links-column ul li:hover .fact-title.arrow-after:after{
	margin-left:8px;
}
 .custom-video-modal.modal.fade .modal-dialog {
	 -webkit-transition: -webkit-transform 0.3s ease-out;
	 -moz-transition: -moz-transform 0.3s ease-out;
	 -o-transition: -o-transform 0.3s ease-out;
	 transition: transform 0.3s ease-out;
}
 .custom-video-modal.modal.in .modal-body {
	 padding:0px;
}
 .custom-video-modal button.close{
	 position: absolute;
	 right: -25px;
	 color: #fff;
	 opacity: 1;
}
 .custom-video-modal .modal-header{
	 padding: 0;
	 height: 0px;
	 min-height: inherit;
	 border: none;
}
 .custom-video-modal.modal.in .modal-dialog{
	 -webkit-transform: translate(0, 50%);
	 -ms-transform: translate(0, 50%);
	 -o-transform: translate(0, 50%);
	 transform: translate(0, 50%);
}
 @media (max-width:680px){
	 .fv.facts-column, .fv.featured-video{
		float:none;
		 width:100%;
		 height:auto;
		 margin-right:0px;
	}
	 .fv.featured-video .video-wrapper{
		padding-bottom: 59%;
		 margin-top: 15px;
		 position:relative;
		 left:0;
	}
}
/*Blue Call to Action or Announcement*/
.bluewccc-cta{
	 overflow: hidden;
	 background-color: #004078;
	 padding: 35px 30px;
	 border-radius: 4px;
	 color: #fff;
	 box-shadow: 0px 7px 15px rgba(0,0,0,.2);
	 margin-left: 15px;
	 margin-right: 15px;
	 margin-top: 30px;
	 margin-bottom: 30px;
}
 .col-sm-12 .bluewccc-cta{
	margin-left:0px;
	 margin-right:0px;
}
 .bluewccc-cta h2{
	 margin-top: 0px;
	 font-weight: bold;
	 color: #fff;
	 font-family: "Avenir LT W01_65 Medium1475532", Arial, sans-serif;
	 font-size: 27px;
	 margin-bottom: 5px;
}
 .bluewccc-cta p{
	 margin-bottom:0px;
}
 .bluewccc-cta .col-md-4{
	 text-align:right;
}
 .bluewccc-cta .circle-icon{
	 float: left;
	 width: 90px;
	 height: 90px;
	 background-color: #002C53;
	 border-radius: 50%;
	 margin-right: 20px;
	 margin-top: -5px;
	 margin-bottom: -15px;
	 background-image: url(https://www.coloradomesa.edu/_files/css/images/announcement.png);
	 background-position: center;
	 background-repeat: no-repeat;
}
 a.yellow-arrow-button.animated{
	 background-color: #fed103;
	 text-shadow: none;
	 padding: 18px 15px;
	 display: inline-block;
	 padding-right: 77px;
	 color: #474643;
	 font-size: 1em;
	 position: relative;
	 border-bottom: none !important;
	 margin-top: 10px;
	 width: auto;
	 text-align: center;
}
 .bluewccc-cta a.yellow-arrow-button.animated{
	width:100%;
}
 a.yellow-arrow-button.animated:after{
	 content: "\e080";
	 font-family: 'Glyphicons Halflings';
	 background-color: #FEBA03;
	 position: absolute;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 width: 60px;
	 text-align: center;
	 line-height: 56px;
	 font-size: 15px;
	 transition: width .3s ease-in-out;
}
 a.yellow-arrow-button.animated:hover{
	 text-decoration:none;
}
 a.yellow-arrow-button.animated:hover:after{
	 width:55px;
}
 @media (max-width:991px) {
	 .bluewccc-cta{
		 font-size:.9em;
		 padding:30px 15px;
	}
	 .bluewccc-cta .circle-icon{
		 margin-top:-4px;
	}
	 .bluewccc-cta a.yellow-arrow-button.animated{
		 padding:18px 30px;
		 padding-right:80px;
		 margin-top:11px;
	}
	 .bluewccc-cta{
		 text-align:center;
	}
	 .bluewccc-cta .circle-icon{
		 margin:auto;
		 float:none;
		 margin-bottom:15px;
	}
}
/*@media (max-width: 767px) {
	 .bluewccc-cta{
		 text-align:center;
	}
	 .bluewccc-cta .circle-icon{
		 margin:auto;
		 float:none;
		 margin-bottom:15px;
	}
}
*/