/* @override
	http://beta.slidetoplay.com/wp-content/themes/litemag-child/style.css?ver=4.2.2
	http://www.slidetoplay.com/wp-content/themes/litemag-child/style.css?ver=4.3.1 
*/

/*
Theme Name:     Litemag - Child Theme
Theme URI:      http://www.bluthemes.com/themes/litemag/
Description:    Child theme for Litemag
Author:         Bluthemes
Author URI:		http://bluthemes.com
Template:       litemag                             
Version:        0.1.0
*/

@import url("../litemag/style.css");

/* *************************
// Force a large logo
// STP color = 26235C
*/
#header-content .row > .col-md-2 {
    z-index: 1000;
}
@media (max-width:992px){
	.menu-brand .menu-brand-marker * {
	    -webkit-transform: translateY(-0%);
	    -moz-transform: translateY(-0%);
	    transform: translateY(-0%);
	}
}
@media (max-width:562px){
	.menu-brand .menu-brand-marker * {
	    -webkit-transform: scale(0.8,0.8) translateX(-10%) translateY(-15%);
		-moz-transform: scale(0.8,0.8) translateX(-10%) translateY(-15%);
		transform: scale(0.8,0.8) translateX(-10%) translateY(-15%);
	}
}
.menu-brand .menu-brand-marker img{
    max-width: none!important;
    max-height: 70px;
}
.menu-brand .menu-brand-marker * {
	top: 21%;
}

#content-title .meta-info .info-specs:before{
	content: '';
}

/*
// Sidelines background
*/
div#sidelines_discussion_outer {
	background: #ffffff;
	padding: 25px;
	margin-bottom: 25px;
}
div#sidelines_discussion_outer div#adv_note {
	padding-bottom: 5px;
	margin-bottom: 15px;
	color: #777;
	border-bottom: 1px solid #333;
}
div#sidelines_discussion {
	background: #ffffff;
}

#header-main-menu > ul > li > a {
	padding: 7px 20px;
}
#header-top input {
	margin-top: 5px;
	padding: 5px 15px 5px 20px;
	border-color: #000;
	color: #FFF;
	outline: none!important;
	border-radius: 5px;
	background-color: #222;
}
#social-menu.menu {
	width: 170px;
}
@media (max-width:992px){
	#social-menu.menu {
		width: 100%;
	}
}
#social-menu.menu a {
	padding: 7px 12px;
	font-size: 18px;
}
#footer-search input{
	width: 100%;
	background-color: rgba(0,0,0,0.2);
	min-height: 40px;
	margin-top: 3px;
	font-size: 25px;
	font-weight: 300;
	padding: 5px 15px 5px 20px;
	border-color: #000;
	color: #FFF;
	outline: none!important;
	border-radius: 5px;
}
#footer #footer_text p {
	font-size: 12px;
	padding: 10px;
}


/*************************
 * For promo pages
 */

@media (max-width:766px){
}

/* ******
 * Top List
 */
.listboxed {
	float: left;
	padding: 10px;
	width: 50%;
	min-width: 300px;
	min-height: 360px;
}
.listboxed img {
	padding-bottom: 15px;
}
.listboxed p {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.0em;
}
form.listform {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}
form.listform select {
	font-size: 1.0em;
	border: 1px solid #ccc;
	background: #fff;
}
/* *******
 * What We Play Page
 */
.whatweplay p {
	color: #ffffff;
}
#content-title.whatweplay.title {
	background-color: #26235c;
}
h1.cat-title {
	color: #fff;
}
h1.cat-sub-title {
	color: #fff;
}
div#content-title.full-width.whatweplay {
	position: relative;
	border-bottom: 5px solid #fff;
}
div#content-title.full-width.whatweplay:after {
content: ""; 
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
background: rgba(0,0,0,0.75);
}
div#content-title.full-width.whatweplay.blog:after, div#content-title.full-width.whatweplay.title:after {
content: ""; 
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
background: #26235c;
}
div#content-title.full-width.whatweplay h1.post-title {
	font-size: 3em;
	letter-spacing: -0.3px;
}
div#content-title.full-width.whatweplay h2.post-title {
	font-size: 2.5em;
	letter-spacing: -0.3px;
}
div#content-title.full-width.whatweplay h3.post-title {
	font-size: 2.25em;
	letter-spacing: -0.3px;
}
div#content-title.full-width.whatweplay h4.post-title {
	font-size: 2.0em;
	letter-spacing: -0.3px;
}
div#content-title.full-width.whatweplay h5.post-title {
	font-size: 1.75em;
	letter-spacing: -0.3px;
}
div#content-title.full-width.whatweplay div.meta-info p {
	font-size: 1.0em;
}

