/**
* @created date 04/12/2023 
* Top Sticky header with main menu Blue strip CSS 
*/

@media (max-width: 320px) {
    #block-headerlocation-2 #superfish-header-location--2 .sf-depth-1 {
        padding-right: 7px !important;
    }
}

/*-----------------header bottom Main Menu code starts-------------*/
#page #header_nav #block-mainnavigation {
    color: #fff !important;
}
#block-atritheme-branding img {
    width: 8.875rem;
}
#page #stick2 {
    position: sticky !important;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    top: 0px;
    z-index: 2;
}
#page #header_nav {
    background-color: #3d5567;
    color: #c9d4da;
}
#page #header_nav #header_mob {
    height: 50px;
    font-size: 16px;
}
#page #header_nav #header_mob #search {
    border-left: 1px solid #c9d4da;
    border-right: 1px solid #c9d4da;
    z-index: 1;
    cursor: pointer;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 100%;
}
#page #header_nav #header_mob #search button {
    border: none;
    background-color: inherit;
    font-size: 22px;
    padding-top: 10px;
    cursor: pointer;
}
#page #header_nav #header_mob #search #searchIconMob {
    color: #fff;
}
#page #header_nav #header_mob #search #searchIcon {
    color: #fff;
}
#page #header_nav #header_mob #barsIcon {
    color: #e87722;
}
#block-headerlocation-2 .sf-accordion-toggle #superfish-header-location--2-toggle span {
    display: none !important;
}
/*--------------------*/

/***** SUperFish Main Menu Code Begins*****/
/*.active-trail .sf-depth-1 {
 /* border-bottom: 2px solid #e87722;*/
/*background-color: rgba(0, 0, 0, 0.1) !important;
}
*/
#block-mainnavigation .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}
ul.sf-menu .sf-with-ul {
    padding-right: inherit;
}
ul.sf-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

#superfish-international-location .menu {
    height: 50px;
    padding: 5px 0px;
    font-size: 14px;
}
#superfish-international-location .sf-depth-1 {
    display: block;
    position: relative;
}
#superfish-international-location .sf-depth-1 a {
    background-color: #f4f6f6;
    /*top: -2px !important;*/
    top: 2px !important;
}
#block-mainnavigation .sf-depth-1 {
    display: block;
    position: relative;
    /*padding-right: 0.75rem;*/
}
#block-mainnavigation .sf-depth-1:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
#block-mainnavigation .sfr-1 {
    background-color: #fff;
    color: #3d5567;
}
#block-mainnavigation .sf-depth-4 .sfr-1 {
    /*box-shadow: 0px 1px 3px grey;*/
}
#block-mainnavigation .sfr-2 {
    background-color: #f4f6f6;
    color: #3d5567;
}
#block-mainnavigation .sf-depth-4 .sfr-3 {
    box-shadow: 0px 3px 4px -2px grey;
    /*text-shadow: 2px 2px 2px grey;*/
    /*box-shadow: 3px 9px 9px grey;*/
}
#block-mainnavigation .sf-depth-4 .sfr-3:hover {
    /*box-shadow: 0px 1px 1px 0px grey;*/
    /*text-shadow: 2px 2px 2px grey;*/
    box-shadow: none !important;
}
#block-mainnavigation .sfr-3 {
    background-color: #f3f3f3;
    color: #3d5567;
}
ul.sf-menu .sf-sub-indicator {
    height: 1rem;
    width: 1rem;
    right: 0.1em !important;
}
ul.sf-menu.menu,
ul.sf-menu.menu ul,
ul.sf-menu.menu li {
    width: 100%;
}

#block-mainnavigation .sf-depth-2 {
    position: relative;
    /* top: 21px;*/
    border-radius: 0px;
    color: #3d5567;
    /*margin-left: 1px;
      max-width: 252px; */
    /*235*/
}
/*ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
    box-shadow: none !important;
}*/
ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
    /*width: 100% !important;*/
    box-shadow:
        inset 0 -3em 3em rgb(61 85 103),
        0 0 0 2px #fff,
        0.3em 0.3em 1em rgb(61 85 103) !important;
}
#page #header_top {
    z-index: inherit;
}
/*ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
      top: 3em !important;
  }*/
ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
    top: auto;
}

