/* #DENNIS Menu Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */


/* #Mega Menu Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .mega-menu {
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%;
  }



  /* #hoverable Class Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .hoverable {
    position: static;
  }

  .hoverable > a:after {
    content: "\25BC";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

  .hoverable:hover .mega-menu {
    display: block;
  }


  /* #toggle Class Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

  .toggleable > label:after {
    content: "\25BC";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

  .toggle-input {
    display: none;
  }
  .toggle-input:not(checked) ~ .mega-menu {
    display: none;
  }

  .toggle-input:checked ~ .mega-menu {
    display: block;
  }

  .toggle-input:checked + label {
    color: white;
    background: #2c5282; /*@apply bg-blue-800 */
  }

  .toggle-input:checked ~ label:after {
    content: "\25B2";
    font-size: 10px;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }


 /* #Footer Class Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer a:link {color: #0000cc; text-decoration:none;} 	
#footer a:hover {color: #0000ff; text-decoration:none;}
#footer h3 {color: #060696; font-weight: bold; padding-bottom:5px}


 /* Icon Font Customization
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
icon-d{
	color: white;
	border-radius: 0.375rem;
	padding: 2px;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 3px;
	
}