.headerBar {
	
	background: #3a4057;
	color: white;
	padding: 5px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	margin: 0;
	align-items: center;
	
}

.logo {

	display: flex;
	width: 100%;
	justify-content: center;
	gap: 20px;
	
	
		
}

.logoImg a {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 20px;
}

.logoImg {
	
	max-width: 80px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	
}



.logoImg img {
	
	max-width: 100%;
	
}

.logoText {

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
}

.logoText img {
	
	max-width: 300px;
	margin-top: 10px;
	
}

.logoText h1, .logoTextNonHomepage {
	
	margin-top: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 24pt;
	font-weight: bold;
	
}

.logoText a {
	
	text-decoration: none;
	color: white;
	
}

.logoText h2, .logoSubTextNonHomepage {
	
	margin: 0;
	padding: 0;
	font-size: 12pt;
	font-weight: normal;
	
}




.bigMenuHeader img {
	max-width: 36px;

}


.mobileHomeLink, .mobileMenuLink {
	display: none !important;
}

/* Ensure burger menu only shows on mobile */
@media only screen and (min-width: 601px) {
	.mobileMenuLink {
		display: none !important;
	}
}

/* hide down right arrow */

.fa-angle-down {
	
	margin-left: 10px;
	
}

#destArrow, #guidesArrow {
	
	display: none;
	
}

/* top bar container */

.topNavContainer {

	width: 100%;
	
}

/* the top bar */

.topNav {

	display: flex;
	display: -webkit-flex; 
	color: white;
	max-width: 1200px;
	margin: auto;

}

/* top nav links, like home */

.topNav a, .destinationsLink, .guidesLink {
	
	color: white;
	padding: 20px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	
}

.topNav a:hover {
	
	color: #025E66;
	text-decoration: none;
	
}

/* make destinations & guides top menu BG white on hover */

.destinationsLink:hover, .guidesLink:hover {
	
	background: white;
	color: black;
	
}




/* hide the desktop menu bar */

.topNavContainer {
	
	background: none;

}

.topNav a, .topNav div {
	
	color: white;	
	padding: 0;
	
}

/* border under each item */


/* Arrows */

/* hide down down arrow */

.fa-angle-down {
	
	display: none;
	
}

#destArrow, #guidesArrow {
	
	display: inline-block;
	float: right;
	font-size: 16pt;
	
}

.bigMenuHeader .fa-angle-right {
	
	margin-top: 5px;
	display: inline-block;
	float: right;
	
}


/* code for the rotating arrow */

.rotated { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}







/* change the destinations menu for mobile */

.bigMenuCol, .bigMenuGuides {
	
	width: 100%;
	background: white;
	
}

.destinationsLink {

	padding: 0;
	
}

/* disable hover effect on mobile */

.destinationsLink:hover, .guidesLink:hover {

	background: none;
	color: white;

}

.bigMenuDestinations, .bigMenuGuides {
	
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	color: black;
	box-shadow: none;
	border: none;
	position: relative;
	max-width: 100%;
	left: 0;
	margin: auto;
	line-height: auto;
}

.bigMenuDestinations a, .bigMenuGuides a {
	
	margin: 0;
	padding: 0;
	border-right: none;
	
}



/* hide county menus */

.countyList {
	
	display: none;
	
}

a.bigMenuHeader:hover {
	
	color: white;
	
}

.bigMenuGuides a {
	
	width: 100%;
	padding: 12px;
	
}

a.bigMenuHeader {

	display: block;
	font-size: 11pt;
	margin: auto;
	padding: 0;
	background: #5d6273;
	color: white;
			
}

/* hide the square images */

.bigMenuHeader img {
	
	display: none;
	
}

/* main menu headings like blog, guides */

a#mainMenu, #mainMenu span {
	
	display: block;
	padding: 16px;
	
}

/*counties */

.bigMenuCol a {

	width: 100%;
	padding: 11px;
	
}


/* style the mobile bar */

a.mobileHomeLink, a.mobileHomeLink:hover, .mobileMenuLink, .mobileMenuLink:hover {
	
	padding: 0;
	color: white;
	text-align: center;
	text-decoration: none;
	min-width: 60px;


	
}

a.mobileMenuLink {

	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;

}


/* logo */





.mobileLogo {
	
	text-align: center;
	/*padding: 10px;*/
	
}


/* burger menu */

.fa-bars, .fa-times {
	
	font-size: 24px;
	color: white;
	
}

/* close X */

.fa-times {
	
	padding: 0 3px 0 2px;
	
}



/* turn off HR */

.bigMenuDestinations hr {
	display: none;
}


.bigMenuDestinations a:hover {
	
	color: white;
	text-decoration: none;
	
}





@media only screen and (max-width: 600px) {
	
	.logoText img {
	
		max-width: 90%;
		margin-top: 0;
		
	}
		
	.headerBar {
	
		padding: 2px;
		
	}
	
	
	.logo {

		gap: 5px;
	
	}
	
	
	.logoImg {
		
		max-width: 40px;
		margin-right: 5px;
		
	}


		
	
	.mobileHomeLink, .mobileMenuLink {
		display: block !important;
	}

	
	.logoText h1, .logoTextNonHomepage {
		
		font-size: 15pt;
		
	}

	.logoText h2, .logoSubTextNonHomepage {
		
		font-size: 9pt;
		
	}
	
	
	
	.logoText a {
		display: block;
	}
	


	
	/* adjust the orientation of the menu etc */

	.topNav {

		display: none;
		flex-direction: column;
		-webkit-flex-direction: column;
		border: 1px solid #383B48;
		width: 90%;
		background: #4e5261;
		left: 0;
		right: auto;
		margin: 0;
		position: absolute;
		z-index: 10000005;
		
	}

		
		/* style guides */

	#guidesMenu, #destinationsMenu {
		
		display: none;
		
	}
	
	/* Mobile Dropdown Styles */
	.dropdown {
		display: block;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.dropdown .dropbtn {
		display: block !important;
		width: 100% !important;
		padding: 16px !important;
		text-align: left !important;
		background: none !important;
		border: none !important;
		color: white !important;
		font-size: inherit !important;
		font-family: inherit !important;
		cursor: pointer !important;
		text-decoration: none !important;
		box-sizing: border-box;
	}
	
	.dropdown .dropbtn:hover {
		color: white !important;
		background: none !important;
		text-decoration: none !important;
	}
	
	.dropdown .dropbtn i {
		float: right;
		margin-top: 2px;
		transition: transform 0.3s;
	}
	
	.dropdown-content {
		position: static !important;
		display: none !important;
		box-shadow: none !important;
		background-color: white !important;
		margin: 0 !important;
		border-radius: 0 !important;
		min-width: 100% !important;
		width: 100% !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}
	
	.dropdown-content a {
		color: #333 !important;
		padding: 12px 32px !important;
		font-size: 14px !important;
		display: block !important;
		text-decoration: none !important;
		border-bottom: 1px solid #f0f0f0 !important;
		background: white !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	.dropdown-content a:last-child {
		border-bottom: none !important;
	}
	
	.dropdown-content a:hover {
		background-color: #f8f8f8 !important;
		color: #333 !important;
		text-decoration: none !important;
	}
	
	.dropdown.mobile-open .dropdown-content {
		display: block !important;
	}
	
	/* Arrow rotation for mobile dropdown */
	.dropdown .dropbtn .fa-chevron-down.rotated {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	
	/* logo */
	
	.headerBar img {

		width: 100%;
		
	}
	
	.logoImg {
	
		max-width: 40px;
		display: flex;
		align-items: center;
		
	}


	
	
}