/*
 Theme Name:   Hi5 Franchise Sites
 Theme URI:    http://CreativeEden.com/
 Description:  Multisite/Child Theme for Hi5 Franchise Sites
 Author:       CreativeEden.com
 Author URI:   http://CreativeEden.com/
 Template:     hi5
 Version:      1.0.0
*/




/*
Unique Backgrounds
*/

.white {
	background-color: transparent;
	color: #3a3b3b;
}
.white h2, .white h3, .white h4, .white h5, .white h6 {
	color: #90cb1e;
}
.white h2 {
	margin: 35px 0px 15px 0px;
	font-size: 26px;
line-height: 32px;
	text-align: center;
}
.white a, .white a:link, .white a:visited, .white a:active {
	color: #90cb1e;
	text-decoration: none;
}
.white a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.white .button {
	background-color: #e20017;
	color: #fff !important;
	text-decoration: none;
	border: solid 2px #e20017;
}
.white .button:hover {
	background-color: transparent;
	color: #e20017 !important;
	border: solid 2px #e20017;
	text-decoration: none;
}
.lightblue {
	background-color: #edfaff;
	color: #3a3b3b;
}
.lightblue h2, .lightblue h3, .lightblue h4, .lightblue h5, .lightblue h6 {
	color: #90cb1e;
}
.lightblue h2 {
	margin: 35px 0px 15px 0px;
	font-size: 26px;
line-height: 32px;
	text-align: center;
}
.lightblue a, .lightblue a:link, .lightblue a:visited, .lightblue a:active {
	color: #90cb1e;
	text-decoration: none;
}
.lightblue a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.lightblue .button {
	background-color: #e20017;
	color: #fff !important;
	text-decoration: none;
	border: solid 2px #e20017;
}
.lightblue .button:hover {
	background-color: transparent;
	color: #e20017 !important;
	border: solid 2px #e20017;
	text-decoration: none;
}


.blue {
	background-color: #189dd9;
	color: #fff;
}
.blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {
	color: #004d88 ;
}
.blue h2 {
	margin: 35px 0px 15px 0px;
	font-size: 26px;
line-height: 32px;
	text-align: center;
}
.blue a, .blue a:link, .blue a:visited, .blue a:active {
	color: #90cb1e;
	text-decoration: none;
}
.blue a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.blue .button {
	background-color: #e20017;
	color: #fff !important;
	text-decoration: none;
	border: solid 2px #e20017;
}
.blue .button:hover {
	background-color: transparent;
	color: #fff !important;
	border: solid 2px #e20017;
	text-decoration: none;
}



.darkblue {
	background-color: #0164a7;
	color: #fff;
}
.darkblue h2, .darkblue h3, .darkblue h4, .darkblue h5, .darkblue h6 {
	color: #3ebef8 ;
}
.darkblue h2 {
	margin: 35px 0px 15px 0px;
	font-size: 26px;
line-height: 32px;
	text-align: center;
}

.darkblue a, .darkblue a:link, .darkblue a:visited, .darkblue a:active {
	color: #90cb1e;
	text-decoration: none;
}
.darkblue a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.darkblue .button {
	background-color: #90cb1e;
	color: #0064a6 !important;
	text-decoration: none;
	border: solid 2px #90cb1e;
}
.darkblue .button:hover {
	background-color: transparent;
	color: #90cb1e !important;
	border: solid 2px #90cb1e;
	text-decoration: none;
}



.red {
	background-color: #e20017;
	color: #fff;
}
.red h2, .red h3, .red h4, .red h5, .red h6 {
	color: #fff ;
}
.red h2 {
	margin: 35px 0px 15px 0px;
	font-size: 26px;
line-height: 32px;
	text-align: center;
}

.red a, .red a:link, .red a:visited, .red a:active {
	color: #90cb1e;
	text-decoration: none;
}
.red a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.red .button {
	background-color: #90cb1e;
	color: #e20017 !important;
	text-decoration: none;
	border: solid 2px #90cb1e;
}
.red .button:hover {
	background-color: transparent;
	color: #90cb1e !important;
	border: solid 2px #90cb1e;
	text-decoration: none;
}




/*
Adjustments to Parent theme
*/


/*
Universal Elements
*/
body {
	font-size: 15px !important;
    line-height: 25px !important;
}
.wrapper-menu {
	overflow: hidden;
}
.topbar {
	 background-image: url(../hi5-franchises/images/gradient-blue-header.jpg);
	background-position: center;
  background-size: cover;
	height: inherit;
	text-align: right;
	padding-right: 70px;
d}
.topbar a.button {
    font-size: 1.3rem;
    padding: 5px 18px;
	color: #fff;
}
.topbar a.button:hover {
	color: #fff;
	text-decoration: none;
}



