/* CSS Document */

/*#############*/
/*    Header   */
/*#############*/

#headerCont-ix { /* Index only with gradient black to transparent  */
  width: 100%;
  position: relative;
  background: linear-gradient(to bottom,
              rgba(0, 0, 0, 1) 0%,
              rgba(0, 0, 0, 0.7) 60%,
              rgba(0, 0, 0, 0) 100%);

}

#headerCont { /* All other pages FFI */
  width: 100%;
  position: relative;
  background: linear-gradient(to bottom, /*Black to white*/
              rgba(0, 0, 0, .9) 0%,
              rgba(0, 0, 0, 0.7) 60%,
              rgba(0, 0, 0, 0.7) 100%);
              /*rgba(256, 256, 256, 0.4) 100%);*/
  border-bottom: 1px solid #c98a59;
}

#headerWrap {
	/*width:1056px;*/
	/* Set custom break point in  navigation.js as well. Based on nav contents*/
	width:80%;
	margin:0 auto;
	position: relative;
	/*overflow:auto; FlowBehind*/
	/*border:1px solid #066;*/
}

  /* ============== Header TopBar - Contact information ============ */
    .top-contact {
        width: 80%;
        margin: 0 auto;
        position: relative;
        list-style: none;
        padding: 5px;
        display: flex;
        font-size: .8em;
        font-weight: 500;
        gap: 20px;
        padding-bottom: 8px;
        }
    .top-contact a {
        color: #fff;
        text-decoration: none;
    }
    .top-contact a:visited {
        color: #fff;
    }
    .top-contact a:hover,
    .top-contact i:hover {
        color: #fff;
    }
    .icon-color {
        color: #fff;
    }
    /* Move last item to right */
    .top-contact li:last-child {
        margin-left: auto;
    }
  /* ============== End Header TopBar - Contact information ============ */

#headerWrap .logo{
	float:left;
	margin:20px 10px 20px 10px;
	width:320px;
    height:78px;
    /*width:300px; Post launch
    height:73px;*/
	/*border:1px solid #F63;*/
}

#headerWrap .topRight{
	float:right;
	padding:15px 15px 10px 5px;
	font-size:14px;
}

@media only screen and (max-width: 1400px) { /* Adjust for breaking for different size menus / logos.  */
	#headerWrap {
		width:97%;
	}

	/* 2025 Increasing the logo size on mobile - only needed for some logos
	#headerWrap .logo{
	margin:2px 5px 2px 5px;
	width: 120px;
  	height: auto; /* keeps aspect ratio 
  	display: block; /* avoids inline spacing issues */

}


/* Opt for natural links. 
#headerWrap .topRight a:link {color:#333; line-height: inherit;}
#headerWrap .topRight a:visited {color:#333; outline: 0;}
#headerWrap .topRight a:hover {color:#4b7b02;}
#headerWrap .topRight a:active {color:#333;}
#headerWrap .topRight a:focus {color:#333;} */