/*
Theme Name: CM News-CM News
Template: cm-news
Theme URI: https://cmblocks.com/themes/cm-news/
Author: Codemanas
Author URI: https://cmblocks.com
Description: CM News-CM News is a versatile and contemporary WordPress block theme tailored for news websites, featuring a clean, minimalist layout that highlights your content. With customizable blocks and intuitive drag-and-drop functionality, it allows for easy personalization and dynamic content arrangements. The theme is fully responsive, ensuring an optimal viewing experience on all devices, and includes built-in support for multimedia, social media integration, and SEO optimization to enhance your site's reach and engagement. 

CM News seamlessly integrates with the Search With Typesense plugin for an enhanced and better search experience

Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cm-news
Tags: grid-layout, photography, blog, news, block-patterns, custom-logo, theme-options, wide-blocks, full-width-template, full-site-editing, featured-images, custom-menu, editor-style, custom-header, block-styles, three-columns, featured-image-header, style-variations, buddypress
*/

@import url("../cm-news/style.css");

.entry-content h2 {
    font-weight: bold;
    padding: 0.5em 1em;
    --x-gradient: linear-gradient(90deg, #2BB0D6 0 100%);
    --y-gradient: linear-gradient(#2BB0D6 0 15px, transparent 0 calc(100% - 15px), #2BB0D6 calc(100% - 15px));
    background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;
    position: relative;
	margin-top: 1.3em;
    margin-bottom: 1em;
}

.entry-content h3 {
    border-bottom: 1px solid #2BB0D6;
    padding: 15px 0px 11px 0px;
}

.taxonomy-category a {
    background: #E0652E!important;
}

a.wp-block-query-pagination-previous {
    padding-right: 3em;
}

a.wp-block-query-pagination-next {
    padding-left: 3em;
}

a.wp-block-post-excerpt__more-link {
    color: #fff;
    background: #E0652E;
    padding: 7px;
    border-radius: 20px;
    margin: 10px 0;
}

h1.wp-block-post-title:after {
    position: absolute;
    bottom: -9px;
    left: 1em;
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #D5E9F3 transparent transparent transparent;
}
h1.wp-block-post-title {
    position: relative;
    padding: 1.3rem 1rem !important;
    color: #000;
    border-radius: 10px;
    background: #D5E9F3;
}

.entry-content p {
    font-size: 16px !important;
    line-height: 1.6;
}

/* 通常状態（リンク時） */
a.wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #333;
    text-decoration: underline;
    transition: color 0.1s;
    font-weight: 700;
}

/* ホバー時 */
a.wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #80D0E6;
    text-decoration: none;
}





/* パンくず */

.breadcrumbs {
  font-size: .9rem;
  margin: 1rem 0;
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 100% !important; /* グローバルのmax-width制限を外したいとき */
  text-align: left;
}
.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li + li::before {
  content: ">";
  margin: 0 .5em;
  color: #999;
}

/* 視覚的には隠し、フォーカス時だけ表示 */
.skip-link,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.skip-link:focus,
.screen-reader-text:focus {
  position: fixed;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  padding: .5rem .75rem;
  clip: auto;
  clip-path: none;
  background: #000;
  color: #fff;
  z-index: 10000;
}

.is-style-cm-news-section-title::before {
    content: "";
    width: 35px;
    height: 6px;
    background-color: #80D0E6!important;
    display: inline-block;
    bottom: -12px;
    position: absolute;
    left: 0px;
    z-index: 1;
}



/* スマホメニューのみに縦の余白調整を適用 */
@media (max-width: 599px) {
  #modal-1-content ul.wp-block-navigation__container {
    gap: 0 !important;
  }

  #modal-1-content .wp-block-navigation-item {
    margin-bottom: 0 !important;
  }

  #modal-1-content .wp-block-navigation-item__content {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.2 !important;
  }

  #modal-1-content .wp-block-navigation-item__label {
    line-height: 1.2 !important;
  }
}
@media screen and (max-width: 781px) {
  h1.wp-block-post-title {
    font-size: 1.4rem !important;
  }
  h2 {
    font-size: 1.2rem !important;
  }
	h3 {
    font-size: 1.1rem;
}
.wp-block-navigation__container {
    flex-direction: column;
}
}