/** Inician estilos obligatorios para los nuevos plugins **/

/* Estilos para los plugins en el footer */
.pkp_footer_content.plugins {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  padding: 0;
}

.pkp_block_footer.item {
  padding: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

/* Estilos para los plugin en la barra lateral */
.pkp_block.item {
  padding: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

/** Terminan estilos obligatorios para los nuevos plugins **/

/* Estilos para los botones de redes sociales */
.heading .social_media {
  display: flex;
  flex-wrap: wrap;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px !important;
  width: 100% !important;
}

h1 + .social_media,
h2 + .social_media {
  display: flex;
  flex-wrap: wrap;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px !important;
  width: 100% !important;
}

.social_media .share_button {
  padding: 3px;
}

.social_media {
  text-align: center;
}

.pkp_structure_sidebar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.twitter {
  max-width: 300px !important;
}

.twitter_footer {
  max-width: 100% !important;
}

.socialMedia-twitterTweet {
  width: 100%;
}

.facebook {
  max-width: 300px !important;
}
.facebook_footer {
  max-width: 100% !important;
}

.fb-page {
  width: 100%;
}

@media (min-width: 576px) {
  .twitter_footer {
    max-width: 50% !important;
  }

  .facebook_footer {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) {
  .twitter_footer {
    max-width: 50% !important;
  }

  .facebook_footer {
    max-width: 50% !important;
  }
}

@media (min-width: 992px) {
  .twitter_footer {
    max-width: 33% !important;
  }

  .facebook_footer {
    max-width: 33% !important;
  }
}

@media (min-width: 1200px) {
  .twitter_footer {
    max-width: 33% !important;
  }

  .facebook_footer {
    max-width: 33% !important;
  }
}