/**
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    font-family: 'Work Sans', sans-serif;
    color: #444444;
}

a {
    cursor: pointer;
    color: #52aadd;
    /*#106eea;*/
    text-decoration: none;
}

a:hover {
    color: #3b8af2;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Work Sans", sans-serif;
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #106eea;
    border-top-color: #e2eefd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 45px;
    /* bottom: 15px; */
    bottom: 8px;
    z-index: 996;
    background: #07A6C5;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 1.75rem;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #07A6C5;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}


/* ============================================================
LOGIN PAGE
============================================================ */

#primary.login-page {
    min-height: 75vh;
    margin: 4.25rem auto;
}

#primary.login-page header {
    padding-top: 70px;
    margin-bottom: 2.5rem;
    /* border-bottom: 1px dotted #C3BCB6; */
}

#primary.login-page header h1 {
    text-align: center;
}

#primary.login-page header .sub-header {
    display: block;
    margin-bottom: 0.5rem;
    font-family: var(--main-font-sans);
    color: #5c5955;
    text-align: center;
}

#primary.login-page #content>div,
#primary.verify-email-page #content .entry-content,
#primary.login-page #content>div {
    margin: auto;
    padding: 3.5rem 5rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    /* background: white;
    border: solid 1px #e2e1e1;
    border-radius: 5px; */
}

#primary.verify-email-page #content .entry-content .entry-content {
    border: none;
}

#primary.login-page .no-account {
    margin-top: 1.75rem;
    padding-top: 1.75rem;
    font-family: var(--main-font-sans);
    color: #838384;
    font-size: 1rem;
    font-weight: bold;
    border-top: solid 1px #e2e1e1;
    text-align: center;
}
#primary.login-page .no-account a {
    color:#07a6c5;
}
#wp-submit-resetpassword {
    max-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 30px;
}
#resetpassform .bi-exclamation {
    float: left;
    margin-top: 10px;
    margin-right: 12px;
    background: #07A6C5;
    color: #fff;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-login #header {
    margin-top: 0;
}

.ucn-login-error {
    visibility: hidden;
    font-size: 0.813;
    line-height: 1.25rem;
    transition: all 0.5s;
    position: relative;
}

.ucn-submit-button.ucn-login-submit,
.ucn-submit-button.login-with-email,
.verify-email-page .ucn-submit-button {
    width: 100%;
}
.ucn-submit-button.login-with-email {
    margin-top: 1.25rem;
}
.ucn-submit-button.login-with-email:hover,
.ucn-submit-button.login-with-email,
.ucn-submit-button.login-with-email:disabled,
.ucn-submit-button.login-with-email:disabled:hover {
    background-color: white;
    border: 1px solid #07A6C5;
    margin-top: 0.5em;
    color: #07A6C5;
    text-transform: none;
    font-size: small;
}

.login-form .form-check {
    text-align: right;
    margin-top: -0.625em;
    margin-bottom: 2.875rem;
}

.forgot_link {
    cursor: pointer;
}

.error+.ucn-login-error {
    visibility: visible;
    color: #df5655;
    margin-top: 5px;
}

.ucn-login-error .bi {
    position: absolute;
    top: -2.3rem;
    right: .75rem;
    font-size: 1rem;
}

.icon-exclamationmark-icon .bi-exclamation-circle-fill:before {
    content: "\f332";
    color: rgb(224, 86, 84);
}

.ucn-login-error:not(.invalid-response) {
    text-align: right;
    justify-self: end;
}

.ucn-login input:not([type="checkbox"]):not([type='submit']).error {
    border-color: #df5655;
}

.ucn-login-error.invalid-response {
    justify-self: stretch;
    width: 100%;
    height: 0px;
    border-radius: 3px;
    background: #FFE4E4;
    font-weight: normal;
    text-align: center;
    transition: height 0.5s;
}

.ucn-login-error.invalid-response.error {
    height: auto;
    visibility: visible;
    padding: 1rem;
    box-sizing: border-box;
    /* needed in responsive layouts */
}

.ucn-login-error.invalid-response.success {
    height: auto;
    visibility: visible;
    padding: 1rem;
    box-sizing: border-box;
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.ucn-login-error a.new-verification-link {
    font-weight: bold !important;
}

.error+.ucn-login-error {
    visibility: visible;
}

.ucn-reset-pw {
    display: none;
}

.ucn-login label.error {
    color: red;
}
.ucn-login label.error input {
    border-color: red;
}

.ucn-reset-pw .reset-success {
    /* padding: 1.75rem 1.5rem;
    border-radius: 3px;
    background: #e0ffea; */
    text-align: center;
}

.ucn-reset-pw .reset-success p {
    margin: 2rem 0;
    line-height: 1.42857rem;
    text-align: center;
    font-size: 1rem;
    font-family: 'DM Sans', sans-serif;
    margin: 0 0 12px 0;
}

.ucn-reset-pw .reset-success button {
    background-color: #07A6C5;
    border-color: #07A6C5;
    border-radius: 8px;
    border: 1px;
    padding: 0.5rem 1rem;
    color: white;
    font-weight: normal;
    font-size: .9rem;
    margin-bottom: 30px;
    display: inline-flex;
}
.ucn-reset-pw .reset-success button .bi {
    font-size: 1.5rem;
    font-weight: bold;
    padding-right: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.sign-in input.form-control,
.verify-email-page input.form-control {
    margin-bottom: 10PX;
}

.ucn-reset-pw .reset-success button span:before {
    margin-right: 0.75rem;
    content: "\e922";
    font-family: 'icomoon' !important;
}
.ucn-login-remember {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #000;
}
input.ucn-login-remember {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 1.5px solid #07A6C5;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    background: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
input.ucn-login-remember:checked {
    background: #07A6C5;
    border-color: #07A6C5;
}
input.ucn-login-remember:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: 1.5px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
input.ucn-login-remember:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(7, 166, 197, 0.35);
}
.ucn-submit-button {
    background-color: #07A6C5;
    border-color: #07A6C5;
    cursor: pointer;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: .7rem 3rem;
    transition: 0.2s all;
    border-radius: 4px;
    border: 1px;
}
.ucn-submit-button.ucn-login-submit:focus {
    background-color: #07A6C5;
    border-color: #07A6C5;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(7, 166, 197, 0.35);
    outline: none;
}
.ucn-submit-button.ucn-login-submit:active {
    background-color: #058fac;
    border-color: #058fac;
    color: #fff;
}
.reset-pw-submit.ucn-submit-button {
    border-radius: 4px;
    border: none;
    /* margin-top: 12px; */
    display: flex;
}

.reset-pw-form {
    /* max-width: 300px; */
    margin-top: 20px;
}

.form-check {
    padding-left: 0;
    margin-top: 5px;
}

.ucn-login-help {
    font-size: 1rem;
    font-weight: bold;
}
.ucn-login-help a.forgot_link {
    color: #07a6c5;
}

.ucn-login-help a {
    color: #A5A5A5;
    /* needed to override header styles */
    border-bottom: 1px solid transparent;
}

.ucn-login-help a:--enter {
    border-bottom: 1px solid #D3D3D3 !important;
    /* needed to override header styles */
}

.ucn-login-help span {
    color: #A5A5A5;
    padding: 0 0.5rem;
}


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}


/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

.top-section {
    background: #091B28;
    /* background: linear-gradient(180deg, rgba(12, 43, 65, 1) 0%, rgba(9, 26, 39, 1) 100%); */
}

#topbar {
    transition: all 0.5s;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 30px 0px 0px 0;
    background: #091B28;
    background-image: linear-gradient(180deg, rgba(12, 43, 65, 1) 0%, rgba(9, 26, 39, 1) 100%);
}

#topbar .contact-info i {
    font-style: normal;
    color: #fff;
}

#topbar .contact-info i a,
#topbar .contact-info i span {
    padding-left: 5px;
    color: #fff;
}

#topbar .contact-info i a {
    line-height: 0;
    transition: 0.3s;
    transition: 0.3s;
}

#topbar .contact-info i a:hover {
    color: #fff;
    text-decoration: underline;
}

#topbar .social-links a {
    color: rgba(255, 255, 255, 0.7);
    line-height: 0;
    transition: 0.3s;
    margin-left: 20px;
}

#topbar .social-links a:hover {
    color: white;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    font-family: 'DM Sans', sans-serif;
    /* z-index: 999997; */
    height: 82px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    padding-top: 38px;
    position: relative;
}

#header .container {
    padding-bottom: 37px;
}

#header.fixed-top {
    transition: .5s;
    margin-top: 0;
    padding-top: 0;
    height: 70px;
    /* background: rgb(12, 43, 65);
    background: linear-gradient(180deg, rgba(12, 43, 65, 80%) 0%, rgba(9, 26, 39, 90%) 100%); */
    background-color: #0C2B41;
}

#header.fixed-top.admin-user {
    height: 80px;
    /* z-index: 10;
    margin-top: 30px; */
}

#header.fixed-top .container {
    padding-top: 30px;
}

#header .container #navbar {
    padding-top: 6px;
}

#header .logo {
    margin: 0;
    padding: 0;
    line-height: 1;
    z-index: 10;
}

.nav-logo-tablet-view {
    display: none;
}

#header .logo a {
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    /* font-size: 1rem; */
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

#header .logo a img {
    max-height: 36px;
    min-width: 319px;
}

#header .logo a span {
    color: #106eea;
}

.scrolled-offset {
    margin-top: 70px;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/**
* Desktop Navigation
*/

.navbar {
    padding: 0;
    position: static;
}

.ucn-nav li:focus-visible,
.ucn-nav li {
    outline: none;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    /* position: relative; */
    position: static;
}

.navbar>ul>li,
.notification-row>ul>li {
    white-space: nowrap;
    padding: 10px 0 10px 15px;
}
.navbar>ul>li.ucn-prices-menu-image-top,
.navbar>ul>li.ucn-trade-menu-image-top,
.navbar>ul>li.my-ucn-menu-image {
    padding-top: 0;
    padding-bottom: 5px;
    margin-top: -5px;
}
.navbar ul li.ucn-trade-menu-image {
    padding: 10px 20px 0 !important;
}
.ucn-trade-menu-image a {
    background-image: url(../img/UCNtrade-logo-nav.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    width: 91px;
    padding: 0 0 10px 0 !important;
}

.navbar ul li.ucn-us-wholesale-new.ucn-new-tag {
    padding: 8px 0;
}
.ucn-us-wholesale-new.ucn-new-tag>a {
    background-image: url(../img/new-tag.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 103px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar ul li.ucn-shrimp-tracker-new.ucn-new-tag {
    padding: 8px 0;
}
.ucn-shrimp-tracker-new.ucn-new-tag>a {
    background-image: url(../img/new-tag.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 115px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar-mobile .dropdown li>a {
    background-position-x: 124px;
}

.navbar ul li.ucn-reports-new.ucn-new-tag {
    padding: 8px 0;
    width: 93px;
}
.navbar ul li.topmenu.ucn-reports-new.ucn-new-tag {
    padding: 8px 0 8px 8px;
    width: 93px;
}
.navbar.navbar-mobile ul li.topmenu.ucn-reports-new.ucn-new-tag {
    padding: 8px 0;
    width: 106px;
}
.ucn-reports-new.ucn-new-tag>a {
    background-image: url(../img/new-tag.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 55px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.navbar-mobile ul li.ucn-reports-new.ucn-new-tag {
    width: 112px;
}
.navbar-mobile .ucn-reports-new.ucn-new-tag>a {
    background-position-x: 61px;
}
.navbar-mobile .topmenu.ucn-reports-new.ucn-new-tag>a {
    background-position-x: 77px;
}

.navbar ul li.ucn-prices-menu-image-top {
    padding: 11px 0 3px 15px !important
}
.ucn-prices-menu-image-top>a {
    background-image: url(../img/UCNprices-logo-nav-top.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    width: 103px;
    padding: 0 0 10px 0 !important;
}
.navbar ul li.ucn-trade-menu-image-top {
    padding: 13px 0 3px 15px !important
}
.ucn-trade-menu-image-top>a {
    background-image: url(../img/UCNtrade-logo-nav-top.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    width: 66px;
    padding: 0 0 10px 0 !important;
}
.navbar li.ucn-trade-menu-image-top:hover>a,
.navbar li.ucn-trade-menu-image:hover>a {
    color: transparent !important;
    background-color: transparent;
}
.notification-row>ul>li .ucn-logged-in.dropdown button {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.notification-row>ul>li .ucn-logged-in.dropdown {
    border: none;
    border-radius: 4px;
    background-color: #07A6C5;
}
.notification-row>ul>li .ucn-logged-in.dropdown .ucn-user {
    color: white;
    padding-right: 8px;
    font-size: smaller;
    vertical-align: middle;
}

.notification-row>ul>li .ucn-logged-in img {
    height: 28px;
}

.notification-row>ul>li .ucn-logged-in img.hide {
    display: none;
}

.notification-row>ul>li:hover .ucn-logged-in img.show {
    display: none;
}

.notification-row>ul>li:hover .ucn-logged-in img.hide {
    display: inline-block;
}

.notification-row>ul>li {
    white-space: nowrap;
    padding: 10px 0 0 0px;
    min-width: 42px;
}

.notification-row>ul>li.search-div {
    padding-left: 0;
}

.navbar a {
    display: flex;
    font-family: 'DM Sans', sans-serif;
    align-items: center;
    justify-content: space-between;
    padding: 0 3px;
    font-size: 0.85rem;
    font-weight: normal;
    color: #ffffff;
    white-space: nowrap;
    /* transition: 0.3s; */
    position: relative;
}

.navbar a i {
    font-size: 0.75rem;
    line-height: 0;
    margin-left: 5px;
}

.navbar>ul>li>a.dropdown-toggle::after {
    border: none;
}

.navbar>ul>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -6px;
    left: 0;
    /* background-color: #106eea; */
    visibility: hidden;
    width: 0px;
    /* transition: all 0.3s ease-in-out 0s; */
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
    visibility: visible;
    width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar li:hover>a {
    color: #07a6c5;
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 1.75rem;
    top: calc(100% - 22px);
    left: calc(50% - 240px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    /* background: #091B28; */
    background: transparent;
    /* box-shadow: 0px 0px 8px rgb(7 166 197 / 20%);
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); */
    /* transition: 0.3s; */
}
/*=========New MegaMenu=========*/
.navbar>ul>li.topmenu.speciessection,
.navbar li.topmenu.speciessection a,
.navbar>ul>li.topmenu.regionssection,
.navbar li.topmenu.regionssection a,
.navbar>ul>li.topmenu.eventssection,
.navbar li.topmenu.eventssection a {
    white-space: inherit;
}
#menu-header>li.dropdown:hover::before {
    content: '';
    position: absolute;
    display: block;
    /* background-color: #0c2b41;  */
    background-color: #091B28;   
    /* background-position: top center;
    background-repeat: repeat-x;
    background-image: url(../img/menu-hover-bg.png); */
    height: 270px;
    width: 100%;
    top: 63px;
    left: 0;
    max-width: 100%;
    z-index: 2;
}
.notification-row.navbar .dropdown ul.dropdown-menu {
    left: inherit;
    padding: 0;
}
#menu-header .dropdown-menu li.dropdown .dropdown-toggle::after {
    background-repeat: no-repeat;
    background-image: url(../img/arrow-icn.svg);
    width: 12px;
    height: 9px;
     border: none;
}
.navbar-mobile #menu-header .dropdown-menu li.dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
    background-image: none;
}
/* .navbar.navbar-expand-lg .dropdown ul {
    padding: 0;
} */

.navbar .dropdown ul li {
    min-width: 200px;
}
/*===New News menu on hover Starts=====*/
.species-contents, 
.regions-contents,
.events-contents {
    display: none;
}
ul.menu .species-menu-recent,
ul.menu .regions-menu-recent,
ul.menu .events-menu-recent {
    height: 40px;
}
ul.menu .species-menu-recent:hover a .species-contents.desktop,
ul.menu .regions-menu-recent:hover a .regions-contents.desktop,
ul.menu .events-menu-recent:hover a .events-contents.desktop {
    display: block;
    position: absolute;
    left: 200px;
    top: 0;
    min-width: 400px;
}
.navbar .dropdown ul li.regions-menu-recent {
    min-width: 400px;
}
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(1) a,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(2) a, 
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(3) a,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(4) a,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(5) a,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(6) a {
    z-index: 10;
}
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(1) a .regions-contents.desktop,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(2) a .regions-contents.desktop,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(3) a .regions-contents.desktop,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(4) a .regions-contents.desktop,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(5) a .regions-contents.desktop,
ul.menu .col:first-child .regions-menu-recent:hover:nth-child(6) a .regions-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(1) a .events-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(2) a .events-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(3) a .events-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(4) a .events-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(5) a .events-contents.desktop,
ul.menu .col:first-child .events-menu-recent:hover:nth-child(6) a .events-contents.desktop {
    left: 400px;
    z-index: 12;
}
.nav-item.expand.dropdown>.sub-menu>.row {
    flex-wrap: nowrap;
}
ul.menu .col:nth-child(2) .regions-menu-recent:hover:nth-child(1) a .regions-contents.desktop,
ul.menu .col:nth-child(2) .regions-menu-recent:hover:nth-child(2) a .regions-contents.desktop {
    left: 200px;
}
ul.menu .species-menu-recent:hover .species-contents.mobile,
ul.menu .regions-menu-recent:hover .regions-contents.mobile,
ul.menu .events-menu-recent:hover .events-contents.mobile {
    display: none;
}
ul.menu li.species-menu-recent:hover:nth-child(2) .species-contents,
ul.menu li.regions-menu-recent:hover:nth-child(2) .regions-contents,
ul.menu li.events-menu-recent:hover:nth-child(2) .events-contents {
    top: -40px;
}
ul.menu li.species-menu-recent:hover:nth-child(3) .species-contents,
ul.menu li.regions-menu-recent:hover:nth-child(3) .regions-contents,
ul.menu li.events-menu-recent:hover:nth-child(3) .events-contents {
    top: -80px;
}

ul.menu li.species-menu-recent:hover:nth-child(4) .species-contents,
ul.menu li.regions-menu-recent:hover:nth-child(4) .regions-contents,
ul.menu li.events-menu-recent:hover:nth-child(4) .events-contents {
    top: -120px;
}

ul.menu li.species-menu-recent:hover:nth-child(5) .species-contents,
ul.menu li.regions-menu-recent:hover:nth-child(5) .regions-contents,
ul.menu li.events-menu-recent:hover:nth-child(5) .events-contents {
    top: -160px;
}

ul.menu li.species-menu-recent:hover:nth-child(6) .species-contents,
ul.menu li.regions-menu-recent:hover:nth-child(6) .regions-contents,
ul.menu li.events-menu-recent:hover:nth-child(6) .events-contents {
    top: -200px;
}


.species-contents .main-heading,
.regions-contents .main-heading,
.events-contents .main-heading {
    font-family: 'DM Sans', sans-serif;
    padding-bottom: 22px;
    margin-bottom: 7px;
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #fff;
    border-bottom: 4px solid #3e83c7;
}
ul.menu .species-menu-recent .news-heading a,
ul.menu .regions-menu-recent .news-heading a,
ul.menu .events-menu-recent .news-heading a {
    position: inherit;
    margin: 9px 0 0;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
  font-size: 0.70rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.2px;
  white-space: break-spaces;
  color: #fff !important;
}
.species-contents ul.news-line,
.regions-contents ul.news-line,
.events-contents ul.news-line {
    position: inherit;
    opacity: 1;
    visibility: visible !important;
}
.species-contents ul.news-line li,
.regions-contents ul.news-line li,
.events-contents ul.news-line li {
    list-style: none;
    border-bottom: solid 1px rgb(255 255 255 / 10%);
    margin: 9px 0 11px 0;
    white-space: normal;
}
.species-contents ul.news-line li a,
.regions-contents ul.news-line li a,
.events-contents ul.news-line li a {
    margin: 0;
    padding: 0px 0 11px 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.70rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: -0.1px;
    color: #fff !important;
    white-space: normal;
}
.species-contents ul.news-line li:last-child,
.regions-contents ul.news-line li:last-child,
.events-contents ul.news-line li:last-child {
    border-bottom: none;
}
.species-contents ul.news-line li:first-child a,
.regions-contents ul.news-line li:first-child a,
.events-contents ul.news-line li:first-child a {
    padding-top: 20px;
}
/*===New News menu on hover Ends=====*/



/* .navbar .dropdown ul li:hover,
.dropdown-item:focus,
.dropdown-item:hover {
    background: #07a6c5;
} */

.navbar ul ul li.species-menu-recent li a i.bi-arrow-right-short::before,
.navbar ul ul li.regions-menu-recent li a i.bi-arrow-right-short::before,
.navbar ul ul li.events-menu-recent li a i.bi-arrow-right-short::before {
    background-repeat: no-repeat;
    background-image: url(../img/arrow-icn.svg);
    width: 12px;
    height: 9px;
     border: none;
     content: "";
}
.navbar .dropdown>ul>li:hover a {
    color: #07a6c5;
}
.navbar.notification-row .dropdown>ul>li:hover a {
    color: #07a6c5;
}
.ucn-account-menu {
    width: auto !important;
}

.ucn-account-menu>ul {
    background-color: #0C2B41;
}

.ucn-account-menu ul ul {
    right: 0;
    background-color: #091B28;
}

.ucn-account-menu>ul {
    padding-left: 0;
}

.navbar .dropdown ul a,
.ucn-account-menu ul ul li a {
    padding: 10px 20px;
    font-weight: 400;
}

.navbar .dropdown ul a i {
    font-size: 0.75rem;
}

/* .navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a,
.ucn-account-menu ul ul li:hover a {
    color: #fff;
} */
.ucn-account-menu ul ul li:hover {
    background: #091B28 !important;
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    /* top: 100%; */
    visibility: visible;
    border: none;
}
.notification-row.navbar .dropdown:hover>ul {
    background-color: #091B28;
    top: 38px;
}
.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 0px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    /* left: 100%; 
     width: calc(150% + 65%);*/
    left: calc(100% - 0px);
   width: 100%;
    visibility: visible;
}

.notification-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.notification-row .nav {
    flex-wrap: nowrap;
}

.ucn-account-menu ul ul.dropdown-menu li {
    text-align: left;
    min-width: inherit;
}

.ucn-account-menu a:hover,
.ucn-account-menu a:active,
.ucn-account-menu a:focus {
    border-bottom: none !important;
}

.sign-in .bi {
    font-style: inherit;
    color: #df5655;
}

.sign-in .bi a {
    padding-left: 10px;
}
.show-password {
    position: relative;
}
.toggle-password {
    position: absolute;
    right: 18px;
    top: 8px;
}
.show-password .toggle-password {
     top: 32px;
}
.toggle-password .bi {
    color: #07A6C5;
}
.toggle-password .bi-eye-slash {
    color: #df5655;
}

.ucn-logged-in,
.ucn-logout,
.ucn-subscribe,
.ucn-login {
    padding: 0 5px 0px 5px !important;
    font-family: 'DM Sans', sans-serif;
    /* float: left;
    width: 100%;*/
    text-align: center;
}

.notification-row a.newsletters {
    margin-right: 10px;
}

.notification-row a.newsletters,
.ucn-logged-in .btn,
.ucn-subscribe .btn,
.ucn-logout .btn {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    border-radius: 4px;
    background-color: #07a6c5;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    padding: 4px 8px !important;
}

.navbar li:hover>a.newsletters {
    color: #ffffff;
}

.ucn-logged-in .btn {
    background-color: transparent;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

/* #header.fixed-top .ucn-logged-in {
    background: transparent;
} */

.notification-row ul li.ucn-login .btn {
    background-color: transparent;
    padding: 0 6px !important;
}

.ucn-login .btn .bi-person-circle::before {
    margin-right: 0;
}

.ucn-logged-in .btn .bi,
.ucn-subscribe .btn .bi,
.ucn-login .btn .bi,
.ucn-logout .btn .bi {
    font-size: 1.5rem;
}


/*
Main Heading
*/

#content>.main-heading {
    padding: 0;
    background-color: rgb(11 61 96 / 10%);
}

#content>.main-heading h1,
.account-subs h1 {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.813rem;
    letter-spacing: 1.8px;
    color: #0b3d60;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 12px 16px 0;
    float: left;
}
#content>.main-heading.aquaculture h1 {
    padding-right: 0;
}
#content>.main-heading.salmon {
    background-color: #e88b58;
}

#content>.main-heading.pelagics {
    background-color: #eeb44e;
}

#content>.main-heading.whitefish {
    background-color: #71a861;
}

#content>.main-heading.shrimp,
#content>.main-heading.shellfish {
    background-color: #e14f62;
}

#content>.main-heading.tuna {
    background-color: #3e83c7;
}

#content>.main-heading.salmon h1,
#content>.main-heading.pelagics h1,
#content>.main-heading.whitefish h1,
#content>.main-heading.shrimp h1,
#content>.main-heading.shellfish h1,
#content>.main-heading.tuna h1 {
    color: #ffffff;
    float: left;
}
#content>.main-heading.salmon a.species-bookmark.btn,
#content>.main-heading.pelagics a.species-bookmark.btn,
#content>.main-heading.whitefish a.species-bookmark.btn,
#content>.main-heading.shrimp a.species-bookmark.btn,
#content>.main-heading.shellfish a.species-bookmark.btn,
#content>.main-heading.tuna a.species-bookmark.btn,
#content>.main-heading a.species-bookmark.btn {
    /* background: rgb(255 255 255 / 40%); */
    margin-top: 6px;
    border: 1px solid rgb(255 255 255 / 60%);
    font-size: 0.75rem;
    color: #fff;
}
#content>.main-heading a.species-bookmark.btn {
    color: #212529;
    margin-left: 12px;
    border: 1px solid rgb(33 37 41 / 40%);
}
#content>.main-heading.salmon a.species-bookmark.btn:hover,
#content>.main-heading.pelagics a.species-bookmark.btn:hover,
#content>.main-heading.whitefish a.species-bookmark.btn:hover,
#content>.main-heading.shrimp a.species-bookmark.btn:hover,
#content>.main-heading.shellfish a.species-bookmark.btn:hover,
#content>.main-heading.tuna h1 a.species-bookmark.btn:hover,
#content>.main-heading a.species-bookmark.btn:hover {
    background-color: #ffffff;
    color: #212529;
    border: 1px solid #fff;
}
#content>.main-heading.salmon a.species-bookmark.btn .bi::before,
#content>.main-heading.pelagics a.species-bookmark.btn .bi::before,
#content>.main-heading.whitefish a.species-bookmark.btn .bi::before,
#content>.main-heading.shrimp a.species-bookmark.btn .bi::before,
#content>.main-heading.shellfish a.species-bookmark.btn .bi::before,
#content>.main-heading.tuna a.species-bookmark.btn .bi::before,
#content>.main-heading a.species-bookmark.btn .bi::before {
    font-size: 1rem;
    font-weight: bold !important;
    float: left;
}
/*
GDPR consent form & Privacy Settings
*/

#ucn-gdpr-overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 7901;
}

#ucn-gdpr-banner {
    position: fixed;
    background: white;
    bottom: 0;
    z-index: 7902;
    width: 100%;
    padding: 1.25rem 2.5rem;
    box-sizing: border-box;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.55);
}

#ucn-gdpr-banner>div {
    /* max-width: var(--page-width); */
    width: 100%;
    margin: auto;
    overflow: hidden;
}

#ucn-gdpr-banner:focus {
    outline: none;
}

#ucn-gdpr-banner .info {
    overflow: hidden;
    float: left;
    width: 55%;
}

#ucn-gdpr-banner .info h4 {
    margin-bottom: .55rem;
    /*makes our banner fit nicely all the way til 760px */
}

#ucn-gdpr-banner .info p {
    margin: 0;
    font-size: 0.938rem;
    line-height: 1.5rem;
    font-family: var(--main-font-sans);
    color: #45474b;
}

#ucn-gdpr-banner .info p span {
    text-decoration: underline;
    font-weight: bold;
}

#ucn-gdpr-banner a.manage {
    border-bottom: 1px dotted var(--main-font-color);
    color: var(--main-font-color);
}

#ucn-gdpr-banner a.manage:--enter {
    color: var(--main-font-color);
    border-style: solid;
}

#ucn-gdpr-banner .actions {
    float: right;
    width: 300px;
    height: 100%;
    text-align: center;
}

#ucn-gdpr-banner .actions .ucn-submit-button {
    margin: 12% auto 0;
    padding: 0;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 260px;
    max-width: 100%;
    /* needed for tablet mode */
}

#ucn-gdpr-banner .actions .ucn-submit-button.ucn-success:after {
    top: 0;
}

#ucn-gdpr-banner .ucn-gdpr-modal-content {
    padding: 0 2.5rem .75rem;
}


/*
Styling for our more prominent GDPR banner versions
*/

#ucn-gdpr-banner.large {
    padding: 5rem 2.5rem;
}

#ucn-gdpr-banner.large .actions .ucn-submit-button {
    margin-top: 15%;
    height: 40px;
    line-height: 40px;
    width: 300px;
}

#ucn-gdpr-banner.dark {
    background: var(--ucn-black-color);
}

#ucn-gdpr-banner.dark .info h4 {
    color: white;
}

#ucn-gdpr-banner.dark .info p {
    color: white;
}

#ucn-gdpr-banner.dark a.manage,
#ucn-gdpr-banner.dark a.manage:--enter {
    color: white;
    border-bottom-color: white;
}

#ucn-gdpr-banner.light {
    background: white;
}

#primary.privacy-settings-page header {
    border-bottom: 1px dotted #c3bcb6;
    margin-bottom: 2.5rem;
}

#primary.privacy-settings-page header .sub-header {
    display: block;
    margin-bottom: .5rem;
    font-family: Arial, sans-serif;
    color: #5c5955;
    font-size: 1.5rem;
}

table.ucn-privacy-settings {
    margin-bottom: 2.5rem;
    background: white;
    font-size: 0.938rem;
    border: 1px solid #c3bcb6;
}

table.ucn-privacy-settings p {
    font-size: 0.938rem;
    /* font-family: var(--main-font-sans); */
}

table.ucn-privacy-settings a {
    font-weight: bold;
    /* border-bottom: 1px dotted var(--link-color); */
}

table.ucn-privacy-settings thead {
    background: #0b3d60;
}

table.ucn-privacy-settings thead td {
    color: #ffffff;
}

table.ucn-privacy-settings .intro {
    background: #f5f5f5;
}

table.ucn-privacy-settings td {
    line-height: 1.325rem;
    padding: 1.25rem;
    color: #000000;
}

table.ucn-privacy-settings .cat {
    border-top: 1px #0b3d60 dotted;
}

table.ucn-privacy-settings .cat td,
table.ucn-privacy-settings .source td {
    padding-bottom: 0;
}

table.ucn-privacy-settings td.deets {
    padding-bottom: 2.25rem;
}

table.ucn-privacy-settings td.consent {
    text-align: center;
}

table.ucn-privacy-settings td.consent h5 {
    display: inline;
    padding-right: 1rem;
    font-style: italic;
}

table.ucn-privacy-settings .buttons .ucn-submit-button {
    float: right;
    margin-left: 5rem;
    width: 120px;
    /* keep, also for success state */
    height: 45px;
    border: none;
    border-radius: 4px;
    /* keep, also for success state */
}

table.ucn-privacy-settings .buttons small {
    display: block;
    margin-right: 1.875rem;
    overflow: hidden;
    /* makes it take up rremaining space */
    box-sizing: border-box;
    padding: 1rem;
    border: 1px #eaeaea solid;
    background: #f5f5f5;
    font-size: .85rem;
}

