/*

Theme Name: MobileLeadsPlumbing

Theme URI: http://underscores.me/

Author: Digital Insight

Author URI: http://digitalinsight.ie

Description: In-house theme for mobile lead generation. Looks cool on desktops too.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: mobileleads

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



MobileLeads is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Sanitize

# Typography

# Elements

# Forms

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Asides

	## Comments

# Infinite scroll

# Media

# MobileLeads

# Leads Utility

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Sanitize

--------------------------------------------------------------*/

/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */



/* Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Opera 35, Safari 9, Windows Phone 8.1 */



/*

 * Normalization

 */



abbr[title] {

	text-decoration: underline; /* Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ */

	text-decoration: underline dotted; /* Firefox 40+ */

}



audio:not([controls]) {

	display: none; /* Chrome 44-, iOS 8+, Safari 9+ */

}



b,

strong {

	font-weight: bolder; /* Edge 12+, Safari 6.2+, and Chrome 18+ */

}



button {

	-webkit-appearance: button; /* iOS 8+ */

	overflow: visible; /* Internet Explorer 11- */

}



button,

input {

}



button::-moz-focus-inner, input::-moz-focus-inner {

	border: 0;/* Firefox 4+ */

	padding: 0;/* Firefox 4+ */

}



button:-moz-focusring, input:-moz-focusring {

	outline: 1px dotted ButtonText;/* Firefox 4+ */

}



button,

select {

	text-transform: none; /* Firefox 40+, Internet Explorer 11- */

}



details {

	display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */

}



html {

	-ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */

	overflow-y: scroll; /* All browsers without overlaying scrollbars */

	-webkit-text-size-adjust: 100%; /* iOS 8+, Windows Phone 8.1+ */

}



hr {

	overflow: visible; /* Internet Explorer 11-, Edge 12+ */

}



input {

	-webkit-border-radius: 0 /* iOS 8+ */

}



input[type="button"],

	input[type="reset"],

	input[type="submit"] {

	-webkit-appearance: button;/* iOS 8+ */

}



input[type="number"] {

	width: auto;/* Firefox 36+ */

}



input[type="search"] {

	-webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */

}



input[type="search"]::-webkit-search-cancel-button,

		input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;/* Chrome 45+, Safari 9+ */

}



main {

	display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */

}



pre {

	overflow: auto; /* Internet Explorer 11- */

}



progress {

	display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */

}



summary {

	display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */

}



svg:not(:root) {

	overflow: hidden; /* Internet Explorer 11- */

}



template {

	display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */

}



textarea {

	overflow: auto; /* Edge 12+, Internet Explorer 11- */

}



[hidden] {

	display: none; /* Internet Explorer 10- */

}



/*

 * Universal inheritance

 */



*,

:before,

:after {

	box-sizing: inherit;

}



* {

	font-size: inherit;

	line-height: inherit;

}



:before,

:after {

	text-decoration: inherit;

	vertical-align: inherit;

}



button,

input,

select,

textarea {

	font-family: inherit;

	font-style: inherit;

	font-weight: inherit;

}







/*

 * Opinionated defaults

 */



/* specify the margin and padding of all elements */



* {

	margin: 0;

	padding: 0;

}



/* specify the border style and width of all elements */



*,

:before,

:after {

	border-style: solid;

	border-width: 0;

}



/* remove the tapping delay from clickable elements */



a,

area,

button,

input,

label,

select,

textarea,

[tabindex] {

	-ms-touch-action: manipulation;

	    touch-action: manipulation;

}



/* specify the standard appearance of selects */



select {

	-moz-appearance: none;    /* Firefox 40+ */

	-webkit-appearance: none /* Chrome 45+ */

}



select::-ms-expand {

	display: none;/* Edge 12+, Internet Explorer 11- */

}



select::-ms-value {

	color: currentColor;/* Edge 12+, Internet Explorer 11- */

}



/* use current current as the default fill of svg elements */



svg {

	fill: currentColor;

}



/* specify the progress cursor of updating elements */



[aria-busy="true"] {

	cursor: progress;

}



/* specify the pointer cursor of trigger elements */



[aria-controls] {

	cursor: pointer;

}



/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */



[aria-disabled] {

	cursor: default;

}



/* specify the style of visually hidden yet accessible elements */



[hidden][aria-hidden="false"] {

	clip: rect(0 0 0 0);

	display: inherit;

	position: absolute

}



[hidden][aria-hidden="false"]:focus {

	clip: auto;

}







/*

 * Configurable defaults

 */



/* specify the background repeat of all elements */



* {

	background-repeat: no-repeat;

}



/* specify the root styles of the document */



:root {

	background-color: #ffffff;

	box-sizing: border-box;

	color: #ffffff;

	cursor: default;

	font: 100%/1.5 sans-serif;

}



/* specify the text decoration of anchors */



a {

	text-decoration: none;

}



/* specify the alignment of media elements */



audio,

canvas,

iframe,

img,

svg,

video {

	vertical-align: middle;

}



/* specify the coloring of form elements */



button,

input,

select,

textarea {

	background-color: transparent;

	color: inherit;

}



/* specify the minimum height of form elements */



button,

[type="button"],

[type="date"],

[type="datetime"],

[type="datetime-local"],

[type="email"],

[type="month"],

[type="number"],

[type="password"],

[type="reset"],

[type="search"],

[type="submit"],

[type="tel"],

[type="text"],

[type="time"],

[type="url"],

[type="week"],

select,

textarea {

	min-height: 1.5em;

}



/* specify the font family of code elements */



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

}



/* specify the list style of nav lists */



nav ol,

