/*
Theme Name: Voice Blog Lite
Theme URI: https://www.postmagthemes.com/downloads/voice-blog-lite-a-free-wordpress-theme/
Author: www.postmagthemes.com
Author URI: https://www.postmagthemes.com/
Description: Voice blog lite is a free WordPress theme. It has a clean design and smooth presentation. People who loves simple yet attractive way of presenting their articles will choose voice blog lite theme. Immediately full page header image attracts viewers to your site hence it is the most important and first impression of your thought. There are related stories for each of your article. It shows the connection between your article via common category. Voice blog lite WordPress theme can be shared by more than one author. It has a capability of showing article between authors. You can view demo here: https://www.postmagthemes.com/demovoicebloglite
Version: 1.1.1
Requires at least: 4.7
Tested up to: 6.7.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voice-blog-lite
Template: voice-blog
Tags: two-columns, grid-layout, footer-widgets, translation-ready, blog, news, right-sidebar, left-sidebar, custom-header, custom-background, custom-logo, custom-menu, custom-colors, threaded-comments, featured-images, theme-options, full-width-template

Voice Blog Lite, Copyright 2018 Postmagthemes https://www.postmagthemes.com
Voice Blog Lite is distributed under the terms of GNU GPL v2 or later.

Voice blog is derived from Underscores https://underscores.me/, (C) 2013 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

img.card-img-top {
 border-radius: 15px;
}

h2.section-title {
 letter-spacing: 5px;
 font-family: Muli;	
}
.navbar-nav li.nav-item a.nav-link {
	padding: 15px 30px;
	letter-spacing: 3px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .media-body{
	text-align: right;
}

.thumb-blog {
	margin-top: 40px;
}

@media (max-width: 767px){
	.related-posts img {
		max-width: 50% !important;
		margin: auto !important;
	}
	h2.section-title {
		font-size: 25px !important;
		letter-spacing: 1px !important;
	}
	.middle-content .list-blog .media .media-body{
		text-align: left !important;
	}
}
/* this for banner post title font size customizer */
.banner-post-title {
	font-size: 20px;
	color: white;
}
.blog-post-title {
	padding-bottom: 20px;
}
.sidebar .side-title h4,
.author .title-holder h2,
.related-posts .title-holder h2,
.comments .title-holder h2,
.inner-content .comment-respond h3,
.other-title h4,
.sidebar th {
	font-size: 18px;
}
.related-posts {
	 border-bottom: 1px solid #ebebeb;
	 padding-bottom: 30px;
}

.detail-block .thumb-body .coment-share ul  {
	margin: 0;
}

.alignfull img {
	max-width: 128% !important;
	width: 128% !important;
	margin-left: -26%;
}
.alignwide img{
	max-width: 104% !important;
	margin-left: -2% !important;
	width: 104% !important; 
	text-align: center !important;
}
/****************************** add animation in slider ***************/


.slick-active .banner-post-title
{
	    animation: fadeInDown 1s both 1s;
}


@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.slick-active .tag,
.slick-active .caption p,
.slick-active .caption .btn
{
	    animation: zoomIn 1s both 0.3s;
}

/**    END        **/

.middle-content .thumb {
    text-align: center;
}

@media (max-width: 475px){
    footer h1 {
            font-size: 25px ;
    }
    footer h2 {
        font-size: 24px ;
    }
    footer h3 {
        font-size: 23px ;
    }
    footer h4 {
        font-size: 22px ;
    }
    footer h5 {
        font-size: 21px ;
    }
    footer h6 {
        font-size: 20px ;
    }
}