/*
Theme Name: pet-care-clinic-pro-child
Theme URI: 
Version: 1.0
Description: Tema hijo de pet-care-clinic-pro
Author: Jorge De Blas
Author URI: Jorge De Blas
Template: pet-care-clinic-pro
*/
 
/*----------------- Cambios a partir de aquí -------------------------------*/

	#whatsapp{
		display: inline-block;
    padding: 5px 0 5px 5px;
    min-height: 30px;
    min-width: 50px;
    text-align: left;
    background-image: url("/wp-content/uploads/2021/05/whatsapp.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: contain;
    max-width: auto;
    vertical-align: middle;
    margin-left: 2%;
		
	}
/*
  .ht-main-navigation li.current_page_item a, .page-template-home-template .ht-main-navigation .current_page_item > a, nav#ht-site-navigation ul li a:hover,nav#ht-site-navigation ul li a {
     color:  #1e73be !important;
}
*/

/*CSS20210417*/

#ht-blog-box{display:none;}
html{
	word-break:nowrap;
	
}
.lower-header{
	z-index:99999 !important;
	width:100%;
}
.sticky {
  position: fixed;
  top: 0;
	z-index:99999;
	padding-top: 10px;
	-webkit-box-shadow: 2px 2px 16px -6px rgba(142,144,148,1);
	-moz-box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
	box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
}

.sticky-mobile {
    position: fixed;
    top: 0;
    z-index: 99999;
    background-color: #fff;
    left: 0;
    padding-left: 2.5%;
    padding-right: 2.5%;
	-webkit-box-shadow: 2px 2px 16px -6px rgba(142,144,148,1);
	-moz-box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
	box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
}
#ht-masthead > div > div.lower-header > div > div.col-md-3.col-sm-12.col-xs-12.padding0.socialalign > div.toggle.hc-nav-trigger.hc-nav-1 > span > i{
	display:none;
}
#banner-top > div > div.col-md-3.col-sm-12.col-xs-12.padding0.socialalign > div.clearfix,#ht-masthead > div > div > div:nth-child(4){
	display:none;
}
#banner-top > div > div.col-md-3.col-sm-12.col-xs-12.padding0.socialalign.sticky-mobile > div.header-social-links > div > picture > img{
	min-height:20px;
}


.rotuloScroll{
	display:none;
    width: 57%;
    margin-left: 10%;
    float: left;
	padding: 5px 0 10px 0;
}

#ht-masthead > div > div > div.lower-header > div > div.col-md-3.col-sm-12.col-xs-12.padding0.socialalign > div.toggle.hc-nav-trigger.hc-nav-1 > span > i{
	display:none;
}

.container{
		padding:0 !important;
		width:95%;
		margin:auto;
		
	}

/*icono instagram hover*/
#ht-masthead .header-social-links span.fa-instagram:hover,#ht-masthead .header-social-links
a[title="Instagram"]:hover {
    background-color: #E2534C;
}
.page-main-header {
    background-color: #7a9fbf;
}

.lower-header{
	border:0;
	opacity:1.0;
	-webkit-box-shadow: 2px 2px 16px -6px rgba(142,144,148,1);
-moz-box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
}
.upper-header{
	border:0;
    margin-top: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
}

#ht-masthead > div > div > div.row.upper-header > div > div.col-md-4.col-sm-12.col-xs-12.padding0.header-shape,.logobox{ border:0;}


/*para mostrar campaña de vacunacion por encima de los botones*/
#ht-home-slider-box > div > div.bx-viewport{
	overflow:visible !important;
}
#ht-masthead .themetext:hover i, #ht-masthead .themetext:hover span {
    color: #1e73be;
}
/*
 * cartel de campaña ajustado*/
/*#ht-bx-slider > div > img{
	max-width:90%;
	margin:auto;
	
}*/

#ht-home-slider-box > div{
	max-width: 95%;
  margin: auto;

}


