/*Gerais*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

/*
Cores:
  Azul
  #042C6A

  Verde
  #BDE549

  Laranja
  #FB7B04

  Cinza Escuro
  #474747

  Branco
  #FEFEFE

  Azul fundo da página
  #032558
  
*/

* {
  box-sizing: border-box;
  font-family: 'montserrat', var(--bs-body-font-family), Arial, Helvetica, sans-serif !important;
  color: #474747;
}

i {
  color: #FEFEFE;
}
i:hover {
  color: #FEFEFE;
}

body {
  background-image: linear-gradient(180deg, #042C6A 0%, #032455 200%);
}

.bg-primary-color {
  background-color: #042C6A;
}
.primary-text-color {
  color: #042C6A;
}
.primary-bg-text {
  color: #FEFEFE;
}
.alternative-text {
  color: #BDE549;
  font-size: 23px;
}

.bg-light {
  background-color: #FEFEFE;
}

.btn-primary {
  background-color: #042C6A;
  border: 3px solid #042C6A;
  transition: .5s;
}
.btn-primary:hover {
  background-color: #042C6A;
  border: 3px solid #BDE549;
}

.secondary-btn {
  background-color: #042C6A;
  font-weight: 800;
  color: #FEFEFE;
  border: 3px solid #042C6A;
  transition: .5s;
}
.secondary-btn:hover {
  font-weight: 800;
  color: #042C6A;
  background-color: #BDE549;
}

.contact-button {
  font-weight: 700;
  color: #042C6A;
  border: 3px solid #FEFEFE;
  background-color: #FEFEFE;
}

.contact-button:hover{
  color:#FEFEFE;
  border: 3px solid #FB7B04;
  background-color: #FB7B04;
}

.contact-button-active,
.contact-button-active:hover {
  color:#FEFEFE;
  border: 3px solid #BDE549;
}

.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}

/*
.title {
  font-size: 38px;
  font-weight: 700;
  border-bottom: 4px solid #BDE549;
}
*/

