/*
	Theme Name:   Hermanos Oliva
	Template:     vexel-base

====================================================================
	TABLE OF CONTENTS
====================================================================
	# THEME SETUP
	# COMPONENTS
		# VX BANNER 1
		# VX CARD 2
		# VX CARD 3
		# VX CTA 1
		# VX HERO 2
		# VX MEDIA TEXT 2
		# VX CONTACT 1
	# LAYOUTS
		# COMPONENTS

*/
/*==================================================================
	# THEME SETUP
====================================================================*/
:root {
  --mwm--body-bg: linear-gradient(270deg, #FFFFFF 0%, #F2F3F7 100%);
}

/*==================================================================
	# COMPONENTS
====================================================================*/
/*	# VX BANNER 1
===================================*/
.vx-banner-1__wrapper {
  background: linear-gradient(260.01deg, #202B37 0.46%, #6F97CC 77.48%);
}

/*	# VX CARD 3
===================================*/
.vx-card-3 {
  box-shadow: 0px 0px 16px 8px rgba(42, 84, 234, 0.16);
}

/*	# VX CTA 1
===================================*/
.vx-cta-1 {
  position: relative;
  overflow: hidden;
}
.vx-cta-1::before {
  content: url(./assets/images/section-bg-1.svg);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/*	# VX HERO 2
===================================*/
.vx-hero-2 {
  position: relative;
}
.vx-hero-2__breadcrumbs {
  color: var(--mwm--color--azul-claro);
}
.vx-hero-2__breadcrumbs i {
  color: var(--mwm--color--blanco);
}
@media (min-width: 1024px) {
  .vx-hero-2::after {
    background-image: url(./assets/images/bg-hero-2-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    max-width: 28.125rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
}

/*	# VX MEDIA TEXT 2
===================================*/
.vx-media-text-2 {
  background: linear-gradient(299.22deg, #2A54EA -5.62%, #202B37 86.43%);
  margin-bottom: 0;
}
.vx-media-text-2__title {
  background: linear-gradient(90deg, #94ABFF 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

/*	# VX MEDIA TEXT 2
===================================*/
.vx-media-text-3 {
  position: relative;
}
@media (min-width: 1024px) {
  .vx-media-text-3 ::after {
    background-image: url(./assets/images/section-bg-1.svg);
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 150%;
    left: 0;
    max-width: 63rem;
    opacity: 0.2;
    position: absolute;
    width: 100%;
  }
}

/*	# VX BANNER 3
===================================*/
.vx-banner-3 {
  position: relative;
}
@media (min-width: 1024px) {
  .vx-banner-3::after {
    background-image: url(./assets/images/section-bg-1.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: -96px;
    content: "";
    height: 100%;
    left: 0;
    max-width: 63rem;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}
@media (min-width: 1280px) {
  .vx-banner-3::after {
    bottom: -144px;
  }
}

/*	# VX CARD COLUMNS 2
===================================*/
.vx-card-columns-2 {
  position: relative;
}
@media (min-width: 1024px) {
  .vx-card-columns-2::after {
    background-image: url(./assets/images/section-bg-1.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: -45px;
    content: "";
    height: 170%;
    left: 0;
    max-width: 63rem;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}

/*	# VX CONTACT 1
===================================*/
.vx-contact-1 {
  position: relative;
}
.vx-contact-1::before {
  content: url(./assets/images/section-bg-1.svg);
  height: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

/*	# LAYOUT
===================================*/
/* VX-BANNER-3 BG*/
body.page-id-84 .vx-banner-3::after {
  content: unset;
}/*# sourceMappingURL=style.css.map */