/** * Theme Name: Blocksy Child * Description: Blocksy Child theme * Author: Creative Themes * Template: blocksy * Text Domain: blocksy */ /** var(--theme-palette-color-1); you can use this as your primary brand colour. var(--theme-palette-color-2); alternative colour, used usually for the hover action var(--theme-palette-color-3); colour used for general text paragraphs var(--theme-palette-color-4); colour used for headings, subheadings and titles var(--theme-palette-color-5); colour used for borders var(--theme-palette-color-6); #778d7a; colour used for subtle backgrounds (page hero, footer) var(--theme-palette-color-7); colour used for the site’s background var(--theme-palette-color-8); lighter alternative colour, to be used in header backgrounds Blocksy Querys: @media (min-width: 768px) {} @media (max-width: 999px) {} */ /* lose und freie Klassen __________________________________________________________________________________*/ /* @link https://utopia.fyi/type/calculator?c=320,16,1.25,1290,16,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ :root { --step--2: clamp(0.5625rem, 0.6656rem + -0.1278vw, 0.64rem); --step--1: clamp(0.75rem, 0.8165rem + -0.0825vw, 0.8rem); --step-0: clamp(1rem, 1rem + 0vw, 1rem); --step-1: clamp(1.25rem, 1.2226rem + 0.1371vw, 1.3331rem); --step-2: clamp(1.5625rem, 1.4918rem + 0.3536vw, 1.7769rem); --step-3: clamp(1.9531rem, 1.816rem + 0.6856vw, 2.3688rem); --step-4: clamp(2.4413rem, 2.205rem + 1.1814vw, 3.1575rem); --step-5: clamp(3.0519rem, 2.6702rem + 1.9082vw, 4.2088rem); } h1, h2, .like-h2, .like-h1 h1 { font-size: var(--step-3); margin-top: 0 !important; margin-bottom: 0.75em !important; } h3, .like-h3 { font-size: var(--step-2); margin-bottom: 1em !important; } h4, .like-h4 { font-size: var(--step-1); margin-bottom: 1em; } h5, h6, .like-h5 { font-size: var(--step--0); margin-bottom: 1em; } p { font-size: var(--step-0); margin-bottom: 0.875em !important; } .small { font-size: var(--step--1); } .xsmall { font-size:var( --step--2); } .large { font-size:var( --step-4); } .xlarge { font-size:var( --step-5); } hr {margin: 80px auto !important; } b, strong { font-weight: 700; } .small { font-size: 0.875em; } .blocksatz { text-align: justify; hyphens: auto } .wp-block-quote p { font-size: var(--step-4); line-height: 1.2em; } .wp-block-quote cite { font-size: var(--step-2) !important; text-align: right; line-height: 1em; } .kolumnen div.stk-block-content, .kolumnen div.tpgb-column-inner { column-count: 2; column-width: 300px; column-gap: 8em; column-rule: 1px solid rgba(0,0,0,0.25); display: block; hyphens: auto; } .margin-bottom-0 { margin-bottom: 0 !important; } .wp-block-image img, .blocks-gallery-item img { border-radius: 3px !important; } .wp-block-image.alignfull.size-full { margin-bottom: 24px; } body, p, span, div { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Tabellen __________________________________________________________________________________*/ .wp-block-table.is-style-regular table { width: auto !important; table-layout: auto !important; } .wp-block-table.is-style-regular table, .wp-block-table.is-style-regular table th, .wp-block-table.is-style-regular table td { border: none !important; border-collapse: inherit; border-spacing: 0px; } .wp-block-table.is-style-regular table td { border-bottom: 1px solid #ccc !important; } .wp-block-table.is-style-regular table tr:last-child td { border-bottom: none !important; } .wp-block-table.is-style-regular table td:first-child { font-weight: 600; padding-right: 2em; text-align: right; vertical-align: baseline; } .wp-block-table.is-style-regular table tr:last-child td { border-bottom: none !important; } .wp-block-table.is-style-stripes table {} .wp-block-table.is-style-stripes table, .wp-block-table.is-style-stripes table th, .wp-block-table.is-style-stripes table td { /*border-width: var(--table-border-width, 2px) !important; border-style: var(--table-border-style, solid) !important;*/ border: none !important; border-collapse: inherit; border-spacing: 2px; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: rgba(0,0,0,0.00) !important; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background-color: rgba(156,169,134,0.20); border-radius: 1px; } .wp-block-table.is-style-stripes tbody tr:nth-child(even) td { background-color: rgba(156,169,134,0.10); border-radius: 1px; } .single-minerva .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background-color: rgba(115,102,138,0.20); } .single-minerva .wp-block-table.is-style-stripes tbody tr:nth-child(even) td { background-color: rgba(115,102,138,0.10); } /* Header __________________________________________________________________________________*/ #header [data-row*='top'] { pointer-events: none; } #header [data-row*='top'] ul { pointer-events: all; } #header [data-row*='middle'] { } @media (min-width: 1000px) { body:not(.home) .site-branding { /* Stile für das Logo auf nicht Startseite */ transform: scale(50%) translateY(-380px); } } body.home h1.page-title { display: none;} /* Menü __________________________________________________________________________________*/ @media screen and (max-width: 1360px) and (min-width: 1201px) { #header-menu-1 { margin-right: 0 !important; } [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a, [data-header*="type-1"] .ct-header [data-id="menu-secondary"] > ul > li > a { font-size: 0.8em; padding-right: 24px; padding-left: 24px; } } @media screen and (max-width: 1200px) and (min-width: 1000px) { [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a, [data-header*="type-1"] .ct-header [data-id="menu-secondary"] > ul > li > a { padding-right: 16px; padding-left: 16px; font-size: 0.75em; } } /* Startseite __________________________________________________________________________________*/ @media (max-width: 767px) { } @media (min-width: 768px) { } /* allgemeine Inhalte __________________________________________________________________________________*/ /* Footer __________________________________________________________________________________*/ body:not(.home) .hide-if-not-home { display: none; } footer { z-index: 9; margin-top: -280px; } footer [data-row=middle] { padding-top: 11vw; } /* Stackable Blocks __________________________________________________________________________________*/ .stackable-container { padding-top: calc(12vh + 120px); padding-bottom: calc(12vh + 120px); } .stackable-container.last, body.archive main .ct-container, body.post-template-default main .ct-container { padding-top: 12vh; padding-bottom: calc(12vh + 320px); } /* Plugins __________________________________________________________________________________*/ /* Gutenberg -------------------------------------*/ /* Blocksy -------------------------------------*/ .ct-shortcuts-container { z-index: 99 !important; } .ct-shortcuts-bar-items, [data-header*="type-1"] #offcanvas { backdrop-filter: blur(6px); } #offcanvas .sub-menu .ct-menu-link:not(:empty) { padding: 0.5em 0; font-size: 0.875em; } #offcanvas .sub-menu .sub-menu .ct-menu-link:not(:empty) { padding: 0.5em 0; font-size: 0.875em; } /* Events Calendar -------------------------------------*/ /* Zelle */ table td, .css-events-list table.events-table td { border: none !important; padding: 1em 1em; vertical-align: baseline; } tr.veranstaltung h5 { padding-bottom: 0 !important; margin-bottom: 0 !important; } tr.veranstaltung { background-color: rgba(255,255,255,0.30);} tr.veranstaltung:nth-child(odd) { background-color: rgba(255,255,255,0.50); } tr.veranstaltung:hover { background-color: rgba(255,255,255,0.70) !important; } tr.veranstaltung > td:first-child { white-space: nowrap; } /* Complianz -------------------------------------*/ #cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown p, #cmplz-document li, #cmplz-document p, #cmplz-document td { font-size: 1rem; } #cmplz-document.impressum h2, #cmplz-document.impressum h3 { font-size: 1.5rem; margin-top: 1.5em; margin-bottom: 0 !important; color: var(--paletteColor3) !important; opacity: 1; } #cmplz-document a { text-decoration: none; } #cmplz-document b { font-weight: 700; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { text-align: center; } /* JetForms -------------------------------------*/ .jet-form-builder__field:not(.checkboxes-field):not(.radio-field):not(.range-field) { background-color: rgba(255,255,255,0.50); border: none; } .jet-form-builder__field-label.for-checkbox>span::before { background-color: #fff; } .jet-form-builder__field-label.for-checkbox :checked+span::before { border-color: var(--paletteColor1) !important; background-color: var(--paletteColor1) !important; } .jet-form-builder [type='text'], .jet-form-builder [type='password'], .jet-form-builder [type='date'], .jet-form-builder [type='datetime'], .jet-form-builder [type='datetime-local'], .jet-form-builder [type='month'], .jet-form-builder [type='week'], .jet-form-builder [type='email'], .jet-form-builder [type='number'], .jet-form-builder [type='search'], .jet-form-builder [type='tel'], .jet-form-builder [type='time'], .jet-form-builder [type='url'], .jet-form-builder [type='color'], .jet-form-builder textarea { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 15px !important; padding-left: 9px !important; border-radius: 3px !important; background-color: rgba(255,255,255,0.50) !important; box-shadow: 0 0 0 !important; border: 0px solid var(--paletteColor3) !important; } .jet-form-builder input[required], .jet-form-builder textarea[required], .jet-form-builder select[required]{ border: 0px solid var(--paletteColor1) !important; background-color: rgba(255,255,255,0.90) !important; } .jet-form-builder input:focus, .jet-form-builder textarea:focus { background-color: rgba(255,255,255,1.00) !important; color: #000; border: 1px solid var(--paletteColor1) !important; box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11) !important; transform: scale(1.01); } /* Uploadfläche */ input#upload { background: 100% !important; background: rgba(255,255,255,0.8) !important; border: var(--paletteColor1) 3px dashed !important; border-radius: 6px !important; padding: 90px 30px 30px 30px !important; width: 100% !important; position: relative; } input#upload:after { content: 'Daten per Drag&Drop in das Feld ziehen \A oder per Dateimanager auswählen.'; position: absolute; left: 30px; margin-top: -3em; font-size: 1.2em; max-width: 100%; word-break: break-all; } /* Label inline */ .jet-form-builder .field-type-text-field, .jet-form-builder .field-type-textarea-field { margin-top: -12px !important; } .jet-form-builder .field-type-text-field label, .jet-form-builder .field-type-textarea-field label { z-index: 2; bottom: -35px; left: 16px; position: relative; pointer-events: none; } .jet-form-builder .field-type-text-field:focus-within label, .jet-form-builder .field-type-textarea-field:focus-within label, .jet-form-builder .input-filled label { bottom: -25px; left: 8px; color: rgb(0 0 0 / 0.5) !important; font-size: 0.7em !important; } .jet-sm-gb-b568fc13-f070-4a8b-bb12-b039ef493376 .checkradio-wrap { display: flex; justify-content: center; } .jet-form-builder__field-wrap.checkradio-wrap:not(:first-child) { padding-top: 0 !important; } .jet-form-builder__desc { margin-top: 0.5em; } .jet-form-builder .jet-container.plz-ort { display: flex; flex-wrap: wrap; flex-direction: row; padding: 0; } .jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(2) { width: 27% !important; margin-right: 3%; } .jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(3) { width: 70% !important; } .jet-form-builder .jet-form-builder__desc { line-height: 1.3em; } /* Kali Forms -------------------------------------*/ .kaliforms-form-container div.col-12 { margin-bottom: 6px !important; } @media (min-width: 768px) { .kaliforms-form-container .col-md-3:first-child, .kaliforms-form-container .col-md-4:first-child, .kaliforms-form-container .col-md-5:first-child, .kaliforms-form-container .col-md-6:first-child, .kaliforms-form-container .col-md-7:first-child, .kaliforms-form-container .col-md-8:first-child { padding-left: 15px !important; } .kaliforms-form-container .col-md-3, .kaliforms-form-container .col-md-4, .kaliforms-form-container .col-md-5, .kaliforms-form-container .col-md-6, .kaliforms-form-container .col-md-7, .kaliforms-form-container .col-md-8 { padding-right: 3px !important; padding-left: 3px !important; } .kaliforms-form-container .col-md-3:not(:first-child) label, .kaliforms-form-container .col-md-4:not(:first-child) label, .kaliforms-form-container .col-md-5:not(:first-child) label, .kaliforms-form-container .col-md-6:not(:first-child) label, .kaliforms-form-container .col-md-7:not(:first-child) label, .kaliforms-form-container .col-md-8:not(:first-child) label { margin-left: -10px !important; } .kaliforms-form-container .col-md-3:last-child, .kaliforms-form-container .col-md-4:last-child, .kaliforms-form-container .col-md-5:last-child, .kaliforms-form-container .col-md-6:last-child, .kaliforms-form-container .col-md-7:last-child, .kaliforms-form-container .col-md-8:last-child{ padding-right: 15px !important; } } .kaliforms-form-container .row div[class^="col-"], .kaliforms-form-container .row div[class*=" col-"] { margin-bottom: 0px; } .kaliforms-form-container hr { height: 5px; background-color: transparent; margin: 0.25em 0 !important; } .kaliforms-form-container label:not(.checkbox-label):not(.radio-label) { position: absolute; z-index: 2; font-size: 14px !important; top: 4px; left: 25px; } .filepond--drop-label.filepond--drop-label label { position: relative; top: inherit; left: inherit; } .kaliforms-form-container label { color: var(--theme-palette-color-3) !important; } .kaliforms-form-container .col-12:focus-within label:not(.checkbox-label):not(.radio-label), .kaliforms-form-container .col-12 label.input-filled { transform: translateY(-2px) translateX(0px); transform-origin: top left; color: rgb(0 0 0 / 0.5) !important; font-size: 0.7em !important; } .kaliforms-form-container [type='freeText'] { color: var(--theme-palette-color-3); } .kaliforms-form-container textarea { min-height: 250px;} .kaliforms-form-container textarea:focus { position: relative; } .kaliforms-form-container [type='text'], .kaliforms-form-container [type='password'], .kaliforms-form-container [type='date'], .kaliforms-form-container [type='datetime'], .kaliforms-form-container [type='datetime-local'], .kaliforms-form-container [type='month'], .kaliforms-form-container [type='week'], .kaliforms-form-container [type='email'], .kaliforms-form-container [type='number'], .kaliforms-form-container [type='search'], .kaliforms-form-container [type='tel'], .kaliforms-form-container [type='time'], .kaliforms-form-container [type='url'], .kaliforms-form-container [type='color'], .kaliforms-form-container textarea, .kaliforms-form-container #kali-stripe-iban-element, .kaliforms-form-container #kali-stripe-card-element, .kali-forms-digital-signature { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 15px !important; padding-left: 9px !important; border-radius: 3px !important; background-color: rgba(255,255,255,0.55) !important; box-shadow: 0 0 0 !important; border: 1px solid rgba(0,0,0,0.00) !important; } .kali-forms-digital-signature { padding: 0 !important; } .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required], .kali-forms-digital-signature { border: 1px solid var(--theme-palette-color-7) !important; background-color: var(--theme-palette-color-7) !important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus, .kali-forms-digital-signature:hover { background-color: var(--theme-palette-color-7) !important; color: #000; border: 1px solid var(--theme-palette-color-2) !important; box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11) !important; transform: scale(1.01); } .kaliforms-form-container #optionale-angaben { font-size: 0.875em; } .kaliforms-form-container .checkbox-label input { display: inline-block ; } .kaliforms-form-container .checkbox-label span { overflow-y: visible !important; } .kaliforms-form-container .checkbox-label span:nth-of-type(2){ margin-left: 33px; margin-bottom: 25px; } .kaliforms-form-container [type='submit'], .kaliforms-form-container [type='button'] { float: right !important; } div[id^="kaliforms-thank-you"] { background-color: rgba(219,229,191,1.00); border-radius: 3px; padding: 2em; margin-top: 2em; } div[id^="kaliforms-thank-you"] h2 { font-size: 1.6em; font-weight: 600; } /* Anpassung Radio-Button */ .kaliforms-form-container label.radio-label, .kaliforms-form-container label.checkbox-label { display: flex; flex-direction: row; } .kaliforms-form-container input[type="radio"]{ position: relative; margin-top: 5px !important; -webkit-appearance: none; appearance: none; margin: 0; color: var(--theme-palette-color-2); width: 1.15em; height: 1.15em; border: 0.15em solid currentColor; border-radius: 50%; transform: translateY(-0.075em); display: grid; place-content: center; } .kaliforms-form-container input[type="radio"]::before { content: ""; width: 0.65em; height: 0.65em; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--theme-palette-color-2); background-color: CanvasText; } .kaliforms-form-container input[type="radio"]:checked::before { transform: scale(1); } .kaliforms-form-container input[type="radio"]:focus { outline: max(2px, 0.15em) solid var(--theme-palette-color-2); outline-offset: max(2px, 0.15em); } /* Anpassung Checkbox */ .kaliforms-form-container label.checkbox-label {margin-top: 1em; } .kaliforms-form-container input[type="checkbox"] { -webkit-appearance: none; appearance: none; background-color: var(--form-background); margin: 0; font: inherit; color: currentColor; width: 1.15em; height: 1.15em; border: 0.15em solid currentColor; border-radius: 0.15em; transform: translateY(-0.075em); display: grid; place-content: center; } .kaliforms-form-container input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--theme-palette-color-2); /* Windows High Contrast Mode */ background-color: CanvasText; } .kaliforms-form-container input[type="checkbox"]:checked::before { transform: scale(1); } .kaliforms-form-container input[type="checkbox"]:focus { outline: max(2px, 0.15em) solid currentColor; outline-offset: max(2px, 0.15em); } .kaliforms-form-container input[type="checkbox"]:disabled { color:var(--theme-palette-color-6); cursor: not-allowed; } /* Animationen __________________________________________________________________________________*/ input, textarea, input[type=submit], select, label, .linktext, .ugb-card__image, .ugb-card__description, .ugb-card .ugb-card__subtitle, .ugb-card .ugb-card__title, tr, .kali-forms-digital-signature { transition: all 0.3s ease !important; }