@charset "UTF-8";
:root {
--cp-color-green-gold: #b18f54;
--cp-color-green-0: #678a5d;
--cp-color-green-1: #4b5f46;
--cp-color-green-2: #2a3329;
--cp-color-green-light: #b3d1ab;
--cp-color-green-light-1: #eff3ee;
--cp-color_gray: #e0e5eb;
--cp-color_gray_1: #e9e4dd; /* #eff3f7; */
--cp-color_gray_2: #f8f9fb;
--cp-color_brown: #c70039;
--cp-color-button-disabled: #9ca0a4;
--cp-color-switch-button: #c0c0c0;
--cp-color-switch-button-on: #1e90ff;
--cp-h1_font_size: 54px;
--cp-h2_font_size: 44px;
--cp-h3_font_size: 28px;
--cp-h4_font_size: 26px;
--cp-h5_font_size: 22px;
--cp-h6_font_size: 20px;
--cp-body_font_size: 18px;
--cp-body_line_height: 1.7;
--cp-body_li_line_height: 1.4;
--cp-button_font_size: var(--cp-h6_font_size);
--cp-small_font_size: 14px;
--cp-small_margin: 10px;
--cp-body_pargraph_space: 6px;
--cp-body_pargraph_margin: 24px;
--cp-header_margin_bottom: 24px;
--cp-input_line_height: 1.2;
--cp-input_border: var(--cp-color_gray); /* check */
--cp-input_border_focus: var(--cp-color-green-0-gold); /* check */
--cp-button-padding-top: 0.75em;
--cp-button-padding-side: 1.25em;
--cp-narrow-h-margin: -5.5%;
--cp-background_color: var(--cp-color_gray);
--cp-page_background_color: #ffffff;
--cp-link_color: #007acc;
--cp-main_text_color: #28303d;
--cp-secondary_text_color: #1a1a1a;
--cp-font_family: 'Noto Sans TC', sans-serif;
--cp-letter-spacing: 2px;
--cp-letter-spacing-h12: 3px;
--cp-header_padding_height: 20px;
--cp-header_height: 72px;
--cp-header_tagline_height: 25px;
--cp-header_text_color: var(--cp-main_text_color);
--cp-logo_width: 72px;
--cp-site_title_fontsize: 24px;
--cp-site_tagline_fontsize: 14px;
--cp-menu_text_color: var(--cp-main_text_color);
--cp-menu_text_focus_color: var(--cp-main_text_color);
--cp-menu_border: #c0c0c0;
--cp-submenu_text_color: white;
--cp-submenu_text_focus_color: #c0c0c0;
--cp-submenu_background_color: #606060;
--cp-submenu_border_color: #808080;
--cp-footer_text_color: white;
--cp-footer_copyright_color: white;
--cp-footer_font_size: 16px;
--cp-footer_copyright_font_size: 14px;
--cp-footer_line_height: 1.3;
--cp-footer_background_color: #404040;
--cp-page_max_width: 1200px;
--cp-page-min_margin: 48px;
--cp-page-margin_up_down: 64px;
--cp-hero_line_height: 1.4;
--cp-hero_font_size: calc(1.5vw + 12px);
--cp-home_textbox_padding: 40px;
--cp-photo-height: 180px;
--cp-flyer-svg_green:  url('data:image/svg+xml;utf8,<svg width="725" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polyline points="25,320 0,400 650,400 522.5,320" style="fill:white" /><g style="fill:rgb(4,118,66)"><polyline points="165,0 292.5,80 140,80"/><polyline points="522.5,320 675,320 650,400"/></g><g style="fill:rgb(48,40,126)"><polyline points="140,80 725,80 725,160 675,320 65,320" /><polyline points="698,375 725,288 725,375" /></g><g style="fill:rgb(14,176,109)"><polyline points="125,0 165,0 65,320 25,320" /><polyline points="650,400 725,160 725,288 698,375 725,375 725,400" /></g></svg>');
--cp-flyer-svg_blue:   url('data:image/svg+xml;utf8,<svg width="725" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polyline points="25,320 0,400 650,400 522.5,320" style="fill:white" /><g style="fill:rgb(5,86,175)"><polyline points="165,0 292.5,80 140,80"/><polyline points="522.5,320 675,320 650,400"/></g><g style="fill:rgb(34,35,39)"><polyline points="140,80 725,80 725,160 675,320 65,320" /><polyline points="698,375 725,288 725,375" /></g><g style="fill:rgb(29,119,229)"><polyline points="125,0 165,0 65,320 25,320" /><polyline points="650,400 725,160 725,288 698,375 725,375 725,400" /></g></svg>');
--cp-flyer-svg_orange: url('data:image/svg+xml;utf8,<svg width="725" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polyline points="25,320 0,400 650,400 522.5,320" style="fill:white" /><g style="fill:rgb(260,137,16)"><polyline points="165,0 292.5,80 140,80"/><polyline points="522.5,320 675,320 650,400"/></g><g style="fill:rgb(51,37,132)"><polyline points="140,80 725,80 725,160 675,320 65,320" /><polyline points="698,375 725,288 725,375" /></g><g style="fill:rgb(252,179,22)"><polyline points="125,0 165,0 65,320 25,320" /><polyline points="650,400 725,160 725,288 698,375 725,375 725,400" /></g></svg>');
--cp-flyer-svg_green_small:  url('data:image/svg+xml;utf8,<svg width="645" height="550" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="fill:white"><polyline points="0,0 148,0 0,475 497,475 545,550 0,550"/><polyline points="193,0 645,0 645,75, 241.8,75"/></g><g style="fill:rgb(4,118,66)"><polyline points="193,0 241.8,75 169.6,75"/><polyline points="497,475 568.5,475 545,550"/></g><g style="fill:rgb(51,37,132)"><polyline points="598,525 645,374 645,525" /></g><g style="fill:rgb(14,176,109)"><polyline points="148,0 193,0 45,475 0,475" /><polyline points="545,550 645,230 645,374 598,525 645,525 645,550" /></g></svg>');
--cp-flyer-svg_blue_small:   url('data:image/svg+xml;utf8,<svg width="645" height="550" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="fill:white"><polyline points="0,0 148,0 0,475 497,475 545,550 0,550"/><polyline points="193,0 645,0 645,75, 241.8,75"/></g><g style="fill:rgb(5,86,175)"><polyline points="193,0 241.8,75 169.6,75"/><polyline points="497,475 568.5,475 545,550"/></g><g style="fill:rgb(51,37,132)"><polyline points="598,525 645,374 645,525" /></g><g style="fill:rgb(29,119,229)"><polyline points="148,0 193,0 45,475 0,475" /><polyline points="545,550 645,230 645,374 598,525 645,525 645,550" /></g></svg>');
--cp-flyer-svg_orange_small: url('data:image/svg+xml;utf8,<svg width="645" height="550" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="fill:white"><polyline points="0,0 148,0 0,475 497,475 545,550 0,550"/><polyline points="193,0 645,0 645,75, 241.8,75"/></g><g style="fill:rgb(260,137,16)"><polyline points="193,0 241.8,75 169.6,75"/><polyline points="497,475 568.5,475 545,550"/></g><g style="fill:rgb(51,37,132)"><polyline points="598,525 645,374 645,525" /></g><g style="fill:rgb(252,179,22)"><polyline points="148,0 193,0 45,475 0,475" /><polyline points="545,550 645,230 645,374 598,525 645,525 645,550" /></g></svg>');
}
:root:lang(en-GB) {
--cp-letter-spacing: 1px;
--cp-letter-spacing-h12: 1px;
--cp-font_family: 'Montserrat', sans-serif;
}
@media screen and (max-width: 910px) {
:root {
--cp-header_height: 64px;
--cp-logo_width: 64px;
--cp-h1_font_size: 48px;
--cp-h2_font_size: 38px;
--cp-h3_font_size: 25px;
--cp-h4_font_size: 22px;
--cp-h5_font_size: 19px;
--cp-h6_font_size: 16px;
--cp-body_font_size: 18px;
--cp-home_textbox_padding: 36px;
}
:root:lang(en-GB) {
--cp-body_font_size: 17px;
}
}
@media screen and (max-width: 710px) {
:root {
--cp-header_height: 60px;
--cp-logo_width: 60px;
--cp-h1_font_size: 48px;
--cp-h2_font_size: 38px;
--cp-h3_font_size: 26px;
--cp-h4_font_size: 23px;
--cp-h5_font_size: 20px;
--cp-h6_font_size: 20px;
--cp-body_font_size: 17px;
--cp-page-min_margin: 36px;
--cp-page-margin_up_down: 48px;
--cp-home_textbox_padding: 28px;
--cp-photo-height: 160px;
}
:root:lang(en-GB) {
--cp-h1_font_size: 44px;
--cp-h2_font_size: 35px;
--cp-h3_font_size: 24px;
--cp-h4_font_size: 21px;
--cp-h5_font_size: 19px;
--cp-h6_font_size: 18px;
--cp-body_font_size: 16px;
}
}
@media screen and (max-width: 480px) {
:root {
--cp-header_height: 54px;
--cp-logo_width: 54px;
--cp-h1_font_size: 42px;
--cp-h2_font_size: 34px;
--cp-h3_font_size: 22px;
--cp-h4_font_size: 20px;
--cp-h5_font_size: 17px;
--cp-h6_font_size: 16px;
--cp-body_font_size: 15px;
--cp-page-min_margin: 24px;
--cp-page-margin_up_down: 32px;
--cp-home_textbox_padding: 20px;
--cp-site_title_fontsize: 18px;
--cp-site_tagline_fontsize: 12px;
--cp-body_pargraph_margin: 20px;
--cp-header_margin_bottom: 20px;
--cp-photo-height: 140px;
}
:root:lang(en-GB) {
--cp-h1_font_size: 38px;
--cp-h2_font_size: 31px;
--cp-h3_font_size: 20px;
--cp-h4_font_size: 19px;
--cp-h5_font_size: 16px;
--cp-h6_font_size: 15px;
--cp-body_font_size: 14px;
}
}
body, input, select, textarea {
background-color: var(--cp-page_background_color);
font-size: var(--cp-body_font_size);
font-family: var(--cp-font_family);
line-height: var(--cp-body_line_height);
}
input, select {
line-height: var(--cp-input_line_height);
border-color: var(--cp-color_gray);
}
textarea {
line-height: calc(var(--cp-input_line_height) + 0.4);
border-color: var(--cp-color_gray);
}
.entry-title {
font-family: var(--cp-font_family);
}
main {
margin-bottom: 0 !important;
}
.site {
background-color: var(--cp-page_background_color);
}
.page-links a,
.page-links a:hover,
.page-links a:focus {
color: var(--cp-page_background_color);
}
a,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.entry-title a:hover,
.entry-title a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.required {
color: var(--cp-link_color);
}
.page-links a:hover,
.page-links a:focus {
background-color: var(--cp-link_color);
}
body,
blockquote cite,
blockquote small,
.dropdown-toggle,
.post-navigation a,
.entry-title a,
.page-links > .page-links-title {
color: var(--cp-main_text_color);
}
blockquote,
.post-navigation,
.post-navigation div + div,
.page-header,
.page-links a {
border-color: var(--cp-main_text_color);
}
.page-links a {
background-color: var(--cp-main_text_color);
}
blockquote,
.post-password-form label,
a:hover,
a:focus,
a:active,
.post-navigation .meta-nav,
.image-navigation,
.site-description,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.logged-in-as,
.form-allowed-tags,
.wp-caption .wp-caption-text,
.gallery-caption,
.widecolumn label,
.widecolumn .mu_register label {
color: var(--cp-secondary_text_color);
}
fieldset,
pre,
abbr,
acronym,
table,
th,
td,
.main-navigation li,
.main-navigation .primary-menu,
.dropdown-toggle:after,
.image-navigation,
.entry-content,
.entry-summary,
.page-links a,
.page-links > span,
.widecolumn .mu_register .mu_alert {
border: none;
}
hr,
code {
background-color: none;
}
@media screen and (min-width: 56.875em) {
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: var(--cp-menu_text_focus_color);
}
.main-navigation ul ul,
.main-navigation ul ul li {
border-color: var(--cp-menu_border);
}
.main-navigation ul ul::before {
border-top-color: var(--cp-menu_border);
border-bottom-color: var(--cp-menu_border);
}
.main-navigation ul ul li {
background-color: var(--cp-page_background_color);
}
.main-navigation ul ul:after {
border-top-color: var(--cp-page_background_color);
border-bottom-color: var(--cp-page_background_color);
}
}
h1, h2, h3 {
transform: scaleX(90%);
margin-left: var(--cp-narrow-h-margin);
margin-right: var(--cp-narrow-h-margin);
line-height: 1.2;
}
h1 {
font-size: var(--cp-h1_font_size);
letter-spacing: var(--cp-letter-spacing-h12);
}
h2 {
font-size: var(--cp-h2_font_size);
letter-spacing: var(--cp-letter-spacing-h12);
}
h3 {
font-size: var(--cp-h3_font_size);
letter-spacing: 1px;
}
h4 {
font-size: var(--cp-h4_font_size);
}
h5 {
font-size: var(--cp-h5_font_size);
}
h6 {
font-size: var(--cp-h6_font_size);
}
p {
margin: 0 0 var(--cp-body_pargraph_margin);
}
p:last-child {
margin-bottom: 0;
}
input::placeholder {
color: #c0c0c0;
}
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
border-radius: 3px;
margin: calc(var(--cp-small_margin) / 2) 0;
padding: 0.4375em;
}
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
border-color: var(--cp-color-green-0);
}
input[type="checkbox"] {
transform: scale(2);
margin-left: 8px;
margin-right: 12px;
}
a,
a:hover,
a:active,
a:focus {
outline: none;
background: unset;
}
.wp-block-button {
margin: auto;
width: fit-content;
padding-bottom: 25px;
padding: 0;
}
.cp-default-button {
color: #fff;
background-color: var(--cp-color-green-0);
border: solid 2px var(--cp-color_orange_4);
border-radius: 5px;
cursor: pointer;
text-align: center;
padding: var(--cp-button-padding-top) var(--cp-button-padding-side);
white-space: nowrap;
}
.cp-default-button.cp-buy-button {
width: 100%;
max-width: 300px;
}
button, button:hover, button:active, button:focus,
input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus,
input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus,
.wp-block-buttons .wp-block-button a, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover {
padding: var(--cp-button-padding-top) var(--cp-button-padding-side);
border: solid 2px var(--cp-color_orange_4);
color: white;
font-family: var(--cp-font_family);
font-size: var(--cp-button_font_size);
letter-spacing: var(--cp-letter-spacing);
border-radius: 100px;
background-color: var(--cp-color-green-0);
outline: none;
text-transform: none;
white-space: nowrap;
}
.cp-default-button-disabled, .cp-default-button[disabled],
input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus,
button[disabled]:focus, button[disabled]:hover {
padding: var(--cp-button-padding-top) var(--cp-button-padding-side);
border: solid 2px var(--cp-color_gray_1);
background-color: var(--cp-color-button-disabled);
font-family: var(--cp-font_family);
opacity: 0.5;
cursor: default;
text-transform: unset;
}
.cp-default-button i {
padding-right: 0.2em;
}
button.dropdown-toggle, button.dropdown-toggle:hover, button.dropdown-toggle:active, button.dropdown-toggle:focus {
background-image: none;
padding: 0;
border: none;
}
body::before, body:after {
content: unset !important;
}
.site {
margin: 0;
position: relative;
z-index: 0;
}
.site-header {
padding: var(--cp-header_padding_height) 30px var(--cp-header_padding_height) 30px;
position: relative;
}
.site-branding .site-title a, .site-branding .site-title a:hover, .site-branding .site-title a:focus,
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
color: var(--cp-header_text_color);
border-color: var(--cp-header_text_color);
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 0;
margin-bottom: 0;
}
.site-inner {
margin: 0;
max-width: 100%;
}
.site-content {
padding: 0;
}
.site-branding .custom-logo-link {
float: left;
margin-right: 10px;
}
.custom-logo {
height: var(--cp-header_height);
width: auto;
max-width: unset;
}
.site-branding .site-title {
margin-top: 10px;
font-size: var(--cp-site_title_fontsize);
display: block;
white-space: nowrap;
float: left;
font-family: var(--cp-font_family);
transform: scaleX(0.95);
transform-origin: 0 0;
}
.site-branding .site-title a {
font-size: var(--cp-site_title_fontsize);
transform: scaleX(0.8);
}
.site-branding .site-description {
display: block;
font-size: var(--cp-site_tagline_fontsize);
}
@media screen and (max-width: 480px) {
.site-title {
display: none;
}
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
border: none;
font-size: 40px;
padding: 0;
margin: 0 -20px 0 0;
color: var(--cp-menu_text_color);
}
.main-navigation a {
color: var(--cp-menu_text_color);
font-family: var(--cp-font_family);
}
.main-navigation a:hover, .main-navigation a:focus {
color: var(--cp-menu_text_focus_color);
}
.main-navigation li {
border-color: var(--cp-menu_border);
}
.main-navigation .sub-menu a {
color: var(--cp-submenu_text_color);
}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu a:focus {
color: var(--cp-submenu_text_focus_color);
}
.main-navigation ul ul:after {
border-top-color: var(--cp-submenu_background_color);
border-bottom-color: var(--cp-submenu_background_color);
}
.main-navigation ul ul li {
background-color: var(--cp-submenu_background_color);
}
.main-navigation a[href="#pll_switcher"] svg path {
fill: white;
stroke: #000000;
stroke-opacity: 0.5;
}
.primary-menu .lang-item a[hreflang] {
align-items: center;
display: flex;
position: relative;
}
.primary-menu .lang-item a[hreflang]:before {
content: "";
position: absolute;
width: 90%;
height: 80%;
top: 10%;
left: 5%;
border: 1px solid #808080;
border-radius: 40px;
}
.site-header-menu.toggled-on .main-navigation .primary-menu .lang-item a[hreflang]:before {
content: none;
}
.site-header-menu.toggled-on .main-navigation .primary-menu .lang-item a[hreflang] {
border-color: var(--cp-submenu_border_color);
border: 1px solid #808080;
border-radius: 40px;
padding-left: 15px;
}
.primary-menu .lang-item a[hreflang] svg {
margin-right: 5px;
}
.primary-menu .lang-item a[hreflang] svg path {
fill: white;
stroke: #000000;
stroke-opacity: 0.5;
}
.site-header-menu.toggled-on {
position: fixed;
display: block;
top: var(--wp-admin--admin-bar--height, 0px);
left: 0;
height: 100vh;
width: 100vw;
background: rgba(0,0,0,0.3);
z-index: 2;
}
.site-header-menu.toggled-on>nav::before {
content: "✕";
font-size: 32px;
font-weight: 800;
display: block;
text-align: end;
padding: 5px 40px 5px 15px;;
color: white;
background-color: #353839;
}
.site-header-menu.toggled-on>nav {
--cp_submenu_width: min(80%, 350px);
background-color: var(--cp-submenu_background_color);
height: 100%;
width: var(--cp_submenu_width);
left: calc(100% - var(--cp_submenu_width));
position: relative;
animation: cp_submenu_show 0.5s;
}
@keyframes cp_submenu_show {
0% {transform: translateX(100%)}
100% {transform: translateX(0%)}
}
.site-header-menu.toggled-on .dropdown-toggle,
.site-header-menu.toggled-on .dropdown-toggle:hover,
.site-header-menu.toggled-on .dropdown-toggle:focus {
color: var(--cp-submenu_text_color);
}
.site-header-menu.toggled-on>nav>div {
margin: 15px;
margin-right: 30px;
}
.site-header-menu.toggled-on .main-navigation a {
color: var(--cp-submenu_text_color);
padding-top: 15px;
padding-bottom: 15px;
}
.site-header-menu.toggled-on .main-navigation li,
.site-header-menu.toggled-on .main-navigation .primary-menu,
.site-header-menu.toggled-on .dropdown-toggle:after {
border-color: var(--cp-submenu_border_color);
}
.site-header-menu.toggled-on .dropdown-toggle:focus {
outline: none;
}
body.cp-lock-scrolling {
overflow-y: scroll;
}
body.cp-lock-scrolling .site {
position: fixed;
}
.site-footer {
background-image: url(/wp-content/plugins/cptech2021/assets/images/footer.webp);
display: block;
color: var(--cp-footer_text_color);
font-size: var(--cp-footer_font_size);
font-weight: 300;
line-height: var(--cp-footer_line_height);
padding: 0;
}
.site-footer .site-footer-columns {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 10px var(--cp-body_pargraph_margin);
max-width: 600px;
margin: auto;
}
@media screen and (max-width: 710px) {
.site-footer .site-footer-columns {
column-gap: 5%;
}
}
@media screen and (max-width: 540px) {
:lang(en-GB) .site-footer .site-footer-columns {
flex-wrap: wrap;
}
:lang(en-GB) .site-footer .site-footer-columns>div {
flex-basis: 80%;
}
}
@media screen and (max-width: 400px) {
.site-footer .site-footer-columns {
flex-wrap: wrap;
}
.site-footer .site-footer-columns>div {
flex-basis: 80%;
}
}
.site-footer .site-footer-columns ul {
list-style-type: none;
margin: 0;
}
.site-footer .site-footer-columns a {
color: var(--cp-footer_copyright_color);
text-decoration: none;
font-size: var(--cp-footer_font_size);
font-weight: 400;
display: inline-block;
padding: 3px 0;
}
.site-footer .site-footer-columns>div>div {
padding: 3px 0;
}
.site-footer .site-footer-columns svg {
fill: white;
height: 36px;
width: 36px;
}
.site-footer .site-footer-columns hr.wp-block-separator {
margin: var(--cp-body_pargraph_space) 0;
}
.site-footer .site-footer-columns header {
font-size: 20px;
font-weight: 700;
}
.site-footer .cp-social-icons span {
margin-right: var(--cp-body_pargraph_space);
}
.cp_footer_copyright {
display: flex;
font-size: var(--cp-footer_copyright_font_size);
color: var(--cp-footer_copyright_color);
background-color: var(--cp-footer_background_color);
margin-bottom: 0;
text-align: center;
padding: 10px;
gap: var(--cp-body_pargraph_space) 50px;
justify-content: center;
}
.cp_footer_copyright a, .cp_footer_copyright a:hover, .cp_footer_copyright a:active, .cp_footer_copyright a:focus {
color: var(--cp-footer_copyright_color);
}
@media screen and (max-width: 710px) {
.cp_footer_copyright {
flex-wrap: wrap;
}
.cp_footer_copyright>div:first-of-type {
order: 2;
flex-basis: 100%
}
}
.cr_ajax_post_grid_wrap {
box-sizing: border-box;
}
hr.wp-block-separator {
margin: 30px auto;
border-width: 3px;
}
.cr_ajax_post_filter_div .cr_ajax_posts_taxonomy {
display: inline-block;
cursor: pointer;
background: transparent;
padding: 5px 10px;
margin: 1px;
border: solid 1px rgba(0, 0, 0, 0.1);
}
.cr_ajax_post_filter_div ul {
list-style: none;
margin: 0;
padding: 0;
}
.cr_ajax_posts_taxonomy.active,
.cr_ajax_posts_taxonomy:hover {
background: rgba(0, 0, 0, 0.1);
}
.cr_ajax_post_container {
position: relative;
}
.cr_ajax_post_filter_div {
margin-bottom: 30px;
display: flex;
justify-content: center;
}
.cr_ajax_post_grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
padding: 16px 0;
}
.cr_ajax_post_grid h3 {
margin-bottom: 10px;
}
.cr_ajax_post_grid h3:lang(en-GB) {
font-size: 16px;
line-height: 1.4;
}
#cr_ajax_post_navigation_init {
margin: 30px 0;
text-align: center;
}
#cr_ajax_post_navigation_init .page-numbers {
width: 30px;
display: inline-block;
height: 30px;
text-align: center;
line-height: 1.2;
border: solid 1px #c6c6c6;
padding: 4px;
text-decoration: none;
}
#cr_ajax_post_navigation_init .page-numbers.current,
#cr_ajax_post_navigation_init .page-numbers:hover {
background: #f0f0f0;
}
.cr_ajax_post_grid>div {
max-width: 350px; /* customize */
box-shadow: 0 2px 15px 0 rgb(0 0 10 / 45%);
border-radius: var(--cp-body_pargraph_space);
overflow: hidden;
}
.cr_ajax_post_grid>div>a>div:first-of-type {
overflow: hidden;
}
.cr_ajax_post_grid>div>a>div:first-of-type:hover img {
transform: scale(1.05);
}
.cr_ajax_post_grid>div .cr_ajax_post_title h3 {
height: calc(var(--cp-h3_font_size) * 2.4);
}
.cr_ajax_post_grid .cr_post_tags {
height: 24px;
}
.cr_ajax_post_grid>div>a h3 {
align-items: center;
display: flex;
justify-content: center;
font-size: var(--cp-h5_font_size);
margin-bottom: 0;
}
.cr_ajax_post_grid>div>a>div {
text-align: center;
font-size: 14px;
}
.cr_ajax_post_meta {
padding: 0 var(--cp-body_pargraph_space);
font-weight: 600;
color: var(--cp-main_text_color);
}
.cr_ajax_post_meta i {
color: var(--cp-color-green-0);
}
.cr_ajax_post_meta>div:first-of-type {
float: left;
}
.cr_ajax_post_meta>div:last-of-type {
float: right;
}
.cr_ajax_post_layout_travel>div {
flex-basis: 350px;
position: relative;
}
.cr_ajax_post_layout_travel>div>a>div:first-of-type {
overflow: hidden;
}
.cr_ajax_post_layout_travel>div>a>div:last-of-type {
text-align: center;
padding: 8px;
text-shadow: 3px 3px 4px #00000080, 3px 4px 6px #00000080, 3px -3px 6px #00000080, -3px -3px 6px #00000080;
position: absolute;
bottom: 0;
color: white;
width: 100%;
background: linear-gradient(rgba(0,0,0,0.0) 0, rgba(0,0,0,0.5) 100px);
padding-top: 20px;
}
.cr_ajax_post_layout_travel>div>a>div:last-of-type .cr_ajax_post_date {
font-size: 12px;
}
.cr_post_tags {
margin-top: 3px;
text-align: center;
}
.cr_post_tags span {
padding: 0 8px 2px 8px;
border-radius: 3px;
font-size: 14px;
white-space: nowrap;
}
.cr_post_tags svg {
height: 13px;
vertical-align: middle;
padding-right: 3px;
}
.cr_post_tags.cr_tags_larger span {
padding: 0 8px 2px 8px;
font-size: 18px;
}
.cr_post_tags.cr_tags_larger svg {
height: 18px;
}
iframe {
margin-bottom: 0;
}
.cr_video_holder>.cp_video_picture {
cursor: pointer;
}
.cp_text_only_page h2 {
font-size: var(--cp-h3_font_size);
}
.cp_home_hero {
background-color: var(--cp-color-green-light-1);
}
.cp_home_hero>div {
position: relative;
}
.cp_home_hero>div>div {
min-height: 20vw;
padding: var(--cp-body_pargraph_margin) var(--cp-page-min_margin);
z-index: 1;
position: relative;
}
.cp_home_hero>div>figure {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
width: 60%;
}
.cp_home_hero>div .wp-block-buttons {
margin-top: var(--cp-body_pargraph_margin);
display: flex;
gap: var(--cp-small_margin);
}
.cp_home_hero>div .wp-block-buttons>.wp-block-button>a {
width: calc(var(--cp-h6_font_size) * 8);
border: solid 2px var(--cp-color-green-0);
}
.cp_home_hero>div .wp-block-buttons>.wp-block-button>a:lang(en-GB) {
text-transform: none;
font-family: Arial;
height: calc(var(--cp-h6_font_size) * 1.65 + var(--cp-button-padding-top) * 2);
font-size: calc(var(--cp-h6_font_size) * 0.85);
text-wrap: wrap;
display: flex;
justify-content: center;
align-items: center;
}
.cp_home_hero>div .wp-block-buttons>.wp-block-button:nth-of-type(even)>a {
background-color: var(--cp-color_gray);
color: var(--cp-color-green-0);
}
.cp_home_hero h2 {
--cp-hero-text-opacity: 0.95;
color: var(--cp-main_text_color);
font-weight: 600;
letter-spacing: 1px;
font-size: var(--cp-hero_font_size);
line-height: var(--cp-hero_line_height);
opacity: var(--cp-hero-text-opacity);
flex-basis: 100%;
}
@media screen and (max-width: 710px) {
.cp_home_hero h2 {
text-shadow: 2px 2px 3px var(--cp-color_gray), 2px 3px 5px var(--cp-color_gray), 2px -2px 5px var(--cp-color_gray), -2px -2px 5px var(--cp-color_gray);
}
.cp_home_hero>div>figure {
width: 90%;
}
.cp_home_hero>div .wp-block-buttons {
justify-content: center;
margin-top: calc(10vw + 30px);
margin-top: 20vw;
}
}
:lang(en-GB) .cp_home_hero h2:first-of-type {
animation: cp_hero_animation_line1 1.5s;
}
:lang(en-GB) .cp_home_hero h2:nth-of-type(2) {
animation: cp_hero_animation_line2 1.5s;
}
:lang(en-GB) .cp_home_hero h2:last-of-type {
animation: cp_hero_animation_line3 1.5s;
}
:lang(zh-HK) .cp_home_hero h2:first-of-type {
animation: cp_hero_animation_line1 1.5s;
}
:lang(zh-HK) .cp_home_hero h2:nth-of-type(2) {
translate: var(--cp-hero_font_size);
animation: cp_hero_animation_line2 1.5s;
}
:lang(zh-HK) .cp_home_hero h2:last-of-type {
translate: calc(var(--cp-hero_font_size) * 2);
animation: cp_hero_animation_line3 1.5s;
}
@keyframes cp_hero_animation_line1 {
0% {opacity: 0;}
50% {opacity: var(--cp-hero-text-opacity);}
100% {opacity: var(--cp-hero-text-opacity);}
}
@keyframes cp_hero_animation_line2 {
0% {opacity: 0;}
25% {opacity: 0;}
75% {opacity: var(--cp-hero-text-opacity);}
100% {opacity: var(--cp-hero-text-opacity);}
}
@keyframes cp_hero_animation_line3 {
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: var(--cp-hero-text-opacity);}
}
.cp-cover-circle {
--cp-cover-circle: 75px;
}
@media only screen and (max-width: 482px) {
.cp-cover-circle {
--cp-cover-circle: 50px;
}
.cp-cover-circle.wp-block-group {
padding-bottom: var(--cp-small_margin);
}
}
.cp-cover-circle.wp-block-group {
min-height: calc(var(--cp-cover-circle) * 2);
position: relative;
z-index: 0;
font-weight: 700;
padding-left: calc(var(--cp-cover-circle) / 2);
display: flex;
flex-flow: column wrap;
justify-content: center;
}
.cp-cover-circle.wp-block-group::before {
display: block;
position: absolute;
content: "";
width: calc(var(--cp-cover-circle) * 2);
height: calc(var(--cp-cover-circle) * 2);
border-radius: 50%;
background-color: var(--cp-color-green-light);  /* #cae6d6; */
left: 0;
z-index: -1;
}
.cp-cover-circle.wp-block-group p {
margin-bottom: 0;
}
.cp-cover-circle.wp-block-group>p:first-of-type {
margin-top: 0;
}
.cp-cover-comment>div>figure.wp-block-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image {
max-width: fit-content;
box-shadow: 2px 3px 6px rgba(0, 0, 0, .3), inset 0 0 24px rgba(0, 0, 0, .2);
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image:nth-child(4n+1) {
transform: rotate(-5deg) translateY(5px);
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image:nth-child(4n+2) {
transform: rotate(2deg) translateY(-2px);
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image:nth-child(4n+3) {
transform: rotate(5deg) translateY(-5px);
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image:nth-child(4n+4) {
transform: rotate(-3deg) translateY(3px);
}
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image>img {
width: calc(15vw + 80px);
max-width: 220px !important;
}
@media screen and (max-width: 710px) {
.cp-cover-comment>div>figure.wp-block-gallery>figure.wp-block-image>img {
}
}
.home .site-main {
margin-bottom: 0;
}
.home .site-main>div {
margin-bottom: var(--cp-page-min_margin);
}
.home .site-main>div:not(:first-of-type)>div {
max-width: 1200px;
padding: var(--cp-body_pargraph_space) var(--cp-page-min_margin);
margin: auto;
}
.home .site-main>*:last-of-type {
overflow: hidden; /* hole before footer */
}
.cp-browse-all {
float: right;
height: 0;
}
.cp-browse-all>a:after {
content: " \27F6";
}
.cp-cover-band-reverse {
background-color: var(--cp-color-green-light-1);
}
.cr_inner_page>div.cp_post_container {
--cp-page_max_width: 800px;
padding: 0 var(--cp-page-min_margin) var(--cp-page-margin_up_down);
}
.cr_inner_page>div>div {
max-width: var(--cp-page_max_width);
margin: auto;
}
.cr_inner_page h1 {
margin: 0 auto var(--cp-body_pargraph_space) auto;
text-align: center;
}
.cr_inner_page h2, .cr_inner_page h3, .cr_inner_page h4, .cr_inner_page h5, .cr_inner_page h6 {
margin-bottom: var(--cp-body_pargraph_space);
}
.cr_inner_page ol, .cr_inner_page ul {
margin-left: 1.7em;
margin-bottom: 0;
}
.cr_inner_page .wp-block-buttons.is-layout-flex {
display: flex;
}
.cr_inner_page>div.cp_inner_hero {
background-color: var(--cp-color-green-1);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
max-width: unset;
display: flex;
align-items: center;
height: 300px;
padding: 0 var(--cp-header_margin_bottom);
}
.cr_inner_page>div.cp_inner_hero_menu {
max-width: unset;
background-color: black;
padding-bottom: 0;
color: white;
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 1;
}
.cr_inner_page>div.cp_inner_hero_menu>div {
max-width: var(--cp-page_max_width);
padding: var(--cp-body_pargraph_space) var(--cp-small_margin);
margin: auto;
display: flex;
flex-wrap: wrap;
}
.cr_inner_page>div.cp_inner_hero_menu a {
color: white;
flex-basis: 150px;
max-width: 20%;
}
.cr_inner_page>div.cp_inner_hero_menu a:lang(en-GB) {
max-width: 25%;
}
.cr_inner_page>div.wp-block-group {
padding: var(--cp-page-min_margin);
}
.cr_inner_page .cp_page_band_light {
background-color: var(--cp-color-green-light-1);
}
.cr_inner_page .cp_page_band_normal h2, .cr_inner_page .cp_page_band_light h2 {
color: var(--cp-color-green-0);
}
.cr_inner_page .cp_page_band_normal .wp-block-media-text__content, .cr_inner_page .cp_page_band_light .wp-block-media-text__content {
padding: 0;
}
.cr_inner_page .cp_page_band_quote {
font-size: var(--cp-h4_font_size);
color: var(--cp-color-green-0);
}
.cr_inner_page .cp_page_band_quote:before, .cr_inner_page .cp_page_band_quote:after {
content: '🌟';
font-size: var(--cp-h5_font_size);
font-weight: 500;
padding: 0 10px;
}
.cr_inner_page .cp_page_band_card {
gap: 20px;
justify-content: center;
margin-top: var(--cp-body_pargraph_margin);
}
.cr_inner_page .cp_page_band_card>div {
background-color: white;
border-radius: 20px;
box-shadow: 5px 5px 20px 0 rgb(41 49 51 / 25%);
padding: 30px 20px 20px 20px;
text-align: center;
max-width: 250px;
}
.cr_inner_page .cp_page_band_card>div>figure {
margin: auto;
max-width: 150px;
padding-bottom: var(--cp-small_margin);
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: unset !important;
}
@media screen and (max-width: 781px) {
.cr_inner_page .cp_page_band_card>div {
max-width: 180px;
}
.cr_inner_page .cp_page_band_card>div>figure {
max-width: 120px;
}
.cr_inner_page .cp_page_band_card>div>h4:lang(en-GB) {
font-size: calc(var(--cp-h4_font_size) * 0.9);
}
}
.cr_inner_page>div.cp_page_head_flyer {
padding-top: 0;
padding-bottom: 0;
}
.cr_inner_page>div.cp_page_head_flyer>div {
position: relative;
}
.cr_inner_page>div.cp_page_head_flyer figure img {
max-width: 50%;
}
.cr_inner_page>div.cp_page_head_flyer_green {
--cp-flyer-svg: var(--cp-flyer-svg_green);
}
.cr_inner_page>div.cp_page_head_flyer_blue {
--cp-flyer-svg: var(--cp-flyer-svg_blue);
}
.cr_inner_page>div.cp_page_head_flyer_orange {
--cp-flyer-svg: var(--cp-flyer-svg_orange);
}
.cr_inner_page>div.cp_page_head_flyer figure::before {
content: ' ';
position: absolute;
right: 0;
width: 60.5%;
height: 100%;
background-image: var(--cp-flyer-svg);
background-repeat: no-repeat;
background-size: cover;
}
.cr_inner_page>div.cp_page_head_flyer h1 {
max-width: 45%;
position: absolute;
top: 50%;
transform: translate(50%, -50%);
margin-right: unset;
right: 25%;
color: white;
font-size: 3vw;
text-align: center;
}
@media screen and (max-width: 600px) {
.cr_inner_page>div.cp_page_head_flyer {
padding: 0;
}
.cr_inner_page>div.cp_page_head_flyer>div {
aspect-ratio: 645 / 550;
}
.cr_inner_page>div.cp_page_head_flyer_green {
--cp-flyer-svg: var(--cp-flyer-svg_green_small);
--cp-flyer-text-shadow: rgb(4,118,66);
}
.cr_inner_page>div.cp_page_head_flyer_blue {
--cp-flyer-svg: var(--cp-flyer-svg_blue_small);
--cp-flyer-text-shadow: rgb(5,86,175);
}
.cr_inner_page>div.cp_page_head_flyer_orange {
--cp-flyer-svg: var(--cp-flyer-svg_orange_small);
--cp-flyer-text-shadow: rgb(260,137,16);
}
.cr_inner_page>div.cp_page_head_flyer figure::before {
width: 100%;
}
.cr_inner_page>div.cp_page_head_flyer figure {
position: absolute;
}
.cr_inner_page>div.cp_page_head_flyer figure img {
max-width: 100%;
padding-left: 6.5%;
padding-top: 11.5%;
padding-bottom: 11.5%;
}
.cr_inner_page>div.cp_page_head_flyer h1 {
min-width: 75%;
position: absolute;
top: 50%;
left: 62%;
margin-left: var(--cp-narrow-h-margin);
transform: translate(-50%, -50%);
font-size: 7vw;
text-shadow: 2px 2px 3px var(--cp-flyer-text-shadow), 2px 3px 5px var(--cp-flyer-text-shadow), 2px -2px 5px var(--cp-flyer-text-shadow), -2px -2px 5px var(--cp-flyer-text-shadow);
}
}
.cr_inner_page .cp_inner_page_narrow>div {
max-width: min(800px, var(--cp-page_max_width));
}
.cp_post_container.cp_post_container_left>div, .cp_post_container.cp_post_container_right>div {
display: flex;
gap: var(--cp-body_pargraph_margin);
}
.cp_post_container.s>div>div:first-of-type, .cp_post_container.cp_post_container_right>div>div:last-of-type {
flex-basis: 60%;
}
.cp_post_container_gray {
background-color: var(--cp-color_gray_1);
}
.cp_post_container_green_1 {
background-color: var(--cp-color-green-light-1);
}
.cp_post_container>div {
}
.cp_post_container>div p {
margin-bottom: 0;
}
.cp_post_container>div li {
line-height: var(--cp-body_li_line_height);
margin-top: var(--cp-body_pargraph_space);
}
.cp_post_container>div {
padding-top: var(--cp-body_pargraph_margin); /* scroll */
}
.cp_post_container>div h3 {
font-size: var(--cp-h4_font_size);
margin-top: var(--cp-button_font_size);
}
.cp_post_container>div>p+p, .cp_post_container>div>ul+p {
margin-top: var(--cp-small_margin);
}
.cp_post_container>div>p+ul {
margin-top: var(--cp-body_pargraph_space);
}
.cp_post_container>div>h3+img {
float: left;
height: var(--cp-photo-height);
width: auto;
padding-top: var(--cp-body_pargraph_space);
padding-right: var(--cp-small_margin);
}
.cp_post_container>div>h3+img+h3 {
padding-top: var(--cp-small_margin);
margin-top: 0;
margin-bottom: 0;
clear: left;
}
.cr_inner_page .cp_post_container:nth-of-type(even) {
background-color: var(--cp-color-green-light-1);
}
.cp_anchor {
scroll-margin-top: 20px;
scroll-snap-margin-top: 20px;
clear: both;
}
.cp_event_photo {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.cp_event_photo img {
height: var(--cp-photo-height);
width: auto;
}
.cp_video_frame {
width : 560px;
height: min(315px, calc(100vw * 0.75));
}
.cp-error-page {
height: 50vw;
}
.cp_how_it_works hr.wp-block-separator {
margin: 20px auto;
}
.cp_how_it_works.cp_page_band_light hr.wp-block-separator {
background-color: #a1a1a1;
}
.cp_how_it_works .wp-block-columns .wp-block-column {
display: flex;
gap: var(--cp-small_margin);
}
.cp_how_it_works .wp-block-columns .wp-block-column>p {
font-size: var(--cp-h1_font_size);
font-family: Arial;
font-weight: 800;
line-height: 1;
transform: scaleX(0.8);
color: var(--cp-color-green-0);
}
.cp_how_it_works .wp-block-columns {
gap: var(--cp-body_pargraph_margin);
}
.cp_how_it_works .wp-block-columns .wp-block-column>div>div>p:first-of-type {
color: var(--cp-color-green-0);
font-size: var(--cp-h5_font_size);
font-weight: 600;
line-height: 1.25;
}
.cp_how_it_works .wp-block-columns .wp-block-column>div>div>p:not(:first-of-type) {
line-height: var(--cp-body_li_line_height);
}
.cp-lets-connect {
max-width: 640px;
margin: 0 auto;
}
.cp-lets-connect>div {
display: flex;
gap: var(--cp-body_pargraph_margin);
}
.cp-lets-connect>div>a {
flex-grow: 1;
flex-basis: 0;
text-wrap: nowrap;
}
.cp-lets-connect>div>a>p {
text-align: center;
cursor: pointer;
color: var(--cp-main_text_color);
line-height: var(--cp-body_li_line_height);
margin-bottom: var(--cp-small_margin);
font-size: var(--cp-small_font_size);
}
.cp-lets-connect>div>a>p:first-of-type {
color: var(--cp-color-green-0);
font-size: var(--cp-h5_font_size);
font-weight: 600;
line-height: 1;
}
.cp-lets-connect>div>a>p svg {
fill: #999999;
}
@media screen and (max-width: 710px) {
.cp-lets-connect>div {
flex-wrap: wrap;
}
.cp-lets-connect>div>a {
flex-basis: calc(50% - var(--cp-body_pargraph_margin) * 2);
}
}
@media screen and (max-width: 400px) {
.cp-lets-connect>div>a {
flex-basis: 100%;
}
}
body {
filter: grayscale(1);
transition: filter 0.5s;
}