/*  DEFINE VARIABLES */

:root{
--menu-background-color:#ffffff;
--menu-font-color:#595959;	
--hover-color:#2392FB;
--menu-icon-color:#595959;
}

/* CORRECT MENU/PAGE FLASHING ON LOAD */

.no-js [data-responsive-toggle],
.no-js [data-responsive-menu] ul {
 	display: none!important;}
@media screen and (max-width:39.9em) {
	.no-js .top-bar {display: none; }
	.no-js .title-bar {display: flex;}
}

/****MENU SLIDE UP NOT USED */
/*
.nav-up {margin-top: -100px;transition:all 0.3s ease-in-out}
.nav-down {margin-top: 0px;transition:all 0.3s ease-in-out;}
*/


/*  NAV CONTAINER */
div.nav-container{
	 position:absolute;   /* add for slide up menu only */
	 width:100%;          /* add for slide up menu only */
height:138px;
//border-bottom:1px solid #e5e5e5;
//background-color:#01252E !important;
background-color:var(--menu-background-color) !important;
padding-top:20px;
padding-bottom:15px;
//transition: all .5s ease-in-out;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}

.top-bar-right{z-index:6000;}

/* MENU ICON COLOR */

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--menu-icon-color);
    box-shadow: 0 7px 0 var(--menu-icon-color), 0 14px 0 var(--menu-icon-color);
    content: "";
}


/*  menu title color */
.title-bar-title {
color:var(--menu-icon-color);
    display: inline-block;
    font-weight: 700;
}

