/*
  Theme Name: App 003
  Author: Amptec
  Version: 0.1
  Text Domain: app003

*/

@font-face {
  font-family: "Futura";
  src: url(./css/fonts/futura-medium/Futura-Medium.otf);
  font-display: swap;
}

@font-face {
  font-family: "Liberation serif";
  src: url(./css/fonts/liberation2/LiberationSerif-Regular.ttf);
  font-display: swap;
}

html, body {
  margin: 0;
  font-family:  "Averia Serif Libre", "Times New Roman", serif;
  font-size: 1rem;
  color: #000; 
  /* background-color: #000; */
}

a {
  text-decoration: none;
}

h1,h2,h3,h4 {
  font-family: "Futura", sans-serif !important;
}

.wrapper {
  margin: auto;
  background-color: #fff;  
}
.content {
  min-height: 120vh;
}
.resp {
    padding-left: 6.979%;
    max-width: 2048px;
    padding-right: 6.979%;
    margin: auto;
}

.img-100 {
  width: 100%;
}

.brand {
  line-height: 4.5vw;
}

.brand img {
  /* margin-left: 3.906vw; */
  margin-left: 2.3vw;
  position: relative;
  width: 10.8vw;
  max-width: 231px;
  /* top: 7px; */
}


.topmenu {
  display: flex;
  font-family: "Futura", sans-serif;
  letter-spacing: 2px;
  height: 4.8vw;
  position: relative;
}

.topmenu-border {
  /* border-bottom: 1px solid #E0E0E0; */
}

.topmenu .menu {
  margin: 0;
  margin-left: auto;
  margin-right: 1.4rem;
  padding: 0;
}

.topmenu .menu > li {
  display: inline-block;
  margin-left: -6px;
}

.topmenu .menu > li > a, .top-lang a {
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: 4px;
  color: #000;
  line-height: 4.8vw;
  padding: 1.302%;
  position: relative;
  top: 3px;
}
.top-lang a {
  padding: 0;
  top: 0;
  padding-right: 1.354vw;
  display: block;
  line-height: 4.9vw;
}
.topmenu .menu > li > a:hover, .top-lang a:hover {
  text-decoration: none;
  color: #808285;
}
.topmenu .menu > li > a {
  padding: 0 1.9rem;
  display:block;
}

.topmenu .top-lang:hover .menu-dropdown {
  overflow: visible;
  width: 5rem;
}

.topmenu .menu-dropdown {
  max-height: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  background: #fff;
  opacity: 0;
  width: 100%;
  z-index: 10000;
  left: 0;
  transition: opacity .25s ease;
  margin-top: -4px;
  /* -webkit-box-shadow: -22px 22px 17px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -22px 22px 17px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -22px 22px 17px 0px rgba(0, 0, 0, 0.1); */
}

.topmenu .menu-dropdown a {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #000;
  display: block;
  padding: 0;
  text-align: center;
}
.topmenu .menu-dropdown ul:last-child {
  padding-bottom: 0;
}


.topmenu .menu-dropdown a:hover {
  text-decoration: none;
  color: #000;
}

.topmenu .menu > li > a.active {
    color: #808285;
}