#block-internationallocation .sf-depth-2 a:hover {
    background-color: #c9d4da;
    color: #000;
    text-decoration: none !important;
}
#block-internationallocation .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}
#block-internationallocation .active-trail .sf-depth-1 {
    border: none !important;
}
#block-mainnavigation .sf-depth-2 a:hover {
    background-color: #c9d4da !important;
    color: #000;
    /*border-left: 5px solid #E87722;*/
    text-decoration: none;
    /*border-bottom:none !important;*/
}
#main-menu-link-contentca58ba6a-eed3-44c4-9920-43cc02f3d484 {
    width: 60% !important;
}
#main-menu-link-contentca58ba6a-eed3-44c4-9920-43cc02f3d484 .sf-depth-1 {
    background: url("../../images/ellipsis-v.png");
    background-repeat: no-repeat;
    background-position-y: center;
    height: 90px;
    padding-top: 38px;
    text-transform: uppercase;
    /*padding-right: 25px;*/
    /*padding-left: 30px;*/
    /*padding-left: 10%;*/
    /*padding-right:10%;*/
    font-size: 95%;
}
#main-menu-link-contentca58ba6a-eed3-44c4-9920-43cc02f3d484 .sf-depth-1 .sf-sub-indicator {
    display: none;
}
#main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 {
    width: 50% !important;
}
#main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 .sf-depth-1 {
    background: url("../../images/ellipsis-v.png");
    background-repeat: no-repeat;
    background-position-y: center;
    height: 90px;
    padding-top: 38px;
    text-transform: uppercase;
    /*padding-right: 25px;*/
    /*padding-left: 30px;*/
    /*padding-left: 10%;*/
    /*padding-right:10%;*/
    font-size: 95%;
}
#main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 .sf-depth-1 .sf-sub-indicator {
    display: none;
}
#main-menu-link-contenta89cdfd2-b373-4695-af18-3b367111d87b {
    width: 40% !important;
}
#main-menu-link-contenta89cdfd2-b373-4695-af18-3b367111d87b .sf-depth-1 {
    background: url("../../images/ellipsis-v.png");
    background-repeat: no-repeat;
    background-position-y: center;
    height: 90px;
    padding-top: 38px;
    text-transform: uppercase;
    /*padding-right: 25px;*/
    /*padding-left: 30px;*/
    /*padding-left: 10%;*/
    /*padding-right:10%;*/
    font-size: 95%;
}
#main-menu-link-contenta89cdfd2-b373-4695-af18-3b367111d87b .sf-depth-1 .sf-sub-indicator {
    display: none;
}
#main-menu-link-contentca58ba6a-eed3-44c4-9920-43cc02f3d484 .sf-depth-1:hover {
    border-bottom: 2px solid #e87722;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
#main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 .sf-depth-1:hover {
    border-bottom: 2px solid #e87722;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
#main-menu-link-contenta89cdfd2-b373-4695-af18-3b367111d87b .sf-depth-1:hover {
    border-bottom: 2px solid #e87722;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
#block-headerlocation-2 #superfish-header-location--2 .sf-depth-1 {
    color: #fff;
    padding-top: 4px;
    /*newly added*/
}
#block-headerlocation-2 #superfish-header-location--2 .sf-depth-2 a {
    color: #3d5567;
    background-color: #f6f6f6;
    top: -2px;
    /*height:30px;*/
    min-width: 220px;
}
#block-headerlocation-2 #superfish-header-location--2 .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}
#block-headerlocation-2 #superfish-header-location--2 .sf-depth-2 a:hover {
    background-color: #c9d4da;
    color: #000;
    text-decoration: none !important;
    /*top:-2px;*/
}
#main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 .sf-depth-2 .sf-with-ul:hover {
    /*color:#3D5567;*/
}
#block-mainnavigation .sf-depth-2 a {
}
#block-mainnavigation .sf-depth-3 a {
    margin-left: 1px;
}
#block-mainnavigation .sf-depth-4 a {
    margin-left: 1px;
}
#block-mainnavigation .sf-depth-5 a {
    margin-left: 1px;
}
#block-headerlocation-2 #superfish-header-location--2 .sf-depth-3 a:hover {
    background-color: #c9d4da;
    color: #3d5567;
    border-left: 3px solid #e87722;
    text-decoration: none;
    top: 3px;
}

