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


/* === WPUM LOGIN & REGISTER FORM STYLING === */
.wpum-login-form,
.wpum-register-form,
.wpum-registration-form {
  font-family: 'Inter', sans-serif;
  color: #000000;
  width: 100%;
  padding: 20px 0;
}

/* Labels */
.wpum-login-form label,
.wpum-register-form label,
.wpum-registration-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #000000;
}

.wpum-login-form label + .field,
.wpum-register-form label + .field,
.wpum-registration-form label + .field {
  margin-top: 12px;
}

/* Input Fields */
.wpum-login-form input[type="text"],
.wpum-login-form input[type="email"],
.wpum-login-form input[type="password"],
.wpum-register-form input[type="text"],
.wpum-register-form input[type="email"],
.wpum-register-form input[type="password"],
.wpum-registration-form input[type="text"],
.wpum-registration-form input[type="email"],
.wpum-registration-form input[type="password"],
.wpum-login-form select,
.wpum-register-form select,
.wpum-registration-form select,
.wpum-register-form textarea,
.wpum-registration-form textarea {
  width: 100%;
  padding: 14px 20px;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-radius: 999px;
  font-size: 15px;
  margin-bottom: 24px;
  transition: 0.3s ease;
  color: #000;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Placeholder Text */
.wpum-login-form input::placeholder,
.wpum-register-form input::placeholder,
.wpum-registration-form input::placeholder,
.wpum-register-form textarea::placeholder,
.wpum-registration-form textarea::placeholder {
  color: #aaa;
}

/* Focus State */
.wpum-login-form input:focus,
.wpum-register-form input:focus,
.wpum-registration-form input:focus,
.wpum-register-form select:focus,
.wpum-registration-form select:focus,
.wpum-register-form textarea:focus,
.wpum-registration-form textarea:focus {
  outline: none;
  background: #ffffff;
  border-color: #c40000;
  box-shadow: 0 0 0 2px rgba(196, 0, 0, 0.3);
}

/* Submit Button */
.wpum-login-form input[type="submit"],
.wpum-register-form input[type="submit"],
.wpum-registration-form input[type="submit"] {
  background-color: #ffde17;
  border: none;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 20px;
  border-radius: 999px;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.wpum-login-form input[type="submit"]:hover,
.wpum-register-form input[type="submit"]:hover,
.wpum-registration-form input[type="submit"]:hover {
  background-color: #f7d119;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}

/* Secondary Link (Already have an account, etc.) */
.wpum-login-form .wpum-login-links a,
.wpum-register-form .wpum-login-links a,
.wpum-registration-form .wpum-login-links a {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #c40000;
  background: #fff;
  border: 1.5px solid #c40000;
  padding: 12px 20px;
  border-radius: 999px;
  transition: 0.3s ease;
}

.wpum-login-form .wpum-login-links a:hover,
.wpum-register-form .wpum-login-links a:hover,
.wpum-registration-form .wpum-login-links a:hover {
  background: #f7d119;
  color: #ffffff;
}

/* Forgot Password Link */
.wpum-login-form .wpum-login-links .wpum-lost-password,
.wpum-register-form .wpum-login-links .wpum-lost-password,
.wpum-registration-form .wpum-login-links .wpum-lost-password {
  display: block;
  font-size: 13px;
  text-align: left;
  margin-bottom: 16px;
  color: #1a1a1a;
  text-decoration: underline;
}

.wpum-login-form .wpum-login-links .wpum-lost-password:hover,
.wpum-register-form .wpum-login-links .wpum-lost-password:hover,
.wpum-registration-form .wpum-login-links .wpum-lost-password:hover {
  color: #c40000;
}

/* Checkbox Styling */
.wpum-login-form input[type="checkbox"],
.wpum-register-form input[type="checkbox"],
.wpum-registration-form input[type="checkbox"] {
  accent-color: #c40000;
  transform: scale(1.1);
  margin-right: 8px;
}

.wpum-login-form .fieldset-remember label,
.wpum-register-form .fieldset-marketing_optin label,
.wpum-registration-form .fieldset-marketing_optin label {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #000000;
  margin-bottom: 18px;
  line-height: 1.4;
}

/* Marketing Opt-In Fieldset */
.wpum-register-form .fieldset-marketing_optin,
.wpum-registration-form .fieldset-marketing_optin {
  margin-bottom: 24px;
}

/* Responsive */
@media (max-width: 480px) {
  .wpum-login-form form,
  .wpum-register-form form,
  .wpum-registration-form form {
    padding: 30px 20px;
  }
}

/* === CFTC Password Toggle Styling === */
.cftc-password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.cftc-password-wrapper input[type="password"],
.cftc-password-wrapper input[type="text"] {
  padding-right: 42px !important;
  flex-grow: 1;
  z-index: 1;
}

.cftc-password-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.cftc-password-toggle svg.eye-icon {
  width: 20px;
  height: 20px;
  opacity: 0.7;
  transition: 0.3s ease;
}

.cftc-password-toggle:hover svg.eye-icon {
  opacity: 1;
  fill: #c40000;
}




/* 🌟 CFTC /programas Tabs Styling – Final Polished (Expanded Container + Taller Tabs) */
.e-n-tabs-heading {
  display: flex;
  justify-content: center;
  align-items: stretch; /* 👈 Key change: stretch tabs to full height */
  background: linear-gradient(to right, #8f0000, #b00000);
  border-radius: 999px;
  max-width: 1280px;
  height: 88px;
  margin: 0 auto 48px auto;
  box-sizing: border-box;
  overflow: hidden;
  gap: 8px;
}

/* Tab Buttons - Fully matching container height now */
.e-n-tab-title {
  flex: 1 1 auto;
  height: 100%; /* Match heading height */
  padding: 0 36px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  background-color: transparent !important;
  color: #fff !important;
  border: none;
  border-radius: 999px !important;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: relative;
  z-index: 1;
  box-shadow: none !important;
  min-width: 240px;
  display: flex;
  align-items: center;   /* Vertically center text */
  justify-content: center; /* Horizontally center text */
}

/* Hover effect on inactive tabs */
.e-n-tab-title:not([aria-selected="true"]):hover {
  background-color: rgba(25, 25, 25, 0.25) !important;
}

/* Active tab pill effect */
.e-n-tab-title[aria-selected="true"] {
  background-color: #d20000 !important;
  color: #ffffff !important;
  font-weight: 500;
  z-index: 2;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transform: scale(1.02);
}

/* Inactive tab state */
.e-n-tab-title:not([aria-selected="true"]) {
  background-color: transparent !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Tab text formatting */
.e-n-tab-title .e-n-tab-title-text {
  display: inline-block;
  padding: 0 10px;
  white-space: nowrap;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .e-n-tabs-heading {
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
    height: auto;
  }
  .e-n-tab-title {
    width: 100%;
    height: auto;
    padding: 18px 20px;
    min-width: unset;
  }
}

/* Menu Highlight */
.active-nav {
  background-color: #414141;         /* Or your highlight color */
  color: #FFF !important;         /* Text color when active */
  border-radius: 99px;            /* Match your button styling */
  font-weight: bold;
  transition: all 0.3s ease;
}

/* -----------------------------------------
   SHADOWLEARN: DARK MODE FOR LEARNDASH
   ----------------------------------------- */

/* Define CSS Variables for Flexibility */
:root {
    --bg-primary: #111111;
    --bg-secondary: #1f1f1f;
    --bg-hover: #2a2a2a;
    --text-primary: #f0f0f0;
    --accent: #D7222A;
    --border-subtle: #2a2a2a;
    --shadow: rgba(0, 0, 0, 0.5);
}

/* Global Background & Text Colors */
body,
.learndash-wrapper,
.ld-content-area,
.ld-focus {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Sidebar & Navigation */
.ld-focus-sidebar,
.ld-course-navigation {
    background-color: var(--bg-secondary) !important;
    border-right: 1px solid var(--border-subtle) !important;
}

.ld-focus-sidebar .ld-lesson-item,
.ld-focus-sidebar .ld-lesson-item-preview,
.ld-table-list,
.ld-table-list-item,
.ld-table-list-item-preview,
.ld-table-list-item-wrapper {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: none !important;
    padding: 10px 15px !important; /* Improved spacing */
    transition: background-color 0.3s ease !important;
}

.ld-focus-sidebar .ld-lesson-item:hover,
.ld-table-list-item:hover,
.ld-table-list-item-preview:hover {
    background-color: var(--bg-hover) !important;
}

.ld-lesson-item.ld-is-current {
    background-color: #1d1d1d !important;
    border-left: 3px solid var(--accent) !important; /* Accent highlight */
}

/* Sidebar Icons & Status */
.ld-status-icon.ld-quiz-complete,
.ld-status-icon.ld-status-complete,
.ld-status-complete,
.ld-status-in-progress {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Sidebar Expand/Collapse Buttons */
.ld-expand-button,
.ld-collapse-button {
    background-color: #1b1b1b !important;
    color: var(--text-primary) !important;
    border: none !important;
    border-radius: 8px !important; /* Consistent rounding */
    box-shadow: 0 2px 4px var(--shadow) !important;
    transition: background-color 0.3s ease !important;
}

.ld-expand-button:hover,
.ld-collapse-button:hover {
    background-color: var(--bg-hover) !important;
}

/* Header (Logo & Navigation) */
.ld-focus-header,
.ld-focus-header .ld-brand-logo,
.ld-focus-header .ld-brand {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid #333333 !important;
}

/* Breadcrumb Bar */
.learndash-wrapper .ld-lesson-status,
.ld-breadcrumbs,
.ld-breadcrumbs-segments,
.ld-status {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

.ld-breadcrumbs a {
    color: var(--text-primary) !important;
    transition: color 0.3s ease !important;
}

.ld-breadcrumbs a:hover {
    color: var(--accent) !important;
}

/* Video Wrapper & Progress Bars */
.ld-video-wrapper,
.ld-progress,
.ld-lesson-header {
    background-color: var(--bg-secondary) !important;
    border: none !important;
}

.ld-progress-bar {
    background-color: #333333 !important;
    border-radius: 8px !important;
}

.ld-progress-bar .ld-progress-bar-percentage {
    background-color: var(--accent) !important; /* Accent for progress */
    border-radius: 8px !important;
}

.ld-progress .ld-progress-percentage,
.ld-progress .ld-progress-heading {
    color: var(--text-primary) !important;
    font-size: 1.1em !important; /* Improved readability */
}

/* Content Areas */
.ld-tab-content,
.ld-tabs-content,
.ld-content-actions {
    border-top: none !important;
    border-bottom: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.ld-tab-content {
    border-bottom: 1px solid #1a1a1a !important; /* Subtle divider */
}

/* Buttons (Quiz, Next, Prev, Complete) */
.ld-button,
.learndash .ld-button,
.ld-content-action .ld-button {
    background-color: var(--accent) !important;
    color: var(--text-primary) !important;
    border-radius: 25px !important;
    border: none !important;
    padding: 10px 20px !important; /* Consistent padding */
    box-shadow: 0 2px 4px var(--shadow) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.ld-button:hover {
    background-color: #e5333b !important; /* Lighter red on hover */
    box-shadow: 0 4px 8px var(--shadow) !important;
}

.ld-button:focus {
    outline: 2px solid var(--accent) !important;
    outline-offset: 2px !important;
}

/* Links */
.learndash-wrapper a,
.ld-focus-sidebar a,
.ld-focus-header a,
.ld-breadcrumbs a,
.ld-table-list-item-preview a,
.ld-lesson-item-preview-heading {
    color: var(--text-primary) !important;
    transition: color 0.3s ease !important;
}

.learndash-wrapper a:hover,
.ld-focus-sidebar a:hover,
.ld-focus-header a:hover {
    color: var(--accent) !important;
}

.learndash-wrapper a:visited {
    color: #b0b0b0 !important; /* Subtle visited state */
}

/* Table List Headers */
.ld-table-list-header,
.ld-table-list-items {
    background-color: var(--bg-secondary) !important;
    border-bottom: none !important;
}

/* Quiz Questions/Interactive Blocks */
.wpProQuiz_content,
.wpProQuiz_button,
.wpProQuiz_content .wpProQuiz_toplistTrOdd,
.wpProQuiz_content .wpProQuiz_toplistTable th {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: none !important;
}

.wpProQuiz_content .wpProQuiz_toplistTrOdd:hover {
    background-color: var(--bg-hover) !important;
}

.wpProQuiz_button {
    border-radius: 8px !important;
}

/* Status and Alert Colors */
.ld-alert-success,
.ld-status.ld-status-progress,
.ld-status.ld-status-complete {
    background-color: #222222 !important;
    color: var(--text-primary) !important;
}

.ld-status.ld-status-unlocked {
    background-color: rgba(215, 34, 42, 0.2) !important;
    color: var(--accent) !important;
}

/* Clean Up Spacing */
.ld-tab-content + .learndash-wrapper,
.ld-tab-content + .ld-content-actions {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* Scrollbars (Webkit Browsers) */
::-webkit-scrollbar {
    width: 10px !important;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--accent) !important;
    border-radius: 5px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #e5333b !important;
}

/* Additional Fine-Tuning */
.ld-expand-button.ld-button-alternate .ld-icon {
    background-color: var(--accent) !important;
    fill: var(--text-primary) !important; /* SVG icons */
    color: var(--text-primary) !important; /* Font icons */
}

.ld-item-list .ld-item-list-item a.ld-item-name:hover {
    color: var(--accent) !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .ld-focus-sidebar {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid var(--border-subtle) !important;
    }
    .ld-button {
        padding: 8px 16px !important;
        font-size: 0.9em !important;
    }
    .ld-table-list-item {
        padding: 8px 10px !important;
    }
}


/* Update course card background color and remove white border */
.ld_course_grid article.course {
  background-color: #444444 !important; /* your specific gray */
  border-radius: 10px;
  border: none !important; /* removes white outline */
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  color: #ffffff !important; /* default text inside card */
}

/* Force title and caption text inside the card to be white */
.ld_course_grid article.course h3.entry-title,
.ld_course_grid article.course .caption,
.ld_course_grid article.course .caption * {
  color: #ffffff !important;
}

/* Style the button in red with white text */
.ld_course_grid_button .btn.btn-primary {
  background-color: #c40000 !important; /* red */
  border-color: #c40000 !important;
  color: #ffffff !important;
}

/* Hover effect for button */
.ld_course_grid_button .btn.btn-primary:hover {
  background-color: #a30000 !important;
  border-color: #a30000 !important;
}


/* 🔒 Hide Add to Cart form visually for guests */
body:not(.logged-in) form.cart {
  display: none !important;
}

/* 🔐 Hide PayPal buttons (fallback in case plugin injects them after load) */
body:not(.logged-in) .paypal-buttons,
body:not(.logged-in) .paypal-button-container,
body:not(.logged-in) .pp-checkout-buttons,
body:not(.logged-in) #woo_pp_ec_button_product,
body:not(.logged-in) .wc-block-cart__submit-button,
body:not(.logged-in) .wc-block-components-checkout-place-order-button {
  display: none !important;
}




/* 🔐 Go to Course Button Styling */
.go-to-course-btn {
  background-color: #c40000 !important;
  color: #fff !important;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}
.go-to-course-btn:hover {
  background-color: #a30000 !important;
  transform: translateY(-1px);
}



/* 🧭 Notification Wrapper Box - Hidden by Default */
.woocommerce-notices-wrapper {
  position: fixed;
  bottom: 80px;
  left: 20px;
  width: auto;
  max-width: 360px;
  z-index: 9999;
  border-radius: 12px;
  background-color: #ffffff;
  color: #000000;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  padding: 20px 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none; /* 🚫 Hide by default */
}

/* ✅ Show only when styled-notice is applied */
.woocommerce-notices-wrapper.styled-notice {
  display: block;
}

/* 🧾 Reset default inner box style */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  position: static !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start; /* Left align all content */
}

/* ❌ Close Button Top Right */
.woocommerce-notices-wrapper .notice-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 20px;
  color: #000000;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
  z-index: 10002;
  line-height: 1;
}
.woocommerce-notices-wrapper .notice-close:hover {
  color: #c40000;
}

/* 🛒 View Cart Button */
.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-error .button,
.woocommerce-notices-wrapper .woocommerce-info .button {
  background: #f3f3f3 !important;
  color: #111 !important;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  border: none;
  text-align: center;
  width: fit-content;
  margin-top: 10px;
  align-self: flex-start; /* ⬅️ Force it to align left inside flex column */
  float: none !important;     /* ⬅️ Prevent WooCommerce float */
  display: block !important;  /* ⬅️ Prevent inline behavior */
}

/* 🖼 Remove WooCommerce Default Notification Icons */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  display: none !important;
}

/* ✅ Notification Icon Underneath Container */
.notification-icon-below {
  position: fixed;
  bottom: 20px; /* Under the box */
  left: 30px;
  width: 50px;
  height: 50px;
  background-color: #000000;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
}
.notification-icon-below img {
  max-width: 30px;
  max-height: 30px;
}

/* 🔴 Style the 'Proceed to Checkout' Button */
.woocommerce .wc-proceed-to-checkout .checkout-button {
  background-color: #b42216 !important; /* Match login button red */
  color: #fff !important;
  border: none !important;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50px; /* Full rounded like login button */
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 20px; /* ✅ Add spacing between this and PayPal/Venmo buttons */
  transition: background-color 0.3s ease;
  box-shadow: none;
}

.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
  background-color: #911d12 !important; /* Slightly darker red on hover */
  color: #fff !important;
}
/* 🎯 Style WPUM Notifications to Match WooCommerce Notice Box */
.wpum-message {
  position: fixed !important;
  bottom: 80px !important;
  left: 20px !important;
  width: auto !important;
  max-width: 360px !important;
  z-index: 9999 !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  padding: 20px 30px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
  display: none; /* Hide by default */
}

.wpum-message.styled-wpum-notice {
  display: block !important;
}

.wpum-message p {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  color: #000000 !important;
}

/* ❌ WPUM Close Button */
.wpum-message {
  position: relative !important;
}

.wpum-notice-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 20px;
  color: #000000;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
  z-index: 10002;
  line-height: 1;
}

.wpum-notice-close:hover {
  color: #c40000;
}


/* Resume Course Button Styling */


/* 🔴 Style the Resume Course Button with Custom Class */
a.custom-resume-button {
  background-color: #b42216 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 14px 30px !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  text-align: center !important;
  display: inline-block !important;
  border: none !important;
  transition: background-color 0.3s ease !important;
}

a.custom-resume-button:hover {
  background-color: #911d12 !important;
  color: #ffffff !important;
}



/* Active Menu Buttons!! It's Here!*/
/* This is where I figure I end this work. I've worked a lot on this project, and I hope it pays off*/

/* 🔥 Highlight the active button by matching its href */
a[href="https://educateahora.com/"].elementor-button.active-highlight,
a[href="https://educateahora.com/cursos/"].elementor-button.active-highlight,
a[href="https://educateahora.com/sobre-nostoros/"].elementor-button.active-highlight,
a[href="https://educateahora.com/simposio2025/"].elementor-button.active-highlight {
  background-color: #414141;
  color: #ffffff !important;
  border-radius: 99px;
  font-weight: bold;
}

.rewatch-course-button {
  background-color: #d62828;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
}
.rewatch-course-button:hover {
  background-color: #a71d1d;
}