.topmenu .menu-dropdown a:hover img {
  /* opacity: .7; */
}
.fig-cover {
  background-color: rgba(0, 0, 0,.62);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.topmenu .menu-dropdown a:hover .fig-cover {
  opacity: 1;
}

.topmenu .menu > li:hover .menu-dropdown, .top-lang:hover .menu-dropdown {
  max-height: 64.947vw;
}

.menu-item-image {
  overflow: hidden;
  position: relative;
}

.menu-item-caption {
  padding-bottom: .35rem;
  text-align: center;
  font-size: .7rem;
  line-height: .5rem;
  padding-top: .5rem;
}

.topmenu .menu-dropdown a figcaption {
  margin: 0 0 3px;
  text-align: center;
}

.topmenu .sub-button, .topmenu .sub-panel {
  width: 50px;
  height: auto;
  border: none;
  background: #fff;
  display: none;
}
.topmenu .sub-button {
  background: #efefef;
  outline: none !important;
}

.menu-stackable {
  width: 100%;
  display: flex;
}

.top-lang {
  position: relative;
}

.top-lang .menu-dropdown {
  overflow: hidden;
  text-align: right;
  margin-top: 10px;
  background: none;
  left: -30px;
}

.top-lang .menu-dropdown ul {
  width: 5rem;
  margin-left: auto;
  list-style: none;
  margin-right: 50px;
  font-size: 1.5em;
  background: #fff;
  padding: 0;
  text-align: left;
  left: -50px;
  position: relative;
}

ul.wpm-language-switcher.switcher-list {
  /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  position: absolute;
}

ul.wpm-language-switcher.switcher-list > li > span {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #000;
  display: block;
  padding: 0;
  text-align: center;
}
.topmenu .menu-dropdown a, ul.wpm-language-switcher.switcher-list > li > span {
  line-height: 3rem !important;
}

.cat-item figure {
  position: relative;
}

.cat-item figure > figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #4444;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px #0004;
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.cat-item > a:hover figure figcaption {
  opacity: 1;
}

.menu-toggle {
  background: none;
  border: none;
  padding: 6px 16px 0;
  width: 50px;
  margin-left: auto;
  outline: none !important;
  display: none;
}

.oc-row {
  display: flex;
}

.oc-text {
  flex: 1;
  /* padding: 2em; */
  text-align: justify;
  color: #918F90;
  font-size: .8em;
  line-height: 1.5em;
}

.font-s1, .font-s1 > a {
  font-size: 1em;
}

.oc-img {
  flex: 1 20%;
  background-size: cover;
  background-position: center;
}

.oc-left {
  background: #F4F4F4;
}

.menu-toggle span {
  background: #000;
  display: block;
  width: 100%;
  padding: 1px;
  margin-bottom: 3px;
}



.search-form {
  margin-top: .5em;
  margin-right: 10px;
}

.search-form input {
  border: none;
  border-bottom: 1px solid #000;
  width: 70px;
  outline: none;
}

.search-form button {
  border: none;
  background: none;
  padding: 0;
  position: relative;
  top: 4px;
  left: -5px;
}

.menu-jewellry figure figcaption {
  text-align: center;
}

/* FOOTER */

.footer {
  margin-top: 3em;
  margin-bottom: 4em;
  font-family: 'Futura', sans-serif;  
  padding-top: 6.1vw;
  background: #F4F3F3;
  letter-spacing: 1px;
  position: relative;
  color: #878787;
}

.footer .item-title {
  color: #131313;
  letter-spacing: 4px;
  line-height: 2.15rem;
}

.footer .newsletter-item {
    /* padding-top: 2.072vw; */
    padding-top: 0.6vw;
}

.footer .newsletter-item > a.altered {
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: .7rem;
}

.footer ul > li > span {
  font-size: .85em;
}

.footer-base {
  /* padding-left: 3.854vw; */
  /* padding-right: 3em; */
  padding-bottom: .5vw;
}

.footer a {
  color: #717171;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: .98rem;
  line-height: 2.15rem;
}

.footer a:hover {
  color: #878787;
}

.footer-social a {
  color: #444;
  transition: color .25s ease;
}

.footer-social a:hover {
  color: #000;
  text-decoration: none;
}

.footer-social a.facebook:hover {
  color: #4267b2;
}

.footer-social a.twitter:hover {
  color: #1C9DEC;
}

.footer-social a.pinterest:hover {
  color: #E10019;
}

.footer-social a.instagram:hover {
  color: #000;
}

.footer-col-title {
  font-weight: bold;
}

.footer-form {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  margin-top: 1em;
  text-align: left;
}

.footer-form input, .footer-form button {
  background: none;
  font-family: 'Futura', sans-serif;
  color: #fff;
  border: none;
  margin: 0;
  padding: 0;
}

.footer-form input::placeholder {
  color: #fff;
}

.footer-form input.email {
  /* width: 66%; */
  text-align: center;
}

.footer-form button {
  width: 30%;
  text-align: right;
}

.footer-rsocial {
  display: inline-block;
}

.footer-rsocial > p {
  font-size: 1.8em;
}

.site-credits {
  text-align: center;
  margin-top: 1vw;
  font-family:  "Averia Serif Libre","Times New Roman", serif;
}

.site-credits a {
  color: #252525;
  font-weight: normal;
  text-decoration: underline;
  letter-spacing: 0 !important;
}

.credits {
  text-align: right;
  color: #b7b7b7;
  padding-left: 3.854vw;
  padding-bottom: .5vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.credits a {
  display: inline-block !important;
}
/*
  1 - 13.697
  2 - 17.968
  3 - 14.166
  4 - 15.156
  5 - 19.531
  */
  .footer-grid {
    /* display: flex; */
    padding-left: 3.854vw;
  }
  
  .footer-grid-item {
    /* flex-grow: 1; */
  }
  
  .footer-grid-item-col1 {
    display: inline-block;
    width: 13.197vw;
    vertical-align: top;
  }
  
  .footer-grid-item-col2 {
    display: inline-block;
    width: 17.568vw;
    vertical-align: top;
  }
  
  .footer-grid-item-col3 {
    display: inline-block;
    vertical-align: top;
    width: 14.066vw;
  }
  
.footer-grid-item-col4 {
  display: inline-block;
  vertical-align: top;
  width: 14.556vw;
}

.footer-grid-item-col5 {
  display: inline-block;
  vertical-align: top;
  width: 19.5vw;
}

.footer-insta-icon {
  font-size: 2.8rem;
  color: #717171;
}

.footer-eureciclo {
  position: relative;
  bottom: -32px;
  right: 0;
}

.footer-eureciclo img {
  width: 85.016px;
}

article {
  font-family: "Averia Serif Libre", "Times New Roman", serif;
  font-size: 1rem;
  line-height: 2rem;
  text-align: justify;
  letter-spacing: 2px;
}

.article {
  margin: 0 2.760vw;
}

.article p {
  letter-spacing: 1.3px;
}

.article-grid {
  display: flex;
}
.article-grid-col-padding-left {
  padding-left: 3.385vw;
}
.article-grid-col-min {
  flex-grow: 1;
  width: 41.866%;
}

.article-grid-col-max {
  flex-grow: 1;
  width: 58.134%;
}

.article h1, .article h2, .article h3, .article h4 {
  font-family: "Futura", sans-serif;
  text-transform: uppercase;  
}

.article h1, .article h2, .article h3 {
  font-size: 1.4rem;
  letter-spacing: 4px;
}

/* .article h2 {
  font-size: 1.3rem;
}
.article h3 {
  font-size: 1rem;
} */

.article h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 101px;
  /* font-size: .9rem;
  letter-spacing: 4px; */
  /* font-size: 1.4rem; */
  letter-spacing: 5px;
  color: #000;
  /* font-weight: bold; */
}

.menu-dd-content {
  margin-left: -1.197vw;
}

.menu-dd-content figure {
  margin-bottom: 0;
}
.celula {
  /* margin-left: -1.197vw; */
  padding-left: 1.197vw !important;
  padding-bottom: 1rem;
}

.jewelry-menu-grid {
  margin-left: -24px;
}

.jewellry-cit {
  font-family: "Averia Serif Libre", "Times New Roman", serif;
  /* max-width: 35vw; */
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 1px;
  margin: auto;
  color: #3e3e3e;
  margin-bottom: 2.6rem;
  margin-top: 1.385vw;
}

.jewellry-cit i {
  font-size: .8rem;
  position: relative;
  top: -9px;
  letter-spacing: 0;
}


/* END FOOTER */

.jewell-cat-thumb {
  padding-right: 2em;
}

.top-lang .menu-dropdown {
  padding: 0 !important;
}

.menu-resp {
  padding-left: 10%;
  padding-right: 10%;
}

.jewellry-cat h1 {
  /* text-align: right !important; */
}

.app-link {

}

.app-link:hover {
  text-decoration: none;
}


/* category */
.jewellry-item figure {
  position: relative;
}
.jewellry-item figure figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 35%;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: "Futura", sans-serif;
  font-size: 0.8em;
  letter-spacing: 1px;
  background-color: rgba(0,0,0,.62);
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.jewellry-item figure:hover figcaption {
  opacity: 1;
}

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

    .fade-enter-active,
    .fade-leave-active {
      transition: opacity .5s;
    }

    .fade-enter,
    .fade-leave-to

    /* .fade-leave-active em versões anteriores a 2.1.8 */
      {
      opacity: 0;
    }

    .loader {
      color: #ffffff;
      font-size: 10px;
      margin: 100px auto;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      position: relative;
      text-indent: -9999em;
      -webkit-animation: load4 1.3s infinite linear;
      animation: load4 1.3s infinite linear;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
    }

    @-webkit-keyframes load4 {

      0%,
      100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
      }

      12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
      }

      25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
      }

      37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
      }

      50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
      }

      62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
      }

      75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
      }

      87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
      }
    }

    @keyframes load4 {

      0%,
      100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
      }

      12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
      }

      25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
      }

      37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
      }

      50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
      }

      62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
      }

      75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
      }

      87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
      }
    }

