/*
	Theme Name: Tap2Connect
	Theme URI: http://www.tap2connect.com
	Author: SteadyGo
	Author URI: http://www.steadygo.co.uk
	Description: Tap2Connect Wordpress Theme
	Version: 1.0
*/

.brand-blue  { color: rgb(0, 102, 143) !important;   }
.brand-green { color: rgb(0, 167, 109) !important;   }
.brand-white { color: rgb(255, 255, 255) !important; }
.brand-light { color: rgb(188, 189, 192) !important; }
.brand-gray  { color: rgb(128, 130, 133) !important; }
.brand-dark  { color: rgb(88, 89, 91) !important;    }
.brand-over  { color: rgba(255, 255, 255, 0.7) !important ;}

.intro-heading { margin-top: 0; }

.navbar { margin-bottom: 0; }
.navbar-brand { padding: 0; height: auto; }
.navbar-toggle { padding: 5px 10px; margin-top: 0; }
.navbar-toggle .icon-bar { background-color: rgb(0, 102, 143); }

body {
	background-color: #eee;
	color: #828485;
	font-family: 'Helvetica W01 Light', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(0, 102, 143) !important;
	font-weight: 300 !important;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	color: #269967 !important; 
}

h2, .h2 { font-size: 22px; line-height: 1.3em; }
h3, .h3 { font-size: 18px; line-height: 1.3em; }
h4, .h4 { font-size: 16px; line-height: 1.3em; }
h5, .h5 { font-size: 14px; line-height: 1.3em; }
h6, .h6 { font-size: 13px; line-height: 1.3em; }

.regular { font-weight: 500; }
.light   { font-weight: 300; }

.block   { width: 100%; }

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

.img-center  { margin: 0 auto; }

.btn {
	border-radius: 0;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 36px;
}

