/* 
Theme Name: CMI
Template Theme URI: https://www.cmi.mx/
Author: Salomón Echavarría - QuintoPi5o
Author URI: http://www.quintopisoweb.com/
Description: Plantilla creada para el sitio web CMI
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Brochure
Text Domain: cmi

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	color:#333;
	--font-w-1:300; /*Ancho de fuente 1*/
	--font-w-2:400; /*Ancho de fuente 2*/
	--font-w-3:900; /*Ancho de fuente 3*/
	--color-1:#2f3788;/*Azul oscuro*/
	--color-2:#4c7fbd;/*Azul*/
	--color-3:#99bc39;/*Verde*/
	--color-4:#f0ebe7;/*Crema*/
	--positivo:#fff;
	--negativo:#000;
	--gris:#e5e4e4;
	--semi-negativo:#28303D;
	--fuente-huge:4.5vw;
	--fuente-xl:3.5vw;
	--fuente-large:2.5vw;
	--fuente-medium:1.7vw;
	--fuente-normal:1.2vw;
	--fuente-small:0.9vw;/*Tamaño de fuente pequeña*/
	--fuente-t-1:2vw;
	--fuente-t-2:1.8vw;
	--fuente-t-3:1.6vw;
	--fuente-t-4:1.4vw;
	--ancho-total:100vw; /*Ancho de la barra lateral*/
	--ancho-side-1:22.5vw; /*Ancho de la barra lateral*/
	--ancho-side-2:77vw; /*Ancho de la barra lateral*/
	--alto-1:55vh;
	--padding-0:0.25vw;
	--padding-1:0.5vw;
	--padding-2:1.5vw;
	--padding-3:2vw;
	--padding-4:4vw;
	font-weight: var(--font-w-1);
}

h1, h2, h3, h4 ,h5{
	text-transform:uppercase;
	color:var(--negativo);
	font-weight:var(--font-w-2);
}

h1{
	font-size:var(--fuente-large);
}

h2{
	font-size:var(--fuente-large);
	margin-bottom:var(--padding-2);
	font-weight:var(--font-w-1);
}

h3{
	font-size:var(--fuente-t-3);	
}

h4{
	font-size:var(--fuente-t-3);
}

h5{
	font-size:var(--fuente-t-5);
}

p{
	font-size:var(--fuente-normal);
	margin-bottom:var(--padding-2);
	font-weight:var(--font-w-1);
}

a, a strong{
	color:var(--color-3);
	font-weight:var(--font-w-2);
	text-decoration:none;
}

a:hover, a strong:hover{
	text-decoration:underline;
}

ul, ol{
	padding-left:var(--padding-2);
	margin-bottom:var(--padding-2);
}

ul li, ol li{
	font-size:var(--fuente-normal);
	list-style-position:outside;
	margin-bottom:var(--padding-2);
}

strong{
	font-weight:var(--font-w-2);
}

small{
	font-size:var(--fuente-small);
}

.no-mobil{
	display:none;
}

/*Estilos Wordpress*/

.wp-block-cover, .wp-block-cover-image{
	padding:var(--padding-4);
}

.wp-block-button__link{
	text-transform:uppercase;
	padding:var(--padding-2) var(--padding-4);
	border-radius:0;
	font-size:inherit;
}

.wp-block-coblocks-service__figure img{
	max-width:100%;
	object-fit: inherit;
}

.wp-block-group{
	padding:var(--padding-4) !important;
	margin:var(--padding-1) 0 0 !important;
}

.wp-block-separator.has-background:not(.is-style-dots){
	margin:0 0 var(--padding-2);
}

.wp-block-gallery .blocks-gallery-item figure{
	align-items: center;
}

.alignfull{
	max-width:100% !important;
}

.alignwide{
	max-width:80% !important;
	margin:0 auto;
}

.wp-block-column:not(:first-child){
	
}

.coblocks-form .coblocks-field, .coblocks-form select{
	padding: var(--padding-1);
	margin: 0 0 var(--padding-1);
}

.coblocks-form label{
	font-size:var(--fuente-normal);
	margin: 0 0 var(--padding-1);
}


p.has-background{
	margin:0;
	padding: var(--padding-2) var(--padding-3);
}

.margen-chica .wp-block-column:not(:first-child){
	margin-left:var(--padding-2);
}

/*Estilos Editor*/

/*Tamaños de fuente editor*/

.has-small-font-size{
	font-size:var(--fuente-small) !important;
	line-height:1.2em;
}

