html body, a, p, span, input[type="text"] {  

    font-family: 'Garamond', serif; 
text-align: justify; 

}  

  

#content {  

    max-width: 1000px;  

}  
/*
a.site-title{
color: #FFFFFF;
}*/

 {  

    font-family: Garamond; 

    //color: #323232;  

   color: #C02126; 

}  

   

body a {  

    color: #A51008;  

}  

  

.blocks h2 {  

    width: 100%;  

    text-align: center;  

    color: #323232;  

}   

  

   

/* Cajon de búsqueda principal*/   

  

.advanced {  

    position: relative;  

     left: 25%; 

     height: 10px;  

     width: 50%;  

    background-size: cover;  

    //background-color: #8F8F8F;   

    //border-radius: 12px;  

    //box-shadow: 8px 8px 16px rgb(165 177 198 / 80%), -8px -8px 16px rgb(255 255 255 / 80%);  

}  

  

/* Colecciones Populares*/   

  

.colecciones-populares  {  

    //width: 909px;  

    height: 330px;  

    display: flex;  

    flex-direction: row;  

    justify-content: center;  

}  

  

.colecciones-populares  .collection-item {  

    width: 290px;  

    height: 290px;  

    cursor: pointer;  

    background-position: center;  

    background-size:100% 100%;  

    transition:background-size 1s ease;  

    margin: 10px;  

    border-radius: 12px;      

    box-shadow:  8px 8px 16px rgb(165 177 198 / 80%);  

}  

  

/*Título de las Colleciones*/ 

  

.colecciones-populares  .collection-item:hover {  

    background-size: 120% 120%;  

}  

  

#collection-title { 

    font-family: Garamond; 

} 

  

.collection-title p {  

    text-align: -webkit-center;  

    text-align: center;  

    font-size: 25px;  

    color: #ffffff;  

    background-color: rgba(0, 0, 0, 0.5);  

    padding: 4px;  

    border-radius: 12px;  

}  

  

.collection-title a {  

    color: #fff;  

    width: 100%;  

    height: 100%;  

    display: block;  

    text-align: center;  

}  

  

.collection-title a:hover {  

    color: #fff;  

    font-weight: bold;  

}  

  

.colecciones-populares  .collection-item .collection-title {  

     margin: 0 auto;  

     position: relative;  

     top: 40%;  

}  

  

.enc-colecciones-populares {  

     padding-top: 5em;  

}  

  

/* Navegacion*/  

  

/* Header */  

  

header:before {  

    background-color: #002856;  

}  

  

.top-bar {  

       background-color:#084771;  

}  

  

#responsive-menu{  

       background-color:#084771;  

}  

  

#responsive-menu ul.dropdown menu{  

      background-color:#084771;  

}   

  

/* Botones de busqueda ynavegación*/  

  

input[type="submit"], button, .button  {  

        background-color: #084771;  

}  

  

#search-form input[type="text"] {  

    background-color: white;
width: 100%;  

}  

  

/* Footer */  

  

footer {  

    //background-color: #002856;  

    max-width: 100%;  

    padding: 0px;  

}  

  

/* Barra de usuario */  

  

#user-bar {  

    background-color: #084771;  

    color: #A51008;  

    padding: 1px 24px;  

}  

  

#user-bar .logout, #user-bar .login { 

    background-color: #0076BD;  

}  

  

span.user-id {  

    font-weight: Garamond;  

    color: #efefef;  

} 

ul.dropdown li {
 // list-style-image: url('https://thumbs.dreamstime.com/b/bot%C3%B3n-de-icono-inicio-158711757.jpg');
background: #084771;
}

a.nav-header{
color: #FFFFFF;
}
compartir {
 // background-image: radial-gradient( circle 767px at 10.2% 22.1%,  rgba(11,218,81,1) 0%, rgba(0,191,255,1) 90% );
  //min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buttons {
  min-width: 700px;
  display: flex;
  justify-content: space-around;
}

.buttons a {
  text-decoration: none;
  font-size: 28px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #314652;
  color: #f1f1f1;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  transition: all .4s ease-in-out;
}

.buttons a:hover {
  transform: scale(1.2);
}

/*COLORES DE BOTONES PARA COMPARTIR*/
.buttons a:hover {
  transform: scale(1.2);
}

a.fa.fa-telegram {
background: #229ED9;
}

a.fa.fa-facebook {
background:  #3b5998;
}
a.fa.fa-twitter {
background: #00acee;
}
a.fa.fa-rss {
background: #fc4f08;
}
a.fa.fa-linkedin {
background: #0e76a8;
}