/* Pixelmate CSS */ /* General Banner */ .pixelmate-general-banner-wrapper { position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); width: 100vw; height: 100vh; z-index: 999997; padding: 0px; } .pixelmate-general-banner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 80vw; background-color: white !important; padding: 24px 24px 12px 24px !important; z-index: 999998; z-index: 2147483646; border-radius: 4px; overflow-y: scroll; max-height: 100vh; } @media only screen and (min-width: 1024px) { .pixelmate-general-banner-wrapper { padding: 0px; } .pixelmate-general-banner { width: 90vw; max-width: 450px; overflow-y: scroll; max-height: 100vh; } } .pixelmate-lang { width: 100%; text-align: center; } .pixelmate-lang a { color: rgba(0,0,0,1) !important; } .pixelmate-lang a:hover { color: rgba(0,0,0,0.7) !important; } .pixelmate-general-btns { box-sizing: border-box; padding: 24px 0px 12px 0px; text-align: center; } .pixelmate-general-btns button, .pixelmate-general-banner a { cursor: pointer; } .pixelmate-general-allow { margin-bottom: 12px !important; width: 100%; font-size: 15px; } .pixelmate-general-allow:hover { opacity: 0.6 !important; text-decoration: none !important; } .pixelmate-general-single, .pixelmate-general-deny { padding: 6px; font-size: 15px !important; width: 100%; } .pixelmate-general-deny:hover, .pixelmate-general-single:hover, .pixelmate-general-dse-btn:hover, .pixelmate-general-imp-btn:hover { opacity: 0.6 !important; text-decoration: none !important; } .pixelmate-general-footer { text-align: center !important; } /* Banner alt-bottom */ .pixelmate-general-banner-alt-bottom { } .pixelmate-banner-content-bottom { display: block !important; align-items: center; text-align: center; } .pixelmate-general-notice-bottom { text-align: left; } .pixelmate-banner-notice-bottom h3 { font-size: 16px; margin: 0px; padding: 0px; } .pixelmate-general-notice-bottom { font-size: 14px; line-height: 1em; padding: 6px 12px 0px 6px; } .pixelmate-general-deny-bottom { padding: 12px 12px !important; border: none !important; font-size: 14px !important; white-space: nowrap; cursor: pointer; } .pixelmate-general-single-bottom { padding: 6px 12px 18px 12px !important; border: none !important; font-size: 14px !important; white-space: nowrap; cursor: pointer; } .pixelmate-general-allow-bottom { white-space: nowrap; font-size: 14px !important; cursor: pointer; } .pixelmate-general-allow-bottom:hover, .pixelmate-general-deny-bottom:hover, .pixelmate-general-single-bottom:hover { opacity: 0.6; font-size: 14px !important; } .pixelmate-general-dse-btn, .pixelmate-general-imp-btn { font-size: 13px !important; } @media only screen and (min-width: 1024px) { .pixelmate-banner-content-bottom { display: flex !important; align-items: center; text-align: left; } .pixelmate-general-single-bottom { padding: 12px 12px !important; } } /* Ga Banner */ .pixelmate-ga-wrapper, .pixelmate-fb-wrapper { position: fixed; top: 0px; left: 0px; z-index: 999990; width: 100vw; height: 100vh; overflow: scroll; background: rgba(0,0,0,0.6); } .pixelmate-ga-banner, .pixelmate-fb-banner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); width: 350px; background-color: white !important; padding: 24px 24px 12px 24px !important; z-index: 999998; border-radius: 4px; } .pixelmate-ga-notice, .pixelmate-fb-notice { font-size: 16px !important; line-height: 1.3em !important; } .pixelmate-ga-btns, .pixelmate-fb-btns { text-align: right; margin: auto; margin-top: 12px; } .pixelmate-ga-btns button, .pixelmate-fb-btns button { border: none !important; background-color: white; color: #00BFA5 !important; cursor: pointer; } .pixelmate-ga-btns button:hover, .pixelmate-fb-btns button:hover { background-color: white !important; opacity: 0.6; } .pixelmate-dse-imp { position: fixed; bottom: 12px; right: 24px; text-align: right; color: white; z-index: 999999; } .pixelmate-dse-imp a { color: white !important; text-shadow: 0px 0px 5px black; text-decoration: underline; } .pixelmate-dse-imp a:hover { opacity: 0.7; } .pixelmate-cookies { font-size: 13px !important; line-height: 1em; margin-top: 12px; max-height: 75px; overflow-y: scroll; overflow-x: hidden; padding: 6px; border: 1px solid rgba(0,0,0,0.3); } .pixelmate-cookies::-webkit-scrollbar { width: 1em; } .pixelmate-cookies::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .pixelmate-cookies::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } .pixelmate-revoke { position: fixed; bottom: 0px; left: 60px; padding: 0px 12px !important; background-color: white; color: black; border: none !important; z-index: 999990; border-radius: 4px 4px 0px 0px; } /* YouTube, Vimeo, GMaps, Webinaris */ .pixelmate-cleaner { text-align: centerM } .pixelmate-s-banner-consent-wrapper, .pixelmate-youtube-consent-wrapper, .pixelmate-gmaps-consent-wrapper, .pixelmate-vimeo-consent-wrapper, .pixelmate-webinaris-consent-wrapper, .pixelmate-twitter-consent-wrapper, .pixelmate-libsyn-consent-wrapper { background-color: rgba(0,0,0,0.03); padding: 24px 24px 24px 24px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); margin: 12px; border-radius: 4px; max-width: 350px; margin: auto; margin-bottom: 12px; } .pixelmate-s-banner-consent, .pixelmate-youtube-consent, .pixelmate-gmaps-consent, .pixelmate-vimeo-consent, .pixelmate-webinaris-consent, .pixelmate-twitter-consent, .pixelmate-libsyn-consent { display: flex; } .pixelmate-s-banner-consent .flex-left, .pixelmate-youtube-consent .flex-left, .pixelmate-vimeo-consent .flex-left, .pixelmate-webinaris-consent .flex-left, .pixelmate-libsyn-consent .flex-left { position: absolute; top: 12px; left: 12px; } .pixelmate-youtube-icon { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxoAAACyCAYAAADF57lMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCREY5NTlFODg0ODExRTdBQTVFOEM2RTA4NUZCRTk5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCREY5NTlGODg0ODExRTdBQTVFOEM2RTA4NUZCRTk5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkJERjk1OUM4ODQ4MTFFN0FBNUU4QzZFMDg1RkJFOTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkJERjk1OUQ4ODQ4MTFFN0FBNUU4QzZFMDg1RkJFOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vBVS9AABMXklEQVR42uyd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); width: 60px; height: auto; margin: 0px; } .pixelmate-s-banner-button-wrapper, .pixelmate-youtube-button-wrapper, .pixelmate-vimeo-button-wrapper, .pixelmate-webinaris-button-wrapper, .pixelmate-libsyn-button-wrapper { text-align: left; } .pixelmate-s-banner-button-wrapper a, .pixelmate-youtube-button-wrapper a, .pixelmate-gmaps-button-wrapper a, .pixelmate-vimeo-button-wrapper a, .pixelmate-webinaris-button-wrapper a, .pixelmate-libsyn-button-wrapper a { margin-left: 24px; } .pixelmate-s-banner-button-wrapper button:hover, .pixelmate-youtube-button-wrapper button:hover, aktivate-gmaps:hover, .pixelmate-vimeo-button-wrapper button:hover, .pixelmate-webinaris-button-wrapper button:hover, .pixelmate-libsyn-button-wrapper button:hover { opacity: 0.6 !important; } .pixelmate-integration-heading { margin: 0px 0px 6px 0px !important; font-size: 15px !important; font-weight: bold; } .pixelmate-integration-content, .pixelmate-youtube-content, .pixelmate-vimeo-content, .pixelmate-twitter-content, .pixelmate-gmaps-content, .pixelmate-libsyn-content { margin: 0px 0px 6px 0px !important; } .pixelmate-youtube-shortcode { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .pixelmate-youtube-shortcode iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube-shortcode-wrapper { position: relative; padding-bottom: 54.25%; /* 16:9 */ padding-top: 25px; height: 0; background-position: center center; background-size: 110%; } .youtube-shortcode-banner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background-image: linear-gradient(to top left, rgba(255,255,255,0.9), rgba(255,255,255,0.6)); padding: 24px; } .youtube-shortcode-banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 24px; max-width: 300px; background: rgba(255,255,255,0.6); border-radius: 4px; } .youtube-shortcode-header { font-size: 16px; font-weight: bold; padding-bottom: 6px; } .youtube-shortcode-text { line-height: 1em !important; padding: 12px 0px 12px 0px; font-size: 14px; } .activate-youtube-shortcode { background-color: #ff0000 !important; color: white !important; border: none !important; border-radius: 50px; font-weight: bold; padding: 12px 24px 12px 24px; cursor: pointer; } .youtube-shortcode-banner .pixelmate-youtube-button-wrapper { margin-top: 12px; text-align: center } .pixelmate-s-banner-content, .pixelmate-youtube-content, .pixelmate-vimeo-content, .pixelmate-libsyn-content { font-size: 15px !important; line-height: 1.3em; color: rgba(0,0,0,0.8) !important; } .pixelmate-s-banner-footer, .pixelmate-youtube-footer, .pixelmate-vimeo-footer, .pixelmate-gmaps-footer, .pixelmate-twitter-footer, .pixelmate-libsyn-footer { padding-top: 24px; color: rgba(0,0,0,0.6) !important; font-size: 12px; line-height: 1em; } .pixelmate-s-banner-footer a, .pixelmate-youtube-footer a, .pixelmate-vimeo-footer a, .pixelmate-gmaps-footer a, .pixelmate-twitter-footer a, .pixelmate-libsyn-footer a { color: rgba(0,0,0,0.6) !important; text-decoration: underline !important; } #pixelmate-calendly { text-align: center; padding: 24px; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); max-width: 350px; margin: auto; } #pixelmate-calendly button { background-color: rgb(77, 80, 85); color: white; padding: 12px 24px; border: none; margin-top: 12px; margin-bottom: 24px; } .pixelmate-xing-events { text-align: center; padding: 24px; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); max-width: 350px; margin: auto; } .pixelmate-xing-events button { background-color: rgb(77, 80, 85); color: white; padding: 12px 24px; border: none; margin-top: 12px; margin-bottom: 24px; } /* Shortcode DSE */ .pixelmate-dse { max-width: 1200px; } .pixelmate-dse-table td { background-color: white !important; border: none; vertical-align: middle; } .pixelmate-dse-btn { background-color: black; color: white; border-radius: 500px; border: none; padding: 6px 12px; } .pixelmate-dse-btn:hover { background-color: black !important; color: white !important; opacity: 0.6; cursor: pointer; } /* alternative Positions */ .pixelmate-wrapper-bottom { position: fixed; bottom: 0px; width: 100vw; background-color: white; z-index: 999999999; backface-visibility: hidden !important; } /* Erweiterte Einstellungen */ .settings-checkbox input { -webkit-appearance: checkbox; } .settings-banner-wrapper { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.3); z-index: 999999999; } .settings-banner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 550px; background-color: white; padding: 24px 36px 12px 36px; z-index: 999998; z-index: 2147483646; border-radius: 4px; width: 90vw; z-index: 999999999; } @media only screen and (min-width: 1024px) { .pixelmate-general-banner-wrapper { padding: 0px; } .pixelmate-general-banner { width: 90vw; max-width: 450px; } } .settings-banner-header { font-size: 24px; font-weight: bold; margin-bottom: 24px; } .settings-checkbox [type="checkbox"] { margin-right: 6px; } .settings-btn-wrapper { width: 100%; text-align: left; padding: 12px 0px 24px; } .settings-banner-footer { font-size: 14px; line-height: 1.2em; } .settings-checkbox input.apple-switch { position: relative; -webkit-appearance: none; outline: none; width: 50px; height: 30px; background-color: #fff; border: 1px solid #D9DADC; border-radius: 50px; box-shadow: inset -20px 0 0 0 #fff; margin-top: -6px; } .settings-checkbox input.apple-switch:after { content: ""; position: absolute; top: 1px; left: 1px; background: transparent; width: 26px; height: 26px; border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2); } .settings-checkbox input.apple-switch:checked { box-shadow: inset 20px 0 0 0 #4ed164; border-color: #4ed164; } .settings-checkbox input.apple-switch:checked:after { left: 20px; box-shadow: -2px 4px 3px rgba(0,0,0,0.05); } .settings-checkbox input.apple-switch-deaktivated:checked { opacity: 0.3; } .settings-checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; } .settings-checkbox input[type=checkbox]:focus { outline: 0; } .settings-checkbox #pixelmate-notwendig { opacity: 0.2; } .pix-toggle-wrapper { margin-top: 3px; } .pix-chev { transition: all 1s; } .pix-chev-down { transform: rotate(180deg); } .pix-toggle { height: 20px; width: 36px; border-radius: 16px; display: inline-block !important; position: relative !important; margin: 0; border: 2px solid rgba(0,0,0,0); background: rgba(0,0,0,0.2); transition: all 0.2s ease; box-sizing: border-box !important; } .pix-toggle:after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.6); transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); } .pix-toggle:checked { border-color: rgba(0,0,0,0) !important; background: #03a9f4 !important; } .pix-toggle:checked:after { transform: translatex(15px); background: white; } .pixelmate-table { border-collapse: unset !important; } .pixelmate-table tr { height: 48px; } .pixelmate-table td { background-color: rgba(0,0,0,0) !important; vertical-align: middle; border: none !important; border-bottom: 1px solid rgba(0,0,0,0.3) !important; padding: 6px 0px; } .pixelmate-table { border-top: 1px solid rgba(0,0,0,0.3) !important; } #pixelmate-settings { width: 600px; min-height: 400px; max-height: 90vh; color: rgba(0,0,0,0.7) !important; overflow: scroll; } .pixelmate-flex { display: flex; } .pixelmate-settings-form { border-radius: 8px; margin-top: 24px; max-height: 300px; overflow-y: scroll; border-bottom: 1px solid rgba(0,0,0,0.2); } .pixelmate-settings-essential, .pixelmate-settings-stats, .pixelmate-settings-ads, .pixelmate-settings-vids, .pixelmate-settings-else { background: rgba(0,0,0,0.02); padding: 12px; margin-bottom: 6px; border-radius: 8px; width: 100%; position: relative; } .pixelmate-settings-else { margin-bottom: 0px; } .pixelmate-settings-essential-h, .pixelmate-settings-stats-h, .pixelmate-settings-ads-h, .pixelmate-settings-vids-h, .pixelmate-settings-else-h { margin-left: 12px; font-size: 16px; font-weight: bold; line-height: 1,5em; } .pixelmate-settings-essential-text, .pixelmate-settings-stats-text, .pixelmate-settings-ads-text, .pixelmate-settings-vids-text, .pixelmate-settings-else-text { font-size: 14px; font-weight: 400; line-height: 1em; } .pixelmate-setting-items p { padding: 0px !important; } .pix-cookie-description { font-size: 14px; margin-bottom: 0px; line-height: 1em; } .pixelmate-settings-btns { display: flex; } .pixelmate-settings-btns .pixelmate-settings-save { margin-top: 24px; border-radius: 4px !important; border: none !important; color: white !important; background: #2196F3 !important; padding: 8px 16px; box-sizing: border-box !important; } .pixelmate-settings-btns .pixelmate-settings-reset { padding: 8px 16px !important; color: black; } .pixelmate-settings-footer { display: flex; margin-top: 24px; } .pixelmate-settings-footer div { flex-grow: 1; font-size: 14px; } @media (max-width: 768px) { #pixelmate-settings { width: 90vw; height: 90vh; margin: auto; } .pixelmate-flex { display: block; } .pixelmate-settings-essential-h, .pixelmate-settings-stats-h, .pixelmate-settings-ads-h, .pixelmate-settings-vids-h, .pixelmate-settings-else-h { margin-left: 0px; } } .settings-checkbox input.apple-switch { position: relative; -webkit-appearance: none; outline: none; width: 50px; height: 30px; background-color: #fff; border: 1px solid #D9DADC; border-radius: 50px; box-shadow: inset -20px 0 0 0 #fff; margin-top: -6px; } .settings-checkbox input.apple-switch:after { content: ""; position: absolute; top: 1px; left: 1px; background: transparent; width: 26px; height: 26px; border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2); } .settings-checkbox input.apple-switch:checked { box-shadow: inset 20px 0 0 0 #4ed164; border-color: #4ed164; } .settings-checkbox input.apple-switch:checked:after { left: 20px; box-shadow: -2px 4px 3px rgba(0,0,0,0.05); } .settings-checkbox input.apple-switch-deaktivated:checked { opacity: 0.3; } .settings-checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; } .settings-checkbox input[type=checkbox]:focus { outline: 0; } .settings-checkbox #pixelmate-essential, .pixelmate-single-essential-Cookie { opacity: 0.2; } .pixelmate-elementor-allow a:hover .pixelmate-elementor-deny a:hover .pixelmate-elementor-settings a:hover { cursor: pointer; } /*--------------------------------------------------------------------------------- Theme Name: Koji Text Domain: koji Version: 2.1 Description: Koji is a clean and lightweight theme for bloggers. It features a masonry grid on the archive pages, a beautiful and minimal design, Block Editor/Gutenberg support, widget areas in the sidebar and the footer, infinite scroll loading that can be set to load more posts on button click or when the visitor reaches the bottom of the page, settings for what post meta to display on archive pages and on single posts, icon links to social media pages, custom logo support, a search overlay that can be accessed from any page, and much more. Demo: https://andersnoren.se/themes/koji/ Tags: two-columns, left-sidebar, grid-layout, custom-background, custom-logo, editor-style, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio, footer-widgets, accessibility-ready, block-styles, wide-blocks Author: Anders Norén Author URI: https://andersnoren.se License: GNU General Public License version 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Theme URI: https://andersnoren.se/teman/koji-wordpress-theme/ Requires PHP: 5.4 Tested up to: 6.4 All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) ----------------------------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Structure 3. Site Header 4. Archive 5. Singular 6. Entry Content 7. Comments 8. Page Templates 9. Site Pagination 10. Site Footer 11. Media Queries ----------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* X. CSS Reset /* -------------------------------------------------------------------------------- */ html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td, figure, figcaption { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: inherit; text-align: inherit; } table { border-collapse:collapse; border-spacing:0; } blockquote:before, blockquote:after { content:""; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* Screen Reader Text */ .screen-reader-text { clip: rect( .1rem, .1rem, .1rem, .1rem ); height: .1rem; overflow: hidden; position: absolute !important; width: .1rem; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: .3rem; box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 ); clip: auto !important; color: #21759b; display: block; font-size: 1.4rem; font-weight: 700; height: auto; left: .5rem; line-height: normal; padding: 1.5rem 2.3rem 1.4rem; text-decoration: none; top: .5rem; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Skip Link */ .skip-link { background: #232D37; color: #fff; display: block; font-size: 1.6rem; font-weight: 700; padding: 1.4rem 1.6rem; position: absolute; left: -9999rem; top: 2.5rem; z-index: 999; } .skip-link:focus { left: 50%; transform: translateX( -50% ); text-decoration: none; } body.scroll-locked .skip-link { display: none; } /* -------------------------------------------------------------------------------- */ /* X. Document Setup /* -------------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ } html.html-locked.showing-admin-bar { margin: 0 !important; } @media ( max-width: 768px ) { html.html-locked.showing-admin-bar { padding-top: 46px !important; } } body { background: #F6F7F8; border: none; color: #232D37; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.6rem; } body.customizer-preview { transition: color .15s ease-in-out, background-color .15s ease-in-out; } body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-break: break-word; } *:first-child { margin-top: 0; } *:last-child { margin-bottom: 0; } body a { color: inherit; text-decoration: underline; } a:focus { text-decoration: underline; } .group:after, .gallery:after { clear: both; content: ""; display: block; } ::selection { background: #232D37; color: #FFF; } *::-webkit-input-placeholder { color: #68717b; } *:-ms-input-placeholder { color: #68717b; } *::-moz-placeholder { color: #68717b; } /* Fonts ------------------------------------- */ @font-face { font-family: 'Font Awesome 6'; font-style: normal; font-weight: normal; src: url(https://webshopagentur.de/wp-content/themes/koji/assets/font-awesome/fonts/fa-solid-900.woff2) format( 'woff2' ); } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: normal; src: url(https://webshopagentur.de/wp-content/themes/koji/assets/font-awesome/fonts/fa-brands-400.woff2) format( 'woff2' ); } /* -------------------------------------------------------------------------------- */ /* X. Structure /* -------------------------------------------------------------------------------- */ .section-inner { margin: 0 auto; width: calc( 100% - 6rem ); } /* -------------------------------------------------------------------------------- */ /* X. Element Base /* -------------------------------------------------------------------------------- */ p { line-height: 1.5; margin: 0 0 1em 0; } h1, h2, h3, h4, h5, h6 { font-weight: 600; letter-spacing: -0.005em; line-height: 1.3; margin: .75em 0 .4em; } h1 { font-size: 2.8rem; } h2 { font-size: 2.6rem; } h3 { font-size: 2.4rem; } h4 { font-size: 2.2rem; } h5 { font-size: 2.0rem; } h6 { font-size: 1.8rem; } em, i, q, dfn { font-style: italic; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } /* Separators ------------------------------------- */ hr { border: none; border-top: .2rem solid #E0E4E7; margin: 2em auto; } /* Lists ------------------------------------- */ ul, ol { margin: 0 0 1.25em 2em; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; margin: 1rem 0; } li > ul, li > ol { margin: 1rem 0 0 2rem; } .reset-list-style, ul.reset-list-style, .reset-list-style ul, .reset-list-style ol, ul.reset-list-style ul, ul.reset-list-style ol, .reset-list-style, ol.reset-list-style, .reset-list-style ul, .reset-list-style ol, ol.reset-list-style ul, ol.reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt { font-weight: 600; } dd + dt { margin-top: 1.5rem; } dd { line-height: 1.5; } /* Quotes ------------------------------------ */ blockquote { border-color: #DCDFE2; border-style: solid; border-width: 0 0 0 .2rem; margin: 0 0 1.25em 0; padding: .25em 0 .25em 1.5em; } blockquote p:last-of-type { margin-bottom: 0; } cite { display: block; font-size: 0.9em; font-style: normal; font-weight: 600; margin: 1em 0 0; } /* Code -------------------------------------- */ pre { overflow: auto; } code, kbd, pre, samp { font-family: Menlo, monospace; } kbd, pre, samp { background: #F0F1F2; border-radius: .2rem; font-size: .9em; padding: .4rem .6rem; } pre { border-radius: .4rem; line-height: 1.5; padding: 1em; } /* Media ------------------------------------- */ svg, img { display: block; } svg, img, embed, object { height: auto; max-width: 100%; } iframe { max-width: 100%; } .wp-caption { display: block; margin-bottom: 3rem; max-width: 100%; } .wp-caption img, .wp-block-image img { width: 100%; } .alignleft, .alignright { margin: .4rem 0 2rem 0; max-width: 50%; } .alignleft { float: left; margin-right: 2.5rem; } .alignright { float: right; margin-left: 2.5rem; } .wp-block-image .alignleft, .wp-block-image .alignright { width: 100%; } .aligncenter, .alignnone, .alignwide, .alignfull { margin: 3rem auto; } .alignfull, .alignwide { max-width: none; } .alignfull { position: relative; left: calc( 50% - 50vw ); width: 100vw; } .alignfull figcaption, .alignfull .wp-caption-text { padding: 0 5%; } figcaption, .entry-content figcaption, .wp-caption-text { color: #68717b; font-size: 1.4rem; font-weight: 500; margin: 1.5rem 0 0; } figcaption a, .wp-caption-text a { display: inline; } /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3rem -.5rem 2rem; padding: 0; } .gallery + .gallery { margin-top: -2rem; } .gallery .gallery-item { display: block; float: left; margin: 0 0 1rem; padding: 0 .5rem; position: relative; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery .wp-caption-text { display: none; } .gallery .gallery-item a { display: block; line-height: 0; } .gallery img { width: 100%; } /* Fieldset ------------------------------------ */ fieldset { border: .2rem solid #DCDFE2; padding: 1.5rem; } fieldset legend { color: #68717b; font-size: 1.4rem; font-weight: 600; padding: 0 1rem; } /* Inputs ------------------------------------ */ label { color: #68717b; display: block; font-size: 1.4rem; font-weight: 600; margin: 0 0 .8rem 0; } input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; max-width: 100%; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select, textarea { -webkit-appearance: none; -moz-appearance: none; background: #fff; border: .1rem solid #DCDFE2; border-radius: .4rem; box-shadow: none; display: block; margin: 0; max-width: 100%; padding: 1.6rem 1.8rem; transition: border-color .15s linear; width: 100%; word-break: normal; } input[type="file"] { font-size: 1.4rem; width: 100%; } textarea { height: 20rem; line-height: 1.5; width: 100%; } textarea:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus { border-color: #68717b; outline: none; } select { background: #fff url(https://webshopagentur.de/wp-content/themes/koji/assets/images/icons/chevron-down.svg) no-repeat; background-position: calc( 100% - 1.4rem ) center; border-radius: .2rem; border: .1rem solid #e1e1e5; font-family: inherit; font-size: 1.6rem; font-weight: 500; padding: 1.5rem 4rem 1.5rem 1.8rem; -webkit-appearance: none; width: 100%; } *::-webkit-input-placeholder { color: #68717b; } *:-ms-input-placeholder { color: #68717b; } *::-moz-placeholder { color: #68717b; } button, .faux-button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #4B555F; border: none; border-radius: .4rem; color: #fff; display: inline-block; font-size: 1.5rem; font-weight: 600; line-height: 1.2; margin: 0; padding: 1.6rem 2.6rem 1.7rem; text-align: center; text-decoration: none; transition: opacity .15s linear; } input[type="button"] + input[type="button"], input[type="button"] + input[type="reset"], input[type="reset"] + input[type="button"], input[type="submit"] + input[type="submit"], input[type="submit"] + input[type="reset"], input[type="reset"] + input[type="submit"] { margin-left: 1rem; } button:hover, .faux-button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { cursor: pointer; opacity: .9; } button:focus, .faux-button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { text-decoration: underline; } button:disabled, .button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled { background: #99999E; cursor: default !important; } button:disabled:hover, .button.disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover { opacity: 1; } /* Tables ------------------------------------ */ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 0.85em; margin-bottom: 3rem; max-width: 100%; overflow: hidden; width: 100%; } th, td { line-height: 1.4; margin: 0; overflow: visible; padding: 2.5%; } caption { border-bottom: .1rem solid #E0E4E7; font-weight: 700; padding-bottom: 2.5%; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { border-bottom: .1rem solid #E0E4E7; font-weight: 600; } tbody > tr:nth-child(even) { background-color: #EFF1F3; } /* Transitions ------------------------------------ */ a { transition: color .15s linear, background-color .15s linear, opacity .15s linear; } /* -------------------------------------------------------------------------------- */ /* X. Helper Classes /* -------------------------------------------------------------------------------- */ /* Toggles ----------------------------------- */ button.toggle { background-color: transparent; } .toggle { -webkit-appearance: none; -moz-appearance: none; cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Color Classes ----------------------------- */ /* TEXT COLOR */ .color-black { color: #232D37; } .color-darkest-gray { color: #4B555F; } .color-darker-gray { color: #68717B; } .color-gray { color: #9BA5AF; } .color-light-gray { color: #DCDFE2; } .color-lightest-gray { color: #E6E9EC; } .color-white { color: #fff; } /* BACKGROUND COLOR */ .bg-color-black { background-color: #232D37; } .bg-color-darkest-gray { background-color: #4B555F; } .bg-color-darker-gray { background-color: #68717B; } .bg-color-gray { background-color: #9BA5AF; } .bg-color-light-gray { background-color: #DCDFE2; } .bg-color-lightest-gray { background-color: #E6E9EC; } .bg-color-white { background-color: #fff; } /* Typography Classes ----------------------------- */ .lining-numerals { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; } .hanging-quotes { hanging-punctuation: first; } .slashed-zero { font-feature-settings: "zero"; font-variant-numeric: slashed-zero; } .transform-uppercase { letter-spacing: 0.05em; text-transform: uppercase; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Social Icons ----------------------------- */ ul.social-icons { display: flex; flex-wrap: wrap; margin: 0 0 -1.2rem -1.2rem; } ul.social-icons li { margin: 0 0 1.2rem 1.2rem; } .social-icons a, .social-icons button { align-items: center; background: #E6E9EC; border-radius: 50%; color: #5F6973; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: color .15s linear, background-color .15s linear, box-shadow .15s linear, transform .15s linear; width: 4.4rem; } .social-icons button:hover, .social-icons a:hover, .social-icons button:focus, .social-icons a:focus { transform: scale( 1.15 ); text-decoration: none; } .social-icons button.active { background-color: #68717b; color: #fff; } .social-icons a::before { content: '\f0c1'; display: block; font-family: 'Font Awesome 6'; font-size: 1.9rem; } .s-icons a[href*="500px.com"]::before { content: '\f26e'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="amazon.com"]::before { content: '\f270'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="angel.co"]::before { content: '\f209'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="audible.com"]::before { content: '\f373'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="behance.net"]::before { content: '\f1b4'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="blogger.com"]::before { content: '\f37d'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="codepen.io"]::before { content: '\f1cb'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="creativecommons.com"]::before { content: '\f25e'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="deviantart.com"]::before { content: '\f1bd'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="digg.com"]::before { content: '\f1a6'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="discordapp.com"]::before { content: '\f392'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="dribbble.com"]::before { content: '\f17d'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="ebay"]::before { content: '\f4f4'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="etsy.com"]::before { content: '\f2d7'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="facebook.com"]::before { content: '\f39e'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="flickr.com"]::before { content: '\f16e'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="github.com"]::before { content: '\f113'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="gitlab.com"]::before { content: '\f296'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="goodreads.com"]::before { content: '\f3a9'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="houzz"]::before { content: '\f27c'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="imdb.com"]::before { content: '\f2d8'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="instagram.com"]::before { content: '\f16d'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="kickstarter.com"]::before { content: '\f3bc'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="jsfiddle.net"]::before { content: '\f1cc'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="linkedin.com"]::before { content: '\f0e1'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="last.fm"]::before { content: '\f202'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="medium.com"]::before { content: '\f3c7'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="mixcloud.com"]::before { content: '\f289'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="patreon.com"]::before { content: '\f3d9'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="pscp.tv"]::before { content: '\f3da'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="pinterest"]::before { content: '\f231'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="play.google.com"]::before { content: '\f3ab'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="plus.google.com"]::before { content: '\f0d5'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="producthunt.com"]::before { content: '\f288'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="quora.com"]::before { content: '\f2c4'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="reddit.com"]::before { content: '\f281'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="slack.com"]::before { content: '\f198'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="soundcloud.com"]::before { content: '\f1be'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="spotify.com"]::before { content: '\f1bc'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="tiktok.com"]::before { content: '\e07b'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="tumblr.com"]::before { content: '\f173'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="twitch"]::before { content: '\f1e8'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="twitter.com"]::before { content: '\f099'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="unsplash.com"]::before { content: '\e07c'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="vimeo.com"]::before { content: '\f27d'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="wordpress.org"]::before, .s-icons a[href*="wordpress.com"]::before { content: '\f411'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="youtube.com"]::before { content: '\f167'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href*="x.com"]::before { content: '\e61b'; font-family: 'Font Awesome 6 Brands'; } .s-icons a[href^="mailto:"]::before { content: '\f0e0'; font-family: 'Font Awesome 6'; } .s-icons a[href^="tel:"]::before { content: '\f095'; font-family: 'Font Awesome 6'; } /* Post Meta ----------------------------- */ .post-meta { color: #68717b; display: flex; flex-wrap: wrap; font-size: 1.4rem; font-weight: 500; list-style: none; margin: -.8rem 0 0 -1.6rem; } .post-meta li { font-weight: inherit; margin: .8rem 0 0 1.6rem; } .post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: wrap; } .post-meta .meta-icon { align-items: center; display: flex; justify-content: center; margin-right: .7rem; } .post-meta img { opacity: .6; transition: opacity .15s linear; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); width: 1.6rem; } .post-meta .post-author img { width: 1.5rem; } .post-meta .post-sticky img, .sticky .post-meta .post-sticky img { width: 1.2rem; } .post-meta .post-comment-link img { position: relative; top: .1rem; } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:hover { text-decoration: underline; } /* STACK MOBILE */ .post-meta.stack-mobile { display: block; } .post-meta.stack-mobile .meta-icon { width: 1.8rem; } /* Cover Modals ------------------------------- */ .cover-modal { background: #fff; display: none; opacity: 1; overflow: auto; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 9999; } @media ( max-width: 782px ) { .showing-admin-bar .cover-modal { top: 46px; } } @media ( min-width: 782px ) { .showing-admin-bar .cover-modal { top: 32px; } } .cover-modal.active { display: block; } /* Loading Animation ------------------------------- */ .loader { animation: spin 1.4s linear infinite; border: .5rem solid #DCDFE2; border-radius: 50%; border-top: .5rem solid #68717b; height: 4.4rem; margin: auto; width: 4.4rem; } .loader.small { height: 3rem; width: 3rem; } /* Animations ------------------------------- */ @keyframes spin { 0% { transform: rotate( 0deg ); } 100% { transform: rotate( 360deg ); } } @keyframes spinQuarter { 0% { transform: rotate( 0deg ); } 100% { transform: rotate( 90deg ); } } @keyframes spinHalf { 0% { transform: rotate( 0deg ); } 100% { transform: rotate( 180deg ); } } @keyframes pop { 0% { transform: scale( 1 ); } 50% { transform: scale( 1.25 ); } 100% { transform: scale( 1 ); } } @keyframes popIn { 0% { transform: scale( 0.3 ); opacity: 0; } 70% { transform: scale( 1.1 ); opacity: 1; } 100% { transform: scale( 1.0 ); } } @keyframes side_shake { 0% { transform: translate( .8rem ); } 20% { transform: translate( -.8rem ); } 40% { transform: translate( .6rem ); } 60% { transform: translate( -.4rem ); } 80% { transform: translate( .2rem ); } 100% { transform: translate( 0 ); } } /* Spotted Animations ------------------------------- */ /* PULL */ .spot-animation-fade-pull-up.will-be-spotted:not(.spotted) { opacity: 0; transform: translateY( 10vh ); transition: none; } .spot-animation-fade-pull-up.will-be-spotted.spotted { opacity: 1; transform: translateY( 0 ); transition: opacity .5s ease-out, transform .5s ease-out; } /* SCALE */ .spot-animation-scale-up.will-be-spotted:not(.spotted) { transform: scale( 0 ); transition: none; } .spot-animation-scale-up.will-be-spotted.spotted { animation: popIn .4s 1 linear; } /* -------------------------------------------------------------------------------- */ /* X. Site Header /* -------------------------------------------------------------------------------- */ #site-header { background: #fff; overflow: auto; position: relative; z-index: 999; } .header-top a { text-decoration: none; } .header-top { align-items: center; display: flex; justify-content: space-between; padding: 3.3rem 0; position: relative; } .custom-logo-link { display: block; } .site-title { font-size: 2rem; font-weight: 600; line-height: 1.25; margin: 0; } .site-title a:hover, .site-title a:focus { color: #4B555F; } .header-inner { display: none; } .site-description { color: #4B555F; font-size: 1.8rem; margin-bottom: 5rem; max-width: 32rem; } .social-menu-wrapper { margin-top: 4rem; } .no-js .search-toggle-wrapper { display: none; } .social-icons .search-toggle:before { content: none; } .social-icons .search-toggle { background-image: url(https://webshopagentur.de/wp-content/themes/koji/assets/images/icons/spyglass-gray.svg); background-position: center; background-repeat: no-repeat; background-size: 2rem; } .social-icons .search-toggle.active { background-image: url(https://webshopagentur.de/wp-content/themes/koji/assets/images/icons/spyglass-white.svg); } /* Sidebar Widgets ------------------------------- */ .sidebar-widgets { margin-top: 5rem; } /* -------------------------------------------------------------------------------- */ /* X. Site Navigation /* -------------------------------------------------------------------------------- */ /* Navigation Toggle ------------------------------- */ .nav-toggle { height: 5rem; padding: 0; min-width: 10rem; } .no-js .nav-toggle { display: none; } .nav-toggle label { color: #232D37; cursor: pointer; display: block; font-weight: 600; position: absolute; right: 3.3rem; top: 50%; transform: translateY( -50% ); white-space: nowrap; } .nav-toggle:not(.active) .hide { display: none; } .nav-toggle.active .show { display: none; } .nav-toggle .bars { height: 1.4rem; position: absolute; right: 0; top: calc( 50% - .7rem ); width: 1.9rem; } .nav-toggle .bar { background: #232D37; border-radius: .2rem; display: block; height: .2rem; position: absolute; right: 0; top: calc( 50% - .1rem ); transition: transform 0.2s ease-in, opacity 0s ease-out 0.2s, margin 0.2s ease-out 0.2s; width: 100%; } .nav-toggle .bar:nth-child(1) { margin-top: -.6rem; } .nav-toggle .bar:nth-child(3) { margin-top: .6rem; } .nav-toggle:focus label { text-decoration: underline; } .nav-toggle.active .bar { transition: margin 0.2s ease-in, opacity 0s ease-in 0.2s, transform 0.2s ease-out 0.25s; } .nav-toggle.active .bar:nth-child(1) { margin-top: -0.1rem; transform: rotate( 45deg ); } .nav-toggle.active .bar:nth-child(2) { opacity: 0; } .nav-toggle.active .bar:nth-child(3) { margin-top: -0.1rem; transform: rotate( -45deg ); } /* Mobile Menu ----------------------------- */ .mobile-menu-wrapper { background: #fff; display: none; overflow: auto; padding: 9.2rem 0 0 0; position: fixed; bottom: 0; left: 0; right: 0; top: 0; transition: opacity .25s ease-in, left 0s .25s, right 0s .25s; z-index: 99; } @media ( max-width: 782px ) { .admin-bar .mobile-menu-wrapper { top: 46px; } } .mobile-menu-wrapper.active { display: flex; } .mobile-menu { display: flex; flex-direction: column; justify-content: space-between; } .mobile-menu-wrapper .mobile-menu-top, .mobile-menu-wrapper .social-menu-wrapper { padding-bottom: 4rem; } .mobile-menu-wrapper .social-menu-wrapper { margin-top: 0; } /* NO-JS FALLBACK */ .no-js .mobile-menu-wrapper { opacity: 1; padding: 0 0 3rem; position: static; } /* Primary Menu ----------------------------- */ ul.site-nav ul { margin: .6em 0 0 1.5em; } .site-nav li { color: #232D37; font-size: 1.7rem; font-weight: 500; line-height: 1.25; margin: .6em 0 0 0; } .site-nav a { text-decoration: none; } .site-nav a:hover, .site-nav .current-menu-item > a { text-decoration: underline; } /* Search Overlay ------------------------------- */ .search-overlay.active, .search-overlay-form-wrapper, .search-overlay form { align-items: center; display: flex; justify-content: center; } .search-overlay { align-items: stretch; } .search-untoggle { align-items: center; display: flex; justify-content: center; padding: 1.5rem; position: absolute; top: 0; right: 0; } .search-untoggle-inner { background: transparent; border-radius: 999rem; padding: 1.5rem; transition: background-color .15s linear; } .search-untoggle:hover .search-untoggle-inner, .search-untoggle:focus .search-untoggle-inner { background: #E6E9EC; } .search-overlay label { flex-shrink: 0; margin: 0; } .search-overlay img { height: 2.4rem; width: 2.4rem; } .search-overlay label img { margin-right: 1.2rem; } .search-overlay .search-field { background: none; border: none; font-size: 1.8rem; font-weight: 500; padding: 0; width: 20rem; } .search-overlay .search-field::-webkit-input-placeholder { color: inherit; } .search-overlay .search-field:-ms-input-placeholder { color: inherit; } .search-overlay .search-field::-moz-placeholder { color: inherit; } /* -------------------------------------------------------------------------------- */ /* X. Post: Archive /* -------------------------------------------------------------------------------- */ .posts { margin-bottom: -3rem; opacity: 0; padding: 3rem 0; } .no-js .posts { opacity: 1; } /* Archive Header ----------------------------- */ .preview.archive-header a { text-decoration: underline; } .preview.archive-header a:hover, .preview.archive-header a:focus { text-decoration: none; } .archive-header-mobile { padding: 4rem 0; } .archive-header-desktop { display: none; } .archive-header .subheading { font-size: 1.4rem; font-weight: 600; margin-bottom: 8rem; } .archive-title { margin: 0; } .archive-description { font-size: 1.5rem; margin: 1.3rem 0 0; } .archive-description p { line-height: 1.4; } /* Preview ----------------------------- */ .grid-sizer, .preview { width: 100%; } .no-js .grid-sizer { display: none; } .preview { margin-bottom: 3rem; } .preview-wrapper { background: #fff; border-radius: .8rem; box-shadow: 0 .3rem 1.2rem 0 rgba( 5, 10, 15, .05 ); overflow: hidden; position: relative; } .preview.will-be-spotted:not(.spotted) .preview-wrapper { opacity: 0; transform: translateY( 10vh ); transition: none; } .preview.will-be-spotted.spotted .preview-wrapper { opacity: 1; transform: translateY( 0 ); transition: opacity .5s ease-out, transform .5s ease-out; } .preview a { text-decoration: none; } .preview-image { display: block; transition: opacity .15s linear; } .preview-image:focus { opacity: .75; } .preview-image img { width: 100%; } .preview-inner { padding: 2rem 2rem 2.5rem 2rem; } .preview-title { color: #4B555F; font-size: 2rem; margin-bottom: 1rem; } .preview-title:last-child { margin-bottom: 0; } .preview-title a:hover, .preview-title a:focus { color: #232D37; } .post-meta-preview { margin-bottom: 1rem; } .preview .post-meta { margin-top: -.6rem; } .preview .post-meta li { margin-top: .6rem; } /* -------------------------------------------------------------------------------- */ /* X. Post: Single /* -------------------------------------------------------------------------------- */ .featured-media img { width: 100%; } .post-inner { max-width: 56rem; padding: 0 0 6rem; } .has-post-thumbnail .post-inner { padding-top: 4rem; } .post-header { margin-bottom: 2rem; } .post-meta-single { margin-top: 3rem; } .post-meta-single .meta-icon { margin-right: 1rem; } .post-meta-single img { opacity: .65; } /* Pagination ----------------------------- */ .pagination-single { margin-top: 6rem; } .pagination-single a { align-items: center; color: #68717b; display: flex; font-weight: 600; font-size: 1.6rem; line-height: 1.25; text-decoration: none; } .pagination-single a + a { margin-top: 1.5rem; } .pagination-single .arrow { align-items: center; background: #E6E9EC; border-radius: 50%; display: flex; flex-shrink: 0; height: 3.6rem; justify-content: center; margin-right: 1.5rem; transition: background-color .15s linear; width: 3.6rem; } .pagination-single .arrow img { transition: fill .15s linear; } .pagination-single a:hover, .pagination-single a:focus { text-decoration: underline; } /* Related Posts ----------------------------- */ .related-posts { margin-top: 4rem; } .related-posts-title { color: #68717b; font-size: 1.4rem; font-weight: 600; margin-bottom: 2rem; text-transform: uppercase; } .related-posts .posts { padding: 0; } /* -------------------------------------------------------------------------------- */ /* X. Comments /* -------------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 6rem; } .comments-header, .comment-reply-title { align-items: baseline; display: flex; justify-content: space-between; } .comment-reply-title { margin: 0 0 3rem 0; } .leave-comment-link, .comment-reply-title small a { color: #68717b; font-size: 1.6rem; font-weight: 500; margin-left: 1rem; text-decoration: none; } .leave-comment-link:hover, .comment-reply-title small a:hover, .comment-reply-title small a:focus { color: #4B555F; text-decoration: underline; } /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comment, .pingback, .trackback { margin-top: 3.5rem; } .comments-header + div { margin-top: 0; } .comment-body { position: relative; } .comment a { color: inherit; } .comment .comment { margin-left: 5%; } .comment-meta { margin-bottom: 2rem; min-height: 4rem; padding: 0 6.7rem 0 5.5rem; position: relative; } .comment-meta .avatar { border-radius: .4rem; display: block; height: auto; position: absolute; left: 0; top: 0; width: 4rem; } .comment-meta a { border-bottom: .1rem solid transparent; text-decoration: none; transition: border-color .15s linear; } .comment-meta a:hover, .comment-meta a:focus { border-bottom-color: #68717b; text-decoration: none; } .comment-author b { font-weight: 600; } .comment-author b a { border-bottom: .1rem solid #DCDFE2; } .comment-author b a:hover, .comment-author b a:focus { border-bottom-color: #232D37; text-decoration: none; } .comment-author .says { display: none; } .comment-metadata { font-size: 1.4rem; margin-top: .3rem; } .comment-metadata { color: #68717b; font-weight: 500; } .comment-metadata .edit-link:before { content: " • "; } .comment-body .reply { position: absolute; right: 0; top: .8rem; } .comment-reply-link { align-items: center; border: .1rem solid #68717b; border-radius: .2rem; color: #68717b; display: flex; font-size: 1.2rem; font-weight: 500; height: 2.4rem; line-height: 1; padding: 0 .7rem; text-decoration: none; text-transform: uppercase; transition: all .15s linear; } .comment-reply-link:hover, .comment-reply-link:focus { background: #68717b; border-color: #68717b; color: #fff; text-decoration: none; } /* COMMENT CONTENT */ .comment-content, .comment-content p, .comment-content li { line-height: 1.4; } .comment-content a { text-decoration: underline; } .comment-content a:hover { text-decoration: none; } .bypostauthor .by-post-author-wrapper { color: #68717b; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1; text-transform: uppercase; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: flex; font-size: 1.6rem; justify-content: space-between; margin-top: 6rem; position: relative; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { color: #68717b; display: none; font-weight: 600; text-decoration: none; } .comments-pagination a.page-numbers:hover, .comments-pagination a.page-numbers:focus { color: #232D37; } .comments-pagination ul.page-numbers.dots { color: rgba( 0, 0, 0, .35 ); } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; } /* Comment Respond ---------------------------- */ .comment-respond:not(:first-child) { padding-top: 6rem; } .comment-respond .comment-reply-title { margin-bottom: 0; } .comment-form { margin-top: 2.2rem; } .comment-form p.logged-in-as { color: #68717b; line-height: 1.25; margin: -1.2rem 0 2.8rem 0; } .comment-respond .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond .logged-in-as a:last-child { text-decoration: underline; } .comment-respond .logged-in-as a:hover, .comment-respond .logged-in-as a:focus { color: #232D37; } .comment-form p { margin-bottom: 2rem; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { display: inline; margin: 0 0 0 .5rem; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond #submit { display: block; margin-left: auto; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } /* -------------------------------------------------------------------------------- */ /* X. Entry Content /* -------------------------------------------------------------------------------- */ .entry-content { position: relative; } :root .entry-content > *:first-child { margin-top: 0; } :root .entry-content > *:last-child { margin-bottom: 0; } .entry-content a:hover { text-decoration: none; } /* Typography --------------------------------------- */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.25; margin: 3rem 0 2rem; } .entry-content h1 { font-size: 2.8rem; } .entry-content h2 { font-size: 2.6rem; } .entry-content h3 { font-size: 2.4rem; } .entry-content h4 { font-size: 2.2rem; } .entry-content h5 { font-size: 2.0rem; } .entry-content h6 { font-size: 1.8rem; } .entry-content p.has-background { margin-left: -2rem; padding: 2rem; width: calc( 100% + 4rem ); } .entry-content p.has-drop-cap:first-letter { font-size: 7.35em; font-weight: 300; } .entry-content hr { margin: 4rem auto; max-width: 50%; } .entry-content hr:not(.wp-block-separator), .entry-content hr.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots:before { color: inherit; } /* -------------------------------------------------------------------------------- */ /* X. Blocks /* -------------------------------------------------------------------------------- */ /* Block Editor Accent Colors ---------------- */ :root .has-background { background-color: #232D37; } :root .has-black-color { color: #232D37; } :root .has-black-background-color { background-color: #232D37; } :root .has-darkest-gray-color { color: #4B555F; } :root .has-darkest-gray-background-color { background-color: #4B555F; } :root .has-darker-gray-color { color: #68717b; } :root .has-darker-gray-background-color { background-color: #68717b; } :root .has-gray-color { color: #68717b; } :root .has-gray-background-color { background-color: #68717b; } :root .has-light-gray-color { color: #DCDFE2; } :root .has-light-gray-background-color { background-color: #DCDFE2; } :root .has-lightest-gray-color { color: #E6E9EC; } :root .has-lightest-gray-background-color { background-color: #E6E9EC; } :root .has-white-color { color: #fff; } :root .has-white-background-color { background-color: #fff; } /* Block Editor Font Sizes ------------------- */ :root .has-small-font-size { font-size: .842em; } :root .has-regular-font-size, :root .has-normal-font-size { font-size: 1em; } :root .has-large-font-size, :root .has-larger-font-size { line-height: 1.45; } :root .has-large-font-size { font-size: 1.333em; } :root .has-larger-font-size { font-size: 1.777em; } /* Block: Base Margins ----------------------- */ :root *[class*="_inner-container"] > *:first-child { margin-top: 0; } :root *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives, .wp-block-button, .wp-block-buttons, .wp-block-categories, .wp-block-code, .wp-block-columns, .wp-block-cover, .wp-block-cover-image, .wp-block-embed, .wp-block-gallery, .wp-block-group, .wp-block-image, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-media-text, .wp-block-preformatted, .wp-block-pullquote, .wp-block-social-links, .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .entry-content .wp-block-file__button, .entry-content .wp-block-button__link { border-radius: .4rem; font-weight: 500; padding: .8em 1.4em; } .entry-content .wp-block-file__button:hover, .entry-content .wp-block-button__link:hover { opacity: .85; } /* Block: Buttons ---------------------------- */ .wp-block-buttons .wp-block-button { margin-top: 0; } /* Block: Column ----------------------------- */ .wp-block-column { padding: 0 .5rem; } /* Block: Cover Image ------------------------ */ .wp-block-cover-image p { font-weight: 300; } /* Block: File ------------------------------- */ .entry-content .wp-block-file { align-items: center; background: #E6E9EC; border-radius: .4rem; display: flex; justify-content: space-between; margin: 3rem 0; padding: 1.5rem 2rem; } .entry-content .wp-block-file a:not(.wp-block-file__button) { font-weight: 600; text-decoration: none; } .entry-content .wp-block-file__button { flex-shrink: 0; } /* Block: Gallery ---------------------------- */ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; padding-bottom: 1rem; } /* Block: Image ------------------------------ */ :root .wp-block-image.alignleft, :root .wp-block-image .alignleft { margin-right: 2.5rem; } :root .wp-block-image.alignright, :root .wp-block-image .alignright { margin-left: 2.5rem; } /* Block: Pull Quote ------------------------- */ .entry-content .wp-block-pullquote { border: none; min-width: 18rem; padding: 0; } .entry-content .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright { width: 50%; } .entry-content .wp-block-pullquote.alignleft { text-align: left; } .entry-content .wp-block-pullquote.alignright { text-align: right; } .entry-content .wp-block-pullquote p, .entry-content .wp-block-pullquote cite { text-align: inherit; } .entry-content .wp-block-pullquote p { font-size: inherit; font-weight: 500; line-height: 1.4; } /* STYLE: SOLID COLOR */ .wp-block-pullquote.has-background { padding: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: inherit; } /* Block: Quote ------------------------------ */ .entry-content blockquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { margin-bottom: 1.25em; } .entry-content blockquote p:last-child { margin-bottom: 0; } blockquote.has-text-align-center { border-width: 0; padding: .25em 0; } blockquote.has-text-align-right { border-width: 0 .2rem 0 0; padding: .25em 1.5em .25em 0; } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border-width: 0; padding: .25em 0; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.33em; font-style: inherit; line-height: 1.5; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: .9em; text-align: inherit; } /* Block: Social ----------------------------- */ .wp-social-link { margin-bottom: 0; margin-left: 0; margin-top: 0; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { max-width: none; } /* Page Break -------------------------------- */ .post-nav-links { background: #E6E9EC; border-radius: .4rem; color: #5F6973; font-weight: 600; padding: 1.5rem 2rem; } /* -------------------------------------------------------------------------------- */ /* X. Site Pagination /* -------------------------------------------------------------------------------- */ #pagination { padding: 4rem 0; position: relative; text-align: center; } #load-more, #pagination .out-of-posts, #pagination .loading-icon, #pagination .out-of-posts { position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50% ); transition: color .2s linear, opacity .2s linear, transform .2s ease-out; } #pagination:not(.last-page) .out-of-posts, #pagination.loading #load-more, #pagination.last-page #load-more, #pagination:not(.loading) .loading-icon { left: -9999rem; opacity: 0; transform: translate( -50%, -50% ) scale( 0.5 ); transition: opacity .2s linear, transform .2s ease-out, left 0s .2s, right 0s .2s; } body:not(.pagination-type-button) #load-more { display: none; } #load-more { white-space: nowrap; } html.js body:not(.pagination-type-links) .link-pagination { display: none; } .no-js #load-more, .no-js #pagination .loading-icon { display: none; } #pagination .out-of-posts { color: #68717b; font-size: 0.9em; font-weight: 500; margin: 0; text-align: center; width: 100%; } /* LINK PAGINATION */ .link-pagination { align-items: center; display: flex; justify-content: space-between; } .link-pagination.only-next { justify-content: flex-end; } .link-pagination a { color: #68717b; font-weight: 600; text-decoration: none; } .link-pagination a:hover, .link-pagination a:focus { color: #232D37; } /* -------------------------------------------------------------------------------- */ /* X. 404 Page /* -------------------------------------------------------------------------------- */ .error404 .single-container { padding: 5rem 0; } .error404 .go-home { color: #68717b; font-size: .95em; font-weight: 600; text-decoration: none; } .error404 .go-home:hover { text-decoration: underline; } /* -------------------------------------------------------------------------------- */ /* X. Site Footer /* -------------------------------------------------------------------------------- */ #site-footer { padding: 3rem 0; position: relative; } /* Footer Widgets ------------------------------- */ .footer-widgets-outer-wrapper { padding: 1rem 0 4rem; } .footer-widgets-wrapper { margin: -3rem 0 0; } .footer-widgets, .widget { margin: 3rem 0 0; } .widget:first-child { margin-top: 0; } /* Footer Credits ------------------------------- */ .credits { color: #68717b; font-size: 1.4rem; font-weight: 500; text-align: center; } .credits a { text-decoration: none; } .credits a:hover, .credits a:focus { text-decoration: underline; } /* -------------------------------------------------------------------------------- */ /* X. Widgets /* -------------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget-content { color: #4B555F; font-size: 1.7rem; } .widget-content a { text-decoration: underline; } .widget-content a:hover { text-decoration: none; } .widget-title { color: #68717B; font-size: 1.4rem; font-weight: 600; margin-bottom: 1.5rem; text-transform: uppercase; } .widget ul, .widget ol { list-style: none; } .widget li { margin-top: 1.4rem; } .widget li > ul, .widget li > ol { margin-top: 0; } .widget-content > ul, .widget-content > ol { margin-left: 0; } /* Base List Widget ------------------------------- */ .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { margin: 0 !important; } /* Widget: Recent Entries ------------------------------- */ .widget_recent_entries a { font-weight: 600; } .widget_recent_entries .post-date { color: #68717b; margin-top: .2rem; } /* Widget: Recent Comments ------------------------------- */ .widget_recent_comments .comment-author-link { font-weight: 600; } /* Widget: Gallery ------------------------------- */ .widget_media_gallery .gallery { margin: 0 -.4em -.8em -.4em; width: calc( 100% + .8em ); } .widget_media_gallery .gallery-item { margin: 0 0 .8em 0; padding: 0 .4em; } /* Widget: Nav Menu ------------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Posts ------------------------------- */ .widget_recent_entries .post-date { display: block; } /* Widget: RSS ------------------------------- */ .widget_rss .rss-widget-icon { display: none; } .widget_rss .rsswidget { font-weight: 600; text-decoration: none; } .widget_rss .rss-date { display: block; } .widget_rss cite:before { content: "— "; } /* Widget: Search ------------------------------- */ .widget_search label, .widget_search img { display: none; } .widget_search .search-form { align-items: stretch; display: flex; flex-wrap: wrap; margin: 0 0 -.8rem -.8rem; position: relative; } .widget_search .search-field, .widget_search .search-submit { margin: 0 0 .8rem .8rem; } .widget_search .search-field { max-width: 100%; width: 30rem; } /* Widget: Tag Cloud ------------------------------- */ .widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; margin: 0 0 -.4rem -.4rem; } .widget_tag_cloud a { background: #68717b; border-radius: .3rem; color: #fff; display: block; font-size: 1.3rem !important; font-weight: 600; margin: 0 0 .4rem .4rem; padding: .4rem .7rem .5rem; text-decoration: none; } .widget_tag_cloud a:hover, .widget_tag_cloud a:focus { background: #232D37; color: #fff; } /* -------------------------------------------------------------------------------- */ /* X. Media Queries /* -------------------------------------------------------------------------------- */ @media ( min-width: 375px ) { /* Site Navigation ------------------------------- */ .search-overlay label img { height: 3.2rem; margin-right: 2rem; width: 3.2rem; } .search-overlay .search-field { font-size: 2.4rem; width: 25.5rem; } } @media ( min-width: 600px ) { /* Document Setup ------------------------------- */ body { font-size: 1.8rem; } /* Element Base ------------------------------- */ h1 { font-size: 4.0rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.8rem; } h4 { font-size: 2.6rem; } h5 { font-size: 2.4rem; } h6 { font-size: 2.0rem; } /* INPUTS */ label { font-size: 1.6rem; margin-bottom: .8rem; } /* FIELDSET */ fieldset { padding: 3rem; } fieldset legend { margin-left: -1rem; } /* Helper Classes ------------------------------- */ /* POST META */ .post-meta.stack-mobile { display: flex; } .post-meta.stack-mobile .meta-icon { width: auto; } /* Structure ------------------------------- */ .section-inner { width: calc( 100% - 10rem ); } /* Site Header ------------------------------- */ .header-top { padding: 4rem 0; } .site-title { font-size: 2.8rem; } .site-description { margin-bottom: 10rem; } /* Site Navigation ------------------------------- */ .mobile-menu-wrapper { padding-top: 11.6rem; } .search-overlay label img { height: 4.8rem; margin-right: 2.5rem; width: 4.8rem; } .search-overlay .search-field { font-size: 3.2rem; width: 35rem; } .search-untoggle { padding: 5rem; } /* Post: Archive ------------------------------- */ .archive-header .subheading { margin-bottom: 10rem; } .posts { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; padding: 5rem 0; width: calc( 100% + 3rem ); } /* PREVIEW */ .grid-sizer, .preview { width: 50%; } .preview { margin-bottom: 4rem; } .preview-wrapper { width: calc( 100% - 3rem ); } /* Post: Single ------------------------------- */ .post-inner { padding: 0 0 8rem; } .has-post-thumbnail .post-inner { padding-top: 6rem; } .post-header { margin-bottom: 4.5rem; } .post-meta-single { margin-top: 4rem; } .post-meta-single .post-meta { font-size: 1.6rem; margin: -1.2rem 0 0 -3rem; } .post-meta-single li { margin: 1.2rem 0 0 3rem; } .pagination-single { margin-top: 9.5rem; } .comments-wrapper { margin-top: 9.5rem; } /* PAGINATION SINGLE */ .pagination-single { display: flex; justify-content: space-between; } .pagination-single.only-next { justify-content: flex-end; } .pagination-single a { min-width: 33.3%; } .pagination-single .arrow { height: 4.4rem; margin-right: 2rem; width: 4.4rem; } .pagination-single .arrow img { height: 1.6rem; width: 1.6rem; } .pagination-single a + a { margin: 0 0 0 3rem; } .pagination-single .next-post { flex-direction: row-reverse; text-align: right; } .pagination-single .next-post .arrow { margin: 0 0 0 2rem; } /* Comments ------------------------------- */ .comment-reply-title { font-size: 3.2rem; margin-bottom: 4.2rem; } .comment, .pingback, .trackback { margin-top: 5rem; } .comment-body { min-height: 6rem; padding-left: 8rem; } .comment-meta { align-items: baseline; display: flex; flex-wrap: wrap; margin: -.5rem 0 1em -1.6rem; min-height: auto; padding-left: 0; position: static; } .comment-meta .avatar { border-radius: .4rem; height: 6rem; width: 6rem; } .comment-author, .comment-metadata { margin: .5rem 0 0 1.6rem; } .comment-metadata { font-size: 1.6rem; white-space: nowrap; } .comment-body .reply { top: .2rem; } .comments-pagination { margin-top: 8rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond:not(:first-child) { padding-top: 7rem; } .comment-form { margin-top: 4rem; } .comment-form p { margin-bottom: 2.5rem; } .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { float: left; width: calc( 50% - 1rem ); } .comment-respond .comment-form-email { margin-left: 2rem; } .comments .comment-respond { padding: 5rem 0 0; } /* Blocks -------------------------------- */ .entry-content .wp-block-pullquote p, .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2.4rem; } /* Entry Content ------------------------------- */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 5rem 0 3rem; } .entry-content h1 { font-size: 4.0rem; } .entry-content h2 { font-size: 3.6rem; } .entry-content h3 { font-size: 3.2rem; } .entry-content h4 { font-size: 2.8rem; } .entry-content h5 { font-size: 2.4rem; } .entry-content h6 { font-size: 2.0rem; } .entry-content p, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content pre { margin-bottom: 1.6em; } .entry-content ul:last-child, .entry-content ol:last-child { margin-bottom: 0; } .entry-content p.has-background { margin-left: -3rem; padding: 3rem; width: calc( 100% + 6rem ); } .entry-content hr { margin: 5.5rem auto; } .entry-content .wp-block-file { margin: 4rem 0; width: 100%; } .aligncenter, .alignnone, .alignwide, .alignfull { margin: 5rem auto; } .alignwide { position: relative; left: calc( 50% - 45vw ); width: calc( 90vw ); } .entry-content .wp-block-gallery.aligncenter, .entry-content .wp-block-gallery.alignnone, .entry-content .wp-block-gallery.alignwide, .entry-content .wp-block-gallery.alignfull { margin-bottom: 5rem; } .entry-content .gallery { margin: 5rem 0 3rem; position: relative; left: calc( 50% - 50vw + 1rem ); width: calc( 100vw - 2rem ); } .entry-content .gallery + .gallery { margin-top: -3rem; } .entry-content .gallery .gallery-item { margin: 0 0 2rem; padding: 0 1rem; } .entry-content .gallery-columns-1 .gallery-item { width: 100%; } .entry-content .gallery-columns-2 .gallery-item { width: 50%; } .entry-content .gallery-columns-3 .gallery-item { width: 33.3%; } .entry-content .gallery-columns-4 .gallery-item { width: 25%; } .entry-content .gallery-columns-5 .gallery-item { width: 20%; } .entry-content .gallery-columns-6 .gallery-item { width: 16.6%; } .entry-content .gallery-columns-7 .gallery-item { width: 14.158%; } .entry-content .gallery-columns-8 .gallery-item { width: 12.5%; } .entry-content .gallery-columns-9 .gallery-item { width: 11.1%; } figcaption, .entry-content figcaption, .wp-caption-text { font-size: 1.6rem; } } @media ( min-width: 750px ) { /* Site Footer ------------------------------- */ .footer-widgets-outer-wrapper { padding: 2rem 0 5rem; } .footer-widgets-wrapper { display: flex; flex-wrap: wrap; margin: -3rem 0 0 -3rem; } .footer-widgets { margin: 3rem 0 0 3rem; width: calc( 50% - 3rem ); } } @media ( min-width: 1000px ) { /* Structure ------------------------------- */ .section-inner { width: 100%; } #site-wrapper { padding-left: 33.33%; position: relative; } #site-header { position: fixed; left: 0; bottom: 0; top: 0; width: 33.33%; } #site-content { display: block; padding: 6rem 6rem 0 0; width: 100%; } .search-overlay.active { left: calc( 33.33% - 4rem ); } #site-footer { padding-right: 6rem; } /* Site Header ------------------------------- */ #site-header { background: none; display: flex; flex-direction: column; justify-content: stretch; padding: 8rem 4rem 0 4rem; } .header-top { flex-grow: 0; padding: 0; } .header-inner { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .site-description { margin: 2rem 0 0; } ul.site-nav { margin-top: 6rem; } .social-menu-wrapper { margin-top: 6rem; padding-bottom: 6rem; } /* Site Navigation ---------------------------- */ .nav-toggle, .mobile-menu-wrapper { display: none; } .search-overlay { background: #f6f7f8; padding-left: 4rem; } /* Post: Archive ------------------------------- */ .archive-header-mobile { display: none; } .archive-header-desktop { display: block; } .archive-header-desktop .preview-wrapper { background: #232D37; display: flex; } .archive-header-desktop .preview-inner { display: flex; flex-direction: column; justify-content: space-between; padding: 3rem; } .archive-header .preview-inner { min-height: 30.1rem; } .posts { padding-top: 0; } /* Post: Single ------------------------------- */ .single-container { border-radius: .8rem; box-shadow: 0 .3rem 1.8rem rgba( 5, 10, 15, 0.07 ); overflow: hidden; } .post-inner, .has-post-thumbnail .post-inner { padding: 8rem 0; } /* Entry Content ------------------------------- */ .alignwide { left: auto; width: 100%; } .alignfull { left: auto; max-width: none; right: calc( calc( 33.333vw - 3rem ) - ( 56rem / 2 ) ); width: calc( 66.666vw - 6rem ); } .entry-content .gallery { margin: 5rem -1rem 3rem; left: auto; width: 100%; } } @media ( min-width: 1200px ) { /* Structure ------------------------------- */ #site-wrapper { padding-left: 30.9%; position: relative; } #site-header { width: 30.9%; } /* Site Header ------------------------------- */ #site-header { padding: 12rem 8rem 0 8rem; } /* Site Navigation ------------------------------- */ .search-overlay.active { left: calc( 30.9% - 4rem ); } /* Post: Archive ------------------------------- */ .posts { width: calc( 100% + 4rem ); } /* ARCHIVE HEADER */ .preview.archive-header-desktop { width: 66.666%; } .preview.archive-header-desktop .preview-inner { padding: 4rem; } /* PREVIEW */ .grid-sizer, .preview { width: 33.333%; } .preview { margin-bottom: 5rem; } .preview-wrapper { width: calc( 100% - 4rem ); } /* Post: Single ------------------------------- */ .related-posts .preview:nth-child(4) { display: none; } /* Entry Content ------------------------------- */ .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright, .entry-content .alignleft, .entry-content .alignright { max-width: calc( 50% + 5.475rem ); } .entry-content .wp-block-image .alignleft, .entry-content .alignleft { margin-left: -10.95rem; } .entry-content .wp-block-image .alignright, .entry-content .alignright { margin-right: -10.95rem; } .alignfull { margin: 8rem auto; right: calc( ( ( 69.1vw - 6rem ) - 56rem ) / 2 ); width: calc( 69.1vw - 6rem ); } .entry-content .wp-block-gallery.alignfull { margin-bottom: 8rem; } .alignwide, .entry-content .gallery { left: calc( 50% - 36.95rem ); right: auto; width: 73.9rem; } /* Site Footer ------------------------------- */ .footer-widgets-outer-wrapper { padding: 2rem 0 5rem; } .footer-widgets-wrapper { display: flex; flex-wrap: wrap; margin: -4rem 0 0 -4rem; } .footer-widgets { margin: 4rem 0 0 4rem; width: calc( 33.33% - 4rem ); } .widget { margin-top: 4rem; } .widget-title { margin-bottom: 1.8rem; } } @media ( min-width: 1440px ) { /* Entry Content ------------------------------- */ .alignfull { right: calc( ( ( 100vw - 6rem - 44.5rem ) - 56rem ) / 2 ); width: calc( 100vw - 6rem - 44.5rem ); } /* Structure ------------------------------- */ #site-wrapper { padding-left: 44.5rem; } #site-header { width: 44.5rem; } .search-overlay.active { left: 40.5rem; } } @media ( min-width: 1600px ) { /* Post: Archive ------------------------------- */ /* ARCHIVE HEADER */ .archive-header .subheading { margin-bottom: 16rem; } .preview.archive-header-desktop { width: 50%; } /* PREVIEWS */ .grid-sizer, .preview { width: 25%; } /* Post: Single ------------------------------- */ .related-posts .preview:nth-child(4) { display: block; } }