* {box-sizing:border-box;}

:root {
  --main-font-family:Elza, sans-serif;
  --main-green:#84e99f;
  --main-purple:#905fba;
  --main-dark-purple:#381360;
  --main-medium-purple:#c4cfff;
  --main-pale-purple:#f5f5ff;
  --main-dark-grey:#2b3346;
  --main-light-grey:#d8dffe;
}

html {font-size:16px;}

body {font-family:var(--main-font-family);}
body a {color:var(--main-dark-grey);}
body a:focus,
body a:hover {
  color:var(--main-dark-grey);
  text-decoration:underline;
}

body a:active {color:var(--main-purple);}


/* Header */

#header {
  border-bottom:1px solid var(--main-light-grey);
  display:grid;
  font-family:var(--main-font-family);
  grid-template-columns:50px 180px 1fr;
  grid-template-rows:70px 60px;
  height:70px;
}

#header:has(#header-left .back-to-catalog:not(.hide)) {
  grid-template-columns:50px 220px 1fr;
}

.search-location-header_right #header {height:130px;}

#header .header-left {
  display:grid;
  grid-column:2 / 3;
  grid-row:1 / 2;
  grid-template-columns:0 180px;
  padding:0;
  right:unset;
  width:100%;
  z-index:2;
}

#header .header-left:has(.back-to-catalog:not(.hide)) {grid-template-columns:40px 180px;}
#header .header-left #left-nav-button {display:none;}

#header .header-left .back-to-catalog:not(.hide) {
  display:flex;
  grid-column:1 / 2;
  height:70px !important;
  margin:0;
  padding:15px 0;
  text-decoration:unset;
}

#header .header-left .back-to-catalog:not(.hide):before {display:none;}

#header .header-left .back-to-catalog:not(.hide) i.fa {
  align-items:center;
  display:flex;
  height:40px;
  justify-content:center;
  width:40px;
}

#header .header-left .header-logo-link {
  display:block;
  grid-column:2 / 3;
  padding:20px 10px;
  width:180px;
}

#header .header-left .header-center-img.header-logo-svg {
  height:30px;
  max-height:unset;
  width:160px;
}

#header #header-right {
  display:grid;
  grid-column:1 / 4;
  grid-row:1 / 3;
  grid-template-columns:50px 1fr 120px;
  grid-template-rows:70px 60px;
  position:relative;
  width:100%;
  z-index:1;
}

#header #header-right .headerheight:has(#toggle-header-mobile-dropdown) {
  grid-column:1 / 2;
  grid-row:1 / 2;
  height:70px;
}

#header #header-right #toggle-header-mobile-dropdown {
  align-content:center;
  display:flex;
  height:100%;
  justify-content:center;
  margin:0;
  padding:24px 10px 21px 20px;
  text-decoration:unset;
}

#header #header-right #toggle-header-mobile-dropdown i.fa {
  height:25px;
  width:20px;
}

#header #header-right .search-container {
  display:block;
  grid-column:1 / 4;
  grid-row:2 / 3;
  padding:0 20px;
}

#header #header-right .search-container #catalog-search-box,
#header #header-right .search-container #catalog-search-box #catalogSearchInput {
  height:40px;
}

#header #header-right .search-container #catalog-search-box #catalogSearchInput {
  border:1px solid var(--main-medium-purple);
  border-radius:0;
  color:var(--main-purple);
  font-size:1rem;
  padding:8px 12px;
}

#header #header-right .search-container #catalog-search-box:after {
  color:var(--main-dark-purple);
  display:block;
  font-size:1rem;
  width:40px;
  height:40px;
  padding:12px;
  right:0;
  top:0;
}

#header #header-right .headerheight.hide-mobile {
  display:block !important;
  grid-column:3 / 4;
  height:70px;
  padding:0;
  width:120px;
}

#header #header-right .headerheight.hide-mobile:has(.login-link) {display:none !important;}

