/* HEADER */

main-header-bar-navigation ul li a {
    text-transform: uppercase;
    font-weight: 600;
}

.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu { margin-top: -25px; }
.ast-header-sticked .astra-menu-animation-fade>.menu-item>.sub-menu { margin-top: -15px; }

.main-header-menu .menu-link {
    font-weight: 600;
	  text-transform: uppercase;
}
.main-header-menu .sub-menu .menu-link{ text-transform: none; }

.main-header-menu .wpml-ls-item .menu-link { text-transform: none; }
.main-header-menu .wpml-ls-current-language .menu-link { color: #ff271b; }
.main-header-menu .wpml-ls-first-item { margin-left: 45px;  }

.htslider-slider .slick-arrow {  z-index: 98; }


/* Fixed header fix 
 * https://j0e.org/en/astra-tipps-tricks-en/#compensate-fixed-header-anchors 
 * https://elementor.com/help/menu-anchor-widget 
 * https://wordpress.org/support/topic/scroll-effects-conflicts-with-elementor-scrolling */

:target:before {
	content: "";
	display: block;
	height: 71px; /* same as your fixed header height */
	margin: -71px 0 0; /* negative fixed header height */
}


/* HOME */


.ie .slider-inicio { display: none; }
body:not(.ie) .slider-ie { display: none; }

.blanco { color: #fff; font-weight: 600; }
.rojo { color: #ff271b; font-weight: 800;}
.intro { font-weight: 500; }

.marca-slide h2  { color: #09334e !important;}
.marca-slide h2 a  { color: #ff271b !important;}


.intro .rojo { font-size: 36px;  margin: 10px 0 20px;}
.bloque-fotos .blanco { text-transform: uppercase; margin-bottom: 12px; }

.lshowcase-grayscale-2 img { filter: grayscale(100%) brightness(0.7) !important;}
.lshowcase-grayscale-2 img:hover { filter:none !important;}

/*
.lshowcase-normal img { filter:none !important;}
.lshowcase-normal img:hover { filter: brightness(1.05) contrast(105%) !important; }
*/

.lshowcase-normal img {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.8));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;	
}
.lshowcase-normal img:hover {
	-webkit-filter: brightness(1.05) contrast(105%) drop-shadow(0px 0px 8px rgba(255, 254, 127, 0.8));
}

.lshowcase-logos .bx-wrapper .bx-controls-direction a {  z-index: 9; }

.franja-nosotros .blanco, .franja-roja .blanco { font-size: 31px; margin-bottom: 12px; }
.franja-nosotros p { font-size: 18px; font-weight: 500; margin-bottom: 8px;}
.franja-roja p { font-size: 21px; font-weight: 600;  margin-bottom: 8px; }

/* EQUIPO */

.equipo h3 { margin-bottom: 0; font-size: 21px; }
.equipo h4 {  margin-bottom: 0;  font-size: 18px; color: #ff271b; }

@media screen and (max-width: 500px) {
	.page-id-266 .site-content .elementor-column { width:100%; padding-left: 20px; padding-right: 20px;  }
}

/* NOSOTROS */
.separador-titulo { margin-bottom:5px;}
.barras .elementor-widget-progress .elementor-widget-container .elementor-title {
    line-height: 1.5em;
    display: inline-block;
    margin-bottom: 5px;
}
.barras .elementor-widget-progress { margin-bottom: 45px; }

/* MARCAS */

.elementor-widget-image-carousel .eicon-chevron-left, .elementor-widget-image-carousel .eicon-chevron-right { color: #999; }
.elementor-widget-image-carousel .elementor-swiper-button-prev { left: -30px; }
.elementor-widget-image-carousel .elementor-swiper-button-next { right: -30px; }
.swiper-container-horizontal>.swiper-pagination-bullets {  bottom: -12px; }

/* PRODUCTOS */

.entry-content .producto h2 {color: #ff271b; font-size: 38px !important;}


.ancla { height: 0 !important;}
.logged-in .ancla { height: 35px !important;}

/* Contacto */
input[type=email], input[type=text], textarea {
    color: #666;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background-color: #e1e1e1;
}

.wpcf7 input:not([type=submit]):focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    background: #e1e1e1;
    border-color: #333;
    outline: 0;
    box-shadow: none;
}

.wpcf7 input[type=submit] { padding: 15px 40px; }


/* FOOTER */

@media screen and (min-width: 768px) {
	.footer-adv-widget-3.ast-col-md-3 { width: 12%; }
	.footer-adv-widget-4.ast-col-md-3 { width: 38%; }	
  .simple-social-icons ul li { float: none; }
}

@media screen and (min-width: 520px) and (max-width: 767px)  {
	.footer-adv-widget-1.ast-col-md-3 { width: 50%; }
	.footer-adv-widget-2.ast-col-md-3 { width: 50%; }	
}

.mc4wp-form p { margin-bottom: 12px; }
.mc4wp-form .aceptacion { display: inline-block; margin-bottom: 8px; }
.mc4wp-form input[type=email] { width: 100%; background-color: #e1e1e1; }
.mc4wp-form .aceptacion a { color: #999; }
.mc4wp-form input[type=submit] { background-color: #fff; border: 2px solid #ff271b; color: #ff271b; padding: 15px 40px; }
.mc4wp-form input[type=submit]:hover { background-color: #ff271b; color: #ffffff; }

/* Cookies */
#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message {
    font-size: 16px;
    line-height: 1.5;
}
#cookie-law-info-bar #cookie_action_close_header_reject {
	  color: #333;
    background-color: rgb(255, 255, 255);
    border: 2px solid #08334E;
    text-transform: uppercase;
}
#cookie-law-info-bar #cookie_action_close_header_reject:hover { background-color:#4985aa !important; border: 2px solid #4985aa !important; color: #FFF !important; }

#cookie-law-info-bar #wt-cli-accept-all-btn {   border: 2px solid #08334E; }
#cookie-law-info-bar #wt-cli-accept-all-btn:hover {  background-color:#4985aa !important; border: 2px solid #4985aa !important; }
/*
.cli-plugin-main-link {text-decoration:none; }
*/

.cli-style-v2 .cli-bar-message {  width: 75%; }

.grecaptcha-badge {
opacity:0 !important;
}

/* IE */

.ie .elementor-social-icons-wrapper.elementor-grid { display: none; }
.ie .elementor-progress-wrapper {background-color: #FF2B22 !important; }
.ie .elementor-progress-text { overflow: visible !important; }


/* RESPONSIVE */

@media screen and (max-width:1500px) {
	header .custom-logo-link img {
			max-width: 200px;
	}
	.main-header-menu > .menu-item > .menu-link {
		padding: 0 12px;
		font-size: 14px;
	}
	.ast-desktop .ast-mega-menu-enabled.main-header-menu > .menu-item-has-children > .menu-link .sub-arrow:after {  margin-left: 5px; }
	.main-header-menu .sub-menu a { font-size: 14px; }
	.main-header-menu .wpml-ls-first-item { margin-left: 28px;  }
	
}
@media screen and (min-width:1105px) and (max-width:1240px) {
	header .custom-logo-link img {
			max-width: 200px;
	}
	.main-header-menu > .menu-item > .menu-link {
		padding: 0 10px;
		font-size: 13px;
	}
	.main-header-menu .wpml-ls-first-item { margin-left: 10px;}
}
@media screen and (max-width:1120px) {
	.main-header-menu .wpml-ls-first-item { margin-left: 0;  }
}

/* pantallas estrechas */

@media screen and (min-width:1024px) and (max-height:700px) {
	.elementor-10 .elementor-element.elementor-element-6596388, .logos-home { margin-top: 0 !important; }
	.slider-inicio, .slider-ie { margin-top: 100px !important; }
 }

#botones .elementor-widget-container {
    background-color: rgba(75, 75, 125, 0.4);
    background-blend-mode: multiply;
	  border-radius: 12px;
}
#botones .elementor-widget-container:hover { background-blend-mode: normal; }
#botones .elementor-widget-container p { margin-bottom: 0; }
#botones .elementor-widget-container a {
	  display: block;
  	width: 100%;
  	height: 100%;
  	padding: 20px 24px;
    color: #fff;
	  font-size: 21px;
    font-weight: 500;
    background: rgba(55,55,55,0.3);
    min-height: 124px;
    line-height: 1.35;
	  border-radius: 12px;
}
#botones .elementor-widget-container a:hover { background: rgba(55,55,55,0.2);}

/* foto */

@media screen and (max-width: 767px)  {
   .elementor-369 .elementor-element.elementor-element-02764e2:not(.elementor-motion-effects-element-type-background) {
      background-image: url(https://www.eurex-sl.com/wp-content/uploads/2021/09/foto-eurexpdf_page-0001.jpg);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
   }
}

/* catalogos */

.catalogos { list-style: none; margin: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.catalogo { text-align: center; margin-right: 45px; min-width: 150px; margin-bottom: 35px;  }
.catalogo img { border: 1px solid #ddd; -webkit-box-shadow: 3px 3px 6px 3px rgba(125,125,125,0.5); 
box-shadow: 3px 3px 6px 3px rgba(125,125,125,0.5); margin-bottom:14px;}
.catalogo img:hover { opacity: 0.7; }
.catalogo span {  max-width: 200px; display: block; line-height: 1.2;  margin: auto; }

@media screen and (max-width: 767px)  {
	.catalogos { margin: auto;  align-items: center; justify-content: center;}
	.catalogo {  margin-left: 35px;; margin-right: 35px; }
	.documentos h2 { text-align: center; }
}

/* ULTIMO */
.site-footer .boton { display: inline-block; margin-left: 8px; border: 2px solid #ff271b; color: #ff271b; padding: 6px 14px;  }
.site-footer .boton:hover, .trabaja .boton:hover { background-color: #ff271b; color: #ffffff; }
.trabaja .boton { display: inline-block;  border: 2px solid #7A7A7A; color: #4b4b4b; padding: 6px 14px;  }
.trabaja .boton:hover { border-color: #ff271b;  }

/* MEGAMENU */

@media screen and (min-width: 1121px) {	

	ul.astra-megamenu {
		display: flex !important;
		column-gap: 2.5% !important;
		flex-wrap: wrap !important;
	}

	ul.astra-megamenu > li.menu-item-heading {
		width: 18% !important;
		flex: 0 1 auto !important;	
	}
	
	.separator-item  {
		margin-left: 20.5%;
	}

	ul.astra-megamenu > li.menu-item-heading a {
		font-weight: 600 !important;	
	}	

	.all-products,
	.icon-item > a {
		display: flex !important;
		align-items: center;				
	}
	
	.all-products,
	.icon-item > a > .menu-text {			
		font-size: 16px !important;
	}

	.all-products a {
		display: inline-block !important;
		color: #FFF !important;
		padding: 12px 24px !important;
		background-color:  #8b8b8b !important;
		border-radius: 5px;
	}

	.all-products a:hover {
		background-color: #09334E !important;
	}

	.cadenas-portacables a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/cadena-portacables.png');	
	}

	.anclaje-nivelacion  a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/nivelacion-anclaje.png');		
	}

	.automatizacion-industrial  a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/automatizacion-industrial.png');	
	}


	.soluciones-cable a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/soluciones-cable.png');	
	}

	.cables-extraflexibles a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/cables-extraflexibles.png');	
	}

	.sistemas-iluminacion a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/sistema-iluminacion.png');	
	}

	.amarradores-herramienta a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/amarradores-herramienta.png');	
	}

	.sistemas-proteccion a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/sistema-proteccion-hema.png');	
	}
	
	.marcaje-industrial a:before {
		background: url('https://www.eurex-sl.com/wp-content/uploads/2023/03/cabur.png');	
	}

	.icon-item > a:before {
		content: "";
		display: inline-block;	
		vertical-align: middle;
		margin-right: 12px;
		background-color: #FFF;	
		background-repeat: no-repeat;
		background-size: 50px 50px;
		background-position: center center;
		width: 65px;
		height: 65px;
		border: 1px solid #111;
		border-radius: 5px;
		flex-shrink: 0;
	}
}

@media screen and (min-width: 1500px) {	
	
	.icon-item > a:before {	
		background-size: 85px 85px;	
		width: 100px;
		height: 100px;	
	}	
	
	.all-products,
	.icon-item > a > .menu-text {			
		font-size: 18px !important;
	}
}

@media screen and (min-width: 1121px) and (max-width: 1499px)   {
	.icon-item >.menu-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
		.all-products,
	.icon-item > a > .menu-text {			
		font-size: 14px !important;
	}

	/*.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item,
	.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item>.menu-link, */
	.icon-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
	}	
	
}
