/* 
Theme Name: Neuralia
Description: Tema desenvolvido exclusivamente para a empresa Neuralia.
Author: Daniel Costa
Author URI: https://dcwebsolutions.com.br/
Template: edu-press
Version: 2.0.0
Text Domain: neuralia
*/

/* Add your custom styles here */

body {
  --thim-breadcrumb_bg_color: #fcf36b !important;
  --thim-breadcrumb_font_size: 16px;
  --thim-breadcrumb_color: #b597ff !important;
  --thim-breadcrumb_border_color: #fcf36b !important;
  --thim-font_h1-font-size: 34px !important;
  --thim-font_h1-line-height: 1.4em !important;
}

:root {
  --lp-bg-color-lesson: #fffaf3;
}

#breadcrumbs li a {
  color: #fcf36b !important;
}

.tc-menu-inner > .tc-icon {
  margin-right: 10px;
}

.thim-ekits-menu__nav > li > a {
  padding: 0px !important;
}

@media (min-width: 1025px) {
  .navbar-main-menu li {
    padding: 0 !important;
  }
}

.navbar-main-menu li:hover {
  color: #000 !important;
}

.thim-ekits-menu__nav > li {
  margin: 10px 20px !important;
}

.control-section-thim-default,
.control-section-thim-outer {
  min-height: 0 !important;
}

.course-title {
  color: #b597ff !important;
  font-family: 'Pastiche Grotesque', Sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.4em !important;
}

.instructor-display-name {
  color: #b597ff !important;
}

.banner-wrapper {
  padding: 0 !important;
}

.lp-archive-courses
  .lp-content-area
  .lp-form-course-filter
  .course-filter-reset:hover {
  border-color: var(--lp-primary-color) !important;
}

.search-courses {
  display: none !important;
}

article.page ul > li,
article.page ol > li {
  padding-bottom: 0 !important;
}

body.single-lp_course .breadcrumb-section .elementor-shape-fill {
  fill: #d6ff6e !important;
}

.lp-user-profile .lp-profile-left {
  min-width: 100px !important;
  max-width: 100px !important;
}

.lp-user-profile-avatar img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
}

.single-lp_course .lp-archive-courses .course-summary-sidebar {
  --lp-button-background-color: #4caf50 !important;
  --lp-button-color: #ffffff;
}

.single-lp_course
  .lp-archive-courses
  .course-summary-sidebar
  .lp-course-buttons
  button:hover {
  background-color: #7fc682 !important;
}

.course-sidebar-preview .course-price .price {
  font-size: 1.6em !important;
  font-weight: 900 !important;
}

.course-item-price .free {
  text-align: center;
  font-size: 1.6em;
  font-weight: 900;
  color: #28a745;
}

#checkout-order table {
  border-collapse: unset !important;
}

#popup-header {
  background: #b597ff !important;
}

#popup-header .course-title a:hover {
  color: #d6ff6e !important;
}

.lp-list-material {
  margin-top: 20px;
}

.navbar-main-menu > li:hover > a,
.navbar-main-menu > li.current_page_item > a,
.navbar-main-menu > li.current-menu-item > a {
  background-color: transparent !important;
}

.media-preview img {
  border-radius: 20px 20px 0 0;
  padding: 5px;
}

.single-lp_course
  .lp-archive-courses
  .course-meta
  .course-meta__pull-left
  .meta-item-categories
  a {
  background-color: #b597ff !important;
  color: #d6ff6e;
}

.learnpress {
  --lp-content-background-color: #fffaf3 !important;
}

.form-comment,
.wp-block-post-comments-form,
#comments .list-comments {
  background-color: #fffaf3 !important;
}

h1,
.lp-form-course-filter__title {
  color: #b597ff !important;
  font-weight: 900 !important;
  font-family: 'Pastiche Grotesque', Sans-serif !important;
}

.thim-ekits-course-categories__item > h4 > a {
  color: #b597ff !important;
}

.thim-ekits-course-categories__item > img {
  width: 100px;
}

div.course-content > div.wrap-btn-add-course-to-cart {
  display: none;
}

.tc-menu-item .tc-icon {
  margin-right: 10px;
}

.sub-menu.sm-nowrap {
  background-color: #d6ff6e;
  font-family: 'Pastiche Grotesque', Sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4em !important;
  width: 250px !important;
  border-radius: 5px;
}

.sub-menu.sm-nowrap .elementor-sub-item {
  color: #b597ff;
  border-radius: 5px;
}

.sub-menu.sm-nowrap .elementor-sub-item:hover,
.sub-menu.sm-nowrap .elementor-sub-item.elementor-item-active {
  background-color: #d6ff6e;
  color: #75f0e4;
  border-radius: 5px;
}

.sub-menu.sm-nowrap .menu-item:hover {
  background-color: #d6ff6e;
  border-radius: 5px;
}

.elementor-nav-menu--main .menu-item.current-menu-ancestor > a,
.elementor-nav-menu--main .menu-item.current-menu-parent > a {
  color: #75f0e4 !important;
  background-color: #b597ff !important;
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs > li.has-child > a:after {
  margin-top: 0 !important;
}

.wrap-btn-add-course-to-cart {
  display: block;
  width: 100%;
}

.wrap-btn-add-course-to-cart .lp-button {
  width: 100%;
  background-color: #4caf50 !important;
  text-align: center;
  font-size: 16px;
  font-weight: 500 !important;
}

.wrap-btn-add-course-to-cart .lp-button::before {
  content: '\f07a';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
  font-size: 20px;
}

.single-lp_course
  .lp-archive-courses
  .course-summary-sidebar
  .lp-course-buttons
  button {
  border-radius: 5px !important;
  padding: 10px 45px !important;
}

.price {
  font-weight: bold !important;
  color: var(--thim-course_price_color) !important;
}

.installment-price {
  font-size: 0.8em;
  font-weight: 500;
  color: var(--thim-course_price_color) !important;
}

.money-back-guarantee {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #28a745;
}

.woocommerce .shop_table,
.wc_payment_methods {
  font-size: 1.2em !important;
}

.woocommerce-order,
#payment #place_order {
  font-size: 1.2em !important;
}

