/*
Author       : Dreamguys
Template Name: Doccure - Bootstrap Template
Version      : 1.3
*/

/*============================
 [Table of CSS]

1. General
2. Land Page
3. Escolha seu terapeuta

Verde Escuro - #59AA47
Verde Claro  - #85CC71
Verde Claro  - #20D277 - verde mais vivo

========================================*/

/*-----------------
	1. General
-----------------------*/

.section-features 								 {padding: 50px 0;}

.bg-success, .badge-success 					 {background-color: #85CC71 !important;}
.btn 											 {border-radius: 100px;}
.btn-primary 									 {background-color: #85CC71; border: 1px solid #85CC71;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {background-color: #91D17E; border: 1px solid #91D17E;}
.view-btn 										 {color: #fff; border: 2px solid #85CC71; background-color: #85CC71;}
.view-btn:hover 								 {background-color: #fff; color: #85CC71;}

.btn-call-to-action 							 {background-color: #85CC71; color: #fff; border-radius: 7px; -webkit-box-shadow: 5px 5px 0px 0px #D0D0D0; box-shadow: 5px 5px 0px 0px #D0D0D0; border: 1px solid transparent;}
.btn-call-to-action:hover 						 {color: #85CC71; background-color: #fff; border: 1px solid #85CC71;}

.logo 											 {width: 220px;}
.bar-icon span 									 {background-color: #85CC71;}
.bg-primary, .badge-primary 					 {background-color: #85CC71 !important;}
a:hover 										 {color: #85CC71;}
.main-nav > li.active > a 						 {color: #85CC71;}
.text-primary, .dropdown-menu > li > a.text-primary {color: #85CC71 !important;}

.border-1										 {border: 1px solid;}
.border-2										 {border: 2px solid;}
.border-3										 {border: 3px solid;}
.border-4 										 {border: 4px solid #85CC71;}
.border-5										 {border: 3px solid;}

.schedule-header-title 							 {border-top-left-radius: 25px; border-top-right-radius: 25px;}

.doctor-img img {
	border-radius: 100%;
	border: 4px solid #85CC71;
	width: 160px;
	height: 160px;
	object-fit: cover;
    object-position: 100% 0;
}

/* Header */
.header-navbar-rht li a.header-login 			 {border: 2px solid #85CC71; color: #85CC71;}
.header-navbar-rht li a.header-login:hover 		 {border-color: #85CC71; background-color: #85CC71;}
.header .header-navbar-rht li a.header-login	 {border-radius: 100px; padding: 5px 15px !important;}

/* Footer */
.footer .footer-title 							 {margin-bottom: 10px; color: #585858; font-size: 18px; font-weight: 500;}
.footer .footer-menu ul li a 					 {color:#585858; padding-left: 0; transition: none;}
.footer .footer-widget.footer-menu ul li a:hover {color: rgb(22, 21, 21); padding-left: 0; letter-spacing: 0;}
.footer .footer-menu ul li a::before 			 {display: none;}

/*-----------------
	2. Land Page
-----------------------*/

/* Banner apresentacao */
.banner-apresentacao 							 {background: none; margin-top: 80px;}
.banner-apresentacao img 						 {border-radius: 1000px; max-width: 570px;}

/* Section 1 - Frase com imagem verde fixa de fundo */
.section-1 										 {background: url(../img/landpage/bg-section-1.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.section-1 h2 									 {text-shadow: 3px 3px 3px rgba(95, 66, 66, 0.35);}

/* Section 2 - Mas afinal, o que é Terapia Financeira? */
.section-2 img 									 {border-radius: 1000px; -webkit-box-shadow: 5px 5px 0px 5px #85cc7187; box-shadow: 5px 5px 0px 5px #85cc7187;}

.section-4 .btn-call-to-action 					 {background-color: #fff; color: #85CC71;}
.section-4 .btn-call-to-action:hover 			 {background-color: #85CC71; color: #fff; border: 1px solid #fff;}

/* Section-7 - Avaliações */
/* .section-7 									 {background-color: #6BD37E;} */
/* .section-7 .card 							 {border-radius: 25px;} */

/* Section-10 - A TERAPIA FOI PENSADA PARA... */
.section-10 									 {padding-top: 0;}
.section-10 .card 								 {border-radius: 50px;}

/* Section-11 - Quem é o Profissional que irá conduzir o seu processo de transformação? */

.section-11 img 							 	 {border-radius: 1000px; -webkit-box-shadow: 5px 5px 0px 5px #85cc7187; box-shadow: 5px 5px 0px 5px #85cc7187;}

/*-----------------
	3. Página - Escolha seu Terapeuta
-----------------------*/

/* Busca */
.section-search 								 {background: none; padding-top: 140px;}
.search-box .search-btn span 					 {display: block;}
.search-box .search-btn .fa-search 				 {display: none;}
.section-search .search-info .form-control 		 {background: none; background-color: #F2F2F2; border: none; border-radius: 12px;}


/* Filtro dos terapeutas */
.section-filter 								 {background: #85CC71; padding-top: 10px; padding-bottom: 10px;}
.section-filter .form-group 					 {margin-bottom: 0;}
.section-filter .form-group 					 {background: #fff; border-radius: 8px;}
.section-filter label 							 {position: relative; bottom: -10px; margin-bottom: 0; margin-left: 5px;}
.section-filter .form-control 					 {font-size: 20px; font-weight: 600; border-color: transparent; min-height: 0; padding: 0;}

/* Contagem dos terapeutas */
.section-counter								 {padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 0px 10px 15px -9px rgba(0,0,0,0.2); 
	box-shadow: 0px 10px 15px -9px rgba(0,0,0,0.2);}
.section-counter .badge 						 {position:relative; width: 5px; height: 5px; display: block; top: -10px; left: -5px; padding: 5px;}
.section-counter .badge-online 					 {background: #7BE65D;}
.section-counter .badge-offline					 {background: #f50303;}
.section-counter .terapeutas-online 			 {border-bottom: 2px solid #85CC71; padding-bottom: 7px;}

/* Section terapeutas */
.section-doctor 								 {padding: 40px 0;}
.section-doctor .section-header 				 {margin-bottom: 120px;}
.section-doctor .doctor-slider .doc-img,
.section-doctor .doctor-slider .slick-list 		 {overflow: visible;}
.section-doctor .doctor-slider .doc-img 		 {position: absolute; top: 0; left: 50%; margin-left: -80px; margin-top: -80px	;}
.section-doctor .doctor-slider .doc-img img 	 {border-radius: 100%; width: 160px; height: 160px; border: 4px solid #85CC71;}
.section-doctor .doctor-slider .pro-content 	 {margin-top: 70px;}
.section-doctor .doctor-slider .profile-widget 	 {border-radius:30px; text-align: center;}
.section-doctor .profile-widget .speciality      {min-height: 0;}
.profile-widget .rating 						 {margin-bottom: 5px;}

.clinic-booking a.apt-btn 						 {margin-left: auto; margin-right: auto;}
.call-modal .modal-content 						 {text-align: center;}
.modal .clinic-content p 						 {margin-bottom: 0;}
.modal-content .location-list 					 {border: none;}
.modal-content .location-list .clinic-content:first-child {padding-top: 0;}
.call-modal .modal-body 						 {padding-top: 20px;}
.modal-content .location-list .clinic-content 	 {width: 100%; padding: 30px 0; border-bottom: 1px solid #d1d1d1;  margin-bottom: 10px;}
.modal-content .location-list .clinic-content  p, 
.modal-content .location-list .clinic-content .clinic-name  a  {color: #85CC71;}
.modal-content .location-list .clinic-content .clinic-name  a:hover {color: #272b41;}

/* Media Queries */

@media only screen and (min-width: 768px) {

	.btn-call-to-action 			 			 {margin-top: 30px;}

	.main-menu-wrapper 							 {display: none;}
	.section-search .search-box .search-info 	 {-ms-flex: 0 0 630px; flex: 0 0 630px; width: 630px;}
	.section-search .search-box .search-btn 	 {width: 146px; -ms-flex: 0 0 46px; flex: 0 0 146px;}

	/* Texto com alinhamento vertical */
	.vertical-align			 				 	 {position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); margin-left: 10px;}

	.section-1 .row 							 {padding-top: 100px; padding-bottom: 100px;}

	/* Entenda como a Terapia Financeira Funciona */
	/* .section-6 									 {margin-bottom: 127px;} */
	
    .section-5 img                               {max-width: 460px; margin-left: 70px;}
    
	/* Avaliações */
	.section-7 						 			 {background: url(../img/landpage/bg-avaliacoes.png) no-repeat center; height: 1253px;}
	/* .section-7:before 							 {content: ''; display: block; position: relative; top: -251px; margin-left: auto; margin-right: auto; background: url(../img/landpage/avaliacoes-before.png) no-repeat center; height: 171px;} */
	/* .section-7:after 							 {content: ''; display: block; position: relative; bottom: -75px; background: url(../img/landpage/avaliacoes-after.png) no-repeat center; height: 267px;} */

	/*  .section-8 									 {margin-top: 200px;} */

	.section-10 .card 							 {min-height: 278px; height: 100%;}
	.section-11 .row 							 {padding-top: 30px; padding-bottom: 30px;}

}

@media only screen and (max-width: 991.98px) {

	.sidebar-overlay.opened 					 {z-index: 1029;}
	.main-nav > li 								 {border-bottom: 1px solid #85CC71;	margin-left: 0;}
	.main-menu-wrapper 							 {bottom: auto;}
	
	.search-box .search-info 					 {-ms-flex: 0 0 650px; flex: 0 0 650px;	width: 650px;}
	
	.section-3 .about-content 					 {margin-bottom: 10px;}

}

@media only screen and (max-width: 575.98px) {

	.btn-call-to-action 						 {padding-right: 1rem!important; padding-left: 1rem!important;}
	
	.navbar-brand.logo img 						 {height: 50px;}

	.search-box .search-info 					 {width: 100%; -ms-flex: none; flex: none;}
	
	.banner-apresentacao img 					 {width: 100%;}
	.banner-apresentacao .banner-texto-apresentacao {text-align: center; margin-bottom: 30px;}

	.section-1 									 {background-attachment: inherit;}

	.section-2 img 								 {width: 100%;}
	.section-2 .texto-apresentacao 				 {text-align: center; margin-bottom: 30px;}

	.section-3 .box-titulo						 {margin-bottom: 0!important;}

	.section-4 img 								 {width: 100%;}

	.section-5 img 								 {width: 100%; margin-bottom: 30px;}
	.section-5 .texto-apresentacao 			 	 {text-align: center; padding-bottom: 30px;}

	.section-11 img 							 {width: 100%;}
	.section-11 .texto-apresentacao 			 {text-align: center; margin: 20px 0;}
	
	.booking-schedule .day-slot li,
	.booking-schedule .time-slot li 			 {-ms-flex: 0 0 25%;	flex: 0 0 25%;	width: 25%;}

}

@media only screen and (max-width: 767.98px) {

	.day-slot li small.slot-year 			 	 {display: inline;}

}


@media only screen and (max-width: 479px) {
	
	.btn-call-to-action 			 			 {font-size: 1.2rem;}

	.section-search 							 {padding-top: 120px;}

	.section-features, .section-features, .section-specialities {padding: 30px 0;}

	.section-4 iframe 							 {width: 100%; height: auto;}

	.section-7 									 {padding: 0;}
	.section-7 						 			 {background: url(../img/landpage/bg-avaliacoes-mobile.png) no-repeat center; height: 834px;}

	.section-9 img 								 {width: 95%;}

	.review-listing iframe 						 {width: 100%; height:auto;}

	.certificado img 							 {width: 100%;}
	
	.modal 				 						 {padding-right: 0!important;}
	.modal-dialog.modal-dialog-centered 		 {margin-left: auto; margin-right: auto;}
	
	.myvideo-dimensions 						 {width: auto; height: 184px; background: transparent!important;}
	.vjs-afterglow-skin video 					 {background-color: transparent!important;}

	.footer-top 								 {text-align: center; padding-bottom: 60px!important;}

}

@media screen and (min-width: 0px) and (max-width: 700px) {

	#mostra 									 {display: block;}
	#esconde 									 {display: none;}

  }

  @media screen and (min-width: 701px) and (max-width: 3000px) {

	#mostra 									 {display: none;}
	#esconde 									 {display: block;}
	
}