/*
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.   ***************/
/* HERO 3: Slider */

.hero-3-slider .flickity-page-dots {
    bottom: 210px;
  }


.hero-3-slider .flickity-prev-next-button svg {
    top: 0px;
}

@media screen and (max-width: 849px) {
  .hero-3-slider .flickity-page-dots {
    bottom: 20px;
  }
}

/* HERO 3: Buttons */

.hero-3-buttons .row-solid .col:before {
    border-left: 1px solid #ddd; /* Border Settings: Left  */
}

.hero-3-buttons {
    z-index: 20;
    margin-top: -180px;
    border-top: 1px solid #ddd ; /* Border Settings: Top  */
    border-bottom: 1px solid #ddd ; /* Border Settings: Bottom  */
}

.hero-3-buttons .row-solid .col-inner {
    padding: 0px;
}

@media screen and (max-width: 849px) {
  .hero-3-buttons {
    margin-top: 0px;
    background:#2a2a2a; /* Background Buttons: Mobile  */
}
}

.hero-3-buttons .image-cover img {
    display: none;
    visibility: hidden;
}

.hero-3-buttons .icon-box-text h6 {
    font-size: 150%;
    opacity:1;
}

.hero-3-buttons  .box-overlay.dark .box-text {
    text-shadow:none;
    padding: 0;
}

.hero-3-buttons .box-text-inner {
    display: inline-block;
    margin-left: -10px;
}

  @media screen and (max-width: 849px) {
.hero-3-buttons .overlay {
    display: none;
    visibility: hidden;
  }
}

.hero-3-buttons .icon-box-left .icon-box-img+.icon-box-text {
    padding-left:30px;
}

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


}