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


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

  button.u-org--header.appheader__button:not(.appheader__categoriesbutton):hover,
  button.u-org--header.appheader__button:not(.appheader__categoriesbutton):active {
    background-color: rgba(28, 43, 51, 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: #1C2B33;
  }

  button.u-org--header:not(.appnav__link):not(.appheader__categoriesbutton) {
    border-color: #1C2B33 !important;
  }

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

  button.u-org--header.appheader__categoriesbutton:hover,
  button.u-org--header.appheader__categoriesbutton:active,
  button.u-org--header.appheader__categoriesbutton:focus,
  input[type="search"].u-org--header:hover,
  input[type="search"].u-org--header:active {
    border-color: rgba(28, 43, 51, 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: #1C2B33;
  }

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

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


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

  .u-org--catalogflag {
    border-top-color: #1877F2;
  }

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

  .u-org--catalogflagbg {
    background-color: #1877F2;
  }
  .u-org--catalogflagfill {
    color: #1877F2;
    fill: #1877F2;
  }

  .u-org--tabactive,
  .u-org--tab:hover,
  .u-org--tab:active,
  .u-org--tab:focus {
    border-color: #1877F2;
  }
  .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: #1877F2;
  }
  .u-org--linkhover:hover,
  .u-org--linkhover:active,
  .u-org--linkhover:focus {
    color: #1877F2;
  }

  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: #1877F2 !important;
    border-color: #1877F2 !important;
    color: #fff !important;
  }

  body[data-custom-ui="facebook"] .button--secondary,
  body[data-custom-ui="facebook"] .button--secondary:link,
  body[data-custom-ui="facebook"] .button--secondary:visited,
  body[data-custom-ui="facebook"] .button--secondary:hover,
  body[data-custom-ui="facebook"] .button--secondary:active,
  body[data-custom-ui="facebook"] .button--secondary:focus,
  body[data-custom-ui="facebook"] .dropdown__trigger:not(.dropdown__trigger--link) {
    background-color: transparent;
    border-color: #1877F2;
    color: #1877F2;
  }
  body[data-custom-ui="facebook"] .dropdown__trigger:not(.dropdown__trigger--link) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.07 4.54"><path d="M4.07,4.54 C3.938,4.538 3.812,4.484 3.72,4.39 L0.18,0.85 C-0.016,0.654 -0.016,0.336 0.18,0.14 C0.376,-0.056 0.694,-0.056 0.89,0.14 L4.07,3.32 L7.25,0.14 C7.446,-0.056 7.764,-0.056 7.96,0.14 C8.156,0.336 8.156,0.654 7.96,0.85 L4.42,4.39 C4.328,4.484 4.202,4.538 4.07,4.54 z" fill="#1877F2" /></svg>');
  }

  .tooltip {
    background-color: #1877F2;
  }
  .tooltip--left::before {
    border-left-color: #1877F2;
  }
  .tooltip--right::before {
    border-right-color: #1877F2;
  }
  .tooltip--bottom::before,
  .tooltip--bottom-left::before,
  .tooltip--bottom-right::before {
    border-bottom-color: #1877F2;
  }
  .tooltip--top::before,
  .tooltip--top-left::before,
  .tooltip--top-right::before {
    border-top-color: #1877F2;
  }
  .checkbox--primary .checkbox__input:checked + .checkbox__ui {
    background-color: #1877F2;
    border: 2px solid #1877F2;
  }
  .question .checkbox__input:checked + .checkbox__ui {
    background-color: #1877F2;
    border: 1px solid #1877F2;
  }
  .question .radio__input:checked + .radio__ui {
    border-color: #1877F2;
  }
  .question .radio__input:checked + .radio__ui::before {
    background-color: #1877F2;
  }
  .assessment__completedicon, .assessment__gradingicon {
    background-color: #1877F2;
  }
  .enrollmentmsg__image.enrollmentmsg__image--complete  {
    background-color: #1877F2;
  }

  .rank__listitem .radio__input:checked + .radio__ui {
    border-color: #1877F2;
  }
  .rank__listitem .radio__input:checked + .radio__ui::before {
    background-color: #1877F2;
  }
  .sharelinks__link:hover,
  .sharelinks__link:focus,
  .sharelinks__link.button:hover,
  .sharelinks__link.button:focus {
    color: #1877F2;
  }
  .rating input[type="radio"]:not([disabled]) + label {
    color: #1877F2;
  }
  .courselist__item[data-status="completed"] .courselist__marker,
  .pathmenu__sectionitem[data-status="completed"] .pathmenu__itemmarker {
    color: #1877F2;
  }
  .pageoutline__currentlink,
  .pageoutline__currentlink:hover,
  .pageoutline__currentlink:focus {
    color: #1877F2;
  }
  .tagbutton--selected,
  .tagbutton--selected:hover,
  .tagbutton--selected:active,
  .tagbutton--selected.tagbutton--taxonomy:hover,
  .tagbutton--selected.tagbutton--taxonomy:active {
    border-color: inherit !important;
    background-color: #1877F2;
  }
  .tagbutton--selected.tagbutton--taxonomy {
    background-color: #1877F20c !important;
    border-color: #1877F2 !important;
  }
  .datepicker .pika-prev,
  .datepicker .pika-next {
    border: 1px solid #1877F2;
  }
  .datepicker .pika-prev,
  .datepicker .is-rtl .pika-next {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2025'%20version%3D'1.1'%3E%3Cpolyline%20fill%3D'none'%20stroke%3D'%231877F2'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20points%3D'16.7%209.4%2011.6%2012.4%2016.6%2015.3'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .pika-next,
  .datepicker .is-rtl .pika-prev {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20version%3D'1.1'%20viewBox%3D'0%200%2030%2025'%3E%3Cpath%20d%3D'M12.6%209.5L17.7%2012.4%2012.6%2015.3'%20fill-opacity%3D'0'%20stroke%3D'%231877F2'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .is-today .pika-button {
    color: #1877F2;
  }
  .datepicker .is-selected .pika-button,
  .datepicker .is-selected .pika-button:hover {
    background: #1877F2;
  }
  .banner__icon {
    color: #1877F2;
    background: #1877F2;
  }

  /* 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 */
  /* Hide app switcher*/
button.appheader__button--appswitcher {
    display: none;
}

/* Hide Completed by line*/
.award__completedby {
    display: none;
}

#app-org-switcher, #app-org-switcher--mobile {
  display: none;
}

.activitymeta__item--highlighted.theme__catalogicon {
    display: none;
}

.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, .course__contentcontainer *, .coursepage__navlabel {
  font-family: "Optimistic Display", Montserrat, Helvetica, Arial, "Noto Sans", sans-serif !important;
}*/

.activitycard__imagecontainer, .card__image--course, .coursedetail__image {
border-radius: 15px 15px 15px 0px;
overflow: hidden;
z-index: 1;
}
.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"] 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;
}