table.ucn-privacy-settings .buttons .deets.icon-question-mark {
    margin-right: .66rem;
}

table.ucn-privacy-settings .buttons .deets.icon-question-mark .path1:before {
    color: #56595e;
}

table.ucn-privacy-settings .buttons .deets.icon-question-mark .path2:before {
    content: "i";
    margin-left: -.75rem;
    color: #c7c8c9;
    vertical-align: 2px;
    font-size: 85%;
    font-weight: bold;
}

.notification-row ul li a {
    color: #ffffff;
    font-style: normal;
    line-height: 1.5rem;
}
.notification-row ul li a .bi {
    width: 28px;
    height: 28px;
}
.notification-row ul li.ucn-subscribe a:hover {
    color: #ffffff;
}

.bi-person-circle::before {
    color: #ffffff;
    /* margin-right: 8px; */
}

.ucn-logged-in .bi-person-circle::before {
    color: #07A6C5;
}

.bi-search::before {
    color: #ffffff;
    font-size: 1.438rem;
}

.searchbox-icon:hover .bi-search::before {
    color: #07A6C5;
}

.search {
    padding: 10px 0px 10px 20px !important;
}

#primary.static-page #content {
    padding: 4.25rem 5rem;
    background: #f6f6f6;
    border: 1px solid #d9d9df;
    border-radius: 2px;
    margin-bottom: 56px;
}
#primary.static-page.data-methodology #content,
#primary.static-page.ucn-methodology-page #content {
    background-color: #fff;
    border: none;
    padding: 4.25rem 4.375rem;
}
#primary.static-page.data-methodology #content>h2,
#primary.static-page.ucn-methodology-page #content>h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 22px;
}
#primary.static-page.data-methodology #content h2:nth-child(2),
#primary.static-page.ucn-methodology-page #content h2:nth-child(2) {
    margin: 0 10px 0 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: -0.2px;
    color: #07a6c5;
  
}
#primary.static-page.data-methodology #content h2,
#primary.static-page.ucn-methodology-page #content h2 {
    margin: 0 7px 0 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: -0.2px;
    color: #000;  
}
#primary.static-page #content ol {
    font-family: 'Rubik', sans-serif !important;
    font-size: 1.2em;
    font-stretch: normal;
    font-style: normal;
}
#primary.static-page.data-methodology #content ul,
#primary.static-page.ucn-methodology-page #content ul,
#primary.static-page.data-methodology #content ol,
#primary.static-page.ucn-methodology-page #content ol {
    padding-left: 20px;
    padding-bottom: 30px;
}
#primary.static-page.data-methodology ul li::marker,
#primary.static-page.ucn-methodology-page ul li::marker,
#primary.static-page.data-methodology ol li::marker,
#primary.static-page.ucn-methodology-page ol li::marker {
    color:#07a6c5;
}
#primary.static-page.data-methodology ul li,
#primary.static-page.ucn-methodology-page ul li {
    line-height: 1.39;
    letter-spacing: -0.2px;
    padding-bottom: 6px;
}
#primary.static-page ol.easy-footnotes-wrapper li {
    color: #07a6c5;
}

#primary.static-page header {
    margin: 5rem auto 3.5rem;
}
#primary.static-page.data-methodology header,
#primary.static-page.ucn-methodology-page header {
    margin-top: 0;
    padding: 4.813rem 4.875rem;
    margin-bottom: 29px;
    background-color: #f6f6f6;
}
#primary.static-page header h1 {
    font-family: 'Work Sans', sans-serif;
    padding-bottom: 0.52rem;
    margin-bottom: 0.52rem;
    font-size: 3rem;
    line-height: 1.25rem;
    font-weight: bold;
    text-align: left;
    /* border-bottom: 1px dotted #C3BCB6; */
}
#primary.static-page.data-methodology header h1,
#primary.static-page.ucn-methodology-page header h1 {
    font-size: 3.25rem;
    text-align: center;
    padding: 0;
    margin: 0;
}
#primary.static-page p {
    margin-bottom: 1.944rem;
    font-size: 1.125rem;
    line-height: 1.778rem;
    text-align: left;
}
#primary.static-page.data-methodology p {
    font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: -0.2px;
  color: #000;
  padding-bottom: 20px;
  margin-bottom: 0;
}
#primary.static-page ol,
#primary.static-page ul li {
    padding: 0;
}

#primary.static-page ol li,
#primary.static-page ul li {
    font-size: 1.125rem;
    line-height: 1.778rem;
}

#primary.static-page a {
    color: #07a6c5;
}

#primary.static-page a.ucn-submit-button {
    color: #ffffff;
    border: none;
    border-radius: 4px;
}

#primary.static-page h4 {
    margin: 3rem 0 1.25rem;
}

#primary.static-page .easy-footnotes-wrapper {
    padding-top: 1.75rem;
    border-top: 1px solid #e2e1e1;
    font-family: Arial, sans-serif;
    font-size: 0.75rem;
    color: #9c9c9c;
}


/*===SearchBox===*/

.searchbox {
    position: relative;
    height: 42px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input {
    position: absolute;
    top: 44px;
    right: 10px;
    border: 0;
    outline: 0;
    background: #ffffff;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0px 22px 0px 20px;
    font-size: 1.25rem;
    color: #000000;
    border-radius: 6px;
    z-index: 50;
    min-width: 280px;
    opacity: 0;
    display: none;
}

.searchbox.searchbox-open .searchbox-input {
    min-width: 280px;
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 60%);
    display: block;
}

.searchbox-input::-webkit-input-placeholder {
    color: #e2e1e1;
}

.searchbox-input:-moz-placeholder {
    color: #e2e1e1;
}

.searchbox-input::-moz-placeholder {
    color: #e2e1e1;
}

.searchbox-input:-ms-input-placeholder {
    color: #e2e1e1;
}

.searchbox-icon,
.searchbox-submit {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    top: 5px;
    font-family: verdana;
    font-size: 1.5rem;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    /*color:#FFFFFF;*/
    background: transparent;
    /* background: linear-gradient(180deg, rgba(12, 43, 65, 80%) 0%, rgba(9, 26, 39, 90%) 100%); */
    border-radius: 100%;
}

.navbar-expand-lgucn-logged-out .searchbox-icon {
    top: 0;
}

.ucn-logged-out .searchbox-icon {
    top: -12px;
}

.searchbox-submit {
    text-indent: -9999px;
}

#header.fixed-top .searchbox-icon,
#header.fixed-top .searchbox-submit {
    background: transparent;
}

.ucn-account-menu>ul {
    background-color: transparent !important;
}

.searchbox-open {
    width: 100%;
}

.byline {
    position: absolute;
    top: 150px;
    left: 30%;
    text-align: center;
    font-size: 1.125rem;
}

.byline a {
    text-decoration: none;
    color: #d74b4b;
}


/*===Search Box Ends===*/

.notification-row.sm {
    display: none;
}


/**
* Data Slider
*/

.view-all-data {
    text-align: center;
    line-height: 93px;
}

.view-all-data a {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #0b3d60;
}

.get-all-data {
    padding: 18px 15px 20px 15px;
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #07a6c5;
    height: 100%;
}

.get-all-data .sub-tags {
    opacity: 0.6;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 0;
}

.get-all-data p {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #ffffff;
    margin-bottom: 0;
    padding-top: 5px;
}

.get-all-data .view-all-jobs {
    margin-top: 8px;
}

#data-slider .col-lg-10>.row {
    padding-top: 5px;
    /*12px;*/
    padding-bottom: 5px;
}

#data-slider {
    background-color: #f7f7f7;
    padding: 0;
}

#data-slider>.container .col-lg-9 {
    padding-top: 6px;
}

#data-slider ul.ds-ul {
    padding: 0;
    margin: 0;
    position: relative;
    margin-bottom: 5px;
}

#data-slider li.item {
    width: 100%;
}


/*-------Data Nav Starts--------*/

#data-nav-menu {
    padding: 12px 0;
    border-top: 1px solid rgb(209 209 210 / 30%);
}

#data-nav-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#data-nav-menu ul li {
    list-style: none;
    float: left;
}

#data-nav-menu ul li a {
    display: flex;
    font-family: 'DM Sans', sans-serif;
    align-items: center;
    justify-content: space-between;
    padding: 0 3px;
    font-size: 1rem;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
}


/*-------Data Nav Ends--------*/

#data-slider li,
#data-portal li {
    list-style: none;
    float: left;
    font-family: 'DM Sans', sans-serif;
}

#data-slider li .ds-box {
    padding: 5px 10px;
}

#data-slider li .ds-box #page_.small_graph {
    position: relative;
}

#data-slider li .ds-box .small_graph_title {
    background: rgb(96 125 139 / 20%);
    position: absolute;
    bottom: 0;
    width: auto;
    padding: 2px 8px;
}

#data-slider li .ds-box .small_graph_title p {
    height: auto;
    font-size: 0.625rem;
    margin: 2px;
    -webkit-box-orient: inherit;
}

#data-slider li:hover .ds-box {
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    cursor: pointer;
}

#data-slider li .ds-box h6 {
    font-size: 0.75rem;
    font-family: 'DM Sans', sans-serif;
    color: #0c2b41;
    margin-bottom: 6px;
}

#data-slider li .ds-box li.amount {
    float: left;
    color: #0c2b41;
    font-size: 0.75rem;
    font-weight: 500;
    margin-right: 7px;
}

#data-slider li .ds-box li.red,
#data-slider li .ds-box li.green {
    padding: 1px 2px 0 3px;
    border-radius: 1px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 400;
    font-stretch: normal;
}

#data-slider li .ds-box li.green {
    background-color: #73c526;
}

#data-slider li .ds-box ul.ds-ul .ds-image {
    position: absolute;
    left: 50%;
    width: 74px;
}

#data-slider li .ds-box .ds-date {
    clear: both;
    opacity: 0.4;
    font-size: 0.625rem;
    font-weight: 500;
    color: #0c2b41;
    padding-top: 10px;
    text-align: left;
}

#data-slider .owl-carousel.owl-rtl {
    margin-bottom: 0;
}

#data-slider .owl-dots,
#data-slider .owl-nav {
    display: none;
}

.owl-carousel.owl-loaded {
    margin: 0;
}
.species-news .owl-carousel.owl-loaded {
    margin: 0;
    padding: 0;
}


/*=========Prices Portal Starts============*/

#primary.prices-portal .svelte-prices header {
    display: none;
}

#primary.prices-portal .container-fluid {
    background-color: #f3f3f3;
    padding-top: 0.5rem;
    padding-bottom: 0.65rem;
    /* margin-bottom: 53px; */
}


/*=========Prices Portal Ends============*/


/*=========Data Reports Starts============*/

#primary.reports-page {
    margin-top: 2.5rem;
}

#primary.reports-page #search-sort {
    margin-top: 1.8rem;
}

.reports-page .report-info {
    font-family: 'Work Sans', sans-serif !important;
    background-color: #0b3d60 !important;
    border-radius: 6px;
    margin-top: 0 !important;
    max-width: inherit !important;
}

#primary.reports-page .searchandfilter li.filter.submit {
    width: 100% !important;
    margin: 0 !important;
}

#primary.reports-page .searchandfilter li.filter.keyword,
#primary.reports-page .searchandfilter li.filter.sort,
#primary.reports-page .searchandfilter input {
    width: 100% !important;
}

#primary.reports-page .searchandfilter li.filter.sort {
    margin-top: 0 !important;
}

#primary.reports-page .searchandfilter li.filter.keyword input {
    height: 30px;
}

#primary.reports-page .searchandfilter .filter label {
    font-weight: bold;
}

#primary.reports-page .searchandfilter li.filter.submit label {
    display: none !important;
}

#primary.reports-page .searchandfilter li.filter.submit .ucn-submit-button {
    border: none;
    border-radius: 4px;
    font-family: 'Work Sans', sans-serif !important;
    padding: 10px 24px !important;
}

#primary.reports-page .searchandfilter {
    padding: 0;
    margin: 0;
}

#primary.reports-page .searchandfilter li.filter.keyword,
#primary.reports-page .searchandfilter li.filter.sort {
    width: 100%;
}

#reports-items-list .report {
    border-radius: 6px !important;
    font-family: 'Work Sans', sans-serif !important;
}

#reports-items-list .report-tags {
    height: auto;
}

.reports-page .report-info .access .ucn-submit-button,
.ucn-tp-landing-page .ucn-submit-button {
    font-family: 'Work Sans', sans-serif;
    background-color: #07a6c5 !important;
    border: none;
}

.reports-page .report-info .ucn-submit-button:hover {
    color: #07a6c5 !important;
}

#primary.reports-page #reports h2 {
    font-family: 'Work Sans', sans-serif;
    border-bottom: 1px dotted #0a3452;
    font-weight: 600;
    color: #000000;
}

#reports-items-list .report-title {
    font-family: 'Work Sans', sans-serif;
    background-color: #091B28 !important;
    border-radius: 6px 6px 0 0 !important;
}

#reports-items-list .report-title h4 {
    margin-bottom: 0;
}

#reports-items-list .under-title {
    background-color: #e6ebef !important;
    border-left: solid 1px #d3d3d3 !important;
    border-right: solid 1px #d3d3d3 !important;
}

#reports-items-list .report .thumb,
#reports-items-list .report img {
    height: auto !important;
    width: auto;
    text-align: center;
}

#reports-items-list .report .excerpt {
    height: auto !important;
}

#reports-items-list .report .entry {
    border: solid 1px #d3d3d3;
    border-radius: 0 0 4px 4px;
}

#primary.reports-page .ucn-ln-pages {
    text-align: center;
}

#primary.reports-page .ucn-ln-pages span:first-child {
    border-top-left-radius: 0.25rrem;
    border-bottom-left-radius: 0.25rrem;
    border: 1px solid #dee2e6;
    padding: 0.375rrem 0.75rrem;
}

#primary.reports-page .ucn-ln-pages .page-numbers.current {
    background-color: #e6ebef;
}

#primary.reports-page .ucn-ln-pages a.page-numbers {
    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;
    padding: 0.375rrem 0.75rrem;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


/*=========Data Reports Ends============*/


/*=========Supply and quotas Starts============*/

#primary.ucn-data-charts,
#primary.ucn-tp-landing-page,
#primary.feeds-page {
    min-height: 100vh;
    background-color: #f3f3f3;
}

#primary.ucn-data-charts .container-fluid,
#primary.ucn-tp-landing-page .container-fluid,
#primary.feeds-page .container-fluid {
    background-color: rgb(11 61 96 / 10%);
    padding-top: 0.8rem;
    margin-bottom: 53px;
}

.ucn-data-page-header.entry-header,
#primary.feeds-page .entry-header {
    padding-bottom: 0.75rem;
}

#primary.ucn-tp-landing-page .container-fluid h1 {
    padding-bottom: 1rem;
}

.ucn-data-page-header.entry-header .col-sm-12 {
    align-items: center;
}

.ucn-data-page-header.entry-header h1,
#primary.reports-page .pageheader h1.header,
.ucn-tp-landing-page #content h1,
#primary.prices-portal .container-fluid h1,
#primary.ucn-tp-landing-page .container-fluid h1,
.feeds-page h1 {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    line-height: 0.813rem;
    text-align: left;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 0;
    color: #0b3d60;
    text-transform: uppercase;
    float: left;
}

.ucn-tp-landing-page #content .tp-img img {
    max-width: 100%;
}

.ucn-data-page-header.entry-header .sub-header,
#primary.prices-portal .container-fluid .sub-header,
.feeds-page .sub-header {
    margin: 6px 0 0 1px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #000;
    float: right;
    margin-top: 0;
}

.ucn-data-page-header.entry-header .col-sm-12 {
    align-items: center;
}

#primary.price-page.prices-portal .container-fluid {
    padding: 1.25rem 0;
}

#primary.price-page.prices-portal .container-fluid .container {
    position: relative;
}

#primary.price-page.prices-portal .container-fluid .col-sm-12 {
    align-items: center;
    display: flex;
}

#primary.price-page.prices-portal .container-fluid .col-sm-12.mid,
#primary.price-page.prices-portal .container-fluid .col-sm-12.last {
    justify-content: right;
}

#primary.price-page.prices-portal .container-fluid h1 {
    float: none;
    margin: 0;
}

#primary.price-page.prices-portal .container-fluid .sub-header {
    font-size: 0.7rem;
}

#primary.price-page.prices-portal .container-fluid .sub-header a {
    border-radius: 3px;
    background-color: #07a6c5;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.7rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 10px;
    display: inline-block;
}

#primary.price-page.prices-portal .container-fluid .sub-header {
    margin: 0;
}

#primary.price-page.prices-portal .container-fluid .disclaimer h3 {
    margin: 0 4px 0 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #07a6c5;
    cursor: pointer;
}

#primary.price-page.prices-portal .container-fluid .disclaimer .msg {
    left: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    top: 40px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 0.5rem 1rem;
}

#primary.price-page.prices-portal .container-fluid .disclaimer .msg .bi-caret-up-fill::before {
    color: #07a6c5;
}

#primary.price-page.prices-portal .container-fluid .disclaimer .msg .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
}

#primary.reports-page .pageheader small {
    font-family: 'Work Sans', sans-serif;
    color: #5c5955;
    font-size: 1.15rem;
}

.ucn-data-page-header.entry-header .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

#primary.ucn-data-charts .entry-header .info .beta-label {
    font-family: "Roboto", sans-serif;
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    background-color: #07a6c5;
    color: white;
    padding: 1px 4px;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    line-height: 17px;
    border: none;
    text-transform: uppercase;
}

#primary.ucn-data-charts .entry-header .info .beta-msg {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    opacity: 0.8;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: -0.2px;
    color: #3d3d3e;
    margin-left: 10px;
}

#primary.ucn-data-charts .entry-header .info .beta-msg a {
    color: #07a6c5;
    text-decoration: underline;
}

#primary.ucn-data-charts #content {
    padding: 57px 98px 44px 36px;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
}

#primary.feeds-page .entry-content {
    padding: 57px 0 44px 0;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
    margin-bottom: 53px;
}

#primary.feeds-page section .feed-header {
    padding-left: 2.5em;
}

#primary.feeds-page section .row a {
    font-family: 'Rubik', sans-serif;
    font-size: 0.938rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #000;
}

#primary.feeds-page section .row {
    position: relative;
    overflow: hidden;
    padding-left: 2.5em;
    line-height: 3.25em;
}

#primary.feeds-page section .row:nth-child(even) {
    background: #f0f3f6;
}

#primary.ucn-data-charts .ucn-charts-sidebar select {
    width: 100%;
    margin-bottom: 1.75rem;
    height: 40px;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
    border: solid 1px #0a2c41;
    padding: 10px 18px 10px 16px;
    color: #0a2c41;
    cursor: progress;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95%;
    -moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}

#primary.ucn-data-charts .ucn-charts-sidebar ul {
    height: calc(400px - 40px - 1.75rem - 0.5rem - 1.25rem - 11px);
    overflow-y: scroll;
    border-radius: 3px;
    padding: 1rem;
    background-color: #f9f9f9;
}

#primary.ucn-data-charts .ucn-charts-sidebar small {
    font-size: 0.688rem;
    font-weight: 500;
    opacity: 0.6;
}

#primary.ucn-data-charts .ucn-charts-sidebar li {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.813;
    line-height: 1.46;
    letter-spacing: -0.2px;
    position: relative;
    padding: 0.5rem 0;
    list-style: none;
    cursor: pointer;
}

#primary.ucn-data-charts .ucn-charts-sidebar li a.active {
    color: #07a6c5;
    font-weight: 500;
}

#primary.ucn-data-charts .ucn-charts-sidebar li a span:nth-child(2) {
    float: right;
}

#primary.ucn-data-charts .ucn-charts-sidebar li:nth-child(2) {
    padding-top: 1.25rem;
}

#primary.ucn-data-charts .ucn-charts-sidebar li:not(:last-child) {
    border-bottom: dotted 1px #3D3D3E;
    border-bottom: dotted 1px #3D3D3E;
    border-bottom: dotted 1px var(--main-font-color);
}

.ucn-data-charts .ucn-charts-area {
    position: relative;
}
.ucn-data-charts .ucn-charts-area .single-chart .highcharts-root .highcharts-title {
    font-family: 'Work Sans', sans-serif !important;
}
#primary.ucn-data-charts .ucn-paywall {
    position: absolute;
}

#primary.ucn-data-charts .single-chart {
    transition: -webkit-filter .8s ease-in-out;
    transition: filter .8s ease-in-out;
    transition: filter .8s ease-in-out, -webkit-filter .8s ease-in-out;
}

#primary.ucn-data-charts .ucn-hc-caption {
    display: none;
    margin: 4px 0 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: normal;
    color: #404041;
    margin-top: 33px;
}

#primary.ucn-data-charts .ucn-hc-caption p,
#primary.ucn-data-charts .ucn-hc-caption *,
#primary.ucn-data-charts .highcharts-container .highcharts-caption p {
    color: #404040;
    font-size: 0.813;
    line-height: 1.5rem;
}

.ucn-tp-landing-page #content .text p {
    color: #404040;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

#primary.ucn-data-charts .highcharts-caption {
    display: none !important;
}


/*=========Supply and quotas End============*/


/*=========Galleries Starts============*/

#primary.galleries-page .container-fluid,
#primary.ucn-gallery-page .container-fluid {
    background-color: #f3f3f3;
    padding-top: 1.75rem;
    padding-bottom: 2.5rem;
    margin-bottom: 53px;
}

#primary.galleries-page .container-fluid h1,
#primary.ucn-gallery-page .container-fluid h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.875rem;
    line-height: 1.25rem;
    text-align: left;
    font-weight: 600;
    letter-spacing: -1.9px;
    margin-bottom: 0.25rem;
    color: #000000;
}

#primary.galleries-page .container-fluid .sub-header {
    margin: 6px 0 0 1px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #000;
    text-transform: uppercase;
}

#primary.galleries-page #content .image_container {
    background-color: #0e2b41 !important;
    border-radius: 5px;
    border: 0;
}
#primary.galleries-page #content .image_link_wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
#primary.galleries-page #content .image_link_wrapper::after {
    border-radius: 5px;
  background-image: linear-gradient(to bottom, rgba(14, 43, 65, 0) 31%, #0e2b41 100%);
  position: relative;
  content: '';
  height: 250px;
  width: 100%;
  display: block;
  margin-top: -250px;
  z-index: 0;
  cursor: pointer;
}
#primary.galleries-page #content .image_link_wrapper:hover::after {
    background-image: none;
}
#primary.galleries-page .nextgen_pro_grid_album .image_container img {
    border-radius: 5px;
}
#primary.galleries-page #content .image_container .caption_link {
    z-index: 1;
    position: absolute;
    padding: 15px;
    display: flex;
    text-align: left;
    bottom: 0;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
#primary.galleries-page #content .image_container .caption_link:hover {
    background: linear-gradient(0deg, rgba(14,43,65,1) 0%, rgba(14,43,65,1) 45%, rgba(14,43,65,0) 100%);
}
#primary.ucn-gallery-page .ucn-gallery-photos {
    background-color: #0C2B41;
    border-radius: 3px;
}

#primary.ucn-gallery-page .date {
    font-size: .9375em;
}
#primary.ucn-gallery-page .ucn-gallery-text p {
    font-family:  'Rubik', sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 1em;
}
#ucn-gallery-entry {
    margin-top: 30px;
}
#primary.ucn-gallery-page .ucn-gallery-text p.author.desktop {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
}
#primary.ucn-gallery-page .ucn-gallery-text p.author.desktop span a {
    color: #07a6c5;
}
#primary.ucn-gallery-page .sharingtracker_buttonbar ul {
    margin: 0;
    position: relative;
    display: flow-root;
    padding: 31px 0 45px 0;
}
#primary.ucn-gallery-page .sharingtracker_buttonbar li {
    list-style: none;
    float: left;
    list-style: none;
    width: 48px;
    height: 48px;
    background-color: #f6f6f6;
    margin: 0 10px 0 0;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
}
#primary.ucn-gallery-page .sharingtracker_buttonbar li a {
    color: #000000;
}
#primary.ucn-gallery-page .ucn-gallery-text .author.desktop span, #primary.ucn-gallery-page .sharingtracker_buttonbar li a:hover .path2:before {
    color: #07A6C5;
}
#primary.ucn-gallery-page .sharingtracker_buttonbar li a .sharingtracker_button {
    opacity: 1 !important;
}
#primary.ucn-gallery-page #ucn-gallery-meta .blog-sub {
    padding-left: 0;
}
#primary.ucn-gallery-page #ucn-gallery-meta .blog-sub:before {
    width: 154px;
}
#primary.ucn-gallery-page #ucn-gallery-meta .read-more-article .blog-sub span {
    font-weight: 600;
}
#ucn-gallery-widget {
    padding-top: 0;
}
#ngg-sidebar-widget-2 h3 {
    margin: 0;
}
#ucn-gallery-widget #ngg-sidebar-widget-2 img {
    max-width: 100%;
    min-width: 390px;
    object-fit: cover;
    object-position: center;
    min-height: 200px;
    border-radius: 5px;
}
#ngg-sidebar-widget-2 a span.wp-caption-text {
    margin: 12px 0px 15px 1px;
    font-size: 0.875rem;
    line-height: 1.21;
    letter-spacing: -0.3px;
    padding-bottom: 0;
    font-weight: 400;
    text-align: left;
}
#ngg-sidebar-widget-2 a .wp-caption-text:before {
    content: '';
}
.galleries-page .image_link_wrapper .caption_link a {
    color: #ffffff;
    font-size: 1rem !important;
    font-weight: 500;
    text-align: left;
    line-height: 1.44;
    letter-spacing: -0.1px;
    height: auto;
    display: flex !important;
    justify-content: center;
    height: auto !important;
    max-height: fit-content !important;
}
.ucn-gallery-page .ucn-embed-read-more.transparent {
    background: #07a6c5;
    border: none !important;
    border-radius: 6px !important;
    width: 10em !important;
    text-align: center;
    cursor: pointer;

}
.ucn-gallery-page .ucn-embed-read-more.transparent a {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.18px;
}
/*=========Galleries End============*/


/*=========Data Slider End============*/

@media (max-width: 1366px) {
    /* .navbar .dropdown .dropdown ul {
        left: -90%;
    }
    .navbar .dropdown .dropdown:hover>ul {
        left: -100%;
    } */
    #ucn-gallery-widget #ngg-sidebar-widget-2 img {
        min-width: 306px;
        object-fit: cover;
        object-position: center;
        min-height: 200px;
    }
}


/**
* Mobile Navigation
*/

.mobile-nav-toggle {
    color: #ffffff;
    font-size: 1.75rem;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

@media (max-width: 1024px) {
    .mobile-nav-toggle {
        display: block;
    }
    #topbar {
        padding: 17px 0 0px 0;
    }
    /*==========Species Menu Starts===========*/
    
    .navbar-mobile ul.menu .species-menu-recent,
    .navbar-mobile ul.menu .regions-menu-recent,
    .navbar-mobile ul.menu .events-menu-recent {
        height: auto;
    }
    .navbar-mobile ul.menu .species-contents ul.news-line,
    .navbar-mobile ul.menu .regions-contents ul.news-line,
    .navbar-mobile ul.menu .events-contents ul.news-line {
        display: block;
    }
    ul.menu .species-menu-recent:hover a .species-contents.desktop,
    ul.menu .regions-menu-recent:hover a .regions-contents.desktop,
    ul.menu .events-menu-recent:hover a .events-contents.desktop {
        display: none;
    }
    ul.menu .species-menu-recent:hover .species-contents.mobile,
    ul.menu .regions-menu-recent:hover .regions-contents.mobile,
    ul.menu .events-menu-recent:hover .events-contents.mobile {
        display: block;
        padding: 10px 20px;
    }
    /*==========Species Menu Ends===========*/
    .navbar ul {
        display: none;
    }
    .notification-row.navbar ul,
    .notification-row.navbar ul ul {
        display: flex;
    }
    .notification-row ul.nav.pull-right.top-menu {
        display: flex;
        max-width: 200px;
        justify-content: end;
    }
    #header .container .logo {
        margin: 0;
    }
    .notification-row.sm {
        display: block;
        border-top: 1px dotted #245b82;
        border-bottom: 1px dotted #245b82;
    }
    .notification-row.sm .nav {
        justify-content: space-evenly;
        margin-bottom: 7px;
        margin-top: 12px;
        padding: 0 40px;
    }
    .notification-row>ul>li {
        padding: 0px 0 0px 0px;
    }
    .searchbox-open {
        width: auto;
    }
    .home .newsletter {
        clear: both;
        margin-bottom: 20px;
    }
    #main .sidebar-blog-ad {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .webinar-section .galleries .gallery-thumb-wrapper .caption_link {
        max-width: 250px;
    }
    
    .navbar-mobile.navbar li {
        position: relative;
    }
    .navbar-mobile.navbar #menu-header>li.dropdown:hover::before {
        content: none;
        height: 0;
    }
    .navbar-mobile ul {
        overflow-y: inherit;
    }
    .navbar-mobile .dropdown ul {
        background-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        position: static !important;
    }
    .navbar .dropdown .dropdown:hover>ul {
        width: auto;
        overflow: inherit;
    }
    .navbar-mobile .dropdown li.dropdown>a {
        background-color: #091B28;
    }
    #primary.static-page.data-methodology header h1,
    #primary.static-page.ucn-methodology-page header h1 {
    font-size: 2.25rem;
    line-height: 1.07;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(9, 9, 9, 0.9);
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    left: 45px;
    background: #07a6c5;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    /*bottom: 15px;*/
    left: 15px;
    padding: 15px 20px;
    background-color: #0C2B41;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a {
    padding: 10px 20px;
    font-size: 0.938rem;
    color: #ffffff;
}

.navbar-mobile>ul>li {
    padding: 0;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
    visibility: hidden;
}

.navbar-mobile a:hover,
.navbar-mobile .active {
    color: #ffffff;
    background-color: #091B28;
}

.navbar-mobile li:hover>a {
    color: #ffffff;
    background-color: #07a6c5;
}
.navbar-mobile li.my-ucn-menu-image:hover>a,
.navbar-mobile li.ucn-trade-menu-image:hover>a,
.navbar-mobile li.ucn-trade-menu-image-top:hover>a {
    background-color: transparent;
    color: transparent;
}
.navbar-mobile .getstarted {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 0px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: rgb(136 230 249 / 20%);
    box-shadow: 0px 0px 8px rgb(7 166 197 / 20%);
    /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); */
}

.navbar-mobile .dropdown ul.show {
    display: block;
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 0.75rem;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
    color: #ffffff;
}

.navbar-mobile .dropdown>.dropdown-active {
    display: block;
}


/*--------------------------------------------------------------
 # Sections General
 --------------------------------------------------------------*/


/*==========New Layout for Fixed Width SIdebar Starts===========*/

.col-fixed {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
    float: left;
    width: 100%;
}

.col-fluid {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
    float: left;
    width: 100%;
}


/*==========New Layout for Fixed Width SIdebar Ends===========*/

section {
    padding: 30px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f6f9fe;
}

.section-title {
    text-align: left;
    padding-bottom: 15px;
}

.section-title .main-article-heading {
    font-size: 4.375rem;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.07;
    letter-spacing: -1.5px;
    color: #000000;
    margin: 0;
}


/* REMOVED .sub-tags as it was creating tag-like styling on category page title cat */

.section-title h2:not(.sub-tags) {
    font-size: 0.813;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 8px 20px;
    margin: 0;
    background: #e7f1fd;
    color: #106eea;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
}

.main-content>.main-news>.section-title .main.sub-tags {
    display: none;
}

