:root { --accent: #289dda; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(40, 157, 218, 1), -10px 10px rgba(40, 157, 218, 0.2), -10px -10px rgba(40, 157, 218, 1), 10px -10px rgba(40, 157, 218, 0.2); } 25% { box-shadow: -10px 10px rgba(40, 157, 218, 0.2), -10px -10px rgba(40, 157, 218, 1), 10px -10px rgba(40, 157, 218, 0.2), 10px 10px rgba(40, 157, 218, 1); } 50% { box-shadow: -10px -10px rgba(40, 157, 218, 1), 10px -10px rgba(40, 157, 218, 0.2), 10px 10px rgba(40, 157, 218, 1), -10px 10px rgba(40, 157, 218, 0.2); } 75% { box-shadow: 10px -10px rgba(40, 157, 218, 0.2), 10px 10px rgba(40, 157, 218, 1), -10px 10px rgba(40, 157, 218, 0.2), -10px -10px rgba(40, 157, 218, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* ----- Standard Font Setup ----- */ body { font-family: Arial,sans-serif !important; } .elementor-kit-1, .elementor-kit-11 { --e-global-typography-primary-font-family: Arial,sans-serif !important; --e-global-typography-secondary-font-family: Arial,sans-serif !important; --e-global-typography-text-font-family: Arial,sans-serif !important; --e-global-typography-accent-font-family: Arial,sans-serif !important; } /* ----- Hidden Elements ----- */ /* ----- General Hide - deactivate here to show hidden items in elementor ----- */ #hide { display:none; } /* ----- Force Hide ----- */ .hide, .hide1, .elementor-button-wrapper a:not([href]), .user-area, .mob-sign-in { display:none !important; } @media only screen and (max-width: 1200px) { .elementor-widget-case27-explore-widget .explore-mobile-nav { display: none !important; } } /* ----- Show (use in combo with general hide above (#hide) ----- */ .forceshow, .main-nav li.navsearch a>i { display:initial !important; } /* ----- Centered Text Elements ----- */ .elementor-posts-nothing-found { text-align:center; } /* ----- NAvigation Spacing ----- */ .i-nav>ul>li { margin-left: 9px; margin-right: 9px; } /* ----- In-Text Table ----- */ .elementor-widget-theme-post-content table, .elementor-widget-theme-post-content table th, .elementor-widget-theme-post-content table td, table.cdbtable, table.cdbtable th, table.cdbtable td { border: 1px solid #cccccc; border-collapse: collapse; } .elementor-widget-theme-post-content table td, table.cdbtable td { padding: 5px 7px; } /* ----- Headers ----- */ h1, h2, h3, h4, h5, h6 { color:#289DDA; } .elementor-widget-theme-post-content h2 { text-transform:uppercase; } .wp-editor-content .pf-body h2 { font-size: 20px; } .wp-editor-content .pf-body h3 { font-size: 18px; } .wp-editor-content .pf-body h4 { font-size: 16px; } .wp-editor-content .pf-body h5, .wp-editor-content .pf-body h6 { font-size: 14px; color:#666666; } /* ----- Titles on Listing Single Page Boxes ----- */ .title-style-1 h5 { font-weight: 900 !important; text-transform: uppercase; color: #289dda; font-size:18px; } .element .pf-head { border-bottom: 1px dashed #ddd; padding-bottom: 15px; } .block-field-organization-name .pf-body p { font-weight: 800!important; } /* ----- Listing Single Page Logo ----- */ .block-type-gallery.block-field-job_logo .gallery-carousel .item { background-size: contain; background-repeat: no-repeat; height: 200px !important; } .listinglogo .pf-head { display:none; } .listinglogo .pf-body { padding-top: 0px; } /* ----- Last Menu Item Foldout Left instead of Right ----- */ .i-nav .main-nav>li:last-child ul { right: 0 !important; left: unset; } .main-nav li:last-child .i-dropdown li>.i-dropdown { right: 213px !important; left: unset !important; } /* ----- WPForms Aftersend Message ----- */ .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: none !important; border: none !important; margin:0px !important; padding:0px !important; } /* ----- Inline Icons and other Items ----- */ .inlineitem { width:max-content !important; display:inline-block; float:left; } /* ----- Post Double Columns Option ----- */ @media (min-width: 1200px) { .col-double1 .elementor-column-wrap .elementor-widget-wrap .elementor-widget-theme-post-content .elementor-widget-container { column-count: 2; column-gap: 50px; padding-bottom: 35px; margin-bottom: 15px; border-bottom: 1px dashed #cccccc; } .doublecolumns .elementor-widget-container .elementor-text-editor { column-count: 2; column-gap: 35px; } } /* ----- Translator List Boxed ----- */ .translatorlist .elementor-widget-container .elementor-text-editor > ul { list-style-type: none; column-count: 4; column-gap: 7px; } @media (max-width: 900px) { .translatorlist .elementor-widget-container .elementor-text-editor > ul { column-count: 3; column-gap: 7px; } } @media (max-width: 700px) { .translatorlist .elementor-widget-container .elementor-text-editor > ul { column-count: 2; column-gap: 7px; } } @media (max-width: 500px) { .translatorlist .elementor-widget-container .elementor-text-editor > ul { column-count: 1; column-gap: 7px; } } .translatorlist .elementor-widget-container .elementor-text-editor > ul li { display:block; padding:11px 15px; margin-bottom:7px; background:#dbedfb; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .translatorlist.tlevel3 .elementor-widget-container .elementor-text-editor > ul li { padding:11px 5px 11px 40px; background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/04/ico_translators_3.png"); background-repeat: no-repeat; background-position: 9px 50%; background-size: auto 50%; } .translatorlist.tlevel2 .elementor-widget-container .elementor-text-editor > ul li { padding:11px 5px 11px 40px; background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/04/ico_translators_2.png"); background-repeat: no-repeat; background-position: 7px 50%; background-size: auto 65%; } .translatorlist.tlevel1 .elementor-widget-container .elementor-text-editor > ul li { padding:11px 5px 11px 40px; background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/04/ico_translators_1.png"); background-repeat: no-repeat; background-position: 4px 50%; background-size: auto 80%; } .translatorlist .elementor-widget-container .elementor-text-editor > ul li:hover { background-color:#add7f6; transition: background-color 0.2s; } /* ----- Term Page List Boxed ----- */ .dce-menu.dce-flex-menu.vertical ul { flex-direction: unset !important; list-style-type: none; } .elementor-widget-taxonomy-terms-menu .dce-menu ul li { display:inline-block; float:right; padding:0px !important; margin:1% !important; width:31.3%; } @media (max-width: 900px) { .elementor-widget-taxonomy-terms-menu .dce-menu ul li { width:48%; } } @media (max-width: 700px) { .elementor-widget-taxonomy-terms-menu .dce-menu ul li { width:98%; } } .elementor-widget-taxonomy-terms-menu .dce-menu ul li a { padding:35px 15px !important; text-align:center; background-color:#dbedfb; display: block; font-weight: 700; } .list-regions.elementor-widget-taxonomy-terms-menu .dce-menu ul li a { background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/05/icon_terms_region.png"); background-repeat: no-repeat; background-position: -10px -10px; background-size: auto 80%; } .list-sectors.elementor-widget-taxonomy-terms-menu .dce-menu ul li a { background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/05/icon_terms_sector.png"); background-repeat: no-repeat; background-position: -7px 150%; background-size: auto 70%; } .list-organizations.elementor-widget-taxonomy-terms-menu .dce-menu ul li a { background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/05/icon_terms_organizations.png"); background-repeat: no-repeat; background-position: -12px 50%; background-size: auto 80%; } .list-jobtypes.elementor-widget-taxonomy-terms-menu .dce-menu ul li a { background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/05/icon_terms_jobtzpes.png"); background-repeat: no-repeat; background-position: -12px -6px; background-size: auto 80%; } .elementor-widget-taxonomy-terms-menu .dce-menu ul li a:hover { background-color:#289dda; color:#fff; transition: background 0.3s, color 0.3s; } /* ----- Archive Pagination----- */ a.page-numbers, nav.job-manager-pagination ul li a, nav.job-manager-pagination ul li span, nav.woocommerce-pagination ul.page-numbers li a.page-numbers, nav.woocommerce-pagination ul.page-numbers li span.page-numbers, span.page-numbers { display: inline-block; } .elementor-pagination { margin-top: 50px; } /* ----- Wechat Tooltip----- */ .Zebra_Tooltip .Zebra_Tooltip_Message { height: 290px; width:250px; background-image: url(https://chinadevelopmentbrief.cn/wp-content/uploads/2020/07/CDB_WeChat.png); background-repeat: no-repeat; background-size: 230px 230px; background-position: 10px 10px; padding-top:250px; text-align: center; } /* ----- Blockquotes----- */ blockquote { margin: 25px 0; padding: 15px; border-left: 5px solid #289dda; background:#dbedfb; background-image: url("https://chinadevelopmentbrief.cn/wp-content/uploads/2020/03/quotes.png"); background-position: 25px 25px; background-repeat: no-repeat; } blockquote p:before { display:none; } blockquote p { padding: 5px 5px 5px 90px !important; text-align: left !important; font-size: 17px !important; letter-spacing: 1px; text-transform: none; text-align: center; } @media (max-width: 600px) { blockquote p { padding: 70px 5px 5px 5px !important; } } /* ----- Post Previews (Home, etc)----- */ .bdt-carousel-excerpt p, .bdt-post-gallery-excerpt p, .elementor-post__excerpt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } /*----- Post Textflow Lists -----*/ .elementor-widget-theme-post-content ul, .wp-editor-content .pf-body ul { list-style: none; margin:20px 40px; } .elementor-widget-theme-post-content ul > li, .wp-editor-content .pf-body ul > li { list-style-type: none; padding:2px; } .wp-editor-content ul li, .wp-editor-content ol li { list-style-type: none; } .elementor-widget-theme-post-content ul li:before, .wp-editor-content .pf-body ul li:before { content: "\2714"; color: #289dda; display: inline-block; width: 25px; margin-left: -25px; } .elementor-widget-theme-post-content ul li:hover:before, .wp-editor-content .pf-body ul li:hover:before { content: "\279C"; transition: content 0.5s; } .elementor-widget-theme-post-content ul > li:hover, .wp-editor-content .pf-body ul > li:hover { color:#000000; transition: color 0.5s; } .elementor-widget-theme-post-content ol:not(.footnotes), .wp-editor-content .pf-body ol:not(.footnotes) { list-style: none; counter-reset: my-awesome-counter; margin:20px 40px; } .elementor-widget-theme-post-content ol:not(.footnotes) > li, .wp-editor-content .pf-body ol:not(.footnotes) > li { padding:2px; counter-increment: my-awesome-counter; } .elementor-widget-theme-post-content ol:not(.footnotes) li:before, .wp-editor-content .pf-body ol:not(.footnotes) li:before { content: counter(my-awesome-counter)"."; color: #289dda; display: inline-block; width: 25px; margin-left: -25px; } .elementor-widget-theme-post-content ol:not(.footnotes) li:hover:before, .wp-editor-content .pf-body ol:not(.footnotes) li:hover:before { font-weight:bolder; transition: font-weight 0.5s; width: 22px; margin-left: -22px; } .elementor-widget-theme-post-content ol:not(.footnotes) > li:hover, .wp-editor-content .pf-body ol:not(.footnotes) > li:hover { color:#000000; transition: color 0.5s; } /*----- Post Links -----*/ .elementor-widget-theme-post-content a.button, .wp-editor-content .pf-body a.button, .content-block .pf-body a.button, .wpforms-confirmation-container-full a.button { display: inline-block; padding:15px 35px; margin:15px 25px 15px 0px; background:#dbedfb; color:#666666 !important; font-size: 14px; font-weight:bolder; border: 2px solid #289dda; } .elementor-widget-theme-post-content a:hover.button, .wp-editor-content .pf-body a:hover.button, .content-block .pf-body a:hover.button, .wpforms-confirmation-container-full a:hover.button{ background:#289dda; color:#ffffff !important; transition: color 0.5s, background 0.5s; font-size: 14px; font-weight:bolder; border: 2px solid #289dda; } /* ------------------------------------------- */ /* ----- Preview Cards (PC) Adjustments ----- */ /* ------------------------------------------- */ /* ----- PC Hidden Elements ----- */ .type-ngos .lf-item.lf-item-list-view .lf-item-info>ul.lf-contact li i.sm-icon { display:none !important; } ul.c27-listing-preview-category-list { margin-bottom:0; } /* ----- PC Explore (Template 3) 2 instead of 3 Cols ----- */ @media only screen and (min-width: 1201px) { .i-section.explore-type-2 .results-view .col-md-4 { width: 50%; } } /* ----- PC footers missing left spacing on small screens ----- */ @media only screen and (max-width: 768px) { .lf-item-container .listing-details { position: relative; } } /* ----- Titles on Explore with List only pages (no Map: NGOs, Jobs) ----- */ .lf-item.lf-item-list-view .lf-item-info>h4{ font-weight:bolder !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /* ----- Titles on explore with map (Projects) ----- */ .lf-item.lf-item-alternate .lf-item-info-2>h4{ font-weight:bolder !important; } .lf-item.lf-item-list-view .lf-item-info { background: #dbedfb !important; min-height: 71px; } .lf-item-container:hover .lf-item.lf-item-list-view .lf-item-info { background: #289dda !important; transition: background 0.3s } .lf-item-container:hover .lf-item.lf-item-list-view .lf-item-info>h4, .lf-item-container:hover .lf-item.lf-item-list-view .lf-item-info>ul li, .lf-item-container:hover .lf-item.lf-item-list-view .lf-item-info>ul li i { color:#fff; transition: color 0.3s } .lf-item-container .event-host .host-name { line-height: 32px; color: #242429; font-size: 14px; font-weight: 400; max-width: calc(85% - 30px); } /* ----- PC Job - Highlight Organization ----- */ .lf-item-container.type-jobs .event-host .host-name { color: #289dda; font-weight: 900; } .lf-item-container.type-jobs .event-host .host-name:hover { color: #111111; transition: color 0.3s } .listing-preview.type-jobs .c27-footer-section ul.c27-listing-preview-category-list li a .category-name { color: #289dda; font-weight: 900; } .listing-preview.type-jobs .c27-footer-section ~ .c27-footer-section ul.c27-listing-preview-category-list li a .category-name { color: #242429; font-weight: 400; } .listing-preview.type-jobs .c27-footer-section ul.c27-listing-preview-category-list li a:hover .category-name { color: #111111; transition: color 0.3s } /* ----- PC graphic icon (.png) sizes ----- */ #c27-single-listing .element .pf-body .listing-details li span.cat-icon .term-icon.image-icon img { height: 30px; margin-top: unset; } /* ----- PC (in-)active cards icon colors ----- */ .lf-list-view .listing-details .cat-icon:not(.cat-more){ background-color:#bbbbbb !important; min-width:30px; } .lf-item-container:hover.lf-list-view .listing-details .cat-icon:not(.cat-more){ background-color: #289dda !important; transition: background-color 0.3s } /* ----- PC explore page footer fields: --------------- */ @media only screen and (min-width: 1201px) { #c27-explore-listings .lf-item-container .listing-details>ul { width: 90% !important; margin-bottom: 0; } } @media only screen and (min-width: 1001px) { #c27-explore-listings .lf-item-container .listing-details>ul { width: 90%; } #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .listing-details.c27-footer-section:not(:nth-child(1)), #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .event-host.c27-footer-section:not(:nth-child(1)) { position: relative; width: 50%; float: left; } #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .listing-details.c27-footer-section:nth-child(3), #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .event-host.c27-footer-section:nth-child(3) { border-left:none; } #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .listing-details.c27-footer-section:nth-last-child(1):nth-child(even), #c27-explore-listings.no-map-tmpl .listing-preview.type-ngos .event-host.c27-footer-section:nth-last-child(1):nth-child(even) { width: 100%; } /* ----- Listing Single Pages - Related Listings Block ----- */ .similar-listings { padding-top: 60px!important; margin-top: 30px; background: #ffffff; } /* ----- Listing Single Page - Projects ----- */ .singleblock-unsdgs .element .pf-body>.listing-details li, .singleblock-sectors .element .pf-body>.listing-details li, .singleblock-countries .element .pf-body>.listing-details li { width: 50%; } .singleblock-projectdetails .extra-details .item-attr { font-weight: 700; } /* ----- Map Widget (Projects Map Pages) - Adjustments ----- */ .contact-map { border-radius: 0px; }