/* abstracts */ /* * Global button styling */ /* * MEDIA QUERIES * Breakpoints for responsive sites */ /* * Breakpoint debugging */ /* * SASS Parent append * Useful if you want to add an append to the parent without writing it out again * Usage: @include parent-append(":hover") * Source: https://codepen.io/imkremen/pen/RMVBvq */ /* * Skew * Useful mixing to create skewed edges * Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff); * Source: http://www.hongkiat.com/blog/skewed-edges-css/ */ /* base */ /* buttons */ .wp-block-button { transition: transform; transition-duration: 250ms; } .wp-block-button:hover, .wp-block-button:active, .wp-block-button:focus, .wp-block-button:focus-visible { animation-name: none; animation-duration: 250ms; background-color: #cc3641 !important; background: linear-gradient(180deg, rgba(171, 43, 48, 0) 0%, #ab2b30 100%), #cc3641; transform: skewX(-10deg); } .wp-block-button:hover .wp-block-button__link, .wp-block-button:active .wp-block-button__link, .wp-block-button:focus .wp-block-button__link, .wp-block-button:focus-visible .wp-block-button__link { background-color: #cc3641 !important; background: linear-gradient(180deg, rgba(171, 43, 48, 0) 0%, #ab2b30 100%), #cc3641; transform: skewX(-10deg); } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:focus-visible { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--white) !important; } /* query blocks */ .wp-block-query .wp-block-post-title a { text-decoration: none; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers span.current { color: var(--wp--preset--color--secondary); font-weight: 700; } .wp-block-query.documents ul.wp-block-post-template li.wp-block-post { background-color: #f7f7f7; } /* seperator */ hr.wp-block-separator:is(.is-style-default) { width: 50% !important; margin-left: auto !important; margin-right: auto !important; } /* tabs */ .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab[aria-selected=true] { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); } .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab { background: var(--wp--preset--color--white); color: var(--wp--preset--color--primary); text-transform: uppercase; font-weight: 500; } .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:hover, .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:active, .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:focus, .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:focus-visible { animation: pulse; animation-duration: 250ms; background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--white); } /* select */ select { padding: 1rem; border: solid 0.1rem var(--wp--preset--color--primary); } /* file field */ /* file field */ .wp-block-mfb-meta-field-block.is-file-field a { transition: all 250ms; display: inline-block; } .wp-block-mfb-meta-field-block.is-file-field a::after { transition: all 250ms; font: var(--fa-font-solid); content: "\f019"; font-size: var(--wp--preset--font-size--normal); color: var(--wp--preset--color--primary); } .wp-block-mfb-meta-field-block.is-file-field a:hover, .wp-block-mfb-meta-field-block.is-file-field a:active, .wp-block-mfb-meta-field-block.is-file-field a:focus, .wp-block-mfb-meta-field-block.is-file-field a:focus-visible { transform: scale(1); } .wp-block-mfb-meta-field-block.is-file-field a:hover::after, .wp-block-mfb-meta-field-block.is-file-field a:active::after, .wp-block-mfb-meta-field-block.is-file-field a:focus::after, .wp-block-mfb-meta-field-block.is-file-field a:focus-visible::after { color: var(--wp--preset--color--secondary); background-color: transparent; transform: scale(1); } /* root */ :root { font-size: 16px; --wp--preset--font-size--normal: 18px !important; } /* document */ html, body { scroll-behavior: smooth; } html *, body * { box-sizing: border-box; scroll-margin-top: var(--wp--preset--spacing--large); } html, body { max-width: 100vw; } html ::selection, body ::selection { color: #ffffff; background-color: var(--wp--preset--color--primary); } /* utilities */ .boxShadow { box-shadow: var(--wp--custom--box-shadow); } /* form - subscribe / unsubscribe */ .formNewsletterSubscribe_wrapper, .formNewsletterUnsubscribe_wrapper { width: 100%; } .formNewsletterSubscribe_wrapper .gform_required_legend, .formNewsletterUnsubscribe_wrapper .gform_required_legend { display: none; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields { grid-row-gap: 1rem !important; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields legend, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields label, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields legend, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields label, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields legend, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields label, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields legend, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields label { color: white; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields legend span, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields label span, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields legend span, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields label span, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields legend span, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields label span, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields legend span, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields label span { color: white; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha { order: 4; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_label, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .ginput_recaptcha, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_label, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .ginput_recaptcha, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_label, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .ginput_recaptcha, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_label, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .ginput_recaptcha { display: none; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description { color: var(--wp--preset--color--quinary); } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a { color: var(--wp--preset--color--quinary); } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:hover, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:active, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus-visible, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:hover, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:active, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus-visible, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:hover, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:active, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus-visible, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:hover, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:active, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-captcha .gfield_description a:focus-visible { color: var(--wp--preset--color--secondary); } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-name .ginput_container--name .name_first, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-name .ginput_container--name .name_first, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-name .ginput_container--name .name_first, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-name .ginput_container--name .name_first { flex-basis: 100%; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-name .ginput_container--name .name_last, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-name .ginput_container--name .name_last, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe .gform_fields .gfield--type-name .ginput_container--name .name_last, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe .gform_fields .gfield--type-name .ginput_container--name .name_last { flex-basis: 100%; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe input, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe input, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe input, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe input { background-color: white !important; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe input::placeholder, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe input::placeholder, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe input::placeholder, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe input::placeholder { color: #aaaaaa; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe button, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe button, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe button, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe button { transition: transform; transition-duration: 250ms; margin-top: 0 !important; background-color: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--white) !important; text-transform: uppercase !important; border-radius: 0px; } .formNewsletterSubscribe_wrapper .formNewsletterSubscribe button:hover, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe button:active, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe button:focus, .formNewsletterSubscribe_wrapper .formNewsletterSubscribe button:focus-visible, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe button:hover, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe button:active, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe button:focus, .formNewsletterSubscribe_wrapper .formNewsletterUnsubscribe button:focus-visible, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe button:hover, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe button:active, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe button:focus, .formNewsletterUnsubscribe_wrapper .formNewsletterSubscribe button:focus-visible, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe button:hover, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe button:active, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe button:focus, .formNewsletterUnsubscribe_wrapper .formNewsletterUnsubscribe button:focus-visible { animation-name: none; animation-duration: 250ms; background-color: #cc3641 !important; background: linear-gradient(180deg, rgba(171, 43, 48, 0) 0%, #ab2b30 100%), #cc3641; transform: skewX(-10deg); } /* contact */ .formContact_wrapper .gform_required_legend { display: none; } .formContact_wrapper .formContact .gform_fields { grid-row-gap: 1rem !important; } .formContact_wrapper .formContact .gform_fields legend, .formContact_wrapper .formContact .gform_fields label { color: var(--wp--preset--color--primary); } .formContact_wrapper .formContact .gform_fields legend span, .formContact_wrapper .formContact .gform_fields label span { color: var(--wp--preset--color--primary); } .formContact_wrapper .formContact .gform_fields .gfield--type-captcha { order: 4; } .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_label, .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .ginput_recaptcha { display: none; } .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description { color: var(--wp--preset--color--primary); } .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description a { color: var(--wp--preset--color--primary); } .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description a:hover, .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description a:active, .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description a:focus, .formContact_wrapper .formContact .gform_fields .gfield--type-captcha .gfield_description a:focus-visible { color: var(--wp--preset--color--secondary); } .formContact_wrapper .formContact .gform_fields .gfield--type-name .ginput_container--name .name_first { flex-basis: 100%; } .formContact_wrapper .formContact .gform_fields .gfield--type-name .ginput_container--name .name_last { flex-basis: 100%; } .formContact_wrapper .formContact input { background-color: white !important; } .formContact_wrapper .formContact input::placeholder { color: #aaaaaa; } .formContact_wrapper .formContact button { transition: transform; transition-duration: 250ms; margin-top: 0 !important; background-color: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--white) !important; text-transform: uppercase !important; border-radius: 0px; } .formContact_wrapper .formContact button:hover, .formContact_wrapper .formContact button:active, .formContact_wrapper .formContact button:focus, .formContact_wrapper .formContact button:focus-visible { animation-name: none; animation-duration: 250ms; background-color: #cc3641 !important; background: linear-gradient(180deg, rgba(171, 43, 48, 0) 0%, #ab2b30 100%), #cc3641; transform: skewX(-10deg); } #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { background-color: var(--wp--preset--color--primary) !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { background-color: var(--wp--preset--color--secondary) !important; border-radius: 0px; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:active, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus-visible, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:active, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus-visible { animation-name: pulse; animation-duration: 1s; color: #ffffff !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:active, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:focus, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:focus-visible { color: var(--wp--preset--color--secondary) !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:active, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:focus, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:focus-visible { color: var(--wp--preset--color--secondary) !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button { background-color: var(--wp--preset--color--primary) !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span { color: #ffffff !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:active, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:focus, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:focus-visible, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:active, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:focus, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:focus-visible { border-color: var(--wp--preset--color--secondary) !important; background-color: var(--wp--preset--color--secondary) !important; color: #ffffff !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:active, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:focus, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:focus-visible, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:active, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:focus, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:focus-visible { color: #ffffff !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover span.gdpr-icon, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:active i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:active span.gdpr-icon, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:focus i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:focus span.gdpr-icon, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:focus-visible i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:focus-visible span.gdpr-icon { background-color: var(--wp--preset--color--secondary) !important; border-color: var(--wp--preset--color--secondary) !important; } .wp-site-blocks { position: relative; overflow: clip; padding-top: 0 !important; padding-bottom: 0 !important; } .wp-site-blocks .wp-block-template-part { margin-top: 0 !important; } @media (max-width: 1023px) { .wp-site-blocks .wp-block-columns .wp-block-column:has(.sidebar) { order: 2; } } .wp-site-blocks .entry-content { width: 100%; } .sidebar { position: relative; top: 0px; } .sidebar::after { content: ""; position: absolute; top: -25%; right: -50px; height: 100%; width: 100px; background-image: url("https://wp-edgecopper-2025.s3.ca-central-1.amazonaws.com/media/2025/10/chevrons.png"); background-repeat: no-repeat; background-size: contain; z-index: 10; } @media (max-width: 767px) { .sidebar { order: 2; border: none !important; border-top: none !important; } } .sidebar ul { padding-left: 0; } .sidebar ul li { margin-block-start: var(--wp--preset--spacing--normal); transition: transform; transition-duration: 100ms; } .sidebar ul li:hover, .sidebar ul li:active, .sidebar ul li:focus, .sidebar ul li:focus-visible { transform: skewX(-10deg); } .sidebar ul li.current-menu-item { color: var(--wp--preset--color--secondary); transform: skewX(-10deg); } .sidebar ul li.current-menu-item a { color: var(--wp--preset--color--secondary); } .sidebar ul li a[aria-current=page] { color: var(--wp--preset--color--secondary); } .sidebar ul li:first-child { margin-block-start: 0rem !important; } /* tables */ /* wordpress table block */ figure.wp-block-table table a { text-decoration: none; text-transform: initial; } figure.wp-block-table table thead { font-weight: 500; background-color: efefef; } figure.wp-block-table.is-style-stripes tr:hover, figure.wp-block-table.is-style-stripes tr:active, figure.wp-block-table.is-style-stripes tr:focus, figure.wp-block-table.is-style-stripes tr:focus-visible { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--tertiary); } figure.wp-block-table.is-style-stripes tr td { padding: 2rem; font-weight: 500; } /* standard table */ .wp-site-blocks table { width: 100%; margin-top: 2rem; margin-bottom: 2rem; border: solid 1px; border-spacing: 10px; } .wp-site-blocks table thead { background-color: #efefef; border-bottom: solid 3px; } .wp-site-blocks table th, .wp-site-blocks table td { border: 1px solid; padding: 0.5em; } .wp-site-blocks table tr:first-child td { text-transform: initial; vertical-align: center; min-width: 0.5rem; } .wp-site-blocks table tr:first-child td.prngen19 { white-space: nowrap; } .wp-site-blocks table tr:first-child td span.prnews_span { font-size: var(--wp--preset--font-size-small); color: inherit; } .wp-site-blocks table tr td span.prnews_span { font-size: var(--wp--preset--font-size-small); color: inherit; } /* document tables */ table.document-table { /* general documents */ border: none; } table.document-table th, table.document-table td { border: none; } table.document-table thead { display: none; } table.document-table tbody { border-bottom: none; } table.document-table tbody tr { background-color: none !important; border: none; border-bottom: 2px solid var(--wp--preset--color--secondary); } table.document-table tbody tr:nth-child(2n) { background: none; } table.document-table tbody tr td { text-transform: initial !important; vertical-align: center !important; padding: 1rem !important; border: none !important; background: none !important; } table.document-table tbody tr td a { line-height: initial; } table.document-table tbody tr td a:hover, table.document-table tbody tr td a:active, table.document-table tbody tr td a:focus, table.document-table tbody tr td a:focus-visible { background-color: var(--wp--preset--color--tertiary) !important; transform: skewX(-10deg); } /* table tabs */ .block-document-table #table-nav { gap: 1rem; } .block-document-table #table-nav div { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--white); text-transform: uppercase; font-weight: 500; padding: 0.5rem 2rem; } .block-document-table #table-nav div[aria-selected=true] { background: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--white) !important; } .block-document-table #table-nav div:hover, .block-document-table #table-nav div:active, .block-document-table #table-nav div:focus, .block-document-table #table-nav div:focus-visible { animation: none; animation-duration: 250ms; background-color: #cc3641 !important; background: linear-gradient(180deg, rgba(171, 43, 48, 0) 0%, #ab2b30 100%), #cc3641; transform: skewX(-10deg); } @media (max-width: 767px) { .block-document-table { overflow-x: scroll; } } .page h1 a, .page h2 a, .page h3 a, .page h4 a, .blog h1 a, .blog h2 a, .blog h3 a, .blog h4 a, .archive h1 a, .archive h2 a, .archive h3 a, .archive h4 a, .single h1 a, .single h2 a, .single h3 a, .single h4 a, .category h1 a, .category h2 a, .category h3 a, .category h4 a, .tag h1 a, .tag h2 a, .tag h3 a, .tag h4 a { transition: transform; transition-duration: 150ms; } .page h1 a:hover, .page h1 a:active, .page h1 a:focus, .page h1 a:focus-visible, .page h2 a:hover, .page h2 a:active, .page h2 a:focus, .page h2 a:focus-visible, .page h3 a:hover, .page h3 a:active, .page h3 a:focus, .page h3 a:focus-visible, .page h4 a:hover, .page h4 a:active, .page h4 a:focus, .page h4 a:focus-visible, .blog h1 a:hover, .blog h1 a:active, .blog h1 a:focus, .blog h1 a:focus-visible, .blog h2 a:hover, .blog h2 a:active, .blog h2 a:focus, .blog h2 a:focus-visible, .blog h3 a:hover, .blog h3 a:active, .blog h3 a:focus, .blog h3 a:focus-visible, .blog h4 a:hover, .blog h4 a:active, .blog h4 a:focus, .blog h4 a:focus-visible, .archive h1 a:hover, .archive h1 a:active, .archive h1 a:focus, .archive h1 a:focus-visible, .archive h2 a:hover, .archive h2 a:active, .archive h2 a:focus, .archive h2 a:focus-visible, .archive h3 a:hover, .archive h3 a:active, .archive h3 a:focus, .archive h3 a:focus-visible, .archive h4 a:hover, .archive h4 a:active, .archive h4 a:focus, .archive h4 a:focus-visible, .single h1 a:hover, .single h1 a:active, .single h1 a:focus, .single h1 a:focus-visible, .single h2 a:hover, .single h2 a:active, .single h2 a:focus, .single h2 a:focus-visible, .single h3 a:hover, .single h3 a:active, .single h3 a:focus, .single h3 a:focus-visible, .single h4 a:hover, .single h4 a:active, .single h4 a:focus, .single h4 a:focus-visible, .category h1 a:hover, .category h1 a:active, .category h1 a:focus, .category h1 a:focus-visible, .category h2 a:hover, .category h2 a:active, .category h2 a:focus, .category h2 a:focus-visible, .category h3 a:hover, .category h3 a:active, .category h3 a:focus, .category h3 a:focus-visible, .category h4 a:hover, .category h4 a:active, .category h4 a:focus, .category h4 a:focus-visible, .tag h1 a:hover, .tag h1 a:active, .tag h1 a:focus, .tag h1 a:focus-visible, .tag h2 a:hover, .tag h2 a:active, .tag h2 a:focus, .tag h2 a:focus-visible, .tag h3 a:hover, .tag h3 a:active, .tag h3 a:focus, .tag h3 a:focus-visible, .tag h4 a:hover, .tag h4 a:active, .tag h4 a:focus, .tag h4 a:focus-visible { transform: skewX(-5deg); } .page h5 a, .page h6 a, .page p a, .blog h5 a, .blog h6 a, .blog p a, .archive h5 a, .archive h6 a, .archive p a, .single h5 a, .single h6 a, .single p a, .category h5 a, .category h6 a, .category p a, .tag h5 a, .tag h6 a, .tag p a { transition: transform; transition-duration: 150ms; } .page h5 a:hover, .page h5 a:active, .page h5 a:focus, .page h5 a:focus-visible, .page h6 a:hover, .page h6 a:active, .page h6 a:focus, .page h6 a:focus-visible, .page p a:hover, .page p a:active, .page p a:focus, .page p a:focus-visible, .blog h5 a:hover, .blog h5 a:active, .blog h5 a:focus, .blog h5 a:focus-visible, .blog h6 a:hover, .blog h6 a:active, .blog h6 a:focus, .blog h6 a:focus-visible, .blog p a:hover, .blog p a:active, .blog p a:focus, .blog p a:focus-visible, .archive h5 a:hover, .archive h5 a:active, .archive h5 a:focus, .archive h5 a:focus-visible, .archive h6 a:hover, .archive h6 a:active, .archive h6 a:focus, .archive h6 a:focus-visible, .archive p a:hover, .archive p a:active, .archive p a:focus, .archive p a:focus-visible, .single h5 a:hover, .single h5 a:active, .single h5 a:focus, .single h5 a:focus-visible, .single h6 a:hover, .single h6 a:active, .single h6 a:focus, .single h6 a:focus-visible, .single p a:hover, .single p a:active, .single p a:focus, .single p a:focus-visible, .category h5 a:hover, .category h5 a:active, .category h5 a:focus, .category h5 a:focus-visible, .category h6 a:hover, .category h6 a:active, .category h6 a:focus, .category h6 a:focus-visible, .category p a:hover, .category p a:active, .category p a:focus, .category p a:focus-visible, .tag h5 a:hover, .tag h5 a:active, .tag h5 a:focus, .tag h5 a:focus-visible, .tag h6 a:hover, .tag h6 a:active, .tag h6 a:focus, .tag h6 a:focus-visible, .tag p a:hover, .tag p a:active, .tag p a:focus, .tag p a:focus-visible { transform: skewX(-10deg); } .page strong, .blog strong, .archive strong, .single strong, .category strong, .tag strong { font-weight: 700; } .page em, .blog em, .archive em, .single em, .category em, .tag em { font-style: italic; } .page s, .blog s, .archive s, .single s, .category s, .tag s { text-decoration: line-through; } .page sub, .blog sub, .archive sub, .single sub, .category sub, .tag sub { vertical-align: sub; font-size: smaller; } .page sup, .blog sup, .archive sup, .single sup, .category sup, .tag sup { vertical-align: super; font-size: smaller; } .page ol, .blog ol, .archive ol, .single ol, .category ol, .tag ol { list-style: decimal; } .page ul, .blog ul, .archive ul, .single ul, .category ul, .tag ul { list-style: disc; } .page .wp-block-post-template, .blog .wp-block-post-template, .archive .wp-block-post-template, .single .wp-block-post-template, .category .wp-block-post-template, .tag .wp-block-post-template { list-style: none !important; } .page .sidebar ul li, .blog .sidebar ul li, .archive .sidebar ul li, .single .sidebar ul li, .category .sidebar ul li, .tag .sidebar ul li { list-style: none !important; } .page .sidebar ul li a, .blog .sidebar ul li a, .archive .sidebar ul li a, .single .sidebar ul li a, .category .sidebar ul li a, .tag .sidebar ul li a { text-decoration: none; } .page .sidebar ul.wp-block-navigation li a:hover, .page .sidebar ul.wp-block-navigation li a:active, .page .sidebar ul.wp-block-navigation li a:focus, .page .sidebar ul.wp-block-navigation li a:focus-visible, .blog .sidebar ul.wp-block-navigation li a:hover, .blog .sidebar ul.wp-block-navigation li a:active, .blog .sidebar ul.wp-block-navigation li a:focus, .blog .sidebar ul.wp-block-navigation li a:focus-visible, .archive .sidebar ul.wp-block-navigation li a:hover, .archive .sidebar ul.wp-block-navigation li a:active, .archive .sidebar ul.wp-block-navigation li a:focus, .archive .sidebar ul.wp-block-navigation li a:focus-visible, .single .sidebar ul.wp-block-navigation li a:hover, .single .sidebar ul.wp-block-navigation li a:active, .single .sidebar ul.wp-block-navigation li a:focus, .single .sidebar ul.wp-block-navigation li a:focus-visible, .category .sidebar ul.wp-block-navigation li a:hover, .category .sidebar ul.wp-block-navigation li a:active, .category .sidebar ul.wp-block-navigation li a:focus, .category .sidebar ul.wp-block-navigation li a:focus-visible, .tag .sidebar ul.wp-block-navigation li a:hover, .tag .sidebar ul.wp-block-navigation li a:active, .tag .sidebar ul.wp-block-navigation li a:focus, .tag .sidebar ul.wp-block-navigation li a:focus-visible { color: var(--wp--preset--color--secondary); } .page .wp-block-post-title, .page .wp-block-post-date, .blog .wp-block-post-title, .blog .wp-block-post-date, .archive .wp-block-post-title, .archive .wp-block-post-date, .single .wp-block-post-title, .single .wp-block-post-date, .category .wp-block-post-title, .category .wp-block-post-date, .tag .wp-block-post-title, .tag .wp-block-post-date { line-height: 1.5; } .page .wp-block-post-title a, .page .wp-block-post-date a, .blog .wp-block-post-title a, .blog .wp-block-post-date a, .archive .wp-block-post-title a, .archive .wp-block-post-date a, .single .wp-block-post-title a, .single .wp-block-post-date a, .category .wp-block-post-title a, .category .wp-block-post-date a, .tag .wp-block-post-title a, .tag .wp-block-post-date a { text-decoration: none; } .page a, .blog a, .archive a, .single a, .category a, .tag a { /* accessibliity */ } .page a:focus, .page a:focus-visible, .page a:focus-within, .blog a:focus, .blog a:focus-visible, .blog a:focus-within, .archive a:focus, .archive a:focus-visible, .archive a:focus-within, .single a:focus, .single a:focus-visible, .single a:focus-within, .category a:focus, .category a:focus-visible, .category a:focus-within, .tag a:focus, .tag a:focus-visible, .tag a:focus-within { /* outline: solid 1px var(--wp--preset--color--white); */ outline: none !important; } /* pages */ /* parts */ body.home .wp-site-blocks .banner { position: relative; z-index: 0; overflow-y: visible; overflow-x: clip; width: 100%; height: 80vh; } @media (max-width: 1440px) { body.home .wp-site-blocks .banner { padding: var(--wp--preset--spacing--medium) !important; } } body.home .wp-site-blocks .wp-block-cover__image-background { display: none !important; } body.home .wp-site-blocks .wp-block-cover__inner-container { height: 100%; } body.home .wp-site-blocks .wp-block-proactive-block-swiper-home { height: 120%; } body.home .wp-site-blocks h1 { position: absolute; z-index: 10; font-size: 3rem !important; width: 33%; } @media (max-width: 1440px) { body.home .wp-site-blocks h1 { font-size: 2.8rem !important; width: 100%; } } @media (max-width: 1023px) { body.home .wp-site-blocks h1 { font-size: 2.5rem !important; width: 100%; } } body.home .wp-site-blocks .slide .imageWrapper { position: relative; } body.home .wp-site-blocks .slide .imageWrapper::before { content: ""; position: absolute; top: -150px; left: -150px; width: 400px; height: 400px; background: linear-gradient(135deg, rgb(20, 37, 65) 80%, transparent 100%); filter: blur(65px); /* background: linear-gradient(135deg, rgba(195, 20, 50, 1) 0%, transparent 100%); */ pointer-events: none; /* allows clicking through to the image */ } body.home .wp-site-blocks .slide .imageWrapper::after { content: ""; position: absolute; top: -120px; left: -120px; width: 300px; height: 300px; background: linear-gradient(135deg, transparent 0%, transparent 80%, rgba(45, 52, 97, 0.4) 100%); clip-path: polygon(0 0, 100% 0, 0 100%); filter: blur(60px); pointer-events: none; } body .wp-site-blocks .bannerStaticNews { position: relative; z-index: 0; overflow: visible; width: 100%; } body .wp-site-blocks .bannerStaticNews a { text-decoration: none; } body .wp-site-blocks .bannerStaticNews a:hover, body .wp-site-blocks .bannerStaticNews a:active, body .wp-site-blocks .bannerStaticNews a:focus, body .wp-site-blocks .bannerStaticNews a:focus-visible { color: var(--wp--preset--color--primary); } @media (max-width: 1023px) { body .wp-site-blocks .bannerStaticNews .wp-block-cover .wp-block-cover__image-background { object-fit: cover; object-position: 100% 0%; } } body .wp-site-blocks .bannerStatic { position: relative; z-index: 0; overflow: visible; width: 100%; } body .wp-site-blocks .bannerStatic::after { content: ""; position: absolute; top: 25%; left: 0; height: 25vh; width: 100px; background-image: url("https://wp-edgecopper-2025.s3.ca-central-1.amazonaws.com/media/2025/10/chevrons.png"); background-repeat: no-repeat; background-size: contain; z-index: 10; } body .wp-site-blocks .bannerStatic .wp-block-post-title { margin-bottom: initial !important; font-size: var(--wp--preset--font-size--xl); } body .wp-site-blocks .bannerStatic .wp-block-cover__inner-container { padding: 0 !important; } @media (max-width: 1440px) { body .wp-site-blocks .bannerStatic::after { left: -25px; } } @media (max-width: 767px) { body .wp-site-blocks .bannerStatic { padding-right: var(--wp--preset--spacing--medium) !important; padding-left: var(--wp--preset--spacing--medium) !important; } body .wp-site-blocks .bannerStatic::after { left: -50px; } } /* swiper variables */ :root { --swiper-theme-color: var(--wp--preset--color--white) !important; --swiper-navigation-sides-offset: 2vw; --swiper-pagination-top: auto; --swiper-pagination-bottom: 0px; --swiper-navigation-top-offset: 50%; } body .wp-site-blocks .bannerSlideshow { position: relative; z-index: 0; overflow: visible; width: 100%; } body .wp-site-blocks .bannerSlideshow a { text-decoration: none; } body .wp-site-blocks .bannerSlideshow { /* swiper */ } body .wp-site-blocks .bannerSlideshow .bannerSwiper { width: 100vw; height: 60vh; overflow: hidden; margin: 0px; /* title */ } body .wp-site-blocks .bannerSlideshow .bannerSwiper h1 { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; z-index: 1; text-align: center; } body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: 50%; } body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-wrapper ::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.2; } body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-button-prev, body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-button-next { color: var(--wp--preset--color--white); } body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-button-prev:hover, body .wp-site-blocks .bannerSlideshow .bannerSwiper .swiper-button-next:hover { color: var(--wp--preset--color--primary); } body .wp-site-blocks { /* banner - video */ } body .wp-site-blocks .bannerVideo { cursor: pointer; position: relative; z-index: 0; overflow: visible; width: 100%; /* play icon */ } body .wp-site-blocks .bannerVideo svg:hover path:first-child, body .wp-site-blocks .bannerVideo svg:active path:first-child, body .wp-site-blocks .bannerVideo svg:focus path:first-child, body .wp-site-blocks .bannerVideo svg:focus-visible path:first-child { fill: var(--wp--preset--color--primary) !important; } body .wp-site-blocks .bannerVideo svg:hover path:last-child, body .wp-site-blocks .bannerVideo svg:active path:last-child, body .wp-site-blocks .bannerVideo svg:focus path:last-child, body .wp-site-blocks .bannerVideo svg:focus-visible path:last-child { stroke: var(--wp--preset--color--primary) !important; } /* footer */ footer ::selection { background: var(--wp--preset--color--primary); } footer #copyrightNotice { position: absolute; bottom: var(--wp--preset--spacing--large); } @media (max-width: 1023px) { footer #copyrightNotice { position: relative; bottom: 0; } } footer a { transition: transform; transition-duration: 150ms; text-decoration: underline; color: white !important; } footer a:hover, footer a:active, footer a:focus, footer a:focus-visible { color: var(--wp--preset--color--primary) !important; transform: skewX(-10deg); } footer a:focus, footer a:focus-visible, footer a:focus-within { outline: solid 1px var(--wp--preset--color--primary); } footer .wp-block-columns .wp-block-column { position: relative; overflow: clip; } footer .wp-block-columns .wp-block-column:last-child h3 { position: relative; z-index: 10; } footer .wp-block-columns .wp-block-column:last-child .gform_wrapper { position: relative; z-index: 10; } footer .wp-block-columns .wp-block-column:last-child::after { content: ""; position: absolute; top: 0; right: 0; z-index: 0; height: 100%; width: 360px; background-image: url("https://edgecopper.local/wp-content/uploads/2025/10/submarkFooter.svg"); background-size: cover; background-repeat: no-repeat; } footer .wp-block-social-links .wp-block-social-link:hover, footer .wp-block-social-links .wp-block-social-link:active, footer .wp-block-social-links .wp-block-social-link:focus, footer .wp-block-social-links .wp-block-social-link:focus-visible { background-color: var(--wp--preset--color--secondary) !important; } footer .wp-block-social-links .wp-block-social-link:hover a.wp-block-social-link-anchor, footer .wp-block-social-links .wp-block-social-link:active a.wp-block-social-link-anchor, footer .wp-block-social-links .wp-block-social-link:focus a.wp-block-social-link-anchor, footer .wp-block-social-links .wp-block-social-link:focus-visible a.wp-block-social-link-anchor { color: var(--wp--preset--color--white) !important; } footer nav { width: 100%; flex-wrap: nowrap !important; } @media (max-width: 767px) { footer nav { flex-wrap: wrap !important; } } footer nav[aria-label="Footer Submenu"] ul { gap: 1rem; } footer ul.wp-block-navigation__container { flex-wrap: nowrap; width: 100%; align-items: flex-start; gap: var(--wp--preset--spacing--xl); } @media (max-width: 1440px) { footer ul.wp-block-navigation__container { gap: initial; justify-content: space-between; } } footer ul.wp-block-navigation__container .wp-block-navigation-item a { white-space: nowrap; } footer ul.wp-block-navigation__container li.wp-block-navigation-item.has-child { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; max-width: 180px; font-size: var(--wp--preset--font-size--medium); } footer ul.wp-block-navigation__container li.wp-block-navigation-item.has-child > a { font-size: var(--wp--preset--font-size--medium); font-weight: 800; } footer ul.wp-block-navigation__container li.wp-block-navigation-item.has-child .wp-block-navigation-submenu { display: block !important; } footer ul ul.wp-block-navigation__submenu-container { visibility: visible !important; opacity: initial !important; position: static !important; width: auto !important; height: auto !important; min-width: fit-content !important; margin-top: var(--wp--preset--spacing--small); color: initial !important; border: none !important; background-color: initial !important; } footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item { width: fit-content; margin-top: 0.5rem; font-size: var(--wp--preset--font-size--normal) !important; font-weight: 500; white-space: nowrap; } footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item a { color: var(--wp--preset--color--white) !important; text-decoration: underline; } footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover, footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item a:active, footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item a:focus, footer ul ul.wp-block-navigation__submenu-container .wp-block-navigation-item a:focus-visible { color: var(--wp--preset--color--primary) !important; } @media (max-width: 1440px) { footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child { padding: var(--wp--preset--spacing--large) var(--wp--preset--spacing--medium) !important; } } @media (max-width: 1023px) { footer .wp-block-columns { gap: 0 !important; flex-wrap: wrap !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { padding: var(--wp--preset--spacing--medium) !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child { order: 1; flex-basis: 100% !important; padding: var(--wp--preset--spacing--medium) !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2) { order: 2; flex-basis: 50% !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(3) { order: 3; flex-basis: 50% !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:last-child { order: 4; flex-basis: 100% !important; } } @media (max-width: 767px) { footer nav { align-content: center; } footer nav .wp-block-navigation { flex-direction: column; } footer .wp-block-social-links { justify-content: center !important; } footer .wp-block-columns { text-align: left; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child { order: 1; flex-basis: 100% !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2) { order: 2; flex-basis: 100% !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(3) { order: 3; flex-basis: 100% !important; } footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:last-child { order: 4; flex-basis: 100% !important; } footer .wp-block-columns .wp-block-site-logo img { max-width: 100%; } } /* general */ header .headerSecondary { position: relative; width: 100%; /* navigation block */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content { gap: 0rem var(--wp--preset--spacing--normal) !important; align-items: center; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: 0rem var(--wp--preset--spacing--normal) !important; /* top level navigation items */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { transition: all 250ms; padding: 1rem 0rem; border-bottom: solid 0.2rem transparent; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:hover, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:active, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:focus, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:focus-visible { border-bottom: solid 0.2rem var(--wp--preset--color--secondary) !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:hover, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:active, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-visible { color: var(--wp--preset--color--secondary) !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-visible, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-within { outline: solid 0.1rem var(--wp--preset--color--secondary); } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* top level current menu item */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.current-menu-item { color: var(--wp--preset--color--primary) !important; border-bottom: solid 0.2rem var(--wp--preset--color--primary); } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* submenu */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu { border: none !important; left: 0; right: auto; /* submenu navigation item */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item { padding: 0; color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--tertiary); border-bottom: solid 0.2rem transparent !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:hover, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:active, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:focus, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:focus-visible { border-bottom: solid 0.2rem transparent !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:hover, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:active, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:focus, header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:focus-visible { color: var(--wp--preset--color--primary) !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item { /* current menu item */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item { color: var(--wp--preset--color--tertiary) !important; border-bottom: solid 0.2rem transparent; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:last-child { border-bottom: solid 0.2rem transparent !important; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu { /* sub-submenu */ } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation__submenu-container { position: absolute; top: 0; right: auto; left: 100%; } header .headerSecondary .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* &:last-child { .wp-block-navigation-submenu { left: auto; right: 0; } } */ /* download button */ /* &:last-child { padding: 0.5rem 3rem; color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--tertiary); border: none !important; a { &:hover, &:active, &:focus, &:focus-visible { color: unset !important; } } &:hover, &:active, &:focus, &:focus-visible { color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--primary); } } */ } /* mobile menu */ @keyframes overlay-menu__fade-in-up-animation { 0% { opacity: 0; transform: translateY(10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__fade-in-down-animation { 0% { opacity: 0; transform: translateY(-10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__slide-in-left-animation { 0% { opacity: 0; transform: translateX(10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__slide-out-left-animation { 0% { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateX(10rem); } } @keyframes overlay-menu__slide-in-right-animation { 0% { opacity: 0; transform: translateX(-10rem); } to { opacity: 1; transform: translateY(0); } } /* navigation block - it collapses into a mobile menu on small screens to make the mobile nav */ header .wp-block-navigation__responsive-container.is-menu-open { animation: overlay-menu__fade-in-down-animation 500ms ease-out !important; width: 100%; height: 100%; padding: 2rem; /* close icon */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible { animation-name: unset; animation-duration: unset; color: var(--wp--preset--color--secondary); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 0; align-items: flex-start !important; /* search icon */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search { order: 2; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button { padding: 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button[aria-expanded=true] { padding-left: var(--wp--preset--spacing--small); background-color: transparent; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button svg { fill: var(--wp--preset--color--primary); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { /* the logo */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a[rel=home] { order: 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .mobile-logo { display: block !important; width: 60%; margin-right: auto; margin-bottom: var(--wp--preset--spacing--normal); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { order: 1; gap: 0rem !important; width: 100%; /* top level navigation items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { width: 100%; align-items: flex-start; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a { font-weight: 500 !important; font-size: var(--wp--preset--font-size--medium) !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* submenu parent */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child { position: relative; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child::after { content: "+"; cursor: pointer; position: absolute; top: 0; right: 0; padding-top: calc(1rem + 6px); font-size: var(--wp--preset--font-size--normal); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child:has(ul.is-submenu-open)::after { content: "-"; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child { /* submenu */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { display: none; position: relative; top: 0; left: 0; align-items: flex-start; width: 100%; padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container.is-submenu-open { display: block; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { /* submenu items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { align-items: flex-start; padding: 1rem; margin: 0; color: var(--wp--preset--color--primary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item a { font-size: var(--wp--preset--font-size--normal) !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { /* submenu titles */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a { padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus-visible { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus-visible { border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { /* &:last-child { padding-bottom: 0; text-align: left !important; background-color: transparent !important; } */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { /* sub-submenus */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { transform: translateX(0) !important; display: none; align-items: flex-start; padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container.is-submenu-open { display: block; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { /* sub-submenus items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item { align-items: flex-start; padding: 1rem; margin: 0; color: var(--wp--preset--color--primary) !important; /* sub-submenu titles */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a { padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus-visible { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus-visible { border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item { /* &:last-child { padding-bottom: 0; text-align: left !important; background-color: transparent !important; } */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* download button */ /* &:last-child { width: 100%; align-items: center; margin-top: 1rem; padding: 1rem; color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--primary) !important; border: none !important; a { text-align: center; font-size: var(--wp--preset--font-size--normal); &:hover, &:active, &:focus, &:focus-visible { color: unset !important; } } } */ /* current menu item */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.current-menu-item { border-bottom: none !important; } header { /* misc responsive rules */ } @media (max-width: 767px) { header { position: sticky; top: 0px; width: 100%; } header .headerSecondary.sticky { background-color: var(--wp--preset--color--primary) !important; } } /* general */ header { position: sticky; top: 0; z-index: 100; width: 100%; } header ol.has-background, header ul.has-background { padding: initial; } header { /* navigation block */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content { align-items: center; gap: 0rem var(--wp--preset--spacing--normal) !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: 0rem var(--wp--preset--spacing--normal) !important; /* top level navigation items */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { transition: all 250ms; padding: 1rem 0rem; border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:hover, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:active, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:focus-visible { border-bottom: none !important; color: var(--wp--preset--color--secondary) !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:hover, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:active, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-visible { color: var(--wp--preset--color--secondary) !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a { /* accessibliity */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-visible, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a:focus-within { /* outline: solid 1px var(--wp--preset--color--white); */ outline: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* top level current menu item */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.current-menu-item { color: var(--wp--preset--color--primary) !important; border-bottom: none; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* submenu */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu { border: none !important; left: 0; right: auto; /* submenu navigation item */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item { padding: 0; color: var(--wp--preset--color--blue) !important; background-color: var(--wp--preset--color--white); border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a { transition: transform; transition-duration: 150ms; padding: 0.2rem 1rem; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:hover, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:active, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item a:focus-visible { transform: skewX(-10deg); background-color: transparent !important; color: var(--wp--preset--color--secondary) !important; border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item { /* submenu title */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle { color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--secondary) !important; border-top: none !important; border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle a { padding: 1rem; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle a:hover, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle a:active, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle a:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle a:focus-visible { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle:hover, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle:active, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle:focus, header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.submenuTitle:focus-visible { border-top: none !important; border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item { /* current menu item */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item { color: var(--wp--preset--color--secondary) !important; border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item.current-menu-item a { transform: skewX(-10deg); } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation-item:last-child { border-bottom: none !important; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu { /* sub-sub menu */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-submenu .wp-block-navigation__submenu-container { position: absolute; top: 0; right: auto; left: 100%; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* &:last-child { .wp-block-navigation-submenu { left: auto; right: 0; } } */ /* download button */ /* &:last-child { padding: 0.5rem 3rem; color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--white); border: none !important; a { &:hover, &:active, &:focus, &:focus-visible { color: unset !important; } } &:hover, &:active, &:focus, &:focus-visible { color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--primary); } } */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content { /* search icon */ } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button { padding: 0; background-color: transparent; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button[aria-expanded=true] { padding-left: var(--wp--preset--spacing--small); background-color: transparent; } header .wp-block-navigation .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button svg { fill: var(--wp--preset--color--white); } header { /* social media links */ } header .wp-block-social-links .wp-block-social-link:hover, header .wp-block-social-links .wp-block-social-link:active, header .wp-block-social-links .wp-block-social-link:focus, header .wp-block-social-links .wp-block-social-link:focus-visible { background-color: var(--wp--preset--color--secondary) !important; } header .wp-block-social-links .wp-block-social-link:hover a, header .wp-block-social-links .wp-block-social-link:active a, header .wp-block-social-links .wp-block-social-link:focus a, header .wp-block-social-links .wp-block-social-link:focus-visible a { color: var(--wp--preset--color--white) !important; } header { /* header - primary */ } header .headerPrimary { transition: all 500ms; position: sticky; top: 0; left: 0; width: 100%; /* logo */ } header .headerPrimary .wp-block-site-logo .custom-logo-link img { transition: all 500ms; } header .headerPrimary { /* sticky &.sticky { padding-top: 0 !important; padding-bottom: 0 !important; background-color: var(--wp--preset--color--primary) !important; .wp-block-site-logo { .custom-logo-link { img { width: 200px; } } } @include responsive.breakpoint(max-mobile) { padding-right: var(--wp--preset--spacing--normal) !important; padding-left: var(--wp--preset--spacing--normal) !important; } .wp-block-navigation { .wp-block-navigation__responsive-container-content { .wp-block-navigation__container { .wp-block-navigation-item { color: var(--wp--preset--color--secondary); &:hover, &:active, &:focus, &:focus-visible { color: var(--wp--preset--color--white) !important; @include responsive.breakpoint(max-mobile) { color: var(--wp--preset--color--tertiary) !important; } } &.current-menu-item { color: var(--wp--preset--color--white) !important; @include responsive.breakpoint(max-mobile) { color: var(--wp--preset--color--secondary) !important; } } } } } button { color: var(--wp--preset--color--primary); } } } */ } /* mobile menu */ @keyframes overlay-menu__fade-in-up-animation { 0% { opacity: 0; transform: translateY(10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__fade-in-down-animation { 0% { opacity: 0; transform: translateY(-10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__slide-in-left-animation { 0% { opacity: 0; transform: translateX(10rem); } to { opacity: 1; transform: translateY(0); } } @keyframes overlay-menu__slide-out-left-animation { 0% { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateX(10rem); } } @keyframes overlay-menu__slide-in-right-animation { 0% { opacity: 0; transform: translateX(-10rem); } to { opacity: 1; transform: translateY(0); } } /* navigation block - it collapses into a mobile menu on small screens to make the mobile nav */ header .wp-block-navigation__responsive-container.is-menu-open { animation: overlay-menu__slide-in-right-animation 500ms ease-out !important; width: 100%; height: 100%; padding: 2rem; /* close icon */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible { animation-name: unset; animation-duration: unset; color: var(--wp--preset--color--secondary); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 0; align-items: flex-start !important; /* search icon */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search { order: 2; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button { padding: 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button[aria-expanded=true] { padding-left: var(--wp--preset--spacing--small); background-color: transparent; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search .wp-block-search__button svg { fill: var(--wp--preset--color--primary); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { /* the logo */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a[rel=home] { order: 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .mobile-logo { display: block !important; width: 20%; margin-right: auto; margin-bottom: var(--wp--preset--spacing--normal); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { order: 1; gap: 0rem !important; width: 100%; /* top level navigation items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { width: 100%; align-items: flex-start; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a { font-weight: 700 !important; font-size: var(--wp--preset--font-size--medium) !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* submenu parent */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child { position: relative; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child::after { content: "+"; cursor: pointer; position: absolute; top: 0; right: 0; padding-top: calc(1rem + 6px); font-size: var(--wp--preset--font-size--normal); } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child:has(ul.is-submenu-open)::after { content: "-"; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child { /* submenu */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { display: none; position: relative; top: 0; left: 0; align-items: flex-start; width: 100%; padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container.is-submenu-open { display: block; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { /* submenu items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { align-items: flex-start; padding: 1rem; margin: 0; color: var(--wp--preset--color--primary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item a { font-size: var(--wp--preset--font-size--normal) !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { /* submenu titles */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a { padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus-visible { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus-visible { border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item { /* &:last-child { padding-bottom: 0; text-align: left !important; background-color: transparent !important; } */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { /* sub-submenus */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { transform: translateX(0) !important; display: none; align-items: flex-start; padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container.is-submenu-open { display: block; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { /* sub-submenus items */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item { align-items: flex-start; padding: 1rem; margin: 0; color: var(--wp--preset--color--primary) !important; /* sub-submenu titles */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a { padding: 1rem 0; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle a:focus-visible { color: var(--wp--preset--color--secondary) !important; background-color: transparent !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:hover, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:active, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus, header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item.submenuTitle:focus-visible { border-top: none !important; border-bottom: none !important; } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item { /* &:last-child { padding-bottom: 0; text-align: left !important; background-color: transparent !important; } */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item { /* download button */ /* &:last-child { width: 100%; align-items: center; margin-top: 1rem; padding: 1rem; color: var(--wp--preset--color--white) !important; background-color: var(--wp--preset--color--primary) !important; border: none !important; a { text-align: center; font-size: var(--wp--preset--font-size--normal); &:hover, &:active, &:focus, &:focus-visible { color: unset !important; } } } */ /* current menu item */ } header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.current-menu-item { border-bottom: none !important; } header { /* misc responsive rules */ } @media (max-width: 767px) { header { position: sticky; top: 0; width: 100%; } header .headerPrimary.sticky { background-color: var(--wp--preset--color--white) !important; } } /* topbar */ header .topbar { width: 100%; } header .topbar .block-iframe { width: 100%; } header .topbar .block-iframe iframe { max-height: 1rem; } @media (max-width: 767px) { header .topbar { display: none !important; } } /* patterns */ body .wp-site-blocks .patternContact a { text-decoration: none; } body .wp-site-blocks .patternEdgeLogo { overflow: clip; margin-bottom: -4% !important; } body .wp-site-blocks .patternEdgeLogo .safe-svg-inline { width: 100vw !important; height: 120% !important; } body .wp-site-blocks { /* .patternEdgeLogo { background-image: url("https://edgecopper.local/wp-content/uploads/2025/10/edge.svg"); background-repeat: no-repeat; background-size: contain; background-position: 50%; height: 100%; } */ } @media (max-width: 767px) { body .wp-site-blocks .patternFacts .wp-block-columns .wp-block-column { padding-top: var(--wp--preset--spacing--normal); padding-bottom: var(--wp--preset--spacing--normal); } body .wp-site-blocks .patternFacts .wp-block-columns .wp-block-column:nth-child(2) { border-top: solid 0.2rem var(--wp--preset--color--primary); border-right: none; border-left: none; border-bottom: solid 0.2rem var(--wp--preset--color--primary); } } body .wp-site-blocks .patternLatestNews p { margin-top: 8px; } body .wp-site-blocks .patternLatestNews p a { text-decoration: none !important; } body .wp-site-blocks .patternLatestNews ul { padding-left: calc(25px + 1.5rem); } body .wp-site-blocks .patternLatestNews ul li { position: relative; } body .wp-site-blocks .patternLatestNews ul li::before { content: ""; position: absolute; top: 0; left: calc(-1 * (25px + 1.5rem)); width: 25px; height: 50px; background-image: url("https://wp-edgecopper-2025.s3.ca-central-1.amazonaws.com/media/2025/10/submark.png"); background-repeat: no-repeat; background-size: contain; } body .wp-site-blocks .patternLatestNews ul li article .wp-block-post-title { line-height: 2.5ex; min-height: 12ex; } body .wp-site-blocks .patternLatestNews ul li article .wp-block-read-more:hover, body .wp-site-blocks .patternLatestNews ul li article .wp-block-read-more:active, body .wp-site-blocks .patternLatestNews ul li article .wp-block-read-more:focus, body .wp-site-blocks .patternLatestNews ul li article .wp-block-read-more:focus-visible { background-color: var(--wp--preset--color--primary) !important; } @media (max-width: 767px) { body .wp-site-blocks .patternLatestNews h2 { text-align: left; } } body .wp-site-blocks .patternLinks .wp-block-columns .wp-block-column .wp-block-group { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1023px) { body .wp-site-blocks .patternLinks .wp-block-columns .wp-block-column .wp-block-group { min-height: 50vh; } } @media (min-width: 1024px) and (max-width: 1440px) { body .wp-site-blocks .patternLinks .wp-block-columns .wp-block-column .wp-block-group { min-height: 45vh; } } body .wp-site-blocks .patternPhotos { position: relative; } body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs { border-bottom: none; } body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab[aria-selected=true] { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); border-color: var(--wp--preset--color--primary); } body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab { background: var(--wp--preset--color--white); color: var(--wp--preset--color--primary); border: solid 0.1rem var(--wp--preset--color--primary); text-transform: uppercase; font-weight: 500; } body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:hover, body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:active, body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:focus, body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab:focus-visible { animation: pulse; animation-duration: 250ms; background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--white); border-color: var(--wp--preset--color--secondary); } @media (max-width: 767px) { body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs { display: flex; flex-direction: row; gap: 1rem; } body .wp-site-blocks .patternPhotos .pro-block.block-tabs .block-tabs__tabs .block-tabs__tab { margin: 0; } } body .wp-site-blocks .patternSwiper { position: relative; } body .wp-site-blocks .patternSwiper .patternSwiperContainer { width: 100%; height: 100%; max-height: 80vh; overflow: hidden; margin: 0px; } body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-wrapper .swiper-slide img { width: 100%; height: 80vh; max-height: 80vh; object-fit: cover; object-position: 50%; } body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-prev, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-next { color: var(--wp--preset--color--white); } body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-prev:hover, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-prev:active, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-prev:focus, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-prev:focus-visible, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-next:hover, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-next:active, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-next:focus, body .wp-site-blocks .patternSwiper .patternSwiperContainer .swiper-button-next:focus-visible { color: var(--wp--preset--color--primary); } body .wp-site-blocks .patternTeam .wp-block-post div { transition: all 150ms; } body .wp-site-blocks .patternTeam .wp-block-post > div:has(details[open=""]) { background-color: white !important; } body .wp-site-blocks .patternTeam details { width: 100%; } body .wp-site-blocks .patternTeam details summary { position: relative; anchor-name: --summary; display: flex; flex-direction: column; gap: 0; cursor: pointer; } body .wp-site-blocks .patternTeam details summary::marker { content: ""; } body .wp-site-blocks .patternTeam details summary::before, body .wp-site-blocks .patternTeam details summary::after { content: ""; border-block-start: 3px solid var(--wp--preset--color--primary); height: 0; width: 45px; inset-block-start: 50%; inset-inline-end: 0; position: absolute; position-anchor: --summary; position-area: top end; } body .wp-site-blocks .patternTeam details summary::after { transition: all 150ms; transform: rotate(-90deg); transform-origin: 50%; } body .wp-site-blocks .patternTeam details[open] summary::after { transform: rotate(0deg); } body .wp-site-blocks .patternTeam figure { height: auto; width: 25%; } body .wp-site-blocks .patternTeam figure img { object-fit: contain; } body .wp-site-blocks .patternVideoBlock .wp-block-column { position: relative; } body .wp-site-blocks .patternVideoBlock .wp-block-column:last-child::after { content: ""; position: absolute; top: 0; left: 75%; z-index: -1; width: 1000%; height: 110%; background-color: var(--wp--preset--color--tertiary); } body .wp-site-blocks .patternVideoBlock { /* play icon */ } body .wp-site-blocks .patternVideoBlock svg:hover path:first-child, body .wp-site-blocks .patternVideoBlock svg:active path:first-child, body .wp-site-blocks .patternVideoBlock svg:focus path:first-child, body .wp-site-blocks .patternVideoBlock svg:focus-visible path:first-child { fill: var(--wp--preset--color--primary) !important; } body .wp-site-blocks .patternVideoBlock svg:hover path:last-child, body .wp-site-blocks .patternVideoBlock svg:active path:last-child, body .wp-site-blocks .patternVideoBlock svg:focus path:last-child, body .wp-site-blocks .patternVideoBlock svg:focus-visible path:last-child { stroke: var(--wp--preset--color--primary) !important; } @media (max-width: 1023px) { body .wp-site-blocks .patternVideoBlock { margin-top: var(--wp--preset--spacing--normal) !important; margin-bottom: var(--wp--preset--spacing--normal) !important; } } body .wp-site-blocks .patternWelcome .wp-block-media-text { position: relative; } body .wp-site-blocks .patternWelcome .wp-block-media-text::after { content: ""; position: absolute; bottom: 2rem; left: calc(50% - 40px); height: 240px; width: 80px; background-image: url("https://wp-edgecopper-2025.s3.ca-central-1.amazonaws.com/media/2025/10/chevrons.png"); background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { body .wp-site-blocks .patternWelcome .wp-block-media-text::after { display: none; } } /* templates */ /* archive- project page */ body.post-type-archive .wp-site-blocks main .wp-block-query .wp-block-post-title { line-height: 2.5ex; height: 2.5ex; overflow: hidden; } @media (max-width: 1023px) { body.post-type-archive .wp-site-blocks main .wp-block-query .wp-block-post-title { height: 5ex; } } @media (max-width: 767px) { body.post-type-archive .wp-site-blocks main .wp-block-query .wp-block-post-title { height: 2.5ex; } } body.post-type-archive .wp-site-blocks main .wp-block-query figure { min-height: 200px; width: 100%; } @media (max-width: 767px) { body.post-type-archive .wp-site-blocks main .wp-block-query figure { min-height: unset; } } body.post-type-archive .wp-site-blocks main .wp-block-query .wp-block-post-excerpt { line-height: 2.5ex; height: 7.5ex; overflow: hidden; } @media (max-width: 1023px) { body.post-type-archive .wp-site-blocks main .wp-block-query .wp-block-post-excerpt { height: 10ex; } } /* 404 body.error404 { .wp-site-blocks { main { } } } */ /* front / home page */ body.home .wp-site-blocks main .fadeinup { visibility: hidden; } /* posts page */ body.blog .wp-site-blocks main .wp-block-mfb-meta-field-block.is-file-field a::after { content: ""; } /* page - banner body.page-template-page-banner { .wp-site-blocks { // overflow-x: hidden; main { } } } */ /* page template body.page-template { .wp-site-blocks { } } */ /* single posts / blogs template */ body.single-project .wp-site-blocks .bannerStatic img { object-position: 0% 0%; } @media (max-width: 767px) { body.single-project .wp-site-blocks .sidebar { order: 2; border: none !important; } body.single-project .wp-site-blocks .sidebar nav { justify-content: center; } body.single-project .wp-site-blocks .sidebar nav .wp-block-buttons { width: 50%; } } body.single-project .wp-site-blocks main ul { list-style: disc; text-align: justify; } body.single-project .wp-site-blocks main ul li { margin-top: 1rem; margin-bottom: 1rem; } /* single posts / blogs template */ body.single .wp-site-blocks main .entry-content p { margin-top: 1rem; margin-bottom: 1rem; } body.single .wp-site-blocks main .entry-content p:has(a):has(img) { margin-top: 2rem; margin-bottom: 2rem; text-align: center !important; } body.single .wp-site-blocks main .entry-content p.prntac { margin-top: 2rem; margin-bottom: 2rem; } body.single .wp-site-blocks main .entry-content p.prntar { text-align: left; } body.single .wp-site-blocks main .entry-content ul { list-style: disc; text-align: justify; } body.single .wp-site-blocks main .entry-content ul li { margin-top: 1rem; margin-bottom: 1rem; } /*# sourceMappingURL=base.css.map */