/* Paycor Skilljar Theme CSS */

.oldContent {display: none}
#suggested_contend_section {display: none;}

@media screen and (min-width: 875px) {
  body.calendar-is-sticky #catalog-left-nav.calendar-left-nav .catalog-filter-menu {
    overflow-y:scroll;
    position:relative !important;
    width:350px;
  }
  body.calendar-is-sticky .calendar-with-left-nav {
    margin-left:0px !important;
  }
}

/* maybe? */

/*
.certification-exam {display: none;}
#catalog-courses {
  justify-content: center;  
}
a.coursebox-container {
    background-color: #F6F6F6;
    box-shadow: none;
    width: 350px;
    padding: 0px 0 30px;
    border-radius: 0;
    border-bottom: 7.5px solid #F06F1F;
    transition: .5s ease;
}
a.coursebox-container:hover {
    border: #193D6A;
    box-shadow: #193D6A;
    border-bottom: 7.5px solid #F06F1F;
    transform: translate(0, -4px);
}
 a.coursebox-container:after{
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2025%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231264A3%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M1.548%207h21.904%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17%201l7%206-7%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    bottom: 16px;
    content: '';
    height: 14px;
    position: absolute;
    right: 26px;
    width: 25px;
} 
a.coursebox-container.course .coursebox-image {
    background: transparent;
}
a.coursebox-container.course .coursebox-image img {
  margin: 0;
  padding: 0;
  width: 100%;
}
a.coursebox-container .coursebox-text {
    font-weight: 500;
    line-height: 40 px;
}  
a.coursebox-container .coursebox-text-description {
    font-size: 18px;
    line-height: 19px;
    font-family: "Myriad", Myriad Pro, sans-serif;
}
a.coursebox-container .coursebox-callout {
    display: none;
}  
*/
/* end maybe */

:root {
  --orange: #F37322;
  --green: #59A545;
  --blue: #0D72A1;
  --purple: #563684;
  --grey: #6D6E71;
  --lt-blue: #089ED9;

  --navy: #193d6a;
  --text: #58595b;
  --lt-text: #FFF;
}

@font-face {
  font-family:"Jenna Sue Pro";
  src:url("https://www.paycor.com/files/skilljar/theme/Jenna_Sue_Pro.woff") format("woff");;
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

body,p,h1,h2,h3,h4,h5,h6 {
  color: var(--text);
}

body #main-container p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-primary:focus {
  color: #FFF;
}

/* Hide Top Section on Certifications Page */
/* #main-container[data-catalog-page="paycor-certifications"] .top-row.sj-courseboxes-v2 > .catalog-center-width.one-col-full {
  display: none;
}  */

.certification-exam {
  display: block !important;
}

.old-cert-image {
  display: none;
}

.contentSection {
  padding: 10px 3% 40px;
}

.suggested-intro {
  padding: 0 1em;
}

.orange-text {
  color: var(--orange) !important;
}

