/* Fair Play bar
--------------------------------------------------------------------*/
@media screen and (max-width: 44.9375em) { /* Medium */
    .fairplay-bar img {
        width: 500px;
        height: auto;
    }
}
@media screen and (min-width: 45em) { /* Medium */
    .fairplay-bar img {
        width: 1000px;
        height: auto;
    }
}

/* General
--------------------------------------------------------------------*/
.content-area p, .content-area li {
    line-height: 1.8;
}
.content-area p a:link, .content-area li a:link {
    color: #e65;
    text-decoration: underline;
}
.title-cat {
    font-size: 1.5625rem;
    text-transform: uppercase;
    line-height: 1.3 !important;
    margin: 0 0 .5rem;
}
.title-main {
    font-size: 2.5rem;
    line-height: 1.2 !important;
    margin: 0;
}
.title-main {
    font-size: clamp(2rem, 1.7857rem + 0.9524vw, 2.5rem);
}
hgroup > :is(:last-child) {
    margin-bottom: 3rem;
}
.custom-bullet li {
    list-style: none;
    position: relative;
    margin-bottom: 1.5em;
}
.custom-bullet li::before {
    content: '';
    position: absolute;
    left: -2.25em;
    width: 40px;
    height: 30px;
}
.custom-bullet.check-bullet li::before {
    background: url("library-theme/images/check-bullet.png") no-repeat left top;
}
.custom-bullet.correct-bullet li::before {
    background: url("library-theme/images/correct-bullet.png") no-repeat left top;
}
.custom-bullet.wrong-bullet li::before {
    background: url("library-theme/images/wrong-bullet.png") no-repeat left top;
}
.custom-bullet.in-bullet li::before {
    background: url("library-theme/images/in-bullet.png") no-repeat left top;
}
.custom-bullet.plus-bullet li::before {
    background: url("library-theme/images/plus-bullet.png") no-repeat left top;
}
.custom-bullet li li {
    list-style: disc;
    position: relative;
    margin: 0;
}
.custom-bullet li li::before {
    background: none !important;
}
.custom-bullet li ul {
    margin: 1.5rem 0 0;
}

.custom-bullet.check-bullet.check-bullet-filter li::before {
    filter:  brightness(1) invert(1)
}   
    
.cell .vid-player {
    height: 100%;
    width: 100%;
}
.profile-picture-wrapper {
    width: 128px;
    margin: 0 auto;
}
.profile-picture {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    background: #ccc;
    position: relative;
    background-size: cover;
    background-color: #ccc;
    background-position: center center;
}
.background-colorize.background-repeat::after {
    background-size: auto;
}
.background-corner.background-colorize::after {
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;    
}
.menu-item-button a, .menu-item-button a:link {
    font-family: var(--sans-serif);
    font-size: 1.em;
    text-transform: uppercase;
    color: #fff !important;
    letter-spacing: .1em;
    padding: .8em .85em;
    border: 2px solid #e65;
    background: #e65;    
}
.menu-item-button.menu-item-button-secondary a, .menu-item-button.menu-item-button-secondary a:link {
    color: #e65 !important;
    background: #fff;    
}
.menu-item-button a:hover {
    color: #fff !important;
}
.menu-item-button.menu-item-button-secondary a:hover {
    color: #e65 !important;
}
.menu-item-button.menu-item-login a {
    margin-left: .1rem !important;
}
.menu-item-button.menu-item-enroll a {
    margin-right: .1rem !important;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    padding-left: 0 !important;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
    display: inline-block;
    padding-left: 0 !important;
    margin-bottom: 1rem;
}

