.inner-spotlights-row-new {
    display: flex;
    flex-wrap: wrap;
    /* gap: 6rem; */
    /* padding: 0px 50px; */
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin: 0 auto;
}

/* .spotlights-title-container {
    background-color: #fff !important;
    color: #333D47 !important;
    text-align: left !important;
    width: 300px !important;
    height: 275px !important;
    padding-top: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 20px !important;
    font-size: 26px !important;
    display: flex !important;
    flex-direction: column !important;
} */

a.spotlights-button {
    z-index: 5;
}

.spotlights-button:visited {
    color: #fff !important;
}

.utia-spotlights-item.custom-item {
    margin-left: 3rem;
    margin-right: 3rem;
    z-index: 5;
}

.spotlights-button a:hover {
    color: #333D47 !important;
    background-color: #fff !important;
    border: #fff !important;
    padding: 1rem 2rem;
}

.spotlights-button:hover {
    color: #333D47 !important;
    background-color: #fff !important;
    border: #fff !important;
    /* padding-left: 2rem;
    padding-right: 2rem; */
}

.spotlights-button:hover {
    color: #333D47 !important;
    background-color: #fff !important;
    border: #fff !important;
}

.utia-spotlights-block.custom-background {
    background-image: 
        linear-gradient(to bottom, white 0%, white 175px, #ff820000 175px, #ff820000 100%);
        /* url(../images/strip_dots.jpg); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto 100%, 100% auto;
    background-blend-mode: normal;
    background-color: #FF8200;
    height: auto;
}

/* div#utia-spotlight-block {
    padding: 30px 0;
} */

@media screen and (min-width: 1024px) {
    .utia-spotlights-item.custom-item {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}



@media only screen and (min-width: 661px) and (max-width: 1023px) {
    .utia-spotlights-block.custom-background {
        background-image: linear-gradient(to bottom, white 0%, white 175px, #ff820000 175px, #ff820000 100%);
        /* url(../images/strip_dots.jpg); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto 100%, 100% auto;
    background-blend-mode: normal;
    background-color: #FF8200;
    }

    .utia-spotlights-item.custom-item {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
@media only screen and (min-width: 300px) and (max-width: 660px) {
    .utia-spotlights-block.custom-background {
        background-image: none;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: auto 100%, 100% auto; /* First layer for gradient, second for image */
        background-blend-mode: normal;
        background-color: #FF8200;
    }
}


.grey-dot-strip {
    background-image: url(//images.utk.edu/designsystem/www2021/v1/i/dots_vertical_1.gif);
    background-position: 0 100%;
    background-size: auto;
    background-repeat: repeat-x;
    padding: 4vw 0 3vw
}

.light-grey-dot-strip {
    position: relative;
    /* padding: 4vw 0 3vw; */
    overflow: hidden
}

.light-grey-dot-strip:after {
    opacity: .2;
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg id="a" xmlns="http://www.w3.org/2000/svg" width="14" height="479" viewBox="0 0 14 479"%3E%3Crect id="b" x="4.13" y="397.04" width="5.74" height="5.74" fill="%235f6061"/%3E%3Crect id="c" x="6.67" y="27.62" width=".66" height=".66" fill="%235f6061"/%3E%3Crect id="d" x="4.33" y="354.19" width="5.35" height="5.35" fill="%235f6061"/%3E%3Crect id="e" x="4.52" y="325.83" width="4.96" height="4.96" fill="%235f6061"/%3E%3Crect id="f" x="4.72" y="297.48" width="4.57" height="4.57" fill="%235f6061"/%3E%3Crect id="g" x="5.11" y="269.31" width="3.79" height="3.79" fill="%235f6061"/%3E%3Crect id="h" x="5.3" y="240.96" width="3.4" height="3.4" fill="%235f6061"/%3E%3Crect id="i" x="5.5" y="212.6" width="3" height="3.01" fill="%235f6061"/%3E%3Crect id="j" x="5.69" y="184.24" width="2.61" height="2.62" fill="%235f6061"/%3E%3Crect id="k" x="5.89" y="155.89" width="2.22" height="2.22" fill="%235f6061"/%3E%3Crect id="l" x="6.08" y="127.53" width="1.83" height="1.83" fill="%235f6061"/%3E%3Crect id="m" x="6.28" y="99.17" width="1.44" height="1.44" fill="%235f6061"/%3E%3Crect id="n" x="6.47" y="70.82" width="1.05" height="1.05" fill="%235f6061"/%3E%3Crect id="o" x="6.67" y="42.46" width=".66" height=".66" fill="%235f6061"/%3E%3Crect id="p" x="6.67" y="56.73" width=".66" height=".66" fill="%235f6061"/%3E%3Crect id="q" x="6.47" y="85.09" width="1.05" height="1.05" fill="%235f6061"/%3E%3Crect id="r" x="6.28" y="113.45" width="1.44" height="1.44" fill="%235f6061"/%3E%3Crect id="s" x="6.08" y="141.8" width="1.83" height="1.83" fill="%235f6061"/%3E%3Crect id="t" x="5.89" y="170.16" width="2.22" height="2.22" fill="%235f6061"/%3E%3Crect id="u" x="5.69" y="198.52" width="2.61" height="2.61" fill="%235f6061"/%3E%3Crect id="v" x="5.5" y="226.88" width="3" height="3" fill="%235f6061"/%3E%3Crect id="w" x="5.3" y="255.23" width="3.4" height="3.4" fill="%235f6061"/%3E%3Crect id="x" x="5.11" y="283.59" width="3.79" height="3.79" fill="%235f6061"/%3E%3Crect id="y" x="4.72" y="311.75" width="4.57" height="4.57" fill="%235f6061"/%3E%3Crect id="z" x="4.52" y="340.11" width="4.96" height="4.96" fill="%235f6061"/%3E%3Crect id="aa" x="4.33" y="368.46" width="5.35" height="5.35" fill="%235f6061"/%3E%3Crect id="ab" x="4.33" y="382.74" width="5.35" height="5.35" fill="%235f6061"/%3E%3Crect id="ac" x="4.13" y="397.04" width="5.74" height="5.74" fill="%235f6061"/%3E%3Crect id="ad" x="4.13" y="411.32" width="5.74" height="5.74" fill="%235f6061"/%3E%3Crect id="ae" x="3.93" y="425.42" width="6.13" height="6.13" fill="%235f6061"/%3E%3Crect id="af" x="3.93" y="439.69" width="6.13" height="6.13" fill="%235f6061"/%3E%3Crect id="ag" x="3.74" y="453.79" width="6.52" height="6.52" fill="%235f6061"/%3E%3Crect id="ah" x="3.74" y="468.06" width="6.52" height="6.52" fill="%235f6061"/%3E%3Crect id="ai" x="4.13" y="397.04" width="5.74" height="5.74" fill="%235f6061"/%3E%3C/svg%3E');
    background-position:bottom;
    background-size: auto;
    background-repeat: repeat-x;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.spotlights-title{
    font-size: 20px !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.utia-spotlights-cat {
    max-width: 330px;
    height: 30px;
    position: absolute;
    padding-top: 5px !important;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background-color: #333d47;
    color: #fff;
    text-transform: uppercase;
}

.spotlights-header {
    text-align: center;
    padding-bottom: 40px;
}

.spotlights-button {
    position: relative;
    margin: 0px auto;
    background-color: #333d47;
    border: #333d47;
    color: #ffffff;
    border-bottom: none !important;
    text-decoration: none !important;
    width: 200px;
    font-size: 16px;
    padding: 10px 15px;
    --margin-top: 60px;
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.utia-spotlights-block {
    position: relative;
    justify-content: center !important;
    align-items: center !important;
    height: 100%;
    width: 100%;
    padding-top: 30px !important;
    padding-bottom: 30px;
    text-align: center !important;
    background-color: #FF8200;
}

.utia-spotlights-item {
    display: inline-block;
    width: 300px;
    margin-bottom: 30px;
}

.spotlights-image-container {
    width: 300px;
    height: 225px;
}

.site-content a {
    text-decoration: none !important;
}

.spotlights-image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.spotlights-title-container {
    background-color: #ffffff;
    color: #333d47;
    text-align: left;
    width: 300px;
    height: 230px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    font-size: 26px;
    display: flex;
    flex-direction: column;
}

.spotlights-title-container a {
    text-decoration: underline !important;
    border-bottom: none !important;
}

.spotlights-title-container a:hover {
        font-weight: bold !important;
    }

.spotlight-excerpt {
    font-size: 16px;
    text-align: left;
    display: flex;
    padding-bottom: 30px;
    padding-top: 5px;
}