#hamburger {
  max-width: 30px;
  margin-right: 5px;
  cursor: pointer;
}
#hamburger > img {
  width: 100%;
}
#hamburger:hover > img {
  filter: brightness(0);
}
.donar.hide-on-desktop {
  padding-left: 52px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
   .hide-on-mobile{
      display: none !important;
   }
   .mobile-menu-hidden {
     /* display: none; */
     transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
     visibility: hidden;
     opacity: 0;
   }
   body.mobile-menu-is-showing {
     overflow: hidden;
   }
   #menu-wrapper.show-mobile-menu {
     display: flex;
     visibility:  visible;
     opacity: 1;
   }
   #menu-wrapper.mobile-menu-hidden {
     position: fixed;
     background-color: white;
     z-index: 99999;
     top: 0;
     right: 0;
     left: 0;
     padding: 70px 0 50px;
     border-bottom: 2px solid rgba(91, 58, 128, 0.5);
     flex-direction: column;
     /*! align-items: center; */
     gap: 30px;
     box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
   }
   #menu-wrapper.mobile-menu-hidden #menu-superior {
     display: flex;
     flex-direction: column;
     gap:30px;
     /*! align-items: center; */
     padding-left: 30px;
   }
   #menu-wrapper.mobile-menu-hidden #close {
     position: absolute;
     top: 20px; right: 20px;
     font-size: 22px;
     cursor: pointer;
   }
   #menu-wrapper.mobile-menu-hidden #menu-superior .menu-item > a {
     border-bottom: none;
     font-size: 30px;
     font-style: italic;
     text-transform: none;
   }
   #menu-superior .menu-item.current_page_item a {
     font-weight: 500;
     color: black;
   }
   #menu {
     padding-top: 1px;
   }
  
   #donar a {
     font-size: 26px;
   }
   #donar {
     margin-top: 35px;
     margin-bottom: 20px;
   }
   .nosotras-menu {
      position: static;
      top: 0;
   }
   #manifiesto, #periodos, #ejes-tematicos, #faq, #equipo {
     scroll-margin-top: 70px;
   }
   #site-title img {
      max-height: 60px;
   }
   .site-main {
      flex-direction: column;
   }
   .main-area, .main-area-850 {
     width: 100%;
     margin: 0;
     padding: 0 25px 0 25px;
   }
   .aside {
     width: 100%;
     order: 1;
     flex-shrink: 0;
     padding: 0 25px;
     box-sizing: border-box;
     display: block;
     margin-bottom: 20px
   }
   .page-template-page-bitacora .aside,
   .page-template-page-recursos .aside{
     margin-bottom: 60px
   }
   .aside-container {
     padding: 0;
     border-right: none;
     min-width: unset;
   }
   article.post:last-child {
      border-bottom: none;
      margin-bottom: 0;
   }
   .ancla-a-menu {
     display: block;
     font-size: 12px;
     float: right;
     margin-right: 10px;
   }
   #footer {
      border-top: 2px solid rgba(91, 58, 128, 0.5);
      margin-top: 50px;
      padding-top: 70px;
   }
  .home #footer {
     border-top: none;
   }
   #auspicios {
     flex-direction: column;
     min-width: auto;
     align-items: center;
     gap: 20px;
     margin-top: 70px;
   }
   #copyright {
      font-size: 16px; 
   }
   .autoras-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8%;
   }
   .autora-item {
    width: 46%;
    margin: 0 0 20px;
   }
   #nosotras-contamos {
    max-width: 93vw;
   }
   #home-background {
    height: auto; 
   }
   #home-background header {
    margin-top: 0;
   }
   #home-background .entry-content {
    max-width: 85%;
    margin: 0 0 70px;
   }
   .article-main {
     display: flex;
     flex-direction: column;
     margin-top: 30px;
   }
   .article-main > header {
      order: 1;
      padding-left: 0;
      /*! padding-right: 40px; */
      width: auto;
   }
   .obra-seccionada {
     width: auto; 
     margin: 50px 0 0 0;
   }
   .article-card > .aside-container {
      padding-right: 0; 
   }
   .aside-container .navigation {
      display: none;
   }
   input[type=text],
   input[type=email],
   input[type=search]{
     width: 100%;
     font-size: 16px;
     padding: 8px;
     margin: 8px 0;
   }
   input[type="submit"]{
      font-size: 16px;
      margin-top: 30px
   }
   textarea {
     width: 100%;
     padding: 8px;
     font-size: 16px;
   }
   form p {
      margin-bottom: 30px 
   }
   form p label {
     font-size: 14px
   }
   .aside-container > h1 {
     padding: 0;
   }
   .page-template-page-contacto .aside-container > h1 {
     margin: 0;
   }
   .aside-container .por {
     font-size: 16px;
     padding: 0;
   }
   .autoras-filtros-simples .filtro-list {
     max-height: 147px;
     overflow: scroll;
     padding-left: 15px;
   }
   .autoras-filtros-simples .filtro-list li,
   .autoras-filtros-simples .filtro-list li a {
      font-size: 16px;
       line-height: 200%
   }
   .autoras-filtros-simples .filtro-list li .count {
     font-size: 13px;
     line-height: 200%;
   }
   .autoras-filtros-simples {
     width: 90%; 
   }
   .autoras-pagination {
    margin: 40px 0 20px;
    font-size: 16px;
   }
   .autoras-pagination li {
     margin: 0 12px
   }
   #menu-nosotras-contamos {
    margin-bottom: 40px;
   }
   #menu-nosotras-contamos li {
    padding: 18px 0;
    font-size: 16px;
    font-weight: 600
   }
   .obra-description {
    margin: 20px 0 20px 0;
   }
}

@media (max-width: 479px) {
   /* CSS for small mobile devices */
}
    
@media (min-width: 480px) and (max-width: 767px) {
  /* CSS for large mobile devices */
}

/* TABLET */

@media (min-width: 768px) and (max-width: 991px) {
    /* CSS rules for portrait tablets */
  .article-main {
     flex-direction: column;
  }
  .article-main header {
     width: auto;
     order: 1;
     padding: 0;
     margin-bottom: 50px;
  }
  .article-main .obra-seccionada {
     width: auto;
    order: 2;
  }
  .obra-description.hide-on-mobile {
    display: none;
  }
  .obra-description.hide-on-desktop {
    display: block !important;
    margin: 20px 0 20px 0;
  }
  footer#footer {
    margin-top: 80px
  }
  #auspicios {
    margin: 50px 0;
  }
  
}