/**
 * Primary Color
 *
 * Choose a value that works well with white foreground text.
 * Used for links, headers, buttons and the content row color
 * section, as well as other core elements.
 *
 * Default: #0098ef
 */
.text-color-primary
{
	color: #40ce00 !important;
}

body
{
	color: #3c2a2a;
    text-shadow: 1px 1px 50px black, 0 0 1px black, 0 0 0.2px white;;
}

a,table tr .highlight,table.table-layout-product-comparison tr.product-header td p.product-price,button,.button,.icon-feature,.icon-feature-large,.icon-feature-inline,.product-box .product-price,.product-slider > ul li:last-of-type .price .value,.product-configurator .configurator-order .configurator-total .value,.tab-group > ul li,.tab-group .tab-item .tab-item-title,#video-overlay-icon,#nav-overlay.nav-overlay-light nav .nav-primary > li a:not(.button),#nav-overlay.nav-overlay-gray nav .nav-primary > li a:not(.button),#nav-overlay.nav-overlay-dark nav .nav-primary > li a:not(.button),#nav-overlay-open.nav-overlay-light,#nav-overlay-close.nav-overlay-light,#nav-overlay-open.nav-overlay-gray,#nav-overlay-close.nav-overlay-gray,#nav-overlay-open.nav-overlay-dark,#nav-overlay-close.nav-overlay-dark,#content > .content-row .content-slider > ul li.active,#content > .content-row.content-row-color ul.list-style-nav li a:not(.button),#content > .content-row.content-row-color table a:not(.button),#content > .content-row.content-row-color pre a:not(.button),#content > .content-row.content-row-color .pre-code a:not(.button),#content > .content-row.content-row-color .tags li a:not(.button),#content > .content-row.content-row-color .feature-box a:not(.button),#content > .content-row.content-row-color .product-box a:not(.button),#content > .content-row.content-row-color .product-slider a:not(.button),#content > .content-row.content-row-color .product-configurator a:not(.button),#content > .content-row.content-row-color .network-map ul li span.label-top-left,#content > .content-row.content-row-color .network-map ul li span.label-top-right,#content > .content-row.content-row-color .network-map ul li span.label-bottom-left,#content > .content-row.content-row-color .network-map ul li span.label-bottom-right,#content > .content-row.content-row-color .testimonial .testimonial-content a:not(.button),#content > .content-row.content-row-color .blog-comment-group .blog-comment-content a:not(.button)
{
	color: #40ce00;
}

body.preload::before,table caption,button.button-primary,.button.button-primary,ul.tags li a,.product-box .product-popular,.product-slider .slider .range,.product-configurator .slider .range,.network-map ul li,.network-map ul li span.label-top-left,.network-map ul li span.label-top-right,.network-map ul li span.label-bottom-left,.network-map ul li span.label-bottom-right,.network-map ul li span.label-top-left::before,.network-map ul li span.label-top-right::before,.network-map ul li span.label-bottom-left::before,.network-map ul li span.label-bottom-right::before,.tab-group.tab-group-switch-style > ul li.active,.gallery.gallery-slider .gallery-previous:hover,.gallery.gallery-slider .gallery-next:hover,.video-overlay.video-overlay-has-icon:hover #video-overlay-icon,#nav-overlay-background,#header,#content > .content-row .content-slider > ul li.active:empty,#content > .content-row.content-row-color,#content > .content-row.content-row-color.content-row-split-left::after,#content > .content-row.content-row-color.content-row-split-right::after,#content > .content-row.content-row-color .content-box,#content > .content-row.content-row-color .tab-group .tab-item .tab-item-title,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li::after,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,.footer-color
{
	background-color: #005109;
}

input:not(.no-custom-style):focus,select:not(.no-custom-style):focus,textarea:not(.no-custom-style):focus,form .checkbox-style.focus,form .radio-style.focus,form .select-style input.focus,.product-box.product-box-popular,.product-slider .slider .range .handle,.product-configurator .slider .range .handle,.pagination > li.active a
{
	border-color: #844fe1;
}

.table-has-caption
{
	background-color: #103516;
}

table
{
	color: #a5aab3;
	border: 0px solid #e6e9ee;
}

.text-color-dark 
{
	color: #40ce00 !important;
}

/**
 * Secondary Color
 *
 * Choose a value that works well with dark foreground text
 * and complements your primary color. Used for buttons and
 * various secondary elements.
 *
 * Default: #ffcc33
 */
.text-color-secondary
{
	color: #b00e0e !important;
}

#notification p a,#content > .content-row.content-row-color a:not(.button),#content > .content-row.content-row-color .icon-feature,#content > .content-row.content-row-color .icon-feature-large,#content > .content-row.content-row-color .icon-feature-inline,#content > .content-row.content-row-color .content-slider > ul li.active,#content > .content-row.content-row-color .tab-group .tab-item .tab-item-title,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li
{
	color: #40ce00;
}

mark,button.button-secondary,.button.button-secondary
{
	background-color: #4fff00;
}

#content > .content-row.content-row-color .pagination > li.active a
{
	border-color: #b00e0e;
}

/**
 * Header Background
 *
 * The header uses the primary color by default but can be
 * changed to a different color or gradient if desired.
 *
 * Default: #0098ef
 */
#header,#nav-overlay-background
{
}

/**
 * Notification Background
 *
 * Choose a value that works well combined with your color
 * scheme and white foreground text. The custom styles for
 * success, error and warning classes are unaffected.
 *
 * Default: #00629a
 */