#header #header-right .headerheight.hide-mobile a.header-dropdown-button {
  margin:0;
  padding:15px 20px 15px 0;
}

#header #header-right .headerheight.hide-mobile a.header-dropdown-button img {
  border:0;
  height:40px;
  width:40px;
}


/* Header Mobile Dropdown */

#header-mobile-dropdown {
  padding:15px 20px;
  top:70px;
}

.show-header-mobile-dropdown #header-mobile-dropdown {
  column-gap:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
}

.search-location-header_right #header-mobile-dropdown {top:130px;}

#header-mobile-dropdown a.header-link {
  color:var(--main-dark-grey);
  grid-column:1 / -1;
  padding:15px 0;
}

#header-mobile-dropdown a.header-link.login-link,
#header-mobile-dropdown a.header-link.signout-link,
#header-mobile-dropdown a.header-link.sj-text-my-profile {
  background:var(--main-green);
  border:2px solid var(--main-green);
  border-radius:50px;
  color:var(--main-grey);
  display:block;
  font-size:.875rem;
  font-weight:600;
  grid-column:2 / 3;
  line-height:1.428571em;
  margin:10px 0 0 auto;
  padding:8px 26px;
  text-align:center;
  text-decoration:unset;
  text-transform:capitalize;
  width:100%;
}

#header-mobile-dropdown a.header-link.sj-text-my-profile {grid-column:1 / 2;}

#header-mobile-dropdown a.header-link.login-link:focus,
#header-mobile-dropdown a.header-link.login-link:hover,
#header-mobile-dropdown a.header-link.signout-link:focus,
#header-mobile-dropdown a.header-link.signout-link:hover,
#header-mobile-dropdown a.header-link.sj-text-my-profile:focus,
#header-mobile-dropdown a.header-link.sj-text-my-profile:hover {background:unset;}


/* Catalog Left Nav */

.sj-page-catalog .search-location-left_nav_top #catalog-left-nav .search-container {
  border-bottom:1px solid var(--main-light-grey);
  position:relative;
}

.sj-page-catalog .search-location-left_nav_top #catalog-left-nav .search-container:before {
  color:var(--main-dark-purple);
  content:"Catalog";
  display:block;
  font-size:1.5rem;
  font-weight:600;
  margin:0 0 20px;
}

.sj-page-catalog .search-location-left_nav_top #catalog-left-nav #catalog-filter-menu {padding-top:20px;}


/* Main Content */

#skilljar-content {
  background:var(--main-pale-purple);
  margin:0;
  min-height:unset;
  padding-top:70px;
}

#skilljar-content:after {display:none;}

.search-location-header_right #skilljar-content {padding-top:130px;}

#skilljar-content h1,
#skilljar-content h2,
#skilljar-content h3 {font-family:var(--main-font-family);}

#skilljar-content > .top-row {padding:0;}
#skilljar-content > .top-row > .row {max-width:unset;}

#skilljar-content .catalog-center-width {
  padding:0;
  width:100%;
}

#skilljar-content #catalog-content {
  margin:0;
  padding:40px 20px;
  width:100%;
}

#skilljar-content #catalog-content:has(#catalog-courses:empty) {padding:0;}

#skilljar-content #catalog-content #catalog-courses {
  display:grid;
  gap:20px;
  margin:0 auto;
  max-width:1120px;
  width:100%;
}

#skilljar-content #catalog-content #catalog-courses .coursebox-container {
  border:0;
  border-radius:6px;
  margin:0;
  padding:32px;
  text-align:center;
  width:100%;
}

#skilljar-content #catalog-content #catalog-courses .coursebox-container:focus,
#skilljar-content #catalog-content #catalog-courses .coursebox-container:hover {text-decoration:none;}

#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image {margin:0 0 16px;}
#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image img {width:140px;}

#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text {
  color:var(--main-dark-purple);
  font-size:1.375rem;
  font-weight:600;
  line-height:1.090909em;
  margin:0 0 16px;
  padding:0;
}

