/*
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.   ***************/
.box_content_homepage {
    overflow: hidden;
    height: 550px;
    overflow-y: scroll;
    border: 1px solid #11b0ae;
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 0px 5px 2px #11b0ae;
    border-radius: 6px;
  --scrollbar-color-thumb: #11b0ae;
  --scrollbar-color-track: lch(98 0.02 356.63 / 0.11);
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 0.5rem;
}

@supports (scrollbar-width: auto) {
  .box_content_homepage {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

@supports selector(::-webkit-scrollbar) {
  .box_content_homepage {
    text-align: justify;
  }
  main:has(input[name="fix-safari"]:checked) .box_content_homepage:hover {
    --safari-fix: ; /* This custom property forces Safari to re-render the scrollbars on hover */
  }
  .box_content_homepage::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .box_content_homepage::-webkit-scrollbar-track {
    background: transparent;
  }
  .box_content_homepage:hover::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color-thumb);
  }
  .box_content_homepage:hover::-webkit-scrollbar-track {
    background: var(--scrollbar-color-track);
  }
  .box_content_homepage::-webkit-scrollbar {
    max-width: var(--scrollbar-width-legacy);
    max-height: var(--scrollbar-width-legacy);
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}