/* funcionamiento del v-cloak */
[v-cloak] {
  display: none;
}

/* logo tamano */
.logo-menu-size{
  width: 100px !important;
  height: 68px !important;
}

/* paleta de colores */
.text-fff{
  color: #fff !important;
}
.text-000{
  color: #000 !important;
}
.text-primary{
  color: #e75847 !important;
}
.text-secondary{
  color: #ff9f1a !important;
}
.bg-primary{
  background-color: #e75847 !important;  
}
.bg-primary-soft{
  background-color: #d4796f !important;
}
.bg-white{
  background-color: #fff !important;
}
.bg-secondary{
  background-color: #ff9f1a !important;  
}
.bg-secondary-soft{
  background-color: #f7c37b !important;
}
.bg-instagram {
  background-color: #FD1D1D !important;
}
.text-instagram {
  color: #FD1D1D !important;
}
.bg-whatsapp {
  background-color: #128c7e !important;
}
.text-whatsapp {
  color: #128c7e !important;
}
.bg-facebook {
  background-color: #3b5998 !important;
}
.text-facebook {
  color: #3b5998 !important;
}
.hover-bg-instagram:hover {
  background-color: #FD1D1D !important;
  color: #fff !important;
}
.hover-bg-whatsapp:hover {
  background-color: #128c7e !important;
  color: #fff !important;
}
.hover-bg-facebook:hover {
  background-color: #3b5998 !important;
  color: #fff !important;
}

/* paleta de colores */
nav .pagination a { /* separacion de links y tamaño */
  margin: 0px !important;
  font-size: 10px;
}

nav .pagination .active { /* tamaño */  
  font-size: 10px;
}

nav .pagination .disabled { /* tamaño */  
  font-size: 10px;
}

nav .pagination { /* posicion */
  float: right !important;  
}

.posts-img-thumb{
  width: 80px;
  height: 70px;
}

.posts-ago-tag{
  float: right !important;
}

/* animacion de imagenes en detalle de post */
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

/* Iconos de contacto en el footer mismo tamano - funciona pero los iconos acomodan su ancho y no se ajustan*/
.contact-icons > strong > i{
  font-size: 14px !important;
  color: red;
}

/* texto color blano en la barra superior de contacto */
.top-contact-info, .top-contact-info i{
  color: #fff !important;
}

.mtop-4{
  margin-top: 40px !important;
}

/* navbar hover links */
.menu-link-primary:hover{
  color: #e75847 !important;
}

/* estilo de textos */
.text-justify{
  text-align: justify;
}