#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text-description {
  color:var(--main-dark-purple);
  line-height:1.5em;
  margin:0 0 16px;
  padding:0;
  text-wrap:balance;
}

#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-callout {
  bottom:unset;
  color:var(--main-dark-purple) !important;
  font-size:1rem;
  font-weight:600;
  left:unset;
  line-height:1.5em;
  margin:0;
  padding:0;
  position:relative;
  right:unset;
  text-align:center;
  width:100%;
}

#skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-callout:after {content:" \203A";}
.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper p.signin:after {content:" \203A";}
#skilljar-content #catalog-content #catalog-courses .coursebox-container .storefront-price {display:none;}

#skilljar-content .catalog-center-width .catalog-header {padding:0;}

#skilljar-content .full-width-container {
  margin:0 auto;
  padding:20px;
}

#skilljar-content .full-width-container.banner {background-color:var(--main-dark-purple);}

#skilljar-content .full-width-container.banner .content-container,
#skilljar-content .full-width-container.text-with-image .content-container {
  align-items:center;
  display:grid;
  gap:20px;
  margin:0 auto;
  max-width:1120px;
  width:100%;
}

#skilljar-content .full-width-container .content-container .content {max-width:760px;}
#skilljar-content .full-width-container.banner.banner-with-button .content-container {align-items:flex-end;}

#skilljar-content .content-container :last-child,
#skilljar-content .content-container .content :last-child {margin-bottom:0;}

#skilljar-content h1.page-title,
.sj-page-detail-path #skilljar-content h1 {
  color:var(--main-dark-purple);
  font-size:2.125rem !important;
  font-weight:600;
  line-height:1.235294em;
  margin:0 0 16px;
}

#skilljar-content h2.section-title {
  font-size:1.5rem;
  font-weight:600;
  line-height:1.333333em;
  margin:0 0 16px;
}

#skilljar-content .full-width-container.banner h2.section-title {
  color:#fff;
}

#skilljar-content .content-container p {
  font-size:1rem;
  line-height:1.5em;
  margin:0 0 16px;
}

#skilljar-content .banner .content p {color:#fff;}

#skilljar-content .content-container p a {
  font-weight:600;
  text-decoration:underline;
}


#skilljar-content .full-width-container.text-with-image figure.image {
  margin:0 auto;
  max-width:360px;
}

#skilljar-content figure.image {
  width:100%;
}

#skilljar-content figure.image img {
  height:auto;
  width:100%;
}

#skilljar-content .button-links,
#skilljar-content .purchase-button {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}

#skilljar-content .purchase-button {
  background:none;
  color:var(--main-grey);
  padding:0;
}

#skilljar-content .button-links .button,
#skilljar-content .purchase-button span.purchase-button-full-text {
  background:var(--main-green);
  border:2px solid var(--main-green);
  border-radius:50px;
  color:var(--main-grey);
  font-size:.875rem;
  font-weight:600;
  line-height:1.428571em;
  margin:0;
  padding:8px 26px;
  text-decoration:unset;
  text-transform:capitalize;
}

#skilljar-content .button-links .button:focus,
#skilljar-content .purchase-button:focus,
#skilljar-content .purchase-button span.purchase-button-full-text:focus,
#skilljar-content .button-links .button:hover,
#skilljar-content .purchase-button:focus,
#skilljar-content .purchase-button span.purchase-button-full-text:hover {background:none;}
#skilljar-content  .sj-course-info-wrapper .social-media-wrapper {display:none;}


/* Path Pages / Catalog Page */

