<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.page-template-spotlight-page #content&gt;.main-heading {
    padding: 0;
    background-color: rgb(11 61 96 / 10%);
}

.page-template-spotlight-page #content&gt;.main-heading h1 {
    font-family: 'DM Sans', sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 1.8px;
    color: #0b3d60;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 12px 16px 0px;
}

.page-template-spotlight-page .blogs-no-2-4 {
    display: flex;
    flex-wrap: wrap;
}

.page-template-spotlight-page .blogs-no-2-4 .blog-wrapper img {
    height: auto;
}

.blog-content&gt;.container {
    padding-bottom: 68px;
}

.blog-content .species-sub:before {
    width: 138px;
}

.blog-content .species-sub span {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: normal;
    color: #0b3d60;
}

.blog-content .related-news.related-3 {
    border-bottom: none;
}

.blog-content .related-news .sub-tags .bi-circle-fill {
    color: #ea402f;
    font-size: 8px;
    padding-right: 3px;
    float: left;
}

.blog-content .related-news .sub-tags {
    margin-bottom: 4px;
    line-height: 18px;
}

.blog-content .related-news .sub-tags a {
    font-size: 0.938rem;
    font-weight: bold;
    color: #ea402f;
    font-family: 'Work Sans', sans-serif;
}

.blog-content .related-news.related-1 {
    padding-top: 0;
}

.blog-content .related-news .heading {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.2px;
    color: #000000;
    margin: 4px 0 3px;
}

.blog-content .related-news .float-start {
    max-width: 200px;
}

.blog-content .related-news .float-end {
    max-width: 90px;
}

.blog-content .related-news .editor {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000;
    padding-bottom: 11px;
}

.blog-content .newsletter {
    padding: 15px 11px 17px 16px;
    border-radius: 2px;
    background-image: linear-gradient(134deg, #0b324e 21%, #004779 120%);
    color: #ffffff;
    margin-top: 7px;
    position: relative;
}

.blog-content .newsletter h6 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 4px;
}

.blog-content .newsletter p {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.813rem;
    margin-bottom: 10px;
    color: #fff;
}

.blog-content .newsletter .email-input {
    width: 100%;
    position: relative;
    height: 35px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #0c2b41;
}

.blog-content .newsletter .email-btn {
    position: absolute;
    right: 10px;
    border-radius: 2px;
    background-color: #07a6c5;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    border-color: #07a6c5;
    padding: 1px 19px 1px 20px;
}

.blog-content .live .blog-img a img.img-fluid {
    max-height: initial;
}

.blog-content .blog-img span .bi-circle-fill {
    color: #ea402f;
    font-size: 0.688rem;
    padding-right: 7px;
}

.blog-content .blog-img span {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 8px 8px 7px 0px;
}

.blog-content .live .blog-heading {
    min-height: auto;
    padding-top: 12px;
}

.blog-content .ucn-ad {
    margin-bottom: 12px;
}

.blog-content .blogs-page .ucn-tag.ucn-tag-red {
    background-color: #ea402f;
    color: white;
    text-transform: uppercase;
    padding: 3px;
    font-size: 10px;
    border-radius: 3px;
    margin: -2px 2px 0 0;
}

.blog-content .live .blog-live {
    padding-top: 20px;
}

.blog-content .live .blog-heading h3,
.blog-content .live .blog-heading a {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    letter-spacing: -0.25px;
}

.blog-content .species-sub.prev:before {
    width: 144px;
}

.blog-content .blogs .blog-wrapper {
    margin-bottom: 42px;
}

.blog-content .blogs .blog-wrapper {}

.pagination .page-link {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.blog-tablet-view {
    display: none;
}

#main.blog-content #primary.spotlight-page .blog-img {
    max-height: 160px;
    /*212px;*/
    overflow: hidden;
}

#main.blog-content #primary.spotlight-page .blog-img img {
    /* margin-left: 50%;
    margin-top: 25%;
    transform: translateY(-50%) translateX(-50%); */
    width: 100%;
    object-fit: cover;
}

#main.blog-content .blogs .blog-heading a h4 {
    font-size: 1rem;
}

