.ect-event-date-tag {
width: 18%;
}
.ect-event-details {
width: 82%;
}
.ect-event-datetimes {
display: flex;
flex-direction: column;
text-align: center;
font-size: 12px;
line-height: 1.38;
}
.ect-event-datetimes span.ev-mo {
font-size: 16px;
font-weight:600;
line-height: 1.5;
text-transform: uppercase;
} 
.ect-featured-event .ect-event-datetime .ect-icon-clock {
color: #00445e;
}
.ect-featured-event .ect-event-datetime .ect-icon-clock:before{
margin-left:0px;
} .ect-list-posts.style-1 {
display: flex;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
margin: 5px auto;
padding: 0;
margin-bottom: 20px;
}
.ect-list-posts.style-1.ect-featured-event {
border-left: 3px solid #eda264;
}
.ect-list-posts.style-1 span.ev-day {
font-weight: 700;
font-size: 24px;
line-height: 1.42;
}
.style-1 span.ect-minimal-list-time {
letter-spacing: -1px;
}
.style-1 .ect-event-datetime{
font-size:16px;
}
.style-1  .ect-events-read-more{
font-size:14px;
}  .ect-featured-event .ect-schedule-wrp{
background-color: #eda264;
}
.ect-simple-event .ect-schedule-wrp{
background-color: #dbf5ff;
}
span.ect-date-viewport {
display: block;
font-size: 24px;
font-weight: 700;
text-align: center;
margin-bottom: 4px;
}
.style-2 span.ect-month {
display: block;
padding-bottom: 5px;
}
.ect-month:after {
display: block;
content: "";
position: absolute;
width:100%;
left: 1px;
top: 0px;
height: 34px;
background: rgba(255,255,255,.1);
box-shadow: 0 4px 4px rgba(0,0,0,.02);
}
.ect-event-date {
position: relative;
float: left;
margin-right: 30px;
color: #00445e;
width: 52px;
text-align: center;
text-transform: uppercase;
border-radius: 3px;
}
.ect-list-posts.style-2 {
width: 100%;
max-width: 100%;
margin: 5px auto;
padding: 0;
margin-bottom: 20px;
display: flex;
}
.style-2 .ect-event-date {
width: 15%;
margin-right: 0px;
margin-right: 15px;
height: max-content;
}
.style-2 .ect-right-wrapper {
width: 85%;
padding-left:0px;
}
span.ect-event-title {
letter-spacing: 0;
color: #353535;
font-size: 22px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0;
padding-top: 10px;
line-height: 23px;
}
.ect-read-mores {
border-bottom: 1px solid #efefef;
padding: 3px 0 16px;
}
.minimal-list-venue {
font-size: 15px;
font-weight: 300;
letter-spacing: 0;
color: #9a9a9a;
display: grid;
}
.ect-read-more {
border-bottom: 1px solid #efefef;
margin-right: 25px;
padding-left: 84px;
padding-bottom: 25px;
}
#ect-minimal-list-wrp .style-3 i.ect-icon-location {
display: none;
}
.ect-img-wrapper {
margin-left: 21%;
}  .style-3 .ect-event-details {
display: inline-block;
}
.style-3 span.ect-minimal-list-time {
font-size: 13px;
}
.style-3 .ect-event-datetimes{
text-align:left;
line-height: auto;
}
div#ect-minimal-list-wrp {
margin-bottom: 25px;
}
.ect-left-wrapper {
width:18%; 
}
.ect-right-wrapper {
width: 82%;
padding-left: 15px;
position: relative;
}
.ect-list-posts.style-3 {
display: flex;
flex-wrap: nowrap;
padding: 20px;
padding-left:10px;
border-top: 1px solid grey;
border-right: 1px solid grey;
}
.ect-list-posts .ect-events-title {
font-size:20px;
line-height: 30px;
font-weight: 700;
}
a.ect-event-url , .ect-event-datetime, .ect-style-1-more{
color: #00445e;
color: #00445e;
}
a.ect-event-url:hover {
filter: opacity(.75);
-webkit-filter: opacity(.75);
}
.ect-event-date-tag {
width: 18%;
color: #3a2201;
}
.ect-list-posts .style-3 {
margin-bottom: 30px;
}
.ect-list-posts.style-3:last-child {
border-bottom: 1px solid gray;
}
.ect-list-posts.style-3.ect-featured-event {
border-left: 5px solid #eda264;
}
.ect-list-posts.style-3.ect-simple-event {
border-left: 5px solid #dbf5ff;
}
.style-3 span.ev-mo {
font-size: 20px;
font-weight: 800;
}
.style-3 span.ev-day,
.style-3 span.ev-time {
font-size: 18px;
font-weight: 600;
}
.style-3 span.ect-google {
display: none;
}
.ect-list-posts.style-3 a.ect-events-read-more{
font-size:12px;
}
.ect-list-posts.style-3 .ect-minimal-list-time{
font-size:16px;
}  .ect-tool-tip-wrapper.ect-labels-wrap {
display: inline;
position: relative;
cursor: pointer;
transition: 0.5s ease-in-out;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr{
background:#f1f1f1;
bottom: 100%;
color: #060606;
display: block;
right: 0px;
margin-bottom: 15px;
padding: 10px;
pointer-events: none;
position: absolute;
width:220px;
right: 0px;
border:2px solid #f1f1f1;
z-index: 1;
border-radius: 8px;
font-size: 14px;
text-align:right;
left: 50%;
transform: translateX(-50%);
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr span {
display: block;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}  
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #f1f1f1 10px;
bottom: -10px;
content: " ";
height: 0;
left:50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.ect-tool-tip-wrapper.ect-labels-wrap:hover .ect-tip-inr span {
opacity: 1;
pointer-events: auto;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr{
display:none;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.ect-tool-tip-wrapper.ect-labels-wrap:hover .ect-tip-inr {
pointer-events: auto;
display:block;
opacity: 1;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.ect-tool-tip-wrapper span.ect-labels-canceled,
.ect-tool-tip-wrapper span.ect-labels-scheduled,
.ect-tool-tip-wrapper span.ect-labels-postponed {
padding: 2px 4px;
color: #fff;
text-transform: capitalize;
font-size: 12px;
}
span.ect-labels-canceled {
background-color: #dd3333;
}
span.ect-labels-scheduled{
background-color: #81d742;
}
span.ect-labels-postponed {
background-color: #cc9d1c;
}
@media(max-width:768px){
.ect-tool-tip-wrapper.ect-labels-wrap {
display: block;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr {
padding: 4px;
left:70px;
width: 200px;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:after {
right: 0;
left: 70px;
}
}  .ect-month-header{
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
padding-bottom: 5px;
color: #313131;
border-bottom: 4px solid #ebebeb;
width: 100%;
display: block;
position: relative;
TEXT-ALIGN: CENTER;
margin-bottom: 15px;
} @media(max-width:425px){
.ect-event-date-tag {
width: 20%;
}
.ect-event-details {
width: 80%;
}
.ect-right-wrapper {
padding-left: 0px;
width: 78%;
}
.ect-left-wrapper {
width:22%; 
}
}
@media(min-width:768px){
.style-2 .ect-event-date {
width: 30%;
margin-right: 5px;
padding-right: 5px;
}
.style-2 .ect-right-wrapper {
width: 70%;
padding-left: 0px;
}
.ect-event-date-tag, .ect-left-wrapper {
width: 35%;
}
.ect-event-details, .ect-right-wrapper {
width: 65%;
}
}
@media(min-width:1200px){
.style-2 .ect-event-date {
width:15%;
margin-right: 15px;
}
.style-2 .ect-right-wrapper {
width:85%;
}
.ect-left-wrapper, .ect-event-date-tag {
width:18%; 
}
.ect-right-wrapper, .ect-event-details {
width: 82%;
}
}