div#wwpvideo {
}
iframe.wwpvideo {
	float: right;
	margin: 25px 0px 20px 30px;
	background: rgba(0,0,0,0.5);
	padding: 15px;
	width: 100%;
	max-width: 450px;
	height: 260px;
	display: block;
}
@media (max-width:766px){
	iframe.wwpvideo {
		float: none;
		margin: 0px auto 25px auto;
		height: 260px;
	}
}
div#content-title.full-width.whatweplay h3.post-sub-title {
	font-size: 1.5em;
}
div#wwpvideo span.vidcaption {
	color: #ffffff;
}
div#content-title a {
	color: #ffffff;
}
div#content-title a:hover {
	color: #e0e0e0;
}

/* *******
** Misc overrides
 */

blockquote { 
	border-left: 3px solid #b0b0b0; 
	padding-left: 15px;
	margin-left: 10px;
	font-style: italic;
}
/* *******
 * Bootstrap Overrides
 */
.text-muted {
	color: #444;
}

/* *******
** home overrides
*/
#home-body .single-widget{
	margin-bottom: 0px;
}

/* Override for Masonry */ 
#masonry-outer { padding: 0px; }

article.masonryarticle {
	float: left;
}
.stamparticle {
	position: absolute;
  	right: 0px;
  	top: 0px;
}
/*
// App Store Buttons
*/
.storeButtonHeader {
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 6px;
	padding: 4px 8px 6px 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.storeButtonHeader:hover {
	background-color: #000;
	border-color: #000;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
a.storeButtonHeader, a.storeButtonHeader:hover {
	color: #ffffff;
}
.storeButtonHeader .price {
	padding-left: 8px;
}

.storeButton {
	border: 1px solid #666666;
	border-radius: 6px;
	padding: 0px 7px 2px 6px;
}
.storeButton:hover {
	background-color: #666666;
	border-color: #666666;
	color: #ffffff!important;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
a.storeButton, a.storeButton:hover {
	color: #666666;
}
a.storeButton .price {
	padding-left: 6px;
}
/*
// Share Button
*/
.shareButton {
	border: 1px solid #666666;
	border-radius: 6px;
	padding: 0px 7px 2px 6px;
}
.shareButton:hover {
	background-color: #666666;
	border-color: #666666;
	color: #ffffff!important;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
.shareButton i {
}

.shareFavButtonHeader {
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 6px;
	padding: 4px 8px 6px 6px;
	margin-right: 8px;
	margin-bottom: 10px;
	display: inline-block;
}
.shareFavButtonHeader:hover {
	background-color: #000;
	border-color: #000;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}


.shareButtonHeader {
	color: #fff!important;
	border: 1px solid #fff;
	border-radius: 13px;
}
.shareButtonHeader:hover {
	background-color: #000;
	border-color: #000;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;
}
.shareButtonHeader i {
	padding: 6px 12px 9px 12px;
}
/* *********************************
// Override some of the post list defaults 
*/

#side-bar {
	border-left: 1px solid #DDDDDD;
}
#content-title.full-width {
	padding-bottom: 0;
	background-color: #26235C;
}
#games-top.row #content-title.full-width:after {
content: ""; 
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
background: rgba(0,0,0,0.6);
}
#content-title.full-width .post-sub-title{
	margin-top:  14px;
}
#wrap .bl_posts article.col-md-12 .post-body{
	padding: 25px;
}
#wrap .bl_posts article.col-md-12 .post-title{
	font-size: 18px;
	margin: 10px 0;
}
#wrap .bl_posts article.col-md-12 .post-sub-title {
    font-size: 14px;
    margin-bottom: 11px;
}
#wrap .bl_posts article.col-md-12 .post-content p {
    font-size: 13px;
}
#wrap .bl_posts article.col-md-12 .post-subcontent p {
    font-size: 13px;
    margin-top: 9px;
}
#wrap .bl_posts article.col-md-12 .post-footer {
	font-size: 14px;
}