/* Helpers
--------------------------------------------------------------------*/
.xlup-image-flush-right,
.xlup-image-flush-left {
    height: 40vh;
}
.xlup-image-flush-left {
    margin-bottom: 2rem
}
.fsize-30 {
    font-size: 1.875rem;
    line-height: 1.25 !important;
}
.fsize-40 {
    font-size: 2.5rem;
    line-height: 1.2 !important;
}
.fcolor-fff { color: #fff; }
.fcolor-6cc { color: #6cc; }
.fcolor-078 { color: #078; }
.fcolor-666 { color: #666; }
.fcolor-f87 { color: #f87; }

.fweight-200 { font-weight: 200 }

.mb-0 { margin-bottom: 0 }

.bg-lightpink {
    background-color: #fef1ef;
}
.bg-lightblue {
    background-color: #effafa;
}

.good-company-sq.good-company {
    padding-top: 100%;
}

.last-child-collapse p:last-child,
.last-child-collapse ul:last-child, 
.last-child-collapse ol:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 59.9375em) { /* xLarge */
    .center-under-xlarge {
        text-align: center;
    }
}

/* Home
--------------------------------------------------------------------*/
.home .page-title {
    font-size: 2em;
    margin-bottom: clamp(3rem, 2.1429rem + 3.8095vw, 5rem);
}
.home #masthead {
    min-height: 53.5rem;
}
#hero-video-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}
#hero-video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 60em) {
    .home .page-title-wrapper>.grid-container {
        margin-bottom: 6vh;
    }
}
#section-classes-noexp {
    background: url(library-theme/images/zoom-call.png) no-repeat right bottom;
    background-size: auto 540px;
}
#insiders-section {
    margin-top: 6rem;
    padding: 4rem 0 0;
    color: #fff;
}
#home-team-banner {
    padding: 0;
    height: 530px;
}
#section-we-are-our-work {
    margin-top: -6rem;
    position: relative;
    z-index: 1;    
}
#section-we-are-our-work .modder {
    padding: 6rem;
}
#section-now-is-the-time-image {
    height: calc(100% + 10rem);
    margin-top: -10rem;
    position: relative;
    z-index: 1;
    --width-mod: calc(74.225rem - 100vw);
    margin-right: calc(var(--width-mod) / 2);    
}
#section-note-from-founder-image {
    height: 100%;
}
#section-note-from-founder-copy {
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.home .client-bar .client-logo {
   margin-top: 0;
   margin-bottom: 0;
}

.home .page-title-main {
    font-size: clamp(2.375rem, 1.9732rem + 1.7857vw, 3.3125rem);
    font-weight: 400;
    line-height: 1.2;
    display: block;
    margin-bottom: 1rem;
}
.home .page-title-sub {
    font-size: clamp(1.1875rem, 1rem + 0.8333vw, 1.625rem); 
    font-weight: 200;
    display: block;
    line-height: 1.4;
}
.home .page-title .highlight {
    position: relative;
    background: #ff7f6a;
    outline: 3px solid #ff7f6a;
}

.hero-buttons {
    column-gap: 3rem;
    row-gap: 1.5rem;
    flex-wrap: nowrap;
    text-align: center;
}
.hero-buttons button {
    min-width: 15rem;
    padding: 0.7em 1em;
    font-size: 1.4em;
}
.hero-buttons button span {
    font-weight: 200;
    font-size: 0.7em;
    display: block;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid;
}
@media screen and (max-width: 40em) {
    
    .hero-buttons {
        flex-wrap: wrap;
    }
    
}

#home-intro {
    margin: 0;
    padding: 4.5rem 0 5rem;
}

.client-bar .client-logo {
    display: inline-block;
    padding: 0 2.25em;
}
.client-bar .client-logo img {
    max-height: 50px;
}

/* Why Choose Hay There
--------------------------------------------------------------------*/
#eco-circle {
    margin: -7rem auto -6rem;
}


/* Enroll
--------------------------------------------------------------------*/
#enroll-options .card-image {
    width: 100%;
    padding-top: 70%;
}
#enroll-options p {
    font-size: 1.125em;
    padding: 0 2em 1.25em;
}

.bg-overlay {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
.bg-overlay img {
    height: 60px;
    width: auto;
}
.bg-overlay.insiders-overlay, .bg-overlay.business-overlay {
}

/* Biz Membership
--------------------------------------------------------------------*/
.program-section-title {
    line-height: 1
}
.insiders-perks ul li {
    list-style: none;
    position: relative;
    margin-bottom: 1.5em;
}
.insiders-perks ul li::before {
    content: '';
    background: url("library-theme/images/in-bullet.png") no-repeat left top;
    position: absolute;
    left: -2.25em;
    width: 40px;
    height: 30px;
}
.insiders-perks.tuiton-perks ul li::before {
    background: url("library-theme/images/plus-bullet.png") no-repeat left top;
}

/* Menu
--------------------------------------------------------------------*/
.page-menu-active #primary,
.page-menu-active #colophon {
    display: none;
}