a.header-link:hover {
    color: var(--navy);
    text-stroke: 1px var(--navy);
    -webkit-text-stroke: 1px var(--navy);
  }
  
  .search-container {
    width: 0px;
    transition: width ease-in-out 0.5s;
  }
  
  .search-container:hover,
  .search-container:focus {
    width: 200px;
  }
  
  #header #header-right .catalog-search-input-group .catalog-search-input,
  #header
    #header-right
    .sortable-multiselect-search-input-group
    .catalog-search-input
    #header
    #header-right
    .catalog-search-input-group
    .catalog-search-input#catalogSearchInput {
    border: none;
    background-color: #fff;
    transition: background-color ease 0.5s;
  }
  
  #header
    #header-right
    .search-container:hover
    .catalog-search-input-group
    .catalog-search-input#catalogSearchInput,
  #header
    #header-right
    .search-container:focus
    .catalog-search-input-group
    .catalog-search-input#catalogSearchInput {
    background-color: #f6f6f6;
  }
  /* 
    #catalogSearchInput {width: 0px; transition: width 1s;}
    #catalogSearchInput:hover, #catalogSearchInput:focus {width: 100%;}
    */
  
  .jump-back-in-intro {
    padding-left: 5em;
    padding-right: 5em;
  }
  .jump-back-in-intro h2, .jump-back h3 {
    color: var(--orange);
  }

  .view-all-enrolled {
    padding: 1em;
    text-align: center;
  }
  
  .jump-back-in-full-course {
    text-align: center;
    background-color: #F6F6F6;
    padding: 2em;
  }
  .jenna {
    font-family: "Jenna Sue Pro" !important;
  }

  h2.jenna {
    font-size: 75px !important;
    line-height: 1;
    margin-bottom: 20px;
  }

  h3.jenna {
    font-size: 50px !important;
    line-height: 1;
    margin-bottom: 15px;
  }
  
  .mb-3 {
    margin-bottom: 1rem;
  }
    
  #jump-back-in {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }

  #jump-back-in .course-time {
    display: none;
  }

  #jump-back-in .jump-button-wrapper {
    bottom: 10px;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #FFF;
    padding-top: 10px;
  }

  #jump-back-in .jump-button-wrapper a {
    line-height: 25.6px;
  }

  #jump-back-in .coursebox-container {
    width: 300px;
  }
  
  #hero_section {
    display: flex;
    width: 100%;
    justify-content: center;
    background: #f06f1f;
    background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744042693%2FHandDrawnCheckeredPattern2.1744042693509.png);
    color: var(--lt-text);
  }

  #hero_section p,.page_footer p {
    color: var(--lt-text);
  }
  
  /* 
  .splide {
    visibility: visible;
  }
   */
  .splide__slide {
    display: flex;
    align-items: center;
  }
  .splide__slide .container {
    padding-left: 5em;
    padding-right: 5em;
  }
  .pycr.container {
    flex-direction: column;
  }
  .splide .container,
  .splide .row,
  .splide .col,
  .pycr.container,
  .pycr.row,
  .pycr.col {
    display: flex;
  }
  
  .splide h2 {
    color: #fff;
    line-height: 1;
    margin-bottom: 0px;
  }
  
  .splide h2.jenna {
    color: #fff;
    font-family: "Jenna Sue Pro" !important;
    font-size: 75px !important;
    line-height: 1;
    margin-bottom: 0px;
  }
  
  /* Don't recall what this was for, but it broke the course page layout */
  /*   
  .row > *,
  .pycr.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
  }
  */
  
  .row {
    display: flex;
    align-items: center;
    flex-basis: 100%;
  }
  
  .col {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    padding: 0 3em;
  }

  #hero_section .col {
    padding: 0;
  }

  #hero_section .col.text-center {
    padding: 2em;
  }

/* Commented out until hero images are in place

  #hero_section .heroImgWrapper {
    position: relative;
  }

  #hero_section .heroImgWrapper::before {
    position: absolute;
    top: -40px;
    left: -20px;
    display: block;
    content: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744929397%2FsearchSquiggle2.png);
  }

  #hero_section .heroImgWrapper::after {
    position: absolute;
    bottom: -20px;
    right: -40px;
    display: block;
    content: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744929412%2FsearchSquiggle1.png);
  }

*/

  .cert-box {
    margin: 15px;
    flex: 1 0 calc(33% - 30px);
    border: 1px solid #707070;
    padding-bottom: .9em;
    min-width: calc(33% - 30px);
  }

  .cert-box.search-only {
    display: none;
  }

  .course-listing.row {
    padding: 0 24px;
  }

  body.certification-landing-page #catalog-courses {
    align-items: stretch;
  }

  
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  
  .mt-5 {
    margin-top: 5em;
  }
  
  .btn, .button {
    padding: 8px 40px 8px 32px;
    width: fit-content;
    position: relative;
    border-radius: 0px;
  }

  .sj-page-curriculum #resume-button.row a {
    line-height: 28px;
  }
  
  .btn-blank {
    padding: 8px 28px 8px 0px;
  }
  
  .btn:after, .button:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M22.72 13.33L10.63 1.24a2.37 2.37 0 10-3.35 3.34L17.7 15 7.28 25.42a2.36 2.36 0 001.68 4 2.34 2.34 0 001.67-.69l12.09-12.06a2.37 2.37 0 000-3.34z'/%3E%3C/svg%3E");
    position: absolute;
    right: 12px;
    text-decoration: none;
    margin: 0 0 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12px;
    top: 10px;
  }
  
  .btn-primary {
    background-color: #223c66;
    border: 1px solid #223c66;
    color: #fff;
  }
  
  .btn-primary:hover {
    background-color: #fff;
    border: 1px solid #223c66;
    color: #223c66;
  }
  
  .info_card {
    color: #58595b;
  }
  
  .info_card_title {
    font-family: "Jenna Sue Pro" !important;
    font-size: 60px;
    color: #f06f1f;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .info_card_button {
    margin-top: 20px;
    position: relative;
  }
  
  .info_card_row {
    padding: 2rem;
  }
  
  .info_card_row.reverse-order .col:first-of-type {
    order: 2;
  }
  
  .info_card_button:after {
    content: "›";
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    margin-left: 8px;
  }
  
  .info_card a {
    color: #223c66;
    font-weight: 700;
  }
  
  #default-header, #custom-header {
    padding: 25px 0;
  }
  
  #default-header .text-start h2, #custom-header .text-start h2 {
    color: #FFF;
  }
  
  #default-header .btn, #custom-header .btn {
    line-height: 25.6px;
  }
  
  .content h4,.certification-exam h3, .all-cert-content h3 {
    font-family: "Jenna Sue Pro" !important;
    font-size: 45px;
    line-height: 24px;
    color: #f06f1f;
    margin-bottom: .5em;
  }

  .highlight-box, .highlight-box.fw-container {
    background-color: #F6F6F6;
    padding: 4em;
  }
  
  /** Course **/
  
  #resume-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }


/** Breadcrumbs **/

.breadcrumb {
    color: #58595b;
    font-size: 15px;
    padding: 5px 0 15px 17px;
    line-height: 16px;
    background-color: inherit;
    display: show;
}

.breadcrumb>li{
  display: inline-block;
padding: 3px 0px;
}

.breadcrumb-separator {
  font-size: 14px;
  font-weight: 400;
  padding: 0 5px;
}

.crumb-link {
    color: #58595b;
}
.crumb-link:hover {
    color: #58595b;
    text-decoration: underline;
} 

/* Suggested Content Box */

.suggested-content-row {
  gap: 1em;
}

.suggested-content {
  border: 1px solid #707070;
}

.suggested-content header {
  color: #FFF;
  padding: 1em;
}

/*
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222838%2Ficon_article.1744222838171.png
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222873%2Ficon_video.1744222873343.png
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222887%2Ficon_webinar.1744222887092.png

mediaTypeStyle_media-type-elearning


Tag Type Options:
mediaTypeStyle_media-type-article

mediaTypeStyle_media-type-video

mediaTypeStyle_media-type-webinar





*/



.all-training-content a.coursebox-container::before {
  content: 'LEARN';
  padding: 16px 24px;
  height: auto;
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007540%2FIcon_eLearning.1745007540194.png);
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-size: 40px;
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-elearning::before {
  content: 'ELEARNING';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007540%2FIcon_eLearning.1745007540194.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-article::before {
  content: 'ARTICLE';
  background-image: url(  https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007526%2Ficon_article.1745007526648.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-video::before {
  content: 'VIDEO';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007626%2Ficon_video.1745007626550.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-webinar::before {
  content: 'WEBINAR';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007649%2Ficon_webinar.1745007649837.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-live::before {
  content: 'LIVE';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007553%2FIcon_LiveTraining.1745007552946.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-assessment::before {
  content: 'ASSESSMENT';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007612%2FIcon_Quiz.1745007612370.png);
}

.all-training-content a.coursebox-container.mediaTypeStyle_media-type-podcast::before {
  content: 'PODCAST';
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745007599%2FIcon_Podcast.1745007599014.png);
}


.all-training-content a.coursebox-container .coursebox-text {
  font-size: 16px;
  margin-top: 16px;
}

a.coursebox-container {position: relative;}   
#main-container[data-catalog-page="all-training"] a.coursebox-container  {
  width: calc(33% - 15px);
}
#main-container[data-catalog-page="all-training"] a.coursebox-container::before  {
    color: #FFF;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
}

#catalog-courses {
  justify-content: center;  
}
a.coursebox-container {
    box-shadow: none;
    width: 350px;
    padding: 0px 0 30px;
    border-radius: 0;
    transition: .5s ease;
}
a.coursebox-container:hover {
    border: #193D6A;
    box-shadow: #193D6A;
}

.all-training-content a.coursebox-container{
  border: 1px solid #707070;
  border-radius: 0px;
  position: relative;
  padding-top: 50px;
}

.all-training-content a.coursebox-container::before {
  color: #FFF;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
}

.all-training-content a.coursebox-container::before,
.all-training-content a.coursebox-container.prodStyle_payroll::before,
.all-training-content a.coursebox-container.prodStyle_human-resource-hr::before,
.all-training-content a.coursebox-container.prodStyle_analytics::before,
.all-training-content a.coursebox-container.prodStyle_expense-management::before,
.all-training-content a.coursebox-container.prodStyle_accruals::before
  { background-color: var(--orange);}

.all-training-content a.coursebox-container.prodStyle_aca::before,
.all-training-content a.coursebox-container.prodStyle_benefits-advisor::before
  { background-color:  var(--purple);}

.all-training-content a.coursebox-container.prodStyle_applicant-tracking::before,
.all-training-content a.coursebox-container.prodStyle_onboarding::before
  { background-color:  var(--blue);}

.all-training-content a.coursebox-container.prodStyle_paycor-pulse::before,
.all-training-content a.coursebox-container.prodStyle_compensation-planning::before,
.all-training-content a.coursebox-container.prodStyle_career-management::before,
.all-training-content a.coursebox-container.prodStyle_paycor-talent-development::before
  { background-color:  var(--lt-blue);}

.all-training-content a.coursebox-container.prodStyle_paycor-scheduling::before,
.all-training-content a.coursebox-container.prodStyle_paycor-time::before,
.all-training-content a.coursebox-container.prodStyle_time-on-demand::before
  { background-color:  var(--green);}

.suggested-content.article header {
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222838%2Ficon_article.1744222838171.png );
  background-repeat: no-repeat;
  background-position: center right 10px;
}

