/*
 Theme Name:   TXH
 Description:  Todo Por hacer
 Template:     colormag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  colormag-child
*/

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto:400,500,700,900&display=swap" rel="stylesheet"> 

font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;

/*
INDICE
- General
- Header
- Menu
- Blog Metas
- Main Page
- Main Page Books
- Calendar
- Menu Search
- Social Bookmarks
- Footer
- Single Post Page
- Related Posts
- Next and previous post
*/

/****************************************/
/*              GENERAL                 */
/****************************************/

*, p, h1, a {
    /*font-family: "Times New Roman", Times, serif;*/
	font-family: "Roboto", "Open Sans", Sans, sans-serif !important;
}
body {
	background-color: #FFF !important;
}
a {
	color: #016CA2;
}
div.clear {
	clear: both;
}
p {
	text-align: justify;
}

/* WP GENERAL */
.entry-title {
	font-size: 2.5vw;
}

h1.entry-title {
	font-weight: 800;
	font-size: 3vw;
	line-height: 100%;
}
.entry-title small {
    font-size: 75%;
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.page-header .page-title span {
	background-color: black;
}
.page-header .page-title {
	border-bottom: 2px solid black;
}
.post .entry-content a,
.page .entry-content a
 {
	font-weight: bold;
	color: #444444;
	border-bottom: 1px dotted black;
}
.post .entry-content a:hover,
blockquote a {
	color: black;
	text-decoration: none !important;
}
.post .entry-content a span {
	font-weight: bold !important;
}

/* Default post */
.post {
	box-shadow: none !important;
}

.entry-content p {
	font-size: 12pt;
} 

.blog .post,
.blog .post:nth-child(2n+1),
.blog .post:nth-child(2n),
.search .post,
.search .post:nth-child(2n+1),
.search .post:nth-child(2n),
.archive #content .post,
.archive #content .post:nth-child(2n+1),
.archive #content .post:nth-child(2n)
{
	width: 100%;
	display: inline-block;
	box-shadow: none !important;
	margin-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
.blog .post,
.blog .post:nth-child(2n+1),
.blog .post:nth-child(2n),
.search .post,
.search .post:nth-child(2n+1),
.search .post:nth-child(2n),
.archive #content .post,
.archive #content .post:nth-child(2n+1),
.archive #content .post:nth-child(2n)
{
	border-bottom: 2px solid black;
}
}

.blog .post .featured-image,
.search .post .featured-image,
.archive .post .featured-image
{
	width: 30%;
	float: left;
	padding-bottom: 15px;
}

.blog .post .article-content,
.search .post .article-content,
.archive .post .article-content
{
	width: 65%;
	float: right;
	padding: 0 !important;
}
.blog .post .article-content .entry-title,
.search .post .article-content .entry-title,
.archive .post .article-content .entry-title 
{
	padding: 0 !important;
	margin-top: -0.3em;
	font-size: 32px;
	font-weight: bold;
}
.page-title span,
.widget-title span {	
	background-color: transparent !important;
	color: black !important;
	padding: 0 0 6px 0; 
}
.page-title,
.widget-title { 
	border-bottom: 1px solid black; 
}


/* featured image Aspect Ratio */
.blog .post .featured-image > a,
.search .post .featured-image > a {
	position: relative;
	display: block;
	padding-top: 62%;
	overflow: hidden;
}

.blog .post .featured-image a img,
.search .post .featured-image a img {
	position: absolute;
	top: 0;
	left: 0;
/*	margin-top: -50%; */
	width: 100%;
}
.blog .post.txh_top .featured-image a img,
.search .post.txh_top .featured-image a img {
	margin-top: 0;	
}
.blog .post.txh_bottom .featured-image a img,
.search .post.txh_bottom .featured-image a img {
	margin-top: -100%;	
}

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

.header-image-wrap {
	background-image: url(https://www.todoporhacer.org/wp-content/uploads/2017/05/txh_cabecera3.png);
    background-size: contain;
    background-repeat-x: repeat;
}
.header-image {
	width: 15%;
	min-width: 120px;
	margin: 0 auto;
	display: block;
	padding: 0;
	border: none;
}
.main-page .header-image {
	width: 30%;
	min-width: 200px;
}
#header-text-nav-wrap {
	display: none;
}
body {
	padding-top: 0;
}
#header-text-nav-container {
	position: absolute;
	left: 0;
	width: 100%;
}

/****************************************/
/*                MENU                  */
/****************************************/

