/*
Theme Name: War is Boring
Author: Bright Mountain Media
Author URI: https://www.brightmountainmedia.com
Description: Custom theme for War is Boring
Version: 1.0.0
Template: goliath  
*/

body .post-1 .post p {
	font-size: 14pt;
}
/************************************************
	Registration & Login page
************************************************/

#user_login,#user_pass{
	width: 100%;
}
.login-remember label {
	display: inline;
	color:grey;
	font-size:12px;
}
.nav {
	height:23px;
}
.login-submit input{
    	background: #326858;
    	color: #fff;
    	border: 1px solid #fff;
    	cursor: pointer;
    	padding: 10px 20px;
}
.login-submit input:hover{
    	background: #fff;
    	color: #1c164f;
    	border: 1px solid #1c164f;   
}
button.wpmui-field-input{
    	background: #326858;
    	color: #fff;
    	border: 1px solid #fff;
    	cursor: pointer;
    	padding: 10px 20px;
}
button.wpmui-field-input:hover{
    	background: #fff;
    	color: #1c164f;
    	border: 1px solid #1c164f;
}

/************************************************
	Header & Footer
************************************************/
.header .logo-image {
	width: 434px;
	display: block;
	margin: 0 auto;
}

.footer .footer-banner,
.header .header-banner {
	margin: 0 auto 20px;
	display: block;
	width: 728px;
	height: 90px;
}

.footer {
	padding: 0 30px;
}

.footer .footer-banner {
	margin: 0 auto;
}

/************************************************
	Home
************************************************/
.home #search-2,
.home #goliath_dropdown_post_list-4 {
	display: none;
}

/************************************************
	Share Buttons
************************************************/
.sharebtns {
	margin-bottom: 30px;
	text-align: center;
}

/************************************************
	Author Bio
************************************************/
.author-bio {
    width: 100%;
    margin: 0 auto 25px auto;
}

.author-bio .title-default {
    margin: 0 0 10px 0;
}

.author-bio .about {
    min-height: 55px;
    margin-bottom: 10px;
}

.author-bio .about h2 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
    margin: 0 0 0 0;
}

.author-bio .about h3 {
    font-size: 11px;
    font-weight: 400;
    color: #999;
    margin: 0 0 0 0 !important;
}

.author-bio .about img {
    float: left;
    margin: 0 20px 0 0;
    border-radius: 50%;
}

.author-bio .about .social {
    padding: 0 0 0 0;
}

.author-bio .about .social a {
    color: #999;
}

.author-bio .about .social a:hover {
    color: #326858;
}

.author-bio .about .social i {
    font-size: 17px;
    margin: 0 2px;
}

.author-bio .clear {
	clear: both;
}

/************************************************
	Legend CSS
************************************************/
.legend-default {
    color: #999;
    font-size: 11px;
}

.legend-default a {
    color: #999;
}

.legend-default a.authorlink {
    color: #326858;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.legend-default a:hover {
    color: #326858;
}

.legend-default a.authorlink:hover {
    color: #70958A;
}

.legend-default i {
    margin: 0 5px 0 0;
}

.legend-default .fa-comments, .legend-default .fa-camera, .legend-default .fa-user {
    margin: 0 5px 0 8px;
}

.legend-default .legend-post-info {
    width: 180px;
    line-height: 1.8em;
}

.legend-default img.avatar {
    float: left;
    border-radius: 50%;
    width: 35px;
    margin-right: 8px;
}

/************************************************
	Post Block 2 Modifications
************************************************/
.post-block-2 .post-item .image {
    float: right;
    margin: 2px 0 0 20px;
    position: relative;
    display: block;
}

.post-block-2 .post-item .title .legend-default {
    padding: 6px 0 0 0;
    display: block;
    line-height: 9px;
}

.post-block-2 .post-item h2 {
    margin: 0 0 3px 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

.post-block-2 .post-item .intro {
    float: none;
    padding: 6px 0 0 0;
    font-size: 1.25em;
}

.post-block-2, .post-block-2 .items,
.post-block-2 .post-item,
.post-block-2 .post-item.featured .title,
.post-block-2 .post-item .title,
.widget-tabs .post-item .title {
    width: 100%;
}
.widget-tabs .post-item .inner-wrapper
{
    display: table;
}
.post-block-2 .post-item .inner-wrapper {
    display: block;
}
.post-block-2 .post-item .title-image-row {
    display: block;
}
.post-block-2 .post-item .title-image-row .title,
.post-block-2 .post-item .title-image-row .image,
.widget-tabs .post-item .title-image-row .title,
.widget-tabs .post-item .title-image-row .image
{
    display: inherit;
    vertical-align: top;
    float: none;
}
.post-block-2 .post-item .title-image-row .title,
.widget-tabs .post-item .title-image-row .title {
    width: auto;
}
.post-block-2 .post-item .title-image-row .image {
    width: 145px;
    height: 105px;
    padding-left: 20px;
    padding-right: 0;
    margin: 0;
    float: right;
    display: block;
}
.widget-tabs .post-item .title-image-row .image {
    width: 90px;
    height: 70px;
    padding-right: 20px;
    margin: 0;
}
.post-block-2 .post-item .stars {
    bottom: auto;
    top: 52px;
}
.widget-tabs .post-item .stars {
    bottom: auto;
    top: 52px;
    width: 70px;
}
.post-block-2 .post-item.featured .stars {
    top: auto;
}

.post-block-2 .post-item.featured .image > a {
    display: block;
    width: 100%;
    overflow: hidden;
}
.post-block-2 .post-item.featured .image > a img {
    max-width: 100%;
    width: 100%;
}

.post-block-2 .items {
    margin-bottom: 25px;
}

.post-block-2 .list-bottom-more {
    clear: both;
    width: 100%;
    text-align: center;
    border: solid 1px rgba(0,0,0,.5);
    border-radius: .8em;
}

.post-block-2 .list-bottom-more a div{
    padding: 18px;
    background-color: inherit;
}

.post-block-2 .list-bottom-more a:hover>div{
    background-color: rgba(0,0,0,.05);
    color: #326858;
    text-decoration: none;
}

.post-block-2 .list-bottom-more div{
    height: 60px;
    font-size: 1.8em;
}

.post-1 .image .post-image-title {
    position: absolute;
    color: white;
    margin: 25px 0 0 25px;
    width: 90%;
    background-color: rgba(0,0,0,0.4);
    padding: 5px;
}

/************************************************
	Mobile CSS
************************************************/
@media only screen and (max-device-width: 736px) {
	.header .header-banner {
		width: 320px;
		height: 50px;
	}
	.footer .footer-banner {
		width: 300px;
		height: 250px;
	}
}

@media only screen and (max-width: 520px) and (min-width: 0px) {
	.post-1 .image .post-image-title h1 {
	    font-size: 20px;
	    line-height: 24px;
	    margin: 0 0 10px 0;
	}
	.post-1 .image .post-image-title h3 {
	    font-size: 14px;
	    line-height: 18px;
	    font-weight: 600;
	}
	.post-1 .image .post-image-title {
	    margin: 10px 10px 0 10px;
	}
}

@media only screen and (max-width: 434px) {
	.header .logo-image {
		width: 100%;
	}
}