/*
	This Files link_color needs to be drastically redesigned.. *FIX IS BACKGROUND_BLUE .LINK_COLOR*
	
	The Background_white_Hover needs to be spread throughout the rest of the backgrounds
	
*/
/* - -- --- ---- NO BACKGROUND ---- --- -- - */
.background_none, a.no-background:hover, .no-back a:hover { background:none !important; }
.hide_shadow_hover:hover { box-shadow:none !important; border: 3px inset gray; }
.none {
    background:none !important;
    text-decoration:none !important;
    border:none !important;
    border-radius:none !important;
    clear:both !important;
}
.deep_noise { background-image:url(../images/backgrounds/seamless/noise/deep_noise.png); }
.noise { background-image:url(../images/backgrounds/seamless/noise/noise.png); }
.cloth_light { background-image:url(../images/backgrounds/seamless/light/cloth.png); }
.cloth { background-image:url(../images/backgrounds/seamless/noise/cloth.png); }

/*   - -- --- ---- PICTURE BACKGROUNDS ---- --- -- -   */
.link_color .background_black, .background_black .link_color li a, .background_black .background_lightred .link_color { color:white !important; }
.link_color .background_white { color:black !important; }

    /* S -- --- NORTHERN LIGHTS BACKGROUND --- -- S */
.background_northern_lights a:hover .link_color, .link_color, .background_northern_lights button:hover { color:gray !important; }
.background_northern_lights li.active .link_color { color:white !important; }
.background_northern_lights { background:url(../images/backgrounds/seamless/northern_lights.png) !important; }
.background_northern_lights .link_color { color:white !important; }
    
    /* S -- --- GRASS BACKGROUND --- -- S */
.background_grass a:hover .link_color, .background_grass button:hover { color:gray !important; }
.background_grass li.active .link_color { color:white !important; }
.background_grass { background:url(../images/backgrounds/seamless/colored/cut_grass.png) !important; }
.background_grass .link_color a:hover *, .link_color .background_grass a:hover *, a.background_grass.link_color:hover  *, .background_grass.link_color a:hover * { color:lightgray !important; }
.link_color .background_grass, .background_grass .link_color, .background_grass.link_color { color:white !important; }

    /* S -- --- SPACE BACKGROUND --- -- S */
.background_space a:hover .link_color, .link_color, .background_space button:hover { color:gray !important; }
.background_space li.active .link_color { color:white !important; }
.background_space { background:url(../images/backgrounds/seamless/colored/space.jpg) !important; }
.background_space .link_color { color:white !important; }

    /* H -- --- LEATHER BANNER --- -- H */
.background_leather a:hover .link_color, .background_leather button:hover { color:white !important; }
.background_leather li.active .link_color { color:white !important; }
.background_leather { background:url(../images/backgrounds/banner/leather.png) !important; }
.background_leather .link_color { color:white !important; }

    /* V -- --- WHITE_BANNER BANNER --- -- V */
.background_white_banner_hover a:hover .link_color, .background_white_banner_hover button:hover { color:gray !important; }
.background_white_banner li.active .link_color, .background_white_banner a .link_color { color:black !important; }
.background_white_banner { background:url(../images/backgrounds/banner/white_banner.png) !important; background-repeat:repeat-x !important;  }
.background_white_banner .link_color { color:black !important; }

    /* V -- --- OLIVEGREEN_BANNER BANNER --- -- V */
.background_olivegreen_banner_hover a:hover .link_color, .background_olivegreen_banner_hover button:hover { color:lightgray !important; }
.background_olivegreen_banner li.active .link_color, .background_olivegreen_banner a .link_color { color:white !important; }
.background_olivegreen_banner { background:url(../images/backgrounds/banner/olivegreen_banner.png) !important; background-repeat:repeat-x !important;  }
.background_olivegreen_banner .link_color { color:white !important; }

.background_cloth { background:url(../images/backgrounds/seamless/noise/cloth.png) !important; }

    /* V -- --- WHITE_WOOD BACKGROUND --- -- V */