.suggested-content.webinar header {
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222887%2Ficon_webinar.1744222887092.png  );
  background-repeat: no-repeat;
  background-position: center right 10px;
}

.suggested-content.video header {
  background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744222873%2Ficon_video.1744222873343.png  );
  background-repeat: no-repeat;
  background-position: center right 10px;
}

.suggested-content.benefits header {
  background-color: var(--purple);
}

.suggested-content.payroll header {
  background-color: var(--orange);
}

.suggested-content.talentM header {
  background-color: var(--blue);
}

.suggested-content.talentA header {
  background-color: var(--lt-blue);
}

.suggested-content.workforce header {
  background-color: var(--green);;
}

.suggested-content .body-content {
  padding: 1em;
}

.suggested-content .subtitle {
  font-weight: 600;
}

.suggested-content .btn {
  color: #223C66;
}

.suggested-content .btn:after {
  line-height: 13px;
}
  
  @media (min-width: 768px) {
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }
  
  /* Main Content Width */
  @media only screen and (min-width: 801px) {
    .fw-container {
      width:784px
    }
    .highlight-box.fw-container {
      background-color: #F6F6F6;
      padding: .5em;
    }
  }
  @media only screen and (min-width: 926px) {
    .fw-container {
      width:909px;
      padding:0 24px
    }
    .highlight-box.fw-container {
      background-color: #F6F6F6;
      padding: 4em;
    }
  
    .o-2 {
      order: 2;
    }
    .o-1 {
      order: 1;
    }
  }
  @media only screen and (min-width: 1213px) {
    .fw-container {
      width:1196px
    }
  }
  @media only screen and (min-width: 1500px) {
    .fw-container {
      width:1483px
    }
  }
  .badge-icon img {
    opacity: .25;
  }

  .badge-icon.badge-complete img {
    opacity: 1;
  }

  .badge-section {margin: 0 auto;}

  /* Footer */
  .page_footer h3 {
    color: #FFF;
  }
  .page_footer {
    background: var(--orange);
    color: #FFF;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 3em;
  }

  .trusted-admin-footer {
    margin: 0 auto;
  }

  .requiredSkills {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .requiredSkills h2 {
    margin-bottom: 0px;
  }

  .footerStyle2 {
    margin-top: 5em;
    margin-bottom: 5em;
    padding: 4em 2em;
    color: #FFF;
    background: #F15A2E url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745270724%2Fdash-lines-left.1745270723984.png) no-repeat left 10px center;
  }
  
  .footerStyle2 h3, .fancyH2 {
    color: #FFF;
    font-family: Jenna Sue Pro;
    font-size: 45px !important;
    position: relative;
    display: inline-block;
  }

  .sj-page-profile .badge-section h2 {
    font-family: Jenna Sue Pro;
    font-size: 45px !important;
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 20px;
  }

  .badge-section h3 {
    font-size: 20px;
  }

.sj-page-profile h2.hide {
  display: none;
}

  .badge-subhead {
    margin-left: .9375em;
  }

  .footerStyle2 h3::after, .fancyH2:after, .sj-page-profile .badge-section h2:after {
    content: "";
    width: 100%;
    height: .2em;
    background-image: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1744988795%2FPaycor_HandDrawn_Underline.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 5px;
    left: 0;
}
  
  .footerStyle2 .bulb {
    padding: 20px 20px 20px 75px;
    background: url(https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745270775%2Flightbulb-icon.1745270775097.png) no-repeat left center;
    background-size: 50px;
    line-height: 1.2;
    margin-left: 20px;
  }

/*
dash lines left
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745270724%2Fdash-lines-left.1745270723984.png

lightbulb
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745270775%2Flightbulb-icon.1745270775097.png

underline1
https://everpath-course-content.s3-accelerate.amazonaws.com/instructor%2Feqzq0gf87qubaj7vp47iny0ba%2Fpublic%2F1745270790%2Funderline1.1745270789970.png
*/

.skill-badge-landing-page .coursebox-image img {display: none !important}
.skill-badge-landing-page .sj-ribbon-wrapper {display: none !important;}

#catalog-search-info #show-all-courses {
  padding-right: 30px;
}

@media only screen and (max-width: 600px) {
  .row,#jump-back-in {
    flex-direction: column;
  }
  .coursebox-container, 
  #jump-back-in .coursebox-container, 
  #main-container[data-catalog-page="all-training"] a.coursebox-container {
    width: 100%;
  }
  .highlight-box, .highlight-box.fw-container {
    padding: .25em;
  }

}