/**
* @created date 18/12/2023 
* Top Header menu --- Location header (White strip header menu) CSS 
*/

/*-------header top navigation code begins----------*/

@media (max-width: 1025px) {
    #page #stick1 {
        position: sticky !important;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        top: 0;
        z-index: 3;
    }
}
.navbar-toggler {
    border: 0px !important;
}

#page #header_top .fa-external-link-alt:before {
    content: "" !important;
    font-size: 13px;
}

#page #header_top .fa-external-link-alt:after {
    padding-left: 5px;
    content: "\f35d";
}

#page #header_top {
    background-color: #f4f6f6;
    color: #3d5567;
    height: 50px;
}

#page #nav_menu ul.nav {
    height: 50px;
}

#page #header_top #USA {
    padding: 5px 0px;
    font-size: 14px;
}

#page #header_top #USA a {
    text-decoration: none;
    color: #3d5567;
    font-size: 16px;
}

#page #header_top #top_menu {
    height: 50px;
    font-size: 14px;
}

#page #header_top #top_menu ul li a:hover {
    text-decoration: underline;
}

#page #header_top #nav_menu ul li {
    border-left: 1px solid #c9d4da;
    padding: 5px 0px;
    text-align: center;
}

#page #header_top #nav_menu ul li:hover {
    background-color: #e7ecee !important;
    color: #000;
    padding: 5px 0px;
    text-align: center;
}

#page #header_top .border-right {
    border-right: 1px solid #c9d4da;
    padding: 5px 0px;
}

#page #header_top #barsIcon {
    color: #e87722;
}

#page #header_top #bars {
    padding-left: 1.5rem;
}

#page #header_top #bars #barsIcon {
    color: #e87722;
}

#page #header_top {
    height: 50px;
    font-size: 14px;
    position: relative;
    z-index: 3;
}

#page #header_top ul li a:hover {
    text-decoration: underline;
}

/*----------------------------------------*/

@media (min-width: 1200px) {
    #page #header_top #nav_menu ul li {
        width: 141px;
    }

    #page #header_top #nav_menu ul li:hover {
        width: 141px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #page #header_top #nav_menu ul li {
        width: 131px;
    }

    #page #header_top #nav_menu ul li:hover {
        width: 131px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #page #header_top #nav_menu ul li {
        width: auto;
    }

    #page #header_top #nav_menu ul li:hover {
        width: auto;
    }
}

@media (max-width: 767px) {
    #page #header_top #nav_menu ul li {
        width: auto;
    }

    #page #header_top #nav_menu ul li:hover {
        width: auto;
    }
}
#block-headerlocation .sf-depth-2 a:hover {
    background-color: #c9d4da;
    color: #000;
    text-decoration: none !important;
}

#block-headerlocation .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}
#block-headerlocation #superfish-header-location li ul {
    min-width: 150px;
}

#superfish-header-location .menu {
    height: 50px;
    padding: 5px 0px;
    font-size: 14px;
}

#superfish-header-location .sf-depth-1 {
    display: block;
    position: relative;
}

#superfish-header-location .sf-depth-1 a {
    background-color: #f4f6f6;
    top: 2px !important;
}
#superfish-header-location .menu a {
    text-decoration: none;
    color: darkGrey;
    font-size: 1rem;
}
#sregion .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}

#sregion .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}

#sregion .sf-depth-2 a:hover {
    background-color: #c9d4da !important;
    color: #000;
    text-decoration: none;
}

#sregion .sf-depth-2 .sfr-1 {
    background-color: #ffffff !important;
}

#sregion .sf-depth-2 .sfr-2 {
    background-color: #f4f6f6 !important;
}

#sregion ul li a:hover {
    text-decoration: none !important;
}

#sregion .sf-horizontal {
    min-width: 190px;
    margin-left: 25px;
}

#sregion ul .sf-depth-1 {
    padding: 9px 3px 8px 3px;
}

#sregion .menuparent .sf-sub-indicator {
    display: none;
}

#sregionM .menuparent .sf-sub-indicator {
    display: none;
}

#sregion {
    width: 236px;
}
@media (min-width: 768px) and (max-width: 991px) {
    #sregion .sf-horizontal {
        margin-left: -32px;
        min-width: 160px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    #sregion .sf-horizontal {
        margin-left: -25px;
        min-width: 160px;
    }
}
/* Main navigation About Atricure width end */

/* Extra map icon removed */
#sregion .sf-horizontal .map-marker:before {
    display: none;
}

/* Extra map icon removed */

/* Select region background color */
#sregion ul .sf-depth-2 a {
    background-color: #f4f6f6;
    top: 2px !important;
}

#sregion ul .sf-depth-1 a {
    background-color: #ffffff;
    top: 2px !important;
}

/* Select region background color */
#nav {
    position: relative;
    top: 0;
    right: -6px;
    z-index: 2000;
    height: 4em;
    padding: 1.1em;
    box-sizing: border-box;
    cursor: pointer;
}

#nav:hover {
    opacity: 0.6;
}