@charset "utf-8";
/* CSS Document 
#comments a{ border-radius: 4px; padding: 0px 5px;} */
.mce-branding-powered-by {
display: none !important;
}
#tinymce.mceContentBody {
  max-width: none;
}
.comments-area { display: inline-block; width: 99.75%; }

/* <span id="chat-grande" class="genericon genericon-chat">	</span> */
#chat-grande   { font-size: 22pt; float: left; margin: 0 25px 0 10px; }
#close-grande   { font-size: 22pt; float: none; color:#d00; position:relative; top: -2px; left: -40px;}

/* ========================================================================================================
	// List Comment en Admin
======================================================================================================== */

.comment.column-comment img {   height: auto; }
/* ========================================================================================================
	// Edit Comment en Admin
======================================================================================================== */

.form-table.editcomment td{padding:5px 10px;}
.form-table.editcomment.comment_xtra{width:70%; margin:auto;}
/* ========================================================================================================
	// For plugin 	OnePress Image Elevator
======================================================================================================== */

.button.imgevr-get-premium { display:none !important}
#imgevr-quick-settings .imgevr-section + .imgevr-section { display: none !important}

/* ========================================================================================================
	// Paginación y navegación de Comments
======================================================================================================== */
.pages-comments-nav{	display: block;	background-color:inherit; clear:both;}

