/**
 * Blue Sky iframed page style overrides
 */

/* Hide links to Events page */
a[href="/isba/events"] {
  display: none;
}

/* Hide certificate overview */
.certificate-overview {
  display: none;
}

/* Reduce top whitespace */
html body section.main-container.headerless-embeddable {
  padding: 25px 0 8em;
}

/* Remove logo */
section.account-banner {
  display: none;
}

/* Remove homepage title and introduction stroke */
section.home > header.top.with-banner {
  display: none;
}
section.home > header.top.with-banner + section {
  border: none;
  padding: 0;
}

/* Un-disable "Free CLE" button */
/*
.ecommerce .btn-green.unavailable[data-role="free-cle-purchase"]:not(.user-disabled) {
  background-color: #14c871;
  border: 1px solid #0f9a57;
  box-shadow: none;
  color: white;
  text-shadow: 0 1px rgb(0 0 0 / 0.1);
}
.ecommerce .btn-green.unavailable[data-role="free-cle-purchase"]:not(.user-disabled):hover {
  background-color: #10a35c;
  color: white;
  text-shadow: 0 1px rgb(0 0 0 / 0.3);
}
*/
/* Hide tooltip */
/*
.ecommerce .btn-green.unavailable[data-role="free-cle-purchase"]:not(.user-disabled) + div.tooltip {
  display: none !important;
}
*/

/* Hide account page "My Activity" sub-tabs */
.profile-content .user-settings #history > nav.content-tabs {
  display: none;
}
.profile-content .user-settings #history > .content-section {
  margin-bottom: 0;
  padding: 1.5%;
  border: none;
}


/* Prevent YouTube video width blowout */
.description iframe[src*="youtube.com"] {
  aspect-ratio: 16 / 9;
  max-width: 100%;
  height: auto;
}


/* ---------- Columns ---------- */

/* Hide start of breadcrumb trails */
.bread-crumbs > ol > li:first-child {
  display: none !important;
}

/* Hide "View All" link on program lists */
header > hgroup > .view-all {
  display: none !important;
}


/* Column layouts */
.columns {
  clear: both;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 0 1.4rem;
}

.columns > * {
  flex: 1;
  margin: 0 1.5%;
  min-width: 1px; /* Prevent column blow-out */
}

/* Remove edge padding */
.columns > *:first-child {
  margin-left: 0;
}
.columns > *:last-child {
  margin-right: 0;
}

/* Remove bottom margin */
.columns > * > *:last-child,
.columns > * > *:last-child > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  /* Wrap on mobile */
  .columns {
    flex-flow: column nowrap;
  }
  .columns > * {
    flex: 0;
    margin: 0 0 2.5rem;
  }
  .columns > *:last-child {
    margin-bottom: 0;
  }
}


/* Product columns: Prevent centering on mobile */
@media screen and (max-width: 480px) {
  .product .content .description.right {
    text-align: revert;
  }
}



/* ---------- Boxes ---------- */

.box-large {
  margin: 0 0 1.2rem;
  padding: 1.4rem;
  background-color: #eee;
}
.box-large > *:last-child {
  margin-bottom: 0;
}

.rightbox {
  float: right;
  width: 300px;
  margin: 0 0 2em 1.6em;
  padding: 1.4rem;
  background-color: #eee;
}
.rightbox p {
  margin-bottom: 1em;
}
.rightbox > *:last-child {
  margin-bottom: 0;
}


/* Homepage tabbed boxes */
h2.tabbed-box {
  display: inline-block;
  margin: 1em 1em 0 0;
  padding: 14px 20px;
  background-color: #eee;
  font-size: 23px;
  color: #22343e;
  line-height: 1em;
}

h2.tabbed-box.small {
  font-size: 14px;
}

div.tabbed-box {
  position: relative;
  z-index: 1;
  margin: 0 auto 2em;
  padding: 16px 20px;
  background-color: #eee;
  font-size: 15px;
}
h2.tabbed-box + div.tabbed-box {
  margin-top: -1px;
}

div.tabbed-box a {
  font-weight: bold;
}
div.tabbed-box,
div.tabbed-box p,
div.tabbed-box li {
  line-height: 1.4;
}


