/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* cccco footer style */ .footer { background: #002F6D; line-height: 2em; padding: 5px 0; font-size: 12px; font-size: 0.75rem; } .footer:before, .footer:after { content: " "; display: table; } .footer:after { clear: both; } .footer:before, .footer:after { content: " "; display: table; } .footer:after { clear: both; } .footer .footer-links { float: right; padding-right: 9.5%; } .footer .footer-links-list { list-style: none; margin: 0; padding: 0; } .footer .footer-links-list > li { display: inline-block; } .footer .footer-links-list > li:not(:last-child):after { content: " | "; color: #fff; } .footer .footer-links-list a:link, .footer .footer-links-list a:visited { color: #fff; text-decoration: none; } .footer .footer-links-list a:hover, .footer .footer-links-list a:focus { text-decoration: underline; } @media (max-width: 767px) { .footer .footer-links-list a { padding-top: 6px; padding-bottom: 6px; } } .footer .footer-copyright { float: left; color: #fff; padding-left: 9.5%; } .footer .footer-social { float: right; line-height: 2em; padding-right: 9.5%; } @media (max-width: 767px) { .footer .footer-social { float: none; line-height: 1.5em; padding: 5px 5% 10px; } } .footer .footer-social .social-connect-icon:before { color: #fff; } .footer .footer-social .social-connect-body { margin-bottom: 0; } .footer .footer-social a:hover .social-connect-icon:before { color: #FFB600; } @media (max-width: 991px) { .footer { padding: 10px 5%; } .footer .footer-links, .footer .footer-copyright { width: 100%; text-align: center; } .footer .footer-links { float: none; padding-right: 0; } .footer .footer-copyright { width: 100%; padding-left: 0; } } /* dropdown button */ .BoxButtons .ButtonGroup.Multi .Button.Primary { background: #0066ba; border: #0066ba; } .ButtonGroup.Multi .Button.Handle { background: #0066ba; } /* banner bg */ .banner-outerBackground_f1b07ike { background: #002F6D !important; } /* category imgs */ a.Item-Icon.PhotoWrap.PhotoWrap-Category { width: 80px; height: auto; } .DataList .PhotoWrap img { width: auto; max-height: 80px; } /* logo mobile */ @media (max-width: 800px) { img.headerLogo-logo.titleBar-logo.titleBarLogo-logo_fxck09n { max-height: 36px !important; margin: 4px 0 !important; position: absolute !important; top: 0 !important; } }

Notice: CCCApply Maintenance Friday, May 14, from 5 PM - 6 PM PST

Roberto

May 14 in Apply To College

Minor infrastructure updates to CCCApply and CCC MyPath this week (5/14/21) will cause up to one hour of system downtime.

The one-hour downtime impacts the following related applications:

CCCApply Standard Application
CCCApply International Application
CCCApply CA Promise Application
CCCApply Report Center
CCC MyPath

Production environment updates to CCCApply and CCC MyPath are scheduled for Friday, May 14th starting at 5 pm.

0

or Register to comment.

Hi there!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* cccco footer style */ .footer { background: #002F6D; line-height: 2em; padding: 5px 0; font-size: 12px; font-size: 0.75rem; } .footer:before, .footer:after { content: " "; display: table; } .footer:after { clear: both; } .footer:before, .footer:after { content: " "; display: table; } .footer:after { clear: both; } .footer .footer-links { float: right; padding-right: 9.5%; } .footer .footer-links-list { list-style: none; margin: 0; padding: 0; } .footer .footer-links-list > li { display: inline-block; } .footer .footer-links-list > li:not(:last-child):after { content: " | "; color: #fff; } .footer .footer-links-list a:link, .footer .footer-links-list a:visited { color: #fff; text-decoration: none; } .footer .footer-links-list a:hover, .footer .footer-links-list a:focus { text-decoration: underline; } @media (max-width: 767px) { .footer .footer-links-list a { padding-top: 6px; padding-bottom: 6px; } } .footer .footer-copyright { float: left; color: #fff; padding-left: 9.5%; } .footer .footer-social { float: right; line-height: 2em; padding-right: 9.5%; } @media (max-width: 767px) { .footer .footer-social { float: none; line-height: 1.5em; padding: 5px 5% 10px; } } .footer .footer-social .social-connect-icon:before { color: #fff; } .footer .footer-social .social-connect-body { margin-bottom: 0; } .footer .footer-social a:hover .social-connect-icon:before { color: #FFB600; } @media (max-width: 991px) { .footer { padding: 10px 5%; } .footer .footer-links, .footer .footer-copyright { width: 100%; text-align: center; } .footer .footer-links { float: none; padding-right: 0; } .footer .footer-copyright { width: 100%; padding-left: 0; } } /* dropdown button */ .BoxButtons .ButtonGroup.Multi .Button.Primary { background: #0066ba; border: #0066ba; } .ButtonGroup.Multi .Button.Handle { background: #0066ba; } /* banner bg */ .banner-outerBackground_f1b07ike { background: #002F6D !important; } /* category imgs */ a.Item-Icon.PhotoWrap.PhotoWrap-Category { width: 80px; height: auto; } .DataList .PhotoWrap img { width: auto; max-height: 80px; } /* logo mobile */ @media (max-width: 800px) { img.headerLogo-logo.titleBar-logo.titleBarLogo-logo_fxck09n { max-height: 36px !important; margin: 4px 0 !important; position: absolute !important; top: 0 !important; } }