/*
Theme Name: Mokka Portada Child para COCINA Y RECETAS
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");

* {
	box-sizing: border-box;
}
*::selection {
    background: #548f08 !important;
    }

body [data-icon]:before {
  font-family: "line-icons" !important;
}

body [class^="icon-"],
body [class*=" icon-"] {
  display: inline;
}

body [class^="icon-"]:before,
body [class*=" icon-"]:before {
  font-family: "line-icons" !important;
}
*::selection {
    background: #548f08 !important;
}
.blogs2015 [data-icon]:before {
    font-family: "hola" !important;
  }

  
#google_image_div {
	max-width: 100% !important;
}
#aw0 img{
	max-width: 100% !important;
}
.img_ad {
	max-width: 100% !important;
}

    
a {
    color: #548f08;
}     
a:hover, a:focus {
    color: #000000;
    text-decoration: none;
}

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

/* Corrije el padding de 90px que está puesto en el body en el main_base_externos */
.fixed {
    padding-top: 60px !important;
}


.flex{
	display:flex;
	flex-wrap:wrap;
}

.col-md-6:nth-child(2n+1) {
    clear: both;
}

/* CENTRAR PUBLICIDAD --------------------------------------------------------------------------------------------------------------------- */
#showHere {
	max-width: 1240px;
	width:100%;
	margin: 0 auto;
}

#showHere > * {
    margin-bottom: 6px;
    margin-top: 6px;
}

#showHere *:not(script) {
    margin: 0 auto;
    display: block !important;
}
/* margen para cuando sale megabanner*/
.container {
    margin-top: 10px !important;
}

/* margen inferior cuando sale la publi en el sidebar*/
.ad-visible {
    margin-bottom: 20px;
}

.adskin #top-banner {
     padding-left: 0;
    padding-right: 0;
    }

/* HEADER ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
.logo {
	display: none;
}


.header .logo-wrap {
	width: 100%;
    border-bottom: 0px solid #FFFFFF !important;
    background-color: #548f08;
    padding: 10px 0 10px !important;
    margin-bottom: 10px;
    }


.navbar .primary-nav {
    min-height: 0px;
    border-top: 0px solid #FFFFFF !important; /*filete arriba cabecera escritorio (queda junto al de debajo xq el height es 0px) */
    border-bottom: 0px solid #FFFFFF !important; /*filete debajo cabecera escritorio (queda junto al de arriba xq el height es 0px) */
}
.secondary-nav {
    border-bottom: 0px solid #FFFFFF; /*filete arriba cabecera tablet-movil */
    }
    


/* Colors ---------------------------------------------------------------------------- */  
.continue-reading:hover, a:hover img, .latest-tweet-widget a:hover {
	opacity: 1;
}
.text-center .archive-title {
    color: #548f08;
}


/* Main Menu  ---------------------------------------------------------------------------- */  
.navbar {
    display: none !important;
}





/* Destacados Texto Centrado --------------------------------------------------- */

/* Para que las imagenes de destacados se vean proporcionales*/
.logo-wrap img {
	max-width: 100% !important;
}
img {
    max-width: none !important;
}
.post-banner img {
     width: 100%;
}
.featured-image img {
    width: 100%;
}
.post-meta-category {
    display: none !important;
}
.vertical-centered-text {
    height: 60px;
    display: table;
    width: 100%;
    padding-top: 0.5rem;
}
.vertical-centered-text > * {
    display: table-cell;
    vertical-align: middle;
  }
.post-banner-content {
    height: 105px;
    background-color: white;
    opacity: 1;
    bottom: 0px;
    z-index: 999;
    }
.post-banner-content p span {
	color: #548f08;
}
h2.post-banner-title {
	line-height: 28px;
	padding: 0 3px 0 3px;
}
.post-banner h2.post-banner-title {
    color: #548f08;
    font-size: 28px;
    line-height: 30px;
}
.post-banner p {
    color: #000;
}
.spacer-line {
    display: none;
}
.post-banner p {
    font-size: 16px;
    top: 65px;
    width: 100%;
}
.post-content {
    border-bottom: 0px solid #000;
}
.media-body p {
    display: none;
}
.most-viewed h4 {
    margin-bottom: 10px;
}







