/*Primary color = #8dbd39*/
/*Secondary color = #a5d05d*/

/*Tertiary Primary color = #ceec9b*/
/*Fourth color = #eefad9*/

/*Fifth color = #bcd987*/
/*To change colors use the replace tool.*/
/*Para cambiar los colores utilizar la herramienta de reemplazar.*/

/*-------------BACK-END------------*/

/***********
Admin bar
***********/
/*Hide the wordpress logo element*/
/*Esconde el elemento del logo de wordpress*/
#wp-admin-bar-wp-logo{
	display: none;
}

/*Hide the New comments element*/
/*Esconde el elemento de comentarios nuevos*/
#wp-admin-bar-comments{
	display: none;
}

/*Change on hover link color.*/
/*Cambia el color de los enlaces on hover*/
#wpadminbar > #wp-toolbar a:focus span.ab-label,
#wpadminbar > #wp-toolbar li:hover span.ab-label,
#wpadminbar > #wp-toolbar li:hover span.ab-label{
	color: #8dbd39;
}

#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
    color: #8dbd39;
}

/*Change on hover link icon color.*/
/*Cambia el color de los iconos de los enlaces on hover*/
#wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{
	color: #8dbd39;
}

#adminmenu li a:focus div.wp-menu-image::before, #adminmenu li.opensub div.wp-menu-image::before, #adminmenu li:hover div.wp-menu-image::before{
	color: #8dbd39;
}

/*Change on hover link color of drop-down menu*/
/*Cambia el color de los enlaces on hover de los menún desplegables*/
#wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{
	color: #8dbd39;
}

#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu a:hover, #adminmenu li.menu-top > a:focus{
	color: #8dbd39;
}


/*************
Admin menu
*************/
/*Change on hover link color.*/
/*Cambia el color de los enlaces on hover*/
#adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus{
	color: #8dbd39;
}

/*Change on hover link icon color.*/
/*Cambia el color de los iconos de los enlaces on hover*/
#adminmenu li:hover div.wp-menu-image:before{
	color: #8dbd39;
}

/*Change on hover link color of close function*/
/*Cambia el color del enlace on hover de esconder el menú*/
#collapse-menu:hover, #collapse-menu:hover #collapse-button div:after{
	color: #8dbd39;
}

/*Change on current hover link color.*/
/*Cambia el color del elemento actual del menú*/
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu{
	background-color: #8dbd39;
}

/*Change color of update badge.*/
/*Cambia el color del círuclo del aviso de actualizaciones*/
#adminmenu li a.wp-has-current-submenu .update-plugins, #adminmenu li.current a .awaiting-mod{
	background-color: #a5d05d;
}


/********
Content
*********/
/*Change link color.*/
/*Cambia el color de los enlaces*/
a {
    color: #8dbd39;
}

/*Change on hover link color.*/
/*Cambia el color de los enlaces on hover*/
a:active, a:hover {
    color: #a5d05d;
}

/*Change colour of pagination arrows*/
/*Cambia el color de fondo de las flechas de la paginación*/
.tablenav .tablenav-pages a:focus, .tablenav .tablenav-pages a:hover{
	background-color: #8dbd39;
}


/*Chamge color of view selection icons of some back-end pages, example post page.*/
/*Cambia el color de los iconos de selección de vista del contenido de algunas páginas del back-end como la página de entradas.*/
.view-switch a.current:before {
    color: #8dbd39;
}

/*Change styles of loading bars*/
/*Cambia los estilos de las barras de carga*/
.media-item .bar{
	background-color: #8dbd39;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;.
	border-radius: 0px;
}

.media-item .progress{
	border-radius: 0px;
}

/*Change styles of drag and drop areas for upload files */
/*Cambia los estilos de las áreas de arrastrar para subir archivo*/
.wpfb-batch-uploader-interface .drag-drop-area.drag-over{
	border-color: #ceec9b;
	background-color: #eefad9;
}


/********
Buttons
*********/
/*Main button style*/
/*Estilos botón principal*/
.wp-core-ui .button-primary {
    background: none repeat scroll 0 0 #a5d05d;
    border: none;
    box-shadow: 0 0px 0 rgba(120, 200, 230, 0.5) inset, 0 0px 0 rgba(0, 0, 0, 0.15);
}

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary{
	border-radius: 0px;
}

/*Main button style on hover*/
/*Estilos botón principal on hover*/
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover{
	background: none repeat scroll 0 0 #8dbd39;
    border: none;
	box-shadow: 0 0px 0 rgba(120, 200, 230, 0.6) inset;
}

/*Secondary button style*/
/*Estilos botón secundario*/
.wrap .add-new-h2:hover{
background: none repeat scroll 0 0 #a5d05d;
}

/*Disabled button color*/
/*Color del botón deshabilitado*/
.wp-core-ui .button-primary-disabled, .wp-core-ui .button-primary.disabled, .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary[disabled] {
    background: none repeat scroll 0 0 #8dbd39 !important;
    border: none;
    box-shadow: none !important;
    color: #bcd987 !important;
    cursor: default;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
}


/*-------------FRONT-END------------*/

/***********
Admin bar
***********/
/*Change on hover link color*/
/*Cambia el color de los enlaces on hover*/
#wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{
	color: #8dbd39;
}

/*Change on hover icon link color*/
/*Cambia el color de los iconos de los enlaces on hover*/
#wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
    color: #8dbd39;
}



/*-------------LOGIN PAGE------------*/
/*Change padding of login box*/
#login {
  background-color:#282828;
  padding:8% 0 2%;
  width:320px;
}

/*Change login page background*/
/*Cambia el fondo de la página de acceso*/
.login{
	background-image: url("http://www.chlorowiki.com/wp-content/uploads/2014/06/green_background-300x300.jpg");
	background-repeat: repeat;
}

/*Change link color of links*/
/*Cambia el icono de la página de acceso*/
.login h1 a{
	background-image: none, url("http://www.chlorowiki.com/wp-content/uploads/2013/12/icono-chlorowiki-peque%C3%B1o.png");
}

/*Change login page background*/
/*Cambia el color de los enlaces de debajo de la caja*/
.login #backtoblog a, .login #nav a{
	/*color: #1b1b1b;
	font-weight: bold;*/
	color: #ffffff;
}

/*Change link color of links below login box*/
/*Cambia el color de los enlaces de debajo de la caja, en estado on hover*/
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{
	color: #ffffff;
}

/*Change padding of inner login box*/
/*Cambia los estilos de la caja*/
.login form{
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.13);
	background-color: #282828;
	padding: 5px 24px 10px;
}

.login label {
	color: #ffffff;
}

/*Hide second link below login box*/
/*Hace desaparecer uno de los enlaces de debajo de la caja.*/
#backtoblog {
	display:none;
}

/*Change form field style*/
/*Cambia los estilos de los campos del formulario*/
input[type="checkbox"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
  -webkit-box-shadow:rgba(30, 140, 190, 0.8) 0 0 0px;
  border-color:#8dbd39;
  box-shadow:rgba(30, 140, 190, 0.8) 0 0 0px;
  background-color: #FFFFFF;
}