.sj-page-detail-path #skilljar-content > .row-v2 {
  background:var(--main-pale-purple);
  border:0;
  margin:0 auto;
  max-width:100%;
  padding:0;
  width:100%;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 {
  display:grid;
  margin:0 auto;
  max-width:1120px;
  width:100%;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-promo-image-wrapper {
  background:var(--main-dark-purple);
  margin:0;
  order:2;
  padding:0;
  width:100%;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-promo-image-wrapper .dp-promo-image {
  margin:0 auto;
  width:200px;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper {
  border:0;
  order:1;
  padding:20px;
  width:100%;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper h2,
.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper p {
  color:var(--main-dark-purple);
  font-size:1rem;
  line-height:1.5em;
  margin:0 0 16px;
}

.sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper p.signin {position:relative;}

.sj-page-detail-path #skilljar-content > #dp-details-bundle {
  background:#fff;
  padding:32px;
  text-align:center;
}

.sj-page-detail-path #skilljar-content > #dp-details-bundle .padding-side {
  margin:0 auto;
  max-width:880px;
  padding:0;
  width:100%;
}

.sj-page-detail-path #skilljar-content > #dp-details-bundle .dp-long-description p {
  color:var(--main-dark-purple);
  font-size:1.125rem;
  line-height:1.333333em;
}

.sj-page-detail-path #skilljar-content > #dp-details-bundle .dp-long-description p:last-child {margin:0;}

.sj-page-detail-path #skilljar-content > .row.sj-courseboxes-v2 {
  background:#fff;
  padding:0 20px;
}

.sj-page-detail-path #skilljar-content > .row.sj-courseboxes-v2 > .columns {padding:0;}
.sj-page-detail-path #skilljar-content > .row.sj-courseboxes-v2 .catalog-center-width {max-width:unset;}

