/* 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(../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(../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;
}
