/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}
/* Custom Widgets Styles */
.newsDescription {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}

#newsContainer .newsItem {
  position: relative;
}

#newsContainer.threeCards {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

#newsContainer.fourCards {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

#newsContainer.fiveCards {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
}

/* General container */
#newsContainer.slider {
  display: grid;
  gap: 20px;
  padding: 20px;
}

/* Individual news item */
#newsContainer.slider .newsItem {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

#newsContainer.slider .newsItem:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.paginationContainer {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 8px;
  flex-wrap: wrap;
}

.paginationContainer button {
  padding: 6px 12px;
  background-color: #eee;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.paginationContainer button.active {
  background-color: #333;
  color: white;
}

/* Clickable area */
a.newsLink {
  position: absolute;
  inset: 0;
  /*text-decoration: none;
  color: inherit;
  display: block;*/
  z-index: 10;
}

/* Image Slider */
.newsImageWrapper {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

/* Slides */
.imageSlider {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.slide.active {
  opacity: 1;
}

/* Images */
.newsImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsImg.contain {
  object-fit: contain;
}

.newsImg.cover {
  object-fit: cover;
}

/* Navigation Buttons */
.prevBtn,
.nextBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 8px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 11;
}

.prevBtn {
  left: 10px;
}

.nextBtn {
  right: 10px;
}

/* Date Styling */
.newsDate {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ff5a5f;
  color: #fff;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}

/* Content styles */
.newsContent {
  padding: 15px;
}

.newsTitle {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 5px 0;
}

.newsDescription {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

/* Stacked Card Layout */
#newsContainer.stacked {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 20px;
}

/* Individual News Item */
#newsContainer.stacked .newsItem {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#newsContainer.stacked .newsItem:hover {
  transform: translateY(-8px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}

/* Image Wrapper */
#newsContainer.stacked .newsImageWrapper {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}

/*#newsContainer.stacked .newsImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/
/* Date Badge */
#newsContainer.stacked .newsDate {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(255, 69, 58, 0.9);
  color: white;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
}

/* Content Area */
#newsContainer.stacked .newsContent {
  padding: 20px;
  text-align: left;
}

#newsContainer.stacked .newsTitle {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  margin-bottom: 10px;
}

#newsContainer.stacked .newsDescription {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
}

/* Link Styling */
/*#newsContainer.stacked .newsLink {
    text-decoration: none;
    color: inherit;
}*/
/* Navigation Buttons */
#newsContainer.stacked .prevBtn,
#newsContainer.stacked .nextBtn {
  display: none; /* Hides nav buttons for this layout */
}

/* Magazine Layout */
#newsContainer.magazine {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  padding: 20px;
  background-color: #f5f5f5;
}

#newsContainer.magazine .newsItem {
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

#newsContainer.magazine .newsItem .newsImageWrapper {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

#newsContainer.magazine .newsItem .newsContent {
  padding: 20px;
}

#newsContainer.magazine .newsItem.main-article .newsTitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

#newsContainer.magazine .newsItem.main-article .newsDescription {
  font-size: 16px;
  color: #666;
}

/* Link Styling */
/*#newsContainer.magazine .newsLink {
    text-decoration: none;
    color: inherit;
}*/
/* Fun Blog Layout */
#newsContainer.fun-blog {
  display: grid;
  gap: 20px;
  padding: 40px 20px;
}

/* Blog Post Card */
#newsContainer.fun-blog .newsItem {
  background: #640D5F;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  position: relative;
}

#newsContainer.fun-blog .newsItem .newsDate {
  color: #C0E218;
}

#newsContainer.fun-blog .newsItem:hover {
  background: #e64a19;
  transform: rotate(-3deg) scale(1.05);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}

/* Image Styling */
#newsContainer.fun-blog .newsImageWrapper {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

#newsContainer.fun-blog .newsImg {
  /*width: 100%;
  height: 100%;
  object-fit: cover;*/
  filter: contrast(1.1);
}

/* Fun "Tag" Badge */
#newsContainer.fun-blog .newsTag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #D91656;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 15px;
  text-transform: uppercase;
}

/* Content Box */
#newsContainer.fun-blog .newsContent {
  padding: 20px;
  text-align: center;
}

/* Title */
#newsContainer.fun-blog .newsTitle {
  font-size: 22px;
  font-weight: bold;
  color: #FFEB55;
  margin-bottom: 10px;
}

#newsContainer.fun-blog .newsItem:hover .newsTitle {
  color: #111D5E;
}

/* Description */
#newsContainer.fun-blog .newsDescription {
  font-size: 16px;
  color: #FFEB55;
  line-height: 1.6;
}

/* Date */
#newsContainer.fun-blog .newsDate {
  font-size: 14px;
  color: #D91656;
  font-weight: bold;
  margin-bottom: 15px;
  background: #D70654;
}

/* Read More Button */
#newsContainer.fun-blog .newsLink {
  /*display: inline-block;
  background: #640D5F;
  color: #fff;
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: bold;
  text-decoration: none;*/
  transition: background 0.3s ease-out, transform 0.2s ease-out;
}

#newsContainer.fun-blog .newsLink:hover {
  transform: scale(1.1);
}

/* Row layout - blog */
#newsContainer.newsfeed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 20px;
}

/* Individual News Item */
#newsContainer.newsfeed .newsItem {
  display: flex;
  position: relative;
  width: 100%;
  background: #ffffff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Image Wrapper */
#newsContainer.newsfeed .newsImageWrapper {
  max-width: 162px;
  min-width: 162px;
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}

#newsContainer.newsfeed .newsImageWrapper .newsImg {
  transition: transform 0.4s;
}

#newsContainer.newsfeed .newsItem:hover .newsImg {
  transform: scale(1.08);
}

/* Date Badge */
#newsContainer.newsfeed .newsDate {
  position: unset !important;
  background: transparent;
  color: #332;
  margin-bottom: 10px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: lowercase;
}

/* Content Area */
#newsContainer.newsfeed .newsContent {
  padding: 20px;
  text-align: left;
}

#newsContainer.newsfeed .newsTitle {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  margin-bottom: 10px;
}

#newsContainer.newsfeed .newsDescription {
  font-size: 16px;
  color: #555;
  line-height: 1;
  margin-right: 40px;
}

/* Navigation Buttons */
#newsContainer.newsfeed .prevBtn,
#newsContainer.newsfeed .nextBtn {
  display: none; /* Hides nav buttons for this layout */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  #newsContainer {
    grid-template-columns: 1fr;
  }
  #newsContainer.newsfeed .newsItem {
    flex-direction: column;
  }
  #newsContainer.newsfeed .newsImageWrapper {
    max-width: unset;
    min-width: unset;
  }
}