/* SINGLE STEPS */
div .single-step-item:first-child {
	border-top: 1px solid #D9D9D9;
}
.single-step-item {
	padding: 3rem 3rem 3rem 7rem;
	border-bottom: 1px solid #D9D9D9;
	position:relative;
	display:block;
}

.single-step-item .single-step-number {
	font-family:'AvenirNext',sans-serif;
	font-weight:900;
	color: #000;
	font-size: 2.8rem;
    line-height: 5.5rem;
    width: 5rem;
    height: 5rem;
	text-align:center;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 3rem;
}

.single-step-item.step-yellow .single-step-number {
	background-color: #FFC629;
}

.single-step-item.step-red .single-step-number {
	background-color: #BE1E2D;
	color: #fff;
}

.single-step-item.step-black .single-step-number {
	background-color: #000;
	color: #fff;
}

.single-step-item.step-gray .single-step-number {
	background-color: #f4f4f4;
}

.single-step-item .single-step-title {
	font-size: 3.2rem;
    font-weight: 900;
    font-family: 'AvenirNext', sans-serif;
    color: #000;
    line-height: 1.2;
    padding-top: .75rem;
 
}

.single-step-item a.btn {
	margin-top: 2rem;
}

.single-step-item .single-step-helper {
	margin-top: 2rem;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}

a.single-step-item:after {
	content:'\f054';
	position:absolute;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	right: 1rem;
	top: 50%;
	margin-top: -.75rem;
	font-size: 1.5rem;
	color: #566168;
	transition: all .2s ease-in-out;
}

a.single-step-item,
a.single-step-item .single-step-title {
	transition: all .2s ease-in-out;
}

a.single-step-item:hover:after {
	color: #000;
	transform: translateX(-4px);
}

a.single-step-item:hover .single-step-title {
	text-decoration:underline;
	color: #000;
	transform: translateX(4px);
}

a.single-step-item:hover {
	border-bottom-color: #000;
}

@media only screen and (max-width: 998px) {
	.single-step-item {
		padding-top: 2rem;
		padding-bottom: 2rem;
		padding-right: 2rem;
	}
	.single-step-item .single-step-title {
		font-size: 2.4rem;
	}
	.single-step-item .single-step-number {
		font-size: 2.1rem;
		line-height: 4.5rem;
		width: 4rem;
		height: 4rem;
	}
}

body {
	color: #000;
}
@media only screen and (min-width: 768px) {
	.navbar-transparent .navbar-site a, .navbar-transparent .navbar-site a:link, .navbar-transparent .navbar-site ul li a:link, .navbar-transparent .navbar-site a:visited, .navbar-transparent .navbar-site ul li a:visited, .navbar-opaque .dropdown-menu-fw a, .navbar-opaque .dropdown-menu-fw a:link, .navbar-opaque .dropdown-menu-fw ul li a:link, .navbar-opaque .dropdown-menu-fw a:visited, .navbar-opaque .dropdown-menu-fw ul li a:visited, .navbar-transparent .navbar-site button, .navbar-opaque .dropdown-menu-fw button {
		color: #000;
	}
	.navbar-transparent .navbar-site a.dropdown-toggle:hover, .navbar-transparent .navbar-site a:hover, .navbar-transparent .navbar-site button.dropdown-toggle:hover, .navbar-transparent .navbar-site button:hover {
		color: #000;
	}
	.navbar-transparent .navbar-site a.dropdown-toggle:hover, .navbar-transparent .navbar-site a:hover, .navbar-transparent .navbar-site button.dropdown-toggle:hover, .navbar-transparent .navbar-site button:hover {
		border-color: #C10230;
	}
}

/* Header */
.container-fluid.container-under-header {
	margin-top: -64px;
    margin-bottom: 0;
    background: #FFC629;
    background-image: url(/images/homepage-bg.svg);
    background-image: url(/images/homepage-bg.svg), linear-gradient(#FFC629,#FFDE29);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom -55px;
    top: auto;
}
.container-fluid.container-under-header h1 {
	font-size: 2rem;
	font-weight:600;
	letter-spacing: .08rem;
	margin-top: 5rem;
}
.container-fluid.container-under-header h2 {
	font-weight: 900;
	font-size: 4.2rem;
	margin-bottom: 3rem;
}

@media only screen and (max-width: 768px) {
	.container-fluid.container-under-header {
		margin-top: 0;
	}	
}
/*************************
LANDING PAGE
**************************/
/* Well*/
.well.well-lg {
	padding: 3rem;
}
.well.well-lg a.btn {
	margin-bottom:0;
}
.well.well-lg p span.font-xs {
	font-weight:900;
}
.well.well-lg p {
	font-size: 1.4rem;
	line-height: 1.4;
}
.well.well-lg p.margin-bottom-sm {
	margin-bottom: 1rem;
}

/*************************
SECTION STYLES
**************************/
p.lead {
	font-size: 2.8rem;
    font-weight: 400;
    font-family: 'AvenirNext', Helvetica, sans-serif;
}
/*Wells*/

.well-sm {
    padding: 2em;
    background-color: #ffcf0c;
    border-radius: 0;
	color: #000000;
}
/*Lists*/

li{padding-bottom: 1em;}

/*Horizontal Rules */
hr.large-line {
    background: #000000;
    margin-bottom: 3em;
    margin-top: 2em;
}
/* End Horizontal Rules */

/*Panels */
.panel-body {
    padding: 2px 20px 15px 20px;
}

/* Modal Button */
.btn.popup-modal {
	background-color: #ccc;
	border:none;
	padding: 4px 8px;
	margin:0 0 8px 0;
	font-weight: 600;
}
.btn.popup-modal:before {
	content:'\f059';
	display:inline;
	margin-right: 8px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
}

.btn.popup-modal:hover,
.btn.popup-modal:active,
.btn.popup-modal:focus {
	background-color: #ccc;
	opacity:.85;
	color: #000;
}
/* End Modal Button */

/*Support Callouts */
.callout {
    margin-bottom: 18px;   
    border: 3px solid #2d2c27;
    display:block;
    padding: 5px 30px 5px 10px;
}
.callout p.font-small,
.callout p.h4 {
	font-size: 18px;
	font-weight: 800;
}
a.callout {
 padding: 23px 20px 20px 20px;

}
.callout p {
margin: 0 25px 0px 0px;
}

.callout h4 strong{
	font-weight:900;
	font-size: 2.1rem;
}
a.callout p {
	color:#333;
	line-height:1.4;
}