/*Styles imported from canopy-mobile-app-components.php stco_canopy_mobile_app_horizontal_scroll_shortcode() function*/
.canopy-mobile-app-scroll-container {
    display: flex !important;
    overflow-x: auto !important;
    white-space: nowrap;
    gap: 15px;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    
    /* Mobile Touch Optimization */
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none; /* Hides scrollbar on Firefox */
    
    /* Scroll Snapping Container */
    scroll-snap-type: x mandatory; 
    scroll-padding-left: 5%; /*20px; /* Leaves a 20px gap on the left edge when snapped */
}

/* Hides scrollbar for Chrome, Safari, and Opera */
.canopy-mobile-app-scroll-container::-webkit-scrollbar {
    display: none;
}

.canopy-mobile-app-scroll-container > * {
    flex-shrink: 0 !important; 
    display: inline-block;
    
    /* Scroll Snapping Item */
    scroll-snap-align: start; 
}
/*-----*/




/*Imported from the page design on divi for the mobile homeboard*/
.canopy-mobile-app-scroll-box-link { color:#999; font-weight:100; }
.canopy-mobile-app-scroll-box { background:#000000; width:220px; height:220px; padding:30px; border-radius:40px; margin-left:0%; text-wrap:wrap; }
.canopy-mobile-app-scroll-box h3 { color:#444; font-weight:100; }
.canopy-mobile-app-scroll-box p { max-width:130px; line-height:1.2em; }


.scroll-container { scroll-padding-left: 5%;  }






.canopy-side-scroll-button {
  color:#000000;
  border:1px solid #000000;
  padding:10px 20px;
  font-size:0.9em;
  line-height:1em;
  border-radius:25px;
}





.canopy-mobile-app-scroll-box-style2-link { color:#999; font-weight:100; }
.canopy-mobile-app-scroll-box-style2 { background:#cb092c /*Cherry Red*/; width:95%; height:100px; padding:30px; border-radius:40px; margin-left:0%; text-wrap:wrap; }
.canopy-mobile-app-scroll-box-style2 h3 { color:#444; font-weight:400; font-size:0.9em; }
.canopy-mobile-app-scroll-box-style2 p { max-width:130px; line-height:1.2em; }
/*----------*/