/* ================== HALLOWEEN THEME ================== */
body.holiday-halloween:not(.dark-mode) {
    background-color: #1a1a1a !important;
    color: #f6b73c !important;
}

body.holiday-halloween:not(.dark-mode) .cookie-alert {
    background-color: #ff7518 !important;
}

/* Navbar */
body.holiday-halloween:not(.dark-mode) .navbar {
    background-color: #2b1b1b !important;
}
body.holiday-halloween:not(.dark-mode) .navbar-brand {
    color: #f6b73c !important;
    background-image: url(../img/holidays/jack-o-lantern.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0% 38%;
}
body.holiday-halloween:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #f6b73c !important;
}
body.holiday-halloween:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-halloween:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #fff !important;
    background-color: #ff7518 !important;
}

/* Boxes and panels */
body.holiday-halloween:not(.dark-mode) .box,
body.holiday-halloween:not(.dark-mode) .panel,
body.holiday-halloween:not(.dark-mode) .boxLink,
body.holiday-halloween:not(.dark-mode) .steps-box,
body.holiday-halloween:not(.dark-mode) .upload {
    background-color: #262020 !important;
    color: #f6b73c !important;
}

body.holiday-halloween:not(.dark-mode) .panel-heading {
    background-color: #ff7518 !important;
    color: #1a1a1a !important;
}

body.holiday-halloween:not(.dark-mode) .panel-footer {
    background-color: #2b1b1b !important;
    color: #f6b73c !important;
    border-top: 1px solid #ff7518 !important;
}

/* Buttons */
body.holiday-halloween:not(.dark-mode) #lang-box button,
body.holiday-halloween:not(.dark-mode) .btn-primary, 
body.holiday-halloween:not(.dark-mode) .btn-secondary,
body.holiday-halloween:not(.dark-mode) .btn-lg {
    background-color: #ff7518 !important;
    color: #fff !important;
    border-color: #cc5e14 !important;
}
body.holiday-halloween:not(.dark-mode) #lang-box button:hover,
body.holiday-halloween:not(.dark-mode) .btn-primary:hover,
body.holiday-halloween:not(.dark-mode) .btn-secondary:hover,
body.holiday-halloween:not(.dark-mode) .btn-lg:hover {
    background-color: #f6b73c !important;
    color: #1a1a1a !important;
}
body.holiday-easter:not(.dark-mode) .navbar .navbar-nav > li > a.active-2 {
    background-color: #ffb7518 !important;
}


/* Forms */
body.holiday-halloween:not(.dark-mode) .form-control,
body.holiday-halloween:not(.dark-mode) .jumbotron-input {
    background-color: #2b1b1b !important;
    color: #f6b73c !important;
    border: 1px solid #ff7518 !important;
}
body.holiday-halloween:not(.dark-mode) .form-control:focus,
body.holiday-halloween:not(.dark-mode) .jumbotron-input:focus {
    border-color: #f6b73c !important;
    box-shadow: 0 0 0 2px rgba(255,117,24,0.4) !important;
}

/* Tables */
body.holiday-halloween:not(.dark-mode) table {
    background-color: #262020 !important;
    color: #f6b73c !important;
    border: 1px solid #ff7518 !important;
}
body.holiday-halloween:not(.dark-mode) table th,
body.holiday-halloween:not(.dark-mode) table td {
    border: 1px solid #ff7518 !important;
    color: #f6b73c !important;
}

/* Jumbotron */
body.holiday-halloween:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image: url(../img/holidays/bats.png), url(../img/holidays/tree.png), url(../img/holidays/cat.png), url(../img/holidays/jack-o-lantern.png), url(../img/holidays/bat.png), url(../img/holidays/web.png), url(../img/holidays/spider.png), 
	linear-gradient(-30deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3)), 
	linear-gradient(45deg, #ff7518, #6a0dad) !important;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 100px auto, 265px auto, 100px auto, 50px auto, 100px auto, 100px auto, 100px auto, cover, cover, cover, cover, cover, cover, cover;
    background-position: 5% 25%, 100% 108%, 25% 100%, 92% 100%, 46% 25%, -0.2% 100.5%, -1% -2%, center, center, center, center, center, center, center;
}
body.holiday-halloween:not(.dark-mode) a {
    color: #ff7518 !important;
}
body.holiday-halloween:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #ff7518 !important;
}
/* Footer */
body.holiday-halloween:not(.dark-mode) footer,
body.holiday-halloween:not(.dark-mode) footer a {
    background-color: #1a1a1a !important;
    color: #ff7518 !important;
}
body.holiday-halloween:not(.dark-mode) footer a:hover {
    color: #f6b73c !important;
}

/* Announcements */
body.holiday-halloween:not(.dark-mode) .announcement {
    background-color: #2b1b1b !important;
    color: #f6b73c !important;
}

/* Sidebar / List groups */
body.holiday-halloween:not(.dark-mode) .list-group,
body.holiday-halloween:not(.dark-mode) .list-group-item,
body.holiday-halloween:not(.dark-mode) .sidebar-profile {
    background-color: #262020 !important;
    color: #f6b73c !important;
    border: 1px solid #ff7518 !important;
}
body.holiday-halloween:not(.dark-mode) .list-group-item:hover {
    background-color: #ff7518 !important;
    color: #1a1a1a !important;
}

/* Countdown / Circles / badges */
body.holiday-halloween:not(.dark-mode) .countdown-circle,
body.holiday-halloween:not(.dark-mode) .panel-info>.panel-heading .badge {
    background-color: #ff7518 !important;
    color: #1a1a1a !important;
}

body.holiday-halloween:not(.dark-mode) .primary-color {
    color: #f6b73c !important;
}

body.holiday-halloween:not(.dark-mode) .navbar-default {
    border-color: #2b1b1b !important;
}


/* ================== THANKSGIVING THEME ================== */
body.holiday-thanksgiving:not(.dark-mode) {
    background-color: #2e1f17 !important; /* deep roasted brown */
    color: #f4c16d !important; /* harvest gold */
}

body.holiday-thanksgiving:not(.dark-mode) .cookie-alert {
    background-color: #f4c16d !important;
}

