/*
Theme Name: BingkaiTekno Theme
Theme URI: https://bingkaitekno.com
Template: generatepress
Author: BingkaiTekno Team
Author URI: https://bingkaitekno.com
Description: Child theme for BingkaiTekno based on GeneratePress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bingkaitekno
*/

/* Custom CSS from HTML template */

.bento-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 250px;
    gap: 1rem;
}

.bento-hero {
    grid-column: span 1;
}

@media (min-width: 768px) {
    .bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bento-hero {
        grid-column: span 2;
        grid-row: span 2;
    }
}

@media (min-width: 1024px) {
    .bento-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 250px);
    }

    .bento-hero {
        grid-column: span 2;
        grid-row: span 2;
    }
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Marquee Animation */
@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    animation: marquee 25s linear infinite;
}

/* Prevent horizontal scroll */
html,
body {
    overflow-x: hidden;
    width: 100%;
}