.has-normal-font-size, .has-regular-font-size{
	font-size:var(--fuente-normal) !important;
	line-height:1.2em;
}

.has-medium-font-size{
	font-size:var(--fuente-medium) !important;
	line-height:1.2em;
}

.has-large-font-size{
	font-size:var(--fuente-large) !important;
	line-height:1em;
	
}

.has-extra-large-font-size{
	font-size:var(--fuente-xl) !important;
	line-height:1em;
}

.has-huge-font-size, .has-larger-font-size{
	font-size:var(--fuente-huge) !important;
	line-height:1em;
	font-weight:var(--font-w-3);
}

/*Colore editor*/

.has-black-background-color{
	background-color:var(--negativo);
}

.has-dark-gray-cmi-background-color{
	background-color:var(--semi-negativo);
}

.has-l-gray-cmi-background-color{
	background-color:var(--gris);
}

.has-dark-blue-cmi-background-color{
	background-color:var(--color-1);
}

.has-blue-cmi-background-color{
	background-color:var(--color-2);
}

.has-green-cmi-background-color{
	background-color:var(--color-3);
}

.has-cream-cmi-background-color{
	background-color:var(--color-4);
}

.has-black-color{
	color:var(--negativo);
}

.has-dark-gray-cmi-color{
	color:var(--semi-negativo);
}

.has-l-gray-cmi-color{
	color:var(--gris);
}

.has-dark-blue-cmi-color{
	color:var(--color-1);
}

.has-blue-cmi-color{
	color:var(--color-2);
}

.has-green-cmi-color{
	color:var(--color-3);
}

.has-cream-cmi-color{
	color:var(--color-4);
}


/*Personalizados*/

.centrar{
	text-align:center;
}

.borde-inferior{
	border-bottom:2px solid var(--color-2);
	padding:0 0 var(--padding-1);
}

.tit-separador{
	float:right;
	position:relative;
}

		.tit-separador sub{
			float: right;
			border-bottom: 1px solid;
			width: 60%;
			text-indent: -20000px;
			height: 1px;
			font-size: 0px;
		}

		.tit-separador:after{
			    content: "";
				border-bottom: 5px solid var(--color-2);
				height: 2px;
				position: absolute;
				right: 0;
				width: 3vw;
				bottom: -2px;
		}
		
.cuadro-separador{
}

		.cuadro-separador:before{
		}
		
.servicio-home{
}

		.servicio-home figure{
			width:160%;
		}
		
		.servicio-home .wp-block-media-text__content{
			padding:var(--padding-4) !important;
			margin-left:0 !important;
			box-shadow:2px 2px 7px #ccc;
		}


/*Header*/

header{
	float:left;
	width:var(--ancho-total);
	background-color:var(--positivo);
	min-height:2vh;
	position:relative;
}

		#id{
			position:absolute;
			width:15vw;
			padding:var(--padding-1);
			margin: var(--padding-1) 0;
			z-index:2;
			background-color:var(--positivo);
			left:2vw;
		}
		
				#id img{
					max-width:100%;
				}
				
				#id h1{
					text-indent:-2000px;
					height:0px;
					line-height:0px;
				}

		#menu-contacto{
			float:right;
			width:70%;
			padding:var(--padding-2);
			margin-right:10vw;
		}
		
				.menu-principal{
					float:left;
					width:100%;
					padding:var(--padding-2) 0 0;
					text-align:right;
				}
				
						.menu-principal a{
							color:var(--color-1);
						}
						
						.menu-principal a:hover{
							text-decoration:none;
							color:var(--color-3);
						}
				
						.menu-principal ul{
							padding:0;
							margin:0;
						}
						
						.menu-principal ul li{
							display:inline-block;
							list-style-type:none;
							margin:0 1.5vw 0 0;
						}
						
						.menu-principal ul li.current_page_item a{
							color:var(--color-3);
						}
						
						.menu-principal ul li.current_page_item:after, .menu-principal ul li.current-menu-item:after{
							content:"------";
							margin:0 0 0 0.5vw;
							letter-spacing:-1px;
							color:var(--color-3);
						}
				
		#herramientas-contacto{
			float:left;
			width:100%;
			padding:0 var(--padding-2);
		}
				
				#redes-seguir{
					position:absolute;
					width:100%;
					bottom:2vw;
				}
				
						.link-redes{
							float:left;
							width:10%;
							margin:0 3% 0 0;
						}
						
						.link-redes img{
							max-width:100%;
							width:100%;
						}
						
		#herramientas-buscador{
			position:absolute;
			right:2vw;
			top:0;
			width:7vw;
			height:7vw;
			background-color:var(--color-3);
			z-index:3;
			padding:var(--padding-2)
		}
		
				#buscador{
					float:left;
					width:100%;
				}
				
						#searchform{
							float:left;
							width:100%;
						}
				
						.screen-reader-text{
							clip: rect(1px, 1px, 1px, 1px);
							height: 1px;
							overflow: hidden;
							position: absolute !important;
							width: 1px;
							word-wrap: normal !important;
						}
						
						.searchform #s{
							float:left;
							width:100%;
							background-color:transparent;
							color:var(--negativo);
							padding: 0.625em 0.4375em;
							margin:0;
							border: 1px solid rgba(0,112,133,0.3);
							border-radius: 2px;
						}
						
						.searchform #searchsubmit{
							width:50%;
							cursor:pointer;
							background-color:transparent;
							border: 0;
							border-radius: 2px;
							color:var(--positivo);
							font-weight:var(--fuente-w-2);
							letter-spacing: 0.046875em;
							line-height: 1;
							padding: 0.84375em 0.875em 0.78125em;
							text-transform: uppercase;
							text-indent:-2000px;
							background-image:url("img/lupa.svg");
							background-repeat:no-repeat;
							background-size:80% auto;
							background-position:center center;
							float:right;
							margin:0.5em 25% 0;
						}