.section-title .main.sub-tags {
    font-size: 0.625rem;
    letter-spacing: 1px;
    color: #07a6c5;
    font-family: 'DM Sans', sans-serif;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0;
}

.section-title h3 {
    margin: 15px 0 0 0;
    font-size: 2.813rem;
    font-weight: 700;
}

.section-title h3 span {
    color: #106eea;
}

.section-title h3 a,
.related-news h3 a,
.species-list span a,
.editor-main-news h3 a,
.reports-content h3 a,
.blog h3.blog-heading a {
    color: #000000;
}

.species-list span a {
    font-family: 'WorkSans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: normal;
    color: #000000;
}

.section-title h3:hover a,
.related-news h3:hover a,
.editor-main-news h3:hover a,
.reports-content h3:hover a,
.blog h3.blog-heading:hover a {
    color: #0B3D60;
}

.section-title h2 a,
.related-news h2 a,
.editor-main-news h2 a,
.reports-content h2 a,
.blog h2.blog-heading a {
    color: #07a6c5;
}

.section-title h2:hover a,
.related-news h2:hover a,
.editor-main-news h2:hover a,
.reports-content h2:hover a,
.blog h2.blog-heading:hover a {
    color: #0B3D60;
}

#main {
    background-color: white;
}

#main .flex-image a img.thumb-large {
    max-height: 345px;
    object-fit: cover;
}

#main .flex-image a img.thumb-large,
.editor-picks a img.thumb-large {
    max-width: 100% !important;
}

.section-title p {
    margin: 15px auto 0 auto;
    font-weight: 600;
}

.col-fluid .main-news .flex-image {
    position: relative;
}

.main-news p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: normal;
    font-family: 'Rubik', sans-serif;
    color: #000000;
}

.main-news p.tablet-hide {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: normal;
    font-family: 'Rubik', sans-serif;
    color: #5a5a5a;
}

.main-news .position-relative .related-news .float-start {
    max-width: 57%;
}

.main-news .col-xl-8 .editor {
    display: none;
}

.main-news .related-news {
    border-top: solid 1px rgb(0 0 0 / 10%);
    border-bottom: 0;
    width: 100%;
    padding: 16px 12px 12px;
}

.main-news .related-news:nth-child(1) {
    border-top: solid 1px rgb(0 0 0 / 10%);
}

.main-news .related-news:nth-child(2) {
    border-top: solid 1px rgb(0 0 0 / 10%);
    margin-top: 6px;
}

.main-news .related-news:nth-child(3) {
    border-bottom: solid 1px rgb(0 0 0 / 10%);
}

.main-news .related-news.ucn-exclusive.blue {
    background-color: #f0f3f6;
    padding: 12px;
    height: auto;
    border: none;
}

.main-news .related-news .float-end {
    position: relative;
}

.sub-tags,
.sub-tags a {
    font-size: 0.625rem;
    letter-spacing: 1px;
    color: #07a6c5;
    font-family: 'DM Sans', sans-serif;
    text-transform: uppercase;
}

.section-title>.sub-tags {
    padding-top: 6px;
}

.species .sidebar .sub-tags {
    margin-bottom: 2px;
}

.popular-stories ul {
    padding: 0;
}

.popular-stories ul li {
    list-style: none;
}

.continue-reading {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #07a6c5;
    display: block;
    padding-top: 10px;
}

.related-news {
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    padding-top: 12px;
    display: block;
    overflow: hidden;
}

.species .related-news,
.species .related-news .float-end {
    /* padding-top: 8px; */
    padding: 8px 0;
}

.species .related-news .float-start {
    max-width: 70%;
}

.species .related-news .float-end {
    padding-top: 0;
}

.related-news .float-start {
    max-width: 230px;
}

.sidebar .related-news .float-end {
    /* padding-top: 10px; */
    position: relative;
}

.main-news .position-relative .related-news .float-end img {
    max-width: 80px;
}

.related-news .float-end img {
    max-width: 100px;
}

.editor-picks .related-news .float-end {
    position: relative;
}

#pills-tabContent .related-news .float-start {
    max-width: 190px;
}

.under-top-story-1-3 .popular-stories-wrapper .related-news .heading {
    font-size: 1.463rem;
}

.popular-stories-wrapper .related-news .heading {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.463rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: -0.5px;
    color: #000000;
}

.popular-stories-wrapper .related-news .heading a {
    line-height: 1.29;
}

.popular-stories-wrapper .related-news p {
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 30px;
    margin-bottom: 0;
    padding-top: 9px;
}

.related-news .heading {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.29;
    letter-spacing: -0.2px;
    color: #000000;
    font-family: 'Work Sans', sans-serif;
}

.article .related-news .heading {
    font-size: 0.85rem;
}

.related-news .heading a {
    color: #000;
}

.related-news .editor {
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    padding-top: 9px;
}

.main-news .position-relative .related-news .editor {
    display: none;
}

.main-news .position-relative .latest-news-wrapper .latest-news-img {
    position: relative;
}

.editor-picks .related-news .editor {
    padding-top: 0;
}

.species .sidebar .related-news .editor {
    padding-top: 5px;
}


/*=======Blog=========*/

.reporting-section .blog-sub {
    margin-top: 0;
}

.blog-sub {
    border-top: solid 1px #0a3452;
    margin-top: 24px;
    position: relative;
}
.sidebar-related .blog-sub {
    margin-top: 0;
}

.blog-sub:before {
    content: '';
    position: absolute;
    background-color: #0c2b41;
    width: 108px;
    height: 7px;
    left: 0;
    top: 0;
}

.job-section .blog-sub:before {
    width: 48px;
}

.reporting-section .blog-sub:before {
    width: 194px;
}

.home-latestnews .blog-sub:before {
    width: 120px;
}

.home-latestnews .latest-news-img img {
    width: 100%;
    max-height: 161px;
    object-fit: cover;
    /*min-height: 161px;
     object-fit: contain; */
}
.home-latestnews .latest-news-img img.top {
    object-position: top;
}
.home-latestnews .latest-news-img img.center {
    object-position: center;
}
.home-latestnews .latest-news-img img.bottom {
    object-position: bottom;
}

.blog-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #000000;
    margin-top: 13px;
    margin-bottom: 20px;
    font-weight: normal;
    display: block;
}

.live .blog-wrapper {
    padding: 15px;
    border-radius: 2px;
    background-image: linear-gradient(165deg, #0b324e -9%, #004779 111%);
    color: #ffffff;
    margin-bottom: 14px;
}

.live .blog-live {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    line-height: 2.1;
    letter-spacing: 1px;
    font-weight: 500;
    padding-top: 6px;
}

.blog-img {
    position: relative;
}

.live .blog-img a img.img-fluid,
.reporting-section .blogs .blog-img a img.img-fluid {
    max-height: 189px;
    min-height: 189px;
    object-fit: cover;
}

#main.species .blog-section .blogs .blog-img a img.img-fluid {
    max-height: 200px;
    min-height: 200px;
}

.blog-img span.span-live {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.75rem;
    background-color: #093655;
    font-weight: bold;
    padding: 2px 8px 7px 0px;
    text-transform: uppercase;
    line-height: 0;
}

.blog-img span .bi-circle-fill {
    color: #ea402f;
    font-size: 0.5rem;
    padding-right: 3px;
    -webkit-animation: pulsate 1.2s ease-out;
    animation: pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0.5;
}

.blog-wrapper span .live-dot,
.blog-img span .live-dot {
    display: inline-block;
    background: #ea402f;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    -webkit-animation: pulsate 1.2s ease-out;
    animation: pulsate 1.2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0.5;
    margin-right: 5px;
}

.blog-no-1 span .live-dot {
    height: 12px;
    width: 12px;
}

.blogs-no-2-4 span .live-dot {
    height: 6px;
    width: 6px;
}

@keyframes pulsate {
    0% {
        transform: scale(0.8, 0.8);
        opacity: 0.5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 1;
    }
}

.live .blog-heading,
.blogs .blog-heading {
    line-height: 18px;
    margin: 0;
}

.live .blog-heading {
    min-height: 67px;
}

.blogs .blog-wrapper {
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    display: block;
    overflow: hidden;
    padding-bottom: 14px;
    min-height: 315px;
}

.home-latestnews .latest-news-heading {
    line-height: 1rem;
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    padding-bottom: 12px;
    min-height: 73px;
    margin-bottom: 24px;
}

.latest-news-heading a {
    margin: 8px 0 0 1px;
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    color: #000000;
    letter-spacing: -0.2px;
}

.latest-news-heading:hover a {
    color: #0B3D60;
}

.blogs .blog-heading a {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3px;
    color: #000000;
    padding-top: 13px;
    padding-bottom: 20px;
    display: block;
}

.blogs .blog-heading:hover a {
    color: #0B3D60;
}

.live .blog-heading a {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3px;
    color: #ffffff;
}

.blogs .blog-wrapper .blogger {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
}

.blogs .blog-wrapper .blog-post-time {
    opacity: 0.5;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    display: none;
}

.blog-ad {
    /* background-color: #e3e3e3 !important; */
    /* min-height: 177px; */
    max-width: 1296px;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 32px;
    line-height: 177px;
    font-size: 2rem;
}


/*=======Species News=========*/

.species-sub {
    border-top: solid 1px #0a3452;
    margin-top: 64px;
    position: relative;
}

.species-sub:before {
    content: '';
    position: absolute;
    background-color: #0c2b41;
    width: 166px;
    height: 7px;
    left: 0;
    top: 0;
}

.species-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #000000;
    margin-top: 13px;
    margin-bottom: 26px;
    font-weight: normal;
    display: block;
}

.species-news .col {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.species-wrapper {
    width: 300px;
}

.species-heading {
    border-radius: 5px;
    width: 300px;
    height: 140px;
    text-align: center;
}

.species-heading h4 {
    font-family: 'Work Sans', sans-serif;
    font-size: 3.188rem;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    text-align: center;
    color: rgb(0 0 0 / 15%);
    border-radius: 2px;
    margin-bottom: 0;
    padding-top: 10px;
    display: none;
}

.species-heading img {
    margin-top: -20px;
    max-height: 130px;
}

.species-one .species-heading {
    /* background-color: #71a861; */
    min-height: 140px;
}

.species-one .species-heading h4 {
    border-radius: 5px;
    font-family: 'Work Sans', sans-serif;
    font-size: 3.188rem;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    text-align: center;
    color: rgb(0 0 0 / 15%);
    margin-bottom: 0;
}


/* .species-two .species-heading {
    background-color: #eeb44e;
}

.species-three .species-heading {
    background-color: #e88b58;
}

.species-four .species-heading {
    background-color: #e14f62;
}

.species-five .species-heading {
    background-color: #3e83c7;
}

.species-six .species-heading {
    background-color: #e14f62;
} */

.species-sub-heading {
    margin-top: -30px;
}

.species-sub-heading h6 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #ffffff;
    padding-left: 20px;
}

.species-list {
    margin: 0;
    padding: 0;
}

.species-list li {
    list-style: none;
    padding-bottom: 12px;
    padding-top: 16px;
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    min-height: 125px;
}

.species-list li span {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.2px;
    color: #000000;
}

.species-list li span.free-article {
    border-radius: 3px;
    position: inherit;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    padding: 0.336em 0.20em 0.3em 0.5em;
    top: 6px;
    height: 16px;
    margin-right: 6px;
    box-shadow: none;
}

.species-list li:hover span.free-article {
    color: #ffffff !important;
}

.species-list li .bi {
    font-size: 1.125rem;
    font-weight: bold;
    display: flex;
    width: 20px;
    height: 80px;
    float: left;
}

.species-list li .bi:before {
    display: flex;
    /* line-height: 52px; */
}

.species-one .species-list li:hover span,
.species-one .species-list li:hover span a {
    color: #71a861;
    cursor: pointer;
}

.species-two .species-list li:hover span,
.species-two .species-list li:hover span a {
    color: #eeb44e;
    cursor: pointer;
}

.species-three .species-list li:hover span,
.species-three .species-list li:hover span a {
    color: #e88b58;
    cursor: pointer;
}

.species-four .species-list li:hover span,
.species-four .species-list li:hover span a {
    color: #e14f62;
    cursor: pointer;
}

.species-five .species-list li:hover span,
.species-five .species-list li:hover span a {
    color: #3e83c7;
    cursor: pointer;
}

.species-six .species-list li:hover span,
.species-six .species-list li:hover span a {
    color: #e14f62;
    cursor: pointer;
}


.species-list li .bi:before {
    padding-top: 4px;
    display: block;
}

.species-one li .bi:before,
.species-one .species-sub-heading h6 {
    color: #71a861;
}

.species-two li .bi:before,
.species-two .species-sub-heading h6 {
    color: #eeb44e;
}

.species-three li .bi:before,
.species-three .species-sub-heading h6 {
    color: #e88b58;
}

.species-four li .bi:before,
.species-four .species-sub-heading h6 {
    color: #e14f62;
}

.species-five li .bi:before,
.species-five .species-sub-heading h6 {
    color: #3e83c7;
}

.species-six li .bi:before,
.species-six .species-sub-heading h6 {
    color: #e14f62;
}

.species-ad {
    /* background-color: #e3e3e3; */
    max-width: 1296px;
    /* min-height: 177px; */
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 29px;
    line-height: 177px;
    font-size: 2rem;
}


/*=======Webinar=========*/

.webinar-section {
    padding: 82px 0px 0;
    background-color: #ffffff;
    /* background: rgb(246, 246, 246);
    background: linear-gradient(0deg, rgba(246, 246, 246, 0) 83%, rgba(246, 246, 246, 1) 96%); */
}

.webinar-sub {
    border-top: solid 1px #0b3d60;
    position: relative;
}

.webinar-sub:before {
    content: '';
    position: absolute;
    background-color: #0b3d60;
    width: 58px;
    height: 7px;
    left: 0;
    top: 0;
}

.webinar-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #0b3d60;
    margin-top: 7px;
    font-weight: normal;
    margin-bottom: 29px;
    display: block;
}

.webinar-section .col-xl-9>.row {
    background-color: #0b3d60;
    margin-left: 0;
    margin-right: 6px;
}

.webinar-section .web-img-wrapper {
    padding: 34px 43px 26px 39px;
    border-radius: 2px;
    background-color: #f0f3f6;
}

.webinar-section .upcoming-web-logo {
    padding-bottom: 20px;
    font-size: 0.975rem;
    font-weight: 500;
    display: flex;
}
.webinar-section .galleries .upcoming-web-logo {
    padding-bottom: 27px;
}
.webinar-section.podcast-sec .upcoming-web-logo {
    padding-bottom: 12px;
}
.webinar-section .upcoming-web-logo span {
    float: left;
    line-height: 19px;
    font-weight: 500;
    font-size: 1.1rem;
    color: #0b3d60;
}

.webinar-section .upcoming-web-logo img {
    height: 19px;
    float: left;
    padding-right: 6px;
}

.webinar-section .event-btn {
    text-align: right;
}

.webinar-section .event-btn a.view-all-event {
    display: inline-flex;
    margin-top: 0;
    height: auto;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.975rem;
    font-weight: 500;
    letter-spacing: 0.46px;
    padding: 0.336em 0.5em;
    line-height: 18px;
    color: #07a6c5;
    text-align: center;
    cursor: pointer;
}
.webinar-section .galleries .event-btn a.view-all-event {
    font-size: 0.75rem;
    color: #fff;
}
.webinar-section .event-btn a.view-all-event .bi-arrow-right::before {
    font-size: 18px;
}
.past-interview-videos,
.past-interview-videos-first {
    border-top: solid 1px rgb(11 61 96 / 20%);
    padding-top: 32px;
    margin-top: 16px;
}
.podcast-sec .past-interview-videos,
.podcast-sec .past-interview-videos-first {
    padding-top: 16px;
}
.podcast-sec img.thumb-medium {
    max-width: 100%;
}
.past-interview-videos.podcasts {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
.web-live {
    padding: 2px 5px 0px;
    border-radius: 3px;
    background-color: #ea402f;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    display: table;
}

.web-live .bi-youtube {
    font-size: 1rem;
    padding-right: 3px;
    float: left;
}

#webinar-page-article-container .webinar-passed-events-list {
    min-height: 450px;
    display: inline-table;
}

#webinar-page-article-container .webinar-page-media .align-self-center {
    margin: 0!important;
}

#webinar-page-article-container .passed-events-content .webinar-page-row .webinar-page-col-12.sponsors-list img {
    max-width: 66px;
    max-height: 50px;
}

#webinar-page-article-container .sponsors-list {
    text-align: center;
}

#webinar-page-article-container .webinar-passed-events-list img.webinar-page-mr-3 {
    position: relative;
    /*mix-blend-mode: multiply;
    background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0)), linear-gradient(to bottom, #3166c1 34%, #370caf 63%);*/
}

#webinar-page-article-container .webinar-page-related-articles {
    margin: 30px 50px 20px 30px;
    padding: 0rem 0rem 1rem 0rem;
}

.passed-events-content .webinar-passed-events-list img.webinar-page-mr-3 {
    margin: 0 !important;
}

.passed-events-content {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    padding: 16px 24px 22px 24px;
    margin: 0 12px;
}

.passed-events-content {
    position: absolute;
    top: 100px;
    left: 0;
    min-height: 240px;
}

#webinar-page-article-container .passed-events-content .webinars-speakers {
    padding-bottom: 9px;
}

.passed-events-content .webinar-page-speakers {
    text-transform: uppercase;
    margin: 0;
    opacity: 0.6;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000000;
}

.passed-events-content .webinar-date {
    opacity: 0.6;
    text-transform: uppercase;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000000;
}

.passed-events-content .webinar-page-subtitle {
    font-size: 0.625rem;
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 4px;
}

#webinar-page-article-container .webinar-page-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #000000;
    line-height: 1.04;
    min-height: 72px;
}

#webinar-page-article-container .live-webinar .webinar-page-title {
    min-height: auto;
}

#webinar-page-article-container .webinar-page-title a {
    color: #000000;
    font-weight: 600;
}

#webinar-page-article-container .webinar-page-tooltip {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.813;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -0.22px;
    color: #000000;
}

.webinar-page-speakers-thumb {
    position: relative;
    display: block;
    height: auto;
}

.webinar-section .webinar-page-speakers-thumb {
    margin-bottom: 10px;
    height: 60px;
}

.webinar-section .slick-list .passed-events-content .webinar-page-speakers-thumb {
    margin-bottom: 0px;
    height: auto;
}

.webinar-section .passed-events-content .webinar-page-row .webinar-page-col-12.sponsors-list {
    text-align: center;
}

.webinar-section .passed-events-content .webinar-page-row .webinar-page-col-12.sponsors-list img {
    max-width: 66px;
    max-height: 50px;
}

.webinar-section .webinar-page-speakers-thumb a img {
    max-width: 60px;
}

.webinar-section #upcoming-event .webinar-page-speakers-thumb {
    height: 90px;
}

.webinar-page-speaker {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.webinar-page-speaker1 {
    position: absolute;
    left: 70px;
    top: 0px;
    z-index: 1;
}

.webinar-section .webinar-page-speaker1 {
    left: 45px;
}

.webinar-page-speaker2 {
    position: absolute;
    left: 135px;
    top: 0px;
    z-index: 1;
}

.webinar-section .webinar-page-speaker2 {
    left: 80px;
}

.webinar-page-speaker3 {
    position: absolute;
    left: 200px;
    top: 0px;
    z-index: 1;
}

.webinar-section .webinar-page-speaker3 {
    left: 115px;
}

.webinar-page-speaker4 {
    position: absolute;
    left: 270px;
    top: 0px;
    z-index: 1;
}

.webinar-section .webinar-page-speaker4 {
    left: 157px;
}

.webinar-page-speaker5 {
    position: absolute;
    left: 335px;
    top: 0px;
    z-index: 1;
}

.webinar-section .webinar-page-speaker5 {
    left: 195px;
}

.webinar-section .webinar-page-speakers-thumb-inner {
    padding: 0px 10px 20px 0;
}

.webinar-page-speakers-thumb-inner {
    padding: 20px 0 0px 0;
}

.webinar-page-speakers-thumb-inner .speakers-avatar {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 auto 10px;
    position: relative;
    border-radius: 50%;
}

.webinar-page.details .webinar-page-speakers-thumb-inner .speakers-avatar {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 0 auto 18px;
    position: relative;
    border-radius: 50%;
}

.webinar-page-speakers-thumb-inner .speakers-avatar a {
    color: #1479cc;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: all .2s ease;
    cursor: pointer;
}

.webinar-page-speakers-thumb-inner .speakers-avatar span {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: -6px;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: all .2s ease;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee;
    background-image: url(speaker-portrait.png);
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.webinar-page-speakers-thumb-inner .speakers-avatar a:hover span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_0 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_1 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_2 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_3 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_4 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_5 span,
.webinar-page-speakers-thumb-inner .speakers-avatar a.speaker_active_6 span {
    border: 2px solid #318af1;
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%);
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1);
    z-index: 10;
}

#webinar-page-article-container .webinar-page-speakers-thumb {
    margin-top: 1.75rem;
}

#webinar-page-article-container .webinar-page-speakers-thumb-inner .speakers-avatar {
    width: 38px;
    height: 38px;
}

.sponsored {
    font-size: 0.75rem;
    font-family: 'Rubik', sans-serif;
    color: #7F8C8D;
    text-align: center;
    margin-bottom: 10px;
}

.passed-events-content .sponsored {
    margin-bottom: -2px;
    font-size: 0.563rem;
}

.webinar-page-tooltip {
    position: relative;
    font-family: 'Rubik', sans-serif;
    font-size: 1.063rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.5px;
    color: #000000;
}

.webinar-page.index .webinar-page-tooltip {
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    letter-spacing: 0.5px;
}


/* Tooltip text */

.webinar-page-tooltip .tooltiptext {
    visibility: hidden;
    font-weight: normal;
    background-color: #3a70cc;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 25%;
    margin-left: -60px;
    min-width: 200px;
    font-family: 'Rubik', sans-serif;
    font-weight: 100;
}


/* Show the tooltip text when you mouse over the tooltip container */

.webinar-page-tooltip:hover .tooltiptext {
    visibility: visible;
    z-index: 99;
}

.webinar-page-tooltip:hover,
.webinar-page-tooltip.speaker_active_1,
.webinar-page-tooltip.speaker_active_2,
.webinar-page-tooltip.speaker_active_3,
.webinar-page-tooltip.speaker_active_4,
.webinar-page-tooltip.speaker_active_5,
.webinar-page-tooltip.speaker_active_6 {
    color: #3a70cc;
    border: none;
}

.webinar-section .passed-events-content .webinar-page-row .webinar-page-col-12.sponsors-list {
    text-align: center;
}

.webinar-section .passed-events-content .webinar-page-row .webinar-page-col-12.sponsors-list img {
    max-width: 66px;
    max-height: 50px;
}

.webinar-page-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.webinar-section .webinar-page-media {
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: auto;
}

.webinar-page-media a.external-ad-link {
    margin: 0 auto;
}

.webinar-page-sponsors {
    height: 145px;
    border-radius: 5px;
    display: inline-flex;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.webinar-section .webinar-page-sponsors {
    /*display: block;*/
    display: inline-flex;
    height: auto;
    text-align: center;
    margin-top: 0;
}

#webinar-page-article-container .webinar-passed-events-list .webinar-page-sponsors {
    height: auto;
    min-height: 30px;
    max-height: 90px;
}

#webinar-page-article-container .webinar-register-event-btn {
    max-width: 332px;
    height: auto;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.46px;
    padding: 9px;
    line-height: 18px;
    margin-top: 11px;
    border-radius: 4px;
    background-color: #07a6c5;
    text-align: center;
    cursor: pointer;
}

#webinar-page-article-container .webinar-register-event-btn.register {
    background-color: rgb(11 61 96 / 20%);
}

#webinar-page-article-container .webinar-register-event-btn.register a {
    color: #ffffff;
}

#webinar-page-article-container .webinar-register-event-btn:hover {
    background-color: #07a6c5;
}

#webinar-page-article-container .webinar-register-event-btn:hover a {
    color: #ffffff;
}

#webinar-page-article-container .webinar-register-event-btn a {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1.2px;
    color: #ffffff;
}


/*=======New Webinar Video=======*/

.web-img-wrapper-right {
    background-color: #f0f3f6;
    padding: 0 43px 37px 39px;
    min-height: 165px;
}

.webinar-page-speakers-thumb .sub-tags {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: 1px;
    color: rgb(255 255 255 / 70%);
    padding-bottom: 13px;
    margin-bottom: 0;
}

.web-img-wrapper-right .heading a,
.webinar-section .col-lg-3 .heading a {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.25px;
    color: #000000;
    padding-top: 0;
    padding-bottom: 11px;
    display: block;
}

.webinar-section .col-lg-3 .web-img-wrapper-right .heading a {
    color: #000000;
    padding-top: 0;
}

.webinar-section .col-lg-3 .heading a {
    color: #000000;
    padding-top: 0;
}

.web-img-wrapper-right p {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #000000;
}

.web-img-wrapper-right .webinar-page-speakers-thumb {
    bottom: 39px !important;
}

.web-img-wrapper a,
.passed-webinar-videos a {
    position: relative;
    display: flex;
    justify-content: center;
}

.web-img-wrapper .view-all-webinars,
.passed-webinar-videos .view-all-webinars {
    position: absolute;
    top: 0;
    color: #ffffff;
    text-align: center;
    opacity: 0;
}

.web-img-wrapper .view-all-webinars .bi,
.passed-webinar-videos .view-all-webinars .bi,
.passed-webinar-videos1 .view-all-webinars .bi {
    font-size: 36px;
}

.web-img-wrapper .view-all-webinars .bi-box-arrow-in-right::before,
.passed-webinar-videos .view-all-webinars .bi-box-arrow-in-right::before {
    color: #ffffff;
}

.web-img-wrapper:hover a,
.passed-webinar-videos:hover a {
    background-color: #000000;
}

.web-img-wrapper:hover .view-all-webinars,
.passed-webinar-videos:hover .view-all-webinars,
.passed-webinar-videos1:hover .view-all-webinars {
    opacity: 1;
    width: 100%;
    background-color: rgb(0 0 0 / 60%);
    height: 100%;
    /* padding-top: 10px; */
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 90px;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.passed-webinar-videos:hover .view-all-webinars img,
.passed-webinar-videos1:hover .view-all-webinars img {
    max-height: 52px;
}

.passed-webinar-videos .view-all-webinars h6 {
    text-transform: uppercase;
    font-family: 'DMS ans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
}

.passed-webinar-videos1 a {
    position: relative;
    display: flex;
    justify-content: center;
}

.passed-webinar-videos1 .view-all-webinars {
    position: absolute;
    top: 0;
    color: #ffffff;
    text-align: center;
    opacity: 0;
}

.passed-webinar-videos1:hover a {
    background-color: #000000;
}

.passed-webinar-videos1:hover .view-all-webinars {
    opacity: 1;
    width: 100%;
    background-color: rgb(0 0 0 / 60%);
    height: 100%;
    padding-top: 10px;
    font-family: 'DMS ans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 90px;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
}

.passed-webinar-videos1 .view-all-webinars h6 {
    text-transform: uppercase;
    font-family: 'DMS ans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
}

.passed-webinar-videos {
    margin-bottom: 0;
}
.galleries .passed-webinar-videos {
    margin-bottom: 21px;
}

.view-all-videos {
    border-radius: 3px;
    background-color: rgb(11 61 96 / 10%);
    text-transform: uppercase;
    padding: 10px 18px 10px 18px;
}

.view-all-videos:hover {
    background-color: #07a6c5;
}

.view-all-videos:hover a {
    color: #ffffff;
}

.view-all-videos a {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 1px;
    color: #0b3d60;
}

.view-all-videos a .bi {
    float: right;
    font-size: 1.125rem;
}


/*=======Webinar Details Page=======*/

.interview-page.details .interview-page-title,
.webinar-details .webinar-page-title {
    font-family: 'Work Sans', sans-serif;
    text-align: left;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.8px;
    margin: 0;
}

.webinar-details .webinar-page-title {
    margin-bottom: 8px;
}

.interview-page.details .interview-page-speakers-thumb-inner .speakers-avatar span {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.interview-page.details .interview-page-speakers-thumb-inner .speakers-avatar:hover span {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}

.interview-page.details .interview-page-speakers,
.webinar-details .webinar-page-speakers {
    font-family: 'DM Sans', sans-serif;
    color: rgb(0 0 0 / 60%);
}

.interview-page.details .speakers-name,
.webinar-details .webinar-page-tooltip {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.5px;
    color: #000000;
}

.interview-page.details .interview-details,
.webinar-details .webinar-details {
    font-family: Rubik;
    font-size: 1.125rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000;
    padding-top: 25px;
}

.webinar-details #content .sponsors_container .sponsored {
    display: block;
}

.webinar-details .webinar-page-row .webinar-page-timezone-1,
.webinar-details .webinar-page-row .webinar-page-timezone-2,
.webinar-details .webinar-page-row .webinar-page-timezone-3,
.webinar-details .webinar-page-row .webinar-page-timezone-4,
.webinar-details .webinar-page-row .webinar-date,
.interview-page-row .interview-page-timezone-1,
.interview-page-row .interview-page-timezone-2,
.interview-page-row .interview-page-timezone-3,
.interview-page-row .interview-page-timezone-4,
.interview-page-row .interview-date {
    background: #0b3d60 !important;
    font-family: 'Work Sans', sans-serif;
}

.webinar-details .webinar-related-article-list:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.webinar-details .webinar-related-article-list h3 {
    font-family: Rubik;
    font-size: 1.125rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000000;
    padding: 0 15px;
}

.webinar-details .webinar-related-article-list .webinar-page-mr-3,
.webinar-details .webinar-related-article-list .webinar-page-mx-3 {
    margin: 0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.past-events-container .webinar-passed-events-list .webinar-image img.img-fluid {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


/*=======Editor Picks====*/

.editor-sub {
    border-top: solid 1px #0a3452;
    margin-top: 23px;
    position: relative;
}

.editor-sub:before {
    content: '';
    position: absolute;
    background-color: #0c2b41;
    width: 150px;
    height: 7px;
    left: 0;
    top: 0;
}

.editor-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #000000;
    margin-top: 7px;
    margin-bottom: 29px;
    font-weight: normal;
    display: block;
}

.editor-picks .laptop-view {
    display: none;
}

.editor-main-news h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: 1px;
    color: #000000;
}

.editor-main-news h3 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
}

.editor-picks .related-news .heading {
    font-weight: 600;
}

.editor-main-news p {
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 32px;
    margin-bottom: 0;
}

.editor-picks .related-news.last {
    border-bottom: 0;
}

.editor-picks .related-news.first {
    border-top: solid 1px rgb(0 0 0 / 10%);
}

.editor-picks .related-news.first .editor {
    padding-bottom: 11px;
    padding-top: 0;
}

