.component--large {border: 0;}
.intro-high-level .cta-link {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
}
.did-you-know {
    margin: 1rem 5rem;
}
.did-you-know h2 {
    margin-left: 1rem
}
.did-you-know .flex-div-centered .left,  
.did-you-know .flex-div-centered .right {
    padding: 0;
}
.did-you-know .flex-div-centered .left img,  
.did-you-know .flex-div-centered .right img {
    padding: 0;
}
.did-you-know .flex-div-centered .left div.text {
    padding-right: 2rem;
} 
.did-you-know .flex-div-centered .right div.text {
    padding-left: 2rem;
}


@media (max-width: 40em) {
    .did-you-know {
        margin: 0;
    }
    .did-you-know .flex-div-centered .left,
    .did-you-know .flex-div-centered .right {
        padding: .5rem;
    }
}

/*STUDENT AND FACULTY STAFF LINK*/
.wysiwyg .flex-div {display: flex; margin: auto; width: 75%;}
    .wysiwyg .flex-div .col {flex-basis: 50%; padding: 0;}
    .wysiwyg .flex-div .col img {margin: 0; padding: 0;}
    .wysiwyg .flex-div .col div:first-child {padding: 0 2rem 1rem 2rem;}
    .wysiwyg .flex-div .col div:nth-child(2) {padding: 0 0 1rem 2rem;}
    .wysiwyg .flex-div .col .cta-link {font-size: clamp(1.25rem,2vw, 1.25rem);}
    .wysiwyg .flex-div .col .cta-link svg  {height: 1.5rem; width: 1.5rem;}
@media (max-width: 40em) {
    .component .component--large {margin-bottom: 1rem;}
    .wysiwyg .flex-div {display: initial; width: 100%;}
    .wysiwyg .flex-div .col {margin: 0;}
    .wysiwyg .flex-div .col img { width: 100%; margin: 0 auto !important;}
    .wysiwyg .flex-div .col div:nth-child(2) {
        padding: 0; margin: 0 auto 1rem auto;
    }
}
.wysiwyg .find-create-use-head {
    color: white;
    font-size: clamp(2rem,3vw, 2.75rem);
    text-align: center;
    background-color: maroon;
    padding: 3rem 0;
    margin: 0;
}

.get-started {
    display: flex;
    flex-direction: row;
}
.get-started .flex-item {
    flex-basis: 33%;
    margin-left: 1rem;
    transition: background-color 1s ease;
    padding: 0;
    border: .125rem solid #f0eeea
}
.get-started .flex-item:hover {
    background-color: #f0eeea;
    cursor: pointer;
}

.get-started .flex-item .cta-link {
    font-size: 1.25rem;
}
.get-started .flex-item .cta-link svg {
    height: 1.5rem;
    width: 1.5rem;
}

.get-started .flex-item .cta-link svg {
    transition-property: opacity, transform;
    transition-duration: 375ms;
    will-change: transform;
}

.get-started .flex-item:hover .cta-link svg {
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
    
}

.get-started .flex-item:first-child {
    margin-left: 0;
}
.get-started .flex-item-text { 
    padding: .5rem;
}

.get-started .flex-item .flex-item-header {
    text-align: center;
    font-weight: 500;
    color: #205665;
    font-size: 1.25rem;
    transition: color 1s ease;
    padding: 1rem 0;
}
@media screen and (max-width:70rem) {
    .get-started {
        display: block;
        margin: auto;
    }
    .get-started .flex-item {
        display: block;
        margin: auto !important;
        width: 100%;
        max-width: 30rem;
    }
   

}

/*STATS*/
.wysiwyg .oer-stats,
.wysiwyg .oer-stats-most {
    display: flex;
}
@media (max-width: 40em) {
    .wysiwyg .oer-stats,
    .wysiwyg .oer-stats-most {
        display: initial;
    }
}

.wysiwyg .oer-stats-most {
    margin-top: 3rem;
    background-color: white;

}
.wysiwyg .oer-stats-most div {
    flex-basis: 50%;
}
.wysiwyg .oer-stats-most div:first-child {
    padding: 0 .5rem .5rem 3rem;
}
.wysiwyg .oer-stats-most div:nth-child(2) {
    padding: 1rem 3rem .5rem .5rem;
}
.wysiwyg .oer-stats-most div p {
    padding: 1.5rem 1rem 1rem 1rem;
}

