.news .start-elem-simple {
padding-top: 1.875rem; }
@media all and (min-width: 768px) {
.news .start-elem-simple {
padding-top: 3.125rem; } }
@media all and (min-width: 1024px) {
.news .start-elem-simple {
padding-top: 3.4375rem; } }
@media all and (min-width: 1266px) {
.news .start-elem-simple {
padding-top: 7.5rem; } }
.news .inner-container {
margin: auto;
width: 100%; }
@media all and (min-width: 1024px) {
.news .inner-container {
width: 83.333333%; } }
.news h1 {
margin-top: .3125rem;
margin-bottom: 1.3125rem; }
@media all and (min-width: 768px) {
.news h1 {
margin-top: .4375rem;
margin-bottom: 1.9375rem; } }
@media all and (min-width: 1266px) {
.news h1 {
margin-top: clamp(0.4375rem, calc(0.14rem + 0.37vw), 0.625rem);
margin-bottom: clamp(1.875rem, calc(-1.08rem + 3.73vw), 3.75rem); } }
.news .filterbar {
margin-top: 1.875rem;
margin-bottom: 3.125rem;
border-top: 1.5px solid var(--green);
border-bottom: 1.5px solid var(--green);
padding: 1.0625rem 0; }
@media all and (min-width: 768px) {
.news .filterbar {
margin-bottom: clamp(2.375rem, calc(-1.77rem + 8.63vw), 3.75rem); } }
@media all and (min-width: 1024px) {
.news .filterbar {
margin-bottom: clamp(3.75rem, calc(-1.14rem + 7.65vw), 8.75rem); } }
@media all and (min-width: 1266px) {
.news .filterbar {
margin-top: 3.125rem; } }
@media all and (min-width: 1024px) {
.news .filterbar {
padding: 1.25rem 0; } }
@media all and (min-width: 1266px) {
.news .filterbar {
padding: 2.1875rem 0; } }
.news .filterbar .items-wrap {
display: flex;
gap: 1.25rem;
flex-wrap: wrap; }
@media all and (max-width: 767px) {
.news .filterbar .items-wrap {
height: 0;
transition: height .2s ease-in;
overflow: hidden;
flex-direction: column;
flex-wrap: nowrap; } }
@media all and (min-width: 768px) {
.news .filterbar .items-wrap {
padding: 10px 0; } }
.news .filterbar .items-wrap .item {
cursor: pointer; }
@media all and (max-width: 767px) {
.news .filterbar .items-wrap .item:first-child {
margin-top: 1.25rem; } }
@media all and (min-width: 768px) {
.news .filterbar .items-wrap .item {
line-height: 0; } }
.news .filterbar .items-wrap .item.activeFilterItem, .news .filterbar .items-wrap .item:hover {
color: var(--green); }
@media all and (min-width: 768px) {
.news .filterbar .items-wrap {
height: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 1.875rem;
margin-top: 0; } }
@media all and (min-width: 1266px) {
.news .filterbar .items-wrap {
gap: 3rem; } }
.news .filterbar .toggle {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between; }
@media all and (min-width: 768px) {
.news .filterbar .toggle {
display: none; } }
.news .filterbar .toggle .icon-wrap {
color: var(--blue); }
.news .filterbar .toggle .icon-wrap .open {
display: none; }
.news .filterbar .toggle .icon-wrap .open:before, .news .filterbar .toggle .icon-wrap .open:after {
position: absolute;
right: 15px;
content: ' ';
height: 17px;
width: 2px;
background-color: var(--light_blue); }
@media all and (min-width: 1266px) {
.news .filterbar .toggle .icon-wrap .open:before, .news .filterbar .toggle .icon-wrap .open:after {
height: clamp(1.0625rem, calc(-0.22rem + 1.62vw), 1.875rem); } }
.news .filterbar .toggle .icon-wrap .open:before {
transform: rotate(-90deg); }
.news .filterbar .toggle .icon-wrap .open:after {
transform: rotate(-90deg); }
.news .filterbar .toggle .icon-wrap .closed {
display: inline; }
.news .filterbar .toggle .icon-wrap .closed:before, .news .filterbar .toggle .icon-wrap .closed:after {
position: absolute;
right: 15px;
content: ' ';
height: 17px;
width: 2px;
background-color: var(--light_blue); }
@media all and (min-width: 1266px) {
.news .filterbar .toggle .icon-wrap .closed:before, .news .filterbar .toggle .icon-wrap .closed:after {
height: clamp(1.0625rem, calc(-0.22rem + 1.62vw), 1.875rem); } }
.news .filterbar .toggle .icon-wrap .closed:after {
transform: rotate(-90deg); }
.news .filterbar .toggle .icon-wrap.collapsed .closed {
display: none; }
.news .filterbar .toggle .icon-wrap.collapsed .open {
display: inline; }
.news .filterbar .toggle:hover h4 {
color: var(--green); }
.news .filterbar .toggle:hover .closed:before, .news .filterbar .toggle:hover .closed:after, .news .filterbar .toggle:hover .open:before, .news .filterbar .toggle:hover .open:after {
background-color: var(--green); }
.news .filterbar .toggle .icon-wrap {
position: relative;
top: -9px; }
.news .itemgrid {
width: 100%;
display: flex;
justify-content: space-between; }
.news .itemgrid .gutter-sizer {
width: 0; }
@media all and (min-width: 768px) {
.news .itemgrid .gutter-sizer {
width: clamp(2.375rem, calc(-1.77rem + 8.63vw), 3.75rem); } }
@media all and (min-width: 1024px) {
.news .itemgrid .gutter-sizer {
width: clamp(3.75rem, calc(-1.14rem + 7.65vw), 8.75rem); } }
.news .itemgrid .item {
width: 100%;
margin-bottom: 2.5rem; }
@media all and (min-width: 768px) {
.news .itemgrid .item {
width: calc( (50% - 3px) - (clamp(2.375rem, calc(-1.77rem + 8.63vw), 3.75rem) / 2));
margin-bottom: clamp(2.375rem, calc(-1.77rem + 8.63vw), 3.75rem); } }
@media all and (min-width: 1024px) {
.news .itemgrid .item {
margin-bottom: clamp(3.75rem, calc(-1.14rem + 7.65vw), 8.75rem);
width: calc( (50% - 3px) - (clamp(3.75rem, calc(-1.14rem + 7.65vw), 8.75rem) / 2)); } }
.news .itemgrid.refs { }
.news .itemgrid.refs .item {
margin-bottom: 3.75rem; }
@media all and (min-width: 768px) {
.news .itemgrid.refs .item {
margin-bottom: 3.75rem; } }
@media all and (min-width: 1024px) {
.news .itemgrid.refs .item {
margin-bottom: 3.75rem; } }
@media all and (min-width: 1266px) {
.news .itemgrid.refs .item {
margin-bottom: clamp(3.75rem, calc(-4.13rem + 9.96vw), 8.75rem); } }
.news .itemgrid .item {
border: 1.5px solid var(--green); }
.news .itemgrid .item .content {
display: flex;
flex-direction: column;
padding: 1.375rem;
padding-bottom: 2.5rem; }
@media all and (min-width: 1024px) {
.news .itemgrid .item .content {
padding: 1.5625rem;
padding-bottom: 2.8125rem; } }
@media all and (min-width: 1266px) {
.news .itemgrid .item .content {
padding: clamp(1.5625rem, calc(-0.9rem + 3.11vw), 3.125rem);
padding-bottom: clamp(2.8125rem, calc(0.35rem + 3.11vw), 4.375rem); } }
.news .itemgrid .item .content .image {
margin-bottom: 1.875rem; }
@media all and (min-width: 1266px) {
.news .itemgrid .item .content .image {
margin-bottom: clamp(1.875rem, calc(-1.08rem + 3.73vw), 3.75rem); } }
.news .itemgrid .item .content .image img {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
object-fit: cover; }
.news .itemgrid .item .content h3 {
margin-top: .4375rem;
margin-bottom: 1.875rem; }
@media all and (min-width: 1266px) {
.news .itemgrid .item .content h3 {
margin-top: clamp(0.4375rem, calc(-0.35rem + 1vw), 0.9375rem);
margin-bottom: clamp(1.875rem, calc(-1.08rem + 3.73vw), 3.75rem); } }
.news .btn-wrap {
display: flex;
justify-content: center;
margin-top: 3.75rem; }
@media all and (min-width: 1024px) {
.news .btn-wrap {
margin-top: 5rem; } }
@media all and (min-width: 1266px) {
.news .btn-wrap {
margin-top: 8.125rem; } }
.news .btn-wrap.more {
flex-direction: column;
align-items: center; }#load-more-btn-wrap.hidden {
display: none; }
#paging-list .page-numbers {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0; }
#paging-list .page-numbers li {
padding-right: 8px;
color: var(--light_blue); }
#paging-list .page-numbers li:last-child {
padding-right: 0; }
#paging-list .page-numbers .next svg, #paging-list .page-numbers .prev svg {
width: 12px;
height: auto; }
#paging-list .page-numbers .next svg .st0, #paging-list .page-numbers .prev svg .st0 {
fill: var(--green); }
#paging-list .page-numbers .prev svg {
transform: rotate(180deg); }