body, html {
	height: 100%;
	/*scroll-behavior: smooth;*/
	background-color: #F7F7F7;

	--color-facebook: #1877F2;
	--color-instagram: #DF3968;
	--color-telegram: #27A6E1;
	--color-twitter: #1DA1F2;
	--color-whatsapp: #25D366;
	--color-youtube: #FF0000;
	--color-twitch: #9146FF;
}

footer {
	background-color: #000;
}

footer a,
footer a:hover {
	color: white;
}

.oswald {
	font-family: 'Oswald';
}

.titulo {
	margin-bottom: 0.6em;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #4cd3e3;
	font-family: 'Oswald', sans-serif;
	font-style: italic;
}

.subtitulo {
	color: #555;
	font-family: 'Open Sans', sans-serif;
}

.subtitulo-alt {
	color: #CCC;
	font-family: 'Open Sans', sans-serif;
}

.categoria::before {
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
	margin-right: 5px;
	border-radius: 100%;
	background-color: var(--color);
}

.dropdown-menu {
	background-color: #f8f9fa;
	border: none;
}

.dropdown-item:hover {
	background-color: #888;
}

.dropdown>.dropdown-menu {
	top: 85%!important;
	margin-right: 100%;
	transition: 0.3s all ease-in-out;
}

.dropdown:hover>.dropdown-menu {
	display: block;
	top: 100%;
}

.dropdown>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	/*pointer-events: none;*/
}

.boton {
	padding: 0.5em 1em;
	border-radius: 3px;
	font-family: 'Oswald';
	text-transform: uppercase;
	transition: 0.2s all ease;
}

.boton:hover {
	text-decoration: none;
}

.btn-primario {
	background-color: black;
	color: white;
}

.btn-primario:hover {
	background-color: #222;
	color: white;
}

.btn-secundario {
	background-color: red;
	color: white;
}

.btn-secundario:hover {
	background-color: #B71C1C;
	color: white;
}

.btn-terciario {
	background-color: #4cd3e3;
	color: black;
}

.btn-terciario:hover {
	background-color: #3fb2bf;
	color: black;
}

.btn-limpio:hover {
	background-color: #DDD;
}

.b-radius-100 {
	border-radius: 100%;
}

.page-item.active .page-link {
	background-color: black;
	border-color: black;
}

.page-link,
.page-link:hover {
	color: black;
}

.social-buttons a {
	height: 40px;
	border: 1px solid;
}

.social-buttons .fab {
	width: 20px;
	text-align: center;
}

.sub_header {
	border-bottom: 1px solid #EEE;
	background-color: #f8f9fa;
}

.bg-facebook {
	background-color: var(--color-facebook);
}

.bg-instagram {
	background-color: var(--color-instagram);
}

.bg-telegram {
	background-color: var(--color-telegram);
}

.bg-twitter {
	background-color: var(--color-twitter);
}

.bg-whatsapp {
	background-color: var(--color-whatsapp);
}

.bg-youtube {
	background-color: var(--color-youtube);
}

#btn-youtube {
	border-color: var(--color-youtube);
	color: var(--color-youtube);
}

.social-buttons #btn-youtube:hover {
	background-color: var(--color-youtube);
	color: white;
}

#btn-twitter {
	border-color: var(--color-twitter);
	color: var(--color-twitter);
}

.social-buttons #btn-twitter:hover {
	background-color: var(--color-twitter);
	color: white;
}

#btn-instagram {
	border-color: var(--color-instagram); 
	color: var(--color-instagram);
}

.social-buttons #btn-instagram:hover {
	background: var(--color-instagram); 
	color: white;
}

#btn-facebook {
	border-color: var(--color-facebook);
	color: var(--color-facebook);
}

.social-buttons #btn-facebook:hover {
	background-color: var(--color-facebook);
	color: white;
}

#btn-twitch {
	border-color: var(--color-twitch);
	color: var(--color-twitch);
}

.social-buttons #btn-twitch:hover {
	background-color: var(--color-twitch);
	color: white;
}

#busqueda {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 5px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #DDD;
	background-color: transparent;
	transition: ease 0.6s;
}

/* LG */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	#busqueda {
		width: 150px;
	}
}

#busqueda::-ms-clear {  display: none; width : 0; height: 0; }
#busqueda::-ms-reveal {  display: none; width : 0; height: 0; }
#busqueda::-webkit-search-decoration,
#busqueda::-webkit-search-cancel-button,
#busqueda::-webkit-search-results-button,
#busqueda::-webkit-search-results-decoration { display: none; }


#busqueda:focus {
	outline: none;
	border-color: black;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#logo {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
}

#logo a {
	/*height: 43px;*/
	display: inline-block;
	color: black;
}

#logo img {
	height: 80px;
	vertical-align: middle;
}

@media (max-width: 992px) {
	#logo {
		font-size: 26px;
	}
}

.noticia .noticia-noticia {
	height: 350px;
	display: flex;
	flex-direction: column;
}

.noticia-titulo {
	font-family: 'Oswald', sans-serif;
	display: flex;
	flex-direction: column;
}

.noticia-imagen {
	display: flex;
	flex-direction: column;
	flex: 1;
	background-size: cover;
	background-position: center;
}