:root {
   --app-primary: #ffd455;
   --app-secondary: #B8DDE0;
   --app-pink: #FFF4F3;
   --app-green: #B3EBDE;
   --app-yellow: #FCF6CC;
   --app-lightgreen: #F1FAE8;
 }

 html {
   scroll-padding-top: 200px;
 }

 body {
   font-family: 'Fredoka', sans-serif;
 }

 .header {
   background-color: #fff;
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
   /* font-family: 'Fuzzy Bubbles', sans-serif; */
   font-weight: bold;
   /* margin: 5rem .5rem 2rem !important; */
   /* margin: 5rem .5rem 2rem !important; */
 }

 h2 {
   border-bottom: 3px solid var(--app-secondary);
   padding: 0 0 10px !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
 }
 a, a:visited {
   color: #000;
 }

 .title {
  background-color: #0f5a6b;
  background-position: right;
  color: #fff;
  /* padding: 10rem 2rem 9rem; */
  padding: 2rem 2rem 2rem;
  position: relative;
  top: -22px;
  z-index: -1;
  background-attachment: local;
  background-size: cover;
 }

 .title-cover {
   width: 100%;
   height: 100%;
   background: rgba(15, 90, 107, .7);
   background: rgba(0, 0, 0, .5);
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;

 }

 .header-tab {
   /* background-image: url(<?= home() . 'img/bgcloud.png' ?>); */
   background-position-y: bottom;
   background-repeat: repeat-x;
   background-size: 127px;
   /* height: 21px; */
   height: 0;
 }



 #content {
   min-height: 70vh;
 }

 .footer {
   margin-top: 10rem;
   background-color: var(--app-yellow);
   padding: 3rem 1rem;
 }

 .elementor-button-wrapper {
   display: inline-block;
 }

 .app-navbar {
   display: flex;
 }

 .app-navbar>ul {
   display: flex;
   list-style: none;
   /* gap: 10px; */
   padding: 0;
   margin: 0;
 }

 .app-navbar>ul>li {
   background-color: transparent;
   transition: all .3s;
 }

 .app-navbar>ul>li>a,
 .app-navbar>ul>li>.unclickable-link {
   text-decoration: none;
   color: #000;
   padding: 1rem;
   display: inline-block;
 }

 .app-navbar>ul>li>div.megamenu {
   width: 100%;
   background: #fff;
   position: absolute;
   left: 0;
   padding: 20px;
   min-height: 200px;
   box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.2);
   display: none;
 }

 .app-navbar>ul>li>div.megamenu div.nav>div.nav-item:hover,
 .app-navbar>ul>li>div.megamenu ul.nav>li.nav-item:hover {
   background-color: #ffe289 !important;
   border-radius: 5px;
   transition: background-color .4s;
 }

 .app-navbar>ul>li>div.megamenu div.nav>div.nav-item:hover a,
 .app-navbar>ul>li>div.megamenu ul.nav>li.nav-item:hover a {
   color: #000 !important;
 }

 .app-navbar>ul>li:hover>div.megamenu {
   display: block;
 }

 .app-navbar>ul>li:hover {
   background: #fff;
 }

 .app-navbar>ul>li:hover>a,
 .app-navbar>ul>li:hover>.unclickable-link {
   color: #000 !important;
 }

 .header {
   /* position: fixed; */
   width: 100%;
   left: 0;
   /* top: 35px; */
   transition: all .3s;
 }

 .homepage .header {
   background: none;
   position: absolute;
   width: 100%;
   top: 25px;
   left: 0;
   z-index: 1;
 }

 .header.invert {
   position: fixed;
   top: 0;
   box-shadow: 2px 2px 15px rgba(0, 0, 0, .1);
 }

 .homepage .header.invert {
   background: #fff;
 }


 .homepage .app-navbar>ul>li>a,
 .homepage .app-navbar>ul>li>.unclickable-link,
 .homepage .app-navbar {
   color: #fff;

 }

 .homepage .app-navbar .megamenu .megamenu-topics {
   color: #000;
 }

 .homepage .header.invert .app-navbar>ul>li>a,
 .homepage .header.invert .app-navbar>ul>li>.unclickable-link,
 .homepage .header.invert .app-navbar {
   color: rgba(var(--bs-dark-rgb));

 }

 .homepage .header.inver .app-navbar .megamenu .megamenu-topics {
   color: #000;
 }


 .homepage .home-hero {
   /* background-image: url('<?= home() . ' /img/imagensdocliente/AdobeStock_419165340_Preview.jpeg' ?>'); */
   /* background-attachment: fixed; */
   background-size: cover;
   background-position: bottom;
   position: relative;
   top: -25px;
 }

 .home-hero>.e-con-inner {
   padding-top: 8rem;
   padding-bottom: 2rem;
   color: #fff;
   /* height: 80vh; */
   background-color: rgba(0, 0, 0, 0.25);
   text-align: center;
 }

 .social-links a {
   color: #000 !important;
 }

 .homepage .social-links a {
   color: #fff !important;
 }


 .homepage .elementor-button-link {
   background-color: var(--app-primary);
   border-radius: 5px;
   padding: 1rem 1.5rem;
   color: #000;
   text-decoration: none;
 }

 .homepage .elementor-button-icon svg {
   height: 18px;
   /* filter: invert(1); */
   position: relative;
   top: -2px;
 }

 .homepage .elementor> :not(.elementor-element:first-child) {
   max-width: 996px;
   margin: auto;
   padding: 1rem;
 }

 .header.invert .social-links a {
   color: #000 !important;
 }

 .article p {
   max-width: initial;
   padding: 0 3rem;
   text-align: justify;
   /* margin-bottom: 5rem; */
 }


 .article .container>ul {
   padding: 1rem;
   margin: 0 0 0 3rem;
 }

 .article ul li {
   margin-bottom: 1rem;
 }

 .home-text {
   max-width: 1200px;
   padding: 1rem;
   margin: auto;

 }

 .bg-distak {
   background: var(--app-yellow);
 }

 .bg-pink {
   background: var(--app-pink);
 }

 .app-btn {
   border: none;
   margin: 0 !important;
   margin-bottom: 1rem !important;
 }


 .app-btn a {
   padding: 1rem 2rem;
   color: #000;
   text-decoration: none;
   transition: all .3s;
   display: inline-block;
   text-align: center;
 }

 .app-btn.app-btn-pink a {
   background: var(--app-pink);
 }

 .app-btn.app-btn-yellow a {
   background: var(--app-yellow);
 }

 .app-btn.app-btn-pink a:hover,
 .app-btn.app-btn.app-btn-yellow a:hover {
   background: #f5c3be;
 }

 .min-250 a {
   min-width: 250px;
 }

 .text-bg-distak {
   background: var(--app-yellow);
   max-width: initial;
   padding-top: 3rem;
   padding-bottom: 3rem;
 }

 .text-bg-distak-pink {
   margin-top: 2rem !important;
   margin-bottom: 2rem !important;
   background: var(--app-pink);
   padding: 3rem !important;
   border: none;
   text-align: center;
 }

 .elementor-widget-container>ul {
   margin: 0 3rem;
 }

 .unspaced-p p {
   padding-left: 1rem;
   padding-right: 1rem;
 }

 .unspaced-p h3 {
   padding-left: 1rem;
   padding-right: 1rem;
   margin: 2rem 0 !important;
 }

 .homepage #menu-toggle {
   color: #fff;
 }

 /* <?php include __DIR__ . '/_common-css.css' ?> */

