/* 
Theme Name: The Social Brain
Theme URI: https://mynk.me/
Description: The Social Brain is a child theme of Hello Elementor, created by Mayank Vishwakarma.
Author: Mayank Vishwakarma | MYNK
Author URI: https://mynk.me/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.alignwide {
    margin-inline: 0 !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .jo-video-shop-item .jo-video-card__infos {
    font-size: 1em !important;
    color: var(--ttBlue) !important;
    font-weight: 500;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .tt-video__infos.jo-video-card__infos ins {
    text-decoration: none;
}
.woocommerce img, .woocommerce-page img {
    border-radius: 10px;
}
.jo-video-shop-sidebar {
    background-color: #e2eeff !important;
}
.jo-service-details-related-services {
    background-color: #e2eeff !important;
}
.wp-block-search__button.has-icon.wp-element-button:hover {
    background-color: #004aad;
}
.jo-video-shop-details-video-cover img {
    max-height: 350px;
    object-fit: contain;
    object-position: left;
    width: fit-content;
    border-radius: 15px;
}

.jo-reel iframe {
    height: 100%;
    width: 100%;
    aspect-ratio: 16/9;
}

.video-gallery-categories,
.video-gallery-items,
.subcategories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.video-category,
.video-gallery-item,
.subcategories li {
    border: 1px solid #ccc;
    padding: 10px;
    width: 250px;
    text-align: center;
}

.btn-gradient {
    background-image: linear-gradient(to right, #004aad, #2193b0);
    color: white !important;
    border: none !important;
}

.btn-gradient:hover {
    background-image: linear-gradient(to right, #2193b0, #004aad);
}

ul {
    list-style: disc !important;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}

li > p {
    line-height: 1.75;
    margin: 0;
}

.has-sub-menu ul {
    list-style: none inside !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}