.forgot-your-password, .forgot-your-password-directions, .password-reset-check-your-email, .user-registration .form-section-heading, .user-registration h3, .user-registration h1, .user-registration label, .user-registration .cancel-button {
  color: #fff;
}

/* hide assessment report details for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.assmntreport__details div.assmntreport__heading
{ display: none; }

/* hide assessment report donut chart for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.donutchart
{ display: none; }

/* hide assessment report category results for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] #response_section_details.assmntreport__section
{ display: none; }

/* hide assessment report recommendations for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] #recommendations.assmntreport__section
{ display: none; }

/* hide assessment passed or failed pieces of text for skills assessments */
div.assmntreport[data-course-assessment-code^='CH-SA'] .assmntreport__details .assmntreport__heading
{ display: none; }

/* hide assessment questions-correct and points for skills assessments */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.assmntreport__stats
{ display: none; }

/* hide select all that apply instructions on questions */
div.question-instuctions[data-course-assessment-code^='CH-SA']
{ display: none; }
/* hide assessment report details for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.assmntreport__details div.assmntreport__heading,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] div.assmntreport__details div.assmntreport__heading
{ display: none; }

/* hide assessment report donut chart for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.donutchart,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] div.donutchart
{ display: none; }

/* hide assessment report category results for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] #response_section_details.assmntreport__section,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] #response_section_details.assmntreport__section
{ display: none; }

/* hide assessment report recommendations for MCP skills assessment */
div.assmntreport[data-course-assessment-code^='CH-SA'] #recommendations.assmntreport__section,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] #recommendations.assmntreport__section
{ display: none; }

/* hide assessment passed or failed pieces of text for skills assessments */
div.assmntreport[data-course-assessment-code^='CH-SA'] .assmntreport__details .assmntreport__heading,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] .assmntreport__details .assmntreport__heading
{ display: none; }

/* hide assessment questions-correct and points for skills assessments */
div.assmntreport[data-course-assessment-code^='CH-SA'] div.assmntreport__stats,
div.assmntreport[data-course-assessment-code^='BPL-ENG-SA-0001'] div.assmntreport__stats
{ display: none; }

/* hide select all that apply instructions on questions */
div.question-instuctions[data-course-assessment-code^='CH-SA'],
div.question-instuctions[data-course-assessment-code^='BPL-ENG-SA-0001']
{ display: none; }

