/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


@charset UTF-8;

.start-hide {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

/* Menu do desenvolvedor */

.developer {
  position: relative;
  display: flex;
}

.developer .link-dev {
  display: inline-flex;
  flex-flow: column nowrap;
  gap: 6px;
}

.developer.-left {
  justify-content: flex-start;
  text-align: left;
}

.developer.-right {
  justify-content: flex-end;
  text-align: right;
}

.developer.-center {
  justify-content: center;
  text-align: center;
}

.developer .dev-title {
  font-size: 10px;
}

.developer .dev-logo {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: block;
}

.developer.-white .dev-title {
  color: #fff !important;
}

.developer.-dark .dev-logo {
  background: url('assets/img/dev/start_criativo_transp_black.png') no-repeat;
  background-size: contain;
}

.developer.-white .dev-logo {
  background: url('assets/img/dev/start_criativo_transp_white.png') no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .vector-copyright {
    text-align: center;
  }

  .developer.-left,
  .developer.-right {
    justify-content: center;
    text-align: center;
  }
}

.developer .dev-legend {
  opacity: 0;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}


/* Botao do whatsapp */

#section-wpp {
  display: flex;
  position: fixed;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  right: 50px;
  bottom: 50px;
  z-index: 999999;
  width: 80px;
  height: 80px;
  transform: scale(.85);
}

#section-wpp::after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: #48C960;
  opacity: .2;
  border-radius: 50%;
}

.btn-wpp {
  z-index: 50;
  display: flex;
  position: relative;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  background: #48C960;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-decoration: none !important;
  cursor: pointer;
  filter: drop-shadow(0px 4px 27px #48C960);
}

.btn-wpp::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #48C960;
  border-radius: 50%;
  animation: widgetPulse infinite 1.5s;
}

.btn-wpp i::before {
  color: #fff;
  font-size: 45px;
}

@media (max-width:768px) {
  #section-wpp {
    right: 20px;
    bottom: 80px;
    width: 60px;
    height: 60px;
  }

  .btn-wpp i::before {
    font-size: 36px;
  }
}

@-webkit-keyframes widgetPulse {
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0
  }
}

@keyframes widgetPulse {
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0
  }
}


@media (max-width:1024px) {

  .menu-desktop {
    display: none !important;
  }
}

@media (min-width:1025px) {

  .menu-mobile {
    display: none !important;
  }
}

/* Ajustes no premium addons */
.premium-button-style6::before{
transition: all .5s ease-in-out;
}
.premium-button-style6:hover::before{
	transform: translate(-50%,-50%) scale(8)!important;
}


/* Customizando o Tema */

.single-post .wp-block-heading {
  margin: 32px 0px 24px 0px;
  color: var(--e-global-color-primary);
}


.single-post .elementor-widget-theme-post-content {
  line-height: 200%;
}

.single-post .elementor-widget-theme-post-content h1,
.single-post .elementor-widget-theme-post-content h2 {
  font-size: 24px;
  margin: 32px 0px 24px 0px;
  font-weight: 700;
}

.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h4 {
  font-size: 20px;
  margin: 24px 0px 16px 0px;
  font-weight: 600;
}

.single-post .elementor-widget-theme-post-content h5,
.single-post .elementor-widget-theme-post-content h6 {
  font-size: 16px;
  margin: 18px 0px 12px 0px;
  font-weight: 600;
}

@media screen and (max-width:767px) {

  .single-post .elementor-widget-theme-post-content h1,
  .single-post .elementor-widget-theme-post-content h2 {
    font-size: 20px;
  }

  .single-post .elementor-widget-theme-post-content h3,
  .single-post .elementor-widget-theme-post-content h4 {
    font-size: 18px;
  }
}


.single-post .elementor-widget-theme-post-content ul li+li,
.single-post .elementor-widget-theme-post-content ol li+li {
  margin-top: 12px;
}


/* LP -  Marcador de texto - Configuração default */
span.marca-texto {
  background: #AD8A6A;
  color: #fff;
  padding: 0px 4px;
}

