/*

  STYLE v 1.1;

  05/2023;

  João Diogo Pereira;

*/



/*FONTS*/



@font-face {

  font-family: 'OpenSans';

  src: url(../fonts/OpenSans.ttf);

}



@font-face {

  font-family: 'Montserrat';

  src: url(../fonts/Montserrat.ttf);

}



/*GERAL*/



html {

  overflow-x: hidden;

}



.main-container {

  margin: 0 auto;

  width: 90%;

}



ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

}



.row {

  margin: 0;

  padding: 0;

}



body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  min-height: 100vh;

}



main {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



body:not(.home) main.principal {

  margin-top: 90px;

}



.preloader {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 999;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #fefefe;

}



.preloader svg path {

  stroke: var(--primaryColor);

}



img {

  max-width: 100%;

  display: inline-block;

}



footer .custom-logo {

  /* width: 100%; */

  max-width: 150px;

  height: auto;

  object-fit: scale-down;

  margin-bottom: 1rem;

}





.btns,
.wc-proceed-to-checkout a.btns,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {

  font-family: var(--secondaryTextFont);

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.2;

  letter-spacing: 1.36px;

  text-align: left;

  padding: 10px 20px !important;

  font-size: 13px !important;

  display: inline-block;

  width: fit-content !important;

  text-decoration: none;

  text-transform: uppercase;

  border-radius: 2px;

  transition: all .3s ease-in-out;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .product__body .btns {

    padding: 10px 20px !important;

    font-size: 14px;

  }

}



.btns.nowrap {

  white-space: nowrap;

}



.btns--primary {

  color: var(--primaryColor) !important;

  border: solid 2px var(--secondaryColor) !important;

  background-color: var(--secondaryColor) !important;

}



.btns--primary:hover {

  color: var(--primaryTextColor) !important;

  background-color: var(--terciaryColor) !important;

  border: 2px solid var(--terciaryColor) !important;

}



.btns--secondary,
.wc-proceed-to-checkout a.btns.btns--secondary,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {

  color: var(--primaryColor) !important;

  border: solid 2px var(--secondaryTextColor) !important;

  background-color: var(--secondaryTextColor) !important;

}



.btns--secondary:hover,
.wc-proceed-to-checkout a.btns.btns--secondary:hover,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {

  color: var(--primaryTextColor) !important;

  background-color: var(--terciaryColor) !important;

  border: 2px solid var(--terciaryColor) !important;

}





h1,
h2 {

  font-family: var(--primaryTextFont);

  font-size: 40px;

  font-weight: 600;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.23;

  letter-spacing: 2.18px;

  text-align: center;

  /* color: var(--primaryColor);

  background: var(--secondaryTextColor); */

}



.home h2,
.h2__title {

  font-weight: 700;

  text-transform: uppercase;

  color: var(--secondaryColor);

  background-color: unset;

}



.h2__title2 {

  background-color: var(--secondaryTextColor);

  color: var(--primaryColor);

  text-transform: uppercase;

}



h2.home__h2 {

  color: var(--primaryTextColor);

}



h3 {

  font-family: var(--primaryTextFont);

  font-size: 30px;

  font-weight: 600;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.23;

  letter-spacing: 2.18px;

  text-align: left;

  color: var(--secondaryTextColor);

}



.stock {

  text-transform: uppercase;

  font-weight: bold !important;

  color: var(--secondaryTextColor) !important;

  font-family: var(--secondaryTextFont);

  font-size: 17px !important;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.18;

  letter-spacing: 0.93px;

}



.content {

  font-family: var(--secondaryTextFont);

  font-size: 17px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.4;

  letter-spacing: 0.93px;

  text-align: center;

}



.content a:not(.btns) {

  font-family: var(--secondaryTextFont);

  font-size: 17px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.4;

  letter-spacing: 0.93px;

  text-align: center;

  text-decoration: none;

  color: var(--secondaryColor);

  transition: all .3s ease-in-out;

}



.content a:not(.btns):hover {

  color: var(--primaryTextColor);

}

.content strong {

  font-weight: bold;

}



.content--primary,
.content--primary a:not(.btns) {

  color: var(--primaryColor) !important;

}



.content--secondary,
.content--secondary a:not(.btns) {

  color: var(--secondaryTextColor) !important;

}



.content--page,
.content--page a:not(.btns) {

  color: var(--secondaryColor);

}



.yith-wcwl-share li a {

  color: var(--primaryTextColor) !important;

}



.yith-wcwl-share li a:hover {

  color: var(--primaryColor) !important;

}



.content--page a:not(.btns):hover {

  color: var(--secondaryTextColor);

}



.content--secondary a:not(.btns):hover {

  color: var(--primaryColor) !important;

}



.content--primary a:not(.btns):hover {

  color: var(--primaryTextColor) !important;

}



.content--start * {

  text-align: left;

}



.text-decor-none {

  text-decoration: none;

}



.artigo {

  width: 100%;

  aspect-ratio: 1;

  background-position: center;

  background-repeat: no-repeat;

  /* background-attachment: fixed; */

  background-size: cover;

  border-radius: 16px;

  cursor: pointer;

  position: relative;

  overflow: hidden;

  background-color: var(--secondaryColor);

}



.artigo__overlay {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background-color: color-mix(in srgb, var(--secondaryTextColor) 70%, transparent);

  background-color: rgb(from var(--secondaryTextColor) r g b / 70%);

  transition: all .3s ease-in-out;

}



.artigo:hover .artigo__overlay {

  opacity: 1;

}



.artigo__title {

  font-family: var(--secondaryTextFont);

  font-size: 25px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.2;

  letter-spacing: 1.36px;

  text-align: left;

  color: var(--primaryColor);

}



.artigo__overlay__content {

  font-family: var(--secondaryTextFont);

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.2;

  letter-spacing: 1.36px;

  text-align: left;

  color: var(--primaryColor);

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .artigo__overlay__content {

    font-size: 13px;

  }

}

@media (prefers-reduced-motion: no-preference) {

  .artigo__container--left {

    opacity: .3;

    transform-origin: top left;

    transform: scale(0, 1);

    /* transform: translateX(100%); */

    animation: left-to-right ease-in-out forwards;

    animation-timeline: view();

    animation-range: entry;

  }

  .artigo__container--right {

    opacity: .3;

    transform-origin: top right;

    transform: scale(0, 1);

    /* transform: translateX(-100%); */

    animation: right-to-left ease-in-out forwards;

    animation-timeline: view();

    animation-range: entry;

  }



}

@keyframes left-to-right {

  to {
    transform: scale(1, 1);
    opacity: 1
  }

  /* to {transform: translateX(0%); opacity: 1;} */

}

@keyframes right-to-left {

  to {
    transform: scale(1, 1);
    opacity: 1
  }

  /* to {transform: translateX(0%); opacity: 1;} */

}



.artigo__foto {

  aspect-ratio: 16/9;

  border-radius: 21px;

  border: 2px solid var(--primaryColor);

  overflow: hidden;

}



.artigo__foto img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.color-primary {

  color: var(--primaryTextColor);

}



.maincolor-primary {

  color: var(--primaryColor);

}



.bgcolor-primary {

  background-color: var(--primaryColor);

}



.bgcolor-secondary {

  background-color: var(--secondaryColor);

}



.bgcolor-terciary {

  background-color: var(--terciaryColor);

}



.bradius {

  border-radius: 16px;

}



.section-about .content h2 {

  font-weight: 700;

  text-transform: uppercase;

  color: var(--primaryColor);

  text-align: left;

  background-color: unset;

}



.half-image {

  aspect-ratio: 16/13;

}



.half-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.artigos2 {

  display: grid;

  grid-auto-rows: 300px;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  gap: 16px;

}



.artigo2 {

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  /* background-attachment: fixed; */

  background-size: cover;

  cursor: pointer;

  border-radius: 5px;

  position: relative;

  overflow: hidden;

  background-color: var(--secondaryColor);

}



.artigo2:hover .artigo__overlay {

  opacity: 1;

}



.blog1 {

  display: inline-grid;

  grid-row-start: 1;

  grid-row-end: 3;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog2 {

  display: inline-grid;

  grid-row-start: 1;

  grid-row-end: 3;

  grid-column-start: 3;

  grid-column-end: 4;

}



.blog3 {

  display: inline-grid;

  grid-row-start: 1;

  grid-row-end: 3;

  grid-column-start: 4;

  grid-column-end: 5;

}



.blog4 {

  display: inline-grid;

  grid-row-start: 3;

  grid-row-end: 5;

  grid-column-start: 1;

  grid-column-end: 2;

}



.blog5 {

  display: inline-grid;

  grid-row-start: 3;

  grid-row-end: 4;

  grid-column-start: 2;

  grid-column-end: 4;

}



.blog6 {

  display: inline-grid;

  grid-row-start: 4;

  grid-row-end: 5;

  grid-column-start: 2;

  grid-column-end: 4;

}



.blog7 {

  display: inline-grid;

  grid-row-start: 3;

  grid-row-end: 5;

  grid-column-start: 4;

  grid-column-end: 5;

}



.blog8 {

  display: inline-grid;

  grid-row-start: 5;

  grid-row-end: 6;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog9 {

  display: inline-grid;

  grid-row-start: 6;

  grid-row-end: 7;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog10 {

  display: inline-grid;

  grid-row-start: 5;

  grid-row-end: 7;

  grid-column-start: 3;

  grid-column-end: 5;

}



.blog11 {

  display: inline-grid;

  grid-row-start: 7;

  grid-row-end: 9;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog12 {

  display: inline-grid;

  grid-row-start: 7;

  grid-row-end: 9;

  grid-column-start: 3;

  grid-column-end: 4;

}



.blog13 {

  display: inline-grid;

  grid-row-start: 7;

  grid-row-end: 9;

  grid-column-start: 4;

  grid-column-end: 5;

}



.blog14 {

  display: inline-grid;

  grid-row-start: 9;

  grid-row-end: 11;

  grid-column-start: 1;

  grid-column-end: 2;

}



.blog15 {

  display: inline-grid;

  grid-row-start: 9;

  grid-row-end: 10;

  grid-column-start: 2;

  grid-column-end: 4;

}



.blog16 {

  display: inline-grid;

  grid-row-start: 10;

  grid-row-end: 11;

  grid-column-start: 2;

  grid-column-end: 4;

}



.blog17 {

  display: inline-grid;

  grid-row-start: 9;

  grid-row-end: 11;

  grid-column-start: 4;

  grid-column-end: 5;

}



.blog18 {

  display: inline-grid;

  grid-row-start: 11;

  grid-row-end: 12;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog19 {

  display: inline-grid;

  grid-row-start: 12;

  grid-row-end: 13;

  grid-column-start: 1;

  grid-column-end: 3;

}



.blog20 {

  display: inline-grid;

  grid-row-start: 11;

  grid-row-end: 13;

  grid-column-start: 3;

  grid-column-end: 5;

}



@media only screen and (max-width: 991px) {

  .artigos2 {

    display: grid;

    grid-auto-rows: 250px;

    grid-template-columns: 1fr 1fr;

    gap: 16px;

  }

  .blog1 {

    display: inline-grid;

    grid-row-start: 1;

    grid-row-end: 3;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog2 {

    display: inline-grid;

    grid-row-start: 3;

    grid-row-end: 5;

    grid-column-start: 1;

    grid-column-end: 2;

  }



  .blog3 {

    display: inline-grid;

    grid-row-start: 3;

    grid-row-end: 5;

    grid-column-start: 2;

    grid-column-end: 3;

  }



  .blog4 {

    display: inline-grid;

    grid-row-start: 5;

    grid-row-end: 6;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog5 {

    display: inline-grid;

    grid-row-start: 6;

    grid-row-end: 7;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog6 {

    display: inline-grid;

    grid-row-start: 7;

    grid-row-end: 9;

    grid-column-start: 1;

    grid-column-end: 2;

  }



  .blog7 {

    display: inline-grid;

    grid-row-start: 7;

    grid-row-end: 9;

    grid-column-start: 2;

    grid-column-end: 3;

  }



  .blog8 {

    display: inline-grid;

    grid-row-start: 9;

    grid-row-end: 10;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog9 {

    display: inline-grid;

    grid-row-start: 10;

    grid-row-end: 11;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog10 {

    display: inline-grid;

    grid-row-start: 11;

    grid-row-end: 13;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog11 {

    display: inline-grid;

    grid-row-start: 13;

    grid-row-end: 15;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog12 {

    display: inline-grid;

    grid-row-start: 15;

    grid-row-end: 17;

    grid-column-start: 1;

    grid-column-end: 2;

  }



  .blog13 {

    display: inline-grid;

    grid-row-start: 15;

    grid-row-end: 17;

    grid-column-start: 2;

    grid-column-end: 3;

  }



  .blog14 {

    display: inline-grid;

    grid-row-start: 17;

    grid-row-end: 18;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog15 {

    display: inline-grid;

    grid-row-start: 18;

    grid-row-end: 19;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog16 {

    display: inline-grid;

    grid-row-start: 19;

    grid-row-end: 21;

    grid-column-start: 1;

    grid-column-end: 2;

  }



  .blog17 {

    display: inline-grid;

    grid-row-start: 19;

    grid-row-end: 21;

    grid-column-start: 2;

    grid-column-end: 3;

  }



  .blog18 {

    display: inline-grid;

    grid-row-start: 21;

    grid-row-end: 22;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog19 {

    display: inline-grid;

    grid-row-start: 22;

    grid-row-end: 23;

    grid-column-start: 1;

    grid-column-end: 3;

  }



  .blog20 {

    display: inline-grid;

    grid-row-start: 23;

    grid-row-end: 25;

    grid-column-start: 1;

    grid-column-end: 3;

  }

}



@media only screen and (max-width: 575px) {

  .artigos2 {

    display: grid;

    grid-auto-rows: 225px;

    grid-template-columns: 1fr;

    gap: 16px;

  }



  .artigos2>* {

    grid-column-start: 1;

    grid-column-end: 1;

  }



  .blog1 {

    display: inline-grid;

    grid-row-start: 1;

    grid-row-end: 3;

  }



  .blog2 {

    display: inline-grid;

    grid-row-start: 3;

    grid-row-end: 5;

  }



  .blog3 {

    display: inline-grid;

    grid-row-start: 5;

    grid-row-end: 7;

  }



  .blog4 {

    display: inline-grid;

    grid-row-start: 7;

    grid-row-end: 9;

  }



  .blog5 {

    display: inline-grid;

    grid-row-start: 9;

    grid-row-end: 11;

  }



  .blog6 {

    display: inline-grid;

    grid-row-start: 11;

    grid-row-end: 13;

  }



  .blog7 {

    display: inline-grid;

    grid-row-start: 13;

    grid-row-end: 15;

  }



  .blog8 {

    display: inline-grid;

    grid-row-start: 15;

    grid-row-end: 17;

  }



  .blog9 {

    display: inline-grid;

    grid-row-start: 17;

    grid-row-end: 19;

  }



  .blog10 {

    display: inline-grid;

    grid-row-start: 19;

    grid-row-end: 21;

  }



  .blog11 {

    display: inline-grid;

    grid-row-start: 21;

    grid-row-end: 23;

  }



  .blog12 {

    display: inline-grid;

    grid-row-start: 23;

    grid-row-end: 25;

  }



  .blog13 {

    display: inline-grid;

    grid-row-start: 25;

    grid-row-end: 27;

  }



  .blog14 {

    display: inline-grid;

    grid-row-start: 27;

    grid-row-end: 29;

  }



  .blog15 {

    display: inline-grid;

    grid-row-start: 29;

    grid-row-end: 31;

  }



  .blog16 {

    display: inline-grid;

    grid-row-start: 31;

    grid-row-end: 33;

  }



  .blog17 {

    display: inline-grid;

    grid-row-start: 33;

    grid-row-end: 35;

  }



  .blog18 {

    display: inline-grid;

    grid-row-start: 35;

    grid-row-end: 37;

  }



  .blog19 {

    display: inline-grid;

    grid-row-start: 37;

    grid-row-end: 39;

  }



  .blog20 {

    display: inline-grid;

    grid-row-start: 39;

    grid-row-end: 41;

  }

}



footer {

  box-shadow: 0px -3px 10px 0px #00000033;

}



footer p,
footer a {

  font-family: var(--secondaryTextFont);

  font-size: 15px;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.29;

  letter-spacing: 0.93px;

  text-align: left;

  color: var(--primaryTextColor);

  text-decoration: none;

  transition: all .3s ease-in-out;

}



footer p strong {

  color: var(--secondaryTextColor);

}



footer a:hover {

  color: var(--primaryTextColor);

}



.copyright-area p {

  color: var(--primaryColor);

}



.copyright-area a:hover {

  color: var(--primaryColor);

}



.footer__info a {

  color: var(--primaryTextColor);

  font-weight: 700;

}



.grid-align {

  display: inline-grid;

  grid-column-start: 1;

  grid-column-end: 1;

  grid-row-start: 1;

  grid-row-end: 1;

}



.grid-align--front {

  z-index: 1;

}



.info {

  background-color: var(--primaryColor);

  color: var(--primaryTextColor);

  box-shadow: 4px 10px 30px 0 rgba(169, 169, 169, 0.11);

  border-radius: 20px;

}



.form-container {

  background-color: var(--secondaryTextColor);

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

}



.form-container h1 {

  color: var(--primaryColor);

}



@media only screen and (max-width: 991px) {

  .grid-align {

    grid-row-start: 2;

    grid-row-end: 3;

  }

  .grid-align--front {

    grid-row-start: 1;

    grid-row-end: 2;

  }

  .form-container {

    border-radius: 20px;

  }

}



.singleform {

  position: relative;

  z-index: 2;

}



.singleform input[type="checkbox"] {

  accent-color: var(--secondaryColor);

}



.inputs,
.selects,
.personalized__input input,
.wau-auto-width.wau-files {

  width: 100% !important;

  border-radius: 5px !important;

  padding: 10px 20px !important;

  font-family: var(--secondaryTextFont) !important;

  font-size: 15px !important;

  font-weight: 500 !important;

  font-stretch: normal !important;

  font-style: normal !important;

  line-height: 1.29 !important;

  letter-spacing: 0.93px !important;

  text-align: left !important;

  color: var(--primaryColor);

  border: unset !important;

  background-color: rgba(254, 254, 254, .25);

  transition: all .3s ease-in-out !important;

}



.inputs.bordered {

  border: solid 1px var(--secondaryColor);

}



.inputs.fit {

  width: fit-content !important;

}



.inputs[type=number]::-webkit-inner-spin-button,

.inputs[type=number]::-webkit-outer-spin-button {

  opacity: 1;

  cursor: pointer;

}



.inputs::placeholder {

  font-size: 15px;

  font-weight: 500;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.29;

  letter-spacing: 0.93px;

  text-align: left;

  color: currentColor;

}



.inputs:focus,
.search-form .inputs:focus {

  background-color: var(--primaryTextColor);

  color: var(--primaryColor);

}



.labels,
.labels a {

  font-size: 15px !important;

}



#mapid {

  height: 500px;

  z-index: 0;

}



.mapicon svg {

  fill: var(--secondaryTextColor);

}

#mapid .gmaps {
  position: absolute;
  background-color: var(--primaryColor);
  padding: 1rem;
  right: 1rem;
  top: 1rem;
  display: block;
  z-index: 999;
  border-radius: 5px;
  text-align: center;
  transform: translateY(0);
  transition: all .3s ease-in-out;
}

#mapid .gmaps:hover {
  transform: translateY(-5px);
}

#mapid .gmaps__content {
  font-weight:500;
  color:var(--secondaryColor);
  font-family:var(--secondaryTextFont);
  font-size:15px;
  font-stretch:normal;
  font-style:normal;
  line-height:1.2;
  letter-spacing:.93px;
  transition:all .3s ease-in-out
}
#mapid .gmaps__content svg {
  width:16px;
  height:16px;
  fill:var(--secondaryColor);
  transition:all .3s ease-in-out
}
#mapid .gmaps:hover .gmaps__content {
  color:var(--primaryTextColor)
}
#mapid .gmaps:hover .gmaps__content svg {
  fill:var(--primaryTextColor)
}
#mapid .gmaps:hover {
  transform:translateY(-5px)
}




.pagination {

  color: var(--secondaryTextColor);

  font-weight: bold;

  font-family: var(--secondaryTextFont);

  font-size: 18px;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.18;

  letter-spacing: 0.93px;

  text-align: center;

  margin-top: 1.5rem;

  width: 100%;

}



.pagination * {

  padding: 0 .25rem;

}



.page-numbers {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 0;

  padding-left: 0;

}



.pagination a {

  color: var(--secondaryTextColor);

  font-weight: bold;

  font-family: var(--secondaryTextFont);

  font-size: 18px;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.18;

  letter-spacing: 0.93px;

  text-decoration: none;

  transition: all .3s ease-in-out;

}



.pagination a:hover,
.pagination .current {

  color: var(--primaryTextColor);

}



.gallery {

  border-radius: 10px;

  width: 100%;

  aspect-ratio: 16/9;

  overflow: hidden;

  cursor: pointer;

}



.gallery img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  opacity: 1;

  transition: all .3s ease-in-out;

}



.gallery:hover img {

  transform: scale(1.2);

  opacity: .75;

}



.gallery__overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: 0;

  transition: all .3s ease-in-out;

}



.gallery__overlay svg {

  width: 50px;

  fill: var(--primaryColor);

}



.gallery:hover .gallery__overlay {

  opacity: 1;

}



.noptin-inpost-main-wrapper .noptin-optin-form-wrapper {

  margin: 0 auto !important;

}



.noptin-form-footer,
.noptin-form-header {

  padding: 0;

}



.noptin-form-header .noptin-form-description {

  margin-bottom: 1.125rem;

}



.noptin-optin-form {

  text-align: right;

}



@media only screen and (max-width: 767px) {

  .noptin-optin-form {

    text-align: left;

  }

}



.noptin-form-note a {

  text-decoration: underline;

}



.noptin-form-submit {

  background-color: var(--primaryTextColor);

  color: var(--primaryColor);

  border-radius: 20px;

  height: 100%;

}



.noptin-form-field-wrapper.noptin-form-field-submit {

  position: absolute;

  right: 0;

  height: 100%;

}



.noptin-form-field-wrapper.noptin-form-field-email {

  width: 100%;

}

.noptin-form-fields,
.noptin-form-fields * {

  height: 40px;

}

.noptin-form-fields input {

  border-radius: 20px !important;

}

@media only screen and (min-width: 520px) {

  .noptin-form-single-line .noptin-form-field-wrapper.noptin-form-field-submit {

    margin-top: 0px !important;

  }

}