.background_whitewood_vertical a:hover .link_color { color:white !important; }
.background_whitewood_vertical li.active .link_color { color:white !important; }
.background_whitewood_vertical { background:url(../images/backgrounds/seamless/light/wood.png) !important; }
.background_whitewood_vertical .link_color { color:white !important; }

    /* H -- --- WHITE_WOOD BACKGROUND --- -- H */
.background_whitewood_horizontal a:hover .link_color { color:white !important; }
.background_whitewood_horizontal li.active .link_color { color:white !important; }
.background_whitewood_horizontal { background:url(../images/backgrounds/seamless/light/wood2.png) !important; }
.background_whitewood_horizontal .link_color { color:white !important; }

    /* V -- --- DARK_WOOD BACKGROUND --- -- V */
a.background_darkwood_vertical:hover .link_color, .background_darkwood_vertical a:hover .link_color { color:gray !important; }
.background_darkwood_vertical li.active .link_color { color:white !important; }
.background_darkwood_vertical { background:url(../images/backgrounds/seamless/dark/wood2.png) !important; }
.background_darkwood_vertical .link_color { color:white !important; }

    /* H -- --- DARK_WOOD BACKGROUND --- -- H */
a.background_darkwood_horizontal:hover .link_color{ color:white !important; }
.background_darkwood_horizontal li.active .link_color { color:white !important; }
.background_darkwood_horizontal { background:url(../images/backgrounds/seamless/dark/wood.png) !important; }
.background_darkwood_horizontal .link_color { color:white !important; }

/* - -- --- ---- GRAYSCALE BACKGROUNDS ---- --- -- - */
    /* T -- --- BLACK BACKGROUND --- -- T */
.background_black_radial { background:url(../images/backgrounds/radial/black-radial.png) no-repeat top center !important; }
a.background_black.active:hover, .background_black.active { background:rgba(0, 0, 0, 1) !important; }
.background_black { background:rgba(0, 0, 0, 0.8) !important; }
.background_black_hover a:hover, a.background_black_hover:hover { background:rgba(0, 0, 0, 0.6) !important; }
.background_black_hover a:hover .link_color, a.background_black_hover:hover .link_color { color:white !important; }

.background_black .link_color a:hover *, .link_color .background_black a:hover *, a.background_black.link_color:hover  *, .background_black.link_color a:hover * { color:lightgray !important; }
.link_color .background_black, .background_black .link_color, .background_black.link_color { color:white !important; }

    /* T -- --- DARKGRAY BACKGROUND --- -- T */
a.background_darkgray:hover { background:rgba(55, 55, 55, 0.4) !important; }
.background_darkgray { background:rgba(55, 55, 55, 0.7) !important; }
a.background_darkgray:hover .link_color { color:gray !important; }
.background_darkgray .link_color { color:white !important; }

    /* T -- --- GRAY BACKGROUND --- -- T */
.background_gray { background:rgba(133, 133, 133, 0.7) !important; }
.background_gray .link_color, .background_black .background_gray .link_color { color:black !important; }
.background_gray_radial { background:url(../images/backgrounds/radial/gray-radial.png) no-repeat top center !important; }
.background_gray_hover a:hover, a.background_gray_hover:hover, .background_gray_hover button:hover, button.background_gray_hover:hover { background:rgba(200, 200, 200, 0.6) !important;}
.background_gray_hover a:hover .link_color, a.background_gray_hover:hover .link_color, .background_gray_hover button:hover .link_color, button.background_gray_hover:hover .link_color  { color:black !important;}

    /* T -- --- LIGHTGRAY BACKGROUND --- -- T */
