/*
Theme Name: MTS Interactive Child – HECAPO, S.A.
Theme URI: https://hecapo.fr
Description: Tema hijo de Interactive (MyThemeShop) modificado a medida para HECAPO.
Author: Kalía Corrales (SEORIA)
Author URI: https://seoria.es
Template: mts_interactive
Version: 1.0.0
Text Domain: mts-interactive-child-hecapo
*/

/* ======== ENCABEZADO Y NAVEGACIÓN ======== */
#header,
#primary-navigation .navigation.mobile-menu-wrapper {
	background-color: #b1001b;
}

header .breadcrumb {
	margin-bottom: 0px;
}

.header-social {
	display: none;
}

header .widget_search {
	float: right;
	clear: none;
	width: auto;
	margin: 30px 0 17px;
}

.big-posts h2.title {
    display: none;
}

@media screen and (max-width: 1024px) {
	header .container .clearfix {
		display: flex;
		justify-content: space-between;
		align-content: baseline;
	}
	header .widget_search {
		max-width: 200px !important;
	}
}

@media screen and (max-width: 480px) {
	header .container {
		display: table;
	}
	.widget.widget_search {
		float: none;
		margin: 0 auto 30px;
	}
}

/* ======== POSTS DESTACADOS ======== */
.big-posts .big-1,
.big-posts .big-2 {
	min-height: 350px;
}

.big-posts .big-3,
.big-posts .big-4 {
	min-height: 175px;
}

.article a.post-image.post-image-left {
	max-width: 22%;
}

.flexslider {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
	max-width: 400px;
}

@media screen and (max-width: 900px) {
	.big-posts {
		display: none;
	}
	.sidebar.sidebar-left {
		max-width: 236px;
		width: 28.19%;
		float: left;
	}
}

/* ======== CATEGORÍAS / ICONOS ======== */
.latestPost-categories .container ul {
	display: flex;
	overflow-x: auto;
	width: 100%;
}

.latestPost-categories ul li i {
	font-family: 'FontAwesome';
	font-weight: 100;
}

.latestPost-categories ul li .name {
	min-inline-size: max-content;
}

.latestPost-categories ul li:nth-child(2) {
	padding-left: 50px;
	padding-right: 50px;
}

.latestPost-categories ul li a:hover .name {
	color: #000000;
}

.latestPost-categories ul li:nth-child(9) a:hover {
	color: #02317f;
}

.latestPost-categories ul li:nth-child(9) a:hover .name {
	color: #02317f;
}

/* ======== TITULARES Y MENÚS ======== */
.latestPost .title a,
.latestPost-news .title,
.latestPost .title,
.single-title,
.page h1.title,
.footer-widgets .widget h3,
.widget h3,
.featured-category-title {
	font-weight: bold;
}

.widget .menu li a {
	display: flex;
	line-height: 1.2;
	align-items: center;
	margin-bottom: 34px;
	padding: 15px 0;
	color: #252525;
}

.menu li,
.menu li a {
	list-style-type: none;
}

/* ======== INFORMACIÓN DE POST Y CATEGORÍAS ======== */
.post-info {
	display: block;
	color: #a1a1a1;
	clear: none;
	width: auto;
}

.related-posts article header .post-info {
	display: none;
}

.big-posts .thecategory,
.latestPost-news .latestPost header .thecategory {
	display: none;
}

.latestPost-news .latestPost .post-image-left:before {
	background: rgba(0, 0, 0, 0.2);
}

.latestPost-news .latestPost .post-image-left:hover:before {
	background: rgba(0, 0, 0, 0.4);
}

.latestPost {
	margin-bottom: 65px;
}

/* ======== BOTONES Y ENLACES ======== */
a.vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
	color: #fff !important;
}

.read-link {
	background-color: inherit !important;
	color: inherit;
}

.read-link:hover,
.read-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ======== WIDGETS ======== */
#sidebar .wp-post-image,
.post-img img {
	border-radius: 1%;
}

#text-5 p,
#text-8,
#block-3 {
	margin-bottom: 0px;
}

#media_image-4,
.wp-image-7906 {
	max-width: 70%;
	margin-left: 15%;
}

#single_category_posts_widget-2,
.category-posts li {
	padding: 5px 0px;
}

#site-footer .widget {
	margin-bottom: 10px;
}

/* ======== WIDGET: BENEFICIOS DEL COBRE ======== */
.beneficios {
	font-family: 'open sans';
	background-color: #b1001b;
	text-align: center;
	padding-bottom: 2px;
}

.beneficios h4 {
	font-family: 'anton';
	color: #ffed00;
	font-size: 30px;
	letter-spacing: 0.02em;
	margin-bottom: 0px;
}

.beneficios p {
	color: #ffffff;
	margin-bottom: 10px;
}

.beneficios a {
	font-family: 'open sans';
	background-color: #ffed00;
	color: #000000;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.2em;
}

/* ======== CÍRCULOS IDENTIFICATIVOS ======== */
.circulos-identificativos {
	display: flex;
	flex-wrap: nowrap;
}

.circulos-identificativos span {
	display: inline-flex;
	align-items: center;
	margin-right: 2px;
}

.circulos-identificativos span::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-left: 12px;
	vertical-align: middle;
}

.circulo-rojo::before {
	background-color: red;
}

.circulo-verde::before {
	background-color: green;
}

.circulo-amarillo::before {
	background-color: Gold;
}

.circulo-azul::before {
	background-color: DodgerBlue;
}

/* ======== VÍDEO DE YOUTUBE ======== */
.contenedor {
	display: block;
	margin: 20px auto;
	width: 100%;
	max-width: 600px;
}

.reproductor {
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

img.imagen-previa {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	height: auto;
}

div.youtube-play {
	height: 64px;
	width: 64px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	opacity: 0.7;
	position: absolute;
	background: url("https://cdn2.iconfinder.com/data/icons/social-icons-color/512/youtube-64.png") no-repeat;
}

div.youtube-play:hover {
	opacity: 1;
}

#youtube-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* ======== POP-UP (PLUGIN PUM) ======== */
.pum-theme-9818 .pum-content+.pum-close,
.pum-theme-tema-por-defecto .pum-content+.pum-close {
	font-family: 'FontAwesome';
	background-color: #b1001b;
}

/* Aplica FontAwesome solo a los iconos generales que no sean personalizados */
[class^="fa-"]:not(.fa-racor-recto):not(.fa-abrazadera):not(.fa-capilla):not(.fa-llave-pareta):not(.fa-manometro):not(.fa-termometro):not(.fa-hecapo):not(.fa-martigrap):not(.fa-mei):not(.fa-pareta):not(.fa-grupoheca):not(.fa-france-flag-o):not(.fa-france-flag):not(.fa-spain-flag-o):not(.fa-spain-flag):not(.fa-uk-flag-o):not(.fa-uk-flag),
[class*=" fa-"]:not(.fa-racor-recto):not(.fa-abrazadera):not(.fa-capilla):not(.fa-llave-pareta):not(.fa-manometro):not(.fa-termometro):not(.fa-hecapo):not(.fa-martigrap):not(.fa-mei):not(.fa-pareta):not(.fa-grupoheca):not(.fa-france-flag-o):not(.fa-france-flag):not(.fa-spain-flag-o):not(.fa-spain-flag):not(.fa-uk-flag-o):not(.fa-uk-flag) {
    font-family: 'FontAwesome' !important;
}