/*
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.   ***************/



/* ======================================================
   DEMOGIF – IMG WITH OVERLAY
   ====================================================== */
.demoGif-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

/* GIF */
img.demoGif {
  display: block;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(0,0,0,.18);
  position: relative;
  z-index: 1;
}

/* Overlay */
.demoGif-overlay {
  position: absolute;
  bottom: 36px;
  right: 0px;
  left: auto; 
  z-index: 10;
  background: #FB7424;
  color: #fff;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}

.demoGif-overlay.active {
  opacity: 1;
  transform: translateY(0);
}

.scroll-to-bullets a {
  box-shadow: none !important;
  border:1px solid #f0a377 !important;
}



@media only screen and (max-width: 48em) {
.demoGif-overlay {
  bottom: 3px;
  left: 50% !important;
  font-size:.85rem;
  transform: translateX(-50%) translateY(6px);
  width:90%;
  line-height: 125%;
}
.demoGif-overlay.active {
    transform: translateX(-50%) translateY(0);
  }
}