.editor-picks .related-news.first .editor .editor {
    padding: 0;
}
/*----------Fontpage Gallery------------*/
.webinar-section .galleries {
    border-radius: 5px;
    background-color: #0c2b41;
    padding: 23px 35px 14px 38px;
}
.webinar-section .galleries .upcoming-web-logo span {
    color: #ffffff;
}
.webinar-section .galleries .web-img-wrapper {
    padding: 0;
    border-radius: 0;
    background-color: #0c2b41;
}
.webinar-section .galleries .web-img-wrapper-right {
    min-height: inherit;
    padding: 0;
    background-color: #0c2b41;
}
.webinar-section .galleries .web-img-wrapper-right .heading a {
    padding: 19px 0 11px 0;
    color: #ffffff;
}
.webinar-section .galleries .event-btn a.view-all-event {
    width: 140px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.webinar-section .galleries .gallery-thumb-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.webinar-section .galleries .gallery-thumb-wrapper::after{
    border-radius: 5px;
    background-image:  linear-gradient(to bottom, rgba(14, 43, 65, 0) 14%, rgba(14, 43, 65, 0.7) 96%);
    position: relative;
    content: '';
    height: 100%;
    /* height: 188px; */
    width: 100%;
    display: block;
    padding-top: 0;
    /* margin-top: -188px; */
    z-index: 0;
    cursor: pointer;
}
.webinar-section .galleries .passed-webinar-videos a img {
    min-height: 164px;
    object-fit: cover;
    max-height: 164px;
    min-width: 307px;
    border-radius: 5px;
}
.webinar-section .galleries .gallery-thumb-wrapper .caption_link {
    z-index: 1;
    position: absolute;
    padding: 10px 12px;
    display: flex;
    text-align: left;
    bottom: 0;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.webinar-section .galleries .gallery-thumb-wrapper .caption_link a {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.75rem;
  font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: normal;
    color: #fff;
}

/* .webinar-section .galleries .passed-webinar-videos:hover .gallery-thumb-wrapper .view-all-webinars {
    display: none;
} */
.webinar-section .galleries .passed-webinar-videos:hover a {
    background:none;
    
}
.webinar-section .galleries .gallery-thumb-wrapper:hover::after {
    background:linear-gradient(0deg, rgba(14,43,65,1) 30%, rgba(14,43,65,0.01) 100%);
    -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}
.webinar-section .galleries .web-img-wrapper-right p {
    color: #ffffff;
}
.spotlight.jobs .heading {
    line-height: 16px;
}

.spotlight.jobs .jobs-logo {
    padding-bottom: 16px;
}

.spotlight.jobs .heading a {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #ffffff;
    line-height: 1.125rem;
}

.spotlight.jobs .heading li {
    list-style: none;
}

.spotlight.jobs .editor {
    padding-top: 4px;
}

.spotlight.jobs .editor .editor {
    padding: 0;
}

.spotlight.jobs .job-list {
    border-bottom: solid 1px rgb(255 255 255 / 20%);
    padding-bottom: 10px;
    margin-bottom: 8px;
    background-color: transparent;
}

.spotlight .view-all-jobs {
    margin-top: 53px;
}


/*=======Reports====*/

.reports-section {
    padding-top: 4px;
}

.reports-sub {
    border-top: solid 1px #0a3452;
    position: relative;
}

.reports-sub:before {
    content: '';
    position: absolute;
    background-color: #0c2b41;
    width: 87px;
    height: 7px;
    left: 0;
    top: 0;
}

.reports-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #000000;
    margin-top: 7px;
    margin-bottom: 58px;
    font-weight: normal;
    display: block;
}


/* .reports-content {
    float: left;
} */

.reports-content iframe {
    display: block;
    width: 100%;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.reports-content iframe body {
    background-color: #fff;
}

.reports-banner {
    float: right;
    text-align: center;
}

.reports-banner img.thumb-medium {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
}

.reports-logo {
    padding-bottom: 12px;
}

.reports-content h2 {
    font-family: 'WorkSans', sans-serif;
    font-size: 2.5rem;
    line-height: 1.15;
    letter-spacing: -0.5px;
    color: #000000;
}

.reports-content p {
    font-family: 'Rubik', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
    color: #000000;
}

.reports-content p span {
    font-weight: 500;
}

.reports-content .reports-purchase-btn {
    padding: 18px 35px;
    border-radius: 4px;
    background-color: #07a6c5;
    font-family: 'DMSans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-top: 9px;
    display: inline-block;
}

.reports-banner .reports-db {
    text-align: center;
    position: relative;
    font-family: 'WorkSans', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.2px;
    color: #000000;
    padding-top: 16px;
}

.reports-banner .reports-db span {
    padding-left: 14px;
}

.reports-banner .reports-db:before {
    content: '';
    border: 3px solid #000000;
    position: absolute;
    height: 14px;
    margin-right: 5px;
    top: 19px;
}


/*=======All Section=========*/

.all-section-sub {
    border-top: solid 1px #0a3452;
    position: relative;
}

.all-section-sub:before {
    content: '';
    position: absolute;
    background-color: #0c2b41;
    width: 109px;
    height: 7px;
    left: 0;
    top: 0;
}

.all-section-sub span {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    color: #000000;
    margin-top: 7px;
    margin-bottom: 58px;
    font-weight: normal;
    display: block;
}

.all-section .wrapper {
    margin-bottom: 30px;
}

.all-section .wrapper h2.sec-heading {
    padding: 41px 55.5px 35px;
    border-radius: 2px;
    background-color: #0b3d60;
    font-family: 'DMSans', sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.05;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 15px;
    cursor: pointer;
    max-height: 97px;
}

.all-section .wrapper h2.sec-heading .bi {
    opacity: 0;
    display: none;
}

.all-section .wrapper h2.sec-heading:hover .bi {
    opacity: 1;
    display: inline-block;
}

.all-section .wrapper h2.sec-heading:hover {
    background-color: #07a6c5;
}

.all-section .sub-tags {
    padding-left: 10px;
}

.all-section .wrapper .heading {
    min-height: 56px;
    padding: 0 10px;
}

.all-section .wrapper .heading a {
    margin: 1px 0 17px;
    font-family: 'WorkSans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: normal;
    color: #000000;
}

.all-section .wrapper .heading:hover a {
    color: #0B3D60;
}

.all-section .wrapper .all-content {
    margin: 17px 0 0;
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    padding-bottom: 17px;
}

.all-section h2 a {
    color: #ffffff;
}

.all-section h3 {
    line-height: 1.0;
}


/*=======Sidebar=========*/

.main-news-ads {
    /* background-color: #e3e3e3; */
    /* min-height: 140px; */
    line-height: 140px;
    font-size: 2rem;
    margin-bottom: 22px;
}

.sidebar .related-news {
    padding-bottom: 12px;
}

.species .sidebar .related-news:first-child {
    padding-top: 0;
}

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

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

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

.home .newsletter form {
    position: relative;
}

.home .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;
}

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

#main .sidebar-blog-ad {
    margin: 0 0 4px 0;
    min-height: auto;
}

#main .sidebar-blog-ad.sidebar-top-ad {
    margin-bottom: 12px;
}

.jobs {
    padding: 21px 19px 21px 21px;
    border-radius: 2px;
    background-image: linear-gradient(160deg, #0b324e -2%, #004779 104%);
    color: #ffffff;
    font-family: 'Work Sans', sans-serif;
    margin-top: 21px;
}

.jobs-section {
    background-color: #f0f3f6;
    padding: 0 91px;
    background-image: url(../img/ucn-jobs-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.jobs-section.jobs-section-empty {
    background-size:cover;
    margin-bottom: 64px;
}
.jobs-section.jobs-section-empty .jobs-carousel {
    padding: 0;
}
.jobs-section .header-area {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 48px;
}
.jobs-section.jobs-section-empty  .header-area {
    padding-top: 20px;
    padding-bottom: 20px;
}
.jobs-section .header-area .col-md-4 {
    align-items: center;
    display: flex;
}

.jobs-section .header-area .col-md-4.text-center {
    justify-content: center;
}

.jobs-carousel {
    padding-top: 50px;
    padding-bottom: 32px;
}

.jobs-carousel .items {
    padding: 18px 17px 17px 15px;
    border-radius: 5px;
    background-color: #fff;
}

.jobs-carousel .com-logo {
    text-align: center;
    min-height: 91px;
}

.jobs-carousel .com-logo img {
    background-color: #0C2B41;
    padding: 16px;
    border-radius: 6px;
    max-height: 90px;
}

.jobs-section .header-area .col-md-4.text-end img {
    max-height: 50px;
}

.jobs-carousel .com-logo.custom-logo img {
    background-color: #fff;
    padding: 0;
}

.jobs-section .view-all-positon {
    padding: 10px 10px;
    border-radius: 4px;
    border: solid 1px #ffffff;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}

.jobs-carousel .designation {
    margin: 0 0 5px 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.23px;
    color: #000;
}

.jobs-carousel .company-name {
    margin: 5px 0px 8px 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1.21;
    letter-spacing: -0.2px;
    color: #000;
}

.jobs-carousel .com-details {
    margin: 8px 0px 8px 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875em;
    line-height: 1.43;
    letter-spacing: -0.2px;
    color: #000;
}

.jobs-carousel .com-details p {
    margin-bottom: 0;
    font-size: 0.875em;
    font-weight: normal;
    display: flex;
}

.jobs-carousel .com-details span {
    font-weight: 500;
    padding-left: 4px;
}

.jobs-carousel .view-job {
    margin: 8px 0 0;
    padding: 7px 17px 6px 16px;
    border-radius: 3px;
    border: solid 1px rgb(12 43 65 / 20%);
}

.jobs-carousel .view-job a {
    margin: 0;
    padding: 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 1px;
    color: #0c2b41;
    text-transform: uppercase;
}

.jobs-carousel .view-job a .bi-arrow-right-short {
    float: right;
    display: flex;
}

.jobs-carousel .view-job a .bi-arrow-right-short::before {
    color: #0c2b41;
    font-size: 24px;
}

.jobs-section .bottom-area {
    padding: 49px 0 40px 0;
}

.jobs-carousel .items.job-hiring-ad {
    text-align: center;
}

.jobs-carousel .items.job-hiring-ad>img {
    min-height: 232px;
    border-radius: 5px;
}

.jobs-carousel .items.job-hiring-ad .ad-line-one {
    margin: 20px 0 10px 1px;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.29px;
    text-align: center;
    color: #fff;
}

.jobs-carousel .items.job-hiring-ad .ad-line-two {
    margin: 10px 0 50px 1px;
    font-family: 'DM Sans', sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.jobs-carousel .job-hiring-ad .view-job {
    background-color: #07a6c5;
    text-align: center;
    border-color: #07a6c5;
}

.jobs-carousel .job-hiring-ad .view-job a {
    color: #ffffff;
}

.jobs-carousel .job-hiring-ad {
    position: absolute;
    padding: 0;
}

.ads-inner {
    position: absolute;
    top: 40px;
    left: 35px;
}

.jobs-section .owl-nav {
    display: block !important;
}

.jobs-section .owl-nav span {
    font-size: 32px;
    color: #B6B6B6;
    line-height: 26px;
}

.jobs-section .owl-nav .owl-prev {
    position: absolute;
    top: 35%;
    left: -60px;
    border-radius: 100%;
    width: 49px;
    height: 49px;
    border: 1px solid #B6B6B6 !important;
}
.jobs-section .owl-nav .owl-prev:hover,
.jobs-section .owl-nav .owl-next:hover
{
    border-color: #0a3452 !important;
}
.jobs-section .owl-nav button:hover span {
    color: #0a3452;

}
.jobs-section .owl-nav .owl-next {
    position: absolute;
    top: 35%;
    right: -60px;
    border-radius: 100%;
    width: 49px;
    height: 49px;
    border: 1px solid #B6B6B6 !important;
}
.species-news .owl-carousel .owl-nav button {
    border-radius: 100%;
    width: 49px;
    height: 49px;
    border: 1px solid #B6B6B6 !important;
}
.species-news .owl-prev span,
 .species-news .owl-next span {
    color: #B6B6B6;
    line-height: 26px;
}
.species-news .owl-carousel .owl-nav button:hover  {
    border-color: #0a3452 !important;
}
.species-news .owl-carousel .owl-nav button:hover span {
    color: #0a3452;
}
.jobs.spotlight {
    margin-top: 0;
}

.jobs-section .jobs-logo {
    padding-bottom: 7px;
    line-height: 59px;
}

.jobs .job-list {
    text-align: left !important;
    background-color: transparent;
    padding: initial;
}

.jobs .sub-tags {
    opacity: 0.7;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 2px;
}

.jobs .job-list.first {
    border-bottom: solid 1px rgb(255 255 255 / 20%);
    padding-bottom: 10px;
    margin-bottom: 8px;
}

.jobs .heading a {
    font-size: 1.063rem;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #ffffff;
}

.jobs .float-end {
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 25px;
}

.jobs .editor {
    opacity: 0.7;
    font-size: 0.875rem;
    color: #ffffff;
    clear: both;
}

.view-all-jobs {
    border-radius: 3px;
    background-color: rgb(255 255 255 / 10%);
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 13px 15px 14px 15px;
    letter-spacing: 1.2px;
    cursor: pointer;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-top: 13px;
}

.view-all-jobs:hover {
    color: #ffffff;
}

@media (min-width: 1024px) {
    .section-title p {
        width: 50%;
    }
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*------Data Portal Starts---*/

#data-portal {
    background-color: #f6f6f6;
    padding: 84px 0 71px 0;
}

.data-portal .accordion .accordion-item {
    border: transparent;
}

.data-portal .accordion .accordion-button {
    background: transparent;
    display: contents;
    width: auto;
}

.data-portal .accordion-button::after {
    margin: 20px;
    float: right;
}

#pills-tabContent .svelte-prices .mx-auto {
    padding: 0;
}

#pills-tabContent .svelte-prices h2.svelte-1ngosuo.svelte-1ngosuo {
    font-size: 0.875rem;
    font-family: 'Work Sans', sans-serif;
    min-height: 51px;
}

#pills-tabContent .svelte-prices .chart_only.svelte-1519hbz.svelte-1519hbz {
    border: none;
}

#pills-tabContent .svelte-prices .chart_only.svelte-1519hbz.svelte-1519hbz {
    padding: 0 1em 2em 0;
    margin-bottom: 0;
}


/*-----Tab Section Starts---*/

#main.data-portal>h4 {
    font-family: 'WorkSans', sans-serif;
    font-size: 2rem;
    margin: 61px 0 44px 0;
    text-align: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.16;
    letter-spacing: -0.4px;
    text-align: center;
    color: #000;
}

#pills-whitefish-tab,
#pills-tab .nav-item.whitefish {
    background-color: #71a861;
}

#pills-shrimp-tab,
#pills-tab .nav-item.shrimp,
#pills-tab .nav-item.shellfish {
    background-color: #e14f62;
}

#pills-pelagics-tab,
#pills-tab .nav-item.pelagics {
    background-color: #eeb44e;
}

#pills-salmon-tab,
#pills-tab .nav-item.salmon {
    background-color: #e88b58;
}

#pills-tuna-tab,
#pills-tab .nav-item.tuna {
    background-color: #3e83c7;
}

.data-portal .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: transparent;
}

.data-portal .nav-pills .nav-link.active {
    transform: translateY(-10px);
}

.data-portal .nav-pills .nav-link:hover {
    transform: translateY(-10px);
    border-radius: none;
}

.data-portal .nav-pills .nav-item:has(active) {
    opacity: 0;
}

.data-portal .nav-pills .nav-item {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 5px;
}

.data-portal .nav-pills .nav-link {
    padding: 8px 0px 0px 0;
    margin-right: 2px;
    min-width: 140px;
    transition: transform 250ms, opacity 400ms;
    margin: 0;
}

.data-portal .nav-pills .nav-link h4 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125rem;
    /*font-weight: bold;
color: rgb(0 0 0 / 30%);*/
    padding-bottom: 10px;
    color: #fff;
    z-index: 5;
    margin: 0;
}

.data-portal .nav-pills .nav-link img {
    max-height: 40px;
    z-index: 1;
}

#pills-whitefish {
    background-color: rgb(113 168 97 / 10%);
}

#pills-whitefish .whitefish-news {
    background-color: transparent;
}

#pills-shrimp {
    background-color: rgb(225 79 98 / 10%);
}

#pills-shrimp .shrimp .whitefish-news {
    background-color: transparent;
}

#pills-shellfish {
    background-color: rgb(225 79 98 / 10%);
}

#pills-shellfish .shellfish .whitefish-news {
    background-color: transparent;
}

#pills-pelagics {
    background-color: rgb(238 180 78 / 10%);
}

#pills-pelagics .pelagics .whitefish-news {
    background-color: transparent;
}

#pills-salmon {
    background-color: rgb(232 139 88 / 10%);
}

#pills-salmon .salmon .whitefish-news {
    background-color: transparent;
}

#pills-tuna {
    background-color: rgb(62 131 199 / 10%);
}

#pills-tuna .tuna .whitefish-news {
    background-color: transparent;
}

#pills-tabContent .table-responsive .table {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #000;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
}

#pills-tabContent .table-responsive {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#pills-tabContent .table-responsive .table thead th {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.85;
    letter-spacing: -0.25px;
}

.tableFixHead {
    overflow-y: auto;
    height: 350px;
}

.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead th,
.tableFixHead td {
    padding: 8px 16px;
}

.tableFixHead th {
    position: sticky;
    top: 0;
    background: #eee;
}

.whitefish .table-responsive .table thead tr th {
    background-color: #71a861;
}

#pills-shrimp .table-responsive .table thead tr th {
    background-color: #e14f62;
}

#pills-pelagics .table-responsive .table thead tr th {
    background-color: #eeb44e;
}

#pills-salmon .table-responsive .table thead tr th {
    background-color: #e88b58;
}

#pills-tuna .table-responsive .table thead tr th {
    background-color: #3e83c7;
}


/*#pills-tab {
border-bottom: solid 2px #d3d3d3;
}*/


/*-----Tab Section Ends---*/

.data-portal .nav {
    justify-content: center;
}

#pills-tabContent .tab-pane {
    padding-bottom: 38px;
}

#data-portal .info-section {
    text-align: center;
    font-family: 'Work Sans', sans-serif;
}

#data-portal .info-section h3 {
    margin: 5px 0px 26px 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 3.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
}

#data-portal .info-section p {
    margin: 0px 0 75px 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

#data-portal li .dp-box h4 {
    margin: 0 0px 0px 0;
    padding: 6px 12px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-transform: capitalize;
    background: #091B28;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#data-portal li .dp-data {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}

.data-portal .whitefish .data-sub {
    border-bottom: solid 3px #71a861;
    margin: 0 0 39px 0;
    padding: 0;
}

.data-portal .data {
    margin: 9px 0 0;
    padding: 16px 13px 14px 16px;
    border-radius: 4px;
    border: solid 1px #d3d3d3;
    background-color: #fff;
}

.data-portal .whitefish .col-xxl-3,
.data-portal .shrimp .col-xxl-3,
.data-portal .shellfish .col-xxl-3,
.data-portal .pelagics .col-xxl-3,
.data-portal .salmon .col-xxl-3,
.data-portal .tuna .col-xxl-3 {
    margin-bottom: 33px;
}

.data-portal .whitefish .whitefish-news .col-xxl-3 {
    margin-bottom: 0;
}

.data-portal .col-xxl-3 h5 {
    margin-bottom: 9px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: capitalize;
    color: #000;
}

.whitefish-news {
    /*margin: 19px 0 35px;*/
    padding: 0px 0px 24px 0px;
    background-color: rgb(113 168 97 / 10%);
}

.whitefish-news .related-news {
    margin: 0 0 10px 1px;
    border-top: solid 1px #71a861;
    border-bottom: none;
}

.whitefish-news .related-news .sub-tags {
    color: #71a861;
    padding-bottom: 4px;
    font-weight: bold;
}

.whitefish-news .related-news .heading {
    font-size: 0.938rem;
}

.data-portal .shrimp .data-sub,
.data-portal .shellfish .data-sub {
    border-bottom: solid 3px #e14f62;
    margin: 0 0 39px 0;
    padding: 0;
}

.shellfish-news,
.shrimp-news {
    /*margin: 19px 0 35px;*/
    padding: 0px 0px 24px 0px;
    background-color: rgb(225 79 98 / 10%);
}

.shellfish-news .related-news,
.shrimp-news .related-news {
    margin: 0 0 10px 1px;
    border-top: solid 1px #e14f62;
    border-bottom: none;
}

.shellfish-news .related-news .sub-tags,
.shrimp-news .related-news .sub-tags {
    color: #e14f62;
    padding-bottom: 4px;
    font-weight: bold;
}

.data-portal .pelagics .data-sub {
    border-bottom: solid 3px #eeb44e;
    margin: 0 0 39px 0;
    padding: 0;
}

.pelagics-news {
    /*margin: 19px 0 35px;*/
    padding: 0px 0px 24px 0px;
    background-color: rgb(238 180 78 / 10%);
}

.pelagics-news .related-news {
    margin: 0 0 10px 1px;
    border-top: solid 1px #eeb44e;
    border-bottom: none;
}

.pelagics-news .related-news .sub-tags {
    color: #eeb44e;
    padding-bottom: 4px;
    font-weight: bold;
}

.data-portal .salmon .data-sub {
    border-bottom: solid 3px #e88b58;
    margin: 0 0 39px 0;
    padding: 0;
}

.salmon-news {
    /*margin: 19px 0 35px;*/
    padding: 0px 0px 24px 0px;
    background-color: rgb(232 139 88 / 10%);
}

.salmon-news .related-news {
    margin: 0 0 10px 1px;
    border-top: solid 1px #e88b58;
    border-bottom: none;
}

.salmon-news .related-news .sub-tags {
    color: #e88b58;
    padding-bottom: 4px;
    font-weight: bold;
}

.data-portal .tuna .data-sub {
    border-bottom: solid 3px #3e83c7;
    margin: 0 0 39px 0;
    padding: 0;
}

.tuna-news {
    /*margin: 19px 0 35px;*/
    padding: 0px 0px 24px 0px;
    background-color: rgb(62 131 199 / 10%);
}

.tuna-news .related-news {
    margin: 0 0 10px 1px;
    border-top: solid 1px #3e83c7;
    border-bottom: none;
}

.tuna-news .related-news .sub-tags {
    color: #3e83c7;
    padding-bottom: 4px;
    font-weight: bold;
}


/*------Data Portal Ends---*/


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
    background: #091a27;
    padding: 0 0 30px 0;
    color: #ffffff;
    font-family: 'DMSans', sans-serif;
    font-size: 1rem;
}

#footer .footer-top {
    padding: 60px 0 30px 0;
    background: #091a27;
    color: #ffffff;
    font-family: 'DMSans', sans-serif;
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
    font-size: 1.5rem;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
    color: #106eea;
}

#footer .footer-top .footer-contact p {
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    color: #777777;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: solid 1px rgb(255 255 255 / 20%);
    padding-top: 13px;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #106eea;
    font-size: 1.125rem;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 12px 0;
    display: flex;
    align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    color: #ffffff;
    font-weight: normal;
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #07a6c5;
}

.footer-logo {
    border-top: solid 1px rgb(255 255 255 / 20%);
    padding-top: 13px;
}

.footer-logo img {
    max-height: 36px;
}

.terms p {
    font-family: 'Rubik', sans-serif;
    font-size: 0.625rem;
    font-weight: 300;
    line-height: 1.4;
    color: #ffffff;
    padding: 15px 0 21px 0;
    margin-bottom: 14px;
    border-bottom: solid 1px rgb(255 255 255 / 20%);
}

.policy a {
    font-size: 0.62rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #ffffff;
    margin-right: 15px;
    position: relative;
}

.policy a:before {
    content: '';
    border: 1px solid #ffffff;
    position: absolute;
    height: 12px;
    margin-right: 5px;
    top: 2px;
    right: 0;
}

.policy a span {
    padding-right: 25px;
}

.policy a:last-child:before {
    content: inherit;
}


/*=====Sing Up====*/

.signup-wrapper {
    max-width: 810px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.1);
}

.signup-wrapper form {
    padding: 0 83px 21px;
}

.signup-wrapper .heading {
    width: 100%;
    padding: 9px 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #0c2b41;
    text-align: center;
}

.signup-wrapper .col-lg-6,
.signup-wrapper .col-sm-12 {
    margin-bottom: 15px;
}

.signup-wrapper form h3 {
    font-family: 'WorkSans', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    color: #000;
    padding: 30px 0;
    text-align: center;
}

.signup-wrapper form label {
    font-family: Rubik;
    font-size: 0.813;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3d3d3e;
    margin-bottom: 6px;
}

.signup-wrapper form input.form-control {
    padding: 12px 17px 12px;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    background-color: #fff;
}

.signup-wrapper form .form-check input.form-check-input {
    background-color: #07a6c5;
    border-color: #07a6c5;
    border-radius: 2px;
    padding: 4px;
}

.signup-wrapper form .login {
    border-radius: 3px;
    background-color: #07a6c5;
    border-color: #07a6c5;
    color: #ffffff;
    padding: 9px 56px 10px 57px;
    font-family: 'DMSans', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    float: right;
}

.signup-wrapper form .signup {
    border-radius: 3px;
    background-color: #ffffff;
    border-color: #07a6c5;
    color: #07a6c5;
    padding: 9px 56px 10px 57px;
    font-family: 'DMSans', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.signup-wrapper form .select-btn {
    margin: 25px 82px 25px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgb(11 61 96 / 20%);
}

.signup-wrapper form .select-passwords a {
    font-family: 'WorkSans', sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #07a6c5;
    padding: 0 3px;
}


/*===My Account=====*/

.my-account .intro {
    max-width: 808px;
    text-align: center;
    margin: 0 auto;
}

.my-account .intro h5 {
    font-family: 'WorkSans', sans-serif;
    font-size: 45px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.4px;
    text-align: center;
    color: #000;
    margin: 84px 0 12px 0;
}

.my-account .intro p {
    font-family: 'Rubik', sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

#ucn-gdpr-banner {
    padding: 15px;
    /* background: rgb(11 61 96 / 10%); */
    font-family: 'WorkSans', sans-serif;
}

#ucn-gdpr-banner .ucn-submit-button {
    background: #07a6c5;
    font-family: 'Rubik', sans-serif;
    border: 1px solid #07a6c5;
    border-radius: 4px;
    font-size: 0.875rem;
    padding: 6px 10px;
    cursor: pointer;
    color: #fff;
}

.owl-nav,
.owl-dots {
    display: none;
}

.tablet-hide {
    display: block;
}

.tablet-view {
    display: none;
}

.mobile-hide {
    display: block;
}

.mobile-view {
    display: none;
}

.aligncenter {
    max-width: 100%;
    height: auto;
}

.show-on-small-screens {
    display: none;
}

.show-on-large-screens {
    display: block;
}


/*=========Edit Profile===========*/

#primary.user-page .pageheader {
    border-bottom: none !important;
}

#update_user_form,
#update_billing_form {
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-top: none;
}

#update_billing_form .form-header {
    background-color: #0c2b41 !important;
    color: #ffffff !important;
    border: none !important;
}

#update_user_form .form-header,
#update_billing_form .form-header {
    background-color: #0c2b41;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#update_billing_form .form-header:nth-child(2) {
    border: none !important;
}

#update_user_form .wrapper .ucn-submit-button,
#update_billing_form .wrapper .ucn-submit-button {
    border-radius: 3px;
    border-color: #07a6c5;
    background-color: #07a6c5;
    clear: inherit;
    border: none;
}

#primary.billing-details #update_billing_form {
    margin: auto;
}

.user-page.billing-details form .ucn-card-fields .new-card label[for="crm_credit_card_cvv"] span.label-title {
    display: inline-block !important;
}

.user-page:not(.manage-newsletters) form:not(.ucn-button-form):not(.period-select-form):not(.upgrade-form) #response-success {
    clear: both;
    float: right;
    position: relative;
    /* display: none; */
    margin: 1rem 0;
    color: #5ab27a;
    font-size: .9rem;
    padding: 1rem;
    border: 1px solid #6ec78e;
    line-height: 1.5rem;
    background: #e0ffea;
}

.u.user-page:not(.manage-newsletters) form:not(.ucn-button-form):not(.period-select-form):not(.upgrade-form) #response-success .ucn-arrow {
    top: -1.4rem;
    right: 12.5%;
}

.ucn-arrow {
    position: absolute;
    display: block;
    border: 10px transparent solid;
}

.ucn-arrow.ucn-arrow-top {
    top: 0;
    right: 50%;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
}

.ucn-arrow:after {
    content: " ";
    position: absolute;
    display: block;
    left: -10px;
    top: 1px;
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-bottom-color: inherit;
    border-top-width: 0;
}

.user-page:not(.manage-newsletters) form:not(.ucn-button-form):not(.period-select-form):not(.upgrade-form) #response-success .ucn-arrow:after {
    border-bottom-color: #e0ffea;
}

#update_user_form .wrapper .ucn-submit-button.ucn-success {
    position: relative;
    background-color: #63C083;
    background-color: #63C083;
    padding: 1.5rem 3rem;
    color: white;
    cursor: auto !important;
}

.ucn-submit-button.ucn-success .bi {
    position: absolute;
    font-size: 2rem;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
}

.mc-field-group.marketing .icon-question-mark {
    position: relative;
    font-size: 90%;
    cursor: help;
}

.mc-field-group.marketing .msg {
    position: absolute;
    margin: auto;
    top: -5.75rem;
    left: -75px;
    width: 160px;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
    font-size: 0.688rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.45;
    border: 1px solid #e2e1e1;
    box-shadow: 0 1px 4px 0 hsl(240deg 8% 83% / 50%);
    border: 1px solid #d1d1d8;
    cursor: initial;
}

.mc-field-group.marketing .ucn-arrow.ucn-arrow-bottom:after {
    top: -11px;
    border: 10px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}

.ucn-arrow.ucn-arrow-bottom {
    bottom: 0;
    right: 50%;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: inherit;
}

.mc-field-group.marketing .ucn-arrow.ucn-arrow-bottom {
    bottom: -20px;
    right: 42%;
}


/*========Newsletters Popup==============*/

#ucn-nl-popup .unp-content {
    margin: 20% auto !important;
}

#ucn-nl-popup .unp-close {
    width: 1.75em !important;
    height: 1.75em !important;
    line-height: 1.55em !important;
    font-size: 1.5rem !important;
}

#ucn-nl-modal #mc_embed_signup .ucn-nl-interests {
    margin-bottom: 0.75em;
}

.article #ucn-nl-modal .newsletterform {
    min-height: 450px;
    height: auto !important;
}

.article #ucn-nl-modal .mce-ucn-gdpr-footer {
    position: inherit;
    clear: both;
}

#ucn-nl-modal .newsletterform .disc-column,
#ucn-nl-modal #mc_embed_signup .subs-details {
    width: 100%;
}

#ucn-nl-modal .disc-column-second {
    display: block;
    clear: both;
    position: absolute;
}

#ucn-nl-modal .mce-ucn-gdpr-footer {
    position: absolute;
    bottom: -.2em;
}

#ucn-nl-modal #mc_embed_signup .ucn-nl-interests .mc-field-group.input-group ul {
    border: none;
}

@media (max-width: 960px) {
    #ucn-nl-modal.interests .ucn-modal-content {
        margin: 25% auto;
        max-width: 90%;
    }
    #ucn-nl-modal.interests ul.steps li {
        display: block;
        margin: 0;
        padding: 1.5em 0;
        width: 100%;
        height: auto;
        min-height: 0;
        border-bottom: 1px dotted #beac97;
    }
}


/*========Manage newsletters==============*/

#mc-embedded-subscribe-form {
    margin: auto;
    width: 100%;
    max-width: 710px;
    padding: 2rem 1rem;
    overflow: hidden;
    box-sizing: border-box;
}

#mc_embed_signup .ucn-invalid-selection {
    display: none;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: bold;
}

#mc_embed_signup .desc-modal {
    display: none;
    margin: 26px 0 13px 0;
}

#mc_embed_signup .nl-freq-modal {
    display: none;
}

#mc_embed_signup .description {
    margin: 2rem 0 1rem;
    float: left;
    width: 100%;
    clear: both;
    font-weight: normal;
    font-size: 0.813;
    line-height: 1rem;
    letter-spacing: normal;
    color: #7D7C7C;
}

