/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* 기본 스타일 */
.container.membership {
    max-width: 500px;
    margin: 5% auto;
    padding: 4vw;
    border-radius: 15px;
    background: #f5f5f5;
    text-align: center;
}

.container.membership h5 {
    margin: 15px 0;
}

.post-thumbnail {
    max-width: 350px;
    margin: auto;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.profile-info, .post-content  {
    max-width: 350px;
    text-align: left;
    margin: auto;
}

.profile-info div {
    margin-bottom: 10px;
}

.profile-info .title {
    padding: 6px 11px; 
    background: #dedede;
    border-radius: 8px;
    margin-right: 15px;
    font-size: 0.9em;
}


/* 반응형 스타일 */
@media (max-width: 767px) {
    .container.membership {
        margin: 20px;
    }
}


.membership-page {
    margin: 7vw auto;
}

.custom-membership-loop {
	display: flex;
	flex-wrap: wrap;
}

.custom-membership-item {
	width: 25%;
	margin: 1.5%;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.custom-membership-thumbnail {
	width: 100%;
	padding-top: 56.25%; /* 16:9 비율을 유지하기 위한 상단 패딩 */
	position: relative;
	overflow: hidden;
}

.custom-membership-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.custom-membership-fields {
	margin-top: 10px;
	font-size: 14px;
}

.custom-membership-excerpt {
	margin-top: 10px;
	font-size: 14px;
}