/*
Theme Name: Phil King
Theme URI: http://www.philking.com/
Description: Custom theme for Phil King
Author: Catch Digital Strategy
Author URI: http://www.catchdigitalstrategy.com/
Version: 1.0
*/

@import url('http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Roboto+Slab:400,400italic,700,700italic');
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 

/* STRUCTURE */

html, body {
	height: 100%;
}

@media (max-width: 767px) {
	html {
		overflow: hidden;
	}
}

body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: #19388a;
	color: #333;
	font-family: Roboto, sans-serif;
}

h1, h2, h3 {
	font-family: 'Roboto Slab', serif;
}

@media (min-width: 1200px) {
 	h1 {
 		font-size: 36px;
 		line-height: 40px;
 	}
 	h2 {
 		font-size: 28px;
 		line-height: 31px;
 	}
 	h3 {
 		font-size: 22px;
 		line-height: 24px;
 	}
}

@media (min-width: 980px) and (max-width: 1199px) {
 	h1 {
 		font-size: 30px;
 		line-height: 33px;
 	}
 	h2 {
 		font-size: 22px;
 		line-height: 24px;
 	}
 	h3 {
 		font-size: 18px;
 		line-height: 20px;
 	}
}

@media (min-width: 768px) and (max-width: 979px) {
 	h1 {
 		font-size: 24px;
 		line-height: 26px;
 	}
 	h2 {
 		font-size: 18px;
 		line-height: 20px;
 	}
 	h3 {
 		font-size: 14px;
 		line-height: 16px;
 	}
}

@media (max-width: 767px) {
 	h1 {
 		font-size: 24px;
 		line-height: 26px;
 	}
 	h2 {
 		font-size: 18px;
 		line-height: 20px;
 	}
 	h3 {
 		font-size: 14px;
 		line-height: 16px;
 	}
}

a, a:hover, a:focus {
	color: #19388a;
}

a:focus {
	text-decoration: none;
}

input, textarea, select {
	height: auto !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 0px !important;
    box-shadow: none !important;
	background: #fff !important;
	color: #1a1a1a !important;
	font-family: 'Roboto Slab', serif !important;
	font-size: 16px !important;
}

input[type=submit], button {
	height: auto !important;
	border: 0px none !important;
	padding: 6px 12px 6px 12px;
    box-shadow: none !important;
	background: #19388a !important;
	color: #fff !important;
	font-family: 'Roboto Slab', serif !important;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

input[type=submit]:hover, button:hover {
	border-radius: 20px !important;
	background: #102357 !important;
}

@media (max-width: 767px) {
	#header, #feature, #action, #main, #footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

#header {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	#header #logo {
		padding: 10px;
		text-align: center;
	}
}

#header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header #menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#header #menu ul li a {
	display: block;
	font-family: 'Roboto Slab', serif;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

#header #menu ul li a:hover {
	color: #bcbdc1;
	text-decoration: none;
}

#header #menu ul li a#contribute {
	margin-left: 10px;
	padding: 0 15px 0 15px;
	background: #b71b1f;
	color: #fff;
}

#header #menu ul li a#contribute:hover {
	border-radius: 20px;
	background: #19388a;
	color: #fff;
}

@media (min-width: 1200px) {
	#header #menu {
		padding-top: 20px;
	}
	#header #menu ul li a {
		padding: 0 10px 0 10px;
		font-size: 20px;
		line-height: 40px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#header #menu {
		padding-top: 20px;
	}
	#header #menu ul li a {
		padding: 0 8px 0 8px;
		font-size: 16px;
		line-height: 40px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#header #menu {
		padding-top: 14px;
	}
	#header #menu ul li a {
		padding: 0 6px 0 6px;
		font-size: 12px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {

}

#header #menu form {
	margin: 15px 0 15px 0;
}

#header #menu form select {
	margin: 0;
}

#feature {
	background: url('images/back-feature.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-backround-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#feature .soliloquy-theme-classic .soliloquy-pager {
    text-align: center;
}

#action {
	padding: 20px;
	background: #bcbdc1; /* Old browsers */
	background: -moz-linear-gradient(top,  #bcbdc1 0%, #d4d5d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbdc1), color-stop(100%,#d4d5d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bcbdc1 0%,#d4d5d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bcbdc1 0%,#d4d5d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bcbdc1 0%,#d4d5d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bcbdc1 0%,#d4d5d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbdc1', endColorstr='#d4d5d8',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 767px) {
	#action #social {
		text-align: center;
	}
}

#action #social img {
	padding: 2px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

#action #social img:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

#signup {

}

#signup .gform_wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

#signup .gform_wrapper form {
	margin: 0;
}

#signup .gform_body {
	
}

#signup .gform_body ul li.gfield {
	margin: 0;
}

#signup .gform_body ul li input {
	margin: 0 0 2px 0;
}

@media (min-width: 768px) {
	#signup .gform_body ul li {
		display: inline-block;
		padding: 0 1% 0 1% !important;
	}
	#signup .gform_body ul li#field_1_1 {
		width: 13%;
	}
	#signup .gform_body ul li#field_1_2 {
		width: 13%;
	}
	#signup .gform_body ul li#field_1_3 {
		width: 13%;
	}
	#signup .gform_body ul li#field_1_4 {
		width: 28%;
	}
	#signup .gform_body ul li#field_1_5 {
		width: 23%;
	}
	#signup .gform_body ul li input {
		width: 100%;
	}
	#signup .gform_body ul li button {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#signup {
		padding-top: 20px;
	}
	#signup .gform_body ul li {
		display: block;
		padding: 2px;
	}
	#signup .gform_body ul li#field_1_1 {
		width: 100%;
	}
	#signup .gform_body ul li#field_1_2 {
		width: 100%;
	}
	#signup .gform_body ul li#field_1_3 {
		width: 100%;
	}
	#signup .gform_body ul li#field_1_4 {
		width: 100%;
	}
	#signup .gform_body ul li#field_1_5 {
		width: 100%;
	}
	#signup .gform_body ul li input {
		width: 100%;
	}
	#signup .gform_body ul li button {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	#signup .gform_body ul li input {
		font-size: 14px !important;
	}
	#signup .gform_body ul li button {
		font-size: 14px !important;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#signup .gform_body ul li input {
		font-size: 12px !important;
	}
	#signup .gform_body ul li button {
		font-size: 12px !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#signup .gform_body ul li input {
		font-size: 10px !important;
	}
	#signup .gform_body ul li button {
		font-size: 8px !important;
	}
}

