@charset "UTF-8"; /* Theme Name: Vierdeweg-2025 Theme URI: https://github.com/usbpaul/vierdeweg Author: Paul Bakker Author URI: https://wordpress.org/ Description: vierdeweg.nl is erop gericht mensen kennis te laten maken met de leer die door G.I. Gurdjieff is gebracht. Version: 0.1 Tested up to: 5.9 Requires at least: 4.7 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: vierdeweg Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Met 16px als standaard font-size voor is 20em == 320px */ /* Met 16px als standaard font-size voor is 30em == 480px */ /* Met 16px als standaard font-size voor is 40em == 640px */ /* Met 16px als standaard font-size voor is 48em == 768px */ /* Met 16px als standaard font-size voor is 48.875em == 782px */ /* Met 16px als standaard font-size voor is 67em == 1075px */ /* Met 16px als standaard font-size voor is 79em == 1267px */ @font-face { font-family: "SourceSans"; src: url("/fonts/SourceSans3-VariableFont_wght.ttf"); font-weight: normal; font-style: normal; } .quote { display: inline-block; font-size: 1.1em; padding: 20px 20px; margin-bottom: 30px; max-width: 1000px; quotes: "“" "”" "‘" "’"; border-radius: 25px; border: 1px solid black; position: relative; background: white; box-shadow: 0px 2px 38px rgba(0, 0, 0, 0.2); } .quote .text-with-quotes:before { content: open-quote; font-size: 21px; } .quote .text-with-quotes:after { content: close-quote; font-size: 21px; } .quote .source { padding-top: 15px; font-size: 0.95em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .quote:after, .quote:before { content: ""; position: absolute; left: auto; background: none; z-index: -1; } .quote:after { width: 90%; height: 10px; top: 30px; right: 8px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .quote:before { width: 10px; height: 95%; top: 5px; right: 18px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .literature .booktitle { color: #408; } .literature .author { font-style: italic; } .literature .publisher { color: #666; } body { font: 100% SourceSans, sans-serif; color: #000; background-color: linen; margin: 0; } body a { text-decoration: none; } body #main { padding-bottom: 50px; } #masthead .header-desktop { display: none; } @media (min-width: 768px) { #masthead .header-desktop { display: block; } } #masthead .header-desktop .wb-grid { margin-left: -15px; margin-right: -15px; background-color: #010206; } #masthead .header-desktop .wb-grid .wb-grid-flex { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: flex-start; } #masthead .header-desktop .wb-grid .wb-grid-flex div.site-branding img { padding-left: 50px; } #masthead .header-desktop .wb-grid .wb-grid-flex #primary-menu { display: flex; list-style: none; } #masthead .header-desktop .wb-grid .wb-grid-flex #primary-menu li { padding: 0 10px; font-weight: bold; font-size: large; } #masthead .header-desktop .wb-grid .wb-grid-flex #primary-menu li a { color: #c2dfef; text-decoration: none; } #masthead #mobile-site-navigation { display: block; } @media (min-width: 768px) { #masthead #mobile-site-navigation { display: none; } } #masthead #mobile-site-navigation .nav-top-bar { display: flex; height: 60px; background-color: #010206; } #masthead #mobile-site-navigation .nav-top-bar .site-branding { order: 2; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-open-btn { order: 1; display: block; padding-left: 10px; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; width: 40px; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler .icon-bar { background: #8abcf9; display: block; position: relative; width: 20px; height: 2px; border-radius: 1px; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler .icon-bar.bar1 { top: 0; outline: 1px solid transparent; -webkit-animation: topbar-back 0.5s 0s; animation: topbar-back 0.5s 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler .icon-bar.bar2 { width: 24px; outline: 1px solid transparent; opacity: 1; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler .icon-bar.bar3 { width: 17px; bottom: 0; outline: 1px solid transparent; -webkit-animation: bottombar-back 0.5s 0s; animation: bottombar-back 0.5s 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #masthead #mobile-site-navigation .nav-top-bar .hiraku-toggler .icon-bar + .icon-bar { margin-top: 4px; } #masthead #mobile-site-navigation .offcanvas-left { overflow: hidden; background-color: #010206; } #masthead #mobile-site-navigation .offcanvas-left ul { padding-top: 1em; padding-inline-start: 2em; list-style: none; } #masthead #mobile-site-navigation .offcanvas-left ul li { display: list-item; font-weight: bold; } #masthead #mobile-site-navigation .offcanvas-left ul li a { color: #c2dfef; text-decoration: none; } .navbar-mobile .container .header-center .site-branding { width: 80%; justify-content: center; } footer { background-color: #010206; position: fixed; width: 100%; bottom: 0; } footer ul { list-style: none; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: flex-start; } footer ul li { display: list-item; font-size: 0.95em; padding: 0 20px; } footer ul li a { color: #c2dfef; text-decoration: none; } h1, h2, h3, h4, h5 { font-family: SourceSans, sans-serif; } div { line-height: 1.5em; } div#page, #masthead div { padding: 0; } article { padding: 3em 2em; max-width: 1000px; } @media (min-width: 768px) { article { padding: 2em 4em; } } article a:link, article a:active, article a:visited { color: #0033cc; } article a:hover { color: #ee3388; } .actueel { border: 1px solid black; background-color: white; padding: 10px 20px; font-size: 1.1em; } .actueel .actueel-header { color: red; } span.highlight { font-style: italic; font-weight: bold; } table#workshop-program { border: 1px solid black; border-collapse: collapse; background-color: white; } table#workshop-program tr th { border: 1px solid black; padding: 4px 8px; } table#workshop-program tr td { border: 1px solid black; padding: 4px 8px; } .movements-image img { max-width: 400px; width: 90vw; } /*# sourceMappingURL=style.css.map */