/** ADD YOUR AWESOME CODES HERE **/
/* Giv hele siden et baggrundsbillede */
body {
  /*background-image: url("../images/bg-big.png");*/
  background-image: url("../images/bg4.png");
  background-size: 150px;
  background-position: center;
  background-attachment: fixed;
  background-repeat: repeat-x repeat-y;
}

/* Sørg for at slideren ikke får dit baggrundsbillede bag sig */
.ulockd-home-slider {
  background: none !important;
}
/* Overlay bag alt indhold men foran body-baggrunden */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8); /*  gennemsigtig overlay */
  z-index: 0;
}

/* Sørg for at alt indhold ligger over overlayet */
body > * {
  position: relative;
  z-index: 1;
}

.popup-gallery li{

}

.img-fluid {
    max-width: 100%;
    height: auto;
}


.countDownDemo h2{
  color: #F5F5DC;
}
.countDownDemo p{
  color: #F5F5DC;
}


/*
ColorTheme
*/
.themecolor{
  width:70px;
  height:70px;
  border-radius:10px;
  background-size: cover;
  display:flex;
  align-items:center;
  justify-content:center;
   margin-bottom:8px; /* lille spacing */
}
.col1 {
  background-image: url("../images/darkgold.jpg");
}
.col2 {
  background: linear-gradient(45deg, #8B3A4A, #B57A86, #C9A1A9);
}
.col3 {
  background: linear-gradient(45deg, #3F5973, #6C95B4, #A9B6C4 );
}
.col5 {
  background-image: url("../images/gold1.jpg");
}
.col4 {
  background-image: linear-gradient(
    to top right,
    #1D3F36 0%,
    #4E6456 28%,
    #90A997 58%,
    #CFE3BB 100%
  );
}

/* NEW: Limit width of each link box */
.outfittext{
  max-width: 175px;
  display: flex !important;     /* ensure flex takes effect */
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
   padding: 4px 6px;
}

/* Slight lift + subtle glow on hover */
.outfittext:hover {
  color: #1D3F36

}

/* brighten the color box on hover */
a:hover {
  filter: brightness(1.08);
  transition: filter 0.25s ease;
}