/*
 Theme Name: Ekiline Child
 Theme URI: http://www.ekiline.com/
 Author: Uri Lazcano (Urielink)
 Author URI: https://www.linkedin.com/in/urielink
 Description: Developed with Bootstrap 4 and HTML5. Multiple widget areas and widgets to facilitate website creation. Includes optimization (SEO) functions. Documentation: http://www.ekiline.com
 Template: ekiline
 Version: 4.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, microformats, theme-options, translation-ready, blog, e-commerce, portfolio
 Text Domain: ekiline
*/

/**
 * UTILIDADES:
 * Mostrar grid en editor.
 * .wp-block{border:1px dotted #ccc;padding:.25em;}
 */

/** 
 * Generales:
 * Ancho de sitio, separador
 */
.container {
    max-width: 1200px;
}
.wp-block-separator.has-background:not(.is-style-dots) {
    height: 5px !important;
}

/*Ocultar algunos textos*/
.navbar-text, .page .entry-title:not(.woocommerce-page .entry-title) {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
/*Ajustes en menu superior*/
#primarySiteNavigation{
	margin-bottom:2rem;
}

.navbar-brand img {
	max-height: 70px;
	max-width: 200px;
}

.navbar-nav > li > a {
	padding-top: 45px;
	padding-bottom: 45px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	position:relative;
	color: #000 !important;
}

.navbar-nav .dropdown-menu > li > a{ 
	padding-top:16px;padding-bottom:16px;font-size:16px;text-transform:uppercase;font-weight:bold;
}
.navbar-nav > .active > a,
.navbar-nav > .current-menu-ancestor > a,
.navbar-nav > .current-post-ancestor > a{ 
	background-color: inherit;
}

.navbar-nav > .active > a:first-child:after,
.navbar-nav > .current-menu-ancestor > a:first-child:after,
.navbar-nav > .current-post-ancestor > a:first-child:after,
.navbar-nav > li:hover > a:first-child:after{
	content:"";width:90%;height:5px;position:absolute;left:0px;right:0px;margin:24px auto;
}

