/*
Theme Name: LCM Revolt
Author: Ret Marut
Description: LCM blog template
Version: 0.0.1
Tags: bootstrap
Text Domain: lcm-revolt
Domain Path: /languages
*/

/*
	font-family: 'IBM Plex Serif', serif;
	font-family: 'Oswald', sans-serif;
*/

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif|Oswald');
@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');

html {
	margin-top: 0px !important;
}

body > *, .text-sans {
	font-family: 'Oswald', sans-serif;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

body > .site-content {
	flex: 1;
}

.dropdown-toggle::after {
	font-size: initial;
}

#searchBarToggler {
	border-bottom: 0.25rem solid rgb(52, 58, 64) !important;
}

.bd-highlight {
	background-color: #e9ecef;
}

.lcmr-bd-red, .dropdown-item:active {
	background-color: #af0b1a;
}

.lcmr-jumbotron-card h6{
	font-family: 'IBM Plex Serif', serif;
	font-size: 0.9rem;
}

.card .card-img-top{
	/*height: 240px; */
	padding-bottom: 56%; /*16:9*/
	width: 100%; 
	display: block; 
	background:#333;
}

/*.card:hover .card-img-top {
	background: #af0b1a;
	filter: none;
}*/

.carousel .carousel-item > img{
	height: 400px;
	background:#333;
}

.post-header {
	height: 400px;
}

.lcmr-post-thumbnail {
	background:#333;
	background-repeat-x: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    /*filter: saturate(0.2) brightness(0.5);*/
}

.entry-header {
	height: 100px;
}

.post .col{
	background:#fff;
}

/* lcm revolt styles */

.lcmr-link, .lcmr-link:hover {
	color: #fff;
}

.lcmr-link-muted, .lcmr-link-muted:hover {
	color: #6c757d;
}

.lcmr-link-dark, .lcmr-link-dark:hover {
	color: #000;
}

.lcmr-link-red, .lcmr-link-red:hover {
	color:#af0b1a;
}

.card .lcmr-card-title, .lcmr-single-title {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	width: 100%;
	/*height: 100%;*/
	bottom:0px;
	top: 3.5rem;
	padding-bottom: 4px;
}
.card .lcmr-card-title-small {
	/*height: 240px;*/
	color: #fff;
	font-family: 'Oswald', sans-serif;
	width: 100%;
}
.card .lcmr-card-title a.lcmr-link, .card .lcmr-card-title-small a.lcmr-link,
 .carousel .carousel-caption a.lcmr-link, .lcmr-single-title {
	background: #00000057;
    line-height: 2.4rem;
    box-shadow: .5rem 0 0 #00000057, -.5rem 0 0 #00000057;
    -webkit-box-shadow: .5rem 0 0 #00000057, -.5rem 0 0 #00000057;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.card .lcmr-card-title-small a.lcmr-link {
	background-color: transparent;
	box-shadow: none;
}

.card .lcmr-card-title-small .card-title a.lcmr-link {
	color: #000;
	line-height: 1.4rem;
}

.carousel .carousel-caption a.lcmr-link-head, .lcmr-single-title {
	/*line-height: 60px;*/
	font-size: 2rem;
}

/*.card .lcmr-card-title > div {
	width: 100%;
}*/

.card .lcmr-card-title .card-title{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 76px;
    text-overflow: ellipsis;
}

.card .lcmr-card-title-small .card-title {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card .lcmr-card-date-author, .carousel .lcmr-carousel-date-author, .lcmr-single-date-author {
	background: #000;
	padding: 0px 3px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-height: 2.4rem;
    line-height:2.4rem;
    display: inline-block;
}

.card .card-body {
	padding-top: 0px !important;
	font-family: 'IBM Plex Serif', serif;
	font-size: 0.90rem;
}

.lcmr-post-title, .card-title > a, .lcmr-footer-nav > li > a {
	color: #fff;
	font-family: 'Oswald', sans-serif;
}

.lcmr-post-text {
	font-family: 'IBM Plex Serif', serif;
}

.lcmr-post-text img{
	max-width: 100%;
    height: auto;
}

.lcmr-post-text img.alignright, .lcmr-post-text div.alignright {
	float: right !important;
	margin: 1rem 0rem 1rem 1rem;
}

.lcmr-post-text img.alignleft, .lcmr-post-text div.alignleft {
	float: left !important;
	margin: 1rem 1rem 1rem 0rem;
}

.lcmr-post-text .wp-caption .wp-caption-text {
    color: #6c757d!important;
    padding-top: .25rem!important;
    font-size: 80%;
    font-weight: 400;
}

.lcmr-post-text blockquote b, .lcmr-post-text blockquote strong {
    margin: 1rem 0rem;
    display: inline-block;
    padding: 1rem;
    border-left: 4px solid #af0b1a;
}

.lcmr-post-text a {
	color: #af0b1a !important;
}

.lcmr-author-social-media a {
	color: #af0b1a;
    padding: 4px;
    margin: 0px 3px;
    width: 2em;
    height: 2em;
    border-color: #af0b1a !important;
    display: inline-block;
    text-align: center;
}
.lcmr-author-social-media a:hover {
	background: #af0b1a;
	color: #fff;
}

.lcmr-author-social-media.invert a {
	background: #af0b1a;
	color: #fff;
}
.lcmr-author-social-media.invert a:hover {
	background: #fff;
	border-color: #fff !important;
	color: #af0b1a;
}

.lcmr-logo {
	max-width: 100%;
    max-height: 100px;
}

/*.navbar > .container > .row {
	flex-wrap: nowrap;
    justify-content: space-between;
}*/

.lcmr-pagination a, .nav-link.red:hover, .text-red {
	color: #af0b1a !important;
}

.comment-body, .text-serif {
	font-family: 'IBM Plex Serif', serif;
}

.comment-body a, .comment-author-name a {
	color: #af0b1a !important;
}

#commentform a {
	color: #fff !important; 
}

.sdfootnote {
	font-style: italic;
}
.sdfootnote > a {
	color: #af0b1a !important;
	margin-right: 0.5rem;
}

article.column .lcmr-column-short-name-image {
	align-items: center;
}

article.column .column-body {
	font-family: 'IBM Plex Serif', serif;
	font-size: 0.90rem;
}

article.column .lcmr-column-quote {
	font-size: 75%;
    vertical-align: middle;
}

.btn-outline-danger {
	color: #af0b1a;
	border-color: #af0b1a;
}

.btn-category {
	color:#af0b1a;
	background-color: #ffffff80;
	padding: .175rem; 
	border: 0px;
}

.btn-outline-danger:hover {
	background-color: #af0b1a;
	border-color: #af0b1a;
}

.btn-outline-light:hover {
	color: #af0b1a;
}

.lcmr-justify {
	justify-content: space-between;
    align-items: center;
}

.alert-danger {
	color: #fff;
	background-color: #af0b1a;
	border-color: #ffffff;
}
.alert-danger .close {
	text-shadow: none;
}