/*
Theme Name: Tecco FirefoxOS
Description: FirefoxOSアプリ開発教室の既存画像とウィジェットを引き継ぐGeneratePress子テーマ。
Author: Tecco
Version: 1.0.0
Template: generatepress
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: tecco-firefoxos
*/
body { background-color:#f4f1e7; background-image:radial-gradient(#d7d0bd 0.45px,transparent 0.45px); background-size:4px 4px; color:#30333a; font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; font-size:16px; line-height:1.9; }
.site-header { background:transparent; }
.inside-header { display:block; padding:38px 0 0; }
.main-title { font-size:clamp(25px,4vw,46px); font-weight:800; letter-spacing:-.035em; line-height:1.25; }
.main-title a,.main-title a:hover { color:#30333a; }
.site-description { color:#686557; font-size:12px; letter-spacing:.05em; margin:8px 0 28px; }
.tecco-firefox-banner { margin:0; }
.tecco-firefox-banner img { display:block; width:100%; height:auto; aspect-ratio:980 / 276; object-fit:cover; }
.tecco-firefox-credit { font-size:12px; color:#565656; padding:5px 12px; margin:0; background:#dddcd7; }
.main-navigation,.main-navigation .main-nav ul li a { background:#343843; }
.main-navigation { max-width:1040px; margin:0 auto; }
.main-navigation .main-nav ul li a { color:#fff; line-height:46px; font-size:14px; }
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li[class*="current-menu-"]>a { color:#fff; background:#505867; }
.main-navigation .menu-toggle,.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus { color:#fff; }
.site-content { padding-top:28px; }
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header { padding:28px; border:1px solid #e5e0d2; border-radius:4px; }
.separate-containers .widget { padding:22px; border:1px solid #e5e0d2; border-radius:4px; background:#faf8f1; }
.entry-title { font-size:clamp(23px,3vw,29px); font-weight:750; line-height:1.5; }
.entry-content h2,.entry-content h3 { font-weight:700; line-height:1.6; }
.entry-content h2 { font-size:24px; border-bottom:2px solid #e5ac62; padding-bottom:.3em; }
.entry-content h3 { font-size:20px; }
.entry-content p { margin-bottom:1.5em; }
.entry-content img { max-width:100%; height:auto; }
.entry-content pre { overflow:auto; max-width:100%; font-size:14px; }
.entry-content pre:empty { display:none; }
.entry-content table { display:block; max-width:100%; overflow-x:auto; }
.widget-title { font-size:19px; font-weight:700; color:#343843; padding-bottom:9px; border-bottom:1px solid #d8d1bd; }
.widget li { margin-bottom:6px; }
a { color:#236f9b; }
a:hover { color:#b2601b; }
.footer-bar,.site-info { color:#5a5a56; }
.site-info { background:transparent; font-size:12px; padding:28px 20px; }
.post-image img { border-radius:3px; }
@media (max-width:768px) {
 .inside-header { padding:24px 16px 0; }
 .site-description { margin-bottom:20px; }
 .tecco-firefox-credit { font-size:10px; padding:4px 8px; }
 .site-content { padding-top:18px; }
 .separate-containers .inside-article,.separate-containers .comments-area { padding:22px 18px; }
 .separate-containers .widget { padding:20px; }
 .entry-title { overflow-wrap:anywhere; }
 .main-navigation { margin:0 16px; }
}