/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: classes, courses, Education, education center, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: starter-text-domain
 * Version: 1.0.0
 */

/* @media (min-width: 768px) {
  body .navigation .ms-lms-authorization,
  body .navigation .stm_lms_account_dropdown {
    margin-left: auto !important;
  }
} */

@media (max-width: 767px) {
  body .navigation .ms-lms-authorization,
  body .navigation .stm_lms_account_dropdown {
    margin-left: 30px !important;
  }
}

/* Nav align */
@media (min-width: 1025px) {
  body .navigation .navigation-menu {
    flex: 1;
  }
}

body .navigation .navigation-menu .starter-menu {
  text-align: right;
}

.navigation .navigation-menu {
  margin-left: auto !important;
}

/* Nav btn */
.header-btn {
  margin-left: 16px;
  background-color: var(--accent-100);
  padding: 8px 20px;
  text-decoration: none;
  color: #fff;
}

.header-btn:hover {
  color: #fff;
  background-color: var(--accent-70);
}

/* Waitlist form */
.waitlist .newsletter__input {
  margin-bottom: 16px;
  background-color: white;
  border-radius: 6px;
  border-color: #e7eaf0;
}

.waitlist .newsletter__input:focus {
  border-color: var(--accent_color);
}

.waitlist .newsletter__submit {
  width: 100%;
  border-radius: 6px;
  padding: 16px;
  font-size: 1rem;
}

/* Lesson Layout */
.masterstudy-course-player-content__wrapper .masterstudy-course-player-lesson {
  max-width: 1280px;
}

/* Footer */

footer.footer {
  background-color: #001931;
}

footer.footer .social-list {
  justify-content: flex-end;
  align-items: center;
}

footer.footer .copyright {
  font-size: 0.75rem;
}

.social-list svg {
  fill: #fff;
}

.social-list a:hover svg {
  fill: var(--accent_color);
}