/* ===== Global =========================== */
.screenreader, .screen-reader-text, .screen-reader, .fontawesome-text {
	/* Hide visually, but have available for screenreaders */
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ===== Typography =========================== */
body {
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}

p a {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 28px;
	font-color: #7b285f;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

.vc_separator h4 {
	font-size: 24px !important;
}

/* ===== Header / Nav =========================== */
.logo {
	display: block;
}

.logo h1 {
	margin-bottom: 3px;
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.logo .site-tagline {
	font-size: 15px;
	color: black;
}

.breadcrumbwrap {
	display: none;
}

.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
	text-transform: uppercase;
}

.navigation ul li.menu-item.current-menu-item a.menu-link, .navigation ul li.menu-item.current-menu-ancestor a.menu-link {
	color: #3ea6fe;
}

#wprmenu_menu .wprmenu_icon_par {
	width: 100% !important;
}

#wprmenu_menu .wprmenu_icon_par:hover + a {
	color: #3ea6fe;
}

/* =============== Banner Optins =========================== */
#banner {
	width: 100%;
	max-width: 100%;
	position: relative;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#banner img {
	width: 100%;
	max-width: 100%;
}

#banner:after {
	display: table;
	clear: both;
	content: "";
}

.default-banner-inner {
	width: 80%;
	margin: 0 auto 0 300px;
	padding: 230px 0;
}

.banner-inner {
	width: 80%;
	margin: 0 auto;
}

.banner-form {
	/* see below styles for positioning per page*/
	padding: 60px 0 50px 300px;
	color: white;
	font-family: "Open Sans";
}

.banner-image.mobile, .banner-form.mobile {
	display: none;
}

.banner-form h2, .default-banner-inner h2 {
	font-size: 52px;
	line-height: 1.2;
	font-family: "kaushan";
	color: white;
	text-transform: none;
	text-shadow: 1px 1px 0px #3ea6fe;
}

.banner-form h3, .default-banner-inner h3 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 41px;
	text-transform: uppercase;
	color: white;
}

.banner-form strong, .default-banner-inner strong {
	font-weight: 700;
	font-size: 24px;
}

.banner-text {
	font-size: 23px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.banner-code {
	margin: 10px auto;
	width: 60%;
}

.banner-form input {
	display: inline-block;
	margin-bottom: 10px;
	width: 48%;
	background: #333;
	color: white !important;
	border: 1px solid #333;
	padding: 8px;
}

.banner-form input[type=text] {
	margin-right: 2%;
}

.banner-form input[type=email] {
	margin-right: 0 !important;
}

.banner-form input[type=submit] {
	display: block;
	width: 200px;
	margin: 10px auto 10px;
	background: transparent;
	border: 0;
	box-shadow: 0;
	font-size: 60px;
	padding: 20px 0 20px;
	font-family: "kaushan";
	color: #3ea6fe !important;
	text-transform: none;
	text-shadow: 2px 2px 0px white;
}

.banner-form input[type=submit]:hover, .banner-form input[type=submit]:focus {
	cursor: pointer;
	color: white !important;
	text-shadow: 2px 2px 0px #3ea6fe;
}

/* position/styling on different pages - home / etc is first */
.page-id-11 #banner, .page-id-12 #banner {
	background-position: center right;
}

.page-id-13 #banner {
	background-position: center center;
}

.page-id-11 .banner-inner {
	width: 90%;
	padding: 0;
}

.page-id-11 .banner-form {
	padding: 55px 0 55px 0;
	width: 60%;
}

.page-id-12 .banner-form {
	/* animal communication*/
	padding: 55px 0 55px 0;
	width: 70%;
}

.page-id-11 .banner-code {
	width: 65%;
}

.page-id-13 .banner-form {
	padding: 40px 0 40px 260px;
}

.page-id-13 .banner-code {
	width: 60%;
}

.page-id-12 .banner-form {
	background: url("https://michaelrburke.com/wp-content/themes/velocity-child/images/pack-leader-form-bg.png") no-repeat center center;
	background-size: 80%;
}

.page-id-11 .banner-form input {
	background: #466197;
	border: 0;
}

.page-id-12 .banner-form.nitro-lazy {
	background: none !important;
}

.page-id-11 .banner-form input[type=submit] {
	text-shadow: 2px 2px 0px white;
	color: black !important;
	background: none;
}

.page-id-11 .banner-form h2 {
	color: white;
	text-shadow: 1px 1px 0px black;
}

.page-id-11 .banner-form input[type=submit]:hover, .page-id-11 .banner-form input[type=submit]:focus {
	text-shadow: 2px 2px 0px black;
	color: #3ea6fe !important;
}

