.events-content-grid .menu-events ul {
padding-left: 10px;
}
.events-content-grid li.event-link-all {
position: relative;  }
.events-content-grid .best-solution-post h2 {
padding-bottom: 56px;
color: #145f37;
font-family: Lora;
font-size: 2.8125rem;
font-weight: 500;
line-height: 53px;
text-align: center;
max-width: inherit;
padding-left: 0;
padding-right: 0;
}
.events-content-grid .best-solution-post .contain-category {
display: flex;
padding-bottom: 0;
}
.events-content-grid .events {
padding-bottom: 80px;
padding-left: 10px;
}
.events-content-grid .description-group {
padding-bottom: 24px;
}
.events-content-grid .best-solution-post .sub-title {
padding-bottom: 11px;
max-width: inherit;
color: #3e3e3e;
font-family: "Quicksand";
font-size: 1.125rem;
font-weight: 700;
line-height: 24px;
text-align: center;
padding-left: 0;
padding-right: 0;
}
.events-content-grid .best-solution-post .menu-events ul {
padding-bottom: 60px;
}
.tax-events_types li a.active-list,
.tax-events_types li.event-link-all a.active-list{
background: #000000;
padding: 12px 17px;
border-radius: 7px;
color: #fff;
margin-left: 60px;
}
.tax-events_types li.event-link-all a:hover {
background: #000000;
border-radius: 7px;
color: #fff;
}
.events-content-grid .best-solution-post {
padding-top: 169px;
padding-bottom: 170px;
}
.tax-events_types .best-solution-post .menu-events li a {
font-size: 1rem;
line-height: 20px;
font-family: Lora;
padding: 0px 17.83px;
margin: 0 3px;
border-radius: 7px;
height: 45px;
line-height: 45px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline;
}
.events-content-grid .date-upcoming {
width: 100%; }
.events-content-grid .date-from-to {
display: flex;
align-items: center;
order: 1;
align-content: space-between;
padding-bottom: 18px;
padding-top: 10px;
}
.events-content-grid .from-to {
display: flex; width: 100%;
margin-right: 0;
margin-top: -5px;
font-weight: 500;
align-items: center;
}
.events-content-grid .date {
width: 100%;
}
.events-content-grid .best-solution-post .contain-category {
display: flex;
flex-direction: column;
}
.events-content-grid .events-grid {
max-width: 1190px;
padding: 0 20px;
margin: 0 auto;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 25px; grid-template-columns: repeat(3, 1fr);
}
.events-content-grid .best-solution-post .events a {
text-decoration: unset; pointer-events: none;
}
.events-content-grid .best-solution-post .from-to:before {
content: '';
display: block;
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/icon-time.svg);
width: 18px;
height: 18px;
margin-right: 9px;
background-repeat: no-repeat;
margin-top: -3px;
}
.event-tag-color-Forum:before {
content: "";
position: unset;
top: unset;
left: unset;
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/Oval1.svg);
background-repeat: no-repeat;
transform: translateY(-50%);
z-index: 2;
}
.events-content-grid .best-solution-post .content-event {
padding: 24px 31px 24px 19px;
}
.events-content-grid a.learn-more-event {
padding: 13px 37.5px;
font-weight: 700;
margin-left: 9px;
text-transform: capitalize;
}
.events-content-grid ul.page-numbers {
margin-top: 75px;
list-style: none;
}
.events-content-grid .best-solution-post .items {
margin-left: 0;
margin-right: 0;
}
.events-content-grid .best-solution-post .contain-category p:first-child {
margin-top: 1px;
margin-left: 10px;
margin-bottom: 1px;
}
li.event-link-all.cate-link a {
color: #333;
}
.event-items-grid {
display: block;
margin-bottom: -2px !important;
margin-top: -3px;
}
.icon-date-form {
margin-left: 4px;
margin-right: 4px;
font-size: 1rem;
display: flex;
align-items: center;
}
.events-content-grid .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: 6px;
margin-right: 9px;
}
main#site-content.events-content-grid.events-content {
margin-top: 0 !important;
}
.events-content-grid .events a:hover {
color: unset;
}
@media (min-width:650px) and (max-width:1024px) {
.events-content-grid .events-grid {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 25px; grid-template-columns: repeat(2, 1fr);
}
.events-content-grid .events {
padding-bottom: 50px;
}
}
@media (min-width:768.99px) and (max-width:1080px) {
.events-content-grid .best-solution-post {
padding-top: 150px;
}
}
@media (max-width:767.98px) {
.events-content-grid .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: 8px;
margin-right: 9px;
}
.events-content-grid .best-solution-post .contain-category p:first-child {
margin-left: 0;
margin-bottom: 0px;
color: #a84a16;
font-family: Lora;
font-size: 1rem;
font-weight: 500;
line-height: 20px;
}
.events-content-grid .best-solution-post h2 {
padding-bottom: 35px;
line-height: 40px;
font-family: Lora;
font-size: 1.875rem;
font-weight: 500;
line-height: 40px;
text-align: center;
}
.events-content-grid .best-solution-post .items {
border-radius: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 3px !important;
}
.events-content-grid .best-solution-post .events a {
text-decoration: unset;
font-family: Lora;
font-size: 1.375rem;
font-weight: 500;
line-height: 29px;
}
.events-content-grid .best-solution-post {
padding-top: 130px;
}
.events-content-grid .events-grid {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px; grid-template-columns: repeat(2, 1fr);
padding-top: 23px;
max-width: inherit;
padding: 0;
}
.events-content-grid a.learn-more-event {
border: 1px solid #3E3E3E;
background: #3E3E3E;
color: #fff;
text-decoration: none;
box-shadow: none;
border-radius: 4px;
padding: 11px 36.5px;
font-weight: 700;
margin-left: 0;
}
.events-content-grid .best-solution-post .from-to:before {
margin-right: 12px;
margin-top: 3px;
}
.content-event.training-workshop.content-grid {
padding: 20px 20px;
}
.events-content-grid ul.page-numbers {
margin-top: 100px;
margin-bottom: 0;
}
}
@media (max-width:660px) {
.tax-events_types .fileter_cate.active span.filter_action {
width: 14px;
height: 14px;
font-size: 0;
background: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/event-icons.svg);
cursor: pointer;
background-repeat: no-repeat;
}
.events-content-grid .best-solution-post h2 {
padding-bottom: 10px;
line-height: 40px;
font-family: Lora;
font-size: 1.875rem;
font-weight: 500;
line-height: 40px;
text-align: center;
}
.events-content-grid .events-grid {
grid-template-columns: repeat(1, 1fr);
}
.events-content-grid .best-solution-post .menu-events ul {
padding-bottom: 9px;
}
.tax-events_types #site-header.sticky {
box-shadow: unset;
}
.tax-events_types .menu-events.cate_main.stickeyByScroll {
background: #fbfbfc;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.18);
padding-bottom: 0;
}
.tax-events_types span.result_name {
font-size: 1rem;
}
.tax-events_types a.active-list {
display: none;
}
.tax-events_types li.cate-link.active-list {
display: none !important;
}
.tax-events_types li.active-list {
display: none !important;
}
.events-content-grid .events {
padding-bottom: 81px;
padding-left: 0;
}
ul.cate_content.stickeyCate {
position: fixed;
z-index: 99;
width: 100%;
display: block;
background: #fbfbfc;
box-shadow: 0px 0px 7px rgb(0 0 0 / 18%);
padding: 0;
}
.best-solution-post .menu-events li {
width: 100%;
position: relative;
padding-left: 0;
justify-content: flex-start;
}
.events-content-grid .cate_content,
.events-content-grid .fileter_cate.hide {
display: none;
}
.tax-events_types ul.cate_content {
display: none;
}
.tax-events_types .best-solution-post .menu-events ul {
display: block;
padding-top: 0px;
background: #fbfbfc;
padding-left: 4px;
}
.tax-events_types .menu-events.cate_main {
padding-bottom: 23px;
}
.tax-events_types ul.cate_content.stickeyCate {
display: block !important;
padding: 14px 30px 0;
}
.tax-events_types li.event-link-all {
position: relative;
right: -10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.tax-events_types .best-solution-post .menu-events li a {
padding-left: 26px;
padding-bottom: 0;
padding-top: 0;
display: inline-block;
margin: 0;
text-decoration: unset;
}
.tax-events_types a.active-list {
background-color: unset;
}
.tax-events_types .filter_action {
width: 14px;
height: 14px;
font-size: 0;
background: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/icon-event.svg);
cursor: pointer;
}
.tax-events_types .fileter_cate {
color: #3e3e3e;
font-family: Lora;
font-size: 0.875rem;
font-weight: 500;
line-height: 18px;
text-decoration: underline;
background: #fbfbfc;
height: 45px;
margin-bottom: -1px !important;
padding-left: 33px;
padding-right: 41px;
}
.tax-events_types .best-solution-post .menu-events ul a.active-list {
text-decoration: underline;
}
.events-content-grid .fileter_cate {
color: #3e3e3e;
font-family: Lora;
font-size: 0.875rem;
font-weight: 500;
line-height: 18px;
text-decoration: underline;
background: #fbfbfc;
height: 45px;
margin-bottom: 0 !important;
padding-left: 33px;
padding-right: 32px;
}
.events-content-grid .menu-events.cate_main {
padding-bottom: 13px;
}
.tax-events_types span.filter_action.active {
width: 14px;
height: 3px;
font-size: 0;
background: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/icon-tru.svg);
cursor: pointer;
padding: 10px;
background-repeat: no-repeat;
background-position: center;
}
.best-solution-post .menu-events li:first-child span:before {
display: none;
}
.best-solution-post .menu-events li:first-child span:after {
display: none;
}
.tax-events_types a.active-list.forum {
color: #5f143c;
}
.tax-events_types li.event-link-all a.active-list {
background: unset;
color: #3e3e3e;
}
.tax-events_types .event-link-forum a:hover {
background-color: unset !important;
color: #5f143c !important;
text-decoration: underline !important;
}
.tax-events_types .event-link-live_chat a:hover {
background-color: unset !important;
color: #a84a16 !important;
text-decoration: underline !important;
}
.tax-events_types .event-link-training_workshop a:hover {
background-color: unset !important;
color: #145f37 !important;
text-decoration: underline !important;
}
.tax-events_types li.event-link-all a:hover {
background-color: unset !important;
color: #000000 !important;
text-decoration: underline !important;
}
.tax-events_types li.event-link-all.cate-link a {
color: #333;
text-decoration: unset;
}
.best-solution-post .menu-events li:hover a {
background-color: unset;
color: #333;
padding-left: 15px;
padding-bottom: 0;
padding-top: 0;
border-radius: 7px;
}
main#site-content .events-grid {
margin-top: 28px !important;
}
.best-solution-post .menu-events ul.cate_content.stickeyCate :hover a {
background-color: unset;
}
.events-content-grid .from-to {
display: flex; width: 100%;
margin-right: 0; margin-top: -4px;
font-size: 1rem;
font-weight: 500;
line-height: 30px;
}
.events-content-grid .date-from-to {
display: flex;
align-items: center;
order: 1;
align-content: space-between;
padding-bottom: 21px;
padding-top: 11px;
margin-left: -6px;
}
}
@media (max-width:320px) {
.events-content-grid .from-to {
margin-right: 0;
}
}
@media screen and (min-width: 1680px) {
.events-content-grid .events-grid {
max-width: 1375px;
}
}