.page-numbers {margin: 0px 2px; border: 1px solid #ccc;font-size: 10pt; padding: 1px 5px !important; border-radius: 4px !important; }
.page-numbers:hover{ border-color: #999; background-color:#fff; text-decoration:none;}
.page-numbers.dots{border:0;}
.page-numbers.current {background: #fff;color: #555;}
/*
.prev:before, .next:after {color: #699;	-webkit-font-smoothing: antialiased;	font: normal 12px/1 'Genericons';	vertical-align: -3px;}
.prev:before {content: '\f503\f421';}
.next:after {content: '\f421\f501';}
.prev:hover:before, .next:hover:after{color:#0ff;}*/

/* ========================================================================================================
	// Comentarios
======================================================================================================== */

img.foto, img.photo {
    position: relative;
    top: 5px;
}

#lista_comentarios li {    
	min-height:50px;	
	display:block;
	clear:both;
	background-color:#f5f5f5;
	padding-top: 0px;
	margin:0px
	/*
	padding: 5px 0 0 5px;
	
	color:#000;
	margin: 0px 0px 10px 6px;
	border-radius:8px;
	box-shadow: 1px 1px 1px 2px #446;
	position:relative;
	left:0px;
	float:left;
	width:98.5%;
	border-top: solid 1px #ded;	
	*/
}
#lista_comentarios a{text-decoration: none;border-radius: 10px; font-size:8pt;/*padding: 0px 5px;*/}

.c-texto{width: 87%;
margin-left: 4%;
margin-bottom:0.5%;
padding: 1% 3% 1% 5%;
text-align: justify;
line-height: 1.4;
font-size: 10pt;
clear: both;
border-radius: 6px;
background-color: #fff;
}
ol.children {width: 97%; float:right;}

#lista_comentarios li.depth-1 { background-color:#f5f5f5; width:99% } 
#lista_comentarios li.depth-2 { background-color:#e0e0e0;  width:98.3%}
#lista_comentarios li.depth-3 { background-color:#f5f5f5; width:97.6%}
#lista_comentarios li.depth-4 { background-color:#e0e0e0;  width:96.9%}
#lista_comentarios li.depth-5 { background-color:#f5f5f5;  width:96.2%}
/*
.depth-2 { background-color:#589;}
.depth-3 { background-color:#69a;}
.depth-4 { background-color:#6ab;  color:black;}
.depth-5 { background-color:#8bc;  color:black; }
.depth-6 { background-color:#9cd;  color:black; }
.depth-7 { background-color:#adF;  color:black; }
*/

/* ========================================================================================================
	// Datos Meta de Comments con iconos Genericons o DASHICONS
======================================================================================================== */
.c-dice{/*float:left;*/ font-weight:700; text-transform: capitalize; vertical-align:5px}
.c-metadatos { font-size: 7pt; margin: 0px 0px -10px 0px; display:inline-block;position: relative;top: -5px; }

#lista_comentarios li.depth-1:hover .c-metadatos.depth-1{visibility:visible;}
#lista_comentarios li.depth-2:hover .c-metadatos.depth-2{visibility:visible;}
#lista_comentarios li.depth-3:hover .c-metadatos.depth-3{visibility:visible;}
#lista_comentarios li.depth-4:hover .c-metadatos.depth-4{visibility:visible;}
#lista_comentarios li.depth-5:hover .c-metadatos.depth-5{visibility:visible;}


.c-metadatos a {color: #7ac;}

.c-user img {margin-right: 4px;position: relative;top: 10px; border-radius:4px;}


.comment-reply-link{font-size:8pt; position:relative; top:-13px}

.c-fecha,
.c-hora{color:#333;/*margin-left:2px;*/}
.nºcmts {position: relative; top:-4px; left: -29px; color: #fff; font-weight: bold; font-size:10pt;}
.comment-meta small {color:#bbb; display:block;}

/*
.c-user:hover:after,
.comment-edit-link:hover:before,
.comment-reply-link:hover:before,
.comment-reply-link:hover:after	{color:#333;}
*/
/* --- icons  con Dashicons --- 
.c-mostrar:before,
.c-ocultar:before,
.c-open:before,
.c-closed:before,
.c-fecha:before,
.c-hora:before,
.c-user:after,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-link:after
{
	color:#820;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 14px/1 dashicons;
	vertical-align: -2px;
}

.c-mostrar:before{content: '\f177';}
.c-ocultar:before{content: '\f153';} /*  '\f158' "\f335", "\f153" 
.c-open:before{content: '\f101';font-size:30pt; vertical-align:-10pt}
.c-closed:before{content:'\f117';font-size: 15pt;position: relative;left: -20px;top: -6px;color: #f00;}
.c-fecha:before 	{content: '\f145';}
.c-hora:before	{content: '\f469';}
.c-user:after	{content: '\f110'; margin-left:3px} 
.comment-edit-link:before 	{content: '\f464';} 
.comment-reply-link:before{content: '\f473';margin-left: 2px;}
.comment-reply-link:after{content: '\f474';font-size:14pt;position:relative; top:3px; left:1px;
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg); /* IE 9 *//*
	-webkit-transform:rotateY(180deg); /* Opera, Chrome, and Safari *//*
}
*/

/* --- icons  con Genericons --- 
#cancel-comment-reply-link:before,
.c-dice:before,
.c-mostrar:before,
.c-ocultar:before,
.c-open:before,
.c-closed:before,
.c-fecha:before,
.c-hora:before,
.c-user:after,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-link:after
{
	color:#7ac;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 12px/1 'Genericons';
	vertical-align: -2px;
}

#cancel-comment-reply-link:before {content: '\f405';}
.c-dice:before		{content: '\f300';}
.c-mostrar:before	{content: '\f403'; margin-right:10px; font-size:18px;}
.c-ocultar:before	{content: '\f404'; margin-right:10px; font-size:18px;} 
.c-open:before		{content: '\f300';font-size:30pt; vertical-align:-10pt}
.c-closed:before	{content:'\f406';color: #f00; position:relative; left: -2px;}
.c-fecha:before 	{content: '\f307';}
.c-hora:before		{content: '\f303';}
.c-user:after		{content: '\f304'; /*margin-left:3px* /}
.comment-edit-link:before 	{content: '\f411';}
.comment-reply-link:before	{content: '\f108';margin-left: 2px;font-size:9pt;}
.comment-reply-link:after	{content: '\f412';font-size:9pt;}

.c-open{margin-left:20px;}
.c-closed{ color:#c00; position:relative;font-size:7pt}

/* ========================================================================================================
	// Formulario de Respuesta o Comentar General Título y botones 
========================================================================================================*/
#respond { 
	background: #ececec;
	padding:10px 10px 5px 10px;;
	clear:both;
	margin:auto;
	border-radius:10px;
	/*display: none;*/
	width: 95%;	
}


#respond h3 p#reply_title2 {display: inline-block; margin:0;}
#respond h3#reply-title{
	font-size: 16px;
	line-height: 1.5;
	color:#000;
	padding: 5px 0;
	display: inline-block;
	width: 96%;
	margin: 5px 2%;
}

#respond form {margin: 10px auto;}
#respond form label { 
	margin: 0;
	line-height: 1;
	font-size: 11pt;
	display: inline-block;
	width: 180px;
	margin-top: 10px;
}

.required {
	font-size: 15pt;
	color: #e30;
	font-weight: 800;
	position: relative;
	left: 3px;
	top: 6px;
}
#respond input[type=text] {
	padding: 2px 6px;
	width:25em;
}

iframe#comment_ifr {
    min-height: 150px !important;
}


/* ========================================================================================================
	// Media button y Tabs buttons
======================================================================================================== */

.wp-editor-tools .wp-editor-tabs .wp-switch-editor.switch-html,
.wp-editor-tools .wp-editor-tabs .wp-switch-editor.switch-tmce{
background: linear-gradient(to bottom, #fff 0%, #e5e5ff 100%);
border-radius:5px;
color:#666;
}
.wp-editor-tools .wp-editor-tabs .wp-switch-editor.switch-html:hover,
.wp-editor-tools .wp-editor-tabs .wp-switch-editor.switch-tmce:hover{
background: linear-gradient(to bottom, #e5e5ff 0%, #fff 100%);
border: 1px #999 solid;
border-radius:5px;
color:#222;
}
.html-active .switch-html,
.tmce-active .switch-tmce{
background: #f5f5f5 !important;
color: #000 !important;
font-weight: bold;

}
.html-active .switch-html:hover,
.tmce-active .switch-tmce:hover{
background: #f5f5f5 !important;
color: #000 !important;
font-weight: bold;
border:1px #ddd solid !important;
border-bottom:none !important;

}

#insert-media-button {min-width: 125px; background: linear-gradient(to bottom, #fff 0%, #e5e5ff 100%); border-radius:5px;}
#insert-media-button:hover { background: linear-gradient(to bottom, #e5e5ff 0%, #fff 100%); border-color:#999; color:#444;}

.foto:hover{transform:scale(3,3); border-radius:4px;}

/* ========================================================================================================
	// Boton para mostrar / ocultar el comment_form  // Botones submit y cancel-comment-reply-link
======================================================================================================== */
.form-submit {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

#btcomments, #btcomments:focus, .comment-form #submit, #cancel-comment-reply-link, #c-nover{
	color: #666;
	text-decoration: none;
	/* box-shadow: 0px 1px 3px #666666; */
	background: linear-gradient(to bottom, #fff 0%, #e5e5ff 100%);
	border-radius:5px;
	border:1px #ccc solid;
	display:block;
	padding:5px 15px;
	font-size:10pt;
	margin:2px;
	cursor:pointer;
	float:right;

}

#btcomments:hover, #submit:hover, #cancel-comment-reply-link:hover, #c-nover:hover{
	background: linear-gradient(to bottom, #e5e5ff 0%, #fff 100%);
	border-color: #999;
	color:#222;
	
}
.wp-core-ui .button-primary{text-shadow:none; float:left}
/* ========================================================================================================
	// Botones del Editor
.mce-container, .mce-container *, .mce-widget, .mce-widget *{color:#333 !important;}
	
======================================================================================================== */
.mce-top-part::before {
    box-shadow: none !important;
}
.mce-menu-item {color:#333 !important}
div.mce-toolbar-grp { background: #fafafa  !important;}
.mce-widget.mce-btn{
	background: linear-gradient(to bottom, #fff 0%, #e5e5ff 100%) !important;
	border-radius: 5px !important;
	border-color:#eee !important;
	margin: 2px 1px !important;
}
.mce-widget.mce-btn:hover{
	background: linear-gradient(to bottom, #e5e5ff 0%, #fff 100%) !important;
	border-color:#999 !important;
	box-shadow: none !important;	
}
.mce-widget.mce-btn.mce-active{border-color:#444 !important; color: #d06 !important;}

i.mce-ico.mce-i-backcolor { /* para el botón backcolor */
	border-radius: 3px;
	background: #bbb;
	color: #eee;
}
i.mce-ico.mce-i-backcolor:hover { /* para el botón backcolor */
	color: #bbb !important;
}
.mce-widget.mce-btn.mce-colorbutton span.mce-preview { /* para los botones forecolor y backcolor */
	width: 53%;
	height: 5px;
	margin-left:-2px
}

/*.mce-menubtn.mce-fixed-width button{max-width:80px;}

.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
font-size: 8pt !important;

}
*/
.mce-toolbar .mce-btn button, .qt-fullscreen {
padding:1px !important;
}
.mce-toolbar .mce-btn i { text-shadow: none; font-size: 10pt; line-height:1.7}

/* para los botones de listas desplegables 
.mce-menubtn button{height:24px} */

/*.mce-menubtn.mce-fixed-width button{width:75px;}*/
/*.mce-menubtn span {	font-size: 9pt !important; }*/

/*span.mce-text{font-size:9pt !important;}*/

/* #FSZ button { width: 50px;}*/ /* Para Letras_size btn */

.mce-menu-item{padding:0 4px 0 4px !important;}
.mce-container-body{min-width:50px !important; width:auto !important}
.mce-panel.mce-menu{min-width:50px !important; width:auto !important}

/* para styleselect "Formatos" */
/*.mce-widget.mce-btn.mce-menubtn.mce-btn-has-text span{font-size:9pt}*/ 


.mce-widget.mce-btn.mce-menubtn.mce-fixed-width.mce-listbox.mce-btn-has-text[aria-label="Font Sizes" ] button{max-width:5.4em;}
.mce-widget.mce-btn.mce-menubtn.mce-fixed-width.mce-listbox.mce-btn-has-text[aria-label="Font Family"] button{max-width:5em;}

.mce-widget.mce-btn.mce-menubtn.mce-fixed-width.mce-listbox.mce-btn-has-text[aria-label="Font Sizes"]  span{font-size:8pt; width:5em;}
.mce-widget.mce-btn.mce-menubtn.mce-fixed-width.mce-listbox.mce-btn-has-text[aria-label="Font Family"]  span{font-size:8pt; width:4.5em;}


/* ========================================================================================================
	// quicktags
======================================================================================================== */


.quicktags-toolbar {
	padding: 3px;
	position: relative;
	border-bottom: 1px solid #dedede;
	background: #fafafa  !important;
}


.quicktags-toolbar .ed_button.button.button-small{
	background: linear-gradient(to bottom, #fff 0%, #e5e5ff 100%);
	border-radius:5px;	
}
.quicktags-toolbar .ed_button.button.button-small:hover{
	background: linear-gradient(to bottom, #e5e5ff 0%, #fff 100%);	
}

/*.subsubsub a.current .count, .ac_match, .subsubsub a.current,.filter-links .current{color:#fff}*/