@media only screen and (max-width:1024px){

input[type=button]:active, input[type=reset]:active, input[type=submit]:active, button:active {
    background-color: transparent; }

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
    background-color: transparent;
}
/* colors
background-color:#dbf3f2 was E6F7F6 lightest teal (3rd level hover on mobile)
background-color: #b7e7e5 - was CCEEEC - light teal (2nd level mobile)
background-color:#94dcd7 medium teal (1st level mobile/desktop)
background-color: #4cc4bd official teal (main menu mobile/desktop)
*/
.nav_float {display:none!important;} /* desktop menu wrap */
.menu-wrap {display:block!important;} /* mobile menu wrap */
}  /* close media query */



/* HOME MOBILE MENU */
.home-mobile-header {
		width:auto;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #003366;
        display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		padding: 0 10px;}

.home-mobile-header a, .home-mobile-header a:visited {color: #fff; background-color: #003366; text-decoration:none;}

.home-mobile-menu-toggle {background-color: #003366; color: #fff; font-size: 18px; font-weight:bold;}
.home-menu-close {background-color: #003366; color: #fff; font-size: 18px; font-weight:bold;}

.home-mobile-menu {display:none;}
ul.home-mobile-menu-l1 {padding:0; margin:0!important;}
.home-mobile-menu-l1 li {list-style-type:none!important; background-color: #003366; color:#fff; font-weight: 700; text-align:center;outline: 1px solid white;}
.home-mobile-menu-l1 li a {color:#fff; font-weight: 700; text-transform: uppercase; text-decoration:none; font-size:13px;}

.home-menu-close {}
.csp-mobile-header {}
.csp-mobile-brand {}

.csp-mobile-header {
		width: auto;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #4cc4bd;
        outline: 1px solid white;
        display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		padding: 0 10px;
}
.csp-mobile-header a, .csp-mobile-header a:visited  {color: #003366; background-color: #4cc4bd; text-decoration:none;}

.csp-mobile-menu-toggle {background-color: #4cc4bd; color: #003366; font-size: 18px; font-weight:bold;}
.csp-menu-close {background-color: #4cc4bd; color: #003366; font-size: 18px; font-weight:bold;}


.csp-mobile-menu {display:none;}
.active{
	display:block;
}

.uppercase {text-transform:uppercase;}

.hidden {display:none;}


.toggle-checkbox {display:none;}
.toggle-checkbox:checked ~ .mobile-menu-l2, .toggle-checkbox:checked ~ .mobile-menu-l3  {
  display: block;}
  

/*.toggle-checkbox:checked + .toggle-label .icon::before {
  content: "-";
} */

/* Connect the font file */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  src: url("/_catalogs/masterpage/FDOR-Internet/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}

.toggle-checkbox:checked + .toggle-label .icon::before {
   font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f068"; /* fa-minus */ }


.icon::before {
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f067"; /* fa-plus */

}

.home-mobile-menu-toggle i {
  pointer-events: none !important;
}

.csp-mobile-menu-toggle i{
	pointer-events: none !important;
}
      
.toggle-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 10px 10px 10px 20px;
}

.toggle-link {display:block;padding: 10px 10px 10px 20px; cursor: pointer;} /* links that do not have child links */

.icon {}

.mobile-toggle-l1{}

/* level 1 menu */

ul.mobile-menu-l1 {padding: 0; margin:0;}
.mobile-menu-l1 li {list-style-type:none!important; background-color: #94dcd7; color:#003366; font-weight: 700; }
/* .mobile-menu-l1 > li > a, .mobile-menu-l1 > li > a:visited {}
.mobile-menu-l1 > li > a:hover {}
*/

.main_menu .mobile-menu-l1 li a {/*width: 180px;*/}

/* level 2 menu */

.mobile-toggle-l2 {padding: 10px 10px 10px 40px;}
.mobile-toggle-l2:hover, .mobile-toggle-l2:focus {background-color:#b7e7e5; transition: background 0.3s ease-in-out;}

.mobile-menu-l2 {display:none; text-transform:none!important; padding: 0;} 

.mobile-menu-l2 li {background-color:#b7e7e5 /*94e2dd*/; color:#003366;}


ul.mobile-menu-l2.show {} 

.main_menu .mobile-menu-l2 li a {}

/* level 3 menu */
.mobile-menu-l3 {display:none; padding:0;}
.mobile-menu-l3 > li > a, .mobile-menu-l3 > li > a:visited {display:block; width:auto; padding: 8px 0 8px 60px; background-color:#dbf3f2; color:#003366; text-decoration: none;} /* light teal bg #bafffb */
.mobile-menu-l3 > li > a:hover, .mobile-menu-l3 > li > a:focus {background-color: #b7e7e5; text-decoration:none;  transition: background 0.3s ease-in-out;} /* light teal */


/* level 3 menu */