.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;
  }
}
.quicklinks.quicklinks--show {
  z-index: 505;
}
.quicklinks.quicklinks--show ul {
  display: flex;
}
.quicklinks.quicklinks--show .quicklinks__header {
  display: block;
}
.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 .quicklinks__header--bottom {
  margin-top: 0;
}
@media (min-width: 992px) {
  .quicklinks .quicklinks__header--bottom {
    margin-top: 40px;
  }
}
.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: #A7A9AC;
}
.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 .submenu li {
  background-color: white;
  border-bottom: 1px solid #DCDDDE;
}

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

.heading-button-combo {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 992px) {
  .heading-button-combo {
    flex-direction: row;
    gap: initial;
  }
}
.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;
}

/* Custom displays */
.d-table-cell {
  display: table-cell;
}

/* Custom Height & Width */
.h-65px {
  height: 65px;
}

.h-310px {
  height: 300px;
}

.h-335px {
  height: 335px;
}

.w-200px {
  width: 200px;
}

.w-308px {
  width: 308px;
}

.w-80 {
  width: 80%;
}

.w-500px {
  width: 500px;
}

/* Custom Height & Width */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-3 {
  margin-bottom: 1rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-25px {
  padding-top: 25px;
}

/* Font Manipulations */
.font-weight-bold {
  font-weight: bold;
}

.font-18px {
  font-size: 18px;
}

.font-size-12px {
  font-size: 12px;
}

/* Borders */
.border-bottom {
  border-bottom: 1px solid #dee2e6;
  border-color: #2A3653;
}

.border-radius-12px {
  border-radius: 12px;
}

.shadow-nav {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/* custom text-options and background*/
.text-white {
  color: white;
}

.text-center {
  text-align: center;
}

.text-light-gray {
  color: #DFE6F3;
}

.align-middle {
  vertical-align: middle;
}

.bg-dark-purple-alt {
  background-color: #2E3865;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.agents-site-search__invalid-feedback {
  font-size: 12px;
}
.agents-site-search__invalid-feedback--white {
  color: white !important;
}
.agents-site-search__invalid-feedback--red {
  color: #D50000 !important;
}

.d-none {
  display: none !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.tile--ccsb-plans {
  position: relative;
  height: 100%;
  width: 100%;
  height: 122px;
  width: calc(100% - 10px);
}
.tile--ccsb-plans .tile__link {
  display: flex;
  height: 100%;
}
.tile--ccsb-plans .tile__logo {
  margin: auto;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

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