/*
Theme Name: Studiare Child
Theme URI: http://codebean.co/studiare/
Author: CodeBean Team
Author URI: http://codebean.co
Description: With Studiare, you can sell, market and create your online courses in one place. It is perfect for universities, teachers, and tutors, but can also be used by individuals and businesses.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: classes, courses, education, education center, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
Template: studiare
*/
html {
  scroll-behavior: smooth;
}

.theme-studiare:not(.wp-admin) video,
.theme-studiare:not(.wp-admin) iframe,
.theme-studiare:not(.wp-admin) input,
.theme-studiare:not(.wp-admin) textarea,
.elementor-custom-embed-image-overlay {
	border-radius: 15px !important;
}

.courses-holder .courses-top-bar,
.main-sidebar-holder .widget,
.course-teacher-details,
.product-info-box,
.product-reviews,
.product-single-content,
.blog-main-loop .comment-respond,
.post-inner,
.blog-single-social-box,
#course-advice .advice .advice-inner {
	border-radius: 10px !important;
}

.about-course__sidebar {
  padding: 30px 15px 30px 30px !important;
  background: #fff;
  box-shadow: 0 10px 50px rgba(100, 117, 150, 0.15);
  border-radius: 15px !important;
}

.about-course__list li a {
  padding: 10px 0;
  position: relative;
}

.about-course__list li:first-child a {
  padding-top: 0;
}

.about-course__list li:last-child a {
  padding-bottom: 0;
}

.about-course__list li a:before {
  content: "";
  background: #f1b243;
  width: 5px;
  height: 34px;
  position: absolute;
  right: -15px;
  border-radius: 5px 0 0 5px;
  opacity: 0;
  transition: all 0.3s ease;
}

.about-course__list li a:hover:before {
  opacity: 1;
}

.elementor-posts .elementor-post__text {
  display: flex !important;
}

.elementor-posts .elementor-post__card .elementor-post__read-more {
  background: #f1b243;
  color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-top: auto;
  margin-bottom: 10px !important;
}

.elementor-posts .elementor-post__card .elementor-post__read-more:hover {
  background: #f1b243;
}

/* Slide In From The Top Option */

.header-2 {
  transform: translatey(-100%);
  -moz-transition: all 0.3s ease !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

.elementor-sticky--effects.header-2 {
  height: auto !important;
  transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
  display: none !important;
}

.events__item .elementor-post__thumbnail__link:before {
  content: "\f63d";
  font-family: "fontawesome_pro";
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.37);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wd-accordion-title {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wd-accordion-title-text {
  padding-right: 10px;
  position: relative;
}

.wd-accordion-title .wd-accordion-title-text:before {
  background-color: #f1b243;
  border-radius: 0.4375rem;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  right: -5px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.wd-accordion-opener {
  background: #f1b24333;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e59811;
}

.free-videos__item .elementor-post__thumbnail__link:before {
  content: "\f04b";
  font-family: "fontawesome_pro";
  position: absolute;
  z-index: 1;
  color: #e7b558;
  font-size: 16px;
  line-height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 2px solid #e7b558;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select {
  border-radius: 15px;
  height: 52px !important;
  padding: 10px 17px;
  width: 100%;
  border-color: #d5d6d9;
}

.gform_wrapper .ginput_container select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: 15px 50%,
    /* Changed to 50% for vertical center */ 20px 50%,
    /* Changed to 50% for vertical center */ 2.5em 50%; /* Changed to 50% for vertical center */
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.gform_wrapper .gform_footer input[type="submit"] {
  width: 100% !important;
  border-radius: 15px;
  background: #f1b243;
  box-shadow: 0 5px 25px rgba(237, 94, 0, 0.28) !important;
  margin-bottom: 0 !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
  background: #e59811;
}

.gform_wrapper .gform_footer {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.panel-content-inner .wp-video {
  margin: auto;
}

.register-message {
  margin-bottom: 0;
}

.modal2 .advice-modal-content .advice-form,
.modal2 .advice-modal-content .advice-contact {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* Container styling for the TOC */
.table-of-contents {
    margin: 20px 0;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* TOC Header */
.table-of-contents h2 {
    font-size: 1.4em;
    margin-bottom: 15px;
    color: #333;
    text-align: right;
    font-weight: bold;
}

/* TOC List Styling */
.table-of-contents ul {
    list-style-type: none; /* Remove default list styling */
    padding-right: 0;
    margin: 0;
}

/* Nested lists for different heading levels */
.table-of-contents ul li {
    position: relative;
    padding-right: 20px;
    line-height: 2;
}

.table-of-contents ul li:before {
    content: "\f053"; /* Bullet symbol */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
     /* Bullet color */
    line-height: 1;
    font-family: 'fontawesome_pro';
}

/* Nested levels indented for different headings */
.table-of-contents ul li li {
    margin-right: 20px;
}

.table-of-contents ul li li li {
    margin-right: 20px;
}

/* TOC Link Styling */
.table-of-contents ul li a {
    text-decoration: none;
    font-weight: 500;
}

.table-of-contents ul li a:hover {
    text-decoration: underline;
}

.post-inner h2,
.post-inner h3,
.post-inner h4,
.post-inner h5 {
  scroll-margin-top: 100px; /* This adds 70px top margin when scrolling */
}

.course-section .download-button {
  display: none;
}

body.logged-in .course-section .download-button {
  display: block;
}

footer .elementor-heading-title {
  position: relative;
  font-size: 16px;
}

footer .elementor-heading-title:before {
  content: "";
  position: absolute;
  right: -10px;
  width: 5px;
  height: 20px;
  background: #f1b243;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px 0 0 8px;
}

.single-product .product-info-box:last-child,
.main-sidebar-holder .widget.widget_text {
	padding: 0;
	border: none;
	background: transparent;
}

.single-product .product-info-box:last-child img,
.main-sidebar-holder .widget.widget_text img {
	width: 100%;
}

.sale-perc-badge {
    background: #f1a65c;
    border-radius: 15px;
}

.sale-perc-badge:before {
	display: none;
}