.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 25px 25px 0 0;
}

.bfQuickMode textarea {
    height: 100px !important;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #8AC64C;
    font-family: 'Bitter'; /* Move the title below the date */
}

.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
    color: #8AC64C;
}


.article-body {
    display: flex;
    flex-direction: column; /* Stack items vertically */
}

.article-header {
    order: 1; /* Move to position 1 (below article-info) */
}

.article-info {
    order: 0; /* Move to position 0 (above article-header) */
}

.article-introtext {
    order: 2; /* Move to the top */
  color: black;
}

.readmore {
    display: none;
}

.article-intro-image {
    border-bottom: none;
}

.article-list .article{
  border: none;
  background-color: white;
  border-radius: 25px;
}

.article-info>span {
    color: black;
}

a.btn.btn-sm.btn-secondary.previous{
  		background-color: #8AC64C !important;
        color: #ffffff !important;
		border: none;
        cursor: pointer;
        padding: 14px 50px;
        font-size: 18px;
  		transition: background-color 0.3s ease, transform 0.3s ease;
        font-family: 'Montserrat';
        font-weight: 600;
        letter-spacing: 0;
  		border-radius: 30px;
}

a.btn.btn-sm.btn-secondary.previous:hover{
        background-color: #fff !important;
        color: #8AC64C !important;
        transform: scale(1.05);
}
  
a.btn.btn-sm.btn-secondary.next{
  background-color: #8AC64C !important;
        color: #ffffff !important;
		border: none;
        cursor: pointer;
        padding: 14px 50px;
        font-size: 18px;
  		transition: background-color 0.3s ease, transform 0.3s ease;
        font-family: 'Montserrat';
        font-weight: 600;
        letter-spacing: 0;
  		border-radius: 30px;
}
a.btn.btn-sm.btn-secondary.next:hover{
        background-color: #fff !important;
        color: #8AC64C !important;
        transform: scale(1.05);
}


.article-introtext p {
  display: -webkit-box;       /* Flexbox for webkit browsers */
  -webkit-line-clamp: 3;      /* Limit to 3 lines */
  -webkit-box-orient: vertical; /* Vertical stacking of lines */
  overflow: hidden;           /* Hide overflowing text */
  text-overflow: ellipsis;    /* Add ellipsis for overflowing text */
}


#sp-main-body {
    padding: 100px 0px 0px 0px;
}