:root {
  --navbar-top: 78px ;
  --toolbar-header: 0 0 58px;
  --navbar-offset:127px !important;
  
  --font-size-1: 20px;
  --line-height-1: 24px;
  
  --font-size-2: 18px;
  --line-height-2: 22px;
  
  --font-size-3: 16px;
  --line-height-3: 20px;
  
  --font-size-4: 14px;
  --line-height-4: 18px;
  
  --font-size-5: 12px;
  --line-height-5: 16px;  
  --menu-admin-bg:#fff;
  --menu-admin-color:#000;
  --menu-admin-border-color:rgba(0, 0, 0, 0.24);
  --menu-admin-border-width:1px;
  --menu-admin-scroll-hide: transparent transparent;
  --menu-admin-scroll-hover: rgba(0, 0, 0, 0.14) transparent;
  --scroll-thin-regular: transparent transparent;
  --scroll-thin-hover: rgba(0, 0, 0, 0.14) transparent;
}


/***********************************************************************
 * Customización de colores y padding
 ***********************************************************************/
.navbar {
	background-color: var(--inn-navbar-bg,var(--inn-overlay-bg));
	--bs-navbar-color : var(--inn-navbar-color);
	--bs-navbar-hover-color: var(--inn-navbar-hover-color,var(--bs-navbar-color));
	--bs-navbar-nav-link-padding-x: var(--inn-navbar-nav-link-padding-x);
	--bs-navbar-nav-link-padding-y: var(--inn-navbar-nav-link-padding-y);
}
.navbar-nav{
	--bs-nav-link-padding-x: calc(var(--bs-navbar-nav-link-padding-x) / 2);
}
.nav-link{
	border-radius:var(--inn-navbar-nav-link-border-radius);
}
.nav-item:not(:last-of-type) {
	margin-right: var(--inn-navbar-nav-link-margin-x);
}
.nav-item:hover .nav-link,
.nav-link:focus,
.nav-item:active .nav-link:not(.dropdown-toggle),
.nav-item .nav-link:active,
.nav-link.show {
	--bs-nav-link-color: var(--inn-navbar-hover-color);
	background-color: var(--inn-navbar-hover-bg);
	outline: none;
}
.nav-item.active .nav-link,
.nav-item .nav-link.active{
	color: var(--inn-navbar-active-color);
	background-color: var(--inn-navbar-active-bg);
}
.dropdown-menu:not(.menu-system) {
	--bs-dropdown-bg: var(--inn-dropdown-bg,#fff);
	--bs-dropdown-link-hover-bg: var(--inn-dropdown-link-hover-bg,#e9ecef);
	--bs-dropdown-link-hover-color:var(--inn-dropdown-link-hover-color,#1e2125);
	--bs-dropdown-link-color:var(--inn-dropdown-link-color,#212529);
	--bs-dropdown-link-disabled-color:var(--inn-dropdown-link-color,#adb5bd);
	--bs-dropdown-link-active-color: var(--inn-dropdown-link-active-color,#fff);
	--bs-dropdown-link-active-bg: var(--inn-dropdown-link-active-bg,#0d6efd);
	--bs-dropdown-min-width: var(--inn-dropdown-min-width,10rem);
	--bs-dropdown-border-radius: var(--inn-dropdown-border-radius,0.375rem);
}
.dropdown-menu > li:not(:last-of-type) {
	margin-bottom: var(--inn-dropdown-item-margin-y);
}
.dropdown-menu > li {
	padding-left: var(--inn-dropdown-padding-x);
	padding-right: var(--inn-dropdown-padding-x);
	
}
.dropdown-menu .dropdown-item.show {
	background-color: var(--bs-dropdown-link-hover-bg);
	--bs-dropdown-link-color: var(--bs-dropdown-link-hover-color);
}
.dropdown-item:focus {
	outline: none;
}

/*------------------------------END CUSTOMIZE -------------------------------------*/

.social-widget.social-icon{
	border-radius: 50% !important;
}


/*----------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
	.navbar-expand-md .navbar-nav .dropdown-menu {
		--bs-border-color-translucent:transparent;
	}
}
@media (max-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		--bs-border-color-translucent:transparent;
	}
}
@media (max-width: 576px) {
	.navbar-expand-sm .navbar-nav .dropdown-menu {
		--bs-border-color-translucent:transparent;
	}
}











.scroll-thin {
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-thin-regular);
	transition: all ease-in-out 0.5s;
}

.scroll-thin:hover {
	scrollbar-color: var(--scroll-thin-hover);
}


.menu-admin {
	background-color: var(--menu-admin-bg);
	color: var(--menu-admin-color);
	border-right: var(--menu-admin-border-width) solid var(--menu-admin-border-color);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	scrollbar-width: thin;
	scrollbar-color: var(--menu-admin-scroll-hide);
	transition: all ease-in-out 0.5s;
}
.menu-admin:hover {
	scrollbar-color: var(--menu-admin-scroll-hover);
}

div.mce-fullscreen {
margin-top: var(--navbar-offset);
padding-bottom: var(--navbar-offset);
}


/***********	WIDGET  **********/

/* Posiciona una barra de color en el lateral izquierdo de un label o un header*/
	.lstick::before {
		content: "";
		width: 2px;
		background: #398bf7;
		height: 33px;
		margin-left: -24px;
		margin-right: 9px;
		display: inline-block;
	}
	.lstick {
		font-weight: 300;
		margin-bottom: 1rem !important;
	}



/***********	END WIDGET **********/

/***********	FLEX-BODY AND FLEX-MAIN	 **********/

	#flex-main {
		background:#fff none repeat scroll 0 0;
	}

	#flex-side {
		--flex-side-bar:400px;
	}
	#flex-side >.box {
		margin: 0;
		padding: 0;
	}
	.fixed-middel {
	    bottom: 1px;
	    top: var(--navbar-top);
	}
	.box-fluid-transparent {
		border: 1px transparent;
		background: inherit;
	}

/****************************************/




/***********	POP MESSAGE	 **********/
	#popmsg {
		float: left;
		left:0px;
		text-align: center;
		position:fixed;
		top:0px;
		display:none;
		z-index:1049;
		width: 100%;
	}
	#popmsg div {
		background-color:#DAA520;
		border:1px solid RGB(218,147,31);
		padding:10px;
		margin:0 auto;
		width:200px;
	}
/******************************************/


/***********	TOKEN INPUT	 **************/


li.token-input-token, li.token-input-token-multi {
	background-color:#708090;
}
li.token-input-token.token-input-highlighted-token,
li.token-input-token-multi.token-input-highlighted-token {
	background-color:#5A6A7A;
}
li.token-input-selected-token {
    background-color: #000!important;
    color: #fff;
}
.input-token-public,.input-token-public.token-input-selected-token {
	background-color: #7eac65 !important;
}




/******************************************/


/***********	PROGRESS BAR	 **********/
	[data-notify="progressbar"] {
		width: 100%;
		height: 2px;
	}
/******************************************/


/*********************** COMPLEMENTOS *************************/
.headline * {
    border-bottom: 1px solid;
    border-color: #ddd;
    padding-left: 5px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}

/**************************************************************/



.card {
	border-radius:0;
	background-color: transparent;
}

/*	SHOW CASE	*/
	.showcase {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		padding: 1rem;
		position: relative;
	}
	/*----------------	title -------------------*/
	.article .post-title a {
		color:inherit;
		text-decoration: none;
	}


	/*--------------	Meta tags	-------------*/

	.post-meta i.mso {
		font-size: 125% !important;
	  }

	.article .post-meta, .article .post-meta a {
		font-weight: 400;
		font-size: 12px;
		text-transform: none;
		color: #adb5bd;
		flex-wrap: wrap;
		display: flex;
	}
	.article .post-meta > span {
	    margin-right: 10px;
	    display: inline-flex;
	}
	.article .post-meta > span i {
		margin-right: 3px;
	}

/**********************************************************/







/**************************CAROUSEL	***********************/
	.carousel .post-title {
		font-weight: lighter;
		font-size: 30px;	
		line-height: 33px;
		text-align: inherit;
	}
	.carousel .post-title > a {
		color: inherit !important;
		text-decoration: none;
	}
/**********************************************************/