#mc_embed_signup .nl-freq {
    color: #6bafd5;
    margin-left: 5px;
    text-transform: lowercase;
}

#mc_embed_signup .nl-new {
    color: #ff0000;
}

#mc_embed_signup .nl-freq,
#mc_embed_signup .nl-new {
    border-radius: 2px;
    padding-left: 0.3636rem;
    font-size: 0.688rem;
    font-weight: 700;
    vertical-align: 0.35rem;
    letter-spacing: 0.3px;
    padding: 2px 4px;
}

#mc_embed_signup .mc-field-group.jobs {
    padding: 0 12px;
    background-image: none;
    margin-top: 0;
}

#mc_embed_signup .mc-field-group strong,
#mc_embed_signup .mc-field-group.jobs strong {
    background-color: #0c2b41;
    color: #ffffff;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    padding: 10px;
}

#mc_embed_signup .ucn-nl-interests .mc-field-group.input-group ul {
    padding-left: 8px;
    border: 1px solid #D9D9D9;
    border-top: 0;
    padding-top: 10px;
    border-radius: 0 0 4px 4px;
    list-style: none;
    width: 100%;
    color: #000000;
}

.manage-newsletters #mc_embed_signup label,
.newsletter-page #mc_embed_signup label {
    font-size: 0.9rem;
}

#mc_embed_signup [type="checkbox"]:not(:checked)+label,
#mc_embed_signup [type="checkbox"]:checked+label {
    position: relative;
    padding-left: .5rem;
    cursor: pointer;
    line-height: 2.25rem;
    letter-spacing: -.0357rem;
}

#mc_embed_signup .ucn-change-email {
    display: block;
    position: relative;
    margin: 2.181818rem 0 0 0;
    padding: 1rem 0.5rem 1rem 1.3rem;
    background: #0c2b41;
    border-radius: 4px;
    font-size: 0.6875rem;
    color: #ffffff;
    letter-spacing: 0.002727rem;
    line-height: 1.3636rem;
}

#mc_embed_signup .ucn-dotted-bottom {
    border-bottom: 1px dotted #666666;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

#mc_embed_signup .mc-field-group.marketing {
    margin-bottom: 1.5rem;
    box-shadow: 0 0 2px 1px #e2e1e1;
    border-radius: 3px;
    padding: 1.25rem;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

#mc_embed_signup .mc-field-group.marketing>label {
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.09091;
    letter-spacing: -.0357rem;
    margin-bottom: 1rem;
}

#mc_embed_signup .mc-field-group.marketing ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.mce-ucn-gdpr-footer p.mce-gdpr-msg {
    font-size: 0.688rem;
    color: #a4a2a3;
    margin-top: 1.344rem;
}

.mce-ucn-gdpr-footer p.mce-gdpr-msg a {
    color: #07a6c5;
}

.mce-ucn-gdpr-footer p.mce-gdpr-msg .mce-gdpr-logo {
    display: inline-block;
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 3rem;
}

#mc_embed_signup .ucn-submit-button {
    float: right;
    border: none;
    border-radius: 6px;
}

#mc_embed_signup #ucnjb_payment_nl.ucn-submit-button {
    float: none;
    margin: 0 0 30px 0;
}

#mc_embed_signup .mce-error-response {
    clear: both;
    font-size: 0.75rem;
    color: #a4a2a3;
    padding: 10px 0 0 0;
}

.mce-error-response {
    display: none;
    font-size: 0.625rem;
    color: #DF5655;
    line-height: 1.1rem;
    text-align: right;
}

#mc_embed_signup .select-interest {
    position: relative;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    line-height: 1.5rem;
}

#mc_embed_signup .mce-success-response {
    display: none;
    clear: both;
    position: relative;
    margin: 1rem 0;
    color: #5AB27A;
    font-size: 0.9rem;
    padding: 1rem;
    border: 1px solid #6EC78E;
    line-height: 1.5rem;
    background: #E0FFEA;
}


/*========Success Registered==============*/

#primary.success-registered .black-banner {
    width: 100% !important;
    margin-left: 0 !important;
    background: #333539;
    padding: 3.5rem 0 20rem;
}

#primary.success-registered .success .left .bi-check {
    margin: auto;
    display: block;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 2.25rem;
    line-height: 1.5rem;
    text-align: center;
    color: #52aadd;
    background: white;
}

#primary.success-registered .newsletter-signup {
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #d7d5d5;
}


/*========404 missing page==============*/

.error404 #primary {
    margin: 0;
    max-width: none;
    background: url(../img/page-no-found.png) no-repeat fixed center;
    width: auto;
}

.error404 #content {
    margin: 0 auto;
    padding: 125px 0;
    text-align: center;
}

.error404 h1.entry-title {
    font-size: 7.563rem;
    font-weight: bold;
}

.error404 header p {
    font-size: 1.313rem;
    line-height: 26px;
    font-weight: bold;
}

.error404 p {
    margin-bottom: 1rem;
}

.error404 .entry-content .ucn-submit-button {
    border-radius: 3px;
    border: none;
    background: #52aadd;
    cursor: pointer;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1rem 3rem;
    transition: 0.2s all;
}


/*=========Search Page===========*/

body.search.search-results {
    padding: 0 !important;
}

body.search.search-results .searchandfilter li.filter.keyword,
body.page-template-search-page .searchandfilter li.filter.keyword {
    width: 60%;
    margin-right: 21px;
}

body.search.search-results .searchandfilter li.filter.sort,
body.page-template-search-page .searchandfilter li.filter.sort {
    width: 37%;
    margin: 1rem 0 0.15rem;
}

body.search.search-results .searchandfilter li.filter.sort .bootstrap-select,
body.page-template-search-page .searchandfilter li.filter.sort .bootstrap-select {
    width: 100%;
}

.searchandfilter #select-links {
    display: none !important;
}

body.search.search-results .searchandfilter li.filter.authors,
body.page-template-search-page .searchandfilter li.filter.authors {
    margin-left: 0px;
    margin-right: 21px;
}

body.search.search-results .searchandfilter li.filter.submit,
body.page-template-search-page .searchandfilter li.filter.submit {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#ucn-author-posts .ucn-search-articles .ucn-tag {
    height: inherit;
}
#primary.search-page {
    min-height: 100vh;
    padding-bottom: 3rem;
}

#primary.search-page .container-fluid {
    background-color: #f3f3f3;
    padding-top: 1.375rem;
    margin-bottom: 53px;
}

#primary.search-page .container-fluid h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 2.25rem;
    line-height: normal;
    text-align: center;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 0;
    color: #000000;
}

#primary.search-page .col-fluid {
    display: flow-root;
}

#primary.search-page .container-fluid small {
    margin: 6px 0 0 1px;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #000;
    line-height: 1.33;
    padding-bottom: 1.375rem;
    display: block;
    text-align: center;
}

.page-template-search-page .search-options,
body.search .search-options,
.search-results .search-options,
.search-no-results .search-options,
.no-results .search-options,
.archive.category .search-options,
.reports-page .search-options,
.archive.tax-epkb_post_type_1_category .search-options {
    font-family: 'Rubik', sans-serif;
    padding-bottom: 1.313rem;
}

.page-template-search-page .searchandfilter,
body.search .searchandfilter,
.search-results .searchandfilter,
.search-no-results .searchandfilter,
.no-results .searchandfilter,
.archive.category .searchandfilter,
.reports-page .searchandfilter,
.archive.tax-epkb_post_type_1_category .searchandfilter {
    width: 100%;
    padding: 2rem 2rem 2.75rem 2rem;
    font-family: 'Work Sans', sans-serif;
    box-sizing: border-box;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 11%);
}

.page-template-search-page .searchandfilter li.filter>label,
body.search .searchandfilter li.filter>label,
.search-results .searchandfilter li.filter>label,
.search-no-results .searchandfilter li.filter>label,
.no-results .searchandfilter li.filter>label,
.archive.category .searchandfilter li.filter>label,
.reports-page .searchandfilter li.filter>label,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter>label {
    font-family: 'Work Sans', sans-serif;
    display: block;
    font-size: 1.25rem;
    margin-bottom: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: #000000;
}

.page-template-search-page .searchandfilter ul,
body.search .searchandfilter ul,
.search-results .searchandfilter ul,
.search-no-results .searchandfilter ul,
.no-results .searchandfilter ul,
.archive.category .searchandfilter ul,
.reports-page .searchandfilter ul,
.archive.tax-epkb_post_type_1_category .searchandfilter ul,
.page-template-search-page .searchandfilter .rempty-search-message,
body .search .searchandfilter .rempty-search-message,
.search-results .searchandfilter .rempty-search-message,
.search-no-results .searchandfilter .rempty-search-message,
.no-results .searchandfilter .rempty-search-message,
.archive .category .searchandfilter .rempty-search-message,
.reports-page .searchandfilter .rempty-search-message,
.archive .tax-epkb_post_type_1_category .searchandfilter .rempty-search-message {
    margin: auto;
    box-sizing: border-box;
}

.page-template-search-page .searchandfilter ul,
body.search .searchandfilter ul,
.search-results .searchandfilter ul,
.search-no-results .searchandfilter ul,
.no-results .searchandfilter ul,
.archive.category .searchandfilter ul,
.reports-page .searchandfilter ul,
.archive.tax-epkb_post_type_1_category .searchandfilter ul {
    display: block;
    position: relative;
}

.page-template-search-page .searchandfilter li.filter,
body.search .searchandfilter li.filter,
.search-results .searchandfilter li.filter,
.search-no-results .searchandfilter li.filter,
.no-results .searchandfilter li.filter,
.archive.category .searchandfilter li.filter,
.reports-page .searchandfilter li.filter,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter {
    display: inline-block;
    color: white;
    vertical-align: top;
    height: auto;
    margin: 1rem 0 0.15rem;
    box-sizing: border-box;
}

.page-template-search-page .searchandfilter li.filter.keyword,
body.search .searchandfilter li.filter.keyword,
.search-results .searchandfilter li.filter.keyword,
.search-no-results .searchandfilter li.filter.keyword,
.no-results .searchandfilter li.filter.keyword,
.archive.category .searchandfilter li.filter.keyword,
.reports-page .searchandfilter li.filter.keyword,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.keyword,
.page-template-search-page .searchandfilter li.filter.keyword input,
body .search .searchandfilter li.filter.keyword input,
.search-results .searchandfilter li.filter.keyword input,
.search-no-results .searchandfilter li.filter.keyword input,
.no-results .searchandfilter li.filter.keyword input,
.archive .category .searchandfilter li.filter.keyword input,
.reports-page .searchandfilter li.filter.keyword input,
.archive .tax-epkb_post_type_1_category .searchandfilter li.filter.keyword input {
    width: 100%;
    box-sizing: border-box;
}

.page-template-search-page .searchandfilter li.filter input:not(.ucn-submit-button),
body.search .searchandfilter li.filter input:not(.ucn-submit-button),
.search-results .searchandfilter li.filter input:not(.ucn-submit-button),
.search-no-results .searchandfilter li.filter input:not(.ucn-submit-button),
.no-results .searchandfilter li.filter input:not(.ucn-submit-button),
.archive.category .searchandfilter li.filter input:not(.ucn-submit-button),
.reports-page .searchandfilter li.filter input:not(.ucn-submit-button),
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter input:not(.ucn-submit-button) {
    padding: 0 1rem;
    height: 2.5rem;
    color: #979797;
    box-shadow: none;
    border: solid 1.4px #d8d8d8;
    border-radius: 4px;
}

.searchandfilter .dropdown-menu li .level-2 {
    padding-left: 36px;
}

.page-template-search-page .searchandfilter li.filter.daterange,
body.search .searchandfilter li.filter.daterange,
.search-results .searchandfilter li.filter.daterange,
.search-no-results .searchandfilter li.filter.daterange,
.no-results .searchandfilter li.filter.daterange,
.archive.category .searchandfilter li.filter.daterange,
.reports-page .searchandfilter li.filter.daterange,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange {
    width: 33%;
}

.page-template-search-page .searchandfilter li.filter.authors,
body.search .searchandfilter li.filter.authors,
.search-results .searchandfilter li.filter.authors,
.search-no-results .searchandfilter li.filter.authors,
.no-results .searchandfilter li.filter.authors,
.archive.category .searchandfilter li.filter.authors,
.reports-page .searchandfilter li.filter.authors,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.authors {
    width: 27%;
}

.page-template-search-page .searchandfilter li.filter.daterange .input-append,
body.search .searchandfilter li.filter.daterange .input-append,
.search-results .searchandfilter li.filter.daterange .input-append,
.search-no-results .searchandfilter li.filter.daterange .input-append,
.no-results .searchandfilter li.filter.daterange .input-append,
.archive.category .searchandfilter li.filter.daterange .input-append,
.reports-page .searchandfilter li.filter.daterange .input-append,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange .input-append {
    margin: 0;
    display: inline-block;
    position: relative;
    width: 49%;
    box-sizing: border-box;
}

.page-template-search-page .searchandfilter li.filter.cats>div,
body.search .searchandfilter li.filter.cats>div,
.search-results .searchandfilter li.filter.cats>div,
.search-no-results .searchandfilter li.filter.cats>div,
.no-results .searchandfilter li.filter.cats>div,
.archive.category .searchandfilter li.filter.cats>div,
.reports-page .searchandfilter li.filter.cats>div,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.cats>div {
    width: 100%;
}

.page-template-search-page .searchandfilter li.filter.authors>div,
body.search .searchandfilter li.filter.authors>div,
.search-results .searchandfilter li.filter.authors>div,
.search-no-results .searchandfilter li.filter.authors>div,
.no-results .searchandfilter li.filter.authors>div,
.archive.category .searchandfilter li.filter.authors>div,
.reports-page .searchandfilter li.filter.authors>div,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.authors>div {
    width: 100%;
}

.page-template-search-page .searchandfilter li.filter.daterange .input-append.to,
body.search .searchandfilter li.filter.daterange .input-append.to,
.search-results .searchandfilter li.filter.daterange .input-append.to,
.search-no-results .searchandfilter li.filter.daterange .input-append.to,
.no-results .searchandfilter li.filter.daterange .input-append.to,
.archive.category .searchandfilter li.filter.daterange .input-append.to,
.reports-page .searchandfilter li.filter.daterange .input-append.to,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange .input-append.to {
    margin-left: -2px;
}

.page-template-search-page .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.page-template-search-page .searchandfilter li.filter.daterange #ofpost_date-1-btn,
body.search .searchandfilter li.filter.daterange #ofpost_date-0-btn,
body.search .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.search-results .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.search-results .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.search-no-results .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.search-no-results .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.no-results .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.no-results .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.archive.category .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.archive.category .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.reports-page .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.reports-page .searchandfilter li.filter.daterange #ofpost_date-1-btn,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange #ofpost_date-0-btn,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange #ofpost_date-1-btn {
    display: none;
}

.page-template-search-page .searchandfilter li.filter.daterange .input-append.from:after,
body.search .searchandfilter li.filter.daterange .input-append.from:after,
.search-results .searchandfilter li.filter.daterange .input-append.from:after,
.search-no-results .searchandfilter li.filter.daterange .input-append.from:after,
.no-results .searchandfilter li.filter.daterange .input-append.from:after,
.archive.category .searchandfilter li.filter.daterange .input-append.from:after,
.reports-page .searchandfilter li.filter.daterange .input-append.from:after,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange .input-append.from:after {
    content: "";
    position: absolute;
    /* background: #07a6c5; */
    color: #999;
    text-transform: uppercase;
    font-size: 0.625rem;
    width: 2.5rem;
    height: 1.727272rem;
    line-height: 1.727272rem;
    top: 100%;
    right: 50%;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    z-index: 10;
}

.page-template-search-page .searchandfilter li.filter.daterange .input-append.to:before,
body.search .searchandfilter li.filter.daterange .input-append.to:before,
.search-results .searchandfilter li.filter.daterange .input-append.to:before,
.search-no-results .searchandfilter li.filter.daterange .input-append.to:before,
.no-results .searchandfilter li.filter.daterange .input-append.to:before,
.archive.category .searchandfilter li.filter.daterange .input-append.to:before,
.reports-page .searchandfilter li.filter.daterange .input-append.to:before,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange .input-append.to:before {
    content: "";
    position: absolute;
    /* background: #07a6c5; */
    color: #999;
    text-transform: uppercase;
    font-size: 0.625rem;
    width: 2.5rem;
    height: 1.727272rem;
    line-height: 1.727272rem;
    top: 100%;
    right: 50%;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    z-index: 10;
}

.page-template-search-page .searchandfilter li.filter.cats,
body.search .searchandfilter li.filter.cats,
.search-results .searchandfilter li.filter.cats,
.search-no-results .searchandfilter li.filter.cats,
.no-results .searchandfilter li.filter.cats,
.archive.category .searchandfilter li.filter.cats,
.reports-page .searchandfilter li.filter.cats,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.cats {
    width: 35%;
}

.page-template-search-page .searchandfilter li.filter .btn-group>.btn:first-child,
body.search .searchandfilter li.filter .btn-group>.btn:first-child,
.search-results .searchandfilter li.filter .btn-group>.btn:first-child,
.search-no-results .searchandfilter li.filter .btn-group>.btn:first-child,
.no-results .searchandfilter li.filter .btn-group>.btn:first-child,
.archive.category .searchandfilter li.filter .btn-group>.btn:first-child,
.reports-page .searchandfilter li.filter .btn-group>.btn:first-child,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter .btn-group>.btn:first-child,
.page-template-search-page .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
body .search .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.search-results .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.search-no-results .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.no-results .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.archive .category .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.reports-page .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle,
.archive .tax-epkb_post_type_1_category .searchandfilter li.filter .btn-group.open .btn.dropdown-toggle {
    border-radius: 0;
    height: 2.5rem;
}

body.search.search-results .searchandfilter li.filter.sort .dropdown-toggle::after,
body.page-template-search-page .searchandfilter li.filter.sort .dropdown-toggle::after,
body.search.search-results .searchandfilter li.filter.authors .dropdown-toggle::after,
body.page-template-search-page .searchandfilter li.filter.authors .dropdown-toggle::after,
body.search.search-results .searchandfilter li.filter.cats .dropdown-toggle::after,
body.page-template-search-page .searchandfilter li.filter.cats .dropdown-toggle::after {
    content:none;
}
.page-template-search-page .searchandfilter li.filter.sort,
body.search .searchandfilter li.filter.sort,
.search-results .searchandfilter li.filter.sort,
.search-no-results .searchandfilter li.filter.daterange,
.no-results .searchandfilter li.filter.authors,
.archive.category .searchandfilter li.filter.sort,
.reports-page .searchandfilter li.filter.sort,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.sort {
    margin-top: 0;
}
.search-no-results .searchandfilter li.filter.submit {
    margin-top:1rem;
}
.page-template-search-page .searchandfilter li.filter.submit,
body.search .searchandfilter li.filter.submit,
.search-results .searchandfilter li.filter.submit,
.search-no-results .searchandfilter li.filter.submit,
.no-results .searchandfilter li.filter.submit,
.archive.category .searchandfilter li.filter.submit,
.reports-page .searchandfilter li.filter.submit,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.submit {
    margin-top: 0;
}

.page-template-search-page .searchandfilter li.filter input:not(.ucn-submit-button),
body.search .searchandfilter li.filter input:not(.ucn-submit-button),
.search-results .searchandfilter li.filter input:not(.ucn-submit-button),
.search-no-results .searchandfilter li.filter input:not(.ucn-submit-button),
.no-results .searchandfilter li.filter input:not(.ucn-submit-button),
.archive.category .searchandfilter li.filter input:not(.ucn-submit-button),
.reports-page .searchandfilter li.filter input:not(.ucn-submit-button),
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter input:not(.ucn-submit-button) {
    padding: 0 1rem;
    height: 2.5rem;
    color: #979797;
    box-shadow: none;
    border: solid 1.4px #d8d8d8;
    border-radius: 4px;
}

.page-template-search-page .searchandfilter li.filter.submit .reset,
body.search .searchandfilter li.filter.submit .reset,
.search-results .searchandfilter li.filter.submit .reset,
.search-no-results .searchandfilter li.filter.submit .reset,
.no-results .searchandfilter li.filter.submit .reset,
.archive.category .searchandfilter li.filter.submit .reset,
.reports-page .searchandfilter li.filter.submit .reset,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.submit .reset {
    background: #fff;
    border-radius: 4px;
    border: solid 1px #07a6c5;
    margin-right: 1rem;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #07a6c5;
}

.page-template-search-page .searchandfilter li.filter.submit .ucn-submit-button,
body.search .searchandfilter li.filter.submit .ucn-submit-button,
.search-results .searchandfilter li.filter.submit .ucn-submit-button,
.search-no-results .searchandfilter li.filter.submit .ucn-submit-button,
.no-results .searchandfilter li.filter.submit .ucn-submit-button,
.archive.category .searchandfilter li.filter.submit .ucn-submit-button,
.reports-page .searchandfilter li.filter.submit .ucn-submit-button,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.submit .ucn-submit-button {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 0.75rem 3rem;
    border-radius: 4px;
    height: 3rem;
    width: 10rem;
    vertical-align: top;
}

.searchandfilter .filter input {
    display: inline-block;
}

.searchandfilter .filter input.ucn-submit-button {
    border: none;
}

.page-template-search-page .searchandfilter li.filter.daterange input,
body.search .searchandfilter li.filter.daterange input,
.search-results .searchandfilter li.filter.daterange input,
.search-no-results .searchandfilter li.filter.daterange input,
.no-results .searchandfilter li.filter.daterange input,
.archive.category .searchandfilter li.filter.daterange input,
.reports-page .searchandfilter li.filter.daterange input,
.archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange input {
    width: 100%;
    letter-spacing: -0.5px;
    box-sizing: border-box;
}

.page-template-search-page .search-page-results .search-msg,
body.search .search-page-results .search-msg,
.search-results .search-page-results .search-msg,
.search-no-results .search-page-results .search-msg,
.no-results .search-page-results .search-msg,
.archive.category .search-page-results .search-msg,
.reports-page .search-page-results .search-msg,
.archive.tax-epkb_post_type_1_category .search-page-results .search-msg {
    margin-bottom: 3.625rem;
    padding: 0.875rem;
    grid-template-areas: "results paywall" "query paywall";
}

.page-template-search-page .search-page-results .search-msg {
    padding: 0 12px;
}

.page-template-search-page .search-page-results .free-article {
    position: inherit;
}

.page-template-search-page .search-page-results .search-msg h4,
body.search .search-page-results .search-msg h4,
.search-results .search-page-results .search-msg h4,
.search-no-results .search-page-results .search-msg h4,
.no-results .search-page-results .search-msg h4,
.archive.category .search-page-results .search-msg h4,
.reports-page .search-page-results .search-msg h4,
.archive.tax-epkb_post_type_1_category .search-page-results .search-msg h4 {
    grid-area: results;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.page-template-search-page .search-page-results h4,
body.search .search-page-results h4,
.search-results .search-page-results h4,
.search-no-results .search-page-results h4,
.no-results .search-page-results h4,
.archive.category .search-page-results h4,
.reports-page .search-page-results h4,
.archive.tax-epkb_post_type_1_category .search-page-results h4 {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    color: rgb(0 0 0 / 60%);
    margin-bottom: 0px;
    font-weight: normal;
    display: block;
}

.page-template-search-page .search-page-results .search-msg h2,
body.search .search-page-results .search-msg h2,
.search-results .search-page-results .search-msg h2,
.search-no-results .search-page-results .search-msg h2,
.no-results .search-page-results .search-msg h2,
.archive.category .search-page-results .search-msg h2,
.reports-page .search-page-results .search-msg h2,
.archive.tax-epkb_post_type_1_category .search-page-results .search-msg h2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125rem;
    text-transform: capitalize;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
}

body.search-results .ucn-search-articles {
    border-bottom: solid 1px rgb(0 0 0 / 20%);
    margin-bottom: 1.563rem;
}

body.search-results .ucn-search-articles .free-article {
    position: inherit;
}

body.search .search-page-results .search-msg,
.search-results .search-page-results .search-msg {
    padding: 0 12px;
}

body.search .search-page-results .search-msg.heading-results {
    margin: 0 auto;
}

.ucn-search-articles .ucn-tag {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: 0px !important;
    color: #07a6c5;
    text-transform: uppercase;
}

.ucn-search-articles .ucn-tag {
    display: inline-block;
    margin-right: 0.25rem;
    border-radius: 3px;
    background-color: #07a6c5;
    padding: 0.336em 0.5em 0.3em 0.5em;
    color: #ffffff;
    font-size: 0.6875rem;
    letter-spacing: 1px;
    font-family: 'DM Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 0.95;
    height: 16px;
}

.ucn-search-articles .ucn-tag a {
    color: white;
}

.page-template-search-page .search-page-results .ucn-tag.ucn-tag-green {
    background-color: #8CC172;
}

.page-template-search-page .search-page-results .ucn-tag.ucn-tag-sky {
    background-color: #79BDD8;
}

.page-template-search-page .search-page-results .ucn-tag.ucn-tag-army {
    background-color: #758677;
}

.ucn-search-articles h5 {
    font-size: 1.25rem;
    font-family: 'Work Sans', sans-serif;
    line-height: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #000000;
    padding-top: 8px;
    margin: 0;
}

.page-template-search-page .search-page-results .ucn-search-author,
body.search .search-page-results .ucn-search-author,
.search-results .search-page-results .ucn-search-author,
.search-no-results .search-page-results .ucn-search-author,
.no-results .search-page-results .ucn-search-author,
.archive.category .search-page-results .ucn-search-author,
.reports-page .search-page-results .ucn-search-author,
.archive.tax-epkb_post_type_1_category .search-page-results .ucn-search-author {
    margin: 0 0 1.063rem;
    font-size: .9375rem;
}

.page-template-search-page .search-page-results .ucn-search-author .author,
body.search .search-page-results .ucn-search-author .author,
.search-results .search-page-results .ucn-search-author .author,
.search-no-results .search-page-results .ucn-search-author .author,
.no-results .search-page-results .ucn-search-author .author,
.archive.category .search-page-results .ucn-search-author .author,
.reports-page .search-page-results .ucn-search-author .author,
.archive.tax-epkb_post_type_1_category .search-page-results .ucn-search-author .author {
    display: none;
}

.page-template-search-page .search-page-results .ucn-search-author .ucn-search-date,
body.search .search-page-results .ucn-search-author .ucn-search-date,
.search-results .search-page-results .ucn-search-author .ucn-search-date,
.search-no-results .search-page-results .ucn-search-author .ucn-search-date,
.no-results .search-page-results .ucn-search-author .ucn-search-date,
.archive.category .search-page-results .ucn-search-author .ucn-search-date,
.reports-page .search-page-results .ucn-search-author .ucn-search-date,
.archive.tax-epkb_post_type_1_category .search-page-results .ucn-search-author .ucn-search-date {
    font-family: 'DM Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #07a6c5;
}

.page-template-search-page .search-page-results .ucn-search-excerpt,
body.search .search-page-results .ucn-search-excerpt,
.search-results .search-page-results .ucn-search-excerpt,
.search-no-results .search-page-results .ucn-search-excerpt,
.no-results .search-page-results .ucn-search-excerpt,
.archive.category .search-page-results .ucn-search-excerpt,
.reports-page .search-page-results .ucn-search-excerpt,
.archive.tax-epkb_post_type_1_category .search-page-results .ucn-search-excerpt {
    margin: 17px 0 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #000;
    padding-bottom: 25px;
}

.ucn-ln-pages {
    margin: 4.2857rem auto 0.25rem;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ucn-ln-pages .page-numbers.current {
    color: #fff !important;
    background-color: #07a6c5;
    border-radius: 3px;
}

.ucn-ln-pages .page-numbers {
    float: left;
    margin-bottom: 1rem;
    line-height: 1.75rem;
    margin: 0 0.4rem;
    padding: 0 0.4rem;
    font-size: 0.875rem;
    font-family: 'DM Sans', sans-serif;
    color: #000 !important;
    font-weight: bold;
    border: 1px solid #07a6c5;
    border-radius: 3px;
    width: auto !important;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ucn-ln-pages .page-numbers:hover {
    background: #0c2b41 !important;
    color: #fff !important;
    border: 1px solid #0c2b41 !important;
}
.ucn-ln-pages .page-numbers.dots {
    border: none;
    color: #000 !important;
}
.ucn-ln-pages .page-numbers.dots:hover {
    background-color: transparent !important;
    border: none !important;
}
.ucn-ln-pages .next {
    margin-left: 0.75rem;
    float: right;
    margin-right: 0;
}

.ucn-ln-pages .prev {
    margin-right: 1rem;
    margin-left: 0;
}

.ucn-ln-pages .prev,
.ucn-ln-pages .next {
    border: 1px solid #07a6c5 !important;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1rem;
    width: 10rem;
    color: #07a6c5 !important;
    text-transform: uppercase;
    padding: 0.5rem 1.25rem;
    display: flex;
    width: auto !important;    
}
.ucn-ln-pages .prev:hover, .ucn-ln-pages .prev:active, .ucn-ln-pages .prev:focus, .ucn-ln-pages .next:hover, .ucn-ln-pages .next:active, .ucn-ln-pages .next:focus {
    color: #fff !important;
    background: #0c2b41 !important;
    border: 1px solid #0c2b41 !important;
}
.ucn-ln-results {
    font-family: 'DM Sans', sans-serif;
    text-align: center;
    font-size: 0.875rem;
    color: #07a6c5 !important;
    font-weight: 500;
    margin-top: 15px;
}

@media (max-width: 760px) {
    .page-template-search-page .searchandfilter li.filter.daterange,
    body.search .searchandfilter li.filter.daterange,
    .search-results .searchandfilter li.filter.daterange,
    .search-no-results .searchandfilter li.filter.daterange,
    .no-results .searchandfilter li.filter.daterange,
    .archive.category .searchandfilter li.filter.daterange,
    .reports-page .searchandfilter li.filter.daterange,
    .archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange,
    .page-template-search-page .searchandfilter li.filter.authors,
    body .search .searchandfilter li.filter.authors,
    .search-results .searchandfilter li.filter.authors,
    .search-no-results .searchandfilter li.filter.authors,
    .no-results .searchandfilter li.filter.authors,
    .archive .category .searchandfilter li.filter.authors,
    .reports-page .searchandfilter li.filter.authors,
    .archive .tax-epkb_post_type_1_category .searchandfilter li.filter.authors {
        width: 50%;
    }
    .page-template-search-page .searchandfilter li.filter.cats,
    body.search .searchandfilter li.filter.cats,
    .search-results .searchandfilter li.filter.cats,
    .search-no-results .searchandfilter li.filter.cats,
    .no-results .searchandfilter li.filter.cats,
    .archive.category .searchandfilter li.filter.cats,
    .reports-page .searchandfilter li.filter.cats,
    .archive.tax-epkb_post_type_1_category .searchandfilter li.filter.cats {
        width: 100%;
    }
    .page-template-search-page .searchandfilter li.filter.submit,
    body.search .searchandfilter li.filter.submit,
    .search-results .searchandfilter li.filter.submit,
    .search-no-results .searchandfilter li.filter.submit,
    .no-results .searchandfilter li.filter.submit,
    .archive.category .searchandfilter li.filter.submit,
    .reports-page .searchandfilter li.filter.submit,
    .archive.tax-epkb_post_type_1_category .searchandfilter li.filter.submit {
        width: 100%;
        float: none;
    }
}

@media (max-width: 520px) {
    .page-template-search-page .searchandfilter li.filter.daterange,
    body.search .searchandfilter li.filter.daterange,
    .search-results .searchandfilter li.filter.daterange,
    .search-no-results .searchandfilter li.filter.daterange,
    .no-results .searchandfilter li.filter.daterange,
    .archive.category .searchandfilter li.filter.daterange,
    .reports-page .searchandfilter li.filter.daterange,
    .archive.tax-epkb_post_type_1_category .searchandfilter li.filter.daterange,
    .page-template-search-page .searchandfilter li.filter.authors,
    body .search .searchandfilter li.filter.authors,
    .search-results .searchandfilter li.filter.authors,
    .search-no-results .searchandfilter li.filter.authors,
    .no-results .searchandfilter li.filter.authors,
    .archive .category .searchandfilter li.filter.authors,
    .reports-page .searchandfilter li.filter.authors,
    .archive .tax-epkb_post_type_1_category .searchandfilter li.filter.authors {
        width: 100%;
    }
}

#mc_embed_signup .ucn-nl-details,
#mc_embed_signup .ucn-nl-interests {
    width: 100%;
    float: none;
}

#mc_embed_signup .ucn-nl-details>div,
#mc_embed_signup .ucn-nl-interests>div {
    width: 100%;
}

