/*
Theme Name: Traylor Bro
Version: 1.0
Author: Hoover Web Development
Author URI: https://bhoover.com/
Description: Your custom WordPress theme
*/

/*--------------------------------------------------------------
Starter Site Styles - delete to start bare bone
--------------------------------------------------------------*/

@import url('css/starter.css?v=2');

/*--------------------------------------------------------------
Navbar
--------------------------------------------------------------*/

.navbar {
	padding: 0;
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
	padding-top: 0px !important;
	background-color: #0a0a0a !important;
	border-top-color: #e51937 !important;
	border-top-style: solid !important;
	border-bottom-color: #e51937 !important;
	border-bottom-style: solid !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	text-align: left;
	font-size: 16px;
}

.navbar-nav {
	margin-top: 9px;
}

.navbar-nav>li {
	margin: 0 5px;
	padding-bottom: 11px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav .dropdown-menu>li:hover>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li.active>a {
	background-color: #e51937;
}

.navbar-inverse .navbar-nav>li>a:hover {
	background-color: #e51937;
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	font-family: 'Source Sans 3', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
    color: #e51937;
    -webkit-transition: color 300ms,background-color 300ms;
    -moz-transition: color 300ms,background-color 300ms;
    -o-transition: color 300ms,background-color 300ms;
    transition: color 300ms,background-color 300ms;
}

a:focus,
a:hover,
a:active {
    color: #e51937;
	text-decoration: underline;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Other Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 2px solid #e51937;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

img,
video {
	height: auto;
	max-width: 100%;
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

@media screen and (min-width: 30em) {

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}


/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}
}