/*! Theme Name: CS Tema Author: Behavior CPH Author URI: mailto:info@b-cph.com Description: Tema til Centralforeningen for stampersonel Version: 0.1.22 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: cs Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. CSTheme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ :root { --cs-base-area-color: rgb(53, 53, 53); --cs-ff-area-color: rgb(228, 0, 43); --cs-fa-area-color: rgb(234, 118, 0); --cs-fp-area-color: rgb(41, 143, 194); --cs-cf-area-color: rgb(75, 149, 96); --cs-current-area-color: var(--cs-ff-area-color); --cs-base-area-color-hover: rgb(53, 53, 53); --cs-ff-area-color-hover: rgb(154, 0, 29); --cs-fa-area-color-hover: rgb(165, 83, 0); --cs-fp-area-color-hover: rgb(35, 96, 126); --cs-cf-area-color-hover: rgb(44, 88, 56); --cs-current-area-color-hover: var(--cs-ff-area-color-hover); } body.cs-area { --cs-current-area-color: var(--cs-ff-area-color); --cs-current-area-color-hover: var(--cs-ff-area-color-hover); } body.ff-area { --cs-current-area-color: var(--cs-ff-area-color); --cs-current-area-color-hover: var(--cs-ff-area-color-hover); } body.fa-area { --cs-current-area-color: var(--cs-fa-area-color); --cs-current-area-color-hover: var(--cs-fa-area-color-hover); } body.fp-area { --cs-current-area-color: var(--cs-fp-area-color); --cs-current-area-color-hover: var(--cs-fp-area-color-hover); } body.cf-area { --cs-current-area-color: var(--cs-cf-area-color); --cs-current-area-color-hover: var(--cs-cf-area-color-hover); } .current-color-stroke svg path { stroke: var(--cs-current-area-color); } .current-color-stroke .elementor-toggle-item svg path:first-child { fill: none; } .current-color-stroke .elementor-toggle-item svg path { fill: var(--cs-current-area-color); stroke: none; } .current-color-background:not(.elementor-widget-button) { background-color: var(--cs-current-area-color); } :root { --menu-header-height: 54px; --menu-footer-height: 155px; --menu-links-height: 100vh; } @media (min-width: 360px) { :root { --menu-header-height: 60px; --menu-footer-height: 155px; --menu-links-height: calc(100vh - var(--menu-header-height) - var(--menu-footer-height)); } } @media (min-width: 768px) { :root { --menu-header-height: 105px; --menu-footer-height: 155px; --menu-links-height: calc(100vh - var(--menu-header-height) - var(--menu-footer-height)); } } @media (min-width: 1024px) { :root { --menu-header-height: 180px; --menu-footer-height: 155px; --menu-links-height: calc(100vh - var(--menu-header-height) - var(--menu-header-height)); } } @media (min-width: 1280px) { :root { --menu-header-height: 105px; --menu-footer-height: 155px; --menu-links-height: calc(100vh - var(--menu-footer-height) - var(--menu-footer-height)); } } @font-face { font-family: "Social Shapes"; src: url("../font/social_shapes.ttf"); } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: verdana, sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } body, p { font-size: 14px; line-height: 24px; } h1, h1.elementor-heading-title { font-size: 40px; font-weight: bold; margin: 0; } h2, h2.elementor-heading-title { font-size: 40px; font-weight: bold; margin: 0; } h3, h3.elementor-heading-title { font-size: 25px; font-weight: bold; margin-bottom: 20px; } h4, h4.elementor-heading-title { font-size: 12px; font-weight: normal; margin: 0; } h5, h5.elementor-heading-title { font-size: 10px; font-weight: bold; margin: 0; } @media (min-width: 768px) { h5, h5.elementor-heading-title { font-size: 55px; } } @media (min-width: 1024px) { h5, h5.elementor-heading-title { font-size: 70px; } } [data-widget_type="text-editor.default"] ol, [data-widget_type="text-editor.default"] ul { list-style: none; padding-left: 30px; } [data-widget_type="text-editor.default"] ol li, [data-widget_type="text-editor.default"] ul li { clear: left; } [data-widget_type="text-editor.default"] ol li:before, [data-widget_type="text-editor.default"] ul li:before { content: ""; height: 1em; width: 1em; display: block; float: left; margin-left: -30px; margin-top: 0.25rem; background-position: center; background-repeat: no-repeat; background-size: 100%; } [data-widget_type="text-editor.default"] ol { counter-reset: liNum; } [data-widget_type="text-editor.default"] ol li { counter-increment: liNum 1; } [data-widget_type="text-editor.default"] ol li:before { content: counter(liNum); text-align: center; } [data-widget_type="text-editor.default"] ul li:before { height: 16.587px; width: 16.637px; background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.ff-area [data-widget_type="text-editor.default"] ul li:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fa-area [data-widget_type="text-editor.default"] ul li:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fp-area [data-widget_type="text-editor.default"] ul li:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.cf-area [data-widget_type="text-editor.default"] ul li:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } .badge-text { clear: left; } .badge-text:before { content: ""; height: 16.587px; width: 16.637px; display: block; float: left; margin-right: 17px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.ff-area .badge-text:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fa-area .badge-text:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fp-area .badge-text:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.cf-area .badge-text:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } [data-widget_type="text-editor.default"] a { color: var(--cs-current-area-color); } [data-widget_type="text-editor.default"] a:hover { color: var(--cs-current-area-color-hover); } .badge-link.center { display: flex; justify-content: center; } .badge-link a { color: var(--cs-current-area-color) !important; font-size: 12px !important; text-transform: uppercase; margin-left: 0.3em !important; clear: left; } .badge-link a:before { content: ""; height: 1em; width: 1em; display: block; float: left; margin-top: 0.4rem; background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; background-size: 90%; } .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } body.ff-area .badge-link a:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.ff-area .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } body.fa-area .badge-link a:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fa-area .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } body.fp-area .badge-link a:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.fp-area .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } body.cf-area .badge-link a:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.cf-area .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } body.cs-area .badge-link a:before { background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-size: 90%; } body.cs-area .badge-link a:hover:before { background-image: url("data:image/svg+xml;utf8,"); } p { margin-top: 0; margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } div[data-widget_type="post-info.default"], .elementor-post__meta-data { font-size: 12px; color: #404040; --e-global-color-secondary: #404040; --e-global-color-text: #404040; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { border: 2px solid #353535; padding: 5px 14px; border-radius: 0; } table { margin: 0 0 1.5em; width: 100%; } .section-fullscreen-video-w-heading .hero-heading *, .section-fullscreen-video-w-heading .hero *, .section-fullscreen-image-w-heading .hero-heading *, .section-fullscreen-image-w-heading .hero * { font-size: 40px; font-weight: bold; white-space: pre-wrap; margin: 0; } @media (min-width: 768px) { .section-fullscreen-video-w-heading .hero-heading *, .section-fullscreen-video-w-heading .hero *, .section-fullscreen-image-w-heading .hero-heading *, .section-fullscreen-image-w-heading .hero * { font-size: 55px; } } @media (min-width: 1024px) { .section-fullscreen-video-w-heading .hero-heading *, .section-fullscreen-video-w-heading .hero *, .section-fullscreen-image-w-heading .hero-heading *, .section-fullscreen-image-w-heading .hero * { font-size: 70px; } } .section-page-headline h1 { font-size: 40px; font-weight: bold; } .section-sub-headline h2 { font-size: 40px; font-weight: bold; } .section-post-summaries-2-columns h3, .section-post-summaries-3-columns h3, .highlight-icons-section h3, .section-highlight-icons h3, .section-contact h3 { font-size: 25px; font-weight: bold; } .section-post-summaries-2-columns .badge-link a, .section-post-summaries-3-columns .badge-link a, .highlight-icons-section .badge-link a, .section-highlight-icons .badge-link a, .section-contact .badge-link a { font-size: 12px; font-weight: bold; } .section-post-summaries-2-columns .elementor-icon .fa, .section-post-summaries-2-columns .elementor-icon .fas, .section-post-summaries-2-columns .elementor-icon .far, .section-post-summaries-3-columns .elementor-icon .fa, .section-post-summaries-3-columns .elementor-icon .fas, .section-post-summaries-3-columns .elementor-icon .far, .highlight-icons-section .elementor-icon .fa, .highlight-icons-section .elementor-icon .fas, .highlight-icons-section .elementor-icon .far, .section-highlight-icons .elementor-icon .fa, .section-highlight-icons .elementor-icon .fas, .section-highlight-icons .elementor-icon .far, .section-contact .elementor-icon .fa, .section-contact .elementor-icon .fas, .section-contact .elementor-icon .far { color: var(--cs-current-area-color); -webkit-text-fill-color: rgba(0, 0, 0, 0.1); -webkit-text-fill-color: rgba(0, 0, 0, 0.01); -webkit-text-fill-color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--cs-current-area-color); text-stroke: 2px var(--cs-current-area-color); } .section-2-images-half-height-w-headline-n-button h2, .section-1-image-half-height-w-headline-n-button h2 { font-size: 40px; font-weight: bold; margin-bottom: 20px; } .section-downloads { font-weight: bold; } .section-downloads .elementor-element-populated section:not(:first-child) { margin-top: 40px; } @media (min-width: 1024px) { .section-downloads .elementor-element-populated section:not(:first-child) { margin-top: 10px; } } .section-downloads .elementor-button-wrapper { margin-top: 20px; margin-left: 34px; justify-content: flex-end; } @media (min-width: 1024px) { .section-downloads .elementor-button-wrapper { margin-top: 0; margin-left: 0; } } .section-accordion .elementor-element .elementor-toggle .elementor-toggle-item .elementor-tab-title .elementor-toggle-title { margin-left: 34px; display: block; } .section-mailchimp label { color: #000000; } .section-mailchimp .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > input { border: 2px solid #353535; padding: 5px 14px; border-radius: 0; } .section-mailchimp button { width: 150px; height: 40px; display: flex; margin-top: 1.5em; padding: 0; font-size: 12px; justify-content: center; align-items: center; background-color: transparent; border-color: #FFFFFF; border-radius: 0; border-width: 2px; transition: all 400ms ease-in-out 0ms; } .section-mailchimp button:hover { background-color: rgba(255, 255, 255, 0.4); } .section-mailchimp .button-filled button { background-color: var(--cs-current-area-color); border-width: 0; } .section-mailchimp .button-filled button:hover { background-color: var(--cs-current-area-color-hover); } #scroll-down-container { transition: all 500ms ease-in-out; } #scroll-down-container #scroll-down-icon { animation: scroll-down-icon 5s infinite; opacity: 0.5; } #scroll-down-container #scroll-down-text { animation: scroll-down-text 5s infinite; opacity: 0.5; } @keyframes scroll-down-icon { 0% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(10px); opacity: 1; } 100% { transform: translateY(0); opacity: 0.5; } } @keyframes scroll-down-text { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } #become-member-container { transition: all 500ms ease-in-out; } #become-member-container #become-member-button a.elementor-button.elementor-size-md { animation: become-member-button 5s infinite; opacity: 0.8; border: none; background-color: var(--cs-current-area-color); } #become-member-container #become-member-button a.elementor-button.elementor-size-md:hover { background-color: var(--cs-current-area-color-hover); } @keyframes become-member-button { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } } @media (max-width: 767px) { section#become-member-wrapper { display: none; } } @media (max-width: 767px) { #main-menu-section.ff-area .menu-become-member-button, #main-menu-section.ff-area .hidden-phone .menu-become-member-button, #main-menu-section.cf-area .menu-become-member-button, #main-menu-section.cf-area .hidden-phone .menu-become-member-button { opacity: 1; pointer-events: all; } #main-menu-section.cs-area .menu-become-member-button, #main-menu-section.cs-area .hidden-phone .menu-become-member-button, #main-menu-section.fa-area .menu-become-member-button, #main-menu-section.fa-area .hidden-phone .menu-become-member-button, #main-menu-section.fp-area .menu-become-member-button, #main-menu-section.fp-area .hidden-phone .menu-become-member-button { opacity: 0; pointer-events: none; } #main-menu-section.cs-area .display-areas-button, #main-menu-section.fa-area .display-areas-button, #main-menu-section.fp-area .display-areas-button { margin-right: 0 !important; } } @media (min-width: 768px) and (max-width: 1023px) { #main-menu-section .menu-button-wrapper.hidden-tablet .become-member-button { display: none; } #main-menu-section .menu-button-wrapper.hidden-tablet .display-areas-button { margin-right: 0 !important; } } @media (min-width: 1024px) { #main-menu-section .menu-button-wrapper.hidden-desktop .become-member-button { display: none; } #main-menu-section .menu-button-wrapper.hidden-desktop .display-areas-button { margin-right: 0 !important; } } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type=button], input[type=reset], input[type=submit], a.elementor-button { color: #FFFFFF; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 1rem; padding: 0; border-width: 1px; border-style: solid; border-color: #FFFFFF; border-radius: 0; transition: all 400ms ease-in-out 200ms; cursor: pointer; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, a.elementor-button:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus, a.elementor-button:active, a.elementor-button:focus { border-color: #aaa #bbb #bbb; outline: none; } .display-areas-button, .become-member-button { width: 150px; height: 40px; background-color: var(--cs-current-area-color); color: #FFFFFF; border-color: #FFFFFF; } #sticky-top-menu .elementor-button, #sticky-side-menu .elementor-button { border: none; } #main-menu-header #menu-header .menu-button-wrapper, #main-search-header #menu-header .menu-button-wrapper { position: absolute; top: 20px; right: 20px; width: calc(100% - 40px); z-index: 1; } @media (min-width: 768px) { #main-menu-header #menu-header .menu-button-wrapper, #main-search-header #menu-header .menu-button-wrapper { top: 30px; width: calc(100% - 80px - 60px); } } #main-menu-header #menu-header .menu-button-wrapper .display-areas-button, #main-menu-header #menu-header .menu-button-wrapper .become-member-button, #main-search-header #menu-header .menu-button-wrapper .display-areas-button, #main-search-header #menu-header .menu-button-wrapper .become-member-button { background-color: #FFFFFF; color: var(--cs-current-area-color); border-color: #FFFFFF; } @keyframes menu-button-top-animation { 0% { width: 100px; transform: translate(0, 10px); } 50% { width: 0; transform: translate(50px, 30px); } 50.1% { width: 0; transform: rotate(45deg); } 100% { width: 100px; transform: rotate(45deg); } } @keyframes menu-button-middle-animation { 0% { width: 100px; transform: translate(0, 0); } 50% { width: 0; transform: translate(50px, 0); } 100% { width: 0; transform: translate(50px, 0); } } @keyframes menu-button-bottom-animation { 0% { width: 100px; transform: translate(0, 70px); } 50% { width: 0; transform: translate(50px, -30px); } 50.1% { width: 0; transform: rotate(-45deg); } 100% { width: 100px; transform: rotate(-45deg); } } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #404040; } a:visited { color: #404040; } a:hover, a:focus, a:active { color: var(--cs-current-area-color-hover); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .main-menu *, .main-search * { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .main-menu *::-webkit-scrollbar, .main-search *::-webkit-scrollbar { display: none; /* Safari and Chrome */ width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } .main-menu.elementor-popup-modal .dialog-widget-content, .main-search.elementor-popup-modal .dialog-widget-content { margin: 60px 0 0 0 !important; background-color: #ffffff; transition: all 500ms ease-in-out; box-shadow: none !important; top: 0; } @media (min-width: 768px) { .main-menu.elementor-popup-modal .dialog-widget-content, .main-search.elementor-popup-modal .dialog-widget-content { margin: 0 0 0 80px !important; } } .main-menu.elementor-popup-modal .dialog-widget-content .dialog-message, .main-search.elementor-popup-modal .dialog-widget-content .dialog-message { width: 100vw; } @media (min-width: 768px) { .main-menu.elementor-popup-modal .dialog-widget-content .dialog-message, .main-search.elementor-popup-modal .dialog-widget-content .dialog-message { width: calc(100vw - 80px); margin: 0; height: 100vh !important; overflow: hidden; } } .main-search.elementor-popup-modal .dialog-widget-content { background-color: var(--cs-base-area-color); } #main-menu-section { padding: 0 0 0 0; } #main-menu-section #menu-ff-area-links { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; clear: both; display: flex; float: left; width: 100%; height: 100vh; align-items: start; transition: all 500ms ease-in-out 300ms; } #main-menu-section #menu-ff-area-links .sub-menu-arrow svg { transition: all 500ms ease-in-out; } #main-menu-section #menu-ff-area-links ul { list-style: none; } #main-menu-section #menu-ff-area-links ul > .menu-item > .sub-menu-arrow svg { pointer-events: none; } #main-menu-section #menu-ff-area-links ul > .menu-item > a, #main-menu-section #menu-ff-area-links ul > .menu-item > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > .sub-menu-arrow svg path { color: #9a001d; fill: #9a001d; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #9a001d; fill: #9a001d; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #9a001d; fill: #9a001d; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #9a001d; fill: #9a001d; } #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-ff-area-links ul li.menu-item { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item > a, #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > a, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > .sub-menu-arrow svg path { color: #9a001d; fill: #9a001d; } #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > a, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-ff-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; clear: both; display: flex; float: left; width: 100%; height: 100vh; align-items: start; transition: all 500ms ease-in-out 300ms; } #main-menu-section #menu-fa-area-links .sub-menu-arrow svg { transition: all 500ms ease-in-out; } #main-menu-section #menu-fa-area-links ul { list-style: none; } #main-menu-section #menu-fa-area-links ul > .menu-item > .sub-menu-arrow svg { pointer-events: none; } #main-menu-section #menu-fa-area-links ul > .menu-item > a, #main-menu-section #menu-fa-area-links ul > .menu-item > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > .sub-menu-arrow svg path { color: #a55300; fill: #a55300; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #a55300; fill: #a55300; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #a55300; fill: #a55300; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #a55300; fill: #a55300; } #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links ul li.menu-item { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item > a, #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > a, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > .sub-menu-arrow svg path { color: #a55300; fill: #a55300; } #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > a, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fa-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; clear: both; display: flex; float: left; width: 100%; height: 100vh; align-items: start; transition: all 500ms ease-in-out 300ms; } #main-menu-section #menu-fp-area-links .sub-menu-arrow svg { transition: all 500ms ease-in-out; } #main-menu-section #menu-fp-area-links ul { list-style: none; } #main-menu-section #menu-fp-area-links ul > .menu-item > .sub-menu-arrow svg { pointer-events: none; } #main-menu-section #menu-fp-area-links ul > .menu-item > a, #main-menu-section #menu-fp-area-links ul > .menu-item > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > .sub-menu-arrow svg path { color: #23607e; fill: #23607e; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #23607e; fill: #23607e; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #23607e; fill: #23607e; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #23607e; fill: #23607e; } #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links ul li.menu-item { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item > a, #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > a, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > .sub-menu-arrow svg path { color: #23607e; fill: #23607e; } #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > a, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-fp-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; clear: both; display: flex; float: left; width: 100%; height: 100vh; align-items: start; transition: all 500ms ease-in-out 300ms; } #main-menu-section #menu-cf-area-links .sub-menu-arrow svg { transition: all 500ms ease-in-out; } #main-menu-section #menu-cf-area-links ul { list-style: none; } #main-menu-section #menu-cf-area-links ul > .menu-item > .sub-menu-arrow svg { pointer-events: none; } #main-menu-section #menu-cf-area-links ul > .menu-item > a, #main-menu-section #menu-cf-area-links ul > .menu-item > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > .sub-menu-arrow svg path { color: #2c5838; fill: #2c5838; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #2c5838; fill: #2c5838; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #2c5838; fill: #2c5838; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > .sub-menu-arrow svg path { color: #2c5838; fill: #2c5838; } #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul.hover-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu > .menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links ul li.menu-item { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item > a, #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > a, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item > .sub-menu-arrow svg path { color: #2c5838; fill: #2c5838; } #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul li.menu-item.hover-menu-item > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > a, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.hover-menu-item > .sub-menu-arrow svg path, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > a, #main-menu-section #menu-cf-area-links ul li.menu-item.sub-menu-expanded > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg path { color: #ffffff; fill: #ffffff; } @media (max-width: 767px) { #main-menu-section ul.menu { position: absolute; top: 70px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; font-weight: bold; transition: all 500ms ease-in-out; padding-top: 0; width: calc(100vw - (20px + 20px)); height: calc(100vh - (10px + 60px + 80px)); overflow-y: scroll; margin: 0 20px var(--menu-header-height) 20px; font-size: 25px; } #main-menu-section ul.menu > li.menu-item { padding-top: 13px; padding-bottom: 13px; } #main-menu-section ul.menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item.menu-item-has-children a { cursor: default; } #main-menu-section ul.menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu { display: contents; flex-direction: column; font-size: 16px; font-weight: normal; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu { display: contents; flex-direction: column; font-size: 12px; font-weight: normal; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu { display: contents; flex-direction: column; font-size: 10px; font-weight: normal; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } } @media (min-width: 768px) and (max-width: 1023px) { #main-menu-section ul.menu { position: absolute; top: 100px; left: 126.5px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; font-weight: bold; transition: all 500ms ease-in-out; padding-top: 0; width: calc(100vw - (126px + 80px) - 126px); height: calc(100vh - (80px + 50px)); overflow-y: scroll; margin: 0; font-size: 25px; } #main-menu-section ul.menu > li.menu-item { padding-top: 13px; padding-bottom: 13px; } #main-menu-section ul.menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item.menu-item-has-children a { cursor: default; } #main-menu-section ul.menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu { display: contents; flex-direction: column; font-size: 20px; font-weight: bold; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; pointer-events: none; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children a { cursor: default; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu { display: contents; flex-direction: column; font-size: 14px; font-weight: bold; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; pointer-events: none; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item.menu-item-has-children a { cursor: default; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > a { width: calc(100% - 25px); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu { display: contents; flex-direction: column; font-size: 14px; font-weight: normal; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; } #main-menu-section ul.menu > li.menu-item > ul.sub-menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; pointer-events: none; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } } @media (min-width: 1024px) and (max-width: 1279px) { #main-menu-section ul.menu { position: absolute; top: 180px; left: 126.5px; height: calc(100vh - (80px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 22px; font-weight: bold; line-height: 26px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item { padding-top: 8px; padding-bottom: 7px; } #main-menu-section ul.menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item.menu-item-has-children > a { cursor: default; } #main-menu-section ul.menu > li.menu-item > a { width: 160px; cursor: pointer; } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow { display: flex; padding-top: 7px; } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(0deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu { position: fixed; top: 183.5px; left: 439.5px; height: calc(100vh - (80px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 18px; font-weight: bold; line-height: 22px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > a { width: 160px; cursor: pointer; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow { display: flex; padding-top: 5.5px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(0deg); } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > ul.sub-menu { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu { position: fixed; top: 185px; left: 672px; height: calc(100vh - (85px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 15px; font-weight: bold; line-height: 19px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > a { width: 160px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu-arrow { display: flex; transition: all 500ms ease-in-out; padding-top: 8px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(90deg); } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow { padding-top: 5px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.sub-menu-expanded > .sub-menu-arrow svg { transform: rotate(-90deg); } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu { display: contents; flex-direction: column; font-size: 14px; font-weight: normal; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu > a { width: 160px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu > .sub-menu-arrow { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu.expanded-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu li.menu-item { max-height: 0; height: 0; padding: 0; opacity: 0; pointer-events: none; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } } @media (min-width: 1280px) { #main-menu-section ul.menu { position: absolute; top: 180px; left: 126.5px; height: calc(100vh - (80px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 22px; font-weight: bold; line-height: 26px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item { padding-top: 8px; padding-bottom: 7px; } #main-menu-section ul.menu > li.menu-item.menu-item-has-children, #main-menu-section ul.menu > li.menu-item.menu-item-has-children > a { cursor: default; } #main-menu-section ul.menu > li.menu-item > a { width: 160px; cursor: pointer; } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow { display: flex; padding-top: 7px; } #main-menu-section ul.menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(0deg); } #main-menu-section ul.menu > li.menu-item > ul.sub-menu { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu { position: fixed; top: 183.5px; left: 439.5px; height: calc(100vh - (80px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 18px; font-weight: bold; line-height: 22px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > a { width: 160px; cursor: pointer; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow { display: flex; padding-top: 5.5px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(0deg); } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item > ul.sub-menu { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu { position: fixed; top: 185px; left: 672px; height: calc(100vh - (85px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 15px; font-weight: bold; line-height: 19px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > a { width: 160px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu-arrow { display: flex; padding-top: 8px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu-arrow svg { transform: rotate(0deg); } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > ul.sub-menu { display: none; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.hover-menu-item > .sub-menu { position: fixed; top: 187px; left: 904.5px; height: calc(100vh - (87px + 140px)); width: 192.5px; margin: 0; padding-top: 22px; padding-left: 0; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-y: scroll; font-size: 12px; font-weight: bold; line-height: 14px; transition: all 500ms ease-in-out; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item { max-height: inherit; height: auto; padding-top: 8px; padding-bottom: 7px; opacity: 1; pointer-events: all; transition: all 500ms ease-in-out, height 400ms ease-in-out 100ms; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > a { width: 160px; } #main-menu-section ul.menu > li.menu-item.hover-menu-item > ul.sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item.hover-menu-item > .sub-menu > li.menu-item > .sub-menu-arrow { display: none; } } #main-menu-section #search-section .elementor-search-form { margin: calc(var(--menu-header-height) + 115px) 0 var(--menu-footer-height); height: var(--menu-links-height); } #main-menu-section #search-section .elementor-search-form .elementor-search-form__container { padding: 0; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } #main-menu-section #search-section .elementor-search-form .elementor-search-form__container .elementor-search-form__icon { display: none; } #main-menu-section #search-section .elementor-search-form .elementor-search-form__container input { padding: 0; font-size: 30px; font-weight: bold; color: white; } #main-menu-section #search-section .elementor-search-form .elementor-search-form__container input::placeholder { color: rgba(255, 255, 255, 0.5); } #main-menu-section #search-section .elementor-search-form .elementor-search-form__container input::-webkit-search-cancel-button { display: none; } @media (min-width: 360px) { #main-menu-section #search-section .elementor-search-form { width: calc(100vw - 100px - 126px - 80px); height: calc(100vh - (var(--menu-header-height) + 115px + var(--menu-header-height) + 115px + 50px)); overflow-y: scroll; margin: calc(var(--menu-header-height) + 115px) 100px var(--menu-header-height) 126px; font-size: 25px; } } @media (min-width: 768px) { #main-menu-section #search-section .elementor-search-form { width: calc(100vw - 100px - 126px - 80px); height: calc(100vh - (var(--menu-header-height) + 115px + var(--menu-header-height) + 50px)); margin: calc(var(--menu-header-height) + 115px) 100px var(--menu-header-height) 126px; } } @media (min-width: 1024px) { #main-menu-section #search-section .elementor-search-form { width: 658px; margin: calc(var(--menu-header-height) + 115px) 0 var(--menu-header-height) 126px; } } @media (min-width: 1280px) { #main-menu-section #search-section .elementor-search-form { margin: calc(var(--menu-footer-height) + 115px) 0 var(--menu-footer-height) 126px; } } .menu-button-element .elementor-button { background-color: transparent; } body.cs-area #menu-logo-mobile svg #cs-logo-template path[data-shortcode=ff-area], body.cs-area #menu-logo svg #cs-logo-template path[data-shortcode=ff-area] { fill: var(--cs-ff-area-color); stroke: var(--cs-ff-area-color); } body.cs-area .menu-button-element { background-color: var(--cs-ff-area-color); transition: all 500ms ease-in-out 250ms; } #menu-ff-area-links { background-color: var(--cs-ff-area-color); } #menu-ff-area-links > * { transition: all 300ms ease-in-out 200ms; } body.ff-area #menu-logo-mobile svg #cs-logo-template path[data-shortcode=ff-area], body.ff-area #menu-logo svg #cs-logo-template path[data-shortcode=ff-area] { fill: var(--cs-ff-area-color); stroke: var(--cs-ff-area-color); } body.ff-area .menu-button-element { background-color: var(--cs-current-area-color); transition: all 500ms ease-in-out 250ms; } body.ff-area #menu-ff-area-links { opacity: 1; pointer-events: all; } body.ff-area #main-menu-section:not(.ff-area) #menu-ff-area-links, body.ff-area #main-search-section:not(.ff-area) #menu-ff-area-links { opacity: 0; pointer-events: none; } body.ff-area #main-menu-section:not(.ff-area) #menu-areas #menu-ff-area-area a svg, body.ff-area #main-search-section:not(.ff-area) #menu-areas #menu-ff-area-area a svg { pointer-events: none; } #main-menu-section.ff-area #main-menu-header .display-areas-button, #main-menu-section.ff-area #main-menu-header .become-member-button, #main-menu-section.ff-area #main-search-header .display-areas-button, #main-menu-section.ff-area #main-search-header .become-member-button, #main-search-section.ff-area #main-menu-header .display-areas-button, #main-search-section.ff-area #main-menu-header .become-member-button, #main-search-section.ff-area #main-search-header .display-areas-button, #main-search-section.ff-area #main-search-header .become-member-button { background-color: #FFFFFF; color: var(--cs-current-area-color); } #main-menu-section.ff-area #menu-ff-area-links, #main-search-section.ff-area #menu-ff-area-links { opacity: 1; pointer-events: all; } #menu-fa-area-links { background-color: var(--cs-fa-area-color); } #menu-fa-area-links > * { transition: all 300ms ease-in-out 200ms; } body.fa-area #menu-logo-mobile svg #cs-logo-template path[data-shortcode=fa-area], body.fa-area #menu-logo svg #cs-logo-template path[data-shortcode=fa-area] { fill: var(--cs-fa-area-color); stroke: var(--cs-fa-area-color); } body.fa-area .menu-button-element { background-color: var(--cs-current-area-color); transition: all 500ms ease-in-out 250ms; } body.fa-area #menu-fa-area-links { opacity: 1; pointer-events: all; } body.fa-area #main-menu-section:not(.fa-area) #menu-fa-area-links, body.fa-area #main-search-section:not(.fa-area) #menu-fa-area-links { opacity: 0; pointer-events: none; } body.fa-area #main-menu-section:not(.fa-area) #menu-areas #menu-fa-area-area a svg, body.fa-area #main-search-section:not(.fa-area) #menu-areas #menu-fa-area-area a svg { pointer-events: none; } #main-menu-section.fa-area #main-menu-header .display-areas-button, #main-menu-section.fa-area #main-menu-header .become-member-button, #main-menu-section.fa-area #main-search-header .display-areas-button, #main-menu-section.fa-area #main-search-header .become-member-button, #main-search-section.fa-area #main-menu-header .display-areas-button, #main-search-section.fa-area #main-menu-header .become-member-button, #main-search-section.fa-area #main-search-header .display-areas-button, #main-search-section.fa-area #main-search-header .become-member-button { background-color: #FFFFFF; color: var(--cs-current-area-color); } #main-menu-section.fa-area #menu-fa-area-links, #main-search-section.fa-area #menu-fa-area-links { opacity: 1; pointer-events: all; } #menu-fp-area-links { background-color: var(--cs-fp-area-color); } #menu-fp-area-links > * { transition: all 300ms ease-in-out 200ms; } body.fp-area #menu-logo-mobile svg #cs-logo-template path[data-shortcode=fp-area], body.fp-area #menu-logo svg #cs-logo-template path[data-shortcode=fp-area] { fill: var(--cs-fp-area-color); stroke: var(--cs-fp-area-color); } body.fp-area .menu-button-element { background-color: var(--cs-current-area-color); transition: all 500ms ease-in-out 250ms; } body.fp-area #menu-fp-area-links { opacity: 1; pointer-events: all; } body.fp-area #main-menu-section:not(.fp-area) #menu-fp-area-links, body.fp-area #main-search-section:not(.fp-area) #menu-fp-area-links { opacity: 0; pointer-events: none; } body.fp-area #main-menu-section:not(.fp-area) #menu-areas #menu-fp-area-area a svg, body.fp-area #main-search-section:not(.fp-area) #menu-areas #menu-fp-area-area a svg { pointer-events: none; } #main-menu-section.fp-area #main-menu-header .display-areas-button, #main-menu-section.fp-area #main-menu-header .become-member-button, #main-menu-section.fp-area #main-search-header .display-areas-button, #main-menu-section.fp-area #main-search-header .become-member-button, #main-search-section.fp-area #main-menu-header .display-areas-button, #main-search-section.fp-area #main-menu-header .become-member-button, #main-search-section.fp-area #main-search-header .display-areas-button, #main-search-section.fp-area #main-search-header .become-member-button { background-color: #FFFFFF; color: var(--cs-current-area-color); } #main-menu-section.fp-area #menu-fp-area-links, #main-search-section.fp-area #menu-fp-area-links { opacity: 1; pointer-events: all; } #menu-cf-area-links { background-color: var(--cs-cf-area-color); } #menu-cf-area-links > * { transition: all 300ms ease-in-out 200ms; } body.cf-area #menu-logo-mobile svg #cs-logo-template path[data-shortcode=cf-area], body.cf-area #menu-logo svg #cs-logo-template path[data-shortcode=cf-area] { fill: var(--cs-cf-area-color); stroke: var(--cs-cf-area-color); } body.cf-area .menu-button-element { background-color: var(--cs-current-area-color); transition: all 500ms ease-in-out 250ms; } body.cf-area #menu-cf-area-links { opacity: 1; pointer-events: all; } body.cf-area #main-menu-section:not(.cf-area) #menu-cf-area-links, body.cf-area #main-search-section:not(.cf-area) #menu-cf-area-links { opacity: 0; pointer-events: none; } body.cf-area #main-menu-section:not(.cf-area) #menu-areas #menu-cf-area-area a svg, body.cf-area #main-search-section:not(.cf-area) #menu-areas #menu-cf-area-area a svg { pointer-events: none; } #main-menu-section.cf-area #main-menu-header .display-areas-button, #main-menu-section.cf-area #main-menu-header .become-member-button, #main-menu-section.cf-area #main-search-header .display-areas-button, #main-menu-section.cf-area #main-search-header .become-member-button, #main-search-section.cf-area #main-menu-header .display-areas-button, #main-search-section.cf-area #main-menu-header .become-member-button, #main-search-section.cf-area #main-search-header .display-areas-button, #main-search-section.cf-area #main-search-header .become-member-button { background-color: #FFFFFF; color: var(--cs-current-area-color); } #main-menu-section.cf-area #menu-cf-area-links, #main-search-section.cf-area #menu-cf-area-links { opacity: 1; pointer-events: all; } #main-menu-header, #main-search-header { height: 100vh; z-index: 1; background-color: var(--cs-base-area-color); } #main-menu-header #menu-header, #main-search-header #menu-header { height: calc(100vh - 60px); } @media (min-width: 768px) { #main-menu-header #menu-header, #main-search-header #menu-header { height: 100vh; } } #main-menu-header #menu-header, #main-search-header #menu-header { display: grid; flex-direction: column; transition: all ease-in-out 300ms; } #main-menu-header #menu-header #menu-logo-text, #main-search-header #menu-header #menu-logo-text { position: fixed; display: none; } #main-menu-header #menu-header #menu-logo-text .logo-text, #main-search-header #menu-header #menu-logo-text .logo-text { position: fixed; top: 45px; left: 95px; z-index: 1; } #main-menu-header #menu-header .display-areas-button, #main-search-header #menu-header .display-areas-button { opacity: 1; } #main-menu-header #menu-header #menu-areas, #main-search-header #menu-header #menu-areas { height: 342px; margin-left: 100px; margin-top: 100px; display: grid; opacity: 0; grid-template-columns: auto; gap: 42px; align-items: center; transform: translateY(27px); transition: all ease-in-out 500ms; pointer-events: none; } @media (min-width: 768px) { #main-menu-header #menu-header #menu-areas, #main-search-header #menu-header #menu-areas { position: absolute; height: 150px; width: calc(100vw - (126px + 80px) - 126px); top: 50%; left: 126.5px; transform: translateY(-170px); display: grid; margin: 0; } } @media (min-width: 1024px) { #main-menu-header #menu-header #menu-areas, #main-search-header #menu-header #menu-areas { position: absolute; height: 150px; width: 658px; top: 50%; left: 126.5px; transform: translateY(-75px); grid-template-columns: auto auto; opacity: 1; pointer-events: all; display: grid; margin: 0; } } @media (min-width: 1280px) { #main-menu-header #menu-header #menu-areas, #main-search-header #menu-header #menu-areas { position: absolute; height: 54px; width: 890px; top: 50%; left: 126.5px; transform: translateY(-27px); grid-template-columns: auto auto auto auto; display: grid; margin: 0; } } body.ff-area #main-menu-header #menu-header #menu-areas, body.ff-area #main-search-header #menu-header #menu-areas { align-items: flex-start; transform: translateY(27px); } body.fa-area #main-menu-header #menu-header #menu-areas, body.fa-area #main-search-header #menu-header #menu-areas { align-items: flex-start; transform: translateY(27px); } body.fp-area #main-menu-header #menu-header #menu-areas, body.fp-area #main-search-header #menu-header #menu-areas { align-items: flex-start; transform: translateY(27px); } body.cf-area #main-menu-header #menu-header #menu-areas, body.cf-area #main-search-header #menu-header #menu-areas { align-items: flex-start; transform: translateY(27px); } #main-menu-header #menu-header #menu-areas > div, #main-search-header #menu-header #menu-areas > div { display: flex; justify-content: center; align-items: center; } #main-menu-header #menu-header .menu-button-wrapper, #main-search-header #menu-header .menu-button-wrapper { display: flex; justify-content: space-between; } #main-menu-header #menu-header .menu-button-wrapper .display-areas-button, #main-search-header #menu-header .menu-button-wrapper .display-areas-button { margin-right: 35px; } #main-menu-header #menu-header .menu-button-wrapper .become-member-button, #main-search-header #menu-header .menu-button-wrapper .become-member-button { z-index: 1; } @media (min-width: 768px) { #main-menu-header #menu-header #menu-logo-text, #main-search-header #menu-header #menu-logo-text { display: block; } #main-menu-header #menu-header .menu-button-wrapper, #main-search-header #menu-header .menu-button-wrapper { justify-content: flex-end; } #main-menu-header #menu-header .menu-button-wrapper .become-member, #main-search-header #menu-header .menu-button-wrapper .become-member { top: 30px; right: 30px; z-index: 1; } } @media (min-width: 1024px) { #main-menu-header #menu-header, #main-search-header #menu-header { display: grid; } #main-menu-header #menu-header .menu-button-wrapper .display-areas-button, #main-search-header #menu-header .menu-button-wrapper .display-areas-button { display: none; } #main-menu-header #menu-header .menu-button-wrapper .become-member-button, #main-search-header #menu-header .menu-button-wrapper .become-member-button { position: fixed; top: 30px; right: 30px; z-index: 1; } } @media (min-width: 1280px) { #main-menu-header #menu-header, #main-search-header #menu-header { display: grid; } #main-menu-header #menu-header .menu-button-wrapper .display-areas-button, #main-search-header #menu-header .menu-button-wrapper .display-areas-button { display: none; } #main-menu-header #menu-header .menu-button-wrapper .become-member-button, #main-search-header #menu-header .menu-button-wrapper .become-member-button { position: fixed; top: 30px; right: 30px; z-index: 1; } } #main-menu-section.ff-area #main-menu-header, #main-search-section.ff-area #main-menu-header, body.ff-area #main-menu-header, #main-search-section #main-menu-header, #main-menu-section.ff-area #main-search-header, #main-search-section.ff-area #main-search-header, body.ff-area #main-search-header, #main-search-section #main-search-header { transition: all 400ms ease-in-out 200ms, height 500ms ease-in-out 500ms; height: 80px; background-color: transparent; align-items: flex-start; margin: 0; } #main-menu-section.ff-area #main-menu-header #menu-header, #main-search-section.ff-area #main-menu-header #menu-header, body.ff-area #main-menu-header #menu-header, #main-search-section #main-menu-header #menu-header, #main-menu-section.ff-area #main-search-header #menu-header, #main-search-section.ff-area #main-search-header #menu-header, body.ff-area #main-search-header #menu-header, #main-search-section #main-search-header #menu-header { height: 0; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas, #main-search-section.ff-area #main-menu-header #menu-header #menu-areas, body.ff-area #main-menu-header #menu-header #menu-areas, #main-search-section #main-menu-header #menu-header #menu-areas, #main-menu-section.ff-area #main-search-header #menu-header #menu-areas, #main-search-section.ff-area #main-search-header #menu-header #menu-areas, body.ff-area #main-search-header #menu-header #menu-areas, #main-search-section #main-search-header #menu-header #menu-areas { top: 0; transform: translateY(30px); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { transition: all 200ms ease-in-out; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.ff-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.ff-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header, #main-search-section.fa-area #main-menu-header, body.fa-area #main-menu-header, #main-search-section #main-menu-header, #main-menu-section.fa-area #main-search-header, #main-search-section.fa-area #main-search-header, body.fa-area #main-search-header, #main-search-section #main-search-header { transition: all 400ms ease-in-out 200ms, height 500ms ease-in-out 500ms; height: 80px; background-color: transparent; align-items: flex-start; margin: 0; } #main-menu-section.fa-area #main-menu-header #menu-header, #main-search-section.fa-area #main-menu-header #menu-header, body.fa-area #main-menu-header #menu-header, #main-search-section #main-menu-header #menu-header, #main-menu-section.fa-area #main-search-header #menu-header, #main-search-section.fa-area #main-search-header #menu-header, body.fa-area #main-search-header #menu-header, #main-search-section #main-search-header #menu-header { height: 0; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas, #main-search-section.fa-area #main-menu-header #menu-header #menu-areas, body.fa-area #main-menu-header #menu-header #menu-areas, #main-search-section #main-menu-header #menu-header #menu-areas, #main-menu-section.fa-area #main-search-header #menu-header #menu-areas, #main-search-section.fa-area #main-search-header #menu-header #menu-areas, body.fa-area #main-search-header #menu-header #menu-areas, #main-search-section #main-search-header #menu-header #menu-areas { top: 0; transform: translateY(30px); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { transition: all 200ms ease-in-out; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fa-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fa-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header, #main-search-section.fp-area #main-menu-header, body.fp-area #main-menu-header, #main-search-section #main-menu-header, #main-menu-section.fp-area #main-search-header, #main-search-section.fp-area #main-search-header, body.fp-area #main-search-header, #main-search-section #main-search-header { transition: all 400ms ease-in-out 200ms, height 500ms ease-in-out 500ms; height: 80px; background-color: transparent; align-items: flex-start; margin: 0; } #main-menu-section.fp-area #main-menu-header #menu-header, #main-search-section.fp-area #main-menu-header #menu-header, body.fp-area #main-menu-header #menu-header, #main-search-section #main-menu-header #menu-header, #main-menu-section.fp-area #main-search-header #menu-header, #main-search-section.fp-area #main-search-header #menu-header, body.fp-area #main-search-header #menu-header, #main-search-section #main-search-header #menu-header { height: 0; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas, #main-search-section.fp-area #main-menu-header #menu-header #menu-areas, body.fp-area #main-menu-header #menu-header #menu-areas, #main-search-section #main-menu-header #menu-header #menu-areas, #main-menu-section.fp-area #main-search-header #menu-header #menu-areas, #main-search-section.fp-area #main-search-header #menu-header #menu-areas, body.fp-area #main-search-header #menu-header #menu-areas, #main-search-section #main-search-header #menu-header #menu-areas { top: 0; transform: translateY(30px); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { transition: all 200ms ease-in-out; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fp-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.fp-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header, #main-search-section.cf-area #main-menu-header, body.cf-area #main-menu-header, #main-search-section #main-menu-header, #main-menu-section.cf-area #main-search-header, #main-search-section.cf-area #main-search-header, body.cf-area #main-search-header, #main-search-section #main-search-header { transition: all 400ms ease-in-out 200ms, height 500ms ease-in-out 500ms; height: 80px; background-color: transparent; align-items: flex-start; margin: 0; } #main-menu-section.cf-area #main-menu-header #menu-header, #main-search-section.cf-area #main-menu-header #menu-header, body.cf-area #main-menu-header #menu-header, #main-search-section #main-menu-header #menu-header, #main-menu-section.cf-area #main-search-header #menu-header, #main-search-section.cf-area #main-search-header #menu-header, body.cf-area #main-search-header #menu-header, #main-search-section #main-search-header #menu-header { height: 0; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas, #main-search-section.cf-area #main-menu-header #menu-header #menu-areas, body.cf-area #main-menu-header #menu-header #menu-areas, #main-search-section #main-menu-header #menu-header #menu-areas, #main-menu-section.cf-area #main-search-header #menu-header #menu-areas, #main-search-section.cf-area #main-search-header #menu-header #menu-areas, body.cf-area #main-search-header #menu-header #menu-areas, #main-search-section #main-search-header #menu-header #menu-areas { top: 0; transform: translateY(30px); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { transition: all 200ms ease-in-out; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=divider], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=text], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=divider], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=text], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=divider], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=text] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg [data-type=fill] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-menu-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-search-section #main-search-header #menu-header #menu-areas a:hover svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=fill], #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=border], body.ff-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=fill], body.ff-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=border], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=border], body.ff-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=fill], body.ff-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-type=border] { fill: #ffffff; } #main-menu-section.ff-area #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-section.ff-area #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], body.ff-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=fill], #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=border], body.fa-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=fill], body.fa-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=border], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=border], body.fa-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=fill], body.fa-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-type=border] { fill: #ffffff; } #main-menu-section.fa-area #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-section.fa-area #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], body.fa-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=fill], #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=border], body.fp-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=fill], body.fp-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=border], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=border], body.fp-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=fill], body.fp-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-type=border] { fill: #ffffff; } #main-menu-section.fp-area #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-section.fp-area #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], body.fp-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=fill], #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=border], body.cf-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=fill], body.cf-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=border], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=border], body.cf-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=fill], body.cf-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-type=border] { fill: #ffffff; } #main-menu-section.cf-area #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-search-section #main-menu-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-section.cf-area #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], body.cf-area #main-search-section #main-search-header #menu-header #menu-areas a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill] { fill: rgba(255, 255, 255, 0.01); } #main-menu-section.cs-area #main-menu-header #menu-header #menu-areas, #main-menu-section.cs-area #main-search-header #menu-header #menu-areas, #main-menu-section.display-areas #main-menu-header #menu-header #menu-areas, #main-menu-section.display-areas #main-search-header #menu-header #menu-areas, #main-search-section.cs-area #main-menu-header #menu-header #menu-areas, #main-search-section.cs-area #main-search-header #menu-header #menu-areas, #main-search-section.display-areas #main-menu-header #menu-header #menu-areas, #main-search-section.display-areas #main-search-header #menu-header #menu-areas { display: grid; opacity: 1; margin-right: 200px; pointer-events: all; } @media (min-width: 768px) { #main-menu-section.cs-area #main-menu-header #menu-header #menu-areas, #main-menu-section.cs-area #main-search-header #menu-header #menu-areas, #main-menu-section.display-areas #main-menu-header #menu-header #menu-areas, #main-menu-section.display-areas #main-search-header #menu-header #menu-areas, #main-search-section.cs-area #main-menu-header #menu-header #menu-areas, #main-search-section.cs-area #main-search-header #menu-header #menu-areas, #main-search-section.display-areas #main-menu-header #menu-header #menu-areas, #main-search-section.display-areas #main-search-header #menu-header #menu-areas { top: 50%; } } @media (min-width: 1024px) { #main-menu-section.cs-area #main-menu-header #menu-header #menu-areas, #main-menu-section.cs-area #main-search-header #menu-header #menu-areas, #main-menu-section.display-areas #main-menu-header #menu-header #menu-areas, #main-menu-section.display-areas #main-search-header #menu-header #menu-areas, #main-search-section.cs-area #main-menu-header #menu-header #menu-areas, #main-search-section.cs-area #main-search-header #menu-header #menu-areas, #main-search-section.display-areas #main-menu-header #menu-header #menu-areas, #main-search-section.display-areas #main-search-header #menu-header #menu-areas { transform: translateY(-75px); } } @media (min-width: 1280px) { #main-menu-section.cs-area #main-menu-header #menu-header #menu-areas, #main-menu-section.cs-area #main-search-header #menu-header #menu-areas, #main-menu-section.display-areas #main-menu-header #menu-header #menu-areas, #main-menu-section.display-areas #main-search-header #menu-header #menu-areas, #main-search-section.cs-area #main-menu-header #menu-header #menu-areas, #main-search-section.cs-area #main-search-header #menu-header #menu-areas, #main-search-section.display-areas #main-menu-header #menu-header #menu-areas, #main-search-section.display-areas #main-search-header #menu-header #menu-areas { transform: translateY(-27px); } } #main-menu-section.cs-area #main-menu-header #menu-header .display-areas-button, #main-menu-section.cs-area #main-search-header #menu-header .display-areas-button, #main-menu-section.display-areas #main-menu-header #menu-header .display-areas-button, #main-menu-section.display-areas #main-search-header #menu-header .display-areas-button, #main-search-section.cs-area #main-menu-header #menu-header .display-areas-button, #main-search-section.cs-area #main-search-header #menu-header .display-areas-button, #main-search-section.display-areas #main-menu-header #menu-header .display-areas-button, #main-search-section.display-areas #main-search-header #menu-header .display-areas-button { opacity: 0; pointer-events: none; } #main-menu-section.cs-area #menu-ff-area-links > *, #main-menu-section.display-areas #menu-ff-area-links > *, #main-search-section.cs-area #menu-ff-area-links > *, #main-search-section.display-areas #menu-ff-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-section.cs-area #menu-fa-area-links > *, #main-menu-section.display-areas #menu-fa-area-links > *, #main-search-section.cs-area #menu-fa-area-links > *, #main-search-section.display-areas #menu-fa-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-section.cs-area #menu-fp-area-links > *, #main-menu-section.display-areas #menu-fp-area-links > *, #main-search-section.cs-area #menu-fp-area-links > *, #main-search-section.display-areas #menu-fp-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-section.cs-area #menu-cf-area-links > *, #main-menu-section.display-areas #menu-cf-area-links > *, #main-search-section.cs-area #menu-cf-area-links > *, #main-search-section.display-areas #menu-cf-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-section .footer-boxes, #main-search-section .footer-boxes { z-index: 1; position: fixed; bottom: 24px; color: #ffffff; padding-top: 19px; border-top: 1px solid #ffffff; } #main-menu-section .footer-boxes .elementor-widget:not(:last-child), #main-search-section .footer-boxes .elementor-widget:not(:last-child) { margin-bottom: 0; } #main-menu-section .footer-boxes a, #main-search-section .footer-boxes a { color: #ffffff; text-decoration: none; } #main-menu-section .footer-boxes a:hover, #main-search-section .footer-boxes a:hover { text-decoration: underline; } #main-menu-section .footer-boxes, #main-search-section .footer-boxes { left: 20px; width: calc(100vw - (20px + 20px)); } #main-menu-section .footer-boxes > div, #main-search-section .footer-boxes > div { justify-content: center; flex-wrap: nowrap; } #main-menu-section .footer-boxes > div > div, #main-search-section .footer-boxes > div > div { width: 33%; } #main-menu-section .footer-boxes .footer-contact-container, #main-search-section .footer-boxes .footer-contact-container { width: 0; height: 0; } #main-menu-section .footer-boxes .footer-opening-hours-container, #main-search-section .footer-boxes .footer-opening-hours-container { width: 0; height: 0; } @media (min-width: 768px) { #main-menu-section .footer-boxes, #main-search-section .footer-boxes { left: 206.5px; width: calc(100vw - (126px + 80px) - 126px); } #main-menu-section .footer-boxes > div, #main-search-section .footer-boxes > div { justify-content: start; display: inline-flex; } #main-menu-section .footer-boxes > div > div, #main-search-section .footer-boxes > div > div { width: 33%; } } @media (min-width: 1024px) { #main-menu-section .footer-boxes, #main-search-section .footer-boxes { left: 206.5px; width: 658px; } #main-menu-section .footer-boxes > div, #main-search-section .footer-boxes > div { justify-content: start; display: inline-flex; } #main-menu-section .footer-boxes > div > div, #main-search-section .footer-boxes > div > div { width: 233px; } } @media (min-width: 1280px) { #main-menu-section .footer-boxes, #main-search-section .footer-boxes { width: 890px; } #main-menu-section .footer-boxes > div > div, #main-search-section .footer-boxes > div > div { width: 233px; } #main-menu-section .footer-boxes > div > div.footer-opening-hours-container, #main-search-section .footer-boxes > div > div.footer-opening-hours-container { width: 233px; } } #main-menu-header { background-color: #f4f4f4; } #main-menu-header #menu-ff-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-header a:hover svg #cs-ff-area-logo [data-type=fill] { fill: rgba(0, 0, 0, 0.01); } #main-menu-header a svg #cs-ff-area-logo [data-type=fill], #main-menu-header a svg #cs-ff-area-logo [data-type=border], #main-menu-header a svg #cs-ff-area-logo [data-type=divider], #main-menu-header a svg #cs-ff-area-logo [data-type=text] { fill: #000000; transition: all 300ms ease-in-out 100ms; } #main-menu-header a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=fill], #main-menu-header a svg #cs-ff-area-logo [data-shortcode=ff-area] [data-type=border] { fill: var(--cs-ff-area-color); } #main-menu-header #menu-fa-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-header a:hover svg #cs-fa-area-logo [data-type=fill] { fill: rgba(0, 0, 0, 0.01); } #main-menu-header a svg #cs-fa-area-logo [data-type=fill], #main-menu-header a svg #cs-fa-area-logo [data-type=border], #main-menu-header a svg #cs-fa-area-logo [data-type=divider], #main-menu-header a svg #cs-fa-area-logo [data-type=text] { fill: #000000; transition: all 300ms ease-in-out 100ms; } #main-menu-header a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=fill], #main-menu-header a svg #cs-fa-area-logo [data-shortcode=fa-area] [data-type=border] { fill: var(--cs-fa-area-color); } #main-menu-header #menu-fp-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-header a:hover svg #cs-fp-area-logo [data-type=fill] { fill: rgba(0, 0, 0, 0.01); } #main-menu-header a svg #cs-fp-area-logo [data-type=fill], #main-menu-header a svg #cs-fp-area-logo [data-type=border], #main-menu-header a svg #cs-fp-area-logo [data-type=divider], #main-menu-header a svg #cs-fp-area-logo [data-type=text] { fill: #000000; transition: all 300ms ease-in-out 100ms; } #main-menu-header a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=fill], #main-menu-header a svg #cs-fp-area-logo [data-shortcode=fp-area] [data-type=border] { fill: var(--cs-fp-area-color); } #main-menu-header #menu-cf-area-links > * { opacity: 0; pointer-events: none; transition: all 300ms ease-in-out; } #main-menu-header a:hover svg #cs-cf-area-logo [data-type=fill] { fill: rgba(0, 0, 0, 0.01); } #main-menu-header a svg #cs-cf-area-logo [data-type=fill], #main-menu-header a svg #cs-cf-area-logo [data-type=border], #main-menu-header a svg #cs-cf-area-logo [data-type=divider], #main-menu-header a svg #cs-cf-area-logo [data-type=text] { fill: #000000; transition: all 300ms ease-in-out 100ms; } #main-menu-header a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=fill], #main-menu-header a svg #cs-cf-area-logo [data-shortcode=cf-area] [data-type=border] { fill: var(--cs-cf-area-color); } #search-section > div { position: fixed; top: 50%; transform: translateY(-25px); height: 57px; border-bottom: 1px solid white; } @media (min-width: 360px) { #search-section > div { left: 20px; } } @media (min-width: 768px) { #search-section > div { width: calc(100vw - (126px + 80px) - 126px); left: 210px; } } @media (min-width: 1024px) { #search-section > div { width: 658px; } } @media (min-width: 1280px) { #search-section > div { width: 890px; } } #search-section > div .elementor-search-form__container { padding: 0; background-color: transparent; } #search-section > div .elementor-search-form__container .elementor-search-form__icon { display: none; } #search-section > div .elementor-search-form__container input { padding: 0; font-size: 30px; font-weight: bold; color: white; opacity: 1; transition: all ease-in-out 500ms; } #search-section > div .elementor-search-form__container input::placeholder { color: white; opacity: 1; } #search-section > div .elementor-search-form__container input:focus::placeholder { color: white; opacity: 0.6; } #search-section > div .elementor-search-form__container input::-webkit-search-cancel-button { display: none; } #menu-areas .menu-area { position: relative; height: 54px; } #menu-areas .menu-area a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; } #menu-areas .menu-area a svg { transition: all ease-in-out 500ms; pointer-events: none; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ #page-container #side-menu-container { width: 80px; min-height: 0; font-size: 12px; } #page-container #content-container { width: 100vw; } @media (min-width: 768px) { #page-container #content-container { width: calc(100vw - 80px); } } #page-container section::-webkit-scrollbar { /* Hide scrollbars from sections with overflow:scroll - Edge/Chrome on Windows */ display: none; } #page-container section { /* Hide scrollbars from sections with overflow:scroll - Firefox on Windows */ scrollbar-width: none; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Elementor overrides --------------------------------------------------------------*/ #page-container { --e-global-color-primary: transparent; --e-global-color-secondary: transparent; --e-global-color-text: transparent; --e-global-color-accent: transparent; --e-global-typography-primary-font-family: "Roboto"; --e-global-typography-primary-font-weight: 600; --e-global-typography-secondary-font-family: "Roboto Slab"; --e-global-typography-secondary-font-weight: 400; --e-global-typography-text-font-family: "Roboto"; --e-global-typography-text-font-weight: 400; --e-global-typography-accent-font-family: "Roboto"; --e-global-typography-accent-font-weight: 500; } .post, .page { margin: 0; } .post .elementor-column-gap-default > .elementor-column > .elementor-element-populated, .page .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0; } .elementor-column { min-height: 0 !important; } #page-container #content-container .elementor-element.elementor-widget, #page-container #content-container .elementor-element.elementor-widget:not(:last-child) { margin: 0; padding: 0; } #page-container #content-container .elementor-section.elementor-section-boxed > .elementor-container, #page-container #content-container.search-results-container .elementor-widget-wrap { max-width: 1120px; padding-right: 32px; padding-left: 32px; display: flex; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { #page-container #content-container .elementor-section.elementor-section-boxed > .elementor-container, #page-container #content-container.search-results-container .elementor-widget-wrap { padding-right: 70px; padding-left: 70px; } } #page-container #side-menu-container .elementor-element.elementor-widget, #page-container #side-menu-container .elementor-element.elementor-widget:not(:last-child) { margin: 0; padding: 0; } div[data-elementor-type=footer] .elementor-section-wrap #footer-content { padding: 80px 32px; transition: all 500ms ease-in-out; } div[data-elementor-type=footer] .elementor-section-wrap #footer-content .elementor-container { max-width: 1120px; } @media (min-width: 768px) { div[data-elementor-type=footer] .elementor-section-wrap #footer-content { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { div[data-elementor-type=footer] .elementor-section-wrap #footer-content { padding-right: 193px; padding-left: 114px; } } .elementor-button-wrapper { display: flex; justify-content: center; align-items: center; } .elementor-button-wrapper a.elementor-button { font-size: 12px; display: flex; justify-content: center; align-items: center; border-radius: 0; transition: all 400ms ease-in-out 0ms; } .elementor-button-wrapper a.elementor-button.elementor-size-md { font-size: 12px; border-radius: 0; padding: 0; width: 150px; height: 40px; border-color: #FFFFFF; background-color: transparent; border-width: 2px; } .elementor-button-wrapper a.elementor-button.elementor-size-md:hover { background-color: rgba(255, 255, 255, 0.4); } .current-color-background .elementor-button-wrapper a.elementor-button.elementor-size-md { background-color: var(--cs-base-area-color); background-color: var(--cs-current-area-color); border-width: 0; } .current-color-background .elementor-button-wrapper a.elementor-button.elementor-size-md:hover { background-color: var(--cs-current-area-color-hover); } div[data-elementor-type=footer] { overflow: hidden; } div[data-elementor-type=footer] #footer-background-logo { pointer-events: none; } div[data-elementor-type=footer] .elementor-widget-image a img[src$=".svg"] { width: 100%; } div[data-elementor-type=footer] #footer-section-list > .elementor-container { flex-wrap: wrap; } div[data-elementor-type=footer] #footer-section-list > .elementor-container > .elementor-inner-column { width: 100%; margin-top: 20px; } div[data-elementor-type=footer] .elementor-section-wrap #footer-content .elementor-widget-heading { margin-bottom: 0; } div[data-elementor-type=footer] .elementor-section-wrap #footer-content .elementor-widget-heading h3 { margin-bottom: 0; } @media (min-width: 768px) { div[data-elementor-type=footer] { width: calc(100vw - 80px); margin-left: 80px; } div[data-elementor-type=footer] #footer-section-list > .elementor-container { flex-wrap: wrap; } div[data-elementor-type=footer] #footer-section-list > .elementor-container > .elementor-inner-column { width: 50%; } } @media (min-width: 1280px) { div[data-elementor-type=footer] #footer-section-list > .elementor-container { flex-wrap: wrap; } div[data-elementor-type=footer] #footer-section-list > .elementor-container > .elementor-inner-column { width: 25%; } } @media (min-width: 360px) { div[data-elementor-type=footer] .footer-boxes > div { justify-content: center; flex-wrap: nowrap; gap: 10px; } div[data-elementor-type=footer] .footer-boxes > div > div { width: 33%; display: block; } div[data-elementor-type=footer] .footer-boxes .footer-contact-container { width: 0; height: 0; display: none; } div[data-elementor-type=footer] .footer-boxes .footer-opening-hours-container { width: 0; height: 0; display: none; } } @media (min-width: 768px) { div[data-elementor-type=footer] .footer-boxes { width: calc(100vw - (126px + 80px)); } div[data-elementor-type=footer] .footer-boxes > div { justify-content: start; } div[data-elementor-type=footer] .footer-boxes > div > div { width: 33%; display: block; } } @media (min-width: 1024px) { div[data-elementor-type=footer] .footer-boxes { width: calc(100vw - (126px + 80px)); } div[data-elementor-type=footer] .footer-boxes > div > div { width: 25%; display: block; } div[data-elementor-type=footer] .footer-boxes > div > div.footer-opening-hours-container { width: 25%; display: block; } } @media (min-width: 1280px) { div[data-elementor-type=footer] .footer-boxes > div > div { width: 20%; display: block; } div[data-elementor-type=footer] .footer-boxes > div > div.footer-contact-container { width: 20%; display: block; } } div[data-elementor-type=footer] .elementor a { color: #404040; text-decoration: underline; } div[data-elementor-type=footer] .elementor a:hover, div[data-elementor-type=footer] .elementor a:focus, div[data-elementor-type=footer] .elementor a:active { color: var(--cs-current-area-color-hover); text-decoration: underline; } .footer-find-us, .footer-contact, .footer-opening-hours, .footer-small-text, .footer-social-media { overflow: hidden; } .footer-find-us h6, .footer-contact h6, .footer-opening-hours h6, .footer-small-text h6, .footer-social-media h6 { font-weight: 700; font-size: 10px; height: 20px; } .footer-find-us p, .footer-contact p, .footer-opening-hours p, .footer-small-text p, .footer-social-media p { margin: 0; font-size: 10px; } .footer-find-us p ~ p, .footer-contact p ~ p, .footer-opening-hours p ~ p, .footer-small-text p ~ p, .footer-social-media p ~ p { margin-top: 10px; } .footer-social-media p { font-family: "Social Shapes"; font-size: 32px; } .footer-social-media .elementor-icon.elementor-social-icon { background-color: transparent; width: 25px; height: 25px; margin-top: 8px; } .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-text, .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-text, .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-text, .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-text { fill: #0c0c0c; stroke: none; } .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-circle, .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-circle, .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-circle, .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-circle { stroke: #0c0c0c; } .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-text, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-text, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-text, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-text, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-text, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-text, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-text, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-text { fill: #ffffff; stroke: none; } .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-circle, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-circle, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-circle, .main-menu .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-circle, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-circle, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-circle, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-circle, .main-search .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-circle { stroke: #ffffff; } .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-text, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-text, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-text, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-text { fill: #0c0c0c; stroke: none; } .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#linkedin #linkedin-circle, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#twitter #twitter-circle, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#instagram #instagram-circle, .main-menu .cs-area .footer-social-media .elementor-icon.elementor-social-icon svg#facebook #facebook-circle { stroke: #0c0c0c; } .main-menu #main-menu-section.cs-area .footer-boxes { color: #0c0c0c; } .main-menu #main-menu-section.cs-area .footer-boxes a { color: #0c0c0c; } #page-container #side-menu-container { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); } #page-container #side-menu-container #sticky-side-menu { position: fixed; top: 0; left: 0; height: 100vh; width: 0; background-color: #ffffff; transition: all 500ms ease-in-out; overflow: hidden; } @media (min-width: 768px) { #page-container #side-menu-container #sticky-side-menu { width: 80px; } } #page-container #side-menu-container #sticky-side-menu #menu-logo { margin-top: 30px; } #page-container #side-menu-container #sticky-side-menu #menu-logo > svg { z-index: 10000; position: fixed; left: -22px; top: 3px; pointer-events: none; } @media (min-width: 768px) { #page-container #side-menu-container #sticky-side-menu #menu-logo > svg { left: 12px; top: 30px; } } #page-container #side-menu-container #sticky-side-menu #menu-logo > svg rect, #page-container #side-menu-container #sticky-side-menu #menu-logo > svg path { fill: transparent; stroke: transparent; transition: all 300ms ease-in-out; } #page-container #side-menu-container #sticky-side-menu #menu-logo > svg [data-type=text] { fill: black; transition: all 300ms ease-in-out 400ms; } @media (min-width: 768px) { body.dialog-prevent-scroll #page-container #side-menu-container #sticky-side-menu #menu-logo > svg [data-type=text] { fill: transparent; transition: all 300ms ease-in-out; } } #page-container #side-menu-container #sticky-side-menu .elementor-widget-image a img[src$=".svg"] { width: 100%; } #page-container #side-menu-container #sticky-side-menu .elementor-button-wrapper .elementor-button { width: 100%; margin: 0; padding: 0; height: 50px; display: flex; justify-content: center; align-items: center; } #page-container #side-menu-container #sticky-side-menu .elementor-button-wrapper .elementor-button-content-wrapper { display: block; } #page-container #side-menu-container #sticky-side-menu .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-icon { margin: 0; } #page-container #side-menu-container #sticky-side-menu .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-icon svg { width: 23.78px; height: 24px; } #page-container #side-menu-container #sticky-side-menu #menu-login-wrapper, #page-container #side-menu-container #sticky-side-menu #menu-search-wrapper { margin-top: 40px; } @media (min-width: 768px) { #page-container #side-menu-container #sticky-side-menu #menu-button-section #menu-button-container #menu-button-text { position: absolute; bottom: -29px; } #page-container #side-menu-container #sticky-side-menu #menu-button-section #menu-button-container #menu-button-text a { height: 29px; display: flex; justify-content: center; align-items: center; } #page-container #side-menu-container #sticky-side-menu #menu-actions-section { margin-bottom: 20px; } } @media (min-width: 768px) and (min-height: 550px) { #page-container #side-menu-container #sticky-side-menu #menu-button-section { position: absolute; top: 50%; transform: translate(0, -25px); left: 0; } #page-container #side-menu-container #sticky-side-menu #menu-button-section #menu-button-container #menu-button-text { position: absolute; bottom: -29px; } #page-container #side-menu-container #sticky-side-menu #menu-button-section #menu-button-container #menu-button-text a { height: 29px; display: flex; justify-content: center; align-items: center; } #page-container #side-menu-container #sticky-side-menu #menu-actions-section { position: absolute; bottom: 45px; } } #sticky-top-menu { position: fixed; height: 60px; width: 100%; background-color: #ffffff; overflow: hidden; z-index: 10; transition: all 500ms ease-in-out; } @media (min-width: 768px) { #sticky-top-menu { height: 0; } } #sticky-top-menu > div div:not(.elementor-hidden-phone) { padding: 0; height: 60px; display: flex; justify-content: center; align-items: center; } #sticky-top-menu #menu-logo-mobile img, #sticky-top-menu #menu-logo-mobile svg { width: auto; height: 36px; } #sticky-top-menu #menu-logo-text-mobile { height: 100%; display: none; } #sticky-top-menu #menu-logo-text-mobile div { height: 100%; justify-content: start; } #sticky-top-menu #menu-logo-text-mobile div .elementor-image { justify-content: start; } #sticky-top-menu #menu-logo-text-mobile svg rect, #sticky-top-menu #menu-logo-text-mobile svg path { fill: #0c0c0c; } #sticky-top-menu .menu-button-element { height: 100%; } #sticky-top-menu .elementor-button-wrapper .elementor-button { width: 100%; margin: 0; padding: 0; height: 50px; display: flex; justify-content: center; align-items: center; } #sticky-top-menu .elementor-button-wrapper .elementor-button-content-wrapper { display: flex; } #sticky-top-menu .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-icon { margin: 0; } #sticky-top-menu .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-icon svg { width: 23.78px; height: 24px; } .search-results-container #search-results article { display: grid; justify-content: center; align-items: center; grid-template-columns: auto 170px; padding: 40px 0; border-bottom: 1px solid #0c0c0c; } .search-results-container #search-results article:first-of-type { border-top: 1px solid #0c0c0c; margin-top: 20px; } .search-results-container #search-results article:last-of-type { margin-bottom: 80px; } .search-results-container #search-results article .elementor-post__title a { font-size: 25px; color: #e4002b; } .search-results-container #search-results article .elementor-post__excerpt { font-size: 14px; margin-top: 20px; margin-bottom: 20px; } .search-results-container #search-results article .elementor-post__page-path { font-size: 25px; font-weight: bold; color: #BBBCBC; } .search-results-container #search-results article a.elementor-post__read-more { color: #FFFFFF; font-size: 12px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: center; align-items: center; border-radius: 0; transition: all 400ms ease-in-out 0ms; padding: 0; width: 150px; height: 40px; border-color: #FFFFFF; border-width: 2px; background-color: var(--cs-ff-area-color); white-space: nowrap; margin-left: 20px; } .search-results-container #search-results article .elementor-post__text a.elementor-post__read-more { margin-left: 0; } /*# sourceMappingURL=style.css.map */