/* This is header part css */

:root {
    --font-20px-1920-14px-375: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
    --desk-button-cta: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);
    --desk-button-cta-line-height: clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);
    --tab-desk-font: clamp(0.75rem, 0.2155rem + 0.8621vw, 1.25rem);
    --tab-font: 14px;
}

/* ///////////////////////////////   Header part styles starts////////////////////////////// */

.astra-content ul li,
.nav-links ul li a {
    font-size: var(--font-20px-1920-14px-375);
}

#mobile-search-container {
    display: none;
}

#desktop-search-container {
    display: flex;
    padding: 25px 0px 0 0;
    float: right;
}

#mobile-header-nav,
#mobile-header-container,
#header-mob-nav {
    display: none;
}

#header-nav,
#desktop-header-container {
    display: block;
}

#header-page #container-b27acc05b9 {
    display: none;
}

#desktop-header-section {
    display: flex;
    max-width: 86%;
    margin: auto;
}

.astra-logo {
    width: 150px;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px !important;
}

#first-header-section .row-container {
    width: 100%;
}

img#search-icon {
    width: 25px;
    cursor: pointer;
    padding: 10px 0px;
}

#search-close-icon {
    width: 21px;
    cursor: pointer;
    display: none;
    padding: 5px 0px;
    margin-left: 37px;
    margin-top: 2px;
}

.searchbox {
    display: none;
}

#desktop-header-section .responsivegrid:nth-child(1) {
    width: 90%;
}

#desktop-header-section .responsivegrid:nth-child(2) {
    width: 10%;
}

.searchbox {
    display: none;
    width: 90%;
}

.open-logo-section-60 {
    width: 60% !important;
}

.open-search-section-40 {
    width: 40% !important;
}

.secondary-dropdown-content {
    display: none;
}

.third-layer-navigation:hover .secondary-dropdown-content,
.third-layer-nav:hover .secondary-dropdown-content {
    display: block;
    margin-left: 0%;
    width: 100%;
    padding-right: 0px;
}

.secondary-submenu {
    min-width: 10em;
    background-color: #fff;
    position: relative;
    left: 0;
    top: 100%;
    z-index: 10;
}

.nav-links ul li:hover .dropdown-content {
    overflow: visible !important;
}

.secondary-dropdown-content {
    min-width: 10em;
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: none;
}

.secondary-submenu:after {
    display: block;
}

.desk-menu-sec .nav-links .mainmenu .dropdown-content .submenu .secondary-dropdown-content .secondary-submenu {
    flex-direction: column;
    min-width: max-content;
}

ul.secondary-submenu li:hover {
    background-color: #F2F2F2;
}

ul.secondary-submenu li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

a.third-layer-nav:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background: url(/content/dam/intelligentcontent/unbranded/astrazeneca/uk/en/images/homepage/navarrow.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 90%;
    transform: rotate(270deg);
}

a.global-link,
a.global-link:hover {
    line-height: 1.5;
    color: #707070;
    font-family: 'Lexia-Regular';
    text-decoration: none;
    font-size: var(--tab-desk-font);
}

/* /////// search result styles starts ////////// */

#desktop-search-container .cmp-searchbox__results-items p {
    padding-bottom: 20px !important;
}

#desktop-search-container .cmp-searchbox__results-items {
    padding-bottom: 10px !important;
}

#desktop-search-container .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__button {
    background: transparent;
    padding: 10px;
}

#desktop-search-container .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__button {
    background: #fff;
    padding: 10px 5px;
    left: -20px;
    position: relative;
}

#desktop-search-container .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
    border-radius: 0px !important;
    background: #ffffff;
    border: 1px solid #707070 !important;
}

#desktop-search-container i.cmp-searchbox__button-icon.fa.fa-search {
    color: #8d0454;
    font-size: 25px;
    margin-left: 10px;
}

#desktop-search-container .cmp-searchbox__results-inner {
    background: #fff;
    border: 1px solid #8b0051;
    padding: 23px 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-width: auto;
    width: auto;
    font-size: 15px;
}

#desktop-search-container .cmp-searchbox__results-inner a {
    word-break: break-all;
}

#desktop-search-container .cmp-searchbox__results {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.search-active {
    right: 0% !important;
    display: block !important;
    transition: right 0.6s ease-out 0.3s;
    width: 80%;
}

#first-header-section {
    padding: 0.5em 0;
}

#desktop-search-container .searchbox {
    transition: right 0.3s ease-out 0.3s;
    right: -100%;
    position: relative;
    display: none;
}

.fa-times-circle:before {
    content: "\f057";
    display: none;
}

/* /////// search result styles ends ////////// */

