/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

 .item-bacsi-content  .regency-bacsi{font-size:1.2rem;font-weight: 700}
        .item-bacsi-content  .name-bacssi a {font-size: 1.5rem;font-weight: 700;color:#ff0000}
        .item-bacsi-content  .name-bacssi a:hover{color:#71bf44}
        .slider-custom .flickity-slider .item-bacsi-thumb {
            margin: 5px;
            border: 1px solid #ff0000;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            padding: 10px;
            border-radius: 3px;
            margin-top: 20px;
        }
        .item-bacsi-thumb.is-nav-selected {border: 1px solid #71bf44!important;}
         .slider-custom  .is-nav-selected .item-bacsi-img img{border: 3px solid #71bf44!important;}
        .flickity-prev-next-button {
            width: 30px;
            height: 30px;
            border-radius: 5px;
            background: #333;
        }
        .slider-custom .flickity-prev-next-button:hover {background: #71bf44; }
        /* arrow color */
        .slider-custom .flickity-prev-next-button .arrow {fill: #ff0000;}
        .slider-custom .flickity-prev-next-button.no-svg {color: #ff0000; }
        /* position outside */
        .slider-custom .flickity-prev-next-button.previous {
            left: -40px;
            opacity: 1;
            background:transparent;
        }
        .slider-custom .flickity-prev-next-button.next {
            right: -40px;
            opacity: 1;
            background:transparent;
        }
        .content-bacsi-thumb{text-align: center}
        .content-bacsi-thumb .regency-bacsi{ display: flex;
    justify-content: center;
    align-items: center;font-size:16px; padding-top: 10px;height: 50px}
        .content-bacsi-thumb .name-bacssi{font-size: 1.1rem; font-weight: 700; color: #FE0300;}
      /*  .thumb-bacsi .item-bacsi-img-thumb img {
                border: 3px solid #ff0000;
                margin: auto 0;
                overflow: hidden;
                width: 180px;
                height: 180px;
                
            }*/
            .motabacsi {
                padding-left: 10px;
            }
/*************** ADD CUSTOM CSS PC.   ***************/



/* css mobile */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.slider-custom .flickity-slider .item-bacsi-thumb {max-width:60%!important;}
}