@media screen and (min-width: 1025px) {
  .topmenu .menu > li:hover .menu-dropdown, .top-lang:hover .menu-dropdown {  
    height: auto;
    opacity: 1;
    width: 64.947vw;
    left: 20%;
    padding: 0 10.989vw 1.4vw;
    left: 14.7vw;
  }

  .top-lang:hover .menu-dropdown {
      left: 15px;
      top: 3.8vw;
      width: 5rem; 
  }

  .forminator-custom-form-643.forminator-design--none .forminator-label {
    display: none;
  }
}

@media screen and (min-width: 2049px) {
  .brand {
    line-height: 98.297px;
  }
  .brand img {
    /* margin-left: 79.9949px; */
    margin-left:47.104px;
  }
  .resp {
    padding-left: 142.922px;
    padding-right: 142.922px;
  }

  .topmenu .menu > li > a, .top-lang a {
    line-height: 98.297px;
  }

  .top-lang a {
    line-height: 104px;
  }

  .topmenu {
    max-height: 98.297px;
    position: relative;
  }

  .footer {
    padding-top: 112.640px;
  }

  .footer-grid {
    padding-left: 0;
  }

  .footer-grid-item-col1 {
    width: 280.500px;
  }
  
  .footer-grid-item-col2 {
    width: 367.984px;
  }
  
  .footer-grid-item-col3 {
    width: 290.109px;
  }
  
  .footer-grid-item-col4 {
    width: 310.391px;
  }
  
  .footer-grid-item-col5 {
    width: 330px;
  }

  .footer-base {
    padding-left: 78.9299px;
    padding-bottom: 10.24px;
  }

  .footer .newsletter-item {
    padding-top: 1.2rem;
  }

  .site-credits {
    margin-top: 40.960px;
  }
  
  .credits {
    padding-bottom: 10.24px;
    margin-top: 2.5rem;
  }
  .topmenu .menu > li:hover .menu-dropdown, .top-lang:hover .menu-dropdown {
    padding: 0 225.055px 28.672px;
    width: 1314px !important;
    left: 314px;
  }

  .top-lang:hover .menu-dropdown {
    /* width: auto;
    left: 5px; */
    overflow: visible;
    top: 82px;
    left: 18px;
  }

  .jewellry-cit {
    max-width: 570px;
    margin-top: 28px;
  }

  .celula {
    padding-left: 24.515px !important;
  } 
}