.btn-icon-right {
	background-image: url(images/btn-icon-wave.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	padding-right: 43px !important;
}

.btn-outline {
	background: rgba(255, 255, 255, 0.25);
	border: solid 2px white;
	padding: 0 10px;
}

.btn-outline:hover {
	background: rgba(255, 255, 255, 0.85);
	color: rgb(0, 102, 143) !important;

	-webkit-transition: background-color 1s ease, color 1s ease;
	   -moz-transition: background-color 1s ease, color 1s ease;
			transition: background-color 1s ease, color 1s ease;
}

.btn-dark {
	background-color: #7d7d7d;
	color: #fff;
}

a {
	color: rgb(0, 167, 109);
	font-weight: bold;
}

a:hover {
	-webkit-transition: color 1s ease;
	   -moz-transition: color 1s ease;
			transition: color 1s ease;
}

.nav-breadcrumb {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	margin: 0 0 12px 2px;
}

.nav-breadcrumb a, .blog-nav a {
	color: rgb(0, 102, 143);
}

.nav-breadcrumb a:hover, .blog-nav a:hover {
	color: rgb(0, 167, 109);
}

ul.nav li {

}

ul.nav li a {
	color: rgb(0, 102, 143);
	font-weight: 500;
	padding: 5px 0;
	margin-left: 25px;
}

ul.nav li a:hover, ul.nav li.current-menu-item a, ul.nav li.current_page_parent:first-child a {
	background: none;
	color: rgb(0, 167, 109) !important;
	text-decoration: underline;
}

.footer-nav ul {
	margin-right: 0;
}

.footer-nav ul li a {
	font-family: Helvetica, Arial, sans-serif;

	padding-bottom: 6px;
	padding-top: 6px;
}

.wrapper {
	background: white;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

.wrapper-header {
	padding: 35px 0 15px;
}

.wrapper-footer {
	background-color: #C6C6C6;
	margin: 0 -15px;
	padding: 30px 0 30px;
}

.feature {
	display: block;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.feature-bg {

}

.feature > span {
	position: absolute;
}

.feature > span > * {
	margin: 0;
}

.feature .btn {
	color: white;
}

.feature-full {

}

.feature-full span > span {
	font-size: 38px;
	font-weight: 300;
	line-height: 1.1em;
}

.feature-full .feature-top 		{ top    : 2em; }
.feature-full .feature-right 	{ right  : 2em; }

.feature-top 	{ top    : 1.5em; }
.feature-right 	{ right  : 1.5em; }
.feature-bottom { bottom : 1.5em; }
.feature-left 	{ left   : 1.5em; }
.feature-center { left 	 : 1.5em; right : 1.5em; text-align : center; }

.feature-blog { background-color: #EEE; padding: 30px 30px 14px; }

.home a.blog-post:hover h3, .home a.blog-post:hover p.brand-green {
	text-decoration: underline;
}

.home .feature-third img.feature-bg {
	margin: 0 auto;
}

.blog-post {
	background: white;
	display: block;
	margin-bottom: 16px;
}

.blog-post:hover {
	text-decoration: none;
}

.blog-post h3 {
	margin-top: 0;
}

.blog-post .media-body {
	padding: 14px 20px 0px 10px;
}

.page-header {
	margin: 0 0 35px 0;
	padding: 0;
	position: relative;
}

.page-header .opacity-span {
	background: rgba(255, 255, 255, 0.7);
	color: #269967 !important;
	font-size: 38px;
	line-height: 65px;
	margin: 0;
	padding-left: 15px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	text-transform: uppercase;
	z-index: 2;
}

.page-header img {

}

.page-wave {

}

.page-content {
	padding: 0 0 70px 0;
}

.page-content > *:first-child {
	margin-top: 6px;
}

.bg-wave-right {
	background-image: url(images/bg-wave-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.bg-blue {
	background-color: #256183;
	color: white;
}

.bg-gray {
	background-color: #818181;
	color: white;
}

.bg-white {
	background-color: white;
}

.bg-gradient {
	background: #00658f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTc2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY1OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00658f 0%, #00a76d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00658f), color-stop(100%,#00a76d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00658f 0%,#00658f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00658f 0%,#00a76d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00658f 0%,#00a76d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00658f 0%,#00a76d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00658f', endColorstr='#00a76d',GradientType=0 ); /* IE6-8 */
}

.block-features {
	min-height: 266px;
	margin: 0 -15px;
	overflow: hidden;
	padding-bottom: 25px;
}

.feature-title {
	color: white !important;
	margin: 25px 0;
}

.feature-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.feature-list li {
	background-image: url(images/li-plus.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 18px;
	padding: 0 0 20px 28px;
}

.feature-copy {
	font-size: 18px;
	line-height: 1.4em;
	padding-top: 75px;
}

.icon-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.icon-list li {
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 33px;
	margin-top: 15px;
	padding: 0 0 0 43px;
}

.icon-list li.i-tel   { background-image: url(images/social-phone.png); }
.icon-list li.i-email { background-image: url(images/social-email.png); }

a.cta-pill {
	background-color: #259967;
	border-radius: 10px;
	color: white;
	padding: 0 10px;
}

.row-team > .item {
	min-height: 484px;
}

.team-member {
	padding: 30px 0;
}

.team-member > img {
	margin-bottom: 10px;
	max-width: 175px;
}

.team-member h2 {
	color: #808080 !important;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 2px;
}

.team-member h3 {
	color: #269967 !important;
	font-style: italic;
	font-size: 14px;
	margin-top: 0;
}

.logo-linkedin {
	margin-left: 10px;
}

.client-subtitle {
	color: #269967;
	line-height: 26px;
	position: relative;
	top: 2px;
	padding-left: 10px;
}

.client-left-col, .client-right-col {
	padding-top: 35px;
	padding-bottom: 20px;
}

.client-left-col-overflow, .client-right-col-overflow {
	padding-top: 0;
}

.client-more {

}

.blog-nav {
	margin-bottom: 25px;
	margin-top: -10px;
}

.blog-nav ul {
	list-style: none; 
	padding-left: 0;
	line-height: 38px;
	float: left;
	margin-bottom: 0;
}

.blog-nav ul li {
	float: left;
	margin-right: 20px;
}

.blog-row {
	padding-bottom: 40px;
}


.blog-title {
	margin: 15px 0 2px;
}

.blog-meta {
	color: #BEBFBF;
}

.blog-wrap {
	width: 95%;
}

.blog-content {
	-webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.blog-social {
	padding: 20px 0;
}

.blog-close {
	cursor: pointer;
	font-weight: bold;
	line-height: 32px;
}

.page-contact {
	padding: 20px;
	margin-bottom: 35px;
}

.contact-block {
	padding: 20px;
}

.contact-form {
	background-image: url(images/icon-wave-large.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.contact-modal > div {
	cursor: pointer;
	font-size: 1.6em;
	font-weight: bold;
	padding: 100px 20px;
}

.contact-modal .feature {
	border: solid 2px #fff;
}

.wpcf7 br {
	display: none;
}

.wpcf7 .form-group {
	clear: both;
	display: block;
	overflow: hidden;
	zoom: 1;
}

.wpcf7 label {
	color: #266183;
	display: block;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 34px;
	margin-bottom: 0;
	max-width: 30%;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}

.wpcf7 label img {
	position: absolute;
	top: 4px;
	right: 0;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
	background-color: #D6D6D6;
	border: none;
	float: right;
	max-width: 68%;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.wpcf7 textarea {
	resize: resize-y;
}

.wpcf7 input[type=submit] {
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
	/* font-family: Helvetica; */
	color: white;
	border: 0;
	background-color: #216084;
	padding: 5px 17px;
}

span.wpcf7-not-valid-tip {
	clear: both;
	font-size: 0.9em;
	padding-top: 5px;
	text-align: right;
}

span.wpcf7-form-control-wrap {
	position: inherit;
}

div.wpcf7-response-output {
	border-color: rgb(0, 102, 143);
	margin: 0;
	padding: 0.8em 1em;
	text-align: center;
}

img.wpcf7-captchac {
	max-width: 100%;
}

.wp-email-capture-error {
	margin: 0 0 15px;
	padding: 1em;
	width: 100%;
}

.menu-item-125 a {
	font-weight: bold !important;
}


.modal-content {
	border-radius: 0;
	border: solid 35px rgba(37, 97, 131, 0.75);
	box-shadow: 0 0;
}

.modal-header {
	border-bottom: 0;
	padding: 20px 30px;
}

.modal-title {
	background: url(images/logo-abbr.png) no-repeat;
	height: 41px;
	margin: 0 auto;
	text-indent: -99em;
	width: 73px;
}

.modal-body {
	padding: 0 30px 20px;
}

.modal-body iframe {
	max-width: 100%;
}

.modal-body .wpcf7 label {
	text-align: left;
}

.modal-body .wpcf7 input, .modal-body .wpcf7 textarea, .modal-body .wpcf7 select {
	max-width: 100%;
}

.modal-body .wpcf7 input#captcha {
	max-width: 68%;
}

.modal-footer {

}

.row-demo {
	position: relative; top: -35px;
}

.row-demo .demo-left {
	padding: 20px; background-color: #EDEDED;
}

.demo-right.feature .feature-top .btn {
	margin: 25% 0;
	position: relative;
}

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

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

	.page-header .opacity-span {
		font-size: 28px;
		min-height: 0 !important;
		position: relative;
		padding-left: 0;
	}

	.clear-mobile {
		clear: left;
		display: table;
		margin: 0.3em 0 0 0em;
	}

	.navbar-toggle {
		margin-right: 0;
		padding-right: 0;
	}

	.row-team > .item {
		min-height: 0;
	}

	.rss-icon {
		width: 30px;
	}

	.wrapper-footer {
		padding-bottom: 20px;
	}

	.footer-social {
		margin: 18px 0 20px;
		text-align: left;
	}

	.footer-nav ul li {
		float: left;
	}

	.footer-nav ul li a {
		margin: 0 0 0 15px;
		padding: 0;
	}

	.copyright {
		text-align: left !important;
	}

	.contact-modal {
		margin-top: 20px;
	}

	.row-demo .demo-left {
		margin-bottom: 20px;
	}

	.client-right-col {
		padding-top: 0;
	}

	.page-header .opacity-span {
		line-height: 54px; min-height: 108px;
	}

	.feature-copy {
		padding-top: 10px;
	}

	.block-features {
		background-image: none;
	}

	.blog-content {
		-webkit-box-shadow: 0 0;
		   -moz-box-shadow: 0 0;
				box-shadow: 0 0;
	}

	.contact-form {
		background-image: none;
	}

	.wpcf7 label {
		clear: both;
		float: none;
		max-width: 100%;
		text-align: left;
	}

	.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
		float: left;
		max-width: 100%;
	}

	.wpcf7 .captcha input {
		float: left;
		max-width: 60%;
	}

	.demo-right.feature {
		margin-bottom: 0;
	}

	.modal-content {
		border: solid 10px rgba(37, 97, 131, 0.75);
	}

	.feature-blog .blog-post h3.h2 {
		font-size: 18px;
		line-height: 1.3em;
	}
}

.footer {
	font-size: 12px;
	line-height: 12px;
}

.footer .copy-text {
	padding-top: 1em;
}

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

@media (max-width: 991px) {
	.container {
		width: 100%;
	}
}