nav ul {

	list-style: none;

}



/* specify the font size of small elements */



small {

	font-size: 75%;

}



/* specify the border styling of tables */



table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* specify the resizability of textareas */



textarea {

	resize: vertical;

}



/* specify the background color, font color, and drop shadow of text selections */



::-moz-selection {

	background-color: #b3d4fc; /* required when declaring ::selection */

	color: #ffffff;

	text-shadow: none;

}



::selection {

	background-color: #b3d4fc; /* required when declaring ::selection */

	color: #ffffff;

	text-shadow: none;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body {

	font-family: Open sans, sans-serif;

	font-weight: 400;

	font-style: normal;

	font-size: 16px;

	line-height: 24px;



	margin: 0 auto;

}

h1, h3 {

	font-family: inherit;

	font-weight: 600;

	font-style: inherit;

	font-size: 24px;

	line-height: 36px;

	margin:0;

	color:#fff;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em 3em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1;

	padding: .6em 1em .4em;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 3px;

}



select {

	border: 1px solid #ccc;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

}



textarea {

	width: 100%;

}



/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	color: #fff;

}



a:visited {

	color: #fff;

}



a:hover,

a:focus,

a:active {

	color: #fff;

}



a:focus {

	outline: thin dotted;

}



a:hover,

a:active {

	outline: 0;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/*--------------------------------------------------------------

# MobileLeads

--------------------------------------------------------------*/

html {

	height:100%;

}



body {

	background:#ffffff;

	color:#ffffff;

	min-height:100%;

	min-width:320px;

}



#page {

	background:url(images/bg2.jpg) 0px 0px no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;	

	padding:0;

	position:relative;

}



@media screen and (min-width:640px) {

	#page {	

		max-width: 360px;

		margin: 24px auto;

		border-radius: 4px;		

		color:#fff;

		top:24px;

	}

}



#masthead {

	padding: 0 0 12px 0;

}

#masthead, #content, #colophon {

	text-align:center;

}

#colophon {

	font-size:11px;

	padding-top:16px;

}



.overlay {

	background:rgba(0,0,0,0.3);

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:10;

}



#masthead, #content, #colophon {

	position:relative;

	z-index:11;

}



.benefits {

	text-align:left;

	font-weight:normal;

	margin:0;

	padding:0 24px 0 44px;

	position:relative;

	display:block;

	display:inline-block;

	margin:0 auto;

}

.benefits  li {

	margin-bottom:16px;

/*	padding-left:40px;*/

/*	padding-left:25px;*/

	position:relative;

}



.entry-content.cta-buttons {

	padding-top:8px;

}





/*.benefits  li::before {

	content:" ";

	position:absolute;

	top:-8px;

	top:0;

	left:0;

	width:40px;

	height:40px;

	background:url(images/icon-phone.svg) 0 0 no-repeat;

}

*/

.cta-btn, #gform_submit_button_1 {

	display: block;

	font-size: 20px;





background:#1a97e0;

background:#1eb3f3;



	height:48px;

	line-height:48px;

	color: #fff;

	border-radius: 4px;

	cursor:pointer;

	box-sizing:border-box;

	text-decoration:none;

	text-shadow:none; /* for GF button */

	width:258px;

	margin:16px auto;

	

}

#gform_submit_button_1 {

	margin:0;

	font-size:16px;

	background:#1eb3f3;

}

@media screen and (min-width:375px) {

	#gform_submit_button_1 {

		margin:0;

		font-size:20px;

	}

}



.cta-btn:hover, #gform_submit_button_1:hover {

	background:orange;

	

	color:#fff;

}

.cta-btn:focus, .cta-btn:active, #gform_submit_button_1:focus, #gform_submit_button_1:active, .cta-btn:visited, #gform_submit_button_1:visited {

	color:#fff;

	outline:none;

}



.gform_wrapper {

	color:#ffffff;

}	



.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {

	min-width:200px;

}



.gform_wrapper h3.gform_title {

	margin:16px 8px!important;

}



#tap-to-call-btn {



	margin:0 auto;

	margin-bottom:8px;

	font-weight:bold;

}



#request-a-callback-btn {

	margin-top:0;

	font-size:16px;

}



#default-template-content {

	text-align:left

}

#default-template-content p {

	margin-bottom:16px;

}



#gform_2 input, #gform_2 textarea {

	border:1px solid #ffffff;

}





#gform_submit_button_1 {



	margin:0!important;

	border:0!important;

	padding:0!important;

	width:220px;

	font-size:14px!important;

	background:#1eb3f3!important;

	box-shadow:unset;



}



@media screen and (min-width:375px) {



	#gform_submit_button_1 {



		margin:0;

		width:258px;

		font-size:16px;



	}



}

	

	

#logo {

	margin:0 auto;

	width:100%;

	padding:16px;

}	

#logo img {

	max-width:300px;

}	



	

.gform_wrapper .top_label .gfield_label {

	color:black;

}	

	

	

/*--------------------------------------------------------------

# Leads Utility

--------------------------------------------------------------*/

#lu-modal-overlay {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:gray;

	opacity:0.7;

	display:none;

	z-index:10000;

}



.lu-modal {

	width:600px;

	margin:auto;

	left:0;

	right:0;

	max-width:80%;

	background:white;

	display:none;

	position:absolute;

	top:10%;

	padding:0 16px;

	z-index:10000;	

}

.lu-modal-close-btn {

	position:absolute;

	top:16px;

	right:16px;

	width:24px;

	height:24px;

	cursor:pointer;

	background:url(images/icon-close.svg) 0 0 no-repeat;

	z-index:10000;	

}