/*
Theme Name: Hydration Consultants
Theme URI: http://underscores.me/
Author: MAK
Author URI: http://hydracon.com.au
Description: Hydration Consultants theme
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: hydration-consultants
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.

Hydration Consultants is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme Specific Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# 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: 1.5em 0 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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Theme Specific Styles
--------------------------------------------------------------*/

/* HYDRATION CONSULTANTS */

/* Colour references

Green:		#79b6044
Salmon:		#dd5638
Blue Grey:	#3e4249
Light blue:	#2AB3EA

*/

/* === General === */
body {
	margin-top: 50px;
	/*font-family: 'proxima-nova', 'Raleway', Helvetica, sans-serif;*/
	font-family: 'Raleway', Helvetica, sans-serif;
	font-size: 16px;
	/*background: url('/wp-content/themes/hydration-consultants/assets/img/tile.jpg') top left repeat;*/
}

.logged-in .navbar-fixed-top {
	top: 32px;
}

/* === Global === */
h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialised;
	text-rendering: optimizelegibility;
	font-weight: bold;
}

h1 {
	font-size: 3em;
}

h1, h2 {
	margin: 0 0 20px;
}

h3 {
	margin: 20px 0;
}

h4 {
	font-size: 16px;
}

p.lead {
	font-weight: normal;
}

p {
	margin: 0 0 15px;	
}

/* not sure about this one */
a:link, a:visited {
	color: #;
}

a:hover {
	text-decoration: none;
	color: #5BC0DE;
}

.btn {
	font-weight: bold;
}

.btn-info {
	border-color: white;
}

img {
	max-width: 100%;
}

#global-page-image {
	padding: 20px 0 20px 0;
}

.badge.social {
	background: #ccc;
	font-size: 24px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 41px;
	/*margin: 0 5px 20px 0;*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/*color: white;*/
}

.badge.social.facebook:hover {
	background: #3b5998;
}

.facebook {
	align-items: center;
	display: flex;
	justify-content: center;
}

/* === LOGO === */
.logo {
	margin-top: 25px;
}


/* === HEADER === */
.nav.navbar-nav.navbar-right li a {
	color : #2AB3EA;
}

.nav.navbar-nav.navbar-right li a:hover {
	color: #3E4249;
}

.navbar .navbar-brand {
	color: #2AB3EA;
}

blockquote {
	padding: 20px 0 0 0;
	border: none;
	font-style: italic;
	text-align: left;
	font-size: 0.9em;
	margin: 0 0 0;
}

blockquote cite {
	display: block;
	color: #014E84;
	margin: 10px 0 0 0;
}

blockquote:before {
	display: none;
}

/* === BANNER === */
#banner {
	/*background: url('/wp-content/themes/hydration-consultants/assets/img/background 5.jpg') 50% 0 repeat fixed;*/
	min-height: 500 px;
	padding: 20px 0;
	color: #3E4249;
	-webkit-font-smoothing: antialised;
	text-rendering: optimizelegibility;
}

#banner h1 {
	font-size: 2em;
}

#banner article {
	width: 100%;
	text-align: center;
}

#banner .banner-text {
	margin-top: 20px;
}

#banner .banner-text-home {
	margin-top: 20px;
}

#banner-info {
	margin: 30px 0 60px;
	text-align: center;
}

#banner-info .banner-msg {
	display: inline-block;
	margin: 0 2% 0 3%;
	width: 30%;
	/*background: #3e4249;*/
	border: 3px solid #2AB3EA;
	padding: 5px 10px 20px;
	position: relative;
	vertical-align: top;
}

#banner-info .banner-msg  span {
	background: #3E4249;
	color: #2AB3EA;
	/*display: block;*/
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	font-weight: bold;
	font-size: 22px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	position: absolute;
	bottom: -35px;
	left: 50%;
	margin-left: -33px;
}

#banner-info h4{
	margin: 0 0 10px;
}

#banner-info h4 small {
	color: white;
	font-weight: bold;
	display: block;
}

/* === HOW CAN WE HELP === */

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
   /* color: #014E84;*/
    background-color:#5BC0DE;
	border: 1px solid #014E84;
}

.nav-pills > li > a {
    font-size: 1.2em;
	background-color: #eee;
}

.section-header h2 {
	color: #4B4B49;
}

.tab-content h3 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #014E84;
}

.tab-content p {
	text-align: center;
}

.tab-content img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	height: auto;
	width: auto;
}

.tab-content2  p {
	text-align: center;
	margin: -15px 0 15px 0;
}

.tab-content2 h3 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #014E84;
}

.tab-content2 img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	height: auto;
	width: auto;
}

.center-text {
	text-align: center;
}

.more-info {
	color: #5BC0DE;
	font-weight: bold;
	text-align: center;
}

.more-info2 {
	color: #5BC0DE;
	font-weight: bold;
}


/* === REPAIRS === */

.special-text {
	text-align: center;
	color: #228DBF;
}

/* === PUMP IMAGES === */

#pumpImages {
	background: url('/wp-content/themes/hydration-consultants/assets/img/Water picture.jpg') 50% 100% repeat fixed;
	background-size: cover;
	text-align: center;
	color: white;
}