/*Home*/

main{
	float:right;
	width:var(--ancho-total);
	overflow-x: hidden;
}

.home-page{
	text-align:left;
}

.home-page h2{
}

#secciones-home-wrapper{
}

		#secciones-home{
		}
		
				.seccion-individual-home{
				}


/*Interna*/

.internas-cont{
	/*padding:var(--padding-4);*/
	text-align:left;
}

		.internas-cont h2{
			font-size:var(--fuente-xl);
			font-weight:var(--font-w-3);
		}

		#imagen-apertura-post-titulo{
			float:left;
			width:100%;
			position:relative;
			min-height:var(--alto-1);
			background-color:var(--positivo);
		}
		
				#imagen-apertura-cont{
					position:absolute;
					width:50%;
					top:0;
					left:0;
				}
				
						#img-single{
							float:left;
							width:100%;
							height:var(--alto-1);
							background-size:cover;
						}
				
				#titulo-side{
					position:absolute;
					width:50%;
					bottom:0;
					right:0;
					padding:var(--padding-4) var(--padding-3) var(--padding-4) var(--padding-4);
				}
				
						#categoria {
							max-width:60%;
							border-bottom:2px solid var(--color-2);
							margin:0 0 var(--padding-1);
						}
				
								#categoria ul{
									padding:0 !important;
									margin:0 ;
								}
						
								#categoria ul li{
									list-style-type:none;
									margin:0;
								}
								
								#categoria ul li a{
									font-weight:var(--font-w-3);
								}
		.titulo-single{
			float:left;
			width:100%;
			padding:var(--padding-4) var(--padding-4) var(--padding-2);
			background-color:var(--positivo);
		}
		
				.titulo-single #categoria {
					max-width:40%;
				}
		
				.titulo-single h2{
					display:flex;
				}

				.titulo-single h2 span{
					flex-shrink:0;
					width:auto;
					max-width:60%;
				}
		
				.titulo-single h2:after{
					content:"";
					border-bottom:2px solid var(--color-2);
					flex-grow:1;
					height:2px;
					margin:var(--padding-2) 0 0 var(--padding-2);
				}

				
		.wrapper-single{
			float:left;
			width:100%;
		}
		
				.main-single{
					float:left;
					width:100%;				
					background-color:var(--positivo);
				}
				
						#wrapper-cont-single{
							width:100%;
							max-width:800px;
							margin:0 auto;
						}
						
								#contenido-single{
									float:left;
									width:100%;
									padding:var(--padding-3);
								}
						
										#contenido-single p{
											max-width:80%;
											margin:0 auto var(--padding-2);
										}
								
				.side-single{
					float:left;
					width:100%;
				}
				
						.pos-1 h2{
							margin:var(--padding-2) 0;
							font-size: var(--fuente-large);
							font-weight:var(--font-w-1);
							display:flex;
							width:100%;
						}
						
								.side-single h2 span{
									flex-shrink:0;
									width:auto;
								}
						
								.side-single h2:after{
									content:"";
									border-bottom:2px solid var(--color-2);
									flex-grow:1;
									height:2px;
									margin:var(--padding-2) 0 0 var(--padding-2);
								}