@media (max-width:766px){

	/* Override for small screen */
	#main-content.layout_single #home-body{
		width: 100%;
		padding: 0px;
	}
	h3.widget-head {
		margin-left: 10px;
		margin-right: 10px;
	}
	.bl_posts article {
		padding: 0px;
		width: 100%;
	}
	#wrap .bl_posts article.col-md-12 .post-body {
		padding: 13px;
	}
	#wrap .bl_posts article.col-md-12 .post-title {
		font-size: 18px;
		word-wrap: break-word;
	}
	#wrap .bl_posts article.col-md-12 .post-sub-title {
	    font-size: 14px;
	    margin-bottom: 12px;
	}
	#wrap .bl_posts article.col-md-12 .post-content p {
	    font-size: 12px;
	}
	#wrap .bl_posts article.col-md-12 .post-subcontent p {
	    font-size: 12px;
	    margin-top: 9px;
	}
	#wrap .bl_posts article.col-md-12 .post-footer {
		font-size: 14px;
	}
}
#wrap .bl_posts article.col-md-4 .post-title{
	font-size: 18px;
}
#wrap .bl_posts article.col-md-4 .post-sub-title{
	font-size: 14px;
}
#wrap .bl_posts article.col-md-4 .post-content p{
	font-size: 13px;
}
#wrap .bl_posts article.col-md-3 .post-title{
	font-size: 18px;
}
#wrap .bl_posts article.col-md-3 .post-sub-title{
	font-size: 14px;
}
#wrap .bl_posts article.col-md-3 .post-content p{
	font-size: 13px;
}
.bl_posts article .post-footer {
	padding-left: 0px;
	padding-right: 0px;
	font-size: 13px;
}
.bl_posts article .post-title {
	font-size: 18px;
	font-weight: 600;
	text-transform: none;
	line-height: 1.2em;
}
.bl_posts article .post-content{
	font-weight: 400;
}
.bl_posts article .post-content p{
	font-size: 13px;
}
.bl_posts article .post-sub-title{
	font-size: 14px;
	margin-bottom: 20px;
}
.bl_posts article .post-image .info-date {
    font-size:  12px;
}
.bl_posts article .post-subcontent p {
	font-size: 12px;
}
.bl_posts article .post-footer {
	font-size: 14px;
}
/*************
 *
 * style specific stuff
 */
.bl_posts article.play-this div.post-body {
}

/***************/
/*  BLUTH POSTS WIDGET
/***************/
	