/* Navbar */
body.holiday-thanksgiving:not(.dark-mode) .navbar {
    background: linear-gradient(90deg, #5a3521, #7a4829, #a15b2f) !important;
}
body.holiday-thanksgiving:not(.dark-mode) .navbar-brand {
    color: #f4c16d !important;
}
body.holiday-thanksgiving:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #f4c16d !important;
}
body.holiday-thanksgiving:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-thanksgiving:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #fff !important;
    background-color: #d17f45 !important;
}

/* Boxes and panels */
body.holiday-thanksgiving:not(.dark-mode) .box,
body.holiday-thanksgiving:not(.dark-mode) .panel,
body.holiday-thanksgiving:not(.dark-mode) .boxLink,
body.holiday-thanksgiving:not(.dark-mode) .steps-box,
body.holiday-thanksgiving:not(.dark-mode) .upload {
    background: linear-gradient(135deg, #3b261d, #5a3521) !important;
    color: #f4c16d !important;
    border: 1px solid #d17f45 !important;
}

body.holiday-thanksgiving:not(.dark-mode) .panel-heading {
    background: linear-gradient(90deg, #d17f45, #f4c16d) !important;
    color: #2e1f17 !important;
    font-weight: bold !important;
}

body.holiday-thanksgiving:not(.dark-mode) .panel-footer {
    background-color: #3b261d !important;
    color: #f4c16d !important;
    border-top: 1px solid #d17f45 !important;
}

/* Buttons */
body.holiday-thanksgiving:not(.dark-mode) #lang-box button,
body.holiday-thanksgiving:not(.dark-mode) .btn-primary, 
body.holiday-thanksgiving:not(.dark-mode) .btn-secondary,
body.holiday-thanksgiving:not(.dark-mode) .btn-lg {
    background: linear-gradient(45deg, #d17f45, #f4c16d) !important;
    color: #2e1f17 !important;
    border: 1px solid #a55b2a !important;
    font-weight: 600 !important;
}
body.holiday-thanksgiving:not(.dark-mode) #lang-box button:hover,
body.holiday-thanksgiving:not(.dark-mode) .btn-primary:hover,
body.holiday-thanksgiving:not(.dark-mode) .btn-secondary:hover,
body.holiday-thanksgiving:not(.dark-mode) .btn-lg:hover {
    background: linear-gradient(45deg, #f4c16d, #e8973a) !important;
    color: #2e1f17 !important;
}

/* Forms */
body.holiday-thanksgiving:not(.dark-mode) .form-control,
body.holiday-thanksgiving:not(.dark-mode) .jumbotron-input {
    background-color: #3b261d !important;
    color: #f4c16d !important;
    border: 1px solid #d17f45 !important;
}
body.holiday-thanksgiving:not(.dark-mode) .form-control:focus,
body.holiday-thanksgiving:not(.dark-mode) .jumbotron-input:focus {
    border-color: #f4c16d !important;
    box-shadow: 0 0 0 2px rgba(244, 193, 109, 0.4) !important;
}

/* Tables */
body.holiday-thanksgiving:not(.dark-mode) table {
    background: linear-gradient(180deg, #3b261d, #4a2f23) !important;
    color: #f4c16d !important;
    border: 1px solid #d17f45 !important;
}
body.holiday-thanksgiving:not(.dark-mode) table th,
body.holiday-thanksgiving:not(.dark-mode) table td {
    border: 1px solid #d17f45 !important;
    color: #f4c16d !important;
}

/* Jumbotron */
body.holiday-thanksgiving:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image:
        url(../img/holidays/turkey.png),
        url(../img/holidays/fall-leaves.png),
        url(../img/holidays/pumpkin.png),
        url(../img/holidays/corn.png),
	url(../img/holidays/fall.png),
	url(../img/holidays/fall-flower.png),
        linear-gradient(-30deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.2)),
        linear-gradient(45deg, #d17f45, #a15b2f, #6a3a1b) !important;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 125px auto, 180px auto, 150px auto, 120px auto, 150px auto, 100px auto, cover, cover;
    background-position: 41% 100%, 0% 0%, 98% 100%, 10% 100%, 40% 8%, 95% 10%, center, center;
    border-bottom: 4px solid #f4c16d !important;
}

/* Links */
body.holiday-thanksgiving:not(.dark-mode) a {
    color: #f4c16d !important;
}
body.holiday-thanksgiving:not(.dark-mode) a:hover {
    color: #e8973a !important;
}

/* Switch */
body.holiday-thanksgiving:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #d17f45 !important;
}

/* Footer */
body.holiday-thanksgiving:not(.dark-mode) footer,
body.holiday-thanksgiving:not(.dark-mode) footer a {
    background: #5a3521 !important;
    color: #f4c16d !important;
}
body.holiday-thanksgiving:not(.dark-mode) footer a:hover {
    color: #e8973a !important;
}

/* Announcements */
body.holiday-thanksgiving:not(.dark-mode) .announcement {
    background-color: #3b261d !important;
    color: #f4c16d !important;
    border: 1px solid #d17f45 !important;
}

/* Sidebar / List groups */
body.holiday-thanksgiving:not(.dark-mode) .list-group,
body.holiday-thanksgiving:not(.dark-mode) .list-group-item,
body.holiday-thanksgiving:not(.dark-mode) .sidebar-profile {
    background: linear-gradient(135deg, #3b261d, #5a3521) !important;
    color: #f4c16d !important;
    border: 1px solid #d17f45 !important;
}
body.holiday-thanksgiving:not(.dark-mode) .list-group-item:hover {
    background: linear-gradient(45deg, #d17f45, #f4c16d) !important;
    color: #2e1f17 !important;
}

/* Countdown / Circles / badges */
body.holiday-thanksgiving:not(.dark-mode) .countdown-circle,
body.holiday-thanksgiving:not(.dark-mode) .panel-info>.panel-heading .badge {
    background: linear-gradient(45deg, #f4c16d, #d17f45) !important;
    color: #2e1f17 !important;
}

/* Text accents */
body.holiday-thanksgiving:not(.dark-mode) .primary-color {
    color: #f4c16d !important;
}

/* Navbar borders */
body.holiday-thanksgiving:not(.dark-mode) .navbar-default {
    border-color: #4a2f23 !important;
}

/* ================== CHRISTMAS THEME ================== */
body.holiday-christmas:not(.dark-mode) {
    background-color: #f0f8f5 !important; /* light minty green */
    color: #4a2c00 !important; /* chocolate brown for text */
}

/* Navbar */
body.holiday-christmas:not(.dark-mode) .navbar {
    background-color: #2e7d32 !important; /* forest green */
    border-bottom: 3px solid #ffcc00 !important; /* gold trim */
}
body.holiday-christmas:not(.dark-mode) .navbar-brand {
    color: #ff0000 !important; /* bright red */
}
body.holiday-christmas:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #ff0000 !important;
}
body.holiday-christmas:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-christmas:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #fff !important;
    background-color: #ffcc00 !important; /* festive gold hover */
}

/* Boxes and panels */
body.holiday-christmas:not(.dark-mode) .box,
body.holiday-christmas:not(.dark-mode) .panel,
body.holiday-christmas:not(.dark-mode) .boxLink,
body.holiday-christmas:not(.dark-mode) .steps-box,
body.holiday-christmas:not(.dark-mode) .upload {
    background-color: #c8facc !important; /* pastel green */
    color: #4a2c00 !important;
    border: 1px solid #ffcc00 !important; /* gold border */
    box-shadow: 0 0 6px rgba(255,204,0,0.3);
}

body.holiday-christmas:not(.dark-mode) .panel-heading {
    background-color: #ff6666 !important; /* soft red */
    color: #fff !important;
    font-weight: bold !important;
}

body.holiday-christmas:not(.dark-mode) .panel-footer {
    background-color: #d9f0e1 !important; /* light mint */
    color: #4a2c00 !important;
    border-top: 1px solid #ffcc00 !important;
}

/* Buttons */
body.holiday-christmas:not(.dark-mode) #lang-box button,
body.holiday-christmas:not(.dark-mode) .btn-primary, 
body.holiday-christmas:not(.dark-mode) .btn-secondary,
body.holiday-christmas:not(.dark-mode) .btn-lg {
    background-color: #ff6666 !important; /* pastel red */
    color: #fff !important;
    border: 1px solid #4a2c00 !important; /* chocolate outline */
    font-weight: 600 !important;
}
body.holiday-christmas:not(.dark-mode) #lang-box button:hover,
body.holiday-christmas:not(.dark-mode) .btn-primary:hover,
body.holiday-christmas:not(.dark-mode) .btn-secondary:hover,
body.holiday-christmas:not(.dark-mode) .btn-lg:hover {
    background-color: #ffcc00 !important; /* festive gold hover */
    color: #2e7d32 !important; /* green text on hover */
}

/* Forms */
body.holiday-christmas:not(.dark-mode) .form-control,
body.holiday-christmas:not(.dark-mode) .jumbotron-input {
    background-color: #d9f0e1 !important; /* light mint */
    color: #4a2c00 !important;
    border: 1px solid #ffcc00 !important;
}
body.holiday-christmas:not(.dark-mode) .form-control:focus,
body.holiday-christmas:not(.dark-mode) .jumbotron-input:focus {
    border-color: #ffcc00 !important;
    box-shadow: 0 0 0 2px rgba(255,204,0,0.4) !important;
}

/* Tables */
body.holiday-christmas:not(.dark-mode) table {
    background-color: #eafaf1 !important; /* very light green */
    color: #4a2c00 !important;
    border: 1px solid #ffcc00 !important;
}
body.holiday-christmas:not(.dark-mode) table th,
body.holiday-christmas:not(.dark-mode) table td {
    border: 1px solid #ffcc00 !important;
    color: #4a2c00 !important;
}

/* Jumbotron */
body.holiday-christmas:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image:
        url(../img/holidays/tree.png),
        url(../img/holidays/snowflake.png),
        url(../img/holidays/gift.png),
        url(../img/holidays/holly.png),
        linear-gradient(45deg, #d9f0e1, #ffcccc) !important;
    background-repeat: no-repeat;
    color: #4a2c00 !important;
    background-size: 200px auto, 80px auto, 120px auto, 100px auto, cover;
    background-position: 5% 80%, 90% 15%, 50% 90%, 75% 30%, center;
    border-top: 4px solid #ffcc00 !important;
    border-bottom: 4px solid #ff6666 !important;
    box-shadow: 0 0 15px rgba(255,204,0,0.3);
}

/* Links */
body.holiday-christmas:not(.dark-mode) a {
    color: #ff6666 !important;
}
body.holiday-christmas:not(.dark-mode) a:hover {
    color: #ffcc00 !important;
}

/* Switch */
body.holiday-christmas:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #2e7d32 !important;
}

/* Footer */
body.holiday-christmas:not(.dark-mode) footer,
body.holiday-christmas:not(.dark-mode) footer a {
    background-color: #2e7d32 !important; /* green footer */
    color: #fff3d6 !important;
    border-top: 2px solid #ffcc00 !important;
}
body.holiday-christmas:not(.dark-mode) footer a:hover {
    color: #ff6666 !important;
}

/* Announcements */
body.holiday-christmas:not(.dark-mode) .announcement {
    background-color: #d9f0e1 !important;
    color: #4a2c00 !important;
    border: 1px solid #ffcc00 !important;
}

/* Sidebar / List groups */
body.holiday-christmas:not(.dark-mode) .list-group,
body.holiday-christmas:not(.dark-mode) .list-group-item,
body.holiday-christmas:not(.dark-mode) .sidebar-profile {
    background-color: #eafaf1 !important;
    color: #4a2c00 !important;
    border: 1px solid #ffcc00 !important;
}
body.holiday-christmas:not(.dark-mode) .list-group-item:hover {
    background-color: #ffcc00 !important;
    color: #2e7d32 !important;
}

/* Countdown / Circles / badges */
body.holiday-christmas:not(.dark-mode) .countdown-circle,
body.holiday-christmas:not(.dark-mode) .panel-info>.panel-heading .badge {
    background-color: #ffcc00 !important;
    color: #2e7d32 !important;
}

/* Text accents */
body.holiday-christmas:not(.dark-mode) .primary-color {
    color: #ff6666 !important;
}

/* Navbar borders */
body.holiday-christmas:not(.dark-mode) .navbar-default {
    border-color: #ffcc00 !important;
}

/*SNOW*/
body.holiday-christmas:not(.dark-mode) .jumbotron {
    position: relative; /* container for pseudo-element */
    overflow: hidden;
    z-index: 0; /* ensure content can be above snow */
}

body.holiday-christmas:not(.dark-mode) .jumbotron::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0; /* behind everything */

    background:
        radial-gradient(circle, #fff 1px, transparent 1px),
        radial-gradient(circle, #fff 1.5px, transparent 1.5px),
        radial-gradient(circle, #fff 2px, transparent 2px);
    background-size: 20px 20px, 25px 25px, 30px 30px; 
    background-repeat: repeat;
    animation: snowFall 15s linear infinite;
}

@keyframes snowFall {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 100px 100vh, 200px 100vh, 300px 100vh; }
}

/* Ensure all content is above the snow */
body.holiday-christmas:not(.dark-mode) .jumbotron * {
    position: relative;
    z-index: 1;
}

/* ================== NEW YEAR THEME ================== */
body.holiday-newyear:not(.dark-mode) {
    background-color: #0b1d3a !important; /* deep midnight blue */
    color: #fefefe !important; /* light text */
    font-weight: 400;
}

/* Navbar */
body.holiday-newyear:not(.dark-mode) .navbar {
    background-color: #1b2a50 !important; /* dark blue */
    border-bottom: 3px solid #ffd700 !important; /* gold trim */
}
body.holiday-newyear:not(.dark-mode) .navbar-brand {
    color: #ffd700 !important; /* gold */
    font-weight: bold;
}
body.holiday-newyear:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #ffd700 !important;
}
body.holiday-newyear:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-newyear:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #0b1d3a !important;
    background-color: #ff4500 !important; /* bright celebration red */
}

/* Boxes and panels */
body.holiday-newyear:not(.dark-mode) .box,
body.holiday-newyear:not(.dark-mode) .panel,
body.holiday-newyear:not(.dark-mode) .boxLink,
body.holiday-newyear:not(.dark-mode) .steps-box,
body.holiday-newyear:not(.dark-mode) .upload {
    background-color: #13284b !important; /* dark navy panels */
    color: #ffd700 !important; /* gold text */
    border: 1px solid #ff4500 !important; /* celebratory border */
    box-shadow: 0 0 8px rgba(255,215,0,0.3);
}

body.holiday-newyear:not(.dark-mode) .panel-heading {
    background-color: #ff4500 !important; /* bright red heading */
    color: #0b1d3a !important;
    font-weight: bold !important;
}

body.holiday-newyear:not(.dark-mode) .panel-footer {
    background-color: #13284b !important;
    color: #ffd700 !important;
    border-top: 1px solid #ff4500 !important;
}

/* Buttons */
body.holiday-newyear:not(.dark-mode) #lang-box button,
body.holiday-newyear:not(.dark-mode) .btn-primary, 
body.holiday-newyear:not(.dark-mode) .btn-secondary,
body.holiday-newyear:not(.dark-mode) .btn-lg {
    background-color: #ffd700 !important; /* gold */
    color: #0b1d3a !important;
    border: 1px solid #ff4500 !important;
    font-weight: 600 !important;
}
body.holiday-newyear:not(.dark-mode) #lang-box button:hover,
body.holiday-newyear:not(.dark-mode) .btn-primary:hover,
body.holiday-newyear:not(.dark-mode) .btn-secondary:hover,
body.holiday-newyear:not(.dark-mode) .btn-lg:hover {
    background-color: #ff4500 !important; /* red hover */
    color: #fefefe !important;
}

/* Forms */
body.holiday-newyear:not(.dark-mode) .form-control,
body.holiday-newyear:not(.dark-mode) .jumbotron-input {
    background-color: #1b2a50 !important;
    color: #ffd700 !important;
    border: 1px solid #ff4500 !important;
}
body.holiday-newyear:not(.dark-mode) .form-control:focus,
body.holiday-newyear:not(.dark-mode) .jumbotron-input:focus {
    border-color: #ffd700 !important;
    box-shadow: 0 0 0 2px rgba(255,215,0,0.4) !important;
}

/* Tables */
body.holiday-newyear:not(.dark-mode) table {
    background-color: #13284b !important;
    color: #ffd700 !important;
    border: 1px solid #ff4500 !important;
}
body.holiday-newyear:not(.dark-mode) table th,
body.holiday-newyear:not(.dark-mode) table td {
    border: 1px solid #ff4500 !important;
    color: #ffd700 !important;
}

/* Jumbotron */
body.holiday-newyear:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image:
        url(../img/holidays/fireworks.png),
        url(../img/holidays/clock.png),
        url(../img/holidays/party-hat.png),
        linear-gradient(45deg, #0b1d3a, #13284b) !important;
    background-repeat: no-repeat;
    color: #ffd700 !important;
    background-size: 200px auto, 150px auto, 100px auto, cover;
    background-position: 50% 20%, 80% 80%, 20% 70%, center;
    border-top: 4px solid #ffd700 !important;
    border-bottom: 4px solid #ff4500 !important;
    box-shadow: 0 0 15px rgba(255,215,0,0.3);
}

/* Links */
body.holiday-newyear:not(.dark-mode) a {
    color: #ffd700 !important;
}
body.holiday-newyear:not(.dark-mode) a:hover {
    color: #ff4500 !important;
}

/* Switch */
body.holiday-newyear:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #ffd700 !important;
}

/* Footer */
body.holiday-newyear:not(.dark-mode) footer,
body.holiday-newyear:not(.dark-mode) footer a {
    background-color: #1b2a50 !important;
    color: #ffd700 !important;
    border-top: 2px solid #ff4500 !important;
}
body.holiday-newyear:not(.dark-mode) footer a:hover {
    color: #ff4500 !important;
}

/* Announcements */
body.holiday-newyear:not(.dark-mode) .announcement {
    background-color: #13284b !important;
    color: #ffd700 !important;
    border: 1px solid #ff4500 !important;
}

/* Sidebar / List groups */
body.holiday-newyear:not(.dark-mode) .list-group,
body.holiday-newyear:not(.dark-mode) .list-group-item,
body.holiday-newyear:not(.dark-mode) .sidebar-profile {
    background-color: #1b2a50 !important;
    color: #ffd700 !important;
    border: 1px solid #ff4500 !important;
}
body.holiday-newyear:not(.dark-mode) .list-group-item:hover {
    background-color: #ff4500 !important;
    color: #fefefe !important;
}

/* Countdown / Circles / badges */
body.holiday-newyear:not(.dark-mode) .countdown-circle,
body.holiday-newyear:not(.dark-mode) .panel-info>.panel-heading .badge {
    background-color: #ffd700 !important;
    color: #0b1d3a !important;
}

/* Text accents */
body.holiday-newyear:not(.dark-mode) .primary-color {
    color: #ff4500 !important;
}

/* Navbar borders */
body.holiday-newyear:not(.dark-mode) .navbar-default {
    border-color: #ffd700 !important;
}

/* ================== VALENTINES ==================== */
body.holiday-valentine:not(.dark-mode) {
    background-color: #fff0f6 !important; /* soft pink */
    color: #c2185b !important; /* deep rose */
}

/* Navbar */
body.holiday-valentine:not(.dark-mode) .navbar {
    background: linear-gradient(90deg, #f48fb1, #f06292, #e91e63) !important;
    border-bottom: 2px solid #c2185b !important;
}
body.holiday-valentine:not(.dark-mode) .navbar-brand {
    color: #c2185b !important;
}
body.holiday-valentine:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #c2185b !important;
}
body.holiday-valentine:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-valentine:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #fff !important;
    background-color: #f06292 !important;
}

