/**
 * Theme Name:        Croqueta
 * Theme URI:         https://croqueta.art
 * Description:       Custom theme for Croqueta Creative Studio
 * Version:           1.0.0
 * Author:            @abi_mendlewicz
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       croqueta
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.0
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

/* Clases */
.croq-hover-off-container *:hover {
  background-color: transparent;
}

#croq-modal-menu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: none;
  z-index: 99999;
}

#croq-modal-menu-close {
  padding: 1rem;
  cursor: pointer;
}

.croq-modal-menu-active {
  overflow: hidden;
}

.croq-link-instagram {
  display: flex;
  align-items: center;
}

.croq-link-instagram > a > span {
  display: flex;
  align-items: center;
}

.croq-link-instagram > a > span::after {
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIGNsYXNzPSJiaSBiaS1pbnN0YWdyYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMEM1LjgyOSAwIDUuNTU2LjAxIDQuNzAzLjA0OCAzLjg1LjA4OCAzLjI2OS4yMjIgMi43Ni40MmEzLjkgMy45IDAgMCAwLTEuNDE3LjkyM0EzLjkgMy45IDAgMCAwIC40MiAyLjc2Qy4yMjIgMy4yNjguMDg3IDMuODUuMDQ4IDQuNy4wMSA1LjU1NSAwIDUuODI3IDAgOC4wMDFjMCAyLjE3Mi4wMSAyLjQ0NC4wNDggMy4yOTcuMDQuODUyLjE3NCAxLjQzMy4zNzIgMS45NDIuMjA1LjUyNi40NzguOTcyLjkyMyAxLjQxNy40NDQuNDQ1Ljg5LjcxOSAxLjQxNi45MjMuNTEuMTk4IDEuMDkuMzMzIDEuOTQyLjM3MkM1LjU1NSAxNS45OSA1LjgyNyAxNiA4IDE2czIuNDQ0LS4wMSAzLjI5OC0uMDQ4Yy44NTEtLjA0IDEuNDM0LS4xNzQgMS45NDMtLjM3MmEzLjkgMy45IDAgMCAwIDEuNDE2LS45MjNjLjQ0NS0uNDQ1LjcxOC0uODkxLjkyMy0xLjQxNy4xOTctLjUwOS4zMzItMS4wOS4zNzItMS45NDJDMTUuOTkgMTAuNDQ1IDE2IDEwLjE3MyAxNiA4cy0uMDEtMi40NDUtLjA0OC0zLjI5OWMtLjA0LS44NTEtLjE3NS0xLjQzMy0uMzcyLTEuOTQxYTMuOSAzLjkgMCAwIDAtLjkyMy0xLjQxN0EzLjkgMy45IDAgMCAwIDEzLjI0LjQyYy0uNTEtLjE5OC0xLjA5Mi0uMzMzLTEuOTQzLS4zNzJDMTAuNDQzLjAxIDEwLjE3MiAwIDcuOTk4IDB6bS0uNzE3IDEuNDQyaC43MThjMi4xMzYgMCAyLjM4OS4wMDcgMy4yMzIuMDQ2Ljc4LjAzNSAxLjIwNC4xNjYgMS40ODYuMjc1LjM3My4xNDUuNjQuMzE5LjkyLjU5OXMuNDUzLjU0Ni41OTguOTJjLjExLjI4MS4yNC43MDUuMjc1IDEuNDg1LjAzOS44NDMuMDQ3IDEuMDk2LjA0NyAzLjIzMXMtLjAwOCAyLjM4OS0uMDQ3IDMuMjMyYy0uMDM1Ljc4LS4xNjYgMS4yMDMtLjI3NSAxLjQ4NWEyLjUgMi41IDAgMCAxLS41OTkuOTE5Yy0uMjguMjgtLjU0Ni40NTMtLjkyLjU5OC0uMjguMTEtLjcwNC4yNC0xLjQ4NS4yNzYtLjg0My4wMzgtMS4wOTYuMDQ3LTMuMjMyLjA0N3MtMi4zOS0uMDA5LTMuMjMzLS4wNDdjLS43OC0uMDM2LTEuMjAzLS4xNjYtMS40ODUtLjI3NmEyLjUgMi41IDAgMCAxLS45Mi0uNTk4IDIuNSAyLjUgMCAwIDEtLjYtLjkyYy0uMTA5LS4yODEtLjI0LS43MDUtLjI3NS0xLjQ4NS0uMDM4LS44NDMtLjA0Ni0xLjA5Ni0uMDQ2LTMuMjMzcy4wMDgtMi4zODguMDQ2LTMuMjMxYy4wMzYtLjc4LjE2Ni0xLjIwNC4yNzYtMS40ODYuMTQ1LS4zNzMuMzE5LS42NC41OTktLjkycy41NDYtLjQ1My45Mi0uNTk4Yy4yODItLjExLjcwNS0uMjQgMS40ODUtLjI3Ni43MzgtLjAzNCAxLjAyNC0uMDQ0IDIuNTE1LS4wNDV6bTQuOTg4IDEuMzI4YS45Ni45NiAwIDEgMCAwIDEuOTIuOTYuOTYgMCAwIDAgMC0xLjkybS00LjI3IDEuMTIyYTQuMTA5IDQuMTA5IDAgMSAwIDAgOC4yMTcgNC4xMDkgNC4xMDkgMCAwIDAgMC04LjIxN20wIDEuNDQxYTIuNjY3IDIuNjY3IDAgMSAxIDAgNS4zMzQgMi42NjcgMi42NjcgMCAwIDEgMC01LjMzNCIvPgo8L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.croq-vertical-logo-title h2:last-child{
  margin-bottom:2rem;
  padding-bottom:1.5rem;
  border-bottom:3px solid;
  display:inline;
}

/* Clases de WordPress */
.wp-block-embed {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.wp-block-embed .wp-block-embed__wrapper {
  padding-top: 56.25%;
}

.wp-block-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Weglot */
.country-selector {
  display: flex;
  align-items: center;
}


/* Otros dispositivos */
@media (max-width: 575px) {
  .croq-hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .croq-show-on-mobile {
    display: none !important;
  }

  nav[aria-label="Pie de página"] > ul {
    flex-direction: column;
  }

  nav[aria-label="Redes sociales"] {
    align-self: flex-start;
  }
}

@media (min-width: 992px) {
  nav[aria-label="Pie de página"] > ul {
    flex-direction: row;
  }

  nav[aria-label="Redes sociales"] {
    align-self: center;
  }
}