.ecalendar { background-color: rgba(255, 255, 255, 0.7); padding: 20px 20px; margin-top: 0px; min-height: 470px; } 
.ecalendar::after{content: ""; clear: both; display: block;}

/* Home page small calendar */
.hsclndr { width: 100%; font-weight: 700; } 
.hsclndr .clndr-controls { padding: 8px 14px; color: rgba(0, 0, 0, 0.2); text-align: center; background-color: transparent; width: 50%;} 
.hsclndr .clndr-controls .clndr-previous-button { float: left; text-align: left; } 
.hsclndr .clndr-controls .clndr-next-button { float: right; text-align: right; } 
.hsclndr .clndr-controls .clndr-previous-button, .hsclndr .clndr-controls .clndr-next-button { width: 30px; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ font-size: 26px; line-height: 1;}
.hsclndr .clndr-controls .current-month{ font-size: 24px; font-weight: normal; color: #888;}
.hsclndr .clndr-controls .current-month span{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block;}
.hsclndr .clndr-controls .clndr-previous-button:hover, .hsclndr .clndr-controls .clndr-next-button:hover { opacity: 0.5; } 
.hsclndr .clndr-grid { float: left; width: 50%;} 
.hsclndr .clndr-grid .days-of-the-week { width: 100%; background-color: #bbb; border-radius: 6px 6px 0 0;} 
.hsclndr .clndr-grid .days-of-the-week .header-day { float: left; width: 14.2857%; padding: 14px; text-align: center; color: white; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; font-size: 17px;} 
.hsclndr .clndr-grid .days { width: 100%; display: flex; flex-wrap: wrap; -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.hsclndr .clndr-grid .days .day,
.hsclndr .clndr-grid .days .empty { width: 14.2857%; padding: 5px 0; text-align: center; color: #4f4f4f; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-size: 17px; font-weight: 300; align-items: center; display: flex; justify-content: center; min-height: 51px;} 
.hsclndr .clndr-grid .days .day:nth-child(7n),
.hsclndr .clndr-grid .days .empty:nth-child(7n){border-right: 1px solid #d7d7d7;}
.hsclndr .clndr-grid .days .day a.day-number{pointer-events: none; color: #444;}
.hsclndr .clndr-grid .days .day.event .day-number, .hsclndr .clndr-grid .days .empty.event .day-number { background-color: #ec0f18; border-radius: 50%; padding: 5px 0px; color: #fff; display: flex; width: 37px; align-items: center; justify-content: center;} 
.hsclndr .clndr-grid .days .day.event a.day-number{ pointer-events: unset;}
.hsclndr .clndr-grid .days .day.adjacent-month .day-number, .hsclndr .clndr-grid .days .empty.adjacent-month .day-number { opacity: 0.3; } 
.hsclndr .clndr-grid .days .today { background-image: none; } 
.hsclndr .clndr-grid .days .today a.day-number{ background-color: #68bc46; border-radius: 50%; padding: 4px 0px; color: #fff; display: flex; width: 37px; align-items: center; justify-content: center;} 
.hsclndr .event-listing {float: right; width: 47%; margin-top: -58px;-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden;} 
.hsclndr .event-listing .evnt-scroll{ overflow: auto; height: 365px;}
.hsclndr .event-listing .event-listing-title { padding: 8px 0; text-align: left; color: #555; letter-spacing: 1px;  font-size: 24px; font-weight: 300; width: 100%; font-family: "Open Sans";} 
.hsclndr .event-listing .clndr-controls .clndr-previous-button, .hsclndr .event-listing .clndr-controls .clndr-next-button { line-height: 1.4;}
.hsclndr .event-listing .event-item { padding: 4px; color: #4f4f4f; border-bottom: 1px dotted #ccc;} 
.hsclndr .event-listing .event-item-event a{padding: 5px 10px; display: block; width: 100%; position: relative;} 
.hsclndr .event-listing .event-item-event a::before{ position: absolute; content: ""; width: 4px; height: 30px; background-color: #68bc46; left: 0; top: 8px; transition: all 0.5s ease 0s; opacity: 1;} 
.hsclndr .event-listing .event-item-event a:hover::before{ opacity: 0; transition: all 0.5s ease 0s;} 
.hsclndr .event-listing .event-item-event a i{color: #bbb;} 
.hsclndr .event-listing .event-item-event a .dtloc{ line-height: 0.8;}
.hsclndr .event-listing .event-item-event h2{padding: 0; margin: 0; font-size: 16px; font-family: 'Asap', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} 
.hsclndr .event-listing .event-item-event small{ font-size: 12px; color: #888; display: inline-block; margin-right: 20px; font-family: "Open Sans";} 
.hsclndr .event-listing .event-item-event span{display: inline-block; font-size: 12px; font-weight: normal; color: #888; font-family: "Open Sans";} 
.hsclndr .event-listing .event-item-event a:hover{background-color: #ec0f18; border-radius: 6px;} 
.hsclndr .event-listing .event-item-event a:hover h2{color: #fff;} 
.hsclndr .event-listing .event-item-event a:hover small, .hsclndr .event-listing .event-item-event a:hover span{color: rgba(255, 255, 255, 0.8);} 
.hsclndr .event-listing .event-item-event a:hover i{color: rgba(0, 0, 0, 0.4);} 


/* Full Calendar */
.flclndr { width: 100%; font-weight: 700; } 
.flclndr .clndr-controls { padding: 8px 14px; color: rgba(0, 0, 0, 0.2); text-align: center; background-color: transparent; width: 100%;} 
.flclndr .clndr-controls .clndr-previous-button { float: left; text-align: left; } 
.flclndr .clndr-controls .clndr-next-button { float: right; text-align: right; } 
.flclndr .clndr-controls .clndr-previous-button, .flclndr .clndr-controls .clndr-next-button { width: 30px; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ font-size: 26px; line-height: 1;}
.flclndr .clndr-controls .current-month{ font-size: 24px; font-weight: normal; color: #888;}
.flclndr .clndr-controls .current-month span{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block;}
.flclndr .clndr-controls .clndr-previous-button:hover, .flclndr .clndr-controls .clndr-next-button:hover { opacity: 0.5; } 
.flclndr .clndr-grid { width: 100%;} 
.flclndr .clndr-grid .days-of-the-week { width: 100%; background-color: #bbb; border-radius: 6px 6px 0 0;} 
.flclndr .clndr-grid .days-of-the-week .header-day { float: left; width: 14.2857%; padding: 14px; text-align: center; color: white; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; font-size: 17px;} 
.flclndr .clndr-grid .days { width: 100%; display: flex; flex-wrap: wrap; -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.flclndr .clndr-grid .days .day,
.flclndr .clndr-grid .days .empty { width: 14.2857%; padding: 5px 0; text-align: center; color: #4f4f4f; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-size: 17px; font-weight: 300; align-items: center; display: flex; justify-content: center; min-height: 51px;} 
.flclndr .clndr-grid .days .day:nth-child(7n),
.flclndr .clndr-grid .days .empty:nth-child(7n){border-right: 1px solid #d7d7d7;}
.flclndr .clndr-grid .days .day a.day-number{pointer-events: none; color: #444;}
.flclndr .clndr-grid .days .day.event .day-number, .flclndr .clndr-grid .days .empty.event .day-number { background-color: #ec0f18; border-radius: 50%; padding: 5px 0px; color: #fff; display: flex; width: 37px; align-items: center; justify-content: center;} 
.flclndr .clndr-grid .days .day.event a.day-number{ pointer-events: unset;}
.flclndr .clndr-grid .days .day.adjacent-month .day-number, .flclndr .clndr-grid .days .empty.adjacent-month .day-number { opacity: 0.3; } 
.flclndr .clndr-grid .days .today { background-image: none; } 
.flclndr .clndr-grid .days .today a.day-number{ background-color: #68bc46; border-radius: 50%; padding: 4px 0px; color: #fff; display: flex; width: 37px; align-items: center; justify-content: center;} 
.flclndr .event-listing {width: 100%; margin-top: 20px;-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden; background-color: #f4f4f4; padding: 10px 20px 20px; border-radius: 6px;} 
.flclndr .event-listing .evnt-scroll{ overflow: auto;}
.flclndr .event-listing .event-listing-title { padding: 8px 0; text-align: center; color: #555; letter-spacing: 1px;  font-size: 24px; font-weight: 300; width: 100%; font-family: "Open Sans"; border-bottom: 3px solid #ddd;} 
.flclndr .event-listing .clndr-controls .clndr-previous-button, .flclndr .event-listing .clndr-controls .clndr-next-button { line-height: 1.4;}
.flclndr .event-listing .event-item { padding: 4px; color: #4f4f4f; border-bottom: 1px dotted #ccc;} 
.flclndr .event-listing .event-item-event a{padding: 5px 10px; display: block; width: 100%; position: relative;} 
.flclndr .event-listing .event-item-event a::before{ position: absolute; content: ""; width: 4px; height: 30px; background-color: #68bc46; left: 0; top: 8px; transition: all 0.5s ease 0s; opacity: 1;} 
.flclndr .event-listing .event-item-event a:hover::before{ opacity: 0; transition: all 0.5s ease 0s;} 
.flclndr .event-listing .event-item-event a i{color: #bbb;} 
.flclndr .event-listing .event-item-event a .dtloc{ line-height: 0.8;}
.flclndr .event-listing .event-item-event h2{padding: 0; margin: 0; font-size: 16px; font-family: 'Asap', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} 
.flclndr .event-listing .event-item-event small{ font-size: 12px; color: #888; display: inline-block; margin-right: 20px; font-family: "Open Sans";} 
.flclndr .event-listing .event-item-event span{display: inline-block; font-size: 12px; font-weight: normal; color: #888; font-family: "Open Sans";} 
.flclndr .event-listing .event-item-event a:hover{background-color: #ec0f18; border-radius: 6px;} 
.flclndr .event-listing .event-item-event a:hover h2{color: #fff;} 
.flclndr .event-listing .event-item-event a:hover small, .flclndr .event-listing .event-item-event a:hover span{color: rgba(255, 255, 255, 0.8);} 
.flclndr .event-listing .event-item-event a:hover i{color: rgba(0, 0, 0, 0.4);} 

.noselect { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */}

span.code { padding: 0 2px; background-color: rgba(255, 255, 255, 0.4); border-radius: 2px; } 
.block { padding: 80px 0; width: 100%; } 
.inner { max-width: 960px; padding: 0 20px; margin: 0 auto; } 

.center { text-align: center; } 
.header { padding: 30px 0; } 

.more-space { margin-top: 3em; } 
@media all and (max-width: 768px){
 .flclndr .clndr-grid { width: 100%; border: none; } 
 .flclndr .event-listing { display: none; } 
 
 .hsclndr2 .clndr-grid { width: 100%; border: none; } 
 .hsclndr2 .event-listing { display: none; } 
 }