a.background_lightgray.active:hover, .background_lightgray.active { background:rgba(233, 236, 239, 1) !important; }
.background_lightgray {	background:rgba(233, 236, 239, 0.6) !important; }
button.background_lightgray_hover:hover, a.background_lightgray_hover:hover { background:rgba(233, 236, 239, 1) !important; }
.background_lightgray a span.link_color, a.background_lightgray.link_color, button.background_lightgray span.link_color { color:black !important; }
.background_lightgray_hover a:hover span.link_color, a.background_lightgray_hover:hover span.link_color, a.background_lightgray_hover:hover.link_color, button.background_lightgray:hover span.link_color { color:black !important; }
    /* S -- --- WHITE NOISE BACKGROUND --- -- S */

    /* T -- --- WHITE BACKGROUND --- -- T */
.background_white_radial { background:url(../images/backgrounds/radial/white-radial.png) no-repeat top center !important; }
a.background_white.active:hover, .background_white.active { background:rgba(255, 255, 255, 1) !important; }
.background_white {	background:rgba(255, 255, 255, 0.7) !important; }
.background_white a span.link_color, a.background_white.link_color, button.background_white span.link_color { color:black !important; }
.background_white_light { background:rgba(255, 255, 255, 0.4) !important; }
button.background_white_hover:hover, a.background_white_hover:hover { background:rgba(255, 255, 255, 0.6) !important; color:gray !important; }
.background_white_hover a:hover span.link_color, a.background_white_hover:hover span.link_color, a.background_white_hover:hover.link_color, button.background_white:hover span.link_color { color:gray !important; }

/* - -- --- ---- COLOURED BACKGROUNDS ---- --- -- - */
    /* - -- --- ---- RED BACKGROUNDS ---- --- -- - */
        /* T -- --- DARKRED BACKGROUND --- -- T */
.background_darkred a:hover .link_color { color:gray !important; }
.background_darkred a:hover { background:rgba(155, 0, 0, 0.4) !important; }
.background_darkred .link_color { color:white !important; }
.background_darkred { background:rgba(155, 0, 0, 0.6) !important; }

        /* T -- --- RED BACKGROUND --- -- T */
.background_red a:hover, .background_white .background_red a:hover { background:rgba(255, 0, 0, 0.4) !important; }
.background_red a:hover .link_color { color:gray !important; }
.background_red { background:rgba(255, 0, 0, 0.6) !important; }
.background_red .link_color { color:white !important; }
a.background_red_hover:hover, button.background_red_hover:hover { background:rgba(255, 0, 0, 0.4) !important; }

        /* T -- --- LIGHTRED BACKGROUND --- -- T */
.background_lightred { background:rgba(255, 45, 45, 0.6) !important; }
.background_lightred .link_color { color:black !important; }
.background_lightred_radial { background:url(../images/backgrounds/radial/red-radial.png) no-repeat top center !important; }
.background_lightred_hover a:hover  { background:rgba(255, 255, 255, 0.4) !important; }
.background_lightred_hover .link_color, .link_color .background_lightred_hover { color:gray !important; }

    /* - -- --- ---- BLUE BACKGROUNDS ---- --- -- - */
        /* T -- --- DARKBLUE BACKGROUND --- -- T */
a.background_darkblue:hover { background:rgba(0, 0, 255, 0.4) !important; }
a.background_darkblue:hover .link_color, .background_darkblue a:hover .link_color { color:lightgray !important; }
.background_darkblue .link_color { color:white !important; }
.background_darkblue { background:rgba(0, 0, 155, 0.6) !important; }

        /* T -- --- BLUE BACKGROUND --- -- T */
a.background_blue.active:hover, .background_blue.active { background:rgba(0, 0, 255, 0.8) !important; }
.background_blue{ background:rgba(0, 0, 255, 0.6) !important; }
a.background_blue_hover:hover, button.background_blue_hover:hover { background:rgba(0, 0, 255, 0.4) !important; }
.background_blue .link_color a:hover *, .link_color .background_blue a:hover *, a.background_blue.link_color:hover  *, .background_blue.link_color a:hover * { color:lightgray !important; }
.link_color .background_blue, .background_blue .link_color, .background_blue.link_color { color:white !important; }

        /* T -- --- LIGHTBLUE BACKGROUND --- -- T */
