.splide{
padding-left: 20px !important;
padding-right: 20px !important;
}
.splide:not(:last-child) {
margin-bottom: 40px;
}
.splide__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3px 3px 20px;
list-style-type: none;
}
.splide__slide > *{
width: 100%;
height: 100%;
}
.splide__arrows {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.splide__arrows .splide__arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: transparent !important;
border: none !important;
padding: 0 !important;
outline: none !important;
}
.splide__arrows .splide__arrow:disabled {
display: none;
}
.splide__arrows .splide__arrow svg {
width: 26px;
}
.splide__arrows .splide__arrow svg path {
fill: #1C2991;
}
.splide__arrows .splide__arrow--next {
right: -20px;
}
.splide__arrows .splide__arrow--prev {
left: -20px;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.splide-progress {
background: #FFFFFF;
margin: 20px 0;
}
.splide-progress:last-child {
margin-bottom: 0;
}
.splide-progress-bar {
background: #1C2991;
height: 2px;
-webkit-transition: width 400ms ease;
-o-transition: width 400ms ease;
transition: width 400ms ease;
width: 0;
}
.splide__pagination + .splide__pagination {
display: none;
}
.splide__pagination__page {
background: #1C2991;
border: 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 0.1rem;
padding: 0;
position: relative;
-webkit-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
width: 10px;
}
.splide__pagination__page.is-active {
background-color: #1C2991;
}
@media screen and (max-width: 640px) {
.splide{
padding-left: 0px !important;
padding-right: 0px !important;
}
.splide__arrows{
display: none;
}
}.lv-accordion-cat{
}
.category-section{
background: rgba(235, 235, 231, 0.28);
border-radius: 10px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);
padding: 25px;
scroll-margin-top: 80px;
}
.category-section:not(:last-child){
margin-bottom: 20px;
}
.category-title,
.category-title a{
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #161F29;
margin-bottom: 10px;
transition: color 200ms ease-in-out;
}
.category-title a:hover{
color: var( --e-global-color-primary );
}
.category-post-list{
}
.category-post-list__pannel{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin: 0;
padding: 0;
}
.category-post-list li{
flex: 1 0 100%;
max-width: calc(33.333% - 10px);
list-style-type: none;
text-align: left;
display: flex;
height: 100%;
align-self: stretch;
}
.category-post-list li a{
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var( --e-global-color-primary );
display: block;
width: 100%;
transition: text-shadow 200ms ease-in-out;
}
.category-post-list li a:hover{
text-shadow: 0 0 1px rgba(0,0,0,.25);
color: var( --e-global-color-primary );
}
.pannel-top{
margin-bottom: 10px;
}
.pannel-hide{
max-height: 0;
height: 0;
visibility: hidden;
opacity: 0;
transition: opacity 200ms ease-out;
}
.category-show-all{
display: flex;
justify-content: center;
transition: all 200ms ease-out;
}
.category-show-all button,
.category-show-all button:focus {
padding: 2px;
border-radius: 50% !important;
color: #FFF !important;
width: 26px;
height: 26px;
background-color: var( --e-global-color-primary ) !important;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
outline: none;
transition: all 200ms ease-in-out;
}
.category-show-all button:hover{
padding: 2px;
border-radius: 50%;
color: var( --e-global-color-primary ) !important;
width: 26px;
height: 26px;
background-color: #FFF !important;
}
.category-show-all button .icon-hide{
display: none;
}
.category-section.open .category-post-list{
max-height: 80vh;
overflow: auto;
}
.category-section.open .category-post-list::-webkit-scrollbar {
width: 2px;
}
.category-section.open .category-post-list::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.category-section.open .category-post-list::-webkit-scrollbar-thumb {
background-color: var( --e-global-color-primary );
outline: 1px solid var( --e-global-color-primary );
border-radius: 2px;
}
.category-section.open .pannel-hide{
max-height: 80vh;
height: auto;
visibility: visible;
opacity: 1;
}
.category-section.open .category-show-all .icon-show{
display: none;
}
.category-section.open .category-show-all .icon-hide{
display: block;
}
@media screen and (max-width: 640px){
.category-post-list li{
max-width: 100%;
}
}