/* COMPOSER en PORTADA ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.composer {
    margin-bottom: 0px !important;
    border-bottom: none;
}
.post .continue-reading {
    display: none;
}


/* Los dos destacados -------------------------------------- */ 
.post-banner {
margin-bottom: 30px;
}

.post-banner li a.post-banner-link {
    background: rgba(0,0,0, 0);
}
.post-banner li a.post-banner-link:hover {
    background: rgba(237, 231, 219, .5);
    cursor: pointer;
}
.post-banner li {
    height: 625px; /*altura del destacado principal */
}


/* POSTS / TITULOS / ICONS -------------------------------------- */ 
 .composer .post-content {
    margin: 0 0 10px !important;
    padding: 0 0 10px;
}
.composer-title {
   color: #548f08;
}
.composer .post-title {
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0 10px;
    font-size: 24px;
    }
.entry .post-title {
	 font-size: 24px;
}    
.post-meta ul li:first-of-type {
    margin-bottom: 20px;
    display: none;
}
.latestposts-composer-title-wrapper {
  margin-top: 10px;
  margin-bottom: 30px;
}
a:hover img {
	opacity: 1;
}
.post-title {
    margin: 10px 0 5px;
    }
.featured-image a:hover img {
    opacity: 1;
}
.widget a.carousel-prev:hover, .widget a.carousel-next:hover, .post a.carousel-prev:hover, .post a.carousel-next:hover, .secondary-nav .dropdown-menu>li>a:hover, .image-post-menu:hover, .featured-image a:hover, .gallery-icon a:hover {
    background: #FFFFFF !important;
    background-color: rgb(255, 255, 255) !important;
}
.post-meta ul li:first-of-type i {
    display: none;
}
.post-meta a, .comment-metadata a, .archive-title {
    color: #548f08;
}
.vermas-posts .post-content {
	height: auto !important;
}
.vermas-posts img {
	width: 100%;
}
.vermas-img {
    overflow: hidden;
}
.post-meta.visible-xs li {
	border-right: 0px solid #000 !important;
    padding: 0 0px !important;
}





/* SIDEBAR  -------------------------------------------------------------------------------------------------------------------------------------- */ 
.sidebar {
  border-top: 0px solid #000;
  padding-top: 0px;
}
.bordered-sidebar {
  border: 0px solid #000;
  padding: 0px 0px;
}
.widget {
  text-align: left;
  border-bottom: 1px black dashed;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.widget-title {
	font-size: 1.8em;
	color: #548f08;
	text-transform: none;
} 
.widget #searchform button {
    margin-top: 7px;
}    
.widget_search .navbar-form {
	margin-top: 0px;
	}  
h3.widget-title {
    margin-bottom: 15px;
}	
.centre{
	display: table;
	margin: 0 auto;
}
ul, ol {
    list-style-type: none;
}
.most-viewed h4 {
    font-size: 16px;
    line-height: normal;
}
.most-viewed .colored-bg.inline-block {
    margin-right: 0px;
}
.icon-seo-icons-11 {
	display: none;
	}
.media-body p{
	font-size: 12px;
	color: #548f08;
	margin-bottom: 15px;
	}
.blogs-list{
	width: 50%;
	float: left;
}
.navbar-form .form-control {
    width: 234px;
}

.lista-widget li {
	padding-bottom: 5px;
    font-size: 1em;
    margin-left: 37px;
}

.lista-widget-dots ul{
	list-style-type: circle;
    color: green;
    padding-top: 15px;
    padding-left: 20px;
}
.lista-widget-dots li{
	padding-top: 5px;
	}


