/* Theming CSS */
  /* Header color */
  .u-org--header {
    background-color: #3b5999 !important;
  }


  /* Header text color */
  .u-org--header {
    color: #fff;
  }

  button.u-org--header.appheader__button:hover,
  button.u-org--header.appheader__button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  button.u-org--header:not(.appnav__link):hover,
  button.u-org--header:not(.appnav__link):active,
  button.u-org--header:not(.appnav__link):focus {
    color: #fff;
  }

  button.u-org--header.appheader__searchbutton,
  button.u-org--header.appheader__categoriesbutton,
  input[type="search"].u-org--header {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }

  button.u-org--header.appheader__searchbutton:hover,
  button.u-org--header.appheader__searchbutton:active,
  button.u-org--header.appheader__searchbutton:focus,
  button.u-org--header.appheader__searchbutton:focus-visible,
  button.u-org--header.appheader__categoriesbutton:hover,
  button.u-org--header.appheader__categoriesbutton:active,
  button.u-org--header.appheader__categoriesbutton:focus,
  button.u-org--header.appheader__categoriesbutton:focus-visible,
  input[type="search"].u-org--header:hover,
  input[type="search"].u-org--header:active,
  input[type="search"].u-org--header:focus,
  input[type="search"].u-org--header:focus-visible {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  input[type="search"].u-org--header:focus {
    border-color: transparent !important;
  }

  .u-org--header .search__input--appheader:not(:focus):-ms-input-placeholder {
    color: #fff;
  }

  .u-org--header .search__input--appheader:not(:focus)::-ms-input-placeholder {
    color: #fff;
  }

  .u-org--header .search__input--appheader:not(:focus)::placeholder {
    color: #fff;
  }


  /* Organization color */
  .u-orgcolor--color,
  .u-orgcolor--hovercolor:hover {
    color: #578ffe !important;
  }
  .u-orgcolor--bg,
  .u-orgcolor--hoverbg:hover {
    background-color: #578ffe !important;
  }
  .u-orgcolor--border,
  .u-orgcolor--border:link,
  .u-orgcolor--border:visited,
  .u-orgcolor--border:hover,
  .u-orgcolor--border:active,
  .u-orgcolor--border:focus {
    border-color: #578ffe;
    color: #578ffe;
  }
  .u-orgcolor--borderonly,
  .u-orgcolor--borderonly:link,
  .u-orgcolor--borderonly:visited,
  .u-orgcolor--borderonly:hover,
  .u-orgcolor--borderonly:active,
  .u-orgcolor--borderonly:focus {
    border-color: #578ffe;
  }
  .u-orgcolor--borderhover:hover,
  .u-orgcolor--borderhover:hover {
    border-color: #578ffe;
  }
  .u-orgcolor--svgfill {
    color: #578ffe;
    fill: #578ffe;
  }
  .u-orgcolor--svgstroke {
    color: #578ffe;
    stroke: #578ffe;
  }
  .u-orgcolor--svgall {
    color: #578ffe;
    fill: #578ffe;
    stroke: #578ffe;
  }
  .u-org--svgactive[data-active="true"],
  .u-org--svgactive:hover {
    color: #578ffe !important;
    stroke: #578ffe !important;
  }
  .u-org--barchart:after {
    background-color: #578ffe !important;
  }
  .u-org--piechart {
    color: rgba(0, 0, 0, 0.15);
    stroke: #578ffe;
  }
  .u-org--tooltip {
    background-color: #578ffe;
  }
  .u-org--tooltiptop:before {
    border-top-color: #578ffe;
  }
  .u-org--tooltipright:before {
    border-right-color: #578ffe;
  }
  .u-org--tooltipbottom:before {
    border-bottom-color: #578ffe;
  }
  .u-org--tooltipleft:before {
    border-left-color: #578ffe;
  }
  .updatecard__heading--new:before {
    background-color: #578ffe;
  }
  .session:before {
    background-color: #578ffe;
  }
  .activityprogress__value {
    background-color: #578ffe;
  }
}
  body[data-custom-ui="facebook"] .iconbutton,
  body[data-custom-ui="facebook"] .comments__headerbutton, {
    color: #578ffe;
  }

  .u-org--catalogflag {
    background-image: linear-gradient(225deg, #578ffe 50%, transparent 50%);
  }

  .u-org--catalogflagsearch {
    background-image: linear-gradient(225deg, #578ffe 50%, transparent 50%);
  }

  .u-org--catalogflag-in-progress {
    background-image: linear-gradient(225deg, #fff 47%, #578ffe 3%, transparent 50%);
    border-top: 1px solid #578ffe;
    border-right: 1px solid #578ffe;
    svg {
      color: #578ffe;
    }
  }

  .u-org--enrollmentmsgimage {
    background-color: #578ffe
  }

  .u-org--catalogflagbg {
    background-image: linear-gradient(225deg, #578ffe 50%, transparent 50%);
  }
  .u-org--catalogflagfill {
    color: #578ffe;
    fill: #578ffe;
  }

  .u-org--tabactive,
  .u-org--tab:hover,
  .u-org--tab:active,
  .u-org--tab:focus {
    border-color: #3b5999;
  }
  .link--primary,
  .u-org--link,
  .u-org--link:link,
  .u-org--link:visited,
  .u-org--link:hover,
  .u-org--link:active,
  .u-org--link:focus {
    color: #3b5999;
  }
  .u-org--linkhover:hover,
  .u-org--linkhover:active,
  .u-org--linkhover:focus {
    color: #3b5999;
  }

body[data-custom-ui="facebook"] .button--primary:not([disabled]),
  body[data-custom-ui="facebook"] .button--primary:link,
  body[data-custom-ui="facebook"] .button--primary:visited,
  body[data-custom-ui="facebook"] .button--primary:hover,
  body[data-custom-ui="facebook"] .button--primary:active,
  body[data-custom-ui="facebook"] .button--primary:focus,
  body[data-custom-ui="facebook"] .blankslate .button,
  body[data-custom-ui="facebook"] .coursebar__btn--active,
  body[data-custom-ui="facebook"] .coursebar__btn--active:hover,
  body[data-custom-ui="facebook"] .coursebar__btn--active:focus,
  body[data-custom-ui="facebook"] .tagbutton--selected:not(.tagbutton--taxonomy) {
    background-color: #3b5999 !important;
    border-color: #3b5999 !important;
    color: #fff !important;
  }

    body[data-custom-ui="facebook"] .button--primary.header__loginbtn,
    body[data-custom-ui="facebook"] .button--primary.header__loginbtn:hover,
    body[data-custom-ui="facebook"] .button--primary.header__loginbtn:active,
    body[data-custom-ui="facebook"] .button--primary.header__loginbtn:focus {
      background-color: #fff;
      color: #3b5999;
    }


  /* Branding logo */
  .header__titleicon.u-org--titleicon {
    max-width: 120px;
  }
  @media (min-width: 370px) {
    .header__titleicon.u-org--titleicon {
      max-width: 160px;
    }
  }
  .u-org--titleicon + .header__titletext,
  .u-org--titleicon + .sidemenu__titletext {
    display: none;
  }
  .u-org--header .header__titlelink {
    text-overflow: clip;
  }

  /* Custom CSS */
  .award__meta {
  display: none;
}

.award__congrats {
font-family: 'Helvetica',sans-serif;
}

.award__studentname {
font-family: 'Helvetica',sans-serif;
}

.award__completed {
font-family: 'Helvetica',sans-serif;
}

.award__meta {
font-family: 'Helvetica',sans-serif;
}

body, body.new_student, body.new_student *, .button, .form__input, .form__select, input[type='text'].search__input {
  font-family: "Optimistic Display", Montserrat, Helvetica, Arial, "Noto Sans", sans-serif !important;
}

.markdown strong {
  font-style: bold;
}

.activitycard__imagecontainer, .card__image--course, .coursedetail__image {
border-radius: 15px 15px 15px 0px;
overflow: hidden;
}
.course-image a {
  display: block;
  border-radius: 8px 8px 8px 0px;
  overflow: hidden;
}
.course-image a img, .course-image a svg {
  display: block;
}
.activity__assessmentvisual img,
.activity__coursevisual img,
.activity__eventvisual img,
.activity__postvisual img {
  border-radius: 15px 15px 15px 0px;
  height: auto;
  width: 135px;
}
.activity__assessmentvisual svg,
.activity__coursevisual svg,
.activity__eventvisual svg,
.activity__postvisual svg {
  border-radius: 15px 15px 15px 0px;
  height: 90px;
  width: 135px;
}

@media (min-width: 768px) {
  body.new_student table.courses .course-status {
    display: none;
  }
}

[data-controller="authentication"] main, [data-controller="facebook"] main {
  background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),url("/assets/facebook/welcome.jpg");
  background-size: cover;
}

[data-controller="authentication"] div.login h2, [data-controller="facebook"] div.login h2 {
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 28px;
}

.login_avatar {
  display: none;
}

.profilehero {
    background-image: url(/assets/facebook/hero_default.jpg);
    background-position: center;
}

input.header__searchinput {
  border-color: #3b5999;
}