/*
	Mmenu Trigger

 */
a.mmenu-trigger-navigation,
a.mmenu-trigger-contact {
	position: fixed;
	top: 80%;
	z-index: 1;

	background: $base-accent-color;
	color: #fafafa;
	display: inline-block;
	line-height: 2.5em;
	padding: 1rem .5rem;

	i {
		display: inline;
		margin-right: .4rem;
	}

}

a.mmenu-trigger-navigation {
	// top: 60%;
	right: -5px;
}

a.mmenu-trigger-contact {
	left: -5px;

	i {
		margin: 0 .2rem;
	}
}


/* Mmenu Styles */
.mmenu-styles {

	.inner {
		// background: $hm_brand0;
		// color: $hm_brand3;
		// padding-top: 2em;
	}

	a {
		// color: $hm_brand3;
	}

	.mm-panels > .mm-panel {
		// padding: 2rem;
	}

	.mm-listview {
		padding-top: 2em;
	}

	h2 {
		color: $base-accent-color;
		font-weight: normal;
	}

	p {
		font-size: .9em;
	}

	form.wpcf7-form input[type=submit] {
		background: $base-accent-color;
	}
}

/*
	Navigation Panel

 */
.mmenu-navigation.mmenu-styles {

	.mmenu-title {
		font: 300 1.2rem $base-font-family;
		color: $base-accent-color;
		// color: $hm_brand3;
		margin-bottom: 1.5em;
		text-align: center;
		text-transform: uppercase;
	}

	.call-out {
		background: $cmo-purple-dark;
		color: white;
		font: 300 1.2rem $header-font-family;
		text-align: center;
		padding: 1em 2em;
		margin: 0 -20px;
		// border-top: 1px solid #ddd;
		// border-bottom: 1px solid #ddd;

		p {
			margin-bottom: 0;
		}
	}

}

#mmenu-our-products,
.mmenu-styles {
	i.fa {
		color: #666;
		font-size: 2rem;
		text-align: center;
		padding: 1rem;
		width: 80px;
		vertical-align: middle;
	}

	p a {
		color: $base-accent-color;
	}

	p.title {
		color: $base-accent-color;
		font-size: 1.2rem;
		margin: 0 0 1rem;
		text-transform: uppercase;
		padding-top: .25em;
		border-top: .25em solid $base-accent-color;
	}

	form.wpcf7-form input[type=submit] {
		background: $base-accent-color;
	}

	h2 {
		color: $base-accent-color;
		font-size: 2rem;
		margin: 1rem 0;
		padding-top: 1rem;
		border-top: 10px solid $base-accent-color;
	}

	.current-menu-item a {
		color: $base-accent-color;
		font-weight: 700;

		&:before {
			// content: '\003E ';
			content: '\203A';
			margin-right: .5em;
		}
	}

	//	Disclaimer (Contact Panel)
	.disclaimer {
		color: #3699ef;
		font-size: .75em;
		line-height: 1.2;
		font-style: italic;
	}
}