/*nurture css*/

/*주일설교 필터 가로사이즈*/
#sermonsCategoryFilterSelectBox,
.sermons-category-filter{
    width : 16.625rem;
}
/*오전성경공부 필터 가로사이즈*/
#lectureCategoryFilterSelectBox,
.lecture-category-filter{
    width : 16.625rem;
}

/*BBC특강 필터 가로사이즈*/
.special-year-filter,
#specialYearFilterSelectBox{
    width : 6.5rem;
}

.special-month-filter,
#specialMonthFilterSelectBox{
    width : 6.5rem;
}

.special-category-filter,
#specialCategoryFilterSelectBox{
    width : 14.0rem;
}

.special-preacher-filter,
#specialPreacherFilterSelectBox{
    width : 8.75rem;
}



.top-sermon-banner{
    width : 80.0rem;
    display : flex;
    flex-direction : column;
    align-items : center;

}

.top-sermon-banner .banner-title{
    display: flex;
    flex-direction : row;
    align-items : center;
    justify-content : center;
    width : 74.5rem;
    height : 3.875rem;
    background-color : #FAFAFA;
    border-radius : 0.625rem;
    margin-top: 2.0rem;
}

.top-sermon-banner .banner-title > img{
    margin-right : 0.5rem;
    width : 1.0rem;
    height : 1.0rem;
}

.top-sermon-banner .banner-title > span{
    color : #111111;
    font-size : 1.87rem;
    font-family: 'Pretendard-Semibold';
    letter-spacing: -.0875rem;
}

.card-wrapper{
    margin-top : 1.25rem;
    display : flex;
    flex-direction : row;
    align-items : center;
    gap : 1.25rem;
}

.sermon-card{
    width : 34.125rem;
    height : 14.75rem;
    border : 1px solid #EDEDED;
    border-radius : 0.625rem;
    background-color : white;
    padding : 1.0rem;
    box-shadow: 0px 4px 20px 0px rgb(35 48 59 / 10%);
}

.sermon-card:hover,
.sermon-card:hover *{
    cursor : pointer;
}

.sermon-card > .sermon-head{
    width : 32.125rem;
    height : 9.875rem;
    background-image:
    url("../images/pulpit_bg.svg"),
    linear-gradient(100deg, #7E161B 0 20%, #BB2930);
    background-repeat: no-repeat, no-repeat;
    background-position: 100% -0.5rem, 0 0;
    background-size : 10.0rem 12.93rem, cover;
    border-radius : 0.625rem;
    display : flex;
    flex-direction : column;
    justify-content : center;
    padding : 1.0rem;
}

.sermon-card.afternoon > .sermon-head{
    background-image:
    url("../images/pulpit_bg.svg"),
    linear-gradient(100deg, #01395E 0 20%, #0064A7);
}

.sermon-card > .sermon-head > .sermon-title{
    color : white;
    font-size : 1.75rem;
    font-family: 'Pretendard-Semibold';
    letter-spacing: -.0875rem;
    padding-right: 4rem;
    line-height: 2.5rem;
}

.sermon-card > .sermon-head > .bb-addr{
    color : white;
    font-size:1.0rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    margin-top : 0.8rem;
}

.sermon-card > .sermon-tail{
    margin-top : 1.0rem;
}

.sermon-card > .sermon-tail > .tail-title{
    color : #555555;
    font-size:1.125rem;
    font-family: 'Pretendard-Semibold';
    letter-spacing: -.0875rem;
}

.sermon-card > .sermon-tail > .preacher{
    color : #555555;
    font-size:1.125rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    margin-left: 0.625rem;
}

.card-list-body{
    display: flex;
    flex-direction : row;
    gap : 1.6875rem;
    flex-wrap: wrap;
    padding-top : 1.6875rem;
}

.card-list-body .sermon-card-item{
    border : 1px solid #E5E5EC;
    border-radius : 0.375rem;
    width : 16.0rem;
    height : 12.76rem;
    padding : 1.25rem;
    display: flex;
    flex-direction : column;
    align-items: flex-start;
}

.card-list-body .sermon-card-item > .sermon-card-item-head{
    flex : 1;
    display: flex;
    flex-direction : column;
    justify-content : center;
}

.card-list-body .sermon-card-item > .sermon-card-badge{
    display : block;
    width : auto;
    border : 1px solid #7E161B44;
    font-size : 0.6875rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    color : var(--color-primary);
    border-radius : 2px;
    padding : 0.2rem;
}
.card-list-body .sermon-card-item > .sermon-card-badge.morning{
    border : 1px solid #7E161B44;
    color : var(--color-primary);
}

.card-list-body .sermon-card-item > .sermon-card-badge.afternoon{
    border : 1px solid #01395E44;
    color : #01395E;
}

.card-list-body .sermon-card-item > .sermon-card-item-head .sermon-title{
    font-size : 1.5rem;
    font-family: 'Pretendard-Semibold';
    letter-spacing: -.0875rem;
    color : #111111;
    line-height: 2.2rem;
}

.card-list-body .sermon-card-item > .sermon-card-item-head .bb-addr{
    font-size : 1.0rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    color : #111111;
    margin-top : 0.5rem;
    display: block;
}

.card-list-body .sermon-card-item > .sermon-card-item-tail{
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : space-between;
    border-top : 1px solid #E5E5EC;
    padding-top : 1.0rem;
    width : 100%;
}

.card-list-body .sermon-card-item > .sermon-card-item-tail .preacher{
    font-size : 1.0rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    color : #555555;
}

.card-list-body .sermon-card-item > .sermon-card-item-tail .sermon-date{
    font-size : 1.0rem;
    font-family: 'Pretendard-Regular';
    letter-spacing: -.0875rem;
    color : #555555;
}


.sermon-card-item:hover,
.sermon-card-item:hover *{
    cursor : pointer;
}

.basic-info{
    margin-top : 3.0rem;
}

.basic-info p{
    line-height : 1.75rem;
    font-size: 1.25rem;
}