/*
	Theme Name:			Blog Brand Inteliegente Theme
	Description:		Plantilla desarrollada a medida para uso exclusivo de Brand Inteligente
	Theme URI:			https://lyon-branding.com
	Author:				Lyon Branding
	Author URI:			https://lyon-branding.com
	Version:			1.0
	Requires at least:	4.9
	Requires PHP:		7.0
	Tested up to:		5.7.1
	License:			GNU General Public License v3 or later.
	License URI:		https://www.gnu.org/licenses/gpl-3.0.html
	Tags:				custom-logo, one-column, two-columns, translation-ready
	Text Domain: 		lyonblog
*/

/*! minimal reset based on simplified normalise.css | github.com/necolas/normalize.css */
html{line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}b,strong{font-weight:bolder}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}fieldset{padding:.35em .75em .625em}progress{vertical-align:baseline}textarea{overflow:auto}template,[hidden]{display:none}
#copyright{opacity:.7;font-size:small;font-family:sans-serif;text-align:right;margin:.5rem}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{text-align:center}
.bypostauthor{}
.gallery-caption{}
.screen-reader-text{}
.sticky{}
.wp-caption{}
.wp-caption-text{}
.gallery-item {display: inline-block;text-align: left;vertical-align: top;margin: 0 0 1.5em;padding: 0 1em 0 0;width: 50%}
.gallery-columns-1 .gallery-item {width: 100%}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-item a { display: inline-block; max-width: 100%}
.gallery-item a img {display: block; backface-visibility: hidden}
.gallery-item a:hover img, .gallery-item a:focus img {opacity: 0.6}
.gallery-caption {display: block; margin-bottom: 0}



/**********************************
  Header
******************************************/
:root {
	--scroll-width:1%;
}

body.single-post #header__main:after { content:""; display: block; position: fixed; top: 76px; left: 0; height: 5px; width: var(--scroll-width); background: linear-gradient(270deg, #FF0082 0%, #0000FF 100%);  }  
body.single-post.admin-bar #header__main:after { top: 118px; }

header a.elementor-button-link { overflow: hidden; position: relative; z-index: 1; }
header a.elementor-button-link:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; background-color: #0000FF; top:0; left:-100%; transition: all .5s; z-index: -1; }
header a.elementor-button-link:hover:before { left: 0; transition: all .3s; }




/************************************
  Titulos
***********************************/
h1, h2, h3, h4, h5 { font-family: "HASS GROT", Sans-serif; }


/************************************
  Home Newsletter
**************************************/
.mc-field-group { display: flex; gap: 10px; flex-wrap: nowrap; }
#mc_embed_signup input.email { border:none; background-color: #FFF; border-radius: 10px 10px 10px 10px; color: #00005A70; font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight ); padding: 5px 14px; min-height: 40px; line-height: 1.4em; width: 100%; }
#mc_embed_signup input.button-azul { 
	background: linear-gradient(270deg, #FF0082 0%, #0000FF 55%, #0000FF 100%);
	background-size: 500% 100%;
	background-position: 0 0;

	color: #ffffff; font-family: "HASS GROT", Sans-serif; font-size: 14px; font-weight: 700; border:none; border-radius: 10px 10px 10px 10px; padding: 0px 43px 0px 43px; min-height: 40px; cursor: pointer; transition: all .3s ease-in-out; }

#mc_embed_signup input.button-azul:hover {
	background-size: 100% 100%;
	transition: all .5s ease-in-out;
}