#pumpImages h2 {
	padding: 30px 0 30px 0;
}

#pumpImages img,
#various-images img {
	opacity: 0.8;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#pumpImages img:hover,
#various-images img:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


/* === LAYOUT === */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2AB3EA;
    margin: 1em 0;
    padding: 0; 
}

.footer-copyright {
	text-align: right;
}

.row + .row {
	margin-top: 20px;
}

section {
	padding: 0 0 5px 0; /*30px 0 5px 0;*/
}

/* =====================*/
/*
#pumpImages  .row + .row {
	padding: 0 0 40px 0;
}
*/
/*
section #testimonials {
	padding: 10px 0;
}
*/

.section-header {
	text-align: center;
}

section h2 {
	margin: 20px 0 40px;
}

section h3 {
	margin:30px 0 10px;
}

#strip {
	background: #014E84;
	padding: 10px 0;
	color: white;
	text-align: center;
	-webkit-font-smoothing: antialised;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#strip p {
	margin: 3px 0 0 0;
}
#strip-home {
	background: #014E84;
	padding: 10px 0;
	color: white;
	text-align: center;
	-webkit-font-smoothing: antialised;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#strip-home p {
	margin: 3px 0 0 0;
}

#guarantee {
	background: #585858;
	text-align: center;
	padding: 5px 0;
	color: #8BDBFA;
	-webkit-font-smoothing: antialised;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#guarantee p {
	margin: 10px 0 10px 0;
}

/*
#course-features {
	background: #3e4249;
	color: white;
	text-align: center;
}
*/

/*
.item-list li{
	color: red;
}
*/

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }
 
 .center-block1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid grey;
 }

footer {
	background: #014E84;
	color: white;
	padding: 20px 0 10px;
	font-size: 12px;
}

footer p {
	margin: 0 0 10px 0;
}

footer a:link, footer a:visited {
	color: white;
}

footer a:hover {
	color: #5BC0DE;
}

.footer-menu {
	text-align: center;
}

/* only keep next two if doing subscribe */
footer li.signup-link a {
	color: #dd5638;
}

footer li.signup-link a:hover {
	font-weight: bold;
}

.error-page-image {
	display: table;
	width: 100%;
}

.error-page-image-default {
	background: url('/wp-content/themes/hydration-consultants/assets/img/Water picture.jpg') 100% 100% repeat fixed;
	background-size: cover;
}

.error-page-image h1 {
	padding: 30px 0px 30px 0px;
	text-align: center;
	color: white;
}

.error-page-text {
	text-align: center;
	padding: 30px 0px 30px 0px;
}

/* === ABOUT US === */

.about-us h3{
	color: #014E84;
	padding: 0 0 0 20px;
}

/*
ul li{
	padding: 0;
	margin-left: 40px;
}
*/

#various-images {
	background: url('/wp-content/themes/hydration-consultants/assets/img/Water Ripple.jpg') 50% 100% repeat fixed;
	background-size: cover;
	text-align: center;
	color: white;
}

/* === TESTIMONIALS === */

#testimonials {
	text-align: center;
	padding: 40px 0 40px 0;
}

.testimonial {
	margin-bottom: 60px;
}

.testimonial img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/* === IMAGE GALLERY === */

ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* CAUSED GRIEF WITH NAVBAR */
/*ul li {
	list-style: none;
	margin-bottom: 25px;
}*/

ul li img {
	cursor: pointer;
}

input[type=submit],
button[type="submit"] {
	display: inline-block;
	background: #31B0D5;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
	color: white;
	border: none;
	background: #269abc;
}


/* === CONTACT === */

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* === MEDIA QUERIES === */

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

}

/* Fix the top margin when logged in */
/*
@media screen and ( max-width : 782px) {
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
}
*/
/* tablet */
@media screen and ( max-width : 768px ) {
	.logo {
		/*width: 100%;*/
	}
	
	#global-page-image {
		padding: 5px 0 5px 0;
	}
	
	#banner {
		padding: 5px 0;
	}
	
	#strip p {
		margin: 0 0 10px;
		text-align: center;
	}
	
	/*
	.testimonial img {
		width: 80%;
		height: 80%;
	}*/
}
/*
@media screen and ( max-width : 600px ) {
	.logged-in .navbar-fixed-top {
		top: 42px;
	}
}*/

/* iphone5 and up - portrait*/
@media screen and ( max-width : 568px ) {
	.navbar-header a {
		font-size: 14px;
	}
	
	.bubbles {
		display: none;
	}
	
	.footer-name {
		text-align: center;
	}
	
	.footer-copyright {
		text-align: center;
	}
	
	#strip {
		display: none;
	}
	
	.banner-text {
		display: none;
	}
	
	#shrink-image {
		/*display: none*/
		/*width: 30%;
		height: 30%;*/
	}
	
	/*#pumpImages img {
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	/*}*/
	
	.pump-pics {
		width: 70%;
		height: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	/*
	.testimonial img {
		width: 50%;
		height: 50%;
	}*/
}