/*
Theme Name: Texas Senate GOP
Theme URI: http://www.texassenate.gop/
Description: Custom theme for Texas Senate Republican Caucus
Author: Catch Digital Strategy
Author URI: http://www.catchdigitalstrategy.com/
Version: 1.0
*/

@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: #f1ece0;
	color: #1a1a1a;
	font-family: "museo", sans-serif;
}

h1, h2, h3, h4 {
	font-family: "museo-slab", serif;
	font-weight: 700;
}

h1 span, h2 span, h3 span, h4 span {
	color: #e0073c;
}

h1 a, h2 a {
	color: #e0073c;
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #e0073c;
	text-decoration: none;
}

@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;
 	}
 	h4 {
 		font-size: 18px;
 		line-height: 20px;
 	}
}

@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;
 	}
 	h4 {
 		font-size: 14px;
 		line-height: 16px;
 	}
}

@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;
 	}
 	h4 {
 		font-size: 12px;
 		line-height: 14px;
 	}
}

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

.heading {
	
}

.heading:before {
	content: '\2605 \00A0';
}

small {
	color: #a79779;
	font-size: 11px;
}

a, a:hover, a:focus {
	color: #0e457b;
}

a:focus {
	text-decoration: none;
}

input, textarea, select {
	border: 1px solid rgba(166, 151, 121, 0.25) !important;
	border-radius: 0px !important;
	background: rgba(255, 255, 255, 0.75) !important;
	color: #1a1a1a !important;
	font-family: "museo", sans-serif !important;
	font-size: 16px !important;
}

input[type=submit], button {
	height: auto !important;
	border: 1px solid rgba(166, 151, 121, 0.25) !important;
	padding: 5px 10px 5px 10px;
	background: #0e457b !important;
	color: #fff !important;
	font-family: "museo-slab", sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
}

input[type=submit]:hover, button:hover {
	background: #e0073c !important;
	color: #fff !important;
}

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

@media (min-width: 768px) {
	#home {
		background: url('images/back-header.jpg') no-repeat center;
		-webkit-background-size: cover;
		-moz-backround-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

@media (min-width: 1200px) {
	#home {
		height: 600px;
	}
	#header #logo {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#home #social {
		padding-top: 75px;
	}
	#header #social {
		padding-top: 49px;
		text-align: right;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#home {
		height: 450px;
	}
	#home #logo img {
		height: 225px;
	}
	#home #social {
		padding-top: 45px;
	}
	#header #logo {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#header #logo img {
		height: 88px;
	}
	#header #social {
		padding-top: 41px;
		text-align: right;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#home {
		height: 367px;
	}
	#home #logo img {
		height: 183px;
	}
	#home #social {
		padding-top: 30px;
	}
	#header #logo {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#header #logo img {
		height: 66px;
	}
	#header #social {
		padding-top: 33px;
		text-align: right;
	}
}

@media (max-width: 767px) {
	#home #logo {
		text-align: center;
	}
	#home #logo img {
		height: 150px;
	}
	#header #logo {
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
	}
	#header #social {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}
}

#home #social {
	text-align: center;
}

#home #social img, #header #social img {
	margin: 0 2px 0 2px;
	border: 2px solid #fff;
	background: #0e457b;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

#home #social img:hover, #header #social img:hover {
	background: #e0073c;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

@media (min-width: 1200px) {
	#home #social, #header #social {
		
	}
	#home #social img, #header #social img {
		width: 48px;
		height: 48px;
		border-radius: 28px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#home #social, #header #social {
		
	}
	#home #social img, #header #social img {
		width: 42px;
		height: 42px;
		border-radius: 25px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#home #social, #header #social {
		
	}
	#home #social img, #header #social img {
		width: 36px;
		height: 36px;
		border-radius: 22px;
	}
}

@media (max-width: 767px) {
	#home #social, #header #social {
		
	}
	#home #social img, #header #social img {
		width: 30px;
		height: 30px;
		border-radius: 19px;
	}
}

#home #signup {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

#home #signup .gform_wrapper {
	margin: 0;
}

#home #signup form {
	margin-bottom: 0px;
}

#home #signup .gform_body {
	display: block;
	text-align: center;
}