@media (max-width: 767px) {
	#signup .gform_body ul li input {
		font-size: 14px !important;
	}
	#signup .gform_body ul li button {
		font-size: 14px !important;
	}
}

#signup .gform_footer {
	display: none;
}

#signup .validation_error {
	display: none;
}

#main {
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

#main .feed {
	border: 3px solid #f6f6f7;
	padding: 20px;
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #eaeaeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#eaeaeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f6f6 0%,#eaeaeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#eaeaeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#eaeaeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaeb',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 1200px) {
	#main .feed {
		min-height: 360px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#main .feed {
		min-height: 420px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#main .feed {
		min-height: 480px;
	}
}

@media (max-width: 767px) {

}

#main .feed h3 {
	margin-bottom: 6px;
	font-size: 16px;
	line-height: 20px;
}

#main .feed .post {
	margin-bottom: 0;
}

#main .feed .post .entry {
	font-size: 14px;
}

#endorsements {
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: 'Roboto Slab', serif;
	text-align: center;
}

#endorsements #subtitle {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #bcbdc1;
	font-size: 20px;
	line-height: 36px;
}

#endorsements h2 {
	color: #b71b1f;
	font-weight: 400;
}

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

.list-grid h3 {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

.more {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
}

#footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #19388a;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #fff;
}

/* CAPTCHA */

.fgfic-style1 {
    border: 1px solid #e5e5e5 !important;
}

.fgfic-style1 .fgfic-icon-wrapper .fa {
    font-size: 40px !important;
}

/* VIDEO */

div.video {
	position: relative;
	padding-top: 0px;
	padding-bottom: 67.5%;
	height: 0;
	overflow: hidden;
}

div.video.widescreen {
	padding-bottom: 57.25%;
}

div.video.vimeo {
	padding-top: 0;
}

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

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
	div.video { padding-top: 0; }
}

/* FORMS */

.container .gform_wrapper .top_label .gfield_label {
	font-weight: normal;
}

.container .gform_wrapper ul li.gfield {
	margin-bottom: 8px;
}

.container .gform_wrapper .gfield_required {
	color: #b71b1f;
}

.container .gform_wrapper.gf_browser_gecko select {
	padding: 3px;
}

.container .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label, .container .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {
	font-weight: normal;
}

.container .gform_wrapper div.validation_error {
	color: #b71b1f;
}

.container .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent;
	border-top: 0px none;
	border-bottom: 0px none;
}

.container .gform_wrapper .gfield_error .gfield_label {
	color: rgba(51, 51, 51, 1.0);
}

.container .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #b71b1f;
}

.container .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label {
	color: #b71b1f;
}

.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding-left: 0px !important;
}

.container .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding: 0px !important;
}

.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin-bottom: 0px !important;
}

.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0px;
}

.container .gform_wrapper li.gfield_error input[type="text"], .container .gform_wrapper li.gfield_error input[type="url"], .container .gform_wrapper li.gfield_error input[type="email"], .container .gform_wrapper li.gfield_error input[type="tel"], .container .gform_wrapper li.gfield_error input[type="number"], .container .gform_wrapper li.gfield_error input[type="password"], .container .gform_wrapper li.gfield_error textarea {
	border: 0px none;
}

.container .gform_wrapper .ginput_container + .gfield_description.validation_message {
	margin-top: 0px;
}

.container .gform_wrapper .top_label .gfield_description.validation_message, .container .gform_wrapper .gfield_description.validation_message {
	
}

.container .gform_wrapper .validation_message {
	color: #b71b1f;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
}

.container .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	margin-right: 0;
}

.container .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .container .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	width: 49%;
}

.container .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
	margin-right: 0;
}

.container .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .container .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .container .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
	width: 32%;
}

.container .gform_wrapper .description, .container .gform_wrapper .gfield_description, .container .gform_wrapper .gsection_description {
	padding: 0 !important;
}

.container .gform_wrapper .top_label .gfield_description.validation_message, .container .gform_wrapper .gfield_description.validation_message {
	padding: 0 0 10px 0 !important;
}

.container .gform_wrapper .gform_footer {
	padding: 0 !important;
}

/* WORDPRESS */

.post { padding: 0 0 20px 0; }
.date { position: relative; top: -8px; color: #818185; font-size: 11px; text-transform: uppercase; }
.entry { font-size: 16px; line-height: 150%; }
.entry ul li { line-height: 150%; }
.alignleft { float: left; }
.alignright { float: right; }
@media (min-width: 768px) {
	img.alignleft { margin: 10px 20px 10px 0; }
	img.alignright { margin: 10px 0 10px 20px; }
}
@media (max-width: 767px) {
	img.alignleft { float: none; display: block; margin: 10px auto; }
	img.alignright { float: none; display: block; margin: 10px auto; }
}
img.aligncenter { display: block; margin: 0px auto; }
.clear { clear: both; }