/*
Theme Name: Star Citizen España 2024
Theme URI: https://starcitizenespaña.com
Template: generatepress
Author: KellerNET
Author URI: https://starcitizenespaña.com
Description: Un tema originalmente obtenido de GeneratePress y modificado para adecuarse a la nueva Web de Star Citizen España.
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.0.0.1718688140
Updated: 2024-06-18 07:22:20

*/

:root {
	/*COLORES*/
	--c-titulo: #cdb68a;
	--c-bordes: #cdb68a; /*asigna el color de los bordes*/
	--c-bordes-contenido: #cdb68a66;
	--c-fondo-contenido: rgba(0,0,0,0.6);
	--c-fondo-sup: rgba(0,0,0,0.6); /*asigna el color de fondo de los marcos*/
	--c-sombra: rgba(0,0,0,0.6); /* sombra negera */
	--c-sombra-texto: 0px 3px 5px rgb(0,0,0);
	/*FIN COLORES*/
	
	/*EFECTOS*/
	--filtro: blur(5px); /*asigna el filtro de desenfoque para los marcos*/
	/*FIN COLORES*/
	
	/*BORDES*/
	--sombra: inset 0px 0px 0px 0px var(--c-bordes), 0px 0px 0px 0px var(--c-bordes), 0px 5px 15px 5px var(--c-sombra);
	--sombra-neon: inset 0px 0px 10px 0px var(--c-bordes), 0px 0px 10px 0px var(--c-bordes), 0px 5px 15px 5px var(--c-sombra);
	--sombra-inf-neon: inset 0px -8px 10px -8px var(--c-bordes), 0px 8px 10px -8px var(--c-bordes), 0px 5px 15px 5px var(--c-sombra);
	/*FIN BORDES*/
}

/* Inicio CSS */
body {
	background-color:#333333;
    background-size: cover; /* Ajusta el tamaño del fondo para cubrir toda el área del body */
    background-repeat: no-repeat; /* Evita la repetición del fondo */
    background-position: center center; /* Centra el fondo vertical y horizontalmente */
    background-attachment: fixed; /* Mantiene el fondo fijo al hacer scroll */
    transition: background-image 3s ease; /* Agrega una transición suave de 0.5 segundos para el cambio de imagen de fondo */
}

/* título */
.main-title a, .main-title a:hover{
	color:var(--c-titulo);
	transition: all 0.5s;
	text-shadow:none;
}
/* fin titulo */
a {
	color:var(--c-titulo);
	transition: all 0.5s;
}
a:hover{
	color: #ffffff;
	text-shadow: 0px 0px 6px #cdb68a;
}

/* Menú principal */
.main-navigation, .main-navigation ul ul {
	background-color: #ffffff00;
}
body .main-navigation .main-nav ul li, .main-navigation .main-nav ul li a {
	color: var(--c-titulo)!important;
}
body .main-navigation .main-nav ul li a:hover {
	color: #ffffff !important;
	text-shadow: 0px 0px 6px #cdb68a;
}

/* Marco Cabecera */
.inside-header {
    border-bottom: 1px solid var(--c-bordes);
    box-shadow: var(--sombra);
    backdrop-filter: var(--filtro);
    background-color: var(--c-fondo-sup);
	padding: 10px 20px;
	transition: all 0.5s;
}
.inside-header:hover{
    box-shadow: var(--sombra-inf-neon);
}

/* Contenido */
/* Cuadros */
.inside-article{
	border: 1px solid var(--c-bordes-contenido);
	border-radius: 2px;
    box-shadow: var(--sombra);
    backdrop-filter: var(--filtro);
    background-color: var(--c-fondo-contenido);
	padding:15px 20px !important;
	transition: all 0.5s;
}
.entry-header, .site-content{
	text-shadow: var(--c-sombra-texto);
}
h1, h2, h3, h4, h5, h6, h7, h8 {}


/* PIE DE PÁGINA */
.site-info {
	border-top: 1px solid var(--c-bordes);
	background-color: var(--c-fondo-sup);
	backdrop-filter: var(--filtro);
}
.copyright-bar{
	color:var(--c-titulo);
}

/* Reproductor de audio */
body .waveplayer-container .waveplayer{
	Background-color: transparent ;
	border-radius: none ;
	border: none ;
}
body .waveplayer-container .wvpl-cover{
	border:1px solid var(--c-bordes);
	/*box-shadow: var(--sombra);*/
	transition: all 0.5s;
}
body .waveplayer-container .wvpl-cover:hover{
	border:1px solid var(--c-bordes);
	box-shadow: var(--sombra-neon);
}
body .waveplayer-container .wvpl-cover .wvpl-poster figure{
    filter: brightness(0.7);
	transition: all 0.4s;
}
body .waveplayer-container .wvpl-cover .wvpl-poster figure:hover{
	filter: brightness(1.0);
}
body .waveplayer-container .wvpl-playlist .wvpl-playlist-wrapper ul li{
	padding-left:calc(1% + var(--thumbnail-size));
}
body .waveplayer-container .wvpl-playlist .wvpl-playlist-wrapper ul{
	scrollbar-color: rgba(201,184,137,0.4) rgba(0,0,0,0.2);
}
body .waveplayer-container .wvpl-playlist .wvpl-playlist-wrapper ul:hover{
	scrollbar-color: rgba(201,184,137,0.8) rgba(0,0,0,0.0);
}
/* Fin Reproductor de audio */