@media screen and (max-width: 75.5625em) {
    
    #site-navigation {
        overflow: hidden;
    }
    
}

@media screen and (max-width: 74.9375em) { /* xLarge */
    /* Home
-    -------------------------------------------------------------------*/
    #section-classes-noexp {
        background-size: auto 450px;
    }    
    #home-team-banner {
        height: 290px;
    }
    #section-now-is-the-time-image {
        margin-right: 0;    
    }
}
@media screen and (max-width: 59.9375em) { /* Large */    
    /* General
    --------------------------------------------------------------------*/
    .cell .vid-player {
        height: 40vh;
    }
    .profile-picture-wrapper {
        width: 250px;
    }
    
    /* Helpers
    --------------------------------------------------------------------*/
    .ldown-pt-3 {
        padding-top: 3rem;
    }
    .ldown-vh40 {
        height: 40vh !important;
    }
    .mb-ut-large {
        margin-bottom: 1rem;
    }
    .mb-ut-large.mb-2 {
        margin-bottom: 2rem;
    }
    
    /* Home
    --------------------------------------------------------------------*/
    #section-classes-noexp {
        background-size: auto 540px;
        padding-bottom: 28rem
    }
    #section-we-are-our-work {
        margin-top: 0;
    }    
    #section-we-are-our-work .modder {
        padding: 3rem 0;
    }
    #section-now-is-the-time-image {
        height: 40vh;
        margin-top: 3rem;
        margin-right: 0;    
    }
    #section-note-from-founder-copy {
        padding-top: 2rem;
        padding-bottom: 0;
    }
    #section-note-from-founder-image {
        height: 40vh;
    }

    /* Why Choose Hay There
    --------------------------------------------------------------------*/
    #eco-circle {
        margin: 0 auto 4rem;
    }
    
    /* Biz Membership
    --------------------------------------------------------------------*/
    #section-bizmembership-modder {
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    /* Tuition
    --------------------------------------------------------------------*/
    #section-tuition-propic {
        text-align: center;
    }
    #section-tuition-propic .profile-picture-wrapper {
        margin: 0 auto 1rem;
    }
    
}
@media screen and (max-width: 44.9375em) { /* Medium */
/* Home
--------------------------------------------------------------------*/
    #hero-video-wrapper {
        display: none;
    }
    
}
@media screen and (max-width: 29.9375em) { /* Small */
/* Floatbox
--------------------------------------------------------------------*/
    #_form_14_._form_14 {
        border-top-left-radius: 0 !important;
    }
    .form14-main-wrapper {
        padding: 0;
    }
    .floatbox_exit {
        left: auto !important;
        right: 20px;
    }
        
/* Course page
--------------------------------------------------------------------*/
    .card-horizontal .card-accent {
        display: none;
    }
    #program-body .card-horizontal {
        border-top: 1em solid #f87;
    }
    #program-body .card-horizontal:nth-child(even) {
        border-top-color: #6cc;
    }
    #program-body .card-horizontal .cell.auto{
        padding: 1.5rem 1.5rem 1rem;
    }    
    .module-toggle {
        top: 1.5em;
        width: .75em;
        height: 2em;
    }
    
}
@media screen and (min-width: 30em) { /* Medium */
/* Course page
--------------------------------------------------------------------*/
    .card-horizontal .card-accent {
        display: block;
    }
    #program-body .card-horizontal {
        border-top: none;
    }
    #program-body .card-horizontal .cell.auto{
        padding: 3rem 3rem 2.5rem;
    }    
    .module-toggle {
        top: 3em;
        width: 1em;
        height: 2em;
    }    
}
@media screen and (min-width: 45em) { /* Large */

    .lup-mt-12up {
        margin-top: -9rem;
    }
    
}
    
    
/* Course
--------------------------------------------------------------------*/
.program-modules .card .cell.auto {
    position: relative;
    cursor: pointer;
}

