/* Hero home header background overlay */
#home-header:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000000aa;
    z-index: 1;
}

/* Videos on course lessons */
.single-post .fluid-width-video-wrapper {
    margin-bottom: 2rem !important;
}

/* Typography */
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

li {
    margin-bottom: 1rem;
}

li:last-of-type {
    margin-bottom: 0 !important;
}

#what-you-learn ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

#what-you-learn li::before {
    content: '✓';
    display: inline-block;
    /*   width: 1em; */
    margin-right: 0.5em;
    text-align: center;
    color: #ddad00;
    font-size: 1.25rem;
}

button.lp-button.button.alt {
    font-weight: bold;
    background-color: #e37520;
    color: #ede8ed;
    font-variant: normal;
    text-transform: capitalize;
}

button.lp-button.button.button-purchase-course {
    background-color: #c25419;
    color: #fafafa;
    font-weight: bold;
    font-variant: normal;
    text-transform: uppercase;
}

button.lp-button.lp-button-guest-checkout {
    background-color: #e64f29;
    color: #e0e0e0;
    font-weight: bold;
    text-transform: capitalize;
}

/* hide course breadcrumbs */
.learn-press-breadcrumb {
    display: none;
}

/* hide student count */
.course-students {
    display: none;
}

/* hide instructor tab */
.course-nav-tab-instructor {
    display: none;
}

.checkout-form-register-toggle {
    font-size: x-large;
    color: white !important;
    background-color: teal;
    padding: 0.5em 1em;
}

.checkout-form-login-toggle {
    font-size: large;
    color: white !important;
    background-color: teal;
    padding: 0.5em 1em;
}

/* Desktop Menu */

/* Margin added to First item to center logo*/
.et_pb_menu .et-menu>li:first-child {
    margin-left: 110px;
}

.et_pb_menu .et-menu>li {
    padding-left: 30px;
    padding-right: 30px;
}

/* Mobile menu */

#mobile_menu2 {
    display: fixed !important;
    top: 70px !important;
    left: 50% !important;
    width: 100vw !important;
    /* height: calc(100vh - 70px); */
    transform: translatex(-50%);
}

#mobile_menu2 li {
    margin-bottom: 1rem;
}

.et_mobile_menu li a {
    border-bottom: unset !important;
}

.et_mobile_menu li a:empty {
    display: none !important;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
    background-color: #fff !important;
    opacity: 1 !important;
}

/* Remose static link */
/* #mobile_menu2 li:nth-child(n + 3) a:first-child{
	display: none;
} */

/* Cart */
button[name='update_cart'] {
    display: none !important;
}

.button.wc-forward {
    margin-top: 1rem;
}

td.product-quantity,
td.product-subtotal,
th.product-quantity,
th.product-subtotal {
    display: none !important;
}

/* Coupons */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 180px;
}

@media (max-width: 500px) {
    .woocommerce-page table.cart td.actions .coupon .input-text+.button {
        float: unset;
        width: 100%;
    }
}

/* Checkout */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background: #0a4765;
}

form[name='checkout'] {
    display: grid;
    gap: 2rem;
}

button[name='woocommerce_checkout_place_order'] {
    margin-top: 2rem !important;
}

@media (max-width: 980px) {
    form[name='checkout'] {
        gap: 0rem;
    }

    button[name='apply_coupon'] {
        width: 100%;
    }
}

.woocommerce-form-login-toggle,
.woocommerce-additional-fields,
.order-again {
    display: none;
}

.woocommerce-thankyou-order-received {
    margin-bottom: 3rem;
    background: #0a4765;
    padding: 1rem;
    color: #fff;
}

.create-account.woocommerce-validated {
    display: none;
}

.price {
    margin-bottom: 1rem;
    color: #0a4765 !important;
    font-weight: bold;
}

@media (max-width: 800px) {
    .product_title.entry-title {
        margin-top: 1rem !important;
    }
}

@media (max-width: 500px) {
    .product_title.entry-title {
        font-size: 2rem;
    }
}

/* Login */

@media (min-width: 768px) {
    .et_pb_login {
        display: flex !important;
        align-items: center;
        min-height: 350px;
        gap: 0.5rem;
    }
}

/* Course overview */
@media (max-width: 980px) {
    #course-content .et_pb_button {
        display: none;
    }

    #course-content .et_pb_column {
        margin-bottom: 0;
    }

    #course-content .et_pb_column+.et_pb_column {
        display: none;
    }
}

/* Product page */
body.single-product .product_meta {
    /* display: none; */
}

body.single-product .wc-tabs-wrapper ul {
    /* display: none; */
}

body.woocommerce .woocommerce-tabs {
    /* border: none; */
}

.wc-tabs-wrapper,
.woocommerce-tabs .panel {
    padding-top: 0 !important;
    margin-top: 2rem !important;
}

.woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 {
    margin-top: 0 !important;
     margin-bottom: 0 !important;
}

/* Course sidebar */
#course-sidebar ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

#course-sidebar li {
    margin-bottom: 2rem;
}

/* New Account */
@media (min-width: 981px) {
    #main-content .container:before {
        width: 0;
    }
}

#main-content {
    min-height: calc(100vh - 130px - 86px);
    display: grid;
}

.page-id-113 .entry-content h1 {
    display: none;
}

.page-id-113 #main-content .container {
    padding-bottom: 58px;
}

/* Landing page product */

.woocommerce-variation-price {
    display: inline-block;
    background: hsl(0, 0%, 93%);
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}

table.variations td.value {
    transform: translateY(1.2rem);
}

.woocommerce-Tabs-panel--description :is(h3, p) {
    /* text-align: center !important; */
}

.woocommerce-Tabs-panel--description h3 {
    margin-bottom: 2rem;
}

.woocommerce-Tabs-panel--description iframe {
    width: 100vw !important;
    height: calc(100vw * 980 / 1920) !important;
}