/************************************
  Home Buscador
**************************************/
.search__wrap { display: flex; padding-top: 50px; gap: 20px; font-family: "HASS GROT", sans-serif; }
.search__wrap .col1 { flex-basis: 60%; }
.search__wrap .col2 { flex-basis: 20%; }
.search__wrap .col3 { flex-basis: 20%; }
.search__wrap input.form-control { background-color: #ECF3FD; opacity: 0.9; border-radius: 10px; width: 100%; padding: 15px 60px; border:none; color:#00005A; font-size: 14px; background-repeat: no-repeat; background-size: 16px; background-position: 30px center; background-image: url(img/lupa.svg) !important;  font-family: "HASS GROT", sans-serif; }
.search__wrap input.form-control::placeholder { color:#00005a3f; }
.search__wrap input.form-control:-webkit-autofill { background-image: url(img/lupa.svg) !important;  } 


.search__wrap select.form-control { 
	background: #ECF3FD; opacity: 0.9; border-radius: 10px; width: 100%; padding: 13px 15px; border:none; color:#00005A; font-size: 14px; font-family: "HASS GROT", sans-serif; color:#00005a3f; 
	background-repeat: no-repeat; background-size: 12px auto; background-position: right 12px center; background-image: url(img/bottom.svg); -webkit-appearance: none; 	-moz-appearance: none;
}
.search__wrap select.form-control option{ color: #00005A; }

.search__wrap button.btn-search { background: #00005A; border-radius: 10px; width: 100%; color: #FFF; font-size: 14px; font-weight: 700; border: none; padding: 15px; cursor: pointer; }
.search__wrap button.btn-search:hover { background-color: var(--e-global-color-19c6a08 ); }


/**************************************
  Resultados de la Busqueda
**************************************/
.breadcrumb {
	padding-top: 60px; font-size: 12px; font-family: "HASS GROT", sans-serif; color: var(--e-global-color-2f3cd23 );
}
.breadcrumb a{ text-decoration: none; color: var(--e-global-color-2f3cd23 ); opacity: .4; }
.breadcrumb a:hover{ opacity:1; color:var(--e-global-color-19c6a08); }
h1.entry-title { font-family: "HASS GROT", sans-serif; font-size: 52px; font-weight: 700; margin-bottom: 60px; color: var(--e-global-color-2f3cd23 ); text-transform: capitalize; }


body.search main.post {
	background-repeat: no-repeat; background-position: center top; background-size: cover; background-image: url(img/main_bg.jpg);
}

.posts__contenedor { display: grid; grid-template-columns: repeat(3,1fr);  grid-column-gap: 30px; grid-row-gap: 70px; padding-bottom: 60px; font-family: "HASS GROT", sans-serif; }
.posts__item { border-radius: 10px; overflow: hidden; background-color: #FFF; transition: all ease-in-out .3s; }
.posts__item:hover { box-shadow: 22px 23px 50px 0px rgba(34, 57.99999999999994, 98.00000000000001, 0.1); transition: all ease-in-out .3s; }
.posts__item .posts__thumb { width: 100%; height: 200px; overflow: hidden; }
.posts__item .posts__thumb img { display: block; width: 100%; height: auto; }

.posts__item .posts__meta { display: flex; padding-bottom: 20px; justify-content: space-between; font-size: 12px; }
.posts__item .posts__meta .posts__time { color: var(--e-global-color-2f3cd23 ); font-weight: 400; }
.posts__item .posts__meta .posts__categories a { color: var(--e-global-color-2f3cd23 ); display: inline-block; background: #EFF4FF;
	border-radius: 6.92393px; margin-right: 5px; padding: 7px 13px; line-height: 1em; text-decoration: none; }
.posts__item .posts__meta .posts__categories a:hover { color: #FFF; background-color: var(--e-global-color-2f3cd23 ); }

.posts__item h2 { margin: 0; }
.posts__item h2 a {
	color: var(--e-global-color-2f3cd23 );    
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
	text-decoration: none;
}
.posts__item h2 a:hover {
	color: var(--e-global-color-19c6a08 );
}
.posts__item .posts__details { background-color: #FFF; padding: 30px 13px; }

.posts__subcategories { display: flex; gap: 10px; }
.posts__subcategories a { padding: 7px 15px;
    background: #EFF4FF;
    border-radius: 7px;
    display: block;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--e-global-color-2f3cd23 ); 
    font-family: "HASS GROT", sans-serif;
}
.posts__subcategories a:hover {
	color: #EFF4FF; background-color: var(--e-global-color-2f3cd23 );
}
.reading_time { 
	text-align: right;
    color: var(--e-global-color-2f3cd23 );
    font-family: "HASS GROT", Sans-serif;
    font-size: 12px;
    font-weight: 400; 
	padding-right:25px;
}







/********************************
  Contenidos de post
********************************/
.single__featuredthumb { overflow:hidden; border-radius:10px; }
.single__featuredthumb img { display:block; }

#single_post_content { color:#00005A; font-size:16px; }
#single_post_content blockquote.wp-block-quote {
    background: #EEF5FE; padding:25px; border-radius:10px; margin-left:0; margin-right:0; font-weight: 500;
}
#single_post_content h2 { font-size:30px; line-height:1.3em; font-weight: 700; }
#single_post_content h3 { font-size:24px; line-height:1.3em;  }
#single_post_content figure.wp-block-pullquote { 
    background: #EEF5FE; padding:0; border-radius:10px;
}

.wp-block-image figcaption { font-size:11px; opacity: 0.45; }

#single_post_content figure.wp-block-pullquote blockquote { padding:25px; margin:0; }
#single_post_content figure.wp-block-pullquote blockquote p { margin-top:0; }

#single_post_content figure.wp-block-pullquote p{ font-size:24px; line-height:1.3em; }
#single_post_content figure.wp-block-pullquote cite { font-size:16px; font-weight:400; font-style:normal; }
#single_post_content p.conborde { padding-left:20px; display:block; position:relative; }
#single_post_content p.conborde:before { content:""; display:block; width: 3px; height: 100%; position:absolute; left:0; top:0; background: linear-gradient(180deg, #FF0082 0%, #0000FF 100%); }
#single_post_content .wp-block-image img { border-radius:10px; overflow:hidden; border:1px solid #e5e4eb; }
#single_post_content blockquote.wp-block-quote h3 + p { font-weight:400; }
.elementor-grid-item:hover h3.elementor-heading-title a { color: #0000FF; }

.posts__cat__wrap { display: inline-flex; gap:5px; flex-wrap: wrap; }
.posts__cat__wrap .posts__cat{  
	margin: 0px 0px 0px 0px;
    padding: 7px 10px;
    background-color: #EFF4FF;
	color: var(--e-global-color-2f3cd23 );
    border-radius: 7px 7px 7px 7px;
	display: block;
	font-family: "HASS GROT", sans-serif;
	font-size: 12px;
	transition: all .3s ease-in-out;
	font-weight: 500;
	min-width: 75px;
	text-align: center;
}
.posts__cat__wrap .posts__cat:hover{  
	color: #EFF4FF;
	background-color: var(--e-global-color-2f3cd23 );
	transition: all .3s ease-in-out;
}

.elementor .youtube_featured iframe {
	height: 700px;	
}


#single_post_content .wp-block-embed iframe { aspect-ratio: 16 / 9; height: auto;  }



/****************************
  Animaciones
*******************************/
article.ecs-post-loop .elementor-section { transition: all ease-in-out .3s;  }



/*********************************
  Mobile Menu
***********************************/
/* edit the hamburger and close icon colors here */

.lytbox-button {
	--hamburger-color: #000;
	--close-x-color: #fff;
	display: none;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
}


/* must add in elementor template ID number to make the menu full width */
.elementor-265 {
	width: 100%;
}




/* end editing */

.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}




/* toggle hamburger*/

.lytbox-button .hamburguer {
	position: relative; float: right;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
	background-color: #141E32;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}





/* closed X */

.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}  




/********************************
  Responsive
********************************/
@media only screen and (max-width: 780px) {
	.lytbox-button { display: block; }
	#header__boton { order: 2; }
	#header__boton a { display: block; width: 90%; }
	#header__menu { order: 3; }

	#single_post_content h2 { font-size: 24px; }
	#single_post_content h3 { font-size: 20px; }

	body.single-post #header__main:after { top: 56px; }
	
	.youtube_featured iframe,
    .elementor .youtube_featured iframe { aspect-ratio: 16 / 9; height: 280px;  }

	/********* Search ******/
	.posts__contenedor { grid-template-columns: 1fr; }
	h1.entry-title { font-size: 30px; }
	.search__result__wrap { padding-left: 20px; padding-right: 20px; }


	/**** Formularios *****/
	.search__wrap {
		padding-top: 25px; flex-wrap: wrap; flex-direction: column; gap: 10px;
	}

	

	/***** Shortcodes *****/
	.posts__subcategories {
		flex-wrap: wrap;
	}
	.posts__subcategories { flex-basis: 50%; text-align: center; }
	.breadcrumb { padding-top: 20px; }   
    
}