:root {
  --laranja: #EA771E;
}

.cor-laranja { color: var(--laranja) !important; }
.bg-laranja { background-color: var(--laranja) !important; }

.mb-6 { margin-bottom: 4rem; }

#mainNav .navbar-nav li.nav-item a.nav-link:hover { color: var(--laranja); }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active { background: var(--laranja) !important; }
#mainNav .navbar-nav li.nav-item a.nav-link.active { color: #fff !important; }

header .logo {  }
header .logo img { display: block; margin: auto; max-width: 100%;  }
header .logo.mobile { display: none; }
@media (max-width: 767.98px) {
  header .logo.mobile { display: block; }
  header .logo.desktop { display: none; }
}
@media (max-width: 992px) {
  #mainNav .navbar-nav > li.nav-item > a.nav-link { padding-left: 1em !important; padding-right: 1em !important; }
}

.portfolio .portfolio-item { cursor: auto; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); }

.prd-legenda { position: absolute; left: 0; top: calc( 50% - 0.8em ); width: 100%; background: rgba(255,255,255,0.85); font-size: 1.4em; line-height: 1.6em; text-align: center; z-index: 100; text-transform: uppercase; }
@media (max-width: 992px) {
  .prd-legenda { font-size: 1em; }
}


.float { position:fixed; width:60px; height:60px; bottom:25px; right:20px; background-color:#25d366; color:#FFF !important; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); z-index:100; }
.float:hover { filter: brightness(1.1); }
.my-float { margin-top: 16px; }

.btn.disabled { filter: grayscale(100%); }
.btn-primary { background-color: var(--laranja) !important; border-color: var(--laranja) !important; }
.btn-primary:hover { filter: brightness(1.1); }


.obs { color: #ccc; }

.endereco { font-size: 1.6em; line-height: 1.5em; }
.endereco p { margin-bottom: 1.5em; }
.endereco p.menor { font-size: 0.8em; line-height: 1.5em; }
.endereco a { color: #fff !important; text-decoration: underline; }
.endereco a:hover { text-decoration: none; }


.box-contato { text-align: center; }
.box-contato h4 { text-align: center; }
.box-contato h5 a { color: var(--laranja) !important; }
.box-contato h5 a:hover { text-decoration: none; }

@media (max-width: 767.98px) {
  .masthead { padding-top: calc(2.5rem + 74px); padding-bottom: 2.5rem; }
}