#notification
{
	background-color: #844fe1;
}

.product-box
{
	color: #fff;
	border: 5px solid #e6e9ee;
	background-color: #113617;
}

/**
 * Content Row Background
 *
 * This section uses the primary color by default but can be
 * changed to a different color or gradient if desired.
 *
 * Default: #0098ef
 */
#content > .content-row.content-row-color,
#content > .content-row.content-row-color.content-row-split-left::after,
#content > .content-row.content-row-color.content-row-split-right::after
{
	background-color: #0d0d0d;
}
/**
#content > .content-row.content-row
{
	background-color: #0d0d0d;
}

#content > .content-row.content-row-gray
{
	background-color: #006427;
} */

#content > .content-row.content-row-color .content-header mark,
#content > .content-row.content-row-color code
{
	background-color: #005109;
}

#content > .content-row .content-background.content-background-light video {
  opacity: 0.85;
}

#content > .content-row .content-background.content-background-light img {
  opacity: 0.2;
}

/* Replace the main logo with a Halloween version */
.header-dynamic .logo img {
    content: url("/img/ssc_header.png");
}

/* Welcome Section */
.welcome-section {
    color: #3c2a2a;
}
.welcome-section .content-background picture img {
    content: url('/img/xmas/xmas_background_1.webp'); 
    opacity: 0.3 !important;
    display: block !important; 
}
.welcome-section .content-background picture img[src="/img/default_background.png"] {
    display: none;
}



.discord-section {
    color: #fff;
    background-color: #006427 !important; 
}



/* INFO Section */
.info-section .content-background picture img {
    background-color: #006427;
} 
.info-section .content-background picture img {
    content: url('/img/xmas/xmas_background_2.webp'); /* Replace with the desired Halloween image */
    opacity: 0.25 !important;
    display: block !important; /* Ensure the image is shown */
}
.info-section .content-background picture img[src="/img/default_background.png"] {
    display: none;
}



/* Vote Section */
.vote-section {
    color: #fff;
    background-color: #006427 !important; 
}
.vote-section .content-background picture img {
    content: url('/img/xmas/xmas_background_3.webp');
    opacity: 0.12 !important;
    display: block !important; 
}
.vote-section .content-background picture img[src="/img/default_background.png"] {
    display: none;
}



/* SUB Section */
.sub-section .content-background picture img {
    background-color: #006427;
}


/* Connection Info Section */
.connection-info-section {
    color: #fff;
    background-color: #006427 !important; 
}


/* Connect Java Background */
.connect-java-section .content-background picture img {
    background-color: #006427;
}


/* Connect Bedrock */
.connect-bedrock-section {
    color: #fff;
    background-color: #006427 !important; 
}
.connect-bedrock-section .content-background picture img {
    content: url('/img/xmas/xmas_background_4.webp'); 
    opacity: 0.12 !important;
    display: block !important;
}
.connect-bedrock-section .content-background picture img[src="/img/default_background.png"] {
    display: none;
}



/* VR Section Section */
.vr-section .content-background picture img {
    background-color: #006427;
}



/* Console Section */
.console-section {
    color: #fff;
    background-color: #006427 !important; 
}
.console-section .content-background picture img {
    opacity: 0.12 !important;
    display: block !important;
}



/* Contact Section */
.contact-section {
    color: #fff;
}
.contact-section .content-background picture img {
    content: url('/img/xmas/xmas_background_5.webp'); 
    opacity: 0.7 !important;
    display: block !important;
}



/* XMAS Snow */
body {
    margin: 0;
    padding: 0;
    background: radial-gradient(circle at bottom, rgba(255, 255, 255, 0.288), transparent 50%), linear-gradient(to bottom, #00010f, #010118); /* Darker gradient background for night sky */
    min-height: 100vh; /* Ensure the body takes full height */
}

.snow-container {
    position: fixed; /* Changed to fixed to keep snow on screen during scroll */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* So the snowflakes don't interfere with other elements */
    z-index: 1000; /* Ensure it is on top of other elements */
}

@keyframes fall {
    0% {
        transform: translateX(0) translateY(-10vh);
        opacity: 0.8;
    }
    50% {
        transform: translateX(calc(-10vw + 20vw * var(--random-x))) translateY(50vh);
        opacity: 0.4;
    }
    85% {
        transform: translateX(calc(-20vw + 40vw * var(--random-x))) translateY(110vh);
        opacity: 0.2;
    }
    100% {
        transform: translateX(calc(-25vw + 50vw * var(--random-x))) translateY(120vh);
        opacity: 0.1;
    }
}

.snowflake {
    position: absolute;
    top: -30px;
    background: white;
    border-radius: 50%;
    animation: fall linear infinite;
}


/**
 * Footer Background
 *
 * The footer uses the primary color by default but can be
 * changed to a different color or gradient if desired. Make
 * sure to add the custom class to the body element.
 *
 * Default: #0098ef
 */
 .footer-color
 {
 }

#footer
{
	background-color: #006427;
}

.footer-dark #footer 
{
	color: #00D200;
}

.footer-dark #footer .footer-secondary:not(:first-child)
{
	border-color: #cbdfd3;
}

/* Change the thumbtack icon to check-circle */
.fas.fa-thumbtack::before {
    content: "\f06b"; /* Unicode for check-circle */
    color: #CA0000; /* Change the icon color */
}