/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */



/* MAIN NAV */

.main-nav-wrapper{
}

ul.main-nav{
	list-style-type: none;
	width: 100%;
	text-align: center;
	font-family: Helvetica;
	background-color: #00508c;
	margin: 0px;
	padding: 2px 0px 4px 0px;
    position: relative;
    white-space: nowrap;
}

	ul.main-nav li.nav-item{
		display: inline-block;
		margin: 0px auto;
    	padding: 0px 25px;
	}


	ul.main-nav li.nav-item:first-child{
		padding-left: 0px;
	}

	ul.main-nav li.nav-item:last-child{
		padding-right: 0px;
	}
		ul.main-nav li.nav-item > a{
			font-size: 15px;
			color: #fff;
		    padding: 9px 5px;
    		font-weight: 300;
    		text-transform: uppercase;
		}
		ul.main-nav li.nav-item:hover > a{
		    background-color: #69c8d6;
    		border-bottom: 7px solid #82d9e1;
		}

		/* MAIN NAV DROPDOWN */
ul.main-nav li .dropdown{
	display: none;
	background: #b8e2eb; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8e2eb 0%, #f1fbfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b8e2eb 0%,#f1fbfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b8e2eb 0%,#f1fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e2eb', endColorstr='#f1fbfc',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: 38px;
	z-index: 2;
	text-align: left;
	padding: 30px 20px;
    left: 0px;
    white-space: normal;

    margin-left: -3%;
    margin-right: -3%;

}


ul.main-nav li.nav-item:hover .dropdown{
	display: block;
    width: 101%;
}

	ul.main-nav li.nav-item .dropdown a{
		color: #34a2b4;
		font-weight: bold;
	}

	ul.main-nav li.nav-item .dropdown .left-side {
		position: relative;
	}

		ul.main-nav li.nav-item .dropdown .left-side img{
		    border: 5px solid #fff;
    		min-height: 239px;
		}

		ul.main-nav li.nav-item .dropdown .left-side .img-text{
		    position: absolute;
		    bottom: 5px;
		    left: 40%;
			color: #fff;
			text-shadow: 0 0 10px #000;
	        font-size: 33px;
	        font-family: Aviano;
		}
ul.main-nav li.nav-item .dropdown .middle{
    padding-right: 0px;
    padding-top: 15px;
}

	ul.main-nav li.nav-item .dropdown .middle p{
	    font-size: 16px;
    	display: inline;
    	font-weight: bold;
    	color: #242F30;
	}
	ul.main-nav li.nav-item .dropdown .middle i{
	    font-size: 8px;
	    font-weight: bold;
	    vertical-align: middle;
	}


	ul.main-nav li.nav-item .dropdown .right-side{}

	ul.main-nav li.nav-item .dropdown .right-side ul{
	    margin: 0px; 
	}
		ul.main-nav li.nav-item .dropdown .right-side ul li.item a{
		    font-weight: bold;
		    font-size: 18px;
		    line-height: 1.9;
		    white-space: nowrap;
		}


/* SECONDARY NAV */

.secondary-nav{
    padding-right: 30px;
}
	.secondary-nav ul.nav-items{
		font-size: 13px;
	    margin-left: 5px;
	}
		.secondary-nav ul.nav-items li.nav-item{
			display: inline-block;
		    margin-right: 4px;
		    margin-left: 4px;
		}
		.secondary-nav ul.nav-items li.nav-item a{
			color: #562f14;
		}
		.secondary-nav ul.nav-items li.nav-break{
			display: inline-block;
		}


/*  SIDE NAV */
.side-nav-wrapper{
	margin: 0px 0px 40px 0px;
}
	.side-nav-wrapper .side-navigation{
		color: #fff;
		background-color: #6dd5df;
    	padding: 0px;
	}
		.side-nav-wrapper .side-navigation .side-nav-header{
			text-align: center;
			background-color: #23b2c2;
		    font-size: 12px;
		    font-weight: bold;
		    padding: 3px 0px 2px;
		    text-transform: uppercase;
		    font-family:'Futura LT W01 Medium';
		}

		.side-nav-wrapper .side-navigation ul.side-nav-items{
			margin: 0px;
			padding: 10px 10px 10px 40px;
		}
		.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item{
			margin-bottom: 3px;
			position: relative;

		}

		.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item a{
			font-size: 12px;
			color: #fff;
			font-weight: bold;
		}
			.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item a i.fa{
				position: absolute;
				left: -13px;
				top: 8px;
				font-size: 8px;
			}

		.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item.has-sub{
		}

			.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item.has-sub .dropdown{
				display: none;

			}
			.side-nav-wrapper .side-navigation ul.side-nav-items li.nav-item.has-sub .dropdown.open{
				display: block;
				
			}

/* MOBILE NAV */
.mobile-nav-wrapper{
	display: none;
}

.mobile-nav{
    margin-top: 10px;
	position: absolute;
	right: 0px;
	z-index: 10;
    background: #00719b;
    padding: 15px;
    min-width: 300px;
    max-width: 300px;
}


.mobile-nav.open{
	z-index: 12;
}