#site-navigation {
	background-color: white;
	box-shadow: none;
	border-top: none !important;
}
#site-navigation * {
	font-family: sans-serif;
}
#site-navigation .inner-wrap {
	border-bottom: 1px solid;
	box-shadow: 1px 1px 8px rgba(102,102,102,.3);
	max-width: none;
	display: block;
}
#site-navigation .suscribe_btn a {
	font-size: 70% !important;
	font-weight: 600 !important;
	padding: 13px 6px !important;
	color: black !important;
}
.suscribe_btn {
	float: right !important;
	background-color: #2e8ebf !important;
}
.menu-logo {
	display: none;
}
.is-sticky .menu-logo {
	display: block;
	position: absolute;
	margin-left: calc(50vw - 90px);
	z-index: 1000;
}
.is-sticky .menu-logo a {
	padding: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.is-sticky .menu-logo a:hover {
	background-color: transparent !important;
}
.is-sticky .menu-logo a img {
	height: 42px;
	margin: 0;
}
/*.is-sticky #site-navigation .inner-wrap {
    background-image: url(http://localhost/pruebaswp/wp-content/uploads/2017/03/txh_cabecera_inv.png);
    background-size: 160px;
    background-position: center;
    background-repeat: no-repeat;
}
.is-sticky #site-navigation .menu-primary-container {
}
*/
.main-small-navigation ul ul a {
	padding: 0;
}
.main-small-navigation ul.social_bookmarks,
.main-small-navigation .my-nav-menu-search {
	float: left !important;
	clear: both;
}
.main-small-navigation .search-form {
	right: initial;
}
@media screen and (max-width: 1190px) {
   #site-navigation .inner-wrap {
      width: 100%;
   }
}
.main-navigation li a,
.site-header .menu-toggle,
.site-header .menu-toggle:before {
	color: black;
}
.main-navigation a:hover, 
.main-navigation ul li.current-menu-item > a, 
.main-navigation ul li.current_page_ancestor > a, 
.main-navigation ul li.current-menu-ancestor > a, 
.main-navigation ul li.current_page_item > a, 
.main-navigation ul li:hover > a
{
	color: black !important;
	background-color: #e6e6e6 !important;
}
.menu-right-container {
	float: right;
}
@media screen and (max-width: 768px) {
	.main-navigation .menu-right-container ul {
    	display: block;
	}
}
@media screen and (max-width: 860px) {
	.main-navigation a {
		font-size: 70%;
		padding: 13px 6px;
	}
}

/****************************************/
/*              BLOG METAS              */
/****************************************/

#content .post .article-content .below-entry-meta .tag-links {
	padding-right: 0;
}
.posted-on {
	float: right;
	clear: none;
	padding-right: 0 !important;
}
.tag-links a {
	display: none;
}

.tag-links a:first-child {
	display: inline;
	border-right: none;
}
.post .posted-on .published {
	display: inline;
/*	padding-right: 13px; */
}
/*.blog .books .tag-links a:first-child {
	border-right: 1px solid white;
}*/
.tag-links a,
.posted-on .published {
	text-transform: uppercase;
	color: #c10000;
	font-size: 12px;
	font-family: sans-serif;
}
.blog .above-entry-meta {
	display: none;
}
.blog .below-entry-meta {
	padding-bottom: 0 !important;
}
.post .more-link {
	display: none;
}

/****************************************/
/*              MAIN PAGE               */
/****************************************/