.ht-top-footer input[type="submit"] {
    background-color: #1e73be !important;
}
@media (max-width:998px){  

	body{width:100%}
	
  	/*Menú principal*/

	#ht-site-navigation{
	position:absolute !important;
	bottom:-25px;
	left:50px;
	z-index:99999;
}
	

#menu-principal{
	/*background:url('https://www.veterinariavaldeavero.es/wp-content/uploads/2020/04/cropped-bannerbgcvlarge.jpg');
		background-repeat:auto;
*/
	background-color:#FCFCFC;
		position:absolute;
	left:-90px;
	padding:0;
	margin:0 10px 0 20px;
-webkit-box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.45); 
box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.45);
	width:19em;
		
}

.toggle-bar{
	width:50px;
	background-color:#C0C0C0;
}
	.datos2{
		display:block;
	}
	.datos1{
		display:none;
	}
	/*Cabecera*/
	#ht-masthead > div > div > div.row.upper-header > div{
		/*width:102%;
		margin-left:2px;*/
		padding:0;
		
	}
	
	/*cabecera imagen*/
	#ht-masthead > div > div > div.row.upper-header > div > div.col-md-4.col-sm-12.col-xs-12.padding0.header-shape > div > a > img{
	/*	min-height:90px;		*/
	}
	

	.lower-header{
		border:0;
		opacity:1.0;
		-webkit-box-shadow: 2px 2px 16px -6px rgba(142,144,148,1);
	-moz-box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
	box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
	margin-top:-43px;
    line-height:2.1rem;
		text-align:center;
	}
	/*Container Datos Clinica*/
/*	#ht-masthead > div > div > div.lower-header{
		border-top:1;
		border-color:#e7e7e7;
		margin-top:-43px;
    line-height:2.1rem;
		text-align:center;
	*/	
	/*
		-webkit-box-shadow: 25px -4px 5px 0px rgba(176,166,176,1);
-moz-box-shadow: 20px -4px 5px 0px rgba(176,166,176,1);
box-shadow: 25px -4px 5px 0px rgba(176,166,176,1);
		*/
	/*}*/

/*	.socialalign{
		-webkit-box-shadow: 2px 2px 16px -6px rgba(142,144,148,1);
		-moz-box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);
		box-shadow: 2px 2px 30px -6px rgba(142,144,148,1);

	}
	*/

/*
	.header-social-links{
		border-top:solid;
		border-color:#E7E7E5;
	}
	
*/	

	/*para que el menú siempre se vea*/
	.featured-post{
		z-index:88;
	}

	.datos2 .col-xs-12{
		width:100%;
	}
	#ht-masthead .themetext {
    text-align: center;
		margin-bottom:15px !important;
}
	

}
@media (min-width:320px){
/*
	#ht-site-navigation{
	    position: absolute !important;
    bottom: -28px;
    left: 46px;
}
	*/
			#ht-masthead .themetext  span{
		font-size:1.1em;
				white-space:nowrap;
				
}
				#ht-masthead .themetext  .fa{
		font-size:2em;
				
}
	#ht-masthead > div > div > div.lower-header > div > div.header-left.col-md-9.col-sm-12.col-xs-12 > div > div > div:nth-child(3) > div > div.col-md-2.col-sm-2.headicon > i{
		font-size:3.0em;
	}
	#ht-masthead > div > div > div.lower-header > div > div.header-left.col-md-9.col-sm-12.col-xs-12 > div > div > div:nth-child(3) > div > div.col-md-10.col-sm-10.padding0 > div{
		margin-bottom:3%;
	}

	

	
}
@media (min-width: 360px){
/*
	#ht-site-navigation{
	    position: absolute !important;
    bottom: -30px;
    left: 49px;
		
}
	*/
			#ht-masthead .themetext  span{
		font-size:1.2em;
}
	
}

