/*
 Theme Name:   ¡Ka-Boom! Estudio theme 2012
 Theme URI:    https://wordpress.org/themes/twentytwelve/
 Description:  Tema para la parte de ¡Ka-Boom! Estudio, basado en Twenty Twelve Theme
 Author:       Norihiko Matsumoto
 Author URI:   http://www.ka-boom.com.mx
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready 
 Text Domain:  kaboomestudio2012
*/

/* CSS ORIGINAL DE TWENTY TWELVE CON MODIFICACIONES */
/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */

body {
	/*background: url(images/back.png) no-repeat #000;*/
	/*background-position: center 16px;*/
	background-color: #fff;
    background-position: center -35px;
	font-size: 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-rendering: optimizeLegibility;
	color: #000;
}
	body .site {
		padding: 0px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		box-shadow: none !important;
	}

	.site {
		margin: 0 auto;
		overflow: hidden;
	}
	
/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: transparent;
}

.site-content {
	margin: 15px 0 0;
	padding: 0 0px;
}

/* Header */

.site-header {
	padding: 0px !important;
}

.header-image {
	margin-top: 0px;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 0px !important;
	text-align: center;
	background-image: linear-gradient(to right, #ff0000, #000, #000, #000, #ff0000);
	height: 30px;
	position:fixed;
	z-index:2;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0px !important;
    border-top: 0px !important;
    display: inline-block;
    text-align: left;
    width: 100%;
}

/* Sidebar */
.widget-area {
	margin: 15px 0 0 0 !important;
	padding: 0px !important;
	font-family: Lucida Sans, sans-serif;
	text-transform: uppercase;

}

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 0px;
	word-wrap: break-word;
}

.widget-area .widget a {
	color: #fff;
}
.widget-area .widget a:hover {
	color: red;
}
.widget-area .widget a:visited {
	color: #fff;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 11px;
	line-height: 24px;
}


/* Footer */
#clientes {
	margin-top: 10px;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}

#clientes > * {
	padding: 10px;
}

.clientestitle {
	font-family: "Akrobat";
	font-size: 25px;
	text-align: center;
	flex: 1 100%;
}

.clientescolumn {
	text-align: center;
	flex: 1 100%;
	margin-bottom: 25px;
}


.column {
	flex: 1 0 0;
}
	.columna1 {
		order: 1;
	}
	.columna2 {
		order: 2;
	}
	.columna3 {
		order: 3;
	}
	
	.columna4 {
		order: 4;
	}

#contactofooter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px !important;
	font-weight:bold;
    line-height: 1.4;
	color:#fff;
	margin-top: 10px;
    width: 100%;
    display: flex;
	flex-flow: row wrap;
	background-image:linear-gradient(to right, #ff0000, #000, #000, #000, #ff0000);
}

#contactofooter > * {
	padding: 10px;
}


footer[role="contentinfo"] {
	background-image:linear-gradient(to right, #ff0000, #000, #000, #000, #ff0000) !important;
	border-top: 0px !important;
	clear: both;
	max-width: 100% !important;
	margin-top: 0px !important;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 10px 0 !important;
	position:relative;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px !important;
    line-height: 20px;
}

.site-info {
	text-align:center;
    max-width: 100%;
}

/* =Main content and comment content
-------------------------------------------------------------- */

.site-content article {
	border-bottom: 0px !important;
	margin-bottom: 0px;
	padding-bottom: 24px;
	word-wrap: break-word;
}

/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 24px !important;
	padding-bottom: 0px !important;
	border-bottom: 0px !important;
}

/* Images */

.widget img {
	border-radius: 0px !important;
	box-shadow: 0px 0px !important;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 0px;
}

/* Navigation */

.main-navigation li a, .main-navigation li {
    display: table-cell;
    text-decoration: none;
}

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
		
