ul.sf-menu.sf-style-black {
  font-family: arial;
/*  float: left; */
/*    float: right !important;    2/1/2010 */
/*  margin-bottom: 1em; */
  margin-bottom: 0; /*2019*/
  padding: 0;
  color: #222222; /* new 2/8/2022 */
}

/* new 2/8/2022 */
span.sf-description {
	color: #222222 !important;
}	


ul.sf-menu.sf-style-black a, ul.sf-menu.sf-style-black span.nolink {
/*    line-height: 0em; */  /* 1/25/21  allows second tier drop down to drop below two-lines of the first tier menu` */
/*	font-size: 1.75em; 1/24/21 */
     font-size: 12px;  /* 1/24/21 */
}

/* new 1/24/2021 */
ul.sf-menu.sf-style-black ul.sf-menu.sf-style-black span.nolink ul a {
    line-height: 1.5em;
/*	font-size: 1.75em; 1/24/21 */
     font-size: 5px;  /* 1/24/21 */
}

 

.sf-depth-1 {
	font-size: 1.1em;
	padding-top: 1.5em; /*new 2/1/2021*/
}

/*1/21/2021 new */
#block-idocboot-idocmainnavigation-3 {
/*	margin-top: -12em;   du 1/25/2022 */
 /*  min-height: 6em;  1/25/2022 */
   min-height: 8em; /* 2/28/2022 */
   
  }



/*2019 */
@media (min-width: 768px) {

/* 4/5/2022 remove right padding */	
ul.sf-menu.sf-style-black  ul.sf-menu.sf-style-black span.nolink.sf-with-ul {
  padding-right: 0px;
}	
	
	

/*2019 - sets the nav bar to full width */
ul.sf-menu.sf-style-black.sf-navbar {
/*    width: calc(100% + 30px);  /* 1/21/2021  back in 2/1/2022   remove 2/16/2022*/ 
    width: 100%; /*85% 2/16/2022     3/30/2022 now 100%*/
/*	margin-left: -1.5em;     1/21/2021        */
	background-color: transparent;   /* 1/21/2021 */
/*	padding-left: 25em; */ /* 1/21/2021 */  /* 2/1/2021 */
	padding-left: 30px;    /*du 1/25/2022   back in 2/1/2022   was 20 em now 10em 2/8/2022   now 30px 4/5/2022* /
/*	width: 65%; /* du 1/25/2022   remove 2/1/2022*/
/*	float: right; du 1/25/2022  back out 2/1/2022*/
	}
}	

/* top level navigation  NEW 8/28/19*/
ul.sf-menu.sf-style-black.sf-navbar > li {
	background-color: transparent; /* new 8/28/19 */ /*1/21/2021 */
}
    
	/* new 1/24/2021  second tier to match the padding left of the top navigation*/
ul.sf-menu.sf-style-black.sf-navbar > li > ul {
	padding-left: 30px; /* du comment out 1/25/2022 back in 2/1/2022 changed from 20em to 10em 2/8/2022*  now 30px 4/6/2022/
/*    padding-left: 0em;  comment out 2/1/2022 */
}

/*  dropdown box background color */
ul.sf-menu.sf-style-black li li,
ul.sf-menu.sf-style-black li li li,
ul.sf-menu.sf-style-black.sf-navbar > li > ul {
  /*  background: #5e5e5e;   */
   /*   background: #36413E; 7/5/19*/
/*      background-color: transparent;  /* 1/21/2021  comment out 1/25/2022 */
      background-color: #ffffff;  /* 1/26/2022 was #25354d change to #ffffff */
/*	  padding-top: 1em; /* add 1/25/2022   comment out 1/26/2022*/
	  margin-top: 2em;   /*new 1/24/2021  comment out 1/25/2022  back in but changed to 2em from 1em*/
	  font-size: .95em; /*new 1/26/2022*/
	  z-index: 200;  /* du 1/25/2022 */
 }
 
/* third tier dropdown */ 
 ul.sf-menu.sf-style-black li li li {
/*    margin-top: .35em;  */
/*    margin-top: 2em; /* 1/24/2021 comment out 1/25/2022*/
	margin-top: 1.5em; /* du 1/25/2022   1/26/2022 was .5em now 1em*/
	width: 100%;  /*new 7/5/19 works */
	background-color: #ffffff;  /* 1/26/2022 was #25354d now #ffffff*/
	color: #25354d; /* new 1/26/2022 */
/*	font-size: 12px;   new 1/24/2021  comment out 1/26/2022*/
/*	line-height: 1.5em; /*new 1/25/2021 comment out 1/26/2022 */
}
 
  
 /*  match hover color to second line navigation */
ul.sf-menu.sf-style-black li:hover,
ul.sf-menu.sf-style-black li.sfHover,
ul.sf-menu.sf-style-black a:focus,
ul.sf-menu.sf-style-black a:hover,
ul.sf-menu.sf-style-black span.nolink:hover {
/*   background: #36413E;   */
    background-color: #25354d; /*1/24/2021*/
   color: #ffffff;
   outline: 0;    
  -webkit-transition: 0.1s linear all;

}

ul.sf-menu.sf-style-black a:focus {
  outline: 1px solid white;	
 }


.sf-depth-2 {
	font-size: 1em;
	margin-top: 0em !important; /* new 2/1/2021 */
}

