/* DCE Termine */

.whole-month { color: #5e6c72; font-size: 1.28em; margin: .8em 0 .5em; }
ul.appointment { width: 100%; display: flex; margin: 0 0 34px 0; padding:0; list-style: none; gap: 1em !important;}
ul.appointment li.event { font-size: clamp(.83em,3vw,1em);}
ul.appointment a { display: block; padding-top: .4em; }
ul.appointment a::before { padding-right: .5em; font-weight:300; }
ul.appointment p { margin: 0; }
ul.appointment h4 { font-size: 1.05em; margin-bottom: 6px; color: #2b2d2b; }
ul.appointment li { padding: 0;}

.date-box.hidden { visibility: hidden; }
.date-box { font-family: OpenSans, arial, sans-serif; border: 1px solid #758681; text-align: center; }
.date-box .day  {font-size: clamp(.6em,2vw,1em); min-width: 4.6em;}
.date-box .month { font-size: clamp(.63em,2vw,.75em); color: #fff; width: 100%; background-color: #da2502; padding: 6px 0; }
.date-box .single { font-size: 2em; color: #666; position: relative; padding: .2em .35em; }
.date-box .period { font-size: 1.3em; color: #666; padding: .65em .35em; }
.mbox.term { position:relative; }
.mbox.term .fa { position:absolute; cursor: pointer; z-index: 2; }
.mbox.term .list-wrap { position:relative; }
.mbox.term ul { list-style-type: none; margin:0; padding:0; }