/* HEIGHT 100% */
html, body {
  height: 100%;
}
.bloco {
  min-height: 100%; 
  padding-top: 94px;
}

/* COLORS */



/* LOGO */
.logo_text {
  font-size: 0; 
  margin: 0;
}
.logo_img {
  width: 100px; 
  margin-top: 5px;
}
.logo_img_rodape {
  width: 200px; 
  margin-top: 10px;
}

/* MENU */
.navbar {
  background-color: transparent; 
  transition: background 0.5s linear;
}
.navbar ul a:hover {
  background-color: transparent; 
  color: #f89fa5;
}
.nav-color {
  background-color: rgba(0,0,0,0.2); 
  transition: background 0.5s linear;
}

/* HOME */
.home {
position: relative;
width: 100%;
height: auto;
}

.home .row .col.s12{
  left:0;
}

.nutri-info{
position: absolute;
  bottom: 3%;
}

.home::before {
  content: "";
  position:absolute;
  inset: 0;
/*  animation: mudarbg 20s infinite; */
  background-image: url('../img/bg.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  background-position:bottom;
  background-position:center center;
  z-index: -1;
  opacity: 0.6;
}


.banner h2 {
  font-size: 2.5rem; 
  font-weight: 900; 
  text-transform: uppercase;
}
.banner p {
  font-size: 1.2rem; 
  line-height: 1.8rem;
}

/* HOME - ANIMATION */
@keyframes mudarbg {
    40%  {background-image: url('../img/bg2.jpg');}
    80%  {background-image: url('../img/bg3.jpg');}
    100% {background-image: url('../img/bg.jpg');}
}


/* TITULO E PARAGRAFO */
.titulo {font-size: 2rem; text-transform: uppercase;}
.titulo::after {content: ''; display: block; width: 100px; border-top: 1px solid #a1887f;
margin:15px auto;}
.paragrafo {line-height: 1.8rem; }

/* VIDEO */

.display-flex-center {
  display: flex;
  justify-content: center;
}

/* SOBRE */
.sobre {background-image: url('../img/textura1.png')}
.sobre p {line-height: 1.8rem; text-align: justify;}
.sobre .missao-visao-valores {padding: 20px 0; margin-top: 35px;}
.sobre .missao-visao-valores .icon {color: #fff;}
.sobre .missao-visao-valores h3 {font-size: 1.5rem; color: #fff; text-transform: uppercase;}
.sobre .missao-visao-valores p {color: #fff; text-align: center;}

/* SERVIÇOS */
.servicos {background-image: url('../img/textura2.png');}
.servicos .btn-horario {padding-bottom: 20px;}

/* UNIDADES */
.unidades {
  position: relative;
}
.unidades::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/bg-unidades.jpg');
  background-repeat: no-repeat;
  background-size: cover; 
  background-attachment: fixed;
  z-index: -1;
  opacity: 0.4;
}

.unidades article p {
  line-height: 1.8rem;
}

/* CONTATO */
.contato { background-image: url('../img/textura1.png'); }
.contato h4 {font-size: 1.2rem; text-transform: uppercase; font-weight: 900;}
.contato .mapa {min-height: 660px;}
.contato .mapa iframe {width: 100%; min-height: 660px; border:none;}
.contato .informacoes {background-image: url('../img/textura2.png'); min-height: 660px; padding: 30px; } 
.contato .formulario {min-height: 660px; padding: 30px;}

/* DEPOIMENTOS */
.depoimentos .titulo::after {border-color: #fff;}
.depoimentos img {width: 100px;}
.depoimentos h4 {font-size: 1.2rem; font-weight: 900;}

/* RODAPE */
.rodape {
  position: relative;
}
.rodape::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/bg-rodape.jpg'); 
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center center;
  padding: 30px 0;
  z-index: -1;
  opacity: 0.4;
}

/* CUSTOM */
nav.nav-extended .nav-wrapper {
  min-height: 94px; 
}

.navbar-fixed {
  position: absolute;
  height: 94px;
}

nav, nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons, nav a.button-collapse i {  
  height: 94px;
  line-height: 94px;
}

.side-nav {background: url('../img/textura2.png'); right: 0;}
.side-nav li>a {color: #fff; font-weight: 100;}
.row {margin-bottom: 0;}
.tabs {background-color: #222;}
.tabs .tab a {color: #fff;}
.tabs .tab a:hover, .tabs .tab a.active {color:#f89fa5; }
.tabs .indicator {background-color: #2dc7d0; }

/* MEDIA */
@media only screen and (max-width: 480px) {
.card-image-horizontal {display: none;}
.paragrafo {font-size: 1.3rem; font-weight: 220;}
}

@media only screen and (max-width: 601px) {
.home::before, .unidades::before, .rodape::before {background-position-x: 33%}
.banner {padding-top: 4.5rem;}
.banner h2 {font-size: 4rem;}
.container {width: 85%;}
}

@media only screen and (min-width: 602px) {
.home::before, .rodape::before {background-position-x: 20%}
}

@media only screen and (min-width: 993px) {
.banner {padding-top: 5rem;}
.banner h2 {font-size: 5rem;}
.container {width: 90%;}
}