.bpost_index_container {
max-width:1200px;
}


.bcards {
display:flex;
flex-wrap:wrap;
gap:30px;
}


.bcard {
display:block;
border-radius:5px;
border:1px solid #ddd;
flex-basis:calc(33% - 17px);
}

.bcard_thumb {
display:block;
position:relative;
padding-bottom:100%;
background-color:#efefef;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
transition:opacity 0.15s ease-out;
}

.bcard_thumb:hover {
opacity:0.8;
}

.bcard_content {
padding:15px;
text-align:left;
color:#555;
}

.bcard_title {
font-size:120%;
margin:0 0 10px 0
}

.bcard_title a:not(:hover) {
color:#000;
}

.bcard_date,
.bpost_datestr {
color:#888;
}





.bpost_container.bpost_has_thumb {

}

.bpost {
position:relative;
max-width:1100px;
margin:0 auto;
font-size:110%;
}

.bpost_img_container {
position:relative;
max-height:70vh;
overflow:hidden;
}

.bpost_img {
padding-bottom:50%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:35px;
}

.bpost_content,
.bpost_nav {
max-width:760px;
margin:0 auto;
}

.bpost_body p {
max-width:760px;
}

iframe[src*="youtube"],
.bpost_body iframe {
width:100%;
height:auto;
min-height:350px;
aspect-ratio:16/9;
}

.bpost_content_container {
position:relative;
}

h1.bpost_title {
margin:0 0 20px 0;
}



@media (max-width:900px) {

.bcard {
flex-basis:calc(50% - 15px);
}

}

@media (max-width:500px) {

.bcard {
flex-basis:100%;
width:100%;
}

}


.bpost_nav {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;

	padding-top:10px;
}
.bpost_nav .btn {
	max-width:48%;
	white-space:normal;
}