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


.ng-footer-helper { /* needed until I can figure out why height:100% is suddenly making children disrespect their parents on nw pages - ep 1-9-18 */
    height:auto;
}

/* LOCATION SPECIFIC - classes for even more specific styles should use .ca-california, or .ca-oklahoma */


.ca-important-info .cg-outline-box {
    border: solid 3px #179b90;
    margin-bottom: 30px;
}

.ca-important-info .cg-width-blocks:first-child {
    align-items: center;
}
    .ca-important-info .cg-block:nth-child(2) {
        margin-bottom: 0;
    }
.ca-important-info .ca-intro {
    font-size: 18px;
    margin-right:5%;
}
.ca-important-info .ui-accordion-header-icon {
    display:none;
}
.ca-important-info p.ui-accordion-header.ui-state-default::before, h4.ui-accordion-header.ui-state-default::before {
    content: '+ ' !important;
    display: inline-block;
    margin-right: 1px;
}
.ca-important-info p.ui-accordion-header.ui-state-active::before, h4.ui-accordion-header.ui-state-active::before {
    content: '- ' !important;
    display: inline-block;
    margin-right: 4px;
}
.ca-important-info .cg-link-standalone {
    text-transform:none;
    margin: 5px 0;
}


/*NATIONWIDE !!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*announcements from intranet*/
.ca-hero-announcement {
    margin: 10px 20px;
    padding: 30px;
    background-color: #f2f2f2;
    margin-bottom:15px;
}
    .ca-hero-announcement .cg-uppercase {
        font-family: museo-sans-700;
    }
    .ca-hero-announcement p:last-child {
        margin-bottom: 0;
    }
.ca-hero-urgent {
    margin: 0 auto;
    padding: 30px;
    border-top:solid 10px #e92f32;
    border-bottom:solid 10px #e92f32;
    margin-bottom: 15px;
}
    .ca-hero-urgent .cg-uppercase {
        font-family: museo-sans-700;
        text-transform: uppercase;
    }
    .ca-hero-urgent p:last-child {
        margin-bottom: 0;
    }
.ca-hero-announcement p, .ca-hero-urgent p {
    max-width: 1200px;
}


/*STUDENT SERVICES*/

/*Make this the standard for all mobile sections?*/
.cy-main-wrapper section.naservices {
    margin-top: 0;   
}

/*TUITION*/


/*DAY!!!!!!!!!!!!!!!!!!!!!!!!*/

/*day experience slider*/
.da-card-slider .cy-desktop-wide-inner {
    position: relative;   
}

.da-card-slider .cy-stripe {
    top: 30%;   
    height: 30px;
}


/*day tuition*/
.da-tuition {
 box-shadow:0 0 5px #cccccc; 
    box-sizing: border-box; 
    background: #f2f2f2;   
}

.cy-main-wrapper .da-tuition .cg-block-wide {
    margin-bottom: 0;
}
.da-tuition-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;  
}
.da-tuition-links h3 {
      padding: 10% 40px 0 40px;
      margin: 0;
}

.da-tuition-links-inner {
    padding: 0 40px;
    height: 100%;
}

.da-fixed-rate-svg {
    max-width: 550px; 
    margin-top: 20px;  
}




/*ONLINE!!!!!!!!!!!!!!!!!!!!!!!!*/
.on-tuition .cy-mobile-background, .gr-tuition .cy-mobile-background {
    background: #333333;   
}

.on-tuition .cy-tuition-rate p.cg-big-number, .gr-tuition .cy-tuition-rate p.cg-big-number  {
     font-family: museo-sans-700;
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 10px;
    display: block;
    background: #002855; /* For browsers that do not support gradients */ /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(110deg, #ffd800, #f37d1b 40%, #e92f32 70%); /* Standard syntax */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}
.ie .on-tuition .cy-tuition-rate p.cg-big-number, .ie .gr-tuition .cy-tuition-rate p.cg-big-number {
    background:transparent;
    color: #002855;
}


on-video .cg-block-wide iframe {
 height: 100%;   
}
.on-graduate .cy-stripe {
    top: 0;   
}
.cy-main-wrapper .on-graduate h2 {
    margin-top: 50px;   
}
.on-graduate-bar div {
    padding: 3px 7px;  
    box-sizing: border-box;
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
    height: 30px;
}
.cy-main-wrapper .on-graduate h3 {
    font-family: museo-sans-700;
    font-size: 1.6rem;  
    margin-bottom: 0;
}

.on-graduate.cg-animation-start .cg-card-content p {
    opacity: 0;
    -webkit-animation:  fade-in 1s 1.3s forwards;
            animation:  fade-in 1s 1.3s forwards;
}

/*Widths of bars are calculated Using 48 months (4 years) as 100% */
    .cg-animation-start .on-associate-bar {
        width: 42%; 
        -webkit-animation: tuition-slide .8s forwards; 
                animation: tuition-slide .8s forwards; 
        background:  #767676;
    }
    .cg-animation-start .on-bachelor-bar {
        width: 85%; 
        -webkit-animation: tuition-slide .8s .4s forwards; 
                animation: tuition-slide .8s .4s forwards;  
            background: #179b90;
    }
    .cg-animation-start .on-master-bar {
        width: 25%;   
        -webkit-animation: tuition-slide .8s .6s forwards;   
                animation: tuition-slide .8s .6s forwards;
        background:  #002855;
    }

@-webkit-keyframes tuition-slide {
  0%   {opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0);}
  100% {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}
}

@keyframes tuition-slide {
  0%   {opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0);}
  100% {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}
}




/*GRADUATE !!!!!!!!!!!!!!!!!!!!!!!!*/
.gr-tuition-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    margin-bottom: 50px;
}
.gr-tuition-inner div:first-child {
    padding-right: 20px;
    border-right: 1px solid #e5e5e5;   
    margin-right: 20px;
}