.program-modules h3 {
    margin-right: 2em;
    font-size: clamp(1.28rem, calc(1.00rem + 1.25vw), 2.00rem) !important;
}

.module-description {
    display: block;
    overflow: hidden;
    transition: .3s ease;
    height: 0;
}

.module-toggle {
    position: absolute;
    right: 2em;
    transform: rotate(90deg);
    transition: .2s ease;
}

.card-module.active .module-toggle {
    transform: rotate(-90deg);
}

.card-module.active .module-description {
    height: 100%;
}

#training-modules svg [onclick] {
    cursor: pointer;
    transition: .2s ease;
}

#training-modules svg [onclick]:hover {
    filter: brightness(1.25);
}

#course-intro h3 img {
    width: 1.8em;
    height: auto;
    margin-right: 0.6em;    
}

/* Community
--------------------------------------------------------------------*/
.page-slug-community .half-page .page-title-wrapper {
    margin-top: clamp(2.00rem, calc(-20.00rem + 73.33vw), 35.00rem) !important;
}
.page-slug-community .inner-page-title .page-title {
    margin-bottom: -6rem;
    position: relative;
    z-index: 1;
}
.page-slug-community .site-main {
    margin-top: 6rem;
}


@media screen and (min-width: 60em) { /* xLarge */
    
/* Helpers
--------------------------------------------------------------------*/
    .xlup-mt-12up {
        margin-top: -9rem;
    }
    .xlup-mt-3up {
        margin-top: -3rem;
    }
    .xlup-mt-1up {
        margin-top: -1rem;
    }
    .xlup-mt-3 {
        margin-top: 3rem;
    }
    .xlup-col-2 {
        column-count: 2;
        column-gap: 4rem;
    }
    .xlup-image-flush-right, 
    .xlup-image-flush-left {
        height: calc(100% - 2rem);
        position: relative;
        z-index: 1;
    }
    .xlup-image-flush-right {
        --width-mod: calc(74.225rem - 100vw);
        margin-right: -15px;
    }
    .xlup-image-flush-left {
        --width-mod: calc(74.225rem - 100vw);
        margin-left: -15px;
    }
    
    .home-cs .xlup-image-flush-right,
    .home-cs .xlup-image-flush-left {
        margin-bottom: 0;
        height: 100%;
    }
    
    /* Why Choose Hay There
    --------------------------------------------------------------------*/
    #section-why-choose-modder1 {
        margin-top: -8rem;
        height: calc(100% + 8rem) !important;
    }
    
    /* Find a Social Media Manager
    --------------------------------------------------------------------*/
    #section-fasmm-modder1 {
        padding-top: 4rem;
    }
    #section-fasmm-modder2 {
        height: 30rem !important;
        margin-bottom: -30rem;
    }
}

@media screen and (min-width: 1217px) { /* xLarge */
    .xlup-image-flush-right {
        margin-right: calc(var(--width-mod) / 2);
    }
    .xlup-image-flush-left {
        margin-left: calc(var(--width-mod) / 2);
    }
}

.site-footer .social-navigation svg.icon {
    width: 2.5em;
    height: auto;
    aspect-ratio: 1;
    margin-right: -0.05em;
}

.haythere-logo-swap {
    background-image: url('https://haytheresocialmedia.com/site/wp-content/themes/bin-base/library-theme/images/htsm-logo.svg');
    height: 4em;
    aspect-ratio: 1;
    overflow: hidden;
    display: block;
    text-indent: -999em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    margin: .5em auto;
}

@media screen and (min-width: 60em) { /* xLarge */
    
    .haythere-logo-swap {
        height: 3em;
        vertical-align: middle;
        display: inline-block;
        margin: 0 .3em;
    }
    
}

.stylize-01 {
    line-height: 1.5 !important;
    font-size: 1.4em;
    background: #fef1ef;
    padding: 1rem 1.5rem;
    margin: -1rem -1.5rem 3rem;
    transform: rotate(-.5deg);
    box-shadow: 13px 17px 1px #f87;
    border-radius: 1rem;
}

.description-50ch {
	line-height: 1.5;
	max-width: 50ch;
	margin: 2em auto 0;
	font-size: .9em;
	border-top: 1px solid #ccc;
	padding-top: 2em;
}

@media screen and (min-width: 75em) { /* xxLarge */

    .stylize-02 {
        margin-bottom: -12rem;
        position: relative;
    }
    
}

.lite-mod-01 {
    width: 450px;
    max-width: 100%;
    height: auto;
    margin-bottom: -7rem;
    margin-top: 2rem;
    border-radius: .5em;
}

@media screen and (min-width: 60em) { /* xLarge */
    
    .xlarge-overlap-top {
        margin-top: -5rem;
    }
    
    #connect-the-dots > .grid-container > .grid-x {
        margin-top: -5rem;    
    }
    
    #connect-the-dots .cell.xlarge-5.xlarge-order-1 {
        margin: 6rem 0 0 2rem;
    }
    
}

/* Woo */
.woocommerce .coupon #coupon_code {
    width: 230px !important;
}

@media screen and (max-width: 44.9375em) { /* xLarge */

    .woocommerce .checkout .form-row,
    .woocommerce .checkout_coupon .form-row {
        width: 100%
    }
    
}

/* Pricing meta */
.price-meta-wrapper p {
    margin-bottom: .5em;
}

.price-meta {
    line-height: 1.2 !important;
}

.price-meta-highlight {
    padding: 0.4em 0.7em 0.2em;
    background: #ffbb33;
    color: #333;
    border-radius: 0.5em;
    font-weight: bold;
    display: inline-block;
}


/* Promo bar */
.promo-bar {
    display: block;
    position: relative;
    z-index: 999;
    text-align: center;
    padding: .5em .8em;
    font-weight: bold;
    font-size: 1rem;
}

/* Homepage 2023-10
--------------------------------------------------------------------*/
.home-cs > .grid-container > div {
    row-gap: 1rem;
}
.home-cs-comm > .grid-container > div,
.home-cs-conn > .grid-container > div {
    column-gap: 3rem;
}
.home-cs-image > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    background-size: cover;
    background-position: center;
}
.review-bubble-wrapper {
    padding: 0 clamp(0.5rem, -0.1429rem + 2.8571vw, 2rem);
    position: relative;
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
}
.swing-in {
	-webkit-animation: swing-in-top-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
.review-bubble-photo {
    width: 6rem;
    aspect-ratio: 1;
    display: block;
    position: relative;
    z-index: 5;
}
.review-bubble-photo::before {
    content: '';
    display: block;
    width: 3em;
    height: 3em;
    position: absolute;
    border: 2em solid;
    border-color: transparent #fff transparent transparent;
}
.review-bubble-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
}
.review-bubble-text {
    background: #fff;
    border-radius: .5rem;
    padding: 1.5rem 1rem;
    box-shadow: 0 1em 2em rgba(0,0,0,.2);
}
.review-bubble-text > * {
    position: relative;
    z-index: 10;
}
.review-bubble-text > blockquote {
    margin: 0 clamp(0rem, -0.6429rem + 2.8571vw, 1.5rem);
}
.review-bubble-text span {
    font-family: var(--sans-serif);
    font-weight: 200;
    text-transform: uppercase;
    font-size: .85em;
}
.review-bubble-top-left .review-bubble-text,
.review-bubble-bottom-left .review-bubble-text {
    text-align: right;
}

.review-bubble-top-left .review-bubble-photo {
    left: 1rem;
    top: 1rem;
}
.review-bubble-top-left .review-bubble-photo::before {
    left: 7em;
    top: 3em;
    rotate: 165deg;
}

.review-bubble-top-right .review-bubble-photo {
    left: calc(100% - 7rem);
    top: 1rem;
}
.review-bubble-top-right .review-bubble-photo::before {
    left: -5em;
    top: 3em;
    rotate: -165deg;
    border-color: transparent transparent transparent #fff;
}

