@charset "utf-8";
/* CSS Document CIU Online Landing Page*/
 /* START -- .breadcrumb ========================================= */


 .onlineLanding .breadcrumb {
 	max-width:960px;
 	margin-left:auto;
 	margin-right:auto;
 }
 .onlineLanding .breadcrumb_wrapper.wrap {
	max-width:100%;
 }

 /* START -- .main_content ========================================= */

.onlineLanding .main_content {
    width: 100%;
	margin-bottom:0px;
}
.onlineLanding .wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

@media (min-width: 580px) {
	
	.onlineLanding .content__wrapper-inner {
		max-width: 100%;
		padding: 0;
	}
	
}/* END mq-min580 */


 /* START -- .onlineHero ========================================= */

.onlineHero {
    position: relative;
}
.onlineHero img {
	width: 100%;
    height: auto;
}
.onlineHero .wrap { }

.onlineHero .heroTxt {
    width:100%;
    font-size: 20px;
    line-height: 1.25em;
	padding: 10px;
	background-color: rgba(12, 36, 66, 0.9);
}
.onlineHero .heroTxt span {
display:block;
color:#fed351;
}
.onlineHero .heroTxt span.emph {
display:block;
text-transform:uppercase;
font-size:200%;
line-height:1.25em;
font-weight:500;
color:#fff;
}



@media (min-width: 580px) {

  .onlineHero .heroTxt {
  font-size: 26px;
  padding: 35px;

  }

} /* END mq-min580 */



@media (min-width: 960px) {

  .onlineHero .heroTxt {
	      font-size: 35px;
	      width: 65%;
	      padding: 25px;
	      right: 0;
	      position:absolute;
 		  bottom:50px;
		  z-index:2 !important;
	 }

} /* END mq-min960 */
@media (min-width: 1200px) {

  .onlineHero .heroTxt {
	      width: 50%;
	 }

} /* END mq-min960 */



 /* START -- .onlineBtnGroup ========================================= */


.onlineBtnGroup h2 {
    margin: 1em 0 1.75em;
    text-align: center;
    font-size: 2em;
    line-height: 1em;
    font-weight: 300;
    padding: 0 20px;
    text-transform: uppercase;
}


.onlineBtnGroup a span {
    color: #002e56;
    display: block;
    line-height: 1;
    opacity: 1;
    padding: 22px 5px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    margin-bottom: 25px;
    background-color: #ffd24f;
}

.onlineBtnGroup a:hover span, .onlineBtnGroup a:focus span {
    background-color: #ffe7a3;
}

@media (min-width: 580px) {

.onlineBtnGroup, .onlineCtaGroup {
    padding: 30px 35px 40px;
}
.onlineCtaGroup .cta__block-links {
    float: none;
}
}


 /* START -- .onlineCtaGroup ========================================= */

.onlineCtaGroup .wrap {
    padding: 15px 0;
    overflow: hidden;
}

.onlineLanding a.yellow.cta__icon-link.span_6::before {
	content:url("/sites/all/themes/ciu2015/images/icon_info.png");
	margin-right:14px;
}
.onlineLanding a.red.cta__icon-link.span_6::before {
	content:url("/sites/all/themes/ciu2015/images/icon_apply.png");
	margin-right:14px;
}
.onlineCtaGroup a.cta__icon-link .cta__text{
	top:-6px;
}

 /* START -- .front-page-programs ========================================= */
 .front-page-undergrad, .front-page-grad{
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
 }
 .front-page-undergrad h2, .front-page-grad h2{
	color: #fff;
    display: inline-block;
    font-size: 1em;
    font-weight: 100;
    line-height: 1em;
    padding: 5px 10px;
    text-align: left;
    text-transform: uppercase;
 }
.front-page-undergrad h2{
	background: #c6615a;
}
.front-page-grad h2{
	background: #2c76c7;
}
.front-page-programs {
  border-top: 1px solid #002b5c;
  padding: 10px;
}
.front-page-programs .views-field-title{
	diplay:inline-block;
	padding:10px 0;
}
@media all and (min-width: 768px) {
  .front-page-programs .view-content {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3; }
}
 /* START -- .onlineWhy  ========================================= */

.onlineWhy {
    background-color: #e7e7e7;
	padding: 25px 25px 70px;
}
.onlineWhy h2  {
    margin: 1em 0;
    text-align: center;
    font-size: 2em;
    padding: 0 20px;
}

.onlineWhy h3 {
    margin: 0 0 5px 0;
    font-weight: 400;
    color: #002b5c;
}
.onlineWhy p {
    margin: 0 0 0.75em;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    color: #4b4848;
}

@media (min-width: 580px) {

.onlineWhy {
    padding: 25px 35px 70px;
}
}
@media (min-width: 580px) and (max-width:860px) {
.onlineWhy > .span_12 .span_6 {
	width:100%;margin:0;
	}
}



 /* START -- .onlineSucFac  ========================================= */

.onlineSucFac {
    padding: 70px 0 35px;
}
.onlineSucFac h3 {
    font-weight: 400;
    text-transform: uppercase;
	color: #002b5c;
}
.onlineSucFac h4 {
    font-weight: 500;
    text-transform: none;
    color: #000;
    margin: .5em 0 .25em;
}

.onlineSucFac p {
    margin: 0 0 0.75em;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    color: #4b4848;
}

@media (min-width: 580px) {

.onlineSucFac {
    padding: 70px 35px 35px;
}
}

@media (max-width: 860px) and (min-width: 580px) {
.onlineSucFac > .span_12 .span_7, .onlineSucFac > .span_12 .span_5 {
	width:100%;margin:0;
	}
}
@media (min-width: 859px) {
.onlineSucFac h4 {
	margin-top:0;
}
}

 /* END -- Online Success Stories /  Meet Our Faculty  ========================================= */