/* *********************************************************** */
/*                                                             */
/*                This file should not be changed.             */
/* If changes are required - override in styles-navigation.css */
/*                                                             */
/* *********************************************************** */


/* MOBILE SMALL - Non-Retina - (0-321px) */

/* Stop the Body Scrolling when menu open - doesn't work on mobile. Can put on the html element, but that causes the page to scroll to the top automatically - not good. Haven't seen a better alternative yet. */
body.menu-open {
  overflow: hidden;
  position: relative;
}
/* --------------- navigation ---------------- */
/* === Main menu settings === */
.navigation-wrap { /* navigation menu container to edge of screen */
  padding:0;
  margin:0;
  width: 100%;
}
.navigation { /* navigation menu container to edge of dislay area */
  margin:0; 
  z-index:500; 
  position:relative; 
  padding:0;
}
.menu-icons-wrap {
  position: absolute;
  right: 0;
}
#menu-icon,
#search-icon { /* 'Menu' tab on mobile/tablet */
  float:right;
  position:relative;
  display:none !important;
}
.js #menu-icon,
.js #search-icon { /* If there is javascript, show 'Menu' and 'Search' tabs on mobile/tablet */
  display:block !important;
}
#search-icon-nav { /* hide search button in navigation bar on mobile and tablet */
  display:none !important;
}
#menubox {
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  right: 0;
  height: 100%;
}
/* #searchbox {
  clear: both;
}*/
/*#menubox .navigation {
}*/
/*#menubox.menubox-full-width {
}*/
.menubox-full-width .container-item,
.menubox-inline .container-item,
.searchbox-nav,
.searchbox-header {
  padding-top: 10px; 
  padding-top: 1rem; 
  padding-bottom: 22px; 
  padding-bottom: 2.2rem; 
}
.searchbox-nav {
  padding-top: 23px; /* Add the top padding from above (1rem) to the bottom padding of the header area (1.3rem) to align the top of the search field with the top of the navigation links when using the inlines search field */ 
  padding-top: 2.3rem; 
}
/*.fixed-header #menubox,
.fixed-header #searchbox { /* navigation menu and search field containers when header is fixed */
/*}*/
.js #menubox,
.js #searchbox { /* if there is javascript. hide the navigation menu and the search field */
  display: none;
}
.js.menu-open #menubox { /* if there is javascript. hide the navigation menu and the search field */
  /*overflow-x: hidden;
  overflow-y: auto;*/
}
#block-useraccountmenu .contextual {
  display: none; /* Hide the contextual icons on the useraccountmenu as it interferes with the display:inline of the other elements */
}


/* === Top level menu items === */
nav.main-menu ul.menu { /* navigation menu UL */
  padding-left:0 !important; /* distance between left edge and first tab */
  margin:0;
  list-style:none;
  width:100%;
}
nav.main-menu ul.menu, 
nav.main-menu ul.menu ul,
nav.main-menu ul.menu li {
  border:none; /*reset Nice-Menus CSS*/
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); /* This is for IE 10, 11 and Edge to prevent bullets from appearing */
}
nav.main-menu ul.menu li { /* navigation menu tab container */
  position:relative;
  float:none;
}
nav.main-menu ul.menu li a,
#menu-icon,
#search-icon,
#search-icon-nav,
#close-icon { /* navigation menu, 'Menu' and 'Search' tabs */
  border-style:solid;
  border-width:1px;
  text-decoration:none;
  display: block; /* required to makew the <a> links appear as full height tabs */
}
#close-icon { 
  display: none; /* hide the icon on mobile and tablet devices */
}
#menu-icon,
#search-icon,
#search-icon-nav,
#close-icon { /* 'Menu' tab on mobile/tablet */
  border-style:solid;
  border-width:1px;
  margin:0;
  padding:0;
  cursor:pointer;
  text-indent:-9999px;
  text-transform:capitalize; /* This forces IE7 to accept the negative text-indent */
  overflow:hidden;
}
/*#search-icon,
#search-icon-nav { /* 'Search' tab on mobile/tablet */
/*}*/

/* Top level menu items - hover styles */
/*#menu-icon:hover,
#search-icon:hover,
#search-icon-nav:hover { /* navigation menu tabs on hover */
/*}*/
nav.main-menu ul.menu li a:hover,
nav.main-menu ul.menu li.active a,
nav.main-menu ul.menu li.active a:hover {
  visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}