body.boxed .bl_posts_stp .bl_posts_stp_information .box {
    border: 5px solid #f0f0f0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body.boxed .bl_posts_stp .bl_posts_stp_information .post-image + .box {
	border-top: 0;
}
body.boxed .bl_posts_stp article .post-image .post-image-link{
    border: 5px solid #f0f0f0;
	border-bottom: 0;
	overflow: hidden;
}
body.full_width #side-bar .bl_posts_stp{
	padding: 0;
}
.bl_posts_stp{
	border: none;
	background-color: transparent;
	box-shadow: none;
}
.bl_posts_stp article{
	margin-bottom: 30px;
}
.bl_posts_stp article .post-image{
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.bl_posts_stp article .post-image:before {
    bottom: 0;
    box-shadow: 0 -30px 70px rgba(0, 0, 0, 0.5) inset;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.bl_posts_stp article .post-image .post-image-link{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.bl_posts_stp article .post-image .post-icon{
    color: #ffffff;
    font-size: 16px;
    left: 25px;
    padding: 7px 10px;
    position: absolute;
    top: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    z-index: 2;
}
.bl_posts_stp article .post-image .info-date {
    bottom: 20px;
    color: #ffffff;
    left: 20px;
    min-width: 100px;
    position: absolute;
    z-index: 1;
}
.bl_posts_stp article .post-image .info-category {
    bottom: 20px;
    color: #ffffff;
    max-width: 50%;
    position: absolute;
    right: 20px;
    text-align: right;
    z-index: 1;
}
.bl_posts_stp article .post-image .info-category{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #FFFFFF;
    z-index: 1;
}
.bl_posts_stp article .post-image .info-category a{
	border-radius: 2px;
	border: 1px solid #FFF;
	padding: 2px 5px;
	color: #FFFFFF;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	margin: 2px 0;
}

	/***************/
	/*  BL POSTS ORDERPOSTS
	/***************/
		.orderposts {
			position: relative;
		}
		.orderposts:hover .orderposts-body,
		.orderposts .toggle-orderposts:hover + .orderposts-body,
		.orderposts .toggle-orderposts:focus + .orderposts-body{
			display: block;
			opacity: 1;
			right: 0;
			
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
		.orderposts .orderposts-body:before{
			content: '';
			top: -30px;
			height: 30px;
			width: 150px;
			background-color: transparent;
			display: block;
			position: absolute;
		}
		.orderposts .orderposts-body{
			opacity: 0;
			display: none;
			position: absolute;
			margin-top: 15px;
			top: 100%;
			background-color: #FFFFFF;
			border: 1px solid #DDD;
			right: -9999px;
			z-index: 12;
			text-align: center;

			-webkit-transform: translateY(-15px);
			-moz-transform: translateY(-15px);
			-o-transform: translateY(-15px);
			-ms-transform: translateY(-15px);
			transform: translateY(-15px);

			-webkit-transition: opacity 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
			-moz-transition: opacity 0.4s ease-in-out 0s, -moz-transform 0.4s ease-in-out 0s;
			-o-transition: opacity 0.4s ease-in-out 0s, -o-transform 0.4s ease-in-out 0s;
			-ms-transition: opacity 0.4s ease-in-out 0s, -ms-transform 0.4s ease-in-out 0s;
			transition: opacity 0.4s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		}
		.orderposts .orderposts-body a{
			display: block;
			min-width: 150px;
			margin-bottom: 0;
		}
		.orderposts .orderposts-body a:hover:after{

			-webkit-transform: scale(150);
			-moz-transform: scale(150);
			-o-transform: scale(150);
			-ms-transform: scale(150);
			transform: scale(150);
		}
		.toggle-orderposts{
			background-color: transparent;
			font-size: 7px;
		}
		.toggle-orderposts i{
			margin-right: 3px;
		}
		.toggle-orderposts i:last-child{
			margin-right: 0;
		}

	/***************/
	/*  BL POSTS RESPONSIVE
	/***************/
		@media (max-width:766px){
			.bl_posts_stp article .post-image:before {
			    box-shadow: none;
			}
		}

	/***************/
	/*  SIGNATURE ANIMATION CATEGORY
	/***************/
		.bl_posts_stp article .post-image .info-category a:hover{
			color: #FFFFFF!important;
			border-color: #ea4139;
		}
		.bl_posts_stp article .post-image .info-category span{
			display: none!important;
		}
		.bl_posts_stp article .post-image .info-category a{
			position: relative;
			overflow: hidden;
			border-radius: 2px;
			-webkit-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
			-moz-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
			-o-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
			-ms-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
			transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
			z-index: 1;
		}
		.bl_posts_stp article .post-image .info-category a:after{
			position: absolute;
			opacity: 0;
			width: 5px;
			height: 5px;
			left: 50%;
			margin-left: -2.5px;
			background-color: #ea4139;
			border-radius: 500px;
			top: 15px;
			z-index: -1;

			content: "";

			-webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			-o-transition: all 0.4s ease-in-out 0s;
			-ms-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}
		.bl_posts_stp article .post-image .info-category a:hover:after{
			opacity: 1;
			-webkit-transform: scale(30);
			-moz-transform: scale(30);
			-o-transform: scale(30);
			-ms-transform: scale(30);
			transform: scale(30);
		}

.bl_posts_stp article .post-image img{
	width: 103%;
	max-width: none;
	z-index: -1;

	image-rendering: optimize-speed;
	/*image-rendering: -moz-crisp-edges;*/
	/*image-rendering: -o-crisp-edges;*/
	image-rendering: -webkit-optimize-speed;
	-ms-interpolation-mode: nearest-neighbor;
}
#wrap .bl_posts_stp article.col-md-12 .post-body{
	padding: 50px;
}
#wrap .bl_posts_stp article.col-md-12 .post-title{
	font-size: 50px;
	margin: 10px 0;
}
#wrap .bl_posts_stp article.col-md-12 .post-sub-title {
    font-size: 25px;
    margin-bottom: 9px;
}
#wrap .bl_posts_stp article.col-md-12 .post-content p {
    font-size: inherit;
}

	@media (max-width:766px){
		#wrap .bl_posts_stp article.col-md-12 .post-body{
			padding: 15px;
		}
		#wrap .bl_posts_stp article.col-md-12 .post-title{
			font-size: 40px;
			margin: 0;
			word-wrap: break-word;
		}
		#wrap .bl_posts_stp article.col-md-12 .post-sub-title {
		    font-size: 25px;
		    margin-bottom: 9px;
		}
		#wrap .bl_posts_stp article.col-md-12 .post-content p {
		    font-size: inherit;
		}
	}