.title {
  font-size: 38px;
  font-weight: 700;
  border-image: linear-gradient(to right, #BDE549 30%, #ff922c 70%) 1;
  border-width: 4px;
  border-bottom-style: solid;
}

.subtitle {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}

.destaque-text {
  color: inherit;
  border-bottom: 2px solid #FB7B04;
  font-weight: 700;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

/*Carousel / Slider*/
#mainPage-carousel {
  height: 80vh;
  width: 100%;
}

.carousel-caption {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  flex-direction: column;
  justify-content: center;
}

.carousel-caption .carousel-title {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 3px 3px 3px #141414;
}

.bg-slide01 .carousel-caption .carousel-title {
  font-size: 68px;
}
.bg-slide01 .carousel-caption .carousel-description {
  font-size: 32px;
}

.carousel-caption .carousel-description {
  font-size: 20px;
  font-weight: 400;
  color: #FEFEFE;
  text-shadow: 2px 2px 2px #141414;
}

.carousel-buttons {
  width: 100%;
  z-index: 99;
}

.carousel-buttons .secondary-btn {
  background-color: #BDE549;
  border: 2px solid #BDE549;
  color: #042C6A;
}
.carousel-buttons .secondary-btn:hover {
  background-color: #FB7B04;
  border: 2px solid #FB7B04;
  color: #FEFEFE;
}


.carousel-caption .carousel-buttons .btn-caption,
.carousel-caption .carousel-buttons .secondary-btn {
  width: auto;
  font-size: 18px;
  }

.carousel-control-prev i,
.carousel-control-next i{
  font-size: 40px;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

.carousel-desc {
  background-color: rgba(0, 0, 0, .4);
}

.bg-slide01 {
  background-image: url(../img/img/imgUsina/DJI_0015.jpg);
}

.bg-slide02 {
  background-image: url(../img/img//imgCampo.jpg);
}

.bg-slide03 {
  background-image: url(../img/img/imgUsina/Indústria\ 1.jpeg);
}

.bg-slide01,
.bg-slide02,
.bg-slide03 {
  background-position: center;
  background-size: cover;
  transition: 1s;
}

/*Sobre a Empresa*/
.sobre-empresa {
  border-radius: 10px;
}
.sobre-empresa a {
  color: #FB7B04;
  font-weight: 600;
  text-decoration: none;
}
.sobre-empresa a:hover {
  color: #FB7B04;
  font-weight: 800;
}
.sobreEmpresa-desc {
  text-align: left;
}


/*Outras informações*/
.outras-inf {
  padding-top: 20px;
}

.outras-inf .title {
  border-bottom: 4px solid #FB7B04;
}

.card {
  height: auto;
  width: 80%;
  background-color: #FEFEFE;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.card-body {
  text-decoration: none;
  height: 100%;
  width: 100%;
}

.card-link {
  height: auto;
  width: 150px;
  border: 1px solid transparent;
}

.outras-inf .card:hover {
  background-color: #FEFEFE;
  transform: scale(1.05);

  .card-title {
    color: #042C6A;
  }

  .card-link {
    background-color: #BDE549;
    border: 1px solid #BDE549;
    color: #042C6A;
  }
  
  .card-title {
    color: #FB7B04;
  }
}

.card .card-img {
  height: 170px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.outras-inf .card .card-img img{
  height: 130px;
}

.card .card-title {
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #042C6A;
}

.card .card-subtitle {
  font-size: 16px;
  font-weight: 500;
}


/*Nossos Produtos   -   carousel2*/
#section-produtos {
  border-radius: 10px;
}

.produtos-img {
  height: 300px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nossosProdutos-title {
  font-size: 26px;
  color: #BDE549;
  font-weight: 700;
}
.nossosProdutos-description {
  font-size: 18px;
  text-align: justify;
}

#section-produtos .contact-button {
  background-color: #FB7B04;
  color: #FEFEFE;
  border: #FB7B04;
  font-weight: 600;
}

.col-body {
  width: 100%;
  text-align: center;
  background-color: #042C6A;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#carousel2 {
  background-color: #042C6A;
  border-radius: 10px;
}

.carousel-item img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #809b31 !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #FB7B04 !important;
}

@media (max-width:768px) {
  .carousel-item img {
    width: 100%;
    height: auto;
  }
}

/*Localização*/
.localizacao {
  padding-top: 20px;
}
.localizacao .title {
  border-bottom: 4px solid #FB7B04;
}
.localizacao p .alternative-text {
  color: #FB7B04;
  font-size: inherit;
}
.localizacao-inf h6 {
  color: #BDE549;
  font-size: 22px;
}
.col-mapa {
  height: 450px;
  border-radius: 10px;
}
.col-mapa iframe {
  border-radius: 10px;
  border: 2px solid #FEFEFE;
  transition: .3s;
}
.col-mapa iframe:hover{
  border: 5px solid #BDE549;
}
.localizacao-list li{
  color: #FEFEFE;
  font-size: 17px;
}

/* Mensagem canto superior direito*/
#msg-supDir {
  top: 90px;
}
.toast {
  width: 400px;
}
.toast:hover {
  background-color: #FEFEFE;
  .toast-body a {
    color: #042C6A;
  }
  .toast-header strong {
    color: #141414;
  }
}

.toast-body a {
  text-decoration: none;
  font-weight: 500;
  color: #141414;
}
.toast-body a:hover {
  font-weight: 700;
}

@media (max-width:768px) {
  .toast {
    width: auto;
  }
}

/*  @Media  */

/*Geral*/
@media (max-width: 768px) {
  .title {
    font-size: 32px;
  }
  .subtitle {
    text-align: justify;
    font-size: 15px;
  }
}

/* Slider / Carousel */
@media (max-width: 768px) {
  #mainPage-carousel {
    height: 75vh;
    width: 100vw;
  }

  .bg-slide01 .carousel-caption .carousel-title {
    font-size: 38px;
  }

  .carousel-caption {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .carousel-caption .carousel-title {
    font-size: 28px;
    text-align: center;
  }
  .bg-slide01 .carousel-caption .carousel-description {
    font-size: 18px;
  }
  .carousel-caption .carousel-description {
    font-size: 14px;
  }

  .carousel-buttons {
    text-align: center;
  }

  .carousel-caption .carousel-buttons .btn-caption,
  .carousel-caption .carousel-buttons .secondary-btn {
    width: auto;
    font-size: 15px;
  }
}
  

/* Nossa Empresa */
@media (max-width: 768px) {
  .nossaEmpresa-desc {
    text-align: justify;
    font-size: 14px;
  }

  .nossaEmpresa-img {
    max-height: 250px;
    max-width: auto;
  }
  
}

/* Nossos produtos */
@media (max-width: 768px) {
  .nossos-produtos .nossosProdutos-description {
    height: auto;
  }
  .nossosProdutos-title {
    font-size: 25px;
  }
  .nossosProdutos-description {
    font-size: 15px;
  }
}

/* Localização */
@media (max-width: 768px) {
  .col-mapa {
    height: 350px;
  }
}

.focus-ring:focus {
  box-shadow: none;
}

/*Autofill Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}