/*
Theme Name: Dawson
Theme URI: 
Author: Automattic
Author URI: https://automattic.com
Description: Dawson is a WordPress portfolio theme specifically tailored for photography. With a two column layout, the theme is ideal for those looking to build a portfolio website. Additionally, Dawson offers five distinct style variations, providing a wide range of aesthetic options to choose from.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: dawson
Tags: photography, portfolio, grid-layout, one-column, two-columns, three-columns, wide-blocks, block-patterns, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, style-variations, theme-options, threaded-comments, translation-ready
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

#mobile-menu {
    display: none;
}

/* 共通ボタンスタイル */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.btn,
.button,
.wp-block-button__link,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-file__button {
    background-color: #808080; /* ボタンの背景色 */
    color: #ffffff; /* ボタンの文字色 */
    border: none; /* ボタンの枠線をなしにする */
    padding: 10px 20px; /* ボタンのパディング */
    border-radius: 5px; /* ボタンの角丸 */
    text-align: center; /* 文字を中央揃え */
    text-decoration: none; /* テキストの下線をなしにする */
    display: inline-block; /* インラインブロックにする */
    font-size: 16px; /* フォントサイズ */
    transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.btn:hover,
.button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover {
    background-color: #2980b9; /* ホバー時の背景色 */
}