/*cuando no carga publi NO deja el hueco vacío */
.sidebar .widget_mokka_code_banner {
	margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
    line-height: 0;
}
/*Añade un margen al hijo del WIDGET donde va la publi en el sidebar. Si no hay publi, no hay hijo y no hay margen */
.widget_mokka_code_banner .inner-widget .centre > * {
	margin-bottom: 30px;
}
.tag-line {
	display: none;
}
.col-sm-12 {
    width: 100%;
}
/* Para flotar el sidebar a la derecha */
.composer .col-md-4 {
    float: right !important;
    margin-bottom: 30px;
}




/* icon below featured image -------------------------------------- */ 
.single-post .icon-wrapper {
    display: none;
}
.icon-wrapper {
	display: none !important;
	}



/* Form Newsletter -------------------------------------------------*/

form {
  width: 100%;
}
.input {
  display: flex;
  align-items: center;
}
.button {
  height: 44px;
  border: none;
}

#email {
  width: 75%;
  background: #ffffff;
  font-family: inherit;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 5%;
  border-radius: 5px 0 0 5px;
  border: 1px solid #ccc;
}
#submit {
  width: 25%;
  background: #548f08;
  color: #ffffff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
#submit:hover {
  background: #548f08;
}
input:focus {
  outline: none;
  outline: 2px solid #548f08;
  box-shadow: 0 0 2px #548f08;
}



/* menú comunidades de blogs */
#menu-comunidades li a {
    display: block;
    padding: 12px 8px;
    text-align: left;
    background-color: #F6F6F6;
    text-align: center;
    font-size: 1.2em;
}
#menu-comunidades li {
    margin-bottom: 8px;
}

li#color-fashion a:hover {
    color: black;
    background-color: #ede7dc;
}
li#color-cocina a:hover {
    color: white;
    background-color: #548f08;
}
li#color-deporte a:hover {
    color: white;
    background-color: #d72466;
}
li#color-series a:hover {
    color: white;
    background-color: #2072c7;
}
li#color-mascotas a:hover {
    color: white;
    background-color: #ae3412;
}
li#color-decoideas a:hover {
    color: white;
    background-color: #e1511d;
}
li#color-tecnologia a:hover {
    color: white;
    background-color: #59a1aa;
}



/* Siguenos en las redes sociales ------------------*/

.fa-search {
font-size: 1rem !important;
}
.fa {
	font-size: 3rem;
}
.form-newsletter {
    width: 70%;
}
.text-susc{
	display: block;
	padding-left:10px;
}


/*********************  ESTILOS desplegable blogs  *********/
#columna2 ul li,
#columna2 ul li a{
	color:#000;
	list-style:none;
}

#columna2 ul li a:hover{
	color:#000 !important;
	font-weight:bold;
}

#estatic-list{
	border:none; 
}

#estatic-list .ver.active ul{
	position:relative;
    height: auto;
    overflow:hidden; 
    margin-bottom:100px;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    transition: 2s;
}

#estatic-list li ul{
    position:relative;
    left:0;
    height:0px;
    overflow:hidden;
    margin-left:-15px;
   -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    transition: 1.5s;		
}
#estatic-list li {
  padding-bottom: 0.5em;
}
ul#estatic-list li a{
  color: #000;
}
ul#estatic-list li a:hover{
  color: #548f08;
}



/* Fin SIDEBAR------------------------------------------------------------------------------------- */











/* COMPARTIR REDES SOCIALES  -------------------------------------------------------------------------------------------------------------------------- */
.share-title {
    display: none;
}
.share-wrapper {
    padding: 0;
}
.share-wrapper ul {
    margin: 0px 0px;
}
.share-wrapper ul li a {
    border-radius: 10%;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-indent: -1px;
   }
.share-wrapper {
    border-bottom: 0px solid #000;
    margin-bottom: 20px;
}
.facebook {
	color:#45619d;
	}
.facebook:hover {
    color: #548f08;
    }
a.facebook {
    background-color: #45619d;
}
.twitter {
    color: #55acee;
}
.twitter:hover {
    color: #548f08;
    }