/* notifications icon badge customization */
span.badge.header__badge.theme__icon-highlight[data-behavior='notifications.unreadNumber'] {
  background-color: #fc2e43;
}

svg.btnicon.btn__notifications {
  color: #1D2945;
}

svg.btnicon.btn__notifications.btn__notifications--unread {
  color: #fff;
}
button.button.button--blueprint-login-as-organization {
  display: none;
}

.award__congrats {
    display: none;
}
button#app-locale-trigger.menulist__trigger,
select#user_locale.form__select,
span.menulist__optionname {
    text-transform: capitalize;
}
a.button.tiny.green.passfail { color: #fff; background-color: #1ab2f5; border-color: #1ab2f5; }

.activitycard__summary {
  padding-top: 10px;
  font-weight: 200;
}

.u-headingitem.activitycard__name {
    font-weight: 1000;
}

.fb-iframemanager {
  padding-bottom: 56.25%;
  position: relative;
}
.facebook-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.facebook-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* Temporary fix for #43060 */
.noresults--facebook:before {z-index: -1;}

/* Hide Plan WS 3/15/21*/
a[href='/student/plan'] {
    display: none;
}

/* Hide Plan WS 3/15/21*/
a[href='/student/plan'] {
    display: none;
}
button[class*="appnav__sublink"][data-dialog-url="/student/authentication/public_modal"], [class*="appnav__link"][data-dialog-url="/student/authentication/public_modal"]{ display:none; }

/*Meta Branding -- Make buttons more square WS 3/9/22*/
.button{
border-radius: 4px;
}
.button.metabutton{
border-radius: 4px;
min-height: 56px;
 padding: 18px 32px;
  font-family: Optimistic Text;
font-size: 14px; 
font-weight: bold;
margin-top:12px;
}
/*Meta Branding -- Next video WS 5/11/22*/
.nextvideo_nav{
display: flex; 
justify-content: space-between;
padding:10px;
margin-top:32px;
}
a.nextvideo__navlink{
 text-decoration: none;
}
.nextvideo__navcontainer{
display: flex; 
justify-content: space-between;
align-items: flex-end;
}
.nextvideo__navsvg--prev{
padding-right:20px;
}
.nextvideo__navsvg--next{
padding-left:20px
}
.nextvideo__navtext--next{
align-self: end;
text-align: right;
}
.nextvideo__navlabel{
font-size:12px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
}
.nextvideo__navtitle{
font-size:17px;
}
.nextvideo__navlink:hover .nextvideo__navtitle{
    text-decoration: underline;
}
.nextvideo__navlink:hover .nextvideo__navsvg{
     transform: scaleX(1.1) scaleY(1.1);
}


/*Meta Branding -- WS 5/12/22*/
.hero{
margin-bottom: 80px;
}
section.catalogcards{
margin-bottom: 80px;
}
h2.catalogcards__heading{
font-size: 32px;
line-height: 120%;
letter-spacing: 0.5px;
margin-bottom: 16px;
color: #1C2B33;
}
.catalogcards__heading > a{
color: #1C2B33;
}
.catalogcards__description{
font-family: Optimistic text;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.25px;
margin-bottom: 32px;
color: #1C2B33;
}
.catalogcard__heading--list, .catalogcard__heading--3x, .catalogcard__heading--4x{
font-size: 18px;

color: #1C2B33;
}
p.catalogcard__description{
font-size: 14px;
font-style: normal; 
font-weight: 400; 
line-height: 150%; 
letter-spacing: 0.25px;
color: #1C2B33;
}
p.catalogcard__description--1x{
font-size: 18px;
}
.catalogcard__heading {
font-size: 18px;
font-weight: 400;
font-style: normal;
color: #1C2B33;
}
.catalogcards__listitem:first-child .catalogcard__description--tabloid {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.25px;
    color: #1C2B33;
}
@media only screen and (min-width: 480px){
  .catalogcard__heading--1x {
      max-height: 88px;
      font-weight: 400;
      font-size: 32px;
      line-height: 120%;
      letter-spacing: 0.5px;
      color: #1C2B33;
    }
}
@media only screen and (min-width: 768px){
    .catalogcards__listitem:first-child .catalogcard__heading--tabloid{
      max-height: 88px;
      font-weight: 400;
      font-size: 32px;
      line-height: 120%;
      letter-spacing: 0.5px;
      color: #1C2B33;
    } 
.catalogcards__listitem:first-child .catalogcard__description--tabloid{
      font-size: 18px;
      }
}
.button{
border-radius: 4px;
}
.button.metabutton{
border-radius: 4px;
min-height: 56px;
padding: 18px 32px;
font-family: Optimistic Text;
font-size: 14px;
font-weight: bold;
margin-top:12px;
}
/*Meta Branding -- END*/