.review-bubble-bottom-left .review-bubble-photo {
    left: 1rem;
    top: -1rem;
}
.review-bubble-bottom-left .review-bubble-photo::before {
    left: 7em;
    top: -1.25em;
    rotate: 15deg;
    border-color: transparent transparent transparent #fff;
}

.review-bubble-bottom-right .review-bubble-photo {
    left: calc(100% - 7rem);
    top: -1rem;
}
.review-bubble-bottom-right .review-bubble-photo::before {
    left: -5em;
    top: -1.25em;
    rotate: -15deg;
}

@media screen and (max-width: 59.9375em) { /* xLarge */

    .home-cs {
        padding: 1.5rem 0;
    }
    .home-cs .xlup-image-flush-right,
    .home-cs .xlup-image-flush-left {
        height: auto;
        padding: 2em 0;
    }
    .home-cs-cred .xlup-image-flush-right {
        margin-bottom: 2em;
    }
    
}

@media screen and (min-width: 60em) { /* xLarge */

    .home-cs-body {
        padding: 3rem 0;
    }
    .home-cs-comm .home-cs-image > div,
    .home-cs-comm .background-colorize::before,
    .home-cs-comm .background-colorize::after {
        border-radius: 0 0 100%;
    }
    .home-cs-cred .home-cs-image > div,
    .home-cs-cred .background-colorize::before,
    .home-cs-cred .background-colorize::after {
        border-radius: 100% 0 0;
    }
    .home-cs-conn .home-cs-image > div,
    .home-cs-conn .background-colorize::before,
    .home-cs-conn .background-colorize::after {
        border-radius: 0 100% 0 0;
    }
    .home-cs-conn .home-cs-body {
        padding-top: 5rem;
    }
}

.home-cs-image .background-colorize::before,
.home-cs-image .background-colorize::after {
    overflow: hidden;
}

.course-card-wrapper {
    display: flex;
    overflow: hidden;
}
.course-card {
    background: #fff;
    width: clamp(11.25rem, 9.6429rem + 7.1429vw, 15rem);
    aspect-ratio: 1;
    margin-left: 2rem;
    flex-shrink: 0;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}
.course-card-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.course-card-cover > div {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 5;
}
.course-card-cover.cover-badge::after {
    content: '';
    position: absolute;
    display: block;
    width: 40%;
    aspect-ratio: 3.2;
    background-image: url('https://haytheresocialmedia.com/site/wp-content/themes/bin-base/library-theme/images/INsiders-200.png');
    background-size: 100%;
    top: .5em;
    left: .5em;
    z-index: 10;
}
.course-card-title {
    position: absolute;
    width: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,.75), rgba(0,0,0,0));
    padding: 5em 1.5em 1em;
    color: #fff;
    bottom: 0;
    font-family: var(--sans-serif);
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.2;
}
.course-card-title span {
    font-weight: 400;
    font-size: .85em;
}

.home-cred-badge {
    position: absolute;
    z-index: 20;
    width: 150px;
    aspect-ratio: 1;
    top: -3rem;
    right: 7.5%;
}
@media screen and (min-width: 60em) { /* xLarge */
    .home-cred-badge {
        width: 170px;
        aspect-ratio: 1;
    }
}

@keyframes my-sparkle {
  0%   {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0);
            transform: rotate(0deg) scale(0);
  }
  50%  {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(720deg) scale(0);
            transform: rotate(720deg) scale(0);
  }
}

@media screen and (max-height: 42.5em) and (min-width: 75em) { /* Narrow laptops (1280x720) */
    .home .full-page {
        height: auto;
    }
    .home #masthead {
        min-height: 0;
    }
    .home .page-title-wrapper {
        padding-top: 11rem;
    }
    .home .page-title-main {
        font-size: 2.2rem;
    }
    .home .page-title-sub {
        font-size: 1.25rem;
    }
    .home .page-title {
        margin-bottom: 2rem;
    }
    .hero-buttons button {
        padding: 0.4em 1em;
    }
}

.woocommerce .star-rating span::before {
    color: gold;
}

.woocommerce button.button {
    background-color: #e65 !important;
}

.woocommerce ul.products li.product .button {
    border: 1px solid #e65;
    background: rgba(238,102,85,.1);
    display: none;
}