/*  
Theme Name: picolight mod
Theme URI: http://picomol.de/picolight/
Description: modificación de Pixelada SCA del tema principal de la Tejedora 
Version: 1.0.9
Author: Pixelada S. Coop. And.
Author URI: https:/pixelada.org
Template: picolight
Tags: light, two-columns, right-sidebar, responsive-layout, custom-colors, custom-header, custom-background, custom-menu, theme-options, sticky-post, translation-ready

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*nicer font family*/
body {
	font-family: Verdana;
	line-height: 1.7em; 
}

/*transparent body*/
#wrapper {
	background: rgba(255,255,255, 0.9);
    padding: 0px;
}
/*logo*/
#wrapper #header {
  background: rgba(240,240,240,0.6);
  border-bottom: 1px solid #7d4a8a;
  margin-bottom: 20px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 768px)
{
    .left {
	text-align: center;
	float: left;
	clear: none;
	width: 100%;
	margin: 0;
    }
    .left p {
	line-height: 1;
    }
    .right {
	text-align: center;
	float: left;
	clear: none;
	width: 100%;
	margin: 0;
    }
    .right p {
	line-height: 1;
    }
}
@media only screen and (min-width: 768px)
{
    .left {
	display: flex;
	align-items: left;
	flex-direction: column;
	clear: none;
	margin: 0 !important;
	float: left;
	width: 50%;
    }
    .right {
        display: flex;    
	justify-content: flex-end;
	text-align: right;
	flex-direction: column;
	clear: none;
	margin: 0 !important;
	float: left;
	width: 50%;
    }
}
/* FOOTER */
#wrapper #footer /*footer un poco más ancho para logos*/
{
    min-height: 50px;
    overflow:auto;
    border-top: 1px solid #7d4a8a;
}

#footer img
{
	margin-left: 5px;
}
#license-img
{
    border-width: 0;
    position: relative;
    top: 50%;
    transform: translateY(+20%);
}

/* navigation bar */
#mainnav 
{
    background: #f0f0f0;
}

#mainnav ul li a:hover 
{
    color: #7d4a8a;
    text-decoration: underline;
}
#mainnav ul li a
{
    border-bottom: 1px solid #7d4a8a;
}
/* text styles */

.teje-title
{
    color: #7d4a8a;    
}

/* formulario socias*/
  .error{
    padding: 5px 9px;
    border: 1px solid red;
    color: red;
    border-radius: 3px;
  }
 
  .success{
    padding: 5px 9px;
    border: 1px solid green;
    color: green;
    border-radius: 3px;
  }
 
  form span{
    color: red;
  }