/*
Theme Name: Direct Action Texas
Theme URI: http://directactiontexas.com/
Version: 1.0
Description: Direct Action Texas Theme developed by Harlan Bowling for Moon & Owl
Author: Harlan Bowling
Author URI: http://paradigmcreative.com
Tags: 

Copyright 2016 Moon & Owl, Paradigm Creative, & Direct Action Texas. All rights reserved.

*/



/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

html, body { width:100%; height:100%; margin:0; }
body { background: url(images/bg.png) repeat; color:#444; font: 300 1.05em/1.5 'Merriweather', serif; }
section { padding:50px 0; }
.container { width:88%; margin:0 auto; max-width:1250px; }

header { clear:both; margin:0; width:100%; background: linear-gradient(180deg, #fff, #eee); }
#logo { margin:30px 0; width:20%; height:auto; vertical-align: middle; }

nav { width:75%; display:inline-block; margin:45px 0; height:100%; }
nav ul { padding:0; list-style-type:none; text-align:right; text-transform: uppercase; vertical-align: middle;}
nav ul li { display:inline-block; margin:0 0 0 2.5%; }
nav ul li a { font: 400 0.9em/1.25 'Montserrat', sans-serif; color:#035b7f; padding:10px 6px; }

section.headertitle { background: linear-gradient(180deg, #035b7f, #002839); margin-bottom:40px; }
.home section.headertitle { padding:60px 0; }

.blog article.post { margin-bottom:40px; padding:40px 40px 14px; border:2px solid #035b7f; border-radius: 8px; }
.post-thumb { width:100%; display:block; margin:0px auto 24px; }
.post-thumb img { width:100%; height:auto; }

.tags { display:block; margin:40px 0 60px; padding:40px 30px; background:rgba(125,125,125,0.25); }

aside { text-align:center; }
.widget { margin-bottom:60px; }
aside li.cat-item-1 { display:none; }
#mc-indicates-required { display:none; }
.mc_var_label { margin-bottom:0 !important; }
#mc_signup_submit { margin-top:5px !important; }

.social-icons a { display:inline-block; text-align:center; margin:8px; padding:13px; width:48px; height:48px; font-size:20px; line-height:20px; border:1px solid; color:#eee; border-radius:500px; }
.social-icons a:hover { color:#c9111d; border-color:#c9111d; }
.et_monarch .et_social_inline_bottom { margin:50px 0; }

form [class*='col-'] { padding:0 5px; margin-bottom:9px; }
input, textarea { font: 300 0.9em/1.25 'Merriweather', sans-serif; border:5px solid #035b7f; padding:18px; width:100%; margin-top:4px; background: rgba(255.255.255,0.9); color:#444; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.widget input, .widget textarea { padding:8px; border:3px solid #035b7f; }
input:focus, textarea:focus { background: rgba(255,255,255,0.2); border:5px solid #c9111d; }
textarea { height:250px; resize:none; }
input[type=submit] { border:none; margin:20px 0; }
.wpcf7 p { margin-bottom:18px; line-height: 1.5em }

.searchform { position:relative; }
.searchform button { position:absolute; border:none; left:-4px; top:14px; height:26px; font-size:12px; width:auto; background:none; }
.searchform input { height:50px; border:none; background:rgba(0,0,0,0.2); padding-left:40px; }

footer { position:relative; font: 300 0.9em/1.25 'Merriweather', serif; padding:50px 0 0; margin:0 auto; background: linear-gradient(180deg, #035b7f, #002839); color:#ddd; }

.bottom { text-align: center; padding:24px 0; background: #161616; color:#ddd; }



/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

h1, h2, h3, h4 { margin:0 0 40px; padding:0; }
h1 { font: 700 3.5em/1.25 'Montserrat', sans-serif; color:#035b7f; margin:0 0 12px; }
h2, h1.title { font: 900 2em/1.15 'Merriweather', serif; color:#035b7f; margin:0 0 24px; padding-bottom:16px; border-bottom:1px dotted #777; }
h3 { font: 700 1.45em/1.25 'Montserrat', sans-serif; text-transform: uppercase; }
h4 { font: 900 1.15em/1.25 'Merriweather', serif; }

.headertitle h1 { color:#fff; display:inline-block; position: relative; z-index:12; padding-left:16px; margin:0; }
.triangle { display:inline-block; width: 0; height: 0; border-top: 30px solid #c9111d; border-left: 30px solid transparent; position:relative; z-index:12; }

.single-post h1 { font: 900 2.25em/1.2 'Merriweather', serif; }

.headertitle h2 { font: 700 1.35em/1.25 'Montserrat', sans-serif; color:#fff; text-align:center; padding:0; margin:0; border:none; }
.post-copy h2 { padding-bottom:0; margin:14px 0; border-bottom:0; font-size:1.5em; }

.widget h3 { margin:0 0 16px; padding:0 0 10px; border-bottom:1px dotted #c9111d; }

a { text-decoration:none; color:#035b7f; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
a:hover { color: #c9111d; }
a.more-link, a.button, input[type=submit] { font: 700 0.95em/1 'Montserrat', sans-serif; color:#eee; display:inline-block; background:#035b7f; margin:0; padding:16px 48px; text-transform: uppercase; }
a.more-link:hover, a.button:hover, input[type=submit]:hover { background:#c9111d; }

a.back-to-top { display:none; position:fixed; right:20px; bottom:150px; z-index:9999; }

.meta { text-transform:uppercase; font: 700 0.8em/1.25 'Montserrat', sans-serif; color:#888; margin:0 0 30px; }
p { margin:0 0 30px; }

.post-copy ul, .content ol { margin:0px 0 30px 30px; }
.post-copy ol ul { margin:5px 0 5px 30px; }
.post-copy ul li, .content ol ul li { list-style-type: disc; margin:0 0 5px; }
.post-copy ol li { list-style-type: decimal; margin:0 0 5px; }

aside ul li { list-style: none; }

li { margin:0 0 6px; }

em { font-style: italic; }
strong { font-weight:900; }

.navigation { width:100%; margin:30px 0; text-align:center; }
.navigation ul { margin:0; padding:0; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; }
.navigation li { display: inline; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #aaa; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.navigation li a:hover { background-color:#c9111d; } 
.navigation li.active a { background-color: #035b7f; }