/*
Theme Name: Etapas Saúde
Description: Etapas Saúde WooCommerce Theme
Author: WebAtual
Template: flatsome
Version: 3.0.20260511
*/

/* Campton font family */
@font-face {
  font-family: 'Campton';
  font-weight: 100;
  font-style: normal;
  src: url('fonts/Campton-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 100;
  font-style: italic;
  src: url('fonts/Campton-ThinItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 200;
  font-style: normal;
  src: url('fonts/Campton-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 200;
  font-style: italic;
  src: url('fonts/Campton-ExtraLightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/Campton-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 300;
  font-style: italic;
  src: url('fonts/Campton-LightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Campton-Book.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/Campton-BookItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 500;
  font-style: normal;
  src: url('fonts/Campton-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 500;
  font-style: italic;
  src: url('fonts/Campton-MediumItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/Campton-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 600;
  font-style: italic;
  src: url('fonts/Campton-SemiBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Campton-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 700;
  font-style: italic;
  src: url('fonts/Campton-BoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/Campton-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 800;
  font-style: italic;
  src: url('fonts/Campton-ExtraBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 900;
  font-style: normal;
  src: url('fonts/Campton-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Campton';
  font-weight: 900;
  font-style: italic;
  src: url('fonts/Campton-BlackItalic.otf') format('opentype');
}

/* Galano Grotesque font family */
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 100;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 100;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-ThinItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 200;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 200;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-ExtraLightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 300;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-LightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 500;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 500;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-MediumItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 600;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-SemiBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 700;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-BoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 800;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-ExtraBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Heavy.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 800;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-HeavyItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 900;
  font-style: normal;
  src: url('fonts/GalanoGrotesque-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque';
  font-weight: 900;
  font-style: italic;
  src: url('fonts/GalanoGrotesque-BlackItalic.otf') format('opentype');
}

/* Galano Grotesque Alt font family */
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 100;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 100;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-ThinItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 200;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 200;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-ExtraLightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 300;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-LightItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 500;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 500;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-MediumItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 600;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-SemiBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 700;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-BoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 800;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-ExtraBoldItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Heavy.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 800;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-HeavyItalic.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 900;
  font-style: normal;
  src: url('fonts/GalanoGrotesqueAlt-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Galano Grotesque Alt';
  font-weight: 900;
  font-style: italic;
  src: url('fonts/GalanoGrotesqueAlt-BlackItalic.otf') format('opentype');
}

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

body {
  line-height: 1.4;
}
#wrapper p, a {
  font-family: 'Campton', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Galano Grotesque', sans-serif !important;
}
.banner.transparent {
    background-color: transparent !important;
}

.homepage-banner-text {
  border-right: 2px solid #fff;
  padding-right: 10px;
}
.homepage-banner-text p {
  line-height: 16px;
}
.featured-border-secondary-left {
  border-left: 3px solid var(--fs-color-secondary);;
  padding-left: 5px;
  margin-left: -5px;
}
.featured-border-secondary-left-h1 {
  border-left: 5px solid var(--fs-color-secondary);;
  padding-left: 10px !important;
}
.featured-border-secondary-right {
  border-right: 3px solid var(--fs-color-secondary);
  padding-right: 5px;
  margin-right: -5px;
}

.row-home-map {
  margin-bottom: -65px !important;
}
@media (min-width: 768px) {
#wpsl-result-list {
  width: 40% !important;
}
#wpsl-gmap {
  width: 60% !important;
}
}
@media (max-width: 767px) {
  #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 100% !important;
  }
  #wpsl-result-list a {
    color: #fff !important;
  }
  .footer-bottom {
    text-align: center !important;
  }
    #wpsl-wrap #wpsl-result-list ul li {
      font-size: 1.25em !important;
    }
}
#wpsl-stores ul li {
  background-color: #9c988c;
  padding: 3px 5px !important;
  /* color: #fff; */
  color: --var(--fs-color-primary);
  color: #fff;
}

#wpsl-stores .wpsl-store-thumb {
  float: left !important;
  margin: 0 5px 0 0 !important;
}
#wpsl-stores .wpsl-store-location p {
  /* color: #fff; */
  color: var(--fs-color-primary);
  color: #fff;
  font-size: 0.8em;
}
#wpsl-stores .wpsl-store-location p {
  margin: 0 !important;
}
.wpsl-direction-wrap {
  display: none !important;
}
/* 
#wpsl-stores .wpsl-store-location p {
  color: #fff;
} */

div.v-line-left {
  position: relative;
}

div.v-line-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 300px;
  width: 3px;
  /* Border thickness */
  background-color: var(--fs-color-secondary);
  /* Border color */
}

.social-button,
.social-icons .button.icon:hover,
.social-icons .button.icon:not(.is-outline) {
  background-color: var(--fs-color-secondary) !important;
  border-color: var(--fs-color-secondary) !important;
}
.social-icons i {
  top: 0px !important;
}
.wpsl-contact-details {
  clear: none !important;
}

.contact-icon .icon-box-img {
  margin-right: 10px;
}

.follow-icons-white .button {
  border: 1px solid #fff !important;
  margin-left: 10px !important;
  line-height: 2.4em !important;
}
.follow-icons-white i {
  color: #fff !important;
}
.absolute-footer {
  display: none !important;
}
.nav-line-bottom>li>a:before {
  background-color: #fff !important;
}
#frm_form_1_container fieldset,
#frm_form_1_container form,
#frm_form_1_container #frm_field_6_container {
  margin-bottom: 0 !important;
}

.wpsl-state {
  font-size: 0.6em !important;
}
#footer a:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 849px) {
  .medium-logo-center .logo {
    margin: 0 15px 0 7px !important;
  }
}