.oneday-schedule {
width: fit-content;
margin: auto;
font-size: var(--fs14px);
}
input#datepicker {
display: none;
}
.choice-calendar-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 150px;
background: linear-gradient(to bottom, #E57893, #E39CAE);
padding: 15px;
font-size: var(--fs16px);
font-weight: 600;
color: #FFF;
border-radius: 10px;
margin-left: auto;
cursor:pointer;
}
.prev-next-days {
display: flex;
justify-content: space-between;
margin: 30px auto;
}
.prev-next-days a {
color: #E57893;
font-size: var(--fs14px);
}
.prev-next-days a.prev-day{
padding-left:30px;
}
.prev-next-days a.next-day{
padding-right:30px;
}
a.prev-day:before ,a.next-day:before{
font-family: 'FontAwesome';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
}
a.prev-day:before {
content: "\f104";
left: 15px;
}
a.next-day:before{
content: "\f105";
right: 15px;
}
.schedule-list {
background: #FBFBFB;
}
.schedule-list p {
margin: 0;
font-size: var(--fs16px);
}
.schedule-wrap {
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
border-bottom: 1px solid #FFBFCF;
}
.schedule-wrap:last-child{
border-bottom:none;
}
.schedule-info, .schedule-items {
width: calc(50% - (20px / 2 * 1));
}
.schedule-info {
display: flex;
align-items: center;
gap: 40px;
}
.schedule-start {
color: #E57893;
font-size:12px;
font-weight: 600;
text-align: center;
white-space: nowrap;
}
.schedule-start span {
display: block;
font-size: var(--fs16px);
}
.schedule-program_name {
margin-bottom: 15px;
}
@media only screen and (max-width:600px){
.schedule-wrap{
gap:15px;
}
.schedule-info, .schedule-items {
width: 100%;
}
.schedule-info{
gap:20px;
}
.schedule-program_name{
margin-bottom:5px;
}
}