/*Mobile - Toggle Menu Button*/
.icon-bar{ 
    background-color: #004762;
}

.navbar-default .navbar-toggle {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover{
    background-color: #004762;
}

.navbar-default .navbar-toggle:hover > .icon-bar{
    background-color: #cccccc;
}

.MenuDropDown ul li {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
/*Mobile - Toggle Menu Button End*/

.cd-accordion-menu, .cd-accordion-menu ul
 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    list-style: none;
    vertical-align: baseline;
}

.cd-accordion-menu {
  width: 100%;  
  background: #EBEBEB;  
  color:#000;
}

.cd-accordion-menu a{
    color:#000!important;
    font-size:14px;
    text-transform:uppercase;
    font-weight:normal;
    text-decoration:none;
}

.cd-accordion-menu label{
    margin:0;
}

.cd-accordion-menu a{
    color:#000!important;
    font-size:14px;
    text-transform:uppercase;
    font-weight:normal;
    text-decoration:none;
}

.cd-accordion-menu label.has-children a{
    width : 85%!important;
}

.cd-accordion-menu a:hover{
    text-decoration:none;
}
.cd-accordion-menu label{
    background-color:#EBEBEB;
}
    .cd-accordion-menu label:hover, .subMenu:hover {
        background-color: #004762!important;        
    }
        .cd-accordion-menu label:hover a {
            color:#fff!important;
        }

.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;     
}
    .cd-accordion-menu label {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #aaaaaa;
    }

 .cd-accordion-menu label a{
     padding:10px 0 10px 15px;
 }

  .cd-accordion-menu ul label a {
     padding:10px 0 10px 30px;
 }

    .cd-accordion-menu ul ul a {
     padding:10px 0 10px 45px;     
 }

    .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul label::before {
        background-image: none !important;
    }


.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
    .cd-accordion-menu label.has-children::before, .cd-accordion-menu label.has-children::after {        
        background-image: url('/Portals/0/BeaconSkin/custommenu/DarkGreyArrow.png');
        background-repeat: no-repeat;
    }
    .cd-accordion-menu label.has-children:hover::before, .cd-accordion-menu label.has-children:hover::after {
        background-image: url('/Portals/0/BeaconSkin/custommenu/WhiteArrow.png');
    }

    .cd-accordion-menu li ul li label.has-children::before, .cd-accordion-menu li ul li label.has-children::after{
        background-image: url('/Portals/0/BeaconSkin/custommenu/WhiteArrow.png');
        background-repeat:no-repeat;
    }

    .cd-accordion-menu li ul li label.has-children:hover::before, .cd-accordion-menu li ul li label.has-children:hover::after {
        background-image: url('/Portals/0/BeaconSkin/custommenu/GreyArrow.png');
    }

.cd-accordion-menu label::before {
  /* arrow icon */
  right: 18px;
  background-position: 0 0;
    -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label::after {  

  background-position: -16px 0;
}

.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
    -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a { 
  /*padding-left: 82px;*/
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  /*padding-left: 100px;*/
}

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  /*padding-left: 118px;*/
}


.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.MenuDropDown{    
    display: block;
    overflow-y: auto;
}

.mainMenu{
    background: #EBEBEB;
}

.subMenu{
    background: #d0d0d0!important;
}

.activemainmenu{
    background-color:#D89016!important;    
}
    .activemainmenu a {
        color: #ffffff !important;
    }

    .activemainmenu::after, .activemainmenu::before {
        background-image: url('/Portals/0/BeaconSkin/custommenu/WhiteArrow.png')!important;
        background-repeat: no-repeat!important;
    }
/*Accordion Menu Ends*/

@media (max-width: 749px) {
    .superHeader .SearchContainer{
        display:none;
    }
    ul.searchSkinObjectPreview {
        right:-30px!important;
    }
    #MobileMenu{
        max-height:460px;
    }
}

@media (min-width: 750px) {
    .superHeader .SearchContainer{
        display:none;
    }

    ul.searchSkinObjectPreview {
        right:-30px!important;
    }
    #MobileMenu{
        max-height:920px;
    }
}
@media (min-width: 1024px) {
    
    .superHeader .SearchContainer{
        display:inline-block;
    }
}