/*
Universal Elements
*/
button#responsive-menu-pro-button {
    top: 131px !important;
}
button.rmp_menu_trigger {
    width: 75px;
    height: 29px !important;
    position: absolute;
    top: 122px !important;
    display: block;
    right: 35px;
    background: transparent;
    transition: transform 0.5s, background-color 0.5s;
}









/*
Percentage adjustments
*/
.percentage .one-half.column {
    min-height: 300px;
}
.col-text h2 {
	text-align: left;
}



/*
Logo Adjustment
*/

.three.columns.logo img {
	width: 170px;
    margin: 10px 0 15px 0;
}



/*
Full width image bar *Add to main theme
*/
.image-fullwidth {
	min-height: 340px;
	background-size: cover;
	background-position: top center !important;
}




/*
Button Center
*/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 979px) {
.button.center {
  position: relative;
  transform: translateX(100%);
  right: 50%;
	margin-top: 25px;
}
}




/*
Blog
*/
.blog .content a {
	color: #90cb1e;
	text-decoration: none;
}
.blog .content  a:hover {
	color: #90cb1e;
	text-decoration: underline;
}
.blog h2.entry-title a {
    color: #90cb1e;
}




/*
Hero / Hero Box
*/
.home .hero {
    background-image: url(../hi5-franchises/images/franchise-home-hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 111px 0;
    text-align: right;
}
.herobox {
  background-color: rgba(0, 100, 166, 0.85);
  text-align: center;
  padding: 30px 35px !important;
  font-size: 1.5rem;
  line-height: 3.2rem;
  box-sizing: border-box;
	color: #fff;
}
.hero h1 {
	font-weight: 300;
	font-style: normal;
	font-size: 5.5rem;
	line-height: 6rem;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 
	color: #fff;
	text-transform: uppercase;
	margin: 0px;
	letter-spacing: .35px
}
.hero h2 {
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 3rem;
    color: #90cb1e;
    margin: 5px 0 0 0px;
	letter-spacing: .5px
}




/*
Subhero
*/
.subhero h1, .bloghero h1 {
	font-weight: 300;
	font-style: normal;
	font-size: 4.8rem;
	line-height: 5.2rem;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	letter-spacing: .75px
}
.subhero h2, .bloghero h2 {
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 3rem;
    color: #90cb1e;
    margin: 5px 0 0 0px;
	text-align: left;
	letter-spacing: .5px
}
.gradient-blue {
  background-image: url(../hi5-franchises/images/gradient-blue.png);
  background-position: center;
  background-size: cover;
	margin-top: 15px;
}




/*
CTA Box
*/
.cta {
  background-color: #edfaff;
}
.cta .box {
  text-align: center;
  padding: 45px 65px;
  background-color: #0164a7;
  font-size: 1.5rem;
  line-height: 3.2rem;
  box-sizing: border-box;
	color: #fff;
}
.cta .button {
	background-color: #90cb1e;
	color: #0064a6 !important;
	text-decoration: none;
	border: solid 2px #90cb1e;
}
.cta .button:hover {
	background-color: transparent;
	color: #90cb1e !important;
	border: solid 2px #90cb1e;
	text-decoration: none;
}
.cta h2 {
	color: #3ebef8;
	margin: 35px 0px 15px 0px;
	font-size: 26px;
	text-align: center;
}
.home .cta.content {
	padding: 65px 0;
}




/*
Ninja Forms
*/
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 50px !important;
	font-size: 13px !important;
}
textarea {
	font-size: 13px !important;
}
.checkbox-container.label-right label {
    font-size: 14px;
	font-weight: normal !important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	/*height: 24px;*/
	color: #fdfdfd !important;
	display: inline-block !important;
	text-decoration: none !important;
	text-shadow: none !important;
	line-height: 2.6rem !important;
	padding: 6px 20px !important;
	margin: 10px 0px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	transition: all 0.4s ease 0s !important;
	border: 0px !important;
	background-color: #e20017 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}




/*
Footer
*/
.footer2 {
	background-color: #0064a6;
	font-size: 14px;
	color: #fff;
}
.footer2 a:hover {
	
	color: #9ebb4c;
}
.footer2 h3 {
	color: #9ebb4c;
}
.footer {
	background-color: #005a95;
	color: #a3b9ce;
	padding: 16px 0 14px 0;
	font-size: 13px;
}
.footer a, .footer a:visited, .footer a:link {
	color: #a3b9ce;
}
.footer a:hover {
	color: #fff;
}




@media only screen and (max-width: 479px) {
.hero h1 {
    font-weight: 300;
    font-style: normal;
    font-size: 3.5rem;
    line-height: 4rem;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: .35px;
}
}