/* Minimum width of 1024 pixels and Maximum width of 1366 pixels. */
@media screen and (min-width: 1024px) and (max-width: 1366px) {
/* Personalizado
-------------------------------------------------------------- */

input#s {
	border: 0px solid;
	background-color: transparent;
	color: #FFF;
	padding: 0px 5px !important;
	width: 145px !important;
	height: 20px !important;
	float: left;
	font-size: 12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
}	

input#s:focus {
	border:0px solid !important;
	outline:-webkit-focus-ring-color auto 0px;
}

/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */

	body {
	font-size: 13px !important;
}

	.site {
		max-width: 1150px;
}

body.template-front-page .site-content {
		width:1150px !important;	
}


	
	.site-content {
		float: right !important;
		width: 790px;
	}
		div#content {
			margin: 0px;
		}
    .widget-area {
		float: left !important;
		width: 200px;
	}
		div#extra {
			display:none;
		}
}			

/* TEMPORAL */

.wp-block-group.has-background {
	padding:0px !important;
}

.servbloque {
	margin: 50px 0;
}

.glubh2 {
	margin: 0 0 24px !important;
}

/*Your theme customization codes go below this line*/

/* Personalizado
-------------------------------------------------------------- */


@font-face {
	font-family: "Akrobat" ; /* A Fontfabric™ Free Font -> www.fontfabric.com */
	src: url(fonts/Akrobat-Regular.otf) format("opentype");
	font-weight:normal;
}


/* Header */
	img.header-image {
		float: right;
		margin-top:30px;
	}
	
	#centroheader, #noticiasheader {
		text-align: center;
	}
	
	#centroheader h1 {
		font-family: "Akrobat";
		font-size: 32px;
		line-height: 25px;
		font-weight: bolder;
	    color: #0E4362;
	}
	
	#noticiasheader {
		margin-bottom: 24px;
	}
	
	#noticiasheader h1 {
		font-family: "Akrobat";
		font-size: 32px;
		line-height: 25px;
		font-weight: bolder;
	    color: #0E4362;
	}

/* Navigation Menu */
	.menu-menu-principal-container {
		float: left;
		height:30px;
		padding-left:235.5px;
	}
	
	#menu-menu-general a {
		color: #FFF;
		font: bolder 13px Lucida Sans, sans-serif;
		text-decoration: none;
	}
	
	ul#menu-menu-general {
		background-image: url('images/square-2x2-black90t.png');
		border-bottom: 0px;
		border-top: 0px;
/*		display: inline-block !important; */
		display:none;
		text-align: center;
		width: 100%;
	}
	
	ul#menu-menu-general li {
		margin: 0 40px 0 0;
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	
	#menu-menu-principal > li {
		font-family: "Akrobat";
		font-size: 14px !important;
		margin: 0px;
	}
		
/*	#menu-menu-principal > li:hover {
		background: none !important;
		background-image: url('images/square-2x2-red50t.png') !important;
		background-repeat: repeat !important;
	}
	
	#menu-menu-principal > li.current-menu-item, #menu-menu-principal > li.current-menu-ancestor{
		background: url('images/square-2x2-red50t.png') repeat !important; 
	}*/
	
	div#buscador {
		float: right;
		right: 0;
		top: 0%;
		margin-top: 0px;
	}
	
	#buscacaja {
		border: 1px solid #ff0000;
    border-radius: 5px;
		background-color: #000;
		height: 20px;
		width: 175px;
		margin: 4px 15px;
		padding: 0px;
	}
	
	input#searchsubmit {
		background: url(images/loupe.png) no-repeat;
		border: 0;
		cursor: pointer;
		display: block;
		float: right;
		width: 20px;
		height: 20px;
		margin: 0px;
	}

/* Sidebar */
	#sidebarcontent {
		background-image: url('images/square-2x2-black50t.png') !important;
		background-repeat: repeat !important;
	}
	
	#secondary > div > aside > div > ul > .menu-item > a {
		text-decoration: none;
		padding: 0px 5px;
	}
	
	#secondary > div > aside > div > ul > .current-menu-item > a,
	#secondary > div > aside > div > ul > .current-page-ancestor > a,
	#secondary > div > aside > div > ul > .current-post-ancestor > a {
		color: red;
	}

