@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');


/*Global Elements */

body {
	background: url(../images/bg-body-bottom.jpg) #ededed bottom no-repeat;
	padding: 0px;
	margin: 0px;
	color: #222222;
	font-family: "Bitter";
}

.mobile {display: none;}

a {color:#0093FF; text-decoration: none;}
a:visited {color:#0093FF; text-decoration: none;}

p {padding: 0px; margin: 0px; font-family: "Bitter"; font-weight:normal;}

h1 {font-family: "Bitter"; font-size: 48px; font-weight: normal;}
h2 {font-family: "Bitter"; font-size: 32px; font-weight: normal;}
h3 {font-family: "Bitter"; font-size: 24px; font-weight: normal; color: #cccccc;}
h4 {font-family: "Bitter"; font-size: 18px; font-weight: normal;}

a.btn-blue {
	color:#ffffff;
	background-color:#0093FF;
	padding: 8px;
	/*font-weight: bold;*/
}
a.btn-blue:hover {background-color: #1E9BF7;}

a.btn-green {
	color:#ffffff;
	background-color:#72B272;
	padding: 8px;
	/*font-weight: bold;*/
}
a.btn-green:hover {background-color: #86C786;}

a.btn-hero {
	color:#ffffff;
	padding: 8px;
	font-weight: bold;
	border: 1px solid #ffffff;
}
a.btn-hero:hover {}




/* Styles */

.wrapper-outer {
	max-width:1640px;
	margin: auto;
}

.wrapper-inner {
	background-color: #ffffff;
	margin: 70px 40px 0 40px;
}

.top-bar-outer {
	position:fixed;
	width:100%;
	background-color: #ededed;
	top: 0;
}

.top-bar-inner {
	margin: auto;
	max-width: 1640px;
}

.top-bar-main {
	background-color: #ffffff;
	margin: 0 40px;
	border-bottom: 1px solid #ededed;
	height:69px;
}

.logo {
	float: left;
	width:250px;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.logo img {margin: 17px auto; width: 190px;}

.nav {
	float:left;
	height: 100%;
	border-left: 1px solid #ededed;
}

.nav ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
}

.nav ul li {
	display: block;
	float: left;
	line-height: 69px;
	height: 69px;
	padding: 0px 15px;
}

.nav ul li.active {
	height: 64px;
	border-bottom:5px solid #72B272;
}

.nav ul li a {color:#222222;font-size: 18px;}
.nav ul li a:hover {color:#72B272;}

.cta-right {
	float:right;
	margin:24px 20px 0 0;
}

.hero-image {
	width:100%;
	height:400px;
	background:url(../images/MumAndChild.jpg) no-repeat center;
	background-size: cover;		
}

.hero-message {
	margin:auto;
	padding: 60px 20px 0px 20px;
	max-width: 690px;
	text-align: center;
}

.hero-message h1, .hero-message h3 {color:#ffffff;}


.usp-outer {
	float: left;
	width:100%; 
	background-color: #ffffff;
}

.usp-inner {
	max-width:980px; 
	margin: auto;
}

.usp-card {
	float: left;
	width:290px;
	min-height: 400px;
	/*background-color: #f1f1f1;*/
	margin: 50px 18px;
	text-align: center;
}

.usp-card p {
	font-size: 20px;
	line-height: 26px;
	padding: 12px 0px;
}



.par-2column {
	float: left;
	width: 100%;
	background-color: #f8f8f8;
}

.par-2column-col {
	float:left;
	width: 50%;
	background-size: cover;
	background-position: center;
}

.par-2column-col p {
	font-size: 26px;
	line-height: 34px;
	padding: 80px;
}

.par-3column-outer {
	float:left;
	width: 100%;
	background-color: #ffffff;
}

.par-3column-inner {
	max-width:1400px;
	margin: auto;
	padding: 80px;
}
.par-3column-col {
	float:left;
	width: 33.3%;
	background-color: #ffffff;
}

.grid-services-outer {
	width: 100%;
	float: left;
	padding: 120px 0px;
	background-color:#ffffff; 
}
.grid-services-outer h1{text-align: center;}

.grid-services-inner {
	max-width:1400px;
	margin: auto;
}

.grid-services-container {
	display: grid;
	grid-template-columns: 60% 40%;
	max-width:1400px;
	margin: auto;
}
.grid-services-col1, .grid-services-col2 {
  background-color: #f8f8f8;
  border: 2px solid #ffffff;
  padding: 30px;
  font-size: 20px;
  text-align: left;
}

.grid-services-col2 {
  text-align: center;
	color: #72B272;
}

.grid-services-container p {font-size: 11px;}

.panel-fw-bg {
	width: 100%;
	float: left;
	height:430px;
	background-size: cover;
	background-position: top;
}

.panel-fw-text {
	margin:auto;
	padding: 60px 20px 0px 20px;
	max-width: 1400px;
	text-align: left;
}

.panel-fw-text h1, .panel-fw-text h3 {color:#ffffff;}


.footer-outer {
	float:left;
	width: 100%;
	min-height: 100px;
	background-color: #fff;
	margin: 0px 0px 80px 0px;
}
	
.footer-inner, .locations {
	max-width:1400px;
	margin: auto;
	padding: 80px 80px 40px 80px;
}

.content {
	max-width:1400px;
	margin: auto;
	padding: 40px 80px 80px 80px;
}

.locations p {
	font-size: 28px;
	color: #cccccc;
	line-height: 50px;
}

.dl-our-app-badges {
	margin: auto;
	max-width: 500px;
	text-align: center;
	padding:20px 0 0 0;
}

.social-buttons {
	margin: auto;
	max-width: 500px;
	padding: 0px 80px 0px 80px;
	text-align: center;
	border-top:solid 1px #f1f1f1;
}

.footer-links {
	min-height: 60px;
	margin: 40px 0 0 0;
	text-align: center;
}

.footer-links a {
	color: #72B272;
}
.footer-links a:hover {
	text-decoration: underline;
}


.thanks {
	max-width:1400px;
	margin: auto;
	padding: 0 80px 80px 80px;
}

.thanks-image {
	margin: 0 20px 0 0;
	border: 2px solid #f1f1f1;
	width: 125px;
	border-radius: 10px;
}
.thanks-image img {width:125px; height: 100px;}



/* MEDIA QUERY: break point at 800px: */

@media screen and (max-width : 1037px ){

.desktop {display:none;}
.mobile {display: contents;}
	
h1 {font-family: "Bitter"; font-size: 32px; font-weight: normal;}
h2 {font-family: "Bitter"; font-size: 32px; font-weight: normal;}
	
.wrapper-outer, .wrapper-inner, .par-2column-col, .top-bar-main {
    width:100%; margin:0;
}
.top-bar-outer {
	background-color: #ffffff;
	border-bottom: 1px solid #ededed;
	height: 61px;
}

.logo {width: 140px;}
.logo img {margin: 20px auto 6px auto; width:120px;}
	
.hero-image {
	height:360px;
	margin: 62px 0 0 0;
}

.usp-inner {
	width:340px
}
	
.par-2column-col p {	
	font-size: 20px;
}

.content-inner, .footer-inner, .locations, .thanks {
	padding: 0px 20px;
}

.locations p {
	font-size: 20px;
	line-height: 40px;
}
	
.social-buttons {
	border:none; 
	text-align: center; 
	padding: 0px 20px;
	/*border-bottom:solid 1px #f1f1f1;*/
}
	
	.footer-outer {
		padding-top: 60px;
	}	
}