/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Responsive Visibility Classes */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    /* Custom Order Mobile */
    .custom-order {
        display: flex;
        flex-direction: column;
    }

    .custom-order> :nth-child(1) {
        order: var(--ord-m-1, initial);
    }

    .custom-order> :nth-child(2) {
        order: var(--ord-m-2, initial);
    }

    .custom-order> :nth-child(3) {
        order: var(--ord-m-3, initial);
    }

    .custom-order> :nth-child(4) {
        order: var(--ord-m-4, initial);
    }

    .custom-order> :nth-child(5) {
        order: var(--ord-m-5, initial);
    }

    .custom-order> :nth-child(6) {
        order: var(--ord-m-6, initial);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hide-on-tablet {
        display: none !important;
    }

    /* Custom Order Tablet */
    .custom-order> :nth-child(1) {
        order: var(--ord-t-1, initial);
    }

    .custom-order> :nth-child(2) {
        order: var(--ord-t-2, initial);
    }

    .custom-order> :nth-child(3) {
        order: var(--ord-t-3, initial);
    }

    .custom-order> :nth-child(4) {
        order: var(--ord-t-4, initial);
    }

    .custom-order> :nth-child(5) {
        order: var(--ord-t-5, initial);
    }

    .custom-order> :nth-child(6) {
        order: var(--ord-t-6, initial);
    }
}

@media (min-width: 992px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/* Footer menu item spacing */
.ct-footer .ct-footer-menu li + li,
.ct-footer .ct-widget.widget_nav_menu li + li {
    margin-top: 8px;
}

/* Footer menu active link color */
.ct-footer .ct-footer-menu .current-menu-item > a,
.ct-footer .ct-footer-menu .current_page_item > a,
.ct-footer .ct-widget.widget_nav_menu .current-menu-item > a,
.ct-footer .ct-widget.widget_nav_menu .current_page_item > a {
    color: var(--theme-palette-color-1);
    font-weight: 600;
}