a.twitter {
    background-color: #55acee;
}
.pinterest {
    color: #d11e16;
}
.pinterest:hover {
    color: #548f08;
    }
a.pinterest {
    background-color: #d11e16;
}
.google-plus {
    color: #da4835;
}
.google-plus:hover {
    color: #548f08;
    }
a.google-plus {
    background-color: #da4835;
}
.tumblr {
    color: #36465d;
}
.tumblr:hover {
    color: #548f08;
    }
a.tumblr {
    background-color: #36465d;
}
.instagram {
    color: #855140;
    }
.instagram:hover {
    color: #548f08;
    }




/* lista dos columnas ver más post */

#post-:nth-child(2n+1) {
    clear: both;
}

.lista-dos-columnas .featured-image {
	display: none;
}



/* Listado todos los blogs */
.btn-blog {
	width: 80%;
	margin-left: 10%;
}
.btn-blog:hover, .btn-blog:focus, .btn-blog:active, .btn-blog.active, .open .dropdown-toggle.btn-blog {
    width: 80%;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #548f08;
    border-color: #548f08;
}
.btn-danger {
    color: #fff !important;
    background-color: #548f08;
    border-color: #548f08;
}
.btn-danger:focus{
	background-color: #487b06;
    border-color: #487b06;
	}
.form-control {
    padding: 10px 30px;
    }

.btn-post {
	width: 100%;
	margin-top: 10px;
}
.btn-custom {
    color: #000 !important;
    background-color: #FFFFFF;
    border-color: #000000;
    font-family: "Prata", serif;
    font-size: 20px;
    margin-bottom: 30px;
}
.btn-custom:hover {
    color: #548f08 !important;
    background-color: #FFFFFF;
    border-color: #000000;
    font-size: 20px;
    font-family: "Prata", serif;
}





/* Contenido ------------------------------------------------------------------------------------------------------------------------------------- */  
.container {
	margin-top: 10px;
}
.banner-container {
	border-bottom: 1px solid #000;
   margin-bottom: 30px;
}
.list-inline {
    margin-left: 0px;
}
.list-inline>li {
    padding-left: 0px;
}
.post-meta-date {
    margin-bottom: 0px;
}


/* comentarios -------------------------------------- */
.logged-in-as a {
    font-weight: 400;
}

.logged-in-as a:hover, a:focus {
    color: #000000;
    text-decoration: none;
    font-weight: 400;
}

.post-content {
    margin: 0 0 10px;
   /* height: 370px !important;*/
}
.post-author-wrapper {
    display: none;
}




/* Paginación -------------------------------------- */  
.pagination-wrapper {
    float: left;
    width: 100%
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 10%;
   }
.icon-arrows-02:before {
    content: "r";
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 10%;
 }
 .icon-arrows-01:before {
    content: "s";
}
.pagination .current {
    border: 1px solid #548f08;
    background-color: #548f08;
}






/* ver más*/

.vermas {
    border-radius: 5px;
    background: #548f08 url(//www.himgs.com/imagenes/hola/lookandfashion/new/sprite-arrow-v2.png) no-repeat 5px -20px;
    height: 33px;
    text-align: left;
    padding-top: 10px;
    font: normal 12px 'verdana' !important;
    color: #fff !important;
    display: block;
    list-style: none !important;
    padding-left: 29px;
}
.vermas:hover{
	background:#548f08 url(//www.himgs.com/imagenes/hola/lookandfashion/new/sprite-arrow-v2.png) no-repeat 5px 2px;
	}

.ver{
	list-style:none !important;
}

/* fin ver más */




/* imágenes por ratio */
.post-banner li { /* destacado principal */
    height: 0;
    width: 100%;
    padding-bottom: 77%;
}
.post-content .featured-image { /* imágenes post */
    height: 0;
    width: 100%;
    padding-bottom: 67%;
}