/* COMMON *

.html,
body {
  font-size: 1.1rem;
}

.homepage .elementor-element.elementor-element-372e9c6.elementor-widget.elementor-widget-text-editor {
  background: #FCF6CC;
  max-width: initial;
  /* padding: 3rem; */
  padding-top: 3rem;
  padding-bottom: 3rem;
  /* margin-bottom: 5rem; */
}

.not-home .elementor-element.elementor-widget.elementor-widget-text-editor {
  max-width: initial;
  padding: 3rem;
  margin-bottom: 5rem;
}

.text-part-continuum {
  background: #FFF4F3;
  display: flex;
  align-items: center;
}

.text-part-continuum>div {
  width: 100%;
  margin: 2rem;
}

.text-part-continuum-col1 {}

.elementor-heading-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
}

.app-mb-0 {
  margin-bottom: 0 !important;
}

.box-color {
  padding: 1rem;
  padding-bottom: 2rem;
}

.box-color a {
  width: 100%;
  text-align: center;
}

.box-color h3 {
  font-weight: normal;
  margin: 2rem 0 !important;
}

.box-color-pink {
  background: #FFF4F3;
}

.box-color-yellow {
  background: #FCF6CC;
}

.box-color-green {
  background: #B3EBDE;
}

.box-color-lightgreen {
  background: #F1FAE8;
}

.dual-col {
  /* margin: 2rem; */
}

.dual-col h2,
.dual-col h3 {
  margin: 2rem 0 !important;
  border: 0 !important;
}

.dual-col p,
.dual-col li {
  padding: 0;
  text-align: justify;
}

.dual-col-single {
  border-radius: 1rem;
  padding: 2rem;
}

.dual-col-single p {
  padding: 0;
}

.dual-col-1 {
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 3rem;
}

.dual-col-2 {
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 3rem;

}

.bg-yellow {
  background: var(--app-yellow);
}

.bg-green {
  background: var(--app-green);
}

.bg-lightgreen {
  background: var(--app-lightgreen);
}

.what-is-mental-health-issues {
  /* background-image: url(<?= home() . '/img/tree-kid-butterfly-4.webp' ?>); */
  background-attachment: local;
  background-position: bottom;
  padding-bottom: 200px !important;
  background-size: contain;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .dual-col-1 {
    margin-right: 1rem;
  }

  .dual-col-2 {
    margin-left: 1rem;
  }

}

.text-bg-distak {
  border-radius: 1rem;
}

.text-bg-distak-pink {
  border-radius: 1rem;
}

.app-rounded {
  border-radius: 1rem;
}

.text-bg-distak h2 {
  margin: 2rem 0 !important;
}

/* END COMMON */
 @media screen and (max-width: 768px) { 
   .app-navbar {
     position: absolute;
     top: 0;
     width: 100%;
     right: 0;
     background: #fff;
     display: none;
   }

   .app-navbar>ul {
     flex-direction: column;
   }

   .app-navbar.show {
     display: block !important;
   }

   .app-navbar>ul>li>div.megamenu {
     display: block;
     position: relative;
   }

   /* .header.invert {
          position: absolute !important;
        } */
   .header {
     overflow-y: auto;
   }

   .header.show {
     height: 100%;
     position: fixed;
   }

   body.menu-show {
     overflow: hidden;
   }

   .homepage .app-navbar>ul>li>a,
   .homepage .app-navbar>ul>li>.unclickable-link,
   .homepage .app-navbar {
     color: #000;
   }

   .homepage .header.invert #menu-toggle {
     color: #000;
   }
 }

 @media screen and (min-width: 769px) {
   /* .navbar ul>li>ul {
          background: #fff;
          padding: 1rem;
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
        } */


 }