@charset "utf-8";
/**
 *------------------------------------------------------------------------------
 * JOÃO CRISOSTOMO
 *------------------------------------------------------------------------------
 * @website		  cafilesa.com
 * @authors     SKYTRAILS
 * @System      j! 5
 *------------------------------------------------------------------------------
 */



/* STAGE
 =========================================================================== */

/*Isto é as borders no stage para o site da Ana Mestre*/
/*
 #stage{
  border-left: solid 0px transparent;
  border-right: solid 0px transparent;
}
@media (min-width: 992px) {
  #stage{
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
  }
}
*/
/* TOPBAR
 =========================================================================== */
 /*bandeirinhas*/
#topbar {
  align-items: center;
  height: 10px;
  z-index: 99;
}

/* HEADER
 =========================================================================== */

header {
  /* background-color: var(--body-bg); */
  /* backdrop-filter: blur(5px); */
  margin-bottom: 0px;
}
header.sticky-top{
  top: -1px !important;
}
header .container-navbar {
  background-color: transparent;
}
/*LOGOTIPO*/
header .brand-box {
  height: 100%;
  width: 100%;
}
header .logotipo {
  display: inherit;
}
header .logotipo a {
  color: rgb(44, 48, 53);
}
header .logotipo a:hover {
  color: rgb(44, 48, 53);
}
header .logotipo h1 {
  text-transform: uppercase;
  font-family: cera pro;
  letter-spacing: 0.1rem;
  font-size: clamp(1.1rem, 2vw + 1rem, 2.2rem);
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  font-weight: 500;
}
.logotipo img,
.logotipo svg {
  max-height: 90px;
  width: 100%;
  object-fit: cover;
}

/* BANNER
 =========================================================================== */


/* HOME - PAGE
 =========================================================================== */
 #home-cover {
  /* height: 700px; */
  /* overflow: hidden; */
  
  /* background-color: aquamarine;
  background-color: var(--body-bg); */
  background-color: #ececec;
  /* background-color: #c6f7e6; */
  padding-top: 15px;

}

.home-cover-text {
  background-color: rgb(212, 209, 204);
  background-color: transparent;
  /* padding-top: 100px */
  padding: 30px
}
.home-cover-text h1 {
  font-size: clamp(2.4rem, 2vw + 1.3rem, 3.5rem);
}
.home-cover-text h2 {
  line-height: 1;
  margin-top: 1.3rem;
  font-size: clamp(2.2rem, 2vw + 0.9rem, 3rem);
}
.home-cover-foto {
  background-color: transparent;
  margin-top: 0px;
  height: 600px;
}
@media(min-width:576px) {
  .home-cover-foto {
    height: 650px;
  }
}
.home-cover-foto img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 0%;
  opacity: 1;
}

/*=============================================/
  TEXTO INTRODUTÓRIO
*/
.text-intro{
  font-family: 'Times New Roman', Times, Georgia, serif;
  font-size: clamp(1.2rem, 1vw + 1.1rem, 1.4rem);
  line-height: 1.5;
  color: #6b6e70;
  padding: 30px;
  margin-top: 0px;
  margin-bottom: 30px;
}
@media(min-width:768px) {
  .text-intro {
    margin-top: 30px;
  }
}
/*=============================================/
  TIMELINE 7
*/
.py-8 {
  padding-bottom:4.5rem!important;
  padding-top:4.5rem!important
}
@media(min-width:576px) {
  .py-sm-8 {
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
  }
}
@media(min-width:768px) {
  .py-md-8 {
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
  }
}
@media(min-width:992px) {
  .py-lg-8 {
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
  }
}
@media(min-width:1200px) {
  .py-xl-8 {
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
  }
}
@media(min-width:1400px) {
  .py-xxl-8 {
    padding-bottom:4.5rem!important;
    padding-top:4.5rem!important
  }
}
.timeline-7 {
  --bsb-tl-color:rgb(225, 218, 205);
  --bsb-tl-circle-color: var(--body-bg);
  --bsb-tl-circle-border-color:rgb(225, 218, 205);
  --bsb-tl-indicator-color:transparent;
  --bsb-tl-circle-size:16px;
  --bsb-tl-circle-offset:8px;
  --bsb-tl-circle-border-size:2px
}
.timeline-7 .timeline {
  list-style:none;
  margin:0;
  padding:0;
  position:relative
}
.timeline-7 .timeline::after {
  background-color:var(--bsb-tl-color);
  bottom:0;
  content:"";
  left:0;
  margin-left:-1px;
  position:absolute;
  top:0;
  width:2px;
  display: none;
}
@media(min-width:768px) {
  .timeline-7 .timeline::after {
    left:25%;
    display:block;
  }
}
.timeline-7 .timeline>.timeline-item {
  margin:0;
  padding:0;
  margin-top:0px;
  position:relative
}
.timeline-7 .timeline>.timeline-item::after {
  background:var(--bsb-tl-circle-color);
  border:var(--bsb-tl-circle-border-size) solid var(--bsb-tl-circle-border-color);
  border-radius:50%;
  content:"";
  height:var(--bsb-tl-circle-size);
  left:calc(var(--bsb-tl-circle-offset)*-1);
  position:absolute;
  top:calc(50% - var(--bsb-tl-circle-offset));
  top: calc(150px - var(--bsb-tl-circle-offset));
  width:var(--bsb-tl-circle-size);
  z-index:1;
  display: none;
}
.timeline-7 .timeline>.timeline-item .timeline-body {
  margin:0;
  padding:0;
  position:relative
}
.timeline-7 .timeline>.timeline-item .timeline-year {
  padding:0 0 1rem 2.5rem
}
.timeline-7 .timeline>.timeline-item .timeline-year h2{
  padding:0;
  margin: 0;
  font-size: 2.5rem;
}
.timeline-7 .timeline>.timeline-item:first-child .timeline-year {
  padding:2.5rem 0 1rem 2.5rem
}
.timeline-7 .timeline>.timeline-item .timeline-content {
  padding:0 0 2.5rem 2.5rem
}
@media(min-width:768px) {
  .timeline-7 .timeline>.timeline-item {
    left:25%;
    width:70%
  }
  .timeline-7 .timeline>.timeline-item .timeline-year {
    display:flex;
    justify-content:flex-end;
    left:-100%;
    margin:0;
    padding:0 2.5rem 0 0;
    position:absolute;
    top:calc(50% - 29px);
    top:calc(150px - 29px);
    width:100%;
    z-index:1
  }
  .timeline-7 .timeline>.timeline-item:first-child .timeline-year {
    padding:0 2.5rem 0 0
  }
  .timeline-7 .timeline>.timeline-item .timeline-year h2{
    font-size: calc(1.8rem + 0.9vw);
  }
  .timeline-7 .timeline>.timeline-item .timeline-content {
    padding:2.5rem
  }
  .timeline-7 .timeline>.timeline-item .timeline-indicator {
    position:relative
  }
  .timeline-7 .timeline>.timeline-item .timeline-indicator::after {
    border-width:1px;
    border:10px solid var(--bsb-tl-indicator-color);
    border-color:transparent var(--bsb-tl-indicator-color) transparent transparent;
    border-left-width:0;
    content:"";
    left:calc(2.5rem - 10px);
    position:absolute;
    top:calc(50% - var(--bsb-tl-circle-offset));
    z-index:1
  }
  .timeline-7 .timeline>.timeline-item::after {
    display: block;
  }
}

