/* Fix front banner */
.mg-nav-widget-area-back {
	min-height: 200px;
	padding: 80px 0;
}
.mg-nav-widget-area-back .inner{
	display:none;
}


/* --------------------- */
/* ----- Landing ------- */
/* --------------------- */

/* Btn publicita con nosotros */
#btn-publicita-con-nosotros{
	border: 2px solid;
	padding:10px;
	border-radius:2px;
}
#btn-publicita-con-nosotros:hover{
	background-color:#45056e;
	color:#eee;
}
/* Buenas practicas - Lighthouse */
#img-cafecito > img{
	width:192px;
	height:40px
}
/* --------------------- */


/* Notification bell */
.btn-bell {
	background-color:#844685;
	border-radius:6px;
	box-shadow: 1px 1px 15px 0px #fff;
}

/* Navbar */
.mg-headwidget .navbar-wp{
	background-color:#3b2c84;
}

/* Home btn y navbar accent */
.mobilehomebtn{
	background-color: #3b2c84;
}
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover, .mg-headwidget .navbar-wp .navbar-nav > li > a:focus, .mg-headwidget .navbar-wp .navbar-nav > .active > a, .mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, .mg-headwidget .navbar-wp .navbar-nav > .active > a:focus{
	background-color:#45056e;
}

/* BG - Dot pattern */
.site {
	background-color: #ffffff; 
	background-image:  radial-gradient(#45056e 0.9px, transparent 0.9px), radial-gradient(#45056e 0.9px, #ffffff 0.9px);
	background-size: 36px 36px;
	background-position: 0 0,18px 18px;
}

/* Ultimos articulos accent */
.title span{
	border-left-color:#45056e!important;
}
.bn_title > *{
	background-color:#45056e;  
}

/* ¿Que hay de nuevo? */
.mg-sec-title{
	border-color: #45056e;  
}
.mg-sec-title h4{
	background-color: #45056e;
}
.mg-sec-title h4::before{
	border-left-color: #45056e;  	
}


/* Barra lateral */
.mg-sidebar .mg-widget .wtitle{
	background-color:#45056e;  
}
.mg-wid-title{
	border-color: #45056e;
}
.mg-sidebar .mg-widget .wtitle:before{
	border-left-color: #45056e;
}

/* Ultimos articulos contenido */
.mg-latest-news .mg-latest-news-slider a span, .mg-latest-news .mg-latest-news-slider a::before{
	color:#424874;
	font-size: 1.1rem;
}

/* Tags articulos */
.category-color-1{
	background-color:#572f97!important;
}

/* Categorias destacadas */
.categories-landing a{
	background-color: #fff;
	border-color: #45056e;
	color: #45056e;
	border-radius: 8px;
	padding: 5px !important;
}

.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, .mg-widget .wp-block-tag-cloud a:hover{
		background-color: #45056e;
		border-color: #45056e;
}
/* --------------------- */
/* ----- Landing ------- */
/* --------------------- */
.mg-card-box:has(.landing-wrapper){
	background-color:transparent;
	box-shadow:none;
}

#landing-section{
	background-color:#fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 20px 0px #dfdfdf;
	padding: 5vw ;
}

#about-us-section{
	background-color:#fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 20px 0px #dfdfdf;
	padding: 5vw;
}

#achievements-section{
	background-color:#fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 20px 0px #dfdfdf;
	padding: 5vw ;
}

/* --------------------- */
/* ------ Mobile ------- */
/* --------------------- */

@media only screen and (max-width: 768px) {
/* 	.m-header > .mobilehomebtn{
		display:none;		
	} */
	
	/* 	Header image */
	.mg-nav-widget-area-back{
		min-height: 0;
		padding:0;
		background-image:none!important;
		background: #21094e;
	}
	.mg-nav-widget-area-back .inner{
		display: block;
	}
	
	/* Landing */
	.categories-landing{
		padding:5vw;
		font-size: 0.8rem;
	}
	.categories-landing a{
		max-width: 22ch;
		overflow:hidden; 
		white-space:nowrap; 
		text-overflow: ellipsis;	
	}
	
	/* Navbar */
	.m-header > .navbar-toggler{
		margin: 0 !important;
		padding: 16px;
	}
	.m-header > .navbar-toggler:hover{
		background-color: #45056e;
	}
	
}