/* Contenido */

	div#main {
		display:inline-block;
		width:100%;
	}
	
	.entry-header {
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	.submenu {
	    margin-bottom: 50px;
}
	
	.submenu h3 {
	    margin: 0px;
}
	
	.entry-content h2 {
		font-family: "Akrobat";
		font-size: 25px;
		color: #ff0000;
	}
	
	.entry-content h2 a {
		color: #ff0000;
		text-decoration:none;
	}	
	
	.entry-content h3 {
		font-family: "Akrobat";
		font-size: 22px;
		color: #000;
	}

	.entry-content h3 a {
		color: #ff0000;
		text-decoration:none;
	}
	
	.entry-content h3 a:visited {
		color: #000;
		text-decoration:none;
	}	

	.entry-content h4 {
		font-family:"Akrobat";
		font-size: 18px;
	}

	.entry-content p {
		font-size: 18px;
	}	

	.entry-content ul {
		list-style: disc;
	}

	.entry-content li {
		margin: 0 0 0 25px;
		font-size: 18px;
	}

	#post-5 > .entry-header > div#centroheader {
		display: none;
	}
	
	.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
    line-height: 1.5;
}
	
	
	p.popmake-contacto, p.popmake-mapa {
		font-size: 14px;
		margin-top: 10px;
}

/**< Inicio >**/
#resumen {
/*	width:100%;  */
	width: 1150px;
	display:flex;
    line-height: 0 !important;
}

#rizq {
	width: 750px; /* Resolución de 1280px */
	margin-right:20px; /* Resolución de 1280px */
/*	width: 65.2173%;  
	margin-right: 1.7391%;  */
}

#rder {
	width:380px; /* Resolución de 1280px */
/*	width: 33.0434%; */
}

#rdereq {
	width: 100%;
	margin-bottom:25px; /* Resolución de 1280px */
/*	margin-bottom: 5.8823%;  */
}

#rdercur {
	width: 100%;
}

/**< Acerca de >**/	

.acercadeimg01, .acercadeimg02, .acercadeimg03, .acercadeimg06, .acercadeimg07, .acercadeimg08, .acercadeimg09 {
    margin-bottom: 50px !important;
}

.acercadeimg04, .acercadeimg05 {
	margin:0 100px 50px !important;
}

.acercadeimg08 ul {
	margin-bottom: 0px !important;
}

.acercadeparrafo02, .acercadeparrafo03, .acercadeparrafo04, .acercadeparrafo05, .acercadeparrafo06, .acercadeparrafo07, .acercadeparrafo08 {
    margin: 0 50px 50px !important;
}

/***< Directorio >***/

.clientescolumna {
	margin:0 50px;
}

/***< Nuestros Clientes >***/

.page-id-45256 #clientes {
	display:none;
}

/**< Servicios y Productos >**/

.pcentro {
	margin:0 50px 24px !important;
}

.caractol {
	margin-top:34px !important;
}

.valorgal01 {
	margin-bottom:0px !important;
}

.estiloscolumn {
	margin-top:50px !important;
}

.caractlist ul {
	list-style:lower-alpha !important;
}

.spcolumn06 {
	margin-bottom: 0px;
}

/**< Equipo Creativo >**/	