@media (min-width: 380px){
/*
	#ht-site-navigation{
	    position: absolute !important;
    bottom: -30px;
    left: 49px;
		
}
	*/
	#ht-masthead > div > div > div.lower-header{
		margin-top:-45px;
	}
			#ht-masthead .themetext  span{
		font-size:1.4em;
}
	
}


@media (min-width: 600px){
/*
	
	#ht-site-navigation{
	position:absolute !important;
	bottom:-35px;
	left:68px;
}
	*/
		#ht-masthead .themetext {
    text-align: center;
		margin-bottom:4% !important;
		
}
	#ht-masthead .themetext  span{
		font-size:1.6em;
}
	#ht-masthead > div > div > div.lower-header {
    margin-top: -46px;
}
}
@media (min-width: 768px){
.datos2{
		display:block;
	padding-top: 4%;
	}
	.datos1{
		display:none;
	}
	#ht-site-navigation{
	position:absolute !important;
	bottom:-25px;
	left:69px;
	}

	#ht-masthead>div>div>div.lower-header {

    margin-top: -48px;
  /*  line-height: 2.1rem;*/
    text-align: center;

}
/*
	.header-social-links {
    border-top: solid;
    border-color: #E7E7E5;
}
*/

	
			#ht-masthead .themetext {
    text-align: center;
		margin-bottom:10% !important;
}
	#ht-masthead > div > div > div.lower-header > div > div.header-left.col-md-9.col-sm-12.col-xs-12 > div > div > div:nth-child(4){
		margin-top:2%;
	}

}
@media (min-width: 769px){
		#ht-site-navigation{
	position:absolute !important;
	bottom:-42px;
	left:69px;
	}

	#ht-masthead>div>div>div.lower-header {

    margin-top: -23px;
  /*  line-height: 2.1rem;*/
    text-align: center;

}
	#ht-masthead .header-left {
    padding: 0;
    text-align: center;
    margin: auto;
   /* margin-top: 5%;*/
}
	


}

/*Monitores*/

@media (min-width: 1000px){
	.toggle{
		display:none;
	}
	
	.datos2{
		display:none;
	}

	
				#ht-masthead .themetext  span{
		font-size:0.8em;
				
}
	
	.logobox{
					text-align:center;
				}

	
	#ht-masthead > div > div > div.row.upper-header > div > div.col-md-4.col-sm-12.col-xs-12.padding0.header-shape > div > a > img{
		max-width:85%;
	}
	
	/******/
	

.datos1 {
    position: absolute;
    display: block;
    top: 26px;
    right: 2%;
    vertical-align: middle;
    width: 20%;
				padding: 1% 0 1% 0;

     -webkit-box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.45); */
     box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.45); 
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    /* border: 0px solid #000000; */
  /*  background: #F5F5F5;*/

background: rgba(226,226,226,1);
background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(239,239,239,1) 35%, rgba(245,245,245,1) 41%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 72%, rgba(209,209,209,1) 98%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(16%, rgba(219,219,219,1)), color-stop(35%, rgba(239,239,239,1)), color-stop(41%, rgba(245,245,245,1)), color-stop(69%, rgba(245,245,245,1)), color-stop(72%, rgba(245,245,245,1)), color-stop(98%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(239,239,239,1) 35%, rgba(245,245,245,1) 41%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 72%, rgba(209,209,209,1) 98%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(239,239,239,1) 35%, rgba(245,245,245,1) 41%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 72%, rgba(209,209,209,1) 98%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(239,239,239,1) 35%, rgba(245,245,245,1) 41%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 72%, rgba(209,209,209,1) 98%, rgba(254,254,254,1) 100%);
background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 16%, rgba(239,239,239,1) 35%, rgba(245,245,245,1) 41%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 72%, rgba(209,209,209,1) 98%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);

}

#ht-masthead .themetext  .fa {
    font-size: 1.4em;
    display: block;
}
	.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: relative;
    left:5px;
    height: 0;
    width: 0;
	}
	