a.background_lightblue:hover { background:rgba(0, 175, 255, 0.4) !important; }
.background_lightblue { background:rgba(0, 175, 255, 0.6) !important; }
a.background_lightblue:hover .link_color { color:gray !important; }
.background_lightblue .link_color { color:black !important; }

    /* - -- --- ---- GREENYBLUE BACKGROUNDS ---- --- -- - */
        /* T -- --- LIGHTAQUA BACKGROUND --- -- T */
a.background_lightaqua:hover { background:rgba(0, 175, 255, 0.2) !important; }
.background_lightaqua { background:rgba(0, 175, 255, 0.3) !important; }
a.background_lightaqua:hover .link_color { color:gray !important; }
.background_lightaqua .link_color { color:black !important; }

        /* T -- --- AQUA BACKGROUND --- -- T */
a.background_aqua:hover { background:rgba(0, 255, 233, 0.4) !important; }
.background_aqua { background:rgba(0, 255, 233, 0.6) !important; }
a.background_aqua:hover .link_color { color:gray !important; }
.background_aqua .link_color { color:black !important; }

    /* T -- --- CYAN BACKGROUND --- -- T */
a.background_cyan:hover { background:rgba(0, 255, 200, 0.4) !important; }
.background_cyan { background:rgba(0, 255, 200, 0.6) !important; }
a.background_cyan:hover .link_color { color:gray !important; }
.background_cyan .link_color { color:black !important; }

    /* - -- --- ---- GREEN BACKGROUNDS ---- --- -- - */
        /* T -- --- DARKGREEN BACKGROUND --- -- T */
a.background_darkgreen:hover { background:rgba(0, 75, 0, 0.4) !important; }
.background_darkgreen { background:rgba(0, 75, 0, 0.6) !important; }
a.background_darkgreen:hover .link_color { color:gray !important; }
.background_darkgreen .link_color { color:white !important; }

        /* T -- --- GREEN BACKGROUND --- -- T */
.background_green { background:rgba(0, 175, 0, 0.6) !important; }
a.background_green:hover .link_color { color:gray !important; }
.background_green .link_color { color:white !important; }
a.background_green_hover:hover, button.background_green_hover:hover { background:rgba(0, 175, 0, 0.4) !important; }

/* -- -- -- New label technology implemented within this block needs to be replicated to all backgrounds -- -- -- */
        /* T -- --- NOISE FILLED OLIVEGREEN BACKGROUND --- -- T */

.background_noise_olivegreen, label.background_noise_olivegreen_hover.active { background:url(../images/backgrounds/seamless/noise/olive-green.jpg) !important; }
a.background_noise_olivegreen:hover .link_color, label.background_noise_olivegreen_hover:hover span.link_color { color:lightgray !important; }
.background_noise_olivegreen .link_color, label.background_noise_olivegreen.active span.link_color { color:white !important; }
label.background_noise_olivegreen, button.background_noise_olivegreen_hover:hover, a.background_noise_olivegreen_hover:hover { opacity:0.6 !important; box-shadow:none; }
label.background_noise_olivegreen_hover:hover { opacity:0.7 !important; }
label.background_noise_olivegreen_hover.active { opacity:0.9 !important; box-shadow: 0px 2px 3px black; }
/* -- -- -- New label technology implemented within this block needs to be replicated to all backgrounds -- -- -- */

        /* T -- --- OLIVE GREEN BACKGROUND --- -- T */
a.background_olivegreen_hover:hover, button.background_olivegreen_hover:hover { background:rgba(99, 127, 51, 0.7) !important; box-shadow:none; color:gray !important; }
.background_olivegreen { background:rgba(99, 127, 51, 0.8) !important; }
.background_olivegreen .link_color, button.background_olivegreen .link_color, a.background_olivegreen span.link_color, .background_olivegreen a span.link_color { color:white !important; }
a.background_olivegreen:hover .link_color, button.background_olivegreen_hover:hover .link_color { color:lightgray !important; }


        /* T -- --- LIGHTGREEN BACKGROUND --- -- T */
