:root {
--p-button-label-font-weight: normal;
--p-button-border-radius: 4px;
--p-button-primary-color: #fff;
--p-button-primary-background: #cc0000;
--p-button-primary-border-color: #cc0000;
--p-button-primary-hover-color: #fff;
--p-button-primary-hover-background: #990000;
--p-button-primary-hover-border-color: #990000;
--p-button-primary-active-color: #fff;
--p-button-primary-active-background: #000;
--p-button-primary-active-border-color: #000;
--p-button-secondary-color: #fff;
--p-button-secondary-background: var(--p-slate-400);
--p-button-secondary-border-color: var(--p-slate-400);
--p-button-secondary-hover-color: #fff;
--p-button-secondary-hover-background: var(--p-slate-500);
--p-button-secondary-hover-border-color: var(--p-slate-500);
--p-button-secondary-active-color: #fff;
--p-button-secondary-active-background: #000;
--p-button-secondary-active-border-color: #000;
--p-button-contrast-color: #fff;
--p-button-contrast-background: var(--p-slate-600);
--p-button-contrast-border-color: var(--p-slate-600);
--p-button-contrast-hover-color: #fff;
--p-button-contrast-hover-background: var(--p-slate-700);
--p-button-contrast-hover-border-color: var(--p-slate-700);
--p-button-contrast-active-color: #fff;
--p-button-contrast-active-background: #000;
--p-button-contrast-active-border-color: #000;
--p-button-outlined-primary-color: #cc0000;
--p-button-outlined-primary-border-color: #cc0000;
--p-button-outlined-primary-hover-background: var(--p-slate-100);
--p-button-outlined-primary-active-background: var(--p-slate-200);
--p-button-outlined-secondary-color: var(--p-slate-500);
--p-button-outlined-secondary-border-color: var(--p-slate-500);
--p-button-outlined-secondary-hover-background: var(--p-slate-100);
--p-button-outlined-secondary-active-background: var(--p-slate-200);
--p-button-outlined-contrast-color: var(--p-slate-800);
--p-button-outlined-contrast-border-color: var(--p-slate-800);
--p-button-outlined-contrast-hover-background: var(--p-slate-100);
--p-button-outlined-contrast-active-background: var(--p-slate-200);
--p-dialog-border-radius: 4px;
--p-select-option-focus-background: var(--p-slate-100);
--p-select-option-selected-background: var(--p-slate-200);
--p-select-option-selected-focus-background: var(--p-slate-300);
--p-message-text-sm-font-size: 1rem;
--p-inputtext-padding-x: 10px;
--p-inputtext-padding-y: 7px;
--p-inputtext-border-radius: 0px;
--p-inputtext-border-color: var(--p-slate-400);
--p-textarea-border-color: var(--p-slate-400);
--p-select-border-color: var(--p-slate-400);
--p-inputgroup-addon-border-radius: 0px;
--p-select-border-radius: 0px;
--p-form-field-border-radius:0px;
--p-badge-primary-background: #cc0000;
--p-badge-secondary-background: var(--p-slate-400);
--p-message-text-font-weight: 400;
--p-message-text-sm-font-size: 0.9rem;
--p-primary-color: var(--p-slate-500);
--p-primary-hover-color: var(--p-slate-500);
}
@font-face {
font-family: "primeicons";
font-display: block;
src: url("/content/fonts/primeicons.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Neo Sans Pro";
src: url("/content/fonts/NeoSansPro-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neo Sans Pro";
src: url("/content/fonts/NeoSansPro-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neo Sans Pro";
src: url("/content/fonts/NeoSansPro-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neo Sans Pro";
src: url("/content/fonts/NeoSansPro-Bold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("/content/fonts/SourceSans3-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("/content/fonts/SourceSans3-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("/content/fonts/SourceSans3-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Condensed";
src: url("/content/fonts/RobotoCondensed-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Condensed";
src: url("/content/fonts/RobotoCondensed-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Condensed";
src: url("/content/fonts/RobotoCondensed-Bold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
.branding {
background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTEyIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMjkuNjMzIDE1Ljg3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi4wOS41M1MuNTcuNTMuNTcgMi4wNDh2Ny45NzhoMjYuOTc1czEuNTIgMCAxLjUyLTEuNTJWLjUzeiIgZmlsbD0iIzRkNGQ0ZCIvPjxwYXRoIGQ9Ik0yLjA5IDEwLjU5N3MtMS41MiAwLTEuNTIgMS41MnYzLjIyOWgyNi45NzVzMS41MiAwIDEuNTItMS41MnYtMy4yM3oiIGZpbGw9IiNjMDAiLz48cGF0aCBkPSJNNS43NjggNi41NDZoLS45MzFjLS40ODQgMC0uNTI3LS4xMTItLjUyNy0uNDM0VjMuNDg3YS4xNjMuMTYzIDAgMCAwLS4xNjMtLjE2M0gzLjlhLjE2My4xNjMgMCAwIDAtLjE2NC4xNjN2Mi42MjRjMCAuODUuNTU0Ljk2NSAxLjA5NS45NjUuNDM1IDAgLjgwOC0uMDIyLjk1Mi0uMDQ1LjA2NS0uMDEuMTA0LS4wNzYuMTA0LS4xMzN2LS4yMjdjMC0uMDcyLS4wNS0uMTI1LS4xMi0uMTI1TTguNTI0IDMuMzJjLS4yMTEtLjAyLS42OC0uMDMtLjk0Ny0uMDMtLjc0NiAwLTEuMDk0LjMwNy0xLjA5NC45NjV2MS44NTdjMCAuNjU5LjM0OC45NjUgMS4wOTQuOTY1LjEyIDAgLjcyNy0uMDAxLjk1Mi0uMDI1LjA2NS0uMDEuMTA0LS4wNzcuMTA0LS4xMzR2LS4yNDZjMC0uMDcyLS4wNS0uMTI1LS4xMi0uMTI1aC0uOTNjLS40ODQgMC0uNTI3LS4xMTItLjUyNy0uNDM1di0uNzQzSDguNDdjLjA5IDAgLjE2My0uMDczLjE2My0uMTYzdi0uMTgzYS4xNjMuMTYzIDAgMCAwLS4xNjMtLjE2NEg3LjA1NnYtLjYwNGMwLS4zMjIuMDQzLS40MzQuNTI2LS40MzRoLjkzMWMuMDcgMCAuMTItLjA1My4xMi0uMTI1di0uMjQxYzAtLjA1OC0uMDM5LS4xMjMtLjEwOS0uMTM1bTIuMzU5IDEuNjgzLS40NDQtLjI2NWMtLjM4Ny0uMjM0LS40OTMtLjM0Ny0uNDkzLS41MjYgMC0uMjYuMS0uMzkyLjY0Mi0uMzkyLjI3OCAwIC42MTUuMDE1LjgyNS4wM2guMDE1YS4xNC4xNCAwIDAgMCAuMTQ4LS4xNDV2LS4yMDdjMC0uMDM2LS4wMTMtLjEyMy0uMTM4LS4xNDhhNyA3IDAgMCAwLS44NS0uMDZjLTEuMDA4IDAtMS4yMi41MDItMS4yMi45MjIgMCAuNDQ0LjI3OS43MDQuNjk4Ljk2bC40NjcuMjg0Yy40NC4yNy41NDguMzg2LjU0OC41OSAwIC4yNi0uMDgxLjUwMS0uNjY3LjUwMWExMiAxMiAwIDAgMS0uNzk2LS4wMjhoLS4wMTRjLS4wODggMC0uMTUuMDU5LS4xNS4xNDR2LjE5M2MwIC4xMDUuMDU3LjEzNy4xNDkuMTUzYTUgNSAwIDAgMCAuODExLjA2OGMxLjA5NiAwIDEuMjU5LS42NDYgMS4yNTktMS4wMzIgMC0uNDE3LS4yMTQtLjY5OS0uNzktMS4wNDJtMi43MzctMS4xNmMuMDEtLjAzNy4wMjItLjAzNy4wMzItLjAzNy4wMDUgMCAuMDE3IDAgLjAyNy4wMzhsLjQxNSAxLjUwMmgtLjg5em0uNTg0LS4xNDFjLS4xLS4zNTgtLjM4OS0uNDEtLjU1Mi0uNDFzLS40NTYuMDUzLS41NTcuNDE1bC0uODg3IDMuMTI4Yy0uMDEyLjAyNC0uMDEyLjA1LS4wMTIuMDY0IDAgLjA4MS4wNjUuMTQ0LjE0OS4xNDRoLjI4NGEuMTYuMTYgMCAwIDAgLjE1Mi0uMTJsLjI5NS0xLjA2MWgxLjE0OGwuMjk5IDEuMDU4Yy4wMTguMDc0LjA3OC4xMjQuMTQ3LjEyNGguMjg0Yy4wODcgMCAuMTUtLjA2LjE1LS4xNDQgMC0uMDE1IDAtLjA0LS4wMDgtLjA1M3ptNC4xNTItLjM3N2gtLjI1NWEuMTYuMTYgMCAwIDAtLjE1NC4xNTh2Mi41NzlsLTEuMzctMi42MDVjLS4wNTUtLjEwNC0uMTEtLjEzMi0uMjU3LS4xMzJoLS4yNjVhLjIwMy4yMDMgMCAwIDAtLjIwNy4yMDJ2My4zOTFjMCAuMDM4LjAxNS4xMjUuMTU0LjEyNWguMjVhLjE2LjE2IDAgMCAwIC4xNTUtLjE1OFY0LjNsMS4zODMgMi42MjdjLjAzNi4wNzMuMTE0LjExNC4yMTQuMTE0aC4zYS4yMDcuMjA3IDAgMCAwIC4yMDYtLjIwN1YzLjQ4MmEuMTU1LjE1NSAwIDAgMC0uMTU0LS4xNThtMi4xODEgMy4yNDJjLS4xOTcgMC0uMzM2IDAtLjQ2OC0uMDA2VjMuODFhOCA4IDAgMCAxIC40NjgtLjAxYy42NTIgMCAuOTU2LjMzNS45NTYgMS4wNTZ2LjY1MmMwIC43MjEtLjMwNCAxLjA1Ny0uOTU2IDEuMDU3bTAtMy4yNzZjLS4zNzcgMC0uNzQ5LjAyNS0uODg4LjA0OWEuMTguMTggMCAwIDAtLjE1OC4xODdWNi44NGMwIC4xMDIuMDU5LjE3Mi4xNTcuMTg3LjE0LjAyNC41MTIuMDQ5Ljg5LjA0OS45ODUgMCAxLjUyOC0uNTU2IDEuNTI4LTEuNTY3di0uNjUyYzAtMS4wMS0uNTQzLTEuNTY3LTEuNTI5LTEuNTY3bTMuNjk2IDMuMjU2Yy0uNTQzIDAtLjc5Ny0uMzM0LS43OTctMS4wNTJ2LS42MjJjMC0uNzA4LjI2LTEuMDUyLjc5Ny0xLjA1Mi41NCAwIC43OTIuMzM0Ljc5MiAxLjA1MnYuNjIyYzAgLjcwOC0uMjYgMS4wNTItLjc5MiAxLjA1Mm0wLTMuMjU2Yy0uNTEzIDAtMS4zNzUuMjA1LTEuMzc1IDEuNTgydi42MjJjMCAxLjM3Ni44NjIgMS41ODIgMS4zNzUgMS41ODIuODgzIDAgMS4zNy0uNTYyIDEuMzctMS41ODJ2LS42MjJjMC0xLjAyLS40ODctMS41ODItMS4zNy0xLjU4Mm0yLjE4NS4zNDZjMC0uMDcxLS4wNDItLjA5Ni0uMTQtLjA5NmgtLjA4MnYuMmwuMDgyLjAwMmMuMSAwIC4xNC0uMDI3LjE0LS4wOTh6bS4wODkuNDNoLS4wNXEtLjAxNS0uMDAxLS4wMjItLjAxNGwtLjE0NC0uMjI4LS4wMjEtLjAwNWgtLjA3MnYuMjIxYzAgLjAxMi0uMDEuMDI3LS4wMjUuMDI3aC0uMDQ0Yy0uMDE1IDAtLjAyMy0uMDE1LS4wMjMtLjAyN1YzLjVxMC0uMDM0LjAzMi0uMDM5YTIgMiAwIDAgMSAuMTM1LS4wMDVjLjE0OCAwIC4yMzQuMDQ0LjIzNC4xOHYuMDA3YzAgLjA5MS0uMDQ0LjE0LS4xMi4xNjFsLjEzOC4yMjMuMDAzLjAxNmMwIC4wMTMtLjAwNS4wMjQtLjAyMS4wMjRtLS4yMDQtLjcwNmEuNDA3LjQwNyAwIDAgMC0uNDA1LjQxLjQwNy40MDcgMCAwIDAgLjgxNCAwIC40MS40MSAwIDAgMC0uNDA5LS40MW0wIC44ODhhLjQ3Ny40NzcgMCAwIDEtLjQ4LS40NzkuNDguNDggMCAwIDEgLjk2MiAwIC40OC40OCAwIDAgMS0uNDgyLjQ3OSIgZmlsbD0iI2ZmZiIvPjxnIGZpbGw9IiNmOWY5ZjkiIGZvbnQtZmFtaWx5PSInTmVvIFNhbnMgUHJvJyIgZm9udC1zaXplPSI4LjgiIGxldHRlci1zcGFjaW5nPSIxLjA1IiBzdHJva2Utd2lkdGg9IjQ1LjM1NCI+PHRleHQgeD0iMTMuMzE0IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPk48L3RleHQ+PHRleHQgeD0iMjAuMzQ4IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkE8L3RleHQ+PHRleHQgeD0iMjYuMTc2IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPlQ8L3RleHQ+PHRleHQgeD0iMzIuNDE4IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPlU8L3RleHQ+PHRleHQgeD0iMzkuMjk0IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPlU8L3RleHQ+PHRleHQgeD0iNDYuMTY5IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPlI8L3RleHQ+PHRleHQgeD0iNTIuNzE5IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkw8L3RleHQ+PHRleHQgeD0iNTguMjkyIiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkk8L3RleHQ+PHRleHQgeD0iNjEuNjkyIiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPko8L3RleHQ+PHRleHQgeD0iNjUuMDA0IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPks8L3RleHQ+PHRleHQgeD0iNzEuMzk1IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPi48L3RleHQ+PHRleHQgeD0iNzcuNTUyIiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkw8L3RleHQ+PHRleHQgeD0iODIuOTQ5IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkU8L3RleHQ+PHRleHQgeD0iODguODQ4IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPkU8L3RleHQ+PHRleHQgeD0iOTQuNzQ3IiB5PSI1My41NzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOTcgLjIyMSlzY2FsZSguMjUxMykiPk08L3RleHQ+PHRleHQgeD0iMTAyLjQ5MyIgeT0iNTMuNTcyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMTk3IC4yMjEpc2NhbGUoLjI1MTMpIj4uPC90ZXh0PjwvZz48L3N2Zz4=");
background-repeat: no-repeat;
}
.icon {
mask-position: 50% 50%;
-webkit-mask-position: 50% 50%;
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.icon.account {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.check {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.chevron-down {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.chevron-left {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.chevron-right {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.chevron-up {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.copy {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.delete {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.download {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.drag {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.edit {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.erase {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.excel {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.filter {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.flip-horizontal {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.import {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.information {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.link {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.logout {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.minus {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.minus-circle-outline {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.minus-square-outline {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.plus {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.plus-circle-outline {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.plus-square-outline {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.rotate-left {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.rotate-right {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.save {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.sort {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.text {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.trash {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.upload {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.view-list {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
.icon.view-grid {
mask-image: url("data:image/svg+xml;utf8, ");
-webkit-mask-image: url("data:image/svg+xml;utf8, ");
}
span.icon {
display: block;
width: 24px;
height: 24px;
}
.p-button {
/*
button with label and icon
button with icon only
*/
cursor: pointer;
}
.p-button span.icon {
width: 24px;
height: 24px;
background-color: var(--p-button-primary-color);
}
.p-button.p-button-outlined {
border-color: var(--p-button-outlined-primary-color);
}
.p-button.p-button-outlined span.icon {
background-color: var(--p-button-outlined-primary-color);
}
.p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-primary-color);
}
.p-button.p-button-secondary span.icon {
background-color: var(--p-button-secondary-color);
}
.p-button.p-button-secondary.p-button-outlined {
border-color: var(--p-button-outlined-secondary-color);
}
.p-button.p-button-secondary.p-button-outlined span.icon {
background-color: var(--p-button-outlined-secondary-color);
}
.p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button.p-button-secondary.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-secondary-color);
}
.p-button.p-button-success span.icon {
background-color: var(--p-button-success-color);
}
.p-button.p-button-success.p-button-outlined {
border-color: var(--p-button-outlined-success-color);
}
.p-button.p-button-success.p-button-outlined span.icon {
background-color: var(--p-button-outlined-success-color);
}
.p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button.p-button-success.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-success-color);
}
.p-button.p-button-warn span.icon {
background-color: var(--p-button-warn-color);
}
.p-button.p-button-warn.p-button-outlined {
border-color: var(--p-button-outlined-warn-color);
}
.p-button.p-button-warn.p-button-outlined span.icon {
background-color: var(--p-button-outlined-warn-color);
}
.p-button.p-button-warn.p-button-outlined:not(:disabled):hover, .p-button.p-button-warn.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-warn-color);
}
.p-button.p-button-danger span.icon {
background-color: var(--p-button-danger-color);
}
.p-button.p-button-danger.p-button-outlined {
border-color: var(--p-button-outlined-danger-color);
}
.p-button.p-button-danger.p-button-outlined span.icon {
background-color: var(--p-button-outlined-danger-color);
}
.p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button.p-button-danger.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-danger-color);
}
.p-button.p-button-info span.icon {
background-color: var(--p-button-info-color);
}
.p-button.p-button-info.p-button-outlined {
border-color: var(--p-button-outlined-info-color);
}
.p-button.p-button-info.p-button-outlined span.icon {
background-color: var(--p-button-outlined-info-color);
}
.p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button.p-button-info.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-info-color);
}
.p-button.p-button-help span.icon {
background-color: var(--p-button-help-color);
}
.p-button.p-button-help.p-button-outlined {
border-color: var(--p-button-outlined-help-color);
}
.p-button.p-button-help.p-button-outlined span.icon {
background-color: var(--p-button-outlined-help-color);
}
.p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button.p-button-help.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-help-color);
}
.p-button.p-button-contrast span.icon {
background-color: var(--p-button-contrast-color);
}
.p-button.p-button-contrast.p-button-outlined {
color: var(--p-button-outlined-contrast-color);
border-color: var(--p-button-outlined-contrast-color);
}
.p-button.p-button-contrast.p-button-outlined span.icon {
background-color: var(--p-button-outlined-contrast-color);
}
.p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button.p-button-contrast.p-button-outlined:not(:disabled):active {
border-color: var(--p-button-outlined-contrast-color);
}
.p-button.p-button-icon-only {
padding: 4px;
}
.p-button.p-button-icon-only span.icon {
width: 32px;
height: 32px;
}
.p-button.p-button-lg span.icon {
width: 24px;
height: 24px;
}
.p-button.p-button-sm span.icon {
width: 20px;
height: 20px;
}
.p-button.p-button-icon-only.p-button-sm {
padding: 4px 2px;
}
.p-button.p-button-icon-only.p-button-sm span.icon {
width: 20px;
height: 20px;
}
span.icon {
/*
*/
display: inline-block;
width: 24px;
height: 24px;
padding: 2px;
background-color: #333;
cursor: pointer;
}
span.icon.small {
width: 20px;
height: 20px;
}
span.icon.large {
width: 32px;
height: 32px;
}
span.icon:hover {
background-color: var(--p-button-outlined-info-color);
}
span.icon.success {
background-color: var(--p-button-outlined-success-color);
}
span.icon.warn {
background-color: var(--p-button-outlined-warn-color);
}
span.icon.danger {
background-color: var(--p-button-outlined-danger-color);
}
.lang-icon {
background: transparent no-repeat 0 0;
background-size: contain;
}
.lang-icon.nl {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.en {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.de {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.fr {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.es {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.it {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.pt {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.pl {
background-image: url('data:image/svg+xml, ');
}
.lang-icon.tr {
background-image: url('data:image/svg+xml, ');
}
div.loading-mask {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100% !important;
z-index: 10001;
background-color: rgba(255, 255, 255, 0.6);
display: none;
grid-template-columns: 1fr;
place-items: center;
}
div.loading-mask div.progress-spinner svg {
width: 72px;
height: 72px;
fill: rgba(0, 0, 0, 0.2);
transform-origin: center;
animation: spinner 0.75s linear infinite;
}
@keyframes spinner {
100% {
transform: rotate(360deg);
}
}
/* buttons */
a.p-button {
text-decoration: none;
}
a.p-button:focus, a.p-button:hover {
text-decoration: none;
}
div.buttons {
margin: 15px 0;
}
div.buttons button.p-button {
margin: 0;
}
/* forms & fields */
input, input.input, input.p-inputtext {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
color: #bd6312;
}
@media (max-width: 1440px) {
input, input.input, input.p-inputtext {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
input, input.input, input.p-inputtext {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
input, input.input, input.p-inputtext {
font-size: 0.85rem;
}
}
input.p-invalid, input.input.p-invalid, input.p-inputtext.p-invalid {
color: #000;
background-color: var(--p-amber-100);
}
textarea.p-textarea {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
color: #bd6312;
}
@media (max-width: 1440px) {
textarea.p-textarea {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
textarea.p-textarea {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
textarea.p-textarea {
font-size: 0.85rem;
}
}
textarea.p-textarea.p-invalid {
/*padding: 8px 12px; background-color: $color-white-smoke; border-radius: 6px; border-color: $clr-border;*/
color: #000;
background-color: var(--p-amber-100);
}
span.p-select-label {
color: #4d4d4d;
}
.p-button {
padding: 7px 12px !important;
line-height: 1.5 !important;
}
.p-button.p-button-text {
color: #4d4d4d;
border-color: transparent;
background-color: transparent;
}
.p-button.p-button-text:not(:disabled):hover, .p-button.p-button-text:not(:disabled):focus {
color: #4d4d4d;
border-color: #4d4d4d;
background-color: transparent;
}
.p-button.btn-primary {
color: #fff;
border-color: #4d4d4d;
background-color: #4d4d4d;
}
.p-button.btn-primary:not(:disabled):hover, .p-button.btn-primary:not(:disabled):focus {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
}
.p-button.btn-primary.p-button-outlined {
color: #4d4d4d;
border-color: #4d4d4d;
background-color: transparent;
}
.p-button.btn-primary.p-button-outlined:not(:disabled):hover, .p-button.btn-primary.p-button-outlined:not(:disabled):focus {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
}
.p-button.btn-secondary {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
}
.p-button.btn-secondary:not(:disabled):hover, .p-button.btn-secondary:not(:disabled):focus {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
}
.p-button.btn-secondary.p-button-outlined {
color: #cc0000;
border-color: #cc0000;
background-color: transparent;
}
.p-button.btn-secondary.p-button-outlined:not(:disabled):hover, .p-button.btn-secondary.p-button-outlined:not(:disabled):focus {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
}
.p-button.p-scrolltop {
color: #fff;
border-color: #cc0000;
background-color: #cc0000;
margin: 5px;
right: 15px !important;
}
div.buttons.navigation {
margin-top: 30px;
}
div.buttons.navigation button {
margin-right: 10px;
}
@media (max-width: 599px) {
div.buttons.navigation button {
display: block;
margin: 0;
margin-bottom: 10px;
}
}
div.p-toast {
max-width: 90vw !important;
}
div.p-toast div {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
div.p-toast div {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
div.p-toast div {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
div.p-toast div {
font-size: 0.935rem;
}
}
div.field-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}
div.field-wrapper.two {
grid-template-columns: repeat(2, 1fr);
}
div.field-wrapper.three {
grid-template-columns: repeat(3, 1fr);
}
div.field-wrapper.four {
grid-template-columns: repeat(4, 1fr);
}
div.field-wrapper.five {
grid-template-columns: repeat(5, 1fr);
}
div.field-wrapper.six {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 599px) {
div.field-wrapper {
grid-template-columns: 1fr;
}
}
span.p-floatlabel {
margin-top: 30px;
}
ul.p-select-list li.option-small span {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
ul.p-select-list li.option-small span {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
ul.p-select-list li.option-small span {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
ul.p-select-list li.option-small span {
font-size: 0.85rem;
}
}
div.field {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 15px;
}
div.field label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
div.field label {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
div.field label {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
div.field label {
font-size: 0.935rem;
}
}
div.field small {
display: none;
}
div.field.error label {
color: #4d4d4d;
}
div.field.error small {
display: block;
color: #4d4d4d;
}
div.field.error input, div.field.error textarea, div.field.error div.p-select {
background: rgba(231, 76, 60, 0.1);
}
ul.key-value-pairs {
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom: 15px;
}
ul.key-value-pairs li {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 10px;
}
ul.key-value-pairs li div {
padding: 4px 2px;
}
ul.key-value-pairs li div:first-of-type {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
ul.key-value-pairs li div:first-of-type {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
ul.key-value-pairs li div:first-of-type {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
ul.key-value-pairs li div:first-of-type {
font-size: 0.935rem;
}
}
ul.key-value-pairs li:nth-of-type(odd) {
background-color: #f8fafc;
}
div.p-dialog {
border: none;
}
div.p-dialog div.p-dialog-header {
padding: 5px 15px;
padding-right: 5px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: var(--p-slate-600);
}
div.p-dialog div.p-dialog-header h2, div.p-dialog div.p-dialog-header span {
padding-bottom: 0;
color: #fff;
}
div.p-dialog div.p-dialog-header h2 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
div.p-dialog div.p-dialog-header h2 {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
div.p-dialog div.p-dialog-header h2 {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
div.p-dialog div.p-dialog-header h2 {
font-size: 0.935rem;
}
}
div.p-dialog div.p-dialog-header div.p-dialog-header-actions button.p-dialog-close-button {
color: #fff;
border-color: var(--p-slate-600);
}
div.p-dialog div.p-dialog-header div.p-dialog-header-actions button.p-dialog-close-button:hover, div.p-dialog div.p-dialog-header div.p-dialog-header-actions button.p-dialog-close-button:active {
color: #000;
border-color: var(--p-slate-600);
}
div.p-dialog div.p-dialog-content {
padding: 10px;
padding-top: 20px;
background-color: var(--p-slate-100);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
div.p-dialog.p-confirmdialog div.p-dialog-content {
padding: 15px;
}
div.p-dialog.p-confirmdialog div.p-dialog-content span {
padding: 0;
}
div.p-dialog.p-confirmdialog div.p-dialog-footer {
padding: 15px;
justify-content: center;
}
div.p-dialog.p-confirmdialog div.p-dialog-footer button {
margin: 0;
}
.list-item {
padding: 2px;
border-top: 1px solid #cc0000;
}
.list-item:nth-of-type(odd) {
background-color: var(--p-slate-100);
}
.list-item.active {
background-color: #cc0000;
}
.list-item.active a {
color: #4d4d4d;
}
span.p-tag.status-new {
color: #fff;
background-color: #cc0000;
}
span.p-tag.status-pending {
color: #000;
background-color: #cc0000;
}
span.p-tag.status-completed {
color: #fff;
background-color: #cc0000;
}
span.p-tag.priority-high {
color: #cc0000;
border-color: #cc0000;
background-color: #fff;
border: 1px solid;
}
span.p-tag.priority-medium {
color: var(--p-slate-200);
border-color: var(--p-slate-200);
background-color: #fff;
border: 1px solid;
}
span.p-tag.priority-low {
color: var(--p-slate-50);
border-color: var(--p-slate-50);
background-color: #fff;
border: 1px solid;
}
span.p-tag.due-date {
color: #cc0000;
border-color: #cc0000;
background-color: #fff;
border: 1px solid;
}
.ql-toolbar.ql-snow {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ql-container.ql-snow {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.ql-editor {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
color: #4d4d4d !important;
background-color: var(--p-slate-100) !important;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
@media (max-width: 1440px) {
.ql-editor {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
.ql-editor {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
.ql-editor {
font-size: 0.935rem;
}
}
body {
margin: 0;
min-height: 100vh;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
color: #333;
line-height: 1.5;
}
@media (max-width: 1440px) {
body {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
body {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
body {
font-size: 0.935rem;
}
}
main {
width: 100%;
min-height: calc(100vh - 60px - 40px);
z-index: 101;
}
section.module-wrapper {
background-color: var(--p-slate-100);
}
@media (min-width: 1280px) {
section.module-wrapper {
padding: 60px 0;
}
}
@media (max-width: 1279px) {
section.module-wrapper {
padding: 50px 0;
}
}
@media (max-width: 767px) {
section.module-wrapper {
padding: 30px 0;
}
}
a {
color: #cc0000;
text-decoration: none;
text-underline-position: under;
}
a:hover, a:focus {
text-decoration: underline;
}
h1 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.8rem;
line-height: 1.2;
color: #cc0000;
margin: 0;
padding-bottom: 20px;
}
@media (max-width: 1440px) {
h1 {
font-size: 1.71rem;
}
}
@media (max-width: 1280px) {
h1 {
font-size: 1.62rem;
}
}
@media (max-width: 1024px) {
h1 {
font-size: 1.53rem;
}
}
h2 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.6rem;
line-height: 1.25;
color: #cc0000;
margin: 0;
padding-bottom: 15px;
}
@media (max-width: 1440px) {
h2 {
font-size: 1.52rem;
}
}
@media (max-width: 1280px) {
h2 {
font-size: 1.44rem;
}
}
@media (max-width: 1024px) {
h2 {
font-size: 1.36rem;
}
}
h3 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
color: #cc0000;
margin: 0;
padding-bottom: 10px;
}
@media (max-width: 1440px) {
h3 {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
h3 {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
h3 {
font-size: 1.19rem;
}
}
h4 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
color: #333;
margin: 0;
padding-bottom: 10px;
}
@media (max-width: 1440px) {
h4 {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
h4 {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
h4 {
font-size: 1.02rem;
}
}
h2:not(:first-of-type), h3:not(:first-of-type) {
padding-top: 15px;
}
p {
margin-top: 0;
}
/* containers */
div.container {
margin: 0 auto;
padding: 0;
width: 100%;
}
@media (min-width: 1280px) {
div.container {
max-width: 1200px !important;
}
}
@media (max-width: 1279px) {
div.container {
max-width: calc(100vw - 80px);
}
}
@media (max-width: 767px) {
div.container {
max-width: calc(100vw - 20px);
}
}
header.default {
height: 60px;
background-color: var(--p-slate-200);
z-index: 101;
}
header.default div.header-topbar {
height: 60px;
width: 100%;
padding: 0;
padding-top: 10px;
display: grid;
grid-template-columns: 200px 1fr;
}
@media (max-width: 767px) {
header.default div.header-topbar {
grid-template-columns: 160px 1fr;
}
}
header.default div.header-topbar a.branding {
align-self: start;
width: 200px;
height: 80px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-size: contain;
background-position: 0 0;
}
@media (max-width: 767px) {
header.default div.header-topbar a.branding {
width: auto;
height: 60px;
}
}
header.default div.header-topbar div.header-navigation {
justify-self: end;
padding-top: 2px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
justify-items: end;
align-items: start;
}
header.default div.header-topbar div.header-navigation div.p-select {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
header.default div.header-topbar div.header-navigation div.p-select {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
header.default div.header-topbar div.header-navigation div.p-select {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
header.default div.header-topbar div.header-navigation div.p-select {
font-size: 0.85rem;
}
}
header.default div.header-topbar div.header-navigation button.cart-widget-toggle {
margin: 0;
padding: 9px !important;
}
header.default div.header-topbar div.header-navigation button.sidebar-toggle {
margin: 0;
padding: 5px !important;
}
header.default div.header-topbar div.header-navigation button.sidebar-toggle span.p-button-icon {
color: #4d4d4d;
font-size: 24px;
}
header.default div.header-topbar div.header-navigation button.sidebar-toggle:hover, header.default div.header-topbar div.header-navigation button.sidebar-toggle:focus {
background-color: #fff;
}
header.default div.header-topbar div.header-navigation button.sidebar-toggle:hover span.p-button-icon, header.default div.header-topbar div.header-navigation button.sidebar-toggle:focus span.p-button-icon {
color: #cc0000;
}
div.p-popover.notification-popover {
width: 90%;
max-width: 480px;
}
div.p-popover.notification-popover h4 {
margin: 0;
padding-bottom: 10px;
}
div.p-popover.notification-popover p {
margin: 0;
padding-bottom: 10px;
}
div.p-popover.notification-popover ul {
margin: 0;
padding-bottom: 10px;
}
div.p-popover.notification-popover a {
color: #cc0000;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
div.p-popover.notification-popover a {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
div.p-popover.notification-popover a {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
div.p-popover.notification-popover a {
font-size: 0.935rem;
}
}
footer.default {
height: 40px;
background-color: var(--p-slate-100);
z-index: 101;
}
footer.default section.footer-main div.content-wrapper {
display: grid;
justify-items: center;
padding: 10px 0;
}
footer.default section.footer-main div.content-wrapper div.footer-disclaimer {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
line-height: 20px;
}
@media (max-width: 1440px) {
footer.default section.footer-main div.content-wrapper div.footer-disclaimer {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
footer.default section.footer-main div.content-wrapper div.footer-disclaimer {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
footer.default section.footer-main div.content-wrapper div.footer-disclaimer {
font-size: 0.85rem;
}
}
/* account */
section.account {
min-height: inherit;
}
section.style-definitions {
min-height: inherit;
padding: 30px 0;
}
section.style-definitions div.font-definitions {
width: 100%;
max-width: 960px;
margin: 60px auto;
}
section.style-definitions div.font-definitions .a-h1 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.8rem;
line-height: 1.2;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-h1 {
font-size: 1.71rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-h1 {
font-size: 1.62rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-h1 {
font-size: 1.53rem;
}
}
section.style-definitions div.font-definitions .a-h2 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.6rem;
line-height: 1.25;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-h2 {
font-size: 1.52rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-h2 {
font-size: 1.44rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-h2 {
font-size: 1.36rem;
}
}
section.style-definitions div.font-definitions .a-h3 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-h3 {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-h3 {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-h3 {
font-size: 1.19rem;
}
}
section.style-definitions div.font-definitions .a-h4 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-h4 {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-h4 {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-h4 {
font-size: 1.02rem;
}
}
section.style-definitions div.font-definitions .a-h5 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-h5 {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-h5 {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-h5 {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.light {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 300;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.light {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.light {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.light {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.regular {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.regular {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.regular {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.regular {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.medium {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.medium {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.medium {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.medium {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.semibold {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.semibold {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.semibold {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.semibold {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.bold {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.bold {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.bold {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.bold {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-p.black {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-p.black {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-p.black {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-p.black {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .a-small {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-small {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-small {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-small {
font-size: 0.85rem;
}
}
section.style-definitions div.font-definitions .a-tiny {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .a-tiny {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .a-tiny {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .a-tiny {
font-size: 0.765rem;
}
}
section.style-definitions div.font-definitions .b-h1 {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 2.16rem;
line-height: 1.2;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-h1 {
font-size: 2.052rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-h1 {
font-size: 1.944rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-h1 {
font-size: 1.836rem;
}
}
section.style-definitions div.font-definitions .b-h2 {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.92rem;
line-height: 1.25;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-h2 {
font-size: 1.824rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-h2 {
font-size: 1.728rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-h2 {
font-size: 1.632rem;
}
}
section.style-definitions div.font-definitions .b-h3 {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.68rem;
line-height: 1.3;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-h3 {
font-size: 1.596rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-h3 {
font-size: 1.512rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-h3 {
font-size: 1.428rem;
}
}
section.style-definitions div.font-definitions .b-h4 {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.44rem;
line-height: 1.35;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-h4 {
font-size: 1.368rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-h4 {
font-size: 1.296rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-h4 {
font-size: 1.224rem;
}
}
section.style-definitions div.font-definitions .b-h5 {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.32rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-h5 {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-h5 {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-h5 {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: normal;
/* font size */
font-size: 1.32rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.light {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 300;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.light {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.light {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.light {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.regular {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: normal;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.regular {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.regular {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.regular {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.medium {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: normal;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.medium {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.medium {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.medium {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.semibold {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.semibold {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.semibold {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.semibold {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.bold {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.bold {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.bold {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.bold {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-p.black {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: 600;
/* font size */
font-size: 1.32rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-p.black {
font-size: 1.254rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-p.black {
font-size: 1.188rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-p.black {
font-size: 1.122rem;
}
}
section.style-definitions div.font-definitions .b-small {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: normal;
/* font size */
font-size: 1.2rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-small {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-small {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-small {
font-size: 1.02rem;
}
}
section.style-definitions div.font-definitions .b-tiny {
/* family, weight and line-height */
font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.4;
font-weight: normal;
/* font size */
font-size: 1.08rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .b-tiny {
font-size: 1.026rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .b-tiny {
font-size: 0.972rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .b-tiny {
font-size: 0.918rem;
}
}
section.style-definitions div.font-definitions .c-h1 {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.8rem;
line-height: 1.2;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-h1 {
font-size: 1.71rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-h1 {
font-size: 1.62rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-h1 {
font-size: 1.53rem;
}
}
section.style-definitions div.font-definitions .c-h2 {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.6rem;
line-height: 1.25;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-h2 {
font-size: 1.52rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-h2 {
font-size: 1.44rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-h2 {
font-size: 1.36rem;
}
}
section.style-definitions div.font-definitions .c-h3 {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-h3 {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-h3 {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-h3 {
font-size: 1.19rem;
}
}
section.style-definitions div.font-definitions .c-h4 {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-h4 {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-h4 {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-h4 {
font-size: 1.02rem;
}
}
section.style-definitions div.font-definitions .c-h5 {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-h5 {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-h5 {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-h5 {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.light {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 300;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.light {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.light {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.light {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.regular {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.regular {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.regular {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.regular {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.medium {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.medium {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.medium {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.medium {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.semibold {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.semibold {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.semibold {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.semibold {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.bold {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.bold {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.bold {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.bold {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-p.black {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: bold;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-p.black {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-p.black {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-p.black {
font-size: 0.935rem;
}
}
section.style-definitions div.font-definitions .c-small {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-small {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-small {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-small {
font-size: 0.85rem;
}
}
section.style-definitions div.font-definitions .c-tiny {
/* family, weight and line-height */
font-family: "Roboto Condensed", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
color: #333;
}
@media (max-width: 1440px) {
section.style-definitions div.font-definitions .c-tiny {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
section.style-definitions div.font-definitions .c-tiny {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
section.style-definitions div.font-definitions .c-tiny {
font-size: 0.765rem;
}
}
section.style-definitions div.color-palette {
width: 100%;
max-width: 960px;
margin: 60px auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px 45px;
}
section.style-definitions div.color-palette .color-1 {
background-color: #4d4d4d;
}
section.style-definitions div.color-palette .color-1-light {
background-color: #737373;
}
section.style-definitions div.color-palette .color-1-dark {
background-color: #272727;
}
section.style-definitions div.color-palette .color-2 {
background-color: #cc0000;
}
section.style-definitions div.color-palette .color-2-light {
background-color: #ff1a1a;
}
section.style-definitions div.color-palette .color-2-dark {
background-color: maroon;
}
section.style-definitions div.color-palette .color-3 {
background-color: #d9e3da;
}
section.style-definitions div.color-palette .color-3-light {
background-color: #f6f9f7;
}
section.style-definitions div.color-palette .color-3-dark {
background-color: #adc3af;
}
section.style-definitions div.color-palette .color-4 {
background-color: #bd6312;
}
section.style-definitions div.color-palette .color-4-light {
background-color: #eb8930;
}
section.style-definitions div.color-palette .color-4-dark {
background-color: #773e0b;
}
section.style-definitions div.color-palette .color-5 {
background-color: #3d6e0a;
}
section.style-definitions div.color-palette .color-5-light {
background-color: #64b410;
}
section.style-definitions div.color-palette .color-5-dark {
background-color: #162804;
}
section.style-definitions div.color-palette .color-6 {
background-color: #b2ad9a;
}
section.style-definitions div.color-palette .color-6-light {
background-color: #d3d0c5;
}
section.style-definitions div.color-palette .color-6-dark {
background-color: #918a6f;
}
section.style-definitions div.color-palette .color-7 {
background-color: #9b9491;
}
section.style-definitions div.color-palette .color-7-light {
background-color: #bfbbb9;
}
section.style-definitions div.color-palette .color-7-dark {
background-color: #756e6a;
}
section.style-definitions div.color-palette .color-8 {
background-color: #304768;
}
section.style-definitions div.color-palette .color-8-light {
background-color: #486b9c;
}
section.style-definitions div.color-palette .color-8-dark {
background-color: #182334;
}
section.style-definitions div.color-palette .color-9 {
background-color: #d2b595;
}
section.style-definitions div.color-palette .color-9-light {
background-color: #e9dacb;
}
section.style-definitions div.color-palette .color-9-dark {
background-color: #bb905f;
}
section.style-definitions div.color-palette .color-white-ghost {
background-color: var(--p-slate-50);
}
section.style-definitions div.color-palette .color-white-smoke {
background-color: var(--p-slate-100);
}
section.style-definitions div.color-palette .color-white-fog {
background-color: var(--p-slate-200);
}
section.style-definitions div.color-palette .color-grey-light {
background-color: var(--p-slate-300);
}
section.style-definitions div.color-palette .color-grey-medium {
background-color: var(--p-slate-400);
}
section.style-definitions div.color-palette .color-grey-dark {
background-color: var(--p-slate-600);
}
@media (max-width: 1279px) {
section.style-definitions div.color-palette {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1023px) {
section.style-definitions div.color-palette {
grid-template-columns: 1fr;
}
}
section.style-definitions div.color-palette div.color-item {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
section.style-definitions div.color-palette div.color-item div.shade div.swatch {
display: block;
width: 100%;
height: 50px;
}
section.style-definitions div.color-palette div.color-item div.shade div.label {
text-align: center;
font-size: 1rem;
}
section.style-definitions div.default-buttons {
width: 100%;
max-width: 960px;
margin: 60px auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
section.style-definitions div.default-buttons button.p-button.p-button-primary.hover {
background: var(--p-button-primary-hover-background);
border: 1px solid var(--p-button-primary-hover-border-color);
color: var(--p-button-primary-hover-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-primary.active {
background: var(--p-button-primary-active-background);
border: 1px solid var(--p-button-primary-active-border-color);
color: var(--p-button-primary-active-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-secondary.hover {
background: var(--p-button-secondary-hover-background);
border: 1px solid var(--p-button-secondary-hover-border-color);
color: var(--p-button-secondary-hover-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-secondary.active {
background: var(--p-button-secondary-active-background);
border: 1px solid var(--p-button-secondary-active-border-color);
color: var(--p-button-secondary-active-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-contrast.hover {
background: var(--p-button-contrast-hover-background);
border: 1px solid var(--p-button-contrast-hover-border-color);
color: var(--p-button-contrast-hover-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-contrast.active {
background: var(--p-button-contrast-active-background);
border: 1px solid var(--p-button-contrast-active-border-color);
color: var(--p-button-contrast-active-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-primary.hover {
background: var(--p-button-outlined-primary-hover-background);
border-color: var(--p-button-outlined-primary-border-color);
color: var(--p-button-outlined-primary-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-primary.active {
background: var(--p-button-outlined-primary-active-background);
border-color: var(--p-button-outlined-primary-border-color);
color: var(--p-button-outlined-primary-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-secondary.hover {
background: var(--p-button-outlined-secondary-hover-background);
border-color: var(--p-button-outlined-secondary-border-color);
color: var(--p-button-outlined-secondary-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-secondary.active {
background: var(--p-button-outlined-secondary-active-background);
border-color: var(--p-button-outlined-secondary-border-color);
color: var(--p-button-outlined-secondary-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-contrast.hover {
background: var(--p-button-outlined-contrast-hover-background);
border-color: var(--p-button-outlined-contrast-border-color);
color: var(--p-button-outlined-contrast-color);
}
section.style-definitions div.default-buttons button.p-button.p-button-outlined.p-button-contrast.active {
background: var(--p-button-outlined-contrast-active-background);
border-color: var(--p-button-outlined-contrast-border-color);
color: var(--p-button-outlined-contrast-color);
}
/* category */
section.category {
min-height: inherit;
}
section.category div.product-index {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media (max-width: 1024px) {
section.category div.product-index {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
section.category div.product-index {
grid-template-columns: 1fr;
}
}
.p-dialog.set-order-item div.item-wrapper.color {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 60px;
}
.p-dialog.set-order-item div.item-wrapper.color div.color-swatch div {
width: 100%;
height: 200px;
border: 2px solid var(--p-slate-600);
}
.p-dialog.set-order-item div.item-wrapper div.caption div.product-name {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
color: #cc0000;
margin-bottom: 15px;
}
@media (max-width: 1440px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.product-name {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.product-name {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.product-name {
font-size: 1.02rem;
}
}
.p-dialog.set-order-item div.item-wrapper div.caption div.prop {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 5px;
align-items: center;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop {
font-size: 0.85rem;
}
}
.p-dialog.set-order-item div.item-wrapper div.caption div.prop div.prop-label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop div.prop-label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop div.prop-label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.prop div.prop-label {
font-size: 0.85rem;
}
}
.p-dialog.set-order-item div.item-wrapper div.caption div.options {
margin-top: 15px;
}
.p-dialog.set-order-item div.item-wrapper div.caption div.options label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
color: #cc0000;
}
@media (max-width: 1440px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.options label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.options label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
.p-dialog.set-order-item div.item-wrapper div.caption div.options label {
font-size: 0.85rem;
}
}
.p-dialog.set-order-item div.order-item-footer {
display: grid;
grid-template-columns: 200px 1fr;
grid-gap: 60px;
align-items: center;
}
.p-dialog.set-order-item div.order-item-footer div.recent-colors {
display: grid;
grid-template-columns: repeat(5, 40px);
}
.p-dialog.set-order-item div.order-item-footer div.recent-colors span.color-swatch {
height: 40px;
border: 2px solid var(--p-slate-100);
cursor: pointer;
}
.p-dialog.set-order-item div.order-item-footer div.recent-colors span.color-swatch:hover, .p-dialog.set-order-item div.order-item-footer div.recent-colors span.color-swatch:focus {
border-color: var(--p-slate-600);
}
.p-dialog.set-order-item div.order-item-footer div.buttons {
margin: 0;
}
.p-dialog.set-order-item div.order-item-footer div.buttons button {
width: 100%;
}
/* checkout */
section.checkout {
min-height: inherit;
/*
div.client-email {
width:100%;
max-width:480px;
div.p-inputgroup {
display:grid;
grid-template-columns: 1fr 150px;
}
}
form {
div.block {
width: 100%;
max-width: 600px;
margin-bottom:30px;
div.block-title {
margin-bottom:10px;
@include fontdef(a, semibold, h4);
}
}
span.p-iftalabel {
margin-bottom: 10px;
}
div.use-single-address {
display:grid;
grid-template-columns: 25px 1fr;
grid-gap:5px;
align-items: end;
label { @include fontdef(a, normal, small); cursor:pointer; }
}
div.field-wrapper.postcode { grid-template-columns: 1fr 3fr; }
}
*/
}
section.checkout div.cart-index div.cart-item {
background: #fff;
padding: 15px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
display: grid;
grid-template-columns: 100px 2fr 80px 1fr 0.5fr 160px 120px;
grid-template-areas: "pposter pdetails pswatch ppackaging pprice pquantity pamount";
grid-gap: 10px;
}
@media (max-width: 1440px) {
section.checkout div.cart-index div.cart-item {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.cart-index div.cart-item {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.cart-index div.cart-item {
font-size: 0.85rem;
}
}
@media (max-width: 768px) {
section.checkout div.cart-index div.cart-item {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "pdetails pdetails pswatch pquantity" "ppackaging . pprice pamount";
}
}
@media (max-width: 599px) {
section.checkout div.cart-index div.cart-item {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "pdetails pdetails pdetails" "pswatch . pquantity" "ppackaging pprice pamount";
}
}
section.checkout div.cart-index div.cart-item div.poster {
grid-area: pposter;
min-height: 70px;
background: #fff no-repeat 0 0;
background-size: contain;
}
@media (max-width: 768px) {
section.checkout div.cart-index div.cart-item div.poster {
display: none;
}
}
section.checkout div.cart-index div.cart-item div.description {
grid-area: pdetails;
align-self: center;
}
section.checkout div.cart-index div.cart-item div.description div.title {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.checkout div.cart-index div.cart-item div.description div.title {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.cart-index div.cart-item div.description div.title {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.cart-index div.cart-item div.description div.title {
font-size: 0.85rem;
}
}
section.checkout div.cart-index div.cart-item div.description div.color, section.checkout div.cart-index div.cart-item div.description div.mpn {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
}
@media (max-width: 1440px) {
section.checkout div.cart-index div.cart-item div.description div.color, section.checkout div.cart-index div.cart-item div.description div.mpn {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
section.checkout div.cart-index div.cart-item div.description div.color, section.checkout div.cart-index div.cart-item div.description div.mpn {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
section.checkout div.cart-index div.cart-item div.description div.color, section.checkout div.cart-index div.cart-item div.description div.mpn {
font-size: 0.765rem;
}
}
section.checkout div.cart-index div.cart-item div.color {
grid-area: pswatch;
}
section.checkout div.cart-index div.cart-item div.color div.color-swatch {
width: 60px;
aspect-ratio: 1;
}
section.checkout div.cart-index div.cart-item div.packaging {
grid-area: ppackaging;
align-self: center;
}
section.checkout div.cart-index div.cart-item div.unit-price {
grid-area: pprice;
align-self: center;
}
section.checkout div.cart-index div.cart-item div.quantity {
grid-area: pquantity;
align-self: center;
text-align: center;
display: grid;
grid-template-columns: 1fr 20px;
grid-gap: 10px;
align-items: center;
}
section.checkout div.cart-index div.cart-item div.quantity span.p-inputnumber {
padding: 3px 5px;
}
section.checkout div.cart-index div.cart-item div.amount {
grid-area: pamount;
align-self: center;
text-align: right;
}
section.checkout div.cart-index div.cart-item.header {
padding-top: 0;
background: transparent;
border-bottom: 1px solid var(--p-slate-400);
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.checkout div.cart-index div.cart-item.header {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.cart-index div.cart-item.header {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.cart-index div.cart-item.header {
font-size: 0.85rem;
}
}
@media (max-width: 768px) {
section.checkout div.cart-index div.cart-item.header {
display: none;
}
}
section.checkout div.cart-index div.cart-footer {
padding: 15px 0;
border-top: 1px solid var(--p-slate-400);
display: grid;
grid-template-columns: 1fr 300px;
grid-template-areas: ". tindex";
grid-gap: 10px;
}
@media (max-width: 599px) {
section.checkout div.cart-index div.cart-footer {
margin-bottom: 30px;
}
}
section.checkout div.cart-index div.cart-footer div.total-index {
grid-area: tindex;
justify-self: end;
}
section.checkout div.cart-index div.cart-footer div.total-index div.total-item {
display: grid;
grid-template-columns: 1fr 140px;
grid-gap: 10px;
}
section.checkout div.cart-index div.cart-footer div.total-index div.total-item div.description, section.checkout div.cart-index div.cart-footer div.total-index div.total-item div.amount {
text-align: right;
}
section.checkout div.cart-index div.cart-footer div.total-index div.total-item div.description {
padding-left: 15px;
}
section.checkout div.cart-index div.cart-footer div.total-index div.total-item div.amount {
padding-right: 15px;
}
section.checkout div.cart-index div.cart-footer div.total-index div.total-item:last-of-type {
margin-top: 15px;
padding: 5px 0;
border-top: 1px solid var(--p-slate-400);
border-bottom: 1px solid var(--p-slate-400);
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.checkout div.cart-index div.cart-footer div.total-index div.total-item:last-of-type {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.checkout div.cart-index div.cart-footer div.total-index div.total-item:last-of-type {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.checkout div.cart-index div.cart-footer div.total-index div.total-item:last-of-type {
font-size: 0.935rem;
}
}
section.checkout div.client-wrapper div.block {
width: 100%;
max-width: 600px;
margin-bottom: 30px;
}
section.checkout div.client-wrapper div.block div.p-radiobutton-group {
margin-bottom: 15px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.checkout div.client-wrapper div.block div.p-radiobutton-group {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.client-wrapper div.block div.p-radiobutton-group {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.client-wrapper div.block div.p-radiobutton-group {
font-size: 0.85rem;
}
}
section.checkout div.client-wrapper div.block div.p-radiobutton-group label {
cursor: pointer;
}
section.checkout div.client-wrapper div.block div.p-radiobutton-group div.radiobutton-item {
margin-left: 10px;
display: grid;
grid-template-columns: 20px auto;
grid-gap: 5px;
align-items: center;
}
section.checkout div.client-wrapper div.block div.p-radiobutton-group div.radiobutton-item.selected > label {
color: #cc0000;
}
section.checkout div.client-wrapper div.block span.p-iftalabel {
margin-bottom: 10px;
}
section.checkout div.address-wrapper div.block-wrapper div.block {
width: 100%;
max-width: 600px;
margin-bottom: 30px;
}
section.checkout div.address-wrapper div.block-wrapper div.block.invoice a {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.checkout div.address-wrapper div.block-wrapper div.block.invoice a {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.address-wrapper div.block-wrapper div.block.invoice a {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.address-wrapper div.block-wrapper div.block.invoice a {
font-size: 0.85rem;
}
}
section.checkout div.address-wrapper div.block-wrapper div.block.delivery div.use-single-address {
margin-bottom: 15px;
display: grid;
grid-template-columns: 20px auto;
grid-gap: 5px;
align-items: center;
}
section.checkout div.address-wrapper div.block-wrapper div.block.delivery div.use-single-address label {
line-height: 1;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
cursor: pointer;
}
@media (max-width: 1440px) {
section.checkout div.address-wrapper div.block-wrapper div.block.delivery div.use-single-address label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.checkout div.address-wrapper div.block-wrapper div.block.delivery div.use-single-address label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.checkout div.address-wrapper div.block-wrapper div.block.delivery div.use-single-address label {
font-size: 0.85rem;
}
}
section.checkout div.address-wrapper div.block-wrapper span.p-iftalabel {
margin-bottom: 10px;
}
/* contact */
section.contact {
min-height: inherit;
}
/* home */
section.home {
min-height: inherit;
}
/* product */
section.product {
min-height: inherit;
}
section.product div.product-wrapper {
margin-bottom: 60px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "pposter pdetails" "pdesc pdesc";
grid-gap: 30px 0;
}
@media (max-width: 767px) {
section.product div.product-wrapper {
grid-template-columns: 1fr;
grid-template-areas: "pposter" "pdetails" "pdesc";
grid-gap: 0;
}
}
section.product div.product-wrapper div.poster {
grid-area: pposter;
position: relative;
height: 400px;
border: 30px solid #fff;
background: #fff;
}
section.product div.product-wrapper div.poster img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 767px) {
section.product div.product-wrapper div.poster {
height: 300px;
border: 15px solid #fff;
}
}
section.product div.product-wrapper div.details {
grid-area: pdetails;
padding: 30px;
background-color: #fff;
}
@media (max-width: 767px) {
section.product div.product-wrapper div.details {
padding: 15px;
}
}
section.product div.product-wrapper div.details h1.product-name {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.8rem;
line-height: 1.2;
color: #cc0000;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.details h1.product-name {
font-size: 1.71rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.details h1.product-name {
font-size: 1.62rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.details h1.product-name {
font-size: 1.53rem;
}
}
section.product div.product-wrapper div.details div.prop {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 5px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.details div.prop {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.details div.prop {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.details div.prop {
font-size: 0.85rem;
}
}
section.product div.product-wrapper div.details div.prop div.prop-label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.details div.prop div.prop-label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.details div.prop div.prop-label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.details div.prop div.prop-label {
font-size: 0.85rem;
}
}
section.product div.product-wrapper div.details div.select-color-options {
margin-top: 30px;
margin-bottom: 0;
}
section.product div.product-wrapper div.details div.select-color-options div.option-wrapper {
display: grid;
grid-template-columns: 1fr 50px 1fr;
grid-gap: 10px;
align-items: center;
}
@media (max-width: 767px) {
section.product div.product-wrapper div.details div.select-color-options div.option-wrapper {
grid-template-columns: 1fr;
grid-gap: 5px;
}
}
section.product div.product-wrapper div.details div.select-color-options div.option-wrapper div.field {
margin: 0;
}
section.product div.product-wrapper div.details div.select-color-options div.option-wrapper div.or {
text-align: center;
}
section.product div.product-wrapper div.details div.select-color-options div.option-wrapper div.buttons {
margin: 0;
}
section.product div.product-wrapper div.details div.qty-wrapper {
margin-top: 30px;
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 10px;
}
section.product div.product-wrapper div.details div.qty-wrapper div.buttons {
margin: 0;
}
section.product div.product-wrapper div.details div.qty-wrapper div.buttons button {
display: block;
width: 100%;
}
section.product div.product-wrapper div.description {
grid-area: pdesc;
background: transparent;
}
@media (max-width: 767px) {
section.product div.product-wrapper div.description {
margin-top: 30px;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tablist {
background-color: transparent;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
padding: 10px 30px;
color: #333;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 1.19rem;
}
}
@media (max-width: 767px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
padding: 5px 10px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
}
@media (max-width: 767px) and (max-width: 1440px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 1.045rem;
}
}
@media (max-width: 767px) and (max-width: 1280px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 0.99rem;
}
}
@media (max-width: 767px) and (max-width: 1024px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab {
font-size: 0.935rem;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tablist button.p-tab.p-tab-active {
color: #cc0000;
border-color: #cc0000;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tablist span.p-tablist-active-bar {
background-color: #cc0000;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels {
padding: 30px;
}
@media (max-width: 767px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels {
padding: 15px;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels h3 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
color: #333;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels h3 {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels h3 {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels h3 {
font-size: 0.935rem;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels ul {
margin: 0;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels p:last-of-type {
margin: 0;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
@media (max-width: 1023px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index {
grid-template-columns: 1fr;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 300px auto 25px 40px;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item a.related-image {
position: relative;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item a.related-image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
transition: all 0.2s;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item a.related-image:hover img, section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item a.related-image:focus img {
max-width: 100%;
max-height: 100%;
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-name {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-name {
font-size: 1.045rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-name {
font-size: 0.99rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-name {
font-size: 0.935rem;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-mpn {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
margin-bottom: 15px;
}
@media (max-width: 1440px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-mpn {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-mpn {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item div.related-mpn {
font-size: 0.765rem;
}
}
section.product div.product-wrapper div.description div.p-tabs div.p-tabpanels div.p-tabpanel.tab-related div.related-index div.related-item a.p-button.p-button-primary {
color: #fff;
}
/* products */
section.products {
min-height: inherit;
}
div.p-drawer.sidebar {
background: #fff;
}
div.p-drawer.sidebar div.p-drawer-header {
display: grid;
grid-template-columns: 1fr 40px;
align-items: center;
grid-gap: 30px;
}
div.p-drawer.sidebar div.p-drawer-header h3 {
padding: 0;
color: #4d4d4d;
}
div.p-drawer.sidebar div.p-drawer-header button.p-button {
margin: 0;
border: 0;
}
div.p-drawer.sidebar div.sidebar-menu a.p-button {
display: block;
margin-bottom: 5px;
}
div.p-drawer.sidebar div.p-drawer-footer p {
margin-top: 0;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.p-drawer.sidebar div.p-drawer-footer p {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.sidebar div.p-drawer-footer p {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.sidebar div.p-drawer-footer p {
font-size: 0.85rem;
}
}
div.p-drawer.sidebar div.p-drawer-footer div.content-wrapper {
display: grid;
grid-template-columns: auto 1fr;
}
div.p-drawer.sidebar div.p-drawer-footer div.content-wrapper div.p-select {
justify-self: start;
height: 40px;
}
div.p-drawer.sidebar div.p-drawer-footer div.content-wrapper button {
justify-self: end;
margin: 0;
background: #fff;
border: 0;
}
div.number-input {
display: grid;
grid-template-columns: 34px auto 34px;
border: 1px solid var(--p-slate-300);
overflow: hidden;
}
div.number-input button.p-button {
padding: 12px 8px !important;
height: 40px;
width: 34px;
display: grid;
grid-template-columns: 1fr;
align-items: center;
color: var(--p-slate-400);
border: 0px;
background-color: var(--p-slate-100);
border-radius: 0;
}
div.number-input input.p-inputtext {
padding: 7px 4px !important;
display: block;
height: 40px;
border: 0px;
border-right: 1px solid var(--p-slate-300);
border-left: 1px solid var(--p-slate-300);
text-align: right;
}
div.product-tile div.poster {
height: 300px;
background: #fff;
}
div.product-tile div.poster a {
display: block;
height: 100%;
position: relative;
}
div.product-tile div.poster a img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
transition: all 0.2s;
}
div.product-tile div.poster a:hover img, div.product-tile div.poster a:focus img {
max-width: 95%;
max-height: 95%;
}
div.product-tile div.caption {
padding: 15px;
background-color: #fff;
}
div.product-tile div.caption div.product-name {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
color: #cc0000;
margin-bottom: 15px;
}
@media (max-width: 1440px) {
div.product-tile div.caption div.product-name {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
div.product-tile div.caption div.product-name {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
div.product-tile div.caption div.product-name {
font-size: 1.02rem;
}
}
div.product-tile div.caption div.prop {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 5px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.product-tile div.caption div.prop {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.product-tile div.caption div.prop {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.product-tile div.caption div.prop {
font-size: 0.85rem;
}
}
div.product-tile div.caption div.prop div.prop-label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.product-tile div.caption div.prop div.prop-label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.product-tile div.caption div.prop div.prop-label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.product-tile div.caption div.prop div.prop-label {
font-size: 0.85rem;
}
}
div.product-tile div.caption div.product-cta {
margin-top: 30px;
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 10px;
}
div.product-tile div.caption div.buttons.fw {
margin-top: 30px;
margin-bottom: 0;
}
div.product-tile div.caption div.buttons.fw button {
display: block;
width: 100%;
}
div.product-tile div.caption div.qty-wrapper {
margin-top: 30px;
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 10px;
}
div.product-tile div.caption div.qty-wrapper div.buttons {
margin: 0;
}
div.product-tile div.caption div.qty-wrapper div.buttons button {
display: block;
width: 100%;
}
div.color-selector div.p-tabs div.p-tablist {
background-color: transparent;
}
div.color-selector div.p-tabs div.p-tablist button.p-tab {
padding: 10px 30px;
color: #333;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
}
@media (max-width: 1440px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 1.19rem;
}
}
@media (max-width: 767px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
padding: 5px 10px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.1rem;
}
}
@media (max-width: 767px) and (max-width: 1440px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 1.045rem;
}
}
@media (max-width: 767px) and (max-width: 1280px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 0.99rem;
}
}
@media (max-width: 767px) and (max-width: 1024px) {
div.color-selector div.p-tabs div.p-tablist button.p-tab {
font-size: 0.935rem;
}
}
div.color-selector div.p-tabs div.p-tablist button.p-tab.p-tab-active {
color: #cc0000;
border-color: #cc0000;
}
div.color-selector div.p-tabs div.p-tablist span.p-tablist-active-bar {
background-color: #cc0000;
}
div.color-selector div.p-tabs div.p-tabpanels {
padding: 30px;
}
@media (max-width: 767px) {
div.color-selector div.p-tabs div.p-tabpanels {
padding: 15px;
}
}
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro {
margin: 60px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 60px;
}
@media (max-width: 767px) {
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro {
grid-template-columns: 1fr;
grid-gap: 30px;
}
}
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro div.palette-image div.poster {
height: 300px;
background: transparent no-repeat 100% 0%;
background-size: contain;
}
@media (max-width: 767px) {
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro div.palette-image div.poster {
background-position: 50% 0;
}
}
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro div.palette-caption h3 {
margin: 0;
}
div.color-selector div.p-tabs div.p-tabpanels div.palette-intro div.palette-caption p {
margin: 0;
}
div.color-selector div.p-tabs div.p-tabpanels div.group {
margin-bottom: 10px;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 10px;
}
@media (max-width: 767px) {
div.color-selector div.p-tabs div.p-tabpanels div.group {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 599px) {
div.color-selector div.p-tabs div.p-tabpanels div.group {
grid-template-columns: repeat(2, 1fr);
}
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 125px 25px;
grid-template-areas: "swpreview" "swtitle";
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.preview {
grid-area: swpreview;
z-index: 1;
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.overlay {
grid-area: swpreview;
z-index: 2;
cursor: pointer;
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title {
grid-area: swtitle;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
display: grid;
grid-template-columns: 1fr;
align-items: center;
}
@media (max-width: 1440px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title {
font-size: 0.85rem;
}
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title.saved {
grid-template-columns: 20px 1fr;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title.saved {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title.saved {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch div.title.saved {
font-size: 0.85rem;
}
}
div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch:hover div.overlay, div.color-selector div.p-tabs div.p-tabpanels div.group div.swatch:focus div.overlay {
border: 2px solid #000;
}
div.p-drawer.order-item div.p-drawer-header {
padding: 10px;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
div.p-drawer.order-item div.p-drawer-header button.p-button {
padding: 0 !important;
justify-self: end;
}
div.p-drawer.order-item div.p-drawer-header button.p-button:focus {
border-color: transparent;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "iheader" "icolor" "iquantity" "icta" "iremarks";
grid-row-gap: 15px;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper h3 {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.2rem;
line-height: 1.35;
padding-bottom: 10px;
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper h3 {
font-size: 1.14rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper h3 {
font-size: 1.08rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper h3 {
font-size: 1.02rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header {
grid-area: iheader;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop {
display: grid;
grid-template-columns: 120px 1fr;
grid-gap: 5px;
align-items: center;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop {
font-size: 0.85rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop div.prop-label {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop div.prop-label {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop div.prop-label {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-header div.prop div.prop-label {
font-size: 0.85rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color {
grid-area: icolor;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.color-swatch div {
width: 100%;
height: 200px;
border: 2px solid var(--p-slate-600);
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel {
border: 0;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel button.p-accordionheader {
padding: 8px 12px;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 1rem;
text-decoration: underline;
text-underline-position: under;
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel button.p-accordionheader {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel button.p-accordionheader {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel button.p-accordionheader {
font-size: 0.85rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel button.p-accordionheader span.p-accordionheader-toggle-icon {
display: none;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.p-accordionpanel div.p-accordioncontent-content {
padding: 8px 12px;
padding-top: 0;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.recent-colors {
display: grid;
grid-template-columns: repeat(5, 40px);
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.recent-colors span.color-swatch {
height: 40px;
border: 2px solid var(--p-slate-100);
cursor: pointer;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.recent-colors span.color-swatch:hover, div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-color div.recent-colors span.color-swatch:focus {
border-color: var(--p-slate-600);
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity {
grid-area: iquantity;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity div.input-wrapper {
height: 40px;
display: grid;
grid-template-columns: 1fr auto;
grid-column-gap: 10px;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity div.input-wrapper div.item-unit {
min-width: 120px;
color: var(--p-slate-400);
line-height: 40px !important;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1rem;
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity div.input-wrapper div.item-unit {
font-size: 0.95rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity div.input-wrapper div.item-unit {
font-size: 0.9rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-quantity div.input-wrapper div.item-unit {
font-size: 0.85rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-cta {
grid-area: icta;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-cta div.buttons {
margin: 0;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-cta div.buttons button {
width: 100%;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks {
grid-area: iremarks;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates {
margin-top: 15px;
min-height: 120px;
line-height: 1.2;
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
}
@media (max-width: 767px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates {
width: 100%;
}
}
@media (max-width: 1440px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates {
font-size: 0.765rem;
}
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates p {
margin: 0;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates p:last-of-type {
margin-top: 10px;
}
div.p-drawer.order-item div.p-drawer-content div.content-wrapper div.item-remarks div.surface-estimates ul {
margin: 0;
padding-left: 20px;
}
div.p-drawer.mini-cart div.p-drawer-header {
padding: 10px 15px;
background: #fff;
display: grid;
grid-template-columns: 1fr 40px;
align-items: center;
}
div.p-drawer.mini-cart div.p-drawer-header div.dialog-title {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 1.4rem;
line-height: 1.3;
color: #cc0000;
}
@media (max-width: 1440px) {
div.p-drawer.mini-cart div.p-drawer-header div.dialog-title {
font-size: 1.33rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.mini-cart div.p-drawer-header div.dialog-title {
font-size: 1.26rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.mini-cart div.p-drawer-header div.dialog-title {
font-size: 1.19rem;
}
}
div.p-drawer.mini-cart div.p-drawer-header button.p-button {
display: none;
padding: 0 !important;
justify-self: end;
}
div.p-drawer.mini-cart div.p-drawer-header button.p-button:focus {
border-color: transparent;
}
div.p-drawer.mini-cart div.p-drawer-footer {
padding: 20px 15px;
background: #fff;
}
div.p-drawer.mini-cart div.p-drawer-footer div.buttons {
margin: 0;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 10px;
}
div.p-drawer.mini-cart div.p-drawer-content {
padding: 0 15px;
background: var(--p-slate-100);
}
div.p-drawer.mini-cart div.p-drawer-content p.cart-message {
margin: 30px 0;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item {
padding: 15px 0;
border-top: 1px solid var(--p-slate-300);
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: normal;
/* font size */
font-size: 0.9rem;
transition: all 0.3s;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-areas: "iposter iproduct iproduct" "iposter iquantity itools";
grid-gap: 10px;
}
@media (max-width: 1440px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item {
font-size: 0.765rem;
}
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.poster {
grid-area: iposter;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.poster div.color-swatch {
display: block;
width: 100%;
aspect-ratio: 1;
border: 2px solid #fff;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.poster div.product-image {
display: block;
width: 100%;
aspect-ratio: 1;
background: #fff no-repeat 50% 50%;
background-size: contain;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.product {
grid-area: iproduct;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.product div.title {
/* family, weight and line-height */
font-family: "Neo Sans Pro", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-weight: 500;
/* font size */
font-size: 0.9rem;
}
@media (max-width: 1440px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.product div.title {
font-size: 0.855rem;
}
}
@media (max-width: 1280px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.product div.title {
font-size: 0.81rem;
}
}
@media (max-width: 1024px) {
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.product div.title {
font-size: 0.765rem;
}
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.quantity {
grid-area: iquantity;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item div.tools {
grid-area: itools;
display: grid;
grid-template-columns: 1fr;
align-items: center;
justify-items: end;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item.has-focus {
background-color: #fff;
}
div.p-drawer.mini-cart div.p-drawer-content div.cart-content div.cart-item.has-focus div.product div.title {
color: #cc0000;
}