/*
Theme Name: Garage
Theme URI: https://grg.jp
Author: the Garage team
Author URI: https://grg.jp
Description: Garage is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Garage will make your WordPress look beautiful everywhere.
Version: 4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: garage

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Custom Works Page Category Filter Buttons & Transition Hover Effects */
.blog__works .works__cate_link li a {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.blog__works .works__cate_link li a:hover,
.blog__works .works__cate_link li a.active {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #DEDEDE !important;
}

/* Adjust fixed header top position when WordPress Admin Bar is present */
body.admin-bar .header {
    top: var(--wp-admin--admin-bar--height, 32px);
}
body.admin-bar[data-preload=true] .header {
    top: -100%;
}

@media screen and (max-width: 782px) {
    body.admin-bar .header {
        top: var(--wp-admin--admin-bar--height, 46px);
    }
    body.admin-bar[data-preload=true] .header {
        top: -100%;
    }
}

/* Adjust mobile navigation height and position under admin bar */
@media screen and (max-width: 767px) {
    body.admin-bar .header__nav-wrap {
        top: var(--wp-admin--admin-bar--height, 46px);
        height: calc(100% - var(--wp-admin--admin-bar--height, 46px));
    }
}

/* Preserve line breaks for multiform fields in the confirmation step */
.confirm-content .definition dd,
.confirm-content dd.text-small {
    white-space: pre-wrap;
}

/* Hide default Contact Form 7 spinner */
.wpcf7-spinner {
    display: none !important;
}

/* Enforce cursor: pointer on all buttons, links styled as buttons, and inputs */
button,
input[type="submit"],
input[type="button"],
.btn,
.btn-3,
.wpcf7-submit,
a.button {
    cursor: pointer !important;
}