.content-events-grid div.title-post-text {
margin-top: 9px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 718px;
}
.content-events-grid .event-tag-color-Forum {
margin-left: auto !important;
margin-right: auto !important;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 718px;
}
.content-events-grid .registration-is-closed {
padding-left: 0;
padding-right: 0;
line-height: 27px;
margin-left: auto;
margin-right: auto;
border: 2px solid #5f143c;
margin-top: 185px;
width: 100%;
max-width: 718px;
color: #5f143c;
font-weight: 700;
font-size: 1rem;
text-align: center;
height: 30px;
}
.content-events-grid .wp-block-preformatted {
border: none;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.content-events-grid .container-ressource-cms .event-tag-grid:nth-child(1) {
position: relative;
margin-top: 152px !important;
padding-left: 15px;
}
.content-events-grid .container-ressource-cms .event-tag-grid:nth-child(2) {
position: relative;
padding-left: 15px;
}
a.event-google {
color: #ffffff;
font-family: "Quicksand";
font-weight: 700;
text-align: center;
letter-spacing: 0.0152999945px;
}
.content-events-grid .event-tag-grid {
margin-left: auto !important;
margin-right: auto !important;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 718px;
}
.content-events-grid .container-ressource-cms .event-tag-grid span {
position: absolute;
content: '';
display: inline-block;
margin-right: 10px;
border-radius: 50%;
width: 12px;
height: 12px;
left: 0;
top: 37px;
}
.content-events-grid .event-tag-color-Training::before {
background: #145f37;
}
.content-events-grid .event-tag-color-Live::before {
background: #a84a16;
}
.content-events-grid .event-tag-color-Forum::before {
background: #5f143c;
top: 43px;
}
.content-events-grid .share-content-grid,
.content-events-grid .share-content-grid.complaint-date-time-address {
max-width: 718px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;
}
.content-events-grid .share-content-grid.complaint-date-time-address {
display: block;
margin-top: 35px;
}
@media only screen and (max-width: 767px) {
.content-events-grid .share-content-grid.complaint-date-time-address {
max-width: calc(100vw - 40px);
}
}
.content-events-grid div.title-post-text .heateor_sss_sharing_container {
padding-top: 10px;
}
.content-events-grid h4.title {
padding: 0;
}
.content-events-grid .heateorSssSharingRound {
position: relative;
} .content-events-grid .content-item {
margin-top: 55px; }
.content-events-grid .content-item div.container {
margin: auto;
padding: 0;
width: 100%;
max-width: 718px;
}
.content-events-grid .content-item .container.content-event {
padding-top: 30px;
padding-bottom: 70px;
}
.event-button {
margin-top: -30px;
padding-bottom: 50px;
}
.event-button:empty {
display: none;;
}
.content-events-grid .content-item .container.content-event p {
padding-bottom: 40px;
}
.content-events-grid .content-item .container.content-event p {
margin-top: 0px !important;
margin-bottom: 0px !important;
font-size: 1.1875rem;
}
.content-events-grid .content-item .container.content-event blockquote p {
font-weight: 700;
}
.content-events-grid .content-item .container.content-event p {
padding-top: 10px;
padding-bottom: 10px;
}
.content-events-grid .content-item .container.content-event figure figure,
.content-events-grid .content-item .container.content-event > *:last-child {
margin-bottom: 0 !important;
}
.content-events-grid .content-one-Live .event-google {
color: #a84a16 !important;
}
.content-events-grid .content-one-Live .event-google::before {
color: #a84a16 !important;
border: 2px solid #a84a16 !important;
;
}
.content-events-grid .content-one-Training .event-google {
color: #145f37 !important;
}
.content-events-grid .content-one-Training .event-google::before {
color: #145f37 !important;
border: 2px solid #145f37 !important;
;
}
.content-events-grid .content-item a.event-google {
position: relative;
padding-left: 32px;
text-decoration: underline;
color: #93587a;
font-weight: bold;
font-size: 1.2rem;
display: inline-flex;
align-items: center;
}
.content-events-grid .content-item a.event-google:hover {
color: #5EB581 !important;
}
.content-events-grid .content-item a.event-google[href="#"] {
display: none;
}
.content-events-grid .content-item a.event-google[href="#"]::before {
display: none;
}
.content-events-grid .content-item a.event-google::before {
content: '\f067';
font-family: 'Font Awesome 5 Pro';
left: 0;
position: absolute;
top: 15px;
font-style: normal;
font-weight: 500;
border: 2px solid #93587a;
height: 24px;
width: 24px;
text-align: center;
border-radius: 30px;
color: #93587a;
line-height: 20px;
font-size: 17px;
transform: translateY(-50%);
}
.content-events-grid .content-item a.event-google:hover::before {
color: #5EB581 !important;
border: 2px solid #5EB581 !important;
}
.content-events-grid .content-item a.event-calendar {
position: relative;
padding-left: 32px;
text-decoration: underline;
color: #93587a;
font-weight: bold;
font-size: 1.2rem;
display: inline-flex;
align-items: center;
}
.content-events-grid .content-item a.event-calendar:hover {
color: #5EB581;
}
.content-events-grid .content-item a.event-calendar::before {
content: '\f067';
font-family: 'Font Awesome 5 Pro';
left: 0;
position: absolute;
top: 15px;
font-style: normal;
font-weight: 500;
border: 2px solid #93587a;
height: 24px;
width: 24px;
text-align: center;
border-radius: 30px;
color: #93587a;
line-height: 20px;
font-size: 17px;
transform: translateY(-50%);
}
.content-events-grid .content-item a.event-calendar:hover::before {
color: #5EB581;
border: 2px solid #5EB581;
}
.content-events-grid .content-item .container:last-child a.event-google::before { }
.wp-block-buttons>.wp-block-button.wp-block-button {
margin-right: 0;
margin-left: 0;
margin: 0;
margin: 0;
margin-bottom: 13px;
margin-right: 10px;
}
.container.button-calenda a.event-google {
margin-top: 10px;
margin-bottom: 20px;
}
.container.button-event a.event-google {
margin-top: 0px;
}
.content-events-grid .content-item .button-event:last-child a {
padding-top: 15px;
padding-bottom: 50px;
}
.content-events-grid .table-event {
margin-top: 55px;
width: 100%;
max-width: 718px;
padding: 0;
padding-bottom: 25px;
}
.content-events-grid .table-event .title-table-event {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 7px;
}
.content-events-grid .table-event .content-table table {
margin: 0;
border: none;
background-color: #f2f1df;
}
.content-events-grid .table-event .content-table table:nth-child(even) {
background-color: #faf9ee;
}
td.name-table {
white-space: nowrap;
}
.content-events-grid .table-event .content-table td {
font-size: 1.1rem;
border: none;
height: 54px;
}
.content-events-grid .table-event .content-table tr td:first-child {
font-weight: bold;
font-size: 1.125rem;
font-family: "Quicksand"; padding-left: 30px;
}
.content-events-grid .table-event .content-table tr td:last-child { font-weight: 500;
font-size: 1.125rem;
font-family: "Quicksand";
}
td.content-table-event a:not(:hover) {
color: inherit;
}
.content-events-grid .wrap-item .button-detal-upcoming {
display: flex;
justify-content: center;
align-items: center; padding-bottom: 20px;
}
.content-events-grid .wrap-item .button-detal-upcoming button,
.content-events-grid .wrap-item .button-detal-upcoming a.register-button {
border-radius: 10px;
min-width: 160px;
padding: 0 15px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border: none;
}
.content-events-grid .wrap-item .button-detal-upcoming button:hover,
.content-events-grid .wrap-item .button-detal-upcoming a.register-button:hover {
border: 1px solid #5F143C;
background-color: #fff !important;
text-decoration: none;
}
.content-events-grid .wrap-item .button-detal-upcoming button:hover a {
color: #5f143c;
}
.content-events-grid .wrap-item .button-detal-upcoming button a,
a.register-button {
color: #fff;
font-size: 0.9375rem;
line-height: 20px;
text-transform: capitalize;
}
.content-events-grid .container-ressource-cms .back {
max-width: 100%;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 140px;
width: 10%;
display: flex;
justify-content: center;
background: #fff;
color: #5f143c;
font-size: 1rem;
text-transform: capitalize;
position: relative;
font-weight: 400;
padding-left: 0;
padding-right: 0;
padding-top: 0px;
padding-bottom: 0px;
align-items: center;
font-family: "Quicksand";
font-weight: bold;
border: unset;
}
.wp-block-buttons {
display: block;
flex-direction: row;
flex-wrap: wrap;
column-gap: 0.5em;
margin-bottom: 20px;
}
.content-events-grid .container-ressource-cms button.back::before {
content: '';
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/arrow-back.svg);
background-position: center;
background-size: cover;
width: 7px;
height: 10px;
top: 0;
left: 46%;
margin-right: 9px;
}
@media (max-width: 767px) {
.content-events-grid div.title-post-text {
margin-top: 8px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.content-events-grid .event-tag-color-Forum {
padding-left: 20px;
padding-top: 30px;
}
.content-events-grid .heateorSssSharing {
margin: 5px 38px 0 -8px;
}
.content-events-grid .registration-is-closed {
margin-left: 20px;
margin-right: 20px;
margin-top: 104px;
width: auto;
max-width: 100%;
}
.content-events-grid .event-tag-grid {
padding-left: 20px;
padding-top: 30px;
}
.content-events-grid .container-ressource-cms .event-tag-grid::before {
left: 20px;
}
.content-events-grid .container-ressource-cms .event-tag-grid:nth-child(1) {
margin-top: 87px !important;
padding-left: 36px;
margin-left: 20px !important;
}
.content-events-grid .container-ressource-cms .event-tag-grid:nth-child(2) {
padding-left: 36px;
}
.content-events-grid .share-content-grid {
padding-right: 20px;
padding-left: 20px;
display: block;
}
.content-events-grid h4.title {
font-size: 1.125rem;
}
.content-events-grid .content-item {
margin-top: 25px;
}
.content-events-grid .content-item div:first-child p:first-child {
margin-top: 14px !important;
}
.content-events-grid .content-item div.container {
margin: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.content-events-grid .content-item div:first-child {
padding-top: 25px;
}
.content-events-grid .content-item div:last-child {
padding-top: 15px;
}
.content-events-grid .content-item div:first-child p:nth-child(4) {
padding-top: 18px;
}
.content-events-grid .table-event .title-table-event {
font-weight: bold;
font-size: 1.1rem;
padding-left: 6%;
margin-bottom: 18px;
}
.content-events-grid .table-event {
width: 100%;
max-width: 100%;
padding: 0;
margin-top: 52px;
padding-bottom: 45px;
}
.content-events-grid .table-event .content-table td {
font-size: 0.9rem;
border: none;
height: 54px;
}
.content-events-grid .table-event .content-table tr td:first-child {
font-weight: bold;
font-size: 0.875rem; padding-left: 21px;
}
.content-events-grid .table-event .content-table tr td:last-child {
width: 55%;
padding-left: 13px;
font-size: 0.875rem;
}
.content-events-grid .table-event .content-table table:last-child td.content-table-event {
width: 85%; } .content-events-grid .content-item .container:last-child a.event-google::before {
top: 18px;
}
.content-events-grid .wrap-item .button-detal-upcoming {
display: flex;
justify-content: center;
align-items: center;
padding: 0 30px;
padding-bottom: 20px;
}
.content-events-grid .wrap-item .button-detal-upcoming button {
border-radius: 10px;
width: 100%;
height: 45px;
display: flex;
justify-content: center;
}
.content-events-grid .container-ressource-cms .back {
width: 18%;
}
}
.single-event figure.wp-block-image {
margin-top: 15px!important;
margin-bottom: 15px!important;
}
.single-event figure.wp-block-image figcaption {
font-size: 0.85rem;
margin-top: 10px;
}
.content-item.content-one p strong {
font-size: 1.188rem;
display: block;
margin-bottom: 15px;
}