/* Container DIV - automatically generated */
.simply-scroll-container { 
    position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
/*.simply-scroll-list { 
    overflow: hidden;
    margin: 0;
    padding: 20px 0;
    list-style: none;
}*/
 
.simply-scroll-list { 
    display: flex !important; 
    width: auto !important;
}

/*.simply-scroll-list li {
    padding: 5px 5px;
    margin: 0 5px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 0px var(--shadow-li-simplyscroll);
    -webkit-transform: scale(1.0);
       -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
         -o-transform: scale(1.0);
            transform: scale(1.0);
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}*/

.simply-scroll-list li {
    flex: 0 0 145px; /* Giữ cố định độ rộng 145px */
    width: 145px;
    height: 72px;
    display: block;
    float: none; /* Bỏ float */
}

.simply-scroll-list li:hover{
    box-shadow: 0 0 5px 1px var(--shadow-li-simplyscroll-hvr);
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

.simply-scroll-list li article {
    width: 100%;
    border: 1px hidden #000;
    overflow: hidden;
}

.simply-scroll-list li article img {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    /*width: 300px;
    height: 300px;*/
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
    width: inherit;
    height: auto;
    margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
    width: inherit;
    height: auto;
}
    
/* Explicitly set height/width of each list item */ 
.simply-scroll .simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    width: 145px;
    height: 72px;
    overflow: hidden;
}