/*
	Theme Name: Green Home
	Template: vexel-base

====================================================================
	TABLE OF CONTENTS
====================================================================
	# THEME SETUP
		# TYPOGRAPHY
	# UTILITIES
	# COMPONENTS
		# VX MENU 1
		# VX HERO 2
		# VX SLIDER 9
		# VX TEXT 1
		# VX MEDIA TEXT 3
		# VX MEDIA TEXT 4
		# VX CARD COLUMNS 7
		# VX CONTACT 1
		# VX LAYOUT PAGE 2
		# VX LAYOUT SINGLE 3
		# VX LAYOUT 404
*/
/*==================================================================
	# THEME SETUP
====================================================================*/
:root {
  /* COMMON */
  --mwm--color--principal: #91AD93;
  --mwm--color--secundario: #151A1B;
  --mwm--color--verde-2: #364443;
  --mwm--color--verde-3: #BCC3B7;
  --mwm--color--gris: #F2F1F1;
  --mwm--color--gris-2: #BDBDBD;
  --mwm--color--gris-3: #717171;
  --mwm--max-width: 1328px;
  --mwm--max-width-2: 1104px;
  --mwm--body-bg: var(--mwm--color--blanco);
  --mwm--font-family: "Outfit", sans-serif;
  --mwm--font-family-alt: "Playfair Display", sans-serif;
}
@media (min-width: 1024px) {
  :root {
    --mwm--font-size--h1: 3rem;
    --mwm--line-height--h1: 1.1666666666666667;
  }
}

/*	# TYPOGRAPHY
===================================*/
h1, .is-style-h1,
h2, .is-style-h2,
h3, .is-style-h3,
h4, .is-style-h4,
h5, .is-style-h5,
.is-style-texto,
.is-style-texto-secundario,
.is-style-texto-detalles {
  font-weight: var(--mwm--font-weight--regular);
}

h1, .is-style-h1,
h2, .is-style-h2 {
  font-family: var(--mwm--font-family-alt);
}

h3, .is-style-h3 {
  font-weight: var(--mwm--font-weight--light);
}

h3,
h4,
h5,
h6,
.is-style-h2,
.is-style-h3,
.is-style-h4,
.is-style-h5,
.is-style-h6,
.is-style-texto,
.is-style-texto-secundario,
.is-style-texto-detalles {
  font-family: var(--mwm--font-family);
}

b,
strong {
  font-weight: var(--mwm--font-weight--bold);
}

/*	# UTILITIES
===================================*/
.wp-block-group__inner-container:after,
.wp-block-group__inner-container:before {
  content: unset;
}

.alignfull {
  margin: 0;
  width: 100%;
}

.wp-block-group__inner-container {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  max-width: calc(var(--mwm--max-width-3) + var(--mwm--max-padding) * 2);
}
@media (min-width: 768px) {
  .wp-block-group__inner-container {
    margin-bottom: 3.75rem;
    margin-top: 3.75rem;
  }
}
@media (min-width: 1280px) {
  .wp-block-group__inner-container {
    margin-bottom: 4.5rem;
    margin-top: 4.5rem;
  }
}
.wp-block-group.alignwide .wp-block-group__inner-container {
  max-width: calc(var(--mwm--max-width-2) + var(--mwm--max-padding) * 2);
}
.wp-block-group.alignfull .wp-block-group__inner-container {
  max-width: calc(var(--mwm--max-width) + var(--mwm--max-padding) * 2);
}
.wp-block-group.alignwide .wp-block-group__inner-container > h2 {
  max-width: 41rem;
}
.wp-block-group.alignwide .wp-block-group__inner-container > p {
  max-width: 34rem;
}
.wp-block-group.is-style-align-right .wp-block-group__inner-container > * {
  margin-left: auto;
}
.wp-block-group__inner-container > *:not(.wp-block-gallery) {
  max-width: 48rem;
}
.wp-block-group__inner-container h2 {
  color: var(--mwm--color--verde-2);
  margin-bottom: 2rem;
}

.wp-block-gallery figure.wp-block-image:not(#individual-image) {
  max-height: 22.125rem;
}
.wp-block-gallery figure.wp-block-image.alignfull:not(#individual-image) {
  max-height: 45rem;
  width: 100%;
}

