/* 

Theme Name: Veterinária Alvorada
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) {
   
}



  /* Animações de entrada */
    .fade-up, .zoom-in {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease-out;
    }
    .zoom-in {
      transform: scale(0.9);
    }
    .show {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

/* NAVEGAÇÃO */


#headerNavbar {
	z-index: 2005;
}

.info {
	background-image: linear-gradient(to left, #1b83d1, #0078e1, #006bef, #005af7, #3742fa);
	text-align: center;
	
}

.info p {
	color: white;
	padding: 0;
	margin-bottom: 0;
}

.info a{
	color:  white;
	text-decoration: none;
}

.navbar-toggler {
	border:2px solid #0096dd;
}

.navbar-toggler i {
	color: #0096dd;
	font-size: 1.6rem;
}


html {
        scroll-behavior: smooth;
      }

.woocommerce-pagination ul.page-numbers li, 
.bootstrap-pagination .pagination li 
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background: whitesmoke;
    margin-right: 1rem;
    transition: .4s;
}

.woocommerce-pagination ul.page-numbers li:hover, 
.bootstrap-pagination .pagination li:hover,
.bootstrap-pagination .pagination li.active
{
    background-color: #007bff;
}

.woocommerce-pagination ul.page-numbers li a, 
.bootstrap-pagination .pagination li a,
.woocommerce-pagination ul.page-numbers li span, 
.bootstrap-pagination .pagination li span
{
    color: gray;
}

.woocommerce-pagination ul.page-numbers li a:hover, 
.bootstrap-pagination .pagination li a:hover
{
    text-decoration: none;
}

.bootstrap-pagination .pagination li.active,
.bootstrap-pagination .pagination li.active a,
.bootstrap-pagination .pagination li.active span,

.bootstrap-pagination .pagination li:hover,
.bootstrap-pagination .pagination li:hover a,
.bootstrap-pagination .pagination li:hover span
{
    color: white !important;
    
} 

/*Fonte*/


body {
font-family: 'Mulish', sans-serif;
overflow-x: hidden;
}


/*Menu principal*/

.menu-item a{
	color:#68696d;
	font-size: 1rem;
	transition: .4s;
	text-decoration: none;
	padding: 6px;
	margin-bottom: 15px;
	font-weight:400;
	
}

.menu-item a:hover{
	color: #0096dd;

}

.dropdown-menu {
    
    min-width: 14rem;
  }

/*Links*/

.linha{
  color: #1b83d1;
  position: relative;
  text-decoration: none;
  transition:.4s;
}

.linha::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 2px;
  background-color: #1b83d1;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.linha:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*Banner*/

.topo {

  background:url(../veterinaria-alvorada/images/bg-home.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-color:rgba(30, 144, 255,0.7);
  background-blend-mode: multiply;  */


}
.bg-banner {
	background-color:#acb3b429;
	transition: background-color .3s;
	backdrop-filter: blur(10px);
	border-radius: 20px;
	transition: all .4s;
	border:1px solid #dfe4ea;
	color: #161515;
}

.banners{

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

#banners{
margin: 0 auto;	
}

.carousel-item{
    position: relative;
}

.carousel-item-imgs img {
	
	/*filter: brightness(0.6);*/
	
}

.carousel-item-txt{
    text-align: center;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 15%;
  
}



.carousel-control-prev, .carousel-control-next{z-index:998;}

/*Botões*/
.btn-outline-primary {
    border-color:#1B83D1;
    color:#1B83D1;
}

.btn-outline-primary:hover{
    background-color:#1B83D1;
}

#bt-home {
background-image: linear-gradient(to left, #1b83d1, #0078e1, #006bef, #005af7, #3742fa);
	border: none;
	color:#c7ecee;
	transition: all .2s ease-in-out;
	
}

#bt-home:hover {
    color:#81ecec;
	transform: scale(1.1);
	
}

.botao-servicos {
	background: #0096dd;
	border-radius: 2px;
	color: white;
	font-size: 1.1rem;
	width: 168px; 
	letter-spacing:-1px;
	padding: 16px;
	text-decoration: none;
	font-weight: 300;
	transition: .4s;
	filter: drop-shadow(2px 20px 22px #718093);
	
}

.botao-servicos:hover {
	background: #0abde3;
	color: white;
	
	
}

/*Serviços*/

#bg {
	/*background-color: rgba(6, 82, 221,0.8);*/
	
	border-radius: 6px;
}

