/* ============================================= */
/* Syntax - Colors - Version 1.0                 */
/*                                               */
/* Copyright 2025, XERO Webdesign                */
/* ============================================= */


/*---------------------------------------
    GENERAL              
-----------------------------------------*/
body {
	/*
	background-color: rgba(36,36,36,1.00);
	color: rgba(153,153,153,1.00);
	
	background-color: rgba(240,240,240,1.00);
	color: rgba(6,51,74,1.00);		
	*/
	background-color: rgba(10,10,10,1.00);
	color: rgba(200,200,200,1.00);	
}
.xclFontColorLight {
	color: rgba(240,240,240,1.00);	
}
.xclFontColorMedium {
	color: rgba(205,205,205,1.00);	
}
.xclFontColorDark {
	color: rgba(153,153,153,1.00);
}
/*--------------------------------------
    END GENERAL              
-----------------------------------------*/


/*---------------------------------------
    TOP MENU              
-----------------------------------------*/
.xclTopMenu {
	/*
	background-color: rgba(240,240,240,1.00);
	background-color: rgba(10,10,10,1.00);	
	*/
}
.xclTopMenu a {
	color: rgba(6,51,74,1.00);	
}
.xclTopMenu a:hover {
	color: rgba(64,117,143,1.00);
}
.xclTopMenuItems {
	background: rgba(177,194,202,0.6);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);	
	color: rgba(6,51,74,1.00);
	border-color: rgba(120,120,120,1.00);	
	box-shadow: 0 10px 20px 0 rgba(40,40,40,0.4), 0 10px 20px 0 rgba(40,40,40,0.4);	
}
.xclTopMenuOverlay {
	background: rgba(32,50,76,0.4);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);	
}
/*---------------------------------------
    END TOP MENU              
-----------------------------------------*/


/*---------------------------------------
    IMAGES              
-----------------------------------------*/
.xclImageOverlay {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7); /* Black see-through */
	color:  rgba(250,250,250,1.0);
}
/*---------------------------------------
    END IMAGES              
-----------------------------------------*/


/*---------------------------------------
    NEWS
-----------------------------------------*/
.xclNewsGrid .xclNewsImg .xclNewsDate {
	background-color: rgba(40, 40, 40, 1.00);
	color: #fefefe;
}
.xclNewsGrid .xclNewsInfo {
	box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
	background-color: rgba(240, 240, 240, 1.00);
}
.xclNewsGrid .xclNewsInfo h5 {
	color: #3c3c3c;	
}
.xclNewsGrid .xclNewsInfo p {	
	color: #989898;	
}
/*---------------------------------------
    END NEWS
-----------------------------------------*/


/*---------------------------------------
    EVENTS
-----------------------------------------*/
.xclEventsCard {
	background-color: #fefefe;
	color: #3c3c3c;
}
.xclEventsCard:hover {
	background-color: #fefefe;
	color: #989898;
}
.xclEventsCardDate:before, .xclEventsCardDate:after {
	background-color:  rgba(40, 40, 40, 1.00);
}
.xclEventsCardCont:before, .xclEventsCardCont:after {
	background-color:  rgba(40, 40, 40, 1.00);
}
.xclEventsCardCont h3 {
	color: #3c3c3c;
}
.xclEventsCardCont a {
	background-color: #D8DDE0;
	color: #000000;
}
.xclEventsCardEvenInfo p {
	color: #989898;
}
/*---------------------------------------
    END EVENTS
-----------------------------------------*/


/*---------------------------------------
    DISCOGRAPHY
-----------------------------------------*/
.xclDiscCoverContainer {
	border-color: rgba(64,117,143,1.00);
}
.xclDiscListItemText {
	color: #d1d1d1;
}
/*---------------------------------------
    END DISCOGRAPHY
-----------------------------------------*/


/*---------------------------------------
    AUDIO
-----------------------------------------*/
.xclAudioContainer {
	border-color: #696969;	
}
/*---------------------------------------
    END AUDIO
-----------------------------------------*/


/*---------------------------------------
    VIDEOS
-----------------------------------------*/
.xclVideoTextContainer {
	border-color: rgba(64,117,143,1.00);
}
.xclVideoTextContainer {
	border-color: rgba(64,117,143,1.00);
}
.xclVideo930x530 {
	border-color: rgba(64,117,143,1.00);
}
/*---------------------------------------
    VIDEOS
-----------------------------------------*/


/*---------------------------------------
    CONTACT
-----------------------------------------*/
.xclSyntaxContactSize {
	border-color: rgba(64,117,143,1.00);
}
.xclContactBlockText a {
	color: rgba(6,51,74,1.00);	
}
.xclContactBlockText a:hover {
	color: rgba(64,117,143,1.00);
}
/*---------------------------------------
    END CONTACT
-----------------------------------------*/


/*---------------------------------------
    FOOTER
-----------------------------------------*/
.xclFooterContainer {
	border-color: #696969;	
}
.xclUpdateContainer {
	border-color: #696969;	
}
.xclContactInfo {
	 color: rgba(140, 140, 140, 0.8);
}
.xclUpdateInfo {
	 color: rgba(140, 140, 140, 0.8);
}
/*---------------------------------------
    END FOOTER
-----------------------------------------*/


/*---------------------------------------
   HORIZONTAL NAVIGATION
-----------------------------------------*/
.xclHorNav {
	background-color: rgba(40, 40, 40, 1.00);
	opacity: 0.50;
}
.xclHorNav a {
    color: #c9c9c9;
}
/*---------------------------------------
   END HORIZONTAL NAVIGATION
-----------------------------------------*/


/*---------------------------------------
    TABLE
-----------------------------------------*/
#xidCoversongs tr, #xidOwnsongs tr   {
	background-color: #727272;
	color: #d1d1d1;
	opacity: 0.80;	
}
#xidCoversongs tr:nth-child(even), #xidOwnsongs tr:nth-child(even) {
	background-color: #c0c0c0;
	color: #424649;
	opacity: 0.60;	
}
#xidCoversongs th, #xidOwnsongs th {
    background-color: #424649;
    color: #fefefe;
	opacity: 0.60;	
}
/*---------------------------------------
    END TABLE
-----------------------------------------*/