#main.blog-content #primary.spotlight-page .ucn-author-posts-date {
    opacity: 0.5;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
}

#main.blog-content #primary.spotlight-page .ucn-author-posts-date .bi-clock-fill {
    margin-right: 5px;
}

#main.blog-content #primary.spotlight-page .entry-header {
    color: #07a6c5;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
}


/*=========Responsive Media Query===========*/


/* Portrait and Landscape */

@media (min-width: 320px) and (max-width: 767px) {
    .blog-tablet-view {
        display: block;
    }
    .blog-tablet-hide {
        display: none;
    }
    #main .blog-tablet-view .related-news .float-start {
        max-width: 200px;
    }
    .blog-content .related-news .sub-tags a {
        font-size: 0.75rem;
    }
    .blog-content .related-news.related-1 {
        padding-top: 16px;
    }
    .blog-content .related-news .editor {
        font-size: 0.625rem;
    }
    #main .blog-tablet-view .related-news .related-inner {
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        display: block;
        overflow: hidden;
    }
    #main .blog-tablet-view .related-news,
    #main .blog-tablet-view .related-news.related-3 .related-inner {
        border-bottom: none;
    }
    #main .right-section live {
        margin-bottom: 6px;
    }
    #main .sidebar-blog-ad {
        margin-top: 16px;
        max-height: 115px;
    }
    #main.blog-content #primary.spotlight-page .blog-img {
        max-height: initial;
        overflow: initial;
    }
    .species .main-news .section-title h3 {
        font-size: 1.613rem;
    }
    .species .main-news p {
        padding-top: 0;
    }
    #main .container .related-news .float-start {
        max-width: 60%;
    }
    #main.species .col.my-sidebar .latest-news-ad {
        margin-bottom: 20px;
    }
    #main.species .blog-section .blogs .blog-img a img.img-fluid {
        max-height: inherit;
    }
    .species .popular-stories .related-news {
        padding-top: 0;
        border-bottom: none;
    }
    .species .popular-stories .related-news h2 {
        padding-top: 0 !important;
    }
    .species .popular-stories-wrapper .related-news .heading {
        font-size: 1.25rem;
    }
    .species .right-section .section-title h3 {
        font-size: 1.613rem;
    }
}

@media (max-width: 781px) {
    #main.species .col.main-news {
        width: 100%;
        flex: none;
    }
    #main.species .col.my-sidebar {
        width: 100%;
        flex: none;
        margin: 20px 0;
    }
    #main.species .col.my-sidebar .sidebar-blog-ad {
        max-height: 220px;
        margin-bottom: 35px;
    }
    #main.species .popular-1 p {
        display: none;
    }
    #main.species .popular-2 {
        margin-top: 15px;
    }
    #main.species .popular-2 p {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .blog-tablet-view {
        display: block;
    }
    .blog-tablet-hide {
        display: none;
    }
    #main .blog-tablet-view .related-news .float-start {
        max-width: 130px;
    }
    .blog-content .related-news .sub-tags a {
        font-size: 0.75rem;
    }
    .blog-content .related-news.related-1 {
        padding-top: 16px;
    }
    .blog-content .related-news .editor {
        font-size: 0.625rem;
    }
    #main .blog-tablet-view .related-news .related-inner {
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        display: block;
        overflow: hidden;
    }
    #main .blog-tablet-view .related-news,
    #main .blog-tablet-view .related-news.related-3 .related-inner {
        border-bottom: none;
    }
    #main .right-section live {
        margin-bottom: 6px;
    }
    #main .sidebar-blog-ad {
        margin-top: 16px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .page-template-spotlight-page .blogs-no-2-4 .related-news .float-start {
        max-width: 75%;
    }
    .live .blog-img a img.img-fluid {
        max-height: 189px;
    }
    #main.blog-content .live .blog-img a img.img-fluid {
        min-height: 670px;
        object-fit: cover;
    }
}

@media screen and (min-width: 1900px) {
    .page-template-spotlight-page .blogs-no-2-4 .related-news .float-start {
        max-width: 80%;
    }
}</pre></body></html>