.sj-page-detail-path #skilljar-content #catalog-courses {
  display:grid;
  gap:60px;
  margin:0 auto;
  max-width:1120px;
  padding:60px 0 40px;
  position:relative;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container,
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container {
  background:var(--main-pale-purple);
  border:1px solid var(--main-medium-purple);
  border-radius:6px;
  margin:0 auto;
  max-width:600px;
  padding:20px;
  position:relative;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container {
  align-content:flex-start;
  background:#fff;
  border:0;
  display:grid;
  padding:0 0 60px;
  position:relative;
}

.sj-page-detail-path #skilljar-content #catalog-courses:before,
.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container:not(:first-child):before {
  background-image:url("https://gg-day-of-giving.s3.amazonaws.com/bonterra/skilljar/images/catalog-courses-start-icon.svg");
  background-position:top center;
  background-size:20px 60px;
  display:block;
  content:"";
  height:60px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  width:20px;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container:not(:first-child):before {
  background-image:url("https://gg-day-of-giving.s3.amazonaws.com/bonterra/skilljar/images/catalog-courses-separator-icon.svg");
  top:-60px;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container:after {display:none;}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container:focus,
.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container:hover {text-decoration:unset;}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container:after {
  background:var(--main-green);
  border:2px solid var(--main-green);
  border-radius:50px;
  bottom:20px;
  color:var(--main-grey);
  content:"View Course";
  display:inline-block;
  font-size:.875rem;
  font-weight:600;
  left:20px;
  line-height:1.428571em;
  margin:20px 0 0;
  padding:8px 26px;
  position:absolute;
  text-decoration:unset;
  text-transform:capitalize;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container:focus:after,
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container:hover:after {background:none;}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-image,
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image {
  background:none;
  float:unset;
  height:unset;
  margin:0 0 20px !important;
  max-height:unset;
  width:100%;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image {order:1;}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-image img,
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image img {
  border-radius:6px;
  height:auto;
  margin:unset;
  max-height:unset;
  max-width:unset;
  width:100%;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-image img {border-radius:6px 6px 0 0;}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-text {
  color:var(--main-dark-purple);
  font-size:1.5rem;
  margin:0 0 16px;
  padding:0;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-text-description {
  color:var(--main-dark-purple);
  margin:0 0 16px;
  padding:0;
}


.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text {
  font-size:1.125rem;
  order:2;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text,
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text-description {
  padding:0 20px;
  text-align:left;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-container .coursebox-text-description {order:4;}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-tags {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 12px;
  order:3;
  padding:0 20px;
}

.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses .coursebox-tags .coursebox-tag {
  border:1px solid var(--main-medium-purple);
  border-radius:4px;
  font-size:.875rem;
  line-height:1em;
  padding:6px;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-time {margin:0;}
.sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-courses .coursebox-container .course-time {display:none;}
 
.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview {
  border:0;
  bottom:unset;
  box-shadow:unset;
  margin:unset;
  padding:0;
}


.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__toggle {
  margin:unset;
  padding:0;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__toggle__text {
  color:var(--main-dark-purple);
  font-weight:600;
  position:relative;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__toggle__text:after {content:" \203A";}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__content {
  border:0;
  margin:0;
  padding:8px 0 0;
}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__content.hidden {padding:0;}
.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__content:before {display:none;}

.sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview__content .no-link {
    color:var(--main-dark-purple);
}


/* Footer */

footer#ep-footer {display:none;}

#sj-custom-footer {
  background:var(--main-pale-purple);
  padding:20px 0 0;
}

#sj-custom-footer .custom-footer-container {
  background:var(--main-dark-purple);
  color:var(--main-light-grey);
  margin:0 auto;
  padding:20px 0;
}

#sj-custom-footer .custom-footer-container figure.logo {line-height:0;}

#sj-custom-footer .custom-footer-container figure.logo a {
  display:block;
  height:74px;
  padding:20px 32px;
  width:244px;
}

#sj-custom-footer .custom-footer-container figure.logo img {
  height:34px;
  width:180px;
}

#sj-custom-footer .custom-footer-container .primary-footer-navigation {padding:20px 32px;}

#sj-custom-footer .custom-footer-container .primary-footer-navigation ul.menu,
#sj-custom-footer .custom-footer-container .primary-footer-navigation ul.sub-menu {
  display:grid;
  gap:20px;
  list-style:none;
  margin:0;
  padding:0;
}

#sj-custom-footer .custom-footer-container .primary-footer-navigation a {color:#fff;}

#sj-custom-footer .custom-footer-container .primary-footer-navigation li.level-1 > a {
  font-size:1.125rem;
  font-weight:700;
  margin:0 0 20px;
}

#sj-custom-footer .custom-footer-container .primary-footer-navigation ul.sub-menu {margin-top:20px;}
#sj-custom-footer .custom-footer-container .primary-footer-navigation li.level-2 > a {font-size:.875rem;}

#sj-custom-footer .custom-footer-container .footer-content {padding:20px 32px;}

#sj-custom-footer .custom-footer-container .footer-content.copyright-and-menu {
  display:grid;
  gap:20px;
}

#sj-custom-footer .custom-footer-container .footer-content.copyright-and-menu .copyright {margin:0;}

#sj-custom-footer .custom-footer-container .footer-navigation ul.menu {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  list-style:none;
  margin:0;
}

#sj-custom-footer .custom-footer-container .footer-content p,
#sj-custom-footer .custom-footer-container .footer-content li {font-size:.875rem;}
#sj-custom-footer .custom-footer-container .footer-navigation a {color:var(--main-light-grey);}


@media (min-width:360px) {

  #header #header-right .headerheight.hide-mobile:has(.login-link) {
    display:block !important;
    padding:15px 20px 0 0;
  }
  
  #header #header-right .login-link {
    background:var(--main-green);
    border:2px solid var(--main-green);
    border-radius:50px;
    color:var(--main-grey);
    font-size:.875rem;
    font-weight:600;
    line-height:1.428571em;
    margin:0 0 0 auto;
    padding:8px 26px;
    text-decoration:unset;
    text-transform:capitalize;
  }
  
  #header #header-right .login-link:before {display:none;}

  #header #header-right .login-link:focus,
  #header #header-right .login-link:hover {background:unset;}
  
  
}


@media (min-width:600px) {

  #skilljar-content .full-width-container.text-with-image .content-container {grid-template-columns:1fr 250px;}
  
  #skilljar-content .full-width-container.banner.banner-with-button .content-container {
    gap:40px;
    grid-template-columns:1fr auto;
  }
  
  #skilljar-content #catalog-content #catalog-courses {grid-template-columns:1fr 1fr;}
  
  
  /* Path Pages */

  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2  {
    align-items:center;
    column-gap:20px;
    grid-template-columns:1fr 250px;
  }

  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-promo-image-wrapper {
    align-items:center;
    display:flex;
    height:100%;
    padding:40px 0;
  }

  
  /* Footer */

  #sj-custom-footer .custom-footer-container .primary-footer-navigation ul.menu {grid-template-columns:1fr 1fr 1fr;}
  
}



@media (min-width: 768px) {
  
  nav#catalog-left-nav {top:70px;}
  
  
  /* Main Content */

  #skilljar-content .full-width-container {padding:40px 20px;}
  
  #skilljar-content .full-width-container.text-with-image .content-container {
    gap:40px;
    grid-template-columns:1fr 300px;
  }
  
  
  /* Path Pages */

  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2  {
    column-gap:40px;
    grid-template-columns:1fr 300px;
  }
  
  .sj-page-detail-path #skilljar-content > #dp-details-bundle {padding:60px 32px}
  .sj-page-detail-path #skilljar-content #catalog-courses {padding-bottom:60px;}

  .sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container {
    align-items:flex-start;
    column-gap:32px;
    display:grid;
    grid-template-columns:300px 1fr;
    grid-template-rows:auto;
    max-width:unset;
  }
  
  .sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-image {
    grid-column:1 / 2;
    grid-row:1 / 6;
    margin:0 !important;
  }
  
  .sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-text {
    grid-column:2 / 3;
    grid-row:2 / 3;
  }
  
  .sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .coursebox-text-description {
    grid-column:2 / 3;
    grid-row:3 / 4;
  }
  
  .sj-page-detail-path #skilljar-content #catalog-courses .coursebox-container .course-overview {
    grid-column:2 / 3;
    grid-row:4 / 5;
  }
  
  
  /* Footer */

  #sj-custom-footer {padding-top:40px;}
  
}