/* page name color */
.top-bar-title{font-weight:bold;margin-top:-7px;color:#333333;}

/* MOBILE MENU BACKGROUND */
.title-bar {
 background-color:var(--menu-background-color);
 padding: 0.7rem 0.9rem 0.4rem 0.9rem;
  }
  
 /* MAIN MENU */

.top-bar {

  background:var(--menu-background-color); padding:0px 0px 0px 0px;}
  .top-bar ul {
    background:var(--menu-background-color) }
    .top-bar ul li {
      background:var(--menu-background-color) }
	  
	  
	  
	  .menu .active > a {
    background: none !important;
    color: var(--hover-color);
}
	  /*  MAIN MENU ITEMS */
	 
	  
      .top-bar ul li a {
	//background:blue;
	  //width:100% !important;
	  padding-left:14px !important;
      padding-right:14px !important;
	  font-size:13px;
	  //font-family: 'Open Sans', sans-serif;
	  font-family: 'Raleway', sans-serif;
	  font-weight:400;
	  text-transform:none;
	  padding-top:26px !important;
	  padding-bottom:34px !important;
      color: var(--menu-font-color); 
	  transition: all 0.2s ease-in-out;
		}
		
	/* ANIMATE UNDERLINE ON HOVER */
/*	
.top-bar ul.menu li a:not(.galleries):not(.sub-item)::after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background: #03a9f4;
    transition: width .4s;
	
}

.top-bar ul.menu li a:not(.galleries):not(.sub-item):hover::after {
     width: 100%;
}	
*/
		
		
		ul.drilldown{width:100% !important;}
		
.top-bar ul li a:hover{color:var(--hover-color);}	
		
/* DROP DOWN ADD PADDING TO ALLOW FOR DOWN ARROW */
	
.top-bar ul li.is-dropdown-submenu-parent a{padding-right:20px !important;}

/* ADJUST DROPDOWN MENU ITEMS */
.top-bar ul li.is-dropdown-submenu-item a{color:#ffffff;padding-top:20px !important;padding-bottom:20px !important;background:#7697b6;)}	
.top-bar ul li.is-dropdown-submenu-item a:hover{background:#6885a0;color:#ffffff;}	

/* DROPDOWN MENU MOBILE   */
.drilldown .is-drilldown-submenu {background: #7697b6;}		


/* SUBMENU SLIDE UP DOWN ON HOVER  */
/*  MAY CAUSE ISSUES ON LANDSCAPE PHONE   */
/*
.top-bar ul li.has-submenu .submenu {
    display:block;
    visibility: hidden;
    opacity: 0;
	margin-top:30px;
    transition: all 0.2s ease-in-out;
	
}
.top-bar ul li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
	margin-top:0px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
*/





/* ADJUST MENU ITEMS MOBILE */
@media screen and (max-width: 40em) {

.top-bar ul li a {padding-top:16px!important;padding-bottom:16px !important;width:100% !important;display:block !important;}
//.top-bar ul li:last-child a {padding-top:20px!important;padding-bottom:50px!important;}
/* MOBILE MENU BACKGROUND   */
.drilldown a{background:var(--menu-background-color) !important;}





ul.submenu{}

ul.submenu li a{
	//display:block;
	color:#ffffff;
padding-top:20px !important;
padding-bottom:20px !important;
background:#7697b6 !important;  /* submenu background mobile */
}




/* CHANGE CARET COLOUR MOBILE */
.is-accordion-submenu-parent > a:after {border-color: red transparent transparent;}

	
	
	
}


/* LANDSCAPE PHONE */
@media print, screen and (min-width: 40em){
/*	
.top-bar ul li a{display:block !important;width:100% !important;padding-top:3px !important;padding-bottom:3px;}	
.top-bar ul li{display:block !important;width:100% !important;}	
	
.menu.medium-horizontal {
	margin-top:20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
	
	width:100%;

}
*/
}


/*  SUBMENU WIDTH OF TEXT */
.is-dropdown-submenu li{white-space:nowrap;}
		
.menu-text {
padding-top:24px;
  color: #333; }
  @media only screen and (max-width: 40em) {
  
 
  
.menu-text {
display: none !important; } 

}
	  


@media only screen and (min-width: 40em) {


  .menu:last-child {
    border-left: none; }

  .menu:first-child {
    border-left: none; }

  .menu li:not(:last-child) {
    border-right: none; } 
	
	}
	
	
.dropdown.menu .submenu {
  border: none;
  text-align:left !important;
  
  }
  
  

  

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent red; }

.js-drilldown-back::before {
  border-color: transparent red transparent transparent; }
  
  
  /* DROPDOWN CARET RED */
 @media print, screen and (min-width: 64em){
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: red transparent transparent;
    right: 3px;
    margin-top: -9px;
}
  
  }
  
  
/* CHANGE ADDITIONAL SUBMENUS TO OPEN RIGHT */
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    left: 100%;
    right: auto;
}
/* REMOVE DEFAULT ARROW - add using font awesome */
a.sub-item::after {display:none !important;}  
  
  
/* CENTERED NAV MUST REMOVE top-bar-left in navigation.php which contains the logo */
/*
.top-bar-right {
margin-left:auto;
margin-right:auto;
display:block;
text-align:center !important; 
}

*/

/*  end centered nav */

  
.mega-menu .dropdown-pane {
  width: 100%;
 
 z-index:10000 !important;
  max-width: 48rem;
  //margin-top: -20px !important;
  left: 0% !important;
  right: 0% !important;
  padding:0px !important;
  //background:var(--menu-background-color);
  background:#141414 !important;
  border:none;
}

.mega-menu li{padding-top:0px;padding-bottom:0px;background:#141414 !important;}

.mega-menu .menu {
  background: none;
  margin-top:0px !important;
}

.top-bar ul.mega li a {
	letter-spacing:1px;
    padding-left: 20px !important;
	padding-right:20px !important;
    text-transform:uppercase;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    color: var(--menu-font-color);
	
    transition: all 0.2s ease-in-out;
}

.top-bar ul.mega{}

.top-bar ul.mega li a:hover{background:#2d2d2d;color:#ffffff;}
.mega-menu a > i{color:red;padding-left:4px;margin-top:-18px;display:inline-block;font-size:18px;}
.mega-menu > a::after {
  /*display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  margin-left: 10px;
  margin-top: 11%;
  */
  
  
}

.top-bar ul.mega li a i{font-size:12px;margin-right:10px;}