#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"] {
    margin: 0 !important;
    width: 100% !important;
}

#mc_embed_signup .mc-field-group li {
    padding-bottom: 12px;
    display: block;
    /* overflow: hidden; */
}

#mc_embed_signup [type="checkbox"]:not(:checked)+label,
#mc_embed_signup [type="checkbox"]:checked+label {
    line-height: 1rem;
}

#mc_embed_signup [type="checkbox"]:not(:checked)+label:before,
#mc_embed_signup [type="checkbox"]:checked+label:before {
    top: 3px !important;
}


/*=========Author page===========*/

#ucn-author-details .ucn-author-inner {
    background: #F0F3F6;
    padding: 20px;
}
#ucn-author-details .ucn-author-inner>.container {
    padding: 0;
}
#ucn-author-details .ucn-author-inner h3 {
    font-size: 1.5em;
    margin: 0;
    line-height: 1.32em;
    padding-top: 8px;
}

#ucn-author-details .ucn-author-inner .ucn-author-title {
    display: none;
}

#ucn-author-details .ucn-author-inner .ucn-author-contact {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;
    border-top: 1px solid #000;
    padding-top: 12px;
    margin-top: 10px;
}

#ucn-author-details .ucn-author-inner .ucn-author-contact p {
    margin-bottom: 6px;
}
#ucn-author-details .ucn-author-inner .ucn-author-contact p small {
    font-weight: bold;
    padding-right: 6px;
}
#ucn-author-details .ucn-author-inner .ucn-author-meta .table-header td {
    color: #52aadd;
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 23px;
    font-weight: bold;
}

#ucn-author-details .ucn-author-inner .ucn-author-article-nr {
    font-size: 1.688rem;
    font-weight: bold;
    color: #5B5A5E;
}


/*=========Free Read Tag===========*/

.home-latestnews .latest-news-img {
    position: relative;
}

.free-article.free-article-tag {
    font-family: 'Work Sans', sans-serif;
    padding: 0.336em 0.20em 0.3em 0.5em;
    /* background-color: #07a6c5; */
    background-color: #F03025;
    color: #ffffff;
    font-size: 0.6rem;
    line-height: 0.95;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    height: 16px;
    top: 8px;
}
.new-ui .left-column .col-md-12.flex-image .free-article.free-article-tag {
    display: flex;
    align-items: center;
    height: auto;
}
.free-article.free-article-tag .span-live {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 2px 4px 1px 0px;
    text-transform: uppercase;
    display: inline-block;
}
.new-ui .left-column .col-md-12.flex-image .free-article-image-tag .live-dot {
    width: 8px;
    height: 8px;
}
.free-article {
    width: auto;
    position: absolute;
    left: 12px;
}

.free-article {
    right: inherit;
    left: 10px;
    letter-spacing: normal;
}

.free-article.free-article-tag .free-read-text {
    font-family: 'Work Sans', sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 0.95em;
}

.free-article.free-article-tag .free-read-text strong,
.free-article strong {
    font-weight: 600;
}
.category-archive .free-article {
    position: inherit;
}
.category-archive .ucn-search-articles .ucn-tag {
    height: auto;
}
/* .free-article.free-article-tag-corners {
    height: 6px;
    background-color: transparent;
    margin-top: 32px;
    top: 0px;
}

.free-article.free-article-tag-corners .free-article-left-corner {
    background-color: transparent;
    border-right: #07a6c5 21px solid;
    border-bottom: transparent 7px solid;
    width: 10px;
    position: absolute;
}

.free-article.free-article-tag-corners .free-article-middle {
    width: 5px;
    position: absolute;
    left: 18px;
    border-bottom: #07a6c5 6px solid;
}

.free-article.free-article-tag-corners .free-article-right-corner {
    background-color: transparent;
    border-left: #07a6c5 20px solid;
    border-bottom: transparent 7px solid;
    width: 10px;
    position: absolute;
    left: 21px;
} */

.col-fluid .main-news .flex-image .free-article.free-article-image-tag,
.species .main-news .free-article.free-article-image-tag,
.species .popular-stories-images .free-article.free-article-image-tag,
.species .popular-stories .right-section .free-article.free-article-image-tag {
    left: 22px;
}

.sidebar .related-news .float-end .free-article.free-article-image-tag,
.main-news .related-news .float-end .free-article.free-article-image-tag {
    top: 20px;
}

species .related-news .float-end .free-article.free-article-image-tag {
    top: 16px;
}

.live .blog-wrapper .free-article {
    right: 12px;
    left: inherit;
}

.species .related-news .float-end {
    position: relative;
}

.species .popular-stories-images,
.species .popular-stories .right-section {
    position: relative;
}

.species .related-news span.free-article {
    font-family: 'Work Sans', sans-serif;
    position: inherit;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.336em 0.20em 0.3em 0.5em;
    margin-right: 6px;
    height: 16px;
}

.editor-picks .related-news .heading .free-article.free-article-text-tag {
    font-family: 'Work Sans', sans-serif;
    position: inherit;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.336em 0.20em 0.3em 0.5em;
    margin-right: 6px;
    height: 16px;
}

.main-news .related-news .free-article.free-article-text-tag {
    font-family: 'Work Sans', sans-serif;
    position: inherit;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.336em 0.20em 0.3em 0.5em;
    margin-right: 6px;
    box-shadow: none;
}

.sidebar-related .related-news .heading .free-article.free-article-text-tag {
    font-family: 'Work Sans', sans-serif;
    position: inherit;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.336em 0.20em 0.3em 0.5em;
    height: 16px;
    margin-right: 6px;
    box-shadow: none;
}

.editor-picks .col-xl-6 {
    position: relative;
}

.editor-picks .col-xl-6 .free-article.free-article-tag,
.editor-picks .col-xl-6 .free-article.free-article-tag-corners {
    left: 24px;
}

.all-section .wrapper .all-content .free-article.free-article-text-tag {
    font-family: 'Work Sans', sans-serif;
    position: inherit;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.33em 0.20em 0.3em 0.5em;
    height: 16px;
    margin-right: 6px;
    box-shadow: none;
}

.under-top-story-1-3 .related-news span.free-article {
    height: 28px;
}


/*========prices-commodity===========*/

#specie-content h4,
.other-dataset h4 {
    font-family: 'WorkSans', sans-serif;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.07;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 20px;
    padding: 40px 0 0 0;
}

#specie-content .table-responsive {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#specie-content .table-responsive .table {
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #000;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    box-shadow: 0 3px 2px 0 rgb(0 0 0 / 10%);
}

#specie-content .table .thead-dark {
    padding: 20px 21px 20px 21px;
    border-radius: 3px;
    background-color: #0b3d60;
}

#specie-content .table-responsive .table thead th {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.85;
    letter-spacing: -0.25px;
}

#specie-content .table .thead-dark th,
#specie-content .table .thead-dark th {
    font-family: 'WorkSans', sans-serif;
    color: #fff;
    font-size: 1rem;
    padding: 20px 23px;
}

#specie-content .table td,
#specie-content .table td {
    font-family: 'WorkSans', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.29;
    letter-spacing: -0.2px;
    padding: 12px 23px;
    font-weight: bold;
    color: #000;
}

.other-dataset {
    padding-bottom: 40px;
}

.other-dataset a {
    font-family: 'Work Sans', sans-serif;
    background-color: #07a6c5;
    border-radius: 3px;
    font-size: 0.6rem;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 0.336em 0.5em 0.3em 0.5em;
    margin: 4px;
    box-shadow: none;
}

.other-dataset b {
    display: none;
}

/*=========Seafood ompany filings===========*/
.page-template-company-filings-page .co-file .info-section h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 3.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin: 57px 0 17px 0;
}
.page-template-company-filings-page .co-file .info-section p {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 0 43px 0;
}
.page-template-company-filings-page .co-file .filing-searchbox {
    width: 100%;
    max-width: 447px;
    height: 58px;
    position: relative;
    border-radius: 5px;
    border: 1px solid rgb(0 0 0 / 20%);
    margin: 0 auto;
}
.page-template-company-filings-page .co-file .filing-searchbox button[type=submit] {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: 10px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    background: transparent;
    border-radius: inherit;
    cursor: pointer;
    opacity: 0.7;
}
.page-template-company-filings-page .co-file .filing-searchbox button[type=submit] .bi-search::before {
    color: #000000;
    font-size: 1rem;
}
.filing-searchbox button[type=submit] ::placeholder {
    color: rgb(0 0 0 / 30%);
    opacity: 1; /* Firefox */
  }

  .filing-searchbox button[type=submit] :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(0 0 0 / 30%);
  }

  .filing-searchbox button[type=submit] ::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(0 0 0 / 30%);
  }
.page-template-company-filings-page .co-file .filing-searchbox input[type="search"] {
    border: none;
    background: transparent;
    margin: 0;
    font-size: 1rem;
    letter-spacing: -0.3px;
    color: rgb(0 0 0 / 30%);
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 8px 15px 8px 36px;
    max-width: 447px;
    width: 100%;
    height: 58px;
}
.page-template-company-filings-page #widget-target-id .widget-container iframe {
    width: 100%;
    border-radius: 17px;
}
.page-template-company-filings-page #widget-target-id .widget-container {
    border-radius: 17px;
    border: solid 1px #d2d2d2;
    /* padding: 0 33px 33px 33px; */
}
.page-template-company-filings-page .co-file .filing-searchbox:focus-visible {
    outline: 1px solid #07a6c5;
}
.page-template-company-filings-page .co-file .filing-searchbox input[type="search"]:focus-visible {
    outline: none;
}
/*----Company Popup---*/
#showCompanyModel .modal-header {
    padding: 27px 42px 25px 39px;
  border-radius: 2px;
  background-color: #0c2b41;
  margin: 0 0 25px;
}
/*=========Responsive Media Query===========*/
/*========Companies Popup==============*/
#showCompanyModel .modal-header {
    margin: 0 0 25px;
    padding: 27px 42px 25px 39px;
    border-radius: 2px;
    background-color: #0c2b41;
    margin-bottom: 0;
    display: inherit;
}
#showCompanyModel .modal-header .row {
    width: 100%;
    align-items: center;
}
#showCompanyModel .modal-header h5 {
    margin: 0px 0 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: -0.2px;
    color: #fff;
}
#showCompanyModel .modal-header .logo {
    width: 62px;
    height: 62px;
    padding: 8px 7px 6px;
    border-radius: 4.6px;
    background-color: #fff;
    align-items: center;
    display: flex;
}
#showCompanyModel .modal-header .logo img {
    max-width: 48px;
    height: auto;
}
#showCompanyModel .modal-header .close {
    background-color: rgb(11 61 96 / 70%);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: none;
    color: #fff;
}
#showCompanyModel .modal-header .close span {
    font-size: 24px;
    display: block;
    font-weight: normal;
}
#showCompanyModel .modal-body {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.61;
  letter-spacing: -0.2px;
  color: #000;
  padding: 20px 39px 16px 39px;
}
#showCompanyModel .modal-body p {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: -0.2px;
  color: #000;
}
#showCompanyModel .modal-body .row {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 15px;
}

#showCompanyModel .modal-body .form-label {
    margin-bottom: 0;
}
#showCompanyModel .modal-footer {
    display: flex;
    justify-content: center;
    border: none;
    padding-bottom: 30px;
}
#showCompanyModel .modal-footer .btn.btn-secondary {
    font-family: 'DM Sans', sans-serif;
    border-radius: 4px;
  background-color: #0c2b41;
  color: #ffffff;
  letter-spacing: 0.18px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: normal;
}
#showCompanyModel .modal-footer a#change_a_href .btn {
    font-family: 'DM Sans', sans-serif;
    border-radius: 4px;
  background-color: #07a6c5;
  color: #ffffff;
  letter-spacing: 0.18px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: normal;
}
/* sharing credits */
#primary.user-page.sharing-credits {
 margin-top: 93px;
}
#update_user_form {
    max-width: 1639px;
}
#primary.user-page.sharing-credits .pageheader {
    padding-bottom: 0;
    margin-bottom: 71px;
}
#primary.user-page.sharing-credits .header {
    margin: 0 12px 13px 12px;
    font-family: 'Work Sans',sans-serif;
    font-size: 45px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.4px;
    text-align: center;
    color: #000;
}
#primary.user-page.sharing-credits #update_user_form {
    border: none;
    background: #fff;
}
#primary.user-page.sharing-credits #update_user_form .wrapper {
    max-width: 1639px;
    padding: 0;
    border-left: solid 1px #ced8df;
    border-right: solid 1px #ced8df;
    border-bottom: solid 1px #ced8df;
    border-radius: 5px;
}
#primary.user-page.sharing-credits #update_user_form .wrapper.balance {
    margin-bottom: 77px;
}
#primary.user-page.sharing-credits #update_user_form .wrapper .form-header {
    padding: 12px 47px 12px 47px;
    margin: 0 12px 53px 0;
    font-family: 'Work Sans',sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-transform: capitalize;
}
#primary.user-page.sharing-credits .credits-details, #primary.user-page.sharing-credits .credits-history {
    max-width: 1364px;
    margin: 0 auto;
}
#primary.user-page.sharing-credits .credit-balance {    
    margin: 0px 84px 50px 84px;
    background-color:#f6f6f6;
    padding: 27px 54px;
}
#primary.user-page.sharing-credits .credits-details.table-responsive {
padding-bottom: 36px;
}
#primary.user-page.sharing-credits table thead th:first-child,
#primary.user-page.sharing-credits table tbody td:first-child {
    padding-left: 0;
}
#primary.user-page.sharing-credits .credit-balance h4 {
    font-family: 'Work Sans',sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: left;
    color: #000;
}
#primary.user-page.sharing-credits .credit-balance h5 {
    font-family: 'Work Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
#primary.user-page.sharing-credits .balance-btn,
#primary.user-page.sharing-credits .shared-art-btn {
    border: 3px solid #07a6c5;
    width: 100px;
    border-radius: 20px;
}
#primary.user-page.sharing-credits .shared-art-btn {
    float: right;
}
#primary.user-page.sharing-credits .balance-btn input, #primary.user-page.sharing-credits .shared-art-btn input {
    margin: 0;
    border-radius: 20px;
    border-color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#primary.user-page.sharing-credits .credits-details-header h5,
#primary.user-page.sharing-credits .credits-history-header h5 {
    margin: 0px 26px 13px 0px;
    padding-left: 0;
    font-family: 'Work Sans',sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #000;
}
#primary.user-page.sharing-credits .credits-details-header,
#primary.user-page.sharing-credits .credits-history-header {
    max-width: 1364px;
    margin: 0 auto;
}
#primary.user-page.sharing-credits .credits-history .table {
    margin-bottom: 84px;
}
#primary.user-page.sharing-credits .table thead th {    
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  color: #000;
  padding: 0.75rem 0.75rem;
  color: rgb(0 0 0 / 40%);
}
#primary.user-page.sharing-credits .table td {
    font-family: 'Work Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    border-bottom: none;
    padding: 0.75rem 0.75rem;
}
#primary.user-page.sharing-credits .table td.link {
    color: #07a6c5;
}
#primary.user-page.sharing-credits .credits-history .table td:nth-child(2) {
    text-transform: capitalize;
}
#primary.user-page.sharing-credits .table>:not(:last-child)>:last-child>* {
    border-color: #ced8df;
}
/* Announcement page Starts */
.announcements-page .main-heading {
    padding: 0;
    background-color: rgb(11 61 96 / 10%);
    margin-bottom: 86px;
}
.announcements-page .main-heading h2 {
    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;
    padding: 16px 0px 15px 0px;
    text-transform: uppercase;
}
.announcements-page .container.list-items {
    max-width: 1085px;
    padding: 0;
}
.search-page-results {
    margin: 0 auto;
    max-width: 1085px;
    padding: 0;
}
.search-page-results .ucn-search-excerpt a {
    display: block;
    color: #07a6c5;
    font-weight: bold;
    float: left;
    padding-right: 6px;
}
.announcements-page .ucn-list-item-entry .ucn-tag {
    width: 45px;
    height: 15px;
    border-radius: 1px;
    background-color: #07a6c5;
    text-align: center;
    margin-bottom: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
}
.announcements-page .ucn-list-item-entry .ucn-tag a {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 1px;
}
.announcements-page .written,
.search-page-results .ucn-search-date {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #07a6c5;  
}
.announcements-page .ucn-list-item-title {
    margin: 6px 0 9px;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #000;
}
.announcements-page .ucn-list-item-excerpt {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #000;
}
.announcements-page .ucn-list-item-articles {
    margin: 18px 0 0 0;
    border-bottom: solid 1px hsl(205deg 79% 21% / 20%);
    padding-bottom: 23px;
}
.announcements-page .ucn-ln-pages {
    margin: 117px 0 141px 0;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.announcements-page .ucn-ln-pages .page-numbers,
.search-page-results .ucn-ln-pages .page-numbers {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color:  #000 !important;
    border: none;
    margin-bottom: 0;
    padding: 0 16px;
    height: 45px;
    line-height: 45px;
}
.announcements-page .ucn-ln-pages .page-numbers:hover,
.announcements-page .ucn-ln-pages .page-numbers.current:hover,
.search-page-results .ucn-ln-pages .page-numbers:hover,
.search-page-results .ucn-ln-pages .page-numbers.current:hover {
    background: #07a6c5 !important;
    color: #fff !important;
    border: none!important;
}
.announcements-page .ucn-ln-pages .page-numbers.current,
.search-page-results .ucn-ln-pages .page-numbers.current {
    background-color: #07a6c5;
    color: #fff !important;
    border: none;
    padding: 0 16px;
}
.announcements-page .ucn-ln-pages .next,
.search-page-results .ucn-ln-pages .next {
    width: 136px;
    height: 45px;
    margin: 0 0 0 80px;
    border: none !important;
    color: #000 !important;
    padding: 16px 48px;
    border-radius: 3px;
    background-color: hsl(205deg 79% 21% / 10%);
}
.announcements-page .ucn-ln-pages .next:hover,
.search-page-results .ucn-ln-pages .next:hover {
    background-color: #07a6c5;
    color: #fff;
}
.announcements-page .ucn-ln-pages .prev,
.search-page-results .ucn-ln-pages .prev {
    width: 136px;
    height: 45px;
    padding: 16px 48px;
    border-radius: 3px;
    background-color: hsl(205deg 79% 21% / 10%);
    border: none !important;
    color: #000 !important;
    margin-right: 80px;
}
.announcements-page .ucn-ln-results {
    display: none;
}
.search-page-results .free-article.free-article-tag {
    font-size: 0.6875rem;
    line-height:8px;
}
.search-page-results .ucn-search-author {
    color: #07a6c5;
    font-weight: 400;
}
/* Media Query for Mobile Devices */

@media (max-width: 320px) {
    #main .container {
        padding: 30px 12px 0 12px;
    }
    .navbar-mobile .dropdown .dropdown:hover>ul {
        display: block;
        visibility: visible;
    }
    section {
        padding: 30px 0;
    }
    #main .flex-image a img.thumb-large,
    .editor-picks a img.thumb-large,
    img.thumb-large,
    img.thumb-medium {
        max-width: 100% !important;
    }
    #header {
        margin-top: 0;
    }
    #header .container.d-flex {
        padding-bottom: 0;
    }
    #header.fixed-top {
        height: auto;
    }
    #header.fixed-top .container {
        padding: 12px;
    }
    #header .container a.logo {
        margin: 0px 16px 0px 16px;
    }
    #main>.container {
        padding-top: 17px;
    }
    .section-title .main-article-heading,
    .latest-news .popular-stories .right-section .section-title h2,
    .article .section-title h3,
    #data-portal .info-section h3 {
        font-size: 1.5rem !important;
        line-height: 1.13;
    }
    #main.data-portal>h4 {
        font-size: 1.125rem;
        margin: 25px 0;
    }
    .main-news p {
        padding-top: 16px;
    }
    .get-all-data .ucn-data {
        float: left;
        margin-right: 15px;
    }
    .get-all-data p {
        font-size: 0.813;
    }
    #data-slider .owl-dots,
    #data-slider .owl-nav {
        display: block;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next,
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
    }
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    #data-slider .owl-prev span,
    #data-slider .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    #data-slider .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    }
    #pills-tab {
        justify-content: flex-start;
        flex-flow: nowrap;
    }
    #data-portal .owl-carousel .owl-nav,
    #data-portal .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    }
    #data-portal .owl-carousel {
        padding: 0 36px;
    }
    #data-portal .owl-carousel .owl-nav {
        width: 100%;
    }
    #data-portal .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 30%;
        left: 7px;
    }
    #data-portal .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 30%;
        right: 7px;
    }
    #data-portal .owl-carousel .owl-nav .owl-prev .bi,
    #data-portal .owl-carousel .owl-nav .owl-next .bi {
        font-weight: bold;
        font-size: 1.5rem;
    }
    #data-portal .owl-carousel .owl-nav .owl-prev .bi-chevron-left::before,
    #data-portal .owl-carousel .owl-nav .owl-next .bi-chevron-right::before {
        font-weight: bold !important;
    }
    #data-portal .owl-carousel button.owl-dot.active {
        background-color: #0c2b41;
    }
    #data-portal .owl-carousel .owl-dots {
        padding-top: 24px;
    }
    #data-portal .owl-carousel button.owl-dot {
        width: 7px;
        height: 7px;
        margin: 0 7px 0 0;
        border-radius: 100%;
        background-color: rgb(12 43 65 / 10%);
        cursor: pointer;
    }
    .data-portal .nav-pills .nav-item {
        margin-right: 3px;
    }
    .data-portal .nav-pills .nav-link {
        min-width: 62px;
    }
    .data-portal .nav-pills .nav-link h4 {
        font-size: 0.688rem;
        padding-bottom: 5px;
    }
    .data-portal .nav-pills .nav-link img {
        max-height: 18px;
    }
    .data-portal .nav-pills .nav-link {
        padding-bottom: 0;
        padding-top: 4px;
    }
    .data-portal .related-news .float-start {
        max-width: 200px;
    }
    .whitefish-news .related-news .heading {
        font-size: 0.75rem;
    }
    .notification-row.sm .nav {
        padding: 0 40px 0 15px;
    }
    #header .container .logo img {
        max-height: 36px;
    }
    .section-title h3 {
        font-size: 1.125rem;
        line-height: 1.13;
        letter-spacing: normal;
        margin-top: 0;
    }
    .main-news .related-news {
        width: 100%;
    }
    .blog-sub,
    .species-sub {
        padding-top: 0px;
        margin-top: 16px;
    }
    .blog-ad {
        margin-top: 0;
    }
    .live .blog-wrapper {
        min-height: inherit;
    }
    .species-ad {
        margin-bottom: 17px;
    }
    .webinar-section,
    .editor-picks {
        padding-top: 0;
    }
    .webinar-sub span,
    .editor-sub span {
        margin-bottom: 0;
    }
    .webinar-sub span {
        padding-bottom: 17px;
    }
    .all-section-sub span {
        margin-bottom: 17px;
    }
    .related-news .float-start {
        max-width: 217px;
    }
    .species .related-news .float-end img {
        max-width: 73px;
    }
    .species-news .owl-nav {
        display: block;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .main-news p {
        padding-top: 0;
    }
    .blog-section .left.sidebar {
        padding-bottom: 30px;
        text-align: center;
    }
    .species .popular-stories .popular-stories-wrapper .related-news p {
        padding-bottom: 0;
        font-size: 0.75rem;
    }
    .blogs .blog-wrapper {
        min-height: inherit;
    }
    .species .left.sidebar .sidebar-blog-ad {
        margin: 30px 0;
    }
    .species .popular-stories .popular-stories-wrapper .related-news .heading {
        font-size: 1.125rem;
    }
    .all-section .wrapper .heading {
        min-height: inherit;
        margin: 0;
    }
    .all-section .wrapper {
        margin-bottom: 24px;
    }
    .data-portal .data-sub img {
        height: 40px;
    }
    #data-portal .info-section p {
        font-size: 0.75rem;
    }
    .whitefish-news,
    .shrimp-news,
    .shellfish-news,
    .pelagics-news,
    .salmon-news,
    .tuna-news {
        padding: 0;
    }
    .whitefish-news h5,
    .shrimp-news h5,
    .shellfish-news h5,
    .pelagics-news h5,
    .salmon-news h5,
    .tuna-news h5 {
        padding-top: 20px;
    }
    #footer .footer-top {
        padding-bottom: 0;
    }
    .main-contents .main-div-ad2,
    .main-contents .main-div-ad3 {
        min-height: auto;
    }
    #pills-tabContent .table-responsive .table thead th,
    #pills-tabContent .table-responsive .table {
        font-size: 0.75rem;
    }
    #primary.success-registered .success {
        width: 80% !important;
    }
    #primary.success-registered .nls h3 {
        padding: 0 12px;
        font-size: 1rem;
    }
    #primary.static-page #content {
        padding: 30px 20px;
    }
    #primary.static-page p {
        font-size: 1rem;
        line-height: 1.478rem;
    }
    .blog-content .ucn-show-more-button {
        display: flex;
        margin: 0 auto;
    }
    #primary.galleries-page #content .image_container {
        margin-left: 0;
    }
    #primary.login-page header {
        padding-top: 0;
    }
    #primary.login-page #content>div, #primary.verify-email-page #content .entry-content, #primary.login-page #content>div {
        margin: 1rem;
        padding: 1rem;
        width: auto;
    }
    #resetpassform .col-md-6 {
        margin-bottom: 20px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #header .container .logo.nav-logo-tablet-hide {
        display: none;
    }
    #header .container .logo.nav-logo-tablet-view {
        display: inline-flex;
        margin-bottom: 0;
    }
    #header .container a.logo {
        width: 62px;
        height: 28px;
        /* width: 62px;
        height: 32px; */
        background-image: url(../img/UCN-logo-blue-capsule.svg);
        object-fit: contain;
        background-size: cover;
        display: block;
    }
    #header .container a.logo img {
        display: none;
    }
    .notification-row>ul>li.search-div {
        padding: 0px 0 0 0px;
    }
    .navbar-mobile .dropdown .dropdown:hover>ul {
        display: block;
        visibility: visible;
    }
    #main.data-portal>h4 {
        font-size: 1.125rem;
        margin: 25px 0;
    }
    .get-all-data .ucn-data {
        float: left;
        margin-right: 15px;
    }
    .get-all-data p {
        font-size: 0.813;
    }
    #pills-tab {
        justify-content: flex-start;
        flex-flow: nowrap;
        overflow: scroll;
    }
    #pills-tabContent .table-responsive .table thead th {
        line-height: 1.2;
    }
    #pills-tabContent .tableFixHead th,
    #pills-tabContent .tableFixHead td {
        padding: 4px 8px;
    }
    .data-portal .nav-pills .nav-link h4 {
        font-size: 0.938rem;
    }
    .data-portal .nav-pills .nav-item {
        margin-right: 4px;
    }
    .data-portal .nav-pills .nav-link img {
        max-height: 18px;
    }
    .data-portal .nav-pills .nav-link {
        padding: 4px 4px 0 4px;
        min-width: 68px;
    }
    .ucn-login .col-md-4.text-start {
        margin-top: 0;
    }
    .ucn-login .ucn-submit-button {
        float: left;
        margin-right: 15px;
    }
    #primary.success-registered .success {
        width: 80% !important;
    }
    #primary.success-registered .nls h3 {
        padding: 0 12px;
        font-size: 1rem;
    }
    #primary.static-page #content {
        padding: 30px 20px;
    }
    #primary.static-page p {
        font-size: 1rem;
        line-height: 1.478rem;
    }
    .ucn-data-page-header.entry-header .sub-header {
        margin-bottom: 15px;
    }
    #main.species .col {
        flex: initial;
        margin-bottom: 20px;
    }
    .jobs-section .header-area {
        padding-top: 18px;
    }
    .jobs-section .header-area .col-md-4 {
        flex: auto;
        padding-bottom: 10px;
    }
    .jobs-section .view-all-positon {
        padding: 9px 5px;
        font-size: 0.5em;
    }
    .jobs-section .ads-inner {
        left: 50%;
        transform: translateX(-50%);
    }
    .jobs-carousel .items.job-hiring-ad .ad-line-one {
        font-size: 1em;
    }
    .jobs-carousel .items.job-hiring-ad .ad-line-two {
        font-size: 0.75em;
    }
    .page-template-search-page .searchandfilter li.filter.authors,
    body.search .searchandfilter li.filter.authors,
    .search-results .searchandfilter li.filter.authors,
    .search-no-results .searchandfilter li.filter.authors,
    .no-results .searchandfilter li.filter.authors,
    .archive.category .searchandfilter li.filter.authors,
    .reports-page .searchandfilter li.filter.authors,
    .archive.tax-epkb_post_type_1_category .searchandfilter li.filter.authors {
        width: 100%;
    }
    .searchandfilter .filter input.ucn-submit-button.reset {
        margin-bottom: 15px;
        margin-right: 0 !important;
    }
    .jobs-section {
        background-color: #f0f3f6;
        padding: 0 91px;
        background-image: url(../img/ucn-jobs-mobile-img.png);
        background-size: contain;
        background-repeat: no-repeat;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px
    }
    
    .jobs-section.jobs-section-empty {
        border-radius: 11px;
    }
    .jobs-section.jobs-section-empty .header-area {
        margin-bottom: 0;
    }
    .jobs-section .jobs-logo img {
        max-height: 20px;
    }
    .jobs-section .header-area .col-md-4.text-center img {
        max-height: 26px;
    }
    .jobs-section .view-all-positon {
        padding: 4px 5px;
        font-size: 0.5em;
        margin-top: 4px;
    }
    .article .left-sidebar .social-share .sharingtracker_buttonbar ul li,
    #primary.ucn-gallery-page .sharingtracker_buttonbar li {
        width: 32px;
        height: 32px;
    }
    .sharingtracker_buttonbar li .sharingtracker_button .path2:before,
    .sharingtracker_buttonbar li .sharingtracker_button .path2:before {
        font-size: 2rem;
    }
    .sharingtracker_buttonbar .article-social li.ucn-font-size {
        width: 70% !important;
    }
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button .ucn-icon-bookmark-icn {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button .ucn-icon-bookmark-icn .path3, 
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button .ucn-icon-bookmark-icn .path4 {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
         width: 32px;
    }
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button .ucn-icon-bookmark-icn .path3:before {
        margin-left: -0.8em;
        margin-top: -0.15em;
    }
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button .ucn-icon-bookmark-icn .path4:before {
        margin-left: -1em;
        margin-top: -0.15em;
    }
    .webinar-section .galleries {
        padding: 23px 12px 14px 12px;
    }
    .webinar-section .galleries .event-btn a.view-all-event {
        width: 80px;
    }
    #webinar-page-article-container .galleries .past-webinar-videos {
        align-items: center;
    }
    .webinar-section .galleries .upcoming-web-logo img {
        height: 20px;
    }
    .webinar-section .galleries .upcoming-web-logo span {
        font-size: 0.75rem;
    }
    .blog-content .ucn-show-more-button {
        display: flex;
        margin: 0 auto;
    }
    #primary.galleries-page #content .image_container {
        margin-left: 0;
    }
    #primary.login-page header {
        padding-top: 0;
    }
    #primary.login-page #content>div, #primary.verify-email-page #content .entry-content, #primary.login-page #content>div {
        margin: 1rem;
        padding: 1rem;
        width: auto;
    }
    #resetpassform .col-md-6 {
        margin-bottom: 20px;
    }
    #primary.user-page.sharing-credits {
        margin-top: 30px;
    }
    #primary.user-page.sharing-credits .pageheader {
        margin-bottom: 30px;
    }
    #primary.user-page.sharing-credits .header {
        font-size: 24px;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    #primary.user-page.sharing-credits #update_user_form .wrapper .form-header {
        margin-bottom: 20px;
    }
    #primary.user-page.sharing-credits .credit-balance h4,
    #primary.user-page.sharing-credits .credit-balance h5 {
        font-size: 12px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 12px 20px 12px;
        padding: 12px 12px;
    }
    #primary.user-page.sharing-credits .credits-details-header h5,
    #primary.user-page.sharing-credits .credits-history-header h5 {
        padding-left: 0;
    }
    #primary.user-page.sharing-credits .credits-details.table-responsive {
        padding-bottom: 0;
    }
    #primary.user-page.sharing-credits #update_user_form .wrapper.balance {
        margin-bottom: 30px;
    }
    #primary.user-page.sharing-credits .credits-history-header,
    #primary.user-page.sharing-credits .credits-history-header h5 {
        padding: 0;
    }
    #primary.user-page.sharing-credits .credits-history .table {
        margin-bottom: 0;
    }
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: wrap;
    }
    .navbar .dropdown .dropdown ul {
        visibility: visible;
        overflow: hidden;
        border: none;
    }
}