@media (max-width:875px) {

  /* Catalog Left Nav */

  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav {
    background:var(--main-pale-purple);
    display:block;
    height:auto;
    left:unset;
    padding:20px;
    position:relative;
    top:70px;
    width:100%;
  }

  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav .catalog-left-nav-wrapper {
    background:#fff;
    border-radius:6px;
  }

  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav a.back-to-catalog {padding:20px 20px 0;}
  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav .search-container {padding:0 20px;}
  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav #catalog-filter-menu {padding:20px;}
  .sj-page-catalog .search-location-left_nav_top #catalog-left-nav + #skilljar-content {padding-top:50px;}

}


@media (min-width:875px) {

  /* Header */

  #header {
    grid-template-columns:200px 1fr;
    grid-template-rows:70px;
    height:70px;
    width:100%;
  }
  
  #header:has(#header-left .back-to-catalog:not(.hide)) {grid-template-columns:230px 1fr}
  .search-location-header_right #header {height:70px;}
  
  #header:has(.back-to-catalog:not(.hide)) #header-left {
    grid-template-columns:40px 190px;
    width:230px;
  }
  
  #header .header-left .header-logo-link {
    grid-column:1 / 2;
    padding:20px;
  }
  
  #header:has(.back-to-catalog:not(.hide)) #header-left .header-logo-link {
    grid-column:2 / 3;
    padding-left:10px;
  }

  #header #header-right .headerheight:has(#toggle-header-mobile-dropdown) {display:none;}
  
  #header .header-left {
    grid-column:1 / 2;
    grid-template-columns:200px;
  }
  
  #header #header-right {
    column-gap:20px;
    grid-column:2 / 3;
    grid-row:1 / 2;
    grid-template-columns:1fr auto auto;
  }
  
  #header #header-right .header-links-container {
    align-content:center;
    display:flex;
    height:70px;
  }
  
  #header #header-right .header-links-container a.header-link {
    align-items:center;
    display:flex;
    height:70px;
    justify-content:center;
    line-height:1.25em;
    margin:0;
    padding:0 5px;
    text-align:center;
  }
  
  #header #header-right .search-container {
    grid-column:2 / 3;
    grid-row:1 / 2;
    padding:15px 0;
    width:100px;
  }
  
  #header #header-right .headerheight.hide-mobile {width:unset;}
  

  /* Main Content */

  .search-location-header_right #skilljar-content {padding-top:70px;}
  
  
  /* Footer */

  #sj-custom-footer .custom-footer-container .primary-footer-navigation ul.menu {grid-template-columns:250px 250px 250px 1fr;}

}