#home #signup .gform_body ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#home #signup .gform_body ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#home #signup .gform_wrapper label.gfield_label + div.ginput_container {
	margin-top: 0px;
}

#home #signup .gform_wrapper .ginput_container {
	width: 100% !important;
}

#home #signup .gform_body ul li .ginput_container {
	padding: 4px 2px 4px 2px;
}

#home #signup .gform_body ul li input {
	width: 100%;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

#home #signup .gform_body ul li button {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1200px) {
	#home #signup .gform_body ul li input {
		font-size: 16px !important;
	}
	#home #signup .gform_body ul li button {
		font-size: 18px !important;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#home #signup .gform_body ul li input {
		font-size: 14px !important;
	}
	#home #signup .gform_body ul li button {
		font-size: 16px !important;
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#home #signup .gform_body ul li input {
		font-size: 12px !important;
	}
	#home #signup .gform_body ul li button {
		font-size: 14px !important;
		padding-top: 3px;
		padding-bottom: 3px;
	}
}

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

#home #signup .gform_body ul li button .updates {
	display: none;
}

#home #signup .gform_footer {
	display: none;
}

#home #signup .validation_error {
	display: none;
}

#home #signup .validation_message {
	font-size: 9px;
	text-transform: uppercase;
}

#navigation {
	border-top: 2px solid #a79779;
	border-bottom: 2px solid #a79779;
	background: #1a1a1a;
}

#navigation #menu {
	text-align: center;
}

#navigation #menu ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 14px 0 0;
	background: url('images/menu-star.png') no-repeat right center;
}

#navigation #menu ul li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 14px;
	background: url('images/menu-star.png') no-repeat left center;
}

#navigation #menu ul li a {
	display: block;
	color: #fff;
	font-family: "museo-slab", serif;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
}

#navigation #menu ul li a:hover {
	color: #a79779;
	text-decoration: none;
}


@media (min-width: 1200px) {
	#navigation #menu ul li a {
		padding: 0 30px 0 30px;
		font-size: 18px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#navigation #menu ul li a {
		padding: 0 25px 0 25px;
		font-size: 15px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#navigation #menu ul li a {
		padding: 0 12px 0 12px;
		font-size: 11px;
	}
}

@media (max-width: 767px) {
#navigation #menu ul li a {
		padding: 0 10px 0 10px;
		font-size: 10px;
	}
}


#navigation .navbar {
	margin-bottom: 0;
	padding: 5px;
}

#navigation .navbar .btn-navbar {
	float: none;
	margin: 0px auto !important;
	border: 2px solid #fff !important;
	border-radius: 0px !important;
}

#navigation .navbar-inverse .btn-navbar, #navigation .navbar-inverse .btn-navbar:hover, #navigation .navbar-inverse .btn-navbar:focus, #navigation .navbar-inverse .btn-navbar:active, #navigation .navbar-inverse .btn-navbar.active, #navigation .navbar-inverse .btn-navbar.disabled, #navigation .navbar-inverse .btn-navbar[disabled] {
	background: rgba(255, 255, 255, 1.0);
}

#navigation .navbar ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}

#navigation .navbar ul li {
	margin: 0;
	padding: 0;
}

#navigation .navbar ul li a {
	display: block;
	padding: 0 26px 0 26px !important;
	color: #fff;
	font-family: "museo-slab", serif;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

#navigation .navbar ul li a:hover {
	background: #e0073c;
	color: #fff;
	text-decoration: none;
}

#main {
	padding-top: 30px;
	padding-bottom: 30px;
	background: url('images/back-main.jpg') no-repeat center top;
	background-size: 100%;
}

#main .box {
	margin-bottom: 30px;
	box-shadow: 0px 0px 10px rgba(167, 151, 121, 0.25);
	background: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1200px) {
	#main .box {
		padding: 20px 30px 30px 30px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#main .box {
		padding: 15px 25px 25px 25px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#main .box {
		padding: 10px 20px 20px 20px;
	}
}

@media (max-width: 767px) {
	#main .box {
		padding: 10px 20px 20px 20px;
	}
}

#main .box .link {
	padding-top: 8px;
}

#main .featured-image {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#main .featured-image img {
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px rgba(167, 151, 121, 0.25);
}

