/* Editable card styles. Only wrappers containing the ecommerce block are targeted. */
.mc-course-host.mc-course-host {
    --mc-course-accent:#caa437 !important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    isolation:isolate !important;
    padding:0!important;
    border:2px solid var(--mc-course-accent)!important;
    border-radius:24px!important;
    background:transparent!important;
    color:inherit!important;
    box-shadow:0 12px 35px #0000000d!important;
    overflow:hidden!important;
    height:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    container-type:inline-size !important;
}

.mc-course-host.mc-course-host::before {
    display:none!important;
}

.mc-course-host.mc-course-host::after {
    content:"" !important;
    position:absolute !important;
    bottom:0 !important;
    right:0 !important;
    width:68px !important;
    height:28px !important;
    background:linear-gradient(135deg,transparent 30%,#caa43766 31%,#caa43766 55%,var(--mc-course-accent) 56%) !important;
    pointer-events:none !important;
    z-index:-1 !important;
}

.mc-course-host.mc-course-host>.item-image,.mc-course-host.mc-course-host>.imagen-virtual-custom {
    position:relative!important;
    float:none!important;
    display:block!important;
    width:100%!important;
    height:260px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    mask-image:linear-gradient(#000 0%,#000 60%,transparent 100%) !important;
    -webkit-mask-image:linear-gradient(#000 0%,#000 60%,transparent 100%) !important;
}

.mc-course-host.mc-course-host>.item-image::before,.mc-course-host.mc-course-host>.imagen-virtual-custom::before {
    display:none!important;
}

.mc-course-host.mc-course-host>.item-image a,.mc-course-host.mc-course-host>.imagen-virtual-custom a {
    display:block!important;
    width:100%!important;
    height:100%!important;
}

.mc-course-host.mc-course-host>.item-image img,.mc-course-host.mc-course-host>.imagen-virtual-custom img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border:0!important;
    border-radius:0!important;
    margin:0!important;
    max-width:none!important;
}

.mc-course-host.mc-course-host .item-content {
    display:flex!important;
    flex-direction:column!important;
    flex:1 !important;
    position:static!important;
    margin:-28px 0 0!important;
    padding:0 22px 24px!important;
    background:transparent!important;
    color:inherit!important;
    width:100%!important;
    float:none!important;
    box-sizing:border-box!important;
}

.mc-course-host.mc-course-host .system-unpublished,.mc-course-host.mc-course-host .item-intro {
    position:static!important;
    background:transparent!important;
    color:inherit!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:visible!important;
}

.mc-course-host.mc-course-host .page-header {
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    position:relative !important;
}

.mc-course-host.mc-course-host .page-header h2,.mc-course-host.mc-course-host .item-title {
    margin:0!important;
    padding:0!important;
    font-size:clamp(23px,6.8cqi,34px)!important;
    font-weight:850!important;
    line-height:1.13!important;
    letter-spacing:-.025em!important;
    text-align:left!important;
    text-transform:none!important;
    color:inherit!important;
    border:0!important;
}

.mc-course-host.mc-course-host .page-header h2 a,.mc-course-host.mc-course-host .item-title a {
    color:inherit!important;
    font:inherit!important;
    text-decoration:none!important;
}

.mc-course-host.mc-course-host .article-aside {
    margin:0 0 16px!important;
    font-size:12px!important;
    border-left:4px solid var(--mc-course-accent) !important;
    padding-left:10px!important;
    background:transparent!important;
    color:inherit!important;
}

.mc-course-host.mc-course-host .article-info,.mc-course-host.mc-course-host .category-name {
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:inherit!important;
}

.mc-course-host.mc-course-host .article-info-term {
    display:none!important;
}

.mc-course-host.mc-course-host .readmore {
    display:none!important;
}

.mc-course-card.mc-course-card {
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    height:100% !important;
    --mc-course-accent:#caa437 !important;
    background:transparent!important;
    color:inherit!important;
    font-family:inherit!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    box-sizing:border-box!important;
}

.mc-course-card.mc-course-card * {
    box-sizing:border-box !important;
}

.mc-course-card.mc-course-card .mc-course-brand {
    display:none !important;
}

.mc-course-host .mc-course-card.mc-course-card .mc-course-brand {
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    max-width:44% !important;
    padding:10px 16px 10px 10px !important;
    background:var(--mc-course-accent) !important;
    border-radius:0 0 26px 0 !important;
    z-index:3 !important;
}

.mc-course-card.mc-course-card .mc-course-brand img {
    width:110px!important;
    max-width:100%!important;
    height:35px!important;
    object-fit:contain!important;
    border:0!important;
    margin:0!important;
}

.mc-course-card.mc-course-card .mc-course-discount {
    display:inline-block !important;
    background:var(--mc-course-accent)!important;
    color:#121212!important;
    border-radius:16px !important;
    padding:10px 12px !important;
    font-weight:850 !important;
    font-size:15px !important;
    line-height:1.15 !important;
    margin:0 0 12px!important;
}

.mc-course-host .mc-course-card.mc-course-card .mc-course-discount {
    position:absolute !important;
    top:18px !important;
    right:12px !important;
    max-width:52% !important;
    box-shadow:0 7px 16px #0002 !important;
    z-index:3 !important;
}

.mc-course-card.mc-course-card .mc-course-description {
    display:flex !important;
    gap:10px !important;
    margin:0 0 16px!important;
    line-height:1.45!important;
    font-size:14px!important;
    font-weight:550!important;
    color:inherit!important;
}

.mc-course-card.mc-course-card svg {
    width:24px !important;
    height:24px !important;
    flex:none !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.mc-course-card.mc-course-card .mc-course-icon {
    color:#caa437!important;
    width:26px!important;
    height:30px!important;
}

.mc-course-card.mc-course-card [hidden] {
    display:none!important;
}

.mc-course-card.mc-course-card .mc-course-status {
    font-size:12px !important;
    line-height:1.4 !important;
    margin:0 0 8px!important;
    color:inherit!important;
}

.mc-course-card.mc-course-card .mc-course-status:empty {
    display:none !important;
}

.mc-course-card.mc-course-card .mc-course-facts {
    margin-top:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    padding:12px 0 18px !important;
}

.mc-course-card.mc-course-card .mc-course-duration {
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
    flex:1 1 90px !important;
    font-size:12px !important;
    line-height:1.4 !important;
}

.mc-course-card.mc-course-card .mc-course-duration strong {
    display:block !important;
    font-size:16px !important;
    color:inherit!important;
}

.mc-course-card.mc-course-card .mc-course-duration svg {
    color:#caa437 !important;
    width:32px !important;
    height:32px !important;
}

.mc-course-card.mc-course-card .mc-course-pricing {
    flex:2 1 160px !important;
    border-left:2px solid var(--mc-course-accent) !important;
    padding-left:12px !important;
}

.mc-course-card.mc-course-card del {
    display:block !important;
    font-size:14px !important;
    opacity:.7 !important;
    margin-bottom:4px !important;
    color:inherit!important;
}

.mc-course-card.mc-course-card .mc-course-price-line {
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    flex-wrap:wrap !important;
}

.mc-course-card.mc-course-card .mc-course-price {
    padding:7px 12px !important;
    background:var(--mc-course-accent)!important;
    color:#111!important;
    font-size:25px!important;
    font-weight:900!important;
    line-height:1.15!important;
    border-radius:10px 2px 10px 2px !important;
    white-space:nowrap !important;
}

.mc-course-card.mc-course-card .mc-course-unit {
    padding:6px 8px !important;
    border-radius:0 18px 18px 0 !important;
    border:1px solid #8885 !important;
    font-size:10px !important;
    font-weight:700 !important;
    color:inherit!important;
}

.mc-course-card.mc-course-card .mc-course-actions {
    display:grid !important;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;
    gap:8px !important;
    margin:0!important;
}

.mc-course-card.mc-course-card .mc-course-actions>.mc-course-add,.mc-course-card.mc-course-card .mc-course-actions>.mc-course-more {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:48px!important;
    margin:0!important;
    padding:10px 8px!important;
    border:2px solid var(--mc-course-accent)!important;
    border-radius:16px!important;
    background:transparent!important;
    color:inherit!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.3!important;
    text-align:center!important;
    white-space:normal!important;
    box-shadow:none!important;
    cursor:pointer !important;
}

.mc-course-card.mc-course-card .mc-course-actions>.mc-course-add {
    background:var(--mc-course-accent)!important;
    color:#141414!important;
}

.mc-course-host a:focus-visible,.mc-course-card.mc-course-card button:focus-visible {
    outline:3px solid currentColor!important;
    outline-offset:3px!important;
}

.mc-course-card.mc-course-card button:disabled {
    opacity:.6 !important;
    cursor:wait !important;
}

@container (max-width:285px) {
    .mc-course-card .mc-course-actions {
        grid-template-columns:1fr!important;
    }

    .mc-course-host .item-content {
        padding-inline:14px!important;
    }

    .mc-course-card .mc-course-discount {
        font-size:12px!important;
    }

}

.mc-course-host.mc-course-host .system-unpublished {
    display:flex!important;
    flex-direction:column!important;
    flex:1 !important;
}

.mc-course-host.mc-course-host .article-aside {
    order:0 !important;
}

.mc-course-host.mc-course-host .page-header {
    order:1 !important;
}

.mc-course-host.mc-course-host .item-intro {
    order:2 !important;
    flex:1 !important;
}

.mc-course-card.mc-course-card .mc-course-likes {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 14px !important;
    font-size: 13px !important;
    color: inherit !important;
}

.mc-course-card.mc-course-card .mc-course-likes svg {
    color: #caa437 !important;
    width: 19px !important;
    height: 19px !important;
}

.mc-course-host.mc-course-host .item-content {
    z-index: 1 !important;
}

.mc-course-host.mc-course-host > .item-image {
    height: clamp(220px, 72cqi, 330px) !important;
}

.mc-course-host.mc-course-host .article-info {
    display: block !important;
}

.mc-course-host.mc-course-host .category-name {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.mc-course-host.mc-course-host .mc-course-likes {
    background: transparent !important;
}

.mc-course-card.mc-course-card .mc-course-rating, .mc-course-card.mc-course-card .mc-course-rating-form {
    display: none !important;
}

/* Compact price line and Joomla category label. */
.mc-course-host.mc-course-host .category-name {
    font-size: 0 !important;
}
.mc-course-host.mc-course-host .category-name [itemprop="genre"] {
    font-size: 15px !important;
}
.mc-course-card.mc-course-card .mc-course-price-line {
    flex-wrap: nowrap !important;
}
.mc-course-card.mc-course-card .mc-course-price {
    font-size: clamp(18px, 5.8cqi, 25px) !important;
    padding: 8px !important;
}
.mc-course-card.mc-course-card .mc-course-unit {
    font-size: 9px !important;
    padding: 6px !important;
}

/* 0.3.56: fade image alpha to reveal the actual page background in either theme. */
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster {
    min-height:480px!important;
    background:transparent!important;
    color:inherit!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster>.item-image,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster>.imagen-virtual-custom {
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    width:100%!important;
    z-index:-2!important;
    mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,.97) 10%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.43) 35%, rgba(0,0,0,.15) 46%, rgba(0,0,0,.05) 73%, transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,.97) 10%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.43) 35%, rgba(0,0,0,.15) 46%, rgba(0,0,0,.05) 73%, transparent 100%)!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster>.item-image img,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster>.imagen-virtual-custom img {
    object-fit:cover!important;
    object-position:center top!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster::before {
    content:none!important;
    display:none!important;
    background:none!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster::after {z-index:0!important}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .item-content {
    flex:0 0 auto!important;
    margin:auto 0 0!important;
    padding:250px 22px 24px!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .system-unpublished,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .item-intro,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-card {
    flex:0 0 auto!important;
    height:auto!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-meta {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
    margin:0 0 16px!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-meta .article-aside {
    margin:0!important;
    flex:1 1 auto!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-meta .mc-course-likes {
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    white-space:nowrap!important;
    color:inherit!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-meta .mc-course-likes svg {
    width:20px!important;height:20px!important;fill:none!important;
    stroke:var(--mc-course-accent)!important;stroke-width:1.6!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-facts {
    margin-top:0!important;
    padding:10px 0 18px!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-actions>.mc-course-add,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-actions>.mc-course-more {
    font-size:clamp(12px,3.5cqi,14px)!important;
    min-height:52px!important;
    padding:11px 8px!important;
}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-actions {position:relative!important;z-index:1!important}
@media(max-width:600px) {
    .mc-course-host.mc-course-host.mc-course-poster.mc-course-poster {min-height:480px!important}
    .mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .item-content {padding:250px 22px 24px!important}
}
@container(max-width:320px) {
    .mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .item-content {padding-inline:14px!important}
    .mc-course-host.mc-course-host.mc-course-poster.mc-course-poster .mc-course-meta {gap:8px!important}
}

/* 0.3.57: isolate the brand from template-wide image hover effects. */
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster .mc-course-brand,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster .mc-course-brand img,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster:hover .mc-course-brand,
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster:hover .mc-course-brand img {
    transform:none!important;
    scale:none!important;
    rotate:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
    filter:none!important;
    opacity:1!important;
}

/* 0.3.58: compact card settings, including previously saved article styles. */
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster {min-height:480px!important}
.mc-course-host.mc-course-host.mc-course-poster.mc-course-poster.mc-course-poster .item-content {padding:250px 22px 24px!important}
.mc-course-host.mc-course-host .mc-course-description strong {font-weight:800!important}