/* EXCERPT BOX */
.excerptbox.flexbox.component.w4[has-is-first] {
    /* margin-top: -13rem; */
    /* margin-bottom: 13rem; */
}
.excerpttextbox {
    padding: 0.5rem;
    padding-top: calc(1/(16/9) * 100% + 0.5rem);
    z-index: 0;
    height: calc(100%);
}

.excerpttitle {
    font-family: 'MonumentGroteskMedium';
    font-size: calc(var(--font-size) * (var(--col-count) / 12 + 1.5) * 0.75);
    line-height: calc(1.25em);
    height: auto;
    margin-bottom: 1rem;
}

.excerptsubtitle {
    font-size: 0.75rem;
    line-height: calc(1.25rem * 0.75);
    /* height: calc(1.25rem * 2 * 0.75); */
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.excerptbox.flexbox.component.w1 {
    min-width: calc(var(--col-w1) - var(--gap-h));
    max-width: calc(var(--col-w1) - var(--gap-h));
    margin-right: var(--gap-h);
}


.excerptmediabox {
    width: 100%;
    padding-top: calc(1/(16/9) * 100%);
    position: absolute;
    position: absolute;
    clip-path: inset(0% 0% 0% 0%);
    /* clip: rect(0, auto, auto, 0); */
    z-index: 1;
}

.excerptmediabox img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.excerptbt {
    position: absolute;
    display: block;
    bottom: 1rem;
    left: 0.5rem;
    /* box-sizing: content-box; */
    border-radius: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
    white-space: nowrap;
    cursor: pointer;
    line-height: 2.3rem;
    border: solid 1.5px;
    height: 2.5rem;
    z-index: 9;
    overflow:hidden;
}
.excerptbt:before{
	content: " ";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	color: white;
	background: var(--seventy-gradient-bright);
	background-attachment: fixed;
	background-size: var(--seventy-gradient-bgsize);
	animation: var(--seventy-gradient-anibgposx);
	z-index:-1;
	transition: opacity 0.3s;
}
.excerptbt:hover:before{
	opacity: 1;
}

.excerptbox:empty {
    display: none;
}
.excerptbt.excerptbt2 {
    left: 8.5rem;
}


.excerptdescription {
    margin-bottom: 4rem;
    line-height: var(--line-height);
    max-height: calc(100vh - 23rem);
    overflow-y: auto;
}

.excerptmediabox, .excerpttextbox {
    background-color: rgb(218 218 218 / 99%);
    color: white;
}

.excerptbox {
    flex-wrap: wrap;
    display: flex;

}
.excerpt_recommendmenu>a {
    display: contents;
}

a.ignore {
    display: contents;
}

*[component-class="w3"] .excerptsubbox {
    min-width: calc((1 / 3) * 100% - var(--gap-h));
    max-width: calc((1 / 3) * 100% - var(--gap-h));
}
body[col-count="3"] *[component-class="w3"] .excerptsubbox {
    min-width: calc((1 / 2) * 100% - var(--gap-h));
    max-width: calc((1 / 2) * 100% - var(--gap-h));
}
body[col-count="1"] *[component-class="w3"] .excerptsubbox, body[col-count="1"] *[component-class="w2"] .excerptsubbox, body[col-count="2"] *[component-class="w3"] .excerptsubbox {
    min-width: calc((1 / 1) * 100% - var(--gap-h));
    max-width: calc((1 / 1) * 100% - var(--gap-h));
}

*[component-class="w2"] .excerptsubbox {
    min-width: calc(var(--col-w4));
    max-width: calc(var(--col-w4));
}
body[col-count="3"] *[component-class="w2"] .excerptsubbox {
    min-width: calc(var(--col-w3));
    max-width: calc(var(--col-w3));
    margin-bottom: calc(var(--gap-h));
}
*[component-class="w1"] .excerptsubbox {
    margin-left: calc(-1 * var(--main-gap-w));
    min-width: calc((1 / 1) * 100% + var(--main-gap-w));
    max-width: calc((1 / 1) * 100% + var(--main-gap-w));
    height: 100vh;
    clip: rect(0, auto, auto, 0);
}

*[component-class="w1"] .excerptmediabox img {
    position: fixed;
}

*[component-class="w1"] .excerpttextbox {
    min-width: var(--col-w2);
    max-width: var(--col-w2);
    z-index: 2;
    padding-top: 0.5rem;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -100%);
    height: fit-content;
	height: -moz-fit-content;
    height: initial;
}


.excerptsubbox {
    min-width: calc((1 / var(--col-count)) * 100% - var(--gap-h));
    max-width: calc((1 / var(--col-count)) * 100% - var(--gap-h));
    margin-right: var(--gap-h);
    color: white;
    background: var(--black-trans);
    margin-bottom: calc(var(--gap-h));
}






body[p-id-clean="ftlusi8gpz"] .excerptsubbox,
body[p-id-clean="ftlusi8gpz"] .excerpttextbox,
body[p-id-clean="fv3rrl9uk1"] .excerptsubbox,
body[p-id-clean="fv3rrl9uk1"] .excerpttextbox,
body[is-hashtag] .excerptsubbox,
body[is-hashtag] .excerpttextbox,
body[is-search] .excerptsubbox,
body[is-search] .excerpttextbox{
    background: var(--white-trans);
    color: black;

}
body[p-id-clean="ftlusi8gpz"] .excerptsubbox,
body[p-id-clean="ftlusi8gpz"] .excerptmediabox,
body[p-id-clean="fv3rrl9uk1"] .excerptsubbox,
body[p-id-clean="fv3rrl9uk1"] .excerptmediabox{

    background: transparent !important;

}
*[component-class="w1"] .excerptmediabox {
    position: absolute;
    padding: 0;

    height: 100%;
}

*[component-class="w1"] .excerpttitle, *[component-class="w2"] .excerpttitle {
    /* height: calc(var(--line-height-headline) * 3); */
    font-size: calc(var(--font-size) * (var(--col-count) / 3 + 1));
    line-height: var(--line-height-headline);
}

body:not([col-count="1"]) *[component-class="w2"] .excerptmediabox {

    position: absolute;
    width: 50%;
    padding-top: 0;
    height: 100%;
}

body:not([col-count="1"]) *[component-class="w2"] .excerpttextbox {
    padding-top: 0;
    width: 50%;
    margin-left: 50%;
}


.excerpt_recommendlink {
    color: white;
    width: 12em;
    text-align: center;
    display: block;
    left: 0.5em;
    border-radius: 20em;
    white-space: nowrap;
    cursor: pointer;
    border: solid 2px white;
    height: 4em;
    line-height: 4em;
    font-size: calc((var(--font-size) * (var(--col-count) / 3 + 1))*0.75);
    overflow: hidden;
    /* z-index: 9; */
    margin: 0.25em;
}
.excerpt_recommendlink:before{
	content: " ";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	color: white;
	background: var(--seventy-gradient-bright);
	background-attachment: fixed;
	background-size: var(--seventy-gradient-bgsize);
	animation: var(--seventy-gradient-anibgposx);
	z-index:-1;
	transition: opacity 0.3s;
}
.excerpt_recommendlink:hover:before{
	opacity: 1;
}
.excerpt_recommendmenu {
    display: flex;
    width: calc(100% + var(--main-gap-w));
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}


.excerpt_recommendmenu>a {
    display: contents;
}


.flexbox.w4.recommendmenubox {
    margin-left: calc(-2 * var(--main-gap-w));

}
body[color-mode="black"] .excerpt_recommendlink{
	color: black;
	border: solid 2px black; 
}