#home {
  background:url(../veterinaria-alvorada/images/bg-home.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color:rgba(223, 230, 233,0.7); /* Black overlay with 50% opacity */
  background-blend-mode: multiply; /* Optional: adjust blend mode for different effects */
}





/*Redes sociais*/
.redessociais{
	/*background-color: #0096dd;
	background-image: linear-gradient(to bottom, #0096dd, #0088e1, #0078e4, #0066e2, #0652dd);
	background-image: linear-gradient(to bottom, #1b83d1, #1990dd, #199ce8, #1ba9f3, #1fb6fe);*/
	margin-bottom: -10px;
	padding-bottom: 60px;
	font-size: 1.2rem;
	color: white;
	font-weight: 300;
	
}




/*Home*/


#hometexto{
	max-width:  68%;
	margin:  0 auto;

}

.alvorada a{
	text-decoration: none;
	font-size: 1.2rem;
	transition: .4s;

}






/*cards*/




.bt-redondo{
	border-radius: 100%;
	background-color:#ecf0f1;
	color: gray;
	font-size: 1.3rem;
	text-align: center;
	margin: 0 auto;
	width: 48px;
	padding: 14px;
	height: 48px;
	transition: .4s;
}

.espaco {
	padding:14px  0  14px 0;
	text-align: center;
}

/*Depoimentos*/

.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}

#depoimentos {
	/*width: 100%;
	background-color: #1b83d1;
	background-image: linear-gradient(to bottom, #0096dd, #0088e1, #0078e4, #0066e2, #0652dd);*/
	
}
.depoimentos  {
  /*background:url(http://localhost/veterinaria-alvorada/wp-content/themes/cliente/images/bg-depoimentos.jpg);
  background-attachment: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
  background-color: white;*/
  position: relative;
  overflow: hidden;
  color: #000000;
  margin: 0 auto;
}

.depoimentos h2 {text-align:center;}

.depoimentos .trs {
  -webkit-transition:all ease-out 0.5s;
  -moz-transition:all ease-out 0.5s;
  -o-transition:all ease-out 0.5s;
  -ms-transition:all ease-out 0.5s;
  transition:all ease-out 0.5s;
} 
 
.depoimentos .imagem {
  float: left;
  margin-right: 20px;
}

.depoimentos .trs img {
  border-radius: 500px;
  height: 180px;
  width: 180px;
  object-fit: cover;
}

.depoimentos .conteudo {
  vertical-align: middle;
  font-size: 18px;
  width: 100%;
}

.ativo {opacity: 1 !important; filter:alpha(opacity=100) !important;}

.next, .prev {cursor: pointer; opacity: 0;filter:alpha(opacity=0); position: absolute; bottom: 40%; width: 43px; height: 43px; z-index: 5;}

.next {right: 10px;}

.next:before, .next:after {left: 21px;}

.next:before {
 -webkit-transform: rotate(-42deg);transform: rotate(-42deg);-ms-transform: rotate(-42deg);
 top: 5px;
}
.next:after {
 -webkit-transform: rotate(-132deg);transform: rotate(-132deg); -ms-transform: rotate(-132deg);
 top: 18px;
}
.next:before,.next:after,.prev:before,.prev:after {content: "";
 height: 20px;
 background: #000000;
 width: 4px;
 position: absolute;
}
.prev {left: 10px;}
.prev:before,.prev:after {left: 18px;}
.prev:before {
 -webkit-transform: rotate(42deg);transform: rotate(42deg); -ms-transform: rotate(42deg);
 top: 5px;
}
.prev:after {
 -webkit-transform: rotate(132deg);transform: rotate(132deg); -ms-transform: rotate(132deg);
 top: 18px;
}

.depoimentos:hover span {opacity: 0.76;filter:alpha(opacity=76);}

#slider a { 
position: absolute; 
top: 0; 
left: 0; 
opacity: 0;filter:alpha(opacity=0);
}

.item { margin: 0 50px;}

.item .content {display: inline-table; width: 100%; }

.item img, .item .conteudo {display: table-cell}

@media screen and (max-width: 990px) {
	
	.depoimentos{
		
		 max-width: 100%;
		
	}

  .depoimentos .imagem, .depoimentos .conteudo {
    float: none !important;
    display: inherit !important;
    margin: 0 !important;
  }

  .depoimentos img { margin: 0 auto;}

  .item .content { text-align: center;}
  
  .next, .prev {opacity: 0.90 !important; filter:alpha(opacity=90) !important;}

  .depoimentos .conteudo p {
  font-size:16px
  }
		
}


