/*
Theme Name: Greg Terra Law
Theme URI: http://gregterralaw.com/
Author: Nehmedia
Author URI: http://nehmedia.com/
Description: Custom Wordpress theme developed for Greg Terra Law by <a href="http://nehmedia.com">Nehmedia, Inc.</a>
Version: 2
*/

/* Firefox Fixes */

.col-lg-3 {
	width: 24% !important;
}

body {
	word-wrap: break-word;
	font-size: 16px;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	line-height: 27px;
	background: url(images/body-bg.png) repeat;
}
h1, h2, h3, h4 {
	color: #a27e4f;
	text-align:center;
	text-transform: capitalize;
	font-variant: small-caps;
}
h1 {
	font-size: 42px;
	line-height: 47px;
}
h2, h3 {
	font-size: 1.5em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}
embed,
iframe,
object {
	max-width: 100%;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear {
	clear: both;
}
.nopad {
	padding: 0;
}

/* Top Hat */
.tophat {
	width: 100%;
	background: #000000;
	padding: 3px 0;
	font-size: 13px;
	color: #999999;
	float:left;
	font-family: sans-serif;
	text-align:center;
}
.tophat a {
	color: #999999;
}
.tophat .container {
	padding: 0 15px;
}

/* Navigation */

.navbar-nav {
	float:right;
}

.navbar-default .navbar-nav>li>a {
	color: #e5b576;
}
.navbar-default .navbar-nav>li:first-child>a {
	background:none;
	padding-left:0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
}

.separate {
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #ccc;
}

.dropdown-menu li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #357ebd;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
	background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
	background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.dropdown-menu ul { list-style: none; }
.container { padding: 0 15px 15px 15px; }
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* Header */

.site-header {
	clear:both;
	height: 125px;
	background: #360404;
}

/* Hero */
.hero {
	border-bottom: 15px solid #a27e4f;
	background: #fff;
	background: url(images/home-hero-mobile.jpg) no-repeat center top;
}
.hero .container {
	padding-bottom: 0;
}
.hero-home {
	padding-top: 20px;
}
.hero-home p {
	display:none;
}
.hero-cta, .hero-home .hero-cta {
	background: #5a1010;
	padding: 10px 20px;
	color: #fff;
	border-bottom: 5px solid #a27e4f;
	display:inline-block;
	font-size: 27px;
	margin: 0;
}
 .hero-cta a {
	color: #fff;
}
.dui-hero, .drug-hero, .assault-hero, .theft-hero {
	border-bottom: 10px solid #a27e4f;
	height: 123px;
}
.dui-hero {
	background: url(images/drug-hero-desktop.jpg) repeat-x center top;
}
.assault-hero {
	background: url(images/drug-hero-desktop.jpg) repeat-x center top;
}
.theft-hero {
	background: url(images/drug-hero-desktop.jpg) repeat-x center top;
}
.drug-hero {
	background: url(images/drug-hero-desktop.jpg) repeat-x center top;
}
.dui-hero .hero-cta, .drug-hero .hero-cta, .assault-hero .hero-cta, .theft-hero .hero-cta {
	margin-top: 30px;
}

/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.main-content-inner a {
	color: #841515;
}
.hentry {
	margin: 0 0 1.5em;
}
.heading, .heading h1 {
	text-align:center;
	margin: 0;
}
.top-heading {
	color: #666666;
	font-size: 16px;
	margin: 30px 0 0 0;
}
.bottom-heading {
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 10px;
}

.link-boxes {
	background: #360404;
	padding: 10px 20px;
	text-align:center;
	height: 150px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display:table;
	margin-bottom: 20px;
}
.link-boxes h2 {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
.link-boxes a {
	color: #e5b576;
}
a.phonelink:hover {
	cursor: pointer;
}
.entry-content p {
	font-size: 18px;
}

/* Sidebar */

.sidebar {padding-top: 20px;}
.home .sidebar {padding-top: 0;}
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
.widget_search .search-form input[type="submit"] { display: none; }
.widget select {
	max-width: 100%;
}

/* Media Queries */

@media screen and (min-width: 768px){
	.tophat {
		text-align:left;
	}
	.googleplus {
		text-align:right;
	}
	.site-navigation-inner {
		display:table;
		height: 125px;
	}
	.navbar-default {
		display:table-cell;
		vertical-align:middle;
	}
	.hero-home p {
		display:block;
	}
}

@media screen and (min-width: 992px){
	h1, h2, h3, h4 {
		text-align:left;
	}
	.navbar-default .navbar-nav>li>a {
		color: #e5b576;
		padding: 0 0 0 15px;
	}
	.hero {
		background: url(images/home-hero-desktop.jpg) repeat-x center top;
	}
	.hero-home {
		width: 100%;
		height: 250px;
	}
}

@media screen and (min-width: 1200px){
	.navbar-default .navbar-nav>li>a {
		padding: 0 15px 0 25px;
		color: #e5b576;
		background: url(images/separate.png) center left no-repeat;
	}
	.hero-home {
		width: 100%;
		height: 300px;
	}
	.hero-home p {
		color: #360404;
		font-size: 22px;
	}
}

@media screen and (max-width: 991px){
	.hero-home {
		margin-bottom: 20px;
		padding-top: 0;
		text-align:center;
	}
}

@media screen and (max-width: 767px){
	.hero-home {
		padding-top: 20px;
	}
	.tophat {
		font-size: 20px;
	}
	.site-navigation-inner.col-xs-2 {
		position:absolute;
		width: 100%;
		z-index:9998;
		padding: 0;
	}
	.navbar-header {
		height: 124px;
	}
	.navbar-collapse {
		width: 100%;
		background: #000;
		-webkit-box-shadow: 0px 32px 63px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 32px 63px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 32px 63px 0px rgba(0,0,0,0.75);
	}
	.navbar-default .navbar-nav>li>a {
		background: none;
		padding: 10px 0;
		border-bottom: 1px solid #1e1e1e;
	}
	.navbar-default .navbar-nav>li>a:hover {
		background: #333;
	}
	.navbar-nav {
		float:left;
		margin: 0;
		width: 100%;
		border-bottom: 15px solid #a27e4f;
	}
	.navbar-toggle {
		margin-top: 0;
		margin-right: 0;
		height: 124px;
		background: #c7a16f;
		border:none;
		border-radius: 0;
		margin-bottom: 0;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #000;
	}
	.nav>li {
		text-align:center;
		width: 100%;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a  {
		color: #ccc;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #fff;
	}
	.site-header-inner {
		z-index: 9999;
	}
}
@media screen and (max-width: 400px){
		.alignleft, .alignright {
			display:block;
			float:none;
			margin: 0 auto;
		}
	}