@charset "utf-8";
/* CSS Document */

/* Additional Fonts for Tinymce Editor */

@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat&display=swap');

@font-face {
    font-family: Games;
	/*src:url(fonts/Games.ttf)*/
    src: url(https://rhre.pazacademy.ch/wp-content/themes/paz-dark/fonts/Games.ttf);
    font-weight: normal;  
}

/* Default for emojis menu icons  */
.mce-floatpanel.mce-popover.mce-bottom, .mce-menu {
	height: 31px !important;
	background-color:#000000;
}

/* Default Timymce values */
body#tinymce.wp-editor {
    /*font-family: Arial, Helvetica, sans-serif !important;*/
    font-family: Lato !important;
	font-size: 16px;
	background:#000000;
	color:#ffffff;
}

body#tinymce.wp-editor a { color: #f9ac39; }
/* ------------------------------------------------------------------------------------------------------*/
	body#tinymce ol, body#tinymce ul{margin:1em; padding:0}
	body#tinymce ol{list-style:decimal;}
	body#tinymce ul{list-style:disc;}

	body#tinymce ol li{padding-left:.3em;}
	body#tinymce ul li{padding-left:.1em;}
	
	body#tinymce ol ol, body#tinymce ul ol{list-style-type:lower-latin;}
	body#tinymce ol ul, body#tinymce ul ul{list-style-type:circle;}

	body#tinymce ol ol ol, body#tinymce ol ul ol, body#tinymce ul ol ol, body#tinymce ul ul ol { list-style-type:lower-roman;}
	body#tinymce ol ol ul, body#tinymce ol ul ul, body#tinymce ul ol ul, body#tinymce ul ul ul { list-style-type:square;}

	body#tinymce ol ol, body#tinymce ol ul, body#tinymce ul ol, body#tinymce ul ul{margin-top: .5em; padding-left:.5em}
	body#tinymce ol ol ol, body#tinymce ol ol ul, body#tinymce ol ul ol, body#tinymce ol ul ul, body#tinymce ul ol ol, body#tinymce ul ol ul, body#tinymce ul ul ol, body#tinymce ul ul ul{margin-top: .2em}

/* ------------------------------------------------------------------------------------------------------*/
/*
body#tinymce ol, body#tinymce ul{margin:0.4em 2em;}

body#tinymce ol{list-style:decimal;}
body#tinymce ul{list-style:disc;}
	
	/*ol li ol, ol li ul, ul li ol, ul li ul{margin-left:2em;}* /
body#tinymce ol li ol, body#tinymce ul li ol{list-style:lower-latin}
body#tinymce ol li ul, body#tinymce ul li ul{list-style:circle}
	
body#tinymce ol li ol li ol, body#tinymce ol li ul li ol, body#tinymce ul li ul li ol, body#tinymce ul li ol li ol{list-style:lower-roman;}
body#tinymce ol li ol li ul, body#tinymce ol li ul li ul, body#tinymce ul li ul li ul, body#tinymce ul li ol li ul{list-style:square;}
/* ------------------------------------------------------------------------------------------------------*/

.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;}


/* ========================================================================================================
	//Comments en Admin Edit & List
======================================================================================================== */

.form-table.editcomment td{padding:5px 10px;}
.form-table.editcomment.comment_xtra{width:70%; margin:auto;}

#the-comment-list td.comment img, table.wp-list-table.widefat td img{ max-width: 60% !important; height: auto !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
======================================================================================================== */
li.comment{margin-bottom:2em;}
li.comment p {margin: 10px auto;}
li.comment .reply{font-size:13px;}
li.comment .comment-date{font-size:11px;color:#aaa;}
.comment-author.vcard img {border-radius: 12%;}
ul.children, ol.children{margin-left: 30px;}

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


#respond h3 p#reply_title2 {display: inline-block; margin:0;}
#respond h3#reply-title{
	font-size: 16px;
	line-height: 1.5;
	color:#cccccc;
	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
======================================================================================================== */
.mce-top-part::before{ box-shadow:none !important}
.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, #888 0%, #333 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ccc;
    margin-right: 1px;
    border: 0;	
}
.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, #dde 0%, #fff 100%);
	border: 0;
	border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	color:#222;
}
.html-active .switch-html{
	background: #000 !important;
    color: #ccc !important;
    font-weight: bold !important;
    border: 0;
}
.tmce-active .switch-tmce{
    background: #000 !important;
    color: #ccc !important;
    font-weight: bold !important;
    border: 0;
}
.html-active .switch-html:hover,
.tmce-active .switch-tmce:hover{
	background: #f0f0f0 !important;
	color: #000 !important;
	font-weight: bold;
	border:0;
}

