/*
Theme Name: Landing page
Theme URI: https://elmosite.com/
Author: Elmo felipe
Author URI: https://elmosite.com/#portfolio
Description: Landing page
Version: 1.0
Text Domain: Landing page
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* BOTÕES STICKY */

.section-bt-sticky {
  max-height:0px !important;
  width: fit-content !important;
  position: fixed !important;
  bottom: 10% !important;
  right: 5% !important;
  transition: opacity 0.3s ease-in-out !important;
  z-index: 111 !important;
}

.bt-sticky {
  margin: 0 !important;
}

#balao-olhi {
  opacity: 0;
  top: 4px;
  left: -125px;
  transition: opacity 0.5s ease-in-out;
}

#balao-olhi .bt-fechar {
  position: absolute;
  top: -5px;
  left: -2px;
  font-family: Montserrat;
  color: #33333370;
  cursor: pointer;
  padding: 5px 10px;
}


#balao-olhi:after {
  border-bottom: 28px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0px;
  width: 0;
  border-left: 20px solid #ffffff;
  border-top: 26px solid transparent;
  right: -20px;
  filter: drop-shadow(30px 10px 12px rgba(0, 0, 0, 0.5));
}

@media (max-width: 767px) {
}

/*===========================
    Footer
=============================*/

#footer .bg-wrap{
  background: #fff;
}

#footer .foto{
  width: 98px;
}
#footer p{
  color: #013B7F;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 25px;
  text-align: left;
  font-family: Inter;
}
#footer .media img{
  width: 50px;
}

#footer .linha2 p{
  font-weight: 700;
  font-size: 1.5rem;
}

#footer .linha3 a{
  color: #013B7F;
  font-family: Inter;
  font-weight: 400;
  font-size:1.5rem;
}

#footer .linha3 p{
  font-weight: 700;
  font-size:1rem;
}

 @media (max-width: 770px) {
#footer .container-fluid>div{
  gap:20px;	 
}

#footer .linha3{
  display:none;
}
	 
#footer .linha4>div{
  padding:0;
}
	 
#footer .linha4{
  flex-direction: column-reverse;
}
	 
#footer .linha4 p{
  margin-right:auto;
  margin-left:0;
  margin-top: 20px;
}
	
}

/*===========================
    Noticias
=============================*/

@media (max-width: 600px) {
  #draft-image {
    padding: 20px;
  }
}

@media (max-width: 600px) {
  #noticias-colunas {
    height: 15vh;
  }
}

/*===========================
    Landing Page Nova
=============================*/

/*		FORM		*/
.landing-form-section .wpforms-container .wpforms-field-container {
	display:flex;
	justify-content: space-around;
  flex-wrap:wrap;
}

.landing-form-section .wpforms-container .wpforms-field-container .wpforms-field {
	width: 48%;
	min-width: 200px;
	color:  #013B7F;
	font-family: Inter;
	font-weight: 500;
}

.landing-form-section .wpforms-container .wpforms-field-container .wpforms-field input {
	border-radius: 8px;
	border: 1px solid #013B7F;
}

.landing-form-section .wpforms-container .wpforms-submit-container {
	display:flex;
	justify-content: center;
}

.landing-form-section .wpforms-container .wpforms-submit-container .landing-form-button {
	background-color: #6EC043;
	border-radius: 12px;
	width: 100%;
	color: #fff;
	font-family: Inter;
	font-weight: 700;
}

/*		CARD DE RECOMENDAÇÃO		*/
.rec-card .rec-card-text{
	background-color: #fff;
	border-radius: 20px;
}

.recomendacoes .owl-item {
	background-image: url("https://olhi.com.br/wp-content/uploads/2024/01/Square_roxo-1-1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	border-radius: 20px;
}

.recomendacoes .content-box{
	padding: 2em 2em;
}

.recomendacoes-cliente .content-box{
    height: 500px;
    max-height: 90vh;
}

.recomendacoes .nome-box{
	color: #fff;
	text-align: top;
	padding: 0 1em;
}

.recomendacoes-cliente .nome-box h2{
	font-size:1.7rem;
}

.recomendacoes .relato-box{
	background: #fff;
	border-radius: 20px;
	padding: 1em;
}

.recomendacoes-cliente .relato-box{
    min-height: 80%;
}

.recomendacoes .relato-box p{
	margin-bottom:0;
}



/*		FAQ		*/
.faq-landing{
	margin-bottom:0 !important;
}

.faq-landing .elementor-accordion-item{
	margin: 10px 0;
}

/*===========================
    Quero ser uma profissional 
=============================*/

/*		CARD DE RECOMENDAÇÃO		*/
#rec-profissional .recomendacoes .owl-item {
	background-image: url("https://olhi.com.br/wp-content/uploads/2024/01/BG-Quer-ser-prof-Recomendacao.png");
}

#rec-profissional .recomendacoes .content-box{
    min-height: 36em;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

#rec-profissional .recomendacoes .info-box{
	padding: 0;
    display: flex;
    gap: 5%;
 	margin-bottom:2em;
	height:100px;
}

#rec-profissional .recomendacoes .info-box .foto-box{
	background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	height: 75px;
    min-width: 75px;
    max-width: 75px;
	overflow: hidden;
}

#rec-profissional .recomendacoes .info-box .foto-box img{
	object-fit:cover;
	min-width: 100%;
}

#rec-profissional .recomendacoes .info-box .nome-box{
	color:  #013B7F;
	font-family: Inter;
	padding: 0;
}


#rec-profissional .recomendacoes .info-box .nome-box h2{
	margin-bottom: 0;
    font-size: 1.5em;
    font-weight: 600;
}

#rec-profissional .recomendacoes .info-box .nome-box span{
	font-style: italic;
	font-weight: 600;
}

#rec-profissional .recomendacoes .relato-box{
    min-height: 22em;
}

#rec-profissional .recomendacoes .relato-box .ler-mais{
	cursor:pointer;
	font-size: 0.75em;
	color:#013B7F;
	font-weight:600;
}

#rec-profissional .recomendacoes .relato-box .ler-mais-texto{
	display:none;
}

#rec-profissional .recomendacoes .relato-box .ler-menos{
	display: none;
}

#rec-profissional .recomendacoes .relato-box.view-all .ler-mais{
	display:none
}

#rec-profissional .recomendacoes .relato-box.view-all .ler-mais-texto{
	display: inline;
}

#rec-profissional .recomendacoes .relato-box.view-all .ler-menos{
	display: inline;
}


/*===========================
    Economia do cuidado 
=============================*/

/*		CARD DE ESTATÍSTICAS		*/

#stats-rec .estatisticas .carousel-estatisticas .stats-card{
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 300px;
    padding: 1.5rem;
    margin: 1.5rem;
    border-radius: 20px;
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.25);
}

#stats-rec .owl-stage{
	display:flex;
	align-items:center;
}

#stats-rec .stats-card p{
	font-size:1.3em;
	line-height: 1.2em;
	font-weight:400;
	color:#013B7F;
}

#stats-rec .stats-card p span{
	font-size:1.4em;
}

@media (max-width: 600px) {
	
	#stats-rec .estatisticas .carousel-estatisticas .stats-card{
		margin:1em;
		min-height:25vh;
	}
	
	#stats-rec .stats-card p{
		font-size:1em;
	}
	
	#stats-rec .stats-card p span{
		font-size:1.3em;
	}
}