
/********** MAIN NAV LOCAL CUSTOMIZATIONS **********/



#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:first-child {
	/*width: 50%;*/
	flex: 50%;
}

#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:first-child > img {
	width: 100%;
	max-width: 500px;
}

#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:nth-child(2) {
	/*width: 25%;*/
	flex: 25%;
	padding: 0 5%;
	box-sizing: border-box;
	border-width: 0 1px 0 1px;
	/*border-color: #666666;*/
	border-color: #222;
	border-style: solid;
}

#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:nth-child(3) {
	/*width: 25%;*/
	flex: 25%;
}


#navigation_menu.nav2 .social_icons {
	display: inline-block;
	margin-right: 1em;
}

#navigation_menu.nav2 .social_icons img {
	height: 25px;
	width: auto;
}


#navigation_menu.nav2 ul.quick_links li {
	list-style: none;
}

#navigation_menu.nav2 ul.quick_links li > a {
	margin-bottom: 0.8em;
	padding: 1px;
	font-size: 1.3em;
	line-height: 1.5em;
	/*color: #FFF;*/
	color: #222;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

#navigation_menu.nav2 ul.quick_links li > a:hover,
#navigation_menu.nav2 ul.quick_links li > a:focus {
	/*color: #FFF;*/
	color: #222;
	text-decoration: underline;
}




#navigation_menu.mobile .menu_nav2 .cols-flex {
	display: flex !important;
	flex-wrap: wrap !important;
	column-gap: unset !important;
	width: auto !important;
}

#navigation_menu.mobile.nav2 .menu_nav2 .cols-flex > .col {
	/*width: 100% !important;*/
	padding: 0 !important;
	border: none !important;
}

#navigation_menu.mobile.nav2 .menu_nav2 .cols-flex > .col:first-child {
	flex: 100% !important;
}

#navigation_menu.mobile.nav2 .menu_nav2 .cols-flex > .col:nth-child(2) {
	flex: 48% !important;
	margin-right: 4% !important;
}

#navigation_menu.mobile.nav2 .menu_nav2 .cols-flex > .col:nth-child(3) {
	flex: 48% !important;
}




/* ----------- SMALLER DESKTOP STYLES ---------- */

@media only screen and (min-width: 999px) and (max-width: 1250px) {
}




/* ----------- MOBILE STYLES ---------- */

@media only screen and (max-width: 1000px) {

	#navigation_menu .menu_nav2 .cols-flex {
		display: flex;
		flex-wrap: wrap;
		column-gap: unset;
		width: auto;
	}

	#navigation_menu.nav2 .menu_nav2 .cols-flex > .col {
		/*width: 100% !important;*/
		padding: 0 !important;
		border: none !important;
	}

	#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:first-child {
		flex: 100%;
	}

	#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:nth-child(2) {
		flex: 48%;
		margin-right: 4%;
	}

	#navigation_menu.nav2 .menu_nav2 .cols-flex > .col:nth-child(3) {
		flex: 48%;
	}



}




