/* Theme Name: Uncode Child - wagnergraphics Description: Child theme for Uncode theme Author: Undsgn™ Author URI: https://www.wagnergraphics.de Template: uncode Version: 1.0.0 Text Domain: uncode Farben Grün: #53AF32; /* Fonts */ @font-face{ font-family: 'BwStretch-Bold'; src: url('fonts/bw-stretch/BwStretch-Bold.eot'), url('fonts/bw-stretch/BwStretch-Bold.woff') format('woff2'), url('fonts/bw-stretch/BwStretch-Bold.woff') format('woff'); } /* sura-regular - latin */ @font-face { font-family: 'Sura'; font-style: normal; font-weight: 400; src: url('fonts/sura-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/sura-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/sura-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/sura-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/sura-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/sura-v15-latin-regular.svg#Sura') format('svg'); /* Legacy iOS */ } /* sura-700 - latin */ @font-face { font-family: 'Sura'; font-style: normal; font-weight: 700; src: url('fonts/sura-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/sura-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/sura-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/sura-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/sura-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/sura-v15-latin-700.svg#Sura') format('svg'); /* Legacy iOS */ } /* Selection bei dunklem Style */ .style-dark ::-moz-selection, .style-dark ::selection { background: #00933A !important; } .style-dark a:not(.btn) { color: #fff !important; } /* Blur bei Overlay */ .box-container.overlay-open, html.pum-open-overlay .box-wrapper { -webkit-filter: blur(5px) !important; -moz-filter: blur(5px) !important; -o-filter: blur(5px) !important; -ms-filter: blur(5px) !important; filter: blur(5px) !important; } .small { font-size: 12px !important; line-height: 1.2em !important; margin-top: 0.5em; color: #555 !important; } /*Tabs*/ .nav-tabs > li > a span { font-size: 14px !important; font-weight: 700; } .tab-pane { padding-top: 2em; } @media all and (max-width: 640px) { /* Rückt auf Smartphone die Ränder links und rechts wieder kleiner */ .main-container .row-container .single-h-padding, .main-container .row-container .no-h-padding { padding-left: 18px !important; padding-right: 18px !important; } .single-block-padding, .double-block-padding, .triple-block-padding, .quad-block-padding { padding-left: 18px; padding-right: 18px; } .quad-top-padding { padding-top: 24px; } .mobile-0 { padding-left: 0; padding-right: 0; } .mobile-1 { padding-left: 18px !important; padding-right: 18px !important; } div.wpcf7 { margin: 0; padding: 0 1em; } } @media (max-width: 959px){} @media (min-width: 960px) and (max-width: 1180px){} @media (min-width: 960px) {} .style-light b, .style-light strong { font-weight: 600; color: #000 !important; } /*p { hyphens: auto; }*/ h1, h2, h3, h4, ul, li {hyphens: none; } hr { margin: 4em 0; } .style-light hr { border-color: rgba(0,0,0,0.25); } .zentriert { text-align: center; } .floating-heading{ position: absolute !important; top: 10%; left: 0; z-index: 99;} .blocksatz p { text-align: justified; } .tmb .t-entry-text-tc:not(.no-block-padding) .t-entry > *:first-child { font-size: 20px; text-transform: uppercase; font-weight: 400; } /* Header Text */ .style-dark h1.header-title, .style-dark .schatten h1 { text-shadow: 4px 4px 8px rgba(0,0,0,0.5) !important; } /* Liste */ ul.icons { margin: 0 0 0 2.6em; } ul.icons li .fa { margin-left: -1.8em; } ul.icons li ul li .fa { color: #FFF200 !important; } /* Such-Overlay */ .overlay.style-dark-bg { background-color: rgba(0,0,0,0.95) !important; } /* Scroll-Navigation */ .no-touch .onepage-pagination .cd-dot { background-color: #53AF32; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); transform: scale(1.2); } /* Formular - Caldera*/ .caldera-grid label { font-weight: 400 !important; font-size: 14px !important; } .caldera-grid .btn { float: right;} .caldera-grid hr { margin-top: 40px !important; margin-bottom: 50px !important; border-top: 1px solid #999 !important; } .caldera-grid textarea.form-control { box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07); } .caldera-grid textarea.form-control, .caldera-grid .required input { border: 1px solid #53AF32; } /* Blognavigation unter Single Post */ .row-navigation.row-navigation-light { background-color: #eaf2e1 !important; border: none !important; font-size: 1.5em !important; } .row-navigation.row-navigation-light .btn-link { font-size: 14px; } .row-navigation.row-navigation-light .nav-back .btn-link { font-size: 18px; } /* Footer */ .site-footer p, .site-footer li, .site-footer dt, .site-footer dd, .site-footer dl, .site-footer address, .site-footer label, .site-footer small, .site-footer pre, .site-footer code { font-size: 1.125em; } footer .style-light a, footer .style-light h6 { color: #141618 !important; } footer p { margin: 0.5em 0 0; } footer li { margin: 0.5em 0 0; } footer .text-lead > * { margin: 16px 0px 0px 0px !important; } .style-dark a:not(.btn-text-skin):hover { color:#999; } footer ul.menu { list-style: none !important; padding: 0px !important; } footer ul.menu li { font-size: 1em; } footer i { margin-right: 9px; } footer i.fa-home { margin-right: 7px;} footer i.fa-lock { margin-left: 2px;} /* Social Media Footer */ footer .footer-center { padding-top: 60px; padding-bottom: 60px; } /* Kolumnen */ .kolumnen { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-gap: 8em; /* Chrome, Safari, Opera */ -moz-column-gap: 8em; /* Firefox */ column-gap: 8em; -webkit-column-rule: 1px solid rgba(0,0,0,0.25); -moz-column-rule: 1px solid rgba(0,0,0,0.25); column-rule: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; margin-top: 2rem; } .style-dark .kolumnen { -webkit-column-rule: 1px solid rgba(255,255,255,0.5); -moz-column-rule: 1px solid rgba(255,255,255,0.5); column-rule: 1px solid rgba(255,255,255,0.5); } .kolumnen p { display: block; hyphens: auto; text-align: justify; } .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3{ -webkit-column-count: auto !important; /* Chrome, Safari, Opera */ -moz-column-count: auto !important; /* Firefox */ column-count: auto !important; -webkit-column-width: 2200px; -moz-column-width: 2200px; column-width: 2200px; } /* 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; border: none; } .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(--paletteColor3) !important; } .kaliforms-form-container .col-12:focus-within label:not(.checkbox-label) { 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(--paletteColor3); } .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 { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 15px !important; padding-left: 9px !important; border-radius: 3px !important; background-color: rgba(84,175,50,0.10) !important; box-shadow: 0 0 0 !important; border: 1px solid rgba(0,0,0,0.00) !important; } .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { border: 1px solid var(--paletteColor1) !important; background-color: rgba(84,175,50,0.20) !important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus { background-color: var(--paletteColor7) !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); } .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; } /* Animationen ---------------------------------------------------------------------------------------------------------------------------*/ tr, td, a, input, textarea, label { transition: all 0.4s ease; } /* ---------------------------------------------- * Generated by Animista on 2020-2-16 11:26:0 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ .jello-horizontal {animation:jello-horizontal .9s 2s 2 both} /* ---------------------------------------------- * Generated by Animista on 2020-2-16 11:30:58 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}