/* Estilização de aulas Gratuitas */
.course-list-classes {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}

.course-list-classes .class-item {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  gap: 32px;
  padding: 0;
  min-width: 260px;
  max-width: 403px;
  flex-grow: 1;
  flex-basis: 30%;
  height: 450px;
  border-radius: 4px;
  transition: all .3s ease;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}

.course-list-classes .class-item:hover {
  box-shadow:
    1.4px 1.6px 4.5px rgba(0, 0, 0, 0.046),
    3.2px 3.5px 10.5px rgba(0, 0, 0, 0.067),
    5.7px 6.2px 18.9px rgba(0, 0, 0, 0.083),
    9.4px 10.3px 31.3px rgba(0, 0, 0, 0.097),
    15.8px 17.3px 51.6px rgba(0, 0, 0, 0.113),
    28.4px 31.1px 90.2px rgba(0, 0, 0, 0.134),
    63px 69px 195px rgba(0, 0, 0, 0.18);
}

.course-list-classes .item-wrap__thumb {
  display: flex;
  width: 100%;
  height: 100%;
}

.course-list-classes .item-wrap__thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all .3s ease-in-out;
}

.course-list-classes .class-item:hover .item-wrap__thumb img {
  transform: scale(1.05);
}

.course-list-classes .item-wrap__thumb::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(356deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .15) 100%);
  z-index: 5;
}

.course-list-classes .item-wrap__info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  z-index: 10;
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
  justify-content: flex-end;
  align-items: flex-start;
}

.course-list-classes .item-subtitle {
  padding: 4px 16px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .4);
  font-size: 12px;
}

.course-list-classes .item-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.course-list-classes .item-btn-cta {
  position: relative;
  padding: 16px 0px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  display: flex;
  gap: 8px;
  color: #c0c0c0;
  align-items: center;
}

.course-list-classes .item-btn-cta svg {
  width: 12px;
}

.course-list-classes .class-item:hover .item-btn-cta {
  color: var(--e-global-color-accent);
  text-decoration: underline;
}

/* Modal de aula */
.modal-course-wrap__class {
  max-height: 70vh;
  min-height: 450px;
}

.modal-course-wrap__class .modal-course-wrap__content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 32px;
  padding: 32px 0px;
  max-width: 900px;
}

.modal-course-wrap__class .item-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  flex-basis: 100%;
  width: 100%;
}

.modal-course-wrap__class .item-content__video iframe {
  width: 100% !important;
}

.modal-course-wrap__class .item-content__desc {
  background: #fff5cc;
  padding: 32px;
  border-radius: 4px;
}

.modal-course-wrap__class .item-content__desc .btn_download {
  display: inline-flex;
  gap: 8px;
  padding: 8px 16px;
  background: blue;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  transition: all .3s ease;
}

.modal-course-wrap__class .item-content__desc .btn_download:hover {
  background: #181818;
}

.modal-course-wrap__class .item-content__desc .item-content-wrap__header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.modal-course-wrap__header {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 8px;
}

.modal-course-wrap__header .item-title {
  font-weight: 700;
  font-size: 24px;
}

.modal-course-wrap__header .item-course {
  font-weight: 400;
  font-size: 14px;
}

.modal-course-wrap__class .item-divider {
  margin-top: 16px;
  opacity: .1;
  width: 100%;
}

.modal-course-wrap__class .item-wrap__badges {
  display: flex;
  gap: 8px;
}

.modal-course-wrap__class .item-badge {
  padding: 4px 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}

.modal-course-wrap__class .item-badge.item-badge-class-number {
  background: var(--e-global-color-accent);
}

.modal-course-wrap__class .item-badge.item-badge-download {
  background: var(--e-global-color-primary);
  border: unset;
}

@media screen and (max-width:768px) {
  .course-list-classes .class-item {
    max-width: 100%;
    flex-basis: 100%;
    height: 350px;
  }
}

@media screen and (max-width:500px) {
  .course-list-classes .item-title {
    font-size: 18px;
  }
}