/*
Theme Name: Omnibus_Blog_Concept
Description: Culture War Blog of Blogs
Version: 1
Author: David Woodworth
*/
html > body.cards-background {
	background-color: #EEEEEE;
}
#banner-background{
	background: -webkit-linear-gradient(#405C76, #143656); /* Safari 5.1-6.0 */
	background: -o-linear-gradient(#405C76, #143656); /* For Opera 11.6-12.0 */
	background: -moz-linear-gradient(#405C76, #143656); /* For Firefox 3.6-15 */
	background: linear-gradient(#405C76, #143656); /* Standard syntax */
}
.navbar.affix{
	z-index: 1;
	top: 0;
	width: 100%;
}
@media (min-width: 783px){
	html body.customize-support .navbar.affix{
		top: 32px;
	}
}
@media (min-width: 601px){
	body.customize-support .navbar.affix{
		top: 46px;
	}
}

#banner h1, #banner h4{
	color: white;
}
.banner-logo-container{
	margin-top: 0.4em;
	text-align: center;
	font-size: 350%;
}
.cards-area {
	padding-top: 20px;
}

.panel-heading, #banner h4,
.post-title, .post-meta {
	font-family: 'Open Sans Condensed', sans-serif;
}
.panel-heading{
	font-size: 120%;
}
.post-title:before{
	content: "";
	display: block;
	height: 0.3em;
	width: 100%;
	margin: 0;
}
.post-title{
	font-size: 44px;
	line-height: 1.2em;
}
hr.title-content-separator{
	margin-top: initial;
	margin-bottom: 15px;
}
.post-meta{
	display: inline-block;
	padding-left: 1em;
	margin-left: 0.3em;
	margin-bottom: 10px;
	border-left: 1px solid rgba(1,1,1,0.25);
}
h4.post-date, h4.post-author{
	margin-top: 0;
	margin-bottom: 0;
	display: block;
}

#menu-main-menu .current-menu-item>a:after{
	width: 100%;
	height: 0.3em;
	background: white;
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
}
#main-menu.navbar{
	margin-bottom: 0;
	border-bottom: none;
	background: #143656;
	border-top: none;
	color: white;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.12), 0 2px 2px rgba(0,0,0, 0.24);
}
#main-menu a.navbar-brand{
	padding: 6px 0.5em;
}
@media (max-width: 991px) {
	#main-menu.navbar .container{
		padding-right: initial;
		padding-left: initial;
	}
}
nav#main-menu{
	font-family: 'existence-light', sans-serif;
	text-transform: uppercase;
}
#main-menu ul.navbar-nav > li > a{
	letter-spacing: 0.15em;
}

.archive .spinner{
	margin-top: 5px;
    margin-bottom: 5px;
	display: none;
}
.archive h4{
	display: inline;
	font-weight: bold;
	line-height: 1.6em;
}
.archive .item-archive h4{
	display: block;
	font-weight: normal;
}
.archive li{
	list-style: none;
	cursor: pointer;
}
.archive li.item-archive{
	border-top: 1px solid rgba(1,1,1,0.15);
	margin: 0;
}
.archive li.item-archive:hover{
	background-color: #eee;
}
.archive li.item-archive a{
	display: inline-block;
	padding-left: 0.5em;
	width: 100%;
}
.archive li.item-archive a:hover{
	text-decoration: none;
}
.archive ul{
	padding-left: 8px;
}
.archive ul.dropdown-menu{
	color: #143656;
	padding-right: 15px;
	min-width: 20em;
	overflow-y: auto;
}

body .navbar .archive li{
	border-left: none;
}

body.nav-is-affixed #posts{
	margin-top: 70px;
}
.post-tile-body p{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body blockquote{
  border-color: #143656;
}
.post-content{
	margin-top: 0.5em;
	font-size: 17px;
}
.post-content .wp-caption, .post-content img{
	clear: both;
}
.post-content .wp-caption.aligncenter,
.post-content .wp-caption.alignleft,
.post-content .wp-caption.alignright{
	text-align: center;
}
.post-content img.aligncenter,
.post-content .wp-caption.aligncenter,
.post-content img.alignleft,
.post-content .wp-caption.alignleft,
.post-content img.alignright,
.post-content .wp-caption.alignright{
	display: block;
	margin: 0 auto;
}
@media only screen and (min-width : 500px){
	.post-content img.alignleft,
	.post-content .wp-caption.alignleft{
		float: left;
		margin-left: 0;
		padding-right: 0.7em;
	}
	.post-content img.alignright,
	.post-content .wp-caption.alignright{
		float: right;
		margin-right: 0;
		padding-left: 0.7em;
	}
}
span.drop-case {
    color: #143656;
    font-size: 350%;
    float: left;
    line-height: 1em;
    font-family: "Courier New", Courier, monospace;
    margin-bottom: -0.2em;
    margin-right: 0.06em;
	margin-top: -0.04em;
	text-transform: uppercase;
}

.author-about .profile-image {
    width: 15em;
    float: left;
    margin-right: 1em;
}

footer>div{
	border-top: 1px solid rgba(1,1,1,0.15);
	padding-top: 1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}

.footer-menu{
	list-style-type: none;
    padding: 0;
}
.footer-menu li{
	display: inline;
}
.footer-menu li a{
	padding: 0 1em;
	border-left: 1px solid rgba(1,1,1,0.25);
}
.footer-menu li:first-child a{
	padding-left: 0;
	border-left: none;
}

#noMorePosts{
	margin: 30px auto;
}

/*WordPress Classes*/
.attachment-post-thumbnail{
	width: 100%;
	height: auto;
}

.whisper{
	color: #B4B4B4;
}

/*Column Cards Stuff*/
.cards{
	margin-bottom: 1em;
	-moz-margin-bottom: 1em;
	-webkit-margin-bottom: 1em;
}
.card{
	margin: 0 0 10px 0;
	background: white;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}
.card-faux-margin-wrapper {
	padding: 0 10px 0 10px;
	width: 100%;
}
@media screen and (max-width: 609px) {
	.card-faux-margin-wrapper{ padding: 0; }
}
@media screen and (min-width: 610px) {
	.card-faux-margin-wrapper { width: 50%; }
}
@media screen and (min-width: 950px) {
	.card-faux-margin-wrapper { width: 33.3333%; }
}
@media screen and (min-width: 1375px) {
	.card-faux-margin-wrapper { width: 25%; }
}
@media screen and (min-width: 1900px) {
	.card-faux-margin-wrapper { width: 20%; }
}
.card, .card img.attachment-post-thumbnail{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.card .card-featured-image-wrapper {
	position: relative;
}
.card .profile-image {
	object-fit: cover;
	position: relative;
	margin-left: 15px;
	margin-top: -35px;
	height: 60px;
	width: 60px;
	box-shadow: 0 2px 4px rgba(0,0,0, 0.12), 0 2px 4px rgba(0,0,0, 0.24);
}
.post-title.card-title {
	line-height: 1em;
	vertical-align: 30%;
	font-size: 30px;
}
.card-title a {
	color: black;
	font-weight: bold;
}
.card-title a:hover,
.card-title a:focus {
	text-decoration: none;
	color: #143656;
}
.card-text {
	padding: 1px 10px 10px;
}