/* ------------------------------------------------------------ *\
	Nav Careers
\* ------------------------------------------------------------ */

.lvw-nav-careers { background: #fff; position: relative; }
.lvw-nav-careers h5 { display: none; text-transform: uppercase; text-align: center; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: normal; padding: 16px 5px; cursor: pointer; position: relative; margin-top: 0; margin-bottom: 0; }
.lvw-nav-careers h5 a { display: inline-block; color: #028860; position: relative; }
.lvw-nav-careers h5 a:hover { text-decoration: none; }
.lvw-nav-careers h5 a:after { content: "\f107"; margin-left: 3px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 24px; color: #028860; position: relative; bottom: -4px; }
.lvw-nav-careers ul { display: block; list-style: none; padding-left: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; max-width: 100%; }
.lvw-nav-careers ul li { width: 20%; }
.lvw-nav-careers ul a { display: block; padding: 16px 5px; text-transform: uppercase; color: #028860; text-decoration: none; text-align: center; }
.lvw-nav-careers ul .current-menu-item a,
.lvw-nav-careers ul a:hover { color: #fff; background: #028860; }

/* Mobile */

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	
	.lvw-nav-careers h5 { display: inline-block; }
	.lvw-nav-careers.menu-open ul { display: block; }
	.lvw-nav-careers ul { display: none; position: absolute; left: 0; top: 59px; flex-direction: column; width: 200px; text-align: left; z-index: 99; background: #fff; }
	.lvw-nav-careers ul li { width: 100%; }
	.lvw-nav-careers ul a { width: 200px; text-align: left; padding-left: 15px; padding-right: 15px; }
}