/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://SkowheganOutdoors.com/
 Description:  Child theme for GeneratePress
 Author:       Skowhegan Outdoors
 Author URI:   https://SkowheganOutdoors.com/
 Template:     generatepress
 Version:      1.0.0
*/

.secondary-navigation {
  width:100%;
	background-color:#666;
	position:relative;
	z-index:100;
	top:0px;
}

.secondary-navigation .menu-item {
    display: inline-block;
    margin: 0 15px;
}

.secondary-navigation a {
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
	    padding: 10px 20px;

}

.secondary-navigation a:hover {
    color: #0073aa;
}

/* Icons before each link */
#menu-skowhegan-sites li:nth-child(1) a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url('/wp-content/uploads/2025/09/icon-MSS.png') no-repeat center/contain;
}

#menu-skowhegan-sites li:nth-child(2) a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url('/wp-content/uploads/2025/09/icon-SO.png') no-repeat center/contain;
}

#menu-skowhegan-sites li:nth-child(3) a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url('/wp-content/uploads/2025/09/icon-SCE-sm.png') no-repeat center/contain;
}

/* Hover colors */
#menu-skowhegan-sites li:nth-child(1) a:hover {
  background-color: #f37b38;
}
#menu-skowhegan-sites li:nth-child(2) a:hover {
  background-color: #136944;
}
#menu-skowhegan-sites li:nth-child(3) a:hover {
  background-color: #0A3343;
}

ul#menu-skowhegan-sites li {
    list-style: none;
    display: inline-block;
	  max-width: 100%;
}
ul#menu-skowhegan-sites li a {
	color:#fff !important;
}
ul#menu-skowhegan-sites li:hover {
	text-decoration: none;
	border-bottom:0px !important;
	color: #fff;
}


#menu-skowhegan-sites {
  margin: 0;
  padding: 0;
  display: flex;              /* modern approach: no gaps between items */
}
#menu-skowhegan-sites li {
    list-style: none;
    margin: 0;
    padding: 0; /* remove vertical padding here */
}
#menu-skowhegan-sites li a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

 @media screen and (max-width: 1024px){
	.secondary-navigation a {
		font-size: 12px;
		line-height: 12px
	 }
}