/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* hide limesurvey logo and survey list s*/
#surveys-list-jumbotron {
    display: none;
}

/* hide powered by */
img[src="/tmp/assets/6a6a01a1/poweredby.png"] {
    display: none !important;
}

/*hide link to limesurvey */
.col-12.text-center {
    display: none !important;
}


/*transient header*/
.vanilla .navbar {
    background: linear-gradient(45deg, #00589b, #ee0034); /* Static gradient from blue to red */
    color: #ffffff; /* Keeps text color white for contrast */
}

.vanilla .navbar .navbar-nav > li > a {
    color: #ffffff;
}


/* blue titel of privacy checkbox label */
.card-header.bg-primary {
    background-color: #00589b !important; /* Replace with your preferred color */
    color: #ffffff; /* Set text color for readability */
}

/*description box for groups background color */
.col-12.well {
    background-color: #ffffff;
    color: #333333;
    padding: 15px;
    border: 0px;
}

/* group title color*/
.group-title {
    color: #00589b; /* Deep Blue */
    font-size: 28px; /* Set to 28px for prominence */
    font-weight: bold; /* Keeps the title strong and clear */
    margin-bottom: 10px; /* Optional: Adds spacing below the title */
}


/* Ensure HTML and body take full height */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Main content area to fill available space */
#outerframecontainer {
  flex: 1;
}

/* Footer styling */
footer {
    background-color: #f8f8f8;
    padding: 20px 20px;
    font-family: Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
    margin-top: auto; /* Pushes footer to the bottom if content is short */
    text-align: left;
}



.footer-section.links {
  margin-bottom: 20px; /* Adds space above the copyright section */
}

.footer-section h4 {
  font-size: 18px;
  margin: 0 0 10px;
}

.footer-section p {
  margin: 5px 0;
  color: #666;
}

.footer-section a {
  text-decoration: none;
  color: #333;
}

.footer-section a:hover {
  text-decoration: underline;
  color: #000;
}

.footer-section.copyright p {
  font-size: 14px;
  color: #999;
  margin: 0;
}

/* VANATU cookie banner section */
/* Style for the Cookie Banner */
/* General styles for cookie banner */
/* Overlay Styling */

#cookie-consent-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none; /* Initially hidden */
}

/* Cookie Consent Box */
#cookie-consent-box {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#cookie-consent-box p {
  font-size: 16px;
  margin-bottom: 20px;
}

#cookie-consent-box .cookie-btn {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #00589b;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 10px;
}

#cookie-consent-box .cookie-btn:hover {
  background-color: #004080;
}

/* Decline button styling */
#cookie-decline {
  background-color: #e74c3c;
}

#cookie-decline:hover {
  background-color: #c0392b;
}