/* Common */
a:hover {
	color: darkgrey !important;
}
.main-page a img:hover:not(.header-image) {
	opacity: 0.7;
}
.main-page .entry-content {
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	#content .post .article-content {
		padding: 0;
	}
	.post .featured-image {
		width: 100% !important;
	}
	#primary .article-content {
		width: 100%;
	}
	.main-page form.mailpoet_form {
		margin-bottom: 30px;
		border-bottom: 2px solid black;
	}
	.main-page .mailpoet_form .mailpoet_paragraph {
		margin-bottom: 0px;
	}
	.books article {
		display: block !important;
		width: 80% !important;
		margin: 0 auto;
		float: none !important;
	}
	.entry-title {
		font-size: 25px !important;
	}
	.right-side-post-container .post:nth-child(2),
	#primary .right-side-post-container .post:nth-child(2) .article-content {
		border-bottom: none;
	}
	.main-page .article-container .third-row .post .featured-image {
		width: 31% !important;
		float: right;
	}
	.main-page .article-container .third-row .post .article-content {
		width: 64% !important;
		float: left;
	}
	.main-page .article-container .third-row .post .article-content .entry-title {
		font-size: 20px !important;
	}
}
@media screen and (min-width: 769px) {
	/* First post */
	.main-page .article-container > .post:first-child {
		display: inline-block;
		border-bottom: 1px solid;
		margin-bottom: 3% !important;
		padding-bottom: 3%;
	}
	.main-page .article-container > .post:first-child .featured-image {
		width: 60%;
		float: left;
	}

	.main-page .article-container > .post:first-child .article-content {
		float: right;
		width: 38%;
		padding-left: 2%;
		padding: 0 !important;
	}

	/* Second row */
	.main-page .article-container > .post:nth-child(2) {
		float: left;
		width: 50%;
		clear: both;
		padding-right: 3%;
		border-right: 1px solid;
	}
	.main-page .article-container > .post:nth-child(3) {
		float: right;
		width: 50%;
		padding-left: 3%;
	}
	.main-page .post:nth-child(2) .featured-image,
	.main-page .post:nth-child(3) .featured-image {
		width: 100%
	}
	.main-page .post:nth-child(2) .article-content,
	.main-page .post:nth-child(3) .article-content {
		width: 100%
	}

	/* third row */
	.third-row {
		clear: both;
		float: left;
		width: 100%;
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 3% 0 0 0;
		margin: 0 0 3% 0;
	}
	.main-page .article-container .third-row .post
	{
		width: calc(33% - 4px);
		float: left;
		clear: none;
	}
	.main-page .article-container .third-row .post .featured-image {
		width: 100%;
	}
	.main-page .article-container .third-row .post .article-content {
		width: 100%;
	}
	.main-page .article-container .third-row .post .entry-title {
		font-size: 1.5vw !important;
	}
	/* Third row borders */
	.main-page .article-container .third-row .post:first-child {
		padding: 0 2% 0 0;
		border-right: 1px solid;
	}
	.main-page .article-container .third-row .post:nth-child(2) {
		padding: 0 2%;
		margin-right: 2%;
		border-right: 1px solid;
	}
	.main-page .article-container .third-row .post:nth-child(3) {
		float:right;
	}

	/* fourth row containers */
	.main-page .left-side-post-container {
		float: left;
		width: 47%;
	}

	.main-page .right-side-post-container {
		float: right;
		width: 47%;
		padding-left: 3%;
		border-left: 1px solid;
		min-height: calc(75vw/2);
	    margin-bottom: 4vw;
	}

	/* fourth row posts */
	.main-page .left-side-post-container .post {
		width: 100%;
		margin: 0 !important;
		padding: 3% 0;
		border-bottom: 1px solid;
	} 
	.main-page .left-side-post-container .post:last-child {
		border: none
	}
	.main-page .left-side-post-container .post .featured-image
	{
		width: 30%;
		float: left;
	}
	.main-page .left-side-post-container .post .article-content
	{
		width: 65%;
		float: right;
	}

	/* hide data in 4th row posts (temporary) */
	.main-page .left-side-post-container .entry-content,
	.main-page .left-side-post-container .above-entry-meta {
		display: none;
	}
	.main-page .left-side-post-container .entry-title {
		padding: 0 !important;
		font-size: 1.9vw !important;
		font-weight: normal !important;
		line-height: 100%;
	}
	.main-page .left-side-post-container .mailpoet_paragraph .post {
		border: none;
	}
	.main-page .left-side-post-container .mailpoet_form .mailpoet_paragraph {
		margin: 0;
	}

	.horizontal-line {
		clear: both;
		border-bottom: 1px solid;
	}

	/* Side posts */
	.main-page .right-side-post-container .post {
		width: 46%;
		clear: none;
	}
	.main-page .right-side-post-container .post .featured-image {
		width: 100%;
	}
	.main-page .right-side-post-container .post .article-content {
		width: 100%;
	}
	.main-page .right-side-post-container .post .entry-title {
		font-size: 1.5vw !important; 
	}
	/*.main-page .right-side-post-container .post .entry-content p {
		font-size: 1.2vw !important;
	}*/
	.main-page .right-side-post-container .post:first-child {
		float: left;
		padding-right: 4%;
		border-right: 1px solid;
		min-height: calc(75vw/2);
	}
	.main-page .right-side-post-container .post:last-child {
		float: right;
	}

	/****************************************/
	/*           Main Page Books            */
	/****************************************/
		
	.main-page .books .post {
		width: 22%;
		float: left;
		clear: none;
		margin-right: 4%;
	}
	.main-page .books .post:last-child {
		margin-right: 0;
	}
	.main-page .books .post .article-content {
		width: 100%;
		margin: 0 auto;
		float: none;
	} 
	.main-page .books .post .entry-title {
		font-size: 1.7vw !important;
		font-weight: normal;
	}
	.main-page .books .post .entry-content p {
		font-size: 12px !important;
	}
} /* End media query */

