.button-separator{
margin-top: 60px;
}
#events-list-main-wrapper{
width: 100%;
}
.events-list-top-content-wrapper{
width: 100%;
float: none;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.events-list-top-content-left{
width: 80px;
height: 75px;
box-sizing: border-box;
margin-right: 2%;
background-color: #f3bd48;
padding-top: 27px;
}
.events-list-top-content-right{
width: 78%;
box-sizing: border-box;
margin-left: 2%;
}
.events-list-left{
width: 70%;
box-sizing: border-box;
}
.events-list-right{
width: 30%;
float: left;
box-sizing: border-box;
}
.events-list{
padding-bottom: 20px;
padding-top: 50px;
border-bottom: 2px solid #ddd;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.event-day{
font-size: 25px;
color: #fff;
text-align: center;
line-height: 0;
}
.event-month{
text-align: center;
color: #fff;
line-height: 0;
}
.event-title{
font-size: 17px;
font-weight: 600;
margin-bottom: 15px;
margin-top: -5px;
}
.event-title a {
color:#0072cf;
}
.event-excerpt p:nth-child(1){
display: none;
}
.event-date-info{
background-color: #f3f3f3;
padding: 6px 12px;
font-weight: 500;
text-transform: uppercase;
}
.event-excerpt {
margin-top:20px;
}
.events-view-details{
margin-top: 20px;
width: 150px;
padding-top: 12px;
padding-bottom: 12px;
border: none;
background: #91b9a4;
color: #fff;
cursor: pointer;
font-weight: 600;
}
.events-view-details:hover{
background: #000;
transition: all 0.3s ease-in-out;
}
ul.et_pb_tabs_controls:after{
border-top: none !important;
}
.et_pb_tabs_controls li.et_pb_tab_active {
background-color: #000 !important;
}
.event-excerpt-2{
color: #000;
margin-bottom: 18px;
font-weight: 600;
}
#filter-wrapper{
position: absolute;
top: 80px;
width: 100%;
padding: 20px;
}
#filter .filter-by-most-recent{
width: 100%;
}
#event-filter-wrapper{
z-index: 999;
width: calc(100% - 5px);
padding: 0 20px;
position: absolute;
}
select {
height: 30px;
border: none!important;
}
#filter .filter-by-month{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
}
#filter .filter-by-year{
width: 40%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
float:right;
} #filter .filter-by-most-recent{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
#ajax-loader{
max-width: 120%;
width: 100%;
display: none;
}
#custom_html-10 .button-two{
position: relative;
width: 100%;
}
.events-list-inner {
margin-top: -70px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
}
@media screen and (max-width: 980px){
.page-id-703 .widget_custom_html .textwidget{
position: initial !important;
margin: 0 auto;
width: 100% !important;
}
#event-filter-wrapper{
width: 100% !important;
top: 25px !important;
right: 0 !important;
padding-left: 19px;
padding-right: 19px;
}
#custom_html-10{
width: 100% !important;
}
#custom_html-10 .button-two {
width: 100% !important;
}
.events-list-left{
width: 74%;
}
.events-list-right{
width: 25%;
margin-top: 0;
display: none;
}
.events-list{
height: 500px;
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.events-view-details{
margin-bottom: 30px;
width: 40% !important;
display: block;
margin: 0;
}
.events-list-inner {
margin-top:-30px;
}
}
@media screen and (max-width: 600px){
.events-list-top-content-left, .events-list-top-content-left, .events-list-top-content-right{
width: 100% !important;
}
.event-excerpt p, .event-title, .event-excerpt-2 p {
text-align:left;
}
.events-list-top-content-left{
margin-bottom: 30px;
}
.events-list{
background-color: #f2f2f2;
height: 650px !important;
padding: 20px;
}
#custom_html-10 .button-two {
padding-right: 26px !important;
}
}