/* === Drop down first level === */
/*Child Trigger */
nav.main-menu ul.menu li.expanded .child-trigger {
  display: none;
}
.js nav.main-menu ul.menu li.expanded .child-trigger {
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  display:block;
}
.js nav.main-menu ul.menu li.expanded .child-trigger .arrow {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  display:block;
}
.js nav.main-menu ul.menu li.expanded.open-child .child-trigger .arrow {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

nav.main-menu ul.menu li.expanded ul { /* Drop down navigation menu UL */ 
  list-style:none;
  left:0; /* IE6&7 need this to position the sublist correctly on hover*/
  top:0; /*position of first level drop down menu - height of top level menu plus height of border*/
  background:#fff;/* IE needs some sort of background on the nested ul */
  width:100%; /*width of drop down tab */
  position:relative; /* position the sublist to nearest positioned ancestor, the (nav.main-menu ul.menu li) in this case*/
}
.js nav.main-menu ul.menu li.expanded ul {
  display: none;
}

nav.main-menu ul.menu li.expanded ul li,
nav.main-menu ul.menu li.expanded ul li.expanded ul li { /* Drop down navigation tab container */ 
  border:none;  /*reset borders from nav.main-menu ul.menu li*/
  width:100% !important;
}
nav.main-menu ul.menu li.expanded ul li a,
nav.main-menu ul.menu li.expanded ul li.expanded ul li a { /* Drop down navigation tab */ 
  padding:5px 3%;  /* padding above/below and left/right on the first level drop down menu */
  padding:0.5rem 3%;  
  float: none;  /*reset the float from nav.main-menu ul.menu li a*/
  text-transform:none;
}
/*nav.main-menu ul.menu li.expanded ul li.active a,
nav.main-menu ul.menu li.expanded ul li.expanded ul li.active a { /* Drop down navigation active tab */ 
/*}*/

/* drop down first level - hover styles */
/*nav.main-menu ul.menu li.expanded ul li a:hover { /* Drop down navigation tab on hover */ 
/*}*/
/*nav.main-menu ul.menu li.expanded ul li.active a:hover { /* Drop down navigation active tab on hover*/ 
/*}*/
nav.main-menu ul.menu li ul { /* first level drop down menu */
  display:block; /* Initially show first level drop down menu on mobile/tablet */
  visibility:visible;
}
/*.js nav.main-menu ul.menu li ul { /* first level drop down menu */
/*}*/
/*nav.main-menu ul.menu li.open-child ul { /* first level drop down menu */
/*}*/
/*nav.main-menu ul.menu li:hover ul { /* first level drop down menu on hover */
/*}*/
nav.main-menu ul.menu li.expanded ul li ul { /* second level drop down menu*/ 
  display:none; /* Initially hide second level drop down menu */
}


/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */

@media all and (min-width: 321px) {
  /* MOBILE - Non-Retina - (321px–580px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 321px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 321px),
only screen and (min-resolution: 192dpi) and (min-width: 321px),
only screen and (min-resolution: 2dppx) and (min-width: 321px) { 
  /* MOBILE - Retina - (321px–580px) */
  
}


@media all and (min-width: 581px) {
  /* MOBILE LARGE - Non-Retina - (581px–767px) */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 581px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 581px),
only screen and (min-resolution: 192dpi) and (min-width: 581px),
only screen and (min-resolution: 2dppx) and (min-width: 581px) { 
  /* MOBILE LARGE - Retina - (581px–767px landscape only) */
  
}

@media all and (min-width: 768px) {
  /* TABLET - Non-Retina - (768px–1024px) */
  
  /* --------------- navigation ---------------- */
  /* === Main menu settings === */
  .fixed-header .menu-icons-wrap {
    margin-top: 0;
  }  
  
  /* === Top level menu items === */
  
  /* Top level menu items - hover styles */
  
  /* === Drop down first level === */
  
  /* drop down first level - hover styles */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
  /* TABLET - Retina - (768px–1024px) */
  
}

@media all and (min-width: 1025px) {
  /* DESKTOP SMALL - Non-Retina - (1025px–1280px) */
  
  /* Stop the Body Scrolling when menu open */
  body.menu-open {
    overflow-y: visible;
  }
  
  /* --------------- navigation ---------------- */
  /* === Main menu settings === */
  #navigation-wrap { /* navigation menu container to edge of screen */
    padding:0; /* Reset extra padding from mobile version */
    clear:none;
    float:right;
    position:relative;
  }
  .navigation { /* navigation menu container to edge of dislay area */
    float:left; /* required to make it work on IE7 */
    position:relative; /* required to make it work on IE7 */
    padding: 0; /* reset from mobile nav */
  }
  .region-navigation-inline,
  .header #search-icon-wrap {
    position: relative;
    float: left;
  }
  .region-navigation-inline .navigation {
    float: none;
    right: 0;
  }
  #menu-icon, 
  #search-icon { /* 'Menu' and 'Search' tab on desktop */
    display:none !important;
  }
  .js #menu-icon,
  .js #search-icon { /* Hide 'Menu' and 'Search' tabs on desktop */
    display:none !important;
  }
  #search-icon-nav { /* Show search icon in navigaion bar */
    display:block !important;
    width:0;
    float:left;
    position:relative;
  }
  #close-icon { 
    display: block; /* reset from Mobile and Tablet */
  }
  .block-nice-menus {
    float:left;
    position:relative;
  }
  #menubox,
  #searchbox.searchbox-header,
  .js #menubox,
  .js #searchbox.searchbox-header { /* navigation menu and search field containers */
    display:block !important; /*reset from mobile/tablet */
    height: auto !important; /*reset from mobile/tablet */
    overflow: visible !important; /* reset from mobile/tablet */
  }
  #menubox {
    overflow: visible;
    position:relative;
    top:0;
    width:auto;
    height: auto;
    background:none;
  }
  #menubox.menubox-inline {
    float: right;
    clear: right;
  }
  #menubox .navigation {
    width:auto; /* reset from mobile/tablet */
  }
  .menubox-full-width .container-item,
  .menubox-inline .container-item,
  .searchbox-nav,
  .searchbox-header {
    padding-top: 0; /* Reset from mobile */
    padding-bottom: 0;
  }
  #searchbox.searchbox-header {
    float: right;
    position:relative;
    height:40px;  /* required to make it work on IE7 */
    padding-bottom: 0;
  }
  #searchbox.searchbox-nav .container-item {
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
    vertical-align: top;
  }
  .fixed-header #menubox {
    top:0;
  }
  .fixed-header #searchbox.searchbox-header {
    margin-top:-100px !important; /* Scrolls the Seachbox off the page when the page scrolls */
  }
  /* .drop-menu-search #searchbox {
    margin-top:0; /* makes it reappear when search icon is pressed */
  /*} */
  
  
  /* === Top level menu items === */
  nav.main-menu ul.menu { /* navigation menu UL */
    width:auto;
    padding-left:0 !important; /* distance between left edge and first tab */
  }
  nav.main-menu ul.menu li { /* navigation menu tab container */
    float:left;
    position:relative;
  }
  nav.main-menu ul.menu li a {/* navigation menu tabs */
    border-style:solid;
    border-width:1px;
  }
  
  /* Top level menu items - hover styles */
  
  
  /* === Drop down first level === */
  /*Child Trigger */
  .js nav.main-menu ul.menu li.expanded .child-trigger {
    display:none; /*Hide the child-trigger on Desktop devices */
  }
  nav.main-menu ul.menu li.expanded ul { /* Drop down navigation menu UL */ 
    width:185px; /*width of sub list tab  - make same as 'nav.main-menu ul.menu li ul li a' below */
    width:18.5rem; /*width of sub list tab  - make same as 'nav.main-menu ul.menu li ul li a' below */
    position:absolute; /* position the sublist to nearest positioned ancestor, the (nav.main-menu ul.menu li) in this case*/
  }
  nav.main-menu ul.menu li.expanded ul li,
  nav.main-menu ul.menu li.expanded ul li.expanded ul li { /* Drop down navigation tab container */ 
    display: block !important; /* reset display:none from mobile/tablet */
  }
  nav.main-menu ul.menu li.expanded ul li a,
  nav.main-menu ul.menu li.expanded ul li.expanded ul li a { /* Drop down navigation tab */ 
    border-width:1px !important;
    border-style:solid !important;
    border-top:none !important;
    line-height:18px; /* center the text vertically - should be the same height as 'height' in 'nav.main-menu ul.menu' */
    line-height:1.8rem; /* center the text vertically - should be the same height as 'height' in 'nav.main-menu ul.menu' */
  }
  
  /* drop down first level - hover styles */
  nav.main-menu ul.menu li.expanded ul li a:hover { /* Drop down navigation tab on hover */ 
    visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
  }
  nav.main-menu ul.menu li.expanded ul li.active a:hover { /* Drop down navigation active tab on hover*/ 
    visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
  }
  nav.main-menu ul.menu li ul,
  nav.main-menu ul.menu li.open-child ul { /* first level drop down menu */
    display:none !important;
  }
  nav.main-menu ul.menu li:hover ul,
  .js nav.main-menu ul.menu li:hover ul{ /* first level drop down menu on hover */
    display:block !important; /* Show first level drop down menu on hover */
  }
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px),
only screen and (min-resolution: 192dpi) and (min-width: 1025px),
only screen and (min-resolution: 2dppx) and (min-width: 1025px) { 
  /* DESKTOP SMALL - Retina - (1025px–1280px) */
  
}


@media all and (min-width: 1281px) {
  /* DESKTOP - Non-Retina - (1281px–1920px) */
  
  /* --------------- navigation ---------------- */
  /* === Main menu settings === */
  
  /* === Top level menu items === */
  
  /* Top level menu items - hover styles */
  
  /* === Drop down first level === */
  
  /* drop down first level - hover styles */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1281px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1281px),
only screen and (min-resolution: 192dpi) and (min-width: 1281px),
only screen and (min-resolution: 2dppx) and (min-width: 1281px) { 
  /* DESKTOP - Retina - (1281px–1920px) */
  
}


@media all and (min-width: 1921px) {
  /* DESKTOP LARGE - Non-Retina - (1921px and larger) */
  
  /* --------------- navigation ---------------- */
  /* === Main menu settings === */
  
  /* === Top level menu items === */
  
  /* Top level menu items - hover styles */
  
  /* === Drop down first level === */
  
  /* drop down first level - hover styles */
  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px),
only screen and (min-resolution: 192dpi) and (min-width: 1921px),
only screen and (min-resolution: 2dppx) and (min-width: 1921px) { 
  /* DESKTOP LARGE - Retina - (1921px and larger) */
  
}