/* SERVICES - PAGE
 =========================================================================== */


/* PROJECTS - PAGE
 =========================================================================== */


/* LOGIN & REGISTER
 =========================================================================== */

/*
**  REGRAS GERAIS
*/
.required span.star,
.required span.star {
  color: #f29d83;
  display: inline-block;
}
/*Mostra informação nos campos que necessitam ser preenchidos*/
.form-control-feedback {
  display: block;
}
.invalid {
  border-color: #a51f18;
  color: #a51f18;
}
/*Botão icon show/hide password*/
.input-password-toggle {
  background-color: #fff !important;
  border-color: #ced4da !important;
  color: #353b41 !important;
}
.input-password-toggle:focus,
.input-password-toggle:hover {
  background-color: #f9fafb !important;
  color: #353b41 !important;
  border-color: #ced4da !important;
}
/*informação sobre o tipo de password admitida*/
.text-muted {
  --text-opacity: 1;
  color: #6d757e !important;
}
/*
** MODULO LOGIN & REGISTER
*/
.com-users-login.login,
.com-users-registration.registration {
  max-width: 420px;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 60px;
  padding: 15px 25px;
  background-color: #fbfbfb;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid lightgrey;
  border-radius: 0.25em;
}
.com-users-login.login label,
.com-users-registration.registration label {
  display: inline-block;
  margin-bottom: 0.3rem;
  color: gray;
  width: 100%;
}
.com-users-login.login .form-check,
.com-users-registration.registration .form-check {
  display: inherit;
}
.com-users-login.login .form-check label,
.com-users-registration.registration label {
  text-align: left;
}
.com-users-login.login .btn.btn-primary,
.com-users-registration.registration .btn.btn-primary {
  font-size: 1rem;
  color: var(--btn-color);
  background-color: var(--btn-bg);
  border: 1px solid var(--btn-border-color);
  width: 100%;
  margin-top: 10px;
}
.com-users-login.login .btn.btn-primary:hover,
.com-users-registration.registration .btn.btn-primary:hover {
  color: var(--btn-hover-color);
  background-color: var(--btn-hover-bg);
  border-color: var(--btn-hover-border-color);
}
.com-users-login.login fieldset,
.com-users-registration.registration fieldset {
  margin-bottom: 0;
}
.com-users-registration.registration .list-group-item {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 1px;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, 0.125);
  font-size: 13px;
  color: gray;
  text-align: center;
}
/*Mensagem de erro*/
.com-users-login.login span.form-control-feedback,
.com-users-registration.registration span.form-control-feedback {
  display: none;
}
.com-users-login.login .invalid,
.com-users-registration.registration .invalid {
  border-color: #f29d83;
  /* color: #a51f18; */
}
.com-users-login__options {
  margin: .5em 0;
}
.com-users-login__options .list-group-item{
  display: block;
  font-size: 0.9rem;
  text-decoration: none;
}