.vermas-img { /* imágenes en ver más post */
    height: 0;
    width: 100%;
    padding-bottom: 67%;
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ======================================================== MEDIA QUERIES ========================================================= */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */






/* ! Medium desktop
/* ======================================================================== */
@media (max-width: 1199px) {
.col-contenido {
	width: calc(100% - 330px) !important;
}
.col-barra-derecha {
	width: 330px !important;
}
.destacados div[class*="col-"] img {
    height: 472px;
 }

h2, .h2 {
	font-size: 26px;
    line-height: 35px;
}
.post-banner li {
    padding-bottom: 80%;
}
}





/* ! Mini Desktop
/* ======================================================================== */

@media (max-width: 991px) {
body {
	display: block !important;
}
#canvas {
    max-width: 100%;
}	
.destacados div[class*="col-"] img {
    height: 361px;
  }
h2, .h2 {
    line-height: 35px;
}

.widget_mokka_most_viewed {
	display: none;
}

.post-banner li {
    padding-bottom: 86%;
}

/* Con Publi */

.adskin .col-xs-12.destacado {
    padding-left: 0;
    padding-right: 0;
}
.adskin .col-contenido .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

}


/* ======================================================================== */


@media (max-width: 800px) {

/* Oculta TODOS los "widgets-text" que estén puestos a manopla por debajo de esta resolución*/
.widget_text { 
    display: none;
}	

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

/* ! Landscape phone to portrait tablet 
/* ======================================================================== */
@media (max-width: 768px) {
body {
	display: block !important;
}
#canvas {
    max-width: 100%;
}	
.header {
    margin-top: 0px !important;
}
.logo-wrap img {
    max-width: 70% !important;
}
.destacados div[class*="col-"] img {
    height: 679px; /*altura de la caja foto*/
     }
h2, .h2 {
    font-size: 28px;
    line-height: 32px;
}
.col-contenido {
	width: 100% !important;
}
.col-barra-derecha {
	width: 100% !important;
}
.col-xs-12, .col-sm-12 {
	padding-left: 0px !important;
    padding-right: 0px !important;
    }
.post-banner li {
    padding-bottom: 80%;
}
/* El contenido tiene que flotar a la derecha para que el sidebar sea clickable por debajo de ésta resolución */
.col-md-8.col-sm-12.col-contenido {
	float: right;
}
}


@media (max-width: 579px) {
.post-banner li {
    padding-bottom: 85%;
}
}



/* ! Landscape phones and down
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */


@media (max-width: 480px) {
body {
	display: block !important;
}
#canvas {
    max-width: 100%;
}	
h2, .h2 {
    font-size: 24px;
    line-height: 28px;
}
.header {
    margin-top: 0px !important;
}
.logo-wrap img {
    max-width: 100% !important;
}
.destacados div[class*="col-"] img {
    height: 437px; /*altura de la caja foto*/
}
.vertical-centered-text {
    padding-top: 0.5rem;
}
.post-banner p {
	margin-top: 18px;
}
.post-banner {
    margin-bottom: 16px;
}
.featured-image a {
    height: 100%;
}
.col-contenido {
	width: 100% !important;
}
.col-barra-derecha {
	width: 100% !important;
}
.post-banner li {
    padding-bottom: 90%;
}
}

@media (max-width: 410px) {
.post-banner li {
    padding-bottom: 96%;
}
	}


@media (max-width: 320px) {

.col-contenido {
	width: 100% !important;
}
.col-barra-derecha {
	width: 100% !important;
}
.sidebar {
    min-width: auto;
    }
.featured-image a {
    height: 100%;
}
.post-banner-content {
    height: 120px;
    }
.post-banner p {
    margin-top: 1px;
}
.pagination-wrapper .col-sm-10, .col-md-10, .col-lg-10 {
	padding-left: 0px !important;
    padding-right: 0px !important;
    }
.post-banner li {
    padding-bottom: 112%;
}    



/* Con Publi */
.adskin .robapaginas-blogs {
  margin-left: -12px;
}
.adskin .widget_execphp{
	margin-left: 0 !important;
}
}