/* /////// search result page styles starts ////////// */

#search-results .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    border: 1px solid #003B45;
    border-radius: 5px;
}

#search-results #region-heading {
    color: #003B45;
    font-weight: 700;
    font-family: 'Lexia-Regular';
    font-size: var(--desk-button-cta);
    line-height: var(--desk-button-cta-line-height);
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-show {
    display: flex;
    width: 100% !important;
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-content {
    color: #003B45 !important;
    /* font-weight: 700; */
    font-family: 'Lexia-Regular';
    font-size: var(--desk-button-cta);
    line-height: var(--desk-button-cta-line-height);
}

#search-results .cmp-searchresults__moreresult {
    margin: 30px 0px;
}

#search-results .cmp-searchresults__moreresult a {
    color: #003B45;
    font-weight: 700;
    font-family: 'Roboto-Condensed';
    font-size: var(--desk-button-cta);
    line-height: var(--desk-button-cta-line-height);
    border: 1px solid;
    padding: 5px 10px;
    text-align: center;
}

#search-results .fa-chevron-circle-down::before {
    content: "\f13a";
    color: #003b44;
    display: block;
    visibility: visible !important;
}

#search-results #container-bee87a539d {
    max-width: 86%;
    margin: auto;
}

.cmp-searchbox__results-items p {
    padding-bottom: 20px !important;
}

.cmp-searchbox__results-items {
    padding-bottom: 30px !important;
}

.cmp-searchbox__results {
    position: relative;
    width: 90%;
    z-index: 9;
    margin: auto;
}

/*#search-results .fa-search:before {
    content: "\f002";
    font-size: 26px;
    display: flex;*/

/* padding-top: 19px; */

/* padding-bottom: 17px; */

/* align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border-style: solid;
    border-width: 1px;
    padding: 4px 0px;
    border: 1px solid #003B45;
    border-radius: 8px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #d0006f;
} */

#search-results .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__icon {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: visible;
}

#search-results .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__button {
    background: transparent;
}

/* /////// search result page styles ends ////////// */

/* ///////////////////////////////   Header part styles ends ////////////////////////////// */

