/* 

Theme Name: Dra Viviane Sanches
Theme URI:    
Author:       
Author URI:   
Description:  
Version:      
Tested up to: 
Requires PHP: 
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         

*/


/* NOTEBOOK > 15" */

@media screen and (min-width: 1440px) { 
    
}

@media screen and (max-width: 1440px) {
   
}

/* NOTEBOOK < 13" */

@media screen and (min-width: 1280px) { 
    
}

@media screen and (max-width: 1280px) {
   
}

/* TABLETS E CELULAR PAISAGEM */

@media screen and (min-width: 991px) { 
    
}

@media screen and (max-width: 991px) {
    
}

/* CELULAR COM TELA GRANDE */

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



}

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

}

/* CELULAR */

@media screen and (min-width: 575px) { 
    
}

@media screen and (max-width: 575px) {
   
}



@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/*Fontes*/


body {
	font-family: "Outfit", sans-serif;
	overflow-x: hidden;
	color:#747d8c;
	animation: fadeInAnimation ease 10s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

/*Animações Fade*/


@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}




/*Menu - navegação*/

.menu-principal {
	background-color: #ffffffe0;
	backdrop-filter: blur(8px);	

}

.collapse.show {
	background-color: #ffffffe0;
	backdrop-filter: blur(8px);	
}


.nav-link {
	color:#747d8c;
	transition: all .4s;
}

.nav-link:hover {
	color:#0e95c5;
}


.redes a {
	background-color: transparent;
	color:#747d8c;
	font-size: 1.2rem;
	border: none;
	transition: .4s;
}

.redes a:hover {
	background-color: transparent;
	color:#0e95c5;
}


/*Títulos*/

.azul {
	color:#0e95c5;
}

.azul-claro {
	color:#04e6f7;
}

.azul-claro-icone {
	color:#82ccdd;
}


/*topo de páginas*/

.bg-imagem {
    width:100%;
    height:100%;
    min-height:100vh;
}
 .bg-cta {
     /*position: absolute;
     bottom:0.5rem;
     left:2.1rem;*/
 }
 
 
 .bg-perfil {
     
 }

.bg-topo-banner {
	width: 100%;
	height: auto;
    min-height:600px;
	background:url(../dra-viviane-sanches/images/bg-topo-banner.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.bg-topo-perfil {
	width: 100%;
	height: auto;
	min-height:600px;
	background:url(../dra-viviane-sanches/images/bg-topo-perfil.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}



/*Botões*/

.btn-agendamento {
	background-color: #ffffff3b;
	transition: background-color .3s;
	backdrop-filter: blur(6px);
	color:#535c68;
	transition: all .4s;
}

.btn-agendamento:hover {
	background-color: #03c1fb8a;
	transition: background-color .3s;
	backdrop-filter: blur(8px);
	color:#FFFFFF;
	transition: all .4s;
}

.agendar {
    color:#535c68;
    transition:all .4s;
}

.icone-bt {
    background-color:#05b5f473;
    padding:8px 10px;
    color:#FFFFFF;
    transition: all.4s;
   
}

.btn-agendamento:hover > .icone-bt {
    background-color:#FFFFFF;
    color:#05b5f473;
}




.btn-agendamento:hover > .icone-bt {
	color:#0e95c5;
}

.btn-light {
background-color:#ffffff;
border: none;
color:#0e95c5;
transition: all .4s;
}

.btn-light:hover {
	background-color: #48dbfb;
	color:#032f3b;
}


.btn-dark {
	background-color: #0e95c5;
	color: #FFFFFF;
	transition: all .4s;
	border:none;
}

.btn-dark:hover {
	background-color: #48dbfb;
	color: #FFFFFF;
}

.btn-outline-info {
    transition:all.4s;
}

.btn-outline-info:hover {
    color:#FFFFFF;
}

.azul-bt {
background-color: #01A3A4;
}

.btn-cinza {
    background-color:#778ca3;
    color:#FFFFFF;
    transition: all.4s;
}

.btn-cinza:hover {
    background-color:#c7ecee;
    color: #0e95c5;
}





/*Serviços*/

#servicos {
	background-color: #dff9fb;
}


#servicos.card {
	color:#747d8c;
}

.icone-card {
	background-color: #0e95c5;
	color: white;
	border:0;
	width: 52px;
	height:52px;
	position:absolute;
	right:-16px;
	top:-16px;
	border-left:12px solid #dff9fb;
	border-bottom:12px solid #dff9fb;
}

.bg-azul-claro {
color:#747d8c;
transition: all.4s;
}

.bg-azul-claro:hover {
	background-color: #0e95c5;
	color:white;
}

.bg-azul-claro:hover > .icone-card {
	transition: all .4s;
	background-color:white;
	color:#0e95c5;
}

.icone-card:hover > .btn-cinza {
    background-color:#0be881;
}

/*FAQ*/

.accordion-item, .accordion-button {
	color:#747d8c;
}

.accordion-button:not(.collapsed) {
	color:#0e95c5;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0rem rgba(13, 109, 253, 0);
}


/*Compromisso*/

.bg-azul {
	background-color: #0e95c5;
}

.img-frase {
	margin-top: -92px;
}

/*Redes Sociais*/

.btn-redes {
	background-color: #ffffff3e;
	transition: background-color .3s;
	backdrop-filter: blur(6px);
	color:#010f14;
	transition: all .4s;
}

.btn-redes:hover {
	background-color: #03c1fb8a;
	transition: background-color .3s;
	backdrop-filter: blur(8px);
	color:#FFFFFF;
	transition: all .4s;
}

.bg-topo-redes-sociais {
	width: 100%;
	height: auto;
	min-height:600px;
	background:url(../dra-viviane-sanches/images/dra-viviane-sanches-redes-sociais.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.rosa {
	color: #df5baa;
}

/*Contato*/

.form-control {
	background-color: #0e95c5;
	transition: 4s;
	border:none;
  }

  .form-control:hover {
	background-color: #02eaff;
	
  }

  .bg-fale-conosco {
	width: 100%;
	height: auto;
	min-height:600px;
	background:url(../dra-viviane-sanches/images/dra-viviane-sanches-fale-conosco.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*Footer*/

.rdp {
	background-color: #0e95c5;
}

#img-local {
    margin-top:-116px;
}

.rdp .nav-link, .navbar-brand {
	font-weight:200;
	color: #7efff5;
	transition: all .4s;
}

.rdp .nav-link:hover, .navbar-brand:hover {
	color: #FFFFFF;
}


.rdp .redes a {
	background-color: #3a4444;
	color: #ffffff;
	font-size: 1.2rem;
	border: none;
	transition: .4s;
}

.rdp .redes a:hover {
	background-color: #2ed573;
	
}

/*Botão de Voltar ao Topo*/

.topo {
    width: 40px;
    height: 40px;
	border-radius: 22px;
    background-color: #18dcff79;
    text-decoration: none;
	transition: all .4s;
}

.topo:hover {
	background-color: #18dcfff3;
}
.topo::after {
    content: "↑";
    font-size: 22px;
    font-weight: light;
    color: aliceblue;
    transition: margin-top 250ms;
}
.topo:hover::after {
    margin-top:-8px;
}

/*Botão voltar ao topo*/

#btn-back-to-top {
  position: fixed;
  bottom: 78px;
  right: 27px;
  display: none;
}