@media screen and (max-width: 1800px) {
  .footer a, .footer .item-title  {
    letter-spacing: 4.2px;
    font-size: .8rem;
    line-height: 2rem;
  }

  .article h1, .article h2, .article h3 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 1700px) {
  .footer a, .footer .item-title  {
    font-size: .75rem;
    line-height: 1.4rem;
    letter-spacing: 3px;
  }

  .article h1, .article h2, .article h3 {
    font-size: 1.15rem;
  }
}

@media screen and (max-width: 1600px) {
  .topmenu .menu > li > a, .top-lang a {
    font-size: .62rem;
  }
  .topmenu .menu > li > a {
    padding: 0 1.2vw;
  }  
  .top-lang ul > li > a, ul.wpm-language-switcher.switcher-list > li > span {
    font-size: .65rem !important;
  }
  .footer a, .footer .item-title {
    font-size: .68rem;
    line-height: 1.65rem;
    letter-spacing: 4px;
  }

  .footer-insta-icon {
    font-size: 2.5rem;
  }

  .site-credits a {
    /* letter-spacing: 1px; */
  }
  .credits {
    font-size: .7rem;
  }

  article {
    /* font-size: .8rem; */
    /* line-height: 1.7rem; */
    letter-spacing: 1px;
  }

  .article h1, .article h2, .article h3 {
    font-size: 1.1rem;
  }
  .jewellry-cit {
    font-size: .65rem;
    letter-spacing: 1px;
    line-height: .9rem;
    padding-top: .5em;
    margin-bottom: 1.3rem;
  }
  .jewellry-cit i {
    font-size: .5rem;
  }

  .menu-item-caption {
    /* font-size: .4rem; */
    font-size: .6rem;
  }

  .jewellry-item figure figcaption {
    font-size: .48rem;
  }
}

@media screen and (max-width: 1440px ) {
  .footer a, .footer .item-title  {
    font-size: .68rem;
    line-height: 1.4rem;
    letter-spacing: 3px;
  }

  .footer-insta-icon {
    font-size: 2.3rem;
  }

  .article h1, .article h2, .article h3 {
    font-size: 1rem;
  }

  .footer-eureciclo img {
    width: 6vw;
  }
}