table th,
.wp-block-table th {
  background: var(--mwm--color--secundario);
  color: #fff;
}
table th:first-child,
table th:last-child,
.wp-block-table th:first-child,
.wp-block-table th:last-child {
  border-radius: 0;
}
table tr:last-child td:first-child,
table tr:last-child td:last-child,
.wp-block-table tr:last-child td:first-child,
.wp-block-table tr:last-child td:last-child {
  border-radius: 0;
}
table td,
.wp-block-table td {
  background-color: transparent;
}

/*	# BUTTONS
===================================*/
[type=button],
[type=submit],
.vx-btn-1,
.vx-btn-2,
.vx-btn-3,
.vx-btn-4,
.vx-btn-5,
.wp-block-button .wp-block-button__link {
  background: var(--mwm--color--principal);
  border-color: var(--mwm--color--principal);
  color: var(--mwm--color--secundario);
  font-family: var(--mwm--font-family);
  transition-duration: 0.2s;
  transition-property: all;
}
[type=button]:hover,
[type=submit]:hover,
.vx-btn-1:hover,
.vx-btn-2:hover,
.vx-btn-3:hover,
.vx-btn-4:hover,
.vx-btn-5:hover,
.wp-block-button .wp-block-button__link:hover {
  background: var(--mwm--color--secundario);
  border-color: var(--mwm--color--secundario);
  color: var(--mwm--color--blanco);
}
[type=button]:hover span,
[type=submit]:hover span,
.vx-btn-1:hover span,
.vx-btn-2:hover span,
.vx-btn-3:hover span,
.vx-btn-4:hover span,
.vx-btn-5:hover span,
.wp-block-button .wp-block-button__link:hover span {
  text-decoration: underline;
}

.vx-btn-2, .vx-btn-3 {
  background: 0;
  border-color: var(--mwm--color--secundario);
  color: var(--mwm--color--secundario);
}
.vx-btn-2:hover, .vx-btn-3:hover {
  background: 0;
  color: var(--mwm--color--secundario);
}

.vx-btn-3:hover {
  border-color: var(--mwm--color--principal);
  color: var(--mwm--color--principal);
}

.vx-btn-4 {
  background: 0;
  border-color: var(--mwm--color--blanco);
  color: var(--mwm--color--blanco);
}
.vx-btn-4:hover {
  background: 0;
  border-color: var(--mwm--color--principal);
  color: var(--mwm--color--principal);
}

/*	# WP BLOCKS
===================================*/
.wp-block-image.size-full {
  height: 18.75rem;
}
.wp-block-image.size-full img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 768px) {
  .wp-block-image.size-full {
    height: 32rem;
  }
}

/*	# FORMS
===================================*/
form p:not(:last-child) {
  margin-bottom: 1rem;
}

label > span:first-child {
  font-size: var(--mwm--font-size--detalles);
  line-height: var(--mwm--line-height--detalles);
  margin-bottom: 0.5rem;
}

button[class*=vx-btn] {
  margin-top: 1.5rem;
}

/* FIELDS */
input:not([type=checkbox], [type=radio], [type=submit]),
textarea,
select,
.select-selected,
.select-items > div {
  background-color: var(--mwm--color--blanco);
  border: 1px solid var(--mwm--color--gris-2);
  font-size: var(--mwm--font-size--texto-secundario);
  line-height: var(--mwm--font-size--texto-secundario);
  padding: 1rem;
  width: 100%;
}
input:not([type=checkbox], [type=radio], [type=submit]):focus,
textarea:focus,
select:focus,
.select-selected:focus,
.select-items > div:focus {
  border-color: var(--mwm--color--principal);
  outline: none;
}

.select-items > div {
  border-color: transparent;
}

/*	# CF7
===================================*/
.wpcf7 .wpcf7-acceptance {
  font-size: var(--mwm--font-size--texto-secundario);
  line-height: var(--mwm--line-height--texto-secundario);
}

/*	# VX HEADER 2
===================================*/
.vx-header-2__wrapper {
  padding: 1.5rem 0;
}
.vx-header-2__logo img {
  max-height: 3rem;
  max-width: 13.1875rem;
}
.vx-header-2__bars {
  background: 0;
}

