body, html {
    min-height: 100vh;
    overflow-x: hidden;
    color: white;
}
.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white);
    /* Workaround for Chromium's selective color inversion */
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
  }
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background-image: url('https://www.rs.ro/img/calendarAdvent__retouch__33051.png');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center center; 
    background-attachment: fixed;
  }
    #branding {
    margin-top: 30px;
    }

    #branding {
        /* color: #FFFFFF; */
        margin-bottom: 30px;
        text-align: center;
    }
    /* #branding p, #branding div {
        color: #fff;
        font: 20px Oxygen;
        text-shadow: 0 0 0px #000000;
    } */
    #branding h1 {
        color: #fff;
        font: 35px Oxygen;
        text-shadow: 0 0 0px #000000;
    }
    #branding h1 {
        margin-top: 10px;
    }
    @media (max-width: 767px) {
        #questions .col-xs-3 {
            padding:0 5px
        }
    
        #questions .col-xs-3 a {
            margin-bottom: 10px;
            padding: 5px 7px
        }
    
        #questions .col-sm-2 {
            float: left;
            width: 50%
        }
    
        #questions a {
            line-height: 160px
        }
    }
     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    @media (min-width: 768px) {
        .container {
            width: 750px;
        }
        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
            float: left;
        }
        .col-sm-2 {
            width: 14.6666666667%
        }
    }
    @media (min-width: 992px) {
        .container {
            width: 970px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            width: 1170px;
        }
    }
    
    .calendar-day {
        background-size: 50%; /* Start with a smaller background size */
        background-position: center center;
        background-repeat: no-repeat; /* Prevent the image from repeating */
        transition: background-size 0.5s ease-in-out;
        border: 1px solid #095926; /* Border, keep if necessary */
        border-radius: 6px; /* Rounded corners, if needed */
        padding: 50px 0; /* Adjust padding as needed */
        margin-bottom: 20px; /* Margin, if needed */
        cursor: pointer; /* For clickable elements */
        display: block; /* Adjust based on layout */
        text-align: center; /* Center text if necessary */
        font: 30px Oxygen;
        background-color: #fff;
    }
    .row:before, .row:after {
        display: table;
        content: " ";
    }

    *:before, *:after {
        box-sizing: border-box;
    }
    .row:after {
        clear: both;
    }
    .row:before, .row:after {
        display: table;
        content: " ";
    }
    *:before, *:after {
        box-sizing: border-box;
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .calendar .col-sm-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .calendar-day.transparent-bg {
        background-color: rgba(0, 0, 0, 0.5); /* Fundal negru semi-transparent */
        color: white; /* Ajustează textul pentru contrast */
    }
    @keyframes zoomIn {
        0% {
            background-size: 50%;
        }
        100% {
            background-size: cover;
        }
    }
    .calendar-day span {
        opacity: 1;          /* Text visible by default */
        transition: opacity 0.3s ease-in-out;  /* Smooth fade transition */
    }
    .calendar-day:hover span {
        opacity: 0;           /* Hide text on hover */
    }

    .day-number {
        width: 125px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px 10px;
        background-color: #fc6767;
        color: white;
        font-size: 18px;
        font-weight: bold;
        border-radius: 10px;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    }

    .popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        justify-content: center;
        align-items: center;
        z-index: 9;
    }
    
    .popup-content {
        background-color: #ffffff00;
        max-width: 500px;
        text-align: center;
        position: relative;
    }
    .popup img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }
    .close-btn {
        right: 20px !important;
        top: 0px !important;
        border-radius: 0px 0px 50% 50% !important;
        background-color: #e8e8e8 !important;
        border: none !important;
        font-size: 14px !important;
        font-weight: bold !important;
        padding: 0px !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        background: #ff0000;
        position: absolute;
        text-align: center;
        z-index: 9;
    }
    #copyright_box{position:relative;display:block;clear:both;background:#cd0603eb;color:#fff;padding:20px 0px;}
.copyright_links{float:right;}
.copyright_links a{color:#e4e5e6;}

#footer_box {
    margin-top: 40px;
    position: relative;
    display: block;
    clear: both;
    background: #cd0603eb;
    padding: 20px 0px;
    color: #fff;
}
#footer_box .box {
    padding: 0px;
}

.box {
    width: 1200px;
    position: relative;
    margin: 0px auto;
    display: block;
    padding: 0px 10px;
    clear: both;
}
#footer_box .col4:first-child {
    padding-left: 0px;
    text-align: left;
}

/* #footer_box .col4 {
    padding: 0px 20px;
    text-align: center;
}
.col4, .col42, .col43 {
    display: block;
    float: left;
    width: 25%;
} */
#footer_box a {
    display: block;
    color: #f2f2f2;
}
#footer_box .small {
    font-size: 12px;
}
#footer_box .footer_title {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding-bottom: 20px;
}
#footer_box ul, #footer_box li {
    list-style: none;
}
#footer_box ul li:first-child {
    border: none;
}

#footer_box ul li {
    border-top: 1px solid #e4e5e6;
}
#footer_box li a {
    display: block;
    line-height: 34px;
    text-align: left;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
  }
  
  .img-bounce {
    animation: bounce 1s ease infinite;
  }

.headline_1{
    font-size: 30px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000, -1px -1px 2px rgba(255, 255, 255, 0.5);
    color: #fff;
    padding:  10px;
    font-family: 'Anton', sans-serif;
    font-weight: bold;
}
.headline_2{
    font-size: 34px;
	color: #ffff66;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000, -1px -1px 2px rgba(255, 255, 255, 0.5);
    padding:  5px;
    font-family: 'Anton', sans-serif;
    font-weight: bold;
}
.headline_3{
    font-size: 22px;
	color: #ffff66;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000, -1px -1px 2px rgba(255, 255, 255, 0.5);
    padding:  5px;
    font-family: 'Anton', sans-serif;
    font-weight: bold;
}
.headline_4{
    font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000, -1px -1px 2px rgba(255, 255, 255, 0.5);
    color: #fff;
    padding:  5px;
    font-family: 'Anton', sans-serif;
    font-weight: bold;
    
}
span.list3 {
    display: block;
}
@media only screen and (max-width: 750px) {
    .headline_2{
        font-size: 28px;
    }
    .headline_1{
        font-size: 23px;
    }
    .headline_3 , .headline_4{
        font-size: 17px;
    } 
    .headline_3 span {
        display: block;
    }
    span.list3 {
        display: unset;
    }
    span.mobile {
        display: block;
    }
    .headline_2 span {
    font-size: 20px;
}


}