.main-page .mailpoet_paragraph .post {
	border-bottom: none;  
}
#mailpoet_form_2 .mailpoet_submit {
	width: 22%;
}
.main-page .books .post .featured-image {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.main-page .books .post .featured-image > a {
	width: 100%;
	padding-top: 0;
	background-color: transparent;
}
.main-page .books .featured-image > a img {
	position: relative;
}
.book-type a{
	display: block;
	text-transform: uppercase;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #2e8ebf;
}
.main-page .books {
	float: left;
	clear: both;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 0 0 3% 0;
	padding: 4% 0 1% 0;
	background-color: black;
	color: white !important;
    margin-left: -400px;
    padding-left: 400px;
    margin-right: -400px;
    padding-right: 400px;	
}
.main-page .books-label
{
    background-color: black;
	color: white;
    padding: 10px;
    margin-left: 40px;
}
.main-page .books .entry-title a {
	color: white !important;
}
.main-page .books .tag-links a,
.main-page .books .posted-on time {
	color: #fa2929;
}


/*.main-page .books .above-entry-meta {
	display: block;
}
.main-page .books .cat-links a {
	display: none;
}
.main-page .books .cat-links a:first-child {
	display: inline;
	text-transform: uppercase;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #016CA2;
}*/

/****************************************/
/*              CALENDAR                */
/****************************************/
.ai1ec-calendar-toolbar,
.ai1ec-btn-toolbar,
.ai1ec-agenda-view .ai1ec-event-summary.ai1ec-expanded,
.ai1ec-event-toggle
{
	display: none !important;
}
.ai1ec-agenda-view .ai1ec-date {
	border: none;
	background: none;
}	
.ai1ec-date-title {
	margin-left: 0 !important;
}
.ai1ec-event,
.ai1ec-date-title,
.ai1ec-month {
	border-radius: 0 !important;
	box-shadow: none !important;
}
.ai1ec-agenda-view .ai1ec-event {
	padding: 0;
}
.ai1ec-event .ai1ec-btn-default {
	border: none;
	width: 100%;
	text-align: left;
}
.ai1ec-event .ai1ec-btn-default:hover {
	background-color: #eee;
}
.ai1ec-event-header {
	margin: 0 5px;
}
.ai1ec-agenda-view .ai1ec-date.ai1ec-today {
	background-image: none;
	border-top: none;
}
#ai1ec-calendar-view .ai1ec-pull-left {
	margin-bottom: 25px;
}

