
/*---------------------------------------
  CONTACT               
-----------------------------------------*/
.contact-section {
  background: black; /* Define o fundo preto */
}

.google-map {
  filter: grayscale(100);
}

.contact-block-wrap {
  background: white; /* Define o fundo branco */
}

.contact-block {
  background: black; /* Define o fundo preto */
  color: white; /* Define a cor do texto como branco */
}

.contact-block h6 {
  color: white; /* Define a cor do texto como branco */
}

.contact-block .custom-icon {
  background: white; /* Define o fundo branco */
  color: black; /* Define a cor do ícone como preto */
}

.contact-block strong {
  display: block;
  color: #ffffff; /* Define a cor do texto como branco vívido (#ffffff) */
  font-weight: bold; /* Define a fonte em negrito */
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}



/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/


@media screen and (max-width: 991px) {

  .contact-section .container {
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding: 35px;
  }












/*---------------------------------------
  CUSTOM FORM               
-----------------------------------------*/
.form-control {
  color: black; /* Define a cor do texto como preto */
  /* Outros estilos, se necessário */
}

.custom-form .form-control {
  color: #ffffff; /* Define a cor do texto como branco vívido (#ffffff) */
  border-radius: var(--border-radius-small);
  margin-bottom: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  box-shadow: none;
  outline: none;
  transition: all 0.3s;
}

.custom-form .submit-button {
  color: black; /* Define a cor do texto como branco */
  background: white; /* Define a cor de fundo do botão como preto */
  border: 1px solid black; /* Define uma borda branca de 1px */
  /* Outros estilos, se necessário */
}


.custom-form select {
  color: black; /* Define a cor do texto do select como preto */
  /* Outros estilos, se necessário */
}



.custom-form .form-label {
  color: white; /* Define a cor do rótulo como branco */
  font-style: italic;
}

.custom-form button[type="submit"] {
  background: black; /* Define o fundo preto */
  border: none;
  color: white; /* Define a cor do texto como branco */
  font-weight: bold;
}

.custom-form button[type="submit"]:hover,
.custom-form button[type="submit"]:focus {
/*  background: white; /* Define o fundo branco */
/*  color: black; /* Define a cor do texto como preto */
}

.contact-form .form-control,
.booking-form .form-control {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.25);
}

.booking-form .form-control {
  color: white; /* Define a cor do texto como branco */
}

.custom-form input::placeholder,
.custom-form textarea::placeholder {
  color: white; /* Define a cor do texto do espaço reservado como branco */
}

.booking-form input::placeholder,
booking-form textarea::placeholder {
  color: white; /* Define a cor do texto do espaço reservado como branco */
}


























/*---------------------------------------
  SITE FOOTER              
-----------------------------------------*/
.site-footer {
  background-color: #BC6C25;
  padding-top: 100px;
  padding-bottom: 100px;
}

.site-footer strong {
  color: #ffffff;
}

.site-footer p,
.site-footer-link {
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.site-footer-link {
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  transition: all 0.3s;
}

.site-footer-link:hover {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}

.copyright-text {
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.copyright-text a {
	color: rgba(255, 200, 160, 0.75);
}


/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/


@media screen and (max-width: 991px) {
  .site-footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