#payment #place_order:hover {
  color: var(--e-global-color-primary);
}

.payment_box {
  background-color: #f8f9fa; /* Cor de fundo suave */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.asaas-cc-form-wrapper .form-row label {
  font-weight: 600;
  color: #343a40;
  display: block;
  margin-bottom: 5px;
}

.asaas-cc-form-wrapper .input-text {
  width: 100%;
  padding: 10px 12px; /* Adicionar padding para melhor usabilidade */
  border: 1px solid #ced4da; /* Borda suave */
  border-radius: 5px; /* Bordas arredondadas */
  font-size: 16px; /* Aumentar o tamanho da fonte */
  color: #495057; /* Cor do texto */
  background-color: #fff; /* Fundo branco */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: border-color 0.2s ease-in-out;
}

/* Estilo quando o input está em foco */
.asaas-cc-form-wrapper .input-text:focus {
  border-color: #80bdff; /* Mudar a cor da borda ao focar */
  outline: none;
  box-shadow: 0 0 5px rgba(128, 189, 255, 0.5); /* Adicionar sombra ao focar */
}

/* Espaçamento entre os campos */
.asaas-cc-form-wrapper .form-row {
  margin-bottom: 15px; /* Espaçamento entre os campos */
}

/* Estilo para campos lado a lado (primeiro e último) */
.asaas-cc-form-wrapper .form-row-first,
.asaas-cc-form-wrapper .form-row-last {
  width: 48%; /* Largura dos campos divididos */
  float: left; /* Alinhamento lado a lado */
}

/* Garantir que o último campo esteja alinhado corretamente */
.asaas-cc-form-wrapper .form-row-last {
  margin-left: 4%; /* Espaçamento entre os campos lado a lado */
}

/* Limpeza de flutuações */
.asaas-cc-form-wrapper::after {
  content: '';
  display: table;
  clear: both;
}

/* Ajuste no placeholder */
.asaas-cc-form-wrapper .input-text::placeholder {
  color: #adb5bd; /* Cor suave para o placeholder */
  font-style: italic; /* Deixar o placeholder em itálico */
}

.woocommerce-checkout #payment .payment_methods li {
  line-height: 2 !important;
}

/* Estilo geral para o wrapper do select */
.asaas_field_cc {
  margin-bottom: 15px; /* Espaçamento inferior para consistência */
}

/* Estilo para a label do select */
.asaas_field_cc label {
  font-weight: 600; /* Tornar a fonte da label mais grossa */
  color: #343a40; /* Cor da label */
  display: block;
  margin-bottom: 5px;
}

/* Estilo para o select */
.asaas_field_cc .select {
  width: 100% !important; /* O select ocupa toda a largura disponível */
  padding: 10px 12px; /* Padding para usabilidade */
  border: 1px solid #ced4da; /* Borda suave */
  border-radius: 5px; /* Bordas arredondadas */
  font-size: 16px; /* Tamanho da fonte */
  color: #495057; /* Cor do texto */
  background-color: #fff; /* Fundo branco */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Sombra interna */
  appearance: none; /* Remover estilo padrão do select */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23495057" d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  transition: border-color 0.2s ease-in-out;
}

/* Estilo quando o select está em foco */
.asaas_field_cc .select:focus {
  border-color: #80bdff; /* Mudar a cor da borda ao focar */
  outline: none;
  box-shadow: 0 0 5px rgba(128, 189, 255, 0.5); /* Sombra ao focar */
}

/* Estilo para as opções dentro do select */
.asaas_field_cc .select option {
  padding: 10px; /* Padding interno para as opções */
  color: #495057; /* Cor do texto das opções */
  background-color: #fff; /* Cor de fundo das opções */
}

/* Seta de drop-down personalizada */
.asaas_field_cc .select {
  -webkit-appearance: none; /* Remove estilo padrão no Safari */
  -moz-appearance: none; /* Remove estilo padrão no Firefox */
  appearance: none; /* Remove estilo padrão no Chrome */
  cursor: pointer; /* Cursor de pointer ao passar sobre o select */
}

/* Correção para o ícone no Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asaas_field_cc .select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23495057" d="M7 10l5 5 5-5z"/></svg>') !important;
  }
}

.vimeo-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
  margin-bottom: 20px;
}

.vimeo-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.content-item-summary {
  display: flex;
  flex-direction: column;
}

.woocommerce form .form-row .select2-container {
  width: 100% !important;
}

.message.message-error {
  color: white;
  background-color: red;
  border: 1px solid darkred;
  padding: 10px 20px;
  text-align: center;
  margin: 20px auto;
  width: 80%;
  max-width: 600px;
  border-radius: 5px;
}

.message.message-success {
  color: white;
  background-color: green;
  border: 1px solid darkgreen;
  padding: 10px 20px;
  text-align: center;
  margin: 20px auto;
  width: 80%;
  max-width: 600px;
  border-radius: 5px;
}

.lp-archive-courses .course-detail-info::after {
  width: auto !important;
}

.course-curriculum ul.curriculum-sections {
  z-index: 0 !important;
}

.wpsc-tickets-nav.log-out {
  display: none;
}

@media (max-width: 768px) {
  .lp-list-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .lp-list-table th,
  .lp-list-table td {
    white-space: nowrap;
  }
}

.select2-container .select2-selection--single {
  height: 45px !important;
}