/****************************************/
/*             MENU SEARCH              */
/****************************************/
.menu-primary-container .my-nav-menu-search {
	width: 50px;
	height: 42px;
	float: right !important;
}
.menu-primary-container .search-form {
	position: absolute;
	right: 7px;
}
.menu-primary-container .search-field {
	background-color: transparent;
	background-image: url(https://www.todoporhacer.org/wp-content/themes/colormag-child/img/searchicon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 42px;
	margin: 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
	z-index: 100;
}
.menu-primary-container .search-field:focus {
	background-color: #e6e6e6;
	cursor: text;
	outline: 0;
	width: 230px;
	margin-right: -7px;
}
@media screen and (max-width: 769px) {
	.site-header .menu-toggle:hover {
		background: white;
	}

	.main-small-navigation .menu-primary-container {
		background: white;
		border: solid 1px black;
	}

	.menu-primary-container .my-nav-menu-search {
		margin: 0 20px 10px 20px !important;
		width: calc(100% - 40px);
	}
	.main-small-navigation .my-nav-menu-search .search-form {
		width: 100%;
	}
	.menu-primary-container .search-field,
	.menu-primary-container .search-field:focus {
		background-color: #e6e6e6;
		cursor: text;
		outline: 0;
		width: 100%;
		margin-right: -7px;
	}
	.main-small-navigation ul.social_bookmarks, .main-small-navigation .my-nav-menu-search {
		margin: 0 20px 10px 20px;
		width: calc(100% - 40px);
	}
	.menu .social_bookmarks li:nth-child(7) {
		border-right: none;
	}
	.menu .social_bookmarks li {
		width: 14%;
	}
	.menu .social_bookmarks li a {
		width: 100%;
		font-size: 3vw;  
	}
}
.menu-primary-container .search-submit {
  display: none !important;
}
.menu-primary-container input[type="search"] {
  -webkit-appearance: textfield;
}
.search-form input[type="submit"] {
	background-color: black;
}
.main-small-navigation .my-nav-menu-search {
	float: left !important;
	margin-left: 10px;
}
.main-small-navigation .my-nav-menu-search .search-form {
	right: inherit;
}

/****************************************/
/*         SOCIAL BOOKMARKS             */
/****************************************/
/*Loaded in functions.php*/


.main-navigation ul ul.social_bookmarks {
	z-index: 0;
	float: right;
	position: relative;
	left: 0;
	height: 30px;
	-webkit-backface-visibility: hidden;
	margin: 6px 0;
}

.social_bookmarks li{
height:100%;
float:left;
padding:0;
-webkit-transition: all 0.2s ease-in-out;
transition: 		all 0.2s ease-in-out;
border-right-style: solid;
border-right-width: 1px;
display: block;
width:30px;
}

#header .social_bookmarks li:last-child{border-right-style:none; border-right-width:0;}

.social_bookmarks li a{
	float:left;
	width:30px;
	line-height:30px;
	display: block;
	margin:0px;
	outline: none;
	padding:0;
	min-height:30px;
	height:100%;
	overflow: visible;
	z-index: 2;
	position: relative;
	text-align: center;
}

.social_bookmarks, .social_bookmarks a, .social_bookmarks li{background: transparent;}

.social_bookmarks li a:hover{ text-decoration: none; }

ul.social_bookmarks li.av-social-link-rss:hover	   	 a{color:#fff; background-color:#ffa133 !important; }
ul.social_bookmarks li.av-social-link-facebook:hover  a{color:#fff; background-color:#37589b !important; }
ul.social_bookmarks li.av-social-link-twitter:hover   a{color:#fff; background-color:#46d4fe !important; }
ul.social_bookmarks li.av-social-link-mail:hover      a{color:#fff; background-color:#9fae37 !important; }
ul.social_bookmarks li.av-social-link-dribbble:hover  a{color:#fff; background-color:#e44885 !important; }
ul.social_bookmarks li.av-social-link-linkedin:hover  a{color:#fff; background-color:#419cca !important; }
ul.social_bookmarks li.av-social-link-search:hover    a{color:#fff; background-color:#222222 !important; }
ul.social_bookmarks li.av-social-link-gplus:hover     a{color:#fff; background-color:#de5a49 !important; }
ul.social_bookmarks li.av-social-link-behance:hover   a{color:#fff; background-color:#008cfa !important; }
ul.social_bookmarks li.av-social-link-flickr:hover    a{color:#fff; background-color:#ff0086 !important; }
ul.social_bookmarks li.av-social-link-forrst:hover    a{color:#fff; background-color:#234317 !important; }
ul.social_bookmarks li.av-social-link-myspace:hover   a{color:#fff; background-color:#000000 !important; }
ul.social_bookmarks li.av-social-link-tumblr:hover    a{color:#fff; background-color:#345574 !important; }
ul.social_bookmarks li.av-social-link-vimeo:hover     a{color:#fff; background-color:#31baff !important; }
ul.social_bookmarks li.av-social-link-youtube:hover   a{color:#fff; background-color:#a72b1d !important; }
ul.social_bookmarks li.av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027 !important; }
ul.social_bookmarks li.av-social-link-skype:hover 	   a{color:#fff; background-color:#12a5f4 !important; }
ul.social_bookmarks li.av-social-link-instagram:hover a{color:#fff; background-color:#c13584 !important; }
ul.social_bookmarks li.av-social-link-five_100_px:hover a{color:#fff; background-color:#222222 !important; }
ul.social_bookmarks li.av-social-link-soundcloud:hover  a{color:#fff; background-color:#F76700 !important; }
ul.social_bookmarks li.av-social-link-xing:hover 	     a{color:#fff; background-color:#006567 !important; }
ul.social_bookmarks li.av-social-link-vk:hover 	   	 a{color:#fff; background-color:#597BA5 !important; }
ul.social_bookmarks li.av-social-link-reddit:hover 	 a{color:#fff; background-color:#FF4500 !important; }
ul.social_bookmarks li.av-social-link-telegram:hover   a{color:#fff; background-color:#0088cc !important; }
ul.social_bookmarks li.av-social-link-flipboard:hover   a{color:#fff; background-color:#f52828 !important; }

.icon:before { font-family: 'entypo-fontello'; }
.icon-twitter:before { content: '\e800'; } /* '' */
.icon-telegram:before { content: '\e801'; } /* '' */
.icon-mail:before { content: '\e802'; } /* '' */
.icon-rss:before { content: '\e803'; } /* '' */
.icon-flipboard:before { content: '\e804'; } /* '' */
.icon-facebook:before { content: '\f300'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */

.av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header .av-logo-container .social_bookmarks{
position: absolute;
top:50%;
margin-top: -15px;
right:0;
}

.html_cart_at_menu .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header.html_cart_at_menu  .av-logo-container .social_bookmarks{
left:0;
right: auto;
}

.av-logo-container .social_bookmarks li{
border:none;
}

.av-logo-container .social_bookmarks li a{border-radius: 100px;}

.avia_hidden_link_text {
    display: none;
}

/*[data-av_icon]:before {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  content: attr(data-av_icon);
  speak: none;
}*/

/****************************************/
/*                 FOOTER               */
/****************************************/
body {
	padding-bottom: 0;
}
#colophon {
	width: 100%;
	position: absolute;
	left: 0;
}
#colophon .footer-widgets-wrapper {
	background-color: black;
}
#colophon .tg-second-footer-widget {
	width: 100%;
}
#colophon .footer-socket-wrapper {
	display: none; 
}
#colophon .widget_quotescollection .widget-title {
	display: none;
}
#colophon .quotescollection-quote p {
	font-style: italic;
}
/*#colophon .quotescollection-quote p:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFFFFF;
    font-size: 20px;
    position: relative;
    top: -5px;
    left: -5px;
}*/
#colophon .widget .next-quote-link {
	display: none;
}
#colophon .widget ul li {
	display: inline-block;
	position: relative;
	border-bottom: none;
	margin-right: 10px;
	padding: 0 16px 0 0;
}

#colophon .widget ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 14px;
    background: #e1e1e1;
    top: 0px;
    right: 0px;
    margin-top: 2px;
    transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
}
#colophon .widget ul li:last-child:before {
	display: none;
}
#colophon .widget ul li a {
	text-transform: uppercase;
	font-family: sans-serif;
	text-decoration: underline;
}
/*#colophon, #colophon p:before,
#colophon, #colophon p:after {
	content: '"';
}*/

/****************************************/
/*          Single Post Page            */
/****************************************/
.single-post h2 {
	font-size: 22px;
	font-weight: bold;
}
.single-post h3 {
	font-size: 20px;
	font-weight: bold;
}
.single-post h4 {
	font-size: 18px;
}
/*.single-post .featured-image {
	background: #ddd;
}
*/
.single-post .featured-image img {
	width: 100%;
	margin: 0 0 2vw 0 !important;
	background: #ddd;
}
.single-post .posted-on .published {
	color: #525252;
	text-transform: none;
	float: right;
	padding: 0;
	border-right: none;
	clear: both;
}
.single-post .tag-links a:nth-child(-n+4) {
	display: inline;
}
.single-post .tag-links a:last-child {
	border-right: none;
}
.single-post .tag-links a {
	display: inline;
	padding-right: 13px;
	margin-right: 13px;
	border-right: 1px solid black;
	font-size: 12px;
}.single-post .tag-links {
	font-size: 0;
	float: left;
	clear: none;
}
/*.single-post .tag-links a {
	display: none;
	padding-left: 6px;
	border-left: 1px solid black;
}
.single-post .tag-links a:hover {
	color: grey;
}
.single-post .tag-links a:first-child {
	border-left: none;
	padding-left: 0;
}*/
.single-post .edit-link {
	float: left;
}
.single-post .above-entry-meta {
	display: none;
}
.single-post .below-entry-meta {
	display: inline-block;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 100%;
	padding: 1vw 0 !important;
	margin-bottom: 30px;
}
.single-post .is-featured {
	display: none;
}

@media screen and (max-width: 720px) {
	.single-post .entry-content img.alignright,
	.single-post .entry-content img.alignleft {
		display: block;
		clear: both;
		float: none;
		margin: 0 0 10px 0 !important;
		width: 100%;
	}
}

#main {
	padding-top: 0;
}
.main-page #main:before {
	content: "";
	display: block;
	min-height: 110px;
	height: 18vw;
/*	max-height: 200px; */
}
#main:before {
	content: "";
	display: block;
	min-height: 100px;
	height: 12vw;
/*	max-height: 140px; */
}
@media screen and (min-width: 766px) and (max-width: 852px) {
#main:before {
	height: 17vw;
}
}
.single-post .post {
	box-shadow: none !important;
}
@media screen and (min-width: 769px) {
	.single #content .article-content {
		padding: 0 30px 0 0;
		border-right: 1px solid;
	}
}
figure.wp-block-pullquote {
	padding: 0;
}
.bctt-click-to-tweet,
blockquote {
	background-color: white !important;
	float: left;
	margin: 40px 0 55px 0;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important; 
    padding: 20px 45px !important;
}
@media screen and (max-width: 769px) {
	.bctt-click-to-tweet,
	blockquote {
	    padding: 20px 0px !important;
	}
}
blockquote p {
	font-size: 22px !important;  
	line-height: 1.2 !important;
	padding: 0 !important; 
	color: black;
	margin: 0;
}
blockquote p:before {
    content: "";
    display: none;
}
.bctt-click-to-tweet a {
	font-weight: normal !important;
}
/*blockquote p:first-child:before {
    content: "\f10d";
}*/
.single-post .category-novedadesrecomendaciones .featured-image,
.single-post .category-hemeroteca .featured-image {
	display: none;
}
.single-post .category-novedadesrecomendaciones .entry-header {
	padding-bottom: 20px;
}

.single-post .category-novedadesrecomendaciones .wp-block-image .alignright {
	margin-top: 1em;
}

/* AFTER BODY SINGLE POST */
.single #after-body-content {
	float: left;
	padding-top: 20px;
	border-top: 1px solid black;
}

/****************************************/
/*           RELATED POSTS              */
/****************************************/
.related-posts .single-related-posts {
	width: 22%;
	margin-right: 4% !important;
	box-shadow: none;
	margin-bottom: 5vw;
}
.related-posts .single-related-posts:nth-child(4) {
	margin-right: 0 !important;
}
/*
.related-posts .single-related-posts:nth-child(3):before {
	content: "";
    border-top: 1px solid black;
    display: block;
    width: 208%;
    position: relative;
    top: -3vw;
}*/
.related-posts .related-posts-thumbnail img {
	width: 100%;
}
.related-posts .single-related-posts .below-entry-meta {
	display: none;
}
.related-posts .single-related-posts .entry-title {
	text-align: center;
}
.related-posts-main-title i.fa {
	display: none;
}
.single .related-posts-main-title {
	text-align: center;
}
@media screen and (max-width: 720px) {
   .single .single-related-posts {
      width: 100%;
   }
/*   .related-posts .single-related-posts:nth-child(3):before {
      display: none;
   }
*/
}

/****************************************/
/*        Next and previous post        */
/****************************************/ 
.single .default-wp-page {
	margin-top: 2vw;
	padding: 2vw 0;
}
@media screen and (min-width: 720px) {
.single .default-wp-page {
	border-top: 1px solid black;
}}
.single .default-wp-page .previous {
	margin-right: 2%;
	padding-right: 2%;
	border-right: 1px solid black;
}
.single .default-wp-page .previous a {
	float: right;
	text-align: right;
	width: 80%;
}
.single .default-wp-page .previous:before {
  content: "\f053";
  font-family: FontAwesome;
  float: left;
  font-size: 3em;
}
.single .default-wp-page .next a {
	float: left;
	width: 80%;
}
.single .default-wp-page .next:after {
  content: "\f054";
  font-family: FontAwesome;
  float: right;
  font-size: 3em;
}
.single .default-wp-page li {
	width: calc(48% - 1px);
	padding: 0;
}
.single .default-wp-page .meta-nav {
	display: none;
}

/* SIDEBAR */
#secondary .wpp-thumbnail { width: 30%; }
#secondary .wpp-date,
#secondary  .cat-post-date {
	text-transform: uppercase;
	color: #c10000;
	font-size: 10px !important;
	font-family: sans-serif;
	font-weight: bold;
	font-style: normal !important;
}
#secondary a:hover {
	text-decoration: none;
}
#secondary a img:hover {
	opacity: 0.7;
}
/* LAST NEWSPAPER */
#secondary .cat-post-item .cat-post-date {
	text-align: center;
	float: left;
	clear: both;
	width: 96%;
}
#secondary .cat-post-item .wp-post-image {
	margin: 0 auto;
	border: 2px solid black;
	box-sizing: border-box;
	margin-top: 0 !important;
	height: auto !important;
	width: 150px !important;
}
#secondary .cat-post-item .cat-post-crop {
	height: auto !important;
	margin: 0 auto;	
}
#secondary .cat-post-item {
	transform: rotate(7deg);
	padding: 0 25% !important;
	margin-top: 30px !important;
}
#category-posts-2-internal .cat-post-white {
	background-color: transparent !important;
}


