haleonearth
5/30/2018 - 9:30 PM

Simple CSS for Eflex-20180530

Tweaking homepage styles

/*
 * Main Nav
 */

/* hover fx */
#primary-menu a {
    border: 2px solid transparent;
  border-radius: 500px;
  -o-transition:.6s;
  -ms-transition:.6s;
  -moz-transition:.6s;
  -webkit-transition: .6s;
  transition:.6s;
}

#primary-menu a:hover {
    border: 2px solid #67C6C0;
}


/*
 * CTA
 */
.section-cta {
    background-size: cover;
  background-position: center;
}
.section-cta p {
  font-size: 1.55rem;
}


/*
 * FOOTER
 */

footer a {
    text-decoration: none;
    color: #fff;
}
footer a:hover {
    text-decoration: none;
    color: #63D3C9;
}

/*
 * SECTION :: APP :: EFLEX
 */
.gx-form {
	max-width: 80%;
}
.icon-app-container {
	display: flex;
	align-items: center;
}
.icon-app-eflex {
	width: 100%;
}
.section-app-eflex p {
	color: #a7212a;
	font-weight: 700;
	text-align: center;
}
.section-app-eflex p:first-of-type {
	font-size: 1.5rem;
	line-height: 1.4;
}
.badge-appstore {
	width: 93%;
}
.badge-googleplay {
	width: 100%;
}