.wysiwyg .oer-stats-most div img {
    width: 100%;
}

.oer-stats .oer-stat {
    flex-basis: 20%;
    padding: 1rem;
    text-align: center;
    border-left: .1875rem rgba(0, 0, 0, .0625) solid; /*rgba(0, 50, 100, .0625)*/
}
.oer-stats .oer-stat:first-child {
    border: 0;
}
.oer-stats .oer-stat div:first-child {
    color: #205665;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
    height: 70%;
    line-height: 1.5;
}
.oer-stats .oer-stat:last-of-type div:first-child {
    height: 50%;
}
.oer-stats .oer-stat div:nth-child(2) {
    color: #5092B3;
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 600;
    line-height: 1.5;
}
.oer-stats .oer-stat:last-of-type div:nth-child(2) {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    line-height: 1.625;
}

.oer-stats .oer-stat .asterisk {
    display: block; 
    color: black; 
    font-size: clamp(.75rem, 1vw, .75rem); 
    text-align: left;
}

/*FIND, CREATE, USE*/
.wysiwyg .find-create-use {
    display: flex;
    background-color: maroon;
    padding: 0 2rem 3rem 2rem;
}
@media (max-width: 40em) {
    .wysiwyg .find-create-use {
        display: initial;
        padding: 0;
    }
    .wysiwyg .find-create-use .find, 
    .wysiwyg .find-create-use .create, 
    .wysiwyg .find-create-use .use {
        width: 100%;
        margin-bottom: .5rem;
    }

}

    .wysiwyg .find-create-use .find {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        margin-right: 1rem;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/find.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .create {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        margin-right: 1rem;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/create.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .use {
        flex-basis: 33%;
        padding: 3rem;
        background-color: #1A5375;
        background-image: url(https://www.salisbury.edu/_demo/academic-affairs/cafe/open-educational-resources/_images/homepage/use.jpg);
        background-size: cover;
    }
    .wysiwyg .find-create-use .text {
        text-align: center;
        color: gold;
        font-style: italic;
        font-size: clamp(1.25rem, 2.5vw, 1.5rem);
        line-height: 2;
    }
    .wysiwyg .find-create-use .text a {
        text-align: center;
        color: gold;
        font-style: normal;
        font-weight: bold;
        font-size: clamp(1.55rem, 2.5vw, 2rem);

    }
    .wysiwyg .find-create-use .text a:hover {
        color: white;
        text-decoration-color: white;
    }
/*MET THE TEAM*/   
.team-row {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    padding: 1rem;
}
.team-row div {
    flex-direction: column; 
    flex-basis: 32%; 
    background-color: white; 
    color: black;
    padding: .5rem;
    text-align: center;
    padding: 0 1%;
    font-size: clamp(.85rem,1vw,1rem);
    line-height: 1.5;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.team-row .img  {
    margin: 0 0 1rem 0;
    padding: 0;
}

.team-row .img img {
    padding: 0; margin: 0;
}

.team-row div p {
    line-height: 1.5;
    padding-left: 1rem;
    padding-right: 1rem;
}
.team-row div p:first-child {
    font-size: 1.125rem;
}

@media (max-width: 64em) {
    .team-row div {
    	flex-basis: 48%; 
    }
}

@media (max-width: 24em) {
    .team-row {
        flex-direction: column; 
		padding: 0;
    }
}


.flex-div-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
    .flex-div-centered .left {
        flex-basis: 50%;
        padding: 0 .5rem;
    }
    .flex-div-centered .right {
        flex-basis: 50%;
        padding: 0 .5rem;
    }
        .flex-div-centered .left img, 
        .flex-div-centered .right img
        {
            width: 100%;
        }
@media (max-width: 40em) {
    .flex-div-centered {
        display: initial;
    }
    .flex-div-centered .left,
    .flex-div-centered .right
    {
        width: 100%
    }

}

.carousel-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.carousel {
    display: flex;
    transition: transform 0.75s ease;
}

.carousel-slide {
    flex: 0 0 100%;
}

.carousel-slide img {
    max-width: 100%;
    height: auto;
}