/*
Theme Name: 
Theme URI: 
Author: Raúl Antón Cuadrado
Author URI: http://about.me/raulanton
Description: 
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags:
*/


/*--------------------------------------------------------------
# Colors
# rgb(244,244,244); light gray
# rgb(252,252,252); almost white
# color: #000;
# color: #0A0A64; blue navy
# rgb(60,60,60) dark gray, border shadows
# rgb(251,131,37) Orange
# 
# 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Admin options
--------------------------------------------------------------*/

.antonelf-admin-section {
	padding: 1em 2em 2em 2em;
	margin: 2em;
	border: 1px solid rgb(20,20,20);
	border-radius: 4px;
	border-width: 1px 2px 2px 1px;
	background: rgb(252,252,252);
}
.antonelf-admin-section-title{
	margin: 0.5em 0em 1em 1em;
	font-size: 1.5em;
}
.antonelf-admin-option{
	margin: 0.3em 0;	
	padding: 0.3em;
	background: rgb(244,244,244);
}
.antonelf-admin-moreinfo{
	font-size: 0.7em;
}
/*--------------------------------------------------------------
# Author Card: display
--------------------------------------------------------------*/

@media (min-width: 1000px) {
	.antonelf-author-desc-text{
		width: 23em;
	}
	#antonelf-author-data{
		width: 23.3em;
	}
	#antonelf-author-info{
		width: 46em;
	}
}

@media (max-width: 1000px) and (min-width: 700px) {
	.antonelf-author-desc-text{
		width: 18.5em;
	}
	#antonelf-author-data{
		width: 18.8em;
	}
	#antonelf-author-info{
		width: 40em;
	}
}

@media (min-width: 700px) {
	.antonelf-login-label,
	.antonelf-register-buttons,
	.antonelf-login-buttons,
	.antonelf-login-lost-password{
		margin: 0.8em 1.5em;
	}

	.antonelf-author-button{
		margin-left: 1.5em;
	}

	.antonelf-register-comment{
		margin-left: 1em;
	}
}

@media (max-width: 700px) {
	.antonelf-author-desc-text{
		width: 14.4em;
	}
	#antonelf-author-data{
		width: 15.2em;
	}
	#antonelf-author-info{
		width: 37em;
	}
	#antonelf-embedded-login,
	#antonelf-wp-register-submit,
	.antonelf-submit{
		font-weight: bold;
	}
	.antonelf-login-label, 
	.antonelf-register-buttons, 
	.antonelf-login-buttons, 
	.antonelf-login-lost-password {
    		margin: 0.8em 1.5em 0.8em 0em;
	}
	.antonelf-register-comment{
		margin-left: 0em;
		margin-right: 0.8em;
	}

}


.noshadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	}

#antonelf-author-info{
	overflow:hidden;
	display: table;
	border: solid #0A0A64; 
	border-radius: 4px; 
	border-width: 0 1px 1px 0; 
	margin: 1rem auto;
	padding: 0.25em 1em 0.25em 1.5em; 
	background: rgb(252,252,252);	
}

.antonelf-author-nicename{
	float:left;
	color: #FB8325;
}
.antonelf-author-logout{
	float:right;
	font_size: 0.8em;
	margin-left: 1.5em;
	color: rgb(251, 131, 37);
}
.antonelf-author-logout a{
	color: #4169E1 !important;
}
.antonelf-author-button {
	float:right;
	font_size: 0.8em;
	color: rgb(251, 131, 37);
	display: inline;
}
.antonelf-author-button a{
	text-decoration:none;
	margin-left: 1em;
}

.antonelf-author-button .genericon{
	font-size: 1em;
}

.antonelf-author-button input.antonelf-submit,
.antonelf-register-buttons input.antonelf-submit,
.antonelf-recover-input input.antonelf-submit{
	border: 0px none;
	padding: 0.1em 0em 0.4em 0em;
	background: transparent none repeat scroll 0% 0%;
	border-radius: 0px;
	color: rgb(65, 105, 225);
	font-size: 1em;
	box-shadow: none;
	cursor: pointer;
}

#antonelf-author-card,
#antonelf-author-data{
	font-size: 1.3em;
	float: left;
}

#antonelf-author-card{
	width: 9em;
	background-color: #FFF9FC;
	box-shadow: 3px 3px 5px #FB8325;
	margin: 0.5em 1em 0.5em 0;
}

.antonelf-author-stats{
	width: 2.5em;
	float: left;
	font-size: 1em;
	padding: 0.3em 0.1em;
}

.antonelf-author-avatar{
	float: left;
	padding: 0.3em 0.1em;
	width: 6em;
	height: 6em;
}

.antonelf-author-avatar img{
	border-radius: 4px;
	width: 5.5em;
	height: 5.5em;
}

.antonelf-here-since{
	font-size: 0.8em;
	width: 100%;
	display: table;
}
.antonelf-here-since-text{
	display: table;
	margin: 0.3em auto;
	font-size: 0.8em;
}
.antonelf-author-name{
	height: 1.3em;
	margin: 0.5em;
}

.antonelf-author-nicename{
	font-size: 1.5em;
}

.antonelf-author-pics{
	height: 1.3em;
	margin: 0.5em auto 0em;
	display: table;
}

.antonelf-author-stats-text{
	font-size: 1.1em;
	margin: 0em auto;
	display: table;
}

.antonelf-author-description{
	float: left;
	padding: 0.3em 0.1em;
}

.antonelf-description-pics{
	float: left;
	clear: both;
	margin: 0.2em 0em 0em 0em;
	height: 1.3em;
	width: 1.3em;
	font-size: 1em !important;
    	color: rgb(60,60,60);
}

