/*
エディター専用のCSSファイル
blockとの帳尻合わせになるので、内容は酷似かも
*/

/* 各見出しの指定 */
.block-editor-iframe__body h1.wp-block-post-title{
    color: rgb(172, 42, 42);
    margin-top: 0.48em;
    line-height: 1;
}
.block-editor-iframe__body .wp-block-post-content h2.wp-block-heading{
    color: #149698;
	margin-top: 4.4em;
    line-height: 1;
}
.block-editor-iframe__body .wp-block-post-content h3.wp-block-heading{
	margin-top: 3em;
    line-height: 1;
}

/* リストアイコンの指定 */
.block-editor-iframe__body .wp-block-post-content ul.wp-block-list,
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list{
    padding:0px 24px;
    border-left: 1px solid rgba(195,195,195,1);
    border-right: 1px solid rgba(195,195,195,1);
}
.block-editor-iframe__body .wp-block-post-content ul.wp-block-list li,
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list li{
	position: relative;
	padding-left: 1.68em;
    font-weight: 600;
    margin: 8px 0;
    padding: 8px 0 8px 24px;
}
.block-editor-iframe__body .wp-block-post-content ul.wp-block-list li:not(:last-child),
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list li:not(:last-child){
    border-bottom: 1px dashed rgba(195,195,195,1);
}
.block-editor-iframe__body .wp-block-post-content ul.wp-block-list li::before,
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 0.48em);
	width: 0.88em;
	height: 0.88em;
}
.block-editor-iframe__body .wp-block-post-content ul.wp-block-list li::before{
    background-image: url('/wp-content/themes/atsu-portfolio-theme/assets/images/icons/check-icon-black.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* olのみ番号表示 */
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list{
	counter-reset: list-number;
}
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list li{
	counter-increment: list-number;
}
.block-editor-iframe__body .wp-block-post-content ol.wp-block-list li::before{
	content: counter(list-number ) ".";
	position: absolute;
	left: 0;
	top: calc(50% - 0.5em);
	width: 0.88em;
	height: 0.88em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

/* 動画挿入ポスター画像指定の際に起こる不具合の修正 */
.block-editor-iframe__body .wp-block-video [poster] {
    /* object-fit: cover; */
    object-fit: contain;
}