.gr-tuition .cy-tuition-rate p.cg-big-number  {
    font-size: 65px;
    line-height: 65px;
}

.gr-tuition-link {
    position: absolute;
    bottom: -50px;   
    left: 0;
}







@media screen and (min-width: 769px) {
/*overrites padding from double bars since they disappear*/
.cy-main-wrapper .cy-double-stripe.na-contact {
    padding-top: 0;  
    padding-bottom: 0; 
}

.na-contact .cy-stripe:last-child {
       display: none;
}

.na-contact .cy-stripe:first-child{
       height: 87%;
       top: 13%;
}

.na-contact .cg-block:first-child {
    padding-bottom: 40px;   
    padding-right: 20px;
    box-sizing: border-box;
}

.na-map {
    margin-bottom: 0;   
}
.na-map iframe {
   border: 3px solid rgb(23, 155, 144);
   pointer-events: none; width: 100%;
   /*height: 100%;*/
    background: #fff;
   box-shadow: 0 0 1px 11px #fff;
   box-sizing: border-box;
    min-height: 400px;
}

/*day tuition links*/
    .da-events {
        position:relative;
    }
    .da-events .cg-button-bubble {
        top:-30px;
        right: 50px;
    }

.da-tuition {
    background: #fff;   
}
.cy-main-wrapper .da-tuition .cg-block-wide {
    position: relative;  
    -webkit-box-flex: 1.5;  
        -ms-flex: 1.5;  
            flex: 1.5; 
    padding: 50px 15% 50px 6%;
    margin-right: 0;
    margin-bottom: 0;
}
.da-tuition-links h3 {
      background: #f2f2f2;
      text-align: center;
      padding: 10% 40px;
}

.da-tuition-links-inner a.cg-link-standalone {
    text-align: center; 
    display: block;
    margin: 30px 0;  
}


/*checklist - stripe needs to be moved up slightly*/
.da-checklist .cg-link-standalone {
    display: inline;   
    padding: 0 20px 0 0;
    box-sizing: border-box;
}
    .da-checklist .cg-button-bubble {
        top:-30px;
    }

/*online tuition*/
.on-tuition .cg-block-wide a.cg-link-standalone, .gr-tuition .cg-block:first-child a.cg-link-standalone, .cy-tuition .cg-block-wide a.cg-link-standalone {
    display: inline-block;
    width: auto;
    margin-right: 5%;   
}

/*online graduate quickly*/
.on-graduate .cy-stripe {
    height: 80%; 
}
.on-graduate .cg-card-content {
    padding: 20px 50px;   
}

.cy-main-wrapper .on-graduate h3, .on-graduate .cg-card-content p {
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
}
.cy-main-wrapper .on-graduate h3 {
   min-width: 100px;
   max-width: 100px;
   text-align: right; 
   margin-right: 20px;
}
.on-graduate .cg-card-content p {
    margin: 0 0 0 20px;  
    font-family: museo-sans-700, 'Open Sans', Arial, sans-serif; 
    text-transform: uppercase; 
}
.on-graduate-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin: 20px 0;
}

    .da-card-slider .cg-button-bubble {
        top:-30px;
    }



}

@media screen and (min-width: 992px) {
/*day events*/
.da-events {
    position: relative;   
}
.da-events .cg-button-bubble {
    position: absolute; 
    right: 50px;
    top: -50px;
}

/*day experience slider*/
.da-card-slider .cg-button-bubble {
    position: absolute;
    right: 30px; 
    top: 0;  
}


/*Day tuition*/

.da-tuition-bubble {
    background: #002855;
    width: 200px;
    height: 200px;
    border-radius: 50%; 
    border: 2px solid #fff; 
    position: absolute; 
    right: -40px; 
    top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-style: italic;
}
.da-tuition-bubble p {
    padding: 30px 20px 15px 20px; 
    font-size: 1.8rem;
    line-height: 2.3rem;
}
.da-tuition-links h3, .da-tuition-links-inner {
      padding: 50px 40px; 
}

/*day checklist*/
.da-checklist .cy-checklist-content .cg-button-bubble {
 top: -20px; /* changed from -90 - ep 11/13*/
}

.da-checklist .da-more-info h3 {
    display: inline;   
    padding: 0 20px 0 0;
}




}



@media screen and (min-width: 1200px) {

/*nationwide contact*/
 .na-contact .cy-stripe:first-child{
       height: 90%;
       top: 10%;
}
 
 /*day events*/
.da-events .cg-button-bubble {
    position: absolute; 
    right: auto;
    top: 70px;
    left: 50px;
}


/*day checklist*/
.da-checklist .cy-checklist-content .cg-button-bubble {
 top: -30px;
 right: calc(30px + 10%);
}

/*online tuition*/
section.cy-desktop-wide.on-tuition {
    margin-top: 80px;   
}



}



@media screen and (min-width: 1500px) {
.na-contact .cy-stripe:first-child{
   height: 87%;
   top: 13%;
}   

 /*day events*/
.da-events .cg-button-bubble {
    top: 100px;
    left: -70px;
}

/*day experience slider*/
.da-card-slider .cg-button-bubble {
    right: -30px;  
}

/*Day tuition*/

.da-tuition-bubble {
    width: 260px;
    height: 260px;
    right: -60px; 
    top: 200px;
}
.da-tuition-bubble p {
    padding: 30px 25px 15px 25px; 
    font-size: 2.1rem;
    line-height: 2.8rem;
}
.da-tuition-links h3, .da-tuition-links-inner {
      padding: 80px 40px; 
}

/*day checklist*/
.da-checklist .cy-checklist-content .cg-button-bubble {
 top: -30px;
 right: 30px;
}
}