a.background_lightgreen:hover { background:rgba(100, 205, 0, 0.4) !important; }
.background_lightgreen { background:rgba(175, 255, 175, 0.6) !important; }
a.background_lightgreen:hover .link_color { color:gray !important; }
.background_lightgreen .link_color { color:white !important; }
a.background_lightgreen_hover:hover, button.background_lightgreen_hover:hover { background:rgba(25, 255, 25, 0.4) !important; }

    /* - -- --- ---- ORANGE BACKGROUNDS ---- --- -- - */
        /* T -- --- DARKORANGE BACKGROUND --- -- T */
a.background_darkorange:hover { background:rgba(255, 95, 0, 0.4) !important; }
.background_darkorange { background:rgba(255, 95, 0, 0.6) !important; }
a.background_darkorange:hover .link_color { color:gray !important; }
.background_darkorange .link_color { color:white !important; }

        /* T -- --- ORANGE BACKGROUND --- -- T */
a.background_orange_hover:hover, button.background_orange_hover:hover, label.background_orange_hover:hover {  opacity:0.6 !important; }
.background_orange, label.background_orange_hover.active { background:rgba(255, 155, 0, 0.6) !important; }
a.background_orange:hover .link_color, label.background_orange_hover:hover span.link_color { color:gray !important; }
.background_orange .link_color, label.background_orange.active span.link_color { color:black !important; }
label.background_orange { opacity:0.6 !important; box-shadow:none; }
label.background_orange_hover.active { opacity:0.9 !important; box-shadow: 0px 2px 3px black; }


        /* T -- --- LIGHTORANGE BACKGROUND --- -- T */
a.background_lightorange_hover:hover, button.background_lightorange_hover:hover { background:rgba(255, 211, 0, 0.6) !important; color:gray !important; }
.background_lightorange { background:rgba(255, 211, 0, 0.8) !important; }
a.background_lightorange_hover:hover .link_color, button.background_lightorange_hover:hover .link_color { color:black !important; }
.background_lightorange .link_color, a.background_lightorange .link_color, button.background_lightorange { color:black !important; }

    /* - -- --- ---- YELLOW BACKGROUNDS ---- --- -- - */
        /* T -- --- YELLOW BACKGROUND --- -- T */