@media screen and (max-width: 1366px) {
  .topmenu .menu > li > a, .top-lang a {
    font-size: .6rem;
  }
  .top-lang ul > li > a, ul.wpm-language-switcher.switcher-list > li > span {
    font-size: .65rem !important;
  }
  .top-lang .menu-dropdown ul {
    width: 4rem;
    left: -42px;
  }
  .topmenu .menu > li > a {
    padding: 0 1vw;
    letter-spacing: 3px;
  }  

  .article h1, article h2, .article h3 {
    font-size: .9rem;
  }
  

  .footer a, .footer .item-title  {
    font-size: .65rem;
    line-height: 1.2rem;
    letter-spacing: 3px;
  }
}

@media screen and (max-width: 1200px) {  
  .footer a, .footer .item-title  {
    display: block;
    font-size: .55rem;
    line-height: 1.3rem;
    letter-spacing: 3px;
  }

  .site-credits {
    margin-top: 1vw;
  }
  .site-credits a {
    letter-spacing: 0;
    font-size: .6rem;
  }
  .footer-insta-icon {
    font-size: 1.8rem;
  }

  .article h1, .article h2, .article h3 {
    font-size: .8rem;
    letter-spacing: 3px;
  }
}

@media screen and (max-width: 1140px) {
  .topmenu .menu > li > a {
    padding: 0 .7vw;
  }
  .topmenu .menu > li > a, .top-lang a {
    font-size: .45rem;
  }
}

@media screen and (max-width: 1024px) {
  .topmenu {
    height: 50px;
  }
  .topmenu .menu-stackable {
    display: none;
  }

  .menu-toggle {
    display: block;   

  }
  .topmenu .menu {
    margin-right: 0;
  }
  .topmenu .menu > li {
    display: block;
  }

  .topmenu .menu > li > a {
    line-height: 2.5rem;
    font-size: .6rem;
    text-align: center;
  }

  .topmenu .menu-stackable.show {
    display: block;
  }

  .menu-stackable.show {
    position: absolute;
    top: 50px;
    z-index: 10000;
    background: #fff;
    /* right: 0; */
    margin-left: -7vw;
    margin-right: 7vw;
    width: 150%;
    max-width: 100vw;  
  }

  .brand img {
    width: 91px;
  }

  .footer-grid > div {
    width: 49%;
  }

   .footer-eureciclo {
    margin-top: 20px;
    bottom: initial;
    right: initial;
  }

  .footer-eureciclo img {
    width: 60px;
  }

  .brand {
    line-height: 50px;
  }

  .topmenu .menu-dropdown a {
    color: #808285;
  }

  .top-lang {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
  }

  .top-lang > a {
    display: none;
  }

  .top-lang .menu-dropdown {
    left: 0;
    margin: 0;
    padding: 0;
    height: auto;
    max-height: initial;
    position: static;
    opacity: 1;
  }

  .topmenu .top-lang:hover .menu-dropdown {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
  }

  ul.wpm-language-switcher.switcher-list {
    position: relative;
  }

  .topmenu .menu-dropdown {
    height: auto;
    position: relative;
    opacity: 1;
    max-height: initial;
  }

  .menu-dd-content figure,.jewellry-cit {
    display: none;
  }

  .jewelry-menu-grid {
    margin-left: 0;
    flex-direction: column;
  }

  .jewelry-menu-grid > div {
    margin: auto;
  }

  .celula {
    padding-left: 0 !important;
    padding-bottom: .3rem;
  }

  .topmenu .menu-dropdown {
    box-shadow: none !important;
  }

  .topmenu .menu-dropdown ul {
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    text-align: right;
    padding-right: 20px;
  }
  .topmenu .menu-dropdown ul > li {
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  .top-lang ul > li > a, ul.wpm-language-switcher.switcher-list > li > span {
    font-size: .8rem !important;
  }

  .footer a {
    line-height: 2.5em;
  }

  .article h1, .article h2, .article h3 {
    font-size: .7rem;
  }
}

@media screen and (max-width: 926px) {
  .credits {
    position: static;
    text-align: left;
  }
}

@media screen and (max-width: 720px) {
  .article {
    padding: 0;
    margin: 0;
  }
  .article-grid {
    display: initial;
  }
  .article-grid > div {
    width: 100%;
    padding: 0;
  }

  .footer a {
    line-height: 2.5em;
  }
}

@media screen and (max-width: 570px) {
  .footer-grid > div {
    width: 100%;
  }
  .footer-grid {
    /* display: flex; */
    padding-right: 3.854vw;
  }
}

@media screen and (max-width: 512px) {
  .resp {
    /* padding-left: 20px;
    padding-right: 20px; */
  }

 
}