9374 lines
380 KiB
HTML
9374 lines
380 KiB
HTML
<!DOCTYPE html>
|
|
<html
|
|
xmlns:og="http://opengraphprotocol.org/schema/"
|
|
xmlns:fb="http://www.facebook.com/2008/fbml"
|
|
lang="en-US"
|
|
>
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!-- This is Squarespace. -->
|
|
<!-- armadillo-tortoise-8ey8 -->
|
|
<!--<base href="">-->
|
|
<meta charset="utf-8" />
|
|
<title>Contact Us — Empat Nusa Bangsa us</title>
|
|
<meta
|
|
http-equiv="Accept-CH"
|
|
content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/x-icon"
|
|
href="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f9ec5450-08bf-4e1c-8ba8-e034ed724775/favicon.ico?format=100w"
|
|
/>
|
|
<link rel="canonical" href="contact.html" />
|
|
<meta property="og:site_name" content="Empat Nusa Bangsa" />
|
|
<meta property="og:title" content="Contact Us — Empat Nusa Bangsa" />
|
|
<meta property="og:url" content="https://www.empatnusabangsa.com/contact" />
|
|
<meta property="og:type" content="website" />
|
|
<meta itemprop="name" content="Contact Us — Empat Nusa Bangsa" />
|
|
<meta itemprop="url" content="https://www.empatnusabangsa.com/contact" />
|
|
<meta name="twitter:title" content="Contact Us — Empat Nusa Bangsa" />
|
|
<meta
|
|
name="twitter:url"
|
|
content="https://www.empatnusabangsa.com/contact"
|
|
/>
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="description" content="" />
|
|
<link rel="preconnect" href="https://images.squarespace-cdn.com" />
|
|
<script
|
|
type="text/javascript"
|
|
src="https://use.typekit.net/ik/lT0iKsfRJ8MPid0TfRmcg99KXl5GiBa11pVdzfW0OvIfelvIfFHN4UJLFRbh52jhWDjkjcbhwR4q5AjujD8yweIhwRgKZew35g7TMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBkdABq-AUCdkuXda4Xdh8DZPXtZWqtO1FUiABkZWF3jAF8OcFzdP37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUyjamTiY8Djhy8ZYmC-Ao1OcFzdPUyjamTiY8Djhy8ZYmC-Ao1Oco8ifUyScuyZe8CdevlieNkieNTSh9l5emo5foDSWmyScmDSeBRZPoRdhXCjWw0dA9CZAu3jWs0iWFyjcB0ZaFyOcFzdPUCdhFydeyzSabCSaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80ZkoRdhXCiaiaOcBRiA8XpWFR-emqiAUTdcS0dcmXOYiaikoyScuyZe8CdevlieNkieNTSh9l5emo5foDSWmyScmDSeBRZPoRdhXCiaiaOcBDOcu8OYiaiko8dWgyieouShBKjAo1ShI0jhNlOYiaikoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlJ6uy-asTiKu1ScNXZWFnJ6ozj1ZTdamDdYqlih8qZPG4fFslIMMjMkMfH6qJXcXbMg6YJMJ7fbRmdsMMeMX6MKG4fFFlIMMjIPMfH6GJki6fIMIjgPMfH6GJkN6fIMIjgKMfH6GJDi6fIMIjgkMfH6GJkF6fIMIj2kMfH6GJDF6fIMIjIPMfqMeB7HfAg6.js"
|
|
></script>
|
|
<script type="text/javascript">
|
|
try {
|
|
Typekit.load();
|
|
} catch (e) {}
|
|
</script>
|
|
<script
|
|
type="text/javascript"
|
|
crossorigin="anonymous"
|
|
defer="defer"
|
|
nomodule="nomodule"
|
|
src="https://assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"
|
|
></script>
|
|
<script
|
|
type="text/javascript"
|
|
crossorigin="anonymous"
|
|
defer="defer"
|
|
src="https://assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"
|
|
></script>
|
|
<script type="text/javascript">
|
|
SQUARESPACE_ROLLUPS = {};
|
|
</script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-e843ba91146fe2e3e4033-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-extract_css_runtime");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-e843ba91146fe2e3e4033-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-e67ac5a108455ec4edca7-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-extract_css_moment_js_vendor");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-e67ac5a108455ec4edca7-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-110eab6cc05faf9931604-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-cldr_resource_pack");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-110eab6cc05faf9931604-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-7df2661e23d95d8009d28-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-common_vendors_stable");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-7df2661e23d95d8009d28-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/common-vendors-99e550dc5f1c17e910c42-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-common_vendors");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/common-vendors-99e550dc5f1c17e910c42-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/common-124634035ce410817976e-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-common");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/common-124634035ce410817976e-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script>
|
|
(function (rollups, name) {
|
|
if (!rollups[name]) {
|
|
rollups[name] = {};
|
|
}
|
|
rollups[name].js = [
|
|
"//assets.squarespace.com/universal/scripts-compressed/performance-c842ab9838c08d3902883-min.en-US.js",
|
|
];
|
|
})(SQUARESPACE_ROLLUPS, "squarespace-performance");
|
|
</script>
|
|
<script
|
|
crossorigin="anonymous"
|
|
src="https://assets.squarespace.com/universal/scripts-compressed/performance-c842ab9838c08d3902883-min.en-US.js"
|
|
defer
|
|
></script>
|
|
<script data-name="static-context">
|
|
Static = window.Static || {};
|
|
Static.SQUARESPACE_CONTEXT = {
|
|
facebookAppId: "314192535267336",
|
|
facebookApiVersion: "v6.0",
|
|
rollups: {
|
|
"squarespace-announcement-bar": {
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/announcement-bar-c787e5796f8f0ecca0999-min.en-US.js",
|
|
},
|
|
"squarespace-audio-player": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/audio-player-702bf18174efe0acaa8ce-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/audio-player-7d405dd691f01ac1c61e1-min.en-US.js",
|
|
},
|
|
"squarespace-blog-collection-list": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/blog-collection-list-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-ad88023836bf46b308416-min.en-US.js",
|
|
},
|
|
"squarespace-calendar-block-renderer": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-49c4a5f3dae67a728e3f4-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-986617ff91047b5ee7529-min.en-US.js",
|
|
},
|
|
"squarespace-chartjs-helpers": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-53c004ac7d4bde1c92e38-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-37b2aca88e0fe2ae5b19d-min.en-US.js",
|
|
},
|
|
"squarespace-comments": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/comments-933bb5fddd01443b5a8ac-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/comments-2efdc06fe3e63930e15e6-min.en-US.js",
|
|
},
|
|
"squarespace-custom-css-popup": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/custom-css-popup-08529a2d56f735a6d6edb-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-91980925f3eb14a84018b-min.en-US.js",
|
|
},
|
|
"squarespace-dialog": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/dialog-4df0e94f6709644b8bc27-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/dialog-14c85eba3d0bfc23da010-min.en-US.js",
|
|
},
|
|
"squarespace-events-collection": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/events-collection-49c4a5f3dae67a728e3f4-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/events-collection-d6ac0cc534d9b17a0904e-min.en-US.js",
|
|
},
|
|
"squarespace-form-rendering-utils": {
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-8080bbd6bfd5dd0707225-min.en-US.js",
|
|
},
|
|
"squarespace-forms": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/forms-934772160ed2f1fb49718-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/forms-84b3e68de835bb43c0f21-min.en-US.js",
|
|
},
|
|
"squarespace-gallery-collection-list": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-20a62ae931ab349a80d2f-min.en-US.js",
|
|
},
|
|
"squarespace-image-zoom": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/image-zoom-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/image-zoom-9cdddd9fa7a0d8d7a2cc7-min.en-US.js",
|
|
},
|
|
"squarespace-pinterest": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/pinterest-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/pinterest-f7eebc14fcf35c76450d4-min.en-US.js",
|
|
},
|
|
"squarespace-popup-overlay": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/popup-overlay-fd9ce38b67a1c6891b2e4-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/popup-overlay-0853470b3746777c40591-min.en-US.js",
|
|
},
|
|
"squarespace-product-quick-view": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/product-quick-view-74a2013c90ee619ccfc39-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/product-quick-view-c3d25380f86246f41a02a-min.en-US.js",
|
|
},
|
|
"squarespace-products-collection-item-v2": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-cf0c8e640b90ea1d4cbab-min.en-US.js",
|
|
},
|
|
"squarespace-products-collection-list-v2": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-459f258f42b6723f4d6dc-min.en-US.js",
|
|
},
|
|
"squarespace-search-page": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/search-page-9d0a55de1efafbb9218e1-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/search-page-7f9cacda11c6fea091de2-min.en-US.js",
|
|
},
|
|
"squarespace-search-preview": {
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/search-preview-f5869a6fbb7f02987afca-min.en-US.js",
|
|
},
|
|
"squarespace-simple-liking": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/simple-liking-ef94529873378652e6e86-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/simple-liking-05446c592ce91acc4739e-min.en-US.js",
|
|
},
|
|
"squarespace-social-buttons": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/social-buttons-1f18e025ea682ade6293a-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/social-buttons-77bc8bd7231d1947e3c1b-min.en-US.js",
|
|
},
|
|
"squarespace-tourdates": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/tourdates-3d55c64c25996c7633fc2-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/tourdates-73d0459559eb8d1afacbf-min.en-US.js",
|
|
},
|
|
"squarespace-website-overlays-manager": {
|
|
css: "//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-7cecc648f858e6f692130-min.en-US.css",
|
|
js: "//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-30a0ed71b7e9398890985-min.en-US.js",
|
|
},
|
|
},
|
|
pageType: 2,
|
|
website: {
|
|
id: "62bd622d9f5c9a0a620bdc08",
|
|
identifier: "armadillo-tortoise-8ey8",
|
|
websiteType: 1,
|
|
contentModifiedOn: 1657075725769,
|
|
cloneable: false,
|
|
hasBeenCloneable: false,
|
|
siteStatus: {},
|
|
language: "en-US",
|
|
timeZone: "Asia/Jakarta",
|
|
machineTimeZoneOffset: 25200000,
|
|
timeZoneOffset: 25200000,
|
|
timeZoneAbbr: "WIB",
|
|
siteTitle: "Empat Nusa Bangsa",
|
|
fullSiteTitle: "Contact Us \u2014 Empat Nusa Bangsa",
|
|
siteDescription: "",
|
|
logoImageId: "62bd6343d8965e1e8edc5de7",
|
|
shareButtonOptions: {
|
|
7: true,
|
|
2: true,
|
|
1: true,
|
|
6: true,
|
|
4: true,
|
|
3: true,
|
|
8: true,
|
|
},
|
|
logoImageUrl:
|
|
"//images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png",
|
|
authenticUrl: "https://www.empatnusabangsa.com",
|
|
internalUrl: "https://armadillo-tortoise-8ey8.squarespace.com",
|
|
baseUrl: "https://www.empatnusabangsa.com",
|
|
primaryDomain: "www.empatnusabangsa.com",
|
|
sslSetting: 3,
|
|
isHstsEnabled: true,
|
|
typekitId: "",
|
|
statsMigrated: false,
|
|
imageMetadataProcessingEnabled: false,
|
|
captchaSettings: { enabledForDonations: false },
|
|
showOwnerLogin: false,
|
|
},
|
|
websiteSettings: {
|
|
id: "62bd622d9f5c9a0a620bdc0b",
|
|
websiteId: "62bd622d9f5c9a0a620bdc08",
|
|
subjects: [],
|
|
country: "ID",
|
|
state: "JB",
|
|
simpleLikingEnabled: true,
|
|
popupOverlaySettings: {
|
|
style: 1,
|
|
showOnScroll: true,
|
|
scrollPercentage: 25,
|
|
showOnTimer: true,
|
|
timerDelay: 5000,
|
|
showUntilSignup: true,
|
|
displayFrequency: 30,
|
|
enableMobile: true,
|
|
enabledPages: [],
|
|
showOnAllPages: true,
|
|
version: 1,
|
|
},
|
|
commentLikesAllowed: true,
|
|
commentAnonAllowed: true,
|
|
commentThreaded: true,
|
|
commentApprovalRequired: false,
|
|
commentAvatarsOn: true,
|
|
commentSortType: 2,
|
|
commentFlagThreshold: 0,
|
|
commentFlagsAllowed: true,
|
|
commentEnableByDefault: true,
|
|
commentDisableAfterDaysDefault: 0,
|
|
disqusShortname: "",
|
|
commentsEnabled: false,
|
|
storeSettings: {
|
|
returnPolicy: null,
|
|
termsOfService: null,
|
|
privacyPolicy: null,
|
|
expressCheckout: false,
|
|
continueShoppingLinkUrl: "/",
|
|
useLightCart: false,
|
|
showNoteField: false,
|
|
shippingCountryDefaultValue: "US",
|
|
billToShippingDefaultValue: false,
|
|
showShippingPhoneNumber: true,
|
|
isShippingPhoneRequired: false,
|
|
showBillingPhoneNumber: true,
|
|
isBillingPhoneRequired: false,
|
|
currenciesSupported: [
|
|
"USD",
|
|
"CAD",
|
|
"GBP",
|
|
"AUD",
|
|
"EUR",
|
|
"CHF",
|
|
"NOK",
|
|
"SEK",
|
|
"DKK",
|
|
"NZD",
|
|
"SGD",
|
|
"MXN",
|
|
"HKD",
|
|
"CZK",
|
|
"ILS",
|
|
"MYR",
|
|
"RUB",
|
|
"PHP",
|
|
"PLN",
|
|
"THB",
|
|
"BRL",
|
|
"ARS",
|
|
"COP",
|
|
"IDR",
|
|
"INR",
|
|
"JPY",
|
|
"ZAR",
|
|
],
|
|
defaultCurrency: "USD",
|
|
selectedCurrency: "IDR",
|
|
measurementStandard: 1,
|
|
showCustomCheckoutForm: false,
|
|
checkoutPageMarketingOptInEnabled: true,
|
|
enableMailingListOptInByDefault: false,
|
|
sameAsRetailLocation: false,
|
|
merchandisingSettings: {
|
|
scarcityEnabledOnProductItems: false,
|
|
scarcityEnabledOnProductBlocks: false,
|
|
scarcityMessageType: "DEFAULT_SCARCITY_MESSAGE",
|
|
scarcityThreshold: 10,
|
|
multipleQuantityAllowedForServices: true,
|
|
restockNotificationsEnabled: false,
|
|
restockNotificationsSuccessText: "",
|
|
restockNotificationsMailingListSignUpEnabled: false,
|
|
relatedProductsEnabled: false,
|
|
relatedProductsOrdering: "random",
|
|
soldOutVariantsDropdownDisabled: false,
|
|
productComposerOptedIn: false,
|
|
productComposerABTestOptedOut: false,
|
|
productReviewsEnabled: false,
|
|
},
|
|
isLive: false,
|
|
multipleQuantityAllowedForServices: true,
|
|
},
|
|
useEscapeKeyToLogin: false,
|
|
ssBadgeType: 1,
|
|
ssBadgePosition: 4,
|
|
ssBadgeVisibility: 1,
|
|
ssBadgeDevices: 1,
|
|
pinterestOverlayOptions: { mode: "disabled" },
|
|
ampEnabled: false,
|
|
userAccountsSettings: { loginAllowed: false, signupAllowed: false },
|
|
},
|
|
cookieSettings: {
|
|
isCookieBannerEnabled: false,
|
|
isRestrictiveCookiePolicyEnabled: false,
|
|
isRestrictiveCookiePolicyAbsolute: false,
|
|
cookieBannerText: "",
|
|
cookieBannerTheme: "",
|
|
cookieBannerVariant: "",
|
|
cookieBannerPosition: "",
|
|
cookieBannerCtaVariant: "",
|
|
cookieBannerCtaText: "",
|
|
cookieBannerAcceptType: "OPT_IN",
|
|
cookieBannerOptOutCtaText: "",
|
|
},
|
|
websiteCloneable: false,
|
|
collection: {
|
|
title: "Contact Us",
|
|
id: "62be24417cbdaf5d8a945994",
|
|
fullUrl: "/contact",
|
|
type: 10,
|
|
permissionType: 1,
|
|
},
|
|
subscribed: false,
|
|
appDomain: "squarespace.com",
|
|
templateTweakable: true,
|
|
tweakJSON: {
|
|
"form-use-theme-colors": "false",
|
|
"header-logo-height": "156px",
|
|
"header-mobile-logo-max-height": "112px",
|
|
"header-vert-padding": "2vw",
|
|
"header-width": "Full",
|
|
maxPageWidth: "1700px",
|
|
pagePadding: "4vw",
|
|
"tweak-blog-alternating-side-by-side-image-aspect-ratio":
|
|
"1:1 Square",
|
|
"tweak-blog-alternating-side-by-side-image-spacing": "5%",
|
|
"tweak-blog-alternating-side-by-side-meta-spacing": "15px",
|
|
"tweak-blog-alternating-side-by-side-primary-meta": "Categories",
|
|
"tweak-blog-alternating-side-by-side-read-more-spacing": "5px",
|
|
"tweak-blog-alternating-side-by-side-secondary-meta": "Date",
|
|
"tweak-blog-basic-grid-columns": "4",
|
|
"tweak-blog-basic-grid-image-aspect-ratio": "3:2 Standard",
|
|
"tweak-blog-basic-grid-image-spacing": "17px",
|
|
"tweak-blog-basic-grid-meta-spacing": "7px",
|
|
"tweak-blog-basic-grid-primary-meta": "Date",
|
|
"tweak-blog-basic-grid-read-more-spacing": "15px",
|
|
"tweak-blog-basic-grid-secondary-meta": "None",
|
|
"tweak-blog-item-custom-width": "49",
|
|
"tweak-blog-item-show-author-profile": "false",
|
|
"tweak-blog-item-width": "Narrow",
|
|
"tweak-blog-masonry-columns": "2",
|
|
"tweak-blog-masonry-horizontal-spacing": "150px",
|
|
"tweak-blog-masonry-image-spacing": "25px",
|
|
"tweak-blog-masonry-meta-spacing": "20px",
|
|
"tweak-blog-masonry-primary-meta": "Categories",
|
|
"tweak-blog-masonry-read-more-spacing": "5px",
|
|
"tweak-blog-masonry-secondary-meta": "Date",
|
|
"tweak-blog-masonry-vertical-spacing": "100px",
|
|
"tweak-blog-side-by-side-image-aspect-ratio": "16:9 Widescreen",
|
|
"tweak-blog-side-by-side-image-spacing": "6%",
|
|
"tweak-blog-side-by-side-meta-spacing": "20px",
|
|
"tweak-blog-side-by-side-primary-meta": "Categories",
|
|
"tweak-blog-side-by-side-read-more-spacing": "5px",
|
|
"tweak-blog-side-by-side-secondary-meta": "Date",
|
|
"tweak-blog-single-column-image-spacing": "40px",
|
|
"tweak-blog-single-column-meta-spacing": "30px",
|
|
"tweak-blog-single-column-primary-meta": "Categories",
|
|
"tweak-blog-single-column-read-more-spacing": "30px",
|
|
"tweak-blog-single-column-secondary-meta": "Date",
|
|
"tweak-events-stacked-show-thumbnails": "true",
|
|
"tweak-events-stacked-thumbnail-size": "3:2 Standard",
|
|
"tweak-fixed-header": "false",
|
|
"tweak-fixed-header-style": "Scroll Back",
|
|
"tweak-global-animations-animation-curve": "ease",
|
|
"tweak-global-animations-animation-delay": "1.0s",
|
|
"tweak-global-animations-animation-duration": "0.65s",
|
|
"tweak-global-animations-animation-style": "fade",
|
|
"tweak-global-animations-animation-type": "clip",
|
|
"tweak-global-animations-complexity-level": "detailed",
|
|
"tweak-global-animations-enabled": "true",
|
|
"tweak-portfolio-grid-basic-custom-height": "50",
|
|
"tweak-portfolio-grid-overlay-custom-height": "50",
|
|
"tweak-portfolio-hover-follow-acceleration": "10%",
|
|
"tweak-portfolio-hover-follow-animation-duration": "Medium",
|
|
"tweak-portfolio-hover-follow-animation-type": "Fade",
|
|
"tweak-portfolio-hover-follow-delimiter": "Forward Slash",
|
|
"tweak-portfolio-hover-follow-front": "false",
|
|
"tweak-portfolio-hover-follow-layout": "Inline",
|
|
"tweak-portfolio-hover-follow-size": "75",
|
|
"tweak-portfolio-hover-follow-text-spacing-x": "1.5",
|
|
"tweak-portfolio-hover-follow-text-spacing-y": "1.5",
|
|
"tweak-portfolio-hover-static-animation-duration": "Medium",
|
|
"tweak-portfolio-hover-static-animation-type": "Scale Up",
|
|
"tweak-portfolio-hover-static-delimiter": "Forward Slash",
|
|
"tweak-portfolio-hover-static-front": "false",
|
|
"tweak-portfolio-hover-static-layout": "Stacked",
|
|
"tweak-portfolio-hover-static-size": "75",
|
|
"tweak-portfolio-hover-static-text-spacing-x": "1.5",
|
|
"tweak-portfolio-hover-static-text-spacing-y": "1.5",
|
|
"tweak-portfolio-index-background-animation-duration": "Medium",
|
|
"tweak-portfolio-index-background-animation-type": "Fade",
|
|
"tweak-portfolio-index-background-custom-height": "50",
|
|
"tweak-portfolio-index-background-delimiter": "None",
|
|
"tweak-portfolio-index-background-height": "Large",
|
|
"tweak-portfolio-index-background-horizontal-alignment": "Center",
|
|
"tweak-portfolio-index-background-link-format": "Stacked",
|
|
"tweak-portfolio-index-background-persist": "false",
|
|
"tweak-portfolio-index-background-vertical-alignment": "Middle",
|
|
"tweak-portfolio-index-background-width": "Full Bleed",
|
|
"tweak-product-basic-item-click-action": "None",
|
|
"tweak-product-basic-item-gallery-aspect-ratio": "1:1 Square",
|
|
"tweak-product-basic-item-gallery-design": "Stacked",
|
|
"tweak-product-basic-item-gallery-width": "50%",
|
|
"tweak-product-basic-item-hover-action": "None",
|
|
"tweak-product-basic-item-image-spacing": "3vw",
|
|
"tweak-product-basic-item-image-zoom-factor": "1.75",
|
|
"tweak-product-basic-item-product-variant-display": "Dropdown",
|
|
"tweak-product-basic-item-thumbnail-placement": "Side",
|
|
"tweak-product-basic-item-variant-picker-layout": "Dropdowns",
|
|
"tweak-products-add-to-cart-button": "false",
|
|
"tweak-products-columns": "2",
|
|
"tweak-products-gutter-column": "2vw",
|
|
"tweak-products-gutter-row": "3vw",
|
|
"tweak-products-header-text-alignment": "Middle",
|
|
"tweak-products-image-aspect-ratio": "1:1 Square",
|
|
"tweak-products-image-text-spacing": "1vw",
|
|
"tweak-products-mobile-columns": "1",
|
|
"tweak-products-text-alignment": "Middle",
|
|
"tweak-transparent-header": "true",
|
|
},
|
|
templateId: "5c5a519771c10ba3470d8101",
|
|
templateVersion: "7.1",
|
|
pageFeatures: [1, 2, 4],
|
|
gmRenderKey: "QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4",
|
|
templateScriptsRootUrl:
|
|
"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/",
|
|
betaFeatureFlags: [
|
|
"member_areas_schedule_interview",
|
|
"nested_categories",
|
|
"commerce_site_visitor_metrics",
|
|
"commsplat_forms_visitor_profile",
|
|
"visitor_react_forms",
|
|
"themes",
|
|
"campaigns_global_uc_ab",
|
|
"crm_remove_subscriber",
|
|
"nested_categories_migration_enabled",
|
|
"marketing_landing_page",
|
|
"member_areas_provisioning_service",
|
|
"customize_item_paywalling",
|
|
"commerce_restock_notifications",
|
|
"viewer-role-contributor-invites",
|
|
"commerce_order_status_access",
|
|
"send_local_pickup_ready_email",
|
|
"order_status_page_checkout_landing_enabled",
|
|
"commerce_clearpay",
|
|
"crm_show_profile_forms",
|
|
"website_component_enabled",
|
|
"commerce_checkout_website_updates_enabled",
|
|
"collection_typename_switching",
|
|
"campaigns_discount_section_in_automations",
|
|
"campaigns_new_image_layout_picker",
|
|
"member_areas_feature",
|
|
"campaigns_discount_section_in_blasts",
|
|
"member_sites_ux_evolution",
|
|
"member_areas_spanish_interviews",
|
|
"campaigns_thumbnail_layout",
|
|
"show_add_to_cart_in_plp",
|
|
"member_sites_ux_evolution_phase_two",
|
|
"fluid_engine",
|
|
"customer_account_creation_recaptcha",
|
|
"website_fonts",
|
|
"supports_versioned_template_assets",
|
|
"accounting_orders_sync",
|
|
"new_stacked_index",
|
|
"unify_edit_mode_p2",
|
|
"commerce_etsy_shipping_import",
|
|
"background_art_onboarding",
|
|
"fluid_engine_clean_up_grid_contextual_change",
|
|
"image_component",
|
|
"campaigns_import_discounts",
|
|
"toggle_preview_new_shortcut",
|
|
"digital_products_monetization_ga_enabled",
|
|
"crm_default_newsletter_block_to_campaigns",
|
|
"enable_css_variable_tweaks",
|
|
"site_header_footer",
|
|
"is_feature_gate_refresh_enabled",
|
|
"customer_accounts_email_verification",
|
|
"scripts_defer",
|
|
"override_block_styles",
|
|
"site_user_email_change",
|
|
"customize_collection_overview_paywalling",
|
|
"pdp_product_add_ons_visitor_site",
|
|
"commerce_etsy_product_import",
|
|
],
|
|
videoAssetsFeatureFlags: [
|
|
"mux-data-video-collection",
|
|
"mux-data-course-collection",
|
|
],
|
|
impersonatedSession: false,
|
|
demoCollections: [
|
|
{ collectionId: "624b503aeaa0101b5bdb9575", deleted: false },
|
|
],
|
|
tzData: { zones: [[420, null, "WIB", null]], rules: {} },
|
|
showAnnouncementBar: false,
|
|
recaptchaEnterpriseContext: {
|
|
recaptchaEnterpriseSiteKey:
|
|
"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv",
|
|
},
|
|
i18nContext: {
|
|
timeZoneData: { id: "Asia/Jakarta", name: "Western Indonesia Time" },
|
|
},
|
|
};
|
|
</script>
|
|
<script type="application/ld+json">
|
|
{
|
|
"url": "https://www.empatnusabangsa.com",
|
|
"name": "Empat Nusa Bangsa",
|
|
"description": "",
|
|
"image": "//images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png",
|
|
"@context": "http://schema.org",
|
|
"@type": "WebSite"
|
|
}
|
|
</script>
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="https://static1.squarespace.com/static/versioned-site-css/62bd622d9f5c9a0a620bdc08/57/5c5a519771c10ba3470d8101/62bd622d9f5c9a0a620bdc22/1470/site.css"
|
|
/>
|
|
<script>
|
|
Static.COOKIE_BANNER_CAPABLE = true;
|
|
</script>
|
|
<!-- End of Squarespace Headers -->
|
|
|
|
<script>
|
|
window.__INITIAL_SQUARESPACE_7_1_WEBSITE_COLORS__ = [
|
|
{
|
|
id: "white",
|
|
value: {
|
|
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "black",
|
|
value: {
|
|
values: { hue: 0.0, saturation: 0.0, lightness: 86.66666666666667 },
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "safeLightAccent",
|
|
value: {
|
|
values: {
|
|
hue: 349.24855491329475,
|
|
saturation: 74.2489270386266,
|
|
lightness: 54.31372549019608,
|
|
},
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "safeDarkAccent",
|
|
value: {
|
|
values: {
|
|
hue: 349.24855491329475,
|
|
saturation: 74.2489270386266,
|
|
lightness: 54.31372549019608,
|
|
},
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "safeInverseAccent",
|
|
value: {
|
|
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "safeInverseLightAccent",
|
|
value: {
|
|
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "safeInverseDarkAccent",
|
|
value: {
|
|
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "accent",
|
|
value: {
|
|
values: {
|
|
hue: 349.24855491329475,
|
|
saturation: 74.2489270386266,
|
|
lightness: 54.31372549019608,
|
|
},
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "lightAccent",
|
|
value: {
|
|
values: {
|
|
hue: 0.0,
|
|
saturation: 0.0,
|
|
lightness: 12.549019607843137,
|
|
},
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
{
|
|
id: "darkAccent",
|
|
value: {
|
|
values: {
|
|
hue: 202.9090909090909,
|
|
saturation: 82.08955223880598,
|
|
lightness: 13.137254901960786,
|
|
},
|
|
userFormat: "hex",
|
|
},
|
|
},
|
|
];
|
|
window.__COLOR_MAPPINGS_WITH_SEPARATE_ALPHA__ = [
|
|
{ name: "tweak-form-block-field-fill-color" },
|
|
{ name: "tweak-form-block-field-border-color" },
|
|
{ name: "tweak-form-block-field-fill-color-on-background" },
|
|
{ name: "tweak-form-block-field-border-color-on-background" },
|
|
{ name: "tweak-form-block-field-input-color" },
|
|
{ name: "tweak-form-block-field-input-color-on-background" },
|
|
];
|
|
</script>
|
|
|
|
<style id="colorThemeStyles">
|
|
:root {
|
|
--white-hsl: 0, 0%, 100%;
|
|
--black-hsl: 0, 0%, 86.66666666666667%;
|
|
--safeLightAccent-hsl: 349.24855491329475, 74.2489270386266%,
|
|
54.31372549019608%;
|
|
--safeDarkAccent-hsl: 349.24855491329475, 74.2489270386266%,
|
|
54.31372549019608%;
|
|
--safeInverseAccent-hsl: 0, 0%, 100%;
|
|
--safeInverseLightAccent-hsl: 0, 0%, 100%;
|
|
--safeInverseDarkAccent-hsl: 0, 0%, 100%;
|
|
--accent-hsl: 349.24855491329475, 74.2489270386266%, 54.31372549019608%;
|
|
--lightAccent-hsl: 0, 0%, 12.549019607843137%;
|
|
--darkAccent-hsl: 202.9090909090909, 82.08955223880598%,
|
|
13.137254901960786%;
|
|
}
|
|
|
|
.white {
|
|
--announcement-bar-background-color: hsla(var(--black-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--white-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--darkAccent-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.75
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.75
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--black-hsl), 1);
|
|
--headingLargeColor: hsla(var(--black-hsl), 1);
|
|
--headingLinkColor: hsla(var(--darkAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--black-hsl), 1);
|
|
--headingSmallColor: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-title-color: hsla(var(--black-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--darkAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--black-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-static-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--siteTitleColor: hsla(var(--darkAccent-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-line-block-line-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--black-hsl), 1);
|
|
}
|
|
.white-bold {
|
|
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.75
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.75
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-collage-image-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-inline-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0);
|
|
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-description-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--accent-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-static-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--siteTitleColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
.light {
|
|
--announcement-bar-background-color: hsla(var(--darkAccent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--white-hsl), 1);
|
|
--backgroundOverlayColor: hsla(0, 0%, 0%, 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--white-hsl),
|
|
0.75
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.75
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--black-hsl), 1);
|
|
--headingLargeColor: hsla(var(--black-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--black-hsl), 1);
|
|
--headingSmallColor: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-title-color: hsla(var(--black-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--black-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-static-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 0.06);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 0.86);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--white-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--white-hsl), 0);
|
|
--tertiaryButtonTextColor: hsla(var(--accent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-line-block-line-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--black-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--black-hsl), 1);
|
|
}
|
|
:root {
|
|
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--lightAccent-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--white-hsl),
|
|
0.75
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.75
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-card-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-collage-image-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-inline-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-stack-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--black-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--black-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-static-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-index-background-title-color: hsla(var(--black-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--white-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--black-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-content-link-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(
|
|
184.28571428571428,
|
|
36.84210526315789%,
|
|
7.450980392156863%,
|
|
1
|
|
);
|
|
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--black-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
.dark {
|
|
--announcement-bar-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--black-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(var(--white-hsl), 0.9);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.9
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
|
|
--headingLargeColor: hsla(var(--white-hsl), 1);
|
|
--headingLinkColor: hsla(var(--lightAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--white-hsl), 1);
|
|
--headingSmallColor: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-title-color: hsla(var(--white-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--white-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-static-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--accent-hsl), 0);
|
|
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--darkAccent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--white-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-line-block-line-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(0, 0%, 0%, 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
|
|
}
|
|
.dark-bold {
|
|
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(var(--white-hsl), 0.9);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.9
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
|
|
--headingLargeColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-collage-image-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-inline-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--list-section-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--white-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--lightAccent-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-static-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--accent-hsl), 0);
|
|
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--darkAccent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--white-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
.black {
|
|
--announcement-bar-background-color: hsla(var(--white-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--black-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--white-hsl),
|
|
0.95
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.95
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--white-hsl), 1);
|
|
--headingLargeColor: hsla(var(--white-hsl), 1);
|
|
--headingLinkColor: hsla(var(--lightAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--white-hsl), 1);
|
|
--headingSmallColor: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-collage-image-title-color: hsla(var(--black-hsl), 1);
|
|
--image-block-collage-inline-link-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--white-hsl), 1);
|
|
--list-section-title-color: hsla(var(--white-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--black-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--white-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-static-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--accent-hsl), 0);
|
|
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--black-hsl), 1);
|
|
--siteTitleColor: hsla(var(--white-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-line-block-line-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
|
|
}
|
|
.black-bold {
|
|
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--white-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--white-hsl),
|
|
0.95
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--white-hsl),
|
|
0.95
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingLargeColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--white-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-collage-image-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-inline-link-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1);
|
|
--image-block-overlap-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0);
|
|
--image-block-stack-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(var(--black-hsl), 1);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-description-color: hsla(var(--white-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--list-section-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--black-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--white-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--white-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--white-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-static-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-index-background-title-color: hsla(var(--white-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--white-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--black-hsl), 1);
|
|
--siteTitleColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--white-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-content-link-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-input-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--lightAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--safeLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--safeDarkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
.bright {
|
|
--announcement-bar-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--announcement-bar-text-color: hsla(var(--accent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--accent-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--black-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--white-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--white-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--black-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(var(--black-hsl), 0.9);
|
|
--course-list-course-item-text-color: hsla(var(--lightAccent-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--black-hsl),
|
|
0.9
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--headingLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-title-bg-color: hsla(var(--accent-hsl), 0);
|
|
--image-block-card-image-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-inline-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-collage-image-title-bg-color: hsla(var(--accent-hsl), 0);
|
|
--image-block-collage-image-title-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-collage-inline-link-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlap-image-button-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlap-image-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-inline-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--accent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-title-bg-color: hsla(var(--accent-hsl), 0);
|
|
--image-block-stack-image-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-inline-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-simple-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-title-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--menuOverlayButtonTextColor: hsla(var(--accent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-grid-overlay-overlay-color: hsla(var(--accent-hsl), 1);
|
|
--portfolio-grid-overlay-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-follow-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-hover-static-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-index-background-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--primaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--accent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--accent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--accent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--social-links-block-secondary-icon-color: hsla(var(--accent-hsl), 1);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--accent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-accordion-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-divider-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-author-profile-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-comment-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-comment-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-meta-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-pagination-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-pagination-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-item-title-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-masonry-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-content-link-block-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-events-item-pagination-date-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-events-item-pagination-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-events-item-pagination-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--black-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(
|
|
--darkAccent-hsl
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--accent-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--accent-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-gallery-icon-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-gallery-lightbox-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-heading-medium-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-heading-small-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-line-block-line-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-heading-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-price-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-nav-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-paragraph-link-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(var(--accent-hsl), 1);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-sale-price-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--white-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-source-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-excerpt-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-video-item-description-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--white-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--white-hsl), 1);
|
|
}
|
|
.bright-inverse {
|
|
--announcement-bar-background-color: hsla(var(--accent-hsl), 1);
|
|
--announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--backgroundOverlayColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--course-item-nav-active-lesson-background-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1);
|
|
--course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1);
|
|
--course-item-nav-border-color: hsla(var(--black-hsl), 0.25);
|
|
--course-item-nav-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1);
|
|
--course-list-course-item-background: hsla(var(--lightAccent-hsl), 1);
|
|
--course-list-course-item-hover-background: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.95
|
|
);
|
|
--course-list-course-item-text-color: hsla(var(--black-hsl), 1);
|
|
--course-list-course-chapter-divider-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-chapter-divider-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-hover-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
0.95
|
|
);
|
|
--course-list-grid-layout-course-item-text-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--course-list-grid-layout-course-item-border-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--headerDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--headerBorderColor: hsla(var(--black-hsl), 1);
|
|
--headingExtraLargeColor: hsla(var(--accent-hsl), 1);
|
|
--headingLargeColor: hsla(var(--accent-hsl), 1);
|
|
--headingLinkColor: hsla(var(--accent-hsl), 1);
|
|
--headingMediumColor: hsla(var(--accent-hsl), 1);
|
|
--headingSmallColor: hsla(var(--accent-hsl), 1);
|
|
--image-block-card-image-button-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-card-image-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-card-image-subtitle-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-card-image-title-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-card-image-title-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-card-inline-link-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-collage-background-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-collage-image-button-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-subtitle-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-image-title-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-collage-image-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-collage-inline-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-button-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlap-image-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-subtitle-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlap-image-title-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-overlap-image-title-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlap-inline-link-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-overlay-color: hsla(var(--black-hsl), 0.5);
|
|
--image-block-poster-image-button-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-poster-image-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-overlay-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-image-title-bg-color-v2: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-poster-image-title-color: hsla(var(--white-hsl), 1);
|
|
--image-block-poster-inline-link-color: hsla(var(--white-hsl), 1);
|
|
--image-block-stack-image-button-bg-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-stack-image-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1);
|
|
--image-block-stack-image-subtitle-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-stack-image-title-bg-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
0
|
|
);
|
|
--image-block-stack-image-title-color: hsla(var(--accent-hsl), 1);
|
|
--image-block-stack-inline-link-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-banner-slideshow-arrow-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-arrow-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-banner-slideshow-card-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-description-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-card-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-banner-slideshow-title-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-arrow-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-arrow-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-card-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-description-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-card-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-carousel-description-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-carousel-title-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-simple-button-background-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-button-text-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-simple-card-description-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-description-link-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-card-title-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--list-section-simple-description-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-simple-title-color: hsla(var(--accent-hsl), 1);
|
|
--list-section-title-color: hsla(var(--accent-hsl), 1);
|
|
--menuOverlayBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--menuOverlayButtonBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--menuOverlayButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--menuOverlayNavigationLinkColor: hsla(var(--accent-hsl), 1);
|
|
--navigationLinkColor: hsla(var(--accent-hsl), 1);
|
|
--paragraphLargeColor: hsla(var(--accent-hsl), 1);
|
|
--paragraphLinkColor: hsla(var(--accent-hsl), 1);
|
|
--paragraphMediumColor: hsla(var(--accent-hsl), 1);
|
|
--paragraphSmallColor: hsla(var(--accent-hsl), 1);
|
|
--portfolio-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--portfolio-grid-overlay-overlay-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--portfolio-grid-overlay-title-color: hsla(var(--accent-hsl), 1);
|
|
--portfolio-hover-follow-title-color: hsla(var(--accent-hsl), 1);
|
|
--portfolio-hover-static-title-color: hsla(var(--accent-hsl), 1);
|
|
--portfolio-index-background-title-color: hsla(var(--accent-hsl), 1);
|
|
--primaryButtonBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--primaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--secondaryButtonBackgroundColor: hsla(var(--lightAccent-hsl), 1);
|
|
--secondaryButtonTextColor: hsla(var(--darkAccent-hsl), 1);
|
|
--section-divider-stroke-color: hsla(var(--accent-hsl), 1);
|
|
--section-inset-border-color: hsla(var(--lightAccent-hsl), 1);
|
|
--shape-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--shape-block-dropshadow-color: hsla(var(--accent-hsl), 1);
|
|
--shape-block-stroke-color: hsla(var(--black-hsl), 1);
|
|
--siteBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--siteTitleColor: hsla(var(--accent-hsl), 1);
|
|
--social-links-block-main-icon-color: hsla(var(--accent-hsl), 1);
|
|
--social-links-block-secondary-icon-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
--summary-block-limited-availability-label-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tertiaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
|
|
--tertiaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
|
|
--text-highlight-color: hsla(var(--accent-hsl), 1);
|
|
--text-highlight-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-accordion-block-divider-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-accordion-block-divider-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-accordion-block-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-accordion-block-icon-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-meta-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-read-more-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-alternating-side-by-side-list-title-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-excerpt-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-basic-grid-list-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-basic-grid-list-read-more-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-basic-grid-list-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-author-profile-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-comment-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-comment-text-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-pagination-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-masonry-list-excerpt-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-masonry-list-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-masonry-list-read-more-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-masonry-list-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-side-by-side-list-excerpt-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-side-by-side-list-read-more-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-side-by-side-list-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-single-column-list-excerpt-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-blog-single-column-list-read-more-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-blog-single-column-list-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-content-link-block-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-events-item-pagination-date-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-events-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-events-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-button-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-button-background-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-button-text-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-caption-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-caption-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-description-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-option-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-option-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-survey-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-survey-title-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-title-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl);
|
|
--tweak-form-block-field-fill-color-a: 1;
|
|
--tweak-form-block-field-border-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-field-border-color-hsl: var(--accent-hsl);
|
|
--tweak-form-block-field-border-color-a: 1;
|
|
--tweak-form-block-field-input-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-field-input-color-hsl: var(--accent-hsl);
|
|
--tweak-form-block-field-input-color-a: 1;
|
|
--tweak-form-block-field-accessory-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-form-block-field-fill-color-on-background: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl);
|
|
--tweak-form-block-field-fill-color-on-background-a: 1;
|
|
--tweak-form-block-field-border-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-border-color-on-background-a: 1;
|
|
--tweak-form-block-field-input-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-hsl: var(
|
|
--black-hsl
|
|
);
|
|
--tweak-form-block-field-input-color-on-background-a: 1;
|
|
--tweak-form-block-field-accessory-color-on-background: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-gallery-lightbox-background-color: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-gallery-lightbox-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-heading-extra-large-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-large-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-medium-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-heading-small-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-line-block-line-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-heading-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-heading-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-marquee-block-paragraph-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-marquee-block-paragraph-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-menu-block-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-menu-block-item-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-menu-block-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-menu-block-nav-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-menu-block-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-button-background-color: hsla(
|
|
var(--lightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-background-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color: hsla(
|
|
var(--darkAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-button-text-color-on-background: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-description-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-footnote-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-footnote-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-newsletter-block-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-newsletter-block-title-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-large-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-link-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-medium-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-paragraph-small-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-icon-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-meta-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-portfolio-item-pagination-title-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-breadcumb-nav-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-description-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-gallery-controls-color: hsla(
|
|
var(--safeInverseLightAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-basic-item-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-product-basic-item-variant-fields-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-category-nav-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-pagination-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-sale-price-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-scarcity-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-status-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-grid-text-below-list-title-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1);
|
|
--tweak-product-quick-view-lightbox-controls-color: hsla(
|
|
var(--black-hsl),
|
|
1
|
|
);
|
|
--tweak-product-quick-view-lightbox-overlay-color: hsla(
|
|
var(--white-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-quote-block-source-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-quote-block-source-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-quote-block-text-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-quote-block-text-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-summary-block-excerpt-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-summary-block-excerpt-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-header-text-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-summary-block-header-text-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-primary-metadata-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-read-more-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-summary-block-read-more-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color: hsla(
|
|
var(--accent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-secondary-metadata-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-summary-block-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-summary-block-title-color-on-background: hsla(
|
|
var(--safeInverseAccent-hsl),
|
|
1
|
|
);
|
|
--tweak-text-block-background-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-description-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-meta-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1);
|
|
--tweak-video-item-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-description-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-meta-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-basic-title-color: hsla(var(--accent-hsl), 1);
|
|
--video-grid-category-nav-color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
</style>
|
|
|
|
<style id="rteTextColorMapping">
|
|
.sqsrte-text-color--white {
|
|
color: hsla(var(--white-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--black {
|
|
color: hsla(var(--black-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--safeLightAccent {
|
|
color: hsla(var(--safeLightAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--safeDarkAccent {
|
|
color: hsla(var(--safeDarkAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--safeInverseAccent {
|
|
color: hsla(var(--safeInverseAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--safeInverseLightAccent {
|
|
color: hsla(var(--safeInverseLightAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--safeInverseDarkAccent {
|
|
color: hsla(var(--safeInverseDarkAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--accent {
|
|
color: hsla(var(--accent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--lightAccent {
|
|
color: hsla(var(--lightAccent-hsl), 1);
|
|
}
|
|
.sqsrte-text-color--darkAccent {
|
|
color: hsla(var(--darkAccent-hsl), 1);
|
|
}
|
|
</style>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1699467906351-57EZFPH2B9UY1CKJS6AA/static.css"
|
|
/>
|
|
</head>
|
|
|
|
<body
|
|
id="collection-62be24417cbdaf5d8a945994"
|
|
class="form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill header-overlay-alignment-center header-width-full tweak-transparent-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-pipe tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-none tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-narrow tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-169-widescreen tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt tweak-global-animations-enabled tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-clip tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-11-square tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-none tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-stacked tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-middle tweak-products-price-show tweak-products-nested-category-type-top tweak-products-header-text-alignment-middle tweak-products-breadcrumbs primary-button-style-solid primary-button-shape-custom secondary-button-style-solid secondary-button-shape-custom tertiary-button-style-outline tertiary-button-shape-underline image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-idr collection-62be24417cbdaf5d8a945994 collection-type-page collection-layout-default mobile-style-available sqs-seven-one plp-config-editor-add-to-cart show-pdp-product-add-ons plp-add-to-cart"
|
|
data-description="plp-mobile-editor-column"
|
|
tabindex="-1"
|
|
>
|
|
<style>
|
|
#siteWrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0%;
|
|
}
|
|
</style>
|
|
|
|
<div id="siteWrapper" class="clearfix site-wrapper">
|
|
<div id="floatingCart" class="floating-cart hidden">
|
|
<a
|
|
href="cart.html"
|
|
class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"
|
|
>
|
|
<span class="Cart-inner">
|
|
<svg
|
|
class="icon icon--cart"
|
|
width="61"
|
|
height="49"
|
|
viewBox="0 0 61 49"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z"
|
|
/>
|
|
<path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
|
|
<path
|
|
d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z"
|
|
/>
|
|
<path
|
|
d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z"
|
|
/>
|
|
</svg>
|
|
|
|
<div class="legacy-cart icon-cart-quantity">
|
|
<span class="sqs-cart-quantity">0</span>
|
|
</div>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<header
|
|
data-test="header"
|
|
id="header"
|
|
class="light header theme-col--primary"
|
|
data-controller="Header"
|
|
data-current-styles='{
|
|
"layout": "navRight",
|
|
"action": {
|
|
"href": "https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing",
|
|
"buttonText": "GET OUR PROFILE",
|
|
"newWindow": true
|
|
},
|
|
"showSocial": false,
|
|
"socialOptions": {
|
|
"socialBorderShape": "none",
|
|
"socialBorderStyle": "outline",
|
|
"socialBorderThickness": {
|
|
"unit": "px",
|
|
"value": 1.0
|
|
}
|
|
},
|
|
"sectionTheme": "",
|
|
"menuOverlayTheme": "dark",
|
|
"menuOverlayAnimation": "fade",
|
|
"cartStyle": "cart",
|
|
"cartText": "Cart",
|
|
"showEmptyCartState": true,
|
|
"cartOptions": {
|
|
"iconType": "solid-7",
|
|
"cartBorderShape": "none",
|
|
"cartBorderStyle": "outline",
|
|
"cartBorderThickness": {
|
|
"unit": "px",
|
|
"value": 1.0
|
|
}
|
|
},
|
|
"showButton": true,
|
|
"showCart": false,
|
|
"showAccountLogin": true,
|
|
"headerStyle": "dynamic",
|
|
"languagePicker": {
|
|
"enabled": false,
|
|
"iconEnabled": false,
|
|
"iconType": "globe",
|
|
"flagShape": "shiny",
|
|
"languageFlags": [ ]
|
|
},
|
|
"mobileOptions": {
|
|
"layout": "logoCenterNavLeft",
|
|
"menuIcon": "doubleLineHamburger",
|
|
"menuIconOptions": {
|
|
"style": "doubleLineHamburger",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 3.0
|
|
}
|
|
}
|
|
},
|
|
"dynamicOptions": {
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"solidOptions": {
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 100.0
|
|
},
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadow": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 30.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "white",
|
|
"alphaModifier": 1.0
|
|
}
|
|
},
|
|
"navigationColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"gradientOptions": {
|
|
"gradientType": "faded",
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 90.0
|
|
},
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadow": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 30.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "CUSTOM_COLOR",
|
|
"customColor": {
|
|
"hslaValue": {
|
|
"hue": 0.0,
|
|
"saturation": 0.0,
|
|
"lightness": 1.0,
|
|
"alpha": 1.0
|
|
},
|
|
"userFormat": "hex"
|
|
}
|
|
},
|
|
"navigationColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadowOptions": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"borderOptions": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"showPromotedElement": false,
|
|
"buttonVariant": "primary",
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 100.0
|
|
}
|
|
}'
|
|
data-section-id="header"
|
|
data-header-theme=""
|
|
data-menu-overlay-theme="dark"
|
|
data-header-style="dynamic"
|
|
data-language-picker='{
|
|
"enabled": false,
|
|
"iconEnabled": false,
|
|
"iconType": "globe",
|
|
"flagShape": "shiny",
|
|
"languageFlags": [ ]
|
|
}'
|
|
data-first-focusable-element
|
|
tabindex="-1"
|
|
style="
|
|
--solidHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
|
|
--gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1);
|
|
|
|
--solidHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
|
|
--gradientHeaderBorderColor: hsla(var(--black-hsl), 1);
|
|
|
|
--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
|
|
|
|
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
|
|
--gradientHeaderBackgroundColor: hsla(0, 0%, 100%, 1);
|
|
|
|
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
|
|
"
|
|
>
|
|
<div class="sqs-announcement-bar-dropzone"></div>
|
|
|
|
<div class="header-announcement-bar-wrapper">
|
|
<a
|
|
href="#page"
|
|
tabindex="1"
|
|
class="header-skip-link sqs-button-element--primary"
|
|
>
|
|
Skip to Content
|
|
</a>
|
|
|
|
<style>
|
|
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
|
|
.header-blur-background {
|
|
}
|
|
}
|
|
</style>
|
|
<div
|
|
class="header-border"
|
|
data-header-style="dynamic"
|
|
data-header-usability-enabled="false"
|
|
data-header-border="false"
|
|
data-test="header-border"
|
|
style="border-width: 0px !important"
|
|
></div>
|
|
<div
|
|
class="header-dropshadow"
|
|
data-header-style="dynamic"
|
|
data-header-usability-enabled="false"
|
|
data-header-dropshadow="false"
|
|
data-test="header-dropshadow"
|
|
style=""
|
|
></div>
|
|
|
|
<div
|
|
class="header-inner container--fluid header-mobile-layout-logo-center-nav-left header-layout-nav-right"
|
|
style="padding: 0"
|
|
data-test="header-inner"
|
|
>
|
|
<!-- Background -->
|
|
<div class="header-background theme-bg--primary"></div>
|
|
|
|
<div class="header-display-desktop" data-content-field="site-title">
|
|
<!-- Social -->
|
|
|
|
<!-- Title and nav wrapper -->
|
|
<div class="header-title-nav-wrapper">
|
|
<!-- Title -->
|
|
|
|
<div class="header-title" data-animation-role="header-element">
|
|
<div class="header-title-logo">
|
|
<a href="index.html" data-animation-role="header-element">
|
|
<img
|
|
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png?format=1500w"
|
|
alt="Empat Nusa Bangsa"
|
|
style="display: block"
|
|
fetchpriority="high"
|
|
loading="eager"
|
|
decoding="async"
|
|
data-loader="raw"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nav -->
|
|
<div class="header-nav">
|
|
<div class="header-nav-wrapper">
|
|
<nav class="header-nav-list">
|
|
<div
|
|
class="header-nav-item header-nav-item--collection header-nav-item--homepage"
|
|
>
|
|
<a
|
|
href="index.html"
|
|
data-animation-role="header-element"
|
|
>
|
|
About
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="header-nav-item header-nav-item--collection header-nav-item--active"
|
|
>
|
|
<a
|
|
href="contact.html"
|
|
data-animation-role="header-element"
|
|
aria-current="page"
|
|
>
|
|
Contact Us
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Actions -->
|
|
<div class="header-actions header-actions--right">
|
|
<div class="showOnMobile"></div>
|
|
|
|
<div class="showOnDesktop"></div>
|
|
|
|
<div
|
|
class="header-actions-action header-actions-action--cta"
|
|
data-animation-role="header-element"
|
|
>
|
|
<a
|
|
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
|
|
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
|
|
target="_blank"
|
|
>
|
|
GET OUR PROFILE
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.top-bun,
|
|
.patty,
|
|
.bottom-bun {
|
|
height: 3px;
|
|
}
|
|
</style>
|
|
|
|
<!-- Burger -->
|
|
<div
|
|
class="header-burger menu-overlay-has-visible-non-navigation-items"
|
|
data-animation-role="header-element"
|
|
>
|
|
<button
|
|
class="header-burger-btn burger"
|
|
data-test="header-burger"
|
|
>
|
|
<span
|
|
hidden
|
|
class="js-header-burger-open-title visually-hidden"
|
|
>Open Menu</span
|
|
>
|
|
<span
|
|
hidden
|
|
class="js-header-burger-close-title visually-hidden"
|
|
>Close Menu</span
|
|
>
|
|
<div class="burger-box">
|
|
<div
|
|
class="burger-inner header-menu-icon-doubleLineHamburger"
|
|
>
|
|
<div class="top-bun"></div>
|
|
<div class="patty"></div>
|
|
<div class="bottom-bun"></div>
|
|
</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="header-display-mobile" data-content-field="site-title">
|
|
<!-- Social -->
|
|
|
|
<style>
|
|
.top-bun,
|
|
.patty,
|
|
.bottom-bun {
|
|
height: 3px;
|
|
}
|
|
</style>
|
|
|
|
<!-- Burger -->
|
|
<div
|
|
class="header-burger menu-overlay-has-visible-non-navigation-items"
|
|
data-animation-role="header-element"
|
|
>
|
|
<button
|
|
class="header-burger-btn burger"
|
|
data-test="header-burger"
|
|
>
|
|
<span
|
|
hidden
|
|
class="js-header-burger-open-title visually-hidden"
|
|
>Open Menu</span
|
|
>
|
|
<span
|
|
hidden
|
|
class="js-header-burger-close-title visually-hidden"
|
|
>Close Menu</span
|
|
>
|
|
<div class="burger-box">
|
|
<div
|
|
class="burger-inner header-menu-icon-doubleLineHamburger"
|
|
>
|
|
<div class="top-bun"></div>
|
|
<div class="patty"></div>
|
|
<div class="bottom-bun"></div>
|
|
</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Title and nav wrapper -->
|
|
<div class="header-title-nav-wrapper">
|
|
<!-- Title -->
|
|
|
|
<div class="header-title" data-animation-role="header-element">
|
|
<div class="header-title-logo">
|
|
<a href="index.html" data-animation-role="header-element">
|
|
<img
|
|
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png?format=1500w"
|
|
alt="Empat Nusa Bangsa"
|
|
style="display: block"
|
|
fetchpriority="high"
|
|
loading="eager"
|
|
decoding="async"
|
|
data-loader="raw"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nav -->
|
|
<div class="header-nav">
|
|
<div class="header-nav-wrapper">
|
|
<nav class="header-nav-list">
|
|
<div
|
|
class="header-nav-item header-nav-item--collection header-nav-item--homepage"
|
|
>
|
|
<a
|
|
href="index.html"
|
|
data-animation-role="header-element"
|
|
>
|
|
About
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="header-nav-item header-nav-item--collection header-nav-item--active"
|
|
>
|
|
<a
|
|
href="contact.html"
|
|
data-animation-role="header-element"
|
|
aria-current="page"
|
|
>
|
|
Contact Us
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Actions -->
|
|
<div class="header-actions header-actions--right">
|
|
<div class="showOnMobile"></div>
|
|
|
|
<div class="showOnDesktop"></div>
|
|
|
|
<div
|
|
class="header-actions-action header-actions-action--cta"
|
|
data-animation-role="header-element"
|
|
>
|
|
<a
|
|
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
|
|
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
|
|
target="_blank"
|
|
>
|
|
GET OUR PROFILE
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- (Mobile) Menu Navigation -->
|
|
<div
|
|
class="header-menu header-menu--folder-list dark"
|
|
data-current-styles='{
|
|
"layout": "navRight",
|
|
"action": {
|
|
"href": "https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing",
|
|
"buttonText": "GET OUR PROFILE",
|
|
"newWindow": true
|
|
},
|
|
"showSocial": false,
|
|
"socialOptions": {
|
|
"socialBorderShape": "none",
|
|
"socialBorderStyle": "outline",
|
|
"socialBorderThickness": {
|
|
"unit": "px",
|
|
"value": 1.0
|
|
}
|
|
},
|
|
"sectionTheme": "",
|
|
"menuOverlayTheme": "dark",
|
|
"menuOverlayAnimation": "fade",
|
|
"cartStyle": "cart",
|
|
"cartText": "Cart",
|
|
"showEmptyCartState": true,
|
|
"cartOptions": {
|
|
"iconType": "solid-7",
|
|
"cartBorderShape": "none",
|
|
"cartBorderStyle": "outline",
|
|
"cartBorderThickness": {
|
|
"unit": "px",
|
|
"value": 1.0
|
|
}
|
|
},
|
|
"showButton": true,
|
|
"showCart": false,
|
|
"showAccountLogin": true,
|
|
"headerStyle": "dynamic",
|
|
"languagePicker": {
|
|
"enabled": false,
|
|
"iconEnabled": false,
|
|
"iconType": "globe",
|
|
"flagShape": "shiny",
|
|
"languageFlags": [ ]
|
|
},
|
|
"mobileOptions": {
|
|
"layout": "logoCenterNavLeft",
|
|
"menuIcon": "doubleLineHamburger",
|
|
"menuIconOptions": {
|
|
"style": "doubleLineHamburger",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 3.0
|
|
}
|
|
}
|
|
},
|
|
"dynamicOptions": {
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"solidOptions": {
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 100.0
|
|
},
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadow": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 30.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "white",
|
|
"alphaModifier": 1.0
|
|
}
|
|
},
|
|
"navigationColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"gradientOptions": {
|
|
"gradientType": "faded",
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 90.0
|
|
},
|
|
"border": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadow": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 30.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "CUSTOM_COLOR",
|
|
"customColor": {
|
|
"hslaValue": {
|
|
"hue": 0.0,
|
|
"saturation": 0.0,
|
|
"lightness": 1.0,
|
|
"alpha": 1.0
|
|
},
|
|
"userFormat": "hex"
|
|
}
|
|
},
|
|
"navigationColor": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"dropShadowOptions": {
|
|
"enabled": false,
|
|
"blur": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
},
|
|
"spread": {
|
|
"unit": "px",
|
|
"value": 0.0
|
|
},
|
|
"distance": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"borderOptions": {
|
|
"enabled": false,
|
|
"position": "allSides",
|
|
"thickness": {
|
|
"unit": "px",
|
|
"value": 4.0
|
|
},
|
|
"color": {
|
|
"type": "SITE_PALETTE_COLOR",
|
|
"sitePaletteColor": {
|
|
"colorName": "black",
|
|
"alphaModifier": 1.0
|
|
}
|
|
}
|
|
},
|
|
"showPromotedElement": false,
|
|
"buttonVariant": "primary",
|
|
"blurBackground": {
|
|
"enabled": false,
|
|
"blurRadius": {
|
|
"unit": "px",
|
|
"value": 12.0
|
|
}
|
|
},
|
|
"headerOpacity": {
|
|
"unit": "%",
|
|
"value": 100.0
|
|
}
|
|
}'
|
|
data-section-id="overlay-nav"
|
|
data-show-account-login="true"
|
|
data-test="header-menu"
|
|
>
|
|
<div class="header-menu-bg theme-bg--primary"></div>
|
|
<div class="header-menu-nav">
|
|
<nav class="header-menu-nav-list">
|
|
<div data-folder="root" class="header-menu-nav-folder">
|
|
<!-- Menu Navigation -->
|
|
<div class="header-menu-nav-folder-content">
|
|
<div class="header-menu-nav-wrapper">
|
|
<div
|
|
class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--homepage"
|
|
>
|
|
<a href="index.html">
|
|
<div class="header-menu-nav-item-content">About</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active"
|
|
>
|
|
<a href="contact.html" aria-current="page">
|
|
<div class="header-menu-nav-item-content">
|
|
Contact Us
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header-menu-actions social-accounts"></div>
|
|
|
|
<div class="header-menu-cta">
|
|
<a
|
|
class="theme-btn--primary btn sqs-button-element--primary"
|
|
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
|
|
target="_blank"
|
|
>
|
|
GET OUR PROFILE
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="page" class="container" role="main">
|
|
<article
|
|
class="sections"
|
|
id="sections"
|
|
data-page-sections="62be24417cbdaf5d8a945995"
|
|
>
|
|
<section
|
|
data-test="page-section"
|
|
data-section-theme="light"
|
|
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
|
|
data-section-id="62be2451d0c72f4d7c3382e9"
|
|
data-controller="SectionWrapperController"
|
|
data-current-styles='{
|
|
"imageOverlayOpacity": 0.15,
|
|
"backgroundWidth": "background-width--full-bleed",
|
|
"sectionHeight": "section-height--custom",
|
|
"customSectionHeight": 1,
|
|
"horizontalAlignment": "horizontal-alignment--center",
|
|
"verticalAlignment": "vertical-alignment--middle",
|
|
"contentWidth": "content-width--wide",
|
|
"customContentWidth": 50,
|
|
"backgroundColor": "",
|
|
"sectionTheme": "light",
|
|
"sectionAnimation": "none",
|
|
"backgroundMode": "image"
|
|
}'
|
|
data-current-context='{
|
|
"video": {
|
|
"playbackSpeed": 0.5,
|
|
"filter": 1,
|
|
"filterStrength": 0,
|
|
"zoom": 0,
|
|
"videoSourceProvider": "none"
|
|
},
|
|
"backgroundImageId": null,
|
|
"backgroundMediaEffect": null,
|
|
"divider": null,
|
|
"typeName": "page"
|
|
}'
|
|
data-animation="none"
|
|
data-fluid-engine-section
|
|
style="min-height: 1vh"
|
|
>
|
|
<div class="section-border">
|
|
<div class="section-background"></div>
|
|
</div>
|
|
<div
|
|
class="content-wrapper"
|
|
style="
|
|
padding-top: calc(1vmax / 10);
|
|
padding-bottom: calc(1vmax / 10);
|
|
"
|
|
>
|
|
<div class="content">
|
|
<div data-fluid-engine="true">
|
|
<style>
|
|
.fe-62be245256048365a6cd1e83 {
|
|
--grid-gutter: calc(
|
|
var(--sqs-mobile-site-gutter, 6vw) - 11px
|
|
);
|
|
--cell-max-width: calc(
|
|
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
|
|
8
|
|
);
|
|
|
|
display: grid;
|
|
position: relative;
|
|
grid-area: 1/1/-1/-1;
|
|
grid-template-rows: repeat(0%, minmax(0%, auto));
|
|
grid-template-columns:
|
|
minmax(var(--grid-gutter), 1fr)
|
|
repeat(8, minmax(0, var(--cell-max-width)))
|
|
minmax(var(--grid-gutter), 1fr);
|
|
row-gap: 0%;
|
|
column-gap: 11px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.background-width--inset .fe-62be245256048365a6cd1e83 {
|
|
--inset-padding: calc(var(--sqs-site-gutter) * 2);
|
|
}
|
|
|
|
.fe-62be245256048365a6cd1e83 {
|
|
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
|
|
--cell-max-width: calc(
|
|
(
|
|
var(--sqs-site-max-width, 1500px) -
|
|
(11px * (24 - 1))
|
|
) / 24
|
|
);
|
|
--inset-padding: 0vw;
|
|
|
|
--row-height-scaling-factor: 0.0215;
|
|
--container-width: min(
|
|
var(--sqs-site-max-width, 1500px),
|
|
calc(
|
|
100vw - var(--sqs-site-gutter, 4vw) * 2 -
|
|
var(--inset-padding)
|
|
)
|
|
);
|
|
|
|
grid-template-rows: repeat(
|
|
19,
|
|
minmax(
|
|
calc(
|
|
var(--container-width) *
|
|
var(--row-height-scaling-factor)
|
|
),
|
|
auto
|
|
)
|
|
);
|
|
grid-template-columns:
|
|
minmax(var(--grid-gutter), 1fr)
|
|
repeat(24, minmax(0, var(--cell-max-width)))
|
|
minmax(var(--grid-gutter), 1fr);
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059 {
|
|
grid-area: 1/2/3/10;
|
|
z-index: 1;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059 {
|
|
grid-area: 1/4/3/10;
|
|
z-index: 1;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_194059
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766 {
|
|
grid-area: 3/2/5/10;
|
|
z-index: 2;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766 {
|
|
grid-area: 3/4/4/10;
|
|
z-index: 2;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_198766
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464 {
|
|
grid-area: 5/2/17/10;
|
|
z-index: 3;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464 {
|
|
grid-area: 5/15/15/24;
|
|
z-index: 3;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_206464
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266 {
|
|
grid-area: 17/2/20/10;
|
|
z-index: 5;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266 {
|
|
grid-area: 3/18/5/24;
|
|
z-index: 5;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3266
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671 {
|
|
grid-area: 20/2/36/10;
|
|
z-index: 4;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671 {
|
|
grid-area: 5/4/18/13;
|
|
z-index: 4;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656627757312_213671
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="fluid-engine fe-62be245256048365a6cd1e83">
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656627757312_194059"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656627757312_194059"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h1 style="white-space: pre-wrap">
|
|
Our Office</h1>
|
|
</div>
|
|
|
|
<style>
|
|
#block-yui_3_17_2_1_1656627757312_194059 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656627757312_198766"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656627757312_198766"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h4 style="white-space: pre-wrap"> PT Empat Nusa Bangsa - ENUBA </h4>
|
|
</div>
|
|
<style>
|
|
#block-yui_3_17_2_1_1656627757312_198766 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656627757312_206464"
|
|
>
|
|
<div
|
|
class="sqs-block map-block sqs-block-map sized vsize-12"
|
|
data-block-json='{"location":{"mapLat":-6.2509524,"mapLng":106.9515183,"mapZoom":11,"addressTitle":"Bangun Kreatif Abadi","markerLat":-6.2509524,"markerLng":106.9515183,"addressLine1":"Jl. Inspeksi Kalimalang Ruko Taman Bougenville Blok A/40, Kota Bekasi, Jawa Barat","addressLine2":"Bekasi","addressCountry":"Indonesia"},"vSize":12,"style":2,"labels":true,"terrain":false,"controls":true}'
|
|
data-block-type="4"
|
|
id="block-yui_3_17_2_1_1656627757312_206464"
|
|
>
|
|
<div class="sqs-block-content"> </div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656654191665_3266"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656654191665_3266"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<p
|
|
style="text-align: right; white-space: pre-wrap"
|
|
class=""
|
|
>
|
|
|
|
</p>
|
|
</div>
|
|
|
|
<style>
|
|
#block-yui_3_17_2_1_1656654191665_3266 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656627757312_213671"
|
|
>
|
|
<div
|
|
class="sqs-block form-block sqs-block-form"
|
|
data-block-type="9"
|
|
id="block-yui_3_17_2_1_1656627757312_213671"
|
|
>
|
|
|
|
<style>
|
|
.sqs-block-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sqs-block-content a {
|
|
margin-bottom: 20px; /* Atur jarak antar tautan */
|
|
text-align: center; /* Pusatkan teks */
|
|
display: block; /* Pastikan tautan mengisi lebar */
|
|
width: 60%; /* Atur lebar tautan */
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="sqs-block-content">
|
|
|
|
<a
|
|
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
|
|
href="https://wa.me/62XXXXXXXXX"
|
|
target="_blank"
|
|
>
|
|
WhatsApp
|
|
<!-- <img src="public/whatsapp.png" alt="whatsapp" width="30px" height="30px"> -->
|
|
</a>
|
|
<a
|
|
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
|
|
href="mailto:m@m.id"
|
|
target="_blank"
|
|
>
|
|
EMAIL
|
|
<!-- <img src="public/mail-outline.png" alt="email" width="30px" height="30px"> -->
|
|
</a>
|
|
<a
|
|
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
|
|
href="https://maps.app.goo.gl/xsy3BKUTqANxSQdLA"
|
|
target="_blank"
|
|
>
|
|
LOCATION
|
|
<!-- <img src="public/placeholder.png" alt="location" width="30px" height="30px"> -->
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</main>
|
|
<script type="text/javascript">
|
|
const firstSection = document.querySelector(".page-section");
|
|
const header = document.querySelector(".header");
|
|
const mobileOverlayNav = document.querySelector(".header-menu");
|
|
const sectionBackground = firstSection
|
|
? firstSection.querySelector(".section-background")
|
|
: null;
|
|
const headerHeight = header ? header.getBoundingClientRect().height : 0;
|
|
const firstSectionHasBackground = firstSection
|
|
? firstSection.className.indexOf("has-background") >= 0
|
|
: false;
|
|
const isFirstSectionInset = firstSection
|
|
? firstSection.className.indexOf("background-width--inset") >= 0
|
|
: false;
|
|
const isLayoutEngineSection = firstSection
|
|
? firstSection.className.indexOf("layout-engine-section") >= 0
|
|
: false;
|
|
|
|
if (firstSection) {
|
|
firstSection.style.paddingTop = headerHeight + "px";
|
|
}
|
|
if (sectionBackground && isLayoutEngineSection) {
|
|
if (isFirstSectionInset) {
|
|
sectionBackground.style.top = headerHeight + "px";
|
|
} else {
|
|
sectionBackground.style.top = "";
|
|
}
|
|
}
|
|
//# sourceURL=headerPositioning.js
|
|
</script>
|
|
|
|
<footer class="sections" id="footer-sections" data-footer-sections>
|
|
<section
|
|
data-test="page-section"
|
|
data-section-theme="light"
|
|
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
|
|
data-section-id="62bd622d9f5c9a0a620bdc37"
|
|
data-controller="SectionWrapperController"
|
|
data-current-styles='{
|
|
"imageOverlayOpacity": 0.15,
|
|
"backgroundWidth": "background-width--full-bleed",
|
|
"sectionHeight": "section-height--custom",
|
|
"customSectionHeight": 0,
|
|
"horizontalAlignment": "horizontal-alignment--center",
|
|
"verticalAlignment": "vertical-alignment--middle",
|
|
"contentWidth": "content-width--wide",
|
|
"customContentWidth": 50,
|
|
"sectionTheme": "light",
|
|
"sectionAnimation": "none",
|
|
"backgroundMode": "image"
|
|
}'
|
|
data-current-context='{
|
|
"video": {
|
|
"playbackSpeed": 0.5,
|
|
"filter": 1,
|
|
"filterStrength": 0,
|
|
"zoom": 0,
|
|
"videoSourceProvider": "none"
|
|
},
|
|
"backgroundImageId": null,
|
|
"backgroundMediaEffect": null,
|
|
"divider": null,
|
|
"typeName": "page"
|
|
}'
|
|
data-animation="none"
|
|
data-fluid-engine-section
|
|
>
|
|
<div class="section-border">
|
|
<div class="section-background"></div>
|
|
</div>
|
|
<div
|
|
class="content-wrapper"
|
|
style="
|
|
padding-top: calc(0vmax / 10);
|
|
padding-bottom: calc(0vmax / 10);
|
|
"
|
|
>
|
|
<div class="content">
|
|
<div data-fluid-engine="true">
|
|
<style>
|
|
.fe-62bd622d9f5c9a0a620bdc36 {
|
|
--grid-gutter: calc(
|
|
var(--sqs-mobile-site-gutter, 6vw) - 11px
|
|
);
|
|
--cell-max-width: calc(
|
|
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) / 8
|
|
);
|
|
|
|
display: grid;
|
|
position: relative;
|
|
grid-area: 1/1/-1/-1;
|
|
grid-template-rows: repeat(29, minmax(24px, auto));
|
|
grid-template-columns:
|
|
minmax(var(--grid-gutter), 1fr)
|
|
repeat(8, minmax(0, var(--cell-max-width)))
|
|
minmax(var(--grid-gutter), 1fr);
|
|
row-gap: 11px;
|
|
column-gap: 11px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.background-width--inset .fe-62bd622d9f5c9a0a620bdc36 {
|
|
--inset-padding: calc(var(--sqs-site-gutter) * 2);
|
|
}
|
|
|
|
.fe-62bd622d9f5c9a0a620bdc36 {
|
|
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
|
|
--cell-max-width: calc(
|
|
(var(--sqs-site-max-width, 1500px) - (11px * (24 - 1))) /
|
|
24
|
|
);
|
|
--inset-padding: 0vw;
|
|
|
|
--row-height-scaling-factor: 0.0215;
|
|
--container-width: min(
|
|
var(--sqs-site-max-width, 1500px),
|
|
calc(
|
|
100vw - var(--sqs-site-gutter, 4vw) * 2 -
|
|
var(--inset-padding)
|
|
)
|
|
);
|
|
|
|
grid-template-rows: repeat(
|
|
17,
|
|
minmax(
|
|
calc(
|
|
var(--container-width) *
|
|
var(--row-height-scaling-factor)
|
|
),
|
|
auto
|
|
)
|
|
);
|
|
grid-template-columns:
|
|
minmax(var(--grid-gutter), 1fr)
|
|
repeat(24, minmax(0, var(--cell-max-width)))
|
|
minmax(var(--grid-gutter), 1fr);
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100 {
|
|
grid-area: 2/2/14/7;
|
|
z-index: 5;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100 {
|
|
grid-area: 3/17/13/22;
|
|
z-index: 6;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4342100
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-418c897f0b833d2b49e2 {
|
|
grid-area: 2/7/8/10;
|
|
z-index: 0;
|
|
}
|
|
|
|
.fe-block-418c897f0b833d2b49e2 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-418c897f0b833d2b49e2 .sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-418c897f0b833d2b49e2 {
|
|
grid-area: 3/22/6/25;
|
|
z-index: 0;
|
|
}
|
|
|
|
.fe-block-418c897f0b833d2b49e2 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-418c897f0b833d2b49e2
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231 {
|
|
grid-area: 15/2/19/10;
|
|
z-index: 5;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231 {
|
|
grid-area: 3/12/6/17;
|
|
z-index: 6;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656654191665_3170231
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511 {
|
|
grid-area: 24/1/30/11;
|
|
z-index: 1;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block {
|
|
justify-content: center;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: center;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511 {
|
|
grid-area: 11/1/18/27;
|
|
z-index: 1;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block {
|
|
justify-content: center;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1657082061136_1082511
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983 {
|
|
grid-area: 19/2/25/10;
|
|
z-index: 4;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block {
|
|
justify-content: center;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: center;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983 {
|
|
grid-area: 1/2/9/9;
|
|
z-index: 4;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block {
|
|
justify-content: center;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4328983
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723 {
|
|
grid-area: 25/2/27/10;
|
|
z-index: 2;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723 {
|
|
grid-area: 9/2/10/12;
|
|
z-index: 3;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block {
|
|
justify-content: center;
|
|
}
|
|
|
|
.fe-block-yui_3_17_2_1_1656617696881_4318723
|
|
.sqs-block-alignment-wrapper {
|
|
align-items: center;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="fluid-engine fe-62bd622d9f5c9a0a620bdc36">
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656617696881_4342100"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656617696881_4342100"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h4 style="white-space: pre-wrap">
|
|
<strong>CONTACT</strong>
|
|
</h4>
|
|
<p class="" style="white-space: pre-wrap">(021) 39730981<br />info@empatnusabangsa.com</p>
|
|
</div>
|
|
|
|
<style>
|
|
#block-yui_3_17_2_1_1656617696881_4342100 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fe-block fe-block-418c897f0b833d2b49e2">
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-418c897f0b833d2b49e2"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h4 style="text-align: right; white-space: pre-wrap">
|
|
<strong>SUPPORT</strong>
|
|
</h4>
|
|
<p
|
|
style="text-align: right; white-space: pre-wrap"
|
|
class="sqsrte-small"
|
|
>
|
|
<a href="contact.html">CONTACT</a>
|
|
</p>
|
|
<p
|
|
style="text-align: right; white-space: pre-wrap"
|
|
class="sqsrte-small"
|
|
>
|
|
<a href="about.html">ABOUT</a>
|
|
</p>
|
|
</div>
|
|
|
|
<style>
|
|
#block-418c897f0b833d2b49e2 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656654191665_3170231"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656654191665_3170231"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h4 style="white-space: pre-wrap"> <strong>ADDRESS</strong>
|
|
</h4>
|
|
<p class="" style="white-space: pre-wrap"><span class="sqsrte-text-color--accent" ><strong>The H Tower</strong></span><span class="sqsrte-text-color--white">,</span> <br />Lt. 12 A lot G, Jl. Rasuna Said,Kuningan,<br>Jakarta Selatan<br><br><span class="sqsrte-text-color--accent"
|
|
><strong>Jl. Inspeksi Kalimalang</strong></span>,<br>Ruko Taman Bougenville Blok A/40, Bekasi,<br>Jawa Barat<br><br><span
|
|
class="sqsrte-text-color--accent" ><strong>Hanjuang VII No.88</strong></span>,<br>RT008/RW008,Jatibening Baru,Pondok Gede,Bekasi,Jawa<br>Barat 17412</p>
|
|
</div>
|
|
|
|
|
|
|
|
<style>
|
|
#block-yui_3_17_2_1_1656654191665_3170231 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1657082061136_1082511"
|
|
>
|
|
<div
|
|
class="sqs-block image-block sqs-block-image sqs-stretched"
|
|
data-aspect-ratio="18.40277777777778"
|
|
data-block-type="5"
|
|
id="block-yui_3_17_2_1_1657082061136_1082511"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div
|
|
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
|
|
data-test="image-block-fluid-outer-wrapper"
|
|
>
|
|
<div
|
|
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
|
|
data-animation-role="image"
|
|
>
|
|
<div
|
|
class="fluid-image-container sqs-image-content"
|
|
style="
|
|
overflow: hidden;
|
|
-webkit-mask-image: -webkit-radial-gradient(
|
|
white,
|
|
black
|
|
);
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
"
|
|
>
|
|
<div class="content-fill">
|
|
<img
|
|
data-stretch="true"
|
|
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png"
|
|
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png"
|
|
data-image-dimensions="2500x751"
|
|
data-image-focal-point="0.4959016393442623,0.0"
|
|
alt=""
|
|
data-load="false"
|
|
elementtiming="system-image-block"
|
|
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png"
|
|
width="2500"
|
|
height="751"
|
|
alt=""
|
|
sizes="100vw"
|
|
style="
|
|
display: block;
|
|
object-fit: cover;
|
|
object-position: 49.59016393442623% 0%;
|
|
"
|
|
srcset="
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=100w 100w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=300w 300w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=500w 500w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=750w 750w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=1000w 1000w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=1500w 1500w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=2500w 2500w
|
|
"
|
|
loading="lazy"
|
|
decoding="async"
|
|
data-loader="sqs"
|
|
/>
|
|
|
|
<div class="fluidImageOverlay"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.sqs-block-image .sqs-block-content {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656617696881_4328983"
|
|
>
|
|
<div
|
|
class="sqs-block image-block sqs-block-image sqs-stretched"
|
|
data-block-type="5"
|
|
id="block-yui_3_17_2_1_1656617696881_4328983"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div
|
|
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
|
|
data-test="image-block-fluid-outer-wrapper"
|
|
>
|
|
<div
|
|
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
|
|
data-animation-role="image"
|
|
>
|
|
<div
|
|
class="fluid-image-container sqs-image-content"
|
|
style="
|
|
overflow: hidden;
|
|
-webkit-mask-image: -webkit-radial-gradient(
|
|
white,
|
|
black
|
|
);
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
"
|
|
>
|
|
<div class="content-fit">
|
|
<img
|
|
data-stretch="false"
|
|
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png"
|
|
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png"
|
|
data-image-dimensions="1075x783"
|
|
data-image-focal-point="0.5,0.5"
|
|
alt=""
|
|
data-load="false"
|
|
elementtiming="system-image-block"
|
|
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png"
|
|
width="1075"
|
|
height="783"
|
|
alt=""
|
|
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 29.166666666666668vw"
|
|
style="
|
|
display: block;
|
|
object-fit: contain;
|
|
object-position: 50% 50%;
|
|
"
|
|
srcset="
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=100w 100w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=300w 300w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=500w 500w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=750w 750w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=1000w 1000w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=1500w 1500w,
|
|
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=2500w 2500w
|
|
"
|
|
loading="lazy"
|
|
decoding="async"
|
|
data-loader="sqs"
|
|
/>
|
|
|
|
<div class="fluidImageOverlay"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.sqs-block-image .sqs-block-content {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="fe-block fe-block-yui_3_17_2_1_1656617696881_4318723"
|
|
>
|
|
<div
|
|
class="sqs-block html-block sqs-block-html"
|
|
data-block-type="2"
|
|
id="block-yui_3_17_2_1_1656617696881_4318723"
|
|
>
|
|
<div class="sqs-block-content">
|
|
<div class="sqs-html-content">
|
|
<h5 style="white-space: pre-wrap"> ©2024 PT Empat Nusa Bangsa. All Rights Reserved.</h5>
|
|
</div>
|
|
|
|
<style>
|
|
#block-yui_3_17_2_1_1656617696881_4318723 {
|
|
}
|
|
</style>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
</div>
|
|
|
|
<script
|
|
defer="defer"
|
|
src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.118993f6a5b4c5a1876f41b7ceda12fd.js"
|
|
type="text/javascript"
|
|
></script>
|
|
</body>
|
|
</html>
|