/*
Theme Name: Hong Kong Blues - Mokka Child
Theme URI: //www.favethemes.com/
Author: Favethemes
Author URI: //www.favethemes.com/
Description: Mokka is a responsive, minimalist, flexible and modern WordPress Blog. From a clean white color scheme (with a accent color of choice) & multiple page layouts which all remain sophisticated and simple. Everything definitely brings a certain elegance.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, fluid-layout, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: //www.gnu.org/licenses/gpl-3.0.html
Text Domain: favethemes
Template: mokka
*/

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

.blogs2015 [data-icon]:before {
	font-family: "hola" !important;
}


#div-hola-slot-megabanner, #div-hola-slot-robapaginas, #div-hola-slot-bannerinferior{
	display:table !important;
	margin: 0.5em auto;
	text-align:center;
}

.centre {
	text-align: center !important;
}

.container {
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

a:not(.icon){
	color:#f30a00;
}

.adskin .container {
	margin-top: 1em;
}

.inner-widget{
	text-align: center;
	color:#f30a00;
}
.yd_linkware{
	display: none;
}

#outer-wrap{
	margin-bottom: 2em;
}

.cabecera{
	width: 100%;
	max-width: 1240px;
	padding: 0 ;
	margin: 1em auto 0;
}

/***** header ******/

header.header{
	width:100%;
	max-width: 1240px;
	margin: 0 auto;
}
header img{
	margin:0 auto;
	display:block;
}

span.name{
	display:none;
}
.secondary-nav {
	border-bottom: none;
}
.navbar .fa {
    font-family: "hola" !important;
    font-size: 1.2rem;
}

.navbar .fa-facebook-square:before {
    content: "N";
}

.navbar .fa-twitter-square:before {
    content: "L";
}

.navbar .fa-instagram:before {
    content: ":";
}

.navbar .fa-pinterest:before {
    content: "W";
}
.secondary-nav .nav-social {
	font-size: 16px;
	margin: 5px 0 5px;
}

/***** SIDEBAR ******/

#campoemails{
	margin: .5em 0;
	box-shadow: 0 0 0 1px #f30a00 !important;
	width: 100%;
	height: 2em;
}
input[type="submit"], input[type="button"] {
	background: #f30a00 !important;
	padding: 3% !important;;
	font-size:.9em !important;
	display: block;
	margin: 0 auto;
}

.sidebar{
	max-width: 320px;
	margin: 0 auto;
	border: 	0;
	padding: 	0;
}

.widget {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 3em;
}
.widget-title{
	text-transform: none;
	margin: 0 0 .5em;
	font-size: 1rem

}
.widget_archive li {
	padding: 5px;
	list-style: none;
	text-align: center;
}
.widget_archive li a{
color: #000;
}

#yd-wpmu-bloglist .yd_wpmubl a {
	color:#000;
	width: 100%;
	display: block;
	border-bottom: 1px dashed #666666;
	margin-bottom: 10px;
	padding-bottom: 4px;
	text-align: center;
}

.yd_wpmubl a:last-child {
	border-bottom: none !important;;
}

#yd-wpmu-bloglist .post_count {
	display: none;
}

.widget .latest-posts, .widget .featured-posts {
	margin-bottom: .5em;
	text-align: center;
}
 .recent-comment h4 a, .latest-posts a{
	font-size: 1.2rem;
	color: #000;
}
.recent-comment .colored-bg.inline-block, .most-viewed .colored-bg.inline-block {
	display: none;
}

.yd_wpmubl, .textwidget{
margin: 0 auto;
display: table;
}


/***** ENTRY ******/

.contenido{
	background: url("images/bg-lindes.gif") repeat-y;
}

.post-title{
	color: #f30a00;
	margin: 0;
}

.single .post-title{
	margin-bottom: .5em;
}

.post .continue-reading {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: .8rem;
	color: #fff;
	background-color: #f30a00;
	padding: .6%;
}

a:hover img {
	opacity: initial;
}

.post .continue-reading:hover {
	color: #fff;
}

.post{
	margin-bottom: 1em;
}

.post time{
	font: italic 1rem / 1.4em "PT Serif", serif;
	background: url("images/date-ico.svg") top center no-repeat;
	background-size: contain;
	color: #000;
	display: table;
	text-align: right;
	width: 100%;
}

.post time .day{
	font-size: 1.2rem;
	display:block;
}

.featured-image{
	margin-bottom: 1em;
	max-height:400px;
}

.featured-image img{
	width:100%;
}
.post-meta, .single p{
	margin-bottom: 2em;
}
.post-content {
	border-bottom: none;
}

.entry{
	font-size: 1rem;
	line-height: 1.5em;
}

a.read-more{
	display: block;
	text-align: left;
	color:#f30a00 !important;
	margin-top: 1em;
	font-style: italic;
}
.share-wrapper ul li a {
	border-radius: 100px;
	padding: 9px 0;
	border: 1px solid #555;
	font-size: 24px;
	color: #333333;
	margin-bottom: 10px;
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	text-indent: -3px;
}
.share-wrapper {
	padding: 0;
}
.comments-title-wrapper{
	line-height: 1.4em;
}
.pagination-wrapper [class*="icon-arrows"]:before {
	font-family: "line-icons" !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li>a, .pagination>li>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	margin: 0 2px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 13px;
	border-radius: 25px;
}
.pagination>li>a, .pagination>li>span {
	border: none;
}
[class*="icon-"]{
	text-indent: 0 !important;
}
.nav-open-wrap, #pageslide, #pageslide .fa-angle-down, #pageslide .fa-angle-right {
	display: none;
}
#reply-title{
	display: none;
}
/* */



@media (min-width: 1240px){

	.navbar {
		right: 	0;
		bottom: 1.25%;
		top:inherit;
	}

	.navbar .fa {
		color: #000;
		background-color:#fff;
		padding: .5em;
		border-radius: 100%;
		font-size: 1.25rem;
	}
}


@media (min-width: 768px) and (max-width:991px){
	
	.navbar-header .navbar-toggle {
		display: block !important;
	}
	img.author-image {
		max-width: 50%;
	}
}


@media (max-width: 677px){
	.comments-wrapper img.avatar {
		height: 30px;
		width: 30px;
	}
	.comment-content {
		margin: 10px 0 0 0px;
	}
	.media-list .children {
		padding-left: 0px;
	}
	.comments-title-wrapper {
		font-size: 1rem;
	}

	.entry {
		font-size: .9rem;
	}
	.entry h2, .entry h3{
		font-size: 1.2rem;
	}
}

@media (max-width: 1199px){
	.col-barra-derecha {
		width: 330px !important;
		float: left;
	}

	.col-contenido {
		width: calc(100% - 330px) !important;
	}
}

@media (max-width: 991px) {
	.col-contenido {
		width: 100% !important;
	}

	.col-barra-derecha {
		width: 100% !important;
	}
}