#menu-item-1423 > a:after{
		font-family: FontAwesome;
    position: absolute !important;
    right: 1em !important;
	left:auto;
    height: 0 ;
    width: 0;
	content: '\f105';
	}
	
	#ht-masthead > div > div > div.row.upper-header > div > div.col-md-8.col-sm-12.col-xs-12.padding0.datos1 > div:nth-child(3) > div > div.col-md-2.col-sm-2.headicon > i{
		font-size:1.8em;
	}
	
.col-md-10 {
    width: 68.333333%;
	}
	/******/
	
	
	
	nav#ht-site-navigation{
		bottom:0px;
		margin:0;
		padding:0;
		width:90%;
		left:0;
		display:inline-flex;
	}
		.ht-main-navigation a{
		border:0;
						font-weight:500 !important;
	}
	
.ht-main-navigation li.current_page_item a, .page-template-home-template .ht-main-navigation .current_page_item > a{
	
		color:#1E73BE !important;
	font-weight:500 !important;

}


	nav#ht-site-navigation ul li{
		margin-right:15px;
	
	}
		
	nav#ht-site-navigation ul li a{
		border:none !important;
		font-size:1em;
		color: #1E73BE !important;
		--escala: 0;
	}
		nav#ht-site-navigation ul li a:hover{

	color:#003894;
	}
	

		nav#ht-site-navigation ul li a::before{
		content: '';		
	
  position: absolute;
  bottom:10px;
  margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
  width: 85%;
  height: 5px;
			border-radius:100px;
  background: linear-gradient(to right, #1E73BE,#3582C4 , #1E73BE);
  z-index: 1;
    transform: scaleX(var(--escala));

			  transform-origin: center;
			transition: transform 0.25s ease-in-out;

	}
	
	nav#ht-site-navigation ul li a:hover::before {
  transform: scaleX(1);
}
	

	
	
	
	nav#ht-site-navigation .menu-item{
		text-align:left;

	}
	.menu-item{
		margin:auto;
		left:0;
	}
	

.ht-main-navigation ul.sub-menu{
	background: #FFF !important;
	margin-top:12px !important;
	border-radius:0 !important;

}
.ht-main-navigation ul.sub-menu li a::before{

			width:0 !important;
	}
	
.ht-main-navigation ul.sub-menu li{
	background-color:transparent;
border-bottom: 1px solid #9EA9B3;
	margin:0 !important;
	padding:10px 0 10px 20px;
	transition:none;

}
.ht-main-navigation ul.sub-menu li:last-child{
border-bottom: 0px;
}
	.ht-main-navigation ul.sub-menu li:hover{
background-color:#F0F0F0;
	
	}	
		.ht-main-navigation ul.sub-menu li a{
			padding:0 !important;
			margin:0 !important;
			font-weight:normal !important;

}
	.ht-main-navigation ul.sub-menu li a:hover{
	background:none !important;
		

}

		#ht-masthead > div > div > div.row.upper-header > div > div.col-md-4.col-sm-12.col-xs-12.padding0.header-shape{
		width:75%;
	}

	
	.row.upper-header .container{
		width:95%;	
	}
	
	.socialalign{
		width:100%;
		margin:0;
		padding:0 1%;
	}


		#ht-masthead>div>div>div.lower-header{

		margin-top:-21.5px;
		line-height:2.1rem;
		text-align:center;

}
	
		/*Container Datos Clinica*/

	
	
/* nuestra Localizacion*/
#ht-masthead > div > div > div.row.upper-header > div > div.col-md-8.col-sm-12.col-xs-12.padding0 > div:nth-child(1){
	margin:0;
	width:100%;
	margin-bottom:3%;
	padding:0;
	}	
	
/* Horario*/
	#ht-masthead > div > div > div.row.upper-header > div > div.col-md-8.col-sm-12.col-xs-12.padding0 > div:nth-child(2){
		width:100%;
		margin-bottom:3%;
		padding:0;
	}
	/*Texto Titulo Horario y Horario*/
	#ht-masthead > div > div > div.row.upper-header > div > div.col-md-8.col-sm-12.col-xs-12.padding0 > div:nth-child(2) > div > div.col-md-10.col-sm-10{
		
		padding:0;
	}
	

	/* Llámanos*/
