/** * Theme Name: Blocksy Child * Description: Blocksy Child theme * Author: Creative Themes * Template: blocksy * Text Domain: blocksy */ /* Farben: Gelb: #f8d901 --background-color: var(--theme-palette-color-1); --qubely-color-1: var(--theme-palette-color-1, #f8d901); --qubely-color-2: var(--theme-palette-color-2, #434343); --qubely-color-3: var(--theme-palette-color-3, #e4e4e4); --qubely-color-4: var(--theme-palette-color-4, #706f6f); --qubely-color-5: var(--theme-palette-color-5, #ffffff); Grau: */ html { overflow-y: visible !important; overflow-x: clip !important; } /* kann nach nächsten Update wieder weg __________________________________________________________________________________*/ /* Header __________________________________________________________________________________*/ @media (min-width: 1000px) { body.home .site-logo-container { margin-bottom: -100px; } } @media (max-width: 768px) { .qubely-block-d44831.qubely-section { background-position: 75% 0% !important; } } @media (min-width: 769px) and (max-width: 999px) { .qubely-block-d44831.qubely-section { background-position: 85% 0% !important; } } /* Menü __________________________________________________________________________________*/ .linktext { margin-left: 1em; } @media (min-width: 1000px) { #header-menu-1 a .linktext { position: absolute; top: 50px; opacity: 0; letter-spacing: 0em ; } #header-menu-1 a:hover .linktext { position: absolute; opacity: 0.8; letter-spacing: 0.1em; } } #offcanvas > section { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } /* lose und freie Klassen __________________________________________________________________________________*/ .kolumnen > .qubely-column-inner{ column-count: 2; column-width: 300px; column-gap: 8em; column-rule: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; margin-top: 2rem; display: block; hyphens: auto; text-align: justify; } .full-width, .full-width a { width: 100%; } .hoverbox { border-radius: 10px; background: rgba(255,255,255,0.0); } .hoverbox:hover { box-shadow: 0 0 64px rgba(0,0,0,0.15); transition: all 1s ease !important; background: rgba(255,255,255,0.91); } .schatten { 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); } .schatten-lang { box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); } .border-top { border-top: 5px solid #fff; } /* Footer __________________________________________________________________________________*/ footer { border-top:5px solid #fff; } footer a { color: #fff; } footer a:hover { color: var(--theme-palette-color-1); } ul#menu-footer { padding-left: 0 !important; } ul#menu-footer li { font-size: 0.75em !important; border-right: none !important; } ul#menu-footer { list-style: none !important; } @media (min-width: 480px) { ul#menu-footer { list-style: none; float: right; margin-bottom: 0; } ul#menu-footer li { text-transform: uppercase; float: left; padding: 0 15px; border-right: 1px solid rgba(255,255,255,0.50); } ul#menu-footer li:last-child { padding-right: 0; border-right: none; } } /* Quebely Blocks __________________________________________________________________________________*/ /* Listen -------------------------------------*/ li.qubely-list-li { display: flex !important; align-items: flex-start; } span.qubely-list-item-icon { flex: 0 0 1em; line-height: inherit; } /* Plugins __________________________________________________________________________________*/ /* 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.5em 0 !important; } .kaliforms-form-container label:not(.checkbox-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: color: #000000; !important; } .kaliforms-form-container .col-12:focus-within label:not(.checkbox-label), .kaliforms-form-container .col-12 label.input-filled { transform: translateY(-4px) translateX(-2px) !important; transform-origin: top left; color: rgb(0 0 0 / 0.4) !important; } .kaliforms-form-container [type='freeText'] { color: #000000; } .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 { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 15px !important; padding-left: 9px !important; box-shadow: 0 0 0 !important; border: 0px solid #fff !important; background-color: rgba(0,0,0,0.05)!important; } .kaliforms-form-container textarea { min-height: 250px;} .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { background-color: rgba(0,0,0,0.15)!important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus { background-color: hsla(0,0%,100%,1.00) !important; color: #000; box-shadow: 2px 2px 12px -4px #000000 !important; transform: scale(1.01); backdrop-filter: blur(6px); -webkit-box-shadow: 2px 2px 12px -4px #000000; } .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; } /* WP Featherlight -------------------------------------*/ .featherlight:last-of-type { background-color: var(--theme-palette-color-1) !important; } /* if backdrop support: very transparent and blurred */ @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) { .featherlight:last-of-type { background-color: rgba(248, 217, 1, 0.7) !important; backdrop-filter: blur(15px); } } .featherlight .featherlight-content .caption { font-size: 13px; white-space: nowrap; } /* Animationen __________________________________________________________________________________*/ input, textarea, input[type=submit], select, .linktext { transition: all 0.4s ease !important; }