/* Variables */
/* Small Navigation */


h1, h2, h3, h4, h5, h6
{
font-family: "essonnes-headline",serif;
font-style: normal;
font-weight: 400;
}
a {
    color: #735cdd;
}
a:hover, a:focus {
    color: gray;
}

h1
{
text-align: left;
 font-size: 1.5em;
  font-weight: 700;
  padding: 0.3em 0.6em;;
  color: white;
  background-color: #735cdd;
}
h2
{
color: #735cdd;
text-align: center;
font-weight: 400;
}
h3{
  
  color: #9000b3;
text-align: center;
}
h1 a:link, h1 a:visited
{
  color: white; 
}
h1 a:hover, h1 a:active
{
  color: silver; 
}


blockquote {
  padding: 0.5625rem 1.25rem 0 1.25rem;
  border-left: none;
color: #9000b3;
font-family: "essonnes-headline",serif;
font-style: italic;
font-weight: 400;
text-align: center;
}


hr {
  border-bottom: 1px dotted #735cdd;
}

cite {
  font-size: 1rem;
  color: #9000b3; }

.texto
{
	padding: 2rem 0;
	color: #708090;
	font-size: 1.125rem;
}

.texto2
{
	padding: 0;
		color: black;
	font-size: 1.125rem;
}

.texto2 p
{

	line-height: 2.5rem;

}


.texto p
{

	line-height: 3rem;
	text-indent: 2rem;
}

.texto p:first-of-type::first-letter { font-size: 5rem;
  color: #7e007b;
  margin-right: 0.2rem;
font-family: "essonnes-headline",serif;
font-style: normal;
font-weight: 400;
}

.panel
{
background-color: whitesmoke;
padding: 2rem;
}

select	{
width: 100%;
}

footer
{
border-top: 1px black solid;
clear: both;
padding: 2em;
margin-top: 1em;
color: white;
font-family: "essonnes-headline",serif;
font-style: normal;
font-weight: 400;
font-size: 1.125rem;
}
  
.abajo
{
  background-color: #202020;
}

.inclinado
{
font-style: italic;
} 
.panel
{
padding: 2em;

  background-color: whitesmoke;
}
.panel p
{
color: #202020;
}
.destacar
{
font-family: "essonnes-headline",serif;
font-style: normal;
font-weight: 400;
color: #7e007b;
font-size: 1.5rem;
}

strong
{
font-family: "essonnes-headline",serif;
font-style: normal;
font-weight: 400;
color: #7e007b;
font-size: 1.5rem;
}

footer strong
{
  
  color: silver;
}
  
 .thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(255, 0, 0, 1); } 

.articulos
{
width: 100%;
margin: 0;
list-style-type: none;
}
.articulos li
{
border-bottom: 1px silver dotted;
}

.articulos2
{
width: 100%;
margin: 0;
list-style-type: none;
}
.articulos2 li
{
border-bottom: 1px silver dotted;
padding: 0.5rem 0;
}

.gris p
{
	color: gray;
	font-style: italic;
	font-size: 0.85rem;
	line-height: 1.1rem;
}

/* MENU   */

.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:13px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#735cdd;  position:absolute; text-align:center;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu li:hover{display: block;    background:#9000b3; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
.menu ul li a:hover {  color: #fff; text-decoration:none;}
.menu a{text-decoration:none; color:white;}
.menu a:hover{text-decoration:none; color:white;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
.menusocial
{
list-style-type: none;
}

.button {

    border: 1px solid white;
    border-radius: 0;
    background-color: #735cdd;
    color: white;
}
  .button:hover, .button:focus {
    background-color: black;
    color: white; }

.articulos li
{
  margin: 0.4rem 0;
}
}
.autor{
  font-style: italic;
  color: gray;
}







/* Medium-Up Navigation */
@media only screen and (min-width: 40rem) {
  


blockquote {
  margin: 1.5em;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 1.5rem;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
color: #7e007b;
  display: inline;
}

h2
{
margin-bottom: 2rem;
}
  



       
       }