/*  DEFINE VARIABLES */

:root{
--menu-background-color:#ffffff;
--menu-font-color:#657654;	
--hover-color:#cacaca;
--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:105px;
//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:10px !important;
      padding-right:10px !important;
	  font-size:15px;
	  font-family: 'Montserrat', sans-serif;
	  font-weight:400;
	  text-transform:uppercase;
	  padding-top:27px !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{padding-top:20px !important;padding-bottom:20px !important;background:var(--menu-background-color)}	
.top-bar ul li.is-dropdown-submenu-item a:hover{background:#01333f;color:#f2f2f2;}	

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

/* preserves deeper submenu active items parent font color and background - may not be needed   */
/*
.dropdown.menu > li.is-active .is-dropdown-submenu-parent  a {color: var(--menu-font-color) !important;}
.dropdown.menu > li.is-active .is-dropdown-submenu-parent  a:hover {color: var(--menu-background-color) !important;}
*/
.dropdown.menu>li.is-active>a{color:var(--hover-color);}
.dropdown.menu>li.is-active>a:hover {color:var(--hover-color);}



/* 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:20px!important;padding-bottom:20px!important;width:100% !important;display:block !important;}

/* MOBILE MENU BACKGROUND   */
.drilldown a{background:var(--menu-background-color) !important;}





ul.submenu{}

ul.submenu li a{
	//display:block;
	
padding-top:20px !important;
padding-bottom:20px !important;
background:#1a1a1a !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 {
	z-index:10000 !important;
  width: 100%;
  max-width: 85rem;
  //margin: 0 auto !important;
  left: 0% !important;
  right: 0% !important;
  background:#01252E;
  border:none;
//top:80px !important;
  padding:0px !important;
}

.mega-menu .menu {
  background: none;
}

li.mega-menu ul li a{padding-top:15px !important;padding-bottom:15px !important;text-transform:none !important;}


/* adds red caret down for mega menu item */
li.mega-menu > a::after {
	font-size:18px;
	color:red;
	margin-top:-4px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	 font-family: "Font Awesome 5 Free"; 
	 font-weight: 900; content: "\f0d7";
  }
  
  
  /* add icons to drop down menu items */
  li.mega-menu ul li a::before {
	
	color:red;
	margin-right:6px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	 font-family: "Font Awesome 5 Free"; 
	 font-weight: 900; content: "\f0da";
  }