/* ETIQUETAS CSS QUE INDICAN A WORDPRESS QUE ESTE ES EL TEMA HIJO */
 
/*
Theme Name: Virtue HIJO
Template: virtue
*/

/* EN FICHERO => virtue\assets\css\virtue-unmin.css 
*/

/*
Objetivo de este apartado CSS es mejorar las core vitals.
*/


#thelogo{
	width: 335px !important;
	height: 100px !important;
}
/*
@media screen and (max-width: 820px) {
	div.container:nth-child(2){
		max-height: 297px !important;
		background-color: 
	}
	
	header.headerclass{
		max-height: 331px !important;
	}
}
*/

div.widget-inner{
	content-visibility: auto;
}

#containerfooter{
	content-visibility: auto;
}

.responsive-tabs-wrapper,.wp-block-image,.ads-jxxxg-side-by-side, .relpost-thumb-wrapper, .cm_ads_related_post, #ez-toc-container, .single-footer, section#comments, section#respond,div.sidebar, footer#containerfooter{
	content-visibility: auto;
}


/*--------------- Fin Core Vitals ---------------------------------------------------------------------------------------------------------------------------------*/



/*
.container{
	width: 390px !important; height: 297px !important;
}*/
	
@media (min-width: 992px) { 
	.main.col-lg-9.col-md-8 { float: right; } 
}

/*
Para el div.row: evitar el CLS que provoca => inicializaba con un height más grande que luego se ajustaba.
*/

	
/*
https://www.css3buttongenerator.com/
*/


.btn-read-online-comic  {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #fc0f9a;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-read-online-comic:hover {
  background: #f27cc1;
  text-decoration: none;
}

.btn-download-comic  {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #7d32a8;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-download-comic:hover {
  background: #cc96eb;
  text-decoration: none;
}

.btn-windows  {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-windows:hover {
  background: #80b5d9;
  text-decoration: none;
}

.btn-android {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #58d934;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-android:hover {
  background: #9cd18c;
  text-decoration: none;
}


.btn-mac {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #b9bfb8;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-mac:hover {
  background: #d0d4d0;
  text-decoration: none;
}

.btn-guia {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #e81e54;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-guia:hover {
  background: #c22954;
  text-decoration: none;
}

.btn-parche {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #f5d442;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 5px 5px 5px 5px;
}

.btn-parche:hover {
  background: #dbc25c;
  text-decoration: none;
}

@media all and (min-device-width: 600px){
		
	.btn-read-online-comic  {
	  font-size: 20px;
	}

	.btn-download-comic  {
	  font-size: 20px;
	}

	.btn-windows  {
	  font-size: 20px;
	}

	.btn-android {
	  font-size: 20px;
	}

	.btn-mac {
	  font-size: 20px;
	}

	.btn-guia {
	  font-size: 20px;
	}

	.btn-parche {
	  font-size: 20px;
	}
}

/*
----------------------------------------------
*/


/*
*/
.postedintop{
	font-size: 13px !important;
}

.posttags{
	font-size: 13px !important;
}

/**/

.ul-download{
	list-style-type: none;
	text-align: center;
	padding: 0px 0px 0px 0px !important;
}

.li-download{
	/* display: inline; */
	margin-top: 25px;
	margin-bottom: 25px !important;
}

.tabcontent {
	margin-bottom: 5px !important;
	padding-bottom: 5px !important;
}

/**/

.posttags a{
	font-size: 12px !important;
	background-color: #ff0000 !important;
	color: #ffffff !important;
}

.posttags a:hover{
	background-color: #9933ff !important;
	color: #ffffff !important;
}


/*HOME*/
.home-column {
  float: left;
}

/* Clear floats after the columns */
.home-row:after {
  content: "";
  display: table;
  clear: both;
}

/*
Para los videos embebidos de youtube
*/
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.div-column {
  float: left;
  width: 50%;
}

.div-row{
  text-align: center;	
}

/* Clear floats after the columns */
.div-row:after {
  content: "";
  display: table;
  clear: both;
}

/*
Enlace en la lista de resultados para descargar.
*/
.results-download-link{
	
}








.col-lg-3 {
    width: 300px;
	padding-left: 0px;
	padding-right: 0px;
}

.col-lg-9 {
    min-width: 300px !important;
	max-width: 850px !important;
}



.single-article aside {
    margin-right: 10px;
}

.sidebar ul{
	margin: 0px 0px 0px 0px;
}

.wpp-post-title{
	color: rgb(249, 150, 84) !important;
}

.wpp_h3{
	box-sizing: border-box;
	color: rgb(249, 150, 84);
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	outline-color: rgb(249, 150, 84);
}

.h2_xxx{
	box-sizing:border-box;
	color:rgb(247, 106, 12);
	cursor:pointer;
	display:inline;
	font-family:Lato;
	font-size:26px;
	font-style:normal;
	font-weight:400;
	line-height:40px;
	text-decoration-color:rgb(247, 106, 12);
	text-decoration-line:none;
	text-decoration-style:solid;

	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}


/*
MEGA ADS
*/
.mega_ads{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


a.relpost-block-single{
	padding-left: 3px;
}

.relpost-block-single-text{
	color: rgb(247, 106, 12) !important;
	text-decoration: rgb(247, 106, 12) !important;
	text-decoration-color: rgb(247, 106, 12) !important;
	text-decoration-line: none !important;
	text-decoration-style: solid !important;
}

/*
MENU
*/
li.menu-queda-y-folla a{
	background-color: rgb(54,47,133);
	font-size: 20px !important;
	color: rgb(250,233,142) !important;
}

li.menu-queda-y-folla a:hover{
	background-color: rgb(247, 106, 12);
	font-size: 20px !important;
	color: rgb(250,233,142) !important;
}