/* fs-clinic.jp: Elementor Pro / Essential Addons Pro replacement (fsc-pro-replacement.php) */

/* sticky header (fsc-pro-replacement.js adds .fsc-sticky--active) */
.fsc-sticky-header.fsc-sticky--active {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
body.admin-bar .fsc-sticky-header.fsc-sticky--active { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .fsc-sticky-header.fsc-sticky--active { top: 46px; }
}

/* widget "投稿リスト（FSC）" — same layout as Essential Addons Pro's Post List (default layout) that HOME used */
.fsc-post-list { position: relative; z-index: 0; }
.fsc-post-list__wrap { position: relative; display: flex; flex-flow: row wrap; z-index: 0; padding: 0 0 10px 0; }
.fsc-post-list__posts { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; flex: 1 1 auto; align-self: flex-start; margin: 10px 0; }
.fsc-post-list__post { display: flex; padding: 0; background-color: #fff; box-shadow: -2px 1px 6px 2px #f7eaea; animation: fsc-post-list-in .5s linear; }
.fsc-post-list__content { padding: 10px; justify-self: center; display: inline-flex; flex-direction: column; justify-content: center; }
.fsc-post-list__content .fsc-post-list__title,
.fsc-post-list__content .fsc-post-list__title a { font-size: 14px; line-height: 1.4; margin: 0; transition: all .3s; }
.fsc-post-list__content .fsc-post-list__meta { font-size: 12px; line-height: 1; margin: 5px 0; }
@keyframes fsc-post-list-in { 0% { opacity: 0; transform: translateY(-5%); } 100% { opacity: 1; transform: translateY(0%); } }

/* widget "ギャラリー（FSC）" — same layout as the DethemeKit image gallery (masonry, zoom in on hover) */
.fsc-gallery { clear: both; overflow: hidden; }
.fsc-gallery__item { float: left; width: 33.33%; padding: 10px; }
.fsc-gallery__img { position: relative; overflow: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); }
.fsc-gallery__img img { display: block; width: 100%; transition: all .3s ease-in-out; }
.fsc-gallery--zoomin .fsc-gallery__img:hover img { transform: scale(1.1); }

/* form labels (Site Settings > Form Fields > Label: global typography "Header Menu Item", which has no line height).
   Elementor 3.21 wrote line-height: var(--e-global-typography-6f29fb2-line-height) for them; the variable does not exist,
   so labels inherited the line height of their container. Elementor 4.x leaves the declaration out and labels fell back
   to line-height 1 (comment form on the post page 18px shorter on phones). Same result as before: */
body[class*="elementor-kit-"] label { line-height: inherit; }

/* DethemeKit loaded an old normalize.css on every page; of its rules only this one showed on the site (comment form on
   the post page: without it the text area sits on the text baseline and the form is 7px taller) */
textarea { vertical-align: top; }