/* 
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.1
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 */

/* Esconde recaptcha do google */
.grecaptcha-badge, .grecaptcha-logo {
	display: none !important;
}
/* Preload geral do site */
.sbl-circ-path {
	height: 48px;
	width: 48px;
	color: rgba(90, 90, 90, 0.2);
	position: relative;
	display: inline-block;
	border: 5px solid;
	border-radius: 50%;
	border-right-color: #5a5a5a;
	animation: rotate 1s linear infinite; 
}  
@keyframes rotate {
	0% {
	  transform: rotate(0); }
	100% {
	  transform: rotate(360deg); } 
}

/*
* Scroll Horizontal Para os Cards do Site
*/
.scrolling-wrapper-this {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  --scroll-size: 5px;
  --scroll-radius: 10px;
  --scroll-track: transparent;
  --scroll-thumb-color: transparent;
}
.scroll-this::-webkit-scrollbar {
  width: var(--scroll-size, 10px);
  height: var(--scroll-size, 10px);
}
.scroll-this::-webkit-scrollbar-track {
  background-color: var(--scroll-track, transparent);
  border-radius: var(--scroll-track-radius, var(--scroll-radius));
}
.scroll-this::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb-color, grey);
  background-image: var(--scroll-thumb, none);
  border-radius: var(--scroll-thumb-radius, var(--scroll-radius));
}
/*
* Modal padrao para o site
*/
.site-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: none;
  background-color: rgb(0, 0, 0);
  background-color: rgb(0 0 0 / 64%);
}
.modal-content {
  background-color: #EEF0FF;
  margin: 5% auto;
  padding: 0px;
  border-radius: 12px;
  border: 1px solid #888;
  width: 90%;
  max-width: 500px;
  position: relative;
}
/* The Close Button */
.modal-close {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    background: transparent;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
}
.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modal-close a {
  color: #000;
}
/* Arrows para os carrosseis do site */
.scroll-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #4153f9;
  border-radius: 50%;
  opacity: 0.8;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.scroll-arrow-left {
  display: none;
  left: 2px;
  background-image: var(--wpr-bg-7c58059b-e9dd-420b-b64f-2d3e92c3e1f9) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  text-indent: -99999px;
}
.scroll-arrow-right {
  display: none;
  right: 2px;
  background-image: var(--wpr-bg-bfa02710-b602-4ec3-b554-b43724bc2bfb) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  text-indent: -99999px;
}
/*
* Single Cursos 
*/
.course-price {
  text-align: center;
  color: #000;
}
.course-price .price-container {
  font-size: 16px;
}
.course-price .title-price {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}
.course-price .title-price span {
  font-size: 51.2px;
}
.course-price .price-details p{
  font-size: 16px;
  margin-bottom: 0;
}
.icone-data ul{  
  background-image: var(--wpr-bg-4e4af3e6-3da4-4c27-8e4d-f911c8cc1905);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px;
}