#insert-media-button {min-width: 125px;
    background: linear-gradient(to bottom, #000000 0%, #aaaaaa 100%);
    border-radius: 5px;
    color: #aaaaaa;
    border: none;
}
#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, #c-nover{
	color: #aaaaaa;
	text-decoration: none;
	/* box-shadow: 0px 1px 3px #666666; */
	background: linear-gradient(to bottom, #000000 0%, #aaaaaa 100%);
	border-radius:5px;
	border:1px #333 solid;
	display:block;
	padding:5px 15px;
	font-size:10pt;
	margin:2px;
	cursor:pointer;
	float:right;

}
#cancel-comment-reply-link{
	float:right;
	font-size:12px;
	margin-right:1rem;
}
#btcomments:hover, #submit:hover, #c-nover:hover{
	background: linear-gradient(to bottom, #dde 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;}
	
======================================================================================================== */

div.mce-toolbar-grp { background: #000000  !important; border-bottom: 1px solid #333333 !important;}
div.mce-toolbar-grp>div { padding: 1px 3px !important; }

.mce-widget.mce-btn{
	/* background: linear-gradient(to bottom, #fff 0%, #d5d5d5 100%) !important;*/
	border-radius: 3px !important;
	/* border-color:#333 !important;*/
	margin: 2px 1px !important;
    border: none !important;
}
.mce-widget.mce-btn button {
    color: #aaaaaa;
}

mce-widget.mce-btn {
    border-radius: 3px !important;
    margin: 1px !important;
    border: none !important;
}

.mce-widget.mce-btn:hover{
	/* background: linear-gradient(to bottom, #d5d5d5 0%, #fff 100%) !important;
	border-color:#999 !important;
	*/
	box-shadow: none !important;
	border:none !important;
	background: transparent !important;
}	

.mce-widget.mce-btn.mce-active {
    border-color: #999 !important;
    color: #a0ffa0 !important;
	background: #444 !important;
}
.mce-widget.mce-btn.mce-active i.mce-ico{font-size: 12pt !important ; line-height:1.3}

i.mce-ico.mce-i-backcolor { /* para el botón backcolor */
	border-radius: 3px;
	background: #333;
	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:-1.5px
}
div.mce-statusbar {
    border-top: 1px solid #333333 !important;
}
i.mce-i-resize {
    color: #aaaaaa !important;
}
.mce-panel .mce-btn:focus i.mce-caret, .mce-panel .mce-btn:hover i.mce-caret {
    border-top-color: #fff !important;
}
.mce-panel .mce-btn i.mce-caret {
    border-top: 6px solid #aaaaaa !important;
    margin-left: 2px;
    margin-right: 2px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    background: #444 !important;
}

/*.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 {
	font-size: 10pt;
	line-height: 1.5;
	color: #aaaaaa;
}
.mce-toolbar .mce-btn i:hover {
	font-size: 12pt;
	line-height: 1.3;
	color:#ffffff;
}

/* 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; color:#aaaaaa !important;}
.mce-container-body{min-width:50px !important; width:auto !important; background: #000000 !important;}
.wp-editor-container { border: 1px solid #555555 !important;}
.mce-panel.mce-menu{min-width:50px !important; width:auto !important; height:auto !important; border: 1px solid #666666 !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;}

.mce-container, .mce-widget{color:#aaaaaa !important; background:#000 !important}
.mce-window .mce-window-head .mce-title {color: #aaa !important;}
.mce-window .mce-window-head{background:#000 !important; border-bottom: 1px solid #666 !important;}
.mce-window .mce-foot{background:#000 !important; border-top: 1px solid #666 !important; border-bottom: 1px solid #666 !important;}

.wp-link-input input[type="text"], #wp-link-text, #wp-link-url{background:#fafaff !important; color:#333 !important }
div#link-selector { color: #333; }

input.mce-textbox { background: #222; color: #ccc; border: 1px solid #666;}

.mce-checkbox i.mce-i-checkbox, .mce-textbox{border: 1px solid #666 !important; background: #333 !important; color: #fff !important;}

.mce-checked i.mce-i-checkbox {color: #fff !important;}

.mce-window .mce-btn.mce-disabled { visibility:hidden;}

#mce-modal-block, #mce-modal-block.mce-fade{opacity:.35 !important;}

/*
.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom {
    height: 32px !important;
}
*/
.emojigroup{ height: 32px !important; display:inline-block }
.emojigroup:hover{ opacity: 1 !important }

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

.wp-editor-container textarea.wp-editor-area {color:#ffd; background:#000;}

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


.quicktags-toolbar .ed_button.button.button-small{
	background: linear-gradient(to bottom, #333 0%, #669 100%);
    border-radius: 5px;
    line-height: 1.7 !important;
    height: 21px !important;
    color: #ccc;
    border: none;
}
.quicktags-toolbar .ed_button.button.button-small:hover{
	background: linear-gradient(to bottom, #889 0%, #bbd 100%);
    color: #000;
}