#wrap .bl_posts_stp article.col-md-4 .post-title{
	font-size: 22px;
}
#wrap .bl_posts_stp article.col-md-4 .post-sub-title{
	font-size: 16px;
}
#wrap .bl_posts_stp article.col-md-4 .post-content p{
	font-size: 14px;
}
#wrap .bl_posts_stp article.col-md-3 .post-body{
	padding: 10px;
}
#wrap .bl_posts_stp article.col-md-3 .post-title{
	font-size: 18px;
}
#wrap .bl_posts_stp article.col-md-3 .post-sub-title{
	font-size: 14px;
}
#wrap .bl_posts_stp article.col-md-3 .post-content p{
	font-size: 12px;
}

#side-bar .bl_posts_stp article .post-body{
	padding: 20px!important;
}
#side-bar .bl_posts_stp article .post-title{
	font-size: 20px!important;
	margin: 0 0 10px 0!important;
}
#side-bar .bl_posts_stp article .post-sub-title{
	font-size: 16px!important;
}
#side-bar .bl_posts_stp article .post-content{
	font-size: 12px!important;
}

.bl_posts_stp article .post-title{
	font-size: 30px;
	color: #555555;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 0;
	letter-spacing: -1px;
	line-height: 1;
}
.bl_posts_stp article .post-title a{
	color: #555555;
	border: none;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-ms-transition: color 1s ease;
	transition: color 1s ease;
}
.bl_posts_stp article .post-title a:hover{
	border: none;
}
.bl_posts_stp article .post-sub-title{
	font-size: 18px;
	color: #666666;
}
.bl_posts_stp article .post-content{
	font-weight: 300;
}
.bl_posts_stp article .post-content p{
	font-size: 14px;
}
.bl_posts_stp article .moretag{
    clear: both;
    font-weight: 700;
    margin-top: 10px;
    margin-left: -5px;
    padding: 5px;
    text-transform: uppercase;
    display: inline-block;
    border: none!important;
}
.bl_posts_stp article .post-footer {
	min-height: 50px;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 20px;
	margin-top: 5px;
	border-top: 1px solid #EEEEEE;
	position: relative;
}
.bl_posts_stp article .post-footer .meta-info{
	margin: 0;
}
.bl_posts_stp article .post-footer .post-author img{
	position: absolute;
	left: 0;
	width: 35px;
	height: 35px;
	border-radius: 500px;
}
.bl_posts_stp article .post-footer .post-author h4{
	margin: 0;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
}
.bl_posts_stp article .post-footer .post-author h4 a{
	font-size: 16px;
}
.bl_posts_stp article .post-footer .post-comments{
	position: absolute;
	right: 0;
	top: 20px;
	height: 35px;
}
.bl_posts_stp article .post-footer .post-comments .info-comments{
	font-size: 24px;
	position: relative;
}
.bl_posts_stp article .post-footer .post-comments .info-comments i{
	color: #ddd;
	/*vertical-align: top;*/
}
.bl_posts_stp article .post-footer .post-comments .info-comments span{
	position: absolute;
	top: 5px;
	right: -4px;
	font-size: 10px;
	border-radius: 500px;
	color: #fff;
	background-color: #EA4139;
	padding: 0px;
	width: 15px;
	height: 15px;
	text-align: center;

}


/***************/
/*  HOVER
/***************/

	.bl_posts_stp article .post-image img{
		-webkit-transition: -webkit-transform 1s ease;
		-moz-transition: -moz-transform 1s ease;
		-o-transition: -o-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;

		z-index: -1;
	}
	.bl_posts_stp article:hover .post-image img{
		transform: scale(1.05);
		z-index: -1;
	}
	.bl_posts_stp article .box{
		-webkit-transition: -webkit-box-shadow 0.5s ease;
		-moz-transition: -moz-box-shadow 0.5s ease;
		-o-transition: -o-box-shadow 0.5s ease;
		-ms-transition: -ms-box-shadow 0.5s ease;
		transition: box-shadow 0.5s ease;
	}
	.bl_posts_stp article:hover .box{
		box-shadow: 0 0 20px rgba(0,0,0,0.05);
	}

