/* Theme Name: bootScore Child Description: bootScore Child Theme Author: bootScore Author URI: https://bootscore.me Template: bootscore-main Version: 5.2.0.0 Text Domain: bootscore Prerequisites: Install the following plugins required for lerncenter.ch: - Advanced Custom Fields PRO - Advanced Custom Fields: Extended - Advanced WordPress Backgrounds - Bootstrap Blocks - bS Cookie Settings - bS Grid - bS Gutenberg Gallery Lightbox - bS Gutenberg Responsive Video - Conditional Fields for Contact Form 7 - Contact Form 7 - Contact Form 7 Extension For Mailchimp - Contact Form 7 Polylang extension - EditorsKit - Fonts Plugin - Loco Translate - One User Avatar - Polylang - Post Types Order - SimpLy Gallery Block & Lightbox - Site Kit by Google - Slide Anything - The SEO Framework Installation: 1. Install the Bootscore Main Theme (https://bootscore.me/) 2. Copy the Theme to your WordPress installation subfolder /wp-content/themes 3. Activate the Theme in your WordPress backend 4. Copy/paste the below CSS to the Theme's additional CSS */ /* Base */ :root { /* Bootscore */ --bs-body-font-size: 20px; --bs-body-font-weight: 400; --bs-body-line-height: 1.2; --bs-body-color: #707070; --bs-body-bg: #fff; /* Pocket */ --pocket--toolbar-height: 155px; --pocket--layout-breakpoint--xs: 0; --pocket--layout-breakpoint--sm: 576px; --pocket--layout-breakpoint--md: 768px; --pocket--layout-breakpoint--lg: 992px; --pocket--layout-breakpoint--xl: 1200px; --pocket--layout-breakpoint--xxl: 1400px; --pocket--container-width--xs: calc(100vw - 40px); --pocket--container-width--sm: 540px; --pocket--container-width--md: 720px; --pocket--container-width--lg: 960px; --pocket--container-width--xl: 1140px; --pocket--container-width--xxl: 1200px /*1320px*/ ; /* Colors */ --pocket--light__link--color: #22bcad; --pocket--light__link--color__hover: #189e8e; --pocket--dark__link--color: #22bcad; --pocket--dark__link--color__hover: #189e8e; --pocket--light__section--background: #ffffff; --pocket--dark__section--background: #04001f; --pocket--light__section--border-color: #ffffff; --pocket--dark__section--border-color: #ffffff33; --pocket--light__input--background: #ffffff; --pocket--dark__input--background: #d2d9e5; --pocket--light__input--border--color: #ddd; --pocket--light__input--border--color__hover: #22bcad; --pocket--dark__input--border--color: #ddd; --pocket--dark__input--border--color__hover: #22bcad; --pocket--light__input--color: #04001f; --pocket--dark__input--color: #04001f; --pocket--light__text--color: #000000; --pocket--dark__text--color: #ffffff; --pocket--light__btn-primary--color: #000000; --pocket--light__btn-primary--color__hover: #000000; --pocket--light__btn-primary--background: #ffba40; --pocket--light__btn-primary--background__hover: #ffa505; --pocket--dark__btn-primary--color: #03011d; --pocket--dark__btn-primary--color__hover: #03011d; --pocket--dark__btn-primary--background: #5263fb; --pocket--dark__btn-primary--background__hover: #5263fb; --pocket--light__btn-secondary--color: #22bcad; --pocket--light__btn-secondary--color__hover: #ffffff; --pocket--light__btn-secondary--background: #22bcad; --pocket--light__btn-secondary--background__hover: #22bcad; --pocket--dark__btn-secondary--color: #dddddd; --pocket--dark__btn-secondary--color__hover: #ffffff; --pocket--dark__btn-secondary--background: #888888; --pocket--dark__btn-secondary--background__hover: #6c757d; --pocket--light__hint-neutral--color: #fe9954; --pocket--light__hint-success--color: #cae511; --pocket--light__hint-warning--color: #ff0000; --pocket--dark__hint-neutral--color: #fe9954; --pocket--dark__hint-success--color: #cae511; --pocket--dark__hint-warning--color: #ff0000; --pocket--light__snackbar--background: rgba(34, 41, 57, .85); --pocket--dark__snackbar--background: rgba(34, 41, 57, .85); --pocket-footer-background-color: #090a0e; --pocket-footer-info-background-color: #323949; --pocket-footer-info-foreground-color: #707070; --pocket--light__toolbar--background: #ffffff; --pocket--dark__toolbar--background: #04001fdd; --pocket--light__menu--background: #ffffff; --pocket--dark__menu--background: #04001fdd; --pocket--light__toolbar-btn--color: #000000; --pocket--light__toolbar-btn--color__hover: #000000; --pocket--dark__toolbar-btn--color: #e8edf6; --pocket--dark__toolbar-btn--color__hover: #ffffff; --pocket--light__cookie-consent--background: #effaf9ee; --pocket--dark__cookie-consent--background: #000000; --pocket--light__cookie-consent--color: #000000; --pocket--dark__cookie-consent--color: #f1f2f3; /* Font Sizes */ --pocket-font-size--h__xs_sm: 2rem; --pocket-font-size--h__md_lg: 2.72727vw; ; --pocket-font-size--h__xl_xxl: 3rem; --pocket-font-size--s__xs_md: 1.8rem; --pocket-font-size--s__lg: 1.81818vw; ; --pocket-font-size--s__xl_xxl: 2rem; --pocket-font-size-xs__x-large: calc(var(--pocket-font-size--h__xs_sm) * 1); --pocket-font-size-xs__large: calc(var(--pocket-font-size--h__xs_sm) * .8); --pocket-font-size-xs__default: var(--pocket-font-size--s__xs_md); --pocket-font-size-xs__medium: calc(var(--pocket-font-size--s__xs_md) * .9); --pocket-font-size-xs__small: calc(var(--pocket-font-size--s__xs_md) * .7); --pocket-font-size-sm__x-large: calc(var(--pocket-font-size--h__xs_sm) * 1); --pocket-font-size-sm__large: calc(var(--pocket-font-size--h__xs_sm) * .8); --pocket-font-size-sm__default: var(--pocket-font-size--s__xs_md); --pocket-font-size-sm__medium: calc(var(--pocket-font-size--s__xs_md) * .9); --pocket-font-size-sm__small: calc(var(--pocket-font-size--s__xs_md) * .7); --pocket-font-size-md__x-large: calc(var(--pocket-font-size--h__md_lg) * 1); --pocket-font-size-md__large: calc(var(--pocket-font-size--h__md_lg) * .8); --pocket-font-size-md__default: var(--pocket-font-size--s__xs_md); --pocket-font-size-md__medium: calc(var(--pocket-font-size--s__xs_md) * .9); --pocket-font-size-md__small: calc(var(--pocket-font-size--s__xs_md) * .7); --pocket-font-size-lg__x-large: calc(var(--pocket-font-size--h__md_lg) * 1); --pocket-font-size-lg__large: calc(var(--pocket-font-size--h__md_lg) * .8); --pocket-font-size-lg__default: var(--pocket-font-size--s__lg); --pocket-font-size-lg__medium: calc(var(--pocket-font-size--s__lg) * .9); --pocket-font-size-lg__small: calc(var(--pocket-font-size--s__lg) * .7); --pocket-font-size-xl__x-large: calc(var(--pocket-font-size--h__xl_xxl) * 1); --pocket-font-size-xl__large: calc(var(--pocket-font-size--h__xl_xxl) * .8); --pocket-font-size-xl__default: var(--pocket-font-size--s__xl_xxl); --pocket-font-size-xl__medium: calc(var(--pocket-font-size--s__xl_xxl) * .9); --pocket-font-size-xl__small: calc(var(--pocket-font-size--s__xl_xxl) * .7); --pocket-font-size-xxl__x-large: calc(var(--pocket-font-size--h__xl_xxl) * 1); --pocket-font-size-xxl__large: calc(var(--pocket-font-size--h__xl_xxl) * .8); --pocket-font-size-xxl__default: var(--pocket-font-size--s__xl_xxl); --pocket-font-size-xxl__medium: calc(var(--pocket-font-size--s__xl_xxl) * .9); --pocket-font-size-xxl__small: calc(var(--pocket-font-size--s__xl_xxl) * .7); --pocket-font-size-xs--btn: 1.6rem; --pocket-font-size-sm--btn: 1.6rem; --pocket-font-size-md--btn: 1.6rem; --pocket-font-size-lg--btn: 1.6rem; --pocket-font-size-xl--btn: 1.6rem; --pocket-font-size-xxl--btn: 1.6rem; --pocket-font-size-xs--input: 1.8rem; --pocket-font-size-sm--input: 1.8rem; --pocket-font-size-md--input: 1.8rem; --pocket-font-size-lg--input: 2rem; --pocket-font-size-xl--input: 2rem; --pocket-font-size-xxl--input: 2rem; --pocket-font-size--h1__xs_md: 3rem; --pocket-font-size--h1__lg: 4.54545vw; --pocket-font-size--h1__xl_xxl: 5rem; --pocket-font-size-xs--h1__x-large: calc(var(--pocket-font-size--h1__xs_md) * 1.3); --pocket-font-size-xs--h1__large: calc(var(--pocket-font-size--h1__xs_md) * 1.1); --pocket-font-size-xs--h1__default: var(--pocket-font-size--h1__xs_md); --pocket-font-size-xs--h1__medium: calc(var(--pocket-font-size--h1__xs_md) * .9); --pocket-font-size-xs--h1__small: calc(var(--pocket-font-size--h1__xs_md) * .7); --pocket-font-size-sm--h1__x-large: calc(var(--pocket-font-size--h1__xs_md) * 1.3); --pocket-font-size-sm--h1__large: calc(var(--pocket-font-size--h1__xs_md) * 1.1); --pocket-font-size-sm--h1__default: var(--pocket-font-size--h1__xs_md); --pocket-font-size-sm--h1__medium: calc(var(--pocket-font-size--h1__xs_md) * .9); --pocket-font-size-sm--h1__small: calc(var(--pocket-font-size--h1__xs_md) * .7); --pocket-font-size-md--h1__x-large: calc(var(--pocket-font-size--h1__xs_md) * 1.3); --pocket-font-size-md--h1__large: calc(var(--pocket-font-size--h1__xs_md) * 1.1); --pocket-font-size-md--h1__default: var(--pocket-font-size--h1__xs_md); --pocket-font-size-md--h1__medium: calc(var(--pocket-font-size--h1__xs_md) * .9); --pocket-font-size-md--h1__small: calc(var(--pocket-font-size--h1__xs_md) * .7); --pocket-font-size-lg--h1__x-large: calc(var(--pocket-font-size--h1__lg) * 1.3); --pocket-font-size-lg--h1__large: calc(var(--pocket-font-size--h1__lg) * 1.1); --pocket-font-size-lg--h1__default: var(--pocket-font-size--h1__lg); --pocket-font-size-lg--h1__medium: calc(var(--pocket-font-size--h1__lg) * .9); --pocket-font-size-lg--h1__small: calc(var(--pocket-font-size--h1__lg) * .7); --pocket-font-size-xl--h1__x-large: calc(var(--pocket-font-size--h1__xl_xxl) * 1.3); --pocket-font-size-xl--h1__large: calc(var(--pocket-font-size--h1__xl_xxl) * 1.1); --pocket-font-size-xl--h1__default: var(--pocket-font-size--h1__xl_xxl); --pocket-font-size-xl--h1__medium: calc(var(--pocket-font-size--h1__xl_xxl) * .9); --pocket-font-size-xl--h1__small: calc(var(--pocket-font-size--h1__xl_xxl) * .7); --pocket-font-size-xxl--h1__x-large: calc(var(--pocket-font-size--h1__xl_xxl) * 1.3); --pocket-font-size-xxl--h1__large: calc(var(--pocket-font-size--h1__xl_xxl) * 1.1); --pocket-font-size-xxl--h1__default: var(--pocket-font-size--h1__xl_xxl); --pocket-font-size-xxl--h1__medium: calc(var(--pocket-font-size--h1__xl_xxl) * .9); --pocket-font-size-xxl--h1__small: calc(var(--pocket-font-size--h1__xl_xxl) * .7); --pocket-font-size--h2__xs_md: 2.4rem; --pocket-font-size--h2__lg: 2.72727vw; --pocket-font-size--h2__xl_xxl: 3rem; --pocket-font-size-xs--h2__x-large: calc(var(--pocket-font-size--h2__xs_md) * 1.3); --pocket-font-size-xs--h2__large: calc(var(--pocket-font-size--h2__xs_md) * 1.1); --pocket-font-size-xs--h2__default: var(--pocket-font-size--h2__xs_md); --pocket-font-size-xs--h2__medium: calc(var(--pocket-font-size--h2__xs_md) * .9); --pocket-font-size-xs--h2__small: calc(var(--pocket-font-size--h2__xs_md) * .7); --pocket-font-size-sm--h2__x-large: calc(var(--pocket-font-size--h2__xs_md) * 1.3); --pocket-font-size-sm--h2__large: calc(var(--pocket-font-size--h2__xs_md) * 1.1); --pocket-font-size-sm--h2__default: var(--pocket-font-size--h2__xs_md); --pocket-font-size-sm--h2__medium: calc(var(--pocket-font-size--h2__xs_md) * .9); --pocket-font-size-sm--h2__small: calc(var(--pocket-font-size--h2__xs_md) * .7); --pocket-font-size-md--h2__x-large: calc(var(--pocket-font-size--h2__xs_md) * 1.3); --pocket-font-size-md--h2__large: calc(var(--pocket-font-size--h2__xs_md) * 1.1); --pocket-font-size-md--h2__default: var(--pocket-font-size--h2__xs_md); --pocket-font-size-md--h2__medium: calc(var(--pocket-font-size--h2__xs_md) * .9); --pocket-font-size-md--h2__small: calc(var(--pocket-font-size--h2__xs_md) * .7); --pocket-font-size-lg--h2__x-large: calc(var(--pocket-font-size--h2__lg) * 1.3); --pocket-font-size-lg--h2__large: calc(var(--pocket-font-size--h2__lg) * 1.1); --pocket-font-size-lg--h2__default: var(--pocket-font-size--h2__lg); --pocket-font-size-lg--h2__medium: calc(var(--pocket-font-size--h2__lg) * .9); --pocket-font-size-lg--h2__small: calc(var(--pocket-font-size--h2__lg) * .7); --pocket-font-size-xl--h2__x-large: calc(var(--pocket-font-size--h2__xl_xxl) * 1.3); --pocket-font-size-xl--h2__large: calc(var(--pocket-font-size--h2__xl_xxl) * 1.1); --pocket-font-size-xl--h2__default: var(--pocket-font-size--h2__xl_xxl); --pocket-font-size-xl--h2__medium: calc(var(--pocket-font-size--h2__xl_xxl) * .9); --pocket-font-size-xl--h2__small: calc(var(--pocket-font-size--h2__xl_xxl) * .7); --pocket-font-size-xxl--h2__x-large: calc(var(--pocket-font-size--h2__xl_xxl) * 1.3); --pocket-font-size-xxl--h2__large: calc(var(--pocket-font-size--h2__xl_xxl) * 1.1); --pocket-font-size-xxl--h2__default: var(--pocket-font-size--h2__xl_xxl); --pocket-font-size-xxl--h2__medium: calc(var(--pocket-font-size--h2__xl_xxl) * .9); --pocket-font-size-xxl--h2__small: calc(var(--pocket-font-size--h2__xl_xxl) * .7); --pocket-font-size--h3__xs_md: 2rem; --pocket-font-size--h3__lg: 2.18182vw; --pocket-font-size--h3__xl_xxl: 2.4rem; --pocket-font-size-xs--h3__x-large: calc(var(--pocket-font-size--h3__xs_md) * 1.3); --pocket-font-size-xs--h3__large: calc(var(--pocket-font-size--h3__xs_md) * 1.1); --pocket-font-size-xs--h3__default: var(--pocket-font-size--h3__xs_md); --pocket-font-size-xs--h3__medium: calc(var(--pocket-font-size--h3__xs_md) * .9); --pocket-font-size-xs--h3__small: calc(var(--pocket-font-size--h3__xs_md) * .7); --pocket-font-size-sm--h3__x-large: calc(var(--pocket-font-size--h3__xs_md) * 1.3); --pocket-font-size-sm--h3__large: calc(var(--pocket-font-size--h3__xs_md) * 1.1); --pocket-font-size-sm--h3__default: var(--pocket-font-size--h3__xs_md); --pocket-font-size-sm--h3__medium: calc(var(--pocket-font-size--h3__xs_md) * .9); --pocket-font-size-sm--h3__small: calc(var(--pocket-font-size--h3__xs_md) * .7); --pocket-font-size-md--h3__x-large: calc(var(--pocket-font-size--h3__xs_md) * 1.3); --pocket-font-size-md--h3__large: calc(var(--pocket-font-size--h3__xs_md) * 1.1); --pocket-font-size-md--h3__default: var(--pocket-font-size--h3__xs_md); --pocket-font-size-md--h3__medium: calc(var(--pocket-font-size--h3__xs_md) * .9); --pocket-font-size-md--h3__small: calc(var(--pocket-font-size--h3__xs_md) * .7); --pocket-font-size-lg--h3__x-large: calc(var(--pocket-font-size--h3__lg) * 1.3); --pocket-font-size-lg--h3__large: calc(var(--pocket-font-size--h3__lg) * 1.1); --pocket-font-size-lg--h3__default: var(--pocket-font-size--h3__lg); --pocket-font-size-lg--h3__medium: calc(var(--pocket-font-size--h3__lg) * .9); --pocket-font-size-lg--h3__small: calc(var(--pocket-font-size--h3__lg) * .7); --pocket-font-size-xl--h3__x-large: calc(var(--pocket-font-size--h3__xl_xxl) * 1.3); --pocket-font-size-xl--h3__large: calc(var(--pocket-font-size--h3__xl_xxl) * 1.1); --pocket-font-size-xl--h3__default: var(--pocket-font-size--h3__xl_xxl); --pocket-font-size-xl--h3__medium: calc(var(--pocket-font-size--h3__xl_xxl) * .9); --pocket-font-size-xl--h3__small: calc(var(--pocket-font-size--h3__xl_xxl) * .7); --pocket-font-size-xxl--h3__x-large: calc(var(--pocket-font-size--h3__xl_xxl) * 1.3); --pocket-font-size-xxl--h3__large: calc(var(--pocket-font-size--h3__xl_xxl) * 1.1); --pocket-font-size-xxl--h3__default: var(--pocket-font-size--h3__xl_xxl); --pocket-font-size-xxl--h3__medium: calc(var(--pocket-font-size--h3__xl_xxl) * .9); --pocket-font-size-xxl--h3__small: calc(var(--pocket-font-size--h3__xl_xxl) * .7); /* Margins & Paddings */ --pocket-margin--h1__default: 4vw 0 1vw 0; --pocket-margin--h2__default: 1vw 0 1vw 0; --pocket-margin--h3__default: 1vw 0 1vw 0; --pocket-margin-xs--section: 80px; --pocket-margin-sm--section: 80px; --pocket-margin-md--section: 80px; --pocket-margin-lg--section: 100px; --pocket-margin-xl--section: 100px; --pocket-margin-xxl--section: 100px; --pocket-margin-xs--h1__x-large: var(--pocket-margin--h1__default); --pocket-margin-xs--h1_large: var(--pocket-margin--h1__default); --pocket-margin-xs--h1__medium: var(--pocket-margin--h1__default); --pocket-margin-xs--h1__small: var(--pocket-margin--h1__default); --pocket-margin-sm--h1__x-large: var(--pocket-margin--h1__default); --pocket-margin-sm--h1_large: var(--pocket-margin--h1__default); --pocket-margin-sm--h1__medium: var(--pocket-margin--h1__default); --pocket-margin-sm--h1__small: var(--pocket-margin--h1__default); --pocket-margin-md--h1__x-large: var(--pocket-margin--h1__default); --pocket-margin-md--h1_large: var(--pocket-margin--h1__default); --pocket-margin-md--h1__medium: var(--pocket-margin--h1__default); --pocket-margin-md--h1__small: var(--pocket-margin--h1__default); --pocket-margin-lg--h1__x-large: var(--pocket-margin--h1__default); --pocket-margin-lg--h1_large: var(--pocket-margin--h1__default); --pocket-margin-lg--h1__medium: var(--pocket-margin--h1__default); --pocket-margin-lg--h1__small: var(--pocket-margin--h1__default); --pocket-margin-xl--h1__x-large: var(--pocket-margin--h1__default); --pocket-margin-xl--h1_large: var(--pocket-margin--h1__default); --pocket-margin-xl--h1__medium: var(--pocket-margin--h1__default); --pocket-margin-xl--h1__small: var(--pocket-margin--h1__default); --pocket-margin-xxl--h1__x-large: 4rem 0 1rem 0; --pocket-margin-xxl--h1_large: 4rem 0 1rem 0; --pocket-margin-xxl--h1__medium: 4rem 0 1rem 0; --pocket-margin-xxl--h1__small: 4rem 0 1rem 0; --pocket-margin-xs--h2__x-large: var(--pocket-margin--h2__default); --pocket-margin-xs--h2_large: var(--pocket-margin--h2__default); --pocket-margin-xs--h2__medium: var(--pocket-margin--h2__default); --pocket-margin-xs--h2__small: 0; --pocket-margin-sm--h2__x-large: var(--pocket-margin--h2__default); --pocket-margin-sm--h2_large: var(--pocket-margin--h2__default); --pocket-margin-sm--h2__medium: var(--pocket-margin--h2__default); --pocket-margin-sm--h2__small: 0; --pocket-margin-md--h2__x-large: var(--pocket-margin--h2__default); --pocket-margin-md--h2_large: var(--pocket-margin--h2__default); --pocket-margin-md--h2__medium: var(--pocket-margin--h2__default); --pocket-margin-md--h2__small: 0; --pocket-margin-lg--h2__x-large: var(--pocket-margin--h2__default); --pocket-margin-lg--h2_large: var(--pocket-margin--h2__default); --pocket-margin-lg--h2__medium: var(--pocket-margin--h2__default); --pocket-margin-lg--h2__small: 0; --pocket-margin-xl--h2__x-large: var(--pocket-margin--h2__default); --pocket-margin-xl--h2_large: var(--pocket-margin--h2__default); --pocket-margin-xl--h2__medium: var(--pocket-margin--h2__default); --pocket-margin-xl--h2__small: 0; --pocket-margin-xxl--h2__x-large: 1rem 0 1rem 0; --pocket-margin-xxl--h2_large: 1rem 0 1rem 0; --pocket-margin-xxl--h2__medium: 1rem 0 1rem 0; --pocket-margin-xxl--h2__small: 0; --pocket-margin-xs--h3__x-large: var(--pocket-margin--h3__default); --pocket-margin-xs--h3_large: var(--pocket-margin--h3__default); --pocket-margin-xs--h3__medium: var(--pocket-margin--h3__default); --pocket-margin-xs--h3__small: var(--pocket-margin--h3__default); --pocket-margin-sm--h3__x-large: var(--pocket-margin--h3__default); --pocket-margin-sm--h3_large: var(--pocket-margin--h3__default); --pocket-margin-sm--h3__medium: var(--pocket-margin--h3__default); --pocket-margin-sm--h3__small: var(--pocket-margin--h3__default); --pocket-margin-md--h3__x-large: var(--pocket-margin--h3__default); --pocket-margin-md--h3_large: var(--pocket-margin--h3__default); --pocket-margin-md--h3__medium: var(--pocket-margin--h3__default); --pocket-margin-md--h3__small: var(--pocket-margin--h3__default); --pocket-margin-lg--h3__x-large: var(--pocket-margin--h3__default); --pocket-margin-lg--h3_large: var(--pocket-margin--h3__default); --pocket-margin-lg--h3__medium: var(--pocket-margin--h3__default); --pocket-margin-lg--h3__small: var(--pocket-margin--h3__default); --pocket-margin-xl--h3__x-large: var(--pocket-margin--h3__default); --pocket-margin-xl--h3_large: var(--pocket-margin--h3__default); --pocket-margin-xl--h3__medium: var(--pocket-margin--h3__default); --pocket-margin-xl--h3__small: var(--pocket-margin--h3__default); --pocket-margin-xxl--h3__x-large: 1rem 0 1rem 0; --pocket-margin-xxl--h3_large: 1rem 0 1rem 0; --pocket-margin-xxl--h3__medium: 1rem 0 1rem 0; --pocket-margin-xxl--h3__small: 1rem 0 1rem 0; --pocket-row-gutter-x-xs: 1.5rem; --pocket-row-gutter-x-sm: 1.5rem; --pocket-row-gutter-x-md: 1.5rem; --pocket-row-gutter-x-lg: 1.5rem; --pocket-row-gutter-x-xl: 1.5rem; --pocket-row-gutter-x-xxl: 1.5rem; --pocket-row-gutter-y-xs: 0; --pocket-row-gutter-y-sm: 0; --pocket-row-gutter-y-md: 0; --pocket-row-gutter-y-lg: 0; --pocket-row-gutter-y-xl: 0; --pocket-row-gutter-y-xxl: 0; --pocket-container-mb-2-xs: 1rem; --pocket-container-mb-2-sm: 1rem; --pocket-container-mb-2-md: 1.1rem; --pocket-container-mb-2-lg: 1.2rem; --pocket-container-mb-2-xl: 1.3rem; --pocket-container-mb-2-xxl: 1.4rem; --pocket-container-mb-3-xs: 2rem; --pocket-container-mb-3-sm: 2rem; --pocket-container-mb-3-md: 2.5rem; --pocket-container-mb-3-lg: 2.5rem; --pocket-container-mb-3-xl: 3rem; --pocket-container-mb-3-xxl: 3rem; --pocket-container-mb-5-xs: 6rem; --pocket-container-mb-5-sm: 6rem; --pocket-container-mb-5-md: 7rem; --pocket-container-mb-5-lg: 7rem; --pocket-container-mb-5-xl: 8rem; --pocket-container-mb-5-xxl: 8rem; } body { color: var(--pocket--light__text--color); --wp--preset--font-size--x-large: 150%; --wp--preset--font-size--large: 120%; --wp--preset--font-size--medium: 100%; --wp--preset--font-size--small: 80%; --pocket-viewport-height: 100vh; --pocket-viewport-width: 100vw; --pocket--link--color: var(--pocket--light__link--color); --pocket--link--color__hover: var(--pocket--light__link--color__hover); --pocket--container-width: var(--pocket--container-width--xs); } body.admin-bar { --pocket-viewport-height: calc(100vh - 32px); } @media(max-width: 782px) { body.admin-bar { --pocket-viewport-height: calc(100vh - 46px); } } @media (max-width: 575px) { body { --pocket-font-size__x-large: var(--pocket-font-size-xs__x-large); --pocket-font-size__large: var(--pocket-font-size-xs__large); --pocket-font-size__default: var(--pocket-font-size-xs__default); --pocket-font-size__medium: var(--pocket-font-size-xs__medium); --pocket-font-size__small: var(--pocket-font-size-xs__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-xs--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-xs--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-xs--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-xs--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-xs--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-xs--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-xs--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-xs--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-xs--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-xs--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-xs--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-xs--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-xs--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-xs--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-xs--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-xs--h1__x-large); --pocket-margin--h1__large: var(--pocket-margin-xs--h1__large); --pocket-margin--h1__medium: var(--pocket-margin-xs--h1__medium); --pocket-margin--h1__small: var(--pocket-margin-xs--h1__small); --pocket-margin--h2__x-large: var(--pocket-margin-xs--h2__x-large); --pocket-margin--h2__large: var(--pocket-margin-xs--h2__large); --pocket-margin--h2__medium: var(--pocket-margin-xs--h2__medium); --pocket-margin--h2__small: var(--pocket-margin-xs--h2__small); --pocket-margin--h3__x-large: var(--pocket-margin-xs--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-xs--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-xs--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-xs--h3__small); --pocket-margin--section: var(--pocket-margin-xs--section); --pocket-font-size--btn: var(--pocket-font-size-xs--btn); --pocket-font-size--input: var(--pocket-font-size-xs--input); --pocket--container-width: var(--pocket--container-width--xs); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-xs); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-xs); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-xs) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-xs) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-xs) !important; } } @media (min-width: 576px) { body { --pocket-font-size__x-large: var(--pocket-font-size-sm__x-large); --pocket-font-size__large: var(--pocket-font-size-sm__large); --pocket-font-size__default: var(--pocket-font-size-sm__default); --pocket-font-size__medium: var(--pocket-font-size-sm__medium); --pocket-font-size__small: var(--pocket-font-size-sm__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-sm--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-sm--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-sm--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-sm--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-sm--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-sm--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-sm--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-sm--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-sm--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-sm--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-sm--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-sm--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-sm--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-sm--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-sm--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-sm--h1__x-large); --pocket-margin--h1__large: var(--pocket-margin-sm--h1__large); --pocket-margin--h1__medium: var(--pocket-margin-sm--h1__medium); --pocket-margin--h1__small: var(--pocket-margin-sm--h1__small); --pocket-margin--h2__x-large: var(--pocket-margin-sm--h2__x-large); --pocket-margin--h2__large: var(--pocket-margin-sm--h2__large); --pocket-margin--h2__medium: var(--pocket-margin-sm--h2__medium); --pocket-margin--h2__small: var(--pocket-margin-sm--h2__small); --pocket-margin--h3__x-large: var(--pocket-margin-sm--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-sm--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-sm--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-sm--h3__small); --pocket-margin--section: var(--pocket-margin-sm--section); --pocket-font-size--btn: var(--pocket-font-size-sm--btn); --pocket-font-size--input: var(--pocket-font-size-sm--input); --pocket--container-width: var(--pocket--container-width--sm); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-sm); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-sm); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-sm) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-sm) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-sm) !important; } } @media (min-width: 768px) { body { --pocket-font-size__x-large: var(--pocket-font-size-md__x-large); --pocket-font-size__large: var(--pocket-font-size-md__large); --pocket-font-size__default: var(--pocket-font-size-md__default); --pocket-font-size__medium: var(--pocket-font-size-md__medium); --pocket-font-size__small: var(--pocket-font-size-md__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-md--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-md--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-md--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-md--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-md--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-md--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-md--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-md--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-md--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-md--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-md--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-md--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-md--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-md--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-md--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-md--h1__x-large); --pocket-margin--h1__large: var(--pocket-margin-md--h1__large); --pocket-margin--h1__medium: var(--pocket-margin-md--h1__medium); --pocket-margin--h1__small: var(--pocket-margin-md--h1__small); --pocket-margin--h2__x-large: var(--pocket-margin-md--h2__x-large); --pocket-margin--h2__large: var(--pocket-margin-md--h2__large); --pocket-margin--h2__medium: var(--pocket-margin-md--h2__medium); --pocket-margin--h2__small: var(--pocket-margin-md--h2__small); --pocket-margin--h3__x-large: var(--pocket-margin-md--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-md--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-md--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-md--h3__small); --pocket-margin--section: var(--pocket-margin-md--section); --pocket-font-size--btn: var(--pocket-font-size-md--btn); --pocket-font-size--input: var(--pocket-font-size-md--input); --pocket--container-width: var(--pocket--container-width--md); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-md); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-md); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-md) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-md) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-md) !important; } } @media (min-width: 992px) { body { --pocket-font-size__x-large: var(--pocket-font-size-lg__x-large); --pocket-font-size__large: var(--pocket-font-size-lg__large); --pocket-font-size__default: var(--pocket-font-size-lg__default); --pocket-font-size__medium: var(--pocket-font-size-lg__medium); --pocket-font-size__small: var(--pocket-font-size-lg__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-lg--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-lg--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-lg--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-lg--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-lg--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-lg--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-lg--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-lg--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-lg--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-lg--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-xs--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-lg--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-lg--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-lg--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-lg--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-lg--h1__x-large); --pocket-margin--h1__large: var(--pocket-margin-lg--h1__large); --pocket-margin--h1__medium: var(--pocket-margin-lg--h1__medium); --pocket-margin--h1__small: var(--pocket-margin-lg--h1__small); --pocket-margin--h2__x-large: var(--pocket-margin-lg--h2__x-large); --pocket-margin--h2__large: var(--pocket-margin-lg--h2__large); --pocket-margin--h2__medium: var(--pocket-margin-lg--h2__medium); --pocket-margin--h2__small: var(--pocket-margin-lg--h2__small); --pocket-margin--h3__x-large: var(--pocket-margin-lg--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-lg--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-lg--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-lg--h3__small); --pocket-margin--section: var(--pocket-margin-lg--section); --pocket-font-size--btn: var(--pocket-font-size-lg--btn); --pocket-font-size--input: var(--pocket-font-size-lg--input); --pocket--container-width: var(--pocket--container-width--lg); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-lg); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-lg); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-lg) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-lg) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-lg) !important; } } @media (min-width: 1200px) { body { --pocket-font-size__x-large: var(--pocket-font-size-xl__x-large); --pocket-font-size__large: var(--pocket-font-size-xl__large); --pocket-font-size__default: var(--pocket-font-size-xl__default); --pocket-font-size__medium: var(--pocket-font-size-xl__medium); --pocket-font-size__small: var(--pocket-font-size-xl__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-xl--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-xl--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-xl--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-xl--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-xl--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-xl--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-xl--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-xl--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-xl--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-xl--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-xl--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-xl--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-xl--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-xl--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-xl--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-xl--h1__x-large); --pocket-margin--h1__large: var(--pocket-margin-xl--h1__large); --pocket-margin--h1__medium: var(--pocket-margin-xl--h1__medium); --pocket-margin--h1__small: var(--pocket-margin-xl--h1__small); --pocket-margin--h2__x-large: var(--pocket-margin-xl--h2__x-large); --pocket-margin--h2__large: var(--pocket-margin-xl--h2__large); --pocket-margin--h2__medium: var(--pocket-margin-xl--h2__medium); --pocket-margin--h2__small: var(--pocket-margin-xl--h2__small); --pocket-margin--h3__x-large: var(--pocket-margin-xl--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-xl--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-xl--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-xl--h3__small); --pocket-margin--section: var(--pocket-margin-xl--section); --pocket-font-size--btn: var(--pocket-font-size-xl--btn); --pocket-font-size--input: var(--pocket-font-size-xl--input); --pocket--container-width: var(--pocket--container-width--xl); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-xl); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-xl); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-xl) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-xl) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-xl) !important; } } @media (min-width: 1400px) { body { --pocket-font-size__x-large: var(--pocket-font-size-xxl__x-large); --pocket-font-size__large: var(--pocket-font-size-xxl__large); --pocket-font-size__default: var(--pocket-font-size-xxl__default); --pocket-font-size__medium: var(--pocket-font-size-xxl__medium); --pocket-font-size__small: var(--pocket-font-size-xxl__small); font-size: var(--pocket-font-size__default); --pocket-font-size--h1__x-large: var(--pocket-font-size-xxl--h1__x-large); --pocket-font-size--h1__large: var(--pocket-font-size-xxl--h1__large); --pocket-font-size--h1__default: var(--pocket-font-size-xxl--h1__default); --pocket-font-size--h1__medium: var(--pocket-font-size-xxl--h1__medium); --pocket-font-size--h1__small: var(--pocket-font-size-xxl--h1__small); --pocket-font-size--h2__x-large: var(--pocket-font-size-xxl--h2__x-large); --pocket-font-size--h2__large: var(--pocket-font-size-xxl--h2__large); --pocket-font-size--h2__default: var(--pocket-font-size-xxl--h2__default); --pocket-font-size--h2__medium: var(--pocket-font-size-xxl--h2__medium); --pocket-font-size--h2__small: var(--pocket-font-size-xxl--h2__small); --pocket-font-size--h3__x-large: var(--pocket-font-size-xxl--h3__x-large); --pocket-font-size--h3__large: var(--pocket-font-size-xxl--h3__large); --pocket-font-size--h3__default: var(--pocket-font-size-xxl--h3__default); --pocket-font-size--h3__medium: var(--pocket-font-size-xxl--h3__medium); --pocket-font-size--h3__small: var(--pocket-font-size-xxl--h3__small); --pocket-margin--h1__x-large: var(--pocket-margin-xxl--h3__x-large); --pocket-margin--h1__large: var(--pocket-margin-xxl--h3__large); --pocket-margin--h1__medium: var(--pocket-margin-xxl--h3__medium); --pocket-margin--h1__small: var(--pocket-margin-xxl--h3__small); --pocket-margin--h2__x-large: var(--pocket-margin-xxl--h3__x-large); --pocket-margin--h2__large: var(--pocket-margin-xxl--h3__large); --pocket-margin--h2__medium: var(--pocket-margin-xxl--h3__medium); --pocket-margin--h2__small: var(--pocket-margin-xxl--h3__small); --pocket-margin--h3__x-large: var(--pocket-margin-xxl--h3__x-large); --pocket-margin--h3__large: var(--pocket-margin-xxl--h3__large); --pocket-margin--h3__medium: var(--pocket-margin-xxl--h3__medium); --pocket-margin--h3__small: var(--pocket-margin-xxl--h3__small); --pocket-margin--section: var(--pocket-margin-xxl--section); --pocket-font-size--btn: var(--pocket-font-size-xxl--btn); --pocket-font-size--input: var(--pocket-font-size-xxl--input); --pocket--container-width: var(--pocket--container-width--xxl); } .row:not(.gy-0):not(.gy-3):not(.gy-4):not(.gy-5) { --bs-gutter-y: var(--pocket-row-gutter-y-xxl); } .row:not(.gx-0):not(.gx-3):not(.gx-4):not(.gx-5) { --bs-gutter-x: var(--pocket-row-gutter-x-xxl); } .container.mb-2, .container-fluid.mb-2 { margin-bottom: var(--pocket-container-mb-2-xxl) !important; } .container.mb-3, .container-fluid.mb-3 { margin-bottom: var(--pocket-container-mb-3-xxl) !important; } .container.mb-5, .container-fluid.mb-5 { margin-bottom: var(--pocket-container-mb-5-xxl) !important; } } .container { max-width: var(--pocket--container-width) !important; } a { cursor: pointer; text-decoration: none; } a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand), a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):visited { color: var(--pocket--link--color); position: relative; } a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):hover, a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):focus, a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):active { text-decoration: none; color: var(--pocket--link--color__hover); transition: color .6s, transform .3s; } a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):after { content: ' '; background-color: var(--pocket--link--color__hover); height: 1px; display: inline-block; position: absolute; border: 0; margin: 0; right: 0; top: 100%; z-index: 0; animation-name: text-link--out; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-iteration-count: 1; } a:not(.blog-link):not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):hover:after, a:not(.blog-link):not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):focus:after, a:not(.blog-link):not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):active:after { left: 0; animation-name: text-link--in; } figure>a:after { animation-name: text-link--out !important; } @keyframes text-link--in { 0% { width: 0%; opacity: .5; } 100% { width: 100%; opacity: 1; } } @keyframes text-link--out { 0% { width: 100%; opacity: 1; } 100% { width: 0%; opacity: .5; } } #wpadminbar a:after, .section--bg__dark a:not(.btn):not(.card):not(.wp-block-button__link):not(.navbar-brand):after { background-color: var(--pocket--link--color__hover) !important; } #wpadminbar a { color: var(--pocket--link--color__hover) !important; } #wpadminbar a:hover, #wpadminbar a:focus, #wpadminbar a:active { color: var(--pocket--link--color__hover) !important; } h1 { letter-spacing: 0; opacity: .9; } h1, h2, h3 { padding: 0; margin: 0; } h1:not(.has-text-color), h2:not(.has-text-color), h3:not(.has-text-color), h4:not(.has-text-color), h5:not(.has-text-color), h6:not(.has-text-color), p:not(.has-text-color), span:not(.has-text-color), cite:not(.has-text-color) { color: var(--pocket--light__text--color) ; } h1 { font-size: var(--pocket-font-size--h1__default) ; } h1.has-x-large-font-size { font-size: var(--pocket-font-size--h1__x-large) ; margin: var(--pocket-margin--h1__x-large) ; } h1.has-large-font-size { font-size: var(--pocket-font-size--h1__large) ; margin: var(--pocket-margin--h1__large) ; } h1.has-medium-font-size { font-size: var(--pocket-font-size--h1__medium) ; margin: var(--pocket-margin--h1__medium) ; } h1.has-small-font-size { font-size: var(--pocket-font-size--h1__small) ; margin: var(--pocket-margin--h1__small) ; } h2 { font-size: var(--pocket-font-size--h2__default) ; } h2.has-x-large-font-size { font-size: var(--pocket-font-size--h2__x-large) ; margin: var(--pocket-margin--h2__x-large) ; } h2.has-large-font-size { font-size: var(--pocket-font-size--h2__large) ; margin: var(--pocket-margin--h2__large) ; } h2.has-medium-font-size { font-size: var(--pocket-font-size--h2__medium) ; margin: var(--pocket-margin--h2__medium) ; } h2.has-small-font-size { font-size: var(--pocket-font-size--h2__small) ; margin: var(--pocket-margin--h2__small) ; } h3 { font-size: var(--pocket-font-size--h3__default) ; } h3.has-x-large-font-size { font-size: var(--pocket-font-size--h3__x-large) ; margin: var(--pocket-margin--h3__x-large) ; } h3.has-large-font-size { font-size: var(--pocket-font-size--h3__large) ; margin: var(--pocket-margin--h3__large) ; } h3.has-medium-font-size { font-size: var(--pocket-font-size--h3__medium) ; margin: var(--pocket-margin--h3__medium) ; } h3.has-small-font-size { font-size: var(--pocket-font-size--h3__small) ; margin: var(--pocket-margin--h3__small) ; } p { font-size: var(--pocket-font-size__default) ; } p.has-x-large-font-size { font-size: var(--pocket-font-size__x-large) ; } p.has-large-font-size { font-size: var(--pocket-font-size__large) ; } p.has-medium-font-size { font-size: var(--pocket-font-size__medium) ; } p.has-small-font-size { font-size: var(--pocket-font-size__small) ; } ul { list-style-type: square; padding-left: 16px; } abbr { border-bottom: 2px dotted var(--pocket--text--color); text-decoration: none !important; } small, .small { font-size: var(--pocket-font-size__small); } .site-content { background-color: var(--pocket--page--background); } /* Layout */ @media(min-width: 768px) { .site-content { padding-top: var(--pocket--toolbar-height); transition: padding .3s; } } .entry-content { max-width: 100%; overflow: hidden; } .entry-content .section:not(.has-background):not(:first-child) { --pocket-margin--section__top: 0; } .entry-content .section:not(.has-background):not(:first-child) + .section.has-background { --pocket-margin--section__top: var(--pocket-margin--section); } .entry-content div:not(.section) + .section { --pocket-margin--section__top: var(--pocket-margin--section) !important; } .container, .container-fluid { overflow: visible; } .container-fluid { --bs-gutter-x: 0; --bs-gutter-y: 0; } .row { position: relative; } /* Wordpress Blocks */ .wp-block-columns { padding: 0; margin: 0; } .wp-block-image { margin: 0; } .wp-block-image.size-full img { width: 100% !important; } .wp-block-group { margin: auto; } .wp-block-button:not(.wp-block-button__width-100), .wp-block-button:not(.wp-block-button__width-75), .wp-block-button:not(.wp-block-button__width-50), .wp-block-button:not(.wp-block-button__width-25) { width: auto !important; } .wp-block-button { text-transform: uppercase; } .wp-block-button__width-100 { width: 100% !important; } .wp-block-button__width-50 { width: 50% !important; } .wp-block-button__width-75 { width: 75% !important; } .wp-block-button__width-25 { width: 25% !important; } .wp-block-button, .btn { border-width: 2px; padding: .6rem; } .wp-block-cover { min-height: var(--pocket-viewport-height) !important; } .wp-block-cover .wp-block-cover__gradient-background { transform: translateX(var(--pocket-viewport-width)); } .wp-block-nk-awb { display: flex; padding: 0; } .nk-awb-wrap-content { width: 100%; height: 100%; } .section .wp-block-nk-awb h1, .section .wp-block-nk-awb h2, .section .wp-block-nk-awb h3, .section .wp-block-nk-awb h4, .section .wp-block-nk-awb p, .section.wp-block-nk-awb h1, .section.wp-block-nk-awb h2, .section.wp-block-nk-awb h3, .section.wp-block-nk-awb h4, .section.wp-block-nk-awb p { text-shadow: 1px 1px var(--pocket--light__text--color); } .section.section--bg__dark .wp-block-nk-awb h1, .section.section--bg__dark .wp-block-nk-awb h2, .section.section--bg__dark .wp-block-nk-awb h3, .section.section--bg__dark .wp-block-nk-awb h4, .section.section--bg__dark .wp-block-nk-awb p, .section.section--bg__dark.wp-block-nk-awb h1, .section.section--bg__dark.wp-block-nk-awb h2, .section.section--bg__dark.wp-block-nk-awb h3, .section.section--bg__dark.wp-block-nk-awb h4, .section.section--bg__dark.wp-block-nk-awb p { text-shadow: 1px 1px var(--pocket--dark__text--color); } .wp-block-nk-awb.is-in-viewport-none img { transform: translate3d(0, 0, 0) !important; } .wp-block-nk-awb.is-fading-background .nk-awb-overlay { background: linear-gradient(0deg, var(--pocket--section--background) 0%, transparent 10%, transparent 90%, var(--pocket--section--background) 100%); } .wp-block-nk-awb.is-fading-background.is-fading-bottom-only .nk-awb-overlay { background: linear-gradient(0deg, var(--pocket--section--background) 0%, transparent 10%); } .wp-block-nk-awb.full-screen { min-width: var(--pocket-viewport-width); min-height: var(--pocket-viewport-height); } .wp-block-nk-awb .wp-bootstrap-blocks-container { display: flex; flex-direction: column; justify-content: center; } .col-xl-6 .wp-block-nk-awb, .col-xl-2 .wp-block-nk-awb { min-height: 300px; height: 100%; } @media(min-width: 992px) { .col-xl-6:first-child .wp-block-nk-awb { margin-left: -50%; margin-right: 5rem; } .col-xl-6:last-child .wp-block-nk-awb { margin-right: -50%; margin-left: 5rem; } } @media(max-width: 991px) { .col-xl-6 .wp-block-nk-awb { min-height: 500px; height: 100%; } .col-xl-6:first-child .wp-block-nk-awb { margin-left: -100%; margin-right: -50%; } .col-xl-6:last-child .wp-block-nk-awb { margin-left: -50%; margin-right: -100%; } } /* Buttons */ .btn-link { --bs-link-color: var(--pocket--link--color); --bs-link-hover-color: var(--pocket--link--color__hover); } .btn, .btn a { --bs-link-color: var(--pocket--link--color); --bs-link-hover-color: var(--pocket--link--color__hover); font-size: var(--pocket-font-size--btn); white-space: pre-wrap; transition: background-color .6s, border-radius .6s, border-color .6s, color .6s; } .btn:hover, .btn:focus, .btn:active { font-size: var(--pocket-font-size--btn); box-shadow: none !important; } .btn.btn-primary { background-color: var(--pocket--light__btn-primary--background) !important; color: var(--pocket--light__btn-primary--color) !important; border-color: var(--pocket--light__btn-primary--background) !important; } .btn.btn-primary a { background-color: transparent !important; color: var(--pocket--light__btn-primary--color) !important; border-color: var(--pocket--light__btn-primary--background) !important; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: var(--pocket--light__btn-primary--background__hover) !important; border-color: var(--pocket--light__btn-primary--background__hover) !important; color: var(--pocket--light__btn-primary--color__hover) !important; } .btn.btn-primary:hover a, .btn.btn-primary:focus a, .btn.btn-primary:active a { background-color: transparent !important; border-color: var(--pocket--light__btn-primary--background__hover) !important; color: var(--pocket--light__btn-primary--color__hover) !important; } .btn.btn-outline-primary { background-color: transparent !important; border-color: var(--pocket--light__btn-primary--background) !important; color: var(--pocket--light__btn-primary--background) !important; } .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active { border-color: var(--pocket--light__btn-primary--background__hover) !important; color: var(--pocket--light__btn-primary--background__hover) !important; } .section--bg__dark .btn.btn-primary { background-color: var(--pocket--dark__btn-primary--background) !important; color: var(--pocket--dark__btn-primary--color) !important; border-color: var(--pocket--dark__btn-primary--background) !important; } .section--bg__dark .btn.btn-primary:hover, .section--bg__dark .btn.btn-primary:focus, .section--bg__dark .btn.btn-primary:active { background-color: var(--pocket--dark__btn-primary--background__hover) !important; border-color: var(--pocket--dark__btn-primary--background__hover) !important; color: var(--pocket--dark__btn-primary--color__hover) !important; } .section--bg__dark .btn.btn-outline-primary { background-color: transparent !important; border-color: var(--pocket--dark__btn-primary--background) !important; color: var(--pocket--dark__btn-primary--background) !important; } .section--bg__dark .btn.btn-outline-primary:hover, .section--bg__dark .btn.btn-outline-primary:focus, .section--bg__dark .btn.btn-outline-primary:active { border-color: var(--pocket--dark__btn-primary--background__hover) !important; color: var(--pocket--dark__btn-primary--background__hover) !important; } .btn.btn-secondary { background-color: var(--pocket--light__btn-secondary--background) !important; color: var(--pocket--light__btn-secondary--color) !important; border-color: var(--pocket--light__btn-secondary--background) !important; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active { background-color: var(--pocket--light__btn-secondary--background__hover) !important; color: var(--pocket--light__btn-secondary--color__hover) !important; } .btn.btn-outline-secondary, .btn.btn-secondary-outline { background-color: transparent !important; border-color: var(--pocket--light__btn-secondary--background) !important; color: var(--pocket--light__btn-secondary--color) !important; } .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-secondary-outline:hover, .btn.btn-secondary-outline:focus, .btn.btn-secondary-outline:active { background-color: var(--pocket--light__btn-secondary--background__hover) !important; border-color: var(--pocket--light__btn-secondary--background__hover) !important; color: var(--pocket--light__btn-secondary--color__hover) !important; } .section--bg__dark .btn.btn-secondary { background-color: var(--pocket--dark__btn-secondary--background) !important; color: var(--pocket--dark__btn-secondary--color) !important; border-color: var(--pocket--dark__btn-secondary--background) !important; } .section--bg__dark .btn.btn-secondary:hover, .section--bg__dark .btn.btn-secondary:focus, .section--bg__dark .btn.btn-secondary:active { background-color: var(--pocket--dark__btn-secondary--background__hover) !important; color: var(--pocket--dark__btn-secondary--color__hover) !important; } .section--bg__dark .btn.btn-outline-secondary, .section--bg__dark .btn.btn-secondary-outline { background-color: transparent !important; border-color: var(--pocket--dark__btn-secondary--background) !important; color: var(--pocket--dark__btn-secondary--color) !important; } .section--bg__dark .btn.btn-outline-secondary:hover, .section--bg__dark .btn.btn-outline-secondary:focus, .section--bg__dark .btn.btn-outline-secondary:active, .section--bg__dark .btn.btn-secondary-outline:hover, .section--bg__dark .btn.btn-secondary-outline:focus, .section--bg__dark .btn.btn-secondary-outline:active { background-color: var(--pocket--dark__btn-secondary--background__hover) !important; border-color: var(--pocket--dark__btn-secondary--background__hover) !important; color: var(--pocket--dark__btn-secondary--color__hover) !important; } .btn>* { border: none !important; background: none !important; padding: 0 !important; font-size: var(--pocket-font-size--btn); } /* Toolbar */ .fixed-top { background-color: transparent !important; position: initial; } @media(min-width: 768px) { .fixed-top { background-color: transparent !important; position: fixed; } } .navbar { height: var(--pocket--toolbar-height); padding: 0; transition: height .3s; } .navbar .offcanvas { --pocket--link--color: var(--pocket--text--color); --pocket--link--color__hover: var(--pocket--text--color); --pocket--light__toolbar-btn--color: var(--pocket--text--color); --pocket--light__toolbar-btn--color__hover: var(--pocket--text--color); background-color: var(--pocket--light__menu--background); } .navbar .offcanvas-header { height: var(--pocket--toolbar-height); } .navbar a > img { max-height: 36px; width: auto; transition: all .5s ease-in-out; } .navbar { --pocket--link--color: var(--pocket--text--color); --pocket--link--color__hover: var(--pocket--text--color); } .navbar a:hover > img { height: calc(var(--pocket--toolbar-height) / 2); } .navbar a { padding: 0; margin: 0; } .navbar a:hover { text-decoration: none; } .navbar ul.right li { text-align: right; } .navbar ul.left li { text-align: left; } .navbar>.container { justify-content: center; } .navbar .offcanvas-end { width: 100%; } .navbar button, .navbar button:focus, .navbar button:active, .navbar .btn:not(.btn-primary), .navbar .btn:not(.btn-primary):focus, .navbar .btn:not(.btn-primary):active { top: 0; display: flex; justify-content: center; align-items: center; border-width: 0; border-radius: 0; outline: none; box-shadow: none; font-size: 28px; color: #ddd; margin: 0 !important; padding: 0 !important; } .navbar .btn-left, .navbar .btn-left:active, .navbar .btn-left:focus, .navbar .btn-left:hover { position: absolute; left: 0; margin-left: 0; } .navbar .btn-right, .navbar .btn-right:active, .navbar .btn-right:focus, .navbar .btn-right:hover { position: absolute; right: 0; margin-right: 0; } @media (min-width: 576px) { .navbar .btn-left, .navbar .btn-left:active, .navbar .btn-left:focus, .navbar .btn-left:hover { left: 0; margin-left: 1rem !important; } .navbar .btn-right, .navbar .btn-right:active, .navbar .btn-right:focus, .navbar .btn-right:hover { right: 0; margin-right: 1rem !important; } } .navbar { background-color: var(--pocket--light__toolbar--background); } .toolbar-dark .navbar { background-color: var(--pocket--dark__toolbar--background); } .navbar .btn, .navbar .btn:hover, .navbar .btn:active, .navbar .btn:focus { background: none !important; } .navbar .btn span, .navbar .btn:before, .navbar .btn:after { background-color: var(--pocket--light__toolbar-btn--color) !important; } .navbar .btn:active span, .navbar .btn:focus span, .navbar .btn:hover span, .navbar .btn:active:before, .navbar .btn:focus:before, .navbar .btn:hover:before, .navbar .btn:active:after, .navbar .btn:focus:after, .navbar .btn:hover:after { background-color: var(--pocket--light__toolbar-btn--color__hover) !important; } .toolbar-dark .navbar .btn span, .toolbar-dark .navbar .btn:before, .toolbar-dark .navbar .btn:after { background-color: var(--pocket--dark__toolbar-btn--color) !important; } .toolbar-dark .navbar .btn:active span, .toolbar-dark .navbar .btn:focus span, .toolbar-dark .navbar .btn:hover span, .toolbar-dark .navbar .btn:active:before, .toolbar-dark .navbar .btn:focus:before, .toolbar-dark .navbar .btn:hover:before, .toolbar-dark .navbar .btn:active:after, .toolbar-dark .navbar .btn:focus:after, .toolbar-dark .navbar .btn:hover:after { background-color: var(--pocket--dark__toolbar-btn--color__hover) !important; } .toolbar-dark .navbar .offcanvas .btn span, .toolbar-dark .navbar .offcanvas .btn:before, .toolbar-dark .navbar .offcanvas .btn:after { background-color: var(--pocket--light__toolbar-btn--color) !important; } .toolbar-dark .navbar .offcanvas .btn:active span, .toolbar-dark .navbar .offcanvas .btn:focus span, .toolbar-dark .navbar .offcanvas .btn:hover span, .toolbar-dark .navbar .offcanvas .btn:active:before, .toolbar-dark .navbar .offcanvas .btn:focus:before, .toolbar-dark .navbar .offcanvas .btn:hover:before, .toolbar-dark .navbar .offcanvas .btn:active:after, .toolbar-dark .navbar .offcanvas .btn:focus:after, .toolbar-dark .navbar .offcanvas .btn:hover:after { background-color: var(--pocket--light__toolbar-btn--color__hover) !important; } .immersive-toolbar .site-content { padding-top: 0 !important; } .immersive-toolbar .navbar { background: linear-gradient(180deg, #000000 0%, transparent 90%); } .navbar .btn.against-dark-bg span { background-color: var(--pocket--dark__toolbar-btn--color) !important; } .navbar .btn.against-light-bg span { background-color: var(--pocket--light__toolbar-btn--color) !important; } .navbar .btn.against-dark-bg:active span, .navbar .btn.against-dark-bg:focus span, .navbar .btn.against-dark-bg:hover span { background-color: var(--pocket--dark__toolbar-btn--color__hover) !important; } .navbar .btn.against-light-bg:active span, .navbar .btn.against-light-bg:focus span, .navbar .btn.against-light-bg:hover span { background-color: var(--pocket--light__toolbar-btn--color__hover) !important; } .navbar .btn:not(.btn-primary) { width: 50px; height: 50px; cursor: pointer; opacity: 1; transition: all .5s ease-in-out; } .navbar .btn:not(.btn-primary) > span { display: block; height: 2px; background: var(--pocket--link--color); border-radius: 4px; transition: all .5s ease-in-out; } /* Menu Button */ .navbar .btn-menu > span { width: 100%; } .navbar .btn-menu span:nth-child(2) { width: 70%; transition: all .3s; } .navbar .btn-menu:hover span:nth-child(2) { width: 100%; } .navbar .btn-menu, .navbar .btn-menu:active, .navbar .btn-menu:focus { justify-content: space-between; flex-direction: column; align-items: end; padding: 8px 0 !important; } .navbar .btn-menu:hover { transform: translateY(-2px); padding-top: 6px !important; padding-bottom: 6px !important; } /* Back Button */ .navbar .btn.btn-back { transform: rotate(0deg); } .navbar .btn.btn-back > span { position: absolute; } .navbar .btn.btn-back > span:nth-child(1) { transform: rotate(135deg); top: 15px; left: -4px; width: 54%; } .navbar .btn.btn-back > span:nth-child(2) { width: 0%; } .navbar .btn.btn-back > span:nth-child(3) { transform: rotate(45deg); top: 33px; left: -4px; width: 54%; } .navbar .btn.btn-back:hover > span:nth-child(2) { transform: rotate(0deg); top: 24px; left: 0; width: 100%; } /* Close Button */ .navbar .btn.btn-close { transform: rotate(0deg); } .navbar .btn.btn-close > span { position: absolute; } .navbar .btn.btn-close > span:nth-child(1) { transform: rotate(45deg); left: -5px; top: 12px; width: 73%; } .navbar .btn.btn-close > span:nth-child(2) { transform: rotate(-45deg); left: -10px; top: 24px; width: 141%; } .navbar .btn.btn-close span:nth-child(3) { transform: rotate(45deg); left: 19px; top: 36px; width: 73%; } .navbar .btn.btn-close:hover > span:nth-child(1) { transform: rotate(135deg); top: 15px; left: -4px; width: 54%; } .navbar .btn.btn-close:hover > span:nth-child(2) { transform: rotate(0deg); top: 24px; left: 0; width: 100%; } .navbar .btn.btn-close:hover > span:nth-child(3) { transform: rotate(45deg); top: 33px; left: -4px; width: 54%; } .btn-top { position: fixed; bottom: 1rem; right: 1rem; } .btn-top:hover, .btn-top:active, .btn-top:focus { text-decoration: none; } .navbar .btn.unavailable { visibility: hidden; pointer-events: none; } .navbar .offcanvas { transition-duration: .1s; } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: transparent; border-color: transparent; } /* Footer */ .btn-top { color: #00162f; opacity: .8; transition: opacity .6s; } .btn-top:hover { color: #00162f !important; opacity: 1; } footer { --pocket--dark__link--color: #ffffff; --pocket--dark__link--color__hover: #ffffff; } footer .bootscore-footer { background-color: var(--pocket--section--background) !important; border-top: 1px solid #ffffff33; } footer .bootscore-info { background-color: var(--pocket--section--background) !important; border-width: 0 !important; padding-bottom: env(safe-area-inset-bottom) !important; letter-spacing: calc(1px + .1vw); } footer p { line-height: 150%; color: #ddd; } footer ul { display: flex; justify-content: center; } footer ul li { display: flex; align-items: center; justify-content: center; margin-right: .25rem; } footer ul li:not(:last-child):after { color: whitesmoke; content: "|" } footer #footer-menu .nav-link, footer #footer-menu .nav-link:hover, footer #footer-menu .nav-link:focus { color: whitesmoke; padding: 0; padding-right: .25rem; } /* Contact Form 7 */ .wp-block-contact-form-7-contact-form-selector { max-width: 100%; } .wpcf7 form .row:not(:last-child) { margin-bottom: 1rem; } .wpcf7 form .row .btn { margin-top: 1rem; } .wpcf7 form p { margin: 0; } .wpcf7 form .wpcf7-list-item.first { margin-left: 0; } .wpcf7 form input, .wpcf7 form textarea, .wpcf7 form select { padding: .6rem 1rem; width: 100%; border-radius: 4px; border-width: 0; color: var(--pocket--input--color); box-shadow: none; font-size: var(--pocket-font-size--input); -webkit-font-smoothing: antialiased; } .wpcf7 form input:focus, .wpcf7 form textarea:focus, .wpcf7 form select:focus, .wpcf7 form input:active, .wpcf7 form textarea:active, .wpcf7 form select:active { box-shadow: none; outline: none; } .wpcf7 form input[type=email], .wpcf7 form input[type=text], .wpcf7 form input[type=tel], .wpcf7 form input[type=number], .wpcf7 form input[type=file], .wpcf7 form select, .wpcf7 form textarea { border-bottom-width: 2px; border-color: var(--pocket--input--border--color); transition: border-color .6s; } .wpcf7 form input:active, .wpcf7 form select:active, .wpcf7 form textarea:active, .wpcf7 form input:focus, .wpcf7 form select:focus, .wpcf7 form textarea:focus { border-color: var(--pocket--input--border--color__hover) !important; } .wpcf7 form input[type=file]::-webkit-file-upload-button { visibility: hidden; } .wpcf7 form input[type=file]::before { content: ""; display: inline-block; background: transparent; border-width: 0; outline: none; white-space: nowrap; user-select: none; -webkit-user-select: none; cursor: pointer; } .wpcf7 form input[type=file]:hover:before { border-color: transparent; } .wpcf7 form input[type=file]:active:before { background: transparent; } .wpcf7 form input[type="file"]::file-selector-button { width: 0; padding: 0; margin: 0; } .wpcf7 .btn { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; padding-left: 40px; padding-right: 40px; position: relative; } .wpcf7 .btn>span { display: none; position: absolute; right: 0; height: 32px; width: 32px; margin: 0; font-size: 2rem; color: inherit !important; } .wpcf7 form input[type=submit] { background-color: transparent; outline: none; box-shadow: none; border: 1px solid var(--pocket--light__text--color); background-color: #fbfafa; color: var(--pocket--light__text--color); padding: .6rem; white-space: pre-wrap; font-size: var(--pocket-font-size--btn); } .wpcf7 form.submitting input[type=submit] { pointer-events: none; } .wpcf7 form label { display: block; width: 100%; font-size: 90%; padding: .3rem 0; color: var(--pocket--light__text--color); } .section--bg__dark .wpcf7 form label { color: var(--pocket--dark__text--color); } .wpcf7 form label input, .wpcf7 form label select, .wpcf7 form label textarea { margin-top: .3rem; } .wpcf7 form .autogrow .wpcf7-form-control-wrap { display: grid; } .wpcf7 form .autogrow .wpcf7-form-control-wrap::after { content: attr(data-replicated-value) " "; white-space: pre-wrap; visibility: hidden; } .wpcf7 form .autogrow .wpcf7-form-control-wrap textarea { resize: none; overflow: hidden; height: auto; } .wpcf7 form .autogrow .wpcf7-form-control-wrap textarea, .wpcf7 form .autogrow .wpcf7-form-control-wrap::after { border-bottom-width: 2px; border-color: #555555; font-size: var(--pocket-font-size--input); } .wpcf7 .wpcf7-radio .wpcf7-list-item-label, .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label { font-size: var(--pocket-font-size--input); } .wpcf7 form .wpcf7-response-output { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0 !important; border: 0; z-index: 1060; padding: 2rem 2rem calc(2rem + env(safe-area-inset-bottom)) 2rem; background-color: rgba(255, 255, 255, 0.95) !important; font-size: 90%; } .wpcf7 form .wpcf7-not-valid-tip { color: var(--pocket--light__hint-warning--color) !important; font-size: var(--pocket-font-size__small); } .wpcf7 form.invalid .wpcf7-response-output { border: 0; border-left: 6px solid var(--pocket--light__hint-warning--color) !important; } .wpcf7 form.sent .wpcf7-response-output { border: 0; border-left: 6px solid var(--pocket--light__hint-success--color) !important; } .section--bg__dark .wpcf7 form .wpcf7-response-output { background-color: rgba(0, 0, 0, 0.95) !important; } .section--bg__dark .wpcf7-not-valid-tip { color: var(--pocket--dark__hint-warning--color) !important; } .section--bg__dark .wpcf7 form.invalid .wpcf7-response-output { border: 0; border-left: 6px solid var(--pocket--dark__hint-warning--color) !important; } .section--bg__dark .wpcf7 form.sent .wpcf7-response-output { border: 0; border-left: 6px solid var(--pocket--dark__hint-success--color) !important; } /* Switch */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch .wpcf7-list-item input { opacity: 0; width: 0; height: 0; } .switch .wpcf7-list-item-label { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 34px; color: transparent !important; background-color: #ddd; -webkit-transition: .4s; transition: .4s; } .switch .wpcf7-list-item-label:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; border-radius: 50%; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch input:checked+.wpcf7-list-item-label { background-color: var(--pocket--light__btn-primary--background__hover); } .switch input:focus+.wpcf7-list-item-label { box-shadow: 0 0 1px var(--pocket--light__btn-primary--background__hover); } .switch input:checked+.wpcf7-list-item-label:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* * Cookie Consent */ #bs-cookie-bar { background-color: var(--pocket--light__cookie-consent--background) !important; } #wpadminbar, #cm, #cc_div .modal-content { background-color: var(--pocket--dark__snackbar--background) !important; } #cc_div .c-bl { background-color: transparent !important; } .cc_div .c-tgl[type="checkbox"]{ height: 30px; width: 50px; } #c-ttl, #c-txt, #cc_div .small, #cc_div .h5, #cc_div .h6, #cc_div .title button, #cc_div table th, #cc_div table td { color: var(--pocket--light__cookie-consent--color) !important; } #cc_div a, #cc_div .cc-link, #cc_div #cc--contact-link { color: var(--pocket--link--color) !important; transition: color .6s; text-decoration: none; } #cc_div .cc-link:after, #cc_div #cc--contact-link:after { background-color: var(--pocket--link--color__hover) !important; animation-name: text-link--out; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-iteration-count: 1; } #cc_div #cc--contact-link:hover:after, #cc_div #cc--contact-link:hover:active, #cc_div #cc--contact-link:hover:focus, #cc_div .cc-link:hover:after, #cc_div .cc-link:hover:active, #cc_div .cc-link:hover:focus { animation-name: text-link--in; } #cc_div #cc--contact-link:hover, #cc_div #cc--contact-link:active, #cc_div #cc--contact-link:focus, #cc_div .cc-link:hover, #cc_div .cc-link:active, #cc_div .cc-link:focus { color: var(--pocket--link--color__hover) !important; } #cc_div .form-check-input:checked { background-color: var(--pocket--link--color__hover) !important; border-color: var(--pocket--link--color__hover) !important; } /* Components */ html:not(.page-preview) .draft-marker { display: none !important; } .draft-marker, .post--state__draft { border: 4px dotted red !important; position: relative; } .draft-marker:after, .post--state__draft:after { content: "Content draft"; position: absolute; top: 8px; left: 8px; color: red; letter-spacing: .1rem; text-transform: uppercase; } .noscroll { overflow: hidden !important; } .readonly { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .height-p100 { height: 100% !important; } .width-p100 { width: 100% !important; } .width-p75 { width: 75% !important; } .width-p50 { width: 50% !important; } .width-p25 { width: 25% !important; } .max-width-sm { max-width: var(--pocket--layout-breakpoint--sm); margin: 0 auto; } .max-width-md { max-width: var(--pocket--layout-breakpoint--md); margin: 0 auto; } .max-width-lg { max-width: var(--pocket--layout-breakpoint--lg); margin: 0 auto; } .max-width-xl { max-width: var(--pocket--layout-breakpoint--xl); margin: 0 auto; } .max-width-xxl { max-width: var(--pocket--layout-breakpoint--xxl); margin: 0 auto; } .container-top { position: absolute; top: 32px; left: 0; right: 0; } .container-bottom { position: absolute; bottom: 0; left: 0; right: 0; } .display-block { display: block; } .display-inline { display: inline; } .display-inline-block { display: inline-block; } .float-left { float: left; margin-right: var(--bs-gutter-x); } .float-right { float: right; margin-left: var(--bs-gutter-x); } .aspect-ratio--4_3 { aspect-ratio: 4/3; } .aspect-ratio--16_9 { aspect-ratio: 16/9; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .text-line-through { text-decoration: line-through; } .rotate-45 { transform: rotate(45deg); } .rotate-90 { transform: rotate(90deg); } .rotate-135 { transform: rotate(135deg); } .rotate-180 { transform: rotate(180deg); } .rotate-225 { transform: rotate(225deg); } .rotate-270 { transform: rotate(270deg); } @media (max-width: 575px) { .text-center-xs { text-align: center; } .text-left-xs { text-align: left; } .text-right-xs { text-align: right; } .hidden-xs { display: none !important; } .visible-xs { display: block !important; } } @media (min-width: 576px) { .text-center-sm { text-align: center; } .text-left-sm { text-align: left; } .text-right-sm { text-align: right; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } } @media (min-width: 768px) { .text-center-md { text-align: center; } .text-left-md { text-align: left; } .text-right-md { text-align: right; } .hidden-md { display: none !important; } .visible-md { display: block !important; } } @media (min-width: 992px) { .text-center-lg { text-align: center; } .text-left-lg { text-align: left; } .text-right-lg { text-align: right; } .hidden-lg { display: none !important; } .visible-lg { display: block !important; } } @media (min-width: 1200px) { .text-center-xl { text-align: center; } .text-left-xl { text-align: left; } .text-right-xl { text-align: right; } .hidden-xl { display: none !important; } .visible-xl { display: block !important; } } @media (min-width: 1400px) { .text-center-xxl { text-align: center; } .text-left-xxl { text-align: left; } .text-right-xxl { text-align: right; } .hidden-xxl { display: none !important; } .visible-xxl { display: block !important; } } .text-thin { font-weight: 100; } .text-light { font-weight: 200; } .text-medium { font-weight: 600; } .text-bold { font-weight: 800; } .text-extrabold { font-weight: 900; } .text-upper { text-transform: uppercase; } .text-lower { text-transform: lowercase; } .hyphenate { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .flex-stack { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .flex-zero { flex: 0; } .flex-row { display: flex; flex-direction: row; } .flex-row-reverse { display: flex; flex-direction: row-reverse; } .flex-col { display: flex; flex-direction: column; } .flex-col-reverse { display: flex; flex-direction: column-reverse; } .flex-center { display: flex; align-items: center; justify-content: center; } .flex-center-h { display: flex; justify-content: center; } .flex-center-v { display: flex; align-items: center; } .flex-end { display: flex; justify-content: end; align-items: end; } .flex-end-h { display: flex; justify-content: end; } .flex-end-v { display: flex; align-items: end; } .flex-start { display: flex; justify-content: start; align-items: start; } .flex-start-h { display: flex; justify-content: start; } .flex-start-v { display: flex; align-items: start; } .flex-space-between { display: flex; align-content: space-between; justify-content: space-between; } @media (max-width: 575px) { .flex-row-xs { display: flex; flex-direction: row; } .flex-row-reverse-xs { display: flex; flex-direction: row-reverse; } .flex-col-xs { display: flex; flex-direction: column; } .flex-col-reverse-xs { display: flex; flex-direction: column-reverse; } .flex-center-xs { display: flex; align-items: center; justify-content: center; } .flex-center-h-xs { display: flex; justify-content: center; } .flex-center-v-xs { display: flex; align-items: center; } .flex-end-xs { display: flex; justify-content: end; align-items: end; } .flex-end-h-xs { display: flex; justify-content: end; } .flex-end-v-xs { display: flex; align-items: end; } .flex-start-xs { display: flex; justify-content: start; align-items: start; } .flex-start-h-xs { display: flex; justify-content: start; } .flex-start-v-xs { display: flex; align-items: start; } } @media (min-width: 576px) { .flex-row-sm { display: flex; flex-direction: row; } .flex-row-reverse-sm { display: flex; flex-direction: row-reverse; } .flex-col-sm { display: flex; flex-direction: column; } .flex-col-reverse-sm { display: flex; flex-direction: column-reverse; } .flex-center-sm { display: flex; align-items: center; justify-content: center; } .flex-center-h-sm { display: flex; justify-content: center; } .flex-center-v-sm { display: flex; align-items: center; } .flex-end-sm { display: flex; justify-content: end; align-items: end; } .flex-end-h-sm { display: flex; justify-content: end; } .flex-end-v-sm { display: flex; align-items: end; } .flex-start-sm { display: flex; justify-content: start; align-items: start; } .flex-start-h-sm { display: flex; justify-content: start; } .flex-start-v-sm { display: flex; align-items: start; } } @media (min-width: 768px) { .flex-row-md { display: flex; flex-direction: row; } .flex-row-reverse-md { display: flex; flex-direction: row-reverse; } .flex-col-md { display: flex; flex-direction: column; } .flex-col-reverse-md { display: flex; flex-direction: column-reverse; } .flex-center-md { display: flex; align-items: center; justify-content: center; } .flex-center-h-md { display: flex; justify-content: center; } .flex-center-v-md { display: flex; align-items: center; } .flex-end-md { display: flex; justify-content: end; align-items: end; } .flex-end-h-md { display: flex; justify-content: end; } .flex-end-v-md { display: flex; align-items: end; } .flex-start-md { display: flex; justify-content: start; align-items: start; } .flex-start-h-md { display: flex; justify-content: start; } .flex-start-v-md { display: flex; align-items: start; } } @media (min-width: 992px) { .flex-row-lg { display: flex; flex-direction: row; } .flex-row-reverse-lg { display: flex; flex-direction: row-reverse; } .flex-col-lg { display: flex; flex-direction: column; } .flex-col-reverse-lg { display: flex; flex-direction: column-reverse; } .flex-center-lg { display: flex; align-items: center; justify-content: center; } .flex-center-h-lg { display: flex; justify-content: center; } .flex-center-v-lg { display: flex; align-items: center; } .flex-end-lg { display: flex; justify-content: end; align-items: end; } .flex-end-h-lg { display: flex; justify-content: end; } .flex-end-v-lg { display: flex; align-items: end; } .flex-start-lg { display: flex; justify-content: start; align-items: start; } .flex-start-h-lg { display: flex; justify-content: start; } .flex-start-v-lg { display: flex; align-items: start; } } @media (min-width: 1200px) { .flex-row-xl { display: flex; flex-direction: row; } .flex-row-reverse-xl { display: flex; flex-direction: row-reverse; } .flex-col-xl { display: flex; flex-direction: column; } .flex-col-reverse-xl { display: flex; flex-direction: column-reverse; } .flex-center-xl { display: flex; align-items: center; justify-content: center; } .flex-center-h-xl { display: flex; justify-content: center; } .flex-center-v-xl { display: flex; align-items: center; } .flex-end-xl { display: flex; justify-content: end; align-items: end; } .flex-end-h-xl { display: flex; justify-content: end; } .flex-end-v-xl { display: flex; align-items: end; } .flex-start-xl { display: flex; justify-content: start; align-items: start; } .flex-start-h-xl { display: flex; justify-content: start; } .flex-start-v-xl { display: flex; align-items: start; } } @media (min-width: 1400px) { .flex-row-xxl { display: flex; flex-direction: row; } .flex-row-reverse-xxl { display: flex; flex-direction: row-reverse; } .flex-col-xxl { display: flex; flex-direction: column; } .flex-col-reverse-xxl { display: flex; flex-direction: column-reverse; } .flex-center-xxl { display: flex; align-items: center; justify-content: center; } .flex-center-h-xxl { display: flex; justify-content: center; } .flex-center-v-xxl { display: flex; align-items: center; } .flex-end-xxl { display: flex; justify-content: end; align-items: end; } .flex-end-h-xxl { display: flex; justify-content: end; } .flex-end-v-xxl { display: flex; align-items: end; } .flex-start-xxl { display: flex; justify-content: start; align-items: start; } .flex-start-h-xxl { display: flex; justify-content: start; } .flex-start-v-xxl { display: flex; align-items: start; } } .square { position: relative; border: 6px solid var(--pocket--text--color); text-align: center; } .square>div { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .square>div i { font-size: 32px; } .square>div>span:last-child { padding: 1rem 0.5rem 0 0.5rem; } .square:before, .square:after { content: ""; display: block; padding-bottom: 50%; } .row > .square { border: 0; } .row > .square > div { width: calc(100% - var(--bs-gutter-x)); left: calc(var(--bs-gutter-x) / 2); } /* * Section */ .section { background-color: var(--pocket--light__section--background); color: var(--pocket--light__text--color); /*padding: var(--pocket-margin--section); */ --pocket-margin--section__top: var(--pocket-margin--section); --pocket-margin--section__bottom: var(--pocket-margin--section); --pocket--section--background: var(--pocket--light__section--background); --pocket--link--color: var(--pocket--light__link--color); --pocket--link--color__hover: var(--pocket--light__link--color__hover); --pocket--btn-primary--background: var(--pocket--light__btn-primary--background); --pocket--btn-primary--background__hover: var(--pocket--light__btn-primary--background__hover); --pocket--btn-primary--color: var(--pocket--light__btn-primary--color); --pocket--btn-primary--background__hover: var(--pocket--light__btn-primary--background__hover); --pocket--btn-secondary--background: var(--pocket--light__btn-secondary--background); --pocket--btn-secondary--background__hover: var(--pocket--light__btn-secondary--background__hover); --pocket--btn-secondary--color: var(--pocket--light__btn-secondary--color); --pocket--btn-secondary--background__hover: var(--pocket--light__btn-secondary--background__hover); --pocket--text--color: var(--pocket--light__text--color); --pocket--hint-warning--color: var(--pocket--light__hint-warning--color); --pocket--hint-success--color: var(--pocket--light__hint-success--color); --pocket--input--background: var(--pocket--light__input--background); --pocket--input--border--color: var(--pocket--light__input--border--color); --pocket--input--border--color__hover: var(--pocket--light__input--border--color__hover); --pocket--input--color: var(--pocket--light__input--color); } .section.full-screen { margin-bottom: var(--pocket-margin--section__bottom); } .section--bg__none { --pocket--light__section--background: transparent; } .section > .container:first-child, .section > .container-fluid:first-child, .section .wp-block-group__inner-container > .container:first-child, .section .wp-block-group__inner-container > .container-fluid:first-child { padding-top: var(--pocket-margin--section__top); } .section > .container:last-child, .section > .container-fluid:last-child, .section .wp-block-group__inner-container > .container:last-child, .section .wp-block-group__inner-container > .container-fluid:last-child { padding-bottom: var(--pocket-margin--section__bottom); margin-bottom: 0 !important; } .section.section--border > .container:first-child, .section.section--border .wp-block-group__inner-container > .container:first-child { border-top: 1px solid var(--pocket--light__section--border-color); } .section--bg__dark { background-color: var(--pocket--dark__section--background); color: var(--pocket--dark__text--color); --pocket--section--background: var(--pocket--dark__section--background); --pocket--link--color: var(--pocket--dark__link--color); --pocket--link--color__hover: var(--pocket--dark__link--color__hover); --pocket--btn-primary--background: var(--pocket--dark__btn-primary--background); --pocket--btn-primary--background__hover: var(--pocket--dark__btn-primary--background__hover); --pocket--btn-primary--color: var(--pocket--dark__btn-primary--color); --pocket--btn-primary--background__hover: var(--pocket--dark__btn-primary--background__hover); --pocket--btn-secondary--background: var(--pocket--dark__btn-secondary--background); --pocket--btn-secondary--background__hover: var(--pocket--dark__btn-secondary--background__hover); --pocket--btn-secondary--color: var(--pocket--dark__btn-secondary--color); --pocket--btn-secondary--background__hover: var(--pocket--dark__btn-secondary--background__hover); --pocket--text--color: var(--pocket--dark__text--color); --pocket--hint-warning--color: var(--pocket--dark__hint-warning--color); --pocket--hint-success--color: var(--pocket--dark__hint-success--color); --pocket--input--background: var(--pocket--dark__input--background); --pocket--input--border--color: var(--pocket--dark__input--border--color); --pocket--input--border--color__hover: var(--pocket--dark__input--border--color__hover); --pocket--input--color: var(--pocket--dark__input--color); } .section.section--bg__dark.section--border > .container:first-child, .section.section--bg__dark.section--border .wp-block-group__inner-container > .container:first-child { border-color: var(--pocket--dark__section--border-color); } .section h1 { margin-top: 0 !important; } .section .container:first-child p { padding-top: 0; margin-top: 0; } .container p:last-child, .section .container:last-child p:last-child { padding-bottom: 0; margin-bottom: 0; } .section--bg__dark h1, .section--bg__dark h2, .section--bg__dark h3, .section--bg__dark h4, .section--bg__dark h5, .section--bg__dark h6, .section--bg__dark p, .section--bg__dark ul, .section--bg__dark span, .section--bg__dark cite { color: var(--pocket--dark__text--color) !important; } .empty { padding: 0; margin: 0; } .no-anim { transition: none !important; } .no-pad { padding: 0 !important; margin: 0 !important; } .no-pad-v { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .no-pad-h { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .pad-small { padding: .3rem; } .pad-medium { padding: 1rem; } .pad-large { padding: 2rem; } .pad-small-v { padding: .3rem 0; } .pad-medium-v { padding: 1rem 0; } .pad-large-v { padding: 2rem 0; } .pad-small-h { padding: 0 .3rem; } .pad-medium-h { padding: 0 1rem; } .pad-large-h { padding: 0 2rem; } .hide { display: none } .zoom-slide-container .owl-carousel .owl-item { height: 50vh; display: flex; align-items: center; justify-content: center; } @media(max-width: 979px) { .zoom-slide-container .owl-carousel .owl-item { height: 80vh; } } @media(max-width: 620px) { .zoom-slide-container .owl-carousel .owl-item { height: 60vh; } } .zoom-slide-container .owl-carousel .owl-item .sa_hover_container { height: 60%; flex: auto; transition: height .6s; } .zoom-slide-container .owl-carousel .owl-item.zoom .sa_hover_container { height: 100%; } .zoom-slide-container .owl-carousel .owl-item .sa_hover_container>div { height: 100%; width: 100%; opacity: 1; transition: opacity .6s; } .zoom-slide-container .owl-carousel .owl-item.zoom .sa_hover_container>div { opacity: 0; } /* * Customizing */ html { /* FIXME: From original styles */ font-size: 62.5% !important; scroll-behavior: unset !important; } body { letter-spacing: .5px; -webkit-font-smoothing: antialiased; } a { white-space: nowrap; } p, ul { line-height: 1.5; margin-bottom: 3rem; white-space: normal; } ul { list-style-type: disc; } h1, h2, h3 { font-weight: var(--bs-body-font-weight); white-space: normal; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } h2 { padding-bottom: 20px; } /* Navbar */ .navbar a > img[src$=".svg"] { height: auto; max-height: 64px; } @media(min-width: 768px) { .navbar a > img[src$=".svg"] { height: auto; max-height: 76px; } } .navbar a:not(.btn-menu-custom):not(.btn-close-custom) { font-weight: 500; } .navbar .offcanvas .offcanvas-body { --bs-offcanvas-padding-x: 20px; --bs-offcanvas-padding-y: 60px; } .navbar .offcanvas.show:not(.hiding):after { --size: 60vw; content: ""; background-image: url(/wp-content/uploads/2023/03/lerncenter_icon_var_d.svg); background-repeat: no-repeat; background-size: contain; max-width: 432px; max-height: 432px; position: absolute; opacity: .4; right: 0; bottom: calc(var(--size)/3 * -1); width: var(--size); height: var(--size); } @media(min-width: 720px) { .navbar .offcanvas:after { --size: 432px; } } @media(min-width: 1200px) { .navbar .offcanvas:after { display: none; } } .navbar, .navbar .offcanvas-header { --bs-navbar-nav-link-padding-x: 0; padding-left: 20px; padding-right: 20px; border-top: 3px solid #22bcad; } @media(min-width: 768px) { .navbar, .navbar .offcanvas-header { border-top-width: 6px; } } .navbar { --pocket--text--color: #000000; --pocket--link--color: #000000; border-bottom: 1px solid #ddd; } @media(min-width: 768px) { .navbar .offcanvas .offcanvas-body { --bs-offcanvas-padding-x: 150px; --bs-offcanvas-padding-y: 100px; } .navbar, .navbar .offcanvas-header { padding-left: 35px; padding-right: 35px; } } .navbar .offcanvas .menu-item > a:not(.dropdown-toggle) { display: inline-block; width: auto; } @media(min-width: 1200px) { .navbar, .navbar .offcanvas-header { padding-left: 50px; padding-right: 50px; } .navbar .offcanvas .navbar-nav > .menu-item { padding-right: 30px; } .navbar .offcanvas .menu-item > a:not(.dropdown-toggle) { display: block; width: 100%; } } .navbar .offcanvas { height: 100%; } .navbar .btn-menu-custom, .navbar .btn-close-custom { display: flex; align-items: center; font-size: 1.6rem; } .navbar .offcanvas-header .gutenberg-button, .navbar > div > div > .gutenberg-button { display: none; } .navbar .offcanvas-body .gutenberg-button { margin-bottom: 60px; } @media(min-width: 768px) { .navbar .offcanvas-header .gutenberg-button, .navbar > div > div > .gutenberg-button { display: block; } .navbar .offcanvas-body .gutenberg-button { display: none; } .navbar .btn-menu-custom, .navbar .btn-close-custom { margin-right: 35px; } } @media(min-width: 1400px) { .navbar .btn-menu-custom { display: none; } } .navbar .btn-menu-custom > span, .navbar .btn-close-custom > span { display: inline-block; width: 20px; height: 12px; margin-top: 3px; margin-right: 10px; } .navbar .btn-menu-custom > span > span, .navbar .btn-close-custom > span > span { width: 100%; height: 1px; background-color: #000; display: block; } .navbar .btn-menu-custom > span > span:first-child { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .navbar .btn-menu-custom > span > span:last-child { -webkit-transform: translate3d(0,8px,0); transform: translate3d(0,8px,0); } .navbar .btn-close-custom > span > span:first-child { -webkit-transform: translate3d(0,4px,0) rotate(45deg); transform: translate3d(0,4px,0) rotate(45deg); } .navbar .btn-close-custom > span > span:last-child { -webkit-transform: translate3d(0,4px,0) rotate(-45deg); transform: translate3d(0,4px,0) rotate(-45deg); } .navbar .nav-link { padding-bottom: 5px; } .navbar .nav-link.dropdown-toggle { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; padding-right: 0; padding-left: 0; } .navbar .nav-link.dropdown-toggle:before { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; border-width: 3.5px; top: 50% !important; animation-name: none !important; } .navbar .nav-link, .navbar .dropdown-item { font-size: 2.4rem; } .navbar .depth_0 .dropdown-item { font-size: 1.6rem !important; } .navbar .navbar-nav { display: inline-block; width: auto; } .navbar .navbar-nav > .menu-item { margin-bottom: 25px; } .navbar .dropdown-menu { border: 0; border-radius: 0; } @media(min-width: 1400px) { .navbar .navbar-nav { display: flex; } .navbar .navbar-nav > .menu-item { margin-bottom: 0; } .navbar .dropdown-menu { margin-top: 16px; -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%); right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .navbar .dropdown-menu:before { bottom: 100%; left: 50%; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent transparent #fff transparent; border-width: 20px 20px 10px 20px; margin-left: -1px; } } .navbar .dropdown-menu li > a { padding: 0 20px; line-height: 2.2; } .navbar .offcanvas .menu-item > a:after { --pocket--link--color__hover: #22bcad; } .navbar .btn-menu-custom:after, .navbar .btn-close-custom:after, .navbar .dropdown-menu li > a:after { height: 0 !important; } .navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a.active { background: #effaf9; } @media(min-width: 768px) { .navbar .nav-link, .navbar .dropdown-item { font-size: 3rem; } } @media(min-width: 1400px) { .navbar .nav-link, .navbar .dropdown-item { font-size: 1.6rem; } } .site { --pocket--toolbar-height: 100px; } .site.shrink-header { --pocket--toolbar-height: 100px; } @media(min-width: 768px) { .site { --pocket--toolbar-height: 155px; } } .site.shrink-header .navbar .navbar-brand > img { max-width:100px; height: auto; } #menu-item-364, #menu-item-433, #menu-item-964 { margin-top: 10px; } #menu-item-3000 { background-color: #ffba40; transition: background-color .3s; } #menu-item-3000 > a:hover { background-color: #effaf933; } .wp-block-separator { border: 0; border-top: 1px solid; margin: 25px 0 30px; } .btn { --gutenberg-button--height: 61px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; width: auto; height: var(--gutenberg-button--height); text-align: center; -webkit-border-radius: calc(var(--gutenberg-button--height) / 2); border-radius: calc(var(--gutenberg-button--height) / 2); padding: 0 calc(var(--gutenberg-button--height) / 2) !important; transition: transform .3s, color .3s, background-color .3s, border-color .3s; } #c-txt { font-size: var(--pocket-font-size__medium); } #s-bl td, #s-bl th { font-size: var(--pocket-font-size__small); } #s-bl .h6 { font-size: var(--pocket-font-size__default); } #s-bl .form-check-input:checked { background-color: var(--pocket--light__btn-secondary--background); border-color: var(--pocket--light__btn-secondary--background); } /* Blog */ .post-template-single-sidebar-none .duration i { margin-right: 10px; } .post-template-single-sidebar-none .blog-head { display:flex; justify-content: space-between; align-items: center; } .post-template-single-sidebar-none .blog-author img { border-radius: 50%; width: 60px; height: 60px; object-fit: cover; } .post-template-single-sidebar-none .blog-link img { max-height: 100%; object-fit: cover; width: 100%; object-position: center; } @media(min-width: 768px) { .post-template-single-sidebar-none .site { padding-top: var(--pocket--toolbar-height); } } .badge { border-radius: 16px; margin: 0 0.3rem 0.3rem 0; transition: transform .3s; } .badge:hover { transform: scale(1.05); } .badge.badge-primary { background-color: #22bcad; color: white; --pocket--light__text--color: white; --pocket--link--color: white; --pocket--link--color__hover: white } .bootscore-footer .footer_widget { margin-bottom: 0 !important; padding-bottom: calc(var(--footer-separator-adjustment) / 2); } footer .bootscore-info { --pocket--section--background: #22bcad; color: white !important; padding: .4rem .4rem calc(.4rem + env(safe-area-inset-bottom)) .4rem !important; } @media(min-width: 768px) { .bootscore-footer .row > div:first-child p.has-x-large-font-size { padding-right: 7.6vw; } } @media(min-width: 1200px) { .bootscore-footer .row > div:first-child p.has-x-large-font-size { padding-right: 95px; } } .offers-design-element--container .gutenberg-rotating-element img { width: 431px; height: auto; position: absolute; right: -215px; bottom: -130px; opacity: .4; } @media(min-width: 992px) { .container.max-width-lg { max-width: var(--pocket--container-width); } .container.max-width-lg > .row > div:first-child, .container.max-width-lg > .news > .row > div:first-child { padding-left: calc(var(--pocket--container-width)/12); } .container.max-width-lg > .row > div:last-child, .container.max-width-lg > .news > .row > div:last-child { padding-right: calc(var(--pocket--container-width)/12); } } .full-width-link img { width: 100% !important; max-width: none !important; height: auto !important; display: block !important; } .bg-orange { background-color: #FFBB40; } .bg-orange .accordion__header, .bg-orange .accordion__content { background-color: #FFBB40; } .wp-bootstrap-blocks-container .wp-bootstrap-blocks-row .full-width-link img { width: 100% !important; max-width: none !important; height: auto !important; display: block !important; object-fit: cover !important; } /* Vorkurs Informationen Styles */ .vorkurs-container { font-family: var(--bs-font-sans-serif); line-height: var(--bs-body-line-height); color: var(--bs-body-color); padding: 2rem 0; } .vorkurs-container .section { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--bs-border-color); } .vorkurs-container .section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .vorkurs-container .section-title { color: var(--pocket--light__link--color); font-size: var(--pocket-font-size--h2__xs_md); font-weight: 600; margin-bottom: 20px; display: flex; align-items: center; } .vorkurs-container .section-title::before { content: ''; width: 4px; height: 24px; background-color: var(--pocket--light__link--color); margin-right: 12px; border-radius: 2px; } .vorkurs-container .course-type { background: linear-gradient(135deg, var(--pocket--light__link--color), var(--pocket--light__link--color__hover)); color: white; padding: 12px 20px; border-radius: 8px; font-weight: 600; font-size: var(--pocket-font-size--s__xs_md); margin: 20px 0 15px 0; text-align: center; } .vorkurs-container .bullet-list { margin: 15px 0; padding-left: 0; } .vorkurs-container .bullet-item { display: flex; align-items: flex-start; margin-bottom: 12px; padding: 8px 0; } .vorkurs-container .bullet-icon { color: var(--pocket--light__link--color); font-weight: bold; margin-right: 12px; font-size: 1.2em; line-height: 1.2; min-width: 20px; } .vorkurs-container .bullet-text { flex: 1; line-height: 1.5; } .vorkurs-container .highlight-box { background: linear-gradient(135deg, #f0f9f8, #e6f4f2); border-left: 4px solid var(--pocket--light__link--color); padding: 20px; border-radius: 0 8px 8px 0; margin: 20px 0; } .vorkurs-container .cost-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #f8f9fa; border-radius: 8px; margin: 10px 0; border: 1px solid #e9ecef; } .vorkurs-container .cost-duration { font-weight: 500; color: #495057; } .vorkurs-container .cost-price { font-size: var(--pocket-font-size--s__xs_md); font-weight: 600; color: var(--pocket--light__link--color); } .vorkurs-container .link { color: var(--pocket--light__link--color); text-decoration: none; font-weight: 500; border-bottom: 1px solid transparent; transition: border-color 0.3s ease; } .vorkurs-container .link:hover { border-bottom-color: var(--pocket--light__link--color); } .vorkurs-container .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 15px 0; } .vorkurs-container .content-item { background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 3px solid var(--pocket--light__link--color); } @media (max-width: 768px) { .vorkurs-container .content-grid { grid-template-columns: 1fr; } .vorkurs-container .cost-item { flex-direction: column; text-align: center; gap: 8px; } .vorkurs-container { padding: 10px; } .vorkurs-container .container { padding: 20px; } } /* Footer Styles */ .bootscore-footer { padding: 4rem 0; background-color: #f8f9fa; } .bootscore-footer .footer_widget { margin-bottom: 2rem; } .bootscore-footer .footer_widget h5 { font-size: 1.25rem; margin-bottom: 1.5rem; font-weight: 600; } .bootscore-footer .footer_widget ul { list-style: none; padding: 0; margin: 0; } .bootscore-footer .footer_widget ul li { margin-bottom: 0.75rem; } .bootscore-footer .footer_widget ul li a { color: #6c757d; text-decoration: none; transition: color 0.3s ease; } .bootscore-footer .footer_widget ul li a:hover { color: #0d6efd; } .bootscore-footer .footer_widget p { color: #6c757d; margin-bottom: 1rem; } .bootscore-footer .footer_widget .social-links { display: flex; gap: 1rem; } .bootscore-footer .footer_widget .social-links a { color: var(--pocket--light__link--color) !important; /* Grüne Farbe aus den Theme-Variablen */ font-size: 1.25rem; transition: color 0.3s ease; } .bootscore-footer .footer_widget .social-links a:hover { color: var(--pocket--light__link--color__hover) !important; /* Dunklere grüne Farbe beim Hover */ } .bootscore-footer .footer-bottom { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #dee2e6; text-align: center; } .bootscore-footer .footer-bottom p { color: #6c757d; margin: 0; } @media (min-width: 768px) { .bootscore-footer .footer_widget { margin-bottom: 0; } .bootscore-footer .footer-bottom { text-align: left; } } /* Kurstermine Fixes */ .kurstermine-section * { font-size: inherit !important; line-height: inherit !important; } .kurstermine-section button { font-size: 0.875rem !important; line-height: 1 !important; padding: 10px 24px !important; }