/* Boxes and panels */
body.holiday-valentine:not(.dark-mode) .box,
body.holiday-valentine:not(.dark-mode) .panel,
body.holiday-valentine:not(.dark-mode) .boxLink,
body.holiday-valentine:not(.dark-mode) .steps-box,
body.holiday-valentine:not(.dark-mode) .upload {
    background: linear-gradient(135deg, #ffe4ec, #f8bbd0) !important;
    color: #c2185b !important;
    border: 1px solid #f06292 !important;
}

body.holiday-valentine:not(.dark-mode) .panel-heading {
    background: linear-gradient(90deg, #f06292, #f48fb1) !important;
    color: #fff !important;
    font-weight: bold !important;
}

body.holiday-valentine:not(.dark-mode) .panel-footer {
    background-color: #ffe4ec !important;
    color: #c2185b !important;
    border-top: 1px solid #f06292 !important;
}

/* Buttons */
body.holiday-valentine:not(.dark-mode) #lang-box button,
body.holiday-valentine:not(.dark-mode) .btn-primary,
body.holiday-valentine:not(.dark-mode) .btn-secondary,
body.holiday-valentine:not(.dark-mode) .btn-lg {
    background: linear-gradient(45deg, #f06292, #f48fb1) !important;
    color: #fff !important;
    border: 1px solid #c2185b !important;
    font-weight: 600 !important;
}
body.holiday-valentine:not(.dark-mode) #lang-box button:hover,
body.holiday-valentine:not(.dark-mode) .btn-primary:hover,
body.holiday-valentine:not(.dark-mode) .btn-secondary:hover,
body.holiday-valentine:not(.dark-mode) .btn-lg:hover {
    background: linear-gradient(45deg, #f48fb1, #f06292) !important;
    color: #fff !important;
}

/* Forms */
body.holiday-valentine:not(.dark-mode) .form-control,
body.holiday-valentine:not(.dark-mode) .jumbotron-input {
    background-color: #ffe4ec !important;
    color: #c2185b !important;
    border: 1px solid #f06292 !important;
}
body.holiday-valentine:not(.dark-mode) .form-control:focus,
body.holiday-valentine:not(.dark-mode) .jumbotron-input:focus {
    border-color: #f48fb1 !important;
    box-shadow: 0 0 0 2px rgba(240, 114, 165, 0.4) !important;
}

/* Tables */
body.holiday-valentine:not(.dark-mode) table {
    background: linear-gradient(180deg, #ffe4ec, #f8bbd0) !important;
    color: #c2185b !important;
    border: 1px solid #f06292 !important;
}
body.holiday-valentine:not(.dark-mode) table th,
body.holiday-valentine:not(.dark-mode) table td {
    border: 1px solid #f06292 !important;
    color: #c2185b !important;
}

/* Jumbotron */
body.holiday-valentine:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image:
        url(../img/holidays/heart.png),
        url(../img/holidays/cupid.png),
        url(../img/holidays/rose.png),
        linear-gradient(-30deg, rgba(255, 182, 193, 0.4), rgba(255, 192, 203, 0.2)),
        linear-gradient(45deg, #f48fb1, #f06292, #e91e63) !important;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 150px auto, 120px auto, 100px auto, cover, cover;
    background-position: 5% 25%, 90% 30%, 70% 80%, center, center;
}

/* Links */
body.holiday-valentine:not(.dark-mode) a {
    color: #f06292 !important;
}
body.holiday-valentine:not(.dark-mode) a:hover {
    color: #f48fb1 !important;
}

/* Switch */
body.holiday-valentine:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #f06292 !important;
}

/* Footer */
body.holiday-valentine:not(.dark-mode) footer,
body.holiday-valentine:not(.dark-mode) footer a {
    background-color: #fff0f6 !important;
    color: #c2185b !important;
}
body.holiday-valentine:not(.dark-mode) footer a:hover {
    color: #f48fb1 !important;
}

/* Announcements */
body.holiday-valentine:not(.dark-mode) .announcement {
    background-color: #ffe4ec !important;
    color: #c2185b !important;
    border: 1px solid #f06292 !important;
}

/* Sidebar / List groups */
body.holiday-valentine:not(.dark-mode) .list-group,
body.holiday-valentine:not(.dark-mode) .list-group-item,
body.holiday-valentine:not(.dark-mode) .sidebar-profile {
    background: linear-gradient(135deg, #ffe4ec, #f8bbd0) !important;
    color: #c2185b !important;
    border: 1px solid #f06292 !important;
}
body.holiday-valentine:not(.dark-mode) .list-group-item:hover {
    background: linear-gradient(45deg, #f48fb1, #f06292) !important;
    color: #fff !important;
}

/* Countdown / Circles / badges */
body.holiday-valentine:not(.dark-mode) .countdown-circle,
body.holiday-valentine:not(.dark-mode) .panel-info>.panel-heading .badge {
    background: linear-gradient(45deg, #f06292, #f48fb1) !important;
    color: #fff !important;
}

/* Text accents */
body.holiday-valentine:not(.dark-mode) .primary-color {
    color: #c2185b !important;
}

/* Navbar borders */
body.holiday-valentine:not(.dark-mode) .navbar-default {
    border-color: #f48fb1 !important;
}

/* ================== EASTER THEME ================== */
body.holiday-easter:not(.dark-mode) {
    background-color: #f8effb !important; /* soft lilac instead of white */
    color: #5a3d91 !important;
}

/* Navbar */
body.holiday-easter:not(.dark-mode) .navbar {
    background: linear-gradient(90deg, #ffdde1, #c2f970, #b8a2f5) !important;
}
body.holiday-easter:not(.dark-mode) .navbar-brand {
    color: #5a3d91 !important;
}
body.holiday-easter:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #5a3d91 !important;
}
body.holiday-easter:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-easter:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    color: #fff !important;
    background-color: #f6b73c !important;
}

/* Boxes and panels */
body.holiday-easter:not(.dark-mode) .box,
body.holiday-easter:not(.dark-mode) .panel,
body.holiday-easter:not(.dark-mode) .boxLink,
body.holiday-easter:not(.dark-mode) .steps-box,
body.holiday-easter:not(.dark-mode) .upload {
    background: linear-gradient(135deg, #fdf1f5 0%, #f3e7ff 100%) !important;
    color: #5a3d91 !important;
    border: 1px solid #e7c6ff !important;
}

body.holiday-easter:not(.dark-mode) .panel-heading {
    background: linear-gradient(90deg, #c2f970, #ffb6c1) !important;
    color: #4b3f72 !important;
}

body.holiday-easter:not(.dark-mode) .panel-footer {
    background-color: #f7e6f0 !important;
    color: #5a3d91 !important;
    border-top: 1px solid #c2f970 !important;
}

/* Buttons */
body.holiday-easter:not(.dark-mode) #lang-box button,
body.holiday-easter:not(.dark-mode) .btn-primary, 
body.holiday-easter:not(.dark-mode) .btn-secondary,
body.holiday-easter:not(.dark-mode) .btn-lg {
    background: linear-gradient(45deg, #f6b73c, #ffb6c1, #c2f970) !important;
    color: #fff !important;
    border-color: #e1a229 !important;
}
body.holiday-easter:not(.dark-mode) #lang-box button:hover,
body.holiday-easter:not(.dark-mode) .btn-primary:hover,
body.holiday-easter:not(.dark-mode) .btn-secondary:hover,
body.holiday-easter:not(.dark-mode) .btn-lg:hover {
    background: linear-gradient(45deg, #b8a2f5, #ffb6c1) !important;
    color: #4b3f72 !important;
}
body.holiday-easter:not(.dark-mode) .navbar .navbar-nav > li > a.active-2 {
    background: linear-gradient(45deg, #b8a2f5, #ffb6c1) !important;
}

/* Forms */
body.holiday-easter:not(.dark-mode) .form-control,
body.holiday-easter:not(.dark-mode) .jumbotron-input {
    background-color: #f9efff !important;
    color: #5a3d91 !important;
    border: 1px solid #d3b6ff !important;
}
body.holiday-easter:not(.dark-mode) .form-control:focus,
body.holiday-easter:not(.dark-mode) .jumbotron-input:focus {
    border-color: #f6b73c !important;
    box-shadow: 0 0 0 2px rgba(246,183,60,0.4) !important;
}

/* Tables */
body.holiday-easter:not(.dark-mode) table {
    background: linear-gradient(180deg, #f9f0ff, #fef5f8) !important;
    color: #5a3d91 !important;
    border: 1px solid #d7b8f9 !important;
}
body.holiday-easter:not(.dark-mode) table th,
body.holiday-easter:not(.dark-mode) table td {
    border: 1px solid #d7b8f9 !important;
    color: #5a3d91 !important;
}

/* Jumbotron */
body.holiday-easter:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image:
        url(../img/holidays/bunny.png),
        url(../img/holidays/eggs.png),
        url(../img/holidays/grass.png),
        url(../img/holidays/chicks.png),
        linear-gradient(-30deg, rgba(255, 200, 255, 0.25), rgba(255, 255, 255, 0.2)),
        linear-gradient(45deg, #b8a2f5, #ffb6c1, #c2f970) !important;
    background-repeat: no-repeat;
    color: #4b3f72 !important;
    background-size: 150px auto, 130px auto, 100% auto, 200px auto, cover, cover;
    background-position: 5% 25%, 90% 100%, center bottom, 70% 30%, center, center;
    border-top: 4px solid #c2f970 !important;
    border-bottom: 4px solid #ffb6c1 !important;
}

/* Links */
body.holiday-easter:not(.dark-mode) a {
    color: #9a64c1 !important;
}
body.holiday-easter:not(.dark-mode) a:hover {
    color: #f6b73c !important;
}

/* Switches */
body.holiday-easter:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #f6b73c !important;
}

/* Footer */
body.holiday-easter:not(.dark-mode) footer,
body.holiday-easter:not(.dark-mode) footer a {
    background: linear-gradient(90deg, #fef5f8, #f3e7ff, #ffedf2) !important;
    color: #5a3d91 !important;
}
body.holiday-easter:not(.dark-mode) footer a:hover {
    color: #f6b73c !important;
}

/* Announcements */
body.holiday-easter:not(.dark-mode) .announcement {
    background-color: #f3e7ff !important;
    color: #5a3d91 !important;
    border: 1px solid #d7b8f9 !important;
}

/* Sidebar / List groups */
body.holiday-easter:not(.dark-mode) .list-group,
body.holiday-easter:not(.dark-mode) .list-group-item,
body.holiday-easter:not(.dark-mode) .sidebar-profile {
    background: linear-gradient(135deg, #fff0f6, #f3e7ff) !important;
    color: #5a3d91 !important;
    border: 1px solid #d7b8f9 !important;
}
body.holiday-easter:not(.dark-mode) .list-group-item:hover {
    background: linear-gradient(45deg, #f6b73c, #c2f970) !important;
    color: #4b3f72 !important;
}

/* Countdown / Circles / badges */
body.holiday-easter:not(.dark-mode) .countdown-circle,
body.holiday-easter:not(.dark-mode) .panel-info>.panel-heading .badge {
    background: linear-gradient(45deg, #c2f970, #ffb6c1) !important;
    color: #4b3f72 !important;
}

/* Misc text */
body.holiday-easter:not(.dark-mode) .primary-color {
    color: #9a64c1 !important;
}

body.holiday-easter:not(.dark-mode) .navbar-default {
    border-color: #e7c6ff !important;
}

/* ================== JULY 4TH THEME ================== */
body.holiday-july4:not(.dark-mode) {
    background-color: #ffffff !important; /* bright white */
    color: #002868 !important; /* navy blue text */
}

/* Navbar */
body.holiday-july4:not(.dark-mode) .navbar {
    background-color: #002868 !important; /* deep navy blue */
    border-bottom: 3px solid #bf0a30 !important; /* bright red border */
}
body.holiday-july4:not(.dark-mode) .navbar-brand {
    color: #ffffff !important;
    font-weight: bold !important;
}
body.holiday-july4:not(.dark-mode) .navbar .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
}
body.holiday-july4:not(.dark-mode) .navbar .navbar-nav > li > a:hover,
body.holiday-july4:not(.dark-mode) .navbar .navbar-nav > li > a.active {
    background-color: #bf0a30 !important; /* red hover */
    color: #ffffff !important;
}

/* Boxes and panels */
body.holiday-july4:not(.dark-mode) .box,
body.holiday-july4:not(.dark-mode) .panel,
body.holiday-july4:not(.dark-mode) .boxLink,
body.holiday-july4:not(.dark-mode) .steps-box,
body.holiday-july4:not(.dark-mode) .upload {
    background-color: #ffffff !important;
    color: #002868 !important;
    border: 2px solid #bf0a30 !important;
}

body.holiday-july4:not(.dark-mode) .panel-heading {
    background-color: #bf0a30 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

body.holiday-july4:not(.dark-mode) .panel-footer {
    background-color: #002868 !important;
    color: #ffffff !important;
}

/* Buttons */
body.holiday-july4:not(.dark-mode) #lang-box button,
body.holiday-july4:not(.dark-mode) .btn-primary, 
body.holiday-july4:not(.dark-mode) .btn-secondary,
body.holiday-july4:not(.dark-mode) .btn-lg {
    background-color: #bf0a30 !important;
    color: #ffffff !important;
    border: 2px solid #002868 !important;
    font-weight: 600 !important;
}
body.holiday-july4:not(.dark-mode) #lang-box button:hover,
body.holiday-july4:not(.dark-mode) .btn-primary:hover,
body.holiday-july4:not(.dark-mode) .btn-secondary:hover,
body.holiday-july4:not(.dark-mode) .btn-lg:hover {
    background-color: #002868 !important;
    color: #ffffff !important;
    border-color: #bf0a30 !important;
}

/* Forms */
body.holiday-july4:not(.dark-mode) .form-control,
body.holiday-july4:not(.dark-mode) .jumbotron-input {
    background-color: #f8f8f8 !important;
    color: #002868 !important;
    border: 1px solid #bf0a30 !important;
}
body.holiday-july4:not(.dark-mode) .form-control:focus,
body.holiday-july4:not(.dark-mode) .jumbotron-input:focus {
    border-color: #002868 !important;
    box-shadow: 0 0 4px rgba(0,40,104,0.3) !important;
}

/* Tables */
body.holiday-july4:not(.dark-mode) table {
    background-color: #ffffff !important;
    color: #002868 !important;
    border: 2px solid #bf0a30 !important;
}
body.holiday-july4:not(.dark-mode) table th {
    background-color: #002868 !important;
    color: #ffffff !important;
}
body.holiday-july4:not(.dark-mode) table td {
    border: 1px solid #bf0a30 !important;
}

/* Jumbotron */
body.holiday-july4:not(.dark-mode) .jumbotron {
height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: url(../img/holidays/flag.png), url(../img/holidays/firework2.png), url(../img/holidays/banner.png), url(../img/holidays/flag-fireworks.png), url(../img/holidays/happy4th.png), url(../img/holidays/hat.png), url(../img/holidays/firework1.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0% 100%, 42% 5%, 35% 100%, 98% 35%, 1% 4%, 10% 26%, 22% 6%;
    background-size: 250px auto, 200px auto, 250px auto, 200px auto, 100px auto, 80px auto, 125px auto;
    border-top: 5px solid #002868 !important;
    border-bottom: 5px solid #bf0a30 !important;
    color: #002868 !important;
    text-shadow: 1px 1px 0 #ffffff;
}

/* Links */
body.holiday-july4:not(.dark-mode) a {
    color: #bf0a30 !important;
    font-weight: 500;
}
body.holiday-july4:not(.dark-mode) a:hover {
    color: #002868 !important;
}

/* Switch */
body.holiday-july4:not(.dark-mode) .lcs_switch.lcs_on {
    background-color: #bf0a30 !important;
}

/* Footer */
body.holiday-july4:not(.dark-mode) footer,
body.holiday-july4:not(.dark-mode) footer a {
    background-color: #002868 !important;
    color: #ffffff !important;
}
body.holiday-july4:not(.dark-mode) footer a:hover {
    color: #bf0a30 !important;
}

/* Announcements */
body.holiday-july4:not(.dark-mode) .announcement {
    background-color: #ffffff !important;
    color: #002868 !important;
    border: 2px solid #bf0a30 !important;
}

/* Sidebar / List groups */
body.holiday-july4:not(.dark-mode) .list-group,
body.holiday-july4:not(.dark-mode) .list-group-item,
body.holiday-july4:not(.dark-mode) .sidebar-profile {
    background-color: #ffffff !important;
    color: #002868 !important;
    border: 2px solid #bf0a30 !important;
}
body.holiday-july4:not(.dark-mode) .list-group-item:hover {
    background-color: #bf0a30 !important;
    color: #ffffff !important;
}

/* Countdown / Circles / badges */
body.holiday-july4:not(.dark-mode) .countdown-circle,
body.holiday-july4:not(.dark-mode) .panel-info>.panel-heading .badge {
    background-color: #002868 !important;
    color: #ffffff !important;
}

/* Text accents */
body.holiday-july4:not(.dark-mode) .primary-color {
    color: #bf0a30 !important;
}

/* Navbar borders */
body.holiday-july4:not(.dark-mode) .navbar-default {
    border-color: #bf0a30 !important;
}


@media (max-width: 1024px) {
/*Halloween*/
body.holiday-halloween:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image: url(../img/holidays/bats.png), url(../img/holidays/tree.png), url(../img/holidays/cat.png), url(../img/holidays/jack-o-lantern.png), url(../img/holidays/bat.png), url(../img/holidays/web.png), url(../img/holidays/spider.png), 
	linear-gradient(-30deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3)), 
	linear-gradient(45deg, #ff7518, #6a0dad) !important;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 100px auto, 265px auto, 100px auto, 50px auto, 100px auto, 100px auto, 100px auto, cover, cover, cover, cover, cover, cover, cover;
    background-position: 5% 18%, 100% 108%, 25% 100%, 85% 100%, 32% 25%, -0.2% 100.5%, -1% -2%, center, center, center, center, center, center, center;
}
/*July4*/
body.holiday-july4:not(.dark-mode) .jumbotron {
height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: url(../img/holidays/flag.png), url(../img/holidays/firework2.png), url(../img/holidays/banner.png), url(../img/holidays/flag-fireworks.png), url(../img/holidays/happy4th.png), url(../img/holidays/hat.png), url(../img/holidays/firework1.png);
    background-repeat: no-repeat, no-repeat;
    background-position:0% 100%, 95% 4%, 50% 100%, 95% 101%, 2% 2%, 1% 35%, 38% 15%, 30% 27%;
    background-size: 250px auto, 200px auto, 250px auto, 200px auto, 100px auto, 80px auto, 125px auto;
    border-top: 5px solid #002868 !important;
    border-bottom: 5px solid #bf0a30 !important;
    color: #002868 !important;
    text-shadow: 1px 1px 0 #ffffff;
}

}



@media (max-width: 768px) {
/*Halloween*/
body.holiday-halloween:not(.dark-mode) .jumbotron {
    height: 100% !important;
    margin: 0 !important;
    background-image: url(../img/holidays/bats.png), url(../img/holidays/tree.png), url(../img/holidays/cat.png), url(../img/holidays/jack-o-lantern.png), url(../img/holidays/bat.png), url(../img/holidays/web.png), url(../img/holidays/spider.png), 
	linear-gradient(-30deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3)), 
	linear-gradient(45deg, #ff7518, #6a0dad) !important;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 100px auto, 265px auto, 100px auto, 50px auto, 100px auto, 100px auto, 100px auto, cover, cover, cover, cover, cover, cover, cover;
    background-position: 5% 18%, 100% 108%, 25% 100%, 68% 100%, 95% 10%, -1.2% 100.5%, -4% -3%, center, center, center, center, center, center, center;
}
/*July4*/
body.holiday-july4:not(.dark-mode) .jumbotron {
height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: url(../img/holidays/flag.png), url(../img/holidays/firework2.png), url(../img/holidays/banner.png), url(../img/holidays/flag-fireworks.png), url(../img/holidays/happy4th.png), url(../img/holidays/hat.png), url(../img/holidays/firework1.png);
    background-repeat: no-repeat, no-repeat;
    background-position:0% 100%, 95% 4%, 50% 100%, 95% 101%, 2% 2%, 7% 32%, 45% 15%, 30% 27%;
    background-size: 150px auto, 200px auto, 250px auto, 150px auto, 100px auto, 80px auto, 125px auto;
    border-top: 5px solid #002868 !important;
    border-bottom: 5px solid #bf0a30 !important;
    color: #002868 !important;
    text-shadow: 1px 1px 0 #ffffff;
}

}

@media (max-width: 612px) {
/*July4*/
body.holiday-july4:not(.dark-mode) .jumbotron {
height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: url(../img/holidays/flag.png), url(../img/holidays/firework2.png), url(../img/holidays/banner.png), url(../img/holidays/flag-fireworks.png), url(../img/holidays/happy4th.png), url(../img/holidays/hat.png), url(../img/holidays/firework1.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0% 100%, 95% 4%, 50% 100%, 95% 101%, 2% 2%, 5% 25%, 45% 4%, 30% 27%;
    background-size: 150px auto, 150px auto, 150px auto, 150px auto, 95px auto, 80px auto, 100px auto;
    border-top: 5px solid #002868 !important;
    border-bottom: 5px solid #bf0a30 !important;
    color: #002868 !important;
    text-shadow: 1px 1px 0 #ffffff;
}

}

@media (max-width: 425px) {
/*July4*/
body.holiday-july4:not(.dark-mode) .jumbotron {
height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    background-image: url(../img/holidays/flag.png), url(../img/holidays/firework2.png), url(../img/holidays/banner.png), url(../img/holidays/flag-fireworks.png), url(../img/holidays/happy4th.png), url(../img/holidays/hat.png), url(../img/holidays/firework1.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0% 100%, 95% 4%, 45% 100%, 95% 101%, 2% 2%, 1% 27%, 40% 5%, 30% 27%;
    background-size: 150px auto, 150px auto, 135px auto, 135px auto, 95px auto, 70px auto, 100px auto;
    border-top: 5px solid #002868 !important;
    border-bottom: 5px solid #bf0a30 !important;
    color: #002868 !important;
    text-shadow: 1px 1px 0 #ffffff;
}



}