.navbar-nav > li:nth-child(1) > a:after{background-color: #FFE652;}
.navbar-nav > li:nth-child(2) > a:first-child:after{background-color: #80B5FF;}
.navbar-nav > li:nth-child(3) > a:after{background-color: #FFC4E5;}
.navbar-nav > li:nth-child(4) > a:after{background-color: #FFB372;}
.navbar-nav > li:nth-child(5) > a:after{background-color: #EBE8CE;}

.dropdown-menu.show > .nav-item > a.dropdown-item{
	display: block !important;
}

.navbar{
	box-shadow: 0px 0px 10px #000;
	margin-bottom: 0px;
}

li.btn-cta > a, a.btn-cta, .btn-enviar {
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px 14px !important;
	background: #0677FF !important;
	color: #fff !important;
	text-shadow: 0px 3px 0px #000077 !important;
	font-size: 28px !important;
	border-radius: 10px;
	box-shadow: 0px 4px 0px #000077;
	margin-top: 1.6rem;
	border:none;
}
.btn-enviar {
    font-size: 1.2rem !important;
    border-radius: 6px;
    padding: 5px 15px !important;
}

a.btn-aviso, .site-footer a.btn-aviso {
	padding: 10px 18px !important;
	background: #FFB372 !important;
	color: #fff !important;
	text-shadow: 0px 3px 0px #FF9966 !important;
	border-radius: 10px;
	box-shadow: 0px 4px 0px #FF9966;
	display: block;
	margin-top: 14px;
	text-align: center;
}

.site-footer{
	font-size: 12px;	
	line-height: 10px;
}

#nav_menu-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
#nav_menu-2 ul li {
	display: inline-block;
	width: 20%;
	text-align: center;
}

#nav_menu-2 ul li a {
	border: 2px solid #ffb372;
	padding-top: 8px;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	display: inline-block;
}

.site-footer .container > p {
	border-top: 1px solid #fff;
	padding-top: 20px;
}

/** Ajustes home */
.home .wp-block-social-links li {
    width: 90px;
    height: 90px;
    padding: 10px;
}
.home .wp-block-social-links li a > svg {
    width: 60px;
    height: 60px;
}

/* Modulo de infografia */
.page-id-40 .infografia-modelo{position:relative;}
.page-id-40 .infografia-modelo img{}
.page-id-40 .infografia-modelo > a.popover-rich{position:absolute;opacity:0;font-size:8px;width: 6%;height: 24px;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(3){top: 44%;left: 4%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(4){top: 38%;left: 22%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(5){top: 38%;left: 40%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(6){top: 23%;left: 49%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(7){top: 23%;left: 54%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(8){top: 23%;left: 61%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(9){top: 29%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(10){top: 31%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(11){top: 33%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(12){top: 35%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(13){top: 37%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(14){top: 39%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(15){top: 41%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(16){top: 43%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(17){top: 45%;left: 68%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(18){top: 70%;left: 78%;}
.page-id-40 .infografia-modelo > a.popover-rich:nth-child(19){top: 70%;left: 84%;}

/**
 * Noticias
 */
.single-post .post{
	background-color:#FFFFFF;
	padding: 1rem;
}
.single-post .post .entry-title{
	color:#0677ff;
}
.single-post .post .wp-post-image{
	display: block;
	margin: 1rem auto;
}

/**
 * Contacto
 */
.page-id-53 .wp-block-image *, p [class*="wp-image"]{
	margin:0px !important;
	padding:0px !important;
	vertical-align: bottom;
}

/* Woocommerce */
.woocommerce #primary, .woocommerce-page #primary{
	background-color:#fff;
	padding: 2rem 1rem;
}
.woocommerce .widget.widget_text .widget-title, .woocommerce #primary .page-title{
	background-color:#ffb372;
	font-size:1.4rem;
	padding:4px;
	color:#fff;
}
.woocommerce .widget.widget_text{
	padding:0px 0px 10px !important;
	margin-bottom:20px !important;
}
.woocommerce .card{
    border: none !important;
}
.woocommerce-cart .entry-title{
	background-color:#FFB372;
	color:#fff;
	padding:10px;
	font-size:1.6rem
}

/**
 * Footer
 */
.signature{
	display:block;
	margin:1rem;
	opacity:.2;
	text-align:center;
	display:none;
}
.signature, .signature a{
	color:#ddd !important;
}

/** 
 * RESPONSIVO SEGUNDO CAMBIO 
 * Tablets y smartphones horizontales 
 */
@media only screen and (max-width:768px){

	/*iconos sociales home*/
	.home .wp-block-social-links li {
		width: 60px;
		height: 60px;
		padding: 5px;
	}
	.home .wp-block-social-links li a > svg {
		width: 40px;
		height: 40px;
	}
	
	/*Ajustes en menu*/
	.navbar-brand{color: #000077 !important;font-weight: bold;font-size: 20px;}
	.navbar-brand img{margin-top:-10px;margin-right:10px;height:40px !important;}
	.navbar-toggler{border:0px;}
	.navbar-nav > li { text-align:center;}
	.navbar-nav > li > a{padding-top:15px;padding-bottom:15px;font-size:12px;letter-spacing:1px;text-align:center;} 
	.navbar a.dropdown-toggle-split {
		float: none;
		padding: 10px;
	}
	.navbar-nav .dropdown-menu > li > a{padding-top:14px;padding-bottom:14px;font-size:12px;text-align:center;letter-spacing:2px;}
	.navbar .dropdown a, .navbar .dropright a, .navbar .dropup a {
		width: 100%;
	}
	.navbar a.dropdown-toggle-split {
		width: auto !important;
		position: absolute;
		right: 0px;
		z-index: 1;
	}

	li.btn-cta > a {
		font-size: 24px !important;
		margin: 0px auto;
	}
		
	/* Modulo de infografia */
	.page-id-40 p.d-md-none{display:inline-block !important;background:#fff;padding:10px;margin-bottom:2px;}
	.page-id-40 p.d-md-none strong{background:#ffc4e5;color:#fff;display:inline-block;width:100%;text-align:center;padding:5px;margin-bottom:5px;}

	/* Plugin carrusel */
	.wp-block-coblocks-gallery-carousel .has-carousel{
		height:140px !important;
	}	
	
}