/*
	Theme Name: Master Study Child
	Theme URI: http://stylemix.net
	Description: MasterStudy Child Theme
	Author: StylemixThemes
	Author URI: http://stylemix.net
	Template: masterstudy
	Version: 3.2
	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, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
	Text Domain: masterstudy-child
*/

/* UPD SEPT */
@media (max-width: 400px) {
  .course-title-holder {
    padding-right: 5px;
  }
}

@media (max-width: 480px) {
  .woocommerce-MyAccount-navigation ul {
    padding-left: 0;
  }
  .woocommerce-MyAccount-navigation ul li {
    display: block;
  }
}

@media (max-width: 767px) {
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 655px) {
  .course_table tr td.number.number-visible.title,
  .course_table tr td.title {
    padding-left: 20px;
    display: block;
    width: 100%;
  }
  .course_table tr td.stm_badge {
    display: block;
    width: 100%;
    text-align: left;
  }
  .course_table tr td .meta {
    padding-left: 12px;
  }
  .course_table tr td.stm_badge .badge_unit {
    margin-left: 15px;
  }
  .woocommerce-message {
    padding-right: 26px;
  }
  .woocommerce-message .button {
    position: static;
    float: none;
    display: block;
  }
  .woocommerce-message .button:after {
    display: none;
  }
  .shop_table > tbody > tr td.actions {
    padding-left: 15px;
    padding-right: 15px;
  }
  .woocommerce .shop_table.cart .coupon .button {
    display: block;
    margin-top: 15px;
  }
  .woocommerce .shop_table.cart .coupon {
    float: none;
    margin-bottom: 30px;
  }
  .woocommerce .shop_table.cart .button.update-cart {
    float: none;
    margin-bottom: 15px;
  }
}

.tp-caption .icon_in_btn {
  text-align: center !important;
}

@media (max-width: 991px) {
  .overflowed_content .wpb_column .vc_column-inner {
    margin-top: 0 !important;
  }
}

body .vc_row[data-vc-full-width] {
  overflow: visible;
}
body .vc_row[data-vc-full-width].vc_parallax {
  overflow: hidden;
}

.woocommerce-product-gallery {
  position: relative;
  margin-bottom: 3em;
}
.woocommerce-product-gallery figure {
  margin: 0;
}
.woocommerce-product-gallery
  .woocommerce-product-gallery__image:nth-child(n + 2) {
  width: 25%;
  display: inline-block;
}
.woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  float: left;
  cursor: pointer;
}
.woocommerce-product-gallery .flex-control-thumbs img {
  opacity: 0.5;
}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs img:hover {
  opacity: 1;
}
.woocommerce-product-gallery img {
  display: block;
}
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 33.3333%;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 25%;
}
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 20%;
}
.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 99;
}
ol.flex-control-nav.flex-control-thumbs {
  padding-left: 0px;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 20%;
}
.woocommerce-product-gallery__trigger {
  right: inherit;
  left: 0.5em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 2em;
  z-index: 9;
  width: 36px;
  height: 36px;
  background: #fff;
  text-indent: -9999px;
  border-radius: 100%;
  box-sizing: content-box;
}
.woocommerce
  div.product
  div.images
  .woocommerce-product-gallery__trigger:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 9px;
  box-sizing: content-box;
}
.woocommerce
  div.product
  div.images
  .woocommerce-product-gallery__trigger:after {
  content: '';
  display: block;
  width: 2px;
  height: 8px;
  background: #000;
  border-radius: 6px;
  position: absolute;
  top: 19px;
  left: 22px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: content-box;
}

/* Woo My Account Tabs*/
.woocommerce-account .woocommerce-MyAccount-navigation {
  display: table;
  float: none;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
.woocommerce-MyAccount-navigation ul {
  display: table !important;
  table-layout: fixed;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul > li {
  display: table-cell;
}
.woocommerce-MyAccount-navigation ul > li > a {
  display: block;
  padding: 12px 20px;
  background-color: #457992;
  border: 0;
  border-left: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
}
.woocommerce-MyAccount-navigation ul > li.is-active a,
.woocommerce-MyAccount-navigation ul > li a:hover,
.woocommerce-MyAccount-navigation ul > li a:focus {
  background-color: #f0f2f5;
  color: #457992;
}
.woocommerce div.product form.cart .variations td.label {
  display: none;
}
.woocommerce-product-gallery {
  position: relative;
  margin-bottom: 3em;
}
.woocommerce-product-gallery figure {
  margin: 0;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  z-index: 9 !important;
}
.stm_archive_product_inner_unit
  .stm_archive_product_inner_unit_centered
  .stm_featured_product_price
  .price
  h5 {
  font-weight: normal;
}
.widget_stm_recent_posts span.h6 {
  display: inline !important;
}
.widget_stm_recent_posts .cats_w {
  margin-left: 83px;
}

/* My Custom Style */

.transparent_header {
  z-index: 999;
}

.header_default {
  padding-block: 10px !important;
}

.post_list_main_section_wrapper .row {
  display: flex;
  justify-content: center;
}

.header_main_menu_wrapper .right_buttons,
.user-account-page .masterstudy-orders-course-info__category,
.woocommerce-checkout .stm-lms-wrapper {
  display: none !important;
}
.woocommerce-checkout .woocommerce-order .stm-lms-wrapper {
  display: unset !important;
}
p {
  margin-bottom: 10px;
}
.header_5 .header_main_menu_wrapper .header-menu > li.current-menu-item > a,
.header_5 .header_main_menu_wrapper .header-menu > li:hover > a {
  color: #510c0b;
}

.postid-49813 .stm-lms-wrapper {
  padding-top: 0px;
}

.masterstudy-orders-table__body .voucher-details {
  padding: 0 12px 12px;
}
.masterstudy-orders-table__body .voucher-details h4 {
  margin: 10px 0;
  color: #385bce;
}

.masterstudy-orders-table__body .voucher-details .voucher-code {
  padding-bottom: 8px;
}
.masterstudy-orders-table__body .voucher-details .voucher-code .voucher-status {
  padding: 3px 10px;
  background-color: red;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.masterstudy-orders-table__body
  .voucher-details
  .voucher-code.status-valid
  .voucher-status {
  background-color: green;
}

.woocommerce-checkout .woocommerce-error li {
  border: none;
  padding: 0;
  margin: 0;
  text-transform: unset;
  font-weight: normal;
  font-size: 12px;
}

form.woocommerce-checkout .description {
  display: block !important;
}

.wc-block-cart-items__header-product {
  visibility: visible !important;
}
.woocommerce-notices-wrapper .woocommerce-message,
.wc-block-cart__payment-options {
  display: none;
}
.woocommerce-notices-wrapper .woocommerce-message:last-child {
  display: block;
}

table.my-activity td,
table.my-activity th {
  text-align: left;
}

.retake-notice {
  background-color: #dff0d8;
  color: #3c763d;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  border-left: 5px solid #cae6be;
  padding: 15px;
  position: relative;
  text-align: start;
  margin-bottom: 40px;
}

.masterstudy-single-course-complete {
  background-color: rgba(255, 255, 255, 0.96) !important;
}

#validate-user-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}

#user_field {
  max-width: 500px;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}

#validate-user-form button[type='submit'] {
  padding: 10px 20px;
  background: rgb(34, 122, 255);
  border-radius: 4px;
  border: 0;
  color: #fff;
}

/* .wc-block-components-chip .wc-block-components-chip__remove,
.woocommerce-remove-coupon {
  display: none;
} */

.masterstudy-pagination__button-next {
  width: 100px !important;
  color: #fff !important;
  background: rgb(34, 122, 255) !important;
}
.masterstudy-pagination__button-next.masterstudy-pagination__button_disabled,
.masterstudy-pagination__button-next::before,
.masterstudy-pagination__button-next::after {
  display: none !important;
}

.resources-lists .leaf a {
  font-size: 16px;
  padding-block: 5px;
  display: flex;
  color: rgb(78, 8, 8);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.stm_lms_edit_socials_list .row:first-child .col-md-6:not(:nth-child(-n + 2)) {
  display: none;
}

.masterstudy-course-player-header {
  height: 80px;
}
.masterstudy-course-player-content {
  padding-top: 80px;
}

.masterstudy-course-player-header__logo {
  width: unset;
  height: 80px;
}
.masterstudy-course-player-header__logo img {
  width: auto;
  height: 80px;
}
.stm-lms-message {
  background-color: transparent;
}
.masterstudy-orders .stm_lms_user_info_top {
  flex-direction: column;
  align-items: flex-start;
}
.masterstudy-audio-player__playback-speed,
.masterstudy-course-player-quiz__form
  .masterstudy-audio-player__controls-current-time,
.masterstudy-course-player-quiz__form
  .masterstudy-audio-player__controls-total-time,
.page-id-19 .wc-block-components-notices {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .header_default .container .row {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 1200px) {
  #header.sticky_header {
    margin-bottom: 0px;
  }

  .navbar-toggle {
    margin-top: 20px;
  }
}