.mobile-nav.closed{
	background: transparent;
	z-index: 10;
}

	.mobile-nav.closed .closeBtn{
		color: #00a0dc;
	}

	.mobile-nav .closeBtn {
	    text-align: right;
    	width: 100%;
	    color: #fff;
	    font-weight: bold;
	    font-size: 18px;
	    cursor: pointer;
	    float: right;
	}

		.mobile-nav.open .closeBtn .nav-hide{
			display: none;
		}

			.mobile-nav .closeBtn img.search-btn{
			    position: relative;
			    right: 5px;
			    bottom: 2px;
			    border-right: 1px solid #00508b;
			    padding-right: 8px;
			    padding-top: 5px;
			    padding-bottom: 5px;
			}

			.mobile-nav .closeBtn i.fa{
				color: #00508b;
			}

	.mobile-nav.closed .nav-content{
		display: none;
	}

	.mobile-nav .nav-content{
		display: block;
	}

		.mobile-nav .weather{
		    text-align: center;
		    width: 30%;
		    display: inline-block;
		}	
		
			.mobile-nav .weather img{
			    padding: 0px;
			    display: block;
			    margin: auto;
			}

			.mobile-nav .weather .info{
				padding: 0px;
				white-space: nowrap;
				color: #fff;
			}

		.mobile-nav .search{
			display: inline-block;
		    width: 65%;
		    float: right;
		    margin-top: 15px;
		}

		.mobile-nav .nav-items{
		    margin: 0px;
		    margin-top: 15px;
		}

				.mobile-nav .nav-items .nav-item > a{
					color: #f4dc95;
					font-size: 18px;
				    width: 100%;
				    border-bottom: 2px solid #3790b0;
				    display: block;
    				padding: 5px 0px;
					
				}

				.mobile-nav .nav-items .nav-item .dropdown{
					display: none;
					margin-left: 0px;
				}

				.mobile-nav .nav-items .nav-item .dropdown.open{
					display: block;
				}

					.mobile-nav .nav-items .nav-item .dropdown .sub-item > a{
					    color: #fff;
					    font-size: 18px;
					    width: 100%;
					    border-bottom: 2px solid #3790b0;
					    display: block;
    					padding: 5px 0px 5px 20px;
						
					}

			.mobile-nav .nav-items.secondary{
				margin-left: 0px;
				margin-top: 10px;	
			}
			.mobile-nav .nav-items.secondary .nav-item > a{
				border: none;
			}
				.mobile-nav .nav-items.secondary .nav-item > a{
					color: #000;
					font-size: 16px;
					font-weight: bold;
				}

				.mobile-nav .nav-items.secondary .nav-item .dropdown .sub-item > a {
				    color: #fff;
				    font-size: 14px;
				    width: 100%;
				    border-bottom: 2px solid #3790b0;
				    display: block;
				    padding: 5px 0px 5px 20px;
				}

/* Site Map */

.sitemap{
	font-family: Futura;
}
	.sitemap h3{
		font-family: Futura;
	}

	.sitemap h4{
		font-family: Futura;
	    color: #333;
	    margin: 0;
	    padding: 0;
	    display: block;
    	font-size: 20px;
	}

	.sitemap ul{
	    list-style-type: none;
	}

	.sitemap ul.multicol {
	    margin: 0;
	    -moz-column-count: 2;
	    -moz-column-gap: 30px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 30px;
	    column-count: 2;
	    column-gap: 30px;
	    margin-bottom: 20px;
	}

		.sitemap li {
		    list-style: none;
		    padding: 3px 0;
		    margin-left: 10px;
		    
		}

		.sitemap ul.multicol li{
		    line-height: 20px;	
		}
			.sitemap ul.multicol li a {
			    font-weight: bold;
			    font-size: 14px;
			}

		.sitemap ul.multicol ul li{
			line-height: 13px;
		}
			.sitemap ul.multicol ul li a {
			    font-weight: normal;
			    padding: 0;
			    font-size: 12px;
				font-family:'Museo Sans W01_500';
			}

/* Foundation 5.5.3 */
/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }


@media only screen and (max-width: 74em) { 

	ul.main-nav li.nav-item{	
		padding: 0px 8px;
	}

	ul.main-nav li .dropdown{
	    margin-left: -0.625rem;
	    margin-right: -0.625rem;

	}
		ul.main-nav li.nav-item .dropdown .left-side .img-text {
		    bottom: 0px;
		    left: 30%;
		}

}		

@media only screen and (max-width: 64em) { 
	.side-nav-wrapper{ 
		display: none;
	}
	.mobile-nav-wrapper{
		display: block;
	}

	.sitemap ul.multicol {
	    margin: 0;
	    -moz-column-count: 1;
	    -moz-column-gap: 30px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 30px;
	    column-count: 1;
	    column-gap: 30px;
	}

}

@media only screen and (max-width: 40.063em){
	.mobile-nav{
	    margin-top: 0px;
	}

	.sitemap ul.multicol {
	    margin: 0;
	    -moz-column-count: 1;
	    -moz-column-gap: 30px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 30px;
	    column-count: 1;
	    column-gap: 30px;
	}

}