/* Regular box */
.box {
  clear: both;
  position: relative;
  margin: 0 0 2em;
  padding: 1.4rem;
  background: #eee none;
  border: none;
  border-radius: 0;
}
/* Clear after floats */
.box::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Reduce bottom padding */
.box > *:last-child,
.box > *:last-child > *:last-child,
.box > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}


/* ---------- Buttons ---------- */

/* Link button */
.redactor_editor a.button,
section.product section.content a.button {
  position: relative;
  display: inline-block;
  padding: 0.8rem 2.2rem;
  background-color: #910028;
  color: #fff !important;
  line-height: 1.2;
  cursor: pointer;
  border: none;
  font-size: 0.928rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.023rem;
  text-decoration: none !important;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 2.14rem;
  transition: color 0.2s, background-color 0.2s;
  text-align: center;
}

.redactor_editor a.button:hover,
.redactor_editor a.button:active,
section.product section.content.content a.button:hover,
section.product section.content a.button:active {
  color: #fff;
  background: #b80235 none;
  text-decoration: none;
}

.redactor_editor a.button.disabled,
.redactor_editor a.button[disabled],
section.product section.content a.button.disabled,
section.product section.content a.button[disabled] {
  opacity: 0.4;
  cursor: default;
}
.redactor_editor a.button.disabled:hover,
.redactor_editor a.button.disabled:active,
.redactor_editor a.button[disabled]:hover,
.redactor_editor a.button[disabled]:active,
section.product section.content a.button.disabled:hover,
section.product section.content a.button.disabled:active,
section.product section.content a.button[disabled]:hover,
section.product section.content a.button[disabled]:active {
  background-color: #b80235;
}

/* Big button */
.redactor_editor a.button.big,
section.product section.content a.button.big {
  padding: 0.7em 0.8em;
}


/* Landing page grid buttons */
.button-grid {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 0 1.4rem;
}
.button-grid > * {
  flex: 28%;
  margin: 0 1% 1em;
}

/* Box buttons */
.button-grid a {
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8rem 2.2rem;
  background-color: #910028;
  color: #fff;
  line-height: 1.2;
  cursor: pointer;
  border: none;
  font-size: 1.2rem;
  font-weight: normal;
  text-decoration: none;
  border-radius: 2.14rem;
  transition: color 0.2s, background-color 0.2s;
}
.button-grid a:hover,
.button-grid a:active {
  color: #fff;
  background: #b80235 none;
  text-decoration: none;
}

@media (max-width: 340px) {
  /* Wrap on mobile */
  .button-grid {
    flex-flow: column;
  }
  .button-grid a {
    min-height: 2em;
    margin: 0 0 0.8em;
    font-size: 1rem;
  }
}


/* Dark mode support */
@media (prefers-color-scheme: dark) {
  html body,
  section.block,
  section.library-content,
  section.library-content .webinars,
  section.library-content .events,
  .home > section,
  .library > section,
  .profile-content.account-settings .content-section,
  .team-manage .content-section,
  .account .commerce,
  .account .integrations,
  .accounts .commerce,
  .accounts .integrations,
  .teams-dashboards .commerce,
  .teams-dashboards .integrations,
  .account .user-settings,
  .accounts .user-settings,
  .teams-dashboards .user-settings,
  .account-archive .content-section,
  .item-content.assessment-content,
  .assignments-show .timeline-item,
  .assignments-show .final-status,
  .cart > section,
  .manual-order-form > section,
  .product > section:last-child,
  .item .item-content,
  .main-container section.webinar section.product > .self-attestation-block,
  .main-container section.webinar_series section.product > .self-attestation-block,
  .main-container section.in-person-event section.product > .self-attestation-block,
  .webinars-requirements .main-container .subsection,
  .content_prompts-requirements .main-container .subsection,
  .supports-show .main-container .section .subsection,
  .item-content.survey-content,
  .profile-content .user-settings .content-section,
  .profile-content .user-settings .settings-form,
  .item.certificate-item .item-content .certificate-claim-block {
    background-color: #e2e2e2;
  }

  html body .outer-wrapper {
    background-color: #e2e2e2 !important;
  }
}