.page-id-12 .banner-form {
	/* behavioral consultant */
	color: black;
	padding: 80px 0 80px 0;
}

.page-id-12 .banner-form input {
	background: rgba(0, 0, 0, .3);
	border: 0;
	color: black;
}

.page-id-12 .banner-form input[type=submit] {
	text-shadow: 2px 2px 0px black;
	color: #3ea6fe !important;
	background: none;
}

.page-id-12 .banner-form h2 {
	color: black;
	text-shadow: 1px 1px 0px #3ea6fe;
}

.page-id-12 .banner-form input[type=submit]:hover, .page-id-12 .banner-form input[type=submit]:focus {
	text-shadow: 2px 2px 0px white;
	color: black !important;
}

/* ===== Home =========================== */
#home-posts h4 {
	line-height: 1.2 !important;
}

.home.nopagetitle #firstcontentcontainer {
	padding-top: 0 !important;
}

#home-buttons img:hover, #home-buttons img:focus {
	opacity: .8;
}

/* ===== Pages =========================== */
.bgwithparallax {
	background: none !important;
}

.pagetitlewrap .bgwithparallax_overlay, .colored .pagetitlewrap {
	background-color: transparent !important;
}

.pagetitle h1 {
	color: black !important;
}

.home .pagetitlewrap {
	display: none;
}

div#behavior-consultant {
	background-position: left center !important;
	background-attachment: fixed;
}

div#behavior-consultant2 {
	background-attachment: fixed;
	background-position: right center !important;
}

.communicator-questions {
	font-size: 22px;
}

.author {
	color: #7b285f;
}

div#behavior-consult-bg {
	height: 400px;
	background-attachment: fixed;
	background-size: contain !important;
}

/* ===== Blog & Posts =========================== */
.post-image {
	float: left;
	width: 32%;
	display: inline-block;
}

.blogpost.nosmalledia .post-image + .postbody, .blogpost .post-image + .postbody {
	width: 64% !important;
}

.blogpost .postmedia {
	display: none;
}

.single-post #firstcontentcontainer {
	padding-top: 20px !important;
}

.single-post .pagetitle h1 {
	color: #7b285f !important;
}

.blog .blogpost h2 a {
	color: #7b285f;
}

/* ===== Optins & Forms =========================== */
.optin form input {
	display: inline-block;
	width: 48%;
	margin-right: 1%;
}

.optin.footer-optin form input[type=submit] {
	display: block;
	width: 50%;
	margin: 10px auto;
}

/*.button, .btn, button, input[type=submit] {
  border:0;
  border-radius:4px;
  padding:5px 10px;
  background:black;
  color:white;
}

.button:hover, .btn:hover, button:hover, input[type=submit]:hover,
.button:focus, .btn:focus, button:focus, input[type=submit]:focus {
  background:white;
  color:black;
}*/

/* ===== Sidebars & Widgets =========================== */
.sidebar .widget_nav_menu ul li a, .headertop .widget_nav_menu ul li a {
	border-bottom: 0;
}

.sidebar .footertitle h4, .wpb_widgetised_column .footertitle h4 {
	text-transform: uppercase;
	font-size: 24px;
	color: #7b285f;
}

/* =============== Social Media Icons =========================== */
ul#menu-social-media-icons, ul#menu-social-media-icons-1 {
	margin-left: 0;
	list-style-type: none;
}

#menu-social-media-icons li, #menu-social-media-icons-1 li {
	display: inline-block;
	width: 30px;
	font-size: 30px;
	margin-right: 10px;
}

#menu-social-media-icons li a:hover i, #menu-social-media-icons-1 li a:hover i {
	color: #ddd;
}

.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter-square {
	color: #00aced;
}

.fa-linkedin-square {
	color: #0976b4;
}

.fa-youtube-square {
	color: #b31217;
}

.fa-google-plus-square {
	color: #dd4b39;
}

.fa-rss-square {
	color: orange;
}

.fa-pinterest-square {
	color: #cc2127;
}

/* ===== Footer =========================== */
.footer .widget {
	color: white;
}

.footer .widget_nav_menu ul li a {
	border-bottom: 0;
}

.footer blockquote, .footer .author {
	color: white;
	background: transparent;
	padding: 0;
}

.footer-widget-container.row-fluid .span3 {
	width: 33%;
}

.footer .widget .footertitle h4 {
	float: none;
	display: block;
	text-align: center !important;
	font-size: 22px !important;
}

.footer input[type=submit] {
	display: block;
	width: 200px;
	margin: 10px auto 10px;
	background: transparent;
	border: 0;
	box-shadow: 0;
	font-size: 40px;
	padding: 20px 0 20px;
	font-family: "kaushan";
	color: #3ea6fe !important;
	text-transform: none;
	text-shadow: 2px 2px 0px white;
}

