@charset "UTF-8";
@media (prefers-color-scheme: dark) {
:root, :host {
color-scheme: light !important;
}
}
/* oversside per safari 8 */
.valign-wrapper {
display: -webkit-flex;
-webkit-align-items: center;
}
/* Custom materialize */
:root {
--md-source: #006495;
/* primary */
--md-ref-palette-primary0: #000000;
--md-ref-palette-primary10: #001e30;
--md-ref-palette-primary20: #003450;
--md-ref-palette-primary25: #003f60;
--md-ref-palette-primary30: #004b71;
--md-ref-palette-primary35: #005783;
--md-ref-palette-primary40: #006495;
--md-ref-palette-primary50: #0f7eb8;
--md-ref-palette-primary60: #3d98d4;
--md-ref-palette-primary70: #5db3f0;
--md-ref-palette-primary80: #8fcdff;
--md-ref-palette-primary90: #cbe6ff;
--md-ref-palette-primary95: #e6f2ff;
--md-ref-palette-primary98: #f7f9ff;
--md-ref-palette-primary99: #fcfcff;
--md-ref-palette-primary100: #ffffff;
/* secondary */
--md-ref-palette-secondary0: #000000;
--md-ref-palette-secondary10: #0d1d29;
--md-ref-palette-secondary20: #22323f;
--md-ref-palette-secondary25: #2d3d4b;
--md-ref-palette-secondary30: #394856;
--md-ref-palette-secondary35: #445462;
--md-ref-palette-secondary40: #50606f;
--md-ref-palette-secondary50: #697988;
--md-ref-palette-secondary60: #8293a2;
--md-ref-palette-secondary70: #9dadbd;
--md-ref-palette-secondary80: #b8c8d9;
--md-ref-palette-secondary90: #d4e4f6;
--md-ref-palette-secondary95: #e6f2ff;
--md-ref-palette-secondary98: #f7f9ff;
--md-ref-palette-secondary99: #fcfcff;
--md-ref-palette-secondary100: #ffffff;
/* tertiary */
--md-ref-palette-tertiary0: #000000;
--md-ref-palette-tertiary10: #211634;
--md-ref-palette-tertiary20: #362b4a;
--md-ref-palette-tertiary25: #423656;
--md-ref-palette-tertiary30: #4d4162;
--md-ref-palette-tertiary35: #594c6e;
--md-ref-palette-tertiary40: #66587b;
--md-ref-palette-tertiary50: #7f7195;
--md-ref-palette-tertiary60: #998ab0;
--md-ref-palette-tertiary70: #b4a4cb;
--md-ref-palette-tertiary80: #d0bfe7;
--md-ref-palette-tertiary90: #ecdcff;
--md-ref-palette-tertiary95: #f7edff;
--md-ref-palette-tertiary98: #fef7ff;
--md-ref-palette-tertiary99: #fffbff;
--md-ref-palette-tertiary100: #ffffff;
/* neutral */
--md-ref-palette-neutral0: #000000;
--md-ref-palette-neutral10: #1a1c1e;
--md-ref-palette-neutral20: #2e3133;
--md-ref-palette-neutral25: #3a3c3e;
--md-ref-palette-neutral30: #454749;
--md-ref-palette-neutral35: #515255;
--md-ref-palette-neutral40: #5d5e61;
--md-ref-palette-neutral50: #76777a;
--md-ref-palette-neutral60: #8f9194;
--md-ref-palette-neutral70: #aaabae;
--md-ref-palette-neutral80: #c6c6c9;
--md-ref-palette-neutral90: #e2e2e5;
--md-ref-palette-neutral95: #f0f0f3;
--md-ref-palette-neutral98: #f9f9fc;
--md-ref-palette-neutral99: #fcfcff;
--md-ref-palette-neutral100: #ffffff;
/* neutral-variant */
--md-ref-palette-neutral-variant0: #000000;
--md-ref-palette-neutral-variant10: #161c22;
--md-ref-palette-neutral-variant20: #2b3137;
--md-ref-palette-neutral-variant25: #363c42;
--md-ref-palette-neutral-variant30: #41474d;
--md-ref-palette-neutral-variant35: #4d5359;
--md-ref-palette-neutral-variant40: #595f65;
--md-ref-palette-neutral-variant50: #72787e;
--md-ref-palette-neutral-variant60: #8b9198;
--md-ref-palette-neutral-variant70: #a6acb3;
--md-ref-palette-neutral-variant80: #c1c7ce;
--md-ref-palette-neutral-variant90: #dee3ea;
--md-ref-palette-neutral-variant95: #ecf1f9;
--md-ref-palette-neutral-variant98: #f7f9ff;
--md-ref-palette-neutral-variant99: #fcfcff;
--md-ref-palette-neutral-variant100: #ffffff;
/* error */
--md-ref-palette-error0: #000000;
--md-ref-palette-error10: #410002;
--md-ref-palette-error20: #690005;
--md-ref-palette-error25: #7e0007;
--md-ref-palette-error30: #93000a;
--md-ref-palette-error35: #a80710;
--md-ref-palette-error40: #ba1a1a;
--md-ref-palette-error50: #de3730;
--md-ref-palette-error60: #ff5449;
--md-ref-palette-error70: #ff897d;
--md-ref-palette-error80: #ffb4ab;
--md-ref-palette-error90: #ffdad6;
--md-ref-palette-error95: #ffedea;
--md-ref-palette-error98: #fff8f7;
--md-ref-palette-error99: #fffbff;
--md-ref-palette-error100: #ffffff;
/* light */
--md-sys-color-primary-light: #006495;
--md-sys-color-on-primary-light: #ffffff;
--md-sys-color-primary-container-light: #cbe6ff;
--md-sys-color-on-primary-container-light: #001e30;
--md-sys-color-secondary-light: #50606f;
--md-sys-color-on-secondary-light: #ffffff;
--md-sys-color-secondary-container-light: #d4e4f6;
--md-sys-color-on-secondary-container-light: #0d1d29;
--md-sys-color-tertiary-light: #66587b;
--md-sys-color-on-tertiary-light: #ffffff;
--md-sys-color-tertiary-container-light: #ecdcff;
--md-sys-color-on-tertiary-container-light: #211634;
--md-sys-color-error-light: #ba1a1a;
--md-sys-color-error-container-light: #ffdad6;
--md-sys-color-on-error-light: #ffffff;
--md-sys-color-on-error-container-light: #410002;
--md-sys-color-background-light: #fcfcff;
--md-sys-color-on-background-light: #1a1c1e;
--md-sys-color-surface-light: #fcfcff;
--md-sys-color-on-surface-light: #1a1c1e;
--md-sys-color-surface-variant-light: #dee3ea;
--md-sys-color-on-surface-variant-light: #41474d;
--md-sys-color-outline-light: #72787e;
--md-sys-color-inverse-on-surface-light: #f0f0f3;
--md-sys-color-inverse-surface-light: #2e3133;
--md-sys-color-inverse-primary-light: #8fcdff;
--md-sys-color-shadow-light: #000000;
--md-sys-color-surface-tint-light: #006495;
--md-sys-color-outline-variant-light: #e0e0e0;
--md-sys-color-scrim-light: #000000;
/* dark */
--md-sys-color-primary-dark: #8fcdff;
--md-sys-color-on-primary-dark: #003450;
--md-sys-color-primary-container-dark: #004b71;
--md-sys-color-on-primary-container-dark: #cbe6ff;
--md-sys-color-secondary-dark: #b8c8d9;
--md-sys-color-on-secondary-dark: #22323f;
--md-sys-color-secondary-container-dark: #394856;
--md-sys-color-on-secondary-container-dark: #d4e4f6;
--md-sys-color-tertiary-dark: #d0bfe7;
--md-sys-color-on-tertiary-dark: #362b4a;
--md-sys-color-tertiary-container-dark: #4d4162;
--md-sys-color-on-tertiary-container-dark: #ecdcff;
--md-sys-color-error-dark: #ffb4ab;
--md-sys-color-error-container-dark: #93000a;
--md-sys-color-on-error-dark: #690005;
--md-sys-color-on-error-container-dark: #ffdad6;
--md-sys-color-background-dark: #1a1c1e;
--md-sys-color-on-background-dark: #e2e2e5;
--md-sys-color-surface-dark: #1a1c1e;
--md-sys-color-on-surface-dark: #e2e2e5;
--md-sys-color-surface-variant-dark: #41474d;
--md-sys-color-on-surface-variant-dark: #c1c7ce;
--md-sys-color-outline-dark: #8b9198;
--md-sys-color-inverse-on-surface-dark: #1a1c1e;
--md-sys-color-inverse-surface-dark: #e2e2e5;
--md-sys-color-inverse-primary-dark: #006495;
--md-sys-color-shadow-dark: #000000;
--md-sys-color-surface-tint-dark: #8fcdff;
--md-sys-color-outline-variant-dark: #41474d;
--md-sys-color-scrim-dark: #000000;
/* display - large */
--md-sys-typescale-display-large-font-family-name: Roboto;
--md-sys-typescale-display-large-font-family-style: Regular;
--md-sys-typescale-display-large-font-weight: 400px;
--md-sys-typescale-display-large-font-size: 57px;
--md-sys-typescale-display-large-line-height: 64px;
--md-sys-typescale-display-large-letter-spacing: -0.25px;
/* display - medium */
--md-sys-typescale-display-medium-font-family-name: Roboto;
--md-sys-typescale-display-medium-font-family-style: Regular;
--md-sys-typescale-display-medium-font-weight: 400px;
--md-sys-typescale-display-medium-font-size: 45px;
--md-sys-typescale-display-medium-line-height: 52px;
--md-sys-typescale-display-medium-letter-spacing: 0px;
/* display - small */
--md-sys-typescale-display-small-font-family-name: Roboto;
--md-sys-typescale-display-small-font-family-style: Regular;
--md-sys-typescale-display-small-font-weight: 400px;
--md-sys-typescale-display-small-font-size: 36px;
--md-sys-typescale-display-small-line-height: 44px;
--md-sys-typescale-display-small-letter-spacing: 0px;
/* headline - large */
--md-sys-typescale-headline-large-font-family-name: Roboto;
--md-sys-typescale-headline-large-font-family-style: Regular;
--md-sys-typescale-headline-large-font-weight: 400px;
--md-sys-typescale-headline-large-font-size: 32px;
--md-sys-typescale-headline-large-line-height: 40px;
--md-sys-typescale-headline-large-letter-spacing: 0px;
/* headline - medium */
--md-sys-typescale-headline-medium-font-family-name: Roboto;
--md-sys-typescale-headline-medium-font-family-style: Regular;
--md-sys-typescale-headline-medium-font-weight: 400px;
--md-sys-typescale-headline-medium-font-size: 28px;
--md-sys-typescale-headline-medium-line-height: 36px;
--md-sys-typescale-headline-medium-letter-spacing: 0px;
/* headline - small */
--md-sys-typescale-headline-small-font-family-name: Roboto;
--md-sys-typescale-headline-small-font-family-style: Regular;
--md-sys-typescale-headline-small-font-weight: 400px;
--md-sys-typescale-headline-small-font-size: 24px;
--md-sys-typescale-headline-small-line-height: 32px;
--md-sys-typescale-headline-small-letter-spacing: 0px;
/* body - large */
--md-sys-typescale-body-large-font-family-name: Roboto;
--md-sys-typescale-body-large-font-family-style: Regular;
--md-sys-typescale-body-large-font-weight: 400px;
--md-sys-typescale-body-large-font-size: 16px;
--md-sys-typescale-body-large-line-height: 24px;
--md-sys-typescale-body-large-letter-spacing: 0.50px;
/* body - medium */
--md-sys-typescale-body-medium-font-family-name: Roboto;
--md-sys-typescale-body-medium-font-family-style: Regular;
--md-sys-typescale-body-medium-font-weight: 400px;
--md-sys-typescale-body-medium-font-size: 14px;
--md-sys-typescale-body-medium-line-height: 20px;
--md-sys-typescale-body-medium-letter-spacing: 0.25px;
/* body - small */
--md-sys-typescale-body-small-font-family-name: Roboto;
--md-sys-typescale-body-small-font-family-style: Regular;
--md-sys-typescale-body-small-font-weight: 400px;
--md-sys-typescale-body-small-font-size: 12px;
--md-sys-typescale-body-small-line-height: 16px;
--md-sys-typescale-body-small-letter-spacing: 0.40px;
/* label - large */
--md-sys-typescale-label-large-font-family-name: Roboto;
--md-sys-typescale-label-large-font-family-style: Medium;
--md-sys-typescale-label-large-font-weight: 500px;
--md-sys-typescale-label-large-font-size: 14px;
--md-sys-typescale-label-large-line-height: 20px;
--md-sys-typescale-label-large-letter-spacing: 0.10px;
/* label - medium */
--md-sys-typescale-label-medium-font-family-name: Roboto;
--md-sys-typescale-label-medium-font-family-style: Medium;
--md-sys-typescale-label-medium-font-weight: 500px;
--md-sys-typescale-label-medium-font-size: 12px;
--md-sys-typescale-label-medium-line-height: 16px;
--md-sys-typescale-label-medium-letter-spacing: 0.50px;
/* label - small */
--md-sys-typescale-label-small-font-family-name: Roboto;
--md-sys-typescale-label-small-font-family-style: Medium;
--md-sys-typescale-label-small-font-weight: 500px;
--md-sys-typescale-label-small-font-size: 11px;
--md-sys-typescale-label-small-line-height: 16px;
--md-sys-typescale-label-small-letter-spacing: 0.50px;
/* title - large */
--md-sys-typescale-title-large-font-family-name: Roboto;
--md-sys-typescale-title-large-font-family-style: Regular;
--md-sys-typescale-title-large-font-weight: 400px;
--md-sys-typescale-title-large-font-size: 22px;
--md-sys-typescale-title-large-line-height: 28px;
--md-sys-typescale-title-large-letter-spacing: 0px;
/* title - medium */
--md-sys-typescale-title-medium-font-family-name: Roboto;
--md-sys-typescale-title-medium-font-family-style: Medium;
--md-sys-typescale-title-medium-font-weight: 500px;
--md-sys-typescale-title-medium-font-size: 16px;
--md-sys-typescale-title-medium-line-height: 24px;
--md-sys-typescale-title-medium-letter-spacing: 0.15px;
/* title - small */
--md-sys-typescale-title-small-font-family-name: Roboto;
--md-sys-typescale-title-small-font-family-style: Medium;
--md-sys-typescale-title-small-font-weight: 500px;
--md-sys-typescale-title-small-font-size: 14px;
--md-sys-typescale-title-small-line-height: 20px;
--md-sys-typescale-title-small-letter-spacing: 0.10px;
}
/* System Defaults */
:root, :host {
color-scheme: light;
--md-sys-color-primary: var(--md-sys-color-primary-light);
--md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
--md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
--md-sys-color-secondary: var(--md-sys-color-secondary-light);
--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
--md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
--md-sys-color-error: var(--md-sys-color-error-light);
--md-sys-color-on-error: var(--md-sys-color-on-error-light);
--md-sys-color-error-container: var(--md-sys-color-error-container-light);
--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
--md-sys-color-outline: var(--md-sys-color-outline-light);
--md-sys-color-background: var(--md-sys-color-background-light);
--md-sys-color-on-background: var(--md-sys-color-on-background-light);
--md-sys-color-surface: var(--md-sys-color-surface-light);
--md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
--md-sys-color-shadow: var(--md-sys-color-shadow-light);
--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
--md-sys-color-scrim: var(--md-sys-color-scrim-light);
}
@media (prefers-color-scheme: dark) {
:root, :host {
color-scheme: dark;
--md-sys-color-primary: var(--md-sys-color-primary-dark);
--md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
--md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
--md-sys-color-secondary: var(--md-sys-color-secondary-dark);
--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
--md-sys-color-error: var(--md-sys-color-error-dark);
--md-sys-color-on-error: var(--md-sys-color-on-error-dark);
--md-sys-color-error-container: var(--md-sys-color-error-container-dark);
--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
--md-sys-color-outline: var(--md-sys-color-outline-dark);
--md-sys-color-background: var(--md-sys-color-background-dark);
--md-sys-color-on-background: var(--md-sys-color-on-background-dark);
--md-sys-color-surface: var(--md-sys-color-surface-dark);
--md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
--md-sys-color-shadow: var(--md-sys-color-shadow-dark);
--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
--md-sys-color-scrim: var(--md-sys-color-scrim-dark);
}
}
/* ===================================================================== Themes */
:root[theme=light] {
color-scheme: light;
--md-sys-color-primary: var(--md-sys-color-primary-light);
--md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
--md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
--md-sys-color-secondary: var(--md-sys-color-secondary-light);
--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
--md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
--md-sys-color-error: var(--md-sys-color-error-light);
--md-sys-color-on-error: var(--md-sys-color-on-error-light);
--md-sys-color-error-container: var(--md-sys-color-error-container-light);
--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
--md-sys-color-outline: var(--md-sys-color-outline-light);
--md-sys-color-background: var(--md-sys-color-background-light);
--md-sys-color-on-background: var(--md-sys-color-on-background-light);
--md-sys-color-surface: var(--md-sys-color-surface-light);
--md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
--md-sys-color-shadow: var(--md-sys-color-shadow-light);
--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
--md-sys-color-scrim: var(--md-sys-color-scrim-light);
}
:root[theme=dark] {
color-scheme: dark;
--md-sys-color-primary: var(--md-sys-color-primary-dark);
--md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
--md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
--md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
--md-sys-color-secondary: var(--md-sys-color-secondary-dark);
--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
--md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
--md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
--md-sys-color-error: var(--md-sys-color-error-dark);
--md-sys-color-on-error: var(--md-sys-color-on-error-dark);
--md-sys-color-error-container: var(--md-sys-color-error-container-dark);
--md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
--md-sys-color-outline: var(--md-sys-color-outline-dark);
--md-sys-color-background: var(--md-sys-color-background-dark);
--md-sys-color-on-background: var(--md-sys-color-on-background-dark);
--md-sys-color-surface: var(--md-sys-color-surface-dark);
--md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
--md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
--md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
--md-sys-color-shadow: var(--md-sys-color-shadow-dark);
--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
--md-sys-color-scrim: var(--md-sys-color-scrim-dark);
}
.primary {
background-color: var(--md-sys-color-primary);
}
.primary-text {
color: var(--md-sys-color-primary);
}
.on-primary {
background-color: var(--md-sys-color-on-primary);
}
.on-primary-text {
color: var(--md-sys-color-on-primary);
}
.primary-container {
background-color: var(--md-sys-color-primary-container);
}
.primary-container-text {
color: var(--md-sys-color-primary-container);
}
.on-primary-container {
background-color: var(--md-sys-color-on-primary-container);
}
.on-primary-container-text {
color: var(--md-sys-color-on-primary-container);
}
.secondary {
background-color: var(--md-sys-color-secondary);
}
.secondary-text {
color: var(--md-sys-color-secondary);
}
.on-secondary {
background-color: var(--md-sys-color-on-secondary);
}
.on-secondary-text {
color: var(--md-sys-color-on-secondary);
}
.secondary-container {
background-color: var(--md-sys-color-secondary-container);
}
.secondary-container-text {
color: var(--md-sys-color-secondary-container);
}
.on-secondary-container {
background-color: var(--md-sys-color-on-secondary-container);
}
.on-secondary-container-text {
color: var(--md-sys-color-on-secondary-container);
}
.tertiary {
background-color: var(--md-sys-color-tertiary);
}
.tertiary-text {
color: var(--md-sys-color-tertiary);
}
.on-tertiary {
background-color: var(--md-sys-color-on-tertiary);
}
.on-tertiary-text {
color: var(--md-sys-color-on-tertiary);
}
.tertiary-container {
background-color: var(--md-sys-color-tertiary-container);
}
.tertiary-container-text {
color: var(--md-sys-color-tertiary-container);
}
.on-tertiary-container {
background-color: var(--md-sys-color-on-tertiary-container);
}
.on-tertiary-container-text {
color: var(--md-sys-color-on-tertiary-container);
}
.error-text {
color: var(--md-sys-color-error);
}
.on-error {
background-color: var(--md-sys-color-on-error);
}
.on-error-text {
color: var(--md-sys-color-on-error);
}
.error-container {
background-color: var(--md-sys-color-error-container);
}
.error-container-text {
color: var(--md-sys-color-error-container);
}
.on-error-container {
background-color: var(--md-sys-color-on-error-container);
}
.on-error-container-text {
color: var(--md-sys-color-on-error-container);
}
.background {
background-color: var(--md-sys-color-background);
}
.background-text {
color: var(--md-sys-color-background);
}
.on-background {
background-color: var(--md-sys-color-on-background);
}
.on-background-text {
color: var(--md-sys-color-on-background);
}
.surface, .switch label input[type=checkbox]:checked + .lever::after {
background-color: var(--md-sys-color-surface);
}
.surface-text {
color: var(--md-sys-color-surface);
}
.on-surface {
background-color: var(--md-sys-color-on-surface);
}
.on-surface-text {
color: var(--md-sys-color-on-surface);
}
.surface-variant, input[type=range]::-moz-range-track, input[type=range]::-webkit-slider-runnable-track {
background-color: var(--md-sys-color-surface-variant);
}
.surface-variant-text {
color: var(--md-sys-color-surface-variant);
}
.on-surface-variant {
background-color: var(--md-sys-color-on-surface-variant);
}
.on-surface-variant-text, .chip > .material-symbols-outlined {
color: var(--md-sys-color-on-surface-variant);
}
.outline, .switch label .lever::after {
background-color: var(--md-sys-color-outline);
}
.outline-text {
color: var(--md-sys-color-outline);
}
.inverse-on-surface {
background-color: var(--md-sys-color-inverse-on-surface);
}
.inverse-on-surface-text {
color: var(--md-sys-color-inverse-on-surface);
}
.inverse-surface {
background-color: var(--md-sys-color-inverse-surface);
}
.inverse-surface-text {
color: var(--md-sys-color-inverse-surface);
}
.inverse-primary {
background-color: var(--md-sys-color-inverse-primary);
}
.inverse-primary-text {
color: var(--md-sys-color-inverse-primary);
}
.shadow {
background-color: var(--md-sys-color-shadow);
}
.shadow-text {
color: var(--md-sys-color-shadow);
}
.surface-tint {
background-color: var(--md-sys-color-surface-tint);
}
.surface-tint-text {
color: var(--md-sys-color-surface-tint);
}
.outline-variant {
background-color: var(--md-sys-color-outline-variant);
}
.outline-variant-text {
color: var(--md-sys-color-outline-variant);
}
.scrim {
background-color: var(--md-sys-color-scrim);
}
.scrim-text {
color: var(--md-sys-color-scrim);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background-color: var(--md-sys-color-background);
color: var(--md-sys-color-on-background);
}
button,
input,
optgroup,
select,
textarea {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.valign-wrapper {
display: flex;
align-items: center;
}
.clearfix {
clear: both;
}
.z-depth-0 {
box-shadow: none !important;
}
/* 2dp elevation modified*/
.z-depth-1, .gallery-partner__chips .chip:hover, .SHAD_flat2:hover, .SHAD_flat:hover, .SHAD_flat--static, .tableOuterWrap, .lightbox, article .lightbox, .sidenav, .dropdown-content, .card, .card-panel, nav:not(#ez-toc-container nav) {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.z-depth-1-half {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
/* 6dp elevation modified*/
.z-depth-2 {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
/* 12dp elevation modified*/
.z-depth-3, .toast {
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
/* 16dp elevation */
.z-depth-4 {
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
/* 24dp elevation */
.z-depth-5, .modal {
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.hoverable, .tableOuterWrap, .lightbox, article .lightbox {
transition: box-shadow 0.25s;
}
.hoverable:hover, .tableOuterWrap:hover, .lightbox:hover {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.divider {
height: 1px;
overflow: hidden;
background-color: var(--md-sys-color-outline-variant);
}
blockquote {
margin: 20px 0;
padding-left: 1.5rem;
border-left: 5px solid var(--md-sys-color-primary);
}
i {
line-height: inherit;
}
i.left {
float: left;
margin-left: -8px;
}
i.right {
float: right;
}
i.tiny {
font-size: 1rem;
}
i.small {
font-size: 2rem;
}
i.medium {
font-size: 4rem;
}
i.large {
font-size: 6rem;
}
html.noscroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
img.responsive-img, article .body-text img,
video.responsive-video {
max-width: 100%;
height: auto;
}
.pagination li {
display: inline-block;
border-radius: 2px;
text-align: center;
vertical-align: top;
height: 30px;
}
.pagination li a {
color: var(--md-sys-color-on-surface-variant);
display: inline-block;
font-size: 1.2rem;
padding: 0 10px;
line-height: 30px;
}
.pagination li:hover:not(.disabled) {
background-color: rgba(var(--md-sys-color-primary-numeric), 0.06);
}
.pagination li.active a {
color: var(--md-sys-color-on-primary);
}
.pagination li.active, .pagination li.active:hover {
background-color: var(--md-sys-color-primary);
}
.pagination li.disabled a {
cursor: default;
color: var(--md-sys-color-on-surface);
}
.pagination li i {
font-size: 2rem;
}
.pagination li.pages ul li {
display: inline-block;
float: none;
}
@media only screen and (max-width : 992.99px) {
.pagination {
width: 100%;
}
.pagination li.prev,
.pagination li.next {
width: 10%;
}
.pagination li.pages {
width: 80%;
overflow: hidden;
white-space: nowrap;
}
}
.breadcrumb {
display: inline-block;
font-size: 18px;
color: var(--font-on-primary-color-medium);
}
.breadcrumb i,
.breadcrumb [class^=mdi-], .breadcrumb [class*=mdi-],
.breadcrumb i.material-symbols-outlined, .breadcrumb i.material-symbols-outlined,
.breadcrumb i.material-symbols-rounded, .breadcrumb i.material-symbols-sharp {
display: block;
float: left;
font-size: 24px;
}
.breadcrumb:before {
content: "\e5cc";
color: var(--font-on-primary-color-medium);
vertical-align: top;
display: inline-block;
font-family: "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp", "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 25px;
margin: 0 10px 0 8px;
-webkit-font-smoothing: antialiased;
float: left;
}
.breadcrumb:first-child:before {
display: none;
}
.breadcrumb:last-child {
color: var(--md-sys-color-on-primary);
}
.parallax-container {
position: relative;
overflow: hidden;
height: 500px;
}
.parallax-container .parallax {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.parallax-container .parallax img {
opacity: 0;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
transform: translate3d(0, 0, 0);
transform: translateX(-50%);
}
.pin-top, .pin-bottom {
position: relative;
}
.pinned {
position: fixed !important;
}
/*********************
Transition Classes
**********************/
ul.staggered-list li {
opacity: 0;
}
.fade-in {
opacity: 0;
transform-origin: 0 50%;
}
/*********************
Media Query Classes
**********************/
@media only screen and (max-width : 600.99px) {
.hide-on-small-only, .hide-on-small-and-down {
display: none !important;
}
}
@media only screen and (max-width : 992.99px) {
.hide-on-med-and-down {
display: none !important;
}
}
@media only screen and (min-width : 601px) {
.hide-on-med-and-up {
display: none !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 992.99px) {
.hide-on-med-only {
display: none !important;
}
}
@media only screen and (min-width : 993px) {
.hide-on-large-only {
display: none !important;
}
}
@media only screen and (min-width : 1201px) {
.hide-on-extra-large-only {
display: none !important;
}
}
@media only screen and (min-width : 1201px) {
.show-on-extra-large {
display: block !important;
}
}
@media only screen and (min-width : 993px) {
.show-on-large {
display: block !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 992.99px) {
.show-on-medium {
display: block !important;
}
}
@media only screen and (max-width : 600.99px) {
.show-on-small {
display: block !important;
}
}
@media only screen and (min-width : 601px) {
.show-on-medium-and-up {
display: block !important;
}
}
@media only screen and (max-width : 992.99px) {
.show-on-medium-and-down {
display: block !important;
}
}
@media only screen and (max-width : 600.99px) {
.center-on-small-only {
text-align: center;
}
}
.page-footer .footer-copyright,
.page-footer .footer-copyright a {
overflow: hidden;
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0px;
}
.page-footer ul {
padding-left: 0;
list-style-type: none;
}
ul:not(.browser-default) {
padding-left: 0;
list-style-type: none;
}
ul:not(.browser-default) li {
list-style-type: none;
}
table, th, td {
border: none;
}
table {
width: 100%;
display: table;
border-collapse: collapse;
border-spacing: 0;
}
table.striped tr {
border-bottom: none;
}
table.striped tbody > tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.08);
}
table.highlight > tbody > tr {
transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover {
background-color: rgba(0, 0, 0, 0.04);
}
table thead {
color: var(--md-sys-color-on-surface-variant);
}
table.centered thead tr th, table.centered tbody tr td {
text-align: center;
}
tr {
border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 0;
}
@media only screen and (max-width : 992.99px) {
table.responsive-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: block;
position: relative;
/* sort out borders */
}
table.responsive-table td:empty:before {
content: " ";
}
table.responsive-table th,
table.responsive-table td {
margin: 0;
vertical-align: top;
}
table.responsive-table th {
text-align: left;
}
table.responsive-table thead {
display: block;
float: left;
}
table.responsive-table thead tr {
display: block;
padding: 0 10px 0 0;
}
table.responsive-table thead tr th::before {
content: " ";
}
table.responsive-table tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
}
table.responsive-table tbody tr {
display: inline-block;
vertical-align: top;
}
table.responsive-table th {
display: block;
text-align: right;
}
table.responsive-table td {
display: block;
min-height: 1.25em;
text-align: left;
}
table.responsive-table tr {
border-bottom: none;
padding: 0 10px;
}
table.responsive-table thead {
border: 0;
border-right: 1px solid var(--md-sys-color-outline-variant);
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*******************
Utility Classes
*******************/
.hide {
display: none !important;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center, .center-align {
text-align: center;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.no-select, input[type=range],
input[type=range] + .thumb {
user-select: none;
}
.circle {
border-radius: 50%;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.no-padding {
padding: 0 !important;
}
/**************************
Utility Spacing Classes
**************************/
.m-0 {
margin: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3 {
margin-top: 0.75rem !important;
}
.mr-3 {
margin-right: 0.75rem !important;
}
.mb-3 {
margin-bottom: 0.75rem !important;
}
.ml-3 {
margin-left: 0.75rem !important;
}
.mx-3 {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4 {
margin-top: 1rem !important;
}
.mr-4 {
margin-right: 1rem !important;
}
.mb-4 {
margin-bottom: 1rem !important;
}
.ml-4 {
margin-left: 1rem !important;
}
.mx-4 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-5 {
margin: 1.5rem !important;
}
.mt-5 {
margin-top: 1.5rem !important;
}
.mr-5 {
margin-right: 1.5rem !important;
}
.mb-5 {
margin-bottom: 1.5rem !important;
}
.ml-5 {
margin-left: 1.5rem !important;
}
.mx-5 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-6 {
margin: 3rem !important;
}
.mt-6 {
margin-top: 3rem !important;
}
.mr-6 {
margin-right: 3rem !important;
}
.mb-6 {
margin-bottom: 3rem !important;
}
.ml-6 {
margin-left: 3rem !important;
}
.mx-6 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3 {
padding-top: 0.75rem !important;
}
.pr-3 {
padding-right: 0.75rem !important;
}
.pb-3 {
padding-bottom: 0.75rem !important;
}
.pl-3 {
padding-left: 0.75rem !important;
}
.px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4 {
padding-top: 1rem !important;
}
.pr-4 {
padding-right: 1rem !important;
}
.pb-4 {
padding-bottom: 1rem !important;
}
.pl-4 {
padding-left: 1rem !important;
}
.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-5 {
padding: 1.5rem !important;
}
.pt-5 {
padding-top: 1.5rem !important;
}
.pr-5 {
padding-right: 1.5rem !important;
}
.pb-5 {
padding-bottom: 1.5rem !important;
}
.pl-5 {
padding-left: 1.5rem !important;
}
.px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-6 {
padding: 3rem !important;
}
.pt-6 {
padding-top: 3rem !important;
}
.pr-6 {
padding-right: 3rem !important;
}
.pb-6 {
padding-bottom: 3rem !important;
}
.pl-6 {
padding-left: 3rem !important;
}
.px-6 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.p-auto {
padding: auto !important;
}
.pt-auto {
padding-top: auto !important;
}
.pr-auto {
padding-right: auto !important;
}
.pb-auto {
padding-bottom: auto !important;
}
.pl-auto {
padding-left: auto !important;
}
.px-auto {
padding-left: auto !important;
padding-right: auto !important;
}
.py-auto {
padding-top: auto !important;
padding-bottom: auto !important;
}
.row .col {
padding: 0 0.57rem;
}
.col .row {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
html {
line-height: 1.5;
}
.collection {
padding-left: 0;
list-style-type: none;
margin: 0.38rem 0 0.76rem 0;
border: 1px solid var(--md-sys-color-outline-variant);
border-radius: 2px;
overflow: hidden;
position: relative;
}
.collection .collection-item {
background-color: #fff;
line-height: 1.5rem;
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.collection .collection-item.avatar {
min-height: 84px;
padding-left: 72px;
position: relative;
}
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
position: absolute;
width: 42px;
height: 42px;
overflow: hidden;
left: 15px;
display: inline-block;
vertical-align: middle;
}
.collection .collection-item.avatar i.circle {
font-size: 18px;
line-height: 42px;
color: #fff;
background-color: var(--md-sys-color-shadow-light);
text-align: center;
}
.collection .collection-item.avatar .title, .collection .collection-item.avatar .card-risorsa__title, .collection .collection-item.avatar .card-post__title, .collection .collection-item.avatar .card-list__title {
font-size: 16px;
}
.collection .collection-item.avatar p {
margin: 0;
}
.collection .collection-item.avatar .secondary-content {
position: absolute;
top: 16px;
right: 16px;
}
.collection .collection-item:last-child {
border-bottom: none;
}
.collection .collection-item.active {
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
}
.collection .collection-item.active .secondary-content {
color: var(--md-sys-color-on-primary);
}
.collection a.collection-item {
display: block;
transition: 0.25s;
color: var(--md-sys-color-primary);
}
.collection a.collection-item:not(.active):hover {
background-color: rgba(0, 0, 0, 0.04);
}
.collection.with-header .collection-header {
background-color: transparent;
border-bottom: 1px solid var(--md-sys-color-outline-variant);
padding: 10px 20px;
}
.collection.with-header .collection-item {
padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
padding-left: 72px;
}
.secondary-content {
float: right;
color: var(--md-sys-color-primary);
}
.collapsible .collection {
margin: 0;
border: none;
}
/* This is needed for some mobile phones to display the Google Icon font properly */
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
text-rendering: optimizelegibility;
font-feature-settings: "liga";
}
.container, .root-container {
margin: 0 auto;
max-width: 1280px;
width: 90%;
}
@media only screen and (min-width : 601px) {
.container, .root-container {
width: 85%;
}
}
@media only screen and (min-width : 993px) {
.container, .root-container {
width: 70%;
}
}
.section {
padding: 1rem 0;
}
body {
--gap-size: 0;
}
.row {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: var(--gap-size);
}
.row .s1 {
grid-column: auto/span 1;
}
.row .s2 {
grid-column: auto/span 2;
}
.row .s3 {
grid-column: auto/span 3;
}
.row .s4 {
grid-column: auto/span 4;
}
.row .s5 {
grid-column: auto/span 5;
}
.row .s6 {
grid-column: auto/span 6;
}
.row .s7 {
grid-column: auto/span 7;
}
.row .s8 {
grid-column: auto/span 8;
}
.row .s9 {
grid-column: auto/span 9;
}
.row .s10 {
grid-column: auto/span 10;
}
.row .s11 {
grid-column: auto/span 11;
}
.row .s12 {
grid-column: auto/span 12;
}
.row .offset-s1 {
grid-column-start: 3;
}
.row .offset-s2 {
grid-column-start: 2;
}
.row .offset-s3 {
grid-column-start: 4;
}
.row .offset-s4 {
grid-column-start: 5;
}
.row .offset-s5 {
grid-column-start: 6;
}
.row .offset-s6 {
grid-column-start: 7;
}
.row .offset-s7 {
grid-column-start: 8;
}
.row .offset-s8 {
grid-column-start: 9;
}
.row .offset-s9 {
grid-column-start: 10;
}
.row .offset-s10 {
grid-column-start: 11;
}
.row .offset-s11 {
grid-column-start: 12;
}
@media only screen and (min-width : 601px) {
.row .m1 {
grid-column: auto/span 1;
}
.row .m2 {
grid-column: auto/span 2;
}
.row .m3 {
grid-column: auto/span 3;
}
.row .m4 {
grid-column: auto/span 4;
}
.row .m5 {
grid-column: auto/span 5;
}
.row .m6 {
grid-column: auto/span 6;
}
.row .m7 {
grid-column: auto/span 7;
}
.row .m8 {
grid-column: auto/span 8;
}
.row .m9 {
grid-column: auto/span 9;
}
.row .m10 {
grid-column: auto/span 10;
}
.row .m11 {
grid-column: auto/span 11;
}
.row .m12 {
grid-column: auto/span 12;
}
.row .offset-m1 {
grid-column-start: 2;
}
.row .offset-m2 {
grid-column-start: 3;
}
.row .offset-m3 {
grid-column-start: 4;
}
.row .offset-m4 {
grid-column-start: 5;
}
.row .offset-m5 {
grid-column-start: 6;
}
.row .offset-m6 {
grid-column-start: 7;
}
.row .offset-m7 {
grid-column-start: 8;
}
.row .offset-m8 {
grid-column-start: 9;
}
.row .offset-m9 {
grid-column-start: 10;
}
.row .offset-m10 {
grid-column-start: 11;
}
.row .offset-m11 {
grid-column-start: 12;
}
}
@media only screen and (min-width : 993px) {
.row .l1 {
grid-column: auto/span 1;
}
.row .l2 {
grid-column: auto/span 2;
}
.row .l3 {
grid-column: auto/span 3;
}
.row .l4 {
grid-column: auto/span 4;
}
.row .l5 {
grid-column: auto/span 5;
}
.row .l6 {
grid-column: auto/span 6;
}
.row .l7 {
grid-column: auto/span 7;
}
.row .l8 {
grid-column: auto/span 8;
}
.row .l9 {
grid-column: auto/span 9;
}
.row .l10 {
grid-column: auto/span 10;
}
.row .l11 {
grid-column: auto/span 11;
}
.row .l12 {
grid-column: auto/span 12;
}
.row .offset-l1 {
grid-column-start: 2;
}
.row .offset-l2 {
grid-column-start: 3;
}
.row .offset-l3 {
grid-column-start: 4;
}
.row .offset-l4 {
grid-column-start: 5;
}
.row .offset-l5 {
grid-column-start: 6;
}
.row .offset-l6 {
grid-column-start: 7;
}
.row .offset-l7 {
grid-column-start: 8;
}
.row .offset-l8 {
grid-column-start: 9;
}
.row .offset-l9 {
grid-column-start: 10;
}
.row .offset-l10 {
grid-column-start: 11;
}
.row .offset-l11 {
grid-column-start: 12;
}
}
@media only screen and (min-width : 1201px) {
.row .xl1 {
grid-column: auto/span 1;
}
.row .xl2 {
grid-column: auto/span 2;
}
.row .xl3 {
grid-column: auto/span 3;
}
.row .xl4 {
grid-column: auto/span 4;
}
.row .xl5 {
grid-column: auto/span 5;
}
.row .xl6 {
grid-column: auto/span 6;
}
.row .xl7 {
grid-column: auto/span 7;
}
.row .xl8 {
grid-column: auto/span 8;
}
.row .xl9 {
grid-column: auto/span 9;
}
.row .xl10 {
grid-column: auto/span 10;
}
.row .xl11 {
grid-column: auto/span 11;
}
.row .xl12 {
grid-column: auto/span 12;
}
.row .offset-xl1 {
grid-column-start: 2;
}
.row .offset-xl2 {
grid-column-start: 3;
}
.row .offset-xl3 {
grid-column-start: 4;
}
.row .offset-xl4 {
grid-column-start: 5;
}
.row .offset-xl5 {
grid-column-start: 6;
}
.row .offset-xl6 {
grid-column-start: 7;
}
.row .offset-xl7 {
grid-column-start: 8;
}
.row .offset-xl8 {
grid-column-start: 9;
}
.row .offset-xl9 {
grid-column-start: 10;
}
.row .offset-xl10 {
grid-column-start: 11;
}
.row .offset-xl11 {
grid-column-start: 12;
}
}
.g-0 {
gap: 0;
}
.g-1 {
gap: calc(0.25 * var(--gap-size));
}
.g-2 {
gap: calc(0.5 * var(--gap-size));
}
.g-3 {
gap: calc(1 * var(--gap-size));
}
.g-4 {
gap: calc(1.5 * var(--gap-size));
}
.g-5 {
gap: calc(3 * var(--gap-size));
}
:root {
--navbar-height: 64px;
--navbar-height-mobile: 56px;
}
nav:not(#ez-toc-container nav) {
color: var(--md-sys-color-on-primary);
width: 100%;
height: var(--navbar-height-mobile);
line-height: var(--navbar-height-mobile);
}
nav:not(#ez-toc-container nav).nav-extended {
height: auto;
}
nav:not(#ez-toc-container nav).nav-extended .nav-wrapper {
min-height: var(--navbar-height-mobile);
height: auto;
}
nav:not(#ez-toc-container nav).nav-extended .nav-content {
position: relative;
line-height: normal;
}
nav:not(#ez-toc-container nav) i,
nav:not(#ez-toc-container nav) [class^=mdi-], nav:not(#ez-toc-container nav) [class*=mdi-],
nav:not(#ez-toc-container nav) i.material-symbols-outlined,
nav:not(#ez-toc-container nav) i.material-symbols-rounded,
nav:not(#ez-toc-container nav) i.material-symbols-sharp {
display: block;
font-size: 24px;
height: var(--navbar-height-mobile);
line-height: var(--navbar-height-mobile);
}
nav:not(#ez-toc-container nav):not(.navbar-header-group) .nav-wrapper {
position: relative;
height: 100%;
}
@media only screen and (min-width : 993px) {
nav:not(#ez-toc-container nav) a.sidenav-trigger {
display: none;
}
}
nav:not(#ez-toc-container nav) .sidenav-trigger {
float: left;
position: relative;
z-index: 1;
height: var(--navbar-height-mobile);
margin: 0 18px;
}
nav:not(#ez-toc-container nav) .sidenav-trigger i {
height: var(--navbar-height-mobile);
line-height: var(--navbar-height-mobile);
}
nav:not(#ez-toc-container nav) .brand-logo {
position: absolute;
color: var(--md-sys-color-on-primary);
display: inline-block;
font-size: 2.1rem;
padding: 0;
}
nav:not(#ez-toc-container nav) .brand-logo.center {
left: 50%;
transform: translateX(-50%);
}
@media only screen and (max-width : 992.99px) {
nav:not(#ez-toc-container nav) .brand-logo {
left: 50%;
transform: translateX(-50%);
}
nav:not(#ez-toc-container nav) .brand-logo.left, nav:not(#ez-toc-container nav) .brand-logo.right {
padding: 0;
transform: none;
}
nav:not(#ez-toc-container nav) .brand-logo.left {
left: 0.5rem;
}
nav:not(#ez-toc-container nav) .brand-logo.right {
right: 0.5rem;
left: auto;
}
}
nav:not(#ez-toc-container nav) .brand-logo.right {
right: 0.5rem;
padding: 0;
}
nav:not(#ez-toc-container nav) .brand-logo i,
nav:not(#ez-toc-container nav) .brand-logo [class^=mdi-], nav:not(#ez-toc-container nav) .brand-logo [class*=mdi-],
nav:not(#ez-toc-container nav) .brand-logo i.material-symbols-outlined,
nav:not(#ez-toc-container nav) .brand-logo i.material-symbols-rounded,
nav:not(#ez-toc-container nav) .brand-logo i.material-symbols-sharp {
float: left;
margin-right: 15px;
}
nav:not(#ez-toc-container nav) .nav-title {
display: inline-block;
font-size: 32px;
padding: 28px 0;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) {
list-style-type: none;
margin: 0;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li {
transition: background-color 0.3s;
float: left;
padding: 0;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a {
transition: background-color 0.3s;
font-size: 1rem;
display: block;
padding: 0 15px;
cursor: pointer;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.active {
background-color: var(--md-ref-palette-primary80);
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-large, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-flat, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-floating {
margin-top: -2px;
margin-left: 15px;
margin-right: 15px;
display: inline-block;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn > .material-symbols-outlined,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn > .material-symbols-rounded,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn > .material-symbols-sharp, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-outlined,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-rounded,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-sharp, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-outlined,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-rounded,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-sharp, nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-outlined,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-rounded,
nav:not(#ez-toc-container nav) ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-sharp {
height: inherit;
line-height: inherit;
}
nav:not(#ez-toc-container nav) ul:not(.dropdown-content).left {
float: left;
}
nav:not(#ez-toc-container nav) form {
height: 100%;
}
nav:not(#ez-toc-container nav) .input-field {
margin: 0;
height: 100%;
}
nav:not(#ez-toc-container nav) .input-field input[type=search] {
height: 100%;
font-size: 1.2rem;
border: none;
padding-left: 2rem;
color: var(--md-sys-color-on-primary);
}
nav:not(#ez-toc-container nav) .input-field input[type=search]:focus, nav:not(#ez-toc-container nav) .input-field input[type=search][type=text]:valid, nav:not(#ez-toc-container nav) .input-field input[type=search][type=password]:valid, nav:not(#ez-toc-container nav) .input-field input[type=search][type=email]:valid, nav:not(#ez-toc-container nav) .input-field input[type=search][type=url]:valid, nav:not(#ez-toc-container nav) .input-field input[type=search][type=date]:valid {
border: none;
box-shadow: none;
}
nav:not(#ez-toc-container nav) .input-field label {
top: 0;
left: 0;
}
nav:not(#ez-toc-container nav) .input-field label i {
color: var(--font-on-primary-color-medium);
transition: color 0.3s;
}
nav:not(#ez-toc-container nav) .input-field label.active i {
color: var(--md-sys-color-on-primary);
}
.navbar-fixed {
position: relative;
height: var(--navbar-height-mobile);
z-index: 997;
}
.navbar-fixed nav {
position: fixed;
right: 0;
}
@media only screen and (min-width : 601px) {
nav.nav-extended .nav-wrapper {
min-height: var(--navbar-height-mobile);
}
nav:not(#ez-toc-container nav), nav:not(#ez-toc-container nav) .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
height: var(--navbar-height);
line-height: var(--navbar-height);
}
.navbar-fixed {
height: var(--navbar-height);
}
}
a {
text-decoration: none;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: normal;
color: var(--md-sys-color-on-background);
}
@media only screen and (min-width: 0) {
html {
font-size: 14px;
}
}
@media only screen and (min-width: 993px) {
html {
font-size: 14.5px;
}
}
@media only screen and (min-width: 1201px) {
html {
font-size: 15px;
}
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.3;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-size: 4.2rem;
line-height: 110%;
margin: 2.8rem 0 1.68rem 0;
}
h2 {
font-size: 3.56rem;
line-height: 110%;
margin: 2.3733333333rem 0 1.424rem 0;
}
h3 {
font-size: 2.92rem;
line-height: 110%;
margin: 1.9466666667rem 0 1.168rem 0;
}
h4 {
font-size: 2.28rem;
line-height: 110%;
margin: 1.52rem 0 0.912rem 0;
}
h5 {
font-size: 1.64rem;
line-height: 110%;
margin: 1.0933333333rem 0 0.656rem 0;
}
h6 {
font-size: 1.15rem;
line-height: 110%;
margin: 0.7666666667rem 0 0.46rem 0;
}
em {
font-style: italic;
}
strong {
font-weight: 500;
}
small {
font-size: 75%;
}
.light {
font-weight: 300;
}
.thin {
font-weight: 200;
}
@media only screen and (min-width: 360px) {
.flow-text {
font-size: 1.2rem;
}
}
@media only screen and (min-width: 390px) {
.flow-text {
font-size: 1.224rem;
}
}
@media only screen and (min-width: 420px) {
.flow-text {
font-size: 1.248rem;
}
}
@media only screen and (min-width: 450px) {
.flow-text {
font-size: 1.272rem;
}
}
@media only screen and (min-width: 480px) {
.flow-text {
font-size: 1.296rem;
}
}
@media only screen and (min-width: 510px) {
.flow-text {
font-size: 1.32rem;
}
}
@media only screen and (min-width: 540px) {
.flow-text {
font-size: 1.344rem;
}
}
@media only screen and (min-width: 570px) {
.flow-text {
font-size: 1.368rem;
}
}
@media only screen and (min-width: 600px) {
.flow-text {
font-size: 1.392rem;
}
}
@media only screen and (min-width: 630px) {
.flow-text {
font-size: 1.416rem;
}
}
@media only screen and (min-width: 660px) {
.flow-text {
font-size: 1.44rem;
}
}
@media only screen and (min-width: 690px) {
.flow-text {
font-size: 1.464rem;
}
}
@media only screen and (min-width: 720px) {
.flow-text {
font-size: 1.488rem;
}
}
@media only screen and (min-width: 750px) {
.flow-text {
font-size: 1.512rem;
}
}
@media only screen and (min-width: 780px) {
.flow-text {
font-size: 1.536rem;
}
}
@media only screen and (min-width: 810px) {
.flow-text {
font-size: 1.56rem;
}
}
@media only screen and (min-width: 840px) {
.flow-text {
font-size: 1.584rem;
}
}
@media only screen and (min-width: 870px) {
.flow-text {
font-size: 1.608rem;
}
}
@media only screen and (min-width: 900px) {
.flow-text {
font-size: 1.632rem;
}
}
@media only screen and (min-width: 930px) {
.flow-text {
font-size: 1.656rem;
}
}
@media only screen and (min-width: 960px) {
.flow-text {
font-size: 1.68rem;
}
}
@media only screen and (max-width: 360px) {
.flow-text {
font-size: 1.2rem;
}
}
.card-panel {
transition: box-shadow 0.25s;
padding: 24px;
margin: 0.38rem 0 0.76rem 0;
border-radius: 12px;
background-color: var(--md-sys-color-surface);
}
.card {
overflow: hidden;
position: relative;
background-color: var(--md-sys-color-surface);
transition: box-shadow 0.25s;
}
.card .card-title {
font-size: 24px;
font-weight: 300;
}
.card.small, .card.medium, .card.large {
position: relative;
}
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
max-height: 60%;
overflow: hidden;
}
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
max-height: 40%;
}
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
max-height: 100%;
overflow: hidden;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.card.small {
height: 300px;
}
.card.medium {
height: 400px;
}
.card.large {
height: 500px;
}
.card.horizontal {
display: flex;
}
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
height: 100%;
max-height: none;
overflow: visible;
}
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
height: 100%;
}
.card.horizontal .card-image {
max-width: 50%;
}
.card.horizontal .card-image img {
border-radius: 2px 0 0 2px;
max-width: 100%;
width: auto;
}
.card.horizontal .card-stacked {
display: flex;
flex-direction: column;
flex: 1;
position: relative;
}
.card.horizontal .card-stacked .card-content {
flex-grow: 1;
}
.card.sticky-action .card-action {
z-index: 2;
}
.card.sticky-action .card-reveal {
z-index: 1;
padding-bottom: 64px;
}
.card .card-image {
position: relative;
}
.card .card-image img {
display: block;
border-radius: 2px 2px 0 0;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
}
.card .card-image .card-title {
color: var(--md-sys-color-surface);
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
padding: 24px;
}
.card .card-image .activator {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.card .card-content {
padding: 24px;
border-radius: 0 0 2px 2px;
}
.card .card-content p {
margin: 0;
}
.card .card-content .card-title {
display: block;
line-height: 32px;
margin-bottom: 8px;
}
.card .card-content .card-title i {
line-height: 32px;
}
.card .card-content .card-title.activator {
cursor: pointer;
}
.card .card-action {
border-top: 1px solid var(--md-sys-color-outline-variant);
position: relative;
background-color: inherit;
}
.card .card-action:last-child {
border-radius: 0 0 2px 2px;
}
.card .card-action a {
padding: 16px 24px;
display: inline-block;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
color: var(--md-sys-color-primary);
transition: color 0.3s ease;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
background-color: rgba(var(--md-sys-color-primary-numeric), 0.06);
}
.card .card-reveal {
padding: 24px;
position: absolute;
background-color: var(--md-sys-color-surface);
width: 100%;
overflow-y: auto;
left: 0;
top: 100%;
height: 100%;
z-index: 3;
display: none;
}
.card .card-reveal .card-title {
cursor: pointer;
display: block;
}
#toast-container {
display: block;
position: fixed;
z-index: 10000;
}
@media only screen and (max-width : 600.99px) {
#toast-container {
min-width: 100%;
bottom: 0%;
}
}
@media only screen and (min-width : 601px) and (max-width : 992.99px) {
#toast-container {
left: 5%;
bottom: 7%;
max-width: 90%;
}
}
@media only screen and (min-width : 993px) {
#toast-container {
top: 10%;
right: 7%;
max-width: 86%;
}
}
.toast {
border-radius: 4px;
top: 35px;
width: auto;
margin-top: 10px;
position: relative;
max-width: 100%;
height: auto;
min-height: 48px;
padding-left: 16px;
padding-right: 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: var(--md-sys-color-inverse-on-surface);
background-color: var(--md-sys-color-inverse-surface);
display: flex;
align-items: center;
justify-content: space-between;
cursor: default;
}
.toast .toast-action {
color: var(--md-sys-color-inverse-primary);
font-weight: 500;
margin-right: -25px;
margin-left: 3rem;
}
.toast.rounded {
border-radius: 24px;
}
@media only screen and (max-width : 600.99px) {
.toast {
width: 100%;
border-radius: 0;
}
}
[popover] {
outline: none;
padding: 0;
border: none;
}
.dropdown-content {
padding-left: 0;
list-style-type: none;
background-color: var(--md-sys-color-surface);
margin: 0;
display: none;
min-width: 100px;
overflow-y: auto;
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999;
transform-origin: 0 0;
user-select: none;
}
.dropdown-content li {
clear: both;
color: var(--md-sys-color-on-background);
cursor: pointer;
min-height: 50px;
line-height: 1.5rem;
width: 100%;
text-align: left;
}
.dropdown-content li.divider {
min-height: 0;
height: 1px;
}
.dropdown-content li > a, .dropdown-content li > span {
font-size: 16px;
color: var(--md-sys-color-primary);
display: block;
line-height: 22px;
padding: 14px 16px;
}
.dropdown-content li > span > label {
top: 1px;
left: 0;
height: 18px;
}
.dropdown-content li > a > i {
height: inherit !important;
line-height: inherit !important;
float: left;
margin: 0 24px 0 0;
width: 24px;
}
.dropdown-content li:not(.disabled):hover, .dropdown-content li.active {
background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 8%);
}
body.keyboard-focused .dropdown-content li:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.input-field.col .dropdown-content [type=checkbox] + label {
top: 1px;
left: 0;
height: 18px;
transform: none;
}
.dropdown-trigger {
cursor: pointer;
}
.modal {
--modal-footer-divider-height: 1px;
--modal-border-radius: 2px;
--modal-padding: 24px;
--modal-padding-bottom: 16px;
border: none;
outline: none;
padding: 0;
max-height: 70%;
width: 55%;
border-radius: var(--modal-border-radius);
will-change: top, opacity;
background-color: var(--wp--preset--color--white-lighten);
}
.modal[open] {
display: flex;
flex-direction: column;
}
@media only screen and (max-width : 992.99px) {
.modal {
width: 80%;
}
}
.modal::backdrop {
backdrop-filter: blur(1px);
}
.modal .modal-header {
padding: var(--modal-padding);
padding-bottom: var(--modal-padding-bottom);
flex-shrink: 0;
}
.modal .modal-content {
padding: var(--modal-padding);
overflow-y: auto;
}
.modal .modal-footer {
border-radius: 0 0 var(--modal-border-radius) var(--modal-border-radius);
padding: var(--modal-padding);
text-align: right;
flex-shrink: 0;
}
.modal .modal-close {
cursor: pointer;
}
.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
margin: 0;
}
.modal.bottom-sheet {
margin-bottom: 0;
max-height: 45%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
will-change: bottom, opacity;
}
.chip {
--font-size: 14px;
--font-size-icon: 18px;
--padding: 8px;
color: var(--md-sys-color-on-surface-variant);
background-color: rgba(0, 0, 0, 0.09);
display: inline-flex;
white-space: nowrap;
gap: 8px;
margin: 0;
height: 32px;
padding-left: var(--padding);
padding-right: var(--padding);
font-size: var(--font-size);
font-weight: 500;
border-radius: 21px;
align-items: center;
user-select: none;
vertical-align: top;
}
.chip:focus {
outline: none;
background-color: var(--md-sys-color-primary);
color: var(--md-sys-color-on-primary);
}
.chip.outlined {
background-color: transparent;
border-color: var(--md-sys-color-outline);
border-width: 1px;
border-style: solid;
}
.chip > img {
margin: 0;
width: 24px;
height: 24px;
object-fit: cover;
border-radius: 12px;
}
.chip > .material-symbols-outlined {
font-size: var(--font-size-icon);
}
.chip .close {
border-radius: 50%;
height: 24px;
width: 24px;
padding: 0;
display: grid;
justify-content: center;
align-content: center;
cursor: pointer;
}
.chip .close:hover {
background-color: rgba(136, 136, 136, 0.5333333333);
}
.chips {
display: flex;
gap: 4px;
flex-wrap: wrap;
border: none;
box-shadow: none;
margin: 0 0 8px 0;
padding: 4px;
outline: none;
transition: all 0.3s;
}
.chips.focus {
border-bottom: 1px solid var(--md-sys-color-primary);
box-shadow: 0 1px 0 0 var(--md-sys-color-primary);
}
.chips.input-field {
border-bottom: 1px solid var(--md-sys-color-on-surface-variant);
}
.chips.input-field:hover {
cursor: text;
}
.chips input:not([type]):not(.browser-default).input {
background: none;
border: 0;
color: var(--md-sys-color-on-background);
display: inline-block;
font-size: 16px;
height: 32px;
outline: 0;
margin: 0;
padding: 0;
width: 120px;
width: fit-content;
min-width: 100px;
max-width: 200px;
}
.chips input:not([type]):not(.browser-default).input:focus {
border: 0;
box-shadow: none;
}
.chips .autocomplete-content {
margin-top: 0;
margin-bottom: 0;
}
.prefix ~ .chips {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.suffix ~ .chips {
margin-right: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.chips:empty ~ label {
font-size: 0.8rem;
transform: translateY(-140%);
}
select:focus {
outline: 1px solid var(--md-ref-palette-primary80);
}
/*
button:focus {
outline: none;
background-color: $button-background-focus;
}
*/
label {
font-size: 0.8rem;
color: var(--md-sys-color-on-surface-variant);
}
/* Style Placeholders */
::placeholder {
color: var(--md-sys-color-on-surface-variant);
}
/* Text inputs */
input:not([type]):not(.browser-default),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=month]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
outline: none;
color: var(--md-sys-color-on-background);
width: 100%;
font-size: 16px;
height: 3rem;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
}
.input-field input.invalid, .input-field textarea.invalid {
border-bottom: 2px solid var(--md-sys-color-error);
box-shadow: 0 1px 0 0 var(--md-sys-color-error);
}
.input-field input.invalid ~ .supporting-text[data-error] > span, .input-field textarea.invalid ~ .supporting-text[data-error] > span {
display: none;
}
.input-field input.invalid ~ .supporting-text:after, .input-field textarea.invalid ~ .supporting-text:after {
content: attr(data-error);
color: var(--md-sys-color-error);
}
.input-field {
--input-color: var(--md-sys-color-primary);
position: relative;
clear: both;
}
.input-field input, .input-field textarea {
box-sizing: border-box; /* https://stackoverflow.com/questions/1377719/padding-within-inputs-breaks-width-100*/
padding: 0 16px;
padding-top: 20px;
background-color: var(--md-sys-color-surface);
border: none;
border-radius: 4px;
border-bottom: 1px solid var(--md-sys-color-on-surface-variant);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.input-field input:focus:not([readonly]), .input-field textarea:focus:not([readonly]) {
border-bottom: 2px solid var(--input-color);
padding-top: 21px;
}
.input-field input:disabled, .input-field input[readonly=readonly], .input-field textarea:disabled, .input-field textarea[readonly=readonly] {
color: rgba(var(--md_sys_color_on-surface), 0.38);
border-color: rgba(var(--md_sys_color_on-surface), 0.12);
background-color: rgba(var(--md_sys_color_on-surface), 0.04);
}
.input-field input:focus:not([readonly]) + label, .input-field textarea:focus:not([readonly]) + label {
color: var(--input-color);
}
.input-field input:focus:not([readonly]) + label, .input-field input:not([placeholder=" "]) + label, .input-field input:not(:placeholder-shown) + label, .input-field textarea:focus:not([readonly]) + label, .input-field textarea:not([placeholder=" "]) + label, .input-field textarea:not(:placeholder-shown) + label {
transform: scale(0.75);
top: 8px;
}
.input-field input:disabled + label, .input-field input[readonly=readonly] + label, .input-field textarea:disabled + label, .input-field textarea[readonly=readonly] + label {
color: rgba(var(--md_sys_color_on-surface), 0.38);
}
.input-field input.invalid ~ label, .input-field input:focus.invalid ~ label, .input-field textarea.invalid ~ label, .input-field textarea:focus.invalid ~ label {
color: var(--md-sys-color-error);
}
.input-field input::placeholder {
user-select: none;
}
.input-field > label {
color: var(--md-sys-color-on-surface-variant);
user-select: none;
font-size: 16px;
position: absolute;
left: 16px;
top: 16px;
cursor: text;
transform-origin: top left;
transition: left 0.2s ease-out, top 0.2s ease-out, transform 0.2s ease-out;
}
.input-field .supporting-text {
color: var(--md-sys-color-on-surface-variant);
font-size: 12px;
padding: 0 16px;
margin-top: 4px;
}
.input-field .character-counter {
color: var(--md-sys-color-on-surface-variant);
font-size: 12px;
float: right;
padding: 0 16px;
margin-top: 4px;
}
.input-field .prefix {
position: absolute;
left: 12px;
top: 16px;
user-select: none;
display: flex;
align-self: center;
}
.input-field .suffix {
position: absolute;
right: 12px;
top: 16px;
user-select: none;
}
.input-field .prefix ~ input, .input-field .prefix ~ textarea {
padding-left: 52px;
}
.input-field .suffix ~ input, .input-field .suffix ~ textarea {
padding-right: 52px;
}
.input-field .prefix ~ label {
left: 52px;
}
.input-field.outlined input, .input-field.outlined textarea {
padding-top: 0;
background-color: var(--md-sys-color-background);
border: 1px solid var(--md-sys-color-on-surface-variant);
border-radius: 4px;
}
.input-field.outlined input:focus:not([readonly]), .input-field.outlined textarea:focus:not([readonly]) {
border: 2px solid var(--input-color);
padding-top: 0;
margin-left: -1px;
}
.input-field.outlined input:focus:not([readonly]) + label, .input-field.outlined textarea:focus:not([readonly]) + label {
color: var(--input-color);
}
.input-field.outlined input:focus:not([readonly]) + label, .input-field.outlined input:not([placeholder=" "]) + label, .input-field.outlined input:not(:placeholder-shown) + label, .input-field.outlined textarea:focus:not([readonly]) + label, .input-field.outlined textarea:not([placeholder=" "]) + label, .input-field.outlined textarea:not(:placeholder-shown) + label {
top: -8px;
left: 16px;
margin-left: -4px;
padding: 0 4px;
background-color: var(--md-sys-color-background);
}
.input-field.outlined input:disabled, .input-field.outlined input[readonly=readonly], .input-field.outlined textarea:disabled, .input-field.outlined textarea[readonly=readonly] {
color: rgba(var(--md_sys_color_on-surface), 0.38);
border-color: rgba(var(--md_sys_color_on-surface), 0.12);
}
.input-field.error input, .input-field.error textarea {
border-color: var(--md-sys-color-error);
}
.input-field.error input:focus:not([readonly]), .input-field.error textarea:focus:not([readonly]) {
border-color: var(--md-sys-color-error);
}
.input-field.error input:focus:not([readonly]) + label, .input-field.error textarea:focus:not([readonly]) + label {
color: var(--md-sys-color-error);
}
.input-field.error label {
color: var(--md-sys-color-error);
}
.input-field.error .supporting-text {
color: var(--md-sys-color-error);
}
.input-field.error .suffix {
color: var(--md-sys-color-error);
}
/* Search Field */
.searchbar .prefix {
position: absolute;
padding-left: 1rem;
top: 0;
user-select: none;
display: flex;
align-self: center;
}
.searchbar > input {
border-width: 0;
background-color: transparent;
padding-left: 3rem;
}
.searchbar.has-sidebar {
margin-left: 0;
}
@media only screen and (min-width : 993px) {
.searchbar.has-sidebar {
margin-left: 300px;
}
}
/*
.input-field input[type=search] {
display: block;
line-height: inherit;
.nav-wrapper & {
height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem);
border: 0;
box-shadow: none;
}
&:focus:not(.browser-default) {
border: 0;
box-shadow: none;
}
& + .label-icon {
transform: none;
left: 1rem;
}
}
*/
/* Textarea */
textarea {
width: 100%;
height: 3rem;
background-color: transparent;
}
textarea.materialize-textarea {
padding-top: 26px !important;
padding-bottom: 4px !important;
line-height: normal;
overflow-y: hidden; /* prevents scroll bar flash */
resize: none;
min-height: 3rem;
box-sizing: border-box;
}
.hiddendiv {
visibility: hidden;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
padding-top: 1.2rem; /* prevents text jump on Enter keypress */
position: absolute;
top: 0;
z-index: -1;
}
/* Autocomplete Items */
.autocomplete-content li .highlight {
color: var(--md-sys-color-on-background);
}
.autocomplete-content li img {
height: 40px;
width: 40px;
margin: 5px 15px;
}
/* Datepicker date input fields */
.datepicker-date-input {
position: relative;
text-indent: -9999px;
}
.datepicker-date-input::after {
display: block;
position: absolute;
top: 1.1rem;
content: attr(data-date);
color: var(--input-color);
text-indent: 0;
}
.datepicker-date-input:focus-visible {
text-indent: 0;
}
.datepicker-date-input:focus-visible:after {
text-indent: -9999px;
}
[type=radio]:not(:checked),
[type=radio]:checked {
position: absolute;
opacity: 0;
pointer-events: none;
}
[type=radio]:not(:checked) + span,
[type=radio]:checked + span {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
transition: 0.28s ease;
user-select: none;
}
[type=radio] + span:before,
[type=radio] + span:after {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
transition: 0.28s ease;
}
/* Unchecked styles */
[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after,
[type=radio]:checked + span:before,
[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
border-radius: 50%;
}
[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after {
border: 2px solid var(--md-sys-color-on-surface-variant);
}
[type=radio]:not(:checked) + span:after {
transform: scale(0);
}
/* Checked styles */
[type=radio]:checked + span:before {
border: 2px solid transparent;
}
[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
border: 2px solid var(--md-sys-color-primary);
}
[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:after {
background-color: var(--md-sys-color-primary);
}
[type=radio]:checked + span:after {
transform: scale(1.02);
}
/* Radio With gap */
[type=radio].with-gap:checked + span:after {
transform: scale(0.5);
}
/* Focused styles */
[type=radio].tabbed:focus + span:before {
box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18);
}
/* Disabled Radio With gap */
[type=radio].with-gap:disabled:checked + span:before {
border: 2px solid var(--md-sys-color-on-surface);
}
[type=radio].with-gap:disabled:checked + span:after {
border: none;
background-color: var(--md-sys-color-on-surface);
}
/* Disabled style */
[type=radio]:disabled:not(:checked) + span:before,
[type=radio]:disabled:checked + span:before {
background-color: transparent;
border-color: var(--md-sys-color-on-surface);
}
[type=radio]:disabled + span {
color: var(--md-sys-color-on-surface);
}
[type=radio]:disabled:not(:checked) + span:before {
border-color: var(--md-sys-color-on-surface);
}
[type=radio]:disabled:checked + span:after {
background-color: var(--md-sys-color-on-surface);
border-color: var(--md-sys-color-on-surface);
}
/* Checkboxes
========================================================================== */
/* Remove default checkbox */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
position: absolute;
opacity: 0;
pointer-events: none;
}
[type=checkbox] {
/* checkbox aspect */
}
[type=checkbox] + span:not(.lever) {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
user-select: none;
}
[type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid var(--md-sys-color-on-surface-variant);
border-radius: 1px;
margin-top: 3px;
transition: 0.2s;
}
[type=checkbox]:not(.filled-in) + span:not(.lever):after {
border: 0;
transform: scale(0);
}
[type=checkbox]:not(:checked):disabled + span:not(.lever):before {
border: none;
background-color: var(--md-sys-color-on-surface);
}
[type=checkbox].tabbed:focus + span:not(.lever):after {
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
background-color: rgba(0, 0, 0, 0.12);
}
[type=checkbox]:checked + span:not(.lever):before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid var(--md-sys-color-primary);
border-bottom: 2px solid var(--md-sys-color-primary);
backface-visibility: hidden;
}
[type=checkbox]:checked:disabled + span:before {
border-right: 2px solid var(--md-sys-color-on-surface);
border-bottom: 2px solid var(--md-sys-color-on-surface);
}
/* Indeterminate checkbox */
[type=checkbox]:indeterminate + span:not(.lever):before {
top: -11px;
left: -12px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid var(--md-sys-color-primary);
border-bottom: none;
transform: rotate(90deg);
backface-visibility: hidden;
transform-origin: 100% 100%;
}
[type=checkbox]:indeterminate:disabled + span:not(.lever):before {
border-right: 2px solid var(--md-sys-color-on-surface);
background-color: transparent;
}
[type=checkbox].filled-in + span:not(.lever):after {
border-radius: 2px;
}
[type=checkbox].filled-in + span:not(.lever):before,
[type=checkbox].filled-in + span:not(.lever):after {
content: "";
left: 0;
position: absolute;
/* .1s delay is for check animation */
transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
z-index: 1;
}
[type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
transform: rotateZ(37deg);
transform-origin: 100% 100%;
}
[type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid var(--md-sys-color-on-surface-variant);
top: 0px;
z-index: 0;
}
[type=checkbox].filled-in:checked + span:not(.lever):before {
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid var(--md-sys-color-on-primary);
border-bottom: 2px solid var(--md-sys-color-on-primary);
transform: rotateZ(37deg);
transform-origin: 100% 100%;
}
[type=checkbox].filled-in:checked + span:not(.lever):after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid var(--md-sys-color-primary);
background-color: var(--md-sys-color-primary);
z-index: 0;
}
[type=checkbox].filled-in.tabbed:focus + span:not(.lever):after {
border-radius: 2px;
border-color: var(--md-sys-color-on-surface-variant) r;
background-color: rgba(0, 0, 0, 0.12);
}
[type=checkbox].filled-in.tabbed:checked:focus + span:not(.lever):after {
border-radius: 2px;
background-color: var(--md-sys-color-primary);
border-color: var(--md-sys-color-primary);
}
[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):before {
background-color: transparent;
border: 2px solid transparent;
}
[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):after {
border-color: transparent;
background-color: var(--md-sys-color-on-surface);
}
[type=checkbox].filled-in:disabled:checked + span:not(.lever):before {
background-color: transparent;
}
[type=checkbox].filled-in:disabled:checked + span:not(.lever):after {
background-color: var(--md-sys-color-on-surface);
border-color: var(--md-sys-color-on-surface);
}
.switch {
--track-height: 32px;
--track-width: 52px;
--border-width: 2px;
--size-off: 16px;
--size-on: 24px;
--icon-size: 16px;
--gap-on: calc(((var(--track-height) - var(--size-on)) / 2) - var(--border-width));
--gap-off: calc(((var(--track-height) - var(--size-off)) / 2) - var(--border-width));
}
.switch,
.switch * {
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.switch label {
cursor: pointer;
}
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.switch label input[type=checkbox]:checked + .lever {
background-color: var(--md-sys-color-primary);
border-color: var(--md-sys-color-primary);
}
.switch label input[type=checkbox]:checked + .lever::before, .switch label input[type=checkbox]:checked + .lever::after {
top: var(--gap-on);
left: calc(var(--track-width) - var(--size-on) - var(--gap-on) - 2 * var(--border-width));
width: var(--size-on);
height: var(--size-on);
}
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: var(--track-width);
height: var(--track-height);
border-style: solid;
border-width: 2px;
border-color: var(--md-sys-color-outline);
background-color: var(--md-sys-color-surface-variant);
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px;
}
.switch label .lever::before, .switch label .lever::after {
content: "";
position: absolute;
display: inline-block;
width: var(--size-off);
height: var(--size-off);
border-radius: 50%;
left: var(--gap-off);
top: var(--gap-off);
transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}
.switch label .lever::after {
height: var(--size-off);
width: var(--size-off);
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
background-color: rgba(var(--md-sys-color-primary-numeric), 0.18);
}
input[type=checkbox]:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
background-color: rgba(0, 0, 0, 0.12);
}
.switch input[type=checkbox][disabled] + .lever {
cursor: default;
opacity: 0.5;
}
select.browser-default {
opacity: 1;
color: var(--md-sys-color-on-background);
}
select:not(.hs-input) {
opacity: 0;
background-color: var(--md-sys-color-surface);
width: 100%;
padding: 5px;
border: 1px solid var(--md-sys-color-outline-variant);
border-radius: 2px;
height: 3rem;
}
.select-wrapper {
/*
&.valid .helper-text[data-success],
&.invalid ~ .helper-text[data-error] {
@extend %hidden-text;
}
&.valid {
& > input.select-dropdown {
@extend %valid-input-style;
}
& ~ .helper-text:after {
//@extend %custom-success-message;
}
}
&.invalid {
& > input.select-dropdown,
& > input.select-dropdown:focus {
@extend %invalid-input-style;
}
& ~ .helper-text:after {
//@extend %custom-error-message;
}
}
&.valid + label,
&.invalid + label {
width: 100%;
pointer-events: none;
}
& + label:after {
//@extend %input-after-style;
}
*/
position: relative;
/*
input.select-dropdown {
&:focus {
border-bottom: 1px solid var(--md-sys-color-primary);
}
position: relative;
cursor: pointer;
background-color: transparent;
border: none;
border-bottom: 2px solid var(--md-sys-color-on-surface-variant);
outline: none;
height: 3rem;
line-height: 3rem;
width: 100%;
font-size: 16px;
margin: 0 0 8px 0;
padding: 0;
display: block;
user-select:none;
z-index: 1;
color: var(--md-sys-color-on-background);
}
*/
}
.select-wrapper .caret {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 0;
fill: var(--md-sys-color-on-background);
}
.select-wrapper .hide-select {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: -1;
}
select:disabled {
color: var(--md-sys-color-on-surface);
}
.select-wrapper.disabled + label {
color: var(--md-sys-color-on-surface);
}
.select-wrapper.disabled .caret {
fill: var(--md-sys-color-on-surface);
}
.select-wrapper input.select-dropdown:disabled {
color: var(--md-sys-color-on-surface);
cursor: default;
user-select: none;
}
.select-wrapper i {
color: var(--md-sys-color-on-surface);
}
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
color: var(--md-sys-color-on-surface);
}
/*
body.keyboard-focused {
.select-dropdown.dropdown-content li:focus {
//background-color: $select-option-focus;
}
}
.select-dropdown.dropdown-content {
li {
&:hover:not(.disabled) {
//background-color: $select-option-hover;
}
&.selected:not(.disabled) {
//background-color: $select-option-selected;
}
}
}
*/
/*
// Prefix Icons
.prefix ~ .select-wrapper {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.prefix ~ label { margin-left: 3rem; }
// Suffix Icons
.suffix ~ .select-wrapper {
margin-right: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.suffix ~ label { margin-right: 3rem; }
*/
.select-dropdown li img {
height: 40px;
width: 40px;
margin: 5px 15px;
float: right;
}
.select-dropdown li.optgroup {
border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.select-dropdown li.optgroup.selected > span {
color: var(--md-sys-color-on-background);
}
.select-dropdown li.optgroup > span {
color: var(--md-sys-color-on-surface-variant);
}
.select-dropdown li.optgroup ~ li.optgroup-option {
padding-left: 1rem;
}
/*
.select-dropdown .selected {
color: red;
}
*/
.file-field {
display: grid;
grid-template-columns: min-content auto;
gap: 10px;
}
.file-field .file-path-wrapper {
overflow: hidden;
}
.file-field input.file-path {
width: 100%;
}
.file-field .btn {
height: 3rem;
line-height: 3rem;
}
.file-field span {
cursor: pointer;
}
.file-field input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
cursor: pointer;
width: 100%;
margin: 0;
padding: 0;
opacity: 0;
font-size: 20px;
filter: alpha(opacity=0);
}
.file-field input[type=file]::-webkit-file-upload-button {
display: none;
}
.range-field {
position: relative;
}
input[type=range],
input[type=range] + .thumb {
cursor: pointer;
}
input[type=range] {
position: relative;
background-color: transparent;
border: none;
outline: none;
width: 100%;
margin: 15px 0;
padding: 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range] + .thumb {
position: absolute;
top: 10px;
left: 0;
border: none;
height: 0;
width: 0;
border-radius: 50%;
background-color: var(--md-sys-color-primary);
margin-left: 7px;
transform-origin: 50% 50%;
transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
display: block;
width: 30px;
text-align: center;
color: var(--md-sys-color-primary);
font-size: 0;
transform: rotate(45deg);
}
input[type=range] + .thumb.active {
border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
color: var(--md-sys-color-on-primary);
margin-left: -1px;
margin-top: 8px;
font-size: 10px;
}
input[type=range] {
-webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 3px;
border: none;
}
input[type=range]::-webkit-slider-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: var(--md-sys-color-primary);
transition: box-shadow 0.3s;
-webkit-appearance: none;
background-color: var(--md-sys-color-primary);
transform-origin: 50% 50%;
margin: -5px 0 0 0;
}
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18);
}
input[type=range] {
/*required for proper track sizing in FF*/
}
input[type=range]::-moz-range-track {
height: 3px;
border: none;
}
input[type=range]::-moz-focus-inner {
border: 0;
}
input[type=range]::-moz-range-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: var(--md-sys-color-primary);
transition: box-shadow 0.3s;
margin-top: -5px;
}
input[type=range]:-moz-focusring {
outline: 1px solid #fff;
outline-offset: -1px;
}
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18);
}
input[type=range]::-ms-track {
height: 3px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
}
input[type=range]::-ms-fill-lower,
input[type=range]::-moz-range-progress {
background: var(--md-sys-color-primary);
}
input[type=range]::-ms-fill-upper,
input[type=range]::-moz-range-track {
background: var(--md-sys-color-shadow-light);
}
input[type=range]::-ms-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: var(--md-sys-color-primary);
transition: box-shadow 0.3s;
}
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18);
}
/* This should be an UL-Element*/
.sidenav {
--sidenav-width: 300px;
--sidenav-font-size: 14px;
--sidenav-padding: 16px;
--sidenav-item-height: 48px;
--sidenav-line-height: var(--sidenav-item-height);
position: fixed;
width: var(--sidenav-width);
left: 0;
top: 0;
margin: 0;
height: 100vh;
padding: 0;
z-index: 999;
overflow-y: auto;
will-change: transform;
backface-visibility: hidden;
transform: translateX(-105%);
user-select: none;
color: var(--md-sys-color-on-secondary-container);
background-color: var(--md-sys-color-surface);
/* Hover only on top row */
/*a:hover {
//color: red;
//background-color: var(--md-sys-color-on-secondary-container);
//md.sys.color.on-secondary-container
}*/
}
.sidenav.right-aligned {
right: 0;
left: auto;
transform: translateX(100%);
}
.sidenav .collapsible {
margin: 0;
}
.sidenav .collapsible-body > ul {
padding-left: 10px;
}
.sidenav ul:not(.browser-default) {
padding-left: 0;
}
.sidenav li {
list-style: none;
line-height: var(--sidenav-line-height);
}
.sidenav li > a {
/* https://stackoverflow.com/questions/5848090/full-width-hover-background-for-nested-lists */
/*
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
*/
display: block;
height: var(--sidenav-item-height);
font-size: var(--sidenav-font-size);
font-weight: 500;
align-items: center;
overflow: hidden;
/* TODO: Use special class in future like "mw-icon" */
}
.sidenav li > a:not(.btn):not(.btn-flat):not(.btn-large):not(.btn-floating) {
color: var(--md-sys-color-on-secondary-container);
}
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
margin: 10px 15px;
}
.sidenav li > a > .material-symbols-outlined,
.sidenav li > a > .material-symbols-rounded,
.sidenav li > a > .material-symbols-sharp {
display: inline-flex;
vertical-align: middle;
margin-right: 12px;
}
.sidenav .divider {
margin: calc(var(--sidenav-padding) * 0.5) 0 0 0;
}
.sidenav .subheader {
cursor: initial;
pointer-events: none;
color: #f00;
font-size: var(--sidenav-font-size);
font-weight: 500;
line-height: var(--sidenav-line-height);
}
.sidenav .user-view {
position: relative;
padding: calc(var(--sidenav-padding) * 2) calc(var(--sidenav-padding) * 2) 0;
margin-bottom: calc(var(--sidenav-padding) * 0.5);
}
.sidenav .user-view > a {
height: auto;
padding: 0;
}
.sidenav .user-view > a:hover {
background-color: transparent;
}
.sidenav .user-view .background {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
display: block;
}
.sidenav .user-view .circle {
height: 64px;
width: 64px;
}
.sidenav .user-view .name,
.sidenav .user-view .email {
font-size: var(--sidenav-font-size);
line-height: calc(var(--sidenav-line-height) * 0.5);
}
.sidenav .user-view .name {
margin-top: 16px;
font-weight: 500;
}
.sidenav .user-view .email {
padding-bottom: 16px;
font-weight: 400;
}
.drag-target {
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 998;
}
.drag-target.right-aligned {
right: 0;
}
.sidenav.sidenav-fixed {
left: 0;
transform: translateX(0);
position: fixed;
}
.sidenav.sidenav-fixed.right-aligned {
right: 0;
left: auto;
}
@media only screen and (max-width : 992.99px) {
.sidenav.sidenav-fixed {
transform: translateX(-105%);
}
.sidenav.sidenav-fixed.right-aligned {
transform: translateX(105%);
}
.sidenav > a {
padding: 0 var(--sidenav-padding);
}
.sidenav .user-view {
padding: var(--sidenav-padding) var(--sidenav-padding) 0;
}
}
.sidenav .collapsible-body {
padding: 0;
}
.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 997;
display: none;
}
.sidenav .collapsible,
.sidenav.sidenav-fixed .collapsible {
border: none;
box-shadow: none;
}
.sidenav .collapsible-header,
.sidenav.sidenav-fixed .collapsible-header {
border: none;
}
.sidenav .collapsible-body,
.sidenav.sidenav-fixed .collapsible-body {
border: none;
}
@font-face {
font-family: "Material Design Icons";
src: url("../fonts/mdi-custom/materialdesignicons-webfont.eot?v=1.9.33");
src: url("../fonts/mdi-custom/materialdesignicons-webfont.eot?#iefix&v=1.9.33") format("embedded-opentype"), url("../fonts/mdi-custom/materialdesignicons-webfont.woff2?v=1.9.33") format("woff2"), url("../fonts/mdi-custom/materialdesignicons-webfont.woff?v=1.9.33") format("woff"), url("../fonts/mdi-custom/materialdesignicons-webfont.ttf?v=1.9.33") format("truetype"), url("../fonts/mdi-custom/materialdesignicons-webfont.svg?v=1.9.33#materialdesigniconsregular") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
.mdi:before,
.mdi-set {
display: inline-block;
font: 400 normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdi-calendar-plus:before {
content: "\e800";
}
.mdi-check:before {
content: "\e801";
}
.mdi-chevron-down:before {
content: "\e802";
}
.mdi-chevron-left:before {
content: "\e803";
}
.mdi-chevron-right:before {
content: "\e804";
}
.mdi-chevron-up:before {
content: "\e805";
}
.mdi-close:before {
content: "\e806";
}
.mdi-content-copy:before {
content: "\e807";
}
.mdi-email:before {
content: "\e808";
}
.mdi-eye:before {
content: "\e809";
}
.mdi-facebook:before {
content: "\e80a";
}
.mdi-information:before {
content: "\e80b";
}
.mdi-link:before {
content: "\e80c";
}
.mdi-linkedin:before {
content: "\e80d";
}
.mdi-menu-down:before {
content: "\e80e";
}
.mdi-menu-up:before {
content: "\e80f";
}
.mdi-navigation:before {
content: "\e810";
}
.mdi-pencil:before {
content: "\e811";
}
.mdi-phone:before {
content: "\e812";
}
.mdi-play-circle:before {
content: "\e813";
}
.mdi-printer:before {
content: "\e814";
}
.mdi-replay:before {
content: "\e815";
}
.mdi-rss:before {
content: "\e816";
}
.mdi-share:before {
content: "\e817";
}
.mdi-spotify:before {
content: "\e818";
}
.mdi-web:before {
content: "\e819";
}
.mdi-whatsapp:before {
content: "\e81a";
}
.mdi-youtube-play:before {
content: "\e81b";
}
.mdi-instagram:before {
content: "\e81c";
}
.mdi-twitter:before {
content: "\e81d";
}
.mdi-tiktok:before {
content: "\e81e";
}
.mdi-telegram:before {
content: "\e81f";
}
.mdi-deezer:before {
content: "\e820";
}
.mdi-apple-podcast:before {
content: "\e821";
}
.mdi-podcast-addict:before {
content: "\e822";
}
.mdi-18px.mdi-set, .mdi-18px.mdi:before {
font-size: 18px;
}
.mdi-24px.mdi-set, .mdi-24px.mdi:before {
font-size: 24px;
}
.mdi-36px.mdi-set, .mdi-36px.mdi:before {
font-size: 36px;
}
.mdi-48px.mdi-set, .mdi-48px.mdi:before {
font-size: 48px;
}
.mdi-dark::before {
color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive::before {
color: rgba(0, 0, 0, 0.26);
}
.mdi-light::before {
color: rgb(255, 255, 255);
}
.mdi-light.mdi-inactive::before {
color: rgba(255, 255, 255, 0.3);
}
.mdi-rotate-45 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(45deg);
-ms-transform: rotate(45deg);
transform: scaleY(-1) rotate(45deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-45::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mdi-rotate-90 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(90deg);
transform: scaleX(-1) rotate(90deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(90deg);
-ms-transform: rotate(90deg);
transform: scaleY(-1) rotate(90deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-90::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mdi-rotate-135 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(135deg);
-ms-transform: rotate(135deg);
transform: scaleY(-1) rotate(135deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-135::before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.mdi-rotate-180 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(180deg);
-ms-transform: rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-180::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.mdi-rotate-225 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(225deg);
transform: scaleX(-1) rotate(225deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(225deg);
-ms-transform: rotate(225deg);
transform: scaleY(-1) rotate(225deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-225::before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.mdi-rotate-270 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(270deg);
transform: scaleX(-1) rotate(270deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(270deg);
-ms-transform: rotate(270deg);
transform: scaleY(-1) rotate(270deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-270::before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.mdi-rotate-315 {
/*
// Not included in production
&.mdi-flip-h:before {
-webkit-transform: scaleX(-1) rotate(315deg);
transform: scaleX(-1) rotate(315deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.mdi-flip-v:before {
-webkit-transform: scaleY(-1) rotate(315deg);
-ms-transform: rotate(315deg);
transform: scaleY(-1) rotate(315deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.mdi-rotate-315::before {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.mdi-flip-h:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.mdi-flip-v:before {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.mdi-spin:before {
-webkit-animation: mdi-spin 2s infinite linear;
animation: mdi-spin 2s infinite linear;
}
@-webkit-keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Fine custom materialize */
/** SCSS placeholders font-size */
.skin .testata__data, .skin .testata__occhiello,
.skin .testata__firma,
.skin .testata__firma--lp {
font-size: var(--wp--preset--font-size--small);
}
.taxonomies__personaggi-title, .chip .taxonomies__personaggio__text {
font-size: var(--wp--preset--font-size--large);
}
/** SCSS placeholders font-weight */
.chip {
font-weight: var(--wp--preset--font-weight--normal);
}
.taxonomies__personaggi-title {
font-weight: var(--wp--custom--font-weight--semibold);
}
.chip .taxonomies__personaggio__text {
font-weight: var(--wp--custom--font-weight--bold);
}
p {
margin: 0;
}
h1,
h2,
h3,
h4,
h5 {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
}
h1,
h2 {
margin: 16px 0;
}
h1 {
font-size: 45px;
}
h2 {
font-size: 18px;
}
h2.section {
border-top: 1px solid var(--wp--preset--color--white-darken);
font-weight: 600;
padding-top: 1.14rem;
padding-bottom: 1.14rem;
font-size: var(--wp--preset--spacing--large);
line-height: 100%;
}
.title, .card-risorsa__title, .card-post__title, .card-list__title {
/*color: var(--wp--preset--color--white-lighten);*/
font-weight: 500;
margin: 8px 0;
}
.occhiello, .card-risorsa__occhiello, .card-post-v2__occhiello, .card-post__occhiello, .card-list__occhiello {
color: var(--wp--preset--color--primary-lighten);
font-size: 13px;
font-weight: 600;
line-height: 110%;
text-transform: uppercase;
}
@media (min-width: 1150px) {
.occhiello, .card-risorsa__occhiello, .card-post-v2__occhiello, .card-post__occhiello, .card-list__occhiello {
font-size: var(--wp--preset--spacing--medium);
}
}
.skin .occhiello, .skin .card-risorsa__occhiello, .skin .card-post-v2__occhiello, .skin .card-post__occhiello, .skin .card-list__occhiello {
font-size: 13px !important;
}
.data, .card-post__data, .card-large__shareBtn, .card-list__data, .card-list__shareBtn, .card-list__firma {
font-weight: 400;
font-size: 13px;
}
@media (min-width: 1150px) {
.data, .card-post__data, .card-large__shareBtn, .card-list__data, .card-list__shareBtn, .card-list__firma {
font-size: 16px;
}
}
.skin .data, .skin .card-post__data, .skin .card-large__shareBtn, .skin .card-list__data, .skin .card-list__shareBtn, .skin .card-list__firma {
font-size: var(--wp--preset--spacing--medium) !important;
}
.collection-header h4 {
font-weight: 500;
font-size: 24px;
margin: 0;
}
blockquote {
margin: var(--wp--preset--spacing--medium) 0;
padding-left: 0;
border-left: 0;
border-top: 1px solid var(--wp--preset--color--primary-darken);
border-bottom: 1px solid var(--wp--preset--color--primary-darken);
font-size: 24px;
font-weight: 500;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
color: var(--wp--preset--color--primary);
line-height: 110%;
}
blockquote p {
margin: var(--wp--preset--spacing--medium) 0;
quotes: "“" "”" "‘" "’";
}
blockquote p::before, blockquote p::after {
font-size: 32px;
}
blockquote p::before {
content: open-quote;
}
blockquote p::after {
content: close-quote;
}
.article_body_text ul,
.article_body_text li {
list-style-type: disc !important;
list-style-position: inside;
}
.bold-text-500 {
font-weight: 500;
}
.bold-text-600 {
font-weight: 600;
}
hr {
border: 0;
border-top: 1px solid;
}
/** Stili comuni sezione laterale articolo */
/** Chip slider tassonomie */
.chip_container {
width: 100%;
height: 40px;
position: relative;
padding: 0 16px;
margin-bottom: 16px;
overflow: hidden;
}
.chip_container::before {
left: 0;
background-image: -ms-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -moz-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -o-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(245, 245, 245)), color-stop(100, rgba(245, 245, 245, 0)));
background-image: -webkit-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: linear-gradient(to right, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#ffffff", GradientType=1);
}
.chip_container::after {
right: 0;
background-image: -ms-linear-gradient(right, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -moz-linear-gradient(right, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -o-linear-gradient(right, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgb(245, 245, 245)), color-stop(100, rgba(245, 245, 245, 0)));
background-image: -webkit-linear-gradient(right, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
background-image: linear-gradient(to left, rgb(245, 245, 245) 0%, rgba(245, 245, 245, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=1);
}
.chip_container::before, .chip_container::after {
content: "";
position: absolute;
top: 0;
height: 40px;
width: 16px;
z-index: 1;
}
.chip {
margin-bottom: var(--wp--preset--spacing--extra-small);
font-size: 13px;
line-height: 32px;
background-color: #fff;
}
.chip .taxonomies__personaggio__text {
color: #fff;
background-color: var(--wp--preset--color--primary);
text-transform: capitalize;
}
.taxonomies__titles {
margin-top: 0;
margin-bottom: var(--wp--preset--spacing--medium);
}
.taxonomies__personaggi-title {
margin: var(--wp--preset--spacing--large) 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
line-height: 100%;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.linea_separatore_tassonomia {
margin: 0 0 24px 0;
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.taxonomies__personaggio {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
}
.taxonomies__personaggio-img {
background-color: var(--wp--preset--color--white-lighten);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
width: 32px;
height: 32px;
float: left;
margin: 0 8px 0 -8px;
}
.taxonomies__personaggio-img.contains-object-fit-containimage {
overflow: hidden;
}
/** Stili articoli correlati */
.yarpp-related {
margin-top: 16px;
display: flex;
flex-wrap: wrap;
}
.yarpp-related .col.m6.s12.l12 {
margin-left: 0;
width: 100%;
}
/*Stile sezione laterale articolo*/
.side-article {
background-color: var(--wp--preset--color--white-primary);
}
.side-article.pinned {
margin-left: calc(61.66667% + 1.5rem) !important;
width: 31.6666635% !important;
}
@media (min-width: 1363px) {
.side-article.pinned {
margin-left: 852.48px !important;
width: 426.666624px !important;
}
}
.side-article.pin-bottom {
margin-top: -16px;
}
/*Fine stile sezione laterale articolo*/
/** Stili servizi correlati */
.servizio-correlato-placeholder {
height: 430px;
border: 1px solid #E0E0E0;
border-radius: 4px;
background-color: #FFFFFF;
}
.servizio-correlato-placeholder__header {
height: 130px;
padding: 18px;
display: flex;
flex-direction: column;
gap: 20px;
}
.servizio-correlato-placeholder__image {
height: 230px;
background-color: #E0E0E0;
}
.servizio-correlato-placeholder__footer {
height: 70px;
padding: 15px 18px;
display: flex;
align-items: center;
gap: 20px;
}
.servizio-correlato-placeholder__element {
width: 100%;
height: 20px;
background-color: #E0E0E0;
border-radius: 20px;
}
.servizio-correlato-placeholder__element:first-child {
width: 200px;
}
.servizio-correlato-placeholder__button {
width: 148px;
height: 40px;
background-color: #707070;
border-radius: 4px;
}
.servizio-correlato-top {
margin-bottom: 16px;
}
@media (min-width: 993px) {
.servizio-correlato-top {
margin: 16px 0;
}
}
.servizio-correlato-bottom-tablet {
margin-bottom: 16px;
}
.servizio-correlato-top-ajax {
margin-top: 16px;
}
.servizio-correlato-bottom {
position: sticky;
top: 82px;
}
.admin-bar .servizio-correlato-bottom {
top: 114px;
}
.hr-top {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
@media (min-width: 601px) and (max-width: 992px) {
.row-servizi {
display: flex;
}
.row-servizi > div:not(.clearfix) {
width: 50%;
}
}
@media (max-width: 993px) {
.row-servizi {
margin-top: 16px;
}
}
/** Fine stili servizi correlati */
/** ADV */
@media (max-width: 992px) {
.dfp_mobile_single {
border-bottom: 1px solid var(--wp--preset--color--white-darken);
padding-bottom: 16px;
margin: 0 -16px;
}
}
#div-gpt-ad-1486569867654-19_ad_container {
margin: 16px auto;
text-align: center;
}
@media (max-width: 993px) {
#div-gpt-ad-1486569867654-19_ad_container {
display: none;
}
}
@media (max-width: 992px) {
#div-gpt-ad-1511264889750-12 {
display: none;
}
}
@media (max-width: 1080px) {
#div-gpt-ad-1511264889750-10 {
display: none;
}
}
/** DFP ADV Skin **/
/*Breadcumb*/
.breadcumb__list, .breadcumb__list--lp {
margin: 12px 0;
}
.breadcumb__category {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
line-height: 100%;
font-weight: 400;
white-space: nowrap;
font-size: 16px;
text-transform: capitalize;
}
@media (max-width: 600px) {
.breadcumb__category {
font-size: var(--wp--preset--spacing--half-medium);
}
}
@media (min-width: 601px) {
.breadcumb__category {
font-size: var(--wp--preset--spacing--medium);
}
}
.breadcumb__category a {
color: inherit;
}
/*Fine breadcumb*/
/*Riga Social*/
.social__row {
width: calc(100% + 8px);
border-bottom: 1px solid var(--wp--preset--color--white-darken);
}
@media (min-width: 601px) {
.social__row {
width: 100%;
}
}
@media (min-width: 993px) {
.social__row {
width: calc(100% + 32px);
}
}
.social__row .row {
margin: 0 !important;
}
.social__row .condividi__text {
font-size: 16px;
font-weight: 500;
height: 24px;
margin: 16px 0 16px 16px;
}
.social__row .social__icons {
cursor: pointer;
float: left;
margin: 16px 8px 16px 8px;
}
@media (min-width: 601px) {
.social__row .social__icons {
margin-left: 0;
}
}
.social__row .social__icons .mdi-24px.mdi::before {
height: 24px;
}
.social__row .social__icons i {
line-height: initial;
}
@media (max-width: 600px) {
.social__row {
margin: 0 -8px;
}
.social__row .col {
padding: 0 !important;
}
}
@media (min-width: 991px) {
.social__row {
width: auto;
}
}
/*Testata*/
.testata .testata__occhiello, .testata--lp .testata__occhiello {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
line-height: 100%;
font-size: 14px;
margin: 0 16px 0 8px;
color: var(--wp--preset--color--primary);
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 601px) {
.testata .testata__occhiello, .testata--lp .testata__occhiello {
font-size: 20px;
margin-left: 16px;
}
}
.testata .testata__occhiello.testata__occhiello-margin, .testata--lp .testata__occhiello.testata__occhiello-margin {
margin-top: 16px;
}
.testata .testata__title, .testata--lp .testata__title {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 20px;
line-height: 130%;
margin-top: 0;
font-weight: 600;
margin-left: 8px;
margin-right: 16px;
}
@media (min-width: 601px) {
.testata .testata__title, .testata--lp .testata__title {
font-size: 45px;
margin-left: 16px;
}
}
.testata .testata__img, .testata--lp .testata__img {
width: 100%;
height: 600px;
padding: 16px 16px;
margin-bottom: 16px;
}
@media (min-width: 601px) {
.testata .testata__img, .testata--lp .testata__img {
padding: 0 0 16px 16px;
}
}
.testata .testata__img_servizi, .testata--lp .testata__img_servizi {
width: 100%;
margin-bottom: 16px;
background-size: cover;
background-position: center;
}
.testata .testata__img_bg_video, .testata--lp .testata__img_bg_video {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (min-width: 601px) {
.testata .testata__img_bg_video, .testata--lp .testata__img_bg_video {
width: calc(100% - 16px);
margin: 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
}
}
@media (min-width: 993px) {
.testata .testata__img_bg_video, .testata--lp .testata__img_bg_video {
width: calc(100% - 16px);
margin: 0 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
}
}
.testata .no-padding.col, .testata--lp .no-padding.col {
padding: 0 !important;
}
.testata .parent_sedici_noni, .testata--lp .parent_sedici_noni {
position: relative;
height: 0;
padding: 56.25% 0 0 0;
margin: 16px;
}
@media (min-width: 601px) {
.testata .parent_sedici_noni--whitepaper, .testata--lp .parent_sedici_noni--whitepaper {
position: relative;
height: 0;
padding: 56.25% 0 0 0;
margin: 16px;
}
}
.testata .child_sedici_noni, .testata--lp .child_sedici_noni {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.testata .child_sedici_noni--whitepaper, .testata--lp .child_sedici_noni--whitepaper {
display: flex;
}
@media (min-width: 601px) {
.testata .child_sedici_noni--whitepaper, .testata--lp .child_sedici_noni--whitepaper {
justify-content: center;
align-items: center;
position: absolute;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
.testata .whitepaper-heading__elements-container, .testata--lp .whitepaper-heading__elements-container {
flex-direction: column;
}
@media (min-width: 601px) {
.testata .whitepaper-heading__elements-container, .testata--lp .whitepaper-heading__elements-container {
flex-direction: row;
}
}
.testata .excerpt_block, .testata--lp .excerpt_block {
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 601px) {
.testata .excerpt_block, .testata--lp .excerpt_block {
padding-left: 16px;
padding-right: 16px;
}
}
.linea_separatore_single {
border-bottom: 1px solid var(--wp--preset--color--white-darken);
height: 1px;
}
.image_copertina {
padding-top: 56.25%;
width: calc(100% - 16px);
display: block;
position: relative;
margin: 8px;
}
@media (min-width: 601px) {
.image_copertina {
margin: 16px;
width: calc(100% - 32px);
}
}
.figure_copertina figcaption {
font-size: 14px;
color: #9e9e9e;
line-height: 130%;
margin: 0 0 var(--wp--preset--spacing--extra-small) var(--wp--preset--spacing--medium);
}
.figure_copertina .image_copertina {
margin-bottom: var(--wp--preset--spacing--extra-small);
}
.linea_separatore {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.testata__breadcrumb {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.testata__breadcrumb #breadcumb__frame {
margin-left: var(--wp--preset--spacing--extra-small);
}
@media (min-width: 601px) {
.testata__breadcrumb #breadcumb__frame {
margin-left: var(--wp--preset--spacing--medium);
}
}
.testata__breadcrumb .breadcumb__separator i {
color: var(--wp--preset--color--grey-lighten);
vertical-align: middle;
}
.force_negative_margin_single.video_main_row {
margin-top: -24px !important;
padding-top: 24px;
}
.skin .force_negative_margin_single.video_main_row {
margin-top: 0 !important;
}
@media (min-width: 1010px) {
.skin .whitepaper__content-wrapper__btn {
right: calc((100vw - 1010px) / 2 + 32px);
}
}
.post_video .firma_block + .barra_bottom_image {
display: none;
}
.abstract {
margin-top: var(--wp--preset--spacing--medium);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 130%;
color: var(--wp--preset--color--grey-darken);
}
@media (min-width: 601px) {
.abstract {
font-size: var(--wp--preset--spacing--large);
}
}
.testata__data {
margin-top: var(--wp--preset--spacing--medium);
margin-bottom: var(--wp--preset--spacing--medium);
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-weight: 400;
font-size: var(--wp--preset--spacing--half-medium);
line-height: 100%;
}
@media (min-width: 601px) {
.testata__data {
font-size: 16px;
}
}
.article_class .body-text:not(.page)::first-letter {
color: var(--wp--preset--color--primary-lighten);
}
.article_class .body-text:not(.page) p:last-of-type::after {
background-color: var(--wp--preset--color--primary-lighten);
}
article .wrapper {
padding: 16px 8px 0 8px;
}
@media (min-width: 601px) {
article .wrapper {
padding: 16px 16px;
}
}
@media (min-width: 993px) {
article .wrapper {
padding-left: var(--wp--preset--spacing--medium);
border-left: 1px solid var(--wp--preset--color--white-darken);
}
}
.firma_block {
border-top: 1px solid var(--wp--preset--color--white-darken);
border-bottom: 1px solid var(--wp--preset--color--white-darken);
}
.testata__firma, .testata__firma--lp {
margin: var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--extra-small);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 100%;
border-top: 1px solid var(--wp--preset--color--white-darken);
padding-top: 8px;
}
@media (min-width: 601px) {
.testata__firma, .testata__firma--lp {
font-size: 16px;
margin: var(--wp--preset--spacing--medium) 0;
padding: 16px 0 0 16px;
}
}
.testata__firma:first-child, .testata__firma--lp:first-child {
border: 0;
padding-top: 0;
}
.testata__firma::after, .testata__firma--lp::after {
content: "";
display: table;
clear: both;
}
.testata__firma-fullname {
font-weight: 600;
line-height: 100%;
font-size: 16px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.testata__firma-jobs {
font-weight: 400;
margin-top: 8px;
font-size: var(--wp--preset--spacing--medium);
line-height: 130%;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.testata__firma .giornalista-thumb--mini, .testata__firma--lp .giornalista-thumb--mini {
position: inherit;
top: auto;
left: auto;
margin-right: var(--wp--preset--spacing--medium);
margin-left: 0;
flex-shrink: 0;
}
.testata_firma_centered {
margin-top: 12px;
}
.testata__content {
position: relative;
margin-bottom: -8px;
}
@media (min-width: 601px) {
.testata__content {
margin-bottom: 16px;
}
}
@media (min-width: 903px) {
.testata__content {
margin-bottom: 0;
}
}
.testata__content .row {
margin-bottom: 0;
}
.testata__content.testata__content--withbreadcumb::after {
content: "";
display: block;
height: 1px;
width: 100%;
background-color: #e0e0e0;
top: 50px;
position: absolute;
}
@media (max-width: 600px) {
.testata__content.testata__content--withbreadcumb::after {
left: 0;
}
}
.testata-whitepaper .testata__title_servizi {
font-size: 20px;
line-height: 130%;
font-weight: 600;
margin-top: 0;
}
@media (min-width: 601px) {
.testata-whitepaper .testata__title_servizi {
font-size: 45px;
}
}
.testata-whitepaper .testata__occhiello {
margin: 0;
text-transform: uppercase;
}
.testata__data.nofirma {
border-bottom: 1px solid var(--wp--preset--color--white-darken);
padding: 0 1.15rem 16px 1.15rem;
}
@media (max-width: 600px) {
.div_servizi .testata__breadcrumb {
margin: 0 -8px;
}
.excerpt_block.servizi {
margin: 0;
}
.firma_block.servizi {
margin: 0;
}
}
/*Content wrapper delle landing page*/
.testata__content-wrapper--lp {
padding-top: var(--wp--preset--spacing--large);
padding-bottom: var(--wp--preset--spacing--large);
}
.testata__content-wrapper--lp .testata__occhiello {
margin-top: 0;
height: 16px;
text-transform: uppercase;
}
@media (min-width: 601px) {
.testata__content-wrapper--lp .testata__occhiello {
font-size: 16px;
}
}
.testata__content-wrapper--lp > *:last-child {
margin-bottom: 0;
}
.testata__tech {
margin: 8px 0;
}
.testata__tech img {
float: left;
margin-right: var(--wp--preset--spacing--extra-small);
vertical-align: middle;
}
.testata__occhiello--ajax {
margin-top: var(--wp--preset--spacing--medium);
text-transform: uppercase;
}
.wrapper_servizi {
margin: 40px 0 32px 56px;
padding-left: var(--wp--preset--spacing--medium);
border-left: 1px solid var(--wp--preset--color--white-darken);
}
/*Stili per offset sinistro*/
@media (min-width: 993px) {
.offset .wrapper,
article .wrapper,
.testata__content-wrapper,
article .abstract {
margin-left: 56px;
}
}
/*Stile articolo*/
@media (max-width: 601px) {
article.col {
padding: 0 0 !important;
}
}
article .abstract {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 18px;
line-height: 2rem;
font-weight: 500;
margin-bottom: var(--wp--preset--spacing--medium);
}
article .abstract > p {
margin-top: 0;
}
article .body-text:not(.page) > p:first-child::first-letter {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
color: var(--wp--preset--color--primary);
float: left;
font-size: 64px;
font-weight: 600;
padding-right: var(--wp--preset--spacing--extra-small);
line-height: 48px;
}
article .body-text .featured:first-child::first-letter {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
color: var(--wp--preset--color--grey-primary);
float: none;
font-weight: 400;
padding-right: 0;
line-height: 100%;
}
article .body-text .featured p {
margin-bottom: 16px;
}
article .body-text {
font-size: 18px;
line-height: 2.5rem;
color: var(--wp--preset--color--grey-primary);
/*Fix per componenti brand/personaggi*/
}
article .body-text .sgm {
width: auto !important;
}
article .body-text strong {
font-weight: 600;
}
article .body-text img {
margin-top: 16px;
margin-bottom: 16px;
}
article .body-text img.alignleft,
article .body-text img.alignright {
margin: var(--wp--preset--spacing--medium) auto;
float: none;
display: block;
}
@media (min-width: 601px) {
article .body-text img.alignleft {
float: left;
margin: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) 0;
}
}
@media (min-width: 601px) {
article .body-text img.alignright {
float: right;
margin: var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
}
}
article .body-text figure {
max-width: 100%;
margin: 16px 0;
}
article .body-text figure figcaption {
font-size: 14px;
color: var(--wp--preset--color--grey-lighten);
line-height: 130%;
}
article .body-text figure img {
margin-top: 0;
margin-bottom: 0;
}
article .body-text a {
color: var(--wp--preset--color--primary);
font-weight: 700;
}
article .body-text h1,
article .body-text h2,
article .body-text h3,
article .body-text h4,
article .body-text h5 {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
article .body-text h1,
article .body-text h2,
article .body-text h3,
article .body-text h4 {
font-size: 24px;
font-weight: 500;
padding-bottom: var(--wp--preset--spacing--medium);
}
article .body-text h1 {
color: var(--wp--preset--color--grey-darken);
border-bottom: 1px solid var(--wp--preset--color--grey-darken);
}
article .body-text h2 {
color: var(--wp--preset--color--primary);
border-bottom: 1px solid var(--wp--preset--color--white-darken);
line-height: 130%;
font-weight: 600;
font-size: 24px;
}
article .body-text h3 {
color: var(--wp--preset--color--grey-darken);
border-bottom: 1px solid var(--wp--preset--color--white-darken);
font-size: 20px;
font-weight: 600;
line-height: 130%;
}
article .body-text h4,
article .body-text h5 {
font-size: 14px;
font-weight: 400;
color: var(--wp--preset--color--grey-lighten);
}
article .body-text ul:not(.browser-default) li {
list-style-type: disc;
list-style-position: inside;
}
article .body-text li.OutlineElement p {
display: inline;
}
article .body-text .copyright {
display: block;
line-height: 100%;
margin-bottom: var(--wp--preset--spacing--medium);
padding-top: var(--wp--preset--spacing--medium);
}
article .body-text .copyright::before {
content: "";
clear: both;
}
article .body-text .wp-embedded-content {
max-width: 748px;
}
/*Margine paragrafo finale*/
article .body-text > p {
margin-bottom: var(--wp--preset--spacing--medium);
}
article .body-text > p:last-of-type {
margin-bottom: var(--wp--preset--spacing--large);
}
/*Finalino*/
article .body-text:not(.page) > p:last-of-type::after {
background-color: var(--wp--preset--color--primary);
content: "";
display: inline-block;
height: 10px;
margin-left: 4px;
width: 15px;
}
/*Stili articolo abstract*/
article .body-text.tech > p:last-of-type::after {
background-color: var(--wp--preset--color--accent-darken);
}
article .body-text.tech::first-letter {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
float: left;
font-size: 64px;
font-weight: 600;
padding-right: var(--wp--preset--spacing--extra-small);
line-height: 48px;
}
article .body-text.tech::first-letter,
article .body-text.tech a {
color: var(--wp--preset--color--accent-darken);
}
article .body-text.tech .personaggiBox__name {
color: var(--wp--preset--color--accent) !important;
}
article .body-text.tech blockquote {
color: var(--wp--preset--color--accent);
border-top: 1px solid var(--wp--preset--color--accent);
border-bottom: 1px solid var(--wp--preset--color--accent);
}
article {
font-size: var(--wp--preset--spacing--medium);
}
article img:not(.alignleft):not(.alignright):not(.infoImg) {
margin: 8px auto;
display: block;
width: 100%;
height: auto;
}
article .wp-caption {
width: 100% !important;
margin: 0;
margin-bottom: 16px;
background-color: initial;
}
article .wp-caption img {
margin-bottom: 16px !important;
}
article .lightbox {
position: relative;
margin: 20px auto;
border-radius: 4px;
width: 100%;
overflow: hidden;
height: 50.625vw;
}
@media (min-width: 601px) {
article .lightbox {
height: 47.8125vw;
}
}
@media (min-width: 993px) {
article .lightbox {
height: 26.71875vw;
}
}
article .lightbox img {
margin: 0 auto;
margin-top: 0 !important;
}
article .lightbox .hide {
display: block !important;
}
article .lightbox .materialboxed.active {
margin: inherit !important;
transform: none !important;
}
article .lightbox .infoImg-contain-width.active {
top: auto;
}
article .infografica-figure {
padding-bottom: 56.25%;
position: relative;
}
article .infografica-figure .lightbox {
margin: 0 auto;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
article .infografica-figure .material-placeholder {
height: 100%;
}
article .infografica-figure .material-placeholder img {
min-height: 100%;
width: 100%;
object-fit: contain;
}
article .infografica-figcaption {
background-color: var(--wp--preset--color--white-primary);
color: var(--wp--preset--color--grey-primary);
font-size: 14px;
line-height: 130%;
margin-bottom: 16px;
padding: 16px;
}
article .infografica-figcaption:empty {
padding: 0;
}
article .flexrow-center,
article .flexcolumn-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
article .flexcolumn-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
article .flexrow-center {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
article .flexrow-center .material-placeholder {
height: 100%;
}
article .imgWrap {
position: relative;
}
article .imgWrap .alignleft {
margin-right: 10px;
}
article .imgWrap .alignright {
margin-left: 10px;
}
article .infoImg-contain-height {
height: 100%;
width: auto;
top: 0;
}
article .infoImg-contain-width {
width: 100%;
height: auto;
}
article .infoImg {
max-width: inherit !important;
}
article .dida {
background-color: #efeded;
font-size: 14px;
color: #a7a0a0;
width: 100%;
display: block;
padding: 16px;
line-height: 130%;
}
body article .infografica-figure {
margin-bottom: 0;
}
/*Stili shortcode*/
.c2a-box {
border: 1px solid var(--wp--preset--color--white-darken);
margin: var(--wp--preset--spacing--large) 0;
-webkit-transition: -webkit-box-shadow 0.25s;
transition: -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s;
transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}
.c2a-box__container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
@media (min-width: 601px) {
.c2a-box__container {
flex-wrap: nowrap;
padding: var(--wp--preset--spacing--medium);
}
}
.c2a-box__content {
padding: var(--wp--preset--spacing--medium);
flex-basis: 100%;
}
@media (min-width: 601px) {
.c2a-box__content {
flex-basis: 66.6666666667%;
padding: 0 var(--wp--preset--spacing--medium) 0 0;
}
}
@media (min-width: 601px) {
.c2a-box__content--whitepaper {
flex-basis: 75%;
}
}
.c2a-box__occhiello {
line-height: 100%;
font-weight: 500;
text-transform: uppercase;
font-size: var(--wp--preset--spacing--medium);
color: var(--wp--preset--color--primary);
margin-bottom: 8px;
}
.c2a-box__title {
font-weight: 600;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: var(--wp--preset--spacing--large);
color: var(--wp--preset--color--grey-darken);
line-height: 130%;
}
.c2a-box__imagewrapper {
flex-basis: 100%;
overflow: hidden;
border-top: 1px solid var(--wp--preset--color--white-darken);
}
@media (min-width: 601px) {
.c2a-box__imagewrapper {
border-top: none;
flex-basis: auto;
flex-grow: 1;
}
}
.c2a-box__imagewrapper figure {
margin: 0 !important;
}
@media (min-width: 601px) {
.c2a-box__imagewrapper figure {
border: 1px solid var(--wp--preset--color--white-darken);
}
}
.c2a-box__imagewrapper figure::before {
content: "";
display: block;
width: 100%;
padding-top: 56.25%;
}
@media (min-width: 601px) {
.c2a-box__imagewrapper figure.whitepaper::before {
padding-top: 133.3333333333%;
}
}
.c2a-box__imagewrapper figure.whitepaper {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 601px) {
.c2a-box__imagewrapper figure.whitepaper {
border: 1px solid var(--wp--preset--color--white-darken);
background-size: cover;
}
}
.c2a-box__imagewrapper img {
margin: 0 !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.c2a-box__imagewrapper.whitepaper {
padding: var(--wp--preset--spacing--medium) 0;
}
@media (min-width: 601px) {
.c2a-box__imagewrapper.whitepaper {
padding: 0;
}
}
.c2a-box__footer {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.c2a-box__footer-content {
padding: 6px var(--wp--preset--spacing--medium);
}
.c2a-box__footer-content .zu-btn {
color: var(--wp--preset--color--white-lighten);
margin: 0 0 0 auto;
}
.c2a-box__footer-content > span {
color: var(--wp--preset--color--grey-primary);
font-weight: 400;
font-size: 13px;
line-height: 100%;
}
.personaggiBox {
border: 1px solid var(--wp--preset--color--white-darken);
border-radius: 4px;
margin: var(--wp--preset--spacing--medium) 0;
-webkit-transition: -webkit-box-shadow 0.25s;
transition: -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s;
transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}
.personaggiBox__content {
padding: var(--wp--preset--spacing--medium);
}
.personaggiBox__text {
width: calc(100% - 96px - 16px);
}
.personaggi_tipo {
font-weight: 500;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-size: 20px;
}
@media (max-width: 993px) {
.personaggi_tipo {
font-size: 0.93rem;
}
}
.personaggiBox__img {
width: 96px;
height: 96px;
background-repeat: no-repeat;
background-position: center;
border-radius: 96px;
background-size: cover;
text-align: center;
line-height: 96px;
color: #fff;
font-weight: 600;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
text-transform: capitalize;
font-size: 64px;
margin-right: 56px;
}
.personaggiBox__img.contains-object-fit-coverimage {
overflow: hidden;
}
@media (max-width: 993px) {
.personaggiBox__img {
width: 56px;
height: 56px;
font-size: 2.43rem;
line-height: 56px;
margin-right: 0;
}
}
.personaggiBox__name {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 100%;
}
@media (max-width: 993px) {
.personaggiBox__name {
font-size: 1.43rem;
}
}
.personaggiBox__job {
margin-top: 8px;
font-weight: 400;
font-size: var(--wp--preset--spacing--medium);
line-height: 130%;
}
@media (max-width: 993px) {
.personaggiBox__job {
font-size: 0.93rem;
}
}
.personaggi_blocco_sx {
float: left;
width: calc(100% - 96px - 32px - 32px);
}
@media (max-width: 993px) {
.personaggi_blocco_sx {
width: calc(100% - 32px - 32px);
}
}
.personaggi_circle_arrow {
position: absolute;
right: 0;
top: calc(50% - 20px);
border: 1px solid #dadada;
width: 40px;
height: 40px;
border-radius: 40px;
text-align: center;
}
.personaggi_circle_arrow i {
font-size: 24px;
line-height: 40px;
}
@media (max-width: 993px) {
.personaggi_circle_arrow {
display: none;
}
}
/*Divider articoli*/
.article-divider {
height: 48px;
color: var(--wp--preset--color--grey-lighten);
}
.article-divider p {
margin: var(--wp--preset--spacing--medium);
}
@media (max-width: 600px) {
.article-divider {
margin: 0 -8px;
}
}
/*Pulsante mostra articolo*/
.show-more-btn {
cursor: pointer;
padding: 17px 16px;
margin: var(--wp--preset--spacing--large) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--large) 0;
}
/*Stili per la pagina singola whitepaper/landing page*/
/*Fix margine negativo su mobile*/
.negative-margin.testata--lp .row {
margin: 0 var(--wp--preset--spacing--extra-small) !important;
}
@media (min-width: 601px) {
.negative-margin.testata--lp .row {
margin-left: 1.14rem !important;
margin-right: 1.14rem !important;
}
}
.testata--lp.servizio {
height: calc(100vh - 195px);
}
@media (min-width: 993px) {
.testata--lp.servizio.testata--adv {
height: calc(100vh - 122px - 195px);
}
}
@media (min-width: 993px) {
.testata--lp.servizio.testata--skin {
height: calc(100vh - 102px - 195px);
}
}
@media (min-width: 993px) {
.testata--lp.servizio.testata--advskin {
height: calc(100vh - 122px - 102px - 195px);
}
}
.parent_sedici_noni {
margin: 0;
}
.whitepaper-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100vh - 88px);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 601px) {
.whitepaper-heading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 601px) and (max-width: 993px) {
.whitepaper-heading {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
height: 56.25vw;
}
}
.whitepaper-heading--rivista {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.whitepaper__copertina {
max-width: 50%;
margin: var(--wp--preset--spacing--large) auto var(--wp--preset--spacing--medium) auto;
}
@media (min-width: 601px) {
.whitepaper__copertina {
margin: var(--wp--preset--spacing--large) var(--wp--preset--spacing--large) var(--wp--preset--spacing--large) calc(16px + 0.75rem);
max-width: none;
}
}
@media (min-width: 993px) {
.whitepaper__copertina {
margin: var(--wp--preset--spacing--large) var(--wp--preset--spacing--large) var(--wp--preset--spacing--large) calc(72px + 0.75rem);
}
}
.whitepaper__hubspot-container {
margin: 0;
}
.whitepaper-heading__ctablock {
text-align: center;
}
@media (min-width: 601px) {
.whitepaper-heading__ctablock {
text-align: left;
align-self: flex-start;
}
}
.whitepaper-heading__ctablock--events {
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 601px) {
.whitepaper-heading__ctablock--events {
align-self: center;
}
}
.whitepaper-heading__ctablock--events .countdown {
display: inline-block;
}
.whitepaper-heading__ctablock--events .countdown::after {
content: "";
display: table;
clear: both;
}
.whitepaper-heading__ctablock--events .countdown div,
.whitepaper-heading__ctablock--events .countdown span {
float: left;
}
.whitepaper-heading__ctamain {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 24px;
line-height: 130%;
color: var(--wp--preset--color--grey-darken);
margin-top: 16px;
}
@media (min-width: 601px) {
.whitepaper-heading__ctamain {
font-size: 34px;
line-height: 130%;
margin-bottom: 36px;
}
}
.whitepaper-heading__ctasub {
line-height: 130%;
margin-bottom: var(--wp--preset--spacing--large);
font-size: 18px;
}
@media (min-width: 601px) {
.whitepaper-heading__ctasub {
font-size: var(--wp--preset--spacing--large);
}
}
.whitepaper-heading__ctamain,
.whitepaper-heading__ctasub {
font-weight: 400;
}
.whitepaper-heading__ctabtn {
border-radius: 4px;
display: inline-block;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: var(--wp--preset--spacing--medium);
font-weight: 500;
line-height: 100%;
padding: 16px;
}
@media (max-width: 600px) {
.whitepaper-heading__ctabtn {
margin-bottom: 16px;
}
}
.wrapper_servizi_pag .canale-suggerito__title {
border: 0;
}
.breadcumb__list--lp {
margin-top: 0;
margin-bottom: var(--wp--preset--spacing--medium);
}
.breadcumb__list--lp .breadcumb__category {
font-size: var(--wp--preset--spacing--medium);
}
.testata__firma--lp {
margin-bottom: 24px;
}
.whitepaper-cta p {
margin-bottom: var(--wp--preset--spacing--medium);
}
.whitepaper__content-wrapper__btn {
position: fixed;
bottom: 16px;
right: 24px;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
z-index: 3;
}
@media (min-width: 601px) and (max-width: 1279px) {
.whitepaper__content-wrapper__btn {
right: calc(2.5vw + 32px);
bottom: 24px;
}
}
@media (min-width: 1280px) {
.whitepaper__content-wrapper__btn {
right: calc((95vw - 1216px) / 2 + 32px);
bottom: 24px;
}
}
.whitepaper__content-wrapper__btn:hover {
background-color: var(--wp--preset--color--accent-lighten);
}
.whitepaper__content-wrapper__btn:focus {
background-color: var(--wp--preset--color--accent);
}
.whitepaper__content-wrapper__btn.pin-top {
top: -32px !important;
}
.whitepaper-ctaclose {
margin-bottom: 24px;
padding: var(--wp--preset--spacing--large) var(--wp--preset--spacing--medium);
margin-top: 36px;
text-align: center;
}
@media (min-width: 993px) {
.whitepaper-ctaclose {
margin-bottom: 0;
}
}
.whitepaper-ctaclose .zu-btn {
border-radius: 4px;
padding: var(--wp--preset--spacing--medium);
color: var(--wp--preset--color--white-lighten);
font-weight: 600;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.whitepaper-ctaclose .whitepaper-heading__ctamain {
margin-bottom: 16px;
}
.tabella_css_mod {
background-color: #efeded !important;
border: 1px solid #e0e0e0;
line-height: 130%;
}
.tabella_css_mod img {
display: none;
}
.tabella_css_mod tr:first-child {
font-family: Montserrat, sans-serif !important;
font-size: 24px !important;
font-weight: 500 !important;
margin: 0;
color: #221f1f !important;
}
.tabella_css_mod tr:first-child :hover {
background-color: #efeded;
}
.tabella_css_mod tr {
border-bottom: 1px solid #e0e0e0;
}
.tabella_css_mod tr :hover {
background-color: #dcd9d8;
}
.tabella_css_mod tr td:first-child {
display: none;
}
.tabella_css_mod td {
padding: 15px 8px;
}
@media (min-width: 601px) {
.tabella_css_mod td {
padding: 15px 16px;
}
}
.tabella_css_mod a strong {
font-size: 14px;
font-family: Montserrat, sans-serif;
color: #5f5858;
line-height: 120%;
}
.tabella_css_mod .material-symbols-outlined {
margin-top: 4px;
}
@media (max-width: 601px) {
.whitepaper_img_copertina_div {
text-align: center;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
width: 100vw;
display: flex;
}
.whitepaper_img_copertina_div img {
max-width: 100% !important;
height: auto;
object-fit: contain;
}
}
@media (min-width: 601px) {
.whitepaper_img_copertina_div {
width: 33%;
margin-right: 100px;
height: 100%;
display: inherit;
}
.whitepaper_img_copertina_div img {
width: 90%;
height: auto;
object-fit: contain;
}
}
@media (min-width: 601px) and (max-height: 800px) and (min-height: 500px) {
.whitepaper_img_copertina_div {
width: 24%;
margin-right: 100px;
}
}
@media (min-width: 601px) and (max-height: 650px) and (min-height: 100px) {
.whitepaper_img_copertina_div {
width: 20%;
margin-right: 100px;
}
}
@media (max-width: 601px) {
.testata-whitepaper {
margin: 0;
left: auto;
right: auto;
width: 100%;
}
.whitepaper-heading {
margin: 0 0;
height: 100%;
}
}
@media (max-width: 601px) and (min-width: 601px) {
.whitepaper-heading {
height: calc(100vh - 145px);
}
}
@media (max-width: 601px) {
.testata_content_whitepaper {
margin: 0 0;
}
.whitepaper-heading.evt {
margin: 0 8px;
}
.testata__content.evt {
margin-left: 8px;
}
}
.countdown .gg,
.countdown .ore,
.countdown .minuti,
.countdown .secondi {
width: 20px;
}
.parent_sedici_noni_card_video {
display: none;
position: relative;
height: 0;
padding: 56.25% 0 0 0;
margin-bottom: 16px;
}
.testata__img_bg_video_card {
display: block;
position: absolute;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.imgWrap {
position: relative;
}
.imgWrap .alignleft {
margin-right: 10px;
}
.imgWrap .alignright {
margin-left: 10px;
}
.lightbox {
cursor: pointer;
margin: 16px auto;
border-radius: 4px;
width: 100%;
background-color: #f5f5f5;
}
.lightbox img {
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: relative;
}
.lightbox .infoImg-contain-height {
height: 100%;
width: auto;
top: 0;
}
.materialbox-caption {
background-color: rgba(0, 0, 0, 0.64);
height: auto;
line-height: 130%;
padding: 16px;
}
@media (min-width: 768px) {
.materialbox-caption {
padding: 16px 15%;
}
}
.tableOuterWrap {
position: relative;
margin: 24px 0;
}
@media (max-width: 992px) {
.tableOuterWrap {
margin-right: 0;
}
.tableOuterWrap::after {
content: "";
height: 100%;
width: 45px;
position: absolute;
right: -1px;
top: 0;
transition: opacity 0.15s ease-in-out;
background: -moz-linear-gradient(left, rgba(var(--wp--preset--color--white-darken), 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
background: -webkit-linear-gradient(left, rgba(var(--wp--preset--color--white-darken), 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
background: linear-gradient(to right, rgba(var(--wp--preset--color--white-darken), 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#e0e0e0", GradientType=1);
}
}
.tableOuterWrap td .material-symbols-outlined {
display: none;
}
.tableOuterWrap .simplebar-track.horizontal {
display: block;
}
.tableWrap {
overflow-x: hidden;
position: relative;
}
.tableBtn,
.tableBtnClose {
display: none;
position: absolute;
z-index: 1;
top: 50%;
right: -20px;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white-primary);
opacity: 0;
cursor: pointer;
pointer-events: none;
}
@media (min-width: 993px) {
.tableBtn,
.tableBtnClose {
display: flex;
}
}
.tableBtn i,
.tableBtnClose i {
margin: 0 auto;
}
.tableOuterWrap.fade .tableBtn,
.tableOuterWrap.extended .tableBtnClose {
opacity: 1;
pointer-events: auto;
}
.tableOuterWrap,
.tableOuterWrap::after,
.tableWrap {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
@media (min-width: 601px) {
.tableOuterWrap,
.tableOuterWrap::after,
.tableWrap {
border-radius: 4px;
}
}
.tableOuterWrap.disableFade::after {
opacity: 0 !important;
pointer-events: none !important;
}
@media (min-width: 993px) {
.tableOuterWrap.extended {
width: 150%;
z-index: 1;
}
}
.card-panel-more {
z-index: 1;
position: absolute;
max-width: 200px;
word-wrap: break-word;
opacity: 0;
padding: 8px 16px;
transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1);
pointer-events: none;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-size: 14px;
color: var(--wp--preset--color--grey-darken);
font-weight: 400;
cursor: pointer;
}
.card-panel-more--enabled {
opacity: 1;
pointer-events: auto;
}
.tableOuterWrap.fade::after {
content: "";
height: 100%;
width: 45px;
position: absolute;
right: -1px;
top: 0;
transition: opacity 0.15s ease-in-out;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-darken), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#e0e0e0", GradientType=1);
}
@media (min-width: 601px) {
.tableOuterWrap.fade::after {
right: 0;
}
}
table {
width: 100% !important;
}
table caption {
text-align: left;
padding: 16px;
border-top: 1px solid var(--wp--preset--color--grey-lighten);
border-left: 1px solid var(--wp--preset--color--grey-lighten);
border-right: 1px solid var(--wp--preset--color--grey-lighten);
height: 64px;
color: var(--wp--preset--color--grey-lighten);
font-weight: 500;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 20px;
}
table thead td {
font-weight: 600;
}
table,
table tbody tr,
table caption {
background-color: var(--wp--preset--color--white-lighten);
}
table,
th,
td {
border: 1px solid var(--wp--preset--color--white-darken);
overflow-y: hidden;
}
table tbody td {
position: relative;
}
table tbody td::after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 15.26px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#f4f4f4", GradientType=0); /* IE6-9 */
}
table th,
table td {
border-radius: 0;
word-wrap: break-word;
line-height: 110%;
padding: 8px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--wp--preset--color--grey-darken);
}
table td.showMore {
cursor: pointer;
}
table th:first-child,
table td:first-child {
padding-left: 16px;
}
table th:last-child,
table td:last-child {
padding-right: 16px;
}
.tableDiv--fade {
width: calc(100% - 24px);
float: left;
}
.tooltip {
cursor: pointer;
}
table td .material-symbols-outlined {
float: right;
position: absolute;
top: 50%;
margin-top: -12px;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable.no-footer,
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 0;
}
.simplebar-content {
margin-bottom: 0;
margin-right: -17px;
}
.simplebar-track.vertical {
display: none;
}
.wp-embedded-content {
width: 100% !important;
}
/* sezione barra sponsor */
.row-sponsor {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white-lighten);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
line-height: 130%;
padding: 12px 8px;
}
@media (min-width: 601px) {
.row-sponsor {
padding: 12px 16px;
}
}
.row-sponsor a {
font-weight: 700;
}
.post_video article .body-text a {
font-weight: 700;
}
.cf__title::first-letter {
color: #fff;
font-size: 18px;
}
.img_copertina {
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
height: 100%;
}
.testata__title_hubspot.testata__title {
font-weight: 700;
font-size: 35px;
line-height: 130%;
border-bottom: 1px solid #e0e0e0;
padding: 16px 0;
margin-top: 0;
margin-left: 0;
}
@media screen and (max-width: 600px) {
.testata__title_hubspot.testata__title {
font-size: 24px;
}
}
.testata__hubspot .testata__hubspot_container {
padding: 28px 20px;
min-height: 468px;
margin-left: 8px;
margin-right: 8px;
}
@media screen and (max-width: 600px) {
.testata__hubspot .testata__hubspot_container {
min-height: auto;
}
}
.testata__hubspot .copertina {
padding-right: 24px !important;
}
.testata__hubspot .hubspot-sponsor-box {
font-size: 20px;
font-weight: 400;
line-height: 100%;
margin: 16px 0;
padding: 0 8px;
}
.testata__hubspot .hubspot-sponsor-box strong {
font-weight: 600;
}
.testata__hubspot .text__container h1 {
font-size: 35px;
line-height: 130%;
font-weight: 500;
margin-top: 0;
margin-bottom: 24px;
padding-top: 3px;
}
@media screen and (max-width: 600px) {
.testata__hubspot .text__container h1 {
font-size: 18px;
margin-bottom: 8px;
}
}
.testata__hubspot .text__container h2 {
font-size: 24px;
line-height: 130%;
font-style: italic;
margin: 0;
}
@media screen and (max-width: 600px) {
.testata__hubspot .text__container h2 {
font-size: 16px;
}
}
/** Fix checkbox c2a */
.hb-form-wrapper [type=checkbox]:checked + span:not(.lever)::before {
transform: none;
}
.testata__formzone {
background-color: #fff;
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
padding: 16px;
}
.testata__formzone .panel-title {
font-size: 24px;
color: #424242;
line-height: 130%;
font-weight: 500;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
margin-bottom: 12px;
}
@media screen and (max-width: 992px) {
.testata__formzone {
margin: 0 8px 20px 8px;
}
}
.testata__formzone [type=checkbox] + span:not(.lever) {
height: auto;
}
.testata__formzone [type=checkbox]:checked + span:not(.lever)::before {
transform: none;
}
.testata__formzone .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 0;
}
.testata__formzone .hs_submit input[type=submit] {
padding: 12px 16px;
background-color: var(--wp--preset--color--accent);
border: 0;
box-shadow: none;
font-size: 16px;
color: #fafafa;
font-weight: 400;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
border-radius: 4px;
text-transform: uppercase;
width: 100%;
text-shadow: none;
cursor: pointer;
}
.testata__formzone .hs_submit input[type=submit]:hover, .testata__formzone .hs_submit input[type=submit]:focus {
background-color: var(--wp--preset--color--accent-lighten);
font-size: 16px;
border: 0;
box-shadow: none;
}
.testata__formzone .hs_recaptcha {
display: none;
}
.testata__formzone .hs-form-field {
margin-bottom: 8px;
}
.testata__formzone .hs-form-field label {
color: var(--wp--preset--color--grey-darken);
font-size: 14px;
}
.testata__formzone input:not([type]),
.testata__formzone input[type=text]:not(.browser-default),
.testata__formzone input[type=password]:not(.browser-default),
.testata__formzone input[type=url]:not(.browser-default),
.testata__formzone input[type=time]:not(.browser-default),
.testata__formzone input[type=date]:not(.browser-default),
.testata__formzone input[type=datetime]:not(.browser-default),
.testata__formzone input[type=datetime-local]:not(.browser-default),
.testata__formzone input[type=tel]:not(.browser-default),
.testata__formzone input[type=number]:not(.browser-default),
.testata__formzone input[type=search]:not(.browser-default),
.testata__formzone input[type=email]:not(.browser-default),
.testata__formzone textarea {
border: 1px solid var(--wp--preset--color--grey-lighten);
border-radius: 4px;
background-color: #fff;
box-shadow: none;
font-size: 16px;
padding: 0 16px;
box-sizing: border-box;
font-weight: 400;
height: 36px;
margin: 0;
min-width: 100%;
max-width: 100%;
color: #424242;
}
.testata__formzone input:not([type]).error,
.testata__formzone input[type=text]:not(.browser-default).error,
.testata__formzone input[type=password]:not(.browser-default).error,
.testata__formzone input[type=url]:not(.browser-default).error,
.testata__formzone input[type=time]:not(.browser-default).error,
.testata__formzone input[type=date]:not(.browser-default).error,
.testata__formzone input[type=datetime]:not(.browser-default).error,
.testata__formzone input[type=datetime-local]:not(.browser-default).error,
.testata__formzone input[type=tel]:not(.browser-default).error,
.testata__formzone input[type=number]:not(.browser-default).error,
.testata__formzone input[type=search]:not(.browser-default).error,
.testata__formzone input[type=email]:not(.browser-default).error,
.testata__formzone textarea.error {
border: 1px solid #f57c00;
color: #f57c00;
}
.testata__formzone input:not([type]):focus,
.testata__formzone input[type=text]:not(.browser-default):focus,
.testata__formzone input[type=password]:not(.browser-default):focus,
.testata__formzone input[type=url]:not(.browser-default):focus,
.testata__formzone input[type=time]:not(.browser-default):focus,
.testata__formzone input[type=date]:not(.browser-default):focus,
.testata__formzone input[type=datetime]:not(.browser-default):focus,
.testata__formzone input[type=datetime-local]:not(.browser-default):focus,
.testata__formzone input[type=tel]:not(.browser-default):focus,
.testata__formzone input[type=number]:not(.browser-default):focus,
.testata__formzone input[type=search]:not(.browser-default):focus,
.testata__formzone input[type=email]:not(.browser-default):focus,
.testata__formzone textarea:focus {
border: 1px solid var(--wp--preset--color--grey-darken);
box-shadow: unset;
-webkit-box-shadow: unset;
}
.testata__formzone textarea {
padding-top: 8px;
padding-bottom: 8px;
min-height: 80px;
}
.testata__formzone .hs-error-msgs {
margin: 8px 0 0;
}
.testata__formzone .hs-error-msgs .hs-error-msg {
padding-top: 4px;
font-size: 12px;
font-weight: 400;
line-height: 100%;
color: #f57c00;
}
.testata__formzone select {
background-color: #fff;
background-image: linear-gradient(47deg, transparent 50%, #969696 50%), linear-gradient(132deg, #969696 50%, transparent 50%);
background-position: calc(100% - 20px) 1.2em, calc(100% - 14px) 1.2em;
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
border-radius: 4px !important;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid var(--wp--preset--color--grey-lighten);
padding: 8px 16px;
height: 36px;
color: #424242;
display: block;
opacity: 1;
width: 100%;
}
.testata__formzone select:focus {
outline: 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.testata__formzone select::-ms-expand {
display: none;
}
.testata__formzone ul.inputs-list,
.testata__formzone ul.inputs-list li.hs-form-radio,
.testata__formzone ul.inputs-list li.hs-form-booleancheckbox {
margin-left: 0;
}
.testata__formzone input[type=radio]:not(:checked),
.testata__formzone input[type=radio]:checked,
.testata__formzone input[type=checkbox]:not(:checked),
.testata__formzone input[type=checkbox]:checked {
position: absolute;
left: -9999px;
}
.testata__formzone input[type=radio]:not(:checked) + span,
.testata__formzone input[type=radio]:checked + span,
.testata__formzone input[type=checkbox]:not(:checked) + span,
.testata__formzone input[type=checkbox]:checked + span {
position: relative;
padding-left: 1.95em;
cursor: pointer;
display: block;
line-height: 20px;
margin-bottom: 8px;
}
.testata__formzone input[type=checkbox]:not(:checked) + span::before,
.testata__formzone input[type=checkbox]:checked + span::before {
content: "";
position: absolute;
left: 0;
top: 2px;
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
border-radius: 2px;
}
.testata__formzone input[type=radio]:not(:checked) + span::before,
.testata__formzone input[type=radio]:checked + span::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid var(--wp--preset--color--white-darken);
border-radius: 2px;
}
.testata__formzone input[type=radio]:not(:checked) + span::before {
border-radius: 100%;
}
.testata__formzone input[type=radio]:checked + span::before {
border-radius: 100%;
border: 2px solid var(--wp--preset--color--primary);
}
.testata__formzone input[type=radio]:not(:checked) + span::after,
.testata__formzone input[type=radio]:checked + span::after {
content: "";
background-color: var(--wp--preset--color--primary);
position: absolute;
width: 12px;
height: 12px;
top: 4px;
left: 4px;
border-radius: 100%;
transition: all 0.2s;
}
.testata__formzone input[type=checkbox]:checked + span::before {
background-color: var(--wp--preset--color--primary);
border: 2px solid var(--wp--preset--color--primary);
}
.testata__formzone input[type=checkbox]:not(:checked) + span::after,
.testata__formzone input[type=checkbox]:checked + span::after {
content: "";
position: absolute;
top: 4px;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotateZ(37deg) !important;
transform-origin: 100% 100%;
transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
}
.testata__formzone input[type=radio]:not(:checked) + span::after,
.testata__formzone input[type=checkbox]:not(:checked) + span::after {
opacity: 0;
transform: scale(0);
}
.testata__formzone input[type=radio]:checked + span::after,
.testata__formzone input[type=checkbox]:checked + span::after {
opacity: 1;
transform: scale(1);
}
.testata__formzone input[type=radio]:disabled:not(:checked) + span::before,
.testata__formzone input[type=radio]:disabled:checked + span::before,
.testata__formzone input[type=checkbox]:disabled:not(:checked) + span::before,
.testata__formzone input[type=checkbox]:disabled:checked + span::before {
box-shadow: none;
}
.testata__formzone input[type=radio]:disabled:checked + span::after,
.testata__formzone input[type=checkbox]:disabled:checked + span::after {
color: #808080;
}
.testata__formzone input[type=radio]:checked:focus + span::before,
.testata__formzone input[type=checkbox]:disabled + span {
color: #808080;
}
.testata__formzone .submitted-message {
font-size: 16px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.hubspot__tipo_servizio {
font-weight: 500;
font-size: 24px;
text-transform: uppercase;
line-height: 100%;
}
@media screen and (max-width: 600px) {
.hubspot__tipo_servizio {
font-size: 16px;
}
}
.hubspot__webinar_header.testata__title {
font-weight: 700;
font-size: 35px;
line-height: 130%;
border-bottom: 1px solid #e0e0e0;
padding: 16px 0;
margin-top: 0;
margin-left: 0;
}
@media screen and (max-width: 600px) {
.hubspot__webinar_header.testata__title {
font-size: 24px;
}
}
.hubspot__is_webinar {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.hubspot__is_webinar {
margin-bottom: 16px;
}
}
.hubspot__is_webinar .hubspot__is_innercard {
padding: 24px 48px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
max-width: 420px;
}
.hubspot__is_webinar .hubspot__is_innercard .whitepaper-heading__ctamain {
color: #fff;
font-weight: 500;
}
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper {
color: #fff;
}
@media screen and (max-width: 600px) {
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper {
margin-top: 20px;
}
}
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper div,
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper span {
color: #fff;
}
@media screen and (max-width: 600px) {
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper div,
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper span {
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper div::after {
font-size: 16px;
margin-top: 8px;
}
}
.hubspot__is_webinar .hubspot__is_innercard .timer-wrapper .zu-btn {
display: none;
}
.hubspot__is_webinar .hubspot__is_innercard p {
color: #fff;
}
.hubspot__is_webinar .hubspot__is_innercard .whitepaper-heading__moreinfo p {
font-size: 18px;
}
@media screen and (max-width: 992px) {
.hubspot__is_webinar .hubspot__is_innercard {
padding: 12px 24px;
}
}
.hs-form-field input.error {
border-bottom: 1px solid #f44336;
box-shadow: 0 1px 0 0 #f44336;
background-color: transparent;
}
@media screen and (max-width: 992px) {
.cta-hubspot-hide-mobile {
display: none;
}
}
.cta-hubspot-hideon-desktop {
margin: 0 8px 16px;
}
@media screen and (min-width: 993px) {
.cta-hubspot-hideon-desktop {
display: none;
}
}
@media screen and (max-width: 992px) {
.cta-hide-titletext {
display: none;
}
}
.white-hubspot-side {
background-color: #fff;
}
@media screen and (min-width: 993px) {
.white-hubspot-side {
padding-right: 16px !important;
}
}
.hubspot-remove-overflow {
overflow: unset !important;
}
.hubspot-remove-overflow .breadcumb__list, .hubspot-remove-overflow .breadcumb__list--lp {
transform: unset !important;
}
@media screen and (max-width: 600px) {
.hubspot-padding {
padding: 0 8px;
}
}
@media screen and (max-width: 600px) {
.hubspot-padding-extra {
padding: 0 8px;
}
}
@media screen and (min-width: 601px) {
.hubspot-padding-extra {
padding: 0;
}
}
.hubspot-padding-more {
padding: 0 8px;
}
.infografica-overlay-container {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
height: 100%;
width: 100%;
background-color: rgba(41, 41, 41, 0.85);
cursor: zoom-out;
display: flex;
align-items: center;
justify-content: center;
overflow-y: scroll;
}
.infografica-body-opened {
overflow: hidden;
}
.lite-player-youtube {
max-width: 100%;
margin: 16px;
}
.lite-player-youtube.is-ajax-player {
margin: 0;
}
@media (max-width: 600px) {
.lite-player-youtube {
margin: 8px;
}
}
.p-bg {
background-color: var(--wp--preset--color--primary);
}
.pd-bg {
background-color: var(--wp--preset--color--primary-darken);
}
.pl-bg {
background-color: var(--wp--preset--color--primary-lighten);
}
.a-bg {
background-color: var(--wp--preset--color--accent);
}
.ad-bg {
background-color: var(--wp--preset--color--accent-darken);
}
.gp-bg {
background-color: var(--wp--preset--color--grey-primary) !important;
}
.gl-bg {
background-color: var(--wp--preset--color--grey-lighten) !important;
}
.gd-bg {
background-color: var(--wp--preset--color--grey-darken) !important;
}
.wp-bg {
background-color: var(--wp--preset--color--white-primary) !important;
}
.wd-bg {
background-color: var(--wp--preset--color--white-darken) !important;
}
.wl-bg {
background-color: var(--wp--preset--color--white-lighten) !important;
}
.white-bg {
background-color: #fff !important;
}
.nd4__2-bg {
background-color: #212121 !important;
}
.p-text {
color: var(--wp--preset--color--primary) !important;
}
.pd-text {
color: var(--wp--preset--color--primary-darken) !important;
}
.pl-text {
color: var(--wp--preset--color--primary-lighten) !important;
}
.a-text {
color: var(--wp--preset--color--accent) !important;
}
.accentdarken-text {
color: var(--wp--preset--color--accent-darken);
}
.gp-text {
color: var(--wp--preset--color--grey-primary) !important;
}
.gl-text {
color: var(--wp--preset--color--grey-lighten) !important;
}
.gd-text {
color: var(--wp--preset--color--grey-darken);
}
.wp-text {
color: var(--wp--preset--color--white-primary) !important;
}
.wl-text {
color: var(--wp--preset--color--white-lighten) !important;
}
.wd-text {
color: var(--wp--preset--color--white-darken) !important;
}
.icon-fill-primary {
fill: var(--wp--preset--color--primary);
}
.wp-bcolor {
border-color: var(--wp--preset--color--white-primary) !important;
}
.wd-bcolor {
border-color: var(--wp--preset--color--white-darken) !important;
}
.wl-bcolor {
border-color: var(--wp--preset--color--white-lighten) !important;
}
.icon-fill-primary-lighten {
fill: var(--wp--preset--color--primary-lighten);
}
.border-primary-lighten {
border-color: var(--wp--preset--color--primary-lighten);
}
.font-family-1 {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
}
.font-family-2 {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.no-margin {
margin: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-border {
border: none !important;
}
.vendor-view-left-border {
border-left: 1px solid var(--wp--preset--color--white-darken);
}
.resource-border-bottom {
border-bottom: 1px solid var(--wp--preset--color--white-darken);
}
.large-margin-top {
margin-top: var(--wp--preset--spacing--large);
}
.large-margin-bottom {
margin-bottom: var(--wp--preset--spacing--large);
}
.medium-margin-top {
margin-top: var(--wp--preset--spacing--medium);
}
.no-padding {
padding: 0 !important;
}
.no-padding-right {
padding-right: 0;
}
.no-padding-left {
padding-left: 0;
}
.force_negative_margin {
margin: 0 -16px !important;
}
@media (max-width: 992px) {
.force_negative_margin {
margin: 0 -8px !important;
}
}
.force_negative_margin_single {
margin: 0 -8px !important;
}
@media (min-width: 601px) {
.force_negative_margin_single {
margin: 0 -16px !important;
}
}
.padding-laterale {
padding: 0 1.15rem !important;
}
.auto-margin-left {
margin: 0 0 0 auto;
}
.row .col.push-to-left,
.push-to-left {
margin-left: 0;
}
.clearfix {
clear: both;
}
@media (max-width: 600px) {
.no-margin-bottom-on-small-only {
margin-bottom: 0;
}
}
@media (min-width: 993px) {
.no-margin-bottom-on-large-only {
margin-bottom: 0;
}
}
.h2__margin-bottom {
margin-bottom: 16px;
}
.flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-row {
display: flex;
flex-wrap: wrap;
}
.growFlex {
flex-grow: 1;
}
.flexWrap {
flex-wrap: wrap;
}
.flex-start {
align-self: flex-start;
}
@media (min-width: 993px) {
.col.flex-fix {
margin-left: 0 !important;
}
}
.zu-btn {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
padding: 9px 16px;
border-radius: 2px;
display: inline-block;
color: var(--wp--preset--color--white-primary);
line-height: 100%;
}
.is-block {
display: block;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.is-flex {
display: flex;
}
#toast-container {
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 640px;
}
#toast-container .toast {
width: 100%;
}
@media (max-width: 992px) {
.flexTablet {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 1050px) {
.hide-on-small-desktop-and-down {
display: none;
}
}
@media (max-width: 1050px) {
.hide-on-small-desktop-and-down_important {
display: none !important;
}
}
@media (min-width: 601px) and (max-width: 750px) {
.hide-on-small-tablet-only {
display: none;
}
}
@media (max-width: 600px) {
.full-width-mobile {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
}
.rivista-gradient {
background: rgb(167, 160, 160);
background: -moz-linear-gradient(top, rgb(167, 160, 160) 0%, rgb(34, 31, 31) 100%);
background: -webkit-linear-gradient(top, rgb(167, 160, 160) 0%, rgb(34, 31, 31) 100%);
background: linear-gradient(to bottom, rgb(167, 160, 160) 0%, rgb(34, 31, 31) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a0a0", endColorstr="#221f1f", GradientType=0);
}
.is_title {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 600;
font-size: 45px;
line-height: 100%;
color: var(--wp--preset--color--grey-darken);
margin: 16px 0 0 0;
}
@media (min-width: 600px) {
.is_title {
margin: 0;
}
}
@media (max-width: 600px) {
.mobile-countdow-evt-concluso {
visibility: hidden;
}
}
@media (min-width: 903px) and (max-width: 1050px) {
.sd12 {
width: 100% !important;
}
}
.no_margin_bottom {
margin-bottom: 0;
}
.SHAD_Material:hover {
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25), 0 2px 3px 0 rgba(0, 0, 0, 0.25) !important;
}
.color-twitter {
color: #000;
}
.color-facebook {
color: #3b5999;
}
.color-linkedin {
color: #0077b5;
}
.color-whatsapp {
color: #25d366;
}
.color-link {
color: var(--wp--preset--color--primary);
}
.hidden {
display: none;
}
.keyboard_arrow_right::after {
content: "keyboard_arrow_right";
}
.keyboard_arrow_left::after {
content: "keyboard_arrow_left";
}
.material-symbols-outlined[data-icon]::after {
content: attr(data-icon);
}
.single-post .hb-form-wrapper [type=checkbox] + span:not(.lever) {
height: auto;
}
.full-absolute {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
.z-10 {
z-index: 10;
}
@media (min-width: 993px) {
.md-margin-bottom-24 {
margin-bottom: var(--wp--preset--spacing--large);
}
}
body.skin {
margin-top: 0 !important;
}
@media (max-width: 992px) {
body.skin {
background: none !important;
}
}
@media (min-width: 993px) {
body.skin {
background-position: center 64px !important;
margin-top: 168px !important;
}
}
@media (min-width: 993px) {
body.skin.admin-bar {
background-position: center 96px !important;
margin-top: 168px !important;
}
}
body.skin .skin_dfp {
display: none;
}
@media (min-width: 993px) {
body.skin .skin_dfp {
display: block;
}
}
.container, .root-container {
max-width: 1280px;
padding: 0 var(--wp--preset--spacing--medium);
width: calc(100% - 1.14rem);
}
@media (min-width: 601px) {
.container, .root-container {
width: calc(100% - 1.14rem * 2);
}
}
@media screen and (min-width: 993px) {
.container, .root-container {
width: 95%;
}
}
.row {
margin-bottom: var(--wp--preset--spacing--large);
}
@media (max-width: 600px) {
.row {
margin-left: -0.57rem !important;
margin-right: -0.57rem !important;
}
}
@media (max-width: 600px) {
.col {
padding: 0 0.57rem !important;
}
}
.root-container {
padding: 0;
padding-top: 56px;
background-color: #fff;
}
@media (min-width: 601px) {
.root-container {
padding: 56px var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium);
outline: 1px solid var(--wp--preset--color--white-darken);
}
}
@media (min-width: 993px) {
.root-container {
overflow-x: hidden;
padding: calc(64px + var(--wp--preset--spacing--large)) var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium);
}
}
.root-container.singular {
overflow-x: visible;
}
@media (min-width: 993px) {
.root-container.singular {
overflow-x: hidden;
padding-top: calc(64px + var(--wp--preset--spacing--large));
}
}
.skin .root-container {
max-width: 1010px;
position: relative;
}
@media (min-width: 993px) {
.skin .root-container {
padding: var(--wp--preset--spacing--large) var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium);
}
}
@media (min-width: 993px) {
.skin .root-container.singular > main > .flex-row:first-of-type > .side-article {
margin-top: -24px;
}
}
@media (min-width: 601px) {
.attach-to-container {
margin-left: calc(var(--wp--preset--spacing--medium) * -1) !important;
margin-right: calc(var(--wp--preset--spacing--medium) * -1) !important;
}
}
.med-margin {
margin-bottom: var(--wp--preset--spacing--medium);
}
@media (max-width: 992px) {
.med-margin-tablet-and-down {
margin-bottom: var(--wp--preset--spacing--medium);
}
}
@media (max-width: 992px) {
.large-margin-tablet-and-down {
margin-bottom: var(--wp--preset--spacing--large);
}
}
@media (max-width: 600px) {
.large-margin-on-small-only {
margin-bottom: var(--wp--preset--spacing--large);
}
}
@media (max-width: 750px) {
.med-margin-on-small-desktop-and-down {
margin-bottom: var(--wp--preset--spacing--medium);
}
}
@media (max-width: 600px) {
.med-margin-on-small-only {
margin-bottom: var(--wp--preset--spacing--medium);
}
}
@media (min-width: 993px) {
.col.med-margin-col-left-only {
padding-left: var(--wp--preset--spacing--medium) !important;
}
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
@media (min-width: 601px) {
.negative-margin {
margin: 0 -16px;
}
.negative-margin .row {
margin-left: 7px;
margin-right: 7px;
}
}
@media (min-width: 601px) and (max-width: 750px) {
.row .col.ms12 {
width: 100%;
}
}
@media (min-width: 993px) {
.col.right-separator {
padding-left: 0;
border-right: 1px solid var(--wp--preset--color--white-darken);
}
}
@media (min-width: 993px) {
.col.right-separator + .col {
padding-right: 0;
}
}
.single-post.skin .leaderboard__top {
margin: -26px 0 40px 0;
}
.box__item__input-container__switch__switch-label .slider-radio {
width: 40px !important;
height: 20px !important;
}
.cookie-bottom-bar .box__item__input-container__switch__switch-label .slider-radio::before {
top: -1px !important;
left: 2px !important;
border: 0 !important;
}
.cookie-bottom-bar .box__item__input-container__switch__switch-label input[type=checkbox]:checked + span.slider-radio::after,
.cookie-bottom-bar .box__item__input-container__switch__switch-label input[type=checkbox] + span.slider-radio::after {
top: -3.5px !important;
}
.cookie-bottom-bar .box__item__input-container__switch__switch-label input[type=checkbox] + span.slider-radio::after {
content: "Disattivati";
width: auto;
transform: none;
}
.box__item__input-container__switch__switch-label input[type=checkbox]:checked + span.slider-radio::after {
content: "Attivati";
}
.cookie-bottom-bar .box__item__input-container__switch__switch-label input:checked + .slider-radio::before {
transform: translateX(20px) !important;
}
.box__item__input-container__switch__switch-label .slider-radio.round::before {
width: 16px !important;
height: 16px !important;
}
.box__item__input-container__switch__switch-label .slider-radio.round.lever::before {
top: 2px !important;
}
.SHAD_flat {
transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 993px) {
.SHAD_bottom {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14);
}
}
.OP_Hover {
opacity: 1;
}
.OP_Hover:active {
opacity: 1;
}
.OP_Hover:hover {
opacity: 0.8;
}
.animate {
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-fill-mode: both;
animation-duration: 0.3s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-fill-mode: both;
}
@keyframes sliderSlideUp {
0% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
}
@-webkit-keyframes sliderSlideUp {
0% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
}
@keyframes sliderSlideDown {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
100% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes sliderSlideDown {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
100% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
}
@keyframes barSlideUp {
0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
100% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
}
@-webkit-keyframes barSlideUp {
0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
100% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
}
@keyframes barSlideDown {
0% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
100% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
}
@-webkit-keyframes barSlideDown {
0% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
100% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
}
@keyframes barSlideUpShowContent {
0% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
100% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
}
@-webkit-keyframes barSlideUpShowContent {
0% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
100% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
}
@keyframes barSlideDownShowContent {
0% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
100% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
}
@-webkit-keyframes barSlideDownShowContent {
0% {
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
100% {
transform: translateY(327px);
-webkit-transform: translateY(327px);
}
}
.pagination-box {
display: inline-block;
height: 32px;
border-radius: 2px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 13px;
font-weight: 600;
align-content: center;
padding: 4px var(--wp--preset--spacing--medium);
}
@media (min-width: 1150px) {
.pagination-box {
font-size: 15px;
}
}
.pagination-box span {
color: var(--wp--preset--color--grey-primary);
}
.pagination-box i {
vertical-align: middle;
}
.newsletter__sidebar {
padding: 0;
}
@media (min-width: 992px) {
.newsletter__sidebar {
padding: 0;
}
}
.newsletter__sidebar .newsletter_frase_ingaggio {
margin-top: 16px;
}
@media (min-width: 770px) and (max-width: 992px) {
.newsletter__sidebar .newsletter_frase_ingaggio {
margin-top: 0;
}
}
@media (max-width: 770px) {
.newsletter__sidebar .newsletter_frase_ingaggio-first {
margin-top: 0;
}
}
.newsletter__sidebar .btn__mail-sidebar {
margin-top: 16px;
width: 100%;
}
@media (min-width: 770px) and (max-width: 992px) {
.newsletter__sidebar .btn__mail-sidebar {
margin: 0 0 0 auto;
width: auto;
}
}
.skin .pagination-box {
font-size: 13px !important;
}
.not-found {
font-size: 18px;
}
.form__title {
font-size: var(--wp--preset--spacing--large);
margin-top: var(--wp--preset--spacing--large);
margin-bottom: var(--wp--preset--spacing--medium);
}
.input-field {
margin: 0;
margin-bottom: var(--wp--preset--spacing--extra-small);
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search] {
border: 1px solid var(--wp--preset--color--white-darken);
box-sizing: border-box;
padding: 0 var(--wp--preset--spacing--medium);
border-radius: 4px;
margin: 0;
}
input:not([type])::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--wp--preset--color--grey-lighten);
}
input:not([type])::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder { /* Firefox 19+ */
color: var(--wp--preset--color--grey-lighten);
}
input:not([type]):-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder { /* IE 10+ */
color: var(--wp--preset--color--grey-lighten);
}
input:not([type]):-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder { /* Firefox 18- */
color: var(--wp--preset--color--grey-lighten);
}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid var(--wp--preset--color--grey-lighten);
box-shadow: none;
}
[type=radio]:not(:checked) + label::before,
[type=radio]:not(:checked) + label::after {
border: 2px solid var(--wp--preset--color--white-darken);
}
[type=radio] + label::before,
[type=radio] + label::after {
height: 18px;
width: 18px;
}
[type=radio]:checked + label::after,
[type=radio].with-gap:checked + label::before,
[type=radio].with-gap:checked + label::after,
[type=checkbox].filled-in:checked + label::after {
border: 2px solid var(--wp--preset--color--primary);
}
[type=radio]:checked + label::after,
[type=radio].with-gap:checked + label::after,
[type=checkbox]:checked + label::before,
[type=checkbox].filled-in:checked + label::after {
background-color: var(--wp--preset--color--primary);
}
button[type=submit] {
border: 1px solid var(--wp--preset--color--primary);
}
button[type=submit]:focus {
background-color: var(--wp--preset--color--primary);
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Add some styling */
padding: 0 var(--wp--preset--spacing--medium);
border-radius: 4px;
border: 1px solid var(--wp--preset--color--white-darken);
background-color: var(--wp--preset--color--white-lighten);
}
.selectfield::after {
content: "";
pointer-events: none;
width: 24px;
height: 100%;
position: absolute;
background: url("../images/drop_down_double.svg") no-repeat center;
top: 0;
right: 24px;
}
/**
* Direttive galleria partner
*/
.gallery-container, .gallery-container-home {
background-color: var(--wp--preset--color--white-primary);
border-top: 1px solid var(--wp--preset--color--white-primary);
border-bottom: 1px solid var(--wp--preset--color--white-primary);
margin-bottom: 24px;
}
@media (min-width: 993px) {
.gallery-container, .gallery-container-home {
background-color: transparent;
border-top: none;
border-bottom: none;
}
}
.gallery-container-home {
margin-left: -0.57rem;
margin-right: -0.57rem;
overflow: hidden;
position: relative;
}
@media (min-width: 601px) {
.gallery-container-home {
margin: 0 0 var(--wp--preset--spacing--medium) 0;
}
}
.gallery-container-home .divider {
position: absolute;
width: 100%;
top: 54px;
left: 0;
}
.gallery-container .row, .gallery-container-home .row {
margin-bottom: 0;
}
.gallery-partner {
padding: 1rem;
background-color: var(--wp--preset--color--white-primary);
overflow: hidden;
}
@media (min-width: 601px) {
.gallery-partner {
border: 1px solid var(--wp--preset--color--white-darken);
border-radius: 4px;
}
}
.gallery-partner .text__sponsoredby {
margin-bottom: 4px;
}
#gallery-partner__wrapper {
overflow: hidden;
position: relative;
margin: 16px 0;
padding-left: 16px !important;
padding-right: 16px !important;
}
#gallery-partner__wrapper::before,
#gallery-partner__wrapper::after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 1.2rem;
background-color: var(--wp--preset--color--white-darken);
z-index: 1;
}
#gallery-partner__wrapper::before {
left: 0;
background: -moz-linear-gradient(left, rgba(var(--wp--preset--color--white-primary), 1) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, rgba(var(--wp--preset--color--white-primary), 1) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(var(--wp--preset--color--white-primary), 1) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#424242", endColorstr="#00ffffff", GradientType=1);
}
#gallery-partner__wrapper::after {
right: 0;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#424242", GradientType=1);
}
.gallery-partner__image-home,
.gallery-partner__image {
float: left;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: var(--wp--preset--color--white-lighten);
}
.gallery-partner__image-overlay {
width: 72px;
height: 72px;
position: absolute;
left: 0;
top: 0;
background-color: rgba(var(--wp--preset--color--accent), 0.8);
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
opacity: 0;
}
.gallery-partner__image-overlay:hover {
opacity: 1;
}
.gallery-partner__image-overlay .material-symbols-outlined {
margin: 0 auto;
color: var(--wp--preset--color--white-lighten);
}
.gallery-partner__image {
width: 32px;
height: 32px;
float: left;
margin: 0 8px 0 -12px;
border-radius: 50%;
}
@media (min-width: 993px) {
.gallery-container-home .gallery-partner__title {
border-bottom: 1px solid var(--wp--preset--color--white-primary);
}
}
.gallery-partner__title {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 20px;
font-weight: 400;
color: var(--wp--preset--color--grey-primary);
padding-top: 16px;
padding-bottom: 16px;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media (min-width: 993px) {
.gallery-partner__title {
padding-left: 16px;
padding-right: 16px;
}
}
.gallery-partner__chips .chip {
font-size: 14px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
color: var(--wp--preset--color--grey-primary);
margin-right: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
ul.gallery-partner__chips li {
margin-right: 16px;
}
.gallery-partner__partner {
height: 72px;
min-width: 185px;
color: var(--wp--preset--color--grey-darken);
line-height: 110%;
background-color: var(--wp--preset--color--white-lighten);
border-radius: 4px;
border: 1px solid var(--wp--preset--color--white-darken);
overflow: hidden;
position: relative;
}
.gallery-partner__image-container {
border-right: 1px solid var(--wp--preset--color--white-darken);
}
.gallery-partner__content,
.gallery-partner__image-container {
margin-right: 8px;
}
.gallery-partner__image-home {
width: 72px;
height: 72px;
}
.gallery-partner__content {
width: calc(100% - 80px);
}
.gallery-partner__name {
font-size: 14px;
white-space: nowrap;
font-weight: 400;
}
.gallery-partner__partner-single {
padding: 16px;
margin: 0;
}
.gallery-partner__name-single {
color: var(--wp--preset--color--grey-darken);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 16px;
font-weight: 700;
}
.gallery-partner__descrizione {
margin-top: 12px;
color: var(--wp--preset--color--grey-primary);
line-height: 130%;
}
.gallery-partner__image-container-single {
margin-right: 16px;
}
.gallery-partner__image-home-single {
border: 1px solid var(--wp--preset--color--white-darken);
border-radius: 2px;
}
.navigation {
position: absolute;
top: 50px;
width: 100%;
height: 34px;
}
.navigation i.material-symbols-outlined:first-of-type,
.navigation i.material-symbols-outlined:nth-of-type(2) {
position: absolute;
border-radius: 50%;
padding: 8px;
background-color: var(--wp--preset--color--primary);
cursor: pointer;
color: #fff;
}
.navigation i.material-symbols-outlined:first-of-type {
left: 15px;
}
.navigation i.material-symbols-outlined:nth-of-type(2) {
right: 15px;
}
article .body-text.tech .navigation i.material-symbols-outlined:first-of-type,
article .body-text.tech .navigation i.material-symbols-outlined:nth-of-type(2) {
background-color: var(--wp--preset--color--accent);
}
.featured {
border-radius: 4px;
border: 1px solid var(--wp--preset--color--white-darken);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
margin: 16px auto;
overflow: hidden;
padding: 32px;
position: relative;
}
.featured p {
margin-bottom: 16px;
}
.featured::after,
.featured::before {
content: "";
position: absolute;
height: 10px;
width: 50px;
background-color: var(--wp--preset--color--primary);
transform: rotateZ(45deg);
}
.featured::after {
bottom: 10px;
left: -13px;
}
.featured::before {
top: 10px;
right: -13px;
}
.multi-tabella {
border-radius: 4px;
margin: var(--wp--preset--spacing--medium) 0;
transition: box-shadow 0.25s;
}
.multi-tabella ul li {
list-style-type: none !important;
}
.multi-tabella .collection.with-header .collection-item,
.multi-tabella .collection.with-header .collection-header {
background-color: transparent;
padding: 16px;
}
.multi-tabella .collection.with-header .collection-item a {
font-size: 14px;
display: block;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
color: var(--wp--preset--color--grey-primary);
}
.multi-tabella .collection.with-header .collection-item a::after {
content: "";
display: table;
clear: both;
}
.multi-tabella .collection.with-header .collection-item a span {
width: calc(100% - 39px);
}
.multi-tabella .collection.with-header .collection-item:hover {
background-color: var(--wp--preset--color--white-darken);
}
.multi-tabella__title {
border-bottom: 0 !important;
font-family: var(--wp--preset--font-family--font-1) !important;
font-size: var(--wp--preset--spacing--large) !important;
font-weight: 500 !important;
margin: 0;
color: var(--wp--preset--color--grey-darken) !important;
}
.rss-copy {
margin: 6px 0;
text-transform: uppercase;
}
.canale-suggerito {
padding: var(--wp--preset--spacing--medium);
border-radius: 4px;
margin-top: 24px;
border: 1px solid var(--wp--preset--color--white-darken);
}
.canale-suggerito > a {
display: block;
}
.canale-suggerito > a::after {
content: "";
display: table;
clear: both;
}
.canale-suggerito__image {
width: 88px;
height: 88px;
border-radius: 50%;
margin-right: var(--wp--preset--spacing--large);
font-size: 48px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
}
.canale-suggerito__image span {
margin: 0 auto;
}
.canale-suggerito__text-content {
width: calc(100% - 24px - 88px);
}
.canale-suggerito__title,
.canale-suggerito__description {
line-height: 130%;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
margin-top: 0;
}
@media (min-width: 601px) {
.canale-suggerito__title,
.canale-suggerito__description {
line-height: 100%;
}
}
.canale-suggerito__title {
font-size: 24px;
font-weight: 500;
margin-bottom: var(--wp--preset--spacing--extra-small);
}
@media (min-width: 601px) {
.canale-suggerito__title {
font-size: 34px;
margin-top: var(--wp--preset--spacing--medium);
}
}
.canale-suggerito__description {
font-size: var(--wp--preset--spacing--medium);
font-weight: 400;
}
.articoli-suggeriti {
overflow: hidden;
}
@media (max-width: 992px) {
.articoli-suggeriti.showFade::after {
content: "";
width: 30px;
position: absolute;
top: 0;
right: 0;
height: 100%;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
}
}
#articoli-suggeriti__frame {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.articoli-suggeriti__list {
width: 235% !important;
}
@media (min-width: 601px) {
.articoli-suggeriti__list {
width: 133.3333333333% !important;
}
}
@media (min-width: 992px) {
.articoli-suggeriti__list {
width: 100% !important;
}
}
#articoli-suggeriti-frame::after,
.articoli-suggeriti__list::after {
content: "";
display: table;
clear: both;
}
.articoli-suggeriti__item {
box-sizing: border-box;
width: 33.33%;
padding: 0 0.75rem;
}
.articoli-suggeriti__item:last-of-type {
margin-right: 0;
}
.dropdown-content {
margin-top: 8px;
}
.articoli_correlati {
display: block;
}
@media (max-width: 600px) {
.articoli_correlati {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -3px;
}
}
.zu-btn.filter-btn {
background-color: var(--wp--preset--color--white-primary);
border-radius: 4px;
color: var(--wp--preset--color--grey-primary);
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-size: var(--wp--preset--spacing--medium);
font-weight: 700;
line-height: var(--wp--preset--spacing--large);
margin-right: var(--wp--preset--spacing--medium);
padding: 6px var(--wp--preset--spacing--extra-small) 6px var(--wp--preset--spacing--medium);
}
.zu-btn.filter-btn:hover {
background-color: var(--wp--preset--color--white-darken);
}
.zu-btn.filter-btn .material-symbols-outlined {
margin: 0 0 0 8px;
}
.filter {
height: 52px;
border-top: 1px solid var(--wp--preset--color--white-darken);
border-bottom: 1px solid var(--wp--preset--color--white-darken);
}
.filter__heading {
font-size: var(--wp--preset--spacing--large);
font-weight: 600;
line-height: 100%;
padding: 0 16px;
}
#yearFilter,
#monthFilter,
#categoryFilter {
z-index: 99;
margin-top: 1px;
}
#yearFilter li,
#monthFilter li,
#categoryFilter li {
display: block;
padding: 0 var(--wp--preset--spacing--extra-small);
min-height: 48px;
line-height: 48px;
height: 48px;
}
#yearFilter [type=checkbox].filled-in + label::before,
#yearFilter [type=checkbox].filled-in + label::after,
#monthFilter [type=checkbox].filled-in + label::before,
#monthFilter [type=checkbox].filled-in + label::after,
#categoryFilter [type=checkbox].filled-in + label::before,
#categoryFilter [type=checkbox].filled-in + label::after {
content: "";
left: 0;
position: absolute;
transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
z-index: 1;
}
#yearFilter [type=checkbox].filled-in:checked + label::before,
#monthFilter [type=checkbox].filled-in:checked + label::before,
#categoryFilter [type=checkbox].filled-in:checked + label::before {
top: 2px;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotateZ(37deg);
transform-origin: 100% 100%;
}
#yearFilter [type=checkbox].filled-in + label::after,
#monthFilter [type=checkbox].filled-in + label::after,
#categoryFilter [type=checkbox].filled-in + label::after {
height: 20px;
width: 20px;
top: 0;
z-index: 0;
}
#yearFilter [type=checkbox].filled-in:not(:checked) + label::after,
#monthFilter [type=checkbox].filled-in:not(:checked) + label::after,
#categoryFilter [type=checkbox].filled-in:not(:checked) + label::after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
border-color: var(--wp--preset--color--grey-primary);
top: 0;
z-index: 0;
}
#yearFilter [type=checkbox] + label,
#monthFilter [type=checkbox] + label,
#categoryFilter [type=checkbox] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
user-select: none;
}
#yearFilter label,
#monthFilter label,
#categoryFilter label {
color: var(--wp--preset--color--grey-primary);
}
#yearFilter [type=radio]:checked + label::after,
#yearFilter [type=radio].with-gap:checked + label::after,
#yearFilter [type=checkbox]:checked + label::before,
#yearFilter [type=checkbox].filled-in:checked + label::after,
#monthFilter [type=radio]:checked + label::after,
#monthFilter [type=radio].with-gap:checked + label::after,
#monthFilter [type=checkbox]:checked + label::before,
#monthFilter [type=checkbox].filled-in:checked + label::after,
#categoryFilter [type=radio]:checked + label::after,
#categoryFilter [type=radio].with-gap:checked + label::after,
#categoryFilter [type=checkbox]:checked + label::before,
#categoryFilter [type=checkbox].filled-in:checked + label::after {
background-color: var(--wp--preset--color--primary);
}
#yearFilter [type=radio]:checked + label::after,
#yearFilter [type=radio].with-gap:checked + label::before,
#yearFilter [type=radio].with-gap:checked + label::after,
#yearFilter [type=checkbox].filled-in:checked + label::after,
#monthFilter [type=radio]:checked + label::after,
#monthFilter [type=radio].with-gap:checked + label::before,
#monthFilter [type=radio].with-gap:checked + label::after,
#monthFilter [type=checkbox].filled-in:checked + label::after,
#categoryFilter [type=radio]:checked + label::after,
#categoryFilter [type=radio].with-gap:checked + label::before,
#categoryFilter [type=radio].with-gap:checked + label::after,
#categoryFilter [type=checkbox].filled-in:checked + label::after {
border: 2px solid var(--wp--preset--color--primary);
}
.filter__wrapper {
margin-left: auto;
margin-right: 16px;
}
.filter-btn:last-of-type {
margin-right: 0;
}
.collection a.collection-item:not(.active):hover {
background-color: var(--wp--preset--color--white-primary);
}
.laterale-home .row {
margin-left: 0;
margin-right: 0;
}
.laterale-home .card-container .col:first-child {
margin-bottom: var(--wp--preset--spacing--large);
}
@media (min-width: 601px) {
.laterale-home .card-container .col:first-child {
margin-bottom: 0;
}
}
@media (min-width: 993px) {
.laterale-home .card-container .col:first-child {
margin-bottom: var(--wp--preset--spacing--large);
}
}
.cf-form {
border: 1px solid var(--wp--preset--color--white-darken);
}
.cf-form button {
border: none;
}
.cf-form #cf-datepicker {
color: inherit;
}
select.flatpickr-monthDropdown-months {
display: inline-block;
}
.cf-value {
font-size: 20px;
font-weight: 600;
}
input.cf-form--error {
border: 1px solid var(--wp--preset--color--accent) !important;
}
.cf-form label {
font-size: 20px;
font-weight: 600;
}
.cf__title,
.cf__submit-wrapper,
.cf-form .input-wrapper {
padding: var(--wp--preset--spacing--medium);
}
.cf__title {
line-height: 100%;
}
.cf__submit-wrapper button {
width: 100%;
margin-left: auto;
}
.cf-form .btn.btn__mail:focus {
background-color: #f44336;
}
@media (min-width: 601px) {
.cf__submit-wrapper button {
width: auto;
}
.cf-value {
font-size: 2.28rem;
}
}
.leadinModal input[type=checkbox] {
opacity: 1;
}
.disqus_template {
margin: 0 24px;
}
.embedded_video_section {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.embedded_video_section > *:first-child {
padding-top: 11px;
}
div.embedded_video_description {
display: block;
margin-top: 0;
margin-bottom: 16px;
font-size: 18px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
line-height: var(--wp--preset--font-size--xx-large);
color: var(--wp--preset--color--grey-primary);
}
div.embedded_video_description ul {
padding-left: 40px;
}
div.embedded_video_description ul li {
list-style-type: disc;
}
/*Breadcumb per sottocategorie*/
.breadcumb__list, .breadcumb__list--lp {
margin: 12px 0;
}
.breadcumb__list .breadcumb__category, .breadcumb__list--lp .breadcumb__category {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
line-height: 100%;
font-weight: 400;
white-space: nowrap;
font-size: 16px;
text-transform: capitalize;
}
@media (max-width: 600px) {
.breadcumb__list .breadcumb__category, .breadcumb__list--lp .breadcumb__category {
font-size: var(--wp--preset--spacing--half-medium);
}
}
@media (min-width: 601px) {
.breadcumb__list .breadcumb__category, .breadcumb__list--lp .breadcumb__category {
font-size: var(--wp--preset--spacing--medium);
}
}
.breadcumb__list .breadcumb__category a, .breadcumb__list--lp .breadcumb__category a {
color: inherit;
}
.card-list .collection.with-header .collection-header,
.card-post .collection.with-header .collection-header,
.card-post-v2 .collection.with-header .collection-header {
padding: var(--wp--preset--spacing--large) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium);
}
.card-list .collection.with-header .collection-header h4,
.card-post .collection.with-header .collection-header h4,
.card-post-v2 .collection.with-header .collection-header h4 {
font-size: 16px;
font-weight: 600;
}
@media (min-width: 1150px) {
.card-list .collection.with-header .collection-header h4,
.card-post .collection.with-header .collection-header h4,
.card-post-v2 .collection.with-header .collection-header h4 {
font-size: 20px;
}
}
.card-list .collection.with-header .skin .collection-header h4,
.card-post .collection.with-header .skin .collection-header h4,
.card-post-v2 .collection.with-header .skin .collection-header h4 {
font-size: 16px !important;
}
.card-list .collection-item a,
.card-post .collection-item a,
.card-post-v2 .collection-item a {
display: block;
}
@media (min-width: 1150px) {
.card-list:not(.card-list--small) .collection.with-header .collection-header h4 {
font-size: 24px;
}
}
.card-post .card-post__title,
.card-post-v2 .card-post-v2__title {
font-size: 18px;
font-weight: 500;
}
.card-post .card-post__title.card-nl,
.card-post-v2 .card-post-v2__title.card-nl {
height: calc(100% - 2rem);
overflow: hidden;
position: relative;
padding-inline: 1rem;
}
.card-post .card-post__title.card-nl.fadeTextV::after,
.card-post-v2 .card-post-v2__title.card-nl.fadeTextV::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2rem;
background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}
@media (min-width: 1150px) {
.card-post .card-post__title,
.card-post-v2 .card-post-v2__title {
font-size: 20px;
}
}
.skin .card-post .card-post__title,
.skin .card-post-v2 .card-post-v2__title {
font-size: 18px !important;
}
.skin .card-post__data, .skin .card-large__shareBtn {
font-size: 13px !important;
}
.skin .card-post-v2 .collection-item.wp-bg a {
height: 170px;
}
.skin .card-post-v2__content {
width: calc(100% - 120px);
}
.skin .card-post-v2__image {
width: 120px;
}
.card-list__yt-player.progressive {
background: none;
}
.card-post__image {
padding-top: 56.25%;
}
.card-post__image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.card-post__image img.fit-img {
object-fit: cover;
object-position: top;
aspect-ratio: 16/9;
height: auto;
}
.card-list__yt-player {
position: relative;
padding-top: 56.25%;
}
.card-list__yt-player #yt-main-video,
.card-list__yt-player img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.card-list__yt-player #yt-main-video {
z-index: 2;
}
.card-list__yt-player i {
z-index: 3;
}
.parent_sedici_noni_card_video {
display: none;
width: 100%;
position: relative;
padding: 56.25% 0 0 0;
}
.parent_sedici_noni_card_video iframe {
position: absolute;
top: 0;
left: 0;
}
.card-list .collection.with-header .collection-item {
position: relative;
padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) 0 0;
}
.card-list .collection.with-header .collection-item img {
vertical-align: middle;
}
.card-list .collection.with-header .collection-item a {
display: flex;
}
.card-list .collection.with-header .collection-item--whitepaper {
padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--medium) 0;
}
.card-list__social-box,
.card-list__editoriale-box,
.card-list__c2a-box {
height: 48px;
padding-left: var(--wp--preset--spacing--medium);
}
.collection {
border-radius: 4px;
}
.collection .collection-header {
padding: 24px 16px 16px 16px !important;
}
.card-eventi {
width: 100%;
}
@media (min-width: 601px) {
.card-eventi .collection-item.wp-bg {
position: relative;
width: 100%;
}
.card-eventi .collection-item.wp-bg a {
position: relative;
}
.card-eventi .collection-item:last-child .card-eventi__prevblock {
height: 66.6666666667%;
}
.card-eventi .collection-item:last-child .card-eventi__ctablock-text {
font-weight: 600;
}
}
.card-eventi .img_space_left,
.card-eventi .img_space_right {
flex-basis: 66.6666666667%;
display: block;
}
.card-eventi .card-eventi__image {
object-fit: cover;
margin: 0 auto;
width: 100%;
height: 100%;
object-position: center;
}
.card-eventi .container_image {
display: flex;
aspect-ratio: 16/9;
background-color: var(--wp--preset--color--white-lighten);
}
.card-eventi picture {
display: flex;
aspect-ratio: 16/9;
}
.card-eventi .card-eventi__text-wrapper {
height: 52px;
}
.card-eventi__content {
width: 100%;
height: 100%;
padding: 16px;
border-bottom: 1px solid var(--wp--preset--color--white-darken);
background-color: #fff;
}
.card-eventi__title-wrapper {
font-size: 20px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 500;
line-height: 130%;
}
.card-eventi__occhiello {
font-weight: 600;
line-height: 100%;
margin-bottom: var(--wp--preset--spacing--extra-small);
font-size: 16px;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.card-eventi__data {
font-size: 16px;
line-height: 100%;
margin-top: 16px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-weight: 400;
}
.card-eventi__text-wrapper {
position: relative;
padding: var(--wp--preset--spacing--extra-small) var(--wp--preset--spacing--medium);
font-size: 13px;
line-height: 100%;
}
@media (min-width: 1150px) {
.card-eventi__text-wrapper {
font-size: var(--wp--preset--spacing--medium);
}
}
.card-eventi__text-wrapper .material-symbols-outlined {
margin-right: var(--wp--preset--spacing--large);
}
.card-eventi__text-wrapper span {
white-space: nowrap;
}
.card-eventi__text-wrapper .zu-btn {
margin: 0 0 0 auto;
}
.card-list__first-block {
width: 100%;
}
@media (min-width: 601px) {
.card-list__first-block {
width: calc(100% - 172px);
}
}
@media (min-width: 993px) {
.collection-item--whitepaper .card-list__first-block {
min-height: 208px;
}
}
.card-list__text-wrapper {
padding-left: var(--wp--preset--spacing--medium);
border: 0;
}
@media (min-width: 601px) {
.card-list__text-wrapper {
border-bottom: 1px solid var(--wp--preset--color--white-darken);
}
}
.card-list__text-wrapper__editoriale {
width: calc(100% - 38px - 16px) !important;
}
.card-list--small .card-list__text-wrapper {
padding-left: 0;
}
.collection-item--whitepaper .card-list__text-wrapper {
border-bottom: none;
}
.collection-item--whitepaper .c2a-box {
border-top: 1px solid var(--wp--preset--color--white-darken);
}
.collection-item--whitepaper .card-list__c2a-box {
align-items: flex-end;
}
.card-list__firstvideo {
width: 100%;
}
.card-list__firstvideo .card-list__title {
font-size: var(--wp--preset--spacing--large);
}
.card-list__text-wrapper.no-img {
width: 100%;
position: relative;
border-bottom: none;
}
.card-list__text-wrapper.no-img .card-list__title {
margin: 0;
}
.card-list__image {
margin: 0 0 16px auto;
width: 156px;
height: 88px;
position: relative;
text-align: right;
}
@media (min-width: 993px) {
.card-list__image {
margin: 0 0 0 auto;
}
}
.card-list__image:not(.card-list__image--whitepaper) .background-img {
height: 100%;
background-size: cover;
background-position: center;
}
.card-list__image--whitepaper {
height: 208px;
background-position: center;
background-size: cover;
}
.card-list__play {
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -12px;
opacity: 0.9;
color: var(--wp--preset--color--primary);
cursor: pointer;
z-index: 2;
}
.card-list__play:hover {
opacity: 1;
}
.card-list__play--large {
font-size: 60px !important;
margin: -30px 0 0 -30px;
}
.card-list__title {
font-size: 18px;
font-weight: 500;
padding-bottom: var(--wp--preset--spacing--medium);
margin: 0 0 16px 0;
}
@media (min-width: 1150px) {
.card-list__title {
font-size: 20px;
}
}
.skin .card-list__title {
font-size: 18px !important;
}
.card-list__occhiello {
margin-bottom: 8px;
}
@media (min-width: 1150px) {
.card-list__occhiello {
font-size: 16px;
}
}
.skin .card-list__occhiello {
font-size: 13px !important;
}
.card-list__data, .card-list__shareBtn, .card-list__firma {
font-size: 13px;
margin: 8px 0 0 0;
}
@media (min-width: 1150px) {
.card-list__data, .card-list__shareBtn, .card-list__firma {
font-size: 16px;
}
}
.card-list__data_absolute {
position: absolute;
bottom: 16px;
left: 16px;
}
.skin .card-list__data, .skin .card-list__shareBtn, .skin .card-list__firma {
font-size: 13px !important;
}
.card-list__firma {
font-weight: 600;
margin: 0;
}
.card-list__shareBtn {
margin: 0 0 0 auto;
}
.card-list__yt-player + .collection-item .card-list__shareBtn {
right: var(--wp--preset--spacing--medium);
}
.card-list__cta {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
line-height: 110%;
font-size: 13px;
text-transform: uppercase;
}
@media (min-width: 1150px) {
.card-list__cta {
font-size: var(--wp--preset--spacing--medium);
}
}
.skin .card-list__cta {
font-size: 13px !important;
}
.card-list--small {
background-color: #fff;
}
.card-list--small .collection.with-header .collection-item {
padding: var(--wp--preset--spacing--medium);
}
@media (min-width: 601px) {
.card-list--small .flex-column {
height: 100%;
}
}
.card-list__small-item .card-list__title,
.card-list__small-item .card-list__data,
.card-list__small-item .card-list__firma,
.card-list__small-item .card-list__shareBtn {
line-height: 110%;
font-weight: 500;
}
.skin .card-list__small-item .card-list__title,
.skin .card-list__small-item .card-list__data,
.skin .card-list__small-item .card-list__firma,
.skin .card-list__small-item .card-list__shareBtn {
font-size: var(--wp--preset--spacing--medium) !important;
}
.card-list__small-item .giornalista-thumb--mini {
top: 0;
left: auto;
right: 0;
bottom: 0;
}
.card-list__small-item_video .card-list__play {
position: relative;
left: 0;
margin: 0;
opacity: 1;
cursor: pointer;
margin-top: -4px;
float: left;
margin-right: 8px;
}
.card-list__c2a-box .zu-btn {
margin: 0 0 0 auto;
}
.card-list__small-item_whitepaper .container_bottom_small {
width: calc(100% + 32px);
border-top: 1px solid var(--wp--preset--color--white-darken);
padding-top: 16px;
margin: 16px -16px;
padding-left: 16px;
}
.card-list__small-item_whitepaper .leva_marketing {
margin-top: 8px;
}
.card-list__small-item_whitepaper .zu-btn {
margin-right: 16px;
}
.card-post,
.card-post .collection.with-header,
.card-eventi,
.card-eventi .collection.with-header,
.card-whitepaper,
.card-whitepaper .collection.with-header {
width: 100%;
height: 100%;
}
.card-post .collection.with-header .collection-header h4 {
position: relative;
width: calc(100% - 24px - 15px);
white-space: nowrap;
overflow: hidden;
}
.card-post .collection.with-header .collection-header h4.fadeTextH--tech {
width: calc(100% - 71px);
}
.card-post .collection.with-header .collection-header h4.fadeTextH::after {
right: 0;
}
.card-post-v2 {
height: 100%;
}
.card-post-v2 .collection.with-header {
height: inherit;
}
.card-post-v2 .collection-item.wp-bg a {
height: 170px;
}
@media (min-width: 1150px) {
.card-post-v2 .collection-item.wp-bg a {
height: 222px;
}
}
@media (min-width: 601px) {
.card-post-v2 .collection-item.wp-bg {
position: relative;
display: inline-block;
width: 100%;
}
.card-post-v2 .collection-item.wp-bg a {
position: relative;
}
.card-post-v2 .collection-item:last-child .card-post-v2__prevblock {
height: 66.6666666667%;
}
.card-post-v2 .collection-item:last-child .card-post-v2__ctablock-text {
font-weight: 600;
}
}
.card-post-v2 ul {
display: flex;
flex-direction: column;
}
.card-post-v2 ul li:last-child {
flex-basis: 47px;
}
.card-post__ttimage {
margin-right: var(--wp--preset--spacing--medium);
}
.card-post__content {
padding: var(--wp--preset--spacing--medium);
position: relative;
flex-basis: 100%;
}
.card-post__occhiello {
margin-bottom: var(--wp--preset--spacing--extra-small);
}
.card-post__title {
margin: 0;
margin-bottom: var(--wp--preset--spacing--medium);
overflow: hidden;
padding-bottom: 2px;
}
.card-post__data, .card-large__shareBtn {
margin-bottom: var(--wp--preset--spacing--extra-small);
font-size: 13px;
font-weight: 400;
}
@media (min-width: 1150px) {
.card-post__data, .card-large__shareBtn {
font-size: 16px;
}
}
.card-post__firma {
line-height: 110%;
}
.card-post__info-post {
position: absolute;
bottom: 0;
}
.card-post-v2__content {
width: calc(100% - 120px);
height: 100%;
padding: 16px;
overflow: hidden;
}
@media (min-width: 1150px) {
.card-post-v2__content {
width: calc(100% - 166px);
}
}
.card-post-v2__content.card-nl {
padding-inline: 0px;
padding-block: 1rem;
}
.card-post-v2__content.fadeTextV::after {
width: calc(100% - 166px);
background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}
@media (max-width: 768px) {
.card-post-v2__content.fadeTextV::after {
width: calc(100% - 120px);
}
}
.card-post-v2__title-wrapper {
font-size: 16px;
height: 100%;
overflow: hidden;
position: relative;
}
.card-post-v2__title-wrapper::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#f5f5f5", GradientType=0);
height: 32px;
width: 100%;
}
.card-post-v2__occhiello {
margin-bottom: var(--wp--preset--spacing--extra-small);
text-transform: uppercase;
}
.card-post-v2__occhiello.card-nl {
padding-inline: 1rem;
}
.card-post-v2__data {
font-size: 13px;
line-height: 110%;
margin: auto 0 0 0;
}
.card-post-v2__data.card-nl {
line-height: 2rem;
height: 2rem;
padding-inline: 1rem;
}
.card-post-v2__image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
float: right;
height: 100%;
width: 120px;
}
@media (min-width: 1150px) {
.card-post-v2__image {
width: 166px;
}
}
.card-post-v2__text-wrapper, .card-post-v2__previous-num {
position: relative;
padding: var(--wp--preset--spacing--extra-small) var(--wp--preset--spacing--medium);
font-size: 13px;
line-height: 100%;
}
@media (min-width: 1150px) {
.card-post-v2__text-wrapper, .card-post-v2__previous-num {
font-size: var(--wp--preset--spacing--medium);
}
}
.card-post-v2__text-wrapper .material-symbols-outlined, .card-post-v2__previous-num .material-symbols-outlined {
margin-right: var(--wp--preset--spacing--large);
}
.card-post-v2__text-wrapper span, .card-post-v2__previous-num span {
white-space: nowrap;
overflow: hidden;
line-height: normal;
}
.card-post-v2__text-wrapper .zu-btn, .card-post-v2__previous-num .zu-btn {
margin: 0 0 0 auto;
}
.card-whitepaper {
width: 100%;
}
@media (min-width: 601px) {
.card-whitepaper .collection-item.wl-bg {
position: relative;
width: 100%;
}
.card-whitepaper .collection-item.wl-bg a {
position: relative;
}
}
.card-whitepaper .img_space_left,
.card-whitepaper .img_space_right {
flex-basis: 66.6666666667%;
display: block;
}
.card-whitepaper .container_image {
aspect-ratio: 16/9;
display: flex;
margin: 16px 0;
background-color: var(--wp--preset--color--white-lighten);
justify-content: center;
}
.card-whitepaper picture {
display: flex;
aspect-ratio: 16/9;
justify-content: center;
}
.card-whitepaper_image {
height: 100%;
width: auto;
object-fit: cover;
aspect-ratio: 3/4;
margin: 0 auto;
}
.card-whitepaper__content {
width: 100%;
height: 100%;
padding: 16px;
border-bottom: 1px solid var(--wp--preset--color--white-darken);
background-color: #fff;
}
.card-whitepaper__title-wrapper {
font-size: 20px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 500;
line-height: 130%;
}
.card-whitepaper__occhiello {
font-weight: 600;
line-height: 100%;
margin-bottom: var(--wp--preset--spacing--extra-small);
font-size: 16px;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
}
.card-whitepaper__data {
font-size: 16px;
line-height: 100%;
margin-top: 16px;
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-weight: 400;
}
.card-whitepaper__text-wrapper {
position: relative;
padding: var(--wp--preset--spacing--extra-small) var(--wp--preset--spacing--medium);
font-size: 13px;
line-height: 100%;
}
@media (min-width: 1150px) {
.card-whitepaper__text-wrapper {
font-size: var(--wp--preset--spacing--medium);
}
}
.card-whitepaper__text-wrapper .material-symbols-outlined {
margin-right: var(--wp--preset--spacing--large);
}
.card-whitepaper__text-wrapper span {
white-space: nowrap;
}
.card-whitepaper__text-wrapper .zu-btn {
margin: 0 0 0 auto;
}
.skin .card-post-v2__text-wrapper, .skin .card-post-v2__previous-num {
font-size: 13px !important;
}
.fadeTextV:not(.card-nl)::after {
content: "";
width: 100%;
height: 32px;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 601px) {
.fadeTextV:not(.card-nl)::after {
bottom: auto;
top: 138px;
}
}
.fadeTextH::after {
content: "";
width: 2.5rem;
height: 1.5rem;
position: absolute;
top: 50%;
margin-top: -0.75rem;
right: 16px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
}
.card-post-v2__previous-num {
padding: 8px var(--wp--preset--spacing--medium);
}
.card-post-v2__previous-num span {
line-height: 100%;
}
.card-newsletter__image {
background: var(--wp--preset--color--primary);
background: -moz-radial-gradient(center, circle cover, var(--wp--preset--color--primary-lighten) 0%, var(--wp--preset--color--primary) 100%);
background: -webkit-radial-gradient(center, circle cover, var(--wp--preset--color--primary-lighten) 0%, var(--wp--preset--color--primary) 100%);
background: radial-gradient(circle at center, var(--wp--preset--color--primary-lighten) 0%, var(--wp--preset--color--primary) 100%);
justify-content: center;
}
.card-newsletter__image .responsive-img, .card-newsletter__image article .body-text img, article .body-text .card-newsletter__image img {
display: block;
margin: auto;
width: 62px;
}
.card-post-eventi .card-post-v2__content.fadeTextV::after {
display: none;
}
.card-risorsa {
height: 100%;
}
.card-risorsa .collection.with-header {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
.card-risorsa .collection.with-header .collection-header {
position: relative;
padding: var(--wp--preset--spacing--medium);
border: none;
}
.card-risorsa .collection.with-header .collection-item {
border: none;
}
.card-risorsa .collection.with-header .card_risorsa_scopri {
display: inline-flex;
justify-content: right;
padding: 16px;
border-top: 1px solid var(--wp--preset--color--white-darken);
color: var(--wp--preset--color--primary);
margin-top: auto;
}
.card_risorsa__content {
padding: 16px;
position: relative;
overflow: hidden;
color: var(--wp--preset--color--grey-lighten);
}
@media screen and (min-width: 601px) {
.card_risorsa__content::after {
content: "";
position: absolute;
width: 100%;
height: 1.8em;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(var(--wp--preset--color--white-primary), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#5f5858", GradientType=0);
}
}
.card_risorsa__description {
height: 105%;
overflow: hidden;
}
.card-risorsa__occhiello {
margin: 0;
margin-bottom: var(--wp--preset--spacing--extra-small);
}
.card-risorsa__title {
font-size: var(--wp--preset--spacing--medium);
font-weight: 500;
margin: 0;
}
@media (min-width: 1150px) {
.card-risorsa__title {
font-size: 20px;
}
}
.skin .card-risorsa__title {
font-size: var(--wp--preset--spacing--medium) !important;
}
.card-risorsa__image {
position: relative;
padding-top: 32.25%;
}
.card-risorsa__image.card-risorsa__categoria {
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: inherit;
}
.card-risorsa__image img {
position: absolute;
border-radius: 50%;
height: 100%;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card-community {
font-size: 13px;
}
.card-community__card-content {
padding: var(--wp--preset--spacing--extra-small) var(--wp--preset--spacing--medium);
line-height: 110%;
}
@media (min-width: 601px) {
.card-community__card-content {
height: 76px;
overflow: hidden;
}
}
.card-community__image {
margin: 0;
margin-right: var(--wp--preset--spacing--medium);
width: 40px;
}
.card-community__image img {
min-width: 40px;
height: 40px;
border: 1px solid var(--wp--preset--color--white-darken);
}
.card-community__user {
margin-bottom: var(--wp--preset--spacing--extra-small);
}
@media (min-width: 601px) {
.card-community__data {
overflow: hidden;
height: 56px;
position: relative;
}
.card-community__data.fadeTextV::after {
bottom: 0;
height: 1.5rem;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}
}
.card-large {
line-height: 100%;
overflow: hidden;
border-radius: 4px;
border: 1px solid var(--wp--preset--color--white-darken);
margin-bottom: var(--wp--preset--spacing--medium);
aspect-ratio: 16/9;
}
.card-large .div_firma {
font-weight: 600;
margin-top: var(--wp--preset--spacing--extra-small);
line-height: 130%;
display: inline-block;
}
.card-large .card-list__play {
top: calc(56.25% - 30px);
}
.card-large .title, .card-large .card-list__title, .card-large .card-post__title, .card-large .card-risorsa__title {
font-size: 20px;
}
@media (min-width: 601px) {
.card-large .title, .card-large .card-list__title, .card-large .card-post__title, .card-large .card-risorsa__title {
font-size: 24px;
}
}
@media (min-width: 1150px) {
.card-large .title, .card-large .card-list__title, .card-large .card-post__title, .card-large .card-risorsa__title {
font-size: 45px;
}
}
.card-large__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: -moz-linear-gradient(top, rgb(34, 31, 31) 0%, rgba(34, 31, 31, 0) 80%, rgba(34, 31, 31, 0.4) 100%);
background: -webkit-linear-gradient(top, rgb(34, 31, 31) 0%, rgba(34, 31, 31, 0) 80%, rgba(34, 31, 31, 0.4) 100%);
background: linear-gradient(to bottom, rgb(34, 31, 31) 0%, rgba(34, 31, 31, 0) 80%, rgba(34, 31, 31, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#221f1f", endColorstr="#66ffffff", GradientType=0);
}
.card-large__caption-wrapper {
position: relative;
margin-left: 16px;
width: calc(100% - 32px);
}
.card-large__home__caption-wrapper {
position: absolute;
margin-left: 16px;
width: calc(100% - 32px);
top: 0;
}
.card-large__occhiello {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-weight: 500;
text-transform: uppercase;
line-height: 100%;
font-size: 20px;
margin-top: 16px;
}
.card-large__shareBtn {
position: absolute;
bottom: 0;
right: 0;
}
.card-large__img {
padding-top: 56.25%;
background-size: cover;
background-position: center;
}
.card-large__img.contains-object-fit-coverimage {
padding-top: 0;
}
.card-large__title {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 600;
line-height: 130%;
margin: 8px 0 0 0;
font-size: 16px;
}
@media (min-width: 601px) {
.card-large__title {
font-size: 34px;
}
}
@media (min-width: 400px) {
.card-large__title {
font-size: 24px;
}
}
.card-large__data {
margin-top: var(--wp--preset--spacing--medium);
}
.card-large__firme {
font-weight: 400;
}
.giornalista {
width: 100%;
float: left;
border: 1px solid #e0dddd;
padding: 15px;
border-radius: 5px;
margin-bottom: 20px;
}
.giornalista::after {
display: table;
content: "";
clear: both;
}
.card-post__journalist-thumb-container {
position: absolute;
top: -19px;
right: 16px;
}
.giornalista-thumb,
.giornalista-thumb--mini {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
}
.giornalista-thumb {
width: 100px;
height: 100px;
float: left;
}
.giornalista-thumb2 {
width: 100px;
height: 100px;
float: left;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
line-height: 166%;
font-size: 60px;
text-align: center;
color: #fff;
}
.giornalista-thumb2.contains-object-fit-coverimage {
overflow: hidden;
}
.giornalista-thumb--mini {
width: 38px;
height: 38px;
line-height: 38px;
font-size: 24px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
float: right;
margin-left: 8px;
}
.giornalista-thumb--mini.contains-object-fit-coverimage {
overflow: hidden;
}
.card-list__editoriale-box .giornalista-thumb--mini {
margin-left: 0;
}
.giornalista-thumb--mini.noabsolute {
position: inherit;
top: auto;
left: auto;
margin-right: var(--wp--preset--spacing--medium);
}
.giornalista-data {
width: calc(100% - 120px);
float: right;
}
.giornalista__job,
.giornalista__bio {
margin-bottom: var(--wp--preset--spacing--medium);
}
.giornalista__bio {
font-size: 14px;
padding-top: var(--wp--preset--spacing--medium);
border-top: 1px solid #e0dddd;
}
.seguimi_su {
float: right;
margin-right: 16px;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-weight: 400;
font-size: 16px;
}
@media (max-width: 600px) {
.seguimi_su {
display: none;
}
}
.icons a {
float: right;
margin-right: 8px;
}
.collection-item.flex_eventi_multipli {
flex-basis: auto !important;
flex-grow: 1;
}
.full_height_img {
height: 100% !important;
}
.social-list .fb {
background-color: #3b5999;
}
.social-list .tw {
background-color: #000;
}
.social-list .ln {
background-color: #0077b5;
}
.social-list .yt {
background-color: #cd201f;
}
.row-sponsor-in-card {
background-color: rgba(66, 66, 66, 0.7);
color: var(--wp--preset--color--white-lighten);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
padding: 12px 16px;
position: absolute;
top: 0;
left: 0;
line-height: 130%;
z-index: 2;
width: 100%;
}
.row-sponsor-in-card a {
font-weight: 700;
}
.card-post .collection-item .row-sponsor-in-card a {
display: inline-block;
}
.card-post-video,
.card-post-video .card-post__image {
position: relative;
}
.card-post-video-large .row-sponsor-in-card {
padding: 12px 8px;
}
@media (min-width: 601px) {
.card-post-video-large .row-sponsor-in-card {
padding: 12px 16px;
}
}
.row-sponsor-in-listing {
display: none;
font-size: 10px;
line-height: 100%;
left: auto;
padding: 0 12px;
height: 32px;
top: 16px;
right: 16px;
width: 156px;
}
@media (min-width: 601px) {
.row-sponsor-in-listing {
display: block;
}
}
.row-sponsor-in-listing span {
height: 32px;
line-height: 32px;
}
.row-brand-listing {
position: relative;
margin-top: -16px;
z-index: 2;
}
.chip_sponsor {
background-size: cover;
background-repeat: no-repeat;
border: 1px solid var(--wp--preset--color--white-darken);
border-radius: 50%;
height: 32px;
margin-left: 8px;
width: 32px;
}
.card-large .row-sponsor-in-card {
background-color: transparent;
bottom: 0;
color: var(--wp--preset--color--white-lighten);
padding: 16px;
top: auto;
position: absolute;
width: calc(100% - 48px);
}
@media (min-width: 601px) {
.card-large .row-sponsor-in-card {
width: auto;
}
}
.hs-cta-wrapper img {
height: auto;
width: 100%;
}
.hs-cta-wrapper > span,
.hs-cta-wrapper a {
display: block;
width: 100%;
}
.card-eu .collection.with-header .collection-header {
padding: 16px;
}
.card-eu .collection-header img {
max-height: 44px;
width: auto;
}
.card-eu .tabs .tab {
white-space: normal;
padding: 0 0.3rem !important;
}
.card-eu .tabs .tab a,
.card-eu .tabs .tab a.active {
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 14px;
color: var(--wp--preset--color--white-lighten);
text-overflow: inherit;
padding: 0;
text-transform: none;
}
.card-eu .tabs .tab a {
font-weight: 400;
color: var(--wp--preset--color--white-darken);
transition: none;
}
.card-eu .tabs .tab a.active {
font-weight: 600;
color: var(--wp--preset--color--white-lighten);
}
.card-eu .tabs .tab.multiline-tab {
display: flex;
align-items: center;
}
.card-eu .tabs .tab.multiline-tab a {
line-height: 140%;
padding-top: 5px;
}
.card-eu .tabs .indicator {
background-color: transparent;
height: 4px;
}
.carousel-pagination {
height: 48px;
}
.carousel-pagination .icon-wrap {
width: 48px;
text-align: center;
cursor: pointer;
}
.carousel.carousel-slider {
height: auto !important;
padding-top: 56.25%;
position: relative;
}
.carousel.carousel-slider .img-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.carousel__pagination-info p,
.carousel.carousel-slider .carousel-item p {
font-weight: 600;
font-family: var(--wp--preset--font-family--font-1), sans-serif;
font-size: 18px;
}
.carousel-pagination i {
line-height: 48px;
}
.card-eu .carousel.carousel-slider .carousel-item {
min-height: auto;
z-index: 0;
opacity: 1;
display: block;
transform: translateX(0) translateX(0) translateX(0) translateZ(0);
}
.card-eu .carousel.carousel-slider .carousel-item::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgb(33, 33, 33) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50% rgb(33, 33, 33) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(33, 33, 33) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#212121", GradientType=0);
top: 0;
left: 0;
}
.carousel-caption {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 1;
}
.collection-item.eu-social {
text-align: right;
font-size: 24px;
padding: 13px 16px;
padding-left: 16px;
}
.eu-social__link:not(:last-child) {
margin-right: 16px;
}
li.collection-item.no-padding {
padding: 0 !important;
}
.skin .card-post-v2 .gg,
.skin .card-post-v2 .ore,
.skin .card-post-v2 .minuti,
.skin .card-post-v2 .secondi {
font-size: 12px;
}
.gg,
.ore,
.minuti,
.secondi {
margin-left: 15px;
margin-top: -10px;
position: relative;
font-size: 14px;
}
.timer-wrapper {
margin-bottom: var(--wp--preset--spacing--medium);
}
@media (min-width: 601px) {
.timer-wrapper {
margin-bottom: var(--wp--preset--spacing--large);
}
}
@media (min-width: 601px) {
.testata__time span,
.testata__time .gg,
.testata__time .ore,
.testata__time .minuti,
.testata__time .secondi {
margin-top: -5px;
font-size: var(--wp--preset--spacing--large);
}
}
@media (min-width: 601px) {
.testata__time .gg,
.testata__time .ore,
.testata__time .minuti,
.testata__time .secondi {
margin-left: 30px;
}
.testata__time .gg::after,
.testata__time .ore::after,
.testata__time .minuti::after,
.testata__time .secondi::after {
top: 22px;
font-size: 24px;
}
}
.testata__time .gg::after {
left: -4px;
}
.testata__time .ore::after {
left: -8px;
}
.testata__time .minuti::after {
left: -12px;
}
.testata__time .secondi::after {
left: -4px;
}
.gg::after {
content: "gg";
display: block;
position: absolute;
top: 15px;
left: -2px;
color: var(--wp--preset--color--grey-lighten);
font-size: 12px;
}
.gg.d::after {
content: "d";
}
.ore::after {
content: "ore";
display: block;
position: absolute;
top: 15px;
left: -2px;
color: var(--wp--preset--color--grey-lighten);
font-size: 12px;
}
.ore.h::after {
content: "h";
}
.minuti::after {
content: "min";
display: block;
position: absolute;
top: 15px;
left: -1px;
color: var(--wp--preset--color--grey-lighten);
font-size: 12px;
}
.minuti.min::after {
content: "min";
}
.secondi::after {
content: "sec";
display: block;
position: absolute;
top: 15px;
left: -1px;
color: var(--wp--preset--color--grey-lighten);
font-size: 12px;
}
.secondi.seg::after {
content: "seg";
}
.whitepaper__copertina {
width: 25%;
}
@media only screen and (max-width: 993px) {
.whitepaper__copertina {
width: 33.33333333%;
}
}
@media only screen and (max-width: 601px) {
.whitepaper__copertina {
width: 66.66666666%;
}
}
/* Helpers gestione immagini con picture */
.contains-object-fit-coverimage img {
object-fit: cover;
}
.contains-object-fit-coverimage img.full-space-image {
width: 100%;
height: 100%;
}
.contains-object-fit-coverimage img.full-space-image-nomargin {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.contains-object-fit-containimage img {
object-fit: contain;
}
.contains-object-fit-containimage img.full-space-image {
width: 100%;
height: 100%;
}
.contains-object-fit-containimage.position-left img {
object-position: left;
}
.ratemypostextra-container .rmp-feedback-widget button {
background-color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--font-1), sans-serif;
padding: 9px 16px;
border-radius: 2px;
display: inline-block;
color: #f5f5f5;
line-height: 100%;
}
.ratemypostextra-container .rmp-feedback-widget button:hover, .ratemypostextra-container .rmp-feedback-widget button:focus {
background-color: var(--wp--preset--color--accent);
}
.ratemypostextra-container .rmp-rating-widget__icons-list li svg.rmpextra-rating-negative circle,
.ratemypostextra-container .rmp-rating-widget__icons-list li svg.rmpextra-rating-negative path {
fill: var(--wp--preset--color--accent);
}
.ratemypostextra-container .rmp-rating-widget__icons-list li svg.rmpextra-rating-positive circle,
.ratemypostextra-container .rmp-rating-widget__icons-list li svg.rmpextra-rating-positive path {
fill: var(--wp--preset--color--primary);
}
.wptb-table-container::-webkit-scrollbar {
width: var(--wp--preset--spacing--small);
}
.wptb-table-container::-webkit-scrollbar-track {
background: var(--wp--preset--color--white-darken);
}
.wptb-table-container::-webkit-scrollbar-thumb {
background-color: var(--wp--preset--color--grey-darken);
border-radius: 20px;
border: 3px solid var(--wp--preset--color--white-darken);
}
.wptb-table-container {
scrollbar-width: auto;
scrollbar-color: var(--wp--preset--color--grey-darken) var(--wp--preset--color--white-darken);
}
.leaderboard_container {
display: flex;
}
.leaderboard_container > div {
margin: 0 auto;
}
.margin-for-home {
margin-top: 24px;
}
.billboard_container > div,
.alternative_box_container > div {
margin: 0 auto;
}
.billboard_container {
margin-bottom: 24px;
}
.alternative_box_container {
margin: 32px 0;
}
.leaderboard__top {
text-align: center;
/**
* Classe utilizzata negli articoli in formato video per
* rimediare al margine negativo del container dell'articolo.
*/
}
.leaderboard__top.fix-negative-margin {
margin-bottom: 24px;
}
.leaderboard__top.leaderboard__margin {
margin-bottom: 16px;
}
#div-gpt-ad-1496840385449-0_ad_container {
margin: 0 auto;
}
.block_box_container {
height: 100%;
justify-content: space-between;
}
.tags .block_box_container {
height: auto;
}
.block_box.tablet {
margin: 0 auto;
}
@media (min-width: 601px) {
.block_box.tablet {
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -125px;
}
}
.home__adv-mobile div:first-child {
margin-bottom: var(--wp--preset--spacing--medium) !important;
}
@media (min-width: 711px) {
.home__adv-mobile div:first-child {
margin-bottom: 0 !important;
}
}
html,
body {
font-family: var(--wp--preset--font-family--font-2), sans-serif;
font-size: 14px;
}
a {
color: inherit;
}
.adv_container {
margin: 0 auto;
display: table;
}
/*# sourceMappingURL=single.css.map */