@import 'general.css';
@import 'buttons.css';
@import 'forms.css';
@import 'fonts.css';
@import 'cards.css';
@import 'menu.css';
@import 'hero.css';
@import 'tabs.css';

a {
  color: inherit;
  text-decoration: none;
}

.linkContact {
  color: var(--blueColor);
  transition: all 0.2s ease-in-out;
  &:hover{
    font-weight: bold;
  }
  .white {
    transition: all 0.2s ease-in-out;
    &:hover {
      color: var(--whiteColor);
      font-weight: bold;
    }
  }
}

/* BACKGROUND */
.bg-green {
  background: var(--regularGreenColor);
}
.bg-lightGreen {
  background: var(--lightGreenColor);
}
.bg-darkBlue {
  background: var(--darkBlueColor);
}
.bg-black {
  background: var(--blackColor);
}
.bg-white {
  background: var(--whiteColor);
}

/* BACKGROUNDS */
.banner {
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* MAIN */
.arbolMundo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: auto;
  transform: translateY(-50%);
}

/* FOOTER */
footer {
  &.bg-forest {
    background:  
      linear-gradient(rgba(53, 87, 29, 0.8), rgba(53, 87, 29, 0.8)),
      url("/assets/backgrounds/bg-forest.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .nav-link {
    &:hover {
      color: var(--whiteColor);
      border-bottom: 1px solid var(--whiteColor);
    }
  }
  .footer-title { 
    position: relative;
  }
  .footer-title::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: var(--whiteColor);
  }
  .icon {
    width: 39px;
    height: 39px;
  }
  .map {
    border-radius: 15px;
  }
}


@media screen and (max-width: 768px) {
  .arbolMundo {
    top: 65%;
    width: 25%;
  }
}