/* banner */
.pageBanner-image {
    mask:url(images/oregon-shape-light.svg);
    mask-repeat:no-repeat;
}
.pageBanner
{
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
@media(min-width:768px) {
    .pageBanner {
        padding-bottom:2rem;
        margin-bottom:4rem;
    }
}
@media(min-width:992px) {
    .pageBanner {
        padding-bottom:4rem;
        margin-bottom:6rem;
    }
}
.pageBanner-intro p.lead {
    position: relative;
    padding-left: 2rem;
}
.pageBanner-intro p.lead::before {
    content: "";
    background-image: url(images/pink-star.svg);
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: 0.2rem;
    left: -0.5rem;
    display: inline-block;
}


.u-backgroundSecondary .container {
    padding: 1rem 0 2rem;
}
@media(min-width:768px) {
.u-backgroundSecondary .container {
    padding: 1rem 0 3rem;
}
}

.teach-cards {
    grid-template-columns: 1fr;
    display: grid;
    gap: 1rem;
}
.teach-cards div {
    background-color:var(--otd-color-white);
    padding:1.5rem;
    border-radius:30px;
}

@media(min-width:768px) {
.teach-cards {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin: 1rem 0 2rem;
}
.teach-cards div {
    padding:2.5rem;
}
}

.teach-cards div h3 {
    margin-top:0;
}
.teach-cards ul li {
    line-height: 2.5;
}
@media (min-width: 1200px) {
    #teaching-navBlock.u-backgroundSecondaryRounded .container {
    padding: 1rem 0 3rem 4rem;
}
}
@media (min-width: 1400px) {
#teaching-navBlock.u-backgroundSecondaryRounded .container {
    padding: 1rem 3rem 3rem;
}
#teaching-navBlock.u-backgroundSecondaryRounded .container::after {
        width: 15rem;
        height: 14rem;
        left: -9rem;
        top: -5rem;

}
}