/*
Styling for the Landing Page

Apply this to the HEADER Of each landing page, within the HFCM Plugin.

*/

.hide-on-lp {
	display: none;
}

.uk-navbar-right {
	width: 38%;
}

.uk-navbar-nav {
	display: none;
}

#widget-custom_html-3 {
	display: block;
}

.lp-top-cta h3 {
	margin-bottom: 8px;
}

.lp-top-cta p {
	margin: 0px;
}

.lp-top-cta a {
	font-size: 48px;
	font-weight: 900;
}

.hero-btn-cta {
	padding: 10px 5px 10px 12px !important;
	width: 320px !important;
	background: #9cc639;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 22px !important;
	border: none !important;
	display: table !important;
	margin: 0 auto !important;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
}

.fp-hero-bullets {
	margin-top: -80px;
}

.fp-hero-bullets h1 {
	color: #1884ce;
	text-shadow: 1px 1px 3px #fff;
	font-size: 60px;
	margin-bottom: 60px;
}

.fp-hero-bullets ul {
	margin-bottom: 70px;
}

.fp-hero-bullets li {
	margin-left: 14%;
	font-size: 38px;
}

.hero-form {
	margin-bottom: 28px !important;
}

.footross {
	padding-top: 14px;
}

.footross > div:nth-of-type(-n+3) {
	display: none;
}