.ccsb-navbar { /* TODO: change this to use css variable primary */ background-color: #4F63F9; }

.ccsb-navbar__skip-navigation { height: 0; width: 0; position: absolute; left: 0; top: 0; color: white !important; overflow: hidden; }

.ccsb-navbar__skip-navigation:focus, .ccsb-navbar__skip-navigation:active { height: auto; width: auto; }

/* nav-container is to force navbar content to be within a 1140px in desktop */
.ccsb-navbar__nav-container { display: flex; flex-direction: column; }

.ccsb-navbar__brand-toggle-container { display: flex; flex-wrap: wrap; }

.ccsb-navbar__nav { display: none; list-style: none; flex-direction: column; margin: 0; padding: 0; order: 2; }

.ccsb-navbar__collapse-toggle-container { text-align: right; display: flex; align-items: center; }

.ccsb-navbar__collapse-toggle { margin: 10px; background: none !important; border: 1px solid white; border-radius: 4px; color: white; display: flex; align-items: center; margin-left: auto; height: 38px; width: 38px; }

.ccsb-navbar--has-nav-open .ccsb-navbar__nav { display: flex; }

.ccsb-navbar--has-nav-open .ccsb-navbar__search { display: flex; }

.ccsb-navbar__nav-item { position: relative; }

.ccsb-navbar__nav-link { position: relative; color: white; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; width: 100%; padding: 10px; }

.ccsb-navbar__nav-link .material-icons { margin-left: auto; }

.ccsb-navbar__dropdown { display: none; position: relative; background-color: white; padding: 15px; z-index: 500; }

.ccsb-navbar__dropdown-nav { padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start; position: relative; }

.ccsb-navbar__nav-item--has-menu-open .ccsb-navbar__dropdown { display: block; }

.ccsb-navbar__brand-container { flex-basis: 50%; order: 1; }

.ccsb-navbar__collapse-toggle-container { flex-basis: auto; margin-left: auto; order: 2; }

.ccsb-navbar__brand { display: inline-block; height: auto; width: 150px; margin: 10px; }

.ccsb-navbar__dropdown-title { font-weight: bold; }

.ccsb-navbar__dropdown-nav-link { display: inline-block; padding: 5px 0; text-decoration: none; color: black; }

.ccsb-navbar__nav-item-separator { display: flex; align-items: center; padding: 0 10px; }

.ccsb-navbar__nav-item-separator--vertical { display: none; height: 2rem; border-left: 1px solid white; }

.ccsb-navbar__nav-item-separator--horizontal { display: flex; width: 100%; margin: 0; }

/* ************* */
/* navbar-search */
/* ************* */
.ccsb-navbar__search { display: none; align-items: center; justify-content: center; order: 1; }

.ccsb-navbar__search-form-container { flex: 1 1 100%; }

.ccsb-navbar__search-form { display: flex; flex-wrap: wrap; flex: 1 1 auto; padding: 15px 10px; justify-content: center; align-items: center; position: relative; max-width: 100%; }

.ccsb-navbar__search-input { flex: 1 1 auto; height: 30px; border: 0px; text-indent: 15px; }

.ccsb-navbar__search-button { background: white !important; border: none; color: #4F63F9; display: flex; justify-content: center; align-items: center; height: 30px; left: -1px; }

.ccsb-navbar__search-input-label { display: none; }

.ccsb-navbar__search-form-group { display: flex; flex: 1 1 auto; border: 1px solid white; }

/* ************ */
/* interactions */
/* ************ */
.ccsb-navbar__search-button:hover, .ccsb-navbar__search-button:focus { background-color: #4F63F9 !important; color: white; }

.ccsb-navbar__nav-link:hover, .ccsb-navbar__nav-link:focus, .ccsb-navbar__nav-link:active, .ccsb-navbar__nav-item:hover .ccsb-navbar__nav-link { background-color: #DC0E7A; color: white  !important; text-decoration: none; }

@media (min-width: 992px) { .ccsb-navbar__nav-container { padding: 0; max-width: 1140px; margin: auto; flex-direction: row; } .ccsb-navbar__brand-toggle-container { flex-direction: row; order: 0; flex: 0 0 15%; max-width: 15%; } .ccsb-navbar__nav { order: 1; display: flex; flex-direction: row; max-width: 70%; } .ccsb-navbar__collapse-toggle-container { display: none; } .ccsb-navbar__nav-item { position: relative; } .ccsb-navbar__nav-link { display: flex; justify-content: center; align-items: center; padding: 15px 20px; height: 100%; } .ccsb-navbar__nav-link .material-icons { margin-left: 15px; } .ccsb-navbar__dropdown { position: absolute; min-width: 300px; } .ccsb-navbar__nav-item-separator { padding: 0; } .ccsb-navbar__nav-item-separator--vertical { display: flex; } .ccsb-navbar__nav-item-separator--horizontal { display: none; } /* ************* */ /* navbar-search */ /* ************* */ .ccsb-navbar__search { order: 2; display: flex; margin-left: auto; margin-right: 15px; min-width: 1px; flex: 1 1 auto; } .ccsb-navbar__search-form { flex-wrap: nowrap; justify-content: flex-end; padding: 0; height: 100%; } .ccsb-navbar__search-input { flex: 0 1 250px; } .ccsb-navbar__search-button { flex: 0 0 30px; } .ccsb-navbar__search-form-group { display: flex; flex: 1 1 auto; border: 1px solid white; flex: 0 0 280px; } /* ************ */ /* interactions */ /* ************ */ /* nav-link hover, focus should trigger dropdown */ /* nav-item hover should trigger dropdown */ .ccsb-navbar__nav-item:hover .ccsb-navbar__dropdown, .ccsb-navbar__nav-link:hover + .ccsb-navbar__dropdown { display: block; } .ccsb-navbar__nav-item:not(.ccsb-navbar__nav-item--has-menu-open):hover .ccsb-navbar__nav-link .material-icons { transform: rotate(180deg); } .ccsb-navbar__dropdown-nav-link:hover { text-decoration: underline; } }

.basic-footer { background-color: #2A3653; color: white; padding: 30px 0; font-size: 12px; }

.basic-footer p { text-align: center; }

.basic-footer p a { color: white; text-decoration: underline; }

.basic-footer .copyright { margin: 0; }

.basic-footer ul { margin: 0; padding: 0; display: flex; list-style: none; justify-content: center; margin-bottom: 11px; flex-wrap: wrap; }

.basic-footer ul li a { color: white; padding: 5px 10px; }

.quicklinks { position: absolute; top: -30px; right: 0; }

@media (min-width: 992px) { .quicklinks { position: relative; top: 0; max-width: 330px; margin-left: auto; } }

.quicklinks.quicklinks--show { z-index: 505; }

.quicklinks.quicklinks--show ul { display: flex; }

.quicklinks.quicklinks--show .quicklinks__add-ons { display: block; }

.quicklinks.quicklinks--show .quicklinks__collapse-toggle { width: 100%; border-bottom: 1px solid white; border-radius: 8px 8px 0px 0px; justify-content: flex-start; }

.quicklinks.quicklinks--show .quicklinks__collapse-toggle .quicklinks__collapse-toggle-icon--close, .quicklinks.quicklinks--show .quicklinks__collapse-toggle .quicklinks__collapse-toggle-text--close { display: inline-block; }

.quicklinks.quicklinks--show .quicklinks__collapse-toggle .quicklinks__collapse-toggle-icon--more, .quicklinks.quicklinks--show .quicklinks__collapse-toggle .quicklinks__collapse-toggle-text--more { display: none; }

.quicklinks .quicklinks__collapse-toggle { display: flex; align-items: center; margin-left: auto; background-color: #DCB627; color: black; border: 0; border-radius: 8px; padding: 10px 15px; }

@media (min-width: 992px) { .quicklinks .quicklinks__collapse-toggle { display: none; } }

.quicklinks .quicklinks__collapse-toggle .material-icons { margin-right: 15px; flex-basis: 25px; }

.quicklinks .quicklinks__collapse-toggle .quicklinks__collapse-toggle-icon--close, .quicklinks .quicklinks__collapse-toggle .quicklinks__collapse-toggle-text--close { display: none; }

.quicklinks .quicklinks__header { background-color: #58585A; padding: 15px; display: none; }

@media (min-width: 992px) { .quicklinks .quicklinks__header { display: block; } }

.quicklinks .quicklinks__header h2 { color: white; font-weight: bold; font-size: 18px; margin: 0; }

.quicklinks .quicklinks__header p { color: white; font-weight: bold; margin: 0; }

.quicklinks ul { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; display: none; }

@media (min-width: 992px) { .quicklinks ul { display: flex; } }

.quicklinks ul li { background-color: #DCDDDE; position: relative; border-bottom: 1px solid white; }

.quicklinks ul li a { display: flex; align-items: center; color: black; text-decoration: none; padding: 10px 15px; width: 100%; height: 100%; }

.quicklinks ul li a:hover { background-color: #DCB627; }

.quicklinks ul li a span:nth-child(2) { margin-left: auto; }

.quicklinks .quicklinks__add-ons { display: none; }

@media (min-width: 992px) { .quicklinks .quicklinks__add-ons { display: block; } }

.quicklinks__overlay { position: fixed; top: 0; left: 0; width: 100%; min-height: calc(100vh - 83.75px - 189px - 100px); height: 100%; background-color: black; opacity: .8; z-index: 500; }

.heading-button-combo { display: flex; justify-content: space-between; flex-direction: column; align-items: center; position: relative; margin-bottom: 15px; }

@media (min-width: 992px) { .heading-button-combo { flex-direction: row; } }

.heading-button-combo .heading-button-combo__heading-container { height: 65px; }

.heading-button-combo .heading-button-combo__button-container { padding-top: 15px; }

@media (min-width: 992px) { .heading-button-combo .heading-button-combo__button-container { padding-top: 0; } }

.heading-button-combo .heading-button-combo__heading-image { display: inline-block; }

.heading-button-combo .heading-button-combo__button { background-color: #DCDDDE; padding: 10px; color: black; text-decoration: none; border-radius: 8px; }

.heading-button-combo .heading-button-combo__button:hover { background-color: #DCB627; }

.mobile-margin-top-30 { margin-top: 30px; }

@media (min-width: 992px) { .mobile-margin-top-30 { margin-top: auto; } }

.font-weight-bold { font-weight: bold; }

.breadcrumb--custom { background-color: white; display: none; padding: 8px 0; }

@media (min-width: 992px) { .breadcrumb--custom { display: block; } }

.breadcrumb--custom li a { color: #6c7378; }

.breadcrumb--custom li a:hover { color: #0AAB00; }

.breadcrumb--custom .active { color: black; }

.myccsb-login { display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; background-color: #2977A4; text-decoration: none; padding: 15px; margin-top: 15px; }

.myccsb-login span:nth-child(1) { font-size: 1.25em; font-weight: bold; }

.myccsb-login:hover, .myccsb-login:focus, .myccsb-login:active { background-color: #DCB627; color: black; text-decoration: none; }

.editor-link { display: none; margin: 0 5px 10px 0; }

.cms-editor-active .editor-link { display: block; }

/*# sourceMappingURL=b3-custom.css.map */