/* --------------- Primary Menu ------------ */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:700');
 
.toolbar {
    font-family: "Lucida Grande", Verdana, sans-serif;
}
.region-primary-menu {
  clear: both;
}
.region-primary-menu .menu {
  margin: 0 5px;
  padding: 0;
  text-align: left; /* LTR */
  font-size: 0.929em;
}
[dir="rtl"] .region-primary-menu .menu {
  margin-right: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
  margin-left: 5px; /* This is required to win over specificity of [dir="rtl"] ul.menu */
  text-align: right;
}
.region-primary-menu .menu-item {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.region-primary-menu .menu a {
  /*font-family: 'Source Sans Pro', sans-serif;*/  
  display: block;
  float: none;
  margin: 4px 0;
  padding: 6px 16px; /* LTR */
  text-decoration: none;
  color: #fff;   
}
[dir="rtl"] .region-primary-menu .menu a {
  padding: 10px; /* LTR */
}
.region-primary-menu .menu a:hover,
.region-primary-menu .menu a:focus {
  /*background: #342ead;*/   
  color: #F2A51B;
}
.region-primary-menu .menu a:active {
  /*background: #342ead;*/   
  color: #F2A51B;
}
.region-primary-menu .menu-item a.is-active {
  /*background: #342ead;*/   
  color: #F2A51B;
}

/* ---------- Primary Menu Toggle ----------- */
/* Hide the toggle by default. */
.menu-toggle,
.menu-toggle-target {
  display: none;
}
/* Unhide it for the primary menu. */
.region-primary-menu .menu-toggle-target {
  position: fixed;
  top: 0;
  display: inherit;
}
.region-primary-menu .menu-toggle {
  display: none;
}
body:not(:target) .region-primary-menu .menu-toggle {
  z-index: 1000;
  display: block;
  float: none;
  padding: 0.9em 10px 0.9em 10px;
  text-decoration: none;
  color: #333;
  background: #f2a51b;  
  text-shadow: 0 1px #eee;
  font-size: 0.929em;
}
body:not(:target) .region-primary-menu .menu-toggle:after {
  position: absolute;
  right: 10px; /* LTR */
  display: inline-block;
  width: 22px;
  height: 22px;
  content: "";
  background: url(/core/misc/icons/ffffff/hamburger.svg) no-repeat;
  background-size: contain;
}
[dir="rtl"] body:not(:target) .region-primary-menu .menu-toggle:after {
  right: initial;
  left: 10px;
}
body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle,
body:not(:target) .region-primary-menu .menu-toggle--hide {
  display: none;
}
body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
  display: block;
}

body:not(:target) .region-primary-menu .menu-item {
  overflow: hidden;
  height: 0;
}
body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu .menu-item {
  overflow: visible;
  height: auto;
}
@media (min-width: 320px) and (max-width: 480px) { 
.region-primary-menu {
       clear: none;
    }
    #block-searchicon .content p{
        margin: 0;
    }
     #block-searchicon img {
          margin-top: 42px;          
    }
}
@media (min-width: 411px) and (max-width: 480px) { 
    #block-searchicon img { 
       margin-left: 50px;
    }
}
/**
 * Media queries for primary menu.
 */
@media all and (min-width: 461px) and (max-width: 900px) {
  .region-primary-menu .menu {
    margin: 0 5px;
    padding: 0;
    text-align: center;
  }
  /* This is required to win over specificity of the global [dir="rtl"] .region-primary-menu .menu */
  [dir="rtl"] .region-primary-menu .menu {
    text-align: center;
  }
  .region-primary-menu .menu-item,
  body:not(:target) .region-primary-menu .menu-item {
    display: inline-block;
    float: left; /* LTR */
    overflow: visible;
    width: auto;
    height: auto;
    margin-right: 5px; /* LTR */
    padding: 0;
  }
  [dir="rtl"] .region-primary-menu .menu-item,
  [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
    float: right;
    margin-right: 0;
    margin-left: 5px;
  }
  .region-primary-menu .menu-item:nth-child(3n) {
    margin-right: -5px; /* LTR */
  }
  [dir="rtl"] .region-primary-menu .menu-item:nth-child(3n) {
    margin-right: 0;
    margin-left: -5px;
  }
  .region-primary-menu ul.clearfix ul li a {
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 0.9em 5px;
    border-radius: 8px;
  }
  /* This is required to win over specificity of the global [dir="rtl"] .region-primary-menu .menu a */
  [dir="rtl"] .region-primary-menu .menu a {
    padding: 0.9em 5px;
  }
  body:not(:target) .region-primary-menu .menu-toggle {
    display: none;
  }
  ul.clearfix ul {    
    left: -5px !important;   
    top: 32px !important;
    width: 230px !important;   
    }
  ul.clearfix ul li{  
      width: 100% !important;
  }
  .region-primary-menu .menu a {   
    margin: 0px;
  }
  
}

@media all and (min-width: 901px) {
  .region-primary-menu .block-menu .menu {
    margin: 0;
    padding: 0 15px;
    font-size: 17px;    
  }
  .region-primary-menu .menu-item,
  body:not(:target) .region-primary-menu .menu-item {
    float: left; /* LTR */
    overflow: visible;
    width: auto;
    height: auto;
    margin: 1px;
    padding: 0 1px;
    list-style: none;
  }
  [dir="rtl"] .region-primary-menu .menu-item,
  [dir="rtl"] body:not(:target) .region-primary-menu .menu-item {
    float: right;
  }
  .region-primary-menu .menu a {
    float: left; /* LTR */
    margin-bottom: 0;    
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  [dir="rtl"] .region-primary-menu .menu a {
    float: right;
    padding: 6px 16px;
  }
  .featured .region-primary-menu .menu-item a:active,
  .featured .region-primary-menu .menu-item a.is-active {
     background: #342ead;   
     color: #fff;
  }
  body:not(:target) .region-primary-menu .menu-toggle {
    display: none;
  }
  
}

/**
 * Ensures that the open mobile menu hides when the screen dimensions become
 * 461px or wider.
 */
@media all and (min-width: 461px) {
  body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
    display: none;
  }
  ul.clearfix li {
    display:block;
    position:relative;   
   }
ul.clearfix ul {
   position:absolute;
   padding:0 !important;
   left:1px;
   display:none;
   top: 43px;
   width: 230px;
   background: #000e33;   
   }
ul.clearfix ul li a{
    color: #fff !important;
   }
ul.clearfix li:hover ul ul {
    display:none;
    } /* hides sub-sublists */
ul.clearfix li:hover ul{
    display:block;
   } /* shows sublist on hover */
ul.clearfix li li:hover ul {
    display:block; /* shows sub-sublist on hover */
    margin-left:200px; /* this should be the same width as the parent list item */
    margin-top:-35px; /* aligns top of sub menu with top of list item */
   }
ul.clearfix ul li ul{
    margin-left: 228px !important;
    margin-top: -43px !important;
   }
  }
@media (min-width: 481px) and (max-width: 767px) {
    .region-primary-menu .menu a{   
        padding: 5px 10px;   
          } 
    
}