:root {
    --jay-blue: #00549a;
    --mp-fuchsia: #d61c5b;
    --mp-tang: #f9763d;
    --mp-purple: #5b1499;
    --mp-light-blue: #dee5f0;
    --mp-slate-grey: #b0aeb2;
}

hr {
    border: 1px solid var(--mp-slate-grey);
}

.purple-bg {
    background: var(--mp-purple);
}

.purple-text {
    color: var(--mp-purple);
}

.purple-outline {
    border: 3px solid var(--mp-purple);
}

.img-container {
    overflow: hidden;
}

.img-container img {
    object-fit: fill;
}

#featured-workshops {
    background: var(--mp-light-blue);
}

.instructor-img {
    max-height: 350px;
}

.instructor {
    font-size: 1.10rem;
}

.pricing-type {
    font-size: 1.5rem;
}

.price {
    font-size: 3.75rem;
}

#empower {
    background: var(--mp-light-blue);
}

@media screen and (min-width:992px) {
    #price {
        background: linear-gradient(180deg, transparent, transparent 20%, var(--mp-purple) 20%, var(--mp-purple) 80%, transparent 80%);
    }
}

@media screen and (min-width:1330px) {
    #featured-workshops {
        background: linear-gradient(180deg, var(--mp-light-blue), var(--mp-light-blue) 50%, transparent 50%);
    }
}