/*
Theme Name: onlinebookmakers Child
Template: onlinebookmakers
Description: A full-site-editing WordPress theme for casino affiliate and review publishers. Built entirely on core WordPress APIs — no third-party field or page-builder plugins required.
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: onlinebookmakers
*/

@media (max-width: 768px) {
    body {
        --wp--style--root--padding-right: 18px;
        --wp--style--root--padding-left: 18px;
    }
    :where(.wp-block-group.has-background) {
        padding: 1.25em 0;
    }
    .wp-block-group.hero-banner h1 {
        font-size: 32px;
    }
}

/** Header **/
.spinoko-header.wp-block-template-part::before,
.spinoko-header .spinoko-header-search-popover {
    background-color: var(--wp--preset--color--contrast);
}

.wp-block-group.spinoko-logo {
    margin-right: auto;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-weight: 500;
}

.spinoko-header .spinoko-header-search-toggle {
    color: var(--wp--preset--color--contrast);
    background: var(--wp--preset--color--base);
    border-radius: 50%;
}

@media (max-width: 768px) {
    .spinoko-logo-mark img.custom-logo {
            max-height: 30px;
    }
}


/* End Header */

/* Main */

.entry-content.alignfull  .wp-block-calendar, 
.entry-content.alignfull  .wp-block-table table th {
    font-family: var(--wp--preset--font-family--body);
    font-weight: 700;
}

.entry-content.alignfull  .wp-block-table table th strong {
    font-family: var(--wp--preset--font-family--body);
    font-weight: 700;
}

.hero-banner.wp-block-group {
    background: var(--wp--preset--color--base3);
}

.hero-banner.wp-block-group  p {
    color: var(--wp--preset--color--contrast);
    line-height: 1.5;
}

/* End Main */

/* Reviews */
/* End Reviews */

/* Footer */

.spinoko-footer .footer-top {
    grid-template-columns: 3.6fr 1fr 1fr;
}

footer.spinoko-footer {
    background: var(--wp--preset--color--base-3);
}

@media (max-width: 599px) {
    .spinoko-footer .footer-top {
		display: flex;
		flex-wrap: wrap;
    }

    .spinoko-footer .wp-block-navigation.is-vertical {
        gap: 12px;
    }
}


/* End Footer */