.best-solution-post {
padding-top: 0;
}
.best-solution-post .sub-title {
color: #3e3e3e;
font-family: "Quicksand";
font-size: 1.125rem;
font-weight: 700;
line-height: 22px;
text-align: center;
margin: 0;
padding-bottom: 13px;
margin: 0 auto; }
.best-solution-post h2 {
color: #145f37;
font-size: 2.81rem;
font-weight: 500;
line-height: 53px;
text-align: center;
padding-bottom: 47px;
margin: 0;
margin: 0 auto;
}
.best-solution-post h1 {
display: none;
}
.best-solution-post .item-post.events-list { margin: 0 auto;
}
.best-solution-post .menu-events ul {
display: flex;
list-style: none;
margin: 0;
justify-content: center;
padding: 0;
padding-bottom: 50px;
flex-direction: row;
}
.events-content-list .best-solution-post .menu-events li {
margin-right: 0;
display: flex;
align-items: center;
border-radius: 7px;
margin-left: 0;
margin-top: 0;
}
.best-solution-post .menu-events li a {
font-size: 1rem;
line-height: 20px;
text-decoration: underline;
}
.best-solution-post .items.event-items.content .contain-category {
display: flex;
}
.best-solution-post .items {
margin-bottom: 9px;
border-radius: 7px;
margin-left: 28px;
margin-right: 10px;
}
.best-solution-post .content-event {
padding: 30px 28px;
}
.best-solution-post .contain-category {
display: flex;
padding-bottom: 3px;
margin-top: -1px;
}
.best-solution-post .contain-category p:first-child {
margin: 0;
font-size: 1rem;
font-weight: 500;
line-height: 20px;
display: flex;
align-items: center;
margin-right: 21px;
margin-top: 0px;
margin-bottom: 4px;
}
.best-solution-post .date {
margin: 0;
font-size: 1rem;
font-weight: 500;
line-height: 30px;
font-family: 'Quicksand';
margin-top: -2px;
display: flex;
margin-left: 8px;
margin-bottom: 3px;
}
.best-solution-post .date:before {
content: '';
display: block;
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/date.svg);
width: 16px;
height: 16px;
margin-top: 7px;
margin-right: 9px;
}
.best-solution-post .events a {
font-size: 1.375rem;
line-height: 29px;
color: #000;
text-decoration: underline;
font-weight: 500;
line-height: 29px;
text-decoration: underline;
}
.best-solution-post .menu-events li.event-link-live_chat {
order: 4;
margin-right: 0;
margin-left: 11px;
}
.events-content-list .event-link-forum a:hover {
color: #fff;
padding: 0;
}
.events-content-list ul.page-numbers {
margin-top: 115px;
list-style: none;
}
li.event-link-all.cate-link {
position: relative;  }
a.training_workshop {
position: relative;
left: 17px;
}
li.event-link-forum {
position: relative; }
main#site-content.events-content-list {
padding-bottom: 180px;
margin-top: 0 !important;
}
.events-content-list .best-solution-post {
padding-top: 197px;
}
.events a:hover {
color: #5EB581;
}
@media (min-width:991px) {
.events-content-list .best-solution-post .events a {
text-overflow: ellipsis;
width: calc(100% - 26px);
white-space: nowrap;
overflow: hidden;
display: block;
}
}
@media (min-width: 767.99px) and (max-width: 991px) {
.events-content-list .best-solution-post {
padding-top: 130px;
}
}
@media (max-width: 767.98px) {
.events-content-list .best-solution-post {
padding-top: 123px;
}
.events-content-list .fileter_cate {
margin-bottom: 23px !important;
}
main#site-content .events-content-list {
margin-top: 5px !important;
}
.events-content-list .container {
max-width: 100%;
padding: 0;
}
.best-solution-post .sub-title {
padding-bottom: 10px;
padding-top: 16px;
font-family: "Quicksand";
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
text-align: center;
}
.best-solution-post .title {
font-size: 1.875rem;
padding-bottom: 10px;
line-height: 40px;
font-weight: 500;
line-height: 40px;
text-align: center;
}
.best-solution-post .content-event {
padding: 29px 20px 28px 23px;
border-radius: 0;
}
.best-solution-post .contain-category {
padding-bottom: 7px;
margin-top: 2px;
}
.best-solution-post .events a { line-height: 24px;
font-size: 1.125rem;
font-weight: 500;
line-height: 24px;
}
.best-solution-post .menu-events li a {
font-size: 0.875rem;
font-weight: 500;
line-height: 18px;
}
.best-solution-post .items {
border-radius: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
}
.best-solution-post .menu-events li:nth-child(2) a,
.best-solution-post .menu-events li:nth-child(3) a,
.best-solution-post .menu-events li:last-child a {
text-decoration: none;
}
.best-solution-post .menu-events li:first-child span:before {
content: '';
position: absolute;
top: 8px;
right: 26px;
width: 13px;
height: 2px;
background-color: #000;
}
.best-solution-post .menu-events li:first-child span:after {
content: '';
position: absolute;
top: 3px;
right: 31px;
width: 2px;
height: 13px;
background-color: #000;
}
.best-solution-post .date {
margin: 0;
font-size: 1rem;
font-weight: 500;
line-height: 30px;
font-family: 'Quicksand';
margin-top: -5px;
display: flex;
margin-left: 8px;
position: relative;
top: 1px;
}
.best-solution-post {
padding-top: 0;
}
.events-content-list .best-solution-post .date:before {
height: 16px;
margin-top: 7px;
}
}
@media (max-width:660px) {
.best-solution-post .menu-events li.event-link-live_chat {
order: 4;
margin-right: 0;
margin-left: 0;
}
li.event-link-forum {
position: relative;
left: 0px;
}
.best-solution-post .menu-events ul {
display: flex;
list-style: none;
margin: 0;
justify-content: center;
padding: 0;
padding-bottom: 11px;
flex-direction: row;
}
a.training_workshop {
position: relative;
left: 0;
}
.events-content-list .best-solution-post .menu-events ul {
display: none;
padding-top: 20px;
background: #fbfbfc;
}
.tax-events_types .best-solution-post .menu-events li:hover a {
background-color: unset;
color: #333;
padding-left: 26px;
padding-bottom: 0;
padding-top: 0;
border-radius: 7px;
}
.best-solution-post .menu-events li.event-link-live_chat {
order: 4;
margin-right: 0;
margin-left: 0;
margin-top: -5px;
}
.best-solution-post .item-post.events-list { max-width: 1190px;
margin: 0 auto;
width: 100%;
}
.tax-events_types ul.cate-event li {
margin-bottom: 0px !important;
}
.events-content-list .fileter_cate {
padding-right: 30px !important;
}
}
@media (max-width:360px) {
.events-content-list .best-solution-post .contain-category {
margin-right: 25px;
width: auto;
flex-wrap: wrap;
white-space: nowrap;
}
.best-solution-post .date {
margin-left: 0;
}
}
@media screen and (min-width: 1680px) {
.best-solution-post .item-post.events-list{
max-width: 1375px;
}
.best-solution-post .items{
margin-left: 0;
margin-right: 0;
}
}