/* ----------- iPhone 6, 6S, 7 and 8  Landscape----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #header .container .logo.nav-logo-tablet-hide {
        display: none;
    }
    #header .container .logo.nav-logo-tablet-view {
        display: block;
    }
    #main .container {
        padding: 30px 12px 0 12px;
    }
    #header .container a.logo {
        /* width: 90px;
        height: 40px; */
        width: 94px;
        height: 46px;
        background-image: url(../img/UCN-logo-blue-capsule.svg);
        object-fit: contain;
        background-size: cover;
        display: block;
    }
    #header .container a.logo img {
        display: none;
    }
    #main .flex-image a img.thumb-large,
    img.thumb-large {
        max-width: 100% !important;
    }
    #header.fixed-top {
        height: auto;
    }
    .navbar .dropdown .dropdown ul {
        visibility: visible;
        overflow: hidden;
        border: none;
    }
    #header.fixed-top .container {
        padding: 12px;
    }
    .get-all-data .ucn-data {
        float: left;
        margin-right: 15px;
    }
    .get-all-data p {
        font-size: 0.813;
    }
    #data-slider .owl-dots,
    #data-slider .owl-nav {
        display: block;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next,
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
    }
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    #data-slider .owl-prev span,
    #data-slider .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    #data-slider .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    }
    .ucn-data-page-header.entry-header .sub-header {
        margin-bottom: 15px;
    }
    #pills-tab {
        justify-content: flex-start;
        flex-flow: nowrap;
    }
    .data-portal .nav-pills .nav-link {
        min-width: 90px;
    }
    .data-portal .nav-pills .nav-link h4 {
        font-size: 1rem;
    }
    .data-portal .nav-pills .nav-link img {
        max-height: 27px;
    }
    .reports-banner img.thumb-medium {
        max-width: 100% !important;
    }
    .reports-banner {
        margin-top: 30px;
    }
    .species-news .owl-nav {
        display: block;
    }
    .species-news .species-wrapper {
        max-width: 250px;
    }
    .species-news .species-heading {
        width: 250px;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .main-contents .main-div-ad2,
    .main-contents .main-div-ad3 {
        min-height: auto;
    }
    #pills-tabContent .table-responsive .table thead th,
    #pills-tabContent .table-responsive .table {
        font-size: 0.75rem;
    }
    #main .container .related-news .float-start,
    #main .container .main-news .related-news .float-start {
        max-width: 230px;
    }
    .webinar-section .galleries .gallery-thumb-wrapper .caption_link {
        max-width: 250px;
    }
    .blog-content .ucn-show-more-button {
        display: flex;
        margin: 0 auto;
    }
    #primary.login-page header {
        padding-top: 0;
    }
    #primary.login-page #content>div, #primary.verify-email-page #content .entry-content, #primary.login-page #content>div {
        margin: 1rem;
        padding: 1rem;
        width: auto;
    }
    #resetpassform .col-md-6 {
        margin-bottom: 20px;
    }
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: wrap;
    }
}


/* Media Query for low resolution  Tablets, Ipads */

@media (min-width: 481px) and (max-width: 767px) {
    #header .container .logo.nav-logo-tablet-hide {
        display: none;
    }
    #header .container .logo.nav-logo-tablet-view {
        display: block;
    }
    #header .container .logo.nav-logo-tablet-view a img {
        max-width: 300px;
    }
    .navbar-mobile .dropdown .dropdown:hover>ul {
        display: block;
        visibility: visible;
    }    
    .navbar .dropdown .dropdown ul {
        visibility: visible;
        overflow: hidden;
        border: none;
    }
    #main .container {
        padding: 30px 12px 0 12px;
    }
    img.thumb-large {
        max-width: 100%;
    }
    .species-news .mx-1 {
        max-width: inherit;
    }
    #header.fixed-top {
        height: auto;
    }
    #header.fixed-top .container {
        padding: 12px;
    }
    .get-all-data .ucn-data {
        float: left;
        margin-right: 15px;
    }
    .get-all-data p {
        font-size: 0.75rem;
    }
    #data-slider .owl-dots,
    #data-slider .owl-nav {
        display: block;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next,
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
    }
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    #data-slider .owl-prev span,
    #data-slider .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    #data-slider .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    }
    .ucn-data-page-header.entry-header .sub-header {
        margin-bottom: 15px;
    }
    #pills-tab {
        justify-content: flex-start;
        flex-flow: nowrap;
    }
    .data-portal .nav-pills .nav-link {
        min-width: 90px;
    }
    .data-portal .nav-pills .nav-link h4 {
        font-size: 1rem;
    }
    .data-portal .nav-pills .nav-link img {
        max-height: 27px;
    }
    .species-news .mx-1 {
        max-width: inherit;
    }
    /* .searchbox {
        right: 40px;
        top: 12px;
    } */
    .reports-banner img.thumb-medium {
        max-width: 100% !important;
    }
    .species-news .species-wrapper {
        max-width: 250px;
    }
    .species-news .species-heading {
        width: 250px;
    }
    .species-news .owl-nav {
        display: block;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    .container.tablet-view {
        display: block;
    }
    .species-ad.tablet-hide {
        display: none;
    }
    #pills-tabContent .table-responsive .table thead th,
    #pills-tabContent .table-responsive .table {
        font-size: 0.75rem;
    }
    .interview-page.details .interview-page-title,
    .webinar-details .webinar-page-title {
        font-size: 2rem;
    }
    .interview-page.details .speakers-name,
    .webinar-details .webinar-page-tooltip {
        font-size: 1rem;
    }
    .jobs-section {
        background-color: #f0f3f6;
        padding: 0 91px;
        background-image: url(../img/ucn-jobs-mobile-img.png);
        background-size: contain;
        background-repeat: no-repeat;
        border-top-right-radius: 11px;
        border-top-left-radius: 11px
    }
    .jobs-section.jobs-section-empty {
        border-radius: 11px;
    }
    .jobs-section.jobs-section-empty .header-area {
        margin-bottom: 0;
    }
    .jobs-section .jobs-logo img {
        max-height: 20px;
    }
    .jobs-section .header-area .col-md-4.text-center img {
        max-height: 26px;
    }
    .jobs-section .view-all-positon {
        padding: 4px 5px;
        font-size: 0.5em;
        margin-top: 4px;
    }
    .webinar-section .galleries .event-btn a.view-all-event {
        width: 80px;
    }
    #primary.login-page header {
        padding-top: 0;
    }
    #primary.login-page #content>div, #primary.verify-email-page #content .entry-content, #primary.login-page #content>div {
        margin: 1rem;
        padding: 1rem;
        width: auto;
    }
    #resetpassform .col-md-6 {
        margin-bottom: 20px;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: wrap;
    }
}


/* Ads on smaller devices */


/* Media Query for small device  */

@media (max-width: 768px) {
    #header.fixed-top {
        height: auto;
    }
    #header.fixed-top .container {
        padding: 12px;
    }
    .navbar .dropdown:hover>ul {
        background: #0C2B41;
    }
    .navbar-mobile .regionssection .col,
    .navbar-mobile .eventssection .col {
        flex: none;
    }
    #header .container {
        padding-bottom: 10px;
    }
    #main .flex-image a img.thumb-large {
        min-height: auto;
        object-fit: inherit;
        margin-bottom: 20px;
    }
    .new-sidebar .prices-portal {
        margin-top: 22px;
    }
    #data-slider .owl-carousel.owl-rtl .owl-item {
        justify-content: center;
        display: flex;
    }
    #data-slider .owl-dots,
    #data-slider .owl-nav {
        display: block;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next,
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
    }
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    #data-slider .owl-prev span,
    #data-slider .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    #data-slider .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    }
    .owl-nav {
        text-align: center;
    }
    #main .container .main-news {
        padding-left: 0px;
    }
    #main .container .sidebar .main-news-ads {
        min-height: 100px;
        line-height: 100px;
    }
    #main .container .main-news p {
        margin-bottom: 6px;
    }
    #main .editor-picks .related-news.last {
        border-top: solid 1px rgb(0 0 0 / 10%);
        border-bottom: solid 1px rgb(0 0 0 / 10%);
    }
    #main .editor-picks .col-lg-3.col-md-4 {
        padding-left: 0px;
    }
    #main .container .main-news .related-news {
        padding-top: 6px;
        width: 100%;
    }
    #main .container .related-news .float-start,
    #main .container .main-news .related-news .float-start {
        max-width: 60%;
    }
    #main.species .container .related-news .float-start {
        width: 80%;
    }
    #main #pills-tabContent .related-news .float-start {
        max-width: 230px;
    }
    #main .editor-picks .container .related-news .float-start {
        max-width: 60%;
    }
    #main .container .related-news .float-end img {
        max-width: 90px;
    }
    .home-latestnews .latest-news-img img {
        object-fit: cover;
    }
    .home .newsletter {
        margin-top: 14px;
    }
    .sidebar-blog-ad {
        margin: 17px 0;
    }
    .blog-ad {
        margin-top: 36px;
        max-width: 696px;
        max-height: 100px;
        /* min-height: 100px; */
        line-height: 32px;
    }
    .jobs-section {
        padding: 0 30px;
    }
    .jobs-section .header-area {
        margin-bottom: 20px;
    }
    .jobs-section .header-area .col-md-4 {
        text-align: center !important;
        padding-bottom: 0px;
        width: 33.33%;
        max-height: 40px;
    }
    .jobs-section .header-area {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .jobs-carousel .items.job-hiring-ad .ad-line-two {
        margin: 10px 0 15px 0px;
    }
    .jobs-section .header-area .jobs-section .view-all-positon {
        display: flex;
        justify-content: center;
    }
    .jobs-section .owl-nav .owl-prev,
    .jobs-section .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }
    .jobs-section .owl-nav .owl-prev {
        left: -20px;
    }
    .jobs-section .owl-nav .owl-next {
        right: -20px;
    }
    .jobs-section .owl-nav span {
        font-size: 18px;
    }
    .jobs-carousel {
        padding-bottom: 20px;
        padding-top: 50px;
    }
    .species-ad {
        margin-top: 36px;
        max-width: 696px;
        max-height: 100px;
        /* min-height: 100px; */
        line-height: 32px;
        margin-bottom: 39px;
    }
    .species-sub {
        margin-top: 39px;
    }
    .editor-sub span {
        margin-bottom: 12px;
    }
    .editor-main-news p {
        padding-bottom: 15px;
    }
    .editor-picks .editor-main-news h2 {
        font-size: 0.625rem;
        line-height: 2.1;
        letter-spacing: 1px;
        color: #07a6c5;
    }
    .editor-picks .related-news {
        padding-bottom: 16px;
    }
    .editor-picks .related-news .editor {
        display: none;
    }
    #main .editor-picks .related-news .float-end img {
        max-width: 70px;
    }
    #webinar-page-article-container .past-webinar-videos {
        padding-top: 32px;
        padding-bottom: 12px;
    }
    .webinar-section .event-btn {
        padding-bottom: 12px;
    }
    .webinar-section .event-btn.web-interviews {
        align-items: center;
        padding-bottom: 12px;
        display: flex;
        justify-content: right;
    }
    .webinar-section .event-btn.web-interviews a {
        margin-top: 30px;
    }
    #webinar-page-article-container .webinar-register-event-btn {
        max-width: 200px;
    }
    .webinar-page-speakers-thumb {
        text-align: center;
    }
    #webinar-page-article-container {
        padding-top: 0;
    }
    #webinar-page-article-container .webinar-sub span {
        padding-bottom: 15px;
    }
    .jobs.spotlight {
        padding: 9px;
        max-height: 325px;
        overflow-y: auto;
    }
    .species-news .owl-nav {
        display: block;
    }
    .species-news .owl-prev span,
    .species-news .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next,
    .species-news .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 3%;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: 15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: 15px;
    }
    /* .species-news .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    } */
    .species-news .owl-carousel .owl-dots .owl-dot span {
        background: #0c2b41;
        width: 7px;
        height: 7px;
        display: inline-block;
        border-radius: 50%;
        margin: 0 4px;
        opacity: 0.1;
    }
    .species-news .owl-carousel .owl-dots .owl-dot.active span {
        background: #0c2b41;
        opacity: 1;
    }
    #header {
        height: auto;
        margin-top: 0px;
        padding-top: 0;
    }
    #header .container {
        display: flex;
        /* flex-wrap: wrap; */
    }
    #header .container .logo {
        margin: 0 auto;
    }
    #header .container #navbar {
        margin: 18px 0 20px 0;
    }
    .section-title .main-article-heading,
    .latest-news .popular-stories .right-section .section-title h2 {
        font-size: 36px;
    }
    #data-portal {
        padding: 30px 0;
    }
    .main-news p,
    #data-portal .info-section p {
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.3;
        padding-top: 30px;
    }
    #data-portal .info-section p {
        padding: 0 12px;
        margin-bottom: 30px;
    }
    #data-portal .info-section h3 {
        margin-bottom: 15px;
    }
    .ucn-data-page-header.entry-header .sub-header {
        margin-bottom: 15px;
    }
    .main-news .start-0 {
        left: inherit !important;
    }
    .main-news .bottom-0 {
        bottom: inherit !important;
    }
    .main-news .bottom-0 {
        position: inherit !important;
    }
    .continue-reading {
        font-size: 0.75rem;
    }
    .main-news .live .blog-wrapper .blog-img,
    .main-news .blogs .blog-wrapper .blog-img {
        text-align: center;
    }
    .related-news .heading {
        font-size: 0.95rem;
        font-weight: 600;
    }
    .related-news .editor {
        font-size: 0.688rem;
        padding-top: 4px;
    }
    .live .blog-heading a,
    .blogs .blog-heading a {
        font-size: 1rem;
        min-height: auto;
    }
    .blog-section .blog-list .col-sm-12 {
        padding-bottom: 30px;
    }
    .blogs .blog-wrapper {
        padding-bottom: 26px;
    }
    .live .blog-wrapper {
        padding: 19px 19px 18px 18px;
    }
    .live .blog-live {
        font-size: 7px;
    }
    .live .blog-heading a {
        font-size: 0.875rem;
    }
    .blogs .blog-wrapper,
    .live .blog-wrapper {
        min-height: inherit;
    }
    .blogs .blog-heading a {
        padding-bottom: 15px;
    }
    .blogs .blog-wrapper {
        padding-bottom: 9px;
    }
    .webinar-section .web-img-wrapper {
        padding: 34px 43px 26px 39px;
    }
    .web-img-wrapper-right {
        padding-right: 0;
    }
    .webinar-section .webinar-page-speakers-thumb.bottom-0 {
        position: inherit !important;
        height: auto;
        padding-left: 10px;
    }
    .passed-webinar-videos {
        margin-top: 20px;
    }
    .editor-picks .col-lg-6 {
        margin: 30px 0;
    }
    .sidebar .main-news-ads {
        margin-bottom: 0;
    }
    .home .newsletter h6 {
        font-size: 0.75rem;
    }
    .home .newsletter p {
        font-size: 0.5rem;
        padding-bottom: 5px;
    }
    .home .newsletter .email-btn {
        padding: 1px 9px;
    }
    .jobs .heading a {
        font-size: 0.75rem;
    }
    .jobs .editor {
        font-size: 0.688rem;
        padding-top: 6px;
    }
    .jobs .job-list .float-start {
        width: 60%;
    }
    .editor-picks {
        padding-top: 30px;
    }
    .editor-sub {
        padding-top: 0px;
        margin-top: 0;
    }
    .editor-picks .col-lg-3.col-md-4 {
        margin: 30px 0;
    }
    .editor-main-news .related-news .editor {
        display: none;
    }
    .jobs.spotlight .job-list .float-start {
        width: 100%;
    }
    .jobs.spotlight .view-all-jobs {
        margin-top: 0;
    }
    .jobs .job-list .float-start .heading {
        line-height: 16px;
    }
    .sidebar-blog-ad {
        /* min-height: 247px; */
        line-height: 32px;
    }
    .species-news .mx-1 {
        margin-bottom: 30px;
    }
    .species-ad {
        margin-top: 35px;
    }
    .home-latestnews .blog-sub {
        line-height: 14px;
    }
    .blog-sub span {
        margin-bottom: 11px;
    }
    .blog-section .blog-list .col-sm-12 {
        padding-bottom: 13px;
    }
    .blog-section .blog-sub {
        margin-top: 10px;
    }
    .main-news .blogs .blog-wrapper .blog-img {
        display: none;
    }
    .blog-section .blogs .blog-heading a {
        padding-top: 0;
        padding-bottom: 34px;
    }
    #main.species .blog-section .blogs .blog-heading a {
        padding-top: 8px;
    }
    .home-latestnews .latest-news-heading {
        line-height: 14px;
        min-height: auto;
    }
    .latest-news-heading a,
    .latest-news-heading a {
        font-size: 0.95rem;
        font-weight: 600;
    }
    #webinar-page-article-container .webinar-page-title {
        font-size: 0.875rem;
    }
    #webinar-page-article-container .live-webinar .webinar-page-title {
        min-height: 45px;
    }
    .passed-webinar-videos,
    .passed-webinar-videos1 {
        margin-top: 20px;
    }
    .editor-picks .jobs {
        margin-top: 30px;
    }
    .editor-main-news h2 {
        font-size: 1.375rem;
    }
    .editor-main-news p,
    .spotlight.jobs .heading a {
        font-size: 0.75rem;
    }
    .reports-content h2 {
        font-size: 1.125rem;
    }
    .reports-content p {
        font-size: 0.875rem;
    }
    .spotlight .view-all-jobs {
        margin-top: 32px;
    }
    .reports-section .reports-content {
        text-align: center;
    }
    .reports-section .reports-logo,
    .reports-section .reports-content h3 {
        text-align: left;
    }
    .reports-content .reports-purchase-btn {
        padding: 12px 16px;
        margin-bottom: 20px;
        text-align: center;
    }
    .reports-banner img.thumb-medium {
        max-width: 100% !important;
    }
    .all-section .wrapper h2.sec-heading {
        padding: 24px 15px;
        font-size: 1rem;
    }
    .all-section .wrapper .heading a,
    .article .main-contents .news-letters h2 {
        font-size: 1rem;
    }
    .article .main-contents .insert-page .col-sm-6 {
        float: none;
        margin-right: 30px;
    }
    .article .left-sidebar .social-share ul {
        padding: 0;
        display: flex;
    justify-content: center;
    }
    .species .blog-section img.thumb-medium {
        max-height: 141px;
    }
    .sidebar .sticky-height.one,
    .sidebar .sticky-height {
        height: auto;
    }
    
    .article .article-wrapper .left-sidebar .social-share ul li {
        float: left;
        margin: 0 10px 23px 0;
    }
    #primary.ucn-gallery-page .sharingtracker_buttonbar li {
        margin-bottom: 23px;
    }
    .article .article-wrapper .left-sidebar .social-share ul li .sharingtracker_button,
    #primary.ucn-gallery-page .sharingtracker_buttonbar li .sharingtracker_button {
        margin-left: 0 !important;
    }
    .article .main-contents .article-writer {
        margin-bottom: 20px;
    }
    #footer .copyright,
    #footer .credits {
        float: none;
        text-align: center;
        padding: 2px 0;
    }
    #primary.ucn-data-charts #content {
        padding: 24px;
    }
    .web-img-wrapper-right {
        min-height: inherit;
    }
    body.search.search-results .searchandfilter li.filter.keyword,
    body.page-template-search-page .searchandfilter li.filter.keyword {
        width: 100%;
        margin-right: 21px;
    }
    body.search.search-results .searchandfilter li.filter.sort,
    body.page-template-search-page .searchandfilter li.filter.sort {
        width: 100%;
        margin: 1rem 0 0.15rem;
    }
    #primary.price-page.prices-portal .container-fluid .col-sm-12.mid {
        justify-content: center;
        margin: 20px 0;
    }
    #primary.price-page.prices-portal .container-fluid .col-sm-12.last {
        justify-content: center;
    }
    #primary.price-page.prices-portal .container-fluid .sub-header a {
        padding: 6px 10px;
        margin-top: 4px;
    }
    .reports-content iframe {
        height: 800px !important;
    }
    .webinar-section .galleries .event-btn a.view-all-event {
        width: 84px;
        margin-top: 22px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
    .webinar-section .galleries .gallery-thumb-wrapper .caption_link {
        max-width: 250px;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    
    #primary.static-page.data-methodology header h1,
    #primary.static-page.ucn-methodology-page header h1 {
        font-size: 2rem;
        line-height: 1.07;
        padding: 2rem 2rem;
    }
    #primary.static-page.data-methodology #content,
     #primary.static-page.ucn-methodology-page #content {        
        padding: 2rem 2rem;
    }
    #primary.static-page.data-methodology header,
     #primary.static-page.ucn-methodology-page header {
        margin-bottom: 0;
        padding: 0;
    }
}


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .tablet-view {
        display: block;
    }
    .tablet-hide {
        display: none;
    }
    
    .navbar .dropdown .dropdown ul {
        visibility: visible;
        overflow: hidden;
        border: none;
    }
    #main.species .tablet-hide {
        display: none !important;
    }
    #header {
        height: auto;
        margin-top: 0px;
        padding-top: 0;
    }
    #header.fixed-top {
        height: auto;
    }
    #header .container {
        display: flex;
        padding: 0;
        /* flex-wrap: wrap; */
    }
    #header .container .logo {
        margin: 0 auto;
        margin: 0 75px 0 10px;
        /* padding-top: 10px; */
    }
    #header .container .logo.nav-logo-tablet-hide {
        display: none;
    }
    #header .container .logo.nav-logo-tablet-view {
        display: block;
    }
    #header.fixed-top .container .logo {
        margin: 0 75px 0 15px;
    }
    .searchbox-input {
        right: 10px;
    }
    #header .container #navbar {
        margin: 20px 0 20px -4px;
    }
    .get-all-data .ucn-data {
        float: left;
        margin-right: 15px;
    }
    .get-all-data p {
        font-size: 0.813;
    }
    #data-slider .owl-dots,
    #data-slider .owl-nav {
        display: block;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next,
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
    }
    #data-slider .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    #data-slider .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    #data-slider .owl-prev span,
    #data-slider .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    #data-slider .owl-carousel .owl-dots {
        display: none;
        justify-content: center;
    }
    #pills-tab {
        justify-content: flex-start;
        flex-flow: nowrap;
    }
    .data-portal .nav-pills .nav-link {
        min-width: 140px;
    }
    .data-portal .nav-pills .nav-link h4 {
        font-size: 1.125rem;
    }
    .data-portal .nav-pills .nav-link img {
        max-height: 30px;
    }
    .ucn-data-page-header.entry-header .sub-header {
        margin-bottom: 15px;
    }
    .section-title .main-article-heading {
        font-size: 2.625rem;
    }
    .main-news p {
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.3;
        padding-top: 12px;
    }
    .main-news .start-0 {
        left: inherit !important;
    }
    .main-news .bottom-0 {
        bottom: inherit !important;
    }
    .main-news .bottom-0 {
        position: inherit !important;
    }
    .continue-reading {
        font-size: 0.75rem;
    }
    .jobs-carousel .designation,
    .jobs-carousel .company-name {
        font-size: 0.75em;
    }
    .main-news .live .blog-wrapper .blog-img,
    .main-news .blogs .blog-wrapper .blog-img {
        text-align: center;
    }
    .editor-picks .tablet-view,
    .main-content.col-fluid .reporting-section.tablet-hide {
        display: none;
    }
    .editor-picks .tablet-hide,
    .reporting-section.blog-section.tablet-view {
        display: block;
    }
    .editor-picks .tablet-hide {
        margin-bottom: 20px;
    }
    .editor-main-news h3 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.17;
        letter-spacing: -0.38px;
    }
    .editor-main-news p {
        font-size: 1rem;
        line-height: 1.5;
    }
    .related-news .heading {
        font-size: 0.688rem;
        font-weight: 500;
    }
    .editor-main-news .related-news .editor {
        display: none;
    }
    .related-news .editor {
        font-size: 0.688rem;
        padding-top: 4px;
    }
    .editor-picks .related-news .float-start {
        max-width: 80%;
    }
    .editor-picks .related-news .float-end {
        padding-top: 0;
        padding-bottom: 16px;
    }
    .editor-picks .related-news .float-end img {
        max-width: 80px;
    }
    .editor-picks .tablet-view .related-news .float-start {
        max-width: 720px;
    }
    #main .container .related-news .float-end img {
        max-width: 75px;
    }
    #main.species .container .related-news .float-end img {
        max-width: 60px;
    }
    .live .blog-heading a,
    .blogs .blog-heading a {
        font-size: 0.875rem;
        min-height: auto;
    }
    .blog-sub span {
        margin-bottom: 11px;
    }
    .blog-section .blog-list .col-sm-12 {
        padding-bottom: 13px;
    }
    .species .blog-section img.thumb-medium,
    #main.species .blog-section .blogs .blog-img a img.img-fluid {
        max-height: 114px;
    }
    #main.species .blog-section .blogs .blog-heading {
        min-height: 72px;
    }
    .blogs .blog-wrapper {
        padding-bottom: 9px;
    }
    .reporting-section .blogs .blog-wrapper {
        min-height: 270px
    }
    .webinar-section {
        padding-top: 12px;
    }
    .webinar-sub span {
        padding-bottom: 15px;
    }
    .webinar-section .web-img-wrapper {
        padding: 34px 43px 26px 39px;
    }
    .web-img-wrapper-right {
        padding-right: 0;
    }
    .web-img-wrapper-right {
        padding: 0 43px 37px 39px;
        margin-bottom: 20px;
    }
    .web-img-wrapper a,
    .passed-webinar-videos a {
        display: inline-flex;
    }
    .webinar-section .webinar-page-speakers-thumb.bottom-0 {
        position: inherit !important;
        height: auto;
        padding-left: 10px;
        text-align: center;
    }
    .passed-webinar-videos,
    .passed-webinar-videos1 {
        margin-top: 20px;
    }
    #webinar-page-article-container .webinar-register-event-btn {
        max-width: 200px;
    }
    .editor-picks .col-lg-6 {
        margin: 30px 0;
    }
    .home .newsletter h6 {
        font-size: 0.75rem;
    }
    .home .newsletter p {
        font-size: 0.5rem;
        padding-bottom: 5px;
    }
    .home .newsletter .email-btn {
        padding: 1px 9px;
    }
    .jobs .heading a {
        font-size: 0.75rem;
    }
    .jobs .editor {
        font-size: 0.688rem;
    }
    .species-news .mx-1 {
        margin-bottom: 15px;
    }
    .species-ad {
        margin-top: 20px;
    }
    .species-news .owl-nav {
        display: block;
    }
    .species-news .owl-prev span,
    .species-news .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next,
    .species-news .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 3%;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    /* .species-news .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    } */
    .species-news .owl-carousel .owl-dots .owl-dot span,
    #data-slider .owl-carousel .owl-dots .owl-dot span {
        background: #0c2b41;
        width: 7px;
        height: 7px;
        display: inline-block;
        border-radius: 50%;
        margin: 0 4px;
        opacity: 0.1;
    }
    #main.species .my-sidebar {
        padding-top: 0 !important;
    }
    #main.species .blog-section .blogs .blog-heading a {
        padding-bottom: 24px;
    }
    #main.species .popular-stories .right-section .section-title h3,
    #main.species .my-sidebar.section-title h3 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.86px;
    }
    #main.species .popular-stories-wrapper .related-news .heading {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.21;
    }
    #main.species .popular-stories-wrapper .related-news p {
        display: none;
    }
    .species-news .owl-carousel .owl-dots .owl-dot.active span,
    #data-slider .owl-carousel .owl-dots .owl-dot.active span {
        background: #0c2b41;
        opacity: 1;
    }
    #webinar-page-article-container .webinar-page-title {
        font-size: 0.875rem;
    }
    #webinar-page-article-container .live-webinar .webinar-page-title {
        min-height: 45px;
    }
    .editor-picks .editor-main-news h2 {
        font-size: 0.625rem;
        padding-top: 9px;
    }
    .spotlight.jobs .heading a {
        font-size: 0.75rem;
    }
    .reports-content h2 {
        font-size: 1.125rem;
    }
    .reports-content p {
        font-size: 0.875rem;
    }
    .reports-banner img.thumb-medium {
        max-width: 100% !important;
    }
    .spotlight .view-all-jobs {
        margin-top: 32px;
    }
    .reports-content .reports-purchase-btn {
        padding: 12px 16px;
    }
    .all-section .wrapper h2.sec-heading {
        padding: 24px 15px;
        font-size: 1rem;
    }
    .sidebar .sticky-height.one,
    .sidebar .sticky-height {
        height: auto;
    }
    .article .section-title h3 {
        font-size: 2.25rem;
        line-height: 1.1;
        letter-spacing: -0.86px;
    }
    .article .article-wrapper .left-sidebar .social-share ul li {
        float: left;
        margin: 0 10px 23px 0;
    }
    .all-section .wrapper .heading a {
        font-size: 1rem;
    }
    .home-latestnews .latest-news-img img {
        object-fit: cover;
    }
    .footer-logo img {
        max-height: 32px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: wrap;
    }
}


/* your css rules for ipad landscape */

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    #header .container .logo.nav-logo-tablet-view {
        display: none;
    }
    #header .container .logo.nav-logo-tablet-hide {
        display: block;
        display: flex;
    }
    #header .container .logo {
        margin: 0 auto;
    }
    #header .container a.logo img {
        max-width: 240px;
    }
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: wrap;
    }
    .web-img-wrapper-right {
        min-height: inherit;
    }
    .reporting-section .blogs .blog-wrapper {
        min-height: 270px;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
}