#main .video-thumbnail {
	width: 100%;
	margin-top: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px rgba(167, 151, 121, 0.25);
}

#main .video-thumbnail img {
}

#main .video {
	margin-top: 10px;
}

#main #cff p {
	line-height: 150%;
}

#main #cff .cff-item {
	border-bottom: 0px none;
	padding: 5px 0 5px 0;
}

#main #cff .cff-date {
	color: #a79779;
	font-size: 11px;
	text-transform: uppercase;
}

#main ul.really_simple_twitter_widget {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main ul.really_simple_twitter_widget li {
	margin: 0;
	padding: 8px 0 8px 0;
}

#main ul.really_simple_twitter_widget li .rstw_comma {
	display: none;
}

#main ul.really_simple_twitter_widget li .twitter-timestamp {
	display: block;
	padding-top: 7px;
	color: #a79779;
	font-size: 11px;
	text-transform: uppercase;
}

#main .tablesorter thead th {
	border: 0px none;
	text-align: left;
}

#main .tablesorter tr {
	border-bottom: 1px solid rgba(167, 151, 121, 0.25);
}

#main .tablesorter tr td a {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

#main .tablesorter tr td a:hover img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

#main .tablesorter tr td img {
	margin: 0 2px 0 2px;
	border: 2px solid #fff;
	background: #a79779;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

@media (min-width: 768px) {
	#main .tablesorter thead th {
		padding-left: 5px;
		padding-right: 30px;
	}
	#main .tablesorter tr td {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 5px;
		padding-right: 10px;
	}
}

@media (min-width: 1200px) {
	#main .tablesorter tr td img {
		width: 36px;
		height: 36px;
		border-radius: 22px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#main .tablesorter tr td img {
		width: 30px;
		height: 30px;
		border-radius: 19px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#main .tablesorter tr td img {
		width: 24px;
		height: 24px;
		border-radius: 16px;
	}
}

@media (max-width: 767px) {
	#main .tablesorter thead th {
		padding-left: 2px;
		padding-right: 2px;
	}
	#main .tablesorter tr td {
		min-width: 22px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 2px;
		padding-right: 2px;
	}
	#main .tablesorter tr td img {
		width: 18px;
		height: 18px;
		border-radius: 13px;
	}
}

#main .tablesorter tr td img:hover {
	background: #e0073c;
}

#main .gform_wrapper .gfield_checkbox li label, #main .gform_wrapper .gfield_radio li label {
	font-size: 16px;
	line-height: 28px;
}

#base {
	border-top: 2px solid #a79779;
	border-bottom: 2px solid #a79779;
	background: #1a1a1a;
}

#base #legal {
	padding-top: 21px;
	padding-bottom: 21px;
	color: #fff;
	font-family: "museo-slab", serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

#footer {
	padding-top: 30px;
	padding-bottom: 45px;
	font-size: 12px;
	line-height: 18px;
}

@media (min-width: 768px) {
	#footer #address {
		text-align: left;
	}
	#footer #social {
		text-align: center;
	}
	#footer #contact {
		text-align: right;
	}
}

@media (max-width: 767px) {
	#footer {
		text-align: center;
	}
	#footer #social {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#footer #social {
	
}

#footer #social img {
	margin: 0 2px 0 2px;
	border: 2px solid #fff;
	background: #a79779;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

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

@media (min-width: 1200px) {
	#footer #social img {
		width: 48px;
		height: 48px;
		border-radius: 28px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#footer #social img {
		width: 42px;
		height: 42px;
		border-radius: 25px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#footer #social img {
		width: 36px;
		height: 36px;
		border-radius: 22px;
	}
}

@media (max-width: 767px) {
	#footer #social img {
		width: 30px;
		height: 30px;
		border-radius: 19px;
	}
}

/* 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: #e0073c;
}

.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: #e0073c;
}

.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: #e0073c;
}

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

.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: #e0073c;
	font-family: "museo", 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; text-transform: uppercase; }
.entry { line-height: 150%; }
@media (min-width: 1200px) {
	.entry { font-size: 16px; }
}
@media (min-width: 980px) and (max-width: 1199px) {
	.entry { font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 979px) {
	.entry { font-size: 12px; }
}
@media (max-width: 767px) {
	.entry { font-size: 12px; }
}
.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; }