/*
Theme Name: HF
Theme URI: https://hromf.com/
Author: H.ROMF (Hiromitsu Fujiki)
Author URI: https://hromf.com
Description: A simple combined theme with a blog as well as a portfolio to sell your work.
Tags: portfolio, blog, responsive-layout, artist-theme, custom-logo
Version: 1.3.0
Requires at least: 5.0
Tested up to: 6.7.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Change Log: changelog.txt
*/

/* ---------------------------------------------------------
   Google Fonts
------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Manrope:wght@400;700&display=swap');

/* ---------------------------------------------------------
   Root Variables
------------------------------------------------------------ */
:root {
  --color-text: #333;
  --color-hover: #dadada;
}
/* ---------------------------------------------------------
   caption
------------------------------------------------------------ */
.wp-caption-text,
.wp-element-caption {
  font-size: 0.78rem;
  color: #111;
}
/* ---------------------------------------------------------
   Blog Title
------------------------------------------------------------ */
.hf-blog-title a {
  font-family: "Lato", serif;
  font-size: 1.1em;
  font-weight: 700;
  color: var(--color-text);
  text-decoration: none;
}
.hf-blog-title a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .hf-blog-title a {
    padding: 10px 0;
    font-size: 1.3em;
  }
}

/* ---------------------------------------------------------
   テキスト整列用クラス
------------------------------------------------------------ */
p.hf-soroe {
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

/* ---------------------------------------------------------
   リスト装飾なし
------------------------------------------------------------ */
.hf-nolist {
  list-style-type: none;
  padding-left: 0;
}

/* ---------------------------------------------------------
   詳細キャプション（横並びレイアウト）
------------------------------------------------------------ */
.hf-cap-info dt {
  float: left;
  padding: 10px 0;
  font-size: 0.9em;
}
.hf-cap-info dd {
  margin-left: 100px;
  padding: 10px 0 10px 20px;
  font-size: 0.9em;
}

/* ---------------------------------------------------------
   データベース画像リスト（一般）
------------------------------------------------------------ */

.custom-grid > * {
  padding: 2px; /* 隙間調整（合計で約1px） */
}
.custom-grid .uk-cover-container {
  border-radius: 4px;
  overflow: hidden;
}