@media screen and (max-width: 991px) {
    #mobile-header-nav,
    #mobile-header-container,
    #header-mob-nav {
        display: block;
    }
    #header-navigation-section .mobile-menu-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
        margin-bottom: 10px;
        max-width: 86%;
    }
    .astra-site-logo img,
    .astra-site-logo {
        width: 120px;
        /* padding-left: 14px; */
        height: auto;
        padding-top: 5px;
    }
    #header-nav,
    #desktop-header-container {
        display: none;
    }
    img#search-icon {
        width: 50px;
    }
    #desktop-header-section {
        display: none;
    }
    #mobile-search-container {
        display: block;
    }
    #mobile-search-container {
        display: block;
        width: 100%;
        padding: 10px 15px;
        display: none;
    }
    #mobile-search-container i.cmp-searchbox__button-icon.fa.fa-search {
        color: #8d0454;
    }
    #mobile-search-container .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__button {
        background: transparent;
    }
    #mobile-search-container .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        border: 1px solid #707070;
        border-radius: 0;
    }
    #mobile-search-container .fa-search:before {
        content: "\f002";
        font-size: 25px;
        display: flex;
        /* padding-top: 19px; */
        /* padding-bottom: 17px; */
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        border-style: solid;
        border-width: 1px;
        padding: 8px 15px;
        border: 1px solid #d0006f;
        border-radius: 8px;
        border: none;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #mobile-search-container .searchbox {
        display: block;
    }
    .mobile-menu-container #srch-icon {
        /*display: none;*/
    }
    #header-navigation-section .nav-links ul {
        padding-top: 0px;
    }
    #header-navigation-section .nav-links ul.secondary-submenu {
        padding-top: 0px !important;
    }
    #header-navigation-section ul.submenu li a {
        letter-spacing: .6px;
        padding: 1.25rem 3.125rem 1.0625rem 0;
        color: #3c4242;
        display: block;
        text-decoration: none;
        position: relative;
        padding-left: 5vw;
    }
    #header-navigation-section ul.submenu {
        background: #f8f8f8;
    }
    #header-navigation-section ul.submenu li {
        background: #f8f8f8 !important;
    }
    #header-navigation-section .nav-links ul li:hover .dropdown-content {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }
    #header-navigation-section .nav-links ul li:hover .dropdown-content ul {
        left: 0px;
    }
    #header-navigation-section .nav-links ul li:hover .dropdown-content ul li {
        padding: 0px 0px 0px 0px;
    }
    .secondary-submenu {
        background-color: #373a36;
        color: #fff;
    }
    a.navigation_secondary-link.third-layer-nav:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px !important;
        background-repeat: no-repeat;
        background: url(/content/dam/intelligentcontent/unbranded/astrazeneca/uk/en/images/homepage/navarrow.png) no-repeat;
        position: relative;
        top: 0px;
        left: 8px;
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    ul.secondary-submenu li {
        display: block;
        flex-direction: row;
        align-items: center;
    }
    .third-layer-navigation:after,
    .secondary-submenu a:after {
        content: '';
        background: none;
    }
    a.navigation_secondary-link.third-layer-nav .secondary-dropdown-content,
    .third-layer-navigation .secondary-dropdown-content {
        position: relative;
        display: none;
        width: 100%;
        left: 0px;
        top: 0px;
        padding-top: 0px;
        margin-top: 0px;
        margin-left: 0px;
        z-index: 99;
        overflow: hidden;
        background-color: #F2F2F2;
        height: auto;
        /*border-left: 2px solid #F2F2F2;
        margin-left: 5%;*/
    }
    .mobile-menu-container .mobile-menu-sec ul.secondary-submenu {
        padding-top: 0px !important;
    }
    .mobile-menu-container .mobile-menu-sec ul.secondary-submenu li {
        background: #f8f8f8;
    }
    .mobile-menu-container .mobile-menu-sec #navLinks ul {
        flex-direction: column;
        /*padding-top: 12%;*/
        padding-bottom: 0%;
    }
    .mobile-menu-container .mobile-menu-sec #navLinks ul li {
        margin-left: 0;
        border-bottom: 1px solid #ebefee;
        line-height: 4;
    }
    .mobile-menu-container .mobile-menu-sec .nav-links ul li a {
        padding-left: 5vw;
        padding: 1.25rem 3.125rem 1.0625rem 5vw;
    }
    .mobile-menu-container .mobile-menu-sec .nav-links a.navigation_secondary-link.third-layer-nav:before {
        height: 0;
    }
    .mobile-menu-container .mobile-menu-sec .nav-links ul.secondary-submenu li:hover {
        background-color: #F2F2F2;
    }
    /* ///// Search results component stayles starts /////////  */
    #search-results #container-bee87a539d {
        max-width: 100%;
        margin: auto;
        padding: 0px 15px;
    }
    .cmp-searchbox__results-items p {
        padding-bottom: 20px !important;
    }
    .cmp-searchbox__results-items {
        padding-bottom: 30px !important;
    }
    .fa-times-circle:before {
        content: "\f057";
        display: none;
    }
    #search-results .cmp-searchresults .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
        display: none;
    }
    /* ///// Search results component stayles ends /////////  */
}

@media only screen and (max-width: 767px) {
    #header-navigation-section .astra-content.mobile-link-sec .row-container {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 992px) {
    #header-navigation-section .nav-links#navLinks ul li a {
        font-size: var(--tab-desk-font);
        cursor: pointer;
    }
}

@media only screen and (max-width: 991px) {
    #header-navigation-section .nav-links#navLinks ul li a {
        font-size: var(--tab-font);
        /*position: relative;*/
        /*z-index: 999;*/
        display: inline-block;
        width: 100%;
    }
    a.navigation_secondary-link.third-layer-nav:hover {
        cursor: pointer;
    }
    input#search-text-box {
        font-size: 16px;
    }
    a.global-link,
    a.global-link:hover {
        font-size: 14px;
    }
}

#header-navigation-section .nav-links#navLinks ul li a.navigation_primary-link:hover {
    cursor: pointer;
}

.cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__icon {
    display: none;
}

.cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__input {
    padding: 6px 15px !important;
}

.cmp-searchbox__results-noitems h3 {
    font-family: "Arial-regular";
    font-weight: 100;
    font-size: 15px;
}

.cmp-searchbox__results-show-all-cta,
.cmp-searchbox__results-off-label-cta {
    background: #fff;
    padding: 10px 20px !important;
}

input#search-text-box {
    font-family: 'Lexia-Regular';
}

@media only screen and (min-width: 992px) {
    .cmp-searchbox__results-inner .cmp-searchbox__results-cta-container {
        margin-top: 40px !important;
    }
}

@media only screen and (max-width: 767px) {
    #header-navigation-section.cmp-text {
        padding: 0;
    }
    #header-navigation-section .mobile-menu-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item,
#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-description a {
    color: #003B45 !important;
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-icon {
    width: 0 !important;
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-content {
    width: 100% !important;
}

#search-results .cmp-searchresults__inner-container .cmp-searchresults__item-title {
    word-break: break-all;
}