/*Page*/

.page-general{
	background-color:var(--positivo);
	text-align:left;
}

		.page-general h2{
			font-size:var(--fuente-xl);
			font-weight:var(--font-w-3);
		}


		.contenido-page{
			float:left;
			width:100%;
			margin:0 0 var(--padding-4);
		}
		
				.contenido-page > div, .contenido-page > p, .contenido-page > h1, .contenido-page > h2, .contenido-page > h3, .contenido-page > h4, .contenido-page > h5{
					margin:0 auto var(--padding-2);
					width:100%;
					max-width:45%;
				}
				
				.contenido-page > {
					margin:0 auto var(--padding-2);
					width:100%;
					max-width:45%;
				}
				
				.bloque-contacto{
					min-height:15vh;
					display:flex;
					align-items: center;
  					justify-content: center;
				}
				
				.bloque-contacto < wp-block-column < wp-block-columns{
					margin-top:-5em;
				}
/*Categoría*/

.cat-list{
	float:left;
	width:100%;
	margin:0 0 var(--padding-1);
}

		.cat-list:after{
			content:"";
			float:left;
			border-bottom:1px solid var(--color-1);
			width:70%;
			margin:var(--padding-3) 0 var(--padding-3) 15%;
		}

		a.img-cat{
			float:left;
			width:60%;
			height:40vh;
			background-size:100% auto;
			transition: 0.3s;
		}
		
				a.img-cat:hover{
					background-size:110% auto;
				}
		
		.text-cat{
			float:right;
			width:50%;
			margin:10vh 0 0 -10%;
			
		}
		
				ul.post-categories{
					color:var(--positivo);
					float:left;
					margin:0;
				}
				
						ul.post-categories li{
							background-color:var(--color-2);
							padding:var(--padding-1) var(--padding-3);
							list-style-type:none;
							margin:0 var(--padding-1);
							display:inline-block;
							font-size:var(--fuente-small);
						}
				
						ul.post-categories a{
							color:var(--positivo);
						}
						
				.tag-cat{
					color:var(--positivo);
					float:left;
				}
				
						.tag-cat ul{
							margin:0;
							padding:0;
						}
						
						.tag-cat ul li{
							display:inline-block;
							list-style-type:none;
							margin:0;
							padding:0;
							font-size:var(--fuente-small);
							background-color:var(--color-2);
							padding:var(--padding-1) var(--padding-3);
						}
						
						.tag-cat a{
							color:var(--positivo);
						}
						
				
		
				.text-cat > a{
					float:left;
					width:100%;
					padding:var(--padding-3);
					background-color:#f4f4f4;
					box-shadow:5px 5px 5px #f4f4f4;
					transition: 0.3s;
					opacity:1;
				}
				
				.text-cat > a:hover{
					opacity:0.8;
				}
		
				.text-cat .tit-cat{
					color:var(--color-1);
					font-weight:var(--font-w-3);
				}
				
						.text-cat a{
							text-decoration:none;
						}
				
				.text-cat p{
					float:left;
					width:100%;
					color:var(--negativo);
					text-align:right;
					max-width:100% !important;
					padding:0 0 0 var(--padding-2);
					margin:var(--padding-2) 0 !important;
				}
				


/*Búsqueda*/

.texto-busqueda{
	float:left;
	width:100%;
	padding:var(--padding-4) var(--padding-4) 0;
}

.titulo-busqueda{
	float:left;
	width:100%;
	padding:0 var(--padding-4) 0;
}

/*Footer*/

footer{
	float: right;
	width: var(--ancho-total);
	padding:var(--padding-3);
	color:var(--positivo);
	background-color:#003765;
	margin:0 0 var(--padding-4) 0;
}

		footer a{
			color:var(--positivo) !important;
		}
		
		#footer-1{
			float:left;
			width:20%;
			padding:var(--padding-2);
		}
		
				#footer-1 img{
					width:50%;
				}
		
		#footer-2{
			float:left;
			width:60%;
			padding:var(--padding-2);
		}
		
				#footer-2 .menu-principal{
					text-align:center;
				}
		
		#footer-3{
			float:left;
			width:20%;
			padding:var(--padding-2);
		}
		
.form-dos-col form label:first-child, .form-dos-col form input:first-child{
	float:left;
	width:50%
}

.form-dos-col form label:nth-child(2n){
	float:left;
	width:60%
}