#ht-masthead > div > div > div.row.upper-header > div > div.col-md-8.col-sm-12.col-xs-12.padding0 > div:nth-child(3){
	
	padding:0;
	width:100%;
	margin-bottom:4%;
	}
	
	
	.custom-logo{
		margin-top:2%;
	}


	
	div.col-md-8:nth-child(2) > div:nth-child(4){
		width:100%;
	}	
	#ht-masthead .themetext{
		text-align:center;
	

	}
	
	.header-social-links{
		border:none;
		width:10%;
		float:right;	}
	
	.rotuloScroll{
	display:none;
    width: 30%;
    margin-left: 10%;
    float: left;
	padding: 5px 0 10px 0;
}
}	



@media (min-width: 1200px){	
#menu-item-1106 > a {
    border-color: transparent;
}

		nav#ht-site-navigation{
		bottom:0px;
		margin:0;
		padding:0;
		width:90%;
		left:2%;
	}
	
	#ht-masthead>div>div>div.lower-header {
    margin-top: -9.5px;
    line-height: 2.1rem;
    text-align: center;
}
		.row.upper-header{
		border:0;
		padding:0;		
		
	}
		#ht-masthead>div>div>div.lower-header{

		line-height:2.1rem;
		text-align:center;
		/*
			-webkit-box-shadow: 94px -4px 5px 0px 				rgba(176,166,176,1);
	-moz-box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
	box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
		*/
}
	
		.datos1{
		position:absolute;
		display:block;
		top:5%;
		right:2%;
		vertical-align:middle;
			padding: 1% 0 1% 0;
			
	}

}


@media (min-width: 1500px){	

	
		.row.upper-header{
		border:0;
		padding:0;		
		
	}
		#ht-masthead>div>div>div.lower-header{
	/*	border-top:1px;
		border-color:#e7e7e7;*/
		line-height:2.1rem;
		text-align:center;
/*
			-webkit-box-shadow: 94px -4px 5px 0px 				rgba(176,166,176,1);
	-moz-box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
	box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
	*/	
}
	
		.datos1{
		position:absolute;
		display:block;
		top:30px;
		font-size:0.9em;
		vertical-align:middle;
		
		
	}
	
	#featured-post-box .featured-icon img {
    width: 100%;
    height: 315px;
    border-radius: 30px 0 0;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
}
	@media (min-width: 1600px){	

		#ht-masthead>div>div>div.lower-header{
/*		border-top:1px;
		border-color:#e7e7e7;*/
		margin-top:-16px;
		line-height:2.1rem;
		text-align:center;
	/*
			-webkit-box-shadow: 94px -4px 5px 0px 				rgba(176,166,176,1);
	-moz-box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
	box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
		*/
}
		#ht-masthead .themetext  span {
    font-size: 1.2em;
}
}
		
			@media (min-width: 2560px){
				
				body{
					width:65%;
					margin:auto;
				}
				#ht-masthead .themetext span {
    font-size: 1.1em;
}

				
		#ht-masthead>div>div>div.lower-header{
	/*	border-top:1px;
		border-color:#e7e7e7;*/
		margin-top:-17px;
		line-height:2.1rem;
		text-align:center;
		/*
			-webkit-box-shadow: 94px -4px 5px 0px 				rgba(176,166,176,1);
	-moz-box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
	box-shadow: 94px -4px 5px 0px rgba(176,166,176,1);
		*/
}
				
				#featured-post-box .featured-icon img {
    width: 100%;
    height: 500px;
    border-radius: 30px 0 0;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
				
				.services-post,.services-post .front,.services-post .back{
					height:400px;
				}
				
				.facility-icon img{
					height:350px;
				}

}