html {
	height: 100%;
}

body {
	min-height: 100%;
	font-family: 'Raleway', 'Open Sans', 'Verdana', 'Helvetica', 'Arial', sans-serif;
	font-size: 17px;
	line-height: 1.7;
	text-align: left;
}

/* For Testing
div, p, h1, h2, h3, h4, h5,h6, h7 {
	border: solid 1px green;
}
*/
 
/* Heading Styles */
h1, h2, h3, h4, h5,h6, h7 {
	font-family: 'Segoe UI', 'Open Sans', 'Verdana', 'Helvetica', 'Arial', sans-serif;
	margin: 20px 0px 16px 0px;
}

h1{
	font-weight: 600;
	line-height: 1.2;
}

h2, h3, h4, h5, h6, h7 {
	font-weight: 600;
	line-height: 1.4;
}

h1 {font-size: 28px}
h2 {font-size: 20px}
h3 {font-size: 19px}
h4 {font-size: 17px}

/* Element Overrides
p, blockquote {
	margin-top: -5px;
}
*/
 
ul, ol {
	margin-top: -10px;
}

li {
	text-align: inherit;
	line-height: 1.7;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0;
}

/* Do below on mobile */
@media screen and (max-width: 840px) {
	.w3-half, .w3-quarter, .w3-third, .w3-twothird {
		width: 100%;
	}
	
	.w-swap {
    }
	
	.w-center {
		text-align: center;
    }
	
	.w-pad-right {
    }
	
	.w-pad-left {
    }
}

/* Do below on desktop */

@media screen and (min-width: 840px) {
	.w-spaced {
		padding: 0.01em 64px !important;
	}
	
    .w-swap {
		float: right;
    }
	
	.w-center {
		text-align: left;
    }

    .w-pad-right {
		padding-right:16px;
    }

    .w-pad-left {
		padding-left:16px;
    }
		
}

/* Link styles */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {font-weight: inherit;}

a:link, a:visited, a:active {
	color: navy;
	text-decoration: none;
	border-bottom: dotted;
    border-width: 1px;
}

a:hover {
	text-decoration: none;
	border-bottom: dotted;
    border-width: 2px;
}

/* Plain Links */
header, footer a:link, a:visited, a:active a:hover {
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}

#share a:link, a:visited, a:active a:hover {
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}
#local a:link, a:visited, a:active a:hover {
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}

#myNavbar  a:link, a:visited, a:active a:hover {
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}

#mySidebar  a:link, a:visited, a:active a:hover {
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}

/* Link Classes */
a:link.plain, a:visited.plain, a:active.plain {
	color: black;
	text-decoration: none;
	border-bottom: none;
}

a:hover.plain {
	color: navy;
	text-decoration: none;
	background-color: transparent;
}

/* Responsive Videos */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	xpadding-bottom:48.25%;  	/* Ideal for Desktop, but depends on video aspect ratio */
	xpadding-bottom:70%;  		/* Ideal for Mobile, but depends on video aspect ratio  */
	xpadding-top:35px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* w3 Overrides */
.w3-bar .w3-button {
    padding: 16px;
}

/* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
	background-image: url("images/pocketsurvey-header-very-dark-1280-720.jpg");
    min-height: 100%;
}

/* Google Colours */
.google--red {color:#ea4335 !important;}
.google--yellow {color:#fbbc05 !important;}
.google--green {color:#34a853 !important;}
.google--blue {color:#4285f4 !important;}

/* Error styles below */
msg-error {
	color: #c65848;
}

.g-recaptcha.error {
	border: solid 2px #c64848;
	padding: .2em;
	width: 19em;
}

.alert {
  color: black;
  font-weight: bold;
  font-size: 14px;
  padding: 2px;
}

/* Custom Classes */
#google {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
  text-align: center;
}
.google {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
  text-align: center;
}

.h2 {
  margin-bottom:-12px;
  font-size:38px;
  font-weight:200 !important}
.h3 {
  font-size:16px;
  font-weight:300 !important}

.p-first {
  margin-top:4px !important}
.p {}

.p-equal-height {
	font-size: 17px;
}

/* 
.h-align h2, h3 {
	 text-align: left;
}
*/
 
/* Special Positioning */
.bottom-left {
  position: fixed;
  bottom: 0px;
  left: 0;
}

.bottom-right {
  position: fixed;
  bottom: 6px;
  right: 37px;
}

.x-vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0px 0px 0px 0px;
}

/* Old Convert Kit */
.ck_first_name_field_group {
	padding-top: 56px;
}

#sntch_button
{  
    left: 10px !important; 
}

.mySlides {display:none;}