/*
Theme Name: MCHS Healthcare
Author: the Neuger Communications Group Team
Author URI: https://neuger.com/
Description: The custom WordPress theme build for MCHS Healthcare.
Version: 1.0
*/

.equal-housing-statement {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

    .equal-housing-statement img {
        max-width: 60px;
        margin-left: 10px;
    }

    .equal-housing-statement p {
        display: inline-block;
    }

/* GFORMS */
.gform_wrapper li,
.panel .gform_wrapper li,
.panel ul li {
    padding-left: 0;
}
.gform_wrapper input.button,
.panel .gform_wrapper input.button {
    padding: 1rem;
}
.color-white .gform_wrapper label {
    color: #ffffff;
}

/* New Images */
.home .home-panel.home-intro::before {
    background-image: url(/images/Minnewaska-Large-Banner.jpg) !important;
}
.home .home-panel.home-employment::before {
    background-image: url(/images/Minnewaska-employment-Banner.jpg) !important;
}
.home .home-panel.home-donate::before {
    background-image: url(/images/Minnewaska-donate-Banner.jpg) !important;
}



/**
 * DROPDOWN NAVIGATION
 */

/* DESKTOP */
ul#main-menu {
	align-items: flex-end;
}
ul#main-menu li.nav-main-item {
	position: relative;

}
ul#main-menu li.nav-main-item:hover ul.submenu {
	display: block;
}
ul#main-menu ul.submenu {
	position: absolute;
	z-index: 500;
	flex-direction: column;
	background-color: #7f2529;
	padding: 0;
	display: none;
	width: 275px;
}
ul#main-menu ul.submenu li {
	text-align: left;
	width: 100%;
}
ul#main-menu ul.submenu li a {
	text-align: left;
	width: 100%;
}
ul#main-menu li.current-menu-item a,
ul#main-menu li.current-page-ancestor a {
    border-bottom: none;
    background: #8c292d;
}
@media only screen and (max-width: 1300px) {
	ul#main-menu li.nav-main-item a {
		font-size: 1.15rem;
	}
	ul#main-menu li.nav-main-item a.nav-main-link {
		padding: 1.25rem 1%;
	}
}

/* TABLET */
div#mobile-menu ul,
div#mobile-menu ul li,
div#tablet-menu ul,
div#tablet-menu ul li
 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#mobile-menu ul li a:hover,
div#tablet-menu ul li a:hover{
	color: #000;
}
div#mobile-menu ul.menu li.nav-main-item a.nav-main-link,
div#tablet-menu ul.menu li.nav-main-item a.nav-main-link {
	text-transform: uppercase;
	font-weight: bold;
}
div#mobile-menu ul.menu .is-active>a,
div#tablet-menu ul.menu .is-active>a {
    background: initial;
    color: initial;
}