/* Books Category Page */
@media screen and (min-width: 769px) {
.archive.category-novedadesrecomendaciones .post {
	width: calc(22% - 1px) !important;
	float: left !important;
	clear: none !important;
	box-shadow: none !important;
	border-left: 1px solid black;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 30px;
}
.archive.category-novedadesrecomendaciones .post .entry-title {
	font-size: 1.5vw !important;
}
.archive.category-novedadesrecomendaciones .post:nth-child(4n + 1) {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
	clear: left !important;
}
.archive.category-novedadesrecomendaciones .post:nth-child(4n + 5):before {
	content: "";
	position: relative;
	border-top: 1px solid black;
	width: 455%;
	float: left;
	top: -30px;
}
}
.archive.category-novedadesrecomendaciones .post img {
	width: 100%;
}
.archive.category-novedadesrecomendaciones .post p {
	margin-bottom: 0;
}
.archive.category-novedadesrecomendaciones .post .entry-content {
	margin-bottom: 0;
}
.archive.category-novedadesrecomendaciones .post .featured-image {
	width: 100%;
}
.archive.category-novedadesrecomendaciones .post .article-content {
	width: 100%;
	padding: 0 !important;
}
.archive.category-novedadesrecomendaciones .post .tag-links a:nth-child(-n+2) {
	display: inline;
}