@media (min-width:1000px) {


  /* Main Content */

  #skilljar-content .full-width-container {padding:40px 20px;}
  
  #skilljar-content .full-width-container.text-with-image .content-container {
    gap:40px;
    grid-template-columns:560px 340px 1fr;
  }
  
  #skilljar-content #catalog-content #catalog-courses {
    gap:24px;
    grid-template-columns:1fr 1fr 1fr 1fr;
  }
  
  #main-container[data-catalog-page="quickstart"] #skilljar-content #catalog-content #catalog-courses {
    gap:40px;
    grid-template-columns:1fr 1fr 1fr;
  }
  

  /* Path Pages / Catalog Page */

  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2  {grid-template-columns:560px 340px 1fr;}
  
  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper {
    grid-column:1 / 2;
    padding:40px 20px;
  }
  
  .sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses {grid-template-columns:1fr 1fr;}
  

}


@media (min-width:1100px) {

  /* Header */
  
  #header #header-right .header-links-container a.header-link {padding:0 10px;}
  #header #header-right .search-container {width:160px;}
  
}

@media (min-width:1200px) {

  /* Header */
  
  #header {column-gap:20px;}
  #header #header-right .search-container {width:200px;}
  
  
  /* Path Pages */

  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2 .dp-summary-wrapper {padding:40px 0;}
  
  
  /* Footer */
  
  #sj-custom-footer .custom-footer-container {
    border-radius:12px 12px 0 0;
    padding:20px 28px;
    width:1120px;
  }
  
  #sj-custom-footer .custom-footer-container .footer-content.copyright-and-menu {
    display:grid;
    gap:20px;
    grid-template-columns:1fr 1fr;
  }
  
  #sj-custom-footer .custom-footer-container .footer-navigation ul.menu {justify-content:flex-end;}
  
}


@media (min-width:1440px) {

  /* Main Content */

  #skilljar-content .full-width-container.catalog-page-introduction {position:relative;}
  
  #skilljar-content .full-width-container.catalog-page-introduction:before,
  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2:before,
  #skilljar-content .full-width-container.catalog-page-introduction:after,
  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2:after {
    background-repeat:no-repeat;
    content:"";
    display:block;
    position:absolute;
    top:0;
  }
    
  #skilljar-content .full-width-container.catalog-page-introduction:before,
  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2:before {
    background-image:url(https://gg-day-of-giving.s3.amazonaws.com/bonterra/skilljar/images/main-page-decoration-upper-right.png);
    background-size:400px 195px;
    height:195px;
    right:0;
    width:400px;
  }

  #skilljar-content .full-width-container.catalog-page-introduction:after,
  .sj-page-detail-path #skilljar-content > .row-v2 .dp-row-flex-v2:after {
    background-image:url(https://gg-day-of-giving.s3.amazonaws.com/bonterra/skilljar/images/main-page-decoration-upper-left.png);
    background-size:300px 220px;
    height:220px;
    left:0;
    width:300px;
  }
  
  .sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses {grid-template-columns:1fr 1fr 1fr;}
  
}


@media (min-width:1600px) {

  .sj-page-catalog:not(.sj-page-catalog-root) :not([data-catalog-page="quickstart"]) #skilljar-content #catalog-content #catalog-courses {grid-template-columns:1fr 1fr 1fr 1fr;}
  
}