/*title: "Calumet Region Striders Style Sheet"*/
/* W3C CSS 3 Validated: 12/22/20 */

.logo  {
        padding: 0px;
        vertical-align: top;
        background-color: blue; 
      }

nav.menu {
  font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
  font-weight: bold;
  font-size: 1rem;
  margin:0px auto;
  background-color: #85bbd9;    /* Strider Blue */
  padding: 0px;
  border:1px solid red;
}

nav.menu ul ul {
	display: none;
}

nav.menu ul li:hover > ul {
	display: block;
  z-index: 100;
	}


nav.menu ul {
  color: #fff;
  background-color: blue;
  margin: 0px auto;
	padding: 0 1rem;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav.menu ul:after {
	content: ""; 
  clear: both; 
  display: block;
  color: #fff;
	}

nav.menu ul li {
	float: left;
  color: #fff;
	}

nav.menu ul li:hover {
	color: #fff !important;
  background-color: #4682B4 !important; /* SteelBlue */
		}
nav.menu ul li:hover a {
	color: #fff !important;
			}

nav.menu ul li a {
	display: block; 
  padding: .5rem .25rem;
	color: #fff !important;
  text-decoration:underline;
		}
     

nav.menu ul ul {
  background-color: #4682B4; /* SteelBlue */
  border-radius: 0px; 
  padding: 0;
	position: absolute; 
	}
nav.menu ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a; 
  position: relative;
		}
nav.menu ul ul li a {
  padding: .1rem .25rem;
	color: #fff !important;
			}	
nav.menu ul ul li a:hover {
  background-color: #4682B4 !important; /* SteelBlue */
				}
		
nav.menu ul ul ul {
		position: absolute; 
    left: 100%; 
    top:0;
	}

nav.menu ul ul li a.red-link:link { 
        /* background-color: #4682B4 !important; SteelBlue */
        background-color: red !important; 
         }
         
nav.menu ul ul li a.red-link:visited { 
        /* background-color: #4682B4 !important; SteelBlue */
        background-color: red !important; 
         }  
         
nav.menu ul ul li a.red-link:hover { 
        /* background-color: #4682B4 !important; SteelBlue */
        background-color: red !important; 
         } 
         
.mobile-framework   {
		    position: relative; 
        color: navy;
        background-color: 	#B0C4DE; /* light gray */
        font-weight: bold;
        font-size: 1rem;
        width: 100%;
        margin: 0px auto;
}  
 
.mobile-framework-home   {
        text-align: center;
        width: 25%;
        margin: 0px auto;
} 

.mobile-framework-title   {
        font-style: italic;
        text-align: center;
        width: 100%;
        margin: 0px auto;
}  

.mobile-framework-menu   {
        text-align: center;
        width: 75%;
        margin: 0px auto;
} 

.mobile-menu-title {
        color: navy;
        font-weight: bold;
}

a.mobile-menu.link {
        color: navy;
        font-weight: bold;
        background-color: transparent !important;
        text-decoration: none !important;
}

a.mobile-menu.active {
        color: navy;
        font-weight: bold;
        background-color: transparent !important;
        text-decoration: none !important;
}

a.mobile-menu.hover {
        color: navy;
        font-weight: bold;
        background-color: transparent !important;
        text-decoration: none !important;
}

a.mobile-menu.visited {
        color: navy;
        font-weight: bold;
        background-color: transparent !important;
        text-decoration: none !important;
}

nav.mobile-menu {
  font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  margin:0px auto;
  color: navy !important;
  background-color: 	#B0C4DE; /* light gray */
  padding: 0px;
} 

nav.mobile-menu ul ul {
	display: none;
}

nav.mobile-menu ul li:hover > ul {
	display: block;
  z-index: 100;
	}


nav.mobile-menu ul {
  /*color: #fff; */
  color: navy !important;
  background-color: transparent;
  margin: 0px auto;
	padding: 0 1rem;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav.mobile-menu ul:after {
	content: ""; 
  clear: both; 
  display: block;
  color: #fff;
	}

nav.mobile-menu ul li {
	float: left;
  color: #fff;
	}

nav.mobile-menu ul li:hover {
  color: #fff;
  background-color: #4682B4 !important; /* SteelBlue */
		}
nav.mobile-menu ul li:hover a {
  color: #fff;
			}

nav.mobile-menu ul li a {
	display: block; 
 /* padding: .5rem .25rem; */
  color: #fff;
  text-decoration:underline;
		}
     
nav.mobile-menu ul ul {
  color: navy;
  background-color: #B0C4DE; /* light gray */
  border-radius: 0px; 
  padding: 0;
	position: absolute; 
	}
nav.mobile-menu ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a; 
  position: relative;
		}
nav.mobile-menu ul ul li a {
  padding: .1rem .25rem;
  color: #fff;
			}	
nav.mobile-menu ul ul li a:hover {
  color: navy !important;
  background-color: #B0C4DE; /* light gray */
				}
		
nav.mobile-menu ul ul ul {
		position: absolute; 
    left: 100%; 
    top:0;
	}

nav.mobile-menu ul ul li a.red-link:link { 
  color: navy !important; 
  background-color: red !important; 
         }
         
nav.mobile-menu ul ul li a.red-link:visited { 
  color: navy !important;
  background-color: red !important; 
         }  
         
nav.mobile-menu ul ul li a.red-link:hover { 
  color: navy !important;
  background-color: red !important; 
         } 
         
nav.mobile-menu ul ul li a.red-link:active { 
  color: navy !important;
  background-color: red !important; 
         }