/*
Theme Name: JP Cleaning
Theme URI: www.jp-cleaning.com
Description: custom theme by Gordon Multimedia.
Author: Gordon Multimedia
Version: 1.0
*/
/*
red: ec594d
purple: 3943ac 
*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif !important; 
}
html, body {
	height: 100%;	
}
body {
	color: #666;	
}
#branding {
	padding-top: 1em;
	padding-bottom: 1em;
}
h1 {
	color: #3943ac;	
}
.logo img {
	max-width: 100%;
	height:auto;	
	padding-bottom: 2em;
}
.call-to-action, #footerTel {
	font-family: 'Fjalla One', sans-serif;	
}
.tele {
	color: #FFF;
	font-size: 2em;
	background-color: #3943ac;
	border-radius: 1em;
    display: inline-block;
    padding-left: .5em;
    padding-right: .5em;
    text-decoration: none;
}
.tele:hover {
	color: #FFF;
	text-decoration: none;	
}
.ctaTextSmall {
	font-size: 1.3em;
	color: #ec594d;
}
.ctaTextLarge {
	color: #3943ac;
	font-size: 2em;	
	line-height: 1.3em;
}
.tagline {
	font-family: 'Dancing Script', cursive; 	
	font-size: 1.5em;
	color: #ec594d;
	padding-top: .5em;
	padding-bottom: 1em;
	display: none;
}
@media (min-width:768px) {
	.tagline {
		font-size: 2em;
		padding-top: 1.5em;
		display: block;
	}
}
#homePageFeature, #featureOverlay, #pictureHolder {
	height: 400px;	
}
@media (min-width:992px) {
	#homePageFeature, #featureOverlay, #pictureHolder {
		height: 500px;
	}
}
@media (min-width:1200px) {
	#homePageFeature, #featureOverlay, #pictureHolder {
		height: 617px;
	}
}
.pictureLiner {
	height: 100%;
	width: 100%;
	background-size:cover;	
}
#homePageFeature {
	position: relative;
}
#featureOverlay {
	position: absolute;
	top: 0px;
	left: 0px;	
	z-index: 100;
	width: 100%;
	text-align:center;
}
#innerFeatureOverlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;	
}
.bigCtaButton {
	display: inline-block;
    background-color: rgba(256, 256, 256, .8);
    padding: .5em 1em;
    font-size: 2em;
    font-weight: 300;
    border: 3px solid #ec594d;
    color: #ec594d;	
	margin-bottom: 2em;
}
.bigCtaButton:hover {
	background-color: rgba(256, 256, 256, 1);
	color: #ec594d;	
	text-decoration: none;
	box-shadow: 5px 5px 8px #666;
	position: relative;
	top: -5px;
	left: -5px;
}
#overlayCleaner {
		
}
#overlayCleaner img {
	max-width: 100%;
	height: auto;
	display: none;
}
@media (min-width:768px) {
	#overlayCleaner img {
		display: inline;
	}
	.bigCtaButton {
		margin-bottom: 0em;
		margin-top: 3em;
}
}
@media (min-width:992px) {
	.bigCtaButton {
		font-size: 3em;
	}
}
#homePageRed {
	background-color: #ec594d;
	color: #FFF;
	padding-top: 3em;
	padding-bottom: 3em;
}
#homeText {
	text-align: justify;
	font-weight: 300;	
}
#homeText h2 {
	margin-top: 0px;	
}
#homeTestimonial {
	font-size: 1.7em;
	line-height: 2em;
	font-style: italic;	
	font-weight: 100;
	padding-left: 3em;
}
.testimonialCredit {
	font-style: normal;
	font-weight: 300;
	font-size: .9em;
	text-align: right;	
}
/*-------- menu styles ---------*/

#nav-bar {
	border-top: 4px solid #ec594d;
	background-color: #3943ac;
	border-bottom: 4px solid #EC594D;
}

#nav {
	clear: both;
	height: 50px;
	padding-left: 10px;
	text-align: center;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