/* SEARCH RESULT PAGE */
.search .post {
	border-bottom: 1px solid none;
}

/* SINGLE POST COMMENTS */
.comment .avatar,
.comment .comment-permalink {
	display: none;
}
.comment .comment-author-link,
.comment .comment-date-time {
	margin-left: 0;
}

.comment a {
	word-break: break-all;
}

.popular-posts .wpp-post-title { 
	color: black; 
}

@media screen and (max-width: 769px) {
.popular-posts {
	display: none;
}}
#text-2.widget_text {
	text-align: center;
}
.entry-content div.rectangle {
	background-color: #cccccc;
	border-radius: 5px;
	padding: 30px;
	color: black;
}

/************************ COOKIES (Google Analytics y la ley de Cookies) ****************/
#obt_ga_banner {
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding: 1% 4%;
    width: 100%;
}

#obt_ga_contenido h2 {
    float: left;
    font-size: 18px;
    padding: 0;
    clear: none;
    margin: 0 20px 0 0;
}

#obt_ga_contenido p {
    float: left;
    clear: none;
}

.argpd-cookies { 
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #d0d0d0; 
}

.argpd-cookies #argpd-cookies-btn {
	margin: -9px 0 0 0;
	background-color: #2d8ebf;
	color: black; 
} 

