/*
Theme Name:rojo
Version:4.0
Description:Theme en rojo con funciones preparadas para desarrollo y personalización de temas a medida. Desde la versión de WP 3.3. Testado hasta 4.4.1
Author:Marta Cobos
Author URI: http://www.elreflejoenelespejo.com
Tags: white, gray, black, light, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-menus, editor-style, featured-posts, post-formats, sticky-post, threaded-comments, translation-ready, nivo slider, prettyPhoto, prettyPopin, shortcodes, quicktags, accordion menu, acordion content, carrousel, custom user fields, cookies disclaimer, back-end sortable custom columns

/* Import */
@import url('css/fonts.css');
@import url('css/content.css');
@import url('css/media.css');
@import url('css/mobile-menu.css');

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {padding-bottom:0.7em;}
h1, h2, h3 {letter-spacing:0px; clear:both; line-height:1.2em;}
h1, h2, h4 {color:#db0626;}
h3, h5, h6 {color:#555;}
h4, h5, h6 { line-height:1.4em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#db0626 !important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#1d1d1d !important;}
h1 {font-family:'izquierdasemibold'; font-size:1.8em;}
h2 {font-family:'izquierdalight'; font-size:1.4em;}
h3 {font-family:'izquierdalight'; font-size:1.2em;}
h4 {font-family:'izquierdalight'; font-size:1.14em;}
h5 {font-family:'izquierdalight'; font-size:1.04em;}
h6 {font-family:'izquierdalight'; font-size:1em;}

p {padding-bottom:1.2em;}
p a {}
strong {font-weight:bold; color:#555;}
a strong {font-weight:bold; color:#dc0b29;}
cite, em, i {font-style:italic;}
.monospace, var {font-family:'Courier New', monospace; font-size:0.9em; margin-bottom:10px;}

.amp {font-style:italic; font-weight:normal;}
ins {text-decoration:none;}
sup, sub {height:0; line-height:1; position:relative; vertical-align:baseline;}
sup {bottom:0.3em;}
sub {top:0.3em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:8px;}
small {font-size:0.9em;}
hr {border:none; border-bottom:thin #ccc solid !important; margin:10px 0 20px;}

.font {font-family:'izquierdalight';}

img {max-width:100%;}

/* link colors */
a {text-decoration:none;}
a:link,
a:visited {color:#c20000; text-decoration:none;} 
a:hover,
a:active {color:#555;} 

a:hover img {opacity:0.9;}

.clear {clear:both;}
.none {display:none;}

*::selection {
    background:none repeat scroll 0 0 #4d4d4d;
    color:#fff;
}
*::-moz-selection {
    background:none repeat scroll 0 0 #4d4d4d;
    color:#fff;
}

/*------------------------------------------------*/
/*-------------------[LAYOUT]---------------------*/
/*------------------------------------------------*/
html {position:relative; min-height:100%;}
body {
	height:100%;
	background-color:#f0f0f0;
	margin:0 0 60px 0; /* footer height */
	font-family:'izquierdalight';
	color:#494949;
	font-size:1.02em; line-height:1.4em;
	letter-spacing:1px;
	text-align:center;
}

#main {
	width:100%;
	text-align:left;
	background:url('images/center-highlight.png') no-repeat center top;	
}

.wrapper {
	background:url('images/shadow-center-960.png') no-repeat center 0 / 100%;
	padding:50px 0 20px;
}

.container {
	width:960px;
	margin:auto;
	display:block;
}

/*------------------------------------------------*/
/*-----------------[HEADER]-----------------------*/
/*------------------------------------------------*/
header {width:100%; background-color:#fff; padding-bottom:24px;}
#header .container {background:transparent url('') repeat scroll 0 0;}
#logo {margin:20px 0; width:320px; display:inline-block; vertical-align:top; text-align:center;}
#logo img {max-width:100%;}

/*------------------------------------------------*/
/*-----------------[NAV]--------------------------*/
/*------------------------------------------------*/
nav {}
#nav-primary {display:inline-block; position:relative; top:46px; left:20px;}
#nav-primary ul {}
#nav-primary li {
	display:inline-block;
	position:relative;
	list-style:none;
}
#nav-primary a {
	display:inline-block;
	padding:0 10px;
	text-transform:uppercase;
	font-size:1.05em; color:#db0626;
}
#nav-primary li.current-menu-item > a,
#nav-primary a:hover,
#nav-primary li.current_page_ancestor > a {color:#1c1c1c;}

#nav-primary ul li:hover > ul {/* next level appears */
	display:block;
	cursor:pointer;
}

/* nav second level */
#nav-primary ul ul {
	display:none;
	position:absolute; top:24px; left:0px;
	z-index:10;
	/*background-color:rgba(255, 255, 255, 0.5);*/
}
#nav-primary ul ul li {
	width:200px;
	z-index:11; /* solves the disappearing on hover issue */
	border-bottom:solid 1px #cc0028;
}

#nav-primary ul ul li a {
	padding:15px;
	background-color:#db0626;
	font-size:0.9em; line-height:1.2em;
}
#nav-primary ul ul li a:hover {background-color:#f9163d;}

#nav-primary ul ul li.has-children a {background:#db0626 url('images/arrow_sprite.png') no-repeat -40px 20px;}
#nav-primary ul ul li.has-children a:hover {background-position:-522px 20px; background-color:#f9163d;}

#nav-primary ul ul .current-menu-item > a,
#nav-primary ul ul li.current_page_ancestor > a {color:#ff9999 !important;}

#nav-primary ul ul li a,
#nav-primary ul ul ul li a,
#nav-primary ul ul li:hover > a,
#nav-primary ul ul .current-menu-item a:hover,
#nav-primary ul ul ul .current-menu-item a:hover {display:block; color:#fff;}

/* nav third and deeper levels */
#nav-primary ul ul ul {position:absolute; top:0px; left:200px;}
#nav-primary ul ul ul li a {background-color:#f9163d !important; background-image:none !important;}
#nav-primary ul ul ul li a:hover {background-color:#f9324f !important; background-image:none !important;}

/* Blog menu */
.current-cat {} /*Class for Current Category*/
.current-menu-item {} /*Class for any other current Menu Item*/
.menu-item-type-taxonomy {} /*Class for a Category*/
.menu-item-type-post_type {} /*Class for Pages*/
.menu-item-type-custom {} /*Class for any custom item that you added*/
.menu-item-home {} /*Class for the Home Link*/

/*------------------------------------------------*/
/*---------------[OTHER NAV]---------------------*/
/*------------------------------------------------*/
.query-nav {}
ul.nav-query {
	display:inline-block;
	list-style:none;
	margin-bottom:16px; padding-left:0 !important;	
}
ul.nav-query li {
	display:inline-block;
	margin:0 0 10px 0; padding:4px 10px;
	border-right:1px solid #ccc;
}
ul.nav-query li.last {border:none;}
ul.nav-query li.first {padding-left:0;}

ul.nav-query li a {color:#999; border-bottom:3px #ececec solid;}
ul.nav-query li:hover > a,
ul.nav-query li.current > a {color:#c20000; border-bottom:3px #c20000 solid;}

/* Breadcrumbs */
#breadcrumbs {
	padding:20px 0 0;
	font-style:italic;
	border-top:thin solid #ccc;
}
#breadcrumbs a {}
#breadcrumbs a:hover {}
#breadcrumbs span.raquo {}

/* Pagination */
.pagination {
	float:right;
	margin:0 8px 8px 0;
	position:relative;
}
.pagination span,
.pagination a {
	width:auto; display:inline-block;
	margin:2px 5px 2px 0; padding:2px 8px 3px;
	text-decoration:none;
	color:#fff; background:#f9163d;
}
.pagination a:hover,
.pagination .current {background:#db0626;}

.oldernewer {height:40px; clear:both; border-bottom: 1px solid #dedede;}
.newer, .older {width:35%; display:inline-block; vertical-align:top; padding-bottom:20px;}
.newer {}
.older {float:right; text-align:right;}

/*------------------------------------------------*/
/*-----------------[CONTENT]----------------------*/
/*------------------------------------------------*/
/* Content */
#content {
	width:100%;
	min-height:300px;
	vertical-align:top;
}
#content.withsidebar {width:70%; display:inline-block; margin-right:6%;}
#content.withsidebarleft {width:70%; display:inline-block; margin-left:6%;}

/* Sidebar */
#sidebar {width:23%; display:inline-block; padding-top:5px;}
#sidebar ul {}
#sidebar ul,
#sidebar li {
	margin:0; padding:0;
	list-style:none;
	line-height:1.4em;
}
#sidebar .children {padding-left:10px;}
#sidebar .children .children {padding-left:10px;}

#sidebar-search {}
#sidebar-nav {}
#sidebar-archives {}
#sidebar-meta {}
#sidebar .widget-area {
	margin-bottom:20px; padding-bottom:20px;	
	border-bottom:thin #ccc solid;
}
#sidebar .widget-area p,
#sidebar .textwidget {font-size:0.9em; line-height:1.2em;}

/*------------------------------------------------*/
/*-----------------[WIDGETS]----------------------*/
/*------------------------------------------------*/
.widget {}
.widget-area {}
.widget-area input[type="text"] {}
.widget-area input[type="text"]:focus {color:#666; background-color:#fff;}

#topbar {display:none; width:100%; height:48px; top:0px; background-color:#fff; /*background-color:#333; background-color:#db0626; (gris azulado oscuro */}
#topbar ul {float:right; margin:0 0 0 12px; list-style:none;}
#topbar .textwidget {margin-top:12px; text-transform:uppercase; color:#fff;}
.widget-topbar {}
.widget-sidebar {}

/* Tag Cloud */
.widget_tag_cloud h4 {display:none;}
.tagcloud a {color:#999;}
.tagcloud a:hover {color:#333;}
.tagcloud a:visited {color:#666;}

/* Category widget */
.widget_categories h4 {display:none;}
.widget-area.widget_categories a {text-transform:uppercase;}
.widget-area.widget_categories .children a {color:#999; text-transform:uppercase;}
.widget-area.widget_categories .children a:hover {color:#db0626;}

/* Calendario */
#wp-calendar {width:100%; margin:auto;}
#wp-calendar caption {height:22px; margin:0 0 10px 0; border-bottom:1px solid #ececec; color:#666; font-weight:bold;}
#wp-calendar thead {}
#wp-calendar tbody {}
#wp-calendar tfoot {}
#wp-calendar th {}
#wp-calendar tr {height:22px;}
#wp-calendar td {}
#wp-calendar td#prev {}
#wp-calendar td#next {text-align:right;}
#wp-calendar td#pad {}

.sidebar-random a,
.sidebar-recent a {padding:0 !important;}

/*------------------------------------------------*/
/*-------[MENU widget-area Accordion]-------------*/
/*------------------------------------------------*/
.widget-area .menu {height:auto; margin-bottom:12px !important;}
.widget-area .menu-item {
	display:block;
	/*margin-bottom: 2px !important;*/
	/*background-color:#333;*/
}
.widget-area .menu-item a {/*display:block;*/ padding:2px 10px 0;}
.widget-area .menu-item.has-children {background:url('images/arrow_sprite.png') no-repeat 166px 4px;}
.widget-area .menu-item.has-children:hover {background-position:-216px 4px; cursor:pointer;}
.widget-area .menu-item.has-children.active {background-position:-408px 7px;}
.widget-area .menu-item.has-children.active:hover {background-position:-26px 7px; cursor:pointer;}

.widget-area .menu-item.active > a,
.widget-area .menu-item:hover > a,
.widget-area .menu-item.current-menu-item > a,
.widget-area .menu-item.current_page_ancestor > a {font-weight:bold;}
	
.widget-area .sub-menu {display:none;}
/* Los menús de tercer nivel se muestran porque si son dinámicos el spript falla.
   Se ocultan sus flechas y los links se muestran en block para que ocupen el ancho completo */
.widget-area .menu .sub-menu .menu-item {background:none; padding-left:18px !important; font-weight:normal;}
.widget-area .menu .sub-menu .menu-item a {display:block;}

/*------------------------------------------------*/
/*--------------------FOOTER----------------------*/
/*------------------------------------------------*/
#footer {
	width:100%; height:20px;	
	margin-top:20px; padding:20px 0;
	position:absolute; bottom:0;
	background-color:#db0525;
	overflow:hidden;
	font-size:0.9em;
	color:#fff;
}

#footer .container {}

#footer-content {padding:20px;}

#foot-widget-wrap {clear:both;}
#footer .widget-area {
	width:32%;
	display:inline-block; vertical-align:top;
	margin:14px 1.6% 14px 0;
}
#footer .widget-area:nth-child(3n+0) {margin-right:0;}
#footer .widget-area table {font-size:1em;}
	
#footer .widget-area li {list-style:none;}
#footer .widget-area li h5 {padding:6px 0;}
#footer .widget-area li a {/*padding:0 10px;*/}
#footer .widget-area li p {/*padding:0 10px 20px 10px;*/}

#footer .sidebar-random li,
#footer .sidebar-recent li {min-height:300px;}

#nav-footer {/*margin:2px 0 10px 20px;*/}
#nav-footer li {list-style:none; display:inline;}
#nav-footer li:not(:last-child):after {content:' | ';}
/*#nav-footer li.last-item:after {content:''}*/

#footer-text, #nav-footer {width:auto; display:inline-block;}
#footer-text a, #nav-footer a {color:#fff;}
#footer-text a:hover, #nav-footer a:hover {color:#eb806e;}

/*------------------------------------------------*/
/*-----------------[PAGES]------------------------*/
/*------------------------------------------------*/
/* page */
article {}
.article {}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article {text-transform: none !important;}

.page {}
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {text-transform: none !important;}

.page h1.title {padding-bottom:0.4em;}
#page-content {}
#page-meta {}

/* home */
.home {}
.page-home {border-bottom:none !important;}

.construction {}
.underconstruction {min-height:659px; padding-top:100px;}

.sitemap-item {width:46.3%; display:inline-block; vertical-align:top; margin:0 3% 30px 0;}
.sitemap-item.last {margin:0 0 30px 0;}
.sitemap-item ul {padding-left:14px !important;}
.sitemap-item h3 {font-family:'dejavu_sanscondensed';}

/*------------------------------------------------*/
/*-----------------[POST]-------------------------*/
/*------------------------------------------------*/
.post {margin-bottom:20px; padding-bottom:20px; border-bottom:1px #dedede solid;}
.post-excerpt {margin:16px 0;}
.post-single {
	margin-bottom:20px; padding-bottom:20px;
	border-bottom:1px #dedede solid;
}
.post-content {width:100%; padding:10px 0;}

.post-content img {max-width:100%; margin-bottom:20px;}
.post-content iframe {width:100%; max-width:100%; padding-bottom:20px;}

.wp-caption {}
.wp-caption-text {margin-top:-20px; font-size:0.9em; font-style:italic;}

.post-meta {margin:4px 0 0 0; font-family:'izquierdalight'; font-size:0.9em; line-height:1.3em; color:#e5695a;}
.post-meta a {color:#e5695a;}
.post-author {margin-bottom:10px;}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {text-transform: none !important;}

.post-content ul,
.post-content ol {/*padding-left:24px;*/ /*list-style-position:inside;*/ margin-bottom:20px;}

pre, code {
	display:block;
	margin:10px 0 20px; padding:20px 20px 30px 30px;
	background:#fff; border:thin dashed #666;
	font-family:'Courier New', monospace; font-size:0.9em; color:#666;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	white-space:pre-wrap;       /* css-3 */
	white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	word-wrap:break-word;       /* Internet Explorer 5.5+ */
}
blockquote {
	margin:20px 0; padding:30px 30px 40px;;
	background:#fff;
	color:#666; font-style:italic;
	text-align:justify;
}

blockquote p {font-size:.8em;}
blockquote p:first-letter {
	font-size:1.4em;
	padding-right:1px;
}

/* comments */
#comments {}
li.comment {width:666px; margin-bottom:20px; padding:8px 8px 8px 12px; list-style:none; border:thin #ccc dashed;}
.odd {background-color:#fff;}
.even {background-color:#f0f0f0;}
.comment-avatar {float:right; margin:0 0 10px 10px;}
.comment-avatar img {border:thin #ccc solid;}
.comment-text {min-height:80px;}
.comment-meta {font-size:0.9em; text-align:right;}
.comment-edit-link {}

#author {margin-bottom:10px;}
#author .avatar {
	width:35%; margin-right:2.4%;
	display:inline-block; vertical-align:top;
}
#author .data {
	width:62%;
	display:inline-block; vertical-align:top;
}
#recent-author-posts {margin-bottom:20px;}
#recent-author-comments {margin-bottom:20px;}
#recent-author-comments .recentcomments {padding-left:18px; list-style-position:inside;}
#recent-author-comments .recentcomments.no-comment {list-style:none; padding-left:0;}

.author-avatar {width:80px; height:80px; clear:right;}
.author-avatar img {border:thin #ccc solid;}

#recent-author-comments {}
#recent-author-comments ul {}
#recent-author-comments li {}

.waiting-for-approval {}
#trackbacks {}
li.trackback {list-style:none;}
p#no-comments {}
#comments-form {}
#respond {}
.cancel-comment-reply {}

.search {}
#error404 {}
.no-results {}

/*------------------------------------------------*/
/*-----------------[THUMBS]-----------------------*/
/*------------------------------------------------*/
.featured-thumbnail {}
.thumbnail {width:100%; margin:0 0 10px;}
.thumbnail img {
	width:100%;
		
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.thumbnail a:hover > img {}

img.thumb:hover,
img.avatar:hover {}

/*-----------------------------------------------------*/
/*-----------------[FEATURED POST/PAGE]----------------*/
/*-----------------------------------------------------*/
#featured {margin:20px 0;}
#featured h3 {}
#featured ul {list-style:none; padding-left:0;}
#featured ul li {
	width:24%; margin-right:0.9%;
	display:inline-block;
	vertical-align:top;
}
#featured ul li:nth-child(4n) {margin:0 !important;}
#featured ul li.first {}
#featured ul li a {display:block;}
#featured ul li img {
	width:100%; border:thin solid #ccc;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#featured ul li a:hover > img {border:thin solid #666; opacity:0.4;}
#featured ul li iframe {margin:0;}

/* Featured Pretty */
#featuredpretty {padding-top:12px;}
#featuredpretty ul {padding:0; list-style:none;}
#featuredpretty li {
	width:32.3%; margin:0 0.9% 1.2% 0;
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:20;
}
#featuredpretty li:nth-child(3n+0) {margin-right:0;}
#featuredpretty li a {display:block;}
#featuredpretty li img {margin:0px; vertical-align:bottom;}

#featuredpretty ul ul {
	height:100%;
	position:absolute; top:0; left:0;
	padding:8px;
	background-color:#f9163d;
	
	opacity:0;
	transition:all 0.3s;
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	/* IE 9 no soportado */

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#featuredpretty ul li:hover {cursor:pointer;}

#featuredpretty ul li:hover ul {/* next level appears */
	display:block;
	opacity:1;
}
#featuredpretty ul ul li {
	width:100% !important;
	display:inline-block;
	padding:0;
	color:#fff;
	overflow:hidden;
}
#featuredpretty ul ul li a {color:#fff;}
#featuredpretty ul ul li:first-child {font-size:1.2em; font-weight:bold;}

/*------------------------------------------------*/
/*-----------------[RELATED POSTS]----------------*/
/*------------------------------------------------*/
/* random & related */
#randomposts {clear:both; margin:10px 20px 20px 0; width:100%; display:inline-block; vertical-align:top;}
#randomposts ul {list-style:none; padding:0;}
#randomposts li {
	width:24%; margin-right:0.9%;
	display:inline-block;
	vertical-align:top;
}
.single #randomposts li {width:23.5%;}
#randomposts ul li.first {}
#randomposts ul li.last {margin:0 !important;}
.random-thumb {width:100%; margin-bottom:10px; vertical-align:top;}
.random-thumb img {
	width:100%; border:thin solid #ccc;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.random-thumb a:hover > img {opacity:0.4;}

.random-excerpt {
	display:inline-block;
	width:97%;
	line-height:1.2em;
}
.random-excerpt h6 {padding:0 0 4px 0;}
.random-excerpt p {padding:10px 0;}

/* recent posts */
#recentposts {clear:both; margin:10px 20px 20px 0; width:100%; display:inline-block; vertical-align:top;}
#recentposts ul {list-style:none; padding:0;}
#recentposts li {
	width:24%; margin-right:0.9%;
	display:inline-block;
	vertical-align:top;
}
#recentposts ul li.first {}
#recentposts ul li.last {margin:0 !important;}
.recent-thumb {width:100%; margin-bottom:10px; vertical-align:top;}
.recent-thumb img {
	width:100%; border:thin solid #ccc;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.recent-thumb a:hover img {opacity:0.4;}

.recent-excerpt {
	display:inline-block;
	width:97%;
	line-height:1.6em;
}
.recent-excerpt h6 {padding:0 0 4px 0;}
.recent-excerpt p {padding:10px 0;}

/* recent pretty */
#recentpretty {padding-top:12px;}
#recentpretty ul {padding:0; list-style:none;}
#recentpretty li {
	width:32.3%; margin:0 0.9% 1.2% 0;
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:20;
}
#recentpretty li:nth-child(3n+0) {margin-right:0;}
#recentpretty li a {display:block;}
#recentpretty li img {margin:0px; vertical-align:bottom;}

#recentpretty ul ul {
	height:100%;
	position:absolute; top:0; left:0;
	padding:8px;
	/*background-color:#f9163d;*/
	background-color:#e5695a;
	
	opacity:0;
	transition:all 0.3s;
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	/* IE 9 no soportado */

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#recentpretty ul li:hover {cursor:pointer;}

#recentpretty ul li:hover ul {/* next level appears */
	display:block;
	opacity:1;
}
#recentpretty ul ul li {
	width:100% !important;
	display:inline-block;
	padding:0;
	color:#fff;
	overflow:hidden;
}
#recentpretty ul ul li a {color:#fff;}
#recentpretty ul ul li:first-child {font-size:1.2em; font-weight:bold;}

/* recent posts with video */
#recentvideo {margin-top:20px;}
#recentvideo ul {list-style:none; padding:4px 0 16px 0;}
#recentvideo li {
	width:24%; margin-right:0.9%;
	display:inline-block;
	vertical-align:top;
}
#recentvideo ul li.first {}
#recentvideo ul li.last {margin:0 !important;}
#recentvideo ul li li {width:100%;}
#recentvideo ul li iframe {height:auto;}
#recentvideo ul li img {width:100%;}
#recentvideo ul li a:hover > img {opacity:0.4;}

/*------------------------------------------------*/
/*-----------------[LIST POST SHORTCODE]---------------*/
/*------------------------------------------------*/
.list-post-wrapper {clear:both; /*margin-top:-30px;*/}
.post-single.list-post {
	width:32.6%;
	display:inline-block;
	margin:0 0.5% 10px 0;
	padding:0;
	border:none;
}
/* no right margin on each last (third in this case)*/
.post-single.list-post:nth-child(3n+0) {margin-right:0;}

.post-single.list-post h2 {width:97%; font-size:1.2em; line-height:1em;}
.post-single.list-post .post-excerpt {margin:4px 0;}
.post-single.list-post .thumb {margin:0; vertical-align:top;}
.post-single .thumb > a {display:block;}
.post-single.list-post .thumb img {width:100%;}
.post-single.list-post .thumb img:hover {cursor:pointer;}
.post-single.list-post .overlay {
	background-color:#ccc;
	opacity:0.4;
	width:200px; height:146px;
	position:relative; top:8px; left:7px;
	visibility:hidden;
}

/*------------------------------------------------*/
/*-----------------[SHARE + SOCIAL]---------------*/
/*------------------------------------------------*/
#social {position:fixed; top:190px; left:8px; display:inline-block; width:38px; z-index:9999;}
.icon {
	background:transparent url('images/social_sprite.png') no-repeat left;
	display:block;
	width:34px;
	height:34px;
	margin-bottom:4px;
}

.icon.facebook {background-position:0px 0px;}
.icon.facebook:hover {background-position:-34px 0px;}
.icon.twitter {background-position:0px -34px;}
.icon.twitter:hover {background-position:-34px -34px;}
.icon.tel {background-position:0px -68px;}
.icon.tel:hover {background-position:-34px -68px;}
.icon.tiktok {background-position:0px -102px;}
.icon.tiktok:hover {background-position:-34px -102px;}
.icon.pinterest {background-position:0px -136px;}
.icon.pinterest:hover {background-position:-34px -136px;}
.icon.rss {background-position:0px -170px;}
.icon.rss:hover {background-position:-34px -170px;}
.icon.mail {background-position:0px -204px;}
.icon.mail:hover {background-position:-34px -204px;}
.icon.tube {background-position:0px -238px;}
.icon.tube:hover {background-position:-34px -238px;}
.icon.vimeo {background-position:0px -272px;}
.icon.vimeo:hover {background-position:-34px -272px;}
.icon.blogger {background-position:0px -306px;}
.icon.blogger:hover {background-position:-34px -306px;}
.icon.menu {background-position:0px -340px;}
.icon.menu:hover {background-position:-34px -340px;}
.icon.instagram {background-position:0px -374px;}
.icon.instagram:hover {background-position:-34px -374px;}
.icon.whatsapp {background-position:0px -408px;}
.icon.whatsapp:hover {background-position:-34px -408px;}
.icon.discord {background-position:0px -442px;}
.icon.discord:hover {background-position:-34px -442px;}
.icon.telegram {background-position:0px -476px;}
.icon.telegram:hover {background-position:-34px -476px;}
.icon.twitch {background-position:0px -510px;}
.icon.twitch:hover {background-position:-34px -510px;}

.share {}
.share .sharebtn {display:inline-block; vertical-align:top; position:relative; /*margin:0 8px 8px 0; width:auto;*/}
.share .sharebtn a {font-size:0.7em;}
.share iframe {border:none; margin:0 !important; overflow:visible;}
.fb-send {}
.fb-like {top:-3px;}
.tweet {}
.wapp-share a {
	display:block; height:20px; padding-right:9px !important;
}
.wapp-share a:hover {}

/*------------------------------------------------*/
/*-----------------[FORM]-------------------------*/
/*------------------------------------------------*/
input,
select,
textarea {
	width:100%;
	margin-top:8px; padding:6px 6px;
	color:#999; 
	border:#d9d9d9 solid 1px;
	background-color:#f6f6f6;
	
	font-family:'ibm_plex_sansregular';
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
textarea:active {color:#000; outline:#dc0b29 solid 1px !important; background-color:#fff;}

input:focus-visible,
select:focus-visible,
select:focus-visible,
textarea:focus-visible {outline:none !important;}

select:hover {cursor:pointer;}
input[type="submit"] {cursor:pointer; width:auto; border:none; background-color:#da1225; font-family:'izquierdalight'; font-size:1em; color:#fff; text-transform:uppercase;}
input[type="submit"]:hover {background-color:#f9163d;}

input[type="radio"],
input[type="checkbox"] {width:auto;}
input[type="radio"]:checked,
input[type="checkbox"]:checked {color:#dc0b29 !important;}

label {vertical-align:baseline; font-family:'izquierdalight'; font-size:1em; text-transform:uppercase;}

/* SEARCH FORM Widget */
.wp-block-search__inside-wrapper {
	background-color:#fff;
  	border:#d9d9d9 solid 1px !important;
	padding:.6em !important;
}

.wp-block-search__input {background-color:transparent; margin:0;}
.wp-block-search__input:hover,
.wp-block-search__input:active,
.wp-block-search__input:focus {outline:none !important; border:none !important; color:#000;}
.wp-block-search__button {border:none !important;}
.wp-block-search__button.has-icon {
	width:20px; height:20px; margin-top:.14em;
	background:url('images/btn_search.png') no-repeat center top !important;
	background-position:0 0 !important;
}
.wp-block-search__button.has-icon:hover {background-position:0 -20px !important; cursor:pointer;}
.wp-block-search__button.has-icon svg.search-icon {display:none !important;}

/* SEARCH FORM */
#searchform input.txt_search {width:80%; font-family:'izquierdalight'; font-size:1em; padding:.6em; background-color:#fff;}
#searchform input.btn_search {
	width:16%; height:20px;
	position:relative; top:5px; margin:0;
	background:url('images/btn_search.png') no-repeat center top;
	background-position:0 0;
	border:none;
}
#searchform input.btn_search:hover {background-position:0 -20px;}
#searchform input.btn_search:hover,
#searchform input.btn_search:active,
#searchform input.btn_search:focus {outline:none !important; border:none !important;}
#searchform label.screen-reader-text {display:none;}

/*------------------------------------------------*/
/*---------------------[TABLES]-------------------*/
/*------------------------------------------------*/
table {margin:10px 0; width:100%;}
thead {color:#666; margin:10px 0;}
tbody {}
tfooter {}
th {color:#666; padding:4px;}
tr {height:22px;}
td {padding:4px;}

table tr:nth-child(even) {background-color:#ececec;}

/*------------------------------------------------*/
/*----------------[ICONS TINY]--------------------*/
/*------------------------------------------------*/
.icon12 {
	background:transparent url('images/ico_sprite_tiny.png') no-repeat left top;
	display:inline-block;
	width:14px;
	height:14px;
	margin:0px 2px 0 0;
	vertical-align:text-top;
}

.icon12.autor {background-position:0px 0px;}
.icon12.cat {background-position:0px -14px;}
.icon12.etiq {background-position:0px -28px;}
.icon12.talk {background-position:0px -42px;}
.icon12.date {background-position:0px -56px;}
.icon12.load {background-position:0px -70px;}
.icon12.rss {background-position:0px -84px;}
.icon12.arrow {background-position:0px -98px;}
.icon12.arrowup {background-position:0px -112px;}
.icon12.arrowup-white {background-position:0px -140px;}
a .icon12.arrowup:hover,
a .icon12.arrowup-white:hover {background-position:0px -126px;}
.icon12.arrowup-rose,
footer a .icon12.arrowup-white:hover {background-position:0px -154px;}
.icon12.arrowleft {background-position:0px -168px;}
a .icon12.arrowleft-white:hover,
a .icon12.arrowleft:hover {background-position:0px -182px;}
.icon12.arrowleft-white {background-position:0px -196px;}


/*------------------------------------------------*/
/*-----------------[SHORTCODES]--------------*/
/*------------------------------------------------*/
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position:relative;
	margin-right:3.3%;
	display:inline-block;
	min-height:1px;
	height:auto !important;
	height:1px;
	vertical-align:top;
}

.one_half {width:46.7%;}
.one_third {width:29.5%;}
.two_third {width:65%;}
.one_fourth {width:22%;}
.two_fourth {width:48%;}
.three_fourth {width:74%;}
.one_fifth {width:16.8%;}
.two_fifth {width:37.6%;}
.three_fifth {width:58.4%;}
.four_fifth {width:79.2%;}
.one_sixth {width:12.5%;}
.two_sixth {width:30.6666%;}
.three_sixth {width:47.9998%;}
.four_sixth {width:65.3332%;}
.five_sixth {width:82.6665%;}

.last {margin-right:0!important; margin-bottom:20px; clear:right;}

.one_half .one_half {margin-right:8.3333%; width:45.8333%;}
.one_half .one_third {margin-right:8.3333%; width:27.7778%;}
.one_half .two_third {margin-right:8.3333%; width:63.8889%;}
.two_third .one_third {margin-right:6.1224%; width:29.2517%;}
.two_third .two_third {margin-right:6.1224%; width:64.6258%;}
.two_third .one_fourth {margin-right:6.1224%; width:20.4082%;}

/*------------------------------------------------*/
/*-----------------[CSS FOR TEMPLATES]--------------*/
/*------------------------------------------------*/
/* PAGES WITH CHILDREN */
#children-pages-nav {width:100%; margin:20px auto;}
#children-pages-nav ul {margin:0px; padding:0px; list-style:none;}
#children-pages-nav li {
	width:32.6%; margin:0 0.5% 20px 0;
	display:inline-block;
	vertical-align:top;
}
#children-pages-nav li:nth-child(3n) {margin-right:0;}
#children-pages-nav li.first {}
/*#children-pages-nav li.last {margin:0 0 10px 0;}*/

#children-pages-nav li img {
	width:100%; border:thin solid #ccc;
	margin:0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#children-pages-nav li img:hover {opacity:0.4;}

#children-pages-nav li a {}
#children-pages-nav h4 {font-size:1em; font-weight:normal; letter-spacing:0px; text-transform:uppercase;}

#children-pages-nav.multimedia li {width:48.5%;}
#children-pages-nav.multimedia li:nth-child(2n) {margin-right:0;}
#children-pages-nav.multimedia li iframe {/*width:100%;*/ /*height:auto;*/ padding-bottom:10px;}

/* PAGES WITH SIBLINGS */
#sibling-pages-nav {width:100%; margin:20px auto;}
#sibling-pages-nav ul {margin:0px; padding:0px; list-style:none;}
#sibling-pages-nav li {
	width:32.6%; margin:0 0.5% 10px 0;
	display:inline-block;
	vertical-align:top;
}
#sibling-pages-nav li.first {}
#sibling-pages-nav li:nth-child(3n) {margin-right:0;}
#sibling-pages-nav li.last {margin:0 0 10px 0;}

#sibling-pages-nav li a {}
#sibling-pages-nav li img {margin:0;}
#sibling-pages-nav h4 {
	font-weight:normal;
	font-size:1em; line-height:1.2em;
}

/* USERS */
#user-list {padding:10px 0 0 0;}
#user-list li {list-style:none; margin-bottom:10px; padding:10px 0; border-bottom:thin solid #ccc;}
#user-list .user-list-thumb {
	display:inline-block;
	vertical-align:top;
}
#user-list .user-list-thumb img {margin:0; border:thin solid #ccc;}
#user-list .user-list-data {
	display:inline-block;
	width:604px;
	margin-left:12px;
}

/* ShortCode UserList */
#user-list.sc-users li {
	width:47.6%;
	display:inline-block; vertical-align:top;
	margin:0px 1% 10px 0;
}
#user-list.sc-users .user-list-thumb {
	width:60%;
	display:inline-block; vertical-align:top;
}
#user-list.sc-users .user-list-data {
	width:35%;
	display:inline-block; vertical-align:top;
	margin-left:4%;
}

#widget-user-list {}
#widget-user-list li {margin-bottom:20px;}
#widget-user-list .user-list-thumb {}
#widget-user-list .user-list-thumb img {margin:0; border:thin solid #ccc;}
#widget-user-list .user-list-data {}
.user-fav-quote {font-style:italic;}
.user-social {margin-top:4px;}
#widget-user-list .user-social {margin-top:0px;}

/* User Social */

.user-social a {display:inline-block;}

.social-icon {
	background:transparent url('images/social_sprite_small.png') no-repeat;
	display:inline-block;
	width:20px; height:20px;
	margin-left:0;
	vertical-align:text-bottom;
}

.social-icon.facebook {background-position:0px 0px;}
.social-icon.facebook:hover,
a:hover >.social-icon.facebook {background-position:-20px 0px;}

.social-icon.twitter {background-position:0px -20px;}
.social-icon.twitter:hover,
a:hover >.social-icon.twitter {background-position:-20px -20px;}

.social-icon.tel {background-position:0px -40px;}
.social-icon.tel:hover,
a:hover >.social-icon.tel {background-position:-20px -40px;}

.social-icon.tiktok {background-position:0px -60px;}
.social-icon.tiktok:hover,
a:hover >.social-icon.tiktok {background-position:-20px -60px;}

.social-icon.pinterest {background-position:0px -80px;}
.social-icon.pinterest:hover,
a:hover >.social-icon.pinterest {background-position:-20px -80px;}

.social-icon.rss {background-position:0px -100px;}
.social-icon.rss:hover,
a:hover >.social-icon.rss {background-position:-20px -100px;}

.social-icon.mail {background-position:0px -120px;}
.social-icon.mail:hover,
a:hover > .social-icon.mail {background-position:-20px -120px;}

.social-icon.tube {background-position:0px -140px;}
.social-icon.tube:hover,
a:hover >.social-icon.tube {background-position:-20px -140px;}

.social-icon.vimeo {background-position:0px -160px;}
.social-icon.vimeo:hover,
a:hover >.social-icon.vimeo {background-position:-20px -160px;}

.social-icon.blog {background-position:0px -180px;}
.social-icon.blog:hover,
a:hover >.social-icon.blog {background-position:-20px -180px;}

.social-icon.web {background-position:0px -200px;}
.social-icon.web:hover,
a:hover >.social-icon.web {background-position:-20px -200px;}

.social-icon.load {background-position:0px -220px;}
.social-icon.load:hover,
a:hover >.social-icon.load {background-position:-20px -220px;}

.social-icon.instagram {background-position:0px -240px;}
.social-icon.instagram:hover,
a:hover >.social-icon.instagram {background-position:-20px -240px;}

.social-icon.wapp {background-position:0px -260px;}
.social-icon.wapp:hover,
a:hover >.social-icon.wapp {background-position:-20px -260px;}

.social-icon.discord {background-position:0px -280px;}
.social-icon.discord:hover,
a:hover >.social-icon.discord {background-position:-20px -280px;}

.social-icon.telegram {background-position:0px -300px;}
.social-icon.telegram:hover,
a:hover >.social-icon.telegram {background-position:-20px -300px;}

.social-icon.twitch {background-position:0px -320px;}
.social-icon.twitch:hover,
a:hover >.social-icon.twitch {background-position:-20px -320px;}

a.post-edit-link {
	width:40px; height:20px;
	position:fixed; top:10px; right:10px;
	display:block;
	padding:20px 10px;
	background-color:#dc0626;
	color:#fff;
	/*font-size:1.2em; line-height:1.4em;*/
	text-align:center; text-transform:uppercase;
	
	-moz-border-radius:35px; /* Mozilla */
	-webkit-border-radius:35px; /* Safari y Chrome*/
	-khtml-border-radius:35px; /* Konqueror */
	border-radius:35px;
	z-index:1000;
}
a.post-edit-link:hover {background-color:#e5695a;}

/*------------------------------------------------*/
/*------------[CONTENT ACCORDION]-----------------*/
/*------------------------------------------------*/
.accordion {width:100%; margin-bottom:20px;}
.accordion h3 {
	width:auto; min-height:33px;
	background:transparent url('images/arrow_sprite_content.png') no-repeat;
	background-position:left 0px;
	font-size:0.9em;
	margin:0px 0px 8px; padding:0 0 0 30px;
}
.accordion h3:hover,
.accordion h3:hover > a {
	background-position:left -100px;
	color:#555;
	cursor:pointer;
}
.accordion h3.active {background-position:left -50px;}
.accordion h3.active:hover,
.accordion h3.active:hover > a {background-position:left -150px; color:#555;}
.accordion .ac-content {
	display:none;
	width:90%; height:auto;
	overflow:hidden;
	position:relative;
	padding:0 0 20px 0;
}
.ac-content > p,
.ac-content > ul,
.ac-content > ol {padding-left:32px; text-align:justify;}
.ac-content > p {padding-bottom:0.9em !important;}

/*------------------------------------------------*/
/*--------------------[GALERIA]-------------------*/
/*------------------------------------------------*/
.gallery {margin:0 0 20px;}
.gallery-item {
	margin:0 0 3px 0;
	text-align:left;
	display:inline-block;
}
.gallery-item.no-caption {}
.gallery-columns-1 .gallery-item {width:100%;}
.gallery-columns-2 .gallery-item {width:50%;}
.gallery-columns-3 .gallery-item {width:33%;}
.gallery-columns-4 .gallery-item {width:25%;}
.gallery-columns-5 .gallery-item {width:20%;}
.gallery-columns-6 .gallery-item {width:16%;}
.gallery-columns-7 .gallery-item {width:14%;}
.gallery-columns-8 .gallery-item {width:12%;}
.gallery-columns-9 .gallery-item,
.gallery-columns-10 .gallery-item {width:10%;}
.gallery-icon {margin:0 8px 0 0;}
.gallery-icon a {}
.gallery-icon img {
	width: 100%;
	height:auto; /*border:3px solid #cfcfcf;*/
	margin:0;
}
.gallery-caption {}

/*------------------------------------------------*/
/*--------------------[COOKIES]-------------------*/
/*------------------------------------------------*/
#cookiebar {
	display:block;
	width:100%; min-height:80px;
    position:fixed; left:0px; right:0px; bottom:0px;
    padding-bottom:20px;
    background-color:rgba(256, 256, 256, 0.8);
	line-height: 1.2em;
    z-index:99999;
}
 
.cookieinn {position:absolute; top:20%; padding:0 8%;}
.cookieinn a {color:#db0626;}
.cookieinn a.info {}
.cookieinn a.ok {}

/*------------------------------------------------*/
/*-----------------[CSS FOR CONTENT]--------------*/
/*------------------------------------------------*/
/* Iframe */
.iframe-wrapper {
 	position:relative; overflow:hidden;
  	width:100%; padding-top:56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	margin-bottom:20px;
}
.iframe-wrapper iframe {
  	position: absolute; top:0; left:0; bottom:0; right:0;
  	width:100%; height:100%;
}

.izquierda {font-family:'izquierdalight';}

.medium {font-family:'ibm_plex_sansmedium';}
.thin {font-family:'ibm_plex_sansthin';}
.light {font-family:'ibm_plex_sanslight';}

.rojo,
.rojo strong {color:#dc0b29 !important;}
.red {color:#db0626 !important;}
.purple {color:#59287e !important;}
.darkred {color:#c20000 !important;}
.pink {color:#ff9999 !important;}
.rosa {color:#b63a8f !important;}
.darkpink {color:#e7675a !important;}
.magenta {color:#e72380 !important;}
.orange {color:#d2532b !important;}
.yellow {color:#f6c226 !important;}
.green {color:#9bca84 !important;}
.dgreen {color:#65a742 !important;}
.blue {color:#007cb0 !important;}
.white {color:#fff !important;}
.black {color:#000 !important;}
.grey {color:#999 !important;}
.dgrey {color:#333 !important;}
.lgrey {color:#ccc !important;}

h1.rosa, h2.rosa, h3.rosa, h4.rosa, h5.rosa, h6.rosa,
h1.rosa a, h2.rosa a, h3.rosa a, h4.rosa a, h5.rosa a, h6.rosa {color:#b63a8f !important;}

.grey1 {color:#ccc !important;}
.grey2 {color:#b3b3b3 !important;}
.grey3 {color:#999 !important;}
.grey4 {color:#808080 !important;}
.grey5 {color:#666 !important;}
.grey6 {color:#4d4d4d !important;}
.grey7 {color:#333 !important;}

.huge {font-size:1.8em; line-height:2.2em;}
.bigger {font-size:1.4em; line-height:1.2em;}
.big {font-size:1.2em; line-height:1em;}
.smaller {font-size:0.8em;}

.fleft {float:left;}
.fright {float:right;}
.acenter {text-align:center;}
.aleft {text-align:left;}
.aright {text-align:right;}

.inline {display:inline;}
.inlineb {display:inline-block;}
.block {display:block;}
.hide {display:none !important;}

.no-mrg {margin:0 !important;}
.no-pad {padding:0 !important;}

.m-10 {height:10px;}
.m-20 {height:20px;}
.m-30 {height:30px;}
.m-40 {height:40px;}

.clear-fix {float:none; clear:both;}

.up {}
.up .icon12.arrowup {margin-right:5px;}
.up:hover > .icon12.arrowup {background-position:0px -126px;}

.round {
	-moz-border-radius:4px; /* Mozilla */
	-webkit-border-radius:4px; /* Safari y Chrome*/
	-khtml-border-radius:4px; /* Konqueror */
	border-radius:4px; /* Opera */
}

img.bg {
	/* Set up positioning */
	width:100%;
	position:fixed;
	left:0; top:0;	
	z-index:-999;
	margin:0 !important;
}

/**,
*:before, *:after {*/
	/* incluye border y padding en la suma del ancho,
	frente a la caja normal que está fijada en content-box, que no los incluye*/
/*	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}*/

/* COLORES CLAVE */
/*
	rojo:#db0626
	azul oscuro casi negro:#1c1c1c
	rojo oscuro:#c20000
	rosa:#ff9999
	gris oscuro:#1c1c1c
	gris claro selección:#4d4d4d

*/