/*!
Theme Name: classroom-child
Theme URI: https://www.thealphablocks.com/themes/school-classroom/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: The classroom-child Theme is a modern, responsive design crafted for educational institutions of all kinds. Whether you're running a primary school, high school, online academy, or vocational program, this versatile theme provides a professional and accessible platform to showcase your school’s vision, programs, and community activities. It includes essential features such as calendar integration, admission forms, parent and student portals, and newsletters — making it easy to manage communication and engagement. The theme is ideal for presenting curriculum details, events, achievements, and extracurricular activities through a clean and intuitive layout. With a fresh and welcoming aesthetic, it offers engaging banner sections, testimonial displays, faculty profiles, and an events calendar to keep your community informed. Optimized for all devices, the theme supports blogs, photo galleries, and videos, helping you build a dynamic and engaging online presence. Designed to adapt to your school’s evolving digital needs, this theme provides a strong foundation for fostering community connection and driving enrollment.
Version: 1.7
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: school-classroom
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, featured-image-header, footer-widgets, block-patterns, block-styles, rtl-language-support, sticky-post, style-variations, threaded-comments, theme-options, translation-ready, portfolio, blog, education

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

School Classroom is based on Twenty Twenty-Two WordPress Theme, (C) 2024 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

@import url("../school-classroom/style.css");

.entry-content h2 {
    background: #000;
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 24px;
}

.entry-content h3 {
  color: #000; /* h2の背景色と合わせて統一感を */
  border-left: 5px solid #000; /* 太めの左ボーダーでアクセント */
  padding: 4px 0 4px 10px; /* 内側に余白を持たせる */
  font-size: 20px; /* h2より少し小さく */
}

.entry-content P {
    padding: 6px 10px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.wp-block-archives li a::before {
    display: none;
}

div#modal-4-content {
    line-height: 0.8;
}


.wp-block-navigation ul li a:hover, .wp-block-navigation ul li a:focus, .wp-block-navigation ul li a:active {
    color: #FB8B1E!important;
    outline: none;
}



@media (max-width: 599px) {

  /* モバイルメニュー全体の背景色 */
  #modal-1 {
    background-color: #E5E5E5 !important;
  }

  /* メニューのリンク文字や余白の設定 */
  #modal-1 a.wp-block-navigation-item__content {
    color: #262626 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    margin: 5px 0 !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease !important;
  }

  /* リンクのホバー（マウスが乗った時）の背景色 */
  #modal-1 a.wp-block-navigation-item__content:hover {
    background-color: #FB8B1E !important;
  }

  /*
  * ===============================================
  * ↓↓↓  問題解決の核心部 ↓↓↓
  * ===============================================
  */
  /* モバイルメニュー内の全てのリスト項目(li)の装飾を強制リセット */
  #modal-1 .wp-block-navigation__container li.wp-block-navigation-item {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
  }
}

ul.wp-block-navigation__container.has-small-font-size.is-responsive.items-justified-right.is-vertical.wp-block-navigation.has-small-font-size {
    line-height: 1;
}

ul#top-lists {
    line-height: 1;
}