.argpd-cookies .argpd-cookies-bar a.argpd-cookies-politica {
	color: black;
	font-weight: bold;
}
/************************ COOKIES (Adapta RGPD) ****************/
#cookies-eu-banner {
	background: #ddd;
	font-size: 70%;
}

#cookies-eu-label {
	margin-top: 5px;
	width: 70%;
	float: left;
}

#cookies-eu-buttons {
	width: 30%;
	float: right;
}
#cookies-eu-accept {
	background: #2e8ebf;
}
#cookies-eu-more {
	color: #2e8ebf;
}

/********************** SUPER SOCIALIZER ************************/
/* Sacado solo el código util para optimizar */
ul.the_champ_login_ul,ul.the_champ_sharing_ul,ul.heateor_ss_follow_ul {
    list-style: none!important;
    padding-left: 0!important
}

ul.the_champ_sharing_ul,ul.heateor_ss_follow_ul {
    margin: 1px 0!important
}

ul.the_champ_sharing_ul li.theChampSharingRound,ul.heateor_ss_follow_ul li.theChampSharingRound {
    background: 0 0!important
}

ul.heateor_ss_follow_ul li,ul.the_champ_sharing_ul li {
    float: left!important;
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    border: none!important;
    clear: none;
}

.theChampSharing {
    display: block;
    cursor: pointer;
    margin: 2px
}

ul.the_champ_login_ul li:before,ul.the_champ_sharing_ul li:before,ul.heateor_ss_follow_ul li:before {
    content: none!important
}

div.the_champ_horizontal_sharing li {
    width: auto
}

.theChampFacebookBackground {
    background-color: #4267B2
}

.theChampRedditBackground {
    background-color: #FF5700
}

.theChampTwitterBackground {
    background-color: #55acee
}

.theChampTCBackground,.theChampTCBackground:hover {
    border-width: 0!important;
    background-color: transparent;
}

ul.the_champ_sharing_ul i.theChampTCBackground {
    background-color: transparent;
    font-style: normal!important;
    word-wrap: normal;
    color: #666;
    line-height: 1;
    visibility: hidden;
}

.theChampSharingSvg {
    width: 100%;
    height: 100%
}

.theChampFacebookSvg {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center
}

.theChampRedditSvg {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9Ii02IC02IDQyIDQyIj48ZWxsaXBzZSBjeD0iMTUiIGN5PSIxOSIgcng9IjkiIHJ5PSI3IiBzdHlsZT0ic3Ryb2tlOndoaXRlO3N0cm9rZS13aWR0aDoyIiBmaWxsPSJub25lIj48L2VsbGlwc2U+PGNpcmNsZSBjeD0iMTEiIGN5PSIxNyIgcj0iMiIgZmlsbD0id2hpdGUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTciIHI9IjIiIGZpbGw9IndoaXRlIj48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMiIgY3k9IjciIHI9IjIiIGZpbGw9IndoaXRlIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI3IiBjeT0iMTQiIHI9IjIiIGZpbGw9IndoaXRlIj48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMyIgY3k9IjE0IiByPSIyIiBmaWxsPSJ3aGl0ZSI+PC9jaXJjbGU+PHBhdGggZD0iTSAxMCAyMiBxIDUgMyAxMCAwIE0gMTUgMTIgbCAxIC02IGwgNiAxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSI+PC9wYXRoPjwvc3ZnPg==) left no-repeat
}

.theChampTwitterSvg {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9Ii04IC04IDY0IDY0Ij4NCjxwYXRoIGQ9Ik0gMzggMTkgcSAyIC0xIDQgLTUgcSAtMS41IDIgLTQgMiBxIDEuNSAtMSAzLjUgLTUgcSAtMS41IDIgLTUgMiBjIC01IC01IC0xMyAtMiAtMTIgNiBxIC03IDEgLTE1IC04IHEgLTIgNCAxIDkgcSAtMSAwIC0zIC0xIHEgMCA1IDUgNyBxIC0xIC41IC0zIDAgcSAxIDQgOCA2IHEgLTUgMyAtMTEgMyBjIDE0IDggMzAgMCAzMS41IC0xNCIgc3Ryb2tlLXdpZHRoPSIwLjMiIGZpbGw9IiNmZmYiPjwvcGF0aD4NCjwvc3ZnPg==) left no-repeat
}

.theChampSharing {
    float: left;
    border: none
}

/********************** FONT AWESOME ************************/
/* Sacado solo el código util para optimizar */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-plus:before {
    content: "\f067"
}

.fa-map-marker:before {
    content: "\f041"
}

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
}