@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,400i,600,600i,700";

:root {

    --color-primary: #faaf40;
    --color-secundary: #0b551e;

}




.new-theme-1 {
    color: var(--color-primary) !important;
}

.new-theme-2 {
    color: var(--color-secundary) !important;
}

.new-theme-bg-1 {
    font-size: 15px;
    cursor: pointer;
    border-radius: 0px;
    color: #fff;
    padding: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: var(--color-primary) !important;
    
}

.new-theme-bg-2 {
    background-color: var(--color-secundary) !important;
}

.new-theme-button-1 {
    background-color: var(--color-primary) !important;
}

.new-theme-button-2 {
    background-color: var(--color-secundary) !important;
}

.mini-slider-title-hover:hover {
    color: #78bf4d !important;
}

/* nav */

.header_white .sf-menu>li.active>a,
.header_white .sf-menu .current-menu-item>a,
.header_white .sf-menu .current-menu-ancestor>a {
    color: var(--color-primary);
}

.header_white .sf-menu>li>a:hover {
    color: var(--color-primary);
}

/* slider */
/* button hover */
.ds .theme_buttons[class*=color]:hover,
.ds .theme_buttons[class*=color]:focus,
.ds .theme_buttons[class*=color]:active,
.ds .theme_button[class*=color]:hover,
.ds .theme_button[class*=color]:focus,
.ds .theme_button[class*=color]:active {
    color: #e6e6e6;    
}

/* cards */

.new-home-card-bg-1 {
    background-color: #0b862c;
}

.new-home-card-bg-2 {
    background-color: #16ad3e;
}

/* properties */

.star-rating span:before {
    color: var(--color-primary) !important;
}


/*BOTAO WHATSAPP*/
.whatsapp-button{
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  transition: .3s all;
  -webkit-animation-name: balanga;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  z-index: 9999999;
}

.whatsapp-button::before{
  right: 12%;
  top: 15%;
  border-radius: 8px;
  padding: .5rem;
  text-align: right;
  width: auto;
}
.whatsapp-button:hover::before{
  content: attr(data-whatsapp);
  background-color: white;
	color: #1D1D1D;
  position: absolute;
  /* left: -150%; */
  top: -60%;
  border-radius: 8px;
  padding: .5rem;
}
.whatsapp-button:hover{
  transform: scale(1.05);
}


@keyframes balanga {
  0%{
    transform: rotate(0deg);
  }
  2%{
    transform: rotate(15deg);
  }
  4%{
    transform: rotate(-15deg);
  }
  6%{
    transform: rotate(15deg);
  }
  8%{
    transform: rotate(-15deg);
  }
  9%, 100%{
    transform: rotate(0deg);
  }
}
@media (max-width: 800px){
  .whatsapp-button>a>svg{
    width: 50px
  }
}