// @import "~bootstrap/scss/functions";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import "../../../node_modules/bootstrap/scss/functions";
@import "./abstracts/variables";

// Create your own map
$custom-colors: (
    "custom-color": #13a89e, 
    "custom-color-ligth": #e6f4f3 );


@import "../../../node_modules/bootstrap/scss/variables";
@import "../../../node_modules/bootstrap/scss/mixins";

// Merge the maps
$theme-colors: map-merge($theme-colors, $custom-colors);
$font-family-base: 'Lato', sans-serif;





@import "../../../node_modules/bootstrap/scss/bootstrap";

.logo {
    max-width  : 150px;
    margin-left: 20px;
}


.btn-header{
    --bs-btn-border-radius: 0;
    --bs-btn-font-weight: 700;
}



// .texto-default{
//     font-size: 1.2em;
// }

.carousel-caption {

    /*bottom: 4rem;*/
    z-index: 10;
    min-height: 70%;
    vertical-align: middle;
  }
  
  .carousel-caption h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    font-weight: normal;
  }
  
  .carousel-caption p {
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
  }
  
  
  
  /* Declare heights because of positioning of img element */
  
  .carousel-item {
    height: 16rem;
  }
  
  .carousel-item .fundo-carousel {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 16rem;
    background: radial-gradient(#B3B3B3, slategray 95%);
  }

  @media (max-width: 762px) {  /* Só celular */

    .carousel-item {
        height: 26rem;
      }
  
  }