:root { --cms-demo-scale: calc(1 / 5); --cms-font-size: 16px; font-size: var(--cms-font-size); --cms-font-family: Technika; --cms-h1-font-size: 2rem; --cms-h2-font-size: 1.625rem; --cms-h3-font-size: 1.4375rem; --cms-h4-font-size: 1.25rem; --cms-heading-line-height: 1.2; --cms-content-margin-y: initial; --cms-image-display: block; --cms-logo-width: 100px; --cms-logo-height: 100px; --cms-menu-item-padding-x: 1em; --cms-menu-item-padding-y: 0.5em; --cms-hr-margin: 0.5rem 0; --cms-background-url: url('https://vec.fsv.cvut.cz/dist/images/fsv_background.webp'); --cms-primary: #2196f3; --cms-primary-rgb: 33, 150, 243; --cms-primary-lighter: #b6dcfb; --cms-primary-light: #6ab9f7; --cms-primary-dark: #1665a3; --cms-primary-darker: #0b3250; --cms-complementary: #cccccc; --cms-secondary: #9b9b9b; --cms-secondary-rgb: 155, 155, 155; --cms-secondary-lighter: #dedede; --cms-secondary-light: #bcbcbc; --cms-secondary-dark: #686868; --cms-secondary-darker: #333333; --cms-success: #a2ad00; --cms-success-rgb: 162, 173, 0; --cms-success-lighter: #e0e4ab; --cms-success-light: #c1c854; --cms-success-dark: #6d7400; --cms-success-darker: #353900; --cms-danger: #c60c30; --cms-danger-rgb: 198, 12, 48; --cms-danger-lighter: #ecafbb; --cms-danger-light: #d95c74; --cms-danger-dark: #850820; --cms-danger-darker: #410410; --cms-warning: #f0ab00; --cms-warning-rgb: 240, 171, 0; --cms-warning-lighter: #fae3ab; --cms-warning-light: #f5c754; --cms-warning-dark: #a17300; --cms-warning-darker: #4f3800; --cms-info: #00b2a9; --cms-info-rgb: 0, 178, 169; --cms-info-lighter: #abe6e3; --cms-info-light: #54cbc5; --cms-info-dark: #007771; --cms-info-darker: #003b38; --cms-light: #e6e6e6; --cms-light-rgb: 230, 230, 230; --cms-light-lighter: #f7f7f7; --cms-light-light: #eeeeee; --cms-light-dark: #9a9a9a; --cms-light-darker: #4c4c4c; --cms-dark: #222222; --cms-dark-rgb: 34, 34, 34; --cms-dark-lighter: #b6b6b6; --cms-dark-light: #6b6b6b; --cms-dark-dark: #171717; --cms-dark-darker: #0b0b0b; --cms-cvut-dark-body-bg: #333333; --cms-cvut-dark-heading-color: #dddddd; --cms-cvut-dark-color: #dddddd; --cms-cvut-dark-color-rgb: 221, 221, 221; --cms-cvut-dark-link-color: #ffffff; --cms-cvut-dark-link-color-rgb: 255, 255, 255; --cms-cvut-dark-active-link-color: #dddddd; --cms-cvut-dark-active-link-color-rgb: 221, 221, 221; --cms-cvut-dark-layout-bg: #333333; --cms-cvut-dark-layout-border-color: #ffffff; --cms-cvut-dark-primary-bg: #000000; --cms-cvut-dark-primary-border-color: #ffffff; --cms-cvut-dark-primary-link-color: #ffffff; --cms-cvut-dark-primary-active-link-bg: #ffffff; --cms-cvut-dark-primary-active-link-color: #000000; --cms-cvut-dark-primary-color: #e6e6e6; --cms-cvut-dark-secondary-bg: #191919; --cms-cvut-dark-secondary-border-color: #444444; --cms-cvut-dark-secondary-link-color: #ffffff; --cms-cvut-dark-secondary-active-link-bg: #ffffff; --cms-cvut-dark-secondary-active-link-color: #000000; --cms-cvut-dark-secondary-color: #e6e6e6; --cms-cvut-dark-side-bg: #191919; --cms-cvut-dark-side-border-color: #444444; --cms-cvut-dark-side-link-color: #ffffff; --cms-cvut-dark-side-active-link-bg: #ffffff; --cms-cvut-dark-side-active-link-color: #000000; --cms-cvut-dark-side-color: #e6e6e6; --cms-cvut-dark-content-bg: #333333; --cms-cvut-dark-content-bg-rgb: 51, 51, 51; --cms-cvut-dark-content-border-color: #555555; .theme-cvut-dark { --cms-body-bg: var(--cms-cvut-dark-body-bg); --cms-heading-color: var(--cms-cvut-dark-heading-color); --cms-color: var(--cms-cvut-dark-color); --cms-color-rgb: var(--cms-cvut-dark-color-rgb); --cms-link-color: var(--cms-cvut-dark-link-color); --cms-link-color-rgb: var(--cms-cvut-dark-link-color-rgb); --cms-active-link-color: var(--cms-cvut-dark-active-link-color); --cms-active-link-color-rgb: var(--cms-cvut-dark-active-link-color-rgb); --cms-layout-bg: var(--cms-cvut-dark-layout-bg); --cms-layout-border-color: var(--cms-cvut-dark-layout-border-color); --cms-primary-bg: var(--cms-cvut-dark-primary-bg); --cms-primary-border-color: var(--cms-cvut-dark-primary-border-color); --cms-primary-link-color: var(--cms-cvut-dark-primary-link-color); --cms-primary-active-link-bg: var(--cms-cvut-dark-primary-active-link-bg); --cms-primary-active-link-color: var(--cms-cvut-dark-primary-active-link-color); --cms-primary-color: var(--cms-cvut-dark-primary-color); --cms-secondary-bg: var(--cms-cvut-dark-secondary-bg); --cms-secondary-border-color: var(--cms-cvut-dark-secondary-border-color); --cms-secondary-link-color: var(--cms-cvut-dark-secondary-link-color); --cms-secondary-active-link-bg: var(--cms-cvut-dark-secondary-active-link-bg); --cms-secondary-active-link-color: var(--cms-cvut-dark-secondary-active-link-color); --cms-secondary-color: var(--cms-cvut-dark-secondary-color); --cms-side-bg: var(--cms-cvut-dark-side-bg); --cms-side-border-color: var(--cms-cvut-dark-side-border-color); --cms-side-link-color: var(--cms-cvut-dark-side-link-color); --cms-side-active-link-bg: var(--cms-cvut-dark-side-active-link-bg); --cms-side-active-link-color: var(--cms-cvut-dark-side-active-link-color); --cms-side-color: var(--cms-cvut-dark-side-color); --cms-content-bg: var(--cms-cvut-dark-content-bg); --cms-content-bg-rgb: var(--cms-cvut-dark-content-bg-rgb); --cms-content-border-color: var(--cms-cvut-dark-content-border-color); } --cms-cvut-light-body-bg: #ffffff; --cms-cvut-light-heading-color: #000000; --cms-cvut-light-color: #000000; --cms-cvut-light-color-rgb: 0, 0, 0; --cms-cvut-light-link-color: #0065bd; --cms-cvut-light-link-color-rgb: 0, 101, 189; --cms-cvut-light-active-link-color: #000000; --cms-cvut-light-active-link-color-rgb: 0, 0, 0; --cms-cvut-light-layout-bg: #ffffff; --cms-cvut-light-layout-border-color: #ffffff; --cms-cvut-light-primary-bg: #0065bd; --cms-cvut-light-primary-border-color: #ffffff; --cms-cvut-light-primary-link-color: #ffffff; --cms-cvut-light-primary-active-link-bg: #ffffff; --cms-cvut-light-primary-active-link-color: #0065bd; --cms-cvut-light-primary-color: #ffffff; --cms-cvut-light-secondary-bg: #e6e6e6; --cms-cvut-light-secondary-border-color: #ffffff; --cms-cvut-light-secondary-link-color: #0065bd; --cms-cvut-light-secondary-active-link-bg: #ffffff; --cms-cvut-light-secondary-active-link-color: #0065bd; --cms-cvut-light-secondary-color: #000000; --cms-cvut-light-side-bg: #e6e6e6; --cms-cvut-light-side-border-color: #ffffff; --cms-cvut-light-side-link-color: #0065bd; --cms-cvut-light-side-active-link-bg: #ffffff; --cms-cvut-light-side-active-link-color: #0065bd; --cms-cvut-light-side-color: #000000; --cms-cvut-light-content-bg: #ffffff; --cms-cvut-light-content-bg-rgb: 255, 255, 255; --cms-cvut-light-content-border-color: #cccccc; .theme-cvut-light { --cms-body-bg: var(--cms-cvut-light-body-bg); --cms-heading-color: var(--cms-cvut-light-heading-color); --cms-color: var(--cms-cvut-light-color); --cms-color-rgb: var(--cms-cvut-light-color-rgb); --cms-link-color: var(--cms-cvut-light-link-color); --cms-link-color-rgb: var(--cms-cvut-light-link-color-rgb); --cms-active-link-color: var(--cms-cvut-light-active-link-color); --cms-active-link-color-rgb: var(--cms-cvut-light-active-link-color-rgb); --cms-layout-bg: var(--cms-cvut-light-layout-bg); --cms-layout-border-color: var(--cms-cvut-light-layout-border-color); --cms-primary-bg: var(--cms-cvut-light-primary-bg); --cms-primary-border-color: var(--cms-cvut-light-primary-border-color); --cms-primary-link-color: var(--cms-cvut-light-primary-link-color); --cms-primary-active-link-bg: var(--cms-cvut-light-primary-active-link-bg); --cms-primary-active-link-color: var(--cms-cvut-light-primary-active-link-color); --cms-primary-color: var(--cms-cvut-light-primary-color); --cms-secondary-bg: var(--cms-cvut-light-secondary-bg); --cms-secondary-border-color: var(--cms-cvut-light-secondary-border-color); --cms-secondary-link-color: var(--cms-cvut-light-secondary-link-color); --cms-secondary-active-link-bg: var(--cms-cvut-light-secondary-active-link-bg); --cms-secondary-active-link-color: var(--cms-cvut-light-secondary-active-link-color); --cms-secondary-color: var(--cms-cvut-light-secondary-color); --cms-side-bg: var(--cms-cvut-light-side-bg); --cms-side-border-color: var(--cms-cvut-light-side-border-color); --cms-side-link-color: var(--cms-cvut-light-side-link-color); --cms-side-active-link-bg: var(--cms-cvut-light-side-active-link-bg); --cms-side-active-link-color: var(--cms-cvut-light-side-active-link-color); --cms-side-color: var(--cms-cvut-light-side-color); --cms-content-bg: var(--cms-cvut-light-content-bg); --cms-content-bg-rgb: var(--cms-cvut-light-content-bg-rgb); --cms-content-border-color: var(--cms-cvut-light-content-border-color); } --cms-d-layout-width: initial; --cms-d-layout-margin-top: 0px; --cms-d-layout-margin-right: 0px; --cms-d-layout-margin-bottom: 0px; --cms-d-layout-margin-left: 0px; --cms-d-layout-border-top: 0px; --cms-d-layout-border-right: 0px; --cms-d-layout-border-bottom: 0px; --cms-d-layout-border-left: 0px; --cms-d-primary-width: 245px; --cms-d-primary-height: 60px; --cms-d-primary-margin-top: 0px; --cms-d-primary-margin-right: 0px; --cms-d-primary-margin-bottom: 0px; --cms-d-primary-margin-left: 0px; --cms-d-primary-border-top: 0px; --cms-d-primary-border-right: 0px; --cms-d-primary-border-bottom: 0px; --cms-d-primary-border-left: 0px; --cms-d-primary-padding-top: 20px; --cms-d-primary-padding-right: 20px; --cms-d-primary-padding-bottom: 20px; --cms-d-primary-padding-left: 20px; --cms-d-primary-flex-direction: initial; --cms-d-primary-menu-item-flex-direction: initial; --cms-d-primary-icon-display: inline-block; --cms-d-primary-icon-font-size: initial; --cms-d-primary-span-display: inline-block; --cms-d-primary-span-font-size: initial; --cms-d-secondary-width: 245px; --cms-d-secondary-height: 60px; --cms-d-secondary-margin-top: 0px; --cms-d-secondary-margin-right: 0px; --cms-d-secondary-margin-bottom: 0px; --cms-d-secondary-margin-left: 0px; --cms-d-secondary-border-top: 0px; --cms-d-secondary-border-right: 0px; --cms-d-secondary-border-bottom: 0px; --cms-d-secondary-border-left: 0px; --cms-d-secondary-padding-top: 20px; --cms-d-secondary-padding-right: 20px; --cms-d-secondary-padding-bottom: 20px; --cms-d-secondary-padding-left: 20px; --cms-d-secondary-flex-direction: initial; --cms-d-secondary-menu-item-flex-direction: initial; --cms-d-secondary-icon-display: inline-block; --cms-d-secondary-icon-font-size: initial; --cms-d-secondary-span-display: inline-block; --cms-d-secondary-span-font-size: initial; --cms-d-side-width: 245px; --cms-d-side-height: 60px; --cms-d-side-margin-top: 0px; --cms-d-side-margin-right: 0px; --cms-d-side-margin-bottom: 0px; --cms-d-side-margin-left: 0px; --cms-d-side-border-top: 0px; --cms-d-side-border-right: 0px; --cms-d-side-border-bottom: 0px; --cms-d-side-border-left: 0px; --cms-d-side-padding-top: 20px; --cms-d-side-padding-right: 20px; --cms-d-side-padding-bottom: 20px; --cms-d-side-padding-left: 20px; --cms-d-side-flex-direction: column; --cms-d-side-menu-item-flex-direction: initial; --cms-d-side-icon-display: inline-block; --cms-d-side-icon-font-size: initial; --cms-d-side-span-display: inline-block; --cms-d-side-span-font-size: initial; --cms-d-content-width: 920px; --cms-d-content-margin-top: 0px; --cms-d-content-margin-right: 0px; --cms-d-content-margin-bottom: 0px; --cms-d-content-margin-left: 0px; --cms-d-content-border-top: 0px; --cms-d-content-border-right: 0px; --cms-d-content-border-bottom: 0px; --cms-d-content-border-left: 0px; --cms-d-content-padding-top: 81px; --cms-d-content-padding-right: 30px; --cms-d-content-padding-bottom: 23px; --cms-d-content-padding-left: 30px; --cms-t-layout-width: initial; --cms-t-layout-margin-top: 0px; --cms-t-layout-margin-right: 0px; --cms-t-layout-margin-bottom: 0px; --cms-t-layout-margin-left: 0px; --cms-t-layout-border-top: 0px; --cms-t-layout-border-right: 0px; --cms-t-layout-border-bottom: 0px; --cms-t-layout-border-left: 0px; --cms-t-primary-width: 70px; --cms-t-primary-height: 70px; --cms-t-primary-margin-top: 0px; --cms-t-primary-margin-right: 0px; --cms-t-primary-margin-bottom: 0px; --cms-t-primary-margin-left: 0px; --cms-t-primary-border-top: 0px; --cms-t-primary-border-right: 0px; --cms-t-primary-border-bottom: 0px; --cms-t-primary-border-left: 0px; --cms-t-primary-padding-top: 10px; --cms-t-primary-padding-right: 20px; --cms-t-primary-padding-bottom: 10px; --cms-t-primary-padding-left: 20px; --cms-t-primary-flex-direction: initial; --cms-t-primary-menu-item-flex-direction: initial; --cms-t-primary-icon-display: inline-block; --cms-t-primary-icon-font-size: initial; --cms-t-primary-span-display: inline-block; --cms-t-primary-span-font-size: initial; --cms-t-secondary-width: 245px; --cms-t-secondary-height: 70px; --cms-t-secondary-margin-top: 0px; --cms-t-secondary-margin-right: 0px; --cms-t-secondary-margin-bottom: 0px; --cms-t-secondary-margin-left: 0px; --cms-t-secondary-border-top: 0px; --cms-t-secondary-border-right: 0px; --cms-t-secondary-border-bottom: 0px; --cms-t-secondary-border-left: 0px; --cms-t-secondary-padding-top: 20px; --cms-t-secondary-padding-right: 20px; --cms-t-secondary-padding-bottom: 20px; --cms-t-secondary-padding-left: 20px; --cms-t-secondary-flex-direction: initial; --cms-t-secondary-menu-item-flex-direction: initial; --cms-t-secondary-icon-display: inline-block; --cms-t-secondary-icon-font-size: initial; --cms-t-secondary-span-display: inline-block; --cms-t-secondary-span-font-size: initial; --cms-t-side-width: 245px; --cms-t-side-height: 70px; --cms-t-side-margin-top: 0px; --cms-t-side-margin-right: 0px; --cms-t-side-margin-bottom: 0px; --cms-t-side-margin-left: 0px; --cms-t-side-border-top: 0px; --cms-t-side-border-right: 0px; --cms-t-side-border-bottom: 0px; --cms-t-side-border-left: 0px; --cms-t-side-padding-top: 0px; --cms-t-side-padding-right: 20px; --cms-t-side-padding-bottom: 20px; --cms-t-side-padding-left: 20px; --cms-t-side-flex-direction: initial; --cms-t-side-menu-item-flex-direction: initial; --cms-t-side-icon-display: inline-block; --cms-t-side-icon-font-size: initial; --cms-t-side-span-display: inline-block; --cms-t-side-span-font-size: initial; --cms-t-content-width: 100%; --cms-t-content-margin-top: 0px; --cms-t-content-margin-right: 0px; --cms-t-content-margin-bottom: 0px; --cms-t-content-margin-left: 0px; --cms-t-content-border-top: 0px; --cms-t-content-border-right: 0px; --cms-t-content-border-bottom: 0px; --cms-t-content-border-left: 0px; --cms-t-content-padding-top: 81px; --cms-t-content-padding-right: 20px; --cms-t-content-padding-bottom: 20px; --cms-t-content-padding-left: 20px; --cms-m-layout-width: initial; --cms-m-layout-margin-top: 0px; --cms-m-layout-margin-right: 0px; --cms-m-layout-margin-bottom: 0px; --cms-m-layout-margin-left: 0px; --cms-m-layout-border-top: 0px; --cms-m-layout-border-right: 0px; --cms-m-layout-border-bottom: 0px; --cms-m-layout-border-left: 0px; --cms-m-primary-width: 245px; --cms-m-primary-height: 70px; --cms-m-primary-margin-top: 0px; --cms-m-primary-margin-right: 0px; --cms-m-primary-margin-bottom: 0px; --cms-m-primary-margin-left: 0px; --cms-m-primary-border-top: 0px; --cms-m-primary-border-right: 0px; --cms-m-primary-border-bottom: 0px; --cms-m-primary-border-left: 0px; --cms-m-primary-padding-top: 10px; --cms-m-primary-padding-right: 12px; --cms-m-primary-padding-bottom: 10px; --cms-m-primary-padding-left: 12px; --cms-m-primary-flex-direction: initial; --cms-m-primary-menu-item-flex-direction: initial; --cms-m-primary-icon-display: inline-block; --cms-m-primary-icon-font-size: initial; --cms-m-primary-span-display: inline-block; --cms-m-primary-span-font-size: initial; --cms-m-secondary-width: 245px; --cms-m-secondary-height: 70px; --cms-m-secondary-margin-top: 0px; --cms-m-secondary-margin-right: 0px; --cms-m-secondary-margin-bottom: 0px; --cms-m-secondary-margin-left: 0px; --cms-m-secondary-border-top: 0px; --cms-m-secondary-border-right: 0px; --cms-m-secondary-border-bottom: 0px; --cms-m-secondary-border-left: 0px; --cms-m-secondary-padding-top: 12px; --cms-m-secondary-padding-right: 12px; --cms-m-secondary-padding-bottom: 12px; --cms-m-secondary-padding-left: 12px; --cms-m-secondary-flex-direction: initial; --cms-m-secondary-menu-item-flex-direction: initial; --cms-m-secondary-icon-display: inline-block; --cms-m-secondary-icon-font-size: initial; --cms-m-secondary-span-display: inline-block; --cms-m-secondary-span-font-size: initial; --cms-m-side-width: initial; --cms-m-side-height: 60px; --cms-m-side-margin-top: 0px; --cms-m-side-margin-right: 0px; --cms-m-side-margin-bottom: 0px; --cms-m-side-margin-left: 0px; --cms-m-side-border-top: 0px; --cms-m-side-border-right: 0px; --cms-m-side-border-bottom: 0px; --cms-m-side-border-left: 0px; --cms-m-side-padding-top: 0px; --cms-m-side-padding-right: 12px; --cms-m-side-padding-bottom: 12px; --cms-m-side-padding-left: 12px; --cms-m-side-flex-direction: column; --cms-m-side-menu-item-flex-direction: initial; --cms-m-side-icon-display: inline-block; --cms-m-side-icon-font-size: initial; --cms-m-side-span-display: inline-block; --cms-m-side-span-font-size: initial; --cms-m-content-width: 100%; --cms-m-content-margin-top: 0px; --cms-m-content-margin-right: 0px; --cms-m-content-margin-bottom: 0px; --cms-m-content-margin-left: 0px; --cms-m-content-border-top: 0px; --cms-m-content-border-right: 0px; --cms-m-content-border-bottom: 0px; --cms-m-content-border-left: 0px; --cms-m-content-padding-top: 12px; --cms-m-content-padding-right: 12px; --cms-m-content-padding-bottom: 12px; --cms-m-content-padding-left: 12px; --cms-layout-side-wrapper-overflow-y: auto; --cms-layout-side-wrapper-overflow-x: hidden; --cms-layout-side-wrapper-width: var(--cms-side-width); --cms-layout-side-wrapper-min-width: var(--cms-side-width); --cms-layout-side-wrapper-min-height: initial; --cms-layout-side-max-width: initial; --cms-layout-side-justify-content: initial; --cms-layout-side-menu-item-justify-content: var(--cms-primary-justify-content); --cms-layout-side-menu-item-align-items: center; --cms-layout-side-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-side-padding-right) var(--cms-menu-item-padding-y) var(--cms-side-padding-left); --cms-layout-side-hr-display: block; --cms-side-menu-flex-direction: column; --cms-side-white-space: initial; } @media (min-width: 1420px) { :root { --cms-layout-flex-direction: initial; --cms-layout-primary-wrapper-overflow-y: auto; --cms-layout-primary-wrapper-overflow-x: hidden; --cms-layout-primary-wrapper-width: var(--cms-primary-width); --cms-layout-primary-wrapper-min-width: initial; --cms-layout-primary-wrapper-min-height: initial; --cms-layout-primary-max-width: initial; --cms-layout-secondary-wrapper-overflow-y: auto; --cms-layout-secondary-wrapper-overflow-x: hidden; --cms-layout-secondary-wrapper-width: var(--cms-secondary-width); --cms-layout-secondary-wrapper-min-height: initial; --cms-layout-navigation-max-width: initial; --cms-layout-navigation-width: initial; --cms-layout-horizontal-wrapper-max-width: calc(100% - var(--cms-primary-width)); --cms-layout-horizontal-wrapper-flex-direction: initial; --cms-layout-content-image-wrapper-max-width: calc(100% - var(--cms-secondary-width)); --cms-layout-image-flex-grow: 1; --cms-layout-logo-float: none; --cms-layout-logo-height: var(--cms-logo-height); --cms-layout-logo-width: calc(var(--cms-primary-width) - var(--cms-primary-padding-left) - var(--cms-primary-padding-right) - var(--cms-primary-border-right)); --cms-layout-primary-justify-content: initial; --cms-layout-primary-menu-item-justify-content: var(--cms-primary-justify-content); --cms-layout-primary-menu-item-align-items: center; --cms-layout-primary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left); --cms-layout-primary-menu-item-display: block; --cms-layout-primary-menu-item-line-height: var(--cms-heading-line-height); --cms-layout-primary-hr-display: block; --cms-layout-title-float: none; --cms-layout-title-line-height: var(--cms-heading-line-height); --cms-layout-secondary-justify-content: initial; --cms-layout-secondary-menu-item-justify-content: initial; --cms-layout-secondary-menu-item-align-items: center; --cms-layout-secondary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-secondary-padding-right) var(--cms-menu-item-padding-y) var(--cms-secondary-padding-left); --cms-layout-secondary-hr-display: block; --cms-primary-menu-flex-direction: column; --cms-primary-white-space: initial; --cms-secondary-menu-flex-direction: column; --cms-secondary-white-space: initial; } :root { --cms-layout-width: var(--cms-d-layout-width); --cms-layout-margin: var(--cms-d-layout-margin-top) var(--cms-d-layout-margin-right) var(--cms-d-layout-margin-bottom) var(--cms-d-layout-margin-left); --cms-layout-border-width: var(--cms-d-layout-border-top) var(--cms-d-layout-border-right) var(--cms-d-layout-border-bottom) var(--cms-d-layout-border-left); --cms-layout-primary-justify-content: initial; --cms-primary-height: var(--cms-d-primary-height); --cms-primary-width: var(--cms-d-primary-width); --cms-primary-margin: var(--cms-d-primary-margin-top) var(--cms-d-primary-margin-right) var(--cms-d-primary-margin-bottom) var(--cms-d-primary-margin-left); --cms-primary-padding-top: var(--cms-d-primary-padding-top); --cms-primary-padding-right: var(--cms-d-primary-padding-right); --cms-primary-padding-bottom: var(--cms-d-primary-padding-bottom); --cms-primary-padding-left: var(--cms-d-primary-padding-left); --cms-primary-border-top: var(--cms-d-primary-border-top); --cms-primary-border-right: var(--cms-d-primary-border-right); --cms-primary-border-bottom: var(--cms-d-primary-border-bottom); --cms-primary-border-left: var(--cms-d-primary-border-left); --cms-primary-padding: var(--cms-d-primary-padding-top) var(--cms-d-primary-padding-right) var(--cms-d-primary-padding-bottom) var(--cms-d-primary-padding-left); --cms-primary-border-width: var(--cms-d-primary-border-top) var(--cms-d-primary-border-right) var(--cms-d-primary-border-bottom) var(--cms-d-primary-border-left); --cms-primary-justify-content: var(--cms-d-primary-justify-content); --cms-primary-flex-direction: column; --cms-primary-menu-item-flex-direction: var(--cms-d-primary-menu-item-flex-direction); --cms-primary-icon-display: var(--cms-d-primary-icon-display); --cms-primary-icon-font-size: var(--cms-d-primary-icon-font-size); --cms-primary-span-display: var(--cms-d-primary-span-display); --cms-primary-span-font-size: var(--cms-d-primary-span-font-size); --cms-layout-secondary-justify-content: initial; --cms-secondary-height: var(--cms-d-secondary-height); --cms-secondary-width: var(--cms-d-secondary-width); --cms-secondary-margin: var(--cms-d-secondary-margin-top) var(--cms-d-secondary-margin-right) var(--cms-d-secondary-margin-bottom) var(--cms-d-secondary-margin-left); --cms-secondary-padding-top: var(--cms-d-secondary-padding-top); --cms-secondary-padding-right: var(--cms-d-secondary-padding-right); --cms-secondary-padding-bottom: var(--cms-d-secondary-padding-bottom); --cms-secondary-padding-left: var(--cms-d-secondary-padding-left); --cms-secondary-border-top: var(--cms-d-secondary-border-top); --cms-secondary-border-right: var(--cms-d-secondary-border-right); --cms-secondary-border-bottom: var(--cms-d-secondary-border-bottom); --cms-secondary-border-left: var(--cms-d-secondary-border-left); --cms-secondary-padding: var(--cms-d-secondary-padding-top) var(--cms-d-secondary-padding-right) var(--cms-d-secondary-padding-bottom) var(--cms-d-secondary-padding-left); --cms-secondary-border-width: var(--cms-d-secondary-border-top) var(--cms-d-secondary-border-right) var(--cms-d-secondary-border-bottom) var(--cms-d-secondary-border-left); --cms-secondary-justify-content: var(--cms-d-secondary-justify-content); --cms-secondary-flex-direction: column; --cms-secondary-menu-item-flex-direction: var(--cms-d-secondary-menu-item-flex-direction); --cms-secondary-icon-display: var(--cms-d-secondary-icon-display); --cms-secondary-icon-font-size: var(--cms-d-secondary-icon-font-size); --cms-secondary-span-display: var(--cms-d-secondary-span-display); --cms-secondary-span-font-size: var(--cms-d-secondary-span-font-size); --cms-layout-side-justify-content: initial; --cms-side-height: var(--cms-d-side-height); --cms-side-width: var(--cms-d-side-width); --cms-side-margin: var(--cms-d-side-margin-top) var(--cms-d-side-margin-right) var(--cms-d-side-margin-bottom) var(--cms-d-side-margin-left); --cms-side-padding-top: var(--cms-d-side-padding-top); --cms-side-padding-right: var(--cms-d-side-padding-right); --cms-side-padding-bottom: var(--cms-d-side-padding-bottom); --cms-side-padding-left: var(--cms-d-side-padding-left); --cms-side-border-top: var(--cms-d-side-border-top); --cms-side-border-right: var(--cms-d-side-border-right); --cms-side-border-bottom: var(--cms-d-side-border-bottom); --cms-side-border-left: var(--cms-d-side-border-left); --cms-side-padding: var(--cms-d-side-padding-top) var(--cms-d-side-padding-right) var(--cms-d-side-padding-bottom) var(--cms-d-side-padding-left); --cms-side-border-width: var(--cms-d-side-border-top) var(--cms-d-side-border-right) var(--cms-d-side-border-bottom) var(--cms-d-side-border-left); --cms-side-justify-content: var(--cms-d-side-justify-content); --cms-side-flex-direction: column; --cms-side-menu-item-flex-direction: var(--cms-d-side-menu-item-flex-direction); --cms-side-icon-display: var(--cms-d-side-icon-display); --cms-side-icon-font-size: var(--cms-d-side-icon-font-size); --cms-side-span-display: var(--cms-d-side-span-display); --cms-side-span-font-size: var(--cms-d-side-span-font-size); --cms-content-width: var(--cms-d-content-width); --cms-content-margin: var(--cms-d-content-margin-top) var(--cms-d-content-margin-right) var(--cms-d-content-margin-bottom) var(--cms-d-content-margin-left); --cms-content-padding-top: var(--cms-d-content-padding-top); --cms-content-padding-right: var(--cms-d-content-padding-right); --cms-content-padding-bottom: var(--cms-d-content-padding-bottom); --cms-content-padding-left: var(--cms-d-content-padding-left); --cms-content-padding: var(--cms-d-content-padding-top) var(--cms-d-content-padding-right) var(--cms-d-content-padding-bottom) var(--cms-d-content-padding-left); --cms-content-border-width: var(--cms-d-content-border-top) var(--cms-d-content-border-right) var(--cms-d-content-border-bottom) var(--cms-d-content-border-left); } .layout .primary-navigation-wrapper .navigation .menu { display: flex !important; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu { display: flex !important; } .layout .side-panel { display: flex !important; } } @media (min-width: 992px) and (max-width: 1419.8px) { :root { --cms-layout-flex-direction: column; --cms-layout-primary-wrapper-overflow-y: hidden; --cms-layout-primary-wrapper-overflow-x: auto; --cms-layout-primary-wrapper-width: initial; --cms-layout-primary-wrapper-min-width: initial; --cms-layout-primary-wrapper-min-height: var(--cms-primary-height); --cms-layout-primary-max-width: 100%; --cms-layout-secondary-wrapper-overflow-y: auto; --cms-layout-secondary-wrapper-overflow-x: hidden; --cms-layout-secondary-wrapper-width: var(--cms-secondary-width); --cms-layout-secondary-wrapper-min-height: initial; --cms-layout-navigation-max-width: initial; --cms-layout-navigation-width: initial; --cms-layout-horizontal-wrapper-max-width: initial; --cms-layout-horizontal-wrapper-flex-direction: initial; --cms-layout-content-image-wrapper-max-width: calc(100% - var(--cms-secondary-width)); --cms-layout-image-flex-grow: 1; --cms-layout-logo-float: left; --cms-layout-logo-height: calc(var(--cms-primary-height) - var(--cms-primary-padding-top) - var(--cms-primary-padding-bottom) - var(--cms-primary-border-bottom)); --cms-layout-logo-width: var(--cms-logo-width); --cms-layout-primary-justify-content: flex-end; --cms-layout-primary-menu-item-justify-content: center; --cms-layout-primary-menu-item-align-items: center; --cms-layout-primary-menu-item-padding: 0 var(--cms-menu-item-padding-x); --cms-layout-primary-hr-display: none; --cms-layout-title-float: none; --cms-layout-title-line-height: var(--cms-heading-line-height); --cms-layout-secondary-justify-content: initial; --cms-layout-secondary-menu-item-justify-content: var(--cms-secondary-justify-content); --cms-layout-secondary-menu-item-align-items: center; --cms-layout-secondary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-secondary-padding-right) var(--cms-menu-item-padding-y) var(--cms-secondary-padding-left); --cms-layout-secondary-hr-display: block; --cms-primary-menu-flex-direction: initial; --cms-primary-white-space: nowrap; --cms-secondary-menu-flex-direction: column; --cms-secondary-white-space: initial; } :root { --cms-layout-width: var(--cms-t-layout-width); --cms-layout-margin: var(--cms-t-layout-margin-top) var(--cms-t-layout-margin-right) var(--cms-t-layout-margin-bottom) var(--cms-t-layout-margin-left); --cms-layout-border-width: var(--cms-t-layout-border-top) var(--cms-t-layout-border-right) var(--cms-t-layout-border-bottom) var(--cms-t-layout-border-left); --cms-layout-primary-justify-content: flex-end; --cms-primary-height: var(--cms-t-primary-height); --cms-primary-width: var(--cms-t-primary-width); --cms-primary-margin: var(--cms-t-primary-margin-top) var(--cms-t-primary-margin-right) var(--cms-t-primary-margin-bottom) var(--cms-t-primary-margin-left); --cms-primary-padding-top: var(--cms-t-primary-padding-top); --cms-primary-padding-right: var(--cms-t-primary-padding-right); --cms-primary-padding-bottom: var(--cms-t-primary-padding-bottom); --cms-primary-padding-left: var(--cms-t-primary-padding-left); --cms-primary-border-top: var(--cms-t-primary-border-top); --cms-primary-border-right: var(--cms-t-primary-border-right); --cms-primary-border-bottom: var(--cms-t-primary-border-bottom); --cms-primary-border-left: var(--cms-t-primary-border-left); --cms-primary-padding: var(--cms-t-primary-padding-top) var(--cms-t-primary-padding-right) var(--cms-t-primary-padding-bottom) var(--cms-t-primary-padding-left); --cms-primary-border-width: var(--cms-t-primary-border-top) var(--cms-t-primary-border-right) var(--cms-t-primary-border-bottom) var(--cms-t-primary-border-left); --cms-primary-justify-content: var(--cms-t-primary-justify-content); --cms-primary-flex-direction: var(--cms-t-primary-flex-direction); --cms-primary-menu-item-flex-direction: var(--cms-t-primary-menu-item-flex-direction); --cms-primary-icon-display: var(--cms-t-primary-icon-display); --cms-primary-icon-font-size: var(--cms-t-primary-icon-font-size); --cms-primary-span-display: var(--cms-t-primary-span-display); --cms-primary-span-font-size: var(--cms-t-primary-span-font-size); --cms-layout-secondary-justify-content: initial; --cms-secondary-height: var(--cms-t-secondary-height); --cms-secondary-width: var(--cms-t-secondary-width); --cms-secondary-margin: var(--cms-t-secondary-margin-top) var(--cms-t-secondary-margin-right) var(--cms-t-secondary-margin-bottom) var(--cms-t-secondary-margin-left); --cms-secondary-padding-top: var(--cms-t-secondary-padding-top); --cms-secondary-padding-right: var(--cms-t-secondary-padding-right); --cms-secondary-padding-bottom: var(--cms-t-secondary-padding-bottom); --cms-secondary-padding-left: var(--cms-t-secondary-padding-left); --cms-secondary-border-top: var(--cms-t-secondary-border-top); --cms-secondary-border-right: var(--cms-t-secondary-border-right); --cms-secondary-border-bottom: var(--cms-t-secondary-border-bottom); --cms-secondary-border-left: var(--cms-t-secondary-border-left); --cms-secondary-padding: var(--cms-t-secondary-padding-top) var(--cms-t-secondary-padding-right) var(--cms-t-secondary-padding-bottom) var(--cms-t-secondary-padding-left); --cms-secondary-border-width: var(--cms-t-secondary-border-top) var(--cms-t-secondary-border-right) var(--cms-t-secondary-border-bottom) var(--cms-t-secondary-border-left); --cms-secondary-justify-content: var(--cms-t-secondary-justify-content); --cms-secondary-flex-direction: column; --cms-secondary-menu-item-flex-direction: var(--cms-t-secondary-menu-item-flex-direction); --cms-secondary-icon-display: var(--cms-t-secondary-icon-display); --cms-secondary-icon-font-size: var(--cms-t-secondary-icon-font-size); --cms-secondary-span-display: var(--cms-t-secondary-span-display); --cms-secondary-span-font-size: var(--cms-t-secondary-span-font-size); --cms-layout-side-justify-content: initial; --cms-side-height: var(--cms-t-side-height); --cms-side-width: var(--cms-t-side-width); --cms-side-margin: var(--cms-t-side-margin-top) var(--cms-t-side-margin-right) var(--cms-t-side-margin-bottom) var(--cms-t-side-margin-left); --cms-side-padding-top: var(--cms-t-side-padding-top); --cms-side-padding-right: var(--cms-t-side-padding-right); --cms-side-padding-bottom: var(--cms-t-side-padding-bottom); --cms-side-padding-left: var(--cms-t-side-padding-left); --cms-side-border-top: var(--cms-t-side-border-top); --cms-side-border-right: var(--cms-t-side-border-right); --cms-side-border-bottom: var(--cms-t-side-border-bottom); --cms-side-border-left: var(--cms-t-side-border-left); --cms-side-padding: var(--cms-t-side-padding-top) var(--cms-t-side-padding-right) var(--cms-t-side-padding-bottom) var(--cms-t-side-padding-left); --cms-side-border-width: var(--cms-t-side-border-top) var(--cms-t-side-border-right) var(--cms-t-side-border-bottom) var(--cms-t-side-border-left); --cms-side-justify-content: var(--cms-t-side-justify-content); --cms-side-flex-direction: column; --cms-side-menu-item-flex-direction: var(--cms-t-side-menu-item-flex-direction); --cms-side-icon-display: var(--cms-t-side-icon-display); --cms-side-icon-font-size: var(--cms-t-side-icon-font-size); --cms-side-span-display: var(--cms-t-side-span-display); --cms-side-span-font-size: var(--cms-t-side-span-font-size); --cms-content-width: var(--cms-t-content-width); --cms-content-margin: var(--cms-t-content-margin-top) var(--cms-t-content-margin-right) var(--cms-t-content-margin-bottom) var(--cms-t-content-margin-left); --cms-content-padding-top: var(--cms-t-content-padding-top); --cms-content-padding-right: var(--cms-t-content-padding-right); --cms-content-padding-bottom: var(--cms-t-content-padding-bottom); --cms-content-padding-left: var(--cms-t-content-padding-left); --cms-content-padding: var(--cms-t-content-padding-top) var(--cms-t-content-padding-right) var(--cms-t-content-padding-bottom) var(--cms-t-content-padding-left); --cms-content-border-width: var(--cms-t-content-border-top) var(--cms-t-content-border-right) var(--cms-t-content-border-bottom) var(--cms-t-content-border-left); } :root { --cms-layout-primary-menu-item-justify-content: left; --cms-layout-primary-hr-display: block; --cms-layout-primary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left); --cms-primary-flex-direction: row; } .layout .primary-navigation-wrapper .navigation { justify-content: space-between; align-items: stretch; } .layout .primary-navigation-wrapper .navigation .menu-button { display: flex; } .layout .primary-navigation-wrapper .navigation .menu { padding: var(--cms-primary-padding-top) 0 var(--cms-primary-padding-bottom) 0; display: none; position: absolute; top: var(--cms-layout-primary-wrapper-min-height); bottom: 0; left: var(--cms-layout-secondary-wrapper-width); right: 0; background: var(--cms-primary-bg); z-index: 1000; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu { display: flex !important; } :root { --cms-layout-side-menu-item-justify-content: left; --cms-layout-side-hr-display: block; --cms-layout-side-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left); --cms-primary-flex-direction: row; } .layout .primary-navigation-wrapper .navigation { justify-content: space-between; align-items: stretch; flex-direction: row; } .layout .primary-navigation-wrapper .navigation .side-button { display: flex; } .layout .side-panel { display: none; position: absolute; top: var(--cms-layout-primary-wrapper-min-height); bottom: 0;  right: 0; z-index: 1000; } } @media (max-width: 991.8px) { :root { --cms-layout-flex-direction: column; --cms-layout-primary-wrapper-overflow-y: hidden; --cms-layout-primary-wrapper-overflow-x: auto; --cms-layout-primary-wrapper-width: initial; --cms-layout-primary-wrapper-min-width: initial; --cms-layout-primary-wrapper-min-height: var(--cms-primary-height); --cms-layout-primary-max-width: initial; --cms-layout-secondary-wrapper-overflow-y: hidden; --cms-layout-secondary-wrapper-overflow-x: auto; --cms-layout-secondary-wrapper-width: initial; --cms-layout-secondary-wrapper-min-height: var(--cms-secondary-height); --cms-layout-navigation-max-width: 100%; --cms-layout-navigation-width: var(--cms-content-width, auto); --cms-layout-horizontal-wrapper-max-width: initial; --cms-layout-horizontal-wrapper-flex-direction: column; --cms-layout-content-image-wrapper-max-width: 100%; --cms-layout-image-flex-grow: initial; --cms-layout-logo-float: left; --cms-layout-logo-height: calc(var(--cms-primary-height) - var(--cms-primary-padding-top) - var(--cms-primary-padding-bottom) - var(--cms-primary-border-bottom)); --cms-layout-logo-width: var(--cms-logo-width); --cms-layout-primary-justify-content: flex-end; --cms-layout-primary-menu-item-justify-content: center; --cms-layout-primary-menu-item-align-items: center; --cms-layout-primary-menu-item-padding: 0 var(--cms-menu-item-padding-x); --cms-layout-primary-hr-display: none; --cms-layout-title-float: left; --cms-layout-secondary-justify-content: flex-end; --cms-layout-secondary-menu-item-justify-content: center; --cms-layout-secondary-menu-item-align-items: var(--cms-secondary-justify-content); --cms-layout-secondary-menu-item-padding: 0 var(--cms-menu-item-padding-x); --cms-layout-secondary-hr-display: none; --cms-image-display: none; --cms-content-margin-y: auto; --cms-primary-menu-flex-direction: initial; --cms-primary-white-space: nowrap; --cms-secondary-menu-flex-direction: initial; --cms-secondary-white-space: nowrap; } :root { --cms-layout-width: var(--cms-m-layout-width); --cms-layout-margin: var(--cms-m-layout-margin-top) var(--cms-m-layout-margin-right) var(--cms-m-layout-margin-bottom) var(--cms-m-layout-margin-left); --cms-layout-border-width: var(--cms-m-layout-border-top) var(--cms-m-layout-border-right) var(--cms-m-layout-border-bottom) var(--cms-m-layout-border-left); --cms-layout-primary-justify-content: flex-end; --cms-primary-height: var(--cms-m-primary-height); --cms-primary-width: var(--cms-m-primary-width); --cms-primary-margin: var(--cms-m-primary-margin-top) var(--cms-m-primary-margin-right) var(--cms-m-primary-margin-bottom) var(--cms-m-primary-margin-left); --cms-primary-padding-top: var(--cms-m-primary-padding-top); --cms-primary-padding-right: var(--cms-m-primary-padding-right); --cms-primary-padding-bottom: var(--cms-m-primary-padding-bottom); --cms-primary-padding-left: var(--cms-m-primary-padding-left); --cms-primary-border-top: var(--cms-m-primary-border-top); --cms-primary-border-right: var(--cms-m-primary-border-right); --cms-primary-border-bottom: var(--cms-m-primary-border-bottom); --cms-primary-border-left: var(--cms-m-primary-border-left); --cms-primary-padding: var(--cms-m-primary-padding-top) var(--cms-m-primary-padding-right) var(--cms-m-primary-padding-bottom) var(--cms-m-primary-padding-left); --cms-primary-border-width: var(--cms-m-primary-border-top) var(--cms-m-primary-border-right) var(--cms-m-primary-border-bottom) var(--cms-m-primary-border-left); --cms-primary-justify-content: var(--cms-m-primary-justify-content); --cms-primary-flex-direction: var(--cms-m-primary-flex-direction); --cms-primary-menu-item-flex-direction: var(--cms-m-primary-menu-item-flex-direction); --cms-primary-icon-display: var(--cms-m-primary-icon-display); --cms-primary-icon-font-size: var(--cms-m-primary-icon-font-size); --cms-primary-span-display: var(--cms-m-primary-span-display); --cms-primary-span-font-size: var(--cms-m-primary-span-font-size); --cms-layout-secondary-justify-content: flex-end; --cms-secondary-height: var(--cms-m-secondary-height); --cms-secondary-width: var(--cms-m-secondary-width); --cms-secondary-margin: var(--cms-m-secondary-margin-top) var(--cms-m-secondary-margin-right) var(--cms-m-secondary-margin-bottom) var(--cms-m-secondary-margin-left); --cms-secondary-padding-top: var(--cms-m-secondary-padding-top); --cms-secondary-padding-right: var(--cms-m-secondary-padding-right); --cms-secondary-padding-bottom: var(--cms-m-secondary-padding-bottom); --cms-secondary-padding-left: var(--cms-m-secondary-padding-left); --cms-secondary-border-top: var(--cms-m-secondary-border-top); --cms-secondary-border-right: var(--cms-m-secondary-border-right); --cms-secondary-border-bottom: var(--cms-m-secondary-border-bottom); --cms-secondary-border-left: var(--cms-m-secondary-border-left); --cms-secondary-padding: var(--cms-m-secondary-padding-top) var(--cms-m-secondary-padding-right) var(--cms-m-secondary-padding-bottom) var(--cms-m-secondary-padding-left); --cms-secondary-border-width: var(--cms-m-secondary-border-top) var(--cms-m-secondary-border-right) var(--cms-m-secondary-border-bottom) var(--cms-m-secondary-border-left); --cms-secondary-justify-content: var(--cms-m-secondary-justify-content); --cms-secondary-flex-direction: var(--cms-m-secondary-flex-direction); --cms-secondary-menu-item-flex-direction: var(--cms-m-secondary-menu-item-flex-direction); --cms-secondary-icon-display: var(--cms-m-secondary-icon-display); --cms-secondary-icon-font-size: var(--cms-m-secondary-icon-font-size); --cms-secondary-span-display: var(--cms-m-secondary-span-display); --cms-secondary-span-font-size: var(--cms-m-secondary-span-font-size); --cms-layout-side-justify-content: initial; --cms-side-height: var(--cms-m-side-height); --cms-side-width: var(--cms-m-side-width); --cms-side-margin: var(--cms-m-side-margin-top) var(--cms-m-side-margin-right) var(--cms-m-side-margin-bottom) var(--cms-m-side-margin-left); --cms-side-padding-top: var(--cms-m-side-padding-top); --cms-side-padding-right: var(--cms-m-side-padding-right); --cms-side-padding-bottom: var(--cms-m-side-padding-bottom); --cms-side-padding-left: var(--cms-m-side-padding-left); --cms-side-border-top: var(--cms-m-side-border-top); --cms-side-border-right: var(--cms-m-side-border-right); --cms-side-border-bottom: var(--cms-m-side-border-bottom); --cms-side-border-left: var(--cms-m-side-border-left); --cms-side-padding: var(--cms-m-side-padding-top) var(--cms-m-side-padding-right) var(--cms-m-side-padding-bottom) var(--cms-m-side-padding-left); --cms-side-border-width: var(--cms-m-side-border-top) var(--cms-m-side-border-right) var(--cms-m-side-border-bottom) var(--cms-m-side-border-left); --cms-side-justify-content: var(--cms-m-side-justify-content); --cms-side-flex-direction: column; --cms-side-menu-item-flex-direction: var(--cms-m-side-menu-item-flex-direction); --cms-side-icon-display: var(--cms-m-side-icon-display); --cms-side-icon-font-size: var(--cms-m-side-icon-font-size); --cms-side-span-display: var(--cms-m-side-span-display); --cms-side-span-font-size: var(--cms-m-side-span-font-size); --cms-content-width: var(--cms-m-content-width); --cms-content-margin: var(--cms-m-content-margin-top) var(--cms-m-content-margin-right) var(--cms-m-content-margin-bottom) var(--cms-m-content-margin-left); --cms-content-padding-top: var(--cms-m-content-padding-top); --cms-content-padding-right: var(--cms-m-content-padding-right); --cms-content-padding-bottom: var(--cms-m-content-padding-bottom); --cms-content-padding-left: var(--cms-m-content-padding-left); --cms-content-padding: var(--cms-m-content-padding-top) var(--cms-m-content-padding-right) var(--cms-m-content-padding-bottom) var(--cms-m-content-padding-left); --cms-content-border-width: var(--cms-m-content-border-top) var(--cms-m-content-border-right) var(--cms-m-content-border-bottom) var(--cms-m-content-border-left); } :root { --cms-layout-primary-menu-item-justify-content: left; --cms-layout-primary-hr-display: block; --cms-layout-primary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left); --cms-primary-flex-direction: row; } .layout .primary-navigation-wrapper .navigation { justify-content: space-between; align-items: stretch; } .layout .primary-navigation-wrapper .navigation .menu-button { display: flex; } .layout .primary-navigation-wrapper .navigation .menu { padding: var(--cms-primary-padding-top) 0 var(--cms-primary-padding-bottom) 0; display: none; position: absolute; top: var(--cms-layout-primary-wrapper-min-height); bottom: 0; left: 0; right: 0; background: var(--cms-primary-bg); z-index: 1000; } :root { --cms-layout-secondary-menu-item-justify-content: left; --cms-layout-secondary-hr-display: block; --cms-layout-secondary-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-secondary-padding-right) var(--cms-menu-item-padding-y) var(--cms-secondary-padding-left); --cms-secondary-flex-direction: row; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation { justify-content: space-between; align-items: stretch; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu-button { display: flex; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu { padding: var(--cms-secondary-padding-top) 0 var(--cms-secondary-padding-bottom) 0; display: none; position: absolute; top: calc(var(--cms-layout-primary-wrapper-min-height) + var(--cms-layout-secondary-wrapper-min-height)); bottom: 0; left: 0; right: 0; background: var(--cms-secondary-bg); z-index: 1000; } :root { --cms-layout-side-menu-item-justify-content: left; --cms-layout-side-hr-display: block; --cms-layout-side-menu-item-padding: var(--cms-menu-item-padding-y) var(--cms-primary-padding-right) var(--cms-menu-item-padding-y) var(--cms-primary-padding-left); --cms-primary-flex-direction: row; } .layout .primary-navigation-wrapper .navigation { justify-content: space-between; align-items: stretch; flex-direction: row; } .layout .primary-navigation-wrapper .navigation .side-button { display: flex; } .layout .side-panel { display: none; position: absolute; top: var(--cms-layout-primary-wrapper-min-height); bottom: 0; left: 0; right: 0; z-index: 1000; } } :root, [data-bs-theme=light] { --bs-primary: var(--cms-primary); --bs-primary-rgb: var(--cms-primary-rgb); --bs-primary-text-emphasis: var(--cms-primary-dark); --bs-primary-bg-subtle: var(--cms-primary-lighter); --bs-primary-border-subtle: var(--cms-primary-light); .btn-subtle-primary { border: 0; color: var(--cms-primary-dark); background-color: var(--cms-primary-lighter); &:active, &:hover, &.active { background-color: var(--cms-primary-light); color: var(--cms-primary-darker); } } --bs-secondary: var(--cms-secondary); --bs-secondary-rgb: var(--cms-secondary-rgb); --bs-secondary-text-emphasis: var(--cms-secondary-dark); --bs-secondary-bg-subtle: var(--cms-secondary-lighter); --bs-secondary-border-subtle: var(--cms-secondary-light); .btn-subtle-secondary { border: 0; color: var(--cms-secondary-dark); background-color: var(--cms-secondary-lighter); &:active, &:hover, &.active { background-color: var(--cms-secondary-light); color: var(--cms-secondary-darker); } } --bs-success: var(--cms-success); --bs-success-rgb: var(--cms-success-rgb); --bs-success-text-emphasis: var(--cms-success-dark); --bs-success-bg-subtle: var(--cms-success-lighter); --bs-success-border-subtle: var(--cms-success-light); .btn-subtle-success { border: 0; color: var(--cms-success-dark); background-color: var(--cms-success-lighter); &:active, &:hover, &.active { background-color: var(--cms-success-light); color: var(--cms-success-darker); } } --bs-danger: var(--cms-danger); --bs-danger-rgb: var(--cms-danger-rgb); --bs-danger-text-emphasis: var(--cms-danger-dark); --bs-danger-bg-subtle: var(--cms-danger-lighter); --bs-danger-border-subtle: var(--cms-danger-light); .btn-subtle-danger { border: 0; color: var(--cms-danger-dark); background-color: var(--cms-danger-lighter); &:active, &:hover, &.active { background-color: var(--cms-danger-light); color: var(--cms-danger-darker); } } --bs-warning: var(--cms-warning); --bs-warning-rgb: var(--cms-warning-rgb); --bs-warning-text-emphasis: var(--cms-warning-dark); --bs-warning-bg-subtle: var(--cms-warning-lighter); --bs-warning-border-subtle: var(--cms-warning-light); .btn-subtle-warning { border: 0; color: var(--cms-warning-dark); background-color: var(--cms-warning-lighter); &:active, &:hover, &.active { background-color: var(--cms-warning-light); color: var(--cms-warning-darker); } } --bs-info: var(--cms-info); --bs-info-rgb: var(--cms-info-rgb); --bs-info-text-emphasis: var(--cms-info-dark); --bs-info-bg-subtle: var(--cms-info-lighter); --bs-info-border-subtle: var(--cms-info-light); .btn-subtle-info { border: 0; color: var(--cms-info-dark); background-color: var(--cms-info-lighter); &:active, &:hover, &.active { background-color: var(--cms-info-light); color: var(--cms-info-darker); } } --bs-light: var(--cms-light); --bs-light-rgb: var(--cms-light-rgb); --bs-light-text-emphasis: var(--cms-light-dark); --bs-light-bg-subtle: var(--cms-light-lighter); --bs-light-border-subtle: var(--cms-light-light); .btn-subtle-light { border: 0; color: var(--cms-light-dark); background-color: var(--cms-light-lighter); &:active, &:hover, &.active { background-color: var(--cms-light-light); color: var(--cms-light-darker); } } --bs-dark: var(--cms-dark); --bs-dark-rgb: var(--cms-dark-rgb); --bs-dark-text-emphasis: var(--cms-dark-dark); --bs-dark-bg-subtle: var(--cms-dark-lighter); --bs-dark-border-subtle: var(--cms-dark-light); .btn-subtle-dark { border: 0; color: var(--cms-dark-dark); background-color: var(--cms-dark-lighter); &:active, &:hover, &.active { background-color: var(--cms-dark-light); color: var(--cms-dark-darker); } } } [data-bs-theme=dark] { --bs-primary: var(--cms-primary); --bs-primary-rgb: var(--cms-primary-rgb); --bs-primary-text-emphasis: var(--cms-primary-light); --bs-primary-bg-subtle: var(--cms-primary-darker); --bs-primary-border-subtle: var(--cms-primary-dark); .btn-subtle-primary { color: var(--cms-primary-light); background-color: var(--cms-primary-darker); &:active, &:hover, &.active { background-color: var(--cms-primary-dark); color: var(--cms-primary-lighter); } } --bs-secondary: var(--cms-secondary); --bs-secondary-rgb: var(--cms-secondary-rgb); --bs-secondary-text-emphasis: var(--cms-secondary-light); --bs-secondary-bg-subtle: var(--cms-secondary-darker); --bs-secondary-border-subtle: var(--cms-secondary-dark); .btn-subtle-secondary { color: var(--cms-secondary-light); background-color: var(--cms-secondary-darker); &:active, &:hover, &.active { background-color: var(--cms-secondary-dark); color: var(--cms-secondary-lighter); } } --bs-success: var(--cms-success); --bs-success-rgb: var(--cms-success-rgb); --bs-success-text-emphasis: var(--cms-success-light); --bs-success-bg-subtle: var(--cms-success-darker); --bs-success-border-subtle: var(--cms-success-dark); .btn-subtle-success { color: var(--cms-success-light); background-color: var(--cms-success-darker); &:active, &:hover, &.active { background-color: var(--cms-success-dark); color: var(--cms-success-lighter); } } --bs-danger: var(--cms-danger); --bs-danger-rgb: var(--cms-danger-rgb); --bs-danger-text-emphasis: var(--cms-danger-light); --bs-danger-bg-subtle: var(--cms-danger-darker); --bs-danger-border-subtle: var(--cms-danger-dark); .btn-subtle-danger { color: var(--cms-danger-light); background-color: var(--cms-danger-darker); &:active, &:hover, &.active { background-color: var(--cms-danger-dark); color: var(--cms-danger-lighter); } } --bs-warning: var(--cms-warning); --bs-warning-rgb: var(--cms-warning-rgb); --bs-warning-text-emphasis: var(--cms-warning-light); --bs-warning-bg-subtle: var(--cms-warning-darker); --bs-warning-border-subtle: var(--cms-warning-dark); .btn-subtle-warning { color: var(--cms-warning-light); background-color: var(--cms-warning-darker); &:active, &:hover, &.active { background-color: var(--cms-warning-dark); color: var(--cms-warning-lighter); } } --bs-info: var(--cms-info); --bs-info-rgb: var(--cms-info-rgb); --bs-info-text-emphasis: var(--cms-info-light); --bs-info-bg-subtle: var(--cms-info-darker); --bs-info-border-subtle: var(--cms-info-dark); .btn-subtle-info { color: var(--cms-info-light); background-color: var(--cms-info-darker); &:active, &:hover, &.active { background-color: var(--cms-info-dark); color: var(--cms-info-lighter); } } --bs-light: var(--cms-dark); --bs-light-rgb: var(--cms-dark-rgb); --bs-light-text-emphasis: var(--cms-light); --bs-light-bg-subtle: var(--cms-dark-darker); --bs-light-border-subtle: var(--cms-dark-dark); --bs-dark: var(--cms-light); --bs-dark-rgb: var(--cms-light-rgb); --bs-dark-text-emphasis: var(--cms-light-light); --bs-dark-bg-subtle: var(--cms-light-darker); --bs-dark-border-subtle: var(--cms-light-dark); --bs-white: #000000; --bs-white-rgb: 0, 0, 0; --bs-black: #ffffff; --bs-black-rgb: 255, 255, 255; }  .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary-text-emphasis); --bs-btn-hover-border-color: var(--bs-primary-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary-text-emphasis); --bs-btn-active-border-color: var(--bs-primary-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary-bg-subtle); --bs-btn-disabled-border-color: var(--bs-primary-bg-subtle); } .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-primary-bg-subtle); --bs-btn-disabled-border-color: var(--bs-primary-bg-subtle); } .table-primary { --bs-table-bg: var(--bs-primary-bg-subtle); --bs-table-border-color: var(--bs-primary-border-subtle); --bs-table-striped-bg: var(--bs-primary-border-subtle); --bs-table-active-bg: var(--bs-primary-border-subtle); --bs-table-hover-bg: var(--bs-primary-border-subtle); } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary-text-emphasis); --bs-btn-hover-border-color: var(--bs-secondary-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-secondary-text-emphasis); --bs-btn-active-border-color: var(--bs-secondary-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-secondary-bg-subtle); --bs-btn-disabled-border-color: var(--bs-secondary-bg-subtle); } .btn-outline-secondary { --bs-btn-color: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary); --bs-btn-hover-border-color: var(--bs-secondary); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-secondary); --bs-btn-active-border-color: var(--bs-secondary); --bs-btn-disabled-color: var(--bs-secondary-bg-subtle); --bs-btn-disabled-border-color: var(--bs-secondary-bg-subtle); } .table-secondary { --bs-table-bg: var(--bs-secondary-bg-subtle); --bs-table-border-color: var(--bs-secondary-border-subtle); --bs-table-striped-bg: var(--bs-secondary-border-subtle); --bs-table-active-bg: var(--bs-secondary-border-subtle); --bs-table-hover-bg: var(--bs-secondary-border-subtle); } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-success-text-emphasis); --bs-btn-hover-border-color: var(--bs-success-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-success-text-emphasis); --bs-btn-active-border-color: var(--bs-success-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-success-bg-subtle); --bs-btn-disabled-border-color: var(--bs-success-bg-subtle); } .btn-outline-success { --bs-btn-color: var(--bs-success); --bs-btn-border-color: var(--bs-success); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-success); --bs-btn-hover-border-color: var(--bs-success); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-success); --bs-btn-active-border-color: var(--bs-success); --bs-btn-disabled-color: var(--bs-success-bg-subtle); --bs-btn-disabled-border-color: var(--bs-success-bg-subtle); } .table-success { --bs-table-bg: var(--bs-success-bg-subtle); --bs-table-border-color: var(--bs-success-border-subtle); --bs-table-striped-bg: var(--bs-success-border-subtle); --bs-table-active-bg: var(--bs-success-border-subtle); --bs-table-hover-bg: var(--bs-success-border-subtle); } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-danger-text-emphasis); --bs-btn-hover-border-color: var(--bs-danger-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-danger-text-emphasis); --bs-btn-active-border-color: var(--bs-danger-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-danger-bg-subtle); --bs-btn-disabled-border-color: var(--bs-danger-bg-subtle); } .btn-outline-danger { --bs-btn-color: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-danger); --bs-btn-hover-border-color: var(--bs-danger); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-danger); --bs-btn-active-border-color: var(--bs-danger); --bs-btn-disabled-color: var(--bs-danger-bg-subtle); --bs-btn-disabled-border-color: var(--bs-danger-bg-subtle); } .table-danger { --bs-table-bg: var(--bs-danger-bg-subtle); --bs-table-border-color: var(--bs-danger-border-subtle); --bs-table-striped-bg: var(--bs-danger-border-subtle); --bs-table-active-bg: var(--bs-danger-border-subtle); --bs-table-hover-bg: var(--bs-danger-border-subtle); } .btn-warning { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-warning-text-emphasis); --bs-btn-hover-border-color: var(--bs-warning-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-warning-text-emphasis); --bs-btn-active-border-color: var(--bs-warning-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-warning-bg-subtle); --bs-btn-disabled-border-color: var(--bs-warning-bg-subtle); } .btn-outline-warning { --bs-btn-color: var(--bs-warning); --bs-btn-border-color: var(--bs-warning); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-warning); --bs-btn-hover-border-color: var(--bs-warning); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-warning); --bs-btn-active-border-color: var(--bs-warning); --bs-btn-disabled-color: var(--bs-warning-bg-subtle); --bs-btn-disabled-border-color: var(--bs-warning-bg-subtle); } .table-warning { --bs-table-bg: var(--bs-warning-bg-subtle); --bs-table-border-color: var(--bs-warning-border-subtle); --bs-table-striped-bg: var(--bs-warning-border-subtle); --bs-table-active-bg: var(--bs-warning-border-subtle); --bs-table-hover-bg: var(--bs-warning-border-subtle); } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-info-text-emphasis); --bs-btn-hover-border-color: var(--bs-info-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-info-text-emphasis); --bs-btn-active-border-color: var(--bs-info-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-info-bg-subtle); --bs-btn-disabled-border-color: var(--bs-info-bg-subtle); } .btn-outline-info { --bs-btn-color: var(--bs-info); --bs-btn-border-color: var(--bs-info); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-info); --bs-btn-hover-border-color: var(--bs-info); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-info); --bs-btn-active-border-color: var(--bs-info); --bs-btn-disabled-color: var(--bs-info-bg-subtle); --bs-btn-disabled-border-color: var(--bs-info-bg-subtle); } .table-info { --bs-table-bg: var(--bs-info-bg-subtle); --bs-table-border-color: var(--bs-info-border-subtle); --bs-table-striped-bg: var(--bs-info-border-subtle); --bs-table-active-bg: var(--bs-info-border-subtle); --bs-table-hover-bg: var(--bs-info-border-subtle); } .btn-light { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-light); --bs-btn-border-color: var(--bs-light); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-light-text-emphasis); --bs-btn-hover-border-color: var(--bs-light-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-light-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-light-text-emphasis); --bs-btn-active-border-color: var(--bs-light-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-light-bg-subtle); --bs-btn-disabled-border-color: var(--bs-light-bg-subtle); } .btn-outline-light { --bs-btn-color: var(--bs-light); --bs-btn-border-color: var(--bs-light); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-light); --bs-btn-hover-border-color: var(--bs-light); --bs-btn-focus-shadow-rgb: var(--bs-light-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-light); --bs-btn-active-border-color: var(--bs-light); --bs-btn-disabled-color: var(--bs-light-bg-subtle); --bs-btn-disabled-border-color: var(--bs-light-bg-subtle); } .table-light { --bs-table-bg: var(--bs-light-bg-subtle); --bs-table-border-color: var(--bs-light-border-subtle); --bs-table-striped-bg: var(--bs-light-border-subtle); --bs-table-active-bg: var(--bs-light-border-subtle); --bs-table-hover-bg: var(--bs-light-border-subtle); } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-dark); --bs-btn-border-color: var(--bs-dark); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-dark-text-emphasis); --bs-btn-hover-border-color: var(--bs-dark-text-emphasis); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-dark-text-emphasis); --bs-btn-active-border-color: var(--bs-dark-text-emphasis); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-dark-bg-subtle); --bs-btn-disabled-border-color: var(--bs-dark-bg-subtle); } .btn-outline-dark { --bs-btn-color: var(--bs-dark); --bs-btn-border-color: var(--bs-dark); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-dark); --bs-btn-hover-border-color: var(--bs-dark); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-dark); --bs-btn-active-border-color: var(--bs-dark); --bs-btn-disabled-color: var(--bs-dark-bg-subtle); --bs-btn-disabled-border-color: var(--bs-dark-bg-subtle); } .table-dark { --bs-table-bg: var(--bs-dark-bg-subtle); --bs-table-border-color: var(--bs-dark-border-subtle); --bs-table-striped-bg: var(--bs-dark-border-subtle); --bs-table-active-bg: var(--bs-dark-border-subtle); --bs-table-hover-bg: var(--bs-dark-border-subtle); } .was-validated .form-control:valid, .form-control.is-valid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23a2ad00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23a2ad00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .form-control.is-valid, .was-validated .form-control:valid { +.selectize-control { .selectize-input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23a2ad00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } } } .was-validated .form-control:invalid, .form-control.is-invalid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c60c30'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c60c30'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .form-control.is-invalid, .was-validated .form-control:invalid { +.selectize-control { .selectize-input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c60c30'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } } } :root { --cms-cvut-light-primary-bg: var(--cms-primary); --cms-cvut-light-primary-active-link-color: var(--cms-primary); --cms-cvut-light-secondary-link-color: var(--cms-primary); --cms-cvut-light-secondary-active-link-color: var(--cms-primary); --cms-cvut-light-side-link-color: var(--cms-primary); --cms-cvut-light-side-active-link-color: var(--cms-primary); --cms-cvut-light-link-color: var(--cms-primary); --cms-cvut-light-link-color-rgb: var(--cms-primary-rgb); }:root { --cms-h1-font-size: 30px; --cms-h2-font-size: 26px; --cms-h3-font-size: 24px; --cms-h4-font-size: 22px; } .logo img { border: 1px solid var(--cms-primary-color); display: block; float: left; margin-right: calc(var(--cms-layout-logo-height) * 0.05); } .logo-wrapper { float: left; position: relative; } .logo-wrapper .logo-text { color: var(--cms-primary-color); text-align: left; position: absolute; display: block; width: 88px; max-width: 88px; bottom: 6px; left: 6px; letter-spacing: 0.5px; white-space: initial; } .logo-wrapper .logo-text.logo-text-long { font-size: 9.5px; font-weight: 600; line-height: 1.25; text-transform: uppercase; } .logo-wrapper .logo-text.logo-text-short { font-size: 30px; font-weight: 900; line-height: 1; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .navigation-icon { display: none !important; } h1, .title { font-weight: 900 !important; } .breadcrumbs { padding: 16px var(--cms-content-padding-right) var(--cms-content-padding-bottom) var(--cms-content-padding-left); position: absolute; } .content-wrapper { position: relative; } .alert-main { margin: 12px var(--cms-content-padding-left) 12px var(--cms-content-padding-left); } .alert-main .btn-close { padding: 8px 16px 16px 16px; line-height: 1; font-size: 32px; background: none; height: auto; width: auto; } .title i { display: none; } .primary-navigation hr { border-color: inherit; opacity: 0.25; } .layout .navigation-wrapper .navigation .side-menu-item { display: flex; } .layout .navigation-wrapper .navigation .side-menu-item a { color: var(--cms-primary-link-color); } .layout .navigation-wrapper .navigation .side-menu-item a:hover { color: var(--cms-light); } @media (max-width: 1419.8px) and (min-width: 992px) { :root { scroll-padding-top: calc(var(--cms-secondary-height) + var(--cms-content-padding-top)); } .layout .primary-navigation-wrapper .navigation .menu { left: 0; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .title { min-height: 137px; padding: 20px; line-height: 36px; } } @media (max-width: 1419.8px) { .override-padding > * { padding-left: var(--cms-content-padding-left); padding-right: var(--cms-content-padding-right); } .override-padding > .table-bordered td:first-child, .override-padding > .table-bordered th:first-child { border-left: 0; } .override-padding > .table-bordered td:last-child, .override-padding > .table-bordered th:last-child { border-right: 0; } .override-padding { padding-left: 0 !important; padding-right: 0 !important; } .override-padding > ul, .override-padding > ol { padding-left: calc(2rem + var(--cms-content-padding-left)); } .override-padding th:first-child, .override-padding td:first-child { padding-left: var(--cms-content-padding-left); } .override-padding th:last-child, .override-padding td:last-child { padding-right: var(--cms-content-padding-right); } .override-padding .ck.ck-sticky-panel__content, .override-padding .ck.ck-editor__editable_inline, .override-padding .ck .ck-source-editing-area textarea { border-color: var(--cms-content-border-color) !important; padding-left: var(--cms-content-padding-left); padding-right: var(--cms-content-padding-right); border-left: 0 !important; border-right: 0 !important; } .override-padding .ck.ck-toolbar { padding: 0; } .layout .primary-navigation-wrapper .navigation .menu { overflow-y: auto; } .layout .primary-navigation-wrapper .navigation .menu { padding-top: 0; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .menu { padding-top: 0; } } @media (min-width: 1420px) { :root { scroll-padding-top: var(--cms-content-padding-top); } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .title { min-height: 140px; padding: 20px 20px 25px 20px; line-height: 31px; } .layout .horizontal-wrapper .content-image-wrapper .content-wrapper .content { max-width: var(--cms-content-width); } } @media (min-width: 992px) { .layout .horizontal-wrapper .content-image-wrapper { width: 0; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .title { white-space: initial; display: flex; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .title > span { align-self: flex-end; } .alert-wrapper { position: absolute; left: 0; right: 0; } } @media (max-width: 991.8px) { :root { scroll-padding-top: calc(var(--cms-primary-height) + var(--cms-secondary-height) + var(--cms-content-padding-top)); } .alert-main { margin-bottom: 0; } .breadcrumbs { position: initial; padding-top: 12px; padding-bottom: 0; } .layout .primary-navigation-wrapper { overflow-y: initial; } .layout .horizontal-wrapper .secondary-navigation-wrapper .navigation .title { font-size: 24px; line-height: 1; padding: 23px 12px; } .layout .secondary-navigation-wrapper .navigation .menu { overflow-y: auto; } } @media (max-width: 991.8px) and (display-mode: standalone) and (orientation: portrait) { .horizontal-wrapper { padding-bottom: 32px; } } @media (max-width: 991.8px) and (display-mode: standalone) and (orientation: landscape) { .horizontal-wrapper { padding-bottom: 12px; } }