/**
 * Theme Name: MasterStudy Templates Child
 * Template: ms-lms-starter-theme
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates is a package for the MasterStudy LMS, the popular WordPress plugin for online learning. The package features one free template and three premium templates each with different and unique designs you can use to upgrade the website. It helps you save time setting up your site with ready-to-use page layouts and demo content you can import in a few clicks. With the support of Elementor, you can choose from widgets and style options and customize the site’s design. From homepages to course pages, every aspect of your eLearning website can be tailored to meet your specific needs.
 * 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: 2.0.11
 */

 /*----------------------
 Add your custom css here
 ------------------------*/

 /*
 * Hide reCAP
 * */
@media (max-width: 768px) {
  .rc-anchor {
    display: none !important;
  }
}
/*  KHỐI: GENERAL  */
.masterstudy-file-attachment__size{
	display: none !important;
}
.masterstudy-file-attachment__link  {
	display: none !important;
}
.masterstudy-audio-player__playback-speed{
	display:none !important;
}
.wrapper {
    padding-top: 20px;
}
.masterstudy-course-player-header,
.masterstudy-course-player-header * {
    font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-course-player-quiz ,
.masterstudy-course-player-quiz  * {
    font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-course-player-curriculum__wrapper,
.masterstudy-course-player-curriculum__wrapper * {
    font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-course-player-navigation__wrapper,
.masterstudy-course-player-navigation__wrapper * {
    font-family: 'Montserrat', sans-serif !important;
}
body .page-404 {
    background-color: transparent !important;
}
.woocommerce-form-coupon-toggle {
	display: none;
}
.comment-body ul, .elementor-widget-text-editor .elementor-widget-container ul, .entry-content ul, .textwidget ul {
	padding-left: 40px;
}
/* KHỐI: POSITION FIX / HIỆU ỨNG  */
.elementor-388 .elementor-element.elementor-element-c5c1176:not(.elementor-motion-effects-element-type-background), 
.elementor-388 .elementor-element.elementor-element-c5c1176 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	top: -20px;
}
.elementor-4778 .elementor-element.elementor-element-106003ca:not(.elementor-motion-effects-element-type-background), 
.elementor-4778 .elementor-element.elementor-element-106003ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	top: -20px;
}
/* KHỐI: LMS – Hệ thống khóa học (MasterStudy) */
.masterstudy-single-course-modern{
	top: -40px !important;
	position: relative !important;
}
.stm_lms_courses .featured-head {
    background: #a3bef2 !important;
    border-top: #385bce 3px solid !important;
}
.affiliate_points {
	display: none;
}
.course_available_only_in_subscription {
    display: none !important;
}
.stm_lms_courses__filter_category:has(input[type="checkbox"][value="special"]) {
    display: none;
}
.stm_lms_post_status{
	 z-index: 3 !important;
}
.masterstudy-audio-player__download_visible {
    display: none !important;
}
.featured-courses{
	display: none !important;
}
.des-table{
	display: flex !important;
}
.masterstudy-course-player-content__wrapper {
    display: flex;
    flex-direction: column;
}
.masterstudy-course-player-lesson-materials {
    order: -1; 
}
.masterstudy-authorization__header {
    display: block !important;
    width: 100%;
    margin-bottom: 20px !important;
}
.stm_lms_courses__single--meta .average-rating-stars__av {
    margin-top: 2px;
}
.masterstudy-course-card__meta{
	display: none !important;
}
.theme-ms-lms-starter-theme .stm_lms_courses__single--title h5 {
    min-height: 70px;
}
.stm-lms-user_create_announcement_btn.__bordered i, 
.stm-lms-user_edit_profile_btn.__bordered i {
    margin-top: 4px;
}
.masterstudy-course-player-content__header h1 {
    color: #3366ff;
}
.masterstudy-course-player-lesson * {
  font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-single-course-excerpt__more{
	color: white !important;
}
.masterstudy-instructor-public__socials {
	display: none !important;
}
.masterstudy-instructor-public__member {
	display: none !important;
}
.masterstudy-single-course-modern__topbar::before{
	background-color: #214b6b !important;
}
.masterstudy-course-player-content__header-lesson-type {
	display: none;
}
.masterstudy-course-player-lesson table, 
.masterstudy-course-player-lesson th, 
.masterstudy-course-player-lesson td {
	padding: 15px !important;
	font-size: 16px;
	vertical-align: middle !important;
  border: 1px solid #333 !important;
  border-collapse: collapse !important;
}

/*  KHỐI: WooCommerce – Giỏ hàng  */
th.product-quantity,
td.product-quantity {
  display: none !important;
}
.woocommerce table.cart td.actions button.button {
    width: 170px;
    height: 32px;
}
.woocommerce {
  max-width: 1200px !important;
}
.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
  background: #fff;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.shop_table thead {
  background-color: #0071a1;
  color: black;
  text-align: left;
  font-weight: 600;
}
.shop_table thead th {
  font-size: 16px !important;
  padding: 14px 14px !important;
}
.shop_table tbody td {
  padding: 14px 14px !important;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}
.product-thumbnail img {
  width: 80px !important;
  border-radius: 6px;
  object-fit: cover;
}
.product-name a {
  color: #0071a1;
  font-weight: 600;
  text-decoration: none;
}
.product-name a:hover {
  text-decoration: underline;
}
.product-price, .product-quantity, .product-subtotal {
  font-weight: 600;
  color: #222;
}
.product-remove a.remove {
  color: #e74c3c;
  font-size: 22px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
.product-remove a.remove:hover {
  color: #c0392b;
}
.actions {
  padding: 15px 20px;
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  text-align: right;
  border-radius: 0 0 8px 8px;
}
.coupon input[type="text"] {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 180px;
  margin-right: 10px;
  font-size: 14px;
}
.coupon button, .actions button {
  background-color: #0071a1;
  color: #fff;
  border: none;
  padding: 9px 18px;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.coupon button:hover, .actions button:hover:not(:disabled) {
  background-color: #8bc2f0;
}
.actions button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.cart_totals {
  background: #fff;
  padding: 20px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
  border-radius: 8px;
  margin-left: auto;
	font-size: 18px !important;
}
.cart_totals h2 {
	font-size: 22px;
	text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0071a1;
}
.cart_totals table {
  width: 100%;
  border-collapse: collapse;
}
.cart_totals td {
	font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cart_totals tr.cart-subtotal th,
.cart_totals tr.cart-subtotal td {
  color: #555;
	font-size: 16px;
}
.cart_totals tr.order-total th,
.cart_totals tr.order-total td {
  font-size: 18px;
  color: #222;
	font-size: 16px;
  border-top: 2px solid #0071a1;
}
.wc-proceed-to-checkout .checkout-button {
  display: inline-block;
  margin-top: 20px;
  background-color: #27ae60;
  color: #fff;
  padding: 12px 30px !important;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
	font-size: 18px !important;
  transition: background-color 0.3s ease;
  text-align: center;
}
.wc-proceed-to-checkout .checkout-button:hover {
  background-color: #8bc2f0 !important;
}

/*  KHỐI: WooCommerce – Checkout  */
.woocommerce {
    max-width: 100%;
    margin: 30px auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}
.col2-set {
  display: flex;
	gap: 15px;
}
.woocommerce-billing-fields,
.woocommerce-additional-fields,
.woocommerce-checkout-review-order {
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.06);
  font-size: 16px;
  color: #333;
}
.woocommerce-additional-fields {
	margin-top: 17px;
}
.woocommerce-checkout-review-order {
	margin-top: 20px !important;
	width: 97%;
	margin: 0px auto 0;
}
.woocommerce span.select2-container--default .select2-selection__rendered {
    margin-top: -10px !important;
}
.woocommerce-billing-fields h3 {
  font-size: 23px;
  margin-bottom: -20px !important;
  color: #1a1a1a;
}
.woocommerce-billing-fields label {
  display: block;
  font-weight: 600;
  margin-bottom: 1.5px;
  color: #555;
}
.woocommerce-billing-fields input.input-text,
.woocommerce-billing-fields select {
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  transition: border-color 0.3s, box-shadow 0.3s;
  background: #fff;
}
.woocommerce-billing-fields input.input-text:focus,
.woocommerce-billing-fields select:focus {
  border-color: #0073aa;
  box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
  outline: none;
}
.required_field .required {
  color: #d63638;
  font-weight: bold;
}
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
.woocommerce-checkout-review-order-table thead th {
	font-size: 18px;
  color: #000 !important;
}
.woocommerce-checkout-review-order-table {
	font-size: 16px;
}
.woocommerce-checkout-review-order h3 {
	text-align: center;
}
.woocommerce-checkout-payment ul.payment_methods {
  list-style: none;
  padding-left: 0;
  margin-bottom: 25px;
}
.woocommerce-checkout-payment ul.payment_methods li {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 15px;
  background-color: #f9f9f9;
  position: relative;
  transition: border-color 0.3s ease;
}
.woocommerce-checkout-payment ul.payment_methods li:hover {
  border-color: #0073aa;
}
.woocommerce-checkout-payment input.input-radio {
  margin-right: 10px;
  transform: scale(1.2);
  accent-color: #0073aa;
}
.woocommerce-checkout-payment label {
  font-weight: 600;
  cursor: pointer;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.woocommerce-checkout-payment .payment_box {
  margin-top: 10px;
  background-color: #eef5fb;
  padding: 15px;
  border-left: 4px solid #0073aa;
  border-radius: 8px;
  font-size: 15px;
  color: #333;
}
.woocommerce-checkout-payment .place-order {
  margin-top: 30px;
}
#place_order,
.woocommerce form .form-row.place-order button {
  background-color: #0073aa;
  color: white;
  padding: 14px 22px;
  font-size: 17px;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  width: 100%;
  transition: background-color 0.3s ease;
}
#place_order:hover {
  background-color: #005e8c;
}
.woocommerce-privacy-policy-text {
  font-size: 14px;
  color: #666;
  margin-top: 15px;
}
.woocommerce-privacy-policy-text a {
  color: #0073aa;
  text-decoration: underline;
}

/*  KHỐI: Responsive (Mobile)  */
@media (max-width: 768px) {
  #customer_details {
    flex-direction: column;
    padding: 20px;
  }
  #customer_details .col-1,
  #customer_details .col-2 {
    flex: 1 1 100%;
  }
}
@media (max-width: 600px) {
  .woocommerce-checkout-payment label {
    flex-direction: column;
    align-items: flex-start;
  }
  .payment_method_momo label img {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (max-width: 850px) {
  body .stm_lms_courses__archive_wrapper {
    display: flex !important;
    justify-content: center !important;
  }

  body .stm_lms_courses__archive_wrapper a.btn.btn-default.stm_lms_courses__archive_filter_toggle {
    display: flex !important;
    width: fit-content;
    margin: 0 auto !important; /* Cách khác để canh giữa */
    border-radius: 25px;
    height: 40px;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

 /*KHỐI: UI Filter – Trang khóa học  */
.stm_lms_courses_wrapper h1 {
	font-family: "Montserrat", Sans-serif !important;
  font-weight: 700 !important;
	font-size: 35px !important;
}

.courses_filters__title {
	align-items: center !important;
}

.stm_lms_courses__filter_heading h3 {
	font-size: 18px !important;
}

.courses_filters {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; 
	gap: 50px !important;
  height: auto !important; 
  border-radius: 12px !important;
  padding: 0px !important;
}

.courses_filters__activities {
  display: none !important;
  flex-direction: row !important;
  gap: 10px !important;
}

.stm_lms_courses__archive_filters {
	background-color: white;
	border-radius: 5px !important;
}
.theme-ms-lms-starter-theme .stm_lms_courses__single__inner {
  border-radius: 5px;
}
.stm_lms_courses__filter .stm_lms_styled_checkbox__inner input:checked+span {
  background-color: #385bce !important;
}
.stm_lms_courses__filter_actions input[type=submit]:hover {
	background-color: #5c77d1 !important;
}
.stm_lms_courses__single--info_preview a:hover {
	background-color: #5c77d1 !important;
}


/*  KHỐI: Khác (icon, flag, font)  */
.menu-item-object-language_switcher .trp-flag-image {
	height: 16px;
	width: 26px;
}
.stm-lms-wrapper {
	font-family: 'Montserrat', sans-serif !important;
}
.wpcf7-response-output {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	font-size: larger;
}
.masterstudy-course-player-navigation {
    z-index: 0 !important;
}
.masterstudy-curriculum-accordion__section-title{
	font-family: 'Montserrat', sans-serif !important;
}
body .masterstudy-course-player-content {
  font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-course-player-content__header h1 {
	font-family: 'Montserrat', sans-serif !important;
}
body .masterstudy-course-player-quiz__form {
	font-family: 'Montserrat', sans-serif !important;
}
.masterstudy-tabs.masterstudy-tabs_style-nav-sm .masterstudy-tabs__item {
    width: 60px !important;
}
.masterstudy-course-player-content__wrapper {
	font-family: 'Montserrat', sans-serif !important;
}

/*Custome text*/
.justify-text {
    text-align: justify;
}
/* === change layout course === */
/*left*/
.flex-container-course-left {
    display: block;
    align-items: flex-start;
		padding-bottom: 20px;
}
.flex-container-course-left .image-caption-wrapper {
    float: left;
    margin-right: 25px;
    margin-top: 10px;
}
.flex-container-course-left img {
    display: block; 
}
.flex-container-course-left p {
    text-align: justify;
}
.flex-container-course-left .caption {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 14px;
		margin-top: -1.5em;
}
/* right */
.flex-container-course-right {
    display: block;
    align-items: flex-start;
		padding-bottom: 20px;
}
.flex-container-course-right .image-caption-wrapper {
    float: right;
    margin-left: 25px;
    margin-top: 10px;
	text-align: right;
}
.flex-container-course-right img {
    display: inline-block; 
	max-width: 100%; 
    height: auto;
}
.flex-container-course-right p {
    text-align: justify;
}
.flex-container-course-right .caption {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 14px;
		margin-top: -1.5em;
}
/*row*/
.flex-container-course-row {
    display: flex;
    align-items: stretch; 
    justify-content: space-between;
    gap: 25px;
    padding-bottom: 20px;
    flex-wrap: nowrap; 
		
}
.flex-container-course-row .text-wrapper {
    flex: 1;
    display: flex;
    align-items: stretch;
}
.flex-container-course-row .text-wrapper p {
    text-align: justify;
}
.flex-container-course-row .image-caption-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.flex-container-course-row .image-caption-wrapper img {
    height: 100%;
	max-width: 100%;
}
.flex-container-course-row .caption {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    margin-top: -15px;
}
/* center*/
.flex-container-course-center {
    display: block;
    align-items: flex-start;
		padding-bottom: 20px
}
.flex-container-course-center .image-caption-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
		margin-bottom: 10px;
    display: table; 
}
.flex-container-course-center img {
    display: block;
    margin: 0 auto; 
}
.flex-container-course-center p {
    text-align: justify;
}
.flex-container-course-center .caption {
    display: block;
    text-align: center; 
    font-style: italic;
    font-size: 14px;
    margin-top: -1.5em;
}
/*side by side*/
.flex-container-course-sbs {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}
.flex-container-course-sbs .image-caption-wrapper {
    margin-right:25px; 
		margin-left:25px;
    margin-top: 10px;
    flex-shrink: 0; 
    width: auto; 
}
.flex-container-course-sbs img {
		display: block;
}
.flex-container-course-sbs p {
    text-align: justify;
}
.flex-container-course-sbs .caption {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    margin-top: -1.5em;
}
@media (max-width: 800px) {
  /* left-right */
  .flex-container-course-left .image-caption-wrapper,
  .flex-container-course-right .image-caption-wrapper {
    float: none;
    display: block !important;
    margin: 0 auto 15px auto;
    text-align: center;
    max-width: 90%;
  }
  .flex-container-course-left img,
  .flex-container-course-right img {
    margin: 0 auto;
  }
  .flex-container-course-left p,
  .flex-container-course-right p {
    text-align: justify;
    padding: 0 10px;
  }
  /* SBS: ảnh lên trên + center */
  .flex-container-course-sbs {
    flex-direction: column;
  }
  .flex-container-course-sbs .image-caption-wrapper {
    float: none;
    display: block;
    margin: 0 auto 15px auto;
    text-align: center;
    width: 90%;
  }
  .flex-container-course-sbs img {
    margin: 0 auto;
  }
  .flex-container-course-sbs p {
    text-align: justify;
    padding: 0 10px;
  }
  /* CENTER*/
  .flex-container-course-center .image-caption-wrapper {
    margin: 0 auto 15px auto;
    text-align: center;
    max-width: 100%;
  }
  .flex-container-course-center img {
    margin: 0 auto;
  }
  .flex-container-course-center p {
    text-align: justify;
    padding: 0 10px;
  }
	/* ROW */
	  .flex-container-course-row {
    flex-direction: column;
    align-items: center;
  }
  .flex-container-course-row .image-caption-wrapper {
    float: none;
    display: block !important;
    margin: 0 auto 15px auto;
    text-align: center;
    max-width: 90%;
  }
  .flex-container-course-row img {
    margin: 0 auto;
  }
  .flex-container-course-row p {
    text-align: justify;
    padding: 0 10px;
  }
}
/* Table center*/
	.center-table{
	display: flex;
      justify-content: center;
      align-items: center;
	text-align: center;
}
/*fact&myths custome container */
.myth-fact-pair {
  background-color: #ffffff;
  border-left: 6px solid #5c6ac4; 
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.myth-fact-pair:hover {
  transform: translateY(-5px); 
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); 
}
.myth {
  font-weight: bold;
  color: #000080;
  margin-bottom: 8px;
  font-size: 1.1em;
}
.fact {
  color: #444;
  font-size: 1.05em;
  line-height: 1.5;
}
.fact strong {
  color: #007a60;
}
/* custome style homepage */
.elementor-4778 .elementor-element.elementor-element-99e4d75 {
    gap: 0;
}
/*custome courses*/
.masterstudy-course-player-content__header {
	margin-top:10px;
}
.masterstudy-course-player-lesson-materials{
	margin-bottom:0 !important;
}
.woocommerce-js h3{
	margin-bottom: 10px;
}
.woocommerce-js h4{
	margin-bottom: 5px;
}
.woocommerce-js h5{
	margin-bottom: 5px;
}

/*Logo size in detail course*/
.masterstudy-single-course-instructor__avatar img.avatar {
    transform: scale(1.25);
    transform-origin: top left; 
    display: block;
}
.masterstudy-single-course-instructor__info{
	margin-left: 15px;
}

/*Adjust spacing for courses page */
.stm_lms_courses_wrapper {
    margin-top: -40px;
}

/*white background for boxes contact form */
.input-fields,.woocommerce .select2-container .select2-selection,input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea {
	background-color: #ffffff !important; 
}