#nav ul li {
	float: left;
	position: relative;
}
#nav ul li a {
	display: block;
	padding: 0px 15px 0px 15px;
	line-height: 50px;
	font-size: 1.5em;
	color: rgba(256, 256, 256, .8);
	text-decoration: none;
	font-family: Lato, sans-serif;
	font-weight: 300;
}
#nav ul li a:hover {
	color: #fff;
	background-color: rgba(0,0,0,.3);
}
#nav ul li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 90000;
	text-align: left;
	border-right: 4px solid #EC594D;
	border-left: 4px solid #EC594D;
	border-bottom: 4px solid #EC594D;
	background-color: #3943ac;
}
#nav ul li ul li {
	float: none;
	white-space: nowrap;
	width: 220px;
}
#nav ul li ul li:hover {
	background-color: rgba(0,0,0,.3);	
}
#nav ul li ul li a {
	text-transform: none;
	line-height: 30px;
	font-size: 1.1em;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li:hover ul li ul {
	top: -5px;
	left: 100%;
	display: none;
}
#nav ul li ul li:hover ul {
	display: block;	
}
#responsive_menu_pro_button {
	display: none !important;
}
#menuTrigger {
	background-color: 	#49338f;
	color: #fff;
	line-height: 2em;
	font-size: 1.5em;
	text-align: center;
	margin-left: -10px;
	margin-right: -15px;
	cursor: pointer; 
}
#menuTrigger i {
line-height: 50px;
    font-size: 2em;	
}
@media only screen and (min-width : 992px) {
	#menuTrigger {
		display: none;
	}
}
/*------ end of menu styles -------*/
#freeCleaning {
	padding-top: 3em;
	padding-bottom: 3em;
	font-size: 1.8em;
}
#freeCleaning a {
	color: #3943ac;	
}
#freeCleaning i.fa {
	font-size: 4.7em;	
}
#freeCleaning .media-body {
	text-align: center;	
}
#footer {
	background-color: #3943ac;
	padding-top: 3em;
	padding-bottom: 3em;
	color: rgba(256, 256, 256, 0.8);
	text-align: center;
}
#social {
	font-size: 3em;	
}
#social a, #footerTel {
	color: rgba(256, 256, 256, .6);	
}
#social a:hover, #footerTel:hover {
	color: rgba(256, 256, 256, 1);	
}
#footerTel {
	font-size: 2em;	
	margin-top: .5em;
	margin-bottom: .5em;
	display: block;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.alignright {
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;	
}
.alignleft {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;	
}
.center {
	text-align: center;	
}
.attachment-thumbnail {
}
.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
hr {
	clear: both;	
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
	font-size: 1.5em;
	border: none;	
}
.credit {
	text-align: center;
	padding: 1em;
}
.credit a {
	font-size: .9em;
	color: rgba(256, 256, 256, 0.3);
	text-decoration: none;
}
.credit a:hover {
	color: rgba(256, 256, 256, 0.6);
	text-decoration: underline;
}
#pageContent {
	padding-top: 2em;
    padding-bottom: 4em;	
}
/*-------- styles for single-post page ----------*/
.navigation {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;	
}
.postedOn {
	font-size: .9em;
	color: #666;	
}
/*--------- end of styles for single-post ---------*/
#pageContent .gform_wrapper ul.gfield_checkbox li, #pageContent .gform_wrapper ul.gfield_radio li {
	padding: 1px !important;	
}
.labelCol {
	text-align: right;
	color: #707070;	
}
.table {
	color: #000;	
}
.gsection_title {
	color: #000;
	font-size: 1.5em !important;	
}
label {
	font-weight: 400 ;	
}
/* styles for blog home and single ----*/
.dateBox {
	border: 1px solid #CCC;
	float: left;
	margin-right: .5em;
	margin-bottom: .5em;
	margin-top: .4em;
}
.day {
	float: left;
    font-size: 2em;
    padding-right: .1em;
	padding-left: .1em;
    border-right: 1px dotted #ccc;	
}
.monthYear {
	padding-left: .3em;
	padding-right: .3em;
	float: left;	
}
.previousNextLinks {
	text-align: center;
    margin-top: 3em;
    border-top: 1px solid #ccc;
    padding-top: 1em;	
}
.media {
	margin-top: 2em;	
}
.media-body h3 {
	margin-top: 0;	
}
.gallery {
	clear: both;	
}
.search {
	margin-top: 2em;
	margin-bottom: 2em;	
}
.search td {
	padding: 5px;	
}
@media print {
	html, body {
		margin: 0;
		padding: 0;
		background: #FFF; 
		font-size: 8pt;
	}
}