/***************/
/*  HEADER
/***************/

	.bl_posts_stp .widget-head .title-area.large{
		text-transform: uppercase;
		font-size: 70px;
		font-weight: 900;
		letter-spacing: -2.5px;
		line-height: 1;
		color: #555;
		margin: 0;
		display: block;
		width: 100%;
	}
	.bl_posts_stp .widget-head .title-area.large .author-image{
		float: left;
		margin-right: 25px;
		margin-top: 10px;
		margin-bottom: 10px;

	}
	.bl_posts_stp .widget-head .title-area.large .author-image img{
		border-radius: 500px;
	}
	.bl_posts_stp .widget-head .title-area.large small{
		margin: 0!important;
		display: block!important;
	}
	.bl_posts_stp .widget-head .title-area{
		float: left;
	}
	.bl_posts_stp .widget-head .orderposts a{
		outline: none!important;
		color: #555555;
		font-weight: 500;
	}
	.bl_posts_stp .widget-head .orderposts a.active, .bl_posts_stp .widget-head .orderposts a:focus{
		color: #FFFFFF;
		background-color: #ea4139;
	}

	/***************/
	/*  BL POSTS HEADER RESPONSIVE
	/***************/

		@media (max-width:766px){
			.bl_posts_stp .widget-head .title-area.large{
				font-size: 45px;
				text-align: center;
			}
			.bl_posts_stp .widget-head .title-area.large .author-image {
				float: none;
			}
			.bl_posts_stp .widget-head .title-area{
				width: 60%;

				float: left;
			}
			.bl_posts_stp .widget-head .orderposts{
				width: 40%;
				text-align: right;
			}

			.bl_posts_stp .widget-head span{
				margin-right: 10px;
			}
			.bl_posts_stp .widget-head small{

				font-size: 60%;
				vertical-align: middle;
				margin-left: 0!important;
			}
		}

/***************/
/*  BODY
/***************/

	.bl_posts_stp > .box{
		background-color: transparent;
		box-shadow: none;
		padding: 0;
	}
	.bl_posts_stp .loadmore{
		width: 100%;
		text-align: right;
		position: relative;
	}
	.bl_posts_stp .loadmore:before{
		left: 0;
		right: 120px;
		top: 17px;
		height: 1px;
		background-color: rgba(0,0,0,0.1);
		content: '';
		position: absolute;
	}
	.bl_posts_stp .loadmore .ajaxload{
		width: 110px;
		line-height: 20px;
		clear: both;
		display: inline-block;
	}
	.bl_posts_stp .bl_posts_stp_information{
		min-height: 200px;
	}
	.bl_posts_stp .bl_posts_stp_information .loader{
		font-size: 10px;
		top: 50px;
	}
	#home-body .bl_posts_stp .bl_posts_stp_information{
		min-height: 400px;
	}

	/***************/
	/*  BL POSTS HEADER RESPONSIVE
	/***************/
		@media (max-width:766px){
			.bl_posts_stp article.col-md-12 .post-body{
				padding: 15px;
			}
			.bl_posts_stp article.col-md-12 .post-title{
				font-size: 24px;
				font-weight: 900;
			}
		}

