/* Theme Name: Main Author: Geert van der Heide Author URI: https://www.geertvanderheide.nl Description: Het hoofdthema voor de website. Text Domain: wp-theme */ /* ----------------------------------------------------------------------------------------- */ /* ----- Custom properties ----------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ :root { --color-text: #333; --color-text-light: #999; --color-title: #005081; --color-link: #0078b7; --color-border: #ddd; --color-border-dark: #bbb; --color-bg-light: #eee; --color-button: var(--color-title); --color-button-lighter: var(--color-link); --color-button-darker: #00385a; --spacing-l: 3rem; --spacing-l-half: 1.5rem; --spacing-m: 2rem; --spacing-m-half: 1rem; --spacing-box-l-ver: 1.5rem; --spacing-box-l-hor: 2rem; --spacing-box-m-ver: 1.2rem; --spacing-box-m-hor: 1.5rem; --spacing-box-s-ver: 1rem; --spacing-box-s-hor: 1.2rem; --border-width: 1px; } /* ----------------------------------------------------------------------------------------- */ /* ----- Overrides and resets -------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ *, *::after, *::before { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; } body, form, p, ul, ol, li, table, h1, h2, h3, h4, h5, h6, figure, iframe, blockquote, dl, dt, dd { margin: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } ul { padding: 0; list-style: none; } img { display: block; max-width: 100%; height: auto; } a img { border: 0; } input[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } 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; -webkit-appearance: none; } button, input[type="button"], input[type="submit"], input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="url"], textarea { display: block; margin: 0; border-radius: 0; -webkit-appearance: none; outline: 0; } button, [type="button"], [type="reset"], [type="submit"] { border: 0; cursor: pointer; -webkit-appearance: button; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } iframe { display: block; border: 0; box-sizing: content-box; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0; } embed, iframe, object { max-width: 100%; } abbr { text-decoration: none; } address { font-style: normal; } #wpadminbar { position: fixed !important; } /* ----------------------------------------------------------------------------------------- */ /* ----- Global styles and typography ------------------------------------------------------ */ /* ----------------------------------------------------------------------------------------- */ /* Fonts and font-sizes */ html, button, input, select, textarea { font-family: 'Roboto', sans-serif; color: var(--color-text); } html { font-size: 20px; line-height: 1.55555555; } body, .has-normal-font-size, .has-regular-font-size { font-size: 0.9rem; } .text-small, .has-small-font-size, figcaption, blockquote cite, .nf-field-description, .main-nav .sub-menu { font-size: 0.8rem; } /* Text and link colors */ a, .a, .color, div.nf-form-cont .ninja-forms-req-symbol, .text-light a:hover, figcaption a:hover, .grid li a.inner:hover h2, .grid li a.inner:hover h3, .grid li a.inner:hover h4 { color: var(--color-link); } a, .button, .grid li a.inner * { transition: color 0.15s, background 0.15s, border-color 0.15s; } .a { text-decoration: underline; cursor: pointer; } .text-light, .text-light a, figcaption, figcaption a { color: var(--color-text-light); } .text-white, .text-white a { color: #fff; } /* Headings */ h1, h2, h3, h4, h5, h6, /* Heading color: default */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .size-h1, .size-h2, .size-h3, .size-h4, .size-h1 a, .size-h2 a, .size-h3 a, .size-h4 a { color: var(--color-title); } .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, /* Heading color: white */ .text-white .size-h1, .text-white .size-h2, .text-white .size-h3, .text-white .size-h4, .text-white h1 a, .text-white h2 a, .text-white h3 a, .text-white h4 a, .text-white h5 a, .text-white h6 a, .text-white .size-h1 a, .text-white .size-h2 a, .text-white .size-h3 a, .text-white .size-h4 a { color: #fff; } .size-h1, .size-h2, .size-h3 { font-weight: bold; } h1, .size-h1 { margin-bottom: 1.3rem; font-size: 2.1rem; line-height: 1.142857; } h2, .size-h2 { margin-bottom: 1rem; font-size: 1.6rem; line-height: 1.1875; } h3, .size-h3 { margin-bottom: 1rem; font-size: 1.1rem; line-height: 1.18181818; } h4, h5, h6, .size-h4 { margin-bottom: 0.6rem; font-size: 0.9rem; line-height: 1.33333333; } /* Paragraphs */ p { margin-bottom: var(--spacing-m); } p:empty { display: none; } /* Lists */ .formatted ul:not(.grid-inner) li, .main-nav .sub-menu .sub-menu li { padding-left: 1rem; } .formatted ul:not(.grid-inner) li:not(:last-child), .main-nav .sub-menu .sub-menu li:not(:last-child) { margin-bottom: 0.6rem; } .formatted ul:not(.grid-inner) li::before, .main-nav .sub-menu .sub-menu li::before, .link-arrow::after { content: ""; float: left; width: 0.55rem; height: 0.8rem; margin: 0.3rem 0 0 -1rem; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20295%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M52.765%20294.954L.8%20242.18l93.407-94.217L.8%2053.753%2052.765.976l146.989%20146.987L52.765%20294.954zm57.468-130.962L32.44%20242.18l20.325%2020.722%2078.189-78.19-20.721-20.72zM52.765%2033.31L32.44%2053.753l77.793%2078.185%2020.721-20.722L52.765%2033.31z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat 0 0; background-size: contain; } .formatted.text-small ul:not(.grid-inner) li::before, .formatted .text-small ul:not(.grid-inner) li::before, .has-small-font-size ul:not(.grid-inner) li::before, .main-nav .sub-menu .sub-menu li::before, .text-small .link-arrow::after, .has-small-font-size .link-arrow::after { width: 0.5rem; height: 0.7rem; } .formatted.text-small ul:not(.grid-inner) li::before, .formatted .text-small ul:not(.grid-inner) li::before, .has-small-font-size ul:not(.grid-inner) li::before, .main-nav .sub-menu .sub-menu li::before { margin-top: 0.25rem; } .formatted ol { list-style: none; padding: 0; counter-reset: ol-counter; } .formatted ol li { margin: 0 0 1rem 0; padding-left: 2.4rem; counter-increment: ol-counter; } .formatted ol li::before { content: counter(ol-counter); float: left; width: 1.6rem; height: 1.6rem; overflow: hidden; margin-left: -2.4rem; padding: 0.35rem 0.2rem 0.25rem 0.2rem; border-radius: 50%; background: var(--color-link); color: #fff; font-weight: bold; text-align: center; line-height: 1rem; } .is-style-two-columns, .is-style-two-columns-wide { column-count: 2; column-gap: var(--spacing-m); } .is-style-two-columns-wide { column-gap: var(--spacing-l); } .is-style-two-columns li, .is-style-two-columns-wide li { overflow: hidden; } /* Tables */ td, th { padding: 0.5rem; border-bottom: var(--border-width) solid var(--color-border); vertical-align: top; } th { text-align: left; color: var(--color-title); } td:first-child, th:first-child { padding-left: 0; } td:last-child, th:last-child { padding-right: 0; } /* Utilities */ .no-wrap { white-space: nowrap; } .no-margin { margin: 0 !important; } .margin-top { margin-top: var(--spacing-m); } .margin-bottom { margin-bottom: var(--spacing-m); } .text-center { text-align: center; } .text-right { text-align: right; } .cleared { clear: both; } .assistive-text, .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } hr, .wp-block-separator { clear: both; height: 0; border: var(--border-width) solid var(--color-border); border-width: 0 0 var(--border-width) 0; } /* Info box / paragraph with background */ .infobox, p.is-style-background { padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); background: var(--color-bg-light); } .infobox p { margin-bottom: 0; } .infobox p:not(:last-child) { margin-bottom: 0.5rem; } /* Social media icon links */ .social-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; } .social-wrapper h4 { margin: 0 1rem 0 0 !important; } .social { display: -webkit-flex; display: flex; } .social li { margin: 0 !important; } .social li:not(:first-child) { margin-left: 1rem !important; } .social.social-small li:not(:first-child) { margin-left: 0.8rem !important; } .social a { display: block; width: 2.4rem; height: 2.4rem; overflow: hidden; background-repeat: no-repeat; background-size: contain; text-indent: -300px; text-align: left !important; } .social.social-small a { width: 1.2rem; height: 1.2rem; } .social a[href*="facebook"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M48.6.6H0v47.399h24.3V31.497h-6.1v-7.501h6.1v-6.001c0-4.755%204.02-9.001%209.1-9.001h6.1v7.501h-3c-2.152%200-3.1-.156-3.1%201.5v6.001h7.105l-3%207.501H33.4v16.502h15.2V.6z%22%2F%3E%3C%2Fsvg%3E"); } .social a[href*="instagram"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23005081' d='M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm10 2c1.654 0 3 1.346 3 3v10c0 1.654-1.346 3-3 3H7c-1.654 0-3-1.346-3-3V7c0-1.654 1.346-3 3-3h10zm-5 3.5A5.5 5.5 0 006.5 13 5.5 5.5 0 0012 18.5 5.5 5.5 0 0017.5 13 5.5 5.5 0 0012 7.5zm0 2A3.5 3.5 0 0115.5 13 3.5 3.5 0 0112 16.5 3.5 3.5 0 018.5 13 3.5 3.5 0 0112 9.5zm4.75-3.25a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z'/%3E%3C/svg%3E"); } .social a[href*="linkedin"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M0%2047.999V.14h48.13v47.859H0zm9.103-8.689h6.881V19.136H9.103V39.31zm3.402-29.94c-1.95%200-3.517%201.235-3.517%203.186%200%201.951%201.567%204.204%203.517%204.204%201.911%200%203.479-2.253%203.715-4.204%200-1.951-1.766-3.186-3.715-3.186zm26.453%2018.757c0-5.394-1.108-8.147-7.416-8.147-3.058%200-5.007.304-5.848%201.835h-.153v-2.679h-5.352V39.31h5.734V29.237c0-2.64.535-4.517%203.784-4.517%203.173%200%203.479%202.84%203.479%204.669v9.921h5.772V28.127z%22%2F%3E%3C%2Fsvg%3E"); } .text-white .social a[href*="facebook"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M48.6.6H0v47.399h24.3V31.497h-6.1v-7.501h6.1v-6.001c0-4.755%204.02-9.001%209.1-9.001h6.1v7.501h-3c-2.152%200-3.1-.156-3.1%201.5v6.001h7.105l-3%207.501H33.4v16.502h15.2V.6z%22%2F%3E%3C%2Fsvg%3E"); } .text-white .social a[href*="instagram"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm10 2c1.654 0 3 1.346 3 3v10c0 1.654-1.346 3-3 3H7c-1.654 0-3-1.346-3-3V7c0-1.654 1.346-3 3-3h10zm-5 3.5A5.5 5.5 0 006.5 13 5.5 5.5 0 0012 18.5 5.5 5.5 0 0017.5 13 5.5 5.5 0 0012 7.5zm0 2A3.5 3.5 0 0115.5 13 3.5 3.5 0 0112 16.5 3.5 3.5 0 018.5 13 3.5 3.5 0 0112 9.5zm4.75-3.25a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z'/%3E%3C/svg%3E"); } .text-white .social a[href*="linkedin"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M0%2047.999V.14h48.13v47.859H0zm9.103-8.689h6.881V19.136H9.103V39.31zm3.402-29.94c-1.95%200-3.517%201.235-3.517%203.186%200%201.951%201.567%204.204%203.517%204.204%201.911%200%203.479-2.253%203.715-4.204%200-1.951-1.766-3.186-3.715-3.186zm26.453%2018.757c0-5.394-1.108-8.147-7.416-8.147-3.058%200-5.007.304-5.848%201.835h-.153v-2.679h-5.352V39.31h5.734V29.237c0-2.64.535-4.517%203.784-4.517%203.173%200%203.479%202.84%203.479%204.669v9.921h5.772V28.127z%22%2F%3E%3C%2Fsvg%3E"); } /* ----------------------------------------------------------------------------------------- */ /* ----- Common: Buttons and pagination ---------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ .button, .page-numbers a, .page-numbers span.current, .wp-block-button__link, .wp-block-file a.wp-block-file__button, .button-parent a { position: relative; display: inline-block; padding: 0.5rem 1rem !important; border: 2px solid transparent !important; border-radius: 0; background-color: var(--color-button); font-size: 0.9rem; line-height: 1.2rem; font-weight: bold; color: #fff !important; text-decoration: none; text-align: center; } .button:hover, .page-numbers a:hover, .wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover, .button-parent a:hover, .button-outline:hover, .is-style-outline .wp-block-button__link:hover, .is-style-video-outline .wp-block-button__link:hover, .is-style-back-outline .wp-block-button__link:hover, .is-style-forward-outline .wp-block-button__link:hover, .button-outline-parent a:hover { background-color: var(--color-button-lighter); } .button:active, .button[aria-expanded="true"], .page-numbers a:active, .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:active, .button-parent a:active, .button-outline:active, .is-style-outline .wp-block-button__link:active, .is-style-video-outline .wp-block-button__link:active, .is-style-back-outline .wp-block-button__link:active, .is-style-forward-outline .wp-block-button__link:active, .button-outline-parent a:active { background-color: var(--color-button-darker); } /* Outline buttons */ .button-outline, .is-style-outline .wp-block-button__link, .is-style-video-outline .wp-block-button__link, .is-style-back-outline .wp-block-button__link, .is-style-forward-outline .wp-block-button__link, .page-numbers span.current, .button-outline-parent a { background-color: transparent; border-color: var(--color-button) !important; color: var(--color-button) !important; } .button-outline:hover, .is-style-outline .wp-block-button__link:hover, .is-style-video-outline .wp-block-button__link:hover, .is-style-back-outline .wp-block-button__link:hover, .is-style-forward-outline .wp-block-button__link:hover, .button-outline-parent a:hover, .button-outline:active, .is-style-outline .wp-block-button__link:active, .is-style-video-outline .wp-block-button__link:active, .is-style-back-outline .wp-block-button__link:active, .is-style-forward-outline .wp-block-button__link:active, .button-outline-parent a:active { border-color: transparent !important; color: #fff !important; } /* White buttons */ .button-white, .text-white .button, .text-white .wp-block-button__link, .text-white .wp-block-file a.wp-block-file__button, .button-white:hover, .text-white .button:hover, .text-white .wp-block-button__link:hover, .text-white .wp-block-file a.wp-block-file__button:hover, .button-white:active, .text-white .button:active, .text-white .wp-block-button__link:active, .text-white .wp-block-file a.wp-block-file__button:active { background-color: #fff; color: var(--color-button) !important; } /* White outline buttons */ .button-outline-white, .text-white .button-outline, .text-white .is-style-outline .wp-block-button__link, .text-white .is-style-video-outline .wp-block-button__link, .text-white .is-style-back-outline .wp-block-button__link, .text-white .is-style-forward-outline .wp-block-button__link, .text-white .button-outline-parent a, .text-white.button-outline-parent a { background-color: transparent; border-color: #fff !important; color: #fff !important; } .button-outline-white:hover, .text-white .button-outline:hover, .text-white .is-style-outline .wp-block-button__link:hover, .text-white .is-style-video-outline .wp-block-button__link:hover, .text-white .is-style-back-outline .wp-block-button__link:hover, .text-white .is-style-forward-outline .wp-block-button__link:hover, .text-white .button-outline-parent a:hover, .text-white.button-outline-parent a:hover, .button-outline-white:active, .text-white .button-outline:active, .text-white .is-style-outline .wp-block-button__link:active, .text-white .is-style-video-outline .wp-block-button__link:active, .text-white .is-style-back-outline .wp-block-button__link:active, .text-white .is-style-forward-outline .wp-block-button__link:active, .text-white .button-outline-parent a:active, .text-white.button-outline-parent a:active { background-color: #fff; color: var(--color-button) !important; } /* Buttons with icons */ .button-icon-before::before, .button-icon-after::after, .button-icon-only::after, .is-style-video .wp-block-button__link::before, .is-style-video-outline .wp-block-button__link::before, .is-style-back .wp-block-button__link::before, .is-style-back-outline .wp-block-button__link::before, .is-style-forward .wp-block-button__link::after, .is-style-forward-outline .wp-block-button__link::after, .home-choice ul li .inner::after { content: ""; display: inline-block; width: 1.1rem; height: 1.1rem; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: -20%; } .button-icon-before::before, .is-style-video .wp-block-button__link::before, .is-style-video-outline .wp-block-button__link::before, .is-style-back .wp-block-button__link::before, .is-style-back-outline .wp-block-button__link::before { margin-right: 0.5rem; } .button-icon-after::after, .is-style-forward .wp-block-button__link::after, .is-style-forward-outline .wp-block-button__link::after { margin-left: 0.5rem; } /* Buttons with only an icon */ .button-icon-only { width: 2.4rem; height: 2.4rem; overflow: hidden; padding: 0 !important; text-align: left; text-indent: -300px; } .button-icon-only::after { position: absolute; left: 25%; top: 25%; } /* Icons: Call (icon only) */ .button-call::after, /* White */ .button-call.button-outline:hover::after, .button-call.button-outline:active::after, .text-white .button-call.button-outline::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20162%20162%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M156.559%2077.812c-.268.034.011.068-.769.068-2.174%200-6.581.023-6.95-2.185-2.642-15.593-10.001-29.812-21.308-41.122-11.306-11.276-24.632-18.67-41.111-21.315-2.476-.433-2.552-5.478-2.152-8.656.435-2.443%204.619-4.117%207.06-3.68%2017.463%202.977%2033.352%2011.208%2045.996%2023.855%2012.645%2012.648%2020.874%2028.543%2023.851%2046.007.435%202.443-2.076%206.661-4.617%207.028zM89.155%2030.601c10.604%201.806%2020.271%206.826%2028.705%2015.289%206.887%206.861%2011.904%2016.531%2013.711%2027.38.402%202.233-1.863%206.138-4.338%206.539-.268.034-.502.068-.769.068-2.175%200-6.269-.29-6.637-2.498-1.506-8.767-5.62-16.73-11.976-23.087-6.355-6.358-14.317-10.507-23.082-11.978-2.475-.403-2.83-4.944-2.395-7.72.435-2.442%204.305-4.395%206.781-3.993zm.543%2075.075c.97.603%202.107%201.171%204.202%201.772-.054.437.815.871%201.685%201.34l7.919-7.888c3.379-3.379%207.326-5.153%2011.441-5.153%204.975%200%208.655%201.806%2011.306%205.185l18.365%2018.438c3.379%203.345%205.151%207.328%205.151%2011.476%200%204.115-1.487%208.131-5.05%2011.577-1.439%201.505-2.911%202.945-4.349%204.316-2.108%202.04-4.115%203.948-5.855%206.056-.033.067-.099.101-.134.167-5.084%205.522-11.573%208.299-18.589%208.299-1.38%200-2.116-.034-2.819-.067-11.474-.736-23.518-3.279-31.211-6.927-20.137-9.736-37.767-23.555-52.418-41.054C17.265%2098.692%209.171%2085.141%203.751%2070.518%201.543%2064.563.44%2053.688%201.243%2043.917c.536-6.056%202.977-11.276%207.259-15.558l11.374-11.476c.033-.034.033-.034.067-.067%203.345-3.213%207.292-4.919%2011.373-4.919%204.081%200%207.962%201.706%2011.206%204.919%202.175%202.007%204.283%204.149%206.289%206.574%201.004.72%202.075%201.791%203.112%202.828l9.627%209.134c7.24%207.026%207.24%2016.128%200%2023.155-1.432.937-2.369%201.906-3.306%202.843-2.475%202.509-2.365%202.468-5.108%204.978%202.04%204.517%204.85%208.966%209.031%2014.253%208.631%2010.608%2017.629%2018.805%2027.531%2025.095zM52.51%2090.6l-.03-.028c-4.557-5.788-11.85-14.922-14.546-20.666-.029-.089-.059-.179-.089-.27-.54-1.709-1.02-4.227%201.559-6.807.03-.059.09-.09.15-.149%202.608-2.338%205.007-4.738%208.226-7.317.168-.84%201.008-1.709%201.877-2.578%203.178-3.179%203.178-6.119%200-9.297l-3.324-3.326c-.959-.988-1.918-1.949-2.847-2.907-1.829-1.89-3.568-3.659-4.596-5.368-.3-.031-.6-.061-.89-.091-.61-.959-2.489-2.1-4.378-2.1-.692%200-3.087.751-3.972%202.13l-8.156%207.575c-1.894%202.489-3.837%205.396-4.137%208.906-.45%205.486.569%2011.305%203.357%2019.483C25.242%2079.314%2032.76%2090.708%2042.3%20103.33c12.382%2014.488%2027.282%2026.152%2044.25%2034.368%206.206%202.969%2014.75%206.448%2023.385%207.019.45.028.929.028%201.379.028%204.677%200%208.244-1.529%2011.272-4.767%201.859-2.19%201.186-1.488%203.135-3.345%202.179-1.261%202.488-2.4%203.657-3.659%203.058-3.179%203.058-6.328-.029-9.386l-10.553-10.779-.061-.059c-.929-1.019-2.458-2.189-4.316-2.189-1.89%200-3.508%201.229-4.528%202.248L99.639%20123.66c-.511-.083-2.069%201.475-3.819%201.475-.9%200-2.687-.24-3.707-.749-.12-.061-.239-.151-.359-.211-.87-.54-1.889-1.05-2.969-1.59-1.199-.599-2.458-1.229-2.805-2.008-10.506-6.089-25.196-19.781-33.47-29.977z%22%2F%3E%3C%2Fsvg%3E"); } .button-call.button-outline::after, /* Color */ .text-white .button-call::after, .text-white .button-call.button-outline:hover::after, .text-white .button-call.button-outline:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20162%20162%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M156.559%2077.812c-.268.034.011.068-.769.068-2.174%200-6.581.023-6.95-2.185-2.642-15.593-10.001-29.812-21.308-41.122-11.306-11.276-24.632-18.67-41.111-21.315-2.476-.433-2.552-5.478-2.152-8.656.435-2.443%204.619-4.117%207.06-3.68%2017.463%202.977%2033.352%2011.208%2045.996%2023.855%2012.645%2012.648%2020.874%2028.543%2023.851%2046.007.435%202.443-2.076%206.661-4.617%207.028zM89.155%2030.601c10.604%201.806%2020.271%206.826%2028.705%2015.289%206.887%206.861%2011.904%2016.531%2013.711%2027.38.402%202.233-1.863%206.138-4.338%206.539-.268.034-.502.068-.769.068-2.175%200-6.269-.29-6.637-2.498-1.506-8.767-5.62-16.73-11.976-23.087-6.355-6.358-14.317-10.507-23.082-11.978-2.475-.403-2.83-4.944-2.395-7.72.435-2.442%204.305-4.395%206.781-3.993zm.543%2075.075c.97.603%202.107%201.171%204.202%201.772-.054.437.815.871%201.685%201.34l7.919-7.888c3.379-3.379%207.326-5.153%2011.441-5.153%204.975%200%208.655%201.806%2011.306%205.185l18.365%2018.438c3.379%203.345%205.151%207.328%205.151%2011.476%200%204.115-1.487%208.131-5.05%2011.577-1.439%201.505-2.911%202.945-4.349%204.316-2.108%202.04-4.115%203.948-5.855%206.056-.033.067-.099.101-.134.167-5.084%205.522-11.573%208.299-18.589%208.299-1.38%200-2.116-.034-2.819-.067-11.474-.736-23.518-3.279-31.211-6.927-20.137-9.736-37.767-23.555-52.418-41.054C17.265%2098.692%209.171%2085.141%203.751%2070.518%201.543%2064.563.44%2053.688%201.243%2043.917c.536-6.056%202.977-11.276%207.259-15.558l11.374-11.476c.033-.034.033-.034.067-.067%203.345-3.213%207.292-4.919%2011.373-4.919%204.081%200%207.962%201.706%2011.206%204.919%202.175%202.007%204.283%204.149%206.289%206.574%201.004.72%202.075%201.791%203.112%202.828l9.627%209.134c7.24%207.026%207.24%2016.128%200%2023.155-1.432.937-2.369%201.906-3.306%202.843-2.475%202.509-2.365%202.468-5.108%204.978%202.04%204.517%204.85%208.966%209.031%2014.253%208.631%2010.608%2017.629%2018.805%2027.531%2025.095zM52.51%2090.6l-.03-.028c-4.557-5.788-11.85-14.922-14.546-20.666-.029-.089-.059-.179-.089-.27-.54-1.709-1.02-4.227%201.559-6.807.03-.059.09-.09.15-.149%202.608-2.338%205.007-4.738%208.226-7.317.168-.84%201.008-1.709%201.877-2.578%203.178-3.179%203.178-6.119%200-9.297l-3.324-3.326c-.959-.988-1.918-1.949-2.847-2.907-1.829-1.89-3.568-3.659-4.596-5.368-.3-.031-.6-.061-.89-.091-.61-.959-2.489-2.1-4.378-2.1-.692%200-3.087.751-3.972%202.13l-8.156%207.575c-1.894%202.489-3.837%205.396-4.137%208.906-.45%205.486.569%2011.305%203.357%2019.483C25.242%2079.314%2032.76%2090.708%2042.3%20103.33c12.382%2014.488%2027.282%2026.152%2044.25%2034.368%206.206%202.969%2014.75%206.448%2023.385%207.019.45.028.929.028%201.379.028%204.677%200%208.244-1.529%2011.272-4.767%201.859-2.19%201.186-1.488%203.135-3.345%202.179-1.261%202.488-2.4%203.657-3.659%203.058-3.179%203.058-6.328-.029-9.386l-10.553-10.779-.061-.059c-.929-1.019-2.458-2.189-4.316-2.189-1.89%200-3.508%201.229-4.528%202.248L99.639%20123.66c-.511-.083-2.069%201.475-3.819%201.475-.9%200-2.687-.24-3.707-.749-.12-.061-.239-.151-.359-.211-.87-.54-1.889-1.05-2.969-1.59-1.199-.599-2.458-1.229-2.805-2.008-10.506-6.089-25.196-19.781-33.47-29.977z%22%2F%3E%3C%2Fsvg%3E"); } /* Icons: Mobile navigation (icon only) */ .button-mobile-nav::after, /* White */ .button-mobile-nav.button-outline:hover::after, .button-mobile-nav.button-outline:active::after, .button-mobile-nav.button-outline[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M0%2020v-6h20v6H0Zm18-4H5v2h13v-2ZM0%207h20v6H0V7Zm5%204h13V9H5v2ZM0%200h20v6H0V0Zm5%204h13V2H5v2Z%22%2F%3E%3C%2Fsvg%3E"); } .button-mobile-nav.button-outline::after, /* Color */ .text-white .button-mobile-nav::after, .text-white .button-mobile-nav:hover::after, .text-white .button-mobile-nav:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M0%2020v-6h20v6H0Zm18-4H5v2h13v-2ZM0%207h20v6H0V7Zm5%204h13V9H5v2ZM0%200h20v6H0V0Zm5%204h13V2H5v2Z%22%2F%3E%3C%2Fsvg%3E"); } /* Icons: Video (icon before) */ .button-video::before, /* White */ .button-video.button-outline:hover::before, .button-video.button-outline:active::before, .is-style-video .wp-block-button__link::before, .is-style-video-outline .wp-block-button__link:hover::before, .is-style-video-outline .wp-block-button__link:active::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20350%20350%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M175%20349.97C78.52%20349.97.03%20271.47.03%20175%20.03%2078.52%2078.52.03%20175%20.03S349.97%2078.53%20349.97%20175c0%2096.48-78.5%20174.97-174.97%20174.97zm0-39.73c74.84%200%20135.24-60.4%20135.24-135.24S249.84%2039.76%20175%2039.76A135.04%20135.04%200%200039.76%20175c0%2074.84%2060.4%20135.24%20135.24%20135.24z%22%20%2F%3E%3Cpath%20d%3D%22M253.27%20189.05l-104.39%2071.81a17.12%2017.12%200%2001-17.6%201.06%2017.1%2017.1%200%2001-9.12-15.1V103.18a17.07%2017.07%200%200126.73-14.05l104.38%2071.81a17.07%2017.07%200%20010%2028.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); } .button-video.button-outline::before, /* Color */ .button-video.button-white, .is-style-video-outline .wp-block-button__link::before, .text-white .button.button-video::before, .text-white .is-style-video .wp-block-button__link::before, .text-white .is-style-video-outline .wp-block-button__link::before, .button-video.button-white:hover, .text-white .button.button-video:hover::before, .text-white .is-style-video .wp-block-button__link:hover::before, .button-video.button-white:active, .text-white .button.button-video:active::before, .text-white .is-style-video .wp-block-button__link:active::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20350%20350%22%3E%3Cg%20fill%3D%22%23005081%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M175%20349.97C78.52%20349.97.03%20271.47.03%20175%20.03%2078.52%2078.52.03%20175%20.03S349.97%2078.53%20349.97%20175c0%2096.48-78.5%20174.97-174.97%20174.97zm0-39.73c74.84%200%20135.24-60.4%20135.24-135.24S249.84%2039.76%20175%2039.76A135.04%20135.04%200%200039.76%20175c0%2074.84%2060.4%20135.24%20135.24%20135.24z%22%20%2F%3E%3Cpath%20d%3D%22M253.27%20189.05l-104.39%2071.81a17.12%2017.12%200%2001-17.6%201.06%2017.1%2017.1%200%2001-9.12-15.1V103.18a17.07%2017.07%200%200126.73-14.05l104.38%2071.81a17.07%2017.07%200%20010%2028.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); } /* Icons: Back (icon before) and Forward (icon after) */ .button-back::before, /* Size */ .is-style-back .wp-block-button__link::before, .is-style-back-outline .wp-block-button__link::before, .button-forward::after, .is-style-forward .wp-block-button__link::after, .is-style-forward-outline .wp-block-button__link::after, .home-choice ul li .inner::after { width: 0.75rem; } .button-back::before, /* Rotation */ .is-style-back .wp-block-button__link::before, .is-style-back-outline .wp-block-button__link::before, .page-numbers a.prev::after { transform: scale(-1, 1); } .button-back::before, /* Back: white */ .button-back.button-outline:hover::before, .button-back.button-outline:active::before, .is-style-back .wp-block-button__link::before, .is-style-back-outline .wp-block-button__link:hover::before, .is-style-back-outline .wp-block-button__link:active::before, .button-forward::after, /* Forward: white */ .button-forward.button-outline:hover::after, .button-forward.button-outline:active::after, .is-style-forward .wp-block-button__link::after, .is-style-forward-outline .wp-block-button__link:hover::after, .is-style-forward-outline .wp-block-button__link:active::after, .page-numbers a.prev::after, .page-numbers a.next::after, .home-choice ul li .inner::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20295%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M52.765%20294.954L.8%20242.18l93.407-94.217L.8%2053.753%2052.765.976l146.989%20146.987L52.765%20294.954zm57.468-130.962L32.44%20242.18l20.325%2020.722%2078.189-78.19-20.721-20.72zM52.765%2033.31L32.44%2053.753l77.793%2078.185%2020.721-20.722L52.765%2033.31z%22%2F%3E%3C%2Fsvg%3E%0A"); } .button-back.button-outline::before, /* Back: color */ .is-style-back-outline .wp-block-button__link::before, .button-back.button-white::before, .text-white .button-back::before, .text-white .is-style-back .wp-block-button__link::before, .button-back.button-white:hover::before, .text-white .button-back:hover::before, .text-white .is-style-back .wp-block-button__link:hover::before, .button-back.button-white:active::before, .text-white .button-back:active::before, .text-white .is-style-back .wp-block-button__link:active::before, .button-forward.button-outline::after, /* Forward: color */ .is-style-forward-outline .wp-block-button__link::after, .button-forward.button-white::after, .text-white .button-forward::after, .text-white .is-style-forward .wp-block-button__link::after, .button-forward.button-white:hover::after, .text-white .button-forward:hover::after, .text-white .is-style-forward .wp-block-button__link:hover::after, .button-forward.button-white:active::after, .text-white .button-forward:active::after, .text-white .is-style-forward .wp-block-button__link:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20295%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23005081%22%20d%3D%22M52.765%20294.954L.8%20242.18l93.407-94.217L.8%2053.753%2052.765.976l146.989%20146.987L52.765%20294.954zm57.468-130.962L32.44%20242.18l20.325%2020.722%2078.189-78.19-20.721-20.72zM52.765%2033.31L32.44%2053.753l77.793%2078.185%2020.721-20.722L52.765%2033.31z%22%2F%3E%3C%2Fsvg%3E%0A"); } /* Simple close button */ .button-close { position: relative; width: 1.8rem; height: 1.8rem; overflow: hidden; padding: 0; background: transparent; text-indent: -300px; } .button-close::after { content: ""; position: absolute; left: 30%; right: 30%; top: 30%; bottom: 30%; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M512%2084.85L427.15%200%20256%20171.15%2084.85%200%200%2084.85%20171.15%20256%200%20427.15%2084.85%20512%20256%20340.85%20427.15%20512%20512%20427.15%20340.85%20256z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; } /* Pagination */ .pagination, .pagination ul.page-numbers { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .pagination { -webkit-justify-content: center; justify-content: center; } .page-numbers li { margin: 0 0.3rem 0.3rem 0.3rem; } .page-numbers a, .page-numbers span.current { padding-left: 0 !important; padding-right: 0 !important; width: 2.4rem; } .page-numbers a.prev, .page-numbers a.next { position: relative; overflow: hidden; text-indent: -300px; text-align: left; } .page-numbers a.prev::after, .page-numbers a.next::after { content: ""; position: absolute; left: 50%; top: 50%; width: 0.75rem; height: 1.1rem; margin: -0.55rem 0 0 -0.35rem; background-repeat: no-repeat; background-position: center; background-size: contain; } .page-numbers .dots { display: block; padding: 0 0.2rem; line-height: 2.4rem; } /* Link with arrow */ .link-arrow::after { float: none; display: inline-block; margin: 0 0 0 0.3rem; vertical-align: -8%; } /* Phone and email links */ a[href^="tel"]:not(.button)::before, a[href^="mailto"]:not(.button)::before { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; margin-right: 0.4rem; background-repeat: no-repeat; background-size: contain; vertical-align: -8%; } a[href^="tel"]:not(.button)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20162%20162%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%230078B7%22%20d%3D%22M156.559%2077.812c-.268.034.011.068-.769.068-2.174%200-6.581.023-6.95-2.185-2.642-15.593-10.001-29.812-21.308-41.122-11.306-11.276-24.632-18.67-41.111-21.315-2.476-.433-2.552-5.478-2.152-8.656.435-2.443%204.619-4.117%207.06-3.68%2017.463%202.977%2033.352%2011.208%2045.996%2023.855%2012.645%2012.648%2020.874%2028.543%2023.851%2046.007.435%202.443-2.076%206.661-4.617%207.028zM89.155%2030.601c10.604%201.806%2020.271%206.826%2028.705%2015.289%206.887%206.861%2011.904%2016.531%2013.711%2027.38.402%202.233-1.863%206.138-4.338%206.539-.268.034-.502.068-.769.068-2.175%200-6.269-.29-6.637-2.498-1.506-8.767-5.62-16.73-11.976-23.087-6.355-6.358-14.317-10.507-23.082-11.978-2.475-.403-2.83-4.944-2.395-7.72.435-2.442%204.305-4.395%206.781-3.993zm.543%2075.075c.97.603%202.107%201.171%204.202%201.772-.054.437.815.871%201.685%201.34l7.919-7.888c3.379-3.379%207.326-5.153%2011.441-5.153%204.975%200%208.655%201.806%2011.306%205.185l18.365%2018.438c3.379%203.345%205.151%207.328%205.151%2011.476%200%204.115-1.487%208.131-5.05%2011.577-1.439%201.505-2.911%202.945-4.349%204.316-2.108%202.04-4.115%203.948-5.855%206.056-.033.067-.099.101-.134.167-5.084%205.522-11.573%208.299-18.589%208.299-1.38%200-2.116-.034-2.819-.067-11.474-.736-23.518-3.279-31.211-6.927-20.137-9.736-37.767-23.555-52.418-41.054C17.265%2098.692%209.171%2085.141%203.751%2070.518%201.543%2064.563.44%2053.688%201.243%2043.917c.536-6.056%202.977-11.276%207.259-15.558l11.374-11.476c.033-.034.033-.034.067-.067%203.345-3.213%207.292-4.919%2011.373-4.919%204.081%200%207.962%201.706%2011.206%204.919%202.175%202.007%204.283%204.149%206.289%206.574%201.004.72%202.075%201.791%203.112%202.828l9.627%209.134c7.24%207.026%207.24%2016.128%200%2023.155-1.432.937-2.369%201.906-3.306%202.843-2.475%202.509-2.365%202.468-5.108%204.978%202.04%204.517%204.85%208.966%209.031%2014.253%208.631%2010.608%2017.629%2018.805%2027.531%2025.095zM52.51%2090.6l-.03-.028c-4.557-5.788-11.85-14.922-14.546-20.666-.029-.089-.059-.179-.089-.27-.54-1.709-1.02-4.227%201.559-6.807.03-.059.09-.09.15-.149%202.608-2.338%205.007-4.738%208.226-7.317.168-.84%201.008-1.709%201.877-2.578%203.178-3.179%203.178-6.119%200-9.297l-3.324-3.326c-.959-.988-1.918-1.949-2.847-2.907-1.829-1.89-3.568-3.659-4.596-5.368-.3-.031-.6-.061-.89-.091-.61-.959-2.489-2.1-4.378-2.1-.692%200-3.087.751-3.972%202.13l-8.156%207.575c-1.894%202.489-3.837%205.396-4.137%208.906-.45%205.486.569%2011.305%203.357%2019.483C25.242%2079.314%2032.76%2090.708%2042.3%20103.33c12.382%2014.488%2027.282%2026.152%2044.25%2034.368%206.206%202.969%2014.75%206.448%2023.385%207.019.45.028.929.028%201.379.028%204.677%200%208.244-1.529%2011.272-4.767%201.859-2.19%201.186-1.488%203.135-3.345%202.179-1.261%202.488-2.4%203.657-3.659%203.058-3.179%203.058-6.328-.029-9.386l-10.553-10.779-.061-.059c-.929-1.019-2.458-2.189-4.316-2.189-1.89%200-3.508%201.229-4.528%202.248L99.639%20123.66c-.511-.083-2.069%201.475-3.819%201.475-.9%200-2.687-.24-3.707-.749-.12-.061-.239-.151-.359-.211-.87-.54-1.889-1.05-2.969-1.59-1.199-.599-2.458-1.229-2.805-2.008-10.506-6.089-25.196-19.781-33.47-29.977z%22%2F%3E%3C%2Fsvg%3E"); } a[href^="mailto"]:not(.button)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20384%22%3E%3Cpath%20fill%3D%22%230078B7%22%20fill-rule%3D%22evenodd%22%20d%3D%22M383.888%2063.256c-.04-.792-.192-1.552-.352-2.336-.16-.792-.304-1.568-.576-2.32-.088-.24-.08-.488-.176-.72-.2-.472-.536-.848-.776-1.296-.384-.728-.768-1.432-1.256-2.088-.464-.624-.992-1.16-1.544-1.704-.544-.544-1.08-1.072-1.704-1.544-.656-.488-1.36-.872-2.088-1.256-.448-.24-.816-.584-1.296-.776-.232-.096-.488-.096-.72-.184-.744-.272-1.504-.416-2.288-.576-.8-.16-1.576-.32-2.384-.36-.248%200-.48-.096-.728-.096H16c-.256%200-.496.104-.752.112-.792.04-1.552.192-2.336.352-.792.16-1.568.304-2.32.576-.24.088-.488.08-.72.176-.472.2-.848.536-1.296.776-.728.384-1.432.768-2.088%201.256-.624.464-1.16.992-1.704%201.544-.544.544-1.072%201.08-1.544%201.704-.488.656-.872%201.36-1.256%202.088-.24.448-.584.816-.776%201.296-.096.232-.096.48-.176.72-.272.752-.416%201.528-.576%202.32-.152.784-.312%201.544-.352%202.336C.096%2063.512%200%2063.744%200%2064v256c0%201.048.112%202.096.312%203.136.096.472.272.912.408%201.368.16.544.288%201.088.504%201.616.224.536.528%201.024.808%201.536.224.408.4.832.664%201.224a16.0104%2016.0104%200%20004.432%204.432c.392.264.824.448%201.24.672.504.272.984.576%201.52.8.528.216%201.08.344%201.624.504.456.136.896.312%201.368.408%201.024.192%202.072.304%203.12.304h352c1.048%200%202.096-.112%203.136-.312.472-.096.912-.272%201.368-.408.544-.16%201.096-.288%201.624-.504.528-.224%201.016-.52%201.52-.8.416-.224.84-.408%201.24-.672%201.752-1.176%203.264-2.68%204.432-4.432.264-.392.44-.816.664-1.224.28-.504.584-.992.808-1.536.216-.528.344-1.072.504-1.616.136-.456.312-.896.408-1.368.184-1.032.296-2.08.296-3.128V64c0-.256-.096-.488-.112-.744zM329.368%2080L208.064%20201.312c-8.856%208.848-23.264%208.848-32.128%200L54.632%2080h274.736zM32%20102.632L121.376%20192%2032%20281.376V102.632zM54.624%20304L144%20214.624l9.312%209.312a55.2627%2055.2627%200%20004.152%203.752c20.032%2016.336%2049.04%2016.336%2069.072%200a55.2627%2055.2627%200%20004.152-3.752l9.312-9.312L329.376%20304H54.624zM352%20281.376L262.624%20192%20352%20102.632v178.744z%22%2F%3E%0A%3C%2Fsvg%3E"); } /* ----------------------------------------------------------------------------------------- */ /* ----- Common: Forms --------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* Form fields */ input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], select, textarea { padding: 0.5rem; border: var(--border-width) solid var(--color-border-dark); background-color: #fff; font-size: 0.9rem; line-height: 1.2rem; vertical-align: baseline; box-shadow: inset 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.1); } input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, select:focus, textarea:focus { border-color: var(--color-link); } .nf-error .ninja-forms-field { border: var(--border-width) solid #d88888 !important; } textarea { height: 7.5rem; overflow: auto; } /* Form layout */ div.nf-form-cont { padding: var(--spacing-box-l-ver) var(--spacing-box-l-hor); background: var(--color-bg-light); } div.nf-form-cont .nf-field-container { position: relative; margin-bottom: 1rem; } div.nf-form-cont .submit-container { margin-bottom: 0; padding-top: 0.6rem; } div.nf-form-cont .field-wrap { display: block; } div.nf-form-cont .nf-field-label { display: block; margin: 0 0 0.3rem 0; padding: 0; font-weight: bold; text-align: left; } div.nf-form-cont .nf-field-label label { display: block; color: var(--color-title); } div.nf-form-cont .list-container .nf-field-label { padding: 0; } div.nf-form-cont .nf-form-fields-required, div.nf-form-cont .ninja-forms-req-symbol { display: none; } .nf-field input[type="text"], .nf-field input[type="search"], .nf-field input[type="password"], .nf-field input[type="tel"], .nf-field input[type="email"], .nf-field input[type="number"], .nf-field input[type="url"], .nf-field select, .nf-field textarea { width: 100%; } div.nf-form-cont .nf-field-element { display: block; width: auto; } div.nf-form-cont .submit-container { text-align: right; } .formatted div.nf-form-cont .list-wrap ul { margin-bottom: 0; } .formatted div.nf-form-cont .list-wrap ul li { padding: 0 !important; margin: 0 !important; } .formatted div.nf-form-cont .list-wrap ul li:not(:first-child) { margin-top: 0.4rem !important; } .formatted div.nf-form-cont .list-wrap ul li::before { display: none; } .formatted div.nf-form-cont .list-wrap input { margin-left: 0; } div.nf-form-cont .nf-field-description { padding-left: 0.5rem; } div.nf-form-cont .nf-field-description p { margin: 0.3rem 0 0 0; } div.nf-form-cont .nf-field-description p::before { content: "↳ "; } div.nf-form-cont .nf-after-field { margin-left: 0; } div.nf-form-cont .nf-input-limit { margin-top: 0; } div.nf-form-cont .nf-input-limit:not(:empty) { margin-top: 0.25rem; } div.nf-form-cont .nf-error-wrap:not(:empty) { position: absolute; bottom: -1.25rem; right: -0.3rem; z-index: 100; background: #da3e3e; padding: 0.15rem 0.4rem; font-size: 0.6rem; line-height: 0.9rem; color: #fff; white-space: nowrap; } div.nf-form-cont .nf-error-wrap:not(:empty)::after { content: ""; position: absolute; left: 0.75rem; bottom: 1.2rem; width: 0; height: 0; border-style: solid; border-width: 0 4px 5px 4px; border-color: transparent transparent #da3e3e transparent; } div.nf-form-cont .nf-after-field .nf-error-msg { margin-right: 0; color: #fff; } .nf-form-hp { position: absolute; visibility: hidden; } /* Messages */ .message, div.nf-form-cont .nf-error-field-errors, .nf-response-msg:not(:empty) { position: relative; margin: 1rem 0 0 0; padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); border: var(--border-width) solid #88c9f0; background: #e6f6ff; color: inherit; } .message-success, .nf-response-msg:not(:empty) { border-color: #9ae68b; background-color: #e7ffe3; } .message-error, div.nf-form-cont .nf-error-field-errors { border-color: #efba00; background-color: #fff7db; } /* ----------------------------------------------------------------------------------------- */ /* ----- Layout: General ------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* Main block spacing */ .main-content { padding-top: var(--spacing-m); padding-bottom: var(--spacing-m); } .wide, .wp-block-group { padding-left: var(--spacing-l); padding-right: var(--spacing-l); } .wide .wide, .wide .wp-block-group { width: calc(100% + (var(--spacing-l) * 2)); margin-left: calc(var(--spacing-l) * -1); margin-right: calc(var(--spacing-l) * -1); } .formatted ul:not(.grid-inner):not(.footer-nav), .formatted ol, .formatted blockquote, .formatted hr, .formatted > [class*="wp-block-"]:not(.wp-block-buttons):not(:last-child) { margin-bottom: var(--spacing-m); } .formatted > h2:not(:first-child), .formatted > h3:not(:first-child), .formatted > h3:not(:first-child), .formatted > hr:not(:first-child), .formatted > [class*="wp-block-"]:not(:first-child):not(.wp-block-buttons), body:not(.home) .grid:not(:first-child) { margin-top: var(--spacing-m); } .formatted > :last-child, .formatted .wp-block-column > :last-child, .wp-block-group :last-child { margin-bottom: 0 !important; } /* Main block sizes and positioning */ .content, .center { position: relative; } .content { z-index: 20; } .center, .grid, .pagination, hr, .formatted p, .formatted h2, .formatted h3, .formatted h4, .formatted h5, .formatted h6, .formatted ol, .formatted ul:not(.grid-inner):not(.footer-nav), .formatted .wp-block-image, .formatted .wp-block-buttons, .formatted .wp-block-file, .formatted blockquote, .formatted div.nf-form-cont, .formatted .wp-block-columns, .formatted .wp-block-table, .formatted .wp-block-embed, .size-content-width { max-width: 64rem; margin-left: auto; margin-right: auto; } .center-narrow, hr, .formatted p, .formatted h2, .formatted h3, .formatted h4, .formatted h5, .formatted h6, .formatted ol, .formatted ul:not(.grid-inner):not(.footer-nav), .formatted .wp-block-buttons, .formatted .wp-block-file, .formatted blockquote, .formatted div.nf-form-cont, .formatted .wp-block-columns.is-style-narrow, .formatted .wp-block-table.is-style-narrow, .formatted .wp-block-embed.is-style-narrow, .size-content-width { max-width: 42rem; } .is-style-wide, .is-style-two-columns-wide { max-width: 64rem !important; } /* Article header: Page title and breadcrumbs */ .article-header { background: var(--color-title) url("images/pattern-blue.png") repeat center top; } .article-header-inner { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; height: 19rem; } .page-title { width: 100%; max-width: 46rem; margin: 0 auto; padding: var(--spacing-box-l-ver) var(--spacing-box-l-hor) 0.6rem var(--spacing-box-l-hor); background: #fff; } .article-header h1 { margin-bottom: 0; } .breadcrumbs { margin-bottom: 0.5rem; } .breadcrumbs.levels-1 { display: none; } .breadcrumbs a, .breadcrumbs span { color: var(--color-link); font-weight: bold; text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .sep { display: inline-block; width: 0.5rem; height: 0.7rem; overflow: hidden; margin: 0 0.2rem; background-repeat: no-repeat; background-size: contain; text-indent: -300px; vertical-align: -6%; } .link-arrow::after, .breadcrumbs .sep { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20295%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%230078b7%22%20d%3D%22M52.765%20294.954L.8%20242.18l93.407-94.217L.8%2053.753%2052.765.976l146.989%20146.987L52.765%20294.954zm57.468-130.962L32.44%20242.18l20.325%2020.722%2078.189-78.19-20.721-20.72zM52.765%2033.31L32.44%2053.753l77.793%2078.185%2020.721-20.722L52.765%2033.31z%22%2F%3E%3C%2Fsvg%3E%0A"); } /* ----------------------------------------------------------------------------------------- */ /* ----- Layout: Header -------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ .site-header { position: absolute; left: 0; top: 0; right: 0; border-bottom: var(--border-width) solid rgba(255, 255, 255, 0.3); z-index: 50; } .admin-bar .site-header { top: 32px; } .site-wide-notice-active .site-header { top: 2.55rem; } .site-wide-notice-active.admin-bar .site-header { top: calc(2.55rem + 32px); } .site-header .site-header-inner { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .site-header .logo { width: 18rem; height: 3rem; margin: 1.5rem auto 1.5rem 0; } /* Main navigation */ .nav-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: rgba(0, 0, 0, 0.85); opacity: 0; z-index: 40; will-change: opacity; transition: opacity 0.3s ease-in-out; } .nav-overlay.active { opacity: 0.8; pointer-events: auto; } .nav-wrapper { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-self: flex-end; align-self: flex-end; -webkit-flex-direction: column; flex-direction: column; margin-bottom: calc(var(--border-width) * -1); } .main-nav, .top-nav { margin-left: auto; } .main-nav > ul, .top-nav, .top-nav > ul { display: -webkit-flex; display: flex; } .main-nav > ul > li { position: relative; } .main-nav > ul > li:not(:first-child) { margin-left: 1.8rem; } .top-nav { margin-bottom: 0.7rem; } .top-nav > .top-nav-inner > li { margin-right: 1.3rem; } .main-nav > ul > li > a, .top-nav > .top-nav-inner > li > a { display: block; text-decoration: none; } .top-nav > .top-nav-inner > li > a:hover { text-decoration: underline; } .main-nav > ul > li > a { padding: 0.2rem 0 1.1rem 0; font-size: 1.1rem; font-weight: bold; } .main-nav > ul > li > a::before, .main-nav > ul > li.current-menu-item > a::before, .main-nav > ul > li.current-page-ancestor > a::before, .main-nav > ul > li.current-menu-ancestor > a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #fff; transition: height 0.15s; } .main-nav > ul > li:hover > a::before, .main-nav > ul > li.current-menu-item > a::before, .main-nav > ul > li.current-page-ancestor > a::before, .main-nav > ul > li.current-menu-ancestor > a::before { height: 0.2rem; } .main-nav > ul > li.menu-item-has-children > a::after { content: "↓"; display: inline-block; width: 0.75rem; height: 0.5rem; overflow: hidden; margin-left: 0.5rem; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20200%22%3E%3Cpath%20d%3D%22M0%2052.2382L53.855%200l96.147%2093.898L246.142%200%20300%2052.2382%20150.002%20200zm133.6447%2057.7701L53.855%2031.8063l-21.1465%2020.432%2079.7917%2078.6zm133.359-57.77l-20.8618-20.432-79.7866%2078.202%2021.1465%2020.83z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat; background-size: contain; text-indent: -300px; vertical-align: 7%; } /* Main navigation: sub menus */ .main-nav > ul > li > .sub-menu { position: absolute; left: 0; top: -40rem; width: 14rem; padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor) calc(var(--spacing-box-s-ver) - 0.8rem) var(--spacing-box-s-hor); background: #fff; box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2); } .main-nav > ul > li:hover > .sub-menu { top: 100%; } .main-nav > ul > li > .sub-menu > li { margin-bottom: 0.8rem; } .main-nav .sub-menu a { color: var(--color-link); text-decoration: none; } .main-nav .sub-menu a:hover { text-decoration: underline; } .main-nav > ul > li > .sub-menu > li > a { font-weight: bold; } /* Main navigation: sub sub menus */ .main-nav .sub-menu .sub-menu { margin-top: 0.2rem; } .main-nav .sub-menu .sub-menu li a { color: var(--color-text); } .main-nav .sub-menu .sub-menu li a:hover { color: var(--color-link); } /* Main navigation: large dropdown */ .main-nav > ul > li.has-large-dropdown > .sub-menu { width: 28rem; padding-left: 1rem; padding-right: 1rem; } .main-nav > ul > li.has-large-dropdown > .sub-menu > li { float: left; width: 13rem; padding: 0 0.5rem; } /* Mobile navigation (MMenu Light) and other buttons */ .nav-wrapper-mobile, #mobile-nav { display: none; } .site-header .button { margin-left: 1.5rem; } /* Site-wide notice */ .site-wide-notice { padding-top: 0.75rem; padding-bottom: 0.75rem; background: #ffe390; color: var(--color-title); } .site-wide-notice p { max-width: none; } /* ----------------------------------------------------------------------------------------- */ /* ----- Layout: Footer and Call To Action ------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ .cta { margin-bottom: calc(var(--border-width) * -1); padding-top: var(--spacing-m); padding-bottom: var(--spacing-m); background: var(--color-link) url("images/pattern-letters.png") no-repeat center bottom; } .site-footer { border-top: var(--border-width) solid var(--color-border); background: #fff; } .site-footer-inner { display: -webkit-flex; display: flex; } .footer-top { padding-top: var(--spacing-m); } .footer-blocks { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 calc(var(--spacing-m-half) * -1); } .footer-block { width: 25%; padding: 0 var(--spacing-m-half) var(--spacing-m) var(--spacing-m-half); } .footer-block li:not(:last-child) { margin-bottom: 0.6rem; } .footer-block a { text-decoration: none; } .footer-block a:hover { text-decoration: underline; } .footer-block-logo { text-align: right; } .footer-block-logo .logo-footer, .footer-block-logo address { margin-bottom: 1rem; } .footer-block-logo .logo-footer { display: block; } .footer-bottom { padding-top: 1rem; border-top: var(--border-width) solid var(--color-border); } .footer-bottom-inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } /* ----------------------------------------------------------------------------------------- */ /* ----- Grids / Archive pages ------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ .grid { margin-top: 1rem; } .grid-inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; margin: 0 calc(var(--spacing-m-half) * -1); } .grid-2-col .grid-inner { margin: 0 calc(var(--spacing-l-half) * -1); } .grid .grid-item { padding: 0 var(--spacing-m-half) var(--spacing-m) var(--spacing-m-half); } .grid-2-col .grid-item { padding: 0 var(--spacing-l-half) var(--spacing-l) var(--spacing-l-half); } .grid-1-col .grid-item { width: 100%; } .grid-2-col .grid-item { width: 50%; } .grid-3-col .grid-item { width: 33.33333333%; } .grid-4-col .grid-item { width: 25%; } .grid .grid-item .inner { position: relative; display: block; height: 100%; margin: 0 auto; background: #fff; text-decoration: none; color: inherit; } .grid-has-borders .grid-item .inner { border: var(--border-width) solid var(--color-border); } .grid.grid-2-col .grid-item .inner { max-width: 610px; } .grid.grid-3-col .grid-item .inner { max-width: 400px; } .grid.grid-4-col .grid-item .inner { max-width: 290px; } .grid .grid-item .text { padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); } .grid .grid-item .text :last-child { margin-bottom: 0; } /* Image gallery grid */ .formatted > .grid-gallery + h2, .formatted > .grid-gallery + h3, .formatted > .grid-gallery + h3, .formatted > .grid-gallery + [class*="wp-block-"], .formatted > .grid-gallery + .grid { margin-top: 0; } .grid.grid-gallery .grid-item .inner::after { content: ""; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 1.2rem; height: 1.2rem; background: var(--color-link) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M8%205H5v3H3V5H0V3h3V0h2v3h3v2z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center center; background-size: 33.33333333%; } /* Sub pages grid, image style */ .grid.is-style-image .grid-item .text { position: absolute; left: 0; bottom: 0; right: 0; padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%); text-align: left; color: #fff; } .grid.is-style-image .grid-item .text h3 { margin: 0; color: #fff !important; } .grid.is-style-image .grid-item .text .excerpt { display: none; } /* Notices grid */ .grid.grid-notices .grid-item:nth-child(odd):last-child { width: 100%; } .grid.grid-notices .grid-item .inner { max-width: 42rem; border-left: 4px solid var(--color-link); } .grid.grid-notices .grid-item .text { padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); } /* Grid with large images (used for projects, concept homes) */ .grid.grid-large-thumbs h3, .grid.grid-large-thumbs .size-h3 { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: var(--spacing-m) var(--spacing-box-s-hor) var(--spacing-box-s-ver) var(--spacing-box-s-hor); background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); color: #fff !important; } .grid.grid-large-thumbs .label { position: absolute; left: -1rem; top: 1rem; padding: 0.2rem 0.5rem; background: var(--color-title); text-transform: uppercase; font-weight: bold; color: #fff; } /* News grid */ .grid.grid-news .grid-inner { -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.grid-news .grid-item .inner { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .grid.grid-news .grid-item img { width: 32.78688525%; -webkit-align-self: flex-start; align-self: flex-start; } .grid.grid-news .grid-item .text { padding: 0 0 0 1rem; flex-grow: 1; } .grid.grid-news h3, .grid.grid-news .size-h3 { margin-bottom: 0.5rem; } /* Concept homes grid */ .grid-concept-homes .grid-item .text { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } /* ----------------------------------------------------------------------------------------- */ /* ----- Content pages and blocks ---------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* Columns */ @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } .wp-block-column:not(:first-child) { margin: var(--spacing-l) 0 0 0; } } @media (min-width: 600px) { .wp-block-column:not(:only-child) { flex-basis: calc(50% - var(--spacing-l-half)) !important; flex-grow: 0; } .wp-block-column:not(:first-child):not(:only-child) { margin: 0 0 0 var(--spacing-l) !important; } } /* Buttons */ .wp-block-buttons { margin-top: -0.3rem; margin-bottom: calc(var(--spacing-m) - 0.3rem); } .wp-block-buttons .wp-block-button { margin: 0.3rem 0.3rem 0.3rem 0 !important; } .formatted .button + .button, .grid.grid-notices .grid-item .text .button + .button { margin-left: 0.3rem; } /* Images */ .wp-block-image img { margin: 0 auto; } .formatted .wp-block-image .alignleft, .formatted .wp-block-image .alignright { display: block; float: none; margin: 0; } .wp-block-image figcaption { margin: 0.5rem 0 0 0; text-align: center; } /* Blockquote */ blockquote { padding: var(--spacing-box-s-ver) var(--spacing-box-s-hor); border-left: 4px solid var(--color-link); background: var(--color-bg-light); } blockquote p { margin-bottom: 0.5rem; } blockquote p:last-child { margin-bottom: 0; } blockquote cite { font-weight: bold; font-style: normal; color: var(--color-title); } /* File download */ .wp-block-file { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } .wp-block-file a:not([class]) { font-weight: bold; text-decoration: none; color: var(--color-text-light); } .wp-block-file a:not([class]):hover { text-decoration: underline; color: var(--color-link); } /* Group */ .wp-block-group.is-style-background { padding-top: var(--spacing-m); padding-bottom: var(--spacing-m); background: var(--color-bg-light) url("images/pattern-light.png") repeat center top; } /* ----------------------------------------------------------------------------------------- */ /* ----- Home page ------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* Intro image and text */ .intro-home { position: relative; background-repeat: no-repeat; background-position: center 0; background-size: cover; } .intro-home::before, .intro-home::after { content: ""; position: absolute; left: 0; right: 0; height: 12rem; } .intro-home::before { top: 0; background: linear-gradient(to bottom, rgba(0, 80, 129, 1) 0%, rgba(0, 80, 129, 0) 100%); } .intro-home::after { bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); } .intro-home .intro-home-inner { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 45rem; padding: 6rem 0 4.5rem 0; } .intro-home .text { position: relative; width: 30.5rem; padding: var(--spacing-box-l-ver) var(--spacing-box-l-hor); background: rgba(255, 255, 255, 0.9); z-index: 10; } .intro-home .text::before, .intro-home .text::after { content: ""; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border-color: #fff; border-style: solid; pointer-events: none; } .intro-home .text::before { top: -1.1rem; right: -1.1rem; border-width: 0 0 2px 2px; } .intro-home .text::after { bottom: -1.1rem; left: -1.1rem; border-width: 2px 2px 0 0; } .intro-home .text p:not(:last-child) { margin-bottom: 1.5rem; } .intro-home .text .intro-button-wrapper { margin: -0.5rem -0.2rem; } .intro-home .text .intro-button-wrapper br { display: none; } .intro-home .text .intro-button-wrapper > *:not(br) { display: inline-block; margin: 0.5rem 0.2rem; } .intro-home .text .intro-button-wrapper span { padding-left: 0.2rem; } .intro-home .text .intro-button-wrapper .link-scroll { position: relative; font-weight: bold; } .intro-home .text .intro-button-wrapper .link-scroll::after { content: ""; position: absolute; right: -2.2rem; top: 0.4rem; width: 1.75rem; height: 1.55rem; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.84%2022.29%22%3E%3Cpath%20d%3D%22M24.87%2016.2c-.77.36-1.55.7-2.3%201.1-.13.06-1.6.87-1.6.73.03-1.77.16-3.2-.4-4.95a16.65%2016.65%200%200%200-2.46-4.72%2022.23%2022.23%200%200%200-7.27-6.33C8.39.69%205.24-.42%202.42.16%201.89.26-.56%201.22.12%202.14c.32.43.77-.04%201.15-.19a5.62%205.62%200%200%201%202.37-.33c6.1.2%2011.95%206.23%2014%2011.58.55%201.43.87%202.94.66%204.48-.04.34-.16%201.58-.49%201.66-.31.08-1.32-1.56-1.56-1.84-.84-.97-1.83-2.34-2.95-3.01-.5-.3-1.05-.43-1.43.11-.46.64.1%201.25.46%201.76%201.03%201.44%202.3%202.7%203.5%204%201.07%201.2%201.9%202.58%203.54%201.59%201.65-1%203.19-2.26%204.72-3.42.43-.32%201.68-1.06%201.74-1.73.1-.98-.8-.24-.96-.6-.7.32.01.02%200%200%22%20fill%3D%22%230078b7%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: contain; } /* Main choice */ .home-choice { margin-top: -4.5rem; } .home-choice ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 calc(var(--spacing-m-half) * -1); } .home-choice ul li { width: 33.33333333%; padding: 0 var(--spacing-m-half) var(--spacing-m) var(--spacing-m-half); } .home-choice ul li .inner { position: relative; display: block; padding-bottom: 3rem; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; height: 100%; } .home-choice ul li .inner:hover { transform: translateY(-0.6rem); box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5); } .home-choice ul li:nth-child(1) .inner, .home-choice ul li:nth-child(1) .thumbnail .size-h3 { background-color: var(--color-title); } .home-choice ul li:nth-child(2) .inner, .home-choice ul li:nth-child(2) .thumbnail .size-h3 { background-color: var(--color-link); } .home-choice ul li:nth-child(3) .inner, .home-choice ul li:nth-child(3) .thumbnail .size-h3 { background-color: #555; } .home-choice ul li .inner::after { position: absolute; right: var(--spacing-box-m-hor); bottom: 0.85rem; } .home-choice ul li .thumbnail { position: relative; } .home-choice ul li .thumbnail .size-h3 { position: absolute; left: 0; bottom: 0; max-width: 95%; margin: 0 !important; padding: 0.6rem var(--spacing-box-m-hor) 0 var(--spacing-box-m-hor); } .home-choice ul li .text { padding: var(--spacing-box-m-ver) var(--spacing-box-m-hor); } .home-choice ul li .text p { margin: 0; } /* Content middle */ .home-content-middle { margin-bottom: 3rem; } /* ----------------------------------------------------------------------------------------- */ /* ----- Responsive design (media queries) ------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ @-ms-viewport { width: device-width; } @media screen and (max-width: 1299px) { /* Typography */ html { font-size: 18px; } } @media screen and (max-width: 1279px) { .cta { background-size: contain; } } @media screen and (max-width: 1099px) { /* Home page */ .intro-home .intro-home-inner { min-height: 34rem; } } @media screen and (max-width: 1039px) { :root { --spacing-l: 2rem; --spacing-l-half: 1rem; } } @media screen and (max-width: 999px) { /* Header */ .site-header .logo { width: 16rem; height: 2.66666666rem; margin: 1rem auto 1rem 0; } .nav-wrapper { display: none; } .mm-ocd #mobile-nav { display: block; } .nav-wrapper-mobile { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } /* Title area */ .article-header { background-size: 707px; } .article-header-inner { height: 15rem; } /* Home page */ .intro-home .intro-home-inner { min-height: 30rem; padding-top: 6.5rem; } } @media screen and (max-width: 929px) { /* Footer */ .footer-top { padding-top: 1.8rem; } .footer-block { width: 50%; padding-bottom: 1.8rem; text-align: left; } .footer-block-logo .social-wrapper { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media screen and (max-width: 869px) { :root { --spacing-l: 1.5rem; --spacing-l-half: 0.75rem; --spacing-m: 1.5rem; --spacing-m-half: 0.75rem; --spacing-box-l-ver: 1.2rem; --spacing-box-l-hor: 1.5rem; } /* Typography */ h1, .size-h1 { font-size: 1.8rem; } h2, .size-h2 { font-size: 1.3rem; } /* Home page */ .home-choice ul li { width: 50%; } } @media screen and (min-width: 460px) and (max-width: 869px) { /* Home page */ .home-choice ul li:nth-child(odd):last-child { width: 100%; } .home-choice ul li:nth-child(odd):last-child .inner { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 0; } .home-choice ul li:nth-child(odd):last-child .thumbnail { width: calc(50% - var(--spacing-m-half)); } .home-choice ul li:nth-child(odd):last-child .thumbnail .size-h3 { left: 100%; top: 0.5rem; bottom: auto; width: 100%; max-width: 100%; } .home-choice ul li:nth-child(odd):last-child .text { width: calc(50% + var(--spacing-m-half)); padding-top: 3.5rem; padding-bottom: 3rem; } } @media screen and (max-width: 782px) { /* Header */ .admin-bar .site-header { top: 46px; } /* Footer */ .footer-bottom-inner { display: block; } .copyright, .creator { text-align: center; margin-bottom: 1rem; } /* Grids */ .grid-3-col .grid-item { width: 50%; } .grid-4-col .grid-item { width: 33.33333333%; } /* Home page */ .home .main-content { padding-top: 2.5rem; } .intro-home { background-size: contain; } .intro-home::before { height: 8rem; } .intro-home::after { display: none; } .intro-home .intro-home-inner { display: block; min-height: 0; padding-top: 70%; padding-bottom: 0; } .intro-home .text { width: auto; background: #fff; margin-top: -2rem; } .intro-home .text::before, .intro-home .text::after { border-color: transparent; border-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, #ddd 100%) 1; } .home-choice { margin-top: 0; } } @media screen and (max-width: 719px) { /* Home page */ .home-choice ul li .text { font-size: 0.8rem; } } @media screen and (max-width: 679px) { :root { --spacing-box-m-ver: 0.8rem; --spacing-box-m-hor: 1rem; } /* Notices grid */ .grid-notices .grid-item { width: 100%; } } @media screen and (max-width: 659px) { /* Home page */ .home .wp-block-columns { display: block; } .home .wp-block-column:not(:first-child) { margin: 2rem 0 0 0 !important; } } @media screen and (max-width: 599px) { /* Global */ .is-style-two-columns, .is-style-two-columns-wide { columns: auto; } /* Home page */ .home .site-header { position: static; border-bottom: 0 none; background: var(--color-title) url("images/pattern-blue.png") repeat center top; background-size: 707px; } .intro-home::before, .intro-home .text::before, .intro-home .text::after { display: none; } .intro-home .text { margin-top: 2rem; padding: 0; } } @media screen and (max-width: 539px) { /* Typography */ h1, .size-h1 { font-size: 1.4rem; } h2, .size-h2 { font-size: 1.2rem; } h3, .size-h3 { font-size: 1rem; } /* Header */ .site-header .logo { flex: 1; width: auto; max-width: 16rem; height: auto; } } @media screen and (max-width: 479px) { :root { --spacing-l: 1.2rem; --spacing-l-half: 0.6rem; --spacing-m: 1.2rem; --spacing-m-half: 0.6rem; --spacing-box-l-ver: 1rem; --spacing-box-l-hor: 1.2rem; } /* Forms */ div.nf-form-cont, .formatted div.nf-form-cont { margin-left: calc(var(--spacing-l) * -1); margin-right: calc(var(--spacing-l) * -1); } .page-id-9 div.nf-form-cont, .page-id-9 .formatted div.nf-form-cont { margin-bottom: calc(var(--spacing-l) * -1) !important; } /* Grids */ .grid-2-col .grid-item, .grid-3-col .grid-item { width: 100%; } .grid-4-col .grid-item { width: 50%; } /* Home page */ .intro-home .text .intro-button-wrapper br { display: block; } } @media screen and (max-width: 459px) { /* Footer */ .footer-block { width: 100%; text-align: center; } .footer-block-logo .social-wrapper { -webkit-justify-content: center; justify-content: center; } .footer-block-logo img { margin: 0 auto; } /* Home page */ .home-choice ul li { width: 100%; } .home-choice ul li .inner { max-width: 400px; margin: 0 auto; } } @media screen and (max-width: 379px) { /* Title area */ .article-header-inner { height: 13rem; } } @media screen and (max-width: 359px) { /* Typography */ html { font-size: 16px; } /* Header */ .site-header .button { margin-left: 1rem; } } /* ----------------------------------------------------------------------------------------- */ /* ----- Clears ---------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ .clear::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } /* ----------------------------------------------------------------------------------------- */ /* ----- Minified third party CSS ---------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* Swipebox v1.3.0 - github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide::before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(images/swipebox/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(images/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container::after,.swipebox-touch #swipebox-container::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container::before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container::after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container::before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container::after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:rgba(0, 0, 0, 0.85)}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} div#swipebox-bottom-bar { bottom: 0 !important; transform: none !important; } /* Mmenu Light */ :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:20px;margin-left:0;border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} .admin-bar .mm-ocd { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .mm-ocd { top: 46px; } } .mm-ocd--open { background: rgba(0, 0, 0, 0.85); } .mm-spn li:nth-child(-n+3) { font-weight: bold; } .mm-spn li:before, .mm-spn.mm-spn--navbar:before { opacity: 1; border-color: var(--color-link); } .mm-spn a { color: var(--color-link); }