/*	# VX MENU 
===================================*/
.vx-menu-1__menu li a {
  font-size: var(--mwm--font-size--h4);
  line-height: var(--mwm--line-height--h4);
}
.vx-menu-1__lang {
  gap: 0.75rem;
}
.vx-menu-1__lang a {
  text-decoration: none;
}
.vx-menu-1__lang a:hover {
  text-decoration: underline;
}
.vx-menu-1__lang .current-lang a {
  text-decoration: underline;
}
@media (min-width: 1280px) {
  .vx-menu-1 {
    background: 0;
    box-shadow: unset;
    padding: 0;
  }
  .vx-menu-1 li {
    margin-left: 3rem;
  }
  .vx-menu-1__lang li {
    margin-left: 0;
  }
  .vx-menu-1__menu li a {
    font-size: var(--mwm--font-size--texto-secundario);
    line-height: var(--mwm--line-height--texto-secundario);
  }
}

/*	# VX HERO 2
===================================*/
.vx-hero-2 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  background: var(--mwm--color--gris);
  margin: 0;
}
@media (min-width: 768px) {
  .vx-hero-2 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-hero-2 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
.vx-hero-2__title, .vx-hero-2__pretitle {
  color: var(--mwm--color--secundario);
}
.vx-hero-2__pretitle {
  margin-bottom: 1rem;
}
.vx-hero-2__title {
  max-width: 31.125rem;
}

/*	# VX HERO 5
===================================*/
.vx-hero-5 {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}
.vx-hero-5__gradient {
  display: none;
}
.vx-hero-5__content {
  padding: 0 0 1.875rem;
}
.vx-hero-5__title {
  margin: 0;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .vx-hero-5__content {
    padding-bottom: 3.125rem;
  }
  .vx-hero-5__title {
    font-size: 4rem;
  }
}
@media (min-width: 1024px) {
  .vx-hero-5 {
    height: 36.5rem;
  }
}

/*	# VX SLIDER 9
===================================*/
.vx-slider-9__title {
  font-family: var(--mwm--font-family);
}

/*	# VX TEXT 1
===================================*/
.vx-text-1 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
  background: var(--mwm--color--gris);
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .vx-text-1 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-text-1 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
.vx-text-1__wrapper {
  margin: 0 auto;
  max-width: 41.5625rem;
}
.vx-text-1__pretitle {
  color: var(--mwm--color--secundario);
  margin-bottom: 1rem;
}

/*	# VX MEDIA TEXT 3
===================================*/
.vx-media-text-3 {
  margin-bottom: 56px;
  margin-top: 56px;
  padding: 0;
}
@media (min-width: 768px) {
  .vx-media-text-3 {
    margin-bottom: 64px;
    margin-top: 64px;
  }
}
@media (min-width: 1280px) {
  .vx-media-text-3 {
    margin-bottom: 72px;
    margin-top: 72px;
  }
}
@media (min-width: 768px) {
  .vx-media-text-3__wrapper {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    position: relative;
  }
  .vx-media-text-3__desc-big {
    margin-bottom: 2rem;
  }
  .vx-media-text-3__media {
    aspect-ratio: unset;
    display: block;
    margin-right: -2rem;
  }
  .vx-media-text-3__media img,
  .vx-media-text-3__media video {
    margin: 0;
    object-fit: cover;
    width: 100%;
  }
  .vx-media-text-3.is-reversed .vx-media-text-3__media {
    margin-left: -2rem;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .vx-media-text-3__wrapper {
    gap: 8rem;
    grid-template-columns: 27rem 1fr;
  }
  .vx-media-text-3__media {
    margin-right: calc((100vw - (var(--mwm--max-width-2) - var(--mwm--max-padding) * 2)) / -2);
  }
  .vx-media-text-3.is-reversed .vx-media-text-3__wrapper {
    grid-template-columns: 1fr 19.5rem;
  }
  .vx-media-text-3.is-reversed .vx-media-text-3__media {
    margin-left: calc((100vw - (var(--mwm--max-width-2) - var(--mwm--max-padding) * 2)) / -2);
    margin-right: 0;
  }
}

/*	# VX MEDIA TEXT 4
===================================*/
.vx-media-text-4__media {
  order: unset;
}
.vx-media-text-4__media img,
.vx-media-text-4__media video {
  height: 100%;
  margin: 0;
  max-width: unset;
  width: 100%;
}
@media (min-width: 1024px) {
  .vx-media-text-4__wrapper {
    grid-template-columns: 34rem 1fr;
  }
  .vx-media-text-4__media {
    aspect-ratio: unset;
    display: block;
    margin-right: calc((100vw - (var(--mwm--max-width) - var(--mwm--max-padding) * 2)) / -2);
    max-width: unset;
  }
}
@media (min-width: 1280px) {
  .vx-media-text-4 {
    margin: 5.5rem 0;
  }
}

/*	# VX CARD COLUMNS 7
===================================*/
.vx-card-columns-7__title {
  color: var(--mwm--color--verde-2);
  margin-bottom: 2.5rem;
}
@media (min-width: 1280px) {
  .vx-card-columns-7 {
    margin: 6.25rem 0;
  }
}

/*	# VX CONTACT 1
===================================*/
.vx-contact-1 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  padding: 0;
}
@media (min-width: 768px) {
  .vx-contact-1 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-contact-1 {
    margin-bottom: 5.5rem;
    margin-top: 5.5rem;
  }
}
.vx-contact-1__header {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .vx-contact-1__header {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-contact-1__header {
    margin-bottom: 5.5rem;
  }
}
.vx-contact-1__title {
  font-size: var(--mwm--font-size--h3);
  font-weight: var(--mwm--font-weight--bold);
  line-height: var(--mwm--line-height--h3);
  margin: 0;
}
.vx-contact-1__desc {
  margin-bottom: 2.5rem;
  max-width: 34rem;
}
.vx-contact-1 form p {
  margin-bottom: 1rem;
}
.vx-contact-1 form small {
  color: var(--mwm--color--verde-2);
}
.vx-contact-1 .form-group,
.vx-contact-1 .form-cols {
  margin-bottom: 2rem;
}
.vx-contact-1 .form-group p,
.vx-contact-1 .form-cols p {
  margin: 0;
}
.vx-contact-1__checkbox {
  margin-top: 1rem;
}
.vx-contact-1__checkbox button[class*=vx-btn] {
  margin: 0;
}
@media (min-width: 568px) {
  .vx-contact-1 .form-cols {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

/*	# VX LAYOUT PAGE 2
===================================*/
.vx-map-1 {
  height: 21.875rem;
  margin: 0;
}
.vx-map-1 img {
  height: 100%;
}
@media (min-width: 768px) {
  .vx-map-1 {
    height: 31.25rem;
  }
}
@media (min-width: 1024px) {
  .vx-map-1 {
    height: 41.3125rem;
  }
}

/*==================================================================
	# LAYOUTS
====================================================================*/
/*	# VX LAYOUT PAGE 2
===================================*/
.vx-layout-page-2 {
  padding-bottom: 40px;
  padding-top: 40px;
  margin: 0;
}
@media (min-width: 768px) {
  .vx-layout-page-2 {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (min-width: 1280px) {
  .vx-layout-page-2 {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

/*	# VX LAYOUT SINGLE 3
===================================*/
.vx-layout-single-3__hero {
  align-items: center;
  display: flex;
  height: 21.875rem;
  justify-content: center;
  padding: 1rem;
  position: relative;
}
.vx-layout-single-3__hero-media img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.vx-layout-single-3__hero-media::after, .vx-layout-single-3__hero-media::before {
  background: var(--mwm--color--verde-2);
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: hard-light;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.vx-layout-single-3__hero-title {
  color: var(--mwm--color--blanco);
  z-index: 10;
}
@media (min-width: 768px) {
  .vx-layout-single-3__hero {
    height: 36.5rem;
  }
}

/*	# VX LAYOUT 404
===================================*/
.vx-layout-404__content {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .vx-layout-404__content {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-layout-404__content {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}
.vx-layout-404__text {
  margin: 0;
  max-width: 34rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .vx-layout-404__text {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1280px) {
  .vx-layout-404__text {
    margin-bottom: 5.5rem;
  }
}
.vx-layout-404__text a {
  color: var(--mwm--color--principal);
  text-decoration: none;
}
.vx-layout-404__text a:hover {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */