/*
	Theme Name: Jano Theme
	Theme URI: http://stylemix.net
	Description: Masterstudy Child Theme
	Author: StylemixThemes
	Author URI: http://stylemix.net
	Template: masterstudy
	Version: 3.3.26
	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;
    }
}

/* ================================================================
   CSS GENERALE - TUTTE LE AREE TRANNE Popular + Related
   object-fit: contain + aspect-ratio 16:9 + sfondo trasparente
   ================================================================ */

/* ==========================================================================
   1. WIDGET COURSES: Grid / Carousel / Archive (6 stili card Elementor)
   ========================================================================== */
.ms_lms_courses_card .ms_lms_courses_card_item_image,
.ms_lms_courses_archive .ms_lms_courses_card_item_image {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
    width: 100% !important;
}

.jano_teacher_courses .stm_lms_courses__single__inner {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.jano_teacher_courses .stm_lms_courses__single--image__container img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: contain !important;
    background-color: transparent !important;
}
.ms_lms_courses_card.card-style-6 .ms_lms_courses_card_item_image_link {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    overflow: visible !important;
}
.ms_lms_courses_card .ms_lms_courses_card_item_image_wrapper {
    aspect-ratio: 16 / 9;
}

/* ==========================================================================
   2. COMPONENT COURSE CARD (Dashboard Studente / Account generici)
   ========================================================================== */
.masterstudy-course-card__image {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
}
.masterstudy-course-card__image-link {
    aspect-ratio: 16 / 9;
}

/* ==========================================================================
   3. SINGOLO CORSO: Thumbnail principale
   ========================================================================== */
img.masterstudy-single-course-thumbnail {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
}

/* ==========================================================================
   4. SINGOLO CORSO: Immagine dentro Description
   ========================================================================== */
img.masterstudy-single-course-description__image {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
}

/* ==========================================================================
   7. STUDENT COURSE CARD (Dashboard + Public Account Profile)
   ========================================================================== */
.masterstudy-student-course-card__image {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
}
.masterstudy-student-course-card__image-link {
    height: auto !important;
    aspect-ratio: 16 / 9;
    overflow: visible !important;
    width: auto !important;
    min-width: 100px;
}
.public-accounts .masterstudy-student-course-card__image-link {
    height: auto !important;
    aspect-ratio: 16 / 9;
}

/* ==========================================================================
   8. COURSES CATEGORIES WIDGET (stili 2/3/4/5 con immagini)
   ========================================================================== */
[class*="masterstudy-courses-category-widget__style-"] .masterstudy-courses-category__image {
    object-fit: contain !important;
    -o-object-fit: contain !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    background-color: transparent;
}

/* ================================================================
   ECCEZIONE - POPULAR COURSES + RELATED COURSES:
   object-fit: contain + 16:9
   (sovrascrive il blocco generale sopra per queste 2 classi)
   ================================================================ */

/* --- WRAPPER: aspetto 16:9 COSTANTE per tutti i preset ------------ */
.masterstudy-popular-courses__image-wrapper,
.masterstudy-related-courses__image-wrapper {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background-color: transparent !important;
    border-radius: 4px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative !important;
}

/* --- IMMAGINE: contain dentro il box 16:9 --------------------------- */
img.masterstudy-popular-courses__image,
img.masterstudy-related-courses__image {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    -o-object-fit: contain !important;
    object-position: center center !important;
    background-color: transparent !important;
    display: block !important;
    flex-shrink: 0 !important;
    align-self: auto !important;
}

/* ================================================================
   CORREZIONI PRESET SPECIFICI (Popular + Related)
   ================================================================ */

/* POPULAR COURSES VERTICAL (default): 100px width, height 16:9 ≈56px */
.masterstudy-popular-courses:not(.masterstudy-popular-courses_horizontal)
.masterstudy-popular-courses__image-wrapper,
.masterstudy-popular-courses:not(.masterstudy-popular-courses_horizontal)
img.masterstudy-popular-courses__image {
    width: 100px !important;
}
.masterstudy-popular-courses:not(.masterstudy-popular-courses_horizontal)
.masterstudy-popular-courses__image-wrapper {
    margin: 0 20px 0 0 !important;
    align-self: flex-start !important;
    flex-shrink: 0 !important;
}

/* RELATED COURSES VERTICAL: stesso 100px × 16:9 */
.masterstudy-related-courses_vertical
.masterstudy-related-courses__image-wrapper,
.masterstudy-related-courses_vertical
img.masterstudy-related-courses__image {
    width: 100px !important;
}
.masterstudy-related-courses_vertical
.masterstudy-related-courses__image-wrapper {
    margin: 0 20px 0 0 !important;
    align-self: flex-start !important;
    flex-shrink: 0 !important;
}

/* POPULAR COURSES HORIZONTAL: 100% width → 16:9 */
.masterstudy-popular-courses_horizontal
.masterstudy-popular-courses__image-wrapper,
.masterstudy-popular-courses_horizontal
img.masterstudy-popular-courses__image {
    width: 100% !important;
}
.masterstudy-popular-courses_horizontal
.masterstudy-popular-courses__image-wrapper {
    margin: 0 0 20px !important;
    align-self: auto !important;
}

/* RELATED COURSES HORIZONTAL (default): 100% width → 16:9 */
.masterstudy-related-courses:not(.masterstudy-related-courses_vertical)
.masterstudy-related-courses__image-wrapper,
.masterstudy-related-courses:not(.masterstudy-related-courses_vertical)
img.masterstudy-related-courses__image {
    width: 100% !important;
}
.masterstudy-related-courses:not(.masterstudy-related-courses_vertical)
.masterstudy-related-courses__image-wrapper {
    margin: 0 0 20px !important;
    align-self: auto !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: .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: .5em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .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;
}
.stm_teacher_single_featured_image .stm_teacher_single_socials a.expert-social-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.stm_teacher_single_featured_image .stm_teacher_single_socials a.expert-social-twitch {
    background-color: #6441a5;
}
.teacher_content .teacher_img .expert_socials a.expert-social-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.teacher_content .teacher_img .expert_socials a.expert-social-twitch {
    background-color: #6441a5;
}
@media (max-width: 600px) {
    .stm-curriculum-item .stm-curriculum-item__toggle-container {
        display: block;
    }
    .stm-curriculum-item__toggle {
        display: block !important;
    }
}
@media (max-width: 550px) {
    .stm-curriculum-item .stm-curriculum-item__toggle-container {
        display: block;
    }
    .stm-curriculum-item__toggle {
        display: block !important;
    }
}
.ms_lms_courses_card_item_info_date_start {
    display: flex;
    font-family: "Albert Sans",sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #4D5E6F;
    margin-bottom: 6px;
    margin-top: -6px;
}

#terms {
    margin-left: 1px;
    width: auto;
}
.woocommerce-terms-and-conditions-checkbox-text {
    margin-left: 24px;
}

#billing_invoice_type + .select2.select2-container.select2-container--default {
    width: auto !important;
    display: block;
}

.stm_lms_account_dropdown .dropdown button {
    font-weight: 400;
    padding: 6px 13px !important;
    background-color: #f0f4fa;
    border: 1px solid #f0f4fa;
    font-size: 14px;
    border-radius: 23px;
    outline: 0!important;
    transition: .3s ease;
    margin-left: 5px;
}

body #buddypress .stm_lms_bd_student_private_profile .stm_lms_instructor_courses__top a {
    margin-right: 30px !important;
}

body.activity.directory #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods, body.activity.directory #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li, body.activity.my-activity #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods, body.activity.my-activity #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li, body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods, body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li {
    padding: 0;
    margin: 0;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
    padding-top: 20px;
    max-width: 20% !important;
}

body.activity.directory #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li img,body.activity.my-activity #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li img,body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions dd.user-list ul#group-mods li img {
    max-width: 30px
}

#whats-new-form #whats-new-submit .button {
    color: #2a3045!important;
    margin-right: 20px
}

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items/*,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items */{
    display:flex !important;
}

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li a {
    display: block !important;
    margin-bottom: -6px;
}
body.buddypress #buddypress #group-invites-container #members-list li .action button.invite-button {
    padding-top: 13px;
}
.ass-email-type input[type="radio"], .ass-email-type input[type="checkbox"] {
    margin-right: 10px;
}
.stm_lms_edit_socials_list .form-group-social_linkedin::before{
    font-family:VideoJS !important;
    content:"\f119";font-size:16px
}

.masterstudy-single-course-details__icon.masterstudy-single-course-details__icon_people::before{content:var(--stmlms-icon-group-users)}
.masterstudy-single-course-details__icon.masterstudy-single-course-details__icon_calendar::before{content:var(--stmlms-icon-calendar1)}
.masterstudy-single-course-details__icon.masterstudy-single-course-details__icon_people::before,.masterstudy-single-course-details__icon.masterstudy-single-course-details__icon_calendar::before{font-family:stmlms;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}
.masterstudy-single-course-details__icon.masterstudy-single-course-details__icon_people::before{font-size:20px}

.masterstudy-certificate-controls__item-icon.masterstudy-certificate-controls__item-icon_durata::before{content:'\e901'}
.masterstudy-certificate-controls__item-icon.masterstudy-certificate-controls__item-icon_livello::before{content:'\e929'}
.masterstudy-certificate-controls__item-icon.masterstudy-certificate-controls__item-icon_data_corso::before{content:'\e972'}

@font-face {
	font-family: "EdwardianScriptITC";
	src:url('../fonts/ITCEDSCR.ttf')
	format("truetype"); font-weight:400;
	font-style:normal
}
@font-face {
    font-family: "Times";
    src:url("https://db.onlinewebfonts.com/t/32441506567156636049eb850b53f02a.ttf")format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: "Times New Roman";
    src:url("https://db.onlinewebfonts.com/t/32441506567156636049eb850b53f02a.ttf")format("truetype");
    font-weight:400;
    font-style:normal
}
/* TEACHER CAROUSEL */
.stm_teachers_carousel__item.swiper-slide .multiseparator {
	display:none;
}
#footer .widget_stm_lms_popular_courses img {
    max-width:none;
}
#footer .widget_stm_lms_popular_courses .stm_product_list_widget.widget_woo_stm_style_2 li {
    min-height:47px;
}
#footer .widget_stm_lms_popular_courses .stm_product_list_widget.widget_woo_stm_style_2 li a img{
	width:calc(60px * 16 / 9)!important;
	height:60px!important;
	object-fit:contain!important;
	background-color:transparent;
}