@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/* 棒を強制的に表示させる */
.tribe-events-calendar-month__multiday-event-bar,
.tribe-events-calendar-month__multiday-event-bar-inner {
    display: block !important;
    height: 12px !important;
    background-color: #1e73be !important;
    border-radius: 4px !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 横棒タイムライン */
.event-timeline-bar {
    height: 6px;
    border-radius: 3px;
    margin-bottom: 4px;
}

/* カレンダー内のイベント背景色（カテゴリー別） */
.tribe-events-category-music {
    background-color: #ffebee;
}
.tribe-events-category-sports {
    background-color: #e3f2fd;
}
.tribe-events-category-art {
    background-color: #e8f5e9;
}

/* ●を複数並べられるようにする */
.tribe-events-calendar-month__events {
    display: flex;
    gap: 4px;
}

/* ●の基本形状 */
.tribe-events-calendar-month__event-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

/* リストビューの●（日付タグ）をカテゴリ別に色分け */
.tribe-events-category-kakin .tribe-events-calendar-list__event-date-tag {
    background-color: red !important;
    color: #fff !important;
}

.tribe-events-category-normal .tribe-events-calendar-list__event-date-tag {
    background-color: blue !important;
    color: #fff !important;
}

.tribe-events-category-season .tribe-events-calendar-list__event-date-tag {
    background-color: green !important;
    color: #fff !important;
}
/* V1 List View の日付タグをカテゴリ別に色分け */
.tribe-events-category-kakin .tribe-events-event-date,
.tribe-events-category-kakin .tribe-events-list-event-date {
    background-color: red !important;
    color: #fff !important;
}

.tribe-events-category-normal .tribe-events-event-date,
.tribe-events-category-normal .tribe-events-list-event-date {
    background-color: blue !important;
    color: #fff !important;
}
.tribe-events-calendar-month__mobile-events-icon.tribe_events_cat_season {
    background-color: green !important;
}

.tribe-events-calendar-month__mobile-events-icon.tribe_events_cat_normal {
    background-color: blue !important;
}

.tribe-events-calendar-month__mobile-events-icon.tribe_events_cat_kakin {
    background-color: red !important;
}
/* 月間ビューのイベントセルに棒を描画 */
.tribe-events-calendar-month__event {
    position: relative;
}

.tribe-events-calendar-month__event::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    right: 2px;
    height: 6px;
    background-color: var(--tec-bar-color, #4CAF50);
    border-bottom: 2px var(--tec-bar-border, solid) var(--tec-bar-color, #4CAF50);
    transform: translateY(-50%);
    border-radius: 3px;
}