/*  if adding cloned parent links to top of sub-menus this will uppercase it  */
ul.sf-menu.sf-style-black.sf-navbar > li > ul > li.sf-depth-1.sf-clone-parent:nth-child(1) {
  text-transform: uppercase;
}

/*test*/

/* flex test #1
ul.sf-multicolumn li.sf-multicolumn-wrapper {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

 end flex  test #1 */

 
/* flext test #3 
ul.sf-multicolumn li.sf-multicolumn-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  height: 100%;
  border-left: 2px solid yellow;
  border-right: 2px solid green;
 
}
 end flex test #3 */

 

/* flex test #2 */
 /* 
 ul.sf-multicolumn li.sf-multicolumn-wrapper {
	 display: flex;
	 flex-wrap: wrap;
 } 
*/
 /*end test #2 */
 


/* test add 7/10/19*/
  ul.sf-multicolumn li.sf-multicolumn-wrapper {
     outline: 1px solid #737373;
  
  }
/* end test add 7/10/19*/


/* test - take this out
  ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children {
    border-left: 1px solid #737373;
	border-right: 1px solid #737373;  
  }
 
 */
 
/*   two column list with borders for large device,  single column for small devices  */

ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:nth-child(odd) {
  display: inline-block;  
  border-right: 1px solid #465350; 
  border-top: 1px solid #465350;
   width: 49%; 
   margin-right: 1em; /*new 7/11/19  creates overlapped right-left border */
  clear: both; 
}


ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:nth-child(even) {
  display: inline-block; 
  border-left: 1px solid #465350;  
  border-top: 1px solid #465350;
/*  border-top: 1px solid #465350;  for color */
    width: 49%; /*test 7/15/2019 */ 
/*  margin-left: -1px; /*new 7/10/19  creates overlapped right-left border */ 
/*  float: right; */
   margin-left: -1.08em; /* test new 7/11/19 */

  clear: right; 
}

/* border around next to last item if total items are odd */
/*ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:last-child,  test takeout 7/10/19 */
ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:nth-last-child(2):nth-child(even){
  border-bottom: 1px solid #465350;
/*  border-right: 1px solid #737373;   test takeout 7/10/19 */
}


/* test add 7/10/19*/
ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:nth-child(1),
ul.sf-multicolumn li.sf-multicolumn-wrapper li.sf-depth-3.sf-no-children:nth-child(2) {
  border-top: 0px;
}
/* end test add 7/10/19*/




/* test contact us menu  9/6/19*/


@media (min-width: 768px) {

/*2019 - sets the nav bar to full width */
ul.sf-menu.sf-style-white {
/*    width: calc(100% + 60px);   1/21/2021 */
	margin-left: -3em;
	background-color: #ffffff; /* new 8/28/19 */
	}
	

/* top level navigation  NEW 8/28/19*/
ul.sf-menu.sf-style-white > li {
	Background-color: #ffffff; /* new 8/28/19 */
	
	}
    
}



/*  test navbar 1/27/20   WORKS  this keeps the menu from moving left after click  taken from SF.css which loads before SFBlack.css*/

ul.sf-menu.sf-style-black a.sf-with-ul, ul.sf-menu.sf-style-black span.nolink.sf-with-ul {
/*    padding-right: 2.25em !important;     comment out 2/8/2022*/
	font-size: 1.5em; /*du add 1/25/2022 */ 
}
ul.sf-menu.sf-style-black a, ul.sf-menu.sf-style-black a:visited, ul.sf-menu.sf-style-black span.nolink {
    border: 0 none;
/*    color: #eeeeee;  comment out 1/26/2022*/
    color: #25354d;  /* 1/26/2022 */
/*	padding-right: 2.25em !important;   comment out 2/8/2022 */
	font-size: 1.5em; /*add du 1/25/2022 */

}

/*   chevron down   */
ul.sf-menu.sf-navbar ul .sf-sub-indicator:after {
  content: "\f0da";
  font-family: FontAwesome;
  padding-left: .15em;
/*  font-size: 1.35em; */
   font-size: 1.35em;
/*  color: #d1a754; */
  color: #86a9c7; /* 1/24/2021 */
}


/* new 1/24/2021  menu for small screen */
div.sf-accordion-toggle.sf-style-black a {
/*  background: #151515;  1/24/2021 */
 background: transparent;  /* 1/24/2021 */
/* border: 1px solid #000;  * 1/25/2021 */
   border: 0px !important;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em 1em 25em;
  position: relative;
}

/* new 2/24/2021  */
ul.sf-menu.sf-style-black li:hover,
ul.sf-menu.sf-style-black li.sfHover,
ul.sf-menu.sf-style-black a.is-active,    
ul.sf-menu.sf-style-black a:focus,
ul.sf-menu.sf-style-black a:hover,
ul.sf-menu.sf-style-black span.nolink:hover {
/*  background: #353535;  1/24/2021 */
/*  background: transparent; */
  background-color: #ffffff; /* 1/25/2021     1/26/2022 change from #25354d to #ffffff*/
  color: #25354d;  /* 1/26/2022 change from #ffffff to #25354d */
  border: 1px solid #25354d;  /* 1/26/2022 new */
  outline: 0;
}


/* new 6/17/2022 */
ul.sf-menu.sf-style-none a.is-active {
    background-color: rgba(143,169,200,.10)
}