.antonelf-author-desc-text{
	float: left;
	margin: 0.4em 0em 0em 0.2em;
	font-size: 0.9em;
}

.antonelf-change-pwd-form{
	margin-left: 1.3em;
	display: none;
}

.antonelf-change-pwd-button{
	clear: both;
	padding: 0.6em 2em 0.4em;
	font-size: 1rem !important;
	color: #4169E1;
	cursor: pointer;
}

.antonelf-change-pwd-button-warn{
	font-size: 0.7rem !important;
	color: #606060;
}

.antonelf-change-pwd-input{
	width: 14em;
	float: right;
}

/*--------------------------------------------------------------
# Login: display
--------------------------------------------------------------*/

#antonelf-login-div, 
#antonelf-register-div, 
#antonelf-wp-register-submit{
	display: none;
}

#antonelf-login-register-fork,
#antonelf-login-div, 
#antonelf-register-div{
	overflow:hidden;
	//border: solid #0A0A64; 
	border-radius: 4px; 
	border-width: 0 1px 1px 0; 
	margin:auto;
	background: rgb(252,252,252);	
   border: 1px solid white;
   box-shadow: 3px 3px 5px rgb(251,131,37);
}

#antonelf-login-div,
#antonelf-register-div{
	width: 28em;
	padding: 1em 1.5em;   
	font-size: 16px;
	font-size: 1em;
}

#antonelf-login-register-fork{
	display: table;
	width: 28em;
	padding: 0.5em 1.5em;   
	font-size: 16px;
	font-size: 1em;
}

#antonelf-login-fork,
#antonelf-register-fork{
	border: solid rgb(60,60,60); 
	border-radius: 4px; 
	border-width: 0px 2px 2px 0px;
	margin: 10px 16px; 
	margin: 0.66rem 1em; 
	padding: 0.25em 1.5em; 
	text-align:center;  
	opacity:0.7; 
	font-size: 18px;
	font-size: 1.125em;
}

#antonelf-login-fork{
	float:left ;
	background:none repeat rgb(244,244,244);
}
#antonelf-register-fork {
	float:right ;	
	background:none repeat rgb(251,131,37);
	color: rgb(244,244,244);
}

.antonelf-register-comment,
.antonelf-register-buttons,
.antonelf-login-buttons,
#antonelf-wp-register-submit,
#antonelf-user-email-recover,
#antonelf-recover-button {
	display: inline;
}

#antonelf-user-email-recover{
	font-size: 0.75em;
	line-height: 1em;
}

.antonelf-register-buttons {
	visibility: hidden;
}

.antonelf-getinfo-lost-password {
	display: none;
}

.antonelf-recover-input {
	display: table;
	margin: auto;
}

@keyframes anim2{
from {opacity: 0.3; max-height: 64px; }
to {opacity: 1; max-height: 200px; }
}

.appear{
    -webkit-animation: anim2 1s forwards; 
    animation: anim2 1s forwards;
}


/*-------------------------------------------------------------- 
# Login: messages 
--------------------------------------------------------------*/

.antonelf-login-failed-msg,
.antonelf-lost-password-failed-msg,
.antonelf-register-failed-msg{
	display: none;
}

.antonelf-login-title{
	font-size: 20px;
	font-size: 1.25em;
	color: #FB8325;	
}

.antonelf-login-title,
.antonelf-login-subtitle,
.antonelf-login-comment{
	text-align: center;
}

.antonelf-error-msg{
	background: rgb(255, 235, 232) none repeat scroll 0% 0%;
	padding: 0.40em;
	margin: auto;
	display: table;
	color: rgb(60,60,60);
	font-size: 0.75em;
}

.antonelf-login-subtitle,
.antonelf-register-comment,
.antonelf-login-comment{
	font-size: 12px;
	font-size: 0.75em;
}


.antonelf-login-label input{
	padding: 2px;
	line-height: 1.26em;
}


/*-------------------------------------------------------------- 
# input form tricks
--------------------------------------------------------------*/

form .antonelf-form-row {
  margin-bottom: 1rem;
  position: relative;
}
form .antonelf-form-row:last-child {
  margin-bottom: 0;
}
form .antonelf-form-row input[type="text"],
form .antonelf-form-row input[type="password"]  {
  box-sizing: border-box;
  width: 100%;
  //padding: 10px;
  //border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  outline: 0;
}
form .antonelf-form-row input[type="text"] + label[data-placeholder],
form .antonelf-form-row input[type="password"] + label[data-placeholder] {
  pointer-events: none;
}
form .antonelf-form-row input[type="text"] + label[data-placeholder]:after,
form .antonelf-form-row input[type="password"] + label[data-placeholder]:after {
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 0 0.25rem;
  background-color: rgba(255, 255, 255, 0);
}
form .antonelf-form-row input[type="text"]:focus, 
form .antonelf-form-row input[type="text"]:valid,
form .antonelf-form-row input[type="password"]:focus, 
form .antonelf-form-row input[type="password"]:valid {
  border: 1px solid #7C8AFD;
}
form .antonelf-form-row input[type="text"]:focus + label[data-placeholder]:after, 
form .antonelf-form-row input[type="text"]:valid + label[data-placeholder]:after, 
form .antonelf-form-row input[type="password"]:focus + label[data-placeholder]:after, 
form .antonelf-form-row input[type="password"]:valid + label[data-placeholder]:after{
  -webkit-transform: translate(-0.8em, -2em) scale(0.8);
          transform: translate(-0.8em, -2em) scale(0.8);
  color: #7C8AFD;
  background-color: white;
}