a.background_yellow_hover:hover, button.background_yellow_hover:hover { background:rgba(255, 255, 0, 0.6) !important; }
.background_yellow { background:rgba(255, 255, 0, 0.8) !important; }
a.background_yellow_hover:hover .link_color { color:gray !important; }
.background_yellow span.link_color { color:black !important; }
.btn-yellow { background:#FFD800; border-color:yellow; color:black; }
a.btn-yellow:hover { background:yellow; border-color:#FFD800; color:black; }

        /* T -- --- LIGHTYELLOW BACKGROUND --- -- T */
a.background_lightyellow:hover { background:rgba(255, 255, 145, 0.4) !important; }
.background_lightyellow { background:rgba(255, 255, 145, 0.6) !important; }
a.background_lightyellow:hover .link_color { color:gray !important; }
.background_lightyellow .link_color { color:black !important; }

    /* - -- --- ---- PURPLE BACKGROUNDS ---- --- -- - */
        /* T -- --- DARKPURPLE BACKGROUND --- -- T */
a.background_darkpurple:hover { background:rgba(53, 0, 49, 0.4) !important; }
.background_darkpurple { background:rgba(53, 0, 49, 0.6) !important; }
a.background_darkpurple:hover .link_color { color:gray !important; }
.background_darkpurple .link_color { color:white !important; }

        /* T -- --- PURPLE BACKGROUND --- -- T */
a.background_purple:hover { background:rgba(137, 45, 157, 0.4) !important; }
.background_purple { background:rgba(137, 45, 157, 0.6) !important; }
a.background_purple:hover { color:black !important; }
a.background_purple:hover .link_color { color:gray !important; }
.background_purple .link_color { color:white !important; }
.background_purple .background_white .link_color { color:black !important; }
.btn-purple { background:purple; border-color:#570060; color:white; }
a.btn-purple:hover { background:#570060; border-color:purple; color:white; }

        /* T -- --- LIGHTPURPLE BACKGROUND --- -- T */
a.background_lightpurple:hover { background:rgba(200, 0, 255, 0.4) !important; }
.background_lightpurple { background:rgba(200, 0, 255, 0.6) !important; }
a.background_lightpurple:hover .link_color { color:gray !important; }
.background_lightpurple .link_color { color:black !important; }

    /* - -- --- ---- PINK BACKGROUNDS ---- --- -- - */
        /* T -- --- BEIGE BACKGROUND --- -- T */
a.background_beige:hover { background:rgba(184, 174, 156, 0.4) !important; }
.background_beige { background:rgba(184, 174, 156, 0.6) !important; }
.background_beige .link_color { color:black !important; }

        /* T -- --- MAGENTA BACKGROUND --- -- T */
a.background_magenta:hover { background:rgba(211, 0, 133, 0.4) !important; }
.background_magenta { background:rgba(211, 0, 133, 0.6) !important; }
a.background_magenta:hover .link_color { color:gray !important; }
.background_magenta .link_color { color:white !important; }

        /* T -- --- PINK BACKGROUND --- -- T */
a.background_pink:hover { background:rgba(255, 155, 155, 0.4) !important; }
.background_pink { background:rgba(255, 155, 155, 0.6) !important; }
a.background_pink:hover .link_color, li.background_pink:hover span.link_color { color:gray !important; }
.background_pink .link_color { color:white !important; }

        /* T -- --- SALMON BACKGROUND --- -- T */
a.background_salmon:hover { background:rgba(255, 111, 111, 0.4) !important; }
.background_salmon { background:rgba(255, 111, 111, 0.6) !important; }
a.background_salmon:hover .link_color { color:gray !important; }
.background_salmon .link_color { color:white !important; }


        /* T -- --- NEBULA BACKGROUND --- -- T */
/* Add  animation: nebula 20s linear infinite; to the body css for the nebula background */
@keyframes nebula {
	0%, 100% {
		opacity: 0.3; /* Set to the initial opacity at the beginning and end */
	}   
	25%, 75% {
		opacity: 0.4; /* Set to the initial opacity at the beginning and end */
	}
	50% {
		opacity: 0.5; /* Set to maximum opacity in the middle */
	}
}

.star {
	position: absolute;
	opacity: 0.7; /* Initially set to fully transparent */
	width: 3px;
	height: 3px;
	background-color: #fff; /* Color of the stars */
	border-radius: 50%; /* Make stars round */
}
.fade-smoke {
	animation: blink 25s ease-in-out infinite alternate; /* Customize animation duration and timing */
}
.twinkle {
	animation: blink 5s ease-in-out infinite alternate; /* Customize animation duration and timing */
}
.blink {
	animation: blink 5s ease-in-out infinite alternate; /* Smoother Blinking animation */
}

@keyframes blink {
	0%, 100% {
		opacity: 0.7; /* Set to the initial opacity at the beginning and end */
	}           
	10%, 90% {
		opacity: 0.5; /* Set to the initial opacity at the beginning and end */
	}
	25%, 75% {
		opacity: 0.3; /* Set to the initial opacity at the beginning and end */
	}
	50% {
		opacity: 0.1; /* Set to maximum opacity in the middle */
	}
}

/* Add space-themed smoke background */
.space-smoke {
	position: absolute;
	opacity: 0.1; /* Adjust opacity as needed */
	background-size: contain; /* Fit the image to the div */
	background-repeat: no-repeat; /* Prevent image repetition */
}
   
@keyframes rotate {			
	0%, 100% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
}

/* - -- --- ---- ----- ------ CREATED BY: UanI (CA) ------ ----- ---- --- -- - */