@media only screen and (min-width: 754px) and (max-width: 1200px) {
    .article .article-wrapper .left-sidebar .social-share ul li {
        float: left;
        margin: 0 10px 23px 0;
    }
    .policy a {
        font-size: 0.75rem;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .nav-item.expand.dropdown>.sub-menu>.row {
        flex-wrap: nowrap;
    }
    .top-section #header .logo a img {
        max-height: 24px;
    }
    #header.fixed-top.admin-user {
        height: 60px;
    }
    #header.fixed-top .container {
        padding-top: 8px;
    }
    #header .container {
        padding-bottom: 10px;
    }
    #main .flex-image a img.thumb-large {
        min-height: auto;
        object-fit: inherit;
        margin-bottom: 20px;
    }
    .top-section #header .container {
        /* flex-wrap: nowrap; */
        padding: 0 0 10px 0;
    }
    #header  .navbar a {
        font-size: .75rem;
    }
    /* #header .logo {
        margin-top: -10px;
    } */
    #header .searchbox-icon, #header .searchbox-submit {
        top: 5px;
        right: -5px;
    }
    .notification-row>ul>li.search-div {
        padding: 0px 0 0 0;
    }
    .notification-row>ul>li.ucn-account-menu {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar>ul>li {
        padding: 10px 0 10px 6px;
    }
    .notification-row {
        height: 46px;
    }
    .notification-row>ul>li {
        /* min-width: inherit; */
    }
    .bi-search::before {
        font-size: 1.238rem;
    }
    .searchbox-input {
        right: 0;
    }
    #header .searchbox-input {
        /* left: inherit; */
    }
    .section-title .main-article-heading {
        font-size: 2.2rem;
    }
    .main-news p.tablet-hide {
        font-size: 0.9rem;
    }
    .main-news .position-relative .related-news .float-start {
        width: 80%;
        max-width: fit-content;
    }
    .main-news .position-relative .related-news .float-end img {
        max-width: 100px !important;
    }
    .home-latestnews .latest-news-img img {
        min-height: 120px;
        max-height: 120px;
        object-fit: cover;
    }
    .related-news .heading,
    .related-news .heading a,
    .home-latestnews .latest-news-heading,
    .home-latestnews .latest-news-heading a,
    .spotlight.jobs .heading a {
        font-size: 0.9rem !important;
        line-height: 1.25rem;
    }
    .reporting-section .blogs .blog-wrapper {
        min-height: 270px;
        max-height: 260px;
    }
    .passed-webinar-videos,
    .passed-webinar-videos1 {
        margin-top: 18px;
    }
    .sidebar .related-news {
        padding-top: 12px;
    }
    .editor-picks .tablet-view,
    .main-content.col-fluid .reporting-section.tablet-hide {
        display: none;
    }
    .editor-picks .tablet-hide,
    .reporting-section.blog-section.tablet-view {
        display: block;
    }
    .reporting-section .blog-heading a {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .editor-picks .tablet-hide {
        margin-bottom: 20px;
    }
    .editor-picks h3 {
        line-height: 1.2;
    }
    .editor-picks .editor-main-news h3 a {
        font-size: 2.25rem;
    }
    .editor-picks .related-news .float-start {
        width: 80%;
        max-width: fit-content;
    }
    .editor-picks .related-news .float-end {
        padding-bottom: 16px;
        padding-top: 0;
    }
    .editor-picks .related-news .float-end img {
        max-width: 80px;
    }
    .editor-picks .col-xl-6 {
        display: none;
    }
    .species .blog-section img.thumb-medium {
        max-height: 114px;
    }
    #main.species .my-sidebar {
        padding-top: 0 !important;
    }
    #main.species .blog-section .blogs .blog-heading a {
        padding-bottom: 24px;
    }
    .article .section-title h3,
    #main.species .popular-stories .right-section .section-title h3,
    #main.species .my-sidebar.section-title h3 {
        font-size: 2.25rem;
        line-height: 1.1;
        letter-spacing: -0.86px;
    }
    #main.species .popular-stories-wrapper .related-news .heading {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.21;
    }
    #main.species .blog-section .blogs .blog-img a img.img-fluid {
        min-height: 93px;
    }
    #main.species .blog-section .blogs .blog-wrapper {
        min-height: 200px;
        padding-bottom: 15px;
    }
    #main.species .blog-section .blogs .blog-heading {
        min-height: 99px;
    }
    .species .blog-section .blog-list .related-news .float-start {
        width: 60%;
        min-height: 168px;
    }
    .species .blog-section .blog-list .related-news .float-end img {
        max-width: 60px;
    }
    .species .blog-section .blog-list .related-news .heading {
        font-size: 0.75rem;
    }
    .sidebar .related-news {
        padding-top: 12px;
    }
    .webinar-section {
        padding-top: 0;
    }
    .webinar-section .upcoming-web-logo {
        padding-bottom: 8px;
    }
    .webinar-section .event-btn {
        padding-bottom: 0;
    }
    .past-interview-videos {
        padding-top: 16px;
    }
    .passed-webinar-videos {
        margin-bottom: 16px;
        margin-top: 18px;
    }
    .article .article-wrapper .left-sidebar .social-share ul li {
        float: left;
        margin: 0 10px 23px 0;
    }
    .popular-stories .popular-stories-images {
        display: none;
    }
    .web-img-wrapper-right {
        padding: 0 43px 37px 39px;
        margin-bottom: 20px;
    }
    .web-img-wrapper-right {
        max-height: 150px;
    min-height: 150px;
    }
    .jobs-section .jobs-logo {
        line-height: 40px;
    }
    .jobs-section .view-all-positon {
        margin-top: 0;
    }
    .jobs-section .header-area .col-md-4.text-end img {
        max-height: 40px;
    }
    #ucn-gallery-widget #ngg-sidebar-widget-2 img {
        max-width: 100%;
        min-width: 456px;
        object-fit: cover;
        object-position: center;
        min-height: 300px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
    #header {
        height: inherit;
        padding-top: 10px;
    }
    #header.fixed-top {
        height: 120px;
    }
    #header a.logo {
        margin: 0 auto;
        margin-left: 6px;
    }
    #header .logo a img {
        min-width: 240px;
    }
    #header .logo a img,
    .footer-logo img {
        max-height: 32px;
        object-fit: contain;
    }
    .searchbox-input {
        right: 0;
    }
    #header .container {
        flex-wrap: nowrap;
    }
    .section-title .main-article-heading {
        font-size: 3rem;
    }
    .main-news p {
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.3;
    }
    .continue-reading {
        font-size: 0.75rem;
    }
    .main-news .bottom-0 {
        bottom: inherit !important;
    }
    .main-news .bottom-0 {
        position: inherit !important;
    }
    .related-news .heading {
        font-size: 0.75rem;
        font-weight: 500;
    }
    .related-news .editor {
        font-size: 0.75rem;
    }
    .main-news .related-news .float-start {
        max-width: 60%;
    }
    .live .blog-heading a,
    .blogs .blog-heading a {
        font-size: 0.85rem;
    }
    .blogs .blog-wrapper {
        padding-bottom: 26px;
    }
    .home .newsletter p {
        font-size: 0.75rem;
        padding-bottom: 10px;
    }
    .home .newsletter .email-btn {
        padding: 1px 9px;
    }
    .jobs .heading a {
        font-size: 0.875rem;
    }
    .species-news .owl-nav,
    .species-news .owl-carousel .owl-nav.disabled {
        display: flex;
    }
    .species-news .mx-1 {
        margin-bottom: 5px;
    }
    .species-ad {
        margin-top: 15px;
    }
    .species-news .owl-prev span,
    .species-news .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next,
    .species-news .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 3%;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    /* .species-news .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    } */
    .species-news .owl-carousel .owl-dots .owl-dot span {
        background: #0c2b41;
        width: 7px;
        height: 7px;
        display: inline-block;
        border-radius: 50%;
        margin: 0 4px;
        opacity: 0.1;
    }
    .species-news .owl-carousel .owl-dots .owl-dot.active span {
        background: #0c2b41;
        opacity: 1;
    }
    #webinar-page-article-container .webinar-page-title {
        font-size: 1rem;
    }
    .webinar-section .position-relative {
        padding-top: 0;
    }
    #webinar-page-article-container .webinar-page-speakers-thumb {
        margin: 0;
        height: auto;
        position: inherit !important;
    }
    .editor-main-news h2 {
        font-size: 1.375rem;
    }
    .editor-main-news p {
        font-size: 0.875rem;
    }
    .jobs.spotlight {
        padding: 12px;
    }
    .spotlight.jobs .heading a {
        font-size: 0.75rem;
    }
    .spotlight .view-all-jobs {
        margin-top: 32px;
    }
    .reports-content .reports-purchase-btn {
        font-size: 0.75rem 16px;
    }
    .all-section .wrapper h2.sec-heading {
        padding: 24px 15px;
        font-size: 1rem;
    }
    .all-section .wrapper .heading a {
        font-size: 1rem;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    #primary.static-page.data-methodology header h1,
    #primary.static-page.ucn-methodology-page header h1 {
    font-size: 2.25rem;
    line-height: 1.07;
    padding: 2.813rem 2.875rem;
    }
    #primary.static-page.data-methodology #content, #primary.static-page.ucn-methodology-page #content {        
        padding: 2.813rem 2.875rem;
    }
    #primary.static-page.data-methodology header, #primary.static-page.ucn-methodology-page header {
        margin-bottom: 0;
    }
}

@media (min-width: 1400px) {
    #data-slider .col-lg-2 {
        padding-left: 24px;
    }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #header.fixed-top.admin-user {
        height: 60px;
    }
    #header .container {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }
    .searchbox-input {
        right: 10px;
        left: inherit;
    }
    #header .container {
        padding-bottom: 20px;
    }
    .notification-row>ul>li.search-div {
        padding: 6px 0 0 0;
    }
    .notification-row>ul>li {
        padding: 6px 0 0 0px;
    }
    #header .logo a img {
        min-height: 24px;
        object-fit: contain;
    }
    .footer-logo img {
        max-height: 32px;
    }
    #main .flex-image a img.thumb-large {
        min-height: 430px;
        object-fit: cover;
    }
    #main .main-news .col-xl-4.position-relative {
        padding-left: 0;
    }
    .main-news p,
    .sidebar-related .related-news .heading,
    .spotlight.jobs .heading a {
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    .main-news p.tablet-hide {
        font-size: 1rem;
    }
    .main-news .position-relative .editor,
    .related-news .heading,
    .related-news .heading a {
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    .main-news .related-news .float-end {
        padding-top: 0;
    }
    .main-news .related-news .float-end img {
        max-width: 80px;
        min-height: 80px;
        object-fit: cover;
    }
    .main-news .related-news .editor {
        display: none;
    }
    .latest-news-heading a,
    .live .blog-heading a,
    .blogs .blog-heading a {
        line-height: 1.15rem;
        font-size: 0.85rem;
    }
    .live .blog-heading a,
    .blogs .blog-heading a {
        font-size: 0.9rem;
    }
    .home-latestnews .latest-news-heading {
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    .sidebar-related .related-news .float-end img {
        max-width: 120px;
    }
    .sidebar-related .related-news .float-start {
        max-width: 62%;
    }
    .main-content .main-news .bottom-0 .float-end img {
        max-width: 80px;
    }
    .home-latestnews .latest-news-img img {
        height: auto;
        min-height: 115px;
        object-fit: cover;
    }
    .home-latestnews .latest-news-heading {
        padding: 12px 0;
        min-height: 125px;
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    .blogs .blog-wrapper .blog-post-time {
        display: none;
    }
    .reporting-section .blog-heading {
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    .live .blog-heading {
        min-height: 112px;
        font-size: 0.9rem;
        line-height: 1.15rem;
    }
    .reporting-section .blog-heading,
    .reporting-section .blog-heading a {
        font-size: 0.85rem;
        line-height: 1.15rem;
    }
    #main.species .blog-section .blog-wrapper {
        min-height: 220px;
    }
    #main.species .blog-section .blogs .blog-img a img.img-fluid {
        min-height: 125px;
    }
    #main.species .blog-section .related-news .float-start {
        max-width: 60%;
        min-height: 118px;
    }
    #main.species .blog-section .related-news .float-end img {
        max-width: 80px;
    }
    .blogs .blog-wrapper {
        min-height: 280px;
    }
    .jobs-section .header-area {
        padding-top: 4px;
    }
    .jobs-carousel {
        padding-top: 40px;
    }
    .tablet-hide.laptop-hide {
        display: none;
    }
    .editor-picks .laptop-view {
        display: block;
        display: flex;
    }
    .editor-picks .related-news.first {
        border-top: none;
        border-bottom: none;
    }
    .editor-picks .related-news.last {
        border-bottom: none;
    }
    .editor-picks .ep-news-wrapper .editor {
        display: none;
    }
    .editor-picks .editor-main-news.tablet-hide {
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        min-height: 478px;
    }
    .sidebar .related-news {
        padding-bottom: 16px;
    }
    .home .newsletter {
        margin-top: 32px;
    }
    .editor-picks a img.thumb-large {
        min-height: 375px;
        object-fit: cover;
    }
    .editor-picks .related-news .heading {
        min-height: 73px;
    }
    .editor-picks .ep-news-wrapper {
        padding-bottom: 5px;
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        display: block;
        overflow: hidden;
    }
    #pills-tabContent .related-news .float-start,
    .editor-picks .related-news .float-start {
        max-width: 60%;
    }
    .webinar-section {
        padding-top: 0;
    }
    .webinar-section .web-img-wrapper {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .past-interview-videos {
        padding-top: 16px;
    }
    .ads-inner {
        width: 80%;
        left: 10%;
    }
    .web-img-wrapper-right {
        min-height: 155px;
        padding-top: 16px;
    }
    #ucn-gallery-widget #ngg-sidebar-widget-2 img {
        min-width: 261px;
        object-fit: cover;
        object-position: center;
        min-height: 200px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
    #update_user_form,
    #primary.user-page.sharing-credits #update_user_form .wrapper,
    #primary.user-page.sharing-credits .credits-details-header,
     #primary.user-page.sharing-credits .credits-history-header {
        max-width: 100%;
        margin: 0 15px;
    }
    #primary.user-page.sharing-credits .credit-balance {
        margin: 0px 34px 50px 34px;
        padding: 27px 34px;
    }
    
    #primary.user-page.sharing-credits table thead th:first-child,
    #primary.user-page.sharing-credits table tbody td:first-child {
        padding-left: 12px;
    }
    
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    .section-title .main-article-heading {
        font-size: 4rem;
    }
    #main .flex-image a img.thumb-large {
        min-height: 375px;
        object-fit: cover;
    }
    .main-news p,
    .main-news .editor {
        font-size: 0.9rem;
    }
    .related-news .heading,
    .popular-stories-wrapper .related-news .heading {
        font-size: 0.9rem;
    }
    .related-news .heading,
    .related-news .heading a {
        line-height: 1.25rem;
    }
    .latest-news-heading a {
        font-size: 1rem;
    }
    .live .blog-heading {
        min-height: 86px;
    }
    .live .blog-heading a,
    .blogs .blog-heading a {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .latest-news-heading a {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .editor-main-news h3 {
        font-size: 2.25rem;
        font-family: 'Work Sans', sans-serif;
        margin-bottom: 23px;
        font-weight: bold;
    }
    .editor-picks .related-news .float-end {
        padding-top: 6px;
    }
    .editor-picks a img.thumb-large {
        min-height: 400px;
        object-fit: cover;
    }
    .laptop-view .related-news .heading {
        min-height: 70px;
    }
    .main-news .position-relative .related-news .float-start {
        max-width: 68%;
    }
    .tablet-hide .related-news .float-start {
        max-width: 160px;
    }
    .blogs .blog-wrapper .blog-post-time {
        display: none;
    }
    .blogs .blog-wrapper {
        min-height: 286px;
    }
    .main-news .position-relative .related-news .float-end {
        max-width: 80px;
        height: 70px;
        object-fit: cover;
    }
    .related-news .float-start {
        max-width: 230px;
    }
    #main.species .blog-section .blog-wrapper {
        min-height: 250px;
    }
    #main.species .blog-section .blogs .blog-img a img.img-fluid {
        min-height: 158px;
    }
    .species .blog-section .related-news .float-start {
        width: 60%;
        min-height: 110px;
    }
    .species .related-news .float-end {
        padding-top: 0;
    }
    .related-news .float-end img {
        max-width: 100px;
    }
    .live .blog-heading,
    .blogs .blog-heading {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .home-latestnews .latest-news-heading {
        padding-top: 8px;
        min-height: 109px;
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .home-latestnews .latest-news-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        max-height: 105px;
        min-height: 130px;
    }
    .sidebar .related-news {
        padding-top: 23px;
    }
    .web-img-wrapper-right .heading a {
        font-size: 1.25rem;
    }
    .web-img-wrapper-right p {
        font-size: 0.813;
        margin-bottom: 0;
    }
    .species-news .owl-nav,
    .species-news .owl-carousel .owl-nav.disabled {
        display: flex;
    }
    .species-news .mx-1 {
        margin-bottom: 5px;
    }
    .species-ad {
        margin-top: 15px;
    }
    .species-news .owl-prev span,
    .species-news .owl-next span {
        font-size: 2rem;
        padding: 0 15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-next,
    .species-news .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 3%;
    }
    .species-news .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }
    .species-news .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }
    /* .species-news .owl-carousel .owl-dots {
        display: flex;
        justify-content: center;
    } */
    .species-news .owl-carousel .owl-dots .owl-dot span {
        background: #0c2b41;
        width: 7px;
        height: 7px;
        display: inline-block;
        border-radius: 50%;
        margin: 0 4px;
        opacity: 0.1;
    }
    .jobs-section .header-area {
        padding-top: 8px;
    }
    .ads-inner {
        left: 20%;
    }
    .jobs-carousel .job-hiring-ad>img {
        max-height: 215px !important;
    }
    .jobs-carousel .items.job-hiring-ad .ad-line-two {
        margin: 10px 0 40px 0px;
        font-size: 0.8em;
    }
    .jobs-carousel .designation {
        font-size: 0.9em;
        margin-top: 5px;
        margin-bottom: 4;
    }
    .jobs-carousel .company-name {
        font-size: 0.75em;
        font-weight: 500;
        margin-bottom: 0;
    }
    .species-news .owl-carousel .owl-dots .owl-dot.active span {
        background: #0c2b41;
        opacity: 1;
    }
    .editor-picks .tablet-hide.laptop-hide {
        display: none;
    }
    .editor-picks .laptop-view {
        display: block;
        display: flex;
    }
    .editor-picks .related-news .float-start {
        width: 180px;
        min-height: 88px;
    }
    .editor-picks .related-news.first,
    .editor-picks .related-news.last {
        border-top: none;
        border-bottom: none;
    }
    .editor-picks .related-news.first .editor,
    .editor-picks .related-news.last .editor {
        padding-top: 14px;
        padding-bottom: 0;
        display: none;
    }
    .editor-picks .related-news .ep-news-wrapper {
        display: block;
        overflow: hidden;
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        padding-bottom: 16px;
    }
    .editor-picks .related-news.first .editor .editor,
    .editor-picks .related-news.last .editor .editor {
        padding: 0;
    }
    .editor-picks .editor-main-news.tablet-hide {
        border-bottom: solid 1px rgb(0 0 0 / 10%);
        min-height: 520px;
    }
    .webinar-section {
        padding-top: 20px;
    }
    .spotlight.jobs .heading,
    .spotlight.jobs .heading a {
        font-size: 0.9rem;
        line-height: 1.25rem;
    }
    .all-section .wrapper .all-content {
        padding-bottom: 8px;
    }
    .all-section .wrapper .heading {
        min-height: 84px;
    }
    .web-img-wrapper-right {
        min-height: 155px;
    }
    #ucn-gallery-widget #ngg-sidebar-widget-2 img {
        min-width: 306px;
        object-fit: cover;
        object-position: center;
        min-height: 200px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
}

@media screen and (min-width: 1800px) {
    .editor-picks a img.thumb-large {
        min-height: 562px;
        object-fit: cover;
    }
}

@media screen and (min-width: 1900px) {
    .main-news .position-relative .related-news .float-end img {
        max-width: 100%;
        max-height: 80px;
    }
    img.thumbnail,
    img.thumb-small {
        max-width: 110px;
        max-height: 80px;
    }
    img.thumb-medium {
        max-width: 390px;
        max-height: 200px;
    }
    .live .blog-wrapper img.thumb-medium {
        max-width: -webkit-fill-available;
        max-height: 200px;
    }
    #main.species .latest-more-news .related-news {
        margin-bottom: 24px;
    }
    #main.species .latest-more-news .related-news img.thumb-medium {
        max-width: 100%;
        max-height: 209px;
        min-height: 209px;
        object-fit: cover;
    }
    #main.species .latest-more-news .related-news .heading {
        min-height: 61px;
        margin-top: 10px;
    }
    .popular-stories-images img.thumb-medium {
        max-width: 100%;
        max-height: 100vh;
    }
    .insert-page img.thumb-medium {
        max-width: 100%;
        max-height: 200px;
    }
    img.thumb-large {
        max-width: 800px;
        max-height: 450px;
    }
    #main.species .right-section a img.thumb-large {
        max-width: 100%;
    }
    .species .main-news img.thumb-large {
        max-width: 100%;
        max-height: 100vh;
        min-width: 100%;
        margin: auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .ads-inner {
        left: 20%;
    }
    .webinar-section .event-btn.web-interviews {
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .webinar-section .event-btn.web-interviews a {
        margin-top: 30px;
    }
    
    .webinar-section .passed-webinar-videos {
        width: 100%;
    }
    .webinar-section .galleries .upcoming-web-logo.past-webinar-videos,
    .webinar-section .galleries .event-btn.web-interviews {
        width: 50%;
        flex: 0 0 auto;
    }
    .webinar-section .galleries .passed-webinar-videos {
        width: 50%;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .col-fixed {
        width: 248px;
    }
    .col-fluid {
        width: calc(100% - 248px);
    }
    .my-sidebar {
        -ms-flex: 0 0 248px;
        flex: 0 0 248px;
    }
    .webinar-section .col-xl-9>.row {
        padding-top: 12px;
    }
    .jobs-section {
        background-color: #f0f3f6;
        padding: 0 91px;
        background-image: url(../img/ucn-jobs-mobile-img.png);
        background-size: contain;
        background-repeat: no-repeat;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    .jobs-section.jobs-section-empty {
        border-radius: 6px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: 299px;
    }
}


/* @media (min-width: 992px) and (max-width: 1199px) {
    .col-fixed {
        width: 374px;
    }
    .col-fluid {
        width: calc(100% - 374px);
    }
    .my-sidebar {
        -ms-flex: 0 0 374px;
        flex: 0 0 374px;
    }
} */

@media (min-width: 992px) and (max-width: 1199px) {
    section.editor-picks {
        padding: 0;
    }
    .jobs.spotlight {
        margin-top: 170px;
        min-height: 450px;
    }
    .jobs-section .header-area {
        padding-top: 8px;
    }
    .jobs-section .jobs-logo {
        line-height: 40px;
    }
    .jobs-carousel {
        padding-top: 32px;
    }
    .jobs-section .view-all-positon {
        font-size: 0.75em;
        margin-top: 0;
    }
    .ads-inner {
        position: absolute;
        top: 20px;
        left: 50px;
    }
    .webinar-section .galleries .passed-webinar-videos a img {
        min-width: inherit;
    }
}

@media (min-width: 1024px) {
    .col-fixed {
        width: 374px;
    }
    .col-fluid {
        width: calc(100% - 374px);
    }
    .my-sidebar {
        -ms-flex: 0 0 374px;
        flex: 0 0 374px;
    }
}

@media (max-width: 1585px) {
    .right-sidebar .related-news.related-5 {
        display: none;
    }
}

@media (max-width: 1385px) {
    .right-sidebar .related-news.related-4 {
        display: none;
    }
}

@media (max-width: 1185px) {
    .right-sidebar .related-news.related-3 {
        /* display: none; */
    }
}

@media (max-width: 360px) {
    .googletag.ucn-ad:not(.ucn-mobile-only) {
        display: none;
    }
    .googletag.ucn-ad.ucn-mobile-only {
        display: block;
    }
    .mobile-leaderboard-ad-wrapper span,
    .mobile-leaderboard-ad-wrapper a {
        color: white;
    }
}

@media (min-width: 768px) {
    .col-md-4.right-section-ad {
        padding: 0 12px 0 4px;
    }
    #main.species .popular-stories .right-section-ad {
        padding: 0 12px;
    }
    .all-section .wrapper h2.sec-heading {
        padding: 41px 16px 35px;
    }
    .jobs-section .header-area {
        margin-bottom: 0;
    }
}

.search-page-results .widget-area .ucn-ad,
.page-template-search-page .widget-area .ucn-ad {
    margin-bottom: 12px;
}


/* ============================================================
FORMS
============================================================ */


/* Add loading class to input shows loader instead of text*/

.ucn-submit-button:hover {
    border-color: #07a6c5;
    background-color: #07a6c5;
}

.loading-cursor {
    cursor: progress;
}

a.ucn-loading,
button.ucn-loading,
input.ucn-loading {
    background: #07a6c5 url(../img/ucn-loader-white.svg) no-repeat center;
    background-size: contain;
}


/*IE and Edge can't do contain for responsive SVGs, so here, hardcode the size for those browsers */

_:-ms-lang(x),
a.ucn-loading,
button.ucn-loading,
input.ucn-loading {
    background-size: 10%;
}

a#show-login-register {
    color: #07a6c5;
    font-size: 1rem;
    font-weight: 500;
}

a#show-login-register:hover {
    color: #07a6c5;
}

#registerform.mrembership-form {
    margin: 2.5rem;
}

#registerform.mrembership-form section {
    padding: 0;
}

.category-archive .banner_txt {
    padding-top: 35px;
    padding-bottom: 35px;
}

.category-archive .banner_txt h1 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
}

.category-archive .banner_txt small {
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
}


/* .search-page-results .ucn-search-articles {
    background-color: transparent;
    border-radius: 4px;
    box-shadow: 0px 0px 15px 0px #d6d6d6;
    padding: 30px;
    margin-bottom: 22px;
    min-height: 282px;
} */

.search-page-results .ucn-search-articles .ucn-search-title {
    margin-top: 6px;
}

@media only screen and (min-width: 1200px) and (max-width: 1799px) {
    /* .webinar-register-event-btn {
        display: none;
    } */
    .webinar-page-speakers-thumb {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .latest-news-4-6,
    .latest-news-7-9 {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-news-1-3 .blogs:nth-child(3n) {
        display: none;
    }
    .jobs-section .header-area {
        padding-top: 30px;
    }
    .jobs-section.jobs-section-empty .header-area {
        padding: 15px 0;
    }
    .jobs-section .view-all-positon {
        padding: 6px 12px;
    }
    .ads-inner {
        position: absolute;
        top: 20px;
        left: 25%;
    }
}

@media only screen and (min-width: 782px) and (max-width: 1023px) {
    .right-sidebar .sidebar-ads {
        float: right;
        flex: 0 0 auto;
        width: 50%;
    }
    .right-sidebar .sidebar-related {
        flex: 0 0 auto;
        width: 50%;
    }
    /* .right-sidebar .jobs {
        float: left;
        width: 50%;
    } */
    .home-latestnews .latest-news-heading {
        margin-bottom: 12px;
    }
    .home-latestnews .latest-news-img img {
        height: auto;
        object-fit: inherit;
    }
    .my-sidebar {
        padding: 0;
    }
    .editor-picks .col-xl-6 {
        display: none;
    }
}

@media only screen and (min-width: 782px) and (max-width: 991px) {
    .sidebar-ads {
        width: 33%;
    }
    .sidebar-related {
        width: 65%;
    }
    .right-sidebar .jobs {
        float: none;
        width: 100%;
        clear: both;
    }
}

@media only screen and (max-width: 781px) {
    .sidebar-ads .sidebar-blog-ad {
        max-height: 230px;
    }
    .popular-extra {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .for-992-to-1199 {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .for-992-to-1199 {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .show-on-small-screens {
        display: block;
    }
    .show-on-large-screens,
    .editor-picks .col-xl-6 {
        display: none;
    }
}

@media screen and (max-width: 1799px) {
    .for-1800-plus {
        display: none;
    }
}

@media screen and (min-width: 1799px) {
    .jobs-carousel {
        padding-top: 90px;
    }
}

@media only screen and (max-device-width: 360px) {
    .mobile-view {
        display: block;
    }
    .mobile-hide {
        display: none;
    }
}


/**
 * A very ugly "solution" to out menu problem...
 **/

/* #navbar:not(.navbar-mobile) .menu-item.col-1-row-1 {
    top: 0;
    position: absolute;
    transform: translate(0px, -120px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-2 {
    top: 0;
    position: absolute;
    transform: translate(0px, -80px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-3 {
    top: 0;
    position: absolute;
    transform: translate(0px, -40px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-4 {
    top: 0;
    position: absolute;
    transform: translate(0px, 0px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-1 {
    top: 0;
    position: absolute;
    transform: translate(200px, -120px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-2 {
    top: 0;
    position: absolute;
    transform: translate(200px, -80px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-3 {
    top: 0;
    position: absolute;
    transform: translate(200px, -40px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-4 {
    top: 0;
    position: absolute;
    transform: translate(200px, 0px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-1 {
    top: 0;
    position: absolute;
    transform: translate(400px, -120px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-2 {
    top: 0;
    position: absolute;
    transform: translate(400px, -80px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-3 {
    top: 0;
    position: absolute;
    transform: translate(400px, -40px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-4 {
    top: 0;
    position: absolute;
    transform: translate(400px, 0px);
    background-color: #091B28;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-1:hover {
    top: 0;
    position: absolute;
    transform: translate(0px, -120px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-2:hover {
    top: 0;
    position: absolute;
    transform: translate(0px, -80px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-3:hover {
    top: 0;
    position: absolute;
    transform: translate(0px, -40px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-1-row-4:hover {
    top: 0;
    position: absolute;
    transform: translate(0px, 0px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-1:hover {
    top: 0;
    position: absolute;
    transform: translate(200px, -120px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-2:hover {
    top: 0;
    position: absolute;
    transform: translate(200px, -80px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-3:hover {
    top: 0;
    position: absolute;
    transform: translate(200px, -40px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-2-row-4:hover {
    top: 0;
    position: absolute;
    transform: translate(200px, 0px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-1:hover {
    top: 0;
    position: absolute;
    transform: translate(400px, -120px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-2:hover {
    top: 0;
    position: absolute;
    transform: translate(400px, -80px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-3:hover {
    top: 0;
    position: absolute;
    transform: translate(400px, -40px);
    background-color: #07a6c5;
}

#navbar:not(.navbar-mobile) .menu-item.col-3-row-4:hover {
    top: 0;
    position: absolute;
    transform: translate(400px, 0px);
    background-color: #07a6c5;
} */

#dont-get-left-stranded {
    text-align: center;
}

.contact-form .ucn-captcha-container {
    margin-bottom: 1em;
}

.filingreader-widget iframe {
    width:100% !important;
}

.sub-info h2 div small {
    font-size: 0.7em;
    font-weight: bold;
}
.bi-exclamation-circle-fill.feature-unavailable {
    color: #DF5655;
}

/* Ensure sub-edit action buttons/links (including "Get in touch") are centered regardless of element type or bundle build state */
.current-subscription .intro .sub-edit .ucn-submit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}