.mooven-news {
display: flex;
gap: 40px;
}
.mooven-news__sidebar {
width: 329px;
min-width: 329px;
max-width: 329px;
height: fit-content;
padding: 25px;
border-radius: 10px;
box-shadow: 0px 3px 6px #00000029;
}
.mooven-news-filter {
display: flex;
flex-direction: column;
gap: 25px;
}
.mooven-news-filter__section:first-child {
border-bottom: 1px solid #1B3A66;
padding-bottom: 23px;
}
.mooven-news-filter__heading {
color: #1B3A66;
font-size: 18px;
line-height: 22px;
font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
padding-bottom: 20px;
}
.mooven-news-mobile-toggle {
display: none;
} .mooven-news .select-container {
position: relative;
}
.mooven-news .select-container::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
width: 16.72px;
height: 9.07px;
margin: auto;
pointer-events: none;
background-image: url(https://staging2.fishgate.co.za/moov-new/wp-content/uploads/2026/08/Path-60639.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: rotate(180deg);
transition: all 0.2s ease-in-out;
}
.mooven-news .select-container:focus-within::after {
transform: rotate(0deg);
}
.mooven-news-select {
width: 100%;
height: 43px;
padding: 0 45px 0 18px;
border: 1px solid #1B3A66;
border-radius: 5px;
appearance: none;
background: #fff;
color: #1B3A66;
font-size: 16px;
line-height: 20px;
font-family: 'Century Gothic Regular', Helvetica, Arial, Lucida, sans-serif;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.mooven-news-select:hover,
.mooven-news-select:focus {
border-color: #ed1847;
box-shadow: 0px 3px 6px #00000029;
outline: none;
} .mooven-news-filter__section.dates {
min-height: 265px;
padding-top: 20px;
padding-bottom: 23px;
border-bottom: 1px solid #1B3A66;
}
.mooven-news .mooven-date-field {
position: relative;
margin-bottom: 18px;
}
.mooven-news .mooven-date-field label {
position: absolute;
top: -9px;
left: 15px;
display: block;
margin: 0;
padding: 0 4px;
background-color: #fff;
color: #1B3A66;
font-size: 16px;
line-height: 18px;
font-family: 'Century Gothic Regular', Helvetica, Arial, sans-serif;
}
.mooven-news-date {
width: 100%;
height: 43px;
padding: 0 17px !important;
border: 1px solid #1B3A66 !important;
border-radius: 8px;
background: #fff;
color: #1B3A66 !important;
font-size: 16px;
font-family: 'Century Gothic Regular', Helvetica, Arial, sans-serif;
cursor: pointer;
}
.mooven-news-date:hover {
border-color: #ed1847 !important;
box-shadow: 0px 3px 6px #00000029;
}
.mooven-news-date:focus {
outline: none;
} .mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates button,
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates a {
width: 123px;
height: 45px;
border-radius: 5px;
border: 1px solid #1B3A66;
box-shadow: none;
outline: none;
background-color: transparent;
font-size: 14px;
line-height: 18px;
font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
color: #1B3A66;
float: right;
margin-top: 0px;
cursor: pointer;
background-position: -185px center;
background-repeat: no-repeat;
background-size: 140%;
transition: color 0.2s ease-in-out,
background-position 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates button.mooven-news-date-button,
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates a.mooven-news-date-button  {
background-image: url(https://staging2.fishgate.co.za/moov-new/wp-content/uploads/2026/08/mv-btn-background-blue.svg);
}
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates button:hover,
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates a:hover  {
color: white;
background-position: 0px center; }
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates button.mooven-news-clear-button,
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates a.mooven-news-clear-button {
color: #ed1847;
border-color: #ed1847;
margin-right: 6px;
background-image: url(https://staging2.fishgate.co.za/moov-new/wp-content/uploads/2026/08/btn_back_red.svg);
}
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates button.mooven-news-clear-button:hover,
.mooven-news .mooven-news__sidebar .mooven-news-filter__section.dates a.mooven-news-clear-button:hover { color: white;
background-position: 0px center;
} .mooven-news-search {
position: relative;
border-radius: 8px;
}
.mooven-news-search__input {
width: 100%;
height: 43px;
padding: 0 50px 0 17px !important;
border: 1px solid #1B3A66 !important;
border-radius: 8px 12px 12px 8px;
background: #fff;
color: #1B3A66 !important;
font-size: 16px;
line-height: 20px;
font-family: 'Century Gothic Regular', Helvetica, Arial, Lucida, sans-serif;
}
.mooven-news-search__input::placeholder {
color: #1B3A66 !important;
}
.mooven-news-search__input:focus,
.mooven-news-search__input:hover {
outline: none;
border-color: #ed1847 !important;
box-shadow: 0px 3px 6px #00000029;
}
.mooven-news-search__button {
position: absolute;
top: 0;
right: 0;
width: 43px;
height: 43px;
padding: 0;
border: none;
border-radius: 0 8px 8px 0;
background: #ed1847;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
} .mooven-news-clear-search {
display: none;
margin-top: 6px;
color: #1B3A66;
font-family: 'Century Gothic Regular', Helvetica, Arial, Lucida, sans-serif;
font-size: 13px;
line-height: 16px;
text-decoration: none;
text-align: right;
text-decoration: underline;
float: right;
transition: all 0.2s ease-in-out;
background: transparent;
border: none;
box-shadow: none;
outline: none;
cursor: pointer;
}
.mooven-news-clear-search:hover {
color: #ed1847;
font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
text-decoration: underline;
} .mooven-news__content {
width: 100%;
}
.mooven-news-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 19px;
}
.mooven-news-header h2 {
margin: 0;
padding: 0 !important;
color: #1B3A66;
font-family: "Century Gothic Regular", Helvetica, Arial, Lucida, sans-serif;
font-size: 30px;
line-height: 37px;
}
.mooven-news-header h2 span {
color: #ed1847;
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
} #mooven-news-grid {
position: relative;
min-height: 500px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 19px;
} .mooven-news-card {
min-width: 0;
overflow: hidden;
background: #fff;
border-radius: 10px;
box-shadow: 0px 3px 6px #00000018;
display: flex;
flex-direction: column;
min-width: 264px;
max-width: 264px;
max-height: 367px;
min-height: 367px;
overflow: hidden;
position: relative;
} .mooven-news-card-image {
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
position: relative;  
transition: height 0.23s 0.03s ease-in-out;
}
.mooven-news-card:hover .mooven-news-card-image {
height: 90%;
}
.mooven-news-card-image::after {
content: '';
display: block;
background: transparent linear-gradient(180deg, #162D5500 0%, #162D66 50%) 0% 0% no-repeat padding-box;
position: absolute;
width: 100%;
height: 237px;
left: 0;
bottom: 0;
z-index: 0;
}
.mooven-news-card-image a {
display: block;
width: 100%;
height: 100%;
}
.mooven-news-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .mooven-news-card-content {
flex: 1;
padding: 15px;
display: flex;
flex-direction: column;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0px;
} 
.mooven-news-card-content:after {
content: '';
display: block;
position: absolute;
width: 103%;
height: 100%;
max-height: 0;
background-color: #fff;
left: -4px;
right: 0;
top: auto;
bottom: 0;
z-index: 1;
overflow: hidden;
transition: all 0.37s ease-out;
}
.mooven-news-card:hover .mooven-news-card-content:after {
max-height: 400px;
transition: all 0.47s ease-in;
}
.mooven-news-title {
margin: 0 0 8px !important;
padding: 0 !important;
color: white;
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
font-size: 20px;
line-height: 25px;
z-index: 2;
bottom: -65px;
position: relative;
transition: all 0.4s 0.01s ease-out;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.mooven-news-card:hover .mooven-news-title {
bottom: 0px;
color: #1B3A66;
transition: all 0.4s ease-in;
}
.mooven-news-title a {
color: inherit;
text-decoration: none;
}
.mooven-news-title a:hover {
color: #ed1847;
} .mooven-news-meta {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid white;
color: white;
font-family: "Century Gothic Regular", Helvetica, Arial, Lucida, sans-serif;
font-size: 14px;
line-height: 17px;
z-index: 2;
bottom: -65px;
position: relative;
transition: all 0.4s 0.01s ease-out;
}
.mooven-news-card:hover .mooven-news-meta {
bottom: 0px;
color: #1B3A66;
border-color: #C9CDD3;
transition: all 0.4s ease-in;
}
.mooven-news-meta strong {
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
}
.mooven-news-meta a {
color: #1B3A66;
text-decoration: none;
}
.mooven-news-meta a:hover {
color: #ed1847;
} .mooven-news-excerpt {
margin-bottom: 20px;
color: white;
font-family: "Century Gothic Regular", Helvetica, Arial, Lucida, sans-serif;
font-size: 15px;
line-height: 19px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
z-index: 2;
bottom: -65px;
position: relative;
transition: all 0.4s 0.01s ease-out;
}
.mooven-news-card:hover .mooven-news-excerpt {
bottom: 0px;
color: #1B3A66;
transition: all 0.4s ease-in;
} .mooven-news-button {
width: 123px;
min-height: 45px;
margin-top: auto;
margin-left: auto;
border: 1px solid #1B3A66;
border-radius: 5px;
color: #1B3A66;
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
font-size: 14px;
line-height: 18px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.25s ease-in-out,
border-color 0.25s ease-in-out,
background-position 0.27s ease-in-out,
bottom 0.35s 0.05s ease-out;
z-index: 2;
background-image: url(https://staging2.fishgate.co.za/moov-new/wp-content/uploads/2026/08/btn_back_red.svg);
background-repeat: no-repeat;
background-size: 120%;
background-position: -150px center;
bottom: -65px;
position: relative;
}
.mooven-news-card:hover .mooven-news-button {
bottom: 0px;
transition: color 0.25s ease-in-out,
border-color 0.25s ease-in-out,
background-position 0.27s ease-in-out,
bottom 0.35s ease-in;
}
.mooven-news-button:hover { color: #fff;
background-position: 0px center;
border-color: #ed1847;
} #mooven-news-grid.is-loading::before {
content: "";
position: absolute;
inset: 0;
z-index: 20;
background: rgba(255, 255, 255, 0.75);
}
#mooven-news-grid.is-loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 21;
width: 42px;
height: 42px;
margin: -21px 0 0 -21px;
border: 4px solid #d9d9d9;
border-top-color: #CD0034;
border-radius: 50%;
animation: mooven-news-spin 0.7s linear infinite;
}
@keyframes mooven-news-spin {
to {
transform: rotate(360deg);
}
} .mooven-news-empty {
color: #1B3A66;
}
.mooven-news-empty h3 {
margin-bottom: 10px;
color: #1B3A66;
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
font-size: 24px;
line-height: 28px;
}
.mooven-news-empty p {
color: #1B3A66;
font-family: "Century Gothic Regular", Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
line-height: 21px;
font-style: italic;
} .mooven-news-pagination-inner {
position: relative;
margin-top: 50px;
display: flex;
align-items: center;
gap: 8px;
}
.mooven-news-pagination-inner::before {
content: '';
display: block;
width: 100%;
min-height: 1px;
margin-right: 32px;
background-color: #1B3A66;
}
.mooven-news-pagination-inner a {
width: 45px;
min-width: 45px;
height: 45px;
min-height: 45px;
border: 1px solid #1B3A66;
border-radius: 4px;
color: #1B3A66;
font-family: 'Century Gothic Bold', Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
line-height: 22px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
background-image: url(https://staging2.fishgate.co.za/moov-new/wp-content/uploads/2026/08/btn_back_red.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: -180px center;
transition: all 0.3s ease-in-out;
}
.mooven-news-pagination-inner a:hover,
.mooven-news-pagination-inner a.current {
border-color: #ed1847;
color: #fff;
background-position: 0 center;
} @media (max-width: 1200px) {
#mooven-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.mooven-news__sidebar .mobile {
display: none !important;
}
}
@media (max-width: 767px) {
.mooven-news {
flex-direction: column !important;
gap: 30px !important;
}
.mooven-news__sidebar {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
box-shadow: none;
}
.mooven-news-mobile-toggle {
position: relative;
padding-bottom: 19px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.mooven-news-mobile-toggle h2 {
margin: 0;
padding: 0 !important;
color: #1B3A66;
font-family: "Century Gothic Regular", Helvetica, Arial, Lucida, sans-serif;
font-size: 25px;
line-height: 30px;
}
.mooven-news-mobile-toggle h2 span {
font-family: "Century Gothic Bold", Helvetica, Arial, Lucida, sans-serif;
}
.mooven-news-mobile-toggle .toggle-icon {
position: relative;
width: 26.5px;
height: 26.5px;
display: block;
}
.mooven-news-mobile-toggle .toggle-icon::before,
.mooven-news-mobile-toggle .toggle-icon::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
margin: auto;
background-color: #ed1847;
transition: all 0.2s ease-in-out;
}
.mooven-news-mobile-toggle .toggle-icon::after {
transform: rotate(90deg);
}
.mooven-news__sidebar.open
.mooven-news-mobile-toggle
.toggle-icon::after {
transform: rotate(0deg);
}
.mooven-news-filter-top {
height: 100%;
max-height: 0;
overflow: hidden;
transition: all 0.45s ease-in-out;
}
.mooven-news__sidebar.open .mooven-news-filter-top {
max-height: 3000px;
}
.mooven-news-filter__section.dates {
border: none !important;
padding: 20px 0 !important;
}
.mooven-news-filter__section.search {
padding: 20px 0 !important;
border-top: 1px solid #1B3A66 !important;
border-bottom: 1px solid #1B3A66 !important;
}
#mooven-news-grid {
grid-template-columns: 1fr;
}
.mooven-news__sidebar .desktop {
display: none !important;
}
body .mooven-news-card-content {
flex: 1;
padding: 15px;
display: flex;
flex-direction: column;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0px;
background: white;
}
body .mooven-news-card-content::after {
display: none !important;
}
body .mooven-news-card-content h3,
body .mooven-news-card-content .mooven-news-meta,
body .mooven-news-card-content .mooven-news-meta span,
body .mooven-news-card-content .mooven-news-excerpt {
color: #1B3A66 !important;
bottom: 0 !important;
border-color: #C9CDD3 !important;
}
body .mooven-news-button {
bottom: 0 !important;
}
body .mooven-news-card-image img {
height: 80% !important;
}
body .mooven-news-card-image::after {
display: none !important;
}
body .mooven-news-filter {
gap: 0 !important;
}
}
@media (max-width: 607px) {
body .mooven-news-card {
min-width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 478px) {
.mooven-news-card-content {
padding: 18px;
}
.mooven-news-button {
width: 100%;
background-position: -460px center;
}
}