/*******************************Calendar Top Navigation*********************************/
.calendar {
  margin: 1rem auto;
  padding:  0;
  width: 100%;
  font-family: sans-serif;
  background-color: #fff;
  box-shadow: 2px 2px 10px #ccc;
  color: #777;
}
.calendar-events ul {
    display: flex;
    gap: 20px;
}
 .calendar-event .single__course__loop, .calendar-events .single__course__loop {
    width: 90%;
    margin: auto !important;
    border: 0px !important;
}
.calendar .box-header {
    margin: 2rem auto 0 auto;
    position: relative;
    width: 100%;
    background-color: #fff;
    color:#777;
    text-align: center;
}

.calendar .box-header h2 { 
    color:#777; 
    text-transform: uppercase;
    font-weight: 300;
}

.calendar .box-header .prev, .calendar .box-header .next { 
    text-decoration: none;
    color: #a56798;
}

.calendar .box-header .prev a:hover, .calendar .box-header .next a:hover {
    text-decoration:none;
    cursor:pointer;
}

/*******************************Calendar Content Cells*********************************/

.calendar .calendar-heading, .calendar .calendar-dates {    
    width: 100%;
    display: block;
}

.calendar .calendar-heading { 
    line-height: 40px;    
}
.calendar .box-content { 
    padding-bottom: 2rem;
}

.calendar .cell {  
    position: relative;
    width: 13%;
    height:50px;
    float:left;
    margin: 0 0 1% 1%;
    padding: 0.5rem  0; 
    text-align: center;
    list-style-type:none;
    font-size: 15px;
}

.calendar .calendar-heading .cell { 
    color: #999;
}
 
.calendar .calendar-week .cell {
    font-size:22px;
    color: #a56798;
    font-weight: 300;
}

.calendar .calendar-week .cell.today {
    color: #555;
    text-decoration: underline;
}

.calendar .calendar-week .cell .markers {
    
}

.calendar .calendar-week .cell .markers {
    position: absolute;    
    top: 5px;
    right: -5px;
    margin: 0;
    padding: 0;
    color: #f00;
    font-size: 12px;
    line-height: 12px;    
}
@media (min-width: 992px) { 
    
    .calendar .cell {
        padding-bottom: 2rem !important; 
    }
    
    .calendar .calendar-week .cell .markers {
        right: 10px;
        font-size: 12px;
        line-height: 12px;    
    }
}

.calendar .calendar-week .cell.has-event {
    
}

.calendar .calendar-week .cell.has-event:hover {
    cursor: pointer;
}

.calendar .calendar-week .cell.no-event {
   
}
 
:focus{
    outline:none;
}

/******************************* Calendar Featured Event *********************************/
.calendar .col-lg-4.calendar-event { margin: 0; padding-left: 0; border-left: 1px solid #ccc; }
.calendar .event-image { width: 100%; height: 50%; display: block; background-repeat: no-repeat;
              background-position: center center; background-size: cover; }
.calendar .calendar-event-content { padding: 1rem; }
.calendar .calendar-event-content h2 a { color: #e52d4a; font-size: 16px; line-height: 18px; text-decoration: none; }
@media (min-width: 992px) { 
    .calendar .featured-marker { left: 0; top: 1rem; border-radius: 0 0.5rem 0.5rem 0;
                    padding: 0.3rem 2rem 0.15rem 1rem; }
    .calendar .calendar-event-content h2 { font-size: 20px; line-height: 22px; text-decoration: none; }
.calendar .calendar-event-content .place,
.calendar .calendar-event-content .dates { float: none; font-size: 14px; }
@media (min-width: 992px) { 
    .calendar .btn.btn-rose { margin-top: 1rem; }
}
 
.calendar-events ul {
    list-style-type: none;
}

.calendar-events a {
   text-decoration: none;
}

.calendar-events .woocommerce-loop-product__title {
    padding-top: 20px;
}


.calendar-event li.post.product.type-product {
    list-style: none;
    padding: 23px 65px;
}
.calendar-event img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 20px;
}
.calendar .col-lg-4.calendar-event {
    padding-right: 0;
}
.calendar-event .woocommerce-loop-product__title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 24px !important;
    line-height: 114.5% !important;
    text-align: left;
    padding-top: 20px;
}
.calendar-event a {
    text-decoration: none;
}
.calendar-event span.onsale {
    display: none;
}