/*
Theme Name: veterinario herreros
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1756371493
Updated: 2025-08-28 10:58:13

*/

.shrinker .she-header {
    background-color: rgba(255, 255, 255, 1) !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
    -moz-box-shadow: 0 6px 30px -4px rgba(0,0,0,.05) !important;
    -webkit-box-shadow: 0 6px 30px -4px rgba(0,0,0,.05) !important;
    -o-box-shadow: 0 6px 30px -4px rgba(0,0,0,.05) !important;
    box-shadow: 0 6px 30px -4px rgba(0,0,0,.05) !important;
}
.shrinking-logo img {
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
    width: 294px !important;
}
.shrinker.she-header img {
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
    width: 120px !important;
}
header .hfe-nav-menu  li a {
    font-size: 84px !important;
}
.hfe-nav-menu li.current_page_item a {
    color: #fff !important;
}
.hfe-nav-menu li a {
    color: #fff !important;
}
.hfe-nav-menu li a:hover {
    color: #fff !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.shrinker.she-header .hfe-nav-menu li a {
    font-size: 84px !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
    text-align: right;
}
.shrinker .lang-item {
    display: none !important;
}
.shrinker.she-header .lang-item a img {
    height: 11px !important;
    width: 16px !important;
}
.img-fondo {
    animation: 7.8s circle ease-in-out;
}
ul.idiomas {
    display: flex;
    font-size: 2rem;
    font-weight: 800;
    font-family: "Antonio", Sans-serif;
    position: relative;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    align-content: flex-end;
    margin: 0;
    padding: 0;
}
.shrinker.she-header .idiomas li {
    font-size: 2rem !important;
    position: relative;   
}
.idiomas li {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
}
.idiomas li:nth-child(n+1)::after {
    content: "|";
    font-weight: 300;
    color: #000;
}
.idiomas li:last-child::after {
    content: "";
}
.idiomas li a {
    text-decoration: none;
    font-weight: 600;
    color: #0485CE;
    padding: 10px;
}
.idiomas li a:hover {
    text-decoration: underline;
    color: #0485CE;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.idiomas li a:active, .idiomas li a:focus {
    color: #0485CE;
}
.hfe-scroll-to-top-button {
    background-color: #113d7e !important;
}
#ue path, #ue polygon, #mict path, #mict polygon, #res path, #res polygon {
    fill: #fff;
}
.pelo svg path {
    fill: #0485ce !important;
}
.wpr-offcanvas-content-right {
	width:100% !important;
	padding:0 !important;
}
.wpr-offcanvas-header {
	padding:0 !important;
	justify-content:center !important;
	display:none!important;
}
.wpr-close-offcanvas {
	z-index:999!important;
}
.wpr-close-offcanvas .fa {
	display:none !important;
}
.wpr-close-offcanvas i {
	font-size:100px !important;
	z-index:99;
	background-color: #808080;
  	border-radius: 50%;
}

.titular b {
	color:#000 !important;
}

.imagenIz {
	z-index:888;
}
.img-borde {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.img-borde-index {
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.elementor-image-box-description {
	text-align:justify;
}
.e-n-accordion-item-title {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("https://veterinarioherreros.es/wp-content/uploads/2025/09/PH00302.jpg");
	background-repeat:no-repeat;
	background-size:cover;	
}
@media (max-width: 767px) {
	.shrinking-logo img, .shrinker.she-header .shrinking-logo img {
		width: 80px !important;
	}
	.iconomenu {
		display: block !important;
	}
	
	header span.elementor-icon-list-text {
		display: none !important;
	}
	ul.idiomas{ 
		font-size: 1rem;		
	}
	ul.idiomas li a{ 		
		padding:0 5px!important;
	}
	.wpr-close-offcanvas i {
  		font-size: 50px !important;	
	}
	.hfe-nav-menu li a {
		font-size: 46px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.shrinking-logo img {
		width: 120px !important;
	}
	.iconomenu {
		display: block !important;
		font-size: 1.2rem;
	}
	
	ul.idiomas { 
		font-size: 1.2rem;
	}
	.wpr-close-offcanvas i {
  		font-size: 80px !important;	
	}
	.hfe-nav-menu li a {
		font-size: 66px !important;
	}
}

.figura {
	animation: rotarDe 3s;   
    animation-fill-mode: forwards;
}
@keyframes rotarDe {
	from {
		opacity:0;
		transform: translate(155px, 20px) rotate(0deg);
	}
	to {
		opacity:1;
		transform: translate(0, 20px) rotate(-6deg);
	}
}
.figura-bot {
	animation: rotarIz 3s;   
    animation-fill-mode: forwards;
}
@keyframes rotarIz {
	from {
		opacity:0;
		transform: translate(-285px, 20px) rotate(0deg);
	}
	to {
		opacity:1;
		transform: translate(0, 20px) rotate(6deg);
	}
}