.depoimentos img {
	max-width:120px;
	

}

/*Informativo*/

#informativo {
  padding-top: 60px;
  background:url(http://localhost/veterinaria-alvorada/wp-content/themes/cliente/images/bg-home2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
}

#informativo h2{
	color: white;
	font-size:  2.4rem;
	font-weight: 400;
}

/*Rodapé*/
.rdp {
	
	color: #ccc;
}

.rdp h6, .rdp h5{
	color: #0096dd;
	font-weight: 400;
}

.rdp p {
	color: grey;
}

.rdp a{
	color:grey ;
	text-decoration: none;
	transition:  .4s;
	font-size: 0.9rem;
}

.rdp a:hover {
	color:#48dbfb ;
}

.redes.md-5 a {

	font-size: 1.3rem;
	padding:  6px;

}

.redes.d-block a {
		font-size: 1.3rem;
	padding:  6px;
	color:grey;
	transition: .4s;

}

.redes.d-block a:hover{
	color: #0096dd;
}




/*Posts*/

.posts_table a{
	text-decoration: none;
}

/*Textos banner*/
.azul {
    color: #1b83d1;
}

.azul-medio {
	color:#7efff5;
}

.azul-claro {
	color:#18dcff;
}

.azul-marinho {
	color:#0652DD;
}


/*Banner Vet Bonus Logo*/
.vet-bonus, .way {
	width: 280px;
}

/*Contato*/





/*Localização*/

#localizacao {
/*background-color:  #1b83d1;*/

}

.bg-azul {
   background-color:  #0884d6;
}

.bg-azul-escuro {
	background-image: linear-gradient(to right, #0883d6, #0079da, #006ddd, #0060de, #0652dd);
}


/*Redes*/

.redes2 {
	background:white;
	width: 92%;
	padding: 30px;
	height: auto;
	border-radius: 30px;
	margin: 60px auto;
	-webkit-box-shadow: 4px 2px 18px 3px rgba(0,0,0,0.3); 
    box-shadow: 4px 2px 18px 3px rgba(0,0,0,0.3);
}
	

.redess .card-group {
	background: transparent;
  margin: 0 auto;	
	/*max-width: 86%;*/
}

.redess .card-group a{	
text-decoration: none;
}

.redess .card-group i {	
  font-size:2.2rem;

}


.redess .card {
margin: 10px auto;	
background:white;
color:#0096dd;
border-color: none;
}

.redess .card:hover {
color:white;
background:#0096dd;
text-decoration: none;

}

.redessociais-bt{

	border-radius: 16px;
	background-image: linear-gradient(to bottom, #0abde3, #00a7ea, #008fef, #0074ec, #0652dd);
	color:white;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 auto;
	diplay: block;
	padding: 12px;
	transition: .4s;
	/*filter: drop-shadow(2px 10px 12px #576574);*/

}

.redessociais-bt:hover{
	background-image: linear-gradient(to bottom, #2eb7f8, #00a1f7, #0089f3, #006feb, #0652dd);
	color:#48dbfb;

	
}

.redessociais .col-md{

	color: white;
	
}

.midias-sociais{
	text-align: center;
	font-weight: 300;
	margin-bottom: 15px;
}



/*.redessociais .col-md img{
	filter: drop-shadow(2px 10px 6px #353b48);
}*/


/*Listagem de serviços*/

#servicos ul {
  padding:0;  
}

#servicos li {
	list-style: none;
	margin-bottom:12px;
	padding:12px;
	font-weight:600;
	background-color:rgba(6, 82, 221,0.8);
	transition: background-color .3s;
	backdrop-filter: blur(4px);
	border-radius: 6px;
	transition: all .4s;
	border:1px solid #dfe4ea;
	color: #cad8f3;
}

/*#servicos li:hover{
	background: #25CCF7;
}*/

.listagem {
	font-weight:600;
	font-size:  1.1rem;

}

.listas {
	font-size: : 1.6rem;
	text-align: center;
	font-weight: 300;
	margin-bottom:  30px;
}

/*Formulário*/


label { 

font-size:1.4rem ;
font-weight: 300;

 }

 .placeholder {
 	color:  #bdc3c7;
 }

.form-control  {
	border: 1px solid #fff;
 border-bottom-color: #7f8c8d;
 border-radius:0;
   
}


button{
	border-color: transparent;
	outline: 0;
}