/***************/
/*  LOADER
/***************/

	#home-body .bl_posts_stp .bl_posts_stp_information .loader{
		font-size: 15px;
		top: 150px;
	}
	.bl_posts_stp .bl_posts_stp_information .loader .dot{
		background: #ea4139;
	}
	#home-body .bl_posts_stp .bl_posts_stp_information .loader .dot1, #home-body .bl_posts_stp .bl_posts_stp_information .loader .dot2 {
		left: 20px;
	}
	#home-body .bl_posts_stp .bl_posts_stp_information .loader .dot3 {
		left: 40px;
	}
	#home-body .bl_posts_stp .bl_posts_stp_information .loader .dot4 {
		left: 60px;
	}
	#side-bar .bl_posts_stp article{
		width: 100%;
	}
	.bl_posts_stp article.new_post{

		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	.bl_posts_stp article.animate{
	  -webkit-animation: scale-in 0.5s 1;
	  -moz-animation:    scale-in 0.5s 1;
	  -o-animation:      scale-in 0.5s 1;
	  animation:         scale-in 0.5s 1;

		
	}

	@-webkit-keyframes scale-in {
	  	0%   { -webkit-transform: scale(0); }
	  	60% { -webkit-transform: scale(1.03); }
	  	100% { -webkit-transform: scale(1); }
	}
	@-moz-keyframes scale-in {
	  	0%   { -moz-transform: scale(0); }
	  	60% { -moz-transform: scale(1.03); }
	  	100% { -moz-transform: scale(1); }
	}
	@-o-keyframes scale-in {
	  	0%   { -o-transform: scale(0); }
	  	60% { -o-transform: scale(1.03); }
	  	100% { -o-transform: scale(1); }
	}
	@keyframes scale-in {
	 	0%   { transform: scale(0); }
		60% { transform: scale(1.03); }
	  	100% { transform: scale(1); }
	}
	.loader {
	    font-size: 7px;
		height: 20px;
	    margin: 0 auto;
	    position: relative;
	    width: 110px;
	    padding: 8px 12px;
	    text-align: center;
	}

	.dot {
	  width: 1em;
	  height: 1em;
	  border-radius: 0.5em;
	  background: #ffffff;
	  position: absolute;
	  animation-duration: 0.5s;
	  animation-timing-function: ease;
	  animation-iteration-count: infinite;
	}

	.dot1, .dot2 {
	  left: 30px;
	}

	.dot3 { left: 40px; }

	.dot4 { left: 50px; }

	@-webkit-keyframes reveal {
	  0%   { -webkit-transform: scale(0.001); }
	  100% { -webkit-transform: scale(1); }
	}
	@-moz-keyframes reveal {
	  0%   { -moz-transform: scale(0.001); }
	  100% { -moz-transform: scale(1); }
	}
	@-o-keyframes reveal {
	  0%   { -o-transform: scale(0.001); }
	  100% { -o-transform: scale(1); }
	}
	@keyframes reveal {
	  0%   { transform: scale(0.001); }
	  100% { transform: scale(1); }
	}

	@-webkit-keyframes slide {
	  to   { -webkit-transform: translateX(1.5em); }
	}
	@-moz-keyframes slide {
	  to   { -moz-transform: translateX(1.5em); }
	}
	@-o-keyframes slide {
	  to   { -o-transform: translateX(1.5em); }
	}
	@keyframes slide {
	  to   { transform: translateX(1.5em); }
	}

	@keyframes slide {
	  to { transform: translateX(1.5em) }
	}


	.dot1 {
	  animation-name: reveal;
	}

	.dot2, .dot3 {
	  animation-name: slide;
	}

	.dot4 {
	  animation-name: reveal;
	  animation-direction: reverse; /* thx @HugoGiraudel */
	}



/* Social buttons */

a.bl_btn_facebook { color:#fff!important; background: #4861A3!important; border-color: #4861A3!important; }
a.bl_btn_twitter { color:#fff!important; background: #1BB2E9!important; border-color: #1BB2E9!important; }
a.bl_btn_googleplus { color:#fff!important; background: #CE4231!important; border-color: #CE4231!important; }
a.bl_btn_linkedin { color:#fff!important; background: #007BB6!important; border-color: #007BB6!important; }
a.bl_btn_youtube { color:#fff!important; background: #BC1E2C!important; border-color: #BC1E2C!important; }
a.bl_btn_rss { color:#fff!important; background: #F99C00!important; border-color: #F99C00!important; }
a.bl_btn_pinterest { color:#fff!important; background: #CD2026!important; border-color: #CD2026!important; }
a.bl_btn_tumblr { color:#fff!important; background: #49637C!important; border-color: #49637C!important; }
a.bl_btn_instagram { color:#fff!important; background: #AC8568!important; border-color: #AC8568!important; }
a.bl_btn_twitch { color:#fff!important; background: #6F27A7!important; border-color: #6F27A7!important; }
a.btn-stp { color:#fff!important; background: #26235C!important; border-color: #26235C!important; }

.blu-footer-menu ul{
	font-size: 90%;
}

.blu-footer-menu .menu > li{
	padding: 6px 12px 6px 12px;
	background-color: rgba(255,255,255,0.1);
	margin: 10px;
	border-radius: 10px;
	
}