/* -------------------------------- 
GLOSARIO
-------------------------------- */

.sec_glosario-home         { padding:var(--space-xl) 0 var(--space-xxl);  }  
.sec_glosario-single       { padding:var(--space-xxl) 0 0;  } 
 
.alphabet-navigation ul    { font-family: var(--font-secondary); list-style: none; display: flex; flex-wrap: wrap; padding: 0; 
                             margin:0;}
.alphabet-navigation li     { margin: 0; }
.alphabet-navigation li a  { 
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-l);
  height: var(--space-l);
  /* padding: var(--space-xs); */
  line-height: .8;
  color: hsla(var(--dark),.5);
  border: 2px solid hsla(var(--dark),.5);
  text-transform: uppercase;
  border-radius: var(--radius8);
  margin: var(--space-xxxs);
}

.alphabet-navigation li a:hover  { color:hsla(var(--brand-second),1); border-color:hsla(var(--brand-second),1); box-shadow: var(--shadow-second20) }

.glossary               { font-family: var(--font-secondary);  } 
.glossary h4            { padding: var(--space-xs); border-bottom:1px solid hsla(var(--dark),.1); margin-bottom: var(--space-xs); }
.glossary h4 a          { color:hsla(var(--dark),1); text-transform: uppercase; } 

.glosario-list          { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin:0 0 var(--space-xl);  }
.glosario-list li       { flex:0 0 25%; }
.glosario-list li a     { display:block; padding: var(--space-s); font-weight: 400; }

.glosario-related h5    { font-weight: 400; } 
.glosario-related ul    { list-style: none; padding: 0; margin: 0; }

.glossary-featured { padding: var(--space-xs); border-bottom:1px solid hsla(var(--dark),.1); margin-bottom: var(--space-xs); }
 
@media only screen and (max-width:768px) {

.glosario-list li          { flex:0 0 33.333%; } 

.glosario-related  { margin-top: var(--space-l); padding-top: var(--space-l); border-top:1px solid #ccc; } 

.alphabet-navigation ul    { justify-content: center; }

}
 

@media only screen and (max-width:512px) { 

.glosario-list li          { flex:0 0 50%; }

}