.mm-width {
    width: 87%;
}

/* select region alignment for mobile device */
#block-headerlocation-2 #superfish-header-location .sf-depth-2 .is-active {
    border-left: 5px solid #e87722;
}
#block-headerlocation-2 #superfish-header-location .sf-depth-2 a {
    color: #3d5567;
    background-color: #f6f6f6;
    min-width: 150px;
    top: -2px;
}
#block-headerlocation-2 #superfish-header-location .sf-depth-1 {
    color: #fff;
    padding-top: 4px;
}
#block-internationallocation #superfish-international-location .sf-depth-2 a {
    color: #3d5567;
    background-color: #f6f6f6;
    min-width: 150px;
    top: -2px;
}
/* select region alignment for mobile device */

#block-headerlocation-2 #superfish-header-location--2 .sfr-1 {
    background-color: #ffffff !important;
}
#block-headerlocation-2 #superfish-header-location--2 .sfr-2 {
    background-color: #f4f6f6 !important;
}
#superfish-header-location--2 .sf-depth-2 a:hover {
    background-color: #c9d4da !important;
    color: #000;
    text-decoration: none !important;
}
/*-------------------------------------------*/

@media (min-width: 1079px) {
    #block-mainnavigation .sf-depth-2 a {
        font-size: 85%;
        padding-right: 6.2%;
    }
    #block-mainnavigation .sf-depth-3 a {
        font-size: 85%;
        padding-right: 6.2%;
    }
    #block-mainnavigation .sf-depth-4 a {
        font-size: 85%;
        padding-right: 6.2%;
    }
    #block-mainnavigation .sf-depth-5 a {
        font-size: 85%;
        padding-right: 6.2%;
    }
}
@media only screen and (max-width: 1078px) and (min-width: 992px) {
    #block-mainnavigation .sf-depth-1 {
        display: block;
        position: relative;
        /*padding-right: 1.75rem;*/
        /*font-size: 0.8rem;*/
    }
    #block-mainnavigation .sf-depth-2 a {
        font-size: 80%;
        padding-right: 5%;
    }
    #block-mainnavigation .sf-depth-3 a {
        font-size: 80%;
        padding-right: 5%;
    }
    #block-mainnavigation .sf-depth-4 a {
        font-size: 80%;
        padding-right: 5%;
    }

    #block-mainnavigation .sf-depth-5 a {
        font-size: 80%;
        padding-right: 5%;
    }
}
@media (max-width: 991px) {
    ul.sf-menu ul {
        width: 100% !important;
    }
    #main-menu-link-contentca58ba6a-eed3-44c4-9920-43cc02f3d484 .sf-depth-1 {
        font-size: 80%;
    }
    #main-menu-link-contentda8afdd6-c3d8-4064-a1ea-4790b2a7db33 .sf-depth-1 {
        font-size: 80%;
    }
    #main-menu-link-contenta89cdfd2-b373-4695-af18-3b367111d87b .sf-depth-1 {
        font-size: 80%;
    }
    #block-mainnavigation .sf-depth-2 a {
        font-size: 65%;
        padding-right: 6%;
    }
    #block-mainnavigation .sf-depth-3 a {
        font-size: 65%;
        padding-right: 6%;
    }
    #block-mainnavigation .sf-depth-4 a {
        font-size: 65%;
        padding-right: 6%;
    }
    #block-mainnavigation .sf-depth-5 a {
        font-size: 65%;
        padding-right: 6%;
    }
    .mm-width {
        width: 100%;
    }
}
/***** Super Fish Main Menu Code Ends*****/

@media (max-width: 1026px) {
    #page #header_nav {
        background-color: #3d5567;
        color: #c9d4da;
        height: 50px;
    }
}
@media (max-width: 1025px) {
    #page #stick2 {
        position: sticky !important;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        top: 50px;
        z-index: 2;
    }
}
@media (max-width: 767px) {
    #page #stick2 {
        position: sticky !important;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        top: 0;
        z-index: 2;
    }
}
@media (min-width: 375px) and (max-width: 414px) {
    #block-atritheme-branding img {
        width: 7.875rem;
    }
}
@media (max-width: 374px) {
    #block-atritheme-branding img {
        width: 5.5rem;
    }
}
/*---------------header bottom Main Menu Code ends--------------*/
