/** * 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 */ @media (max-width: 999px) {} /* Header __________________________________________________________________________________*/ /* Menü __________________________________________________________________________________*/ /* lose und freie Klassen __________________________________________________________________________________*/ h1 { margin-bottom: 0.75em !important; } h2 { margin-bottom: 0.75em !important; } h3 { margin-bottom: 1em !important; } h4 { margin-bottom: 1em; } h5 { margin-bottom: 1em; } hr {margin: 80px auto !important; } b, strong { font-weight: 700; } p { margin-bottom: 0.5em !important; } .blocksatz { text-align: justify; hyphens: auto } .drehung1 {transform: rotate(-3deg);} .drehung2 {transform: rotate(-6deg);} .drehung3 {transform: rotate(-12deg);} .drehung4 {transform: rotate(-20deg);} .drehung-1 {transform: rotate(3deg);} .drehung-2 {transform: rotate(6deg);} .drehung-3 {transform: rotate(12deg);} .drehung-4 {transform: rotate(20deg);} .kolumnen { column-count: 2; column-width: 300px; column-gap: 6em; column-rule: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; margin-top: 2rem; display: block; hyphens: auto; text-align: justify; } .kolumnen.weiss { column-rule: 1px solid rgba(255,255,255,1.00); } .kolumnen h1 { margin-top: -20px !important; margin-bottom: 0; padding-bottom:0; } .margin-bottom-0 { margin-bottom: 0 !important; } .wp-block-image img, .blocks-gallery-item img { border-radius: 3px !important; } /* Startseite __________________________________________________________________________________*/ @media (max-width: 767px) { .karo1, .karo2, .karo3 { width: 150vw !important; } } @media (min-width: 768px) { .karo1, .karo2, .karo3 { width: 70vw !important; } } .karo1 { right: -25vw; top: -38% } .karo2 { right: -10vw; top: -40%; } .karo3 { right: -35vw; top: -25%; } .wp-block-stackable-columns { overflow-y: visible !important; overflow-x: clip !important; } .tpgb-flipbox .flip-box-inner { padding: 12px; overflow: visible !important; } /* Footer __________________________________________________________________________________*/ /* Stackable Blocks __________________________________________________________________________________*/ .wp-block-stackable-icon-list li { line-height: 1.3; margin-bottom: 1em; } /* Plugins __________________________________________________________________________________*/ /* The Plus Blocks -------------------------------------*/ .tpgb-scroll-nav.scroll-view.show { width: auto; } /* 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(--theme-palette-color-3) !important; opacity: 1; } #cmplz-document a { text-decoration: none; } #cmplz-document b { font-weight: 700; } /* Sharif Wrapper -------------------------------------*/ .ShariffHeadline { float: left; margin: 0.4em 1em 0 0; } /* 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) { 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), .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 !important;} .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; border-radius: 3px !important; background-color: rgba(227,231,227,0.25) !important; box-shadow: 0 0 0 !important; border: 1px solid rgba(227,231,227,0.0) !important; } .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { border: 1px solid rgba(119,141,122,0.00) !important; background-color: rgba(227,231,227,0.75) !important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus { background-color: rgba(255,255,255,0.50) !important; color: #000; border: 1px solid var(--theme-palette-color-1) !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; } /* 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 { transition: all 0.3s ease !important; }