.footer input[type=submit]:hover, .footer input[type=submit]:focus {
	cursor: pointer;
	color: white !important;
	text-shadow: 2px 2px 0px #3ea6fe;
}

.footer .widget_nav_menu, .footer .footer-contact {
	padding-left: 30px;
}

#copyright .copyright-left {
	width: 60%;
}

#copyright .copyright-right {
	width: 40%;
}

/* ===== Media Queries =========================== */
@media (max-width:1300px) {
	.page-id-13 .banner-form {
		padding-left: 220px;
	}
}

@media (max-width:1200px) {
	.page-id-12 #banner {
		background-position: 77% center;
	}
}

@media (min-width:1040px) and (max-width:1400px) {
	.banner-form {
		padding-left: 300px;
	}
}

@media (max-width:1250px) {
	.banner-form h2 {
		font-size: 42px;
	}
	
	.banner-form h3 {
		font-size: 31px;
	}
	
	.banner-text, .banner-text strong {
		font-size: 18px;
	}
}

@media (max-width:1200px) {
	.logo h1 {
		font-size: 25px;
		line-height: 1;
	}
	
	.logo .site-tagline {
		font-size: 11px;
	}
	
	.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width:1160px) {
	.banner-form h2 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	
	.banner-form h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	.banner-text, .banner-text strong {
		font-size: 16px;
	}
	
	.banner-form input[type=submit] {
		font-size: 52px;
	}
}

@media (max-width:1100px) {
	#header {
		padding-bottom: 10px;
	}
}

@media (max-width:1040px) {
	.banner-form {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 250px;
	}
	
	.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
		font-size: 11px;
	}
}

@media only screen and (max-width: 979px) and (min-width: 768px) {
	.header {
		width: 90%;
		left: 5%;
		margin: 0 auto;
	}
}

@media (max-width:980px) {
	.banner-inner {
		width: 90%;
	}
	
	.banner-form {
		padding: 40px 0 20px 280px;
	}
	
	.banner-text h2 {
		font-size: 30px;
	}
	
	.banner-text h3 {
		font-size: 24px;
	}
	
	.banner-text, .banner-text strong {
		font-size: 14px;
	}
	
	.banner-form input[type=submit] {
		font-size: 40px;
	}
}

@media (max-width:900px) {
	.page-id-13 .banner-form {
		padding-left: 200px;
		padding-top: 20px;
		padding-bottom: 0;
	}
	
	.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width:820px) {
	.banner-form {
		padding: 20px 0 0px 180px;
	}
}

@media (max-width:800px) {
	#banner {
		min-height: 300px;
	}
	
	#banner {
		display: none;
	}
	
	.banner-image.mobile {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	.banner-form.mobile {
		display: block;
		background: black;
		padding: 20px 0px 0;
	}
	
	.page-id-11 .banner-form.mobile, .page-id-12 .banner-form.mobile {
		width: 100%;
	}
	
	.page-id-12 .banner-form.mobile, .page-id-12 .banner-form.mobile h2 {
		color: white;
	}
	
	.page-id-12 .banner-form.mobile input[type=text], .page-id-12 .banner-form.mobile input[type=email] {
		background: white;
		color: black !important;
	}
	
	.page-id-11 .banner-form.mobile input[type=submit], .page-id-12 .banner-form.mobile input[type=submit] {
		color: #3ea6fe !important;
		text-shadow: 2px 2px 0px white;
	}
	
	.page-id-11 .banner-form.mobile input[type=submit]:hover, .page-id-11 .banner-form.mobile input[type=submit]:focus, .page-id-12 .banner-form.mobile input[type=submit]:hover, .page-id-12 .banner-form.mobile input[type=submit]:focus {
		color: white !important;
		text-shadow: 2px 2px 0px #3ea6fe;
	}
	
	.banner-form.mobile .banner-code {
		width: 80%;
		padding: 0 0px 20px;
	}
	
	.banner-form.mobile .banner-code input {
		display: inline-block;
		width: 38%;
	}
	
	.banner-form.mobile .banner-code input[type=submit] {
		display: inline-block;
		width: 20%;
		font-size: 30px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
	.mobile-container {
		margin-left: -20px;
		margin-right: -20px;
		background: black;
	}
}

@media (max-width:568px) {
	.banner-form.mobile .banner-code input {
		display: block;
		width: 100%;
		clear: both;
	}
	
	.banner-form.mobile .banner-code input[type=submit] {
		width: 100px;
		margin: 10px auto;
		display: block;
	}
}