.eqcrea01ogl {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/01ecoglfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea01ogl h2, .eqcrea01ogl h3, .eqcrea01ogl h4 {
	margin:0px !important;
}

.eqcrea02hs {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/02echsfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea02hs h2, .eqcrea02hs h3, .eqcrea02hs h4 {
	margin:0px !important;
}

.eqcrea03mm {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/03ecmmfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea03mm h2, .eqcrea03mm h3, .eqcrea03mm h4 {
	margin:0px !important;
}

.eqcrea04sr {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/04ecsrfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea04sr h2, .eqcrea04sr h3, .eqcrea04sr h4 {
	margin:0px !important;
}

.eqcrea05rs {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/05ecrsfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea05rs h2, .eqcrea05rs h3, .eqcrea05rs h4 {
	margin:0px !important;
}

.eqcrea06tr {
	background-image: url(https://www.ka-boom.com.mx/estudio/wp-content/uploads/sites/2/2020/12/06ectrfondo.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	margin-bottom: 50px !important;
}

.eqcrea06tr h2, .eqcrea06tr h3, .eqcrea06tr h4 {
	margin:0px !important;
}

.eqcrea01celda02 h2, .eqcrea02celda02 h2, .eqcrea03celda02 h2, .eqcrea04celda02 h2, .eqcrea05celda02 h2, .eqcrea06celda02 h2 {
	line-height:1.1 !important;
}

.eqcrea01celda02 h3, .eqcrea02celda02 h3, .eqcrea03celda02 h3, .eqcrea04celda02 h3, .eqcrea05celda02 h3, .eqcrea06celda02 h3 {
	line-height:1.4 !important;
}

.eqcreasubmenu {
	margin-bottom:0px !important;
}

.eqcreasubmenu h4 {
	margin:0px !important;
}

.eqcreasubmenu h4:hover {
	color: #ff0000;
}


/**< Portafolio >**/
#galrow01 {
/*	margin: 2.1739% 0; */
	margin: 25px 0; /* Resolucion de 1280px */
	display:inline-flex;
}

#galrow02 {
/*	margin: 2.1739% 17.3913%; */	
	margin: 25px 200px; /* Resolucion de 1280px */
	display:inline-flex;
}

#thumbizq {
	float: left;
/*	width: 30.4347%; */
/*	margin-right: 4.3478% */
	margin-right: 50px; /* Resolucion de 1280px */
	display:grid;
}

#thumbc {
	float: left;
/*	width: 30.4347%; */
	display:grid;
}

#thumbder {
	float: right;
/*	width: 30.4347%; */
/*	margin-left: 4.3478% */
	margin-left: 50px; /* Resolucion de 1280px */
	display:grid;
}

#thumb {
/*	width: 30.4347%; */
/*	margin-right: 4.3478% */
	width: 350px; /* Resolucion de 1280px */
	opacity: 0.6;
    transition-duration: 0.8s;
}

#thumb:hover {
    opacity: 1;
}

#galtitulo {
	display: block;
	text-align:center;
}
	#galtitulo h3 {
		margin:10px 0;
		color: #ff0000;
	}

/***<Diseño conceptual>***/
.dccolumn, .pccolumn {
	margin-left:4.3478%;
}

.dccolumn h3 {
	margin:0px !important;
}

/* Footer */

	#prefooter {
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	
	#slideup {
		float:right;
	}

/* MEDIA QUERIES PERSONALIZADOS */
/* Mobiles (revisar)*/
@media only screen
and (min-width : 360px)
and (max-width : 719px) {

	img.header-image {
    margin-top: 60px;
}

	.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
    display: none;
}

	.main-navigation {
		width: 100%;
		height: 60px;
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
		background-image: linear-gradient(to right, #ff0000, #000, #000, #000, #000, #000, #000, #000, #ff0000);
	}

	.menu-menu-principal-container {
		padding-left: 0px;
	}

	div#buscador {
		display: none;
	}

	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
	}

	#menu-menu-principal > li > a {
		padding: 0 10px !important;
    color: #ff0000;
    line-height: 30px !important;
    padding: 0px;
		font-weight: bold;
}

	#menu-menu-principal > li > a:hover {		
		color: #fff;
}
}
 
/* Tablets */
@media only screen
and (min-width : 720px)
and (max-width : 768px) {

	.main-navigation {
		width: 100%;
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	}

	.menu-menu-principal-container {
		padding-left: 0px;
	}

	div#buscador {
		display: none;
	}

	#menu-menu-principal > li > a {
		padding: 0 15px !important;
    color: #ff0000;
    line-height: 30px !important;
    padding: 0px;
		font-weight: bold;
}

	#menu-menu-principal > li > a:hover {		
		color: #fff;
}
}
 
/* Tablets */
@media only screen
and (min-width : 769px)
and (max-width : 1023px) {
/* Add you style here */
}

/* Laptops */
@media only screen
and (min-width : 1024px)
and (max-width : 1279px) {

	#menu-menu-principal > li > a {
		float: left;
		padding: 0 33px !important;
		color: #ff0000;
		line-height: 30px !important;
		padding: 0px;
		font-weight: bold;
	}
	
		#menu-menu-principal > li > a:hover {		
			color: #fff;
	}
	
	.main-navigation {
		width:100%;
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	}
	
	.menu-menu-principal-container {
		padding-left: 0px;
	}

	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
		color: #fff !important;
	}

}
 
/* Laptops */
@media only screen
and (min-width : 1280px)
and (max-width : 1439px) {

	#menu-menu-principal > li > a {
		float: left;
		padding: 0 33px !important;
		color: #ff0000;
		line-height: 30px !important;
		padding: 0px;
		font-weight: bold;
	}
	
		#menu-menu-principal > li > a:hover {		
			color: #fff;
	}
	
	.main-navigation {
		width: 1150px;
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	}
	
	.menu-menu-principal-container {
		padding-left: 0px;
	}

	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
		color: #fff !important;
	}
}

/* Laptops y Desktops */
@media only screen
and (min-width : 1440px)
and (max-width : 1679px) {

/* Personalizado
-------------------------------------------------------------- */
#menu-menu-principal > li > a {
    float: left;
    padding:0 33px !important;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: red;
    color: #ff0000;
    line-height: 30px !important;
    padding: 0px;
	font-weight: bold !important;
}

#menu-menu-principal > li > a:hover, #menu-menu-principal > li.current-menu-item > a {
    color: #fff;
}

.main-navigation {
	width: 1150px;
}

#buscacaja {
    border: 1px solid #ff0000;
    border-radius: 5px;
    background-color: #000;
    height: 20px;
    width: 183px;
    margin: 4px 15px;
    padding: 0px;
}

input#s {
  border: 0px solid;
	background-color: transparent;
	color: #FFF;
	padding: 0px 5px !important;
	width: 145px !important;
	height: 20px !important;
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */

body {
	font-size: 14px !important;
}

	.site {
/*		max-width: 1400px; */
		max-width:1150px;
}

body.template-front-page .site-content {
		width:1150px !important;
		margin-left: 0px !important;	
}
	.site-content-full {
		float: left !important;
		width: 1150px;
	    margin: 15px 0 0 !important;
	    padding: 0 5px !important;
		}
	.site-content {
		float: left !important;
		width: 990px;
	    margin-left: 200px !important;
		}
		div#content {
		    margin: 0 50px;
			}
    .widget-area {
		width: 200px;
	}
		div#secondary {
			float: left !important;
    		margin-left: -1200px !important;
		}
			aside#text-2, aside#text-3, aside#text-4, aside#text-5, aside#text-6, aside#text-7, aside#text-8, aside#text-12, aside#text-13, aside#text-14, aside#text-15, aside#text-16, aside#text-18, aside#text-19, aside#slideshowwidget-2, aside#slideshowwidget-3, aside#slideshowwidget-5, aside#slideshowwidget-6, aside#slideshowwidget-7 {
    			display: none;
			}
		div#extra {
 		   position: relative;
		}
}

/* Laptops y Desktops */
@media only screen
and (min-width : 1680px) {

	.main-navigation {
		width: 960px;
	}
}

/* For print */
 
@media print {
/* Add your style here */
}