@charset "UTF-8"; @import url("https://use.typekit.net/zzc1fbq.css"); *, *::before, *::after{ box-sizing:border-box; } *{ margin:0; padding:0; line-height:1.2em; } h1, h2, h3, h4, h5, h6, p, blockquote, figure, dl, dd{ margin:0; } a{ color:inherit; text-decoration:none; background-color:transparent; } a:not([class]){ text-decoration-skip-ink:auto; } a img{ border:none; } img, picture{ max-width:100%; height:auto; display:block; } button, input, optgroup, select, textarea{ margin:0; font:inherit; color:inherit; line-height:inherit; background:none; border:none; } button:focus, input:focus, optgroup:focus, select:focus, textarea:focus{ outline:none; } button:focus-visible, input:focus-visible, optgroup:focus-visible, select:focus-visible, textarea:focus-visible{ outline:2px solid #005bcc; outline-offset:2px; } @media (prefers-reduced-motion:reduce){ *, *::before, *::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; } } fieldset{ padding:0.35em 0.75em 0.625em; } input, button, textarea, select{ font:inherit; } button{ cursor:pointer; background:transparent; border:0; padding:0; } button, input{ overflow:visible; } button, html [type="button"], [type="reset"], [type="submit"]{ /* 1 */ -webkit-appearance:button; /* 2 */ cursor:pointer; } button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0; } a{ text-decoration:none; cursor:pointer; } ol, ul{ padding-left:1rem; } :root{ --font-1:"aktiv-grotesk-extended", sans-serif; --font-2:"aktiv-grotesk-extended", sans-serif; --font-3:"aktiv-grotesk-extended", sans-serif; } :root{ --font-size-base:16px; --font-line-height-base:1.5em; --font-line-height-title:1.1em; --font-size-h1:3em; --font-size-h2:2em; --font-size-h3:1.6em; --font-size-h4:1.3em; --font-size-small:14px; } @media only screen and (max-width:991px){ :root{ --font-size-h1:1.8em; --font-size-h2:1.6; --font-size-h3:1.6em; --font-size-h4:1.3em; --font-size-small:14px; } } body{ font-family:var(--font-1); font-size:var(--font-size-base); line-height:var(--font-line-height-base); } h1, h2, h3{ font-family:var(--font-2); line-height:var(--font-line-height-title); font-weight:600; } h1{ font-size:var(--font-size-h1); } h2{ font-size:var(--font-size-h2); } h3{ font-size:var(--font-size-h3); } .skewed_heading h1{ font-size:92px; } .skewed_heading h2{ font-size:46px; } .skewed_heading h3{ font-size:36px; } @media only screen and (max-width:991px){ .skewed_heading h1{ font-size:46px; } .skewed_heading h2{ font-size:26px; } .skewed_heading h3{ font-size:22px; } } .skewed_heading.skewed_heading_text_color-white h1, .skewed_heading.skewed_heading_text_color-white h2, .skewed_heading.skewed_heading_text_color-white h3, .skewed_heading.skewed_heading_text_color-white h4, .skewed_heading.skewed_heading_text_color-white h5{ color:#ffffff; } .skewed_heading.skewed_heading_text_color-pink h1, .skewed_heading.skewed_heading_text_color-pink h2, .skewed_heading.skewed_heading_text_color-pink h3, .skewed_heading.skewed_heading_text_color-pink h4, .skewed_heading.skewed_heading_text_color-pink h5{ color:#ef3a84; } .skewed_heading.skewed_heading_text_color-teal h1, .skewed_heading.skewed_heading_text_color-teal h2, .skewed_heading.skewed_heading_text_color-teal h3, .skewed_heading.skewed_heading_text_color-teal h4, .skewed_heading.skewed_heading_text_color-teal h5{ color:#43bfb2; } .skewed_heading.skewed_heading_text_color-black h1, .skewed_heading.skewed_heading_text_color-black h2, .skewed_heading.skewed_heading_text_color-black h3, .skewed_heading.skewed_heading_text_color-black h4, .skewed_heading.skewed_heading_text_color-black h5{ color:#000000; } .skewed_heading.skewed_heading_bg_color-black h1 strong, .skewed_heading.skewed_heading_bg_color-black h2 strong, .skewed_heading.skewed_heading_bg_color-black h3 strong, .skewed_heading.skewed_heading_bg_color-black h4 strong, .skewed_heading.skewed_heading_bg_color-black h5 strong{ background-color:#000000; } .skewed_heading.skewed_heading_bg_color-white h1 strong, .skewed_heading.skewed_heading_bg_color-white h2 strong, .skewed_heading.skewed_heading_bg_color-white h3 strong, .skewed_heading.skewed_heading_bg_color-white h4 strong, .skewed_heading.skewed_heading_bg_color-white h5 strong{ background-color:#FFFFFF; } .skewed_heading.skewed_heading_bg_color-teal h1 strong, .skewed_heading.skewed_heading_bg_color-teal h2 strong, .skewed_heading.skewed_heading_bg_color-teal h3 strong, .skewed_heading.skewed_heading_bg_color-teal h4 strong, .skewed_heading.skewed_heading_bg_color-teal h5 strong{ background-color:#43bfb2; } .skewed_heading.skewed_heading_bg_color-pink h1 strong, .skewed_heading.skewed_heading_bg_color-pink h2 strong, .skewed_heading.skewed_heading_bg_color-pink h3 strong, .skewed_heading.skewed_heading_bg_color-pink h4 strong, .skewed_heading.skewed_heading_bg_color-pink h5 strong{ background-color:#ef3a84; } .skewed_heading h1, .skewed_heading h2, .skewed_heading h3, .skewed_heading h4, .skewed_heading h5{ display:block; transform:rotate(-2.5deg); transform-origin:center; margin-bottom:1.75rem; padding:0.25rem 0; overflow:visible; font-weight:700; } .skewed_heading h1 strong, .skewed_heading h2 strong, .skewed_heading h3 strong, .skewed_heading h4 strong, .skewed_heading h5 strong{ display:inline; padding:0 0.3em; box-decoration-break:clone; -webkit-box-decoration-break:clone; line-height:1em; font-weight:700; text-transform:uppercase; } @media only screen and (max-width:991px){ .skewed_heading h1 strong .skewed-heading-wrap, .skewed_heading h2 strong .skewed-heading-wrap, .skewed_heading h3 strong .skewed-heading-wrap, .skewed_heading h4 strong .skewed-heading-wrap, .skewed_heading h5 strong .skewed-heading-wrap{ transform:rotate(-2deg); transform-origin:left center; } } /* Recreate the :root code so that each variable in each theme matches the branding of the website. Each theme is used for a section of the site, containing text, buttons, borders etc.. Each background should look great when overlapping each other background, and also when side by side. Every color should be complimentary and purposeful. Make sure it looks professional and perfectly suits the brand. */ :root{ --section-color-1-background:#10161C; --section-color-1-overlay:#152031; --section-color-1-text:#ffffff; --section-color-1-title:#ffffff; --section-color-1-title-secondary:#ffffff; --section-color-1-link:#44cac1; --section-color-1-accent-1:#44cac1; --section-color-1-accent-2:#44cac1; --section-color-1-border:#44cac1; --section-color-1-input-background:#ffffff; --section-color-1-input-color:#152031; --section-color-1-button:#44cac1; --section-color-1-button-text:#ffffff; --section-color-1-button-hover:#44cac1; --section-color-1-button-hover-text:#ffffff; --section-color-2-background:#f1f1f1; --section-color-2-overlay:#fdfdfd; --section-color-2-text:#333; --section-color-2-title:#333; --section-color-2-title-secondary:#333; --section-color-2-link:#333; --section-color-2-accent-1:#333; --section-color-2-accent-2:#333; --section-color-2-border:#e9e9e9; --section-color-2-input-background:#ededed; --section-color-2-input-color:#333; --section-color-2-button:#152031; --section-color-2-button-text:#ffffff; --section-color-2-button-hover:#152031; --section-color-2-button-hover-text:#ffffff; --section-color-3-background:#0c1116; /* slightly lighter */ --section-color-3-overlay:#162233; /* slight blue shift */ --section-color-3-text:#fefefe; /* very subtle off-white */ --section-color-3-title:#fefefe; /* matches text */ --section-color-3-title-secondary:#fefefe; /* matches text */ --section-color-3-link:#46cfc6; /* touch brighter */ --section-color-3-accent-1:#46cfc6; /* matches link */ --section-color-3-accent-2:#46cfc6; /* matches link */ --section-color-3-border:#46cfc6; /* matches link */ --section-color-3-input-background:#fafafa; /* very soft grey instead of pure white */ --section-color-3-input-color:#162233; /* matches overlay */ --section-color-3-button:#46cfc6; /* matches link */ --section-color-3-button-text:#fefefe; /* matches text */ --section-color-3-button-hover:#44c1b8; /* slightly muted teal */ --section-color-3-button-hover-text:#ffffff; --section-color-4-background:#ff2b7a; /* main festival pink */ --section-color-4-overlay:#e1266f; /* slightly darker pink overlay */ --section-color-4-text:#ffffff; /* white text like design */ --section-color-4-title:#ffffff; /* bold white titles */ --section-color-4-title-secondary:#ffe3ee; /* soft pink highlight */ --section-color-4-link:#ffffff; --section-color-4-accent-1:#ff4f94; /* lighter accent pink */ --section-color-4-accent-2:#c81f63; /* deeper pink contrast */ --section-color-4-border:#ff6aa7; --section-color-4-input-background:#ffffff; --section-color-4-input-color:#ff2b7a; --section-color-4-button:#0b1620; --section-color-4-button-text:#ffffff; --section-color-4-button-hover:#000000; --section-color-4-button-hover-text:#ffffff; --section-color-5-background:#243651; /* brand navy background */ --section-color-5-overlay:#2e4568; /* lighter navy panel tone */ --section-color-5-text:#f7f3ee; /* soft warm off-white text */ --section-color-5-title:#ffffff; /* crisp white headings */ --section-color-5-title-secondary:#e6d7c3; /* light warm secondary headings */ --section-color-5-link:#d8b48a; /* warm gold link colour */ --section-color-5-accent-1:#be9c73; /* brand gold */ --section-color-5-accent-2:#e6d7c3; /* pale warm accent */ --section-color-5-border:#be9c73; /* gold border */ --section-color-5-input-background:#ffffff; /* clean contrast for forms */ --section-color-5-input-color:#243651; /* navy input text */ --section-color-5-button:#be9c73; /* brand gold button */ --section-color-5-button-text:#243651; /* navy text on gold */ --section-color-5-button-hover:#d8b48a; /* slightly lighter gold hover */ --section-color-5-button-hover-text:#ffffff; /* keep navy on hover */ --section-color-6-background:#f7f3ee; /* soft warm light background */ --section-color-6-overlay:#ede4d8; /* gentle layered panel colour */ --section-color-6-text:#243651; /* brand navy text */ --section-color-6-title:#243651; /* strong branded headings */ --section-color-6-title-secondary:#8f7554; /* softened gold-brown secondary heading */ --section-color-6-link:#243651; /* navy links */ --section-color-6-accent-1:#be9c73; /* brand gold */ --section-color-6-accent-2:#d7c1a5; /* lighter warm accent */ --section-color-6-border:#d8cab8; /* subtle warm border */ --section-color-6-input-background:#ffffff; /* clean form contrast */ --section-color-6-input-color:#243651; /* navy form text */ --section-color-6-button:#243651; /* navy button */ --section-color-6-button-text:#ffffff; /* white button text */ --section-color-6-button-hover:#be9c73; /* gold hover */ --section-color-6-button-hover-text:#ffffff; /* navy text on gold */ } .color-theme-1, header, .modal-box, .color-theme-1 .section-color, header .section-color, .modal-box .section-color{ background:var(--section-color-1-background); color:var(--section-color-1-text); border-color:var(--section-color-1-text); } .color-theme-1 .section-divider, header .section-divider, .modal-box .section-divider, .color-theme-1 .section-color .section-divider, header .section-color .section-divider, .modal-box .section-color .section-divider{ color:var(--section-color-1-background); fill:var(--section-color-1-background); } .color-theme-1 .background-overlay, header .background-overlay, header .sidebar, header .woocommerce-sidebar, .modal-box .background-overlay, .modal-box .sidebar, .modal-box .woocommerce-sidebar, .color-theme-1 .sidebar, .color-theme-1 .woocommerce-sidebar, .color-theme-1 .section-color .background-overlay, header .section-color .background-overlay, header .section-color .sidebar, header .section-color .woocommerce-sidebar, .modal-box .section-color .background-overlay, .modal-box .section-color .sidebar, .modal-box .section-color .woocommerce-sidebar, .color-theme-1 .section-color .sidebar, .color-theme-1 .section-color .woocommerce-sidebar{ background:var(--section-color-1-overlay); } .color-theme-1 .paragraph-read-more::after, header .paragraph-read-more::after, .modal-box .paragraph-read-more::after, .color-theme-1 .section-color .paragraph-read-more::after, header .section-color .paragraph-read-more::after, .modal-box .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-1-background), transparent); } .color-theme-1 .border-color, header .border-color, .modal-box .border-color, .color-theme-1 .section-color .border-color, header .section-color .border-color, .modal-box .section-color .border-color{ border-color:var(--section-color-1-border) !important; } .color-theme-1 .color-accent, header .color-accent, .modal-box .color-accent, .color-theme-1 .color-accent-1, header .color-accent-1, header .component-counters .counter .counter-icon, .component-counters .counter header .counter-icon, header .component-counters .counter .counter-number-wrapper, .component-counters .counter header .counter-number-wrapper, .modal-box .color-accent-1, .modal-box .component-counters .counter .counter-icon, .component-counters .counter .modal-box .counter-icon, .modal-box .component-counters .counter .counter-number-wrapper, .component-counters .counter .modal-box .counter-number-wrapper, .color-theme-1 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-1 .counter-icon, .color-theme-1 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-1 .counter-number-wrapper, .color-theme-1 .section-color .color-accent, header .section-color .color-accent, .modal-box .section-color .color-accent, .color-theme-1 .section-color .color-accent-1, header .section-color .color-accent-1, header .section-color .component-counters .counter .counter-icon, .component-counters .counter header .section-color .counter-icon, header .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter header .section-color .counter-number-wrapper, .modal-box .section-color .color-accent-1, .modal-box .section-color .component-counters .counter .counter-icon, .component-counters .counter .modal-box .section-color .counter-icon, .modal-box .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .modal-box .section-color .counter-number-wrapper, .color-theme-1 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-1 .section-color .counter-icon, .color-theme-1 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-1 .section-color .counter-number-wrapper{ color:var(--section-color-1-accent-1); } .color-theme-1 .color-accent-2, header .color-accent-2, .modal-box .color-accent-2, .color-theme-1 .section-color .color-accent-2, header .section-color .color-accent-2, .modal-box .section-color .color-accent-2{ color:var(--section-color-1-accent-2); } .color-theme-1 ::-moz-selection, header ::-moz-selection, .modal-box ::-moz-selection, .color-theme-1 .section-color ::-moz-selection, header .section-color ::-moz-selection, .modal-box .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-1-background); background:var(--section-color-1-accent); } .color-theme-1 ::selection, header ::selection, .modal-box ::selection, .color-theme-1 .section-color ::selection, header .section-color ::selection, .modal-box .section-color ::selection{ color:var(--section-color-1-background); background:var(--section-color-1-accent-1); } .color-theme-1 h1, header h1, .modal-box h1, .color-theme-1 h2, header h2, .modal-box h2, .color-theme-1 .section-color h1, header .section-color h1, .modal-box .section-color h1, .color-theme-1 .section-color h2, header .section-color h2, .modal-box .section-color h2{ color:var(--section-color-1-title); } .color-theme-1 h3, header h3, .modal-box h3, .color-theme-1 h4, header h4, .modal-box h4, .color-theme-1 h5, header h5, .modal-box h5, .color-theme-1 h6, header h6, .modal-box h6, .color-theme-1 .section-color h3, header .section-color h3, .modal-box .section-color h3, .color-theme-1 .section-color h4, header .section-color h4, .modal-box .section-color h4, .color-theme-1 .section-color h5, header .section-color h5, .modal-box .section-color h5, .color-theme-1 .section-color h6, header .section-color h6, .modal-box .section-color h6{ color:var(--section-color-1-title-secondary); } .color-theme-1 h2::after, header h2::after, .modal-box h2::after, .color-theme-1 .section-color h2::after, header .section-color h2::after, .modal-box .section-color h2::after{ border-color:var(--section-color-1-border); } .color-theme-1 a, header a, .modal-box a, .color-theme-1 .section-color a, header .section-color a, .modal-box .section-color a{ color:var(--section-color-1-link); } .color-theme-1 a:hover, header a:hover, .modal-box a:hover, .color-theme-1 .section-color a:hover, header .section-color a:hover, .modal-box .section-color a:hover{ color:var(--section-color-1-accent-1); } .color-theme-1 ul li a, header ul li a, .modal-box ul li a, .color-theme-1 .section-color ul li a, header .section-color ul li a, .modal-box .section-color ul li a{ color:inherit; } .color-theme-1 ul li > a, header ul li > a, .modal-box ul li > a, .color-theme-1 .section-color ul li > a, header .section-color ul li > a, .modal-box .section-color ul li > a{ color:inherit; } .color-theme-1 .btn.solid, header .btn.solid, .modal-box .btn.solid, .color-theme-1 .section-color .btn.solid, header .section-color .btn.solid, .modal-box .section-color .btn.solid{ background-color:var(--section-color-1-button); color:var(--section-color-1-button-text); } .color-theme-1 .btn.solid:hover, header .btn.solid:hover, .modal-box .btn.solid:hover, .color-theme-1 .section-color .btn.solid:hover, header .section-color .btn.solid:hover, .modal-box .section-color .btn.solid:hover{ background-color:var(--section-color-1-button-hover); color:var(--section-color-1-button-hover-text); } .color-theme-1 .btn.outline, header .btn.outline, .modal-box .btn.outline, .color-theme-1 .section-color .btn.outline, header .section-color .btn.outline, .modal-box .section-color .btn.outline{ background:none; color:var(--section-color-1-button); border-color:var(--section-color-1-button); } .color-theme-1 .btn.outline:hover, header .btn.outline:hover, .modal-box .btn.outline:hover, .color-theme-1 .section-color .btn.outline:hover, header .section-color .btn.outline:hover, .modal-box .section-color .btn.outline:hover{ background-color:var(--section-color-1-button); color:var(--section-color-1-button-text); } .color-theme-1 .btn.special, header .btn.special, .modal-box .btn.special, .color-theme-1 .section-color .btn.special, header .section-color .btn.special, .modal-box .section-color .btn.special{ background-color:var(--section-color-1-button); color:var(--section-color-1-button-text); border:none; } .color-theme-1 .btn.special::after, header .btn.special::after, .modal-box .btn.special::after, .color-theme-1 .section-color .btn.special::after, header .section-color .btn.special::after, .modal-box .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-1-button)); } .color-theme-1 input[type="submit"], header input[type="submit"], .modal-box input[type="submit"], .color-theme-1 .widget_search .search-submit, header .widget_search .search-submit, .modal-box .widget_search .search-submit, .color-theme-1 .widget_product_search button, header .widget_product_search button, .modal-box .widget_product_search button, .color-theme-1 .product .add_to_cart_button, header .product .add_to_cart_button, .modal-box .product .add_to_cart_button, .color-theme-1 .wp-element-button, header .wp-element-button, .modal-box .wp-element-button, .color-theme-1 .section-color input[type="submit"], header .section-color input[type="submit"], .modal-box .section-color input[type="submit"], .color-theme-1 .section-color .widget_search .search-submit, header .section-color .widget_search .search-submit, .modal-box .section-color .widget_search .search-submit, .color-theme-1 .section-color .widget_product_search button, header .section-color .widget_product_search button, .modal-box .section-color .widget_product_search button, .color-theme-1 .section-color .product .add_to_cart_button, header .section-color .product .add_to_cart_button, .modal-box .section-color .product .add_to_cart_button, .color-theme-1 .section-color .wp-element-button, header .section-color .wp-element-button, .modal-box .section-color .wp-element-button{ background-color:var(--section-color-1-button); color:var(--section-color-1-button-text); border-color:var(--section-color-1-button); } .color-theme-1 input[type="submit"]:hover, header input[type="submit"]:hover, .modal-box input[type="submit"]:hover, .color-theme-1 .widget_search .search-submit:hover, header .widget_search .search-submit:hover, .modal-box .widget_search .search-submit:hover, .color-theme-1 .widget_product_search button:hover, header .widget_product_search button:hover, .modal-box .widget_product_search button:hover, .color-theme-1 .product .add_to_cart_button:hover, header .product .add_to_cart_button:hover, .modal-box .product .add_to_cart_button:hover, .color-theme-1 .wp-element-button:hover, header .wp-element-button:hover, .modal-box .wp-element-button:hover, .color-theme-1 .section-color input[type="submit"]:hover, header .section-color input[type="submit"]:hover, .modal-box .section-color input[type="submit"]:hover, .color-theme-1 .section-color .widget_search .search-submit:hover, header .section-color .widget_search .search-submit:hover, .modal-box .section-color .widget_search .search-submit:hover, .color-theme-1 .section-color .widget_product_search button:hover, header .section-color .widget_product_search button:hover, .modal-box .section-color .widget_product_search button:hover, .color-theme-1 .section-color .product .add_to_cart_button:hover, header .section-color .product .add_to_cart_button:hover, .modal-box .section-color .product .add_to_cart_button:hover, .color-theme-1 .section-color .wp-element-button:hover, header .section-color .wp-element-button:hover, .modal-box .section-color .wp-element-button:hover{ background-color:var(--section-color-1-button-hover); color:var(--section-color-1-button-hover-text); } .color-theme-1 .forminator-ui .forminator-is_active input, header .forminator-ui .forminator-is_active input, .modal-box .forminator-ui .forminator-is_active input, .color-theme-1 .forminator-ui .forminator-is_active textarea, header .forminator-ui .forminator-is_active textarea, .modal-box .forminator-ui .forminator-is_active textarea, .color-theme-1 .forminator-ui .forminator-is_active select, header .forminator-ui .forminator-is_active select, .modal-box .forminator-ui .forminator-is_active select, .color-theme-1 .forminator-ui .forminator-is_hover input, header .forminator-ui .forminator-is_hover input, .modal-box .forminator-ui .forminator-is_hover input, .color-theme-1 .forminator-ui .forminator-is_hover textarea, header .forminator-ui .forminator-is_hover textarea, .modal-box .forminator-ui .forminator-is_hover textarea, .color-theme-1 .forminator-ui .forminator-is_hover select, header .forminator-ui .forminator-is_hover select, .modal-box .forminator-ui .forminator-is_hover select, .color-theme-1 .section-color .forminator-ui .forminator-is_active input, header .section-color .forminator-ui .forminator-is_active input, .modal-box .section-color .forminator-ui .forminator-is_active input, .color-theme-1 .section-color .forminator-ui .forminator-is_active textarea, header .section-color .forminator-ui .forminator-is_active textarea, .modal-box .section-color .forminator-ui .forminator-is_active textarea, .color-theme-1 .section-color .forminator-ui .forminator-is_active select, header .section-color .forminator-ui .forminator-is_active select, .modal-box .section-color .forminator-ui .forminator-is_active select, .color-theme-1 .section-color .forminator-ui .forminator-is_hover input, header .section-color .forminator-ui .forminator-is_hover input, .modal-box .section-color .forminator-ui .forminator-is_hover input, .color-theme-1 .section-color .forminator-ui .forminator-is_hover textarea, header .section-color .forminator-ui .forminator-is_hover textarea, .modal-box .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-1 .section-color .forminator-ui .forminator-is_hover select, header .section-color .forminator-ui .forminator-is_hover select, .modal-box .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-1-border) !important; } .color-theme-1 .forminator-ui .forminator-button, header .forminator-ui .forminator-button, .modal-box .forminator-ui .forminator-button, .color-theme-1 .section-color .forminator-ui .forminator-button, header .section-color .forminator-ui .forminator-button, .modal-box .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-1-button) !important; color:var(--section-color-1-button-text) !important; border-color:var(--section-color-1-button) !important; } .color-theme-1 .forminator-ui .forminator-button:hover, header .forminator-ui .forminator-button:hover, .modal-box .forminator-ui .forminator-button:hover, .color-theme-1 .section-color .forminator-ui .forminator-button:hover, header .section-color .forminator-ui .forminator-button:hover, .modal-box .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-1-button-hover); color:var(--section-color-1-button-hover-text); } .color-theme-1 .wysiwyg strong > a, header .wysiwyg strong > a, header footer .footer-widget .textwidget strong > a, footer .footer-widget header .textwidget strong > a, .modal-box .wysiwyg strong > a, .modal-box footer .footer-widget .textwidget strong > a, footer .footer-widget .modal-box .textwidget strong > a, .color-theme-1 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-1 .textwidget strong > a, .color-theme-1 .textwidget strong > a, header .textwidget strong > a, .modal-box .textwidget strong > a, .color-theme-1 .section-color .wysiwyg strong > a, header .section-color .wysiwyg strong > a, header .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget header .section-color .textwidget strong > a, .modal-box .section-color .wysiwyg strong > a, .modal-box .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .modal-box .section-color .textwidget strong > a, .color-theme-1 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-1 .section-color .textwidget strong > a, .color-theme-1 .section-color .textwidget strong > a, header .section-color .textwidget strong > a, .modal-box .section-color .textwidget strong > a{ background-color:var(--section-color-1-button); color:var(--section-color-1-button-text); border-color:var(--section-color-1-button); } .color-theme-1 .wysiwyg strong > a:hover, header .wysiwyg strong > a:hover, header footer .footer-widget .textwidget strong > a:hover, footer .footer-widget header .textwidget strong > a:hover, .modal-box .wysiwyg strong > a:hover, .modal-box footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .modal-box .textwidget strong > a:hover, .color-theme-1 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-1 .textwidget strong > a:hover, .color-theme-1 .textwidget strong > a:hover, header .textwidget strong > a:hover, .modal-box .textwidget strong > a:hover, .color-theme-1 .section-color .wysiwyg strong > a:hover, header .section-color .wysiwyg strong > a:hover, header .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget header .section-color .textwidget strong > a:hover, .modal-box .section-color .wysiwyg strong > a:hover, .modal-box .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .modal-box .section-color .textwidget strong > a:hover, .color-theme-1 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-1 .section-color .textwidget strong > a:hover, .color-theme-1 .section-color .textwidget strong > a:hover, header .section-color .textwidget strong > a:hover, .modal-box .section-color .textwidget strong > a:hover{ background-color:var(--section-color-1-button-hover); color:var(--section-color-1-button-hover-text); } .color-theme-1 :focus-visible, header :focus-visible, .modal-box :focus-visible, .color-theme-1 .section-color :focus-visible, header .section-color :focus-visible, .modal-box .section-color :focus-visible{ outline-color:var(--section-color-1-accent-1); } .color-theme-1 input:not([type="submit"]), header input:not([type="submit"]), .modal-box input:not([type="submit"]), .color-theme-1 select, header select, .modal-box select, .color-theme-1 .section-color input:not([type="submit"]), header .section-color input:not([type="submit"]), .modal-box .section-color input:not([type="submit"]), .color-theme-1 .section-color select, header .section-color select, .modal-box .section-color select{ background-color:var(--section-color-1-input-background); color:var(--section-color-1-input-color); } .color-theme-1 i, header i, .modal-box i, .color-theme-1 .section-color i, header .section-color i, .modal-box .section-color i{ color:inherit; } .color-theme-1 th, header th, .modal-box th, .color-theme-1 td, header td, .modal-box td, .color-theme-1 .section-color th, header .section-color th, .modal-box .section-color th, .color-theme-1 .section-color td, header .section-color td, .modal-box .section-color td{ border-color:var(--section-color-1-border); } .color-theme-1 .swiper-button-prev, header .swiper-button-prev, .modal-box .swiper-button-prev, .color-theme-1 .swiper-button-next, header .swiper-button-next, .modal-box .swiper-button-next, .color-theme-1 .section-color .swiper-button-prev, header .section-color .swiper-button-prev, .modal-box .section-color .swiper-button-prev, .color-theme-1 .section-color .swiper-button-next, header .section-color .swiper-button-next, .modal-box .section-color .swiper-button-next{ color:var(--section-color-1-accent-1); } .color-theme-1 .swiper-pagination-bullet, header .swiper-pagination-bullet, .modal-box .swiper-pagination-bullet, .color-theme-1 .section-color .swiper-pagination-bullet, header .section-color .swiper-pagination-bullet, .modal-box .section-color .swiper-pagination-bullet{ background:var(--section-color-1-accent-1); } .color-theme-1 .swiper-pagination-bullet-active, header .swiper-pagination-bullet-active, .modal-box .swiper-pagination-bullet-active, .color-theme-1 .section-color .swiper-pagination-bullet-active, header .section-color .swiper-pagination-bullet-active, .modal-box .section-color .swiper-pagination-bullet-active{ background:var(--section-color-1-accent-2); } .color-theme-2, .vertical-scroll-down .scroll-button, .color-theme-2 .section-color, .vertical-scroll-down .scroll-button .section-color{ background:var(--section-color-2-background); color:var(--section-color-2-text); border-color:var(--section-color-2-text); } .color-theme-2 .section-divider, .vertical-scroll-down .scroll-button .section-divider, .color-theme-2 .section-color .section-divider, .vertical-scroll-down .scroll-button .section-color .section-divider{ color:var(--section-color-2-background); fill:var(--section-color-2-background); } .color-theme-2 .background-overlay, .vertical-scroll-down .scroll-button .background-overlay, .color-theme-2 .sidebar, .color-theme-2 .woocommerce-sidebar, .vertical-scroll-down .scroll-button .sidebar, .vertical-scroll-down .scroll-button .woocommerce-sidebar, .color-theme-2 .section-color .background-overlay, .vertical-scroll-down .scroll-button .section-color .background-overlay, .color-theme-2 .section-color .sidebar, .color-theme-2 .section-color .woocommerce-sidebar, .vertical-scroll-down .scroll-button .section-color .sidebar, .vertical-scroll-down .scroll-button .section-color .woocommerce-sidebar{ background:var(--section-color-2-overlay); } .color-theme-2 .paragraph-read-more::after, .vertical-scroll-down .scroll-button .paragraph-read-more::after, .color-theme-2 .section-color .paragraph-read-more::after, .vertical-scroll-down .scroll-button .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-2-background), transparent); } .color-theme-2 .border-color, .vertical-scroll-down .scroll-button .border-color, .color-theme-2 .section-color .border-color, .vertical-scroll-down .scroll-button .section-color .border-color{ border-color:var(--section-color-2-border) !important; } .color-theme-2 .color-accent, .vertical-scroll-down .scroll-button .color-accent, .color-theme-2 .color-accent-1, .vertical-scroll-down .scroll-button .color-accent-1, .color-theme-2 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-2 .counter-icon, .color-theme-2 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-2 .counter-number-wrapper, .vertical-scroll-down .scroll-button .component-counters .counter .counter-icon, .component-counters .counter .vertical-scroll-down .scroll-button .counter-icon, .vertical-scroll-down .scroll-button .component-counters .counter .counter-number-wrapper, .component-counters .counter .vertical-scroll-down .scroll-button .counter-number-wrapper, .color-theme-2 .section-color .color-accent, .vertical-scroll-down .scroll-button .section-color .color-accent, .color-theme-2 .section-color .color-accent-1, .vertical-scroll-down .scroll-button .section-color .color-accent-1, .color-theme-2 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-2 .section-color .counter-icon, .color-theme-2 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-2 .section-color .counter-number-wrapper, .vertical-scroll-down .scroll-button .section-color .component-counters .counter .counter-icon, .component-counters .counter .vertical-scroll-down .scroll-button .section-color .counter-icon, .vertical-scroll-down .scroll-button .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .vertical-scroll-down .scroll-button .section-color .counter-number-wrapper{ color:var(--section-color-2-accent-1); } .color-theme-2 .color-accent-2, .vertical-scroll-down .scroll-button .color-accent-2, .color-theme-2 .section-color .color-accent-2, .vertical-scroll-down .scroll-button .section-color .color-accent-2{ color:var(--section-color-2-accent-2); } .color-theme-2 ::-moz-selection, .vertical-scroll-down .scroll-button ::-moz-selection, .color-theme-2 .section-color ::-moz-selection, .vertical-scroll-down .scroll-button .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-2-background); background:var(--section-color-2-accent); } .color-theme-2 ::selection, .vertical-scroll-down .scroll-button ::selection, .color-theme-2 .section-color ::selection, .vertical-scroll-down .scroll-button .section-color ::selection{ color:var(--section-color-2-background); background:var(--section-color-2-accent-1); } .color-theme-2 h1, .vertical-scroll-down .scroll-button h1, .color-theme-2 h2, .vertical-scroll-down .scroll-button h2, .color-theme-2 .section-color h1, .vertical-scroll-down .scroll-button .section-color h1, .color-theme-2 .section-color h2, .vertical-scroll-down .scroll-button .section-color h2{ color:var(--section-color-2-title); } .color-theme-2 h3, .vertical-scroll-down .scroll-button h3, .color-theme-2 h4, .vertical-scroll-down .scroll-button h4, .color-theme-2 h5, .vertical-scroll-down .scroll-button h5, .color-theme-2 h6, .vertical-scroll-down .scroll-button h6, .color-theme-2 .section-color h3, .vertical-scroll-down .scroll-button .section-color h3, .color-theme-2 .section-color h4, .vertical-scroll-down .scroll-button .section-color h4, .color-theme-2 .section-color h5, .vertical-scroll-down .scroll-button .section-color h5, .color-theme-2 .section-color h6, .vertical-scroll-down .scroll-button .section-color h6{ color:var(--section-color-2-title-secondary); } .color-theme-2 h2::after, .vertical-scroll-down .scroll-button h2::after, .color-theme-2 .section-color h2::after, .vertical-scroll-down .scroll-button .section-color h2::after{ border-color:var(--section-color-2-border); } .color-theme-2 a, .vertical-scroll-down .scroll-button a, .color-theme-2 .section-color a, .vertical-scroll-down .scroll-button .section-color a{ color:var(--section-color-2-link); } .color-theme-2 a:hover, .vertical-scroll-down .scroll-button a:hover, .color-theme-2 .section-color a:hover, .vertical-scroll-down .scroll-button .section-color a:hover{ color:var(--section-color-2-accent-1); } .color-theme-2 ul li a, .vertical-scroll-down .scroll-button ul li a, .color-theme-2 .section-color ul li a, .vertical-scroll-down .scroll-button .section-color ul li a{ color:inherit; } .color-theme-2 ul li > a, .vertical-scroll-down .scroll-button ul li > a, .color-theme-2 .section-color ul li > a, .vertical-scroll-down .scroll-button .section-color ul li > a{ color:inherit; } .color-theme-2 .btn.solid, .vertical-scroll-down .scroll-button .btn.solid, .color-theme-2 .section-color .btn.solid, .vertical-scroll-down .scroll-button .section-color .btn.solid{ background-color:var(--section-color-2-button); color:var(--section-color-2-button-text); } .color-theme-2 .btn.solid:hover, .vertical-scroll-down .scroll-button .btn.solid:hover, .color-theme-2 .section-color .btn.solid:hover, .vertical-scroll-down .scroll-button .section-color .btn.solid:hover{ background-color:var(--section-color-2-button-hover); color:var(--section-color-2-button-hover-text); } .color-theme-2 .btn.outline, .vertical-scroll-down .scroll-button .btn.outline, .color-theme-2 .section-color .btn.outline, .vertical-scroll-down .scroll-button .section-color .btn.outline{ background:none; color:var(--section-color-2-button); border-color:var(--section-color-2-button); } .color-theme-2 .btn.outline:hover, .vertical-scroll-down .scroll-button .btn.outline:hover, .color-theme-2 .section-color .btn.outline:hover, .vertical-scroll-down .scroll-button .section-color .btn.outline:hover{ background-color:var(--section-color-2-button); color:var(--section-color-2-button-text); } .color-theme-2 .btn.special, .vertical-scroll-down .scroll-button .btn.special, .color-theme-2 .section-color .btn.special, .vertical-scroll-down .scroll-button .section-color .btn.special{ background-color:var(--section-color-2-button); color:var(--section-color-2-button-text); border:none; } .color-theme-2 .btn.special::after, .vertical-scroll-down .scroll-button .btn.special::after, .color-theme-2 .section-color .btn.special::after, .vertical-scroll-down .scroll-button .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-2-button)); } .color-theme-2 input[type="submit"], .vertical-scroll-down .scroll-button input[type="submit"], .color-theme-2 .widget_search .search-submit, .vertical-scroll-down .scroll-button .widget_search .search-submit, .color-theme-2 .widget_product_search button, .vertical-scroll-down .scroll-button .widget_product_search button, .color-theme-2 .product .add_to_cart_button, .vertical-scroll-down .scroll-button .product .add_to_cart_button, .color-theme-2 .wp-element-button, .vertical-scroll-down .scroll-button .wp-element-button, .color-theme-2 .section-color input[type="submit"], .vertical-scroll-down .scroll-button .section-color input[type="submit"], .color-theme-2 .section-color .widget_search .search-submit, .vertical-scroll-down .scroll-button .section-color .widget_search .search-submit, .color-theme-2 .section-color .widget_product_search button, .vertical-scroll-down .scroll-button .section-color .widget_product_search button, .color-theme-2 .section-color .product .add_to_cart_button, .vertical-scroll-down .scroll-button .section-color .product .add_to_cart_button, .color-theme-2 .section-color .wp-element-button, .vertical-scroll-down .scroll-button .section-color .wp-element-button{ background-color:var(--section-color-2-button); color:var(--section-color-2-button-text); border-color:var(--section-color-2-button); } .color-theme-2 input[type="submit"]:hover, .vertical-scroll-down .scroll-button input[type="submit"]:hover, .color-theme-2 .widget_search .search-submit:hover, .vertical-scroll-down .scroll-button .widget_search .search-submit:hover, .color-theme-2 .widget_product_search button:hover, .vertical-scroll-down .scroll-button .widget_product_search button:hover, .color-theme-2 .product .add_to_cart_button:hover, .vertical-scroll-down .scroll-button .product .add_to_cart_button:hover, .color-theme-2 .wp-element-button:hover, .vertical-scroll-down .scroll-button .wp-element-button:hover, .color-theme-2 .section-color input[type="submit"]:hover, .vertical-scroll-down .scroll-button .section-color input[type="submit"]:hover, .color-theme-2 .section-color .widget_search .search-submit:hover, .vertical-scroll-down .scroll-button .section-color .widget_search .search-submit:hover, .color-theme-2 .section-color .widget_product_search button:hover, .vertical-scroll-down .scroll-button .section-color .widget_product_search button:hover, .color-theme-2 .section-color .product .add_to_cart_button:hover, .vertical-scroll-down .scroll-button .section-color .product .add_to_cart_button:hover, .color-theme-2 .section-color .wp-element-button:hover, .vertical-scroll-down .scroll-button .section-color .wp-element-button:hover{ background-color:var(--section-color-2-button-hover); color:var(--section-color-2-button-hover-text); } .color-theme-2 .forminator-ui .forminator-is_active input, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_active input, .color-theme-2 .forminator-ui .forminator-is_active textarea, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_active textarea, .color-theme-2 .forminator-ui .forminator-is_active select, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_active select, .color-theme-2 .forminator-ui .forminator-is_hover input, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_hover input, .color-theme-2 .forminator-ui .forminator-is_hover textarea, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_hover textarea, .color-theme-2 .forminator-ui .forminator-is_hover select, .vertical-scroll-down .scroll-button .forminator-ui .forminator-is_hover select, .color-theme-2 .section-color .forminator-ui .forminator-is_active input, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_active input, .color-theme-2 .section-color .forminator-ui .forminator-is_active textarea, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_active textarea, .color-theme-2 .section-color .forminator-ui .forminator-is_active select, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_active select, .color-theme-2 .section-color .forminator-ui .forminator-is_hover input, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_hover input, .color-theme-2 .section-color .forminator-ui .forminator-is_hover textarea, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-2 .section-color .forminator-ui .forminator-is_hover select, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-2-border) !important; } .color-theme-2 .forminator-ui .forminator-button, .vertical-scroll-down .scroll-button .forminator-ui .forminator-button, .color-theme-2 .section-color .forminator-ui .forminator-button, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-2-button) !important; color:var(--section-color-2-button-text) !important; border-color:var(--section-color-2-button) !important; } .color-theme-2 .forminator-ui .forminator-button:hover, .vertical-scroll-down .scroll-button .forminator-ui .forminator-button:hover, .color-theme-2 .section-color .forminator-ui .forminator-button:hover, .vertical-scroll-down .scroll-button .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-2-button-hover); color:var(--section-color-2-button-hover-text); } .color-theme-2 .wysiwyg strong > a, .vertical-scroll-down .scroll-button .wysiwyg strong > a, .color-theme-2 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-2 .textwidget strong > a, .vertical-scroll-down .scroll-button footer .footer-widget .textwidget strong > a, footer .footer-widget .vertical-scroll-down .scroll-button .textwidget strong > a, .color-theme-2 .textwidget strong > a, .vertical-scroll-down .scroll-button .textwidget strong > a, .color-theme-2 .section-color .wysiwyg strong > a, .vertical-scroll-down .scroll-button .section-color .wysiwyg strong > a, .color-theme-2 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-2 .section-color .textwidget strong > a, .vertical-scroll-down .scroll-button .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .vertical-scroll-down .scroll-button .section-color .textwidget strong > a, .color-theme-2 .section-color .textwidget strong > a, .vertical-scroll-down .scroll-button .section-color .textwidget strong > a{ background-color:var(--section-color-2-button); color:var(--section-color-2-button-text); border-color:var(--section-color-2-button); } .color-theme-2 .wysiwyg strong > a:hover, .vertical-scroll-down .scroll-button .wysiwyg strong > a:hover, .color-theme-2 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-2 .textwidget strong > a:hover, .vertical-scroll-down .scroll-button footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .vertical-scroll-down .scroll-button .textwidget strong > a:hover, .color-theme-2 .textwidget strong > a:hover, .vertical-scroll-down .scroll-button .textwidget strong > a:hover, .color-theme-2 .section-color .wysiwyg strong > a:hover, .vertical-scroll-down .scroll-button .section-color .wysiwyg strong > a:hover, .color-theme-2 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-2 .section-color .textwidget strong > a:hover, .vertical-scroll-down .scroll-button .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .vertical-scroll-down .scroll-button .section-color .textwidget strong > a:hover, .color-theme-2 .section-color .textwidget strong > a:hover, .vertical-scroll-down .scroll-button .section-color .textwidget strong > a:hover{ background-color:var(--section-color-2-button-hover); color:var(--section-color-2-button-hover-text); } .color-theme-2 :focus-visible, .vertical-scroll-down .scroll-button :focus-visible, .color-theme-2 .section-color :focus-visible, .vertical-scroll-down .scroll-button .section-color :focus-visible{ outline-color:var(--section-color-2-accent-1); } .color-theme-2 input:not([type="submit"]), .vertical-scroll-down .scroll-button input:not([type="submit"]), .color-theme-2 select, .vertical-scroll-down .scroll-button select, .color-theme-2 .section-color input:not([type="submit"]), .vertical-scroll-down .scroll-button .section-color input:not([type="submit"]), .color-theme-2 .section-color select, .vertical-scroll-down .scroll-button .section-color select{ background-color:var(--section-color-2-input-background); color:var(--section-color-2-input-color); } .color-theme-2 i, .vertical-scroll-down .scroll-button i, .color-theme-2 .section-color i, .vertical-scroll-down .scroll-button .section-color i{ color:inherit; } .color-theme-2 th, .vertical-scroll-down .scroll-button th, .color-theme-2 td, .vertical-scroll-down .scroll-button td, .color-theme-2 .section-color th, .vertical-scroll-down .scroll-button .section-color th, .color-theme-2 .section-color td, .vertical-scroll-down .scroll-button .section-color td{ border-color:var(--section-color-2-border); } .color-theme-2 .swiper-button-prev, .vertical-scroll-down .scroll-button .swiper-button-prev, .color-theme-2 .swiper-button-next, .vertical-scroll-down .scroll-button .swiper-button-next, .color-theme-2 .section-color .swiper-button-prev, .vertical-scroll-down .scroll-button .section-color .swiper-button-prev, .color-theme-2 .section-color .swiper-button-next, .vertical-scroll-down .scroll-button .section-color .swiper-button-next{ color:var(--section-color-2-accent-1); } .color-theme-2 .swiper-pagination-bullet, .vertical-scroll-down .scroll-button .swiper-pagination-bullet, .color-theme-2 .section-color .swiper-pagination-bullet, .vertical-scroll-down .scroll-button .section-color .swiper-pagination-bullet{ background:var(--section-color-2-accent-1); } .color-theme-2 .swiper-pagination-bullet-active, .vertical-scroll-down .scroll-button .swiper-pagination-bullet-active, .color-theme-2 .section-color .swiper-pagination-bullet-active, .vertical-scroll-down .scroll-button .section-color .swiper-pagination-bullet-active{ background:var(--section-color-2-accent-2); } .color-theme-3, .color-theme-3 .section-color{ background:var(--section-color-3-background); color:var(--section-color-3-text); border-color:var(--section-color-3-text); } .color-theme-3 .section-divider, .color-theme-3 .section-color .section-divider{ color:var(--section-color-3-background); fill:var(--section-color-3-background); } .color-theme-3 .background-overlay, .color-theme-3 .sidebar, .color-theme-3 .woocommerce-sidebar, .color-theme-3 .section-color .background-overlay, .color-theme-3 .section-color .sidebar, .color-theme-3 .section-color .woocommerce-sidebar{ background:var(--section-color-3-overlay); } .color-theme-3 .paragraph-read-more::after, .color-theme-3 .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-3-background), transparent); } .color-theme-3 .border-color, .color-theme-3 .section-color .border-color{ border-color:var(--section-color-3-border) !important; } .color-theme-3 .color-accent, .color-theme-3 .color-accent-1, .color-theme-3 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-3 .counter-icon, .color-theme-3 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-3 .counter-number-wrapper, .color-theme-3 .section-color .color-accent, .color-theme-3 .section-color .color-accent-1, .color-theme-3 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-3 .section-color .counter-icon, .color-theme-3 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-3 .section-color .counter-number-wrapper{ color:var(--section-color-3-accent-1); } .color-theme-3 .color-accent-2, .color-theme-3 .section-color .color-accent-2{ color:var(--section-color-3-accent-2); } .color-theme-3 ::-moz-selection, .color-theme-3 .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-3-background); background:var(--section-color-3-accent); } .color-theme-3 ::selection, .color-theme-3 .section-color ::selection{ color:var(--section-color-3-background); background:var(--section-color-3-accent-1); } .color-theme-3 h1, .color-theme-3 h2, .color-theme-3 .section-color h1, .color-theme-3 .section-color h2{ color:var(--section-color-3-title); } .color-theme-3 h3, .color-theme-3 h4, .color-theme-3 h5, .color-theme-3 h6, .color-theme-3 .section-color h3, .color-theme-3 .section-color h4, .color-theme-3 .section-color h5, .color-theme-3 .section-color h6{ color:var(--section-color-3-title-secondary); } .color-theme-3 h2::after, .color-theme-3 .section-color h2::after{ border-color:var(--section-color-3-border); } .color-theme-3 a, .color-theme-3 .section-color a{ color:var(--section-color-3-link); } .color-theme-3 a:hover, .color-theme-3 .section-color a:hover{ color:var(--section-color-3-accent-1); } .color-theme-3 ul li a, .color-theme-3 .section-color ul li a{ color:inherit; } .color-theme-3 ul li > a, .color-theme-3 .section-color ul li > a{ color:inherit; } .color-theme-3 .btn.solid, .color-theme-3 .section-color .btn.solid{ background-color:var(--section-color-3-button); color:var(--section-color-3-button-text); } .color-theme-3 .btn.solid:hover, .color-theme-3 .section-color .btn.solid:hover{ background-color:var(--section-color-3-button-hover); color:var(--section-color-3-button-hover-text); } .color-theme-3 .btn.outline, .color-theme-3 .section-color .btn.outline{ background:none; color:var(--section-color-3-button); border-color:var(--section-color-3-button); } .color-theme-3 .btn.outline:hover, .color-theme-3 .section-color .btn.outline:hover{ background-color:var(--section-color-3-button); color:var(--section-color-3-button-text); } .color-theme-3 .btn.special, .color-theme-3 .section-color .btn.special{ background-color:var(--section-color-3-button); color:var(--section-color-3-button-text); border:none; } .color-theme-3 .btn.special::after, .color-theme-3 .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-3-button)); } .color-theme-3 input[type="submit"], .color-theme-3 .widget_search .search-submit, .color-theme-3 .widget_product_search button, .color-theme-3 .product .add_to_cart_button, .color-theme-3 .wp-element-button, .color-theme-3 .section-color input[type="submit"], .color-theme-3 .section-color .widget_search .search-submit, .color-theme-3 .section-color .widget_product_search button, .color-theme-3 .section-color .product .add_to_cart_button, .color-theme-3 .section-color .wp-element-button{ background-color:var(--section-color-3-button); color:var(--section-color-3-button-text); border-color:var(--section-color-3-button); } .color-theme-3 input[type="submit"]:hover, .color-theme-3 .widget_search .search-submit:hover, .color-theme-3 .widget_product_search button:hover, .color-theme-3 .product .add_to_cart_button:hover, .color-theme-3 .wp-element-button:hover, .color-theme-3 .section-color input[type="submit"]:hover, .color-theme-3 .section-color .widget_search .search-submit:hover, .color-theme-3 .section-color .widget_product_search button:hover, .color-theme-3 .section-color .product .add_to_cart_button:hover, .color-theme-3 .section-color .wp-element-button:hover{ background-color:var(--section-color-3-button-hover); color:var(--section-color-3-button-hover-text); } .color-theme-3 .forminator-ui .forminator-is_active input, .color-theme-3 .forminator-ui .forminator-is_active textarea, .color-theme-3 .forminator-ui .forminator-is_active select, .color-theme-3 .forminator-ui .forminator-is_hover input, .color-theme-3 .forminator-ui .forminator-is_hover textarea, .color-theme-3 .forminator-ui .forminator-is_hover select, .color-theme-3 .section-color .forminator-ui .forminator-is_active input, .color-theme-3 .section-color .forminator-ui .forminator-is_active textarea, .color-theme-3 .section-color .forminator-ui .forminator-is_active select, .color-theme-3 .section-color .forminator-ui .forminator-is_hover input, .color-theme-3 .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-3 .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-3-border) !important; } .color-theme-3 .forminator-ui .forminator-button, .color-theme-3 .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-3-button) !important; color:var(--section-color-3-button-text) !important; border-color:var(--section-color-3-button) !important; } .color-theme-3 .forminator-ui .forminator-button:hover, .color-theme-3 .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-3-button-hover); color:var(--section-color-3-button-hover-text); } .color-theme-3 .wysiwyg strong > a, .color-theme-3 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-3 .textwidget strong > a, .color-theme-3 .textwidget strong > a, .color-theme-3 .section-color .wysiwyg strong > a, .color-theme-3 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-3 .section-color .textwidget strong > a, .color-theme-3 .section-color .textwidget strong > a{ background-color:var(--section-color-3-button); color:var(--section-color-3-button-text); border-color:var(--section-color-3-button); } .color-theme-3 .wysiwyg strong > a:hover, .color-theme-3 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-3 .textwidget strong > a:hover, .color-theme-3 .textwidget strong > a:hover, .color-theme-3 .section-color .wysiwyg strong > a:hover, .color-theme-3 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-3 .section-color .textwidget strong > a:hover, .color-theme-3 .section-color .textwidget strong > a:hover{ background-color:var(--section-color-3-button-hover); color:var(--section-color-3-button-hover-text); } .color-theme-3 :focus-visible, .color-theme-3 .section-color :focus-visible{ outline-color:var(--section-color-3-accent-1); } .color-theme-3 input:not([type="submit"]), .color-theme-3 select, .color-theme-3 .section-color input:not([type="submit"]), .color-theme-3 .section-color select{ background-color:var(--section-color-3-input-background); color:var(--section-color-3-input-color); } .color-theme-3 i, .color-theme-3 .section-color i{ color:inherit; } .color-theme-3 th, .color-theme-3 td, .color-theme-3 .section-color th, .color-theme-3 .section-color td{ border-color:var(--section-color-3-border); } .color-theme-3 .swiper-button-prev, .color-theme-3 .swiper-button-next, .color-theme-3 .section-color .swiper-button-prev, .color-theme-3 .section-color .swiper-button-next{ color:var(--section-color-3-accent-1); } .color-theme-3 .swiper-pagination-bullet, .color-theme-3 .section-color .swiper-pagination-bullet{ background:var(--section-color-3-accent-1); } .color-theme-3 .swiper-pagination-bullet-active, .color-theme-3 .section-color .swiper-pagination-bullet-active{ background:var(--section-color-3-accent-2); } .color-theme-4, .color-theme-4 .section-color{ background:var(--section-color-4-background); color:var(--section-color-4-text); border-color:var(--section-color-4-text); } .color-theme-4 .section-divider, .color-theme-4 .section-color .section-divider{ color:var(--section-color-4-background); fill:var(--section-color-4-background); } .color-theme-4 .background-overlay, .color-theme-4 .sidebar, .color-theme-4 .woocommerce-sidebar, .color-theme-4 .section-color .background-overlay, .color-theme-4 .section-color .sidebar, .color-theme-4 .section-color .woocommerce-sidebar{ background:var(--section-color-4-overlay); } .color-theme-4 .paragraph-read-more::after, .color-theme-4 .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-4-background), transparent); } .color-theme-4 .border-color, .color-theme-4 .section-color .border-color{ border-color:var(--section-color-4-border) !important; } .color-theme-4 .color-accent, .color-theme-4 .color-accent-1, .color-theme-4 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-4 .counter-icon, .color-theme-4 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-4 .counter-number-wrapper, .color-theme-4 .section-color .color-accent, .color-theme-4 .section-color .color-accent-1, .color-theme-4 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-4 .section-color .counter-icon, .color-theme-4 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-4 .section-color .counter-number-wrapper{ color:var(--section-color-4-accent-1); } .color-theme-4 .color-accent-2, .color-theme-4 .section-color .color-accent-2{ color:var(--section-color-4-accent-2); } .color-theme-4 ::-moz-selection, .color-theme-4 .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-4-background); background:var(--section-color-4-accent); } .color-theme-4 ::selection, .color-theme-4 .section-color ::selection{ color:var(--section-color-4-background); background:var(--section-color-4-accent-1); } .color-theme-4 h1, .color-theme-4 h2, .color-theme-4 .section-color h1, .color-theme-4 .section-color h2{ color:var(--section-color-4-title); } .color-theme-4 h3, .color-theme-4 h4, .color-theme-4 h5, .color-theme-4 h6, .color-theme-4 .section-color h3, .color-theme-4 .section-color h4, .color-theme-4 .section-color h5, .color-theme-4 .section-color h6{ color:var(--section-color-4-title-secondary); } .color-theme-4 h2::after, .color-theme-4 .section-color h2::after{ border-color:var(--section-color-4-border); } .color-theme-4 a, .color-theme-4 .section-color a{ color:var(--section-color-4-link); } .color-theme-4 a:hover, .color-theme-4 .section-color a:hover{ color:var(--section-color-4-accent-1); } .color-theme-4 ul li a, .color-theme-4 .section-color ul li a{ color:inherit; } .color-theme-4 ul li > a, .color-theme-4 .section-color ul li > a{ color:inherit; } .color-theme-4 .btn.solid, .color-theme-4 .section-color .btn.solid{ background-color:var(--section-color-4-button); color:var(--section-color-4-button-text); } .color-theme-4 .btn.solid:hover, .color-theme-4 .section-color .btn.solid:hover{ background-color:var(--section-color-4-button-hover); color:var(--section-color-4-button-hover-text); } .color-theme-4 .btn.outline, .color-theme-4 .section-color .btn.outline{ background:none; color:var(--section-color-4-button); border-color:var(--section-color-4-button); } .color-theme-4 .btn.outline:hover, .color-theme-4 .section-color .btn.outline:hover{ background-color:var(--section-color-4-button); color:var(--section-color-4-button-text); } .color-theme-4 .btn.special, .color-theme-4 .section-color .btn.special{ background-color:var(--section-color-4-button); color:var(--section-color-4-button-text); border:none; } .color-theme-4 .btn.special::after, .color-theme-4 .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-4-button)); } .color-theme-4 input[type="submit"], .color-theme-4 .widget_search .search-submit, .color-theme-4 .widget_product_search button, .color-theme-4 .product .add_to_cart_button, .color-theme-4 .wp-element-button, .color-theme-4 .section-color input[type="submit"], .color-theme-4 .section-color .widget_search .search-submit, .color-theme-4 .section-color .widget_product_search button, .color-theme-4 .section-color .product .add_to_cart_button, .color-theme-4 .section-color .wp-element-button{ background-color:var(--section-color-4-button); color:var(--section-color-4-button-text); border-color:var(--section-color-4-button); } .color-theme-4 input[type="submit"]:hover, .color-theme-4 .widget_search .search-submit:hover, .color-theme-4 .widget_product_search button:hover, .color-theme-4 .product .add_to_cart_button:hover, .color-theme-4 .wp-element-button:hover, .color-theme-4 .section-color input[type="submit"]:hover, .color-theme-4 .section-color .widget_search .search-submit:hover, .color-theme-4 .section-color .widget_product_search button:hover, .color-theme-4 .section-color .product .add_to_cart_button:hover, .color-theme-4 .section-color .wp-element-button:hover{ background-color:var(--section-color-4-button-hover); color:var(--section-color-4-button-hover-text); } .color-theme-4 .forminator-ui .forminator-is_active input, .color-theme-4 .forminator-ui .forminator-is_active textarea, .color-theme-4 .forminator-ui .forminator-is_active select, .color-theme-4 .forminator-ui .forminator-is_hover input, .color-theme-4 .forminator-ui .forminator-is_hover textarea, .color-theme-4 .forminator-ui .forminator-is_hover select, .color-theme-4 .section-color .forminator-ui .forminator-is_active input, .color-theme-4 .section-color .forminator-ui .forminator-is_active textarea, .color-theme-4 .section-color .forminator-ui .forminator-is_active select, .color-theme-4 .section-color .forminator-ui .forminator-is_hover input, .color-theme-4 .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-4 .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-4-border) !important; } .color-theme-4 .forminator-ui .forminator-button, .color-theme-4 .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-4-button) !important; color:var(--section-color-4-button-text) !important; border-color:var(--section-color-4-button) !important; } .color-theme-4 .forminator-ui .forminator-button:hover, .color-theme-4 .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-4-button-hover); color:var(--section-color-4-button-hover-text); } .color-theme-4 .wysiwyg strong > a, .color-theme-4 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-4 .textwidget strong > a, .color-theme-4 .textwidget strong > a, .color-theme-4 .section-color .wysiwyg strong > a, .color-theme-4 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-4 .section-color .textwidget strong > a, .color-theme-4 .section-color .textwidget strong > a{ background-color:var(--section-color-4-button); color:var(--section-color-4-button-text); border-color:var(--section-color-4-button); } .color-theme-4 .wysiwyg strong > a:hover, .color-theme-4 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-4 .textwidget strong > a:hover, .color-theme-4 .textwidget strong > a:hover, .color-theme-4 .section-color .wysiwyg strong > a:hover, .color-theme-4 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-4 .section-color .textwidget strong > a:hover, .color-theme-4 .section-color .textwidget strong > a:hover{ background-color:var(--section-color-4-button-hover); color:var(--section-color-4-button-hover-text); } .color-theme-4 :focus-visible, .color-theme-4 .section-color :focus-visible{ outline-color:var(--section-color-4-accent-1); } .color-theme-4 input:not([type="submit"]), .color-theme-4 select, .color-theme-4 .section-color input:not([type="submit"]), .color-theme-4 .section-color select{ background-color:var(--section-color-4-input-background); color:var(--section-color-4-input-color); } .color-theme-4 i, .color-theme-4 .section-color i{ color:inherit; } .color-theme-4 th, .color-theme-4 td, .color-theme-4 .section-color th, .color-theme-4 .section-color td{ border-color:var(--section-color-4-border); } .color-theme-4 .swiper-button-prev, .color-theme-4 .swiper-button-next, .color-theme-4 .section-color .swiper-button-prev, .color-theme-4 .section-color .swiper-button-next{ color:var(--section-color-4-accent-1); } .color-theme-4 .swiper-pagination-bullet, .color-theme-4 .section-color .swiper-pagination-bullet{ background:var(--section-color-4-accent-1); } .color-theme-4 .swiper-pagination-bullet-active, .color-theme-4 .section-color .swiper-pagination-bullet-active{ background:var(--section-color-4-accent-2); } .color-theme-5, .color-theme-5 .section-color{ background:var(--section-color-5-background); color:var(--section-color-5-text); border-color:var(--section-color-5-text); } .color-theme-5 .section-divider, .color-theme-5 .section-color .section-divider{ color:var(--section-color-5-background); fill:var(--section-color-5-background); } .color-theme-5 .background-overlay, .color-theme-5 .sidebar, .color-theme-5 .woocommerce-sidebar, .color-theme-5 .section-color .background-overlay, .color-theme-5 .section-color .sidebar, .color-theme-5 .section-color .woocommerce-sidebar{ background:var(--section-color-5-overlay); } .color-theme-5 .paragraph-read-more::after, .color-theme-5 .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-5-background), transparent); } .color-theme-5 .border-color, .color-theme-5 .section-color .border-color{ border-color:var(--section-color-5-border) !important; } .color-theme-5 .color-accent, .color-theme-5 .color-accent-1, .color-theme-5 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-5 .counter-icon, .color-theme-5 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-5 .counter-number-wrapper, .color-theme-5 .section-color .color-accent, .color-theme-5 .section-color .color-accent-1, .color-theme-5 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-5 .section-color .counter-icon, .color-theme-5 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-5 .section-color .counter-number-wrapper{ color:var(--section-color-5-accent-1); } .color-theme-5 .color-accent-2, .color-theme-5 .section-color .color-accent-2{ color:var(--section-color-5-accent-2); } .color-theme-5 ::-moz-selection, .color-theme-5 .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-5-background); background:var(--section-color-5-accent); } .color-theme-5 ::selection, .color-theme-5 .section-color ::selection{ color:var(--section-color-5-background); background:var(--section-color-5-accent-1); } .color-theme-5 h1, .color-theme-5 h2, .color-theme-5 .section-color h1, .color-theme-5 .section-color h2{ color:var(--section-color-5-title); } .color-theme-5 h3, .color-theme-5 h4, .color-theme-5 h5, .color-theme-5 h6, .color-theme-5 .section-color h3, .color-theme-5 .section-color h4, .color-theme-5 .section-color h5, .color-theme-5 .section-color h6{ color:var(--section-color-5-title-secondary); } .color-theme-5 h2::after, .color-theme-5 .section-color h2::after{ border-color:var(--section-color-5-border); } .color-theme-5 a, .color-theme-5 .section-color a{ color:var(--section-color-5-link); } .color-theme-5 a:hover, .color-theme-5 .section-color a:hover{ color:var(--section-color-5-accent-1); } .color-theme-5 ul li a, .color-theme-5 .section-color ul li a{ color:inherit; } .color-theme-5 ul li > a, .color-theme-5 .section-color ul li > a{ color:inherit; } .color-theme-5 .btn.solid, .color-theme-5 .section-color .btn.solid{ background-color:var(--section-color-5-button); color:var(--section-color-5-button-text); } .color-theme-5 .btn.solid:hover, .color-theme-5 .section-color .btn.solid:hover{ background-color:var(--section-color-5-button-hover); color:var(--section-color-5-button-hover-text); } .color-theme-5 .btn.outline, .color-theme-5 .section-color .btn.outline{ background:none; color:var(--section-color-5-button); border-color:var(--section-color-5-button); } .color-theme-5 .btn.outline:hover, .color-theme-5 .section-color .btn.outline:hover{ background-color:var(--section-color-5-button); color:var(--section-color-5-button-text); } .color-theme-5 .btn.special, .color-theme-5 .section-color .btn.special{ background-color:var(--section-color-5-button); color:var(--section-color-5-button-text); border:none; } .color-theme-5 .btn.special::after, .color-theme-5 .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-5-button)); } .color-theme-5 input[type="submit"], .color-theme-5 .widget_search .search-submit, .color-theme-5 .widget_product_search button, .color-theme-5 .product .add_to_cart_button, .color-theme-5 .wp-element-button, .color-theme-5 .section-color input[type="submit"], .color-theme-5 .section-color .widget_search .search-submit, .color-theme-5 .section-color .widget_product_search button, .color-theme-5 .section-color .product .add_to_cart_button, .color-theme-5 .section-color .wp-element-button{ background-color:var(--section-color-5-button); color:var(--section-color-5-button-text); border-color:var(--section-color-5-button); } .color-theme-5 input[type="submit"]:hover, .color-theme-5 .widget_search .search-submit:hover, .color-theme-5 .widget_product_search button:hover, .color-theme-5 .product .add_to_cart_button:hover, .color-theme-5 .wp-element-button:hover, .color-theme-5 .section-color input[type="submit"]:hover, .color-theme-5 .section-color .widget_search .search-submit:hover, .color-theme-5 .section-color .widget_product_search button:hover, .color-theme-5 .section-color .product .add_to_cart_button:hover, .color-theme-5 .section-color .wp-element-button:hover{ background-color:var(--section-color-5-button-hover); color:var(--section-color-5-button-hover-text); } .color-theme-5 .forminator-ui .forminator-is_active input, .color-theme-5 .forminator-ui .forminator-is_active textarea, .color-theme-5 .forminator-ui .forminator-is_active select, .color-theme-5 .forminator-ui .forminator-is_hover input, .color-theme-5 .forminator-ui .forminator-is_hover textarea, .color-theme-5 .forminator-ui .forminator-is_hover select, .color-theme-5 .section-color .forminator-ui .forminator-is_active input, .color-theme-5 .section-color .forminator-ui .forminator-is_active textarea, .color-theme-5 .section-color .forminator-ui .forminator-is_active select, .color-theme-5 .section-color .forminator-ui .forminator-is_hover input, .color-theme-5 .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-5 .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-5-border) !important; } .color-theme-5 .forminator-ui .forminator-button, .color-theme-5 .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-5-button) !important; color:var(--section-color-5-button-text) !important; border-color:var(--section-color-5-button) !important; } .color-theme-5 .forminator-ui .forminator-button:hover, .color-theme-5 .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-5-button-hover); color:var(--section-color-5-button-hover-text); } .color-theme-5 .wysiwyg strong > a, .color-theme-5 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-5 .textwidget strong > a, .color-theme-5 .textwidget strong > a, .color-theme-5 .section-color .wysiwyg strong > a, .color-theme-5 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-5 .section-color .textwidget strong > a, .color-theme-5 .section-color .textwidget strong > a{ background-color:var(--section-color-5-button); color:var(--section-color-5-button-text); border-color:var(--section-color-5-button); } .color-theme-5 .wysiwyg strong > a:hover, .color-theme-5 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-5 .textwidget strong > a:hover, .color-theme-5 .textwidget strong > a:hover, .color-theme-5 .section-color .wysiwyg strong > a:hover, .color-theme-5 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-5 .section-color .textwidget strong > a:hover, .color-theme-5 .section-color .textwidget strong > a:hover{ background-color:var(--section-color-5-button-hover); color:var(--section-color-5-button-hover-text); } .color-theme-5 :focus-visible, .color-theme-5 .section-color :focus-visible{ outline-color:var(--section-color-5-accent-1); } .color-theme-5 input:not([type="submit"]), .color-theme-5 select, .color-theme-5 .section-color input:not([type="submit"]), .color-theme-5 .section-color select{ background-color:var(--section-color-5-input-background); color:var(--section-color-5-input-color); } .color-theme-5 i, .color-theme-5 .section-color i{ color:inherit; } .color-theme-5 th, .color-theme-5 td, .color-theme-5 .section-color th, .color-theme-5 .section-color td{ border-color:var(--section-color-5-border); } .color-theme-5 .swiper-button-prev, .color-theme-5 .swiper-button-next, .color-theme-5 .section-color .swiper-button-prev, .color-theme-5 .section-color .swiper-button-next{ color:var(--section-color-5-accent-1); } .color-theme-5 .swiper-pagination-bullet, .color-theme-5 .section-color .swiper-pagination-bullet{ background:var(--section-color-5-accent-1); } .color-theme-5 .swiper-pagination-bullet-active, .color-theme-5 .section-color .swiper-pagination-bullet-active{ background:var(--section-color-5-accent-2); } .color-theme-6, .color-theme-6 .section-color{ background:var(--section-color-6-background); color:var(--section-color-6-text); border-color:var(--section-color-6-text); } .color-theme-6 .section-divider, .color-theme-6 .section-color .section-divider{ color:var(--section-color-6-background); fill:var(--section-color-6-background); } .color-theme-6 .background-overlay, .color-theme-6 .sidebar, .color-theme-6 .woocommerce-sidebar, .color-theme-6 .section-color .background-overlay, .color-theme-6 .section-color .sidebar, .color-theme-6 .section-color .woocommerce-sidebar{ background:var(--section-color-6-overlay); } .color-theme-6 .paragraph-read-more::after, .color-theme-6 .section-color .paragraph-read-more::after{ background:linear-gradient(0deg, var(--section-color-6-background), transparent); } .color-theme-6 .border-color, .color-theme-6 .section-color .border-color{ border-color:var(--section-color-6-border) !important; } .color-theme-6 .color-accent, .color-theme-6 .color-accent-1, .color-theme-6 .component-counters .counter .counter-icon, .component-counters .counter .color-theme-6 .counter-icon, .color-theme-6 .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-6 .counter-number-wrapper, .color-theme-6 .section-color .color-accent, .color-theme-6 .section-color .color-accent-1, .color-theme-6 .section-color .component-counters .counter .counter-icon, .component-counters .counter .color-theme-6 .section-color .counter-icon, .color-theme-6 .section-color .component-counters .counter .counter-number-wrapper, .component-counters .counter .color-theme-6 .section-color .counter-number-wrapper{ color:var(--section-color-6-accent-1); } .color-theme-6 .color-accent-2, .color-theme-6 .section-color .color-accent-2{ color:var(--section-color-6-accent-2); } .color-theme-6 ::-moz-selection, .color-theme-6 .section-color ::-moz-selection{ /* Code for Firefox */ color:var(--section-color-6-background); background:var(--section-color-6-accent); } .color-theme-6 ::selection, .color-theme-6 .section-color ::selection{ color:var(--section-color-6-background); background:var(--section-color-6-accent-1); } .color-theme-6 h1, .color-theme-6 h2, .color-theme-6 .section-color h1, .color-theme-6 .section-color h2{ color:var(--section-color-6-title); } .color-theme-6 h3, .color-theme-6 h4, .color-theme-6 h5, .color-theme-6 h6, .color-theme-6 .section-color h3, .color-theme-6 .section-color h4, .color-theme-6 .section-color h5, .color-theme-6 .section-color h6{ color:var(--section-color-6-title-secondary); } .color-theme-6 h2::after, .color-theme-6 .section-color h2::after{ border-color:var(--section-color-6-border); } .color-theme-6 a, .color-theme-6 .section-color a{ color:var(--section-color-6-link); } .color-theme-6 a:hover, .color-theme-6 .section-color a:hover{ color:var(--section-color-6-accent-1); } .color-theme-6 ul li a, .color-theme-6 .section-color ul li a{ color:inherit; } .color-theme-6 ul li > a, .color-theme-6 .section-color ul li > a{ color:inherit; } .color-theme-6 .btn.solid, .color-theme-6 .section-color .btn.solid{ background-color:var(--section-color-6-button); color:var(--section-color-6-button-text); } .color-theme-6 .btn.solid:hover, .color-theme-6 .section-color .btn.solid:hover{ background-color:var(--section-color-6-button-hover); color:var(--section-color-6-button-hover-text); } .color-theme-6 .btn.outline, .color-theme-6 .section-color .btn.outline{ background:none; color:var(--section-color-6-button); border-color:var(--section-color-6-button); } .color-theme-6 .btn.outline:hover, .color-theme-6 .section-color .btn.outline:hover{ background-color:var(--section-color-6-button); color:var(--section-color-6-button-text); } .color-theme-6 .btn.special, .color-theme-6 .section-color .btn.special{ background-color:var(--section-color-6-button); color:var(--section-color-6-button-text); border:none; } .color-theme-6 .btn.special::after, .color-theme-6 .section-color .btn.special::after{ background-image:conic-gradient(from var(--button-border-angle), transparent, var(--section-color-6-button)); } .color-theme-6 input[type="submit"], .color-theme-6 .widget_search .search-submit, .color-theme-6 .widget_product_search button, .color-theme-6 .product .add_to_cart_button, .color-theme-6 .wp-element-button, .color-theme-6 .section-color input[type="submit"], .color-theme-6 .section-color .widget_search .search-submit, .color-theme-6 .section-color .widget_product_search button, .color-theme-6 .section-color .product .add_to_cart_button, .color-theme-6 .section-color .wp-element-button{ background-color:var(--section-color-6-button); color:var(--section-color-6-button-text); border-color:var(--section-color-6-button); } .color-theme-6 input[type="submit"]:hover, .color-theme-6 .widget_search .search-submit:hover, .color-theme-6 .widget_product_search button:hover, .color-theme-6 .product .add_to_cart_button:hover, .color-theme-6 .wp-element-button:hover, .color-theme-6 .section-color input[type="submit"]:hover, .color-theme-6 .section-color .widget_search .search-submit:hover, .color-theme-6 .section-color .widget_product_search button:hover, .color-theme-6 .section-color .product .add_to_cart_button:hover, .color-theme-6 .section-color .wp-element-button:hover{ background-color:var(--section-color-6-button-hover); color:var(--section-color-6-button-hover-text); } .color-theme-6 .forminator-ui .forminator-is_active input, .color-theme-6 .forminator-ui .forminator-is_active textarea, .color-theme-6 .forminator-ui .forminator-is_active select, .color-theme-6 .forminator-ui .forminator-is_hover input, .color-theme-6 .forminator-ui .forminator-is_hover textarea, .color-theme-6 .forminator-ui .forminator-is_hover select, .color-theme-6 .section-color .forminator-ui .forminator-is_active input, .color-theme-6 .section-color .forminator-ui .forminator-is_active textarea, .color-theme-6 .section-color .forminator-ui .forminator-is_active select, .color-theme-6 .section-color .forminator-ui .forminator-is_hover input, .color-theme-6 .section-color .forminator-ui .forminator-is_hover textarea, .color-theme-6 .section-color .forminator-ui .forminator-is_hover select{ border-color:var(--section-color-6-border) !important; } .color-theme-6 .forminator-ui .forminator-button, .color-theme-6 .section-color .forminator-ui .forminator-button{ background-color:var(--section-color-6-button) !important; color:var(--section-color-6-button-text) !important; border-color:var(--section-color-6-button) !important; } .color-theme-6 .forminator-ui .forminator-button:hover, .color-theme-6 .section-color .forminator-ui .forminator-button:hover{ background-color:var(--section-color-6-button-hover); color:var(--section-color-6-button-hover-text); } .color-theme-6 .wysiwyg strong > a, .color-theme-6 footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-6 .textwidget strong > a, .color-theme-6 .textwidget strong > a, .color-theme-6 .section-color .wysiwyg strong > a, .color-theme-6 .section-color footer .footer-widget .textwidget strong > a, footer .footer-widget .color-theme-6 .section-color .textwidget strong > a, .color-theme-6 .section-color .textwidget strong > a{ background-color:var(--section-color-6-button); color:var(--section-color-6-button-text); border-color:var(--section-color-6-button); } .color-theme-6 .wysiwyg strong > a:hover, .color-theme-6 footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-6 .textwidget strong > a:hover, .color-theme-6 .textwidget strong > a:hover, .color-theme-6 .section-color .wysiwyg strong > a:hover, .color-theme-6 .section-color footer .footer-widget .textwidget strong > a:hover, footer .footer-widget .color-theme-6 .section-color .textwidget strong > a:hover, .color-theme-6 .section-color .textwidget strong > a:hover{ background-color:var(--section-color-6-button-hover); color:var(--section-color-6-button-hover-text); } .color-theme-6 :focus-visible, .color-theme-6 .section-color :focus-visible{ outline-color:var(--section-color-6-accent-1); } .color-theme-6 input:not([type="submit"]), .color-theme-6 select, .color-theme-6 .section-color input:not([type="submit"]), .color-theme-6 .section-color select{ background-color:var(--section-color-6-input-background); color:var(--section-color-6-input-color); } .color-theme-6 i, .color-theme-6 .section-color i{ color:inherit; } .color-theme-6 th, .color-theme-6 td, .color-theme-6 .section-color th, .color-theme-6 .section-color td{ border-color:var(--section-color-6-border); } .color-theme-6 .swiper-button-prev, .color-theme-6 .swiper-button-next, .color-theme-6 .section-color .swiper-button-prev, .color-theme-6 .section-color .swiper-button-next{ color:var(--section-color-6-accent-1); } .color-theme-6 .swiper-pagination-bullet, .color-theme-6 .section-color .swiper-pagination-bullet{ background:var(--section-color-6-accent-1); } .color-theme-6 .swiper-pagination-bullet-active, .color-theme-6 .section-color .swiper-pagination-bullet-active{ background:var(--section-color-6-accent-2); } .m-0{ margin:0px !important; } .m-1{ margin:15px !important; } .m-2{ margin:30px !important; } .m-3{ margin:60px !important; } .m-4{ margin:100px !important; } .m-5{ margin:200px !important; } .m-6{ margin:300px !important; } .m-7{ margin:400px !important; } .mt-0{ margin-top:0px !important; } .mt-1{ margin-top:15px !important; } .mt-2{ margin-top:30px !important; } .mt-3{ margin-top:60px !important; } .mt-4{ margin-top:100px !important; } .mt-5{ margin-top:200px !important; } .mt-6{ margin-top:300px !important; } .mt-7{ margin-top:400px !important; } .mb-0{ margin-bottom:0px !important; } .mb-1{ margin-bottom:15px !important; } .mb-2{ margin-bottom:30px !important; } .mb-3{ margin-bottom:60px !important; } .mb-4{ margin-bottom:100px !important; } .mb-5{ margin-bottom:200px !important; } .mb-6{ margin-bottom:300px !important; } .mb-7{ margin-bottom:400px !important; } .ml-0{ margin-left:0px !important; } .ml-1{ margin-left:15px !important; } .ml-2{ margin-left:30px !important; } .ml-3{ margin-left:60px !important; } .ml-4{ margin-left:100px !important; } .ml-5{ margin-left:200px !important; } .ml-6{ margin-left:300px !important; } .ml-7{ margin-left:400px !important; } .mr-0{ margin-right:0px !important; } .mr-1{ margin-right:15px !important; } .mr-2{ margin-right:30px !important; } .mr-3{ margin-right:60px !important; } .mr-4{ margin-right:100px !important; } .mr-5{ margin-right:200px !important; } .mr-6{ margin-right:300px !important; } .mr-7{ margin-right:400px !important; } .mx-0{ margin-left:0px !important; margin-right:0px !important; } .mx-1{ margin-left:15px !important; margin-right:15px !important; } .mx-2{ margin-left:30px !important; margin-right:30px !important; } .mx-3{ margin-left:60px !important; margin-right:60px !important; } .mx-4{ margin-left:100px !important; margin-right:100px !important; } .mx-5{ margin-left:200px !important; margin-right:200px !important; } .mx-6{ margin-left:300px !important; margin-right:300px !important; } .mx-7{ margin-left:400px !important; margin-right:400px !important; } .my-0{ margin-top:0px !important; margin-bottom:0px !important; } .my-1{ margin-top:15px !important; margin-bottom:15px !important; } .my-2{ margin-top:30px !important; margin-bottom:30px !important; } .my-3{ margin-top:60px !important; margin-bottom:60px !important; } .my-4{ margin-top:100px !important; margin-bottom:100px !important; } .my-5{ margin-top:200px !important; margin-bottom:200px !important; } .my-6{ margin-top:300px !important; margin-bottom:300px !important; } .my-7{ margin-top:400px !important; margin-bottom:400px !important; } .p-0{ padding:0px !important; } .p-1{ padding:15px !important; } .p-2{ padding:30px !important; } .p-3{ padding:60px !important; } .p-4{ padding:100px !important; } .p-5{ padding:200px !important; } .p-6{ padding:300px !important; } .p-7{ padding:400px !important; } .pt-0, .color-theme-1.pb-default + .color-theme-1.pt-default, header.pb-default + .color-theme-1.pt-default, header.pb-default + header.pt-default, header.pb-default + .pt-default.modal-box, .pb-default.modal-box + .color-theme-1.pt-default, .pb-default.modal-box + header.pt-default, .pb-default.modal-box + .pt-default.modal-box, .color-theme-1.pb-default + header.pt-default, .color-theme-1.pb-default + .pt-default.modal-box, .color-theme-2.pb-default + .color-theme-2.pt-default, .vertical-scroll-down .pb-default.scroll-button + .color-theme-2.pt-default, .vertical-scroll-down .color-theme-2.pb-default + .pt-default.scroll-button, .vertical-scroll-down .pb-default.scroll-button + .pt-default.scroll-button, .color-theme-3.pb-default + .color-theme-3.pt-default, .color-theme-4.pb-default + .color-theme-4.pt-default, .color-theme-5.pb-default + .color-theme-5.pt-default{ padding-top:0px !important; } .pt-1{ padding-top:15px !important; } .pt-2{ padding-top:30px !important; } .pt-3{ padding-top:60px !important; } .pt-4{ padding-top:100px !important; } .pt-5, .pt-default{ padding-top:200px !important; } .pt-6{ padding-top:300px !important; } .pt-7{ padding-top:400px !important; } .pb-0{ padding-bottom:0px !important; } .pb-1{ padding-bottom:15px !important; } .pb-2{ padding-bottom:30px !important; } .pb-3{ padding-bottom:60px !important; } .pb-4{ padding-bottom:100px !important; } .pb-5, .pb-default{ padding-bottom:200px !important; } .pb-6{ padding-bottom:300px !important; } .pb-7{ padding-bottom:400px !important; } .pl-0{ padding-left:0px !important; } .pl-1{ padding-left:15px !important; } .pl-2{ padding-left:30px !important; } .pl-3{ padding-left:60px !important; } .pl-4{ padding-left:100px !important; } .pl-5{ padding-left:200px !important; } .pl-6{ padding-left:300px !important; } .pl-7{ padding-left:400px !important; } .pr-0{ padding-right:0px !important; } .pr-1{ padding-right:15px !important; } .pr-2{ padding-right:30px !important; } .pr-3{ padding-right:60px !important; } .pr-4{ padding-right:100px !important; } .pr-5{ padding-right:200px !important; } .pr-6{ padding-right:300px !important; } .pr-7{ padding-right:400px !important; } .px-0{ padding-left:0px !important; padding-right:0px !important; } .px-1{ padding-left:15px !important; padding-right:15px !important; } .px-2{ padding-left:30px !important; padding-right:30px !important; } .px-3{ padding-left:60px !important; padding-right:60px !important; } .px-4{ padding-left:100px !important; padding-right:100px !important; } .px-5{ padding-left:200px !important; padding-right:200px !important; } .px-6{ padding-left:300px !important; padding-right:300px !important; } .px-7{ padding-left:400px !important; padding-right:400px !important; } .py-0{ padding-top:0px !important; padding-bottom:0px !important; } .py-1{ padding-top:15px !important; padding-bottom:15px !important; } .py-2{ padding-top:30px !important; padding-bottom:30px !important; } .py-3{ padding-top:60px !important; padding-bottom:60px !important; } .py-4{ padding-top:100px !important; padding-bottom:100px !important; } .py-5{ padding-top:200px !important; padding-bottom:200px !important; } .py-6{ padding-top:300px !important; padding-bottom:300px !important; } .py-7{ padding-top:400px !important; padding-bottom:400px !important; } .color-theme-1.pb-default + .color-theme-1.pt-default, header.pb-default + .color-theme-1.pt-default, header.pb-default + header.pt-default, header.pb-default + .pt-default.modal-box, .pb-default.modal-box + .color-theme-1.pt-default, .pb-default.modal-box + header.pt-default, .pb-default.modal-box + .pt-default.modal-box, .color-theme-1.pb-default + header.pt-default, .color-theme-1.pb-default + .pt-default.modal-box, .color-theme-2.pb-default + .color-theme-2.pt-default, .vertical-scroll-down .pb-default.scroll-button + .color-theme-2.pt-default, .vertical-scroll-down .color-theme-2.pb-default + .pt-default.scroll-button, .vertical-scroll-down .pb-default.scroll-button + .pt-default.scroll-button, .color-theme-3.pb-default + .color-theme-3.pt-default, .color-theme-4.pb-default + .color-theme-4.pt-default, .color-theme-5.pb-default + .color-theme-5.pt-default{ scroll-margin-top:200px; } .align-center, .text-center{ text-align:center !important; } .text-right{ text-align:right !important; } .text-left{ text-align:left !important; } .text-uppercase{ text-transform:uppercase !important; } .text-lowercase{ text-transform:lowercase !important; } .text-capitalize{ text-transform:capitalize !important; } .d-block{ display:block !important; } .d-inline{ display:inline !important; } .d-inline-block{ display:inline-block !important; } .d-none{ display:none !important; } ul.no-style{ padding-left:0; list-style:none; } .visible{ visibility:visible !important; } .invisible{ visibility:hidden !important; } .overflow-hidden{ overflow:hidden !important; } .overflow-scroll{ overflow:scroll !important; } .flex{ display:flex !important; } .inline-flex{ display:inline-flex !important; } .flex-column{ flex-direction:column !important; } .flex-row{ flex-direction:row !important; } .align-items-center{ align-items:center !important; } .justify-content-center{ justify-content:center !important; } .image-cover, .image-box, .item-image-box, .video-wrapper .placeholder-image-box, .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box .item-image-box, .component-visual-media.media-type-image .image-fit-cover, .component-visual-media.media-type-slideshow .swiper-container .item-image-box, .component-visual-media.media-type-gallery .gallery-wrapper .image-box{ display:flex; align-items:center; justify-content:center; overflow:hidden; } .image-cover img, .image-box img, .item-image-box img, .video-wrapper .placeholder-image-box img, .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box .item-image-box img, .component-visual-media.media-type-image .image-fit-cover img, .component-visual-media.media-type-slideshow .swiper-container .item-image-box img, .component-visual-media.media-type-gallery .gallery-wrapper .image-box img{ width:100%; height:100%; object-fit:cover; } .image-contain, .component-visual-media.media-type-image .image-fit-contain, .section-logos_scroller .container .items-box .item-box .item-image-box{ display:flex; align-items:center; justify-content:center; } .image-contain img, .component-visual-media.media-type-image .image-fit-contain img, .section-logos_scroller .container .items-box .item-box .item-image-box img{ width:100%; height:100%; object-fit:contain; } .text-center{ text-align:center; } .text-right{ text-align:right; } .text-left{ text-align:left; } .text-uppercase{ text-transform:uppercase; } .text-lowercase{ text-transform:lowercase; } .text-capitalize{ text-transform:capitalize; } .text-white{ color:#fff; } .text-white h1, .text-white h2, .text-white h3, .text-white a, .text-white p{ color:#fff; } html{ scroll-behavior:smooth; } body{ padding-top:100px; } section{ position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; scroll-margin-top:100px; } section .section-divider{ display:flex; position:absolute; top:0; left:0; right:0; transform:translateY(calc(-100% + 1px)); height:100px; z-index:3; } section .section-divider svg{ width:100%; height:100%; } :root{ --container-width-sm:768px; --container-width-md:992px; --container-width-lg:1200px; --container-width-xl:1400px; } .container{ display:flex; flex-direction:column; width:100%; max-width:var(--container-width-xl); padding-left:100px; padding-right:100px; z-index:5; } @media only screen and (max-width:1199px){ .container{ padding-left:10%; padding-right:10%; } } @media only screen and (max-width:767px){ .container{ padding-left:20px; padding-right:20px; } } .c-sm.container, .c-sm .container{ max-width:var(--container-width-sm); } .c-md.container, .section-full_screen_slider .overlay-box .container, .section-text_box .container, .c-md .container, .section-full_screen_slider .overlay-box .container .container, .section-text_box .container .container{ max-width:var(--container-width-md); } .c-lg.container, .c-lg .container{ max-width:var(--container-width-lg); } .c-xl.container, .section-pricing_tables .container, .c-xl .container, .section-pricing_tables .container .container{ max-width:var(--container-width-xl); } .c-full.container, .c-full .container{ max-width:100%; } .c-100.container, .c-100 .container{ max-width:100%; padding-left:0; padding-right:0; } .c-lift.container, .c-lift .container{ margin-top:-200px; } @media only screen and (min-width:992px){ .c-far-right.container, .c-far-right .container{ max-width:calc(var(--container-width) + (50% - (var(--container-width) / 2))); padding-right:0; align-self:flex-end; } } @media only screen and (min-width:992px){ .c-far-left.container, .c-far-left .container{ max-width:calc(var(--container-width) + (50% - (var(--container-width) / 2))); padding-left:0; align-self:flex-start; } } .layout-grid[data-desktop="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:30px; list-style:none; } .layout-grid[data-desktop="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; list-style:none; } .layout-grid[data-desktop="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; list-style:none; } .layout-grid[data-desktop="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; list-style:none; } .layout-grid[data-desktop="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:30px; list-style:none; } .layout-grid[data-desktop="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:30px; list-style:none; } @media only screen and (max-width:991px){ .layout-grid[data-tablet="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:991px){ .layout-grid[data-tablet="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:991px){ .layout-grid[data-tablet="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:991px){ .layout-grid[data-tablet="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:991px){ .layout-grid[data-tablet="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:991px){ .layout-grid[data-tablet="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:15px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:15px; list-style:none; } } @media only screen and (max-width:767px){ .layout-grid[data-mobile="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:15px; list-style:none; } } .esh-404-page{ min-height:70vh; } .esh-404-box{ width:100%; text-align:center; gap:40px; padding:50px 40px; border-radius:24px; background:rgba(255, 255, 255, 0.03); border:1px solid rgba(255, 255, 255, 0.08); } @media only screen and (max-width:767px){ .esh-404-box{ padding:30px 20px; gap:30px; } } .esh-404-intro{ max-width:760px; margin:0 auto; } .esh-404-intro h1{ margin-bottom:20px; } .esh-404-intro p{ max-width:60ch; margin-left:auto; margin-right:auto; } .esh-404-icon{ display:flex; justify-content:center; margin-bottom:20px; } .esh-404-icon span{ width:82px; height:82px; border-radius:100%; display:inline-flex; align-items:center; justify-content:center; font-size:32px; font-weight:700; line-height:1; color:#34b7aa; background:rgba(52, 183, 170, 0.1); border:1px solid rgba(52, 183, 170, 0.35); } .esh-404-links{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; width:100%; } @media only screen and (max-width:991px){ .esh-404-links{ grid-template-columns:1fr; } } .esh-404-card{ padding:30px 24px; text-align:left; background:rgba(255, 255, 255, 0.04); border:1px solid rgba(255, 255, 255, 0.08); border-radius:18px; transition:all 200ms ease; } .esh-404-card h3{ margin-bottom:10px; } .esh-404-card p{ margin-bottom:12px; line-height:1.6em; } .esh-404-card a{ font-weight:700; } .esh-404-card:hover{ transform:translateY(-6px); border-color:rgba(52, 183, 170, 0.28); background:rgba(255, 255, 255, 0.06); } .esh-404-card:hover .esh-404-card-icon{ transform:scale(1.06); border-color:rgba(52, 183, 170, 0.35); background:rgba(52, 183, 170, 0.14); } .esh-404-card-icon{ width:52px; height:52px; margin-bottom:16px; border-radius:100%; display:inline-flex; align-items:center; justify-content:center; background:rgba(52, 183, 170, 0.1); border:1px solid rgba(52, 183, 170, 0.22); transition:all 200ms ease; } .esh-404-card-icon i{ font-size:28px; line-height:1; color:#34b7aa; } @media only screen and (max-width:767px){ .esh-404-intro .btn{ width:100%; } } @supports (background-clip:text) or (-webkit-background-clip:text){ .fancy-text{ color:transparent; -webkit-background-clip:text; background-clip:text; transition:all 400ms ease; } } .fancy-underline{ position:relative; display:inline-block; } .fancy-underline.off-screen::after{ clip-path:inset(0 0% 0% 100%); } .fancy-underline::after{ content:""; transition:all 400ms ease; transition-delay:1000ms; clip-path:inset(0 0% 0% 0%); position:absolute; width:100%; height:6px; /* Adjust as needed for thickness */ left:0; bottom:-5px; /* Adjust distance from the text */ z-index:-1; transform:rotate(180deg); /* Slight rotation to mimic a pen stroke */ border-radius:50% 50% 50% 50% / 25% 6% 52% 25%; } .image-pan-x{ overflow:hidden; } .image-pan-x img{ min-width:calc(100% + 100px); transform:translateX(-50px); animation:image-pan-x 30000ms ease infinite; } @keyframes image-pan-x{ 50%{ transform:translateX(50px); } 100%{ transform:translateX(-50px); } } .simpleParallax{ min-width:100%; } .white-gleam{ overflow:hidden; } .white-gleam::after{ content:""; position:absolute; top:0; width:50%; height:100%; opacity:0.2; background:linear-gradient(270deg, #fff, transparent); transform:skewX(20deg); right:100%; transform-origin:bottom right; animation:skew-animation 6000ms infinite linear; } @keyframes skew-animation{ 0%{ right:100%; } 20%{ right:-100%; } 100%{ right:-100%; } } .gradient-overlay::before, .section-page_header_typewriter_products::before, .section-full_screen_slider .swiper-box::before, .section-page_header::before{ content:""; position:absolute; z-index:2; bottom:0; left:0; right:0; height:50%; background-image:linear-gradient(180deg, transparent, #10161c); } .scroll-reveal-text-wrapper .word{ white-space:nowrap; } .scroll-reveal-text-wrapper .letter{ transition:all 300ms ease; opacity:0; transform:translate(0px, 500px) rotate(-90deg); } .scroll-reveal-text-wrapper .letter.revealed{ opacity:1; transform:translate(0px, 0px) rotate(0deg); } .scroll-watcher{ height:5px; position:fixed; top:0; z-index:999; background-color:lime; width:100%; scale:0 1; transform-origin:left; animation:scroll-watcher linear; animation-timeline:scroll(); } @keyframes scroll-watcher{ to{ scale:1 1; } } .scroll-fade-in{ opacity:0; transform:translateY(-20%); animation:scroll-fade-in 1s linear forwards; animation-delay:2000ms; animation-timeline:view(); animation-range:entry; } @keyframes scroll-fade-in{ to{ transform:translateY(0%); opacity:1; } } .generic-fade-in-up{ transition:all 1000ms ease 300ms; } .text-box{ transition:all 1000ms ease 300ms; } .media-box{ transition:all 1000ms ease 400ms; } .image-box{ transition:all 1000ms ease 100ms; } .buttons-box{ transition:all 1000ms ease 300ms; } .item-box, .swiper-slide{ transition:all 1000ms ease; } .item-box:nth-of-type(1), .swiper-slide:nth-of-type(1){ transition-delay:calc(1 * 100ms); } .item-box:nth-of-type(2), .swiper-slide:nth-of-type(2){ transition-delay:calc(2 * 100ms); } .item-box:nth-of-type(3), .swiper-slide:nth-of-type(3){ transition-delay:calc(3 * 100ms); } .item-box:nth-of-type(4), .swiper-slide:nth-of-type(4){ transition-delay:calc(4 * 100ms); } .item-box:nth-of-type(5), .swiper-slide:nth-of-type(5){ transition-delay:calc(5 * 100ms); } .item-box:nth-of-type(6), .swiper-slide:nth-of-type(6){ transition-delay:calc(6 * 100ms); } .item-box:nth-of-type(7), .swiper-slide:nth-of-type(7){ transition-delay:calc(7 * 100ms); } .item-box:nth-of-type(8), .swiper-slide:nth-of-type(8){ transition-delay:calc(8 * 100ms); } .item-box:nth-of-type(9), .swiper-slide:nth-of-type(9){ transition-delay:calc(9 * 100ms); } .item-box:nth-of-type(10), .swiper-slide:nth-of-type(10){ transition-delay:calc(10 * 100ms); } .item-box:nth-of-type(11), .swiper-slide:nth-of-type(11){ transition-delay:calc(11 * 100ms); } .item-box:nth-of-type(12), .swiper-slide:nth-of-type(12){ transition-delay:calc(12 * 100ms); } .item-box:nth-of-type(13), .swiper-slide:nth-of-type(13){ transition-delay:calc(13 * 100ms); } .item-box:nth-of-type(14), .swiper-slide:nth-of-type(14){ transition-delay:calc(14 * 100ms); } .item-box:nth-of-type(15), .swiper-slide:nth-of-type(15){ transition-delay:calc(15 * 100ms); } .item-box:nth-of-type(16), .swiper-slide:nth-of-type(16){ transition-delay:calc(16 * 100ms); } .swiper-button-prev, .swiper-button-next, .swiper-pagination{ transition:all 1000ms ease 1000ms; } .section-contact_form_info .items-box .item{ transition:all 2000ms ease; } .section-contact_form_info .items-box .item:nth-of-type(1){ transition-delay:calc(1 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(2){ transition-delay:calc(2 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(3){ transition-delay:calc(3 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(4){ transition-delay:calc(4 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(5){ transition-delay:calc(5 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(6){ transition-delay:calc(6 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(7){ transition-delay:calc(7 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(8){ transition-delay:calc(8 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(9){ transition-delay:calc(9 * 300ms); } .section-contact_form_info .items-box .item:nth-of-type(10){ transition-delay:calc(10 * 300ms); } .off-screen .generic-fade-in-up{ opacity:0 !important; transform:translateY(50px); } .off-screen .text-box{ opacity:0 !important; transform:translateY(50px); } .off-screen .media-box{ opacity:0 !important; transform:translateY(50px); } .off-screen .item-box, .off-screen .swiper-slide{ opacity:0 !important; transform:translateY(50px); } .off-screen .image-box{ opacity:0; } .off-screen .swiper-button-prev, .off-screen .swiper-button-next, .off-screen .swiper-pagination.swiper-pagination-bullets{ opacity:0 !important; } .off-screen .buttons-box{ opacity:0; transform:translateY(50px); } .off-screen.section-contact_form_info .items-box .item{ opacity:0; transform:translateY(50px); } /* Diagonal Stripes Background Effect */ .bg-diagonal-stripes::before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:repeating-linear-gradient(135deg, rgba(214, 214, 214, 0.1), rgba(234, 222, 222, 0.1) 100px, transparent 50px, transparent 203px); z-index:0; } /* Polka Dots Background Effect */ .bg-polka-dots::before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(rgba(237, 237, 237, 0.1) 30px, transparent 30px); background-size:90px 90px; z-index:0; } @keyframes floating{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-100px); } 100%{ transform:translateY(0); } } .mobile-menu-page{ position:fixed; width:100vw; height:100vh; left:50%; top:50%; transform:translate(-50%, -50%); z-index:60; display:flex; max-width:100%; transition:all 400ms ease 200ms; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; text-align:left; } .mobile-menu-page:not(.active){ width:0; height:0; } @media only screen and (min-width:992px){ .mobile-menu-page{ display:none; } } .mobile-menu-page.active{ animation:open-mobile-menu-page 600ms ease forwards; } .mobile-menu-page.active .menu-page-content{ transition:all 400ms ease 400ms; opacity:1; } .mobile-menu-page.inactive{ animation:close-mobile-menu-page 300ms ease forwards; } .mobile-menu-page .menu-page-content{ transition:all 200ms ease 0ms; opacity:0; z-index:110; } .mobile-menu-page .menu-page-content .menu-box{ text-align:left; } .mobile-menu-page .menu-page-content .menu-box ul{ list-style:none; width:300px; max-width:100%; } .mobile-menu-page .menu-page-content .menu-box .menu-item-toggle{ display:inline-block; float:left; border:none; color:#fff; background:none; font-weight:700; font-size:32px; border-radius:100%; width:44px; height:44px; text-align:left; cursor:pointer; } .mobile-menu-page .menu-page-content .menu-box .menu-item-toggle::before{ content:"󰅂"; font-family:"Material Design Icons"; } .mobile-menu-page .menu-page-content .menu-box .menu-item-toggle.active-button::before{ content:"󰅀"; } .mobile-menu-page .menu-page-content .menu-box a{ text-decoration:none; display:flex; align-items:center; min-height:44px; } .mobile-menu-page .menu-page-content .menu-box ul.menu{ padding:0; list-style:none; font-size:21px; line-height:18px; } .mobile-menu-page .menu-page-content .menu-box ul.menu > li:not(.menu-item-has-children) a{ padding-left:44px; } .mobile-menu-page .menu-page-content .menu-box ul.menu > li .sub-menu{ display:none; font-size:16px; line-height:19px; padding-left:44px; } .mobile-menu-page .menu-page-content .social-page-links-box{ display:flex; align-items:center; } .mobile-menu-page .menu-page-content .social-page-links-box .social-page-links, .mobile-menu-page .menu-page-content .social-page-links-box footer .footer-widget .textwidget .social-page-links, footer .footer-widget .textwidget .mobile-menu-page .menu-page-content .social-page-links-box .social-page-links{ padding-left:44px; } body.scrolled:not(.menu-open) header{ box-shadow:0 0 2px -1px black; } header{ z-index:65; height:100px; position:fixed; left:0; top:0; right:0; display:flex; justify-content:space-between; transition:all 400ms ease; padding:0 30px; } header .column-1{ display:flex; align-items:center; } header .column-1 a.logo-box{ text-decoration:none; display:flex; } header .column-1 a.logo-box img{ width:auto; height:40px; } header .column-1 a.logo-box .site-logo--mobile{ display:none; } @media only screen and (max-width:991px){ header .column-1 a.logo-box .site-logo--desktop{ display:none; } header .column-1 a.logo-box .site-logo--mobile{ display:block; } } header .column-2{ display:flex; align-items:center; margin-left:auto; } header .column-2 .mobile-menu-button-box{ display:flex; z-index:70; } @media only screen and (min-width:992px){ header .column-2 .mobile-menu-button-box{ display:none; } } header .column-2 .mobile-menu-button-box .mobile-menu-button{ position:relative; width:44px; height:44px; border:none; background:none; cursor:pointer; } header .column-2 .mobile-menu-button-box .mobile-menu-button.active .lines .line:nth-of-type(1){ bottom:45%; transform:rotate(-135deg); width:70%; } header .column-2 .mobile-menu-button-box .mobile-menu-button.active .lines .line:nth-of-type(2){ opacity:0; width:70%; } header .column-2 .mobile-menu-button-box .mobile-menu-button.active .lines .line:nth-of-type(3){ bottom:45%; transform:rotate(-225deg); width:70%; } header .column-2 .mobile-menu-button-box .mobile-menu-button .lines{ height:100%; width:100%; position:relative; display:flex; } header .column-2 .mobile-menu-button-box .mobile-menu-button .lines .line{ position:absolute; height:3px; border-radius:10px; width:100%; background:#fff; transition:all 300ms ease; right:0; } header .column-2 .mobile-menu-button-box .mobile-menu-button .lines .line:nth-of-type(1){ bottom:75%; transform:rotate(0deg); width:70%; } header .column-2 .mobile-menu-button-box .mobile-menu-button .lines .line:nth-of-type(2){ bottom:50%; transform:rotate(0deg); width:100%; } header .column-2 .mobile-menu-button-box .mobile-menu-button .lines .line:nth-of-type(3){ bottom:25%; transform:rotate(0deg); width:85%; } header .column-2 .desktop-menu-box{ display:flex; align-items:center; justify-content:center; } @media only screen and (max-width:991px){ header .column-2 .desktop-menu-box{ display:none; } } header .column-2 .desktop-menu-box .menu-box > ul.menu{ display:flex; list-style:none; margin:0; padding:0; } header .column-2 .desktop-menu-box .menu-box > ul.menu li{ position:relative; padding:0; display:flex; align-items:center; } header .column-2 .desktop-menu-box .menu-box > ul.menu li a{ display:flex; text-decoration:none; font-weight:300; } header .column-2 .desktop-menu-box .menu-box > ul.menu li.menu-item-has-children:hover > ul.sub-menu:not(.emmaus-mega-panel){ display:flex; } header .column-2 .desktop-menu-box .menu-box > ul.menu li.menu-item-has-children a{ padding-right:40px; } header .column-2 .desktop-menu-box .menu-box > ul.menu li.menu-item-has-children::after{ color:#fff; position:absolute; right:20px; width:10px; height:10px; display:flex; content:"󰅀"; font-family:"Material Design Icons"; } header .column-2 .desktop-menu-box .menu-box > ul.menu > li a{ font-size:17px; padding:10px 15px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links){ display:none; top:40px; width:270px; line-height:var(--line-height-p); font-size:var(--font-size-p); flex-direction:column; position:absolute; right:-20px; z-index:10; border-radius:10px; color:#222; list-style:none; padding:0; margin:0; padding-top:10px; box-shadow:0 2px 8px -2px black; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links)::after{ content:""; position:absolute; top:0px; right:77px; z-index:-1; width:0; height:0; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #ffffff transparent; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li:first-of-type a{ border-top-left-radius:10px; border-top-right-radius:10px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li:last-of-type a{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li a{ background:#fff; text-decoration:none; padding:12px 30px; display:flex; font-size:15px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li a:hover{ background:#2ea296; color:#fff; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li a i{ margin-right:15px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) li a::before{ content:"󰅂"; font-family:"Material Design Icons"; margin-right:10px; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) > li.menu-item-has-children::after{ transform:rotate(-90deg); } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) > li a{ padding:10px 20px; width:100%; } header .column-2 .desktop-menu-box .menu-box > ul.menu ul.sub-menu:not(.emmaus-mega-panel):not(.emmaus-mega-links) > li .sub-menu{ left:100%; top:0px; } header .column-3{ display:flex; align-items:center; } header .column-3 .account-menu{ margin-left:20px; } header .column-3 .account-menu.active .account-menu-label{ color:#34b7aa; } header .column-3 .account-menu.active .account-menu-list{ display:flex; } header .column-3 .account-menu .account-menu-label{ font-size:32px; cursor:pointer; } header .column-3 .account-menu .account-menu-label:hover{ color:#34b7aa; } header .column-3 .account-menu .account-menu-list{ display:none; flex-direction:column; position:absolute; right:10px; z-index:10; border-radius:10px; background:#ffffff; color:#222; list-style:none; padding:0; margin:0; margin-top:10px; box-shadow:0 2px 8px -2px black; } header .column-3 .account-menu .account-menu-list::after{ content:""; position:absolute; top:-10px; right:26px; z-index:-1; width:0; height:0; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #ffffff transparent; } header .column-3 .account-menu .account-menu-list li:first-of-type a{ border-top-left-radius:10px; border-top-right-radius:10px; } header .column-3 .account-menu .account-menu-list li:last-of-type a{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; } header .column-3 .account-menu .account-menu-list li a{ padding:12px 30px; display:flex; font-size:15px; } header .column-3 .account-menu .account-menu-list li a:hover{ background:#2ea296; color:#fff; } header .column-3 .account-menu .account-menu-list li a i{ margin-right:15px; } .sub-header{ display:flex; align-items:center; justify-content:flex-end; padding:5px 30px; background:#2ea397; color:#fff; position:fixed; width:100%; top:100px; z-index:60; } .sub-header .currency-switch > div{ height:35px; position:relative; z-index:2 !important; } .sub-header .header-shop-links-box{ margin-right:20px; } .sub-header .header-shop-links-box i{ font-size:26px; } .desktop-menu-box .menu-box > ul.menu > li > a{ position:relative; padding:10px 15px; display:inline-flex; } .desktop-menu-box .menu-box > ul.menu > li > a::after{ content:""; position:absolute; bottom:-29px; left:15px; right:15px; height:2px; background-color:#43bfb2; transform:scaleX(0); transform-origin:center; transition:transform 0.3s ease; } .desktop-menu-box .menu-box > ul.menu > li > a:hover::after{ transform:scaleX(1); } /* ========================================================================== EMMAUS MEGA MENU + HOMEPAGE HERO PREVIEW Everything in this file is restricted to the private mega-menu test page through body.emmaus-mega-menu-test. Sections:1. Shared variables and page state 2. Homepage hero preview 3. Homepage content preview 4. Mega-menu shared styles 5. Desktop mega-menu 6. Tablet and mobile mega-menu 7. Reduced motion 8. Compatibility overrides ========================================================================== */ /* ========================================================================== 1. PRIVATE TEST PAGE:SHARED VARIABLES AND PAGE STATE ========================================================================== */ body.emmaus-mega-menu-test{ --mega-bg:#fff; --mega-soft:#f4f7f7; --mega-hover:#eaf3f2; --mega-text:#172233; --mega-muted:#667386; --mega-accent:#2f817b; --mega-accent-soft:#e8f3f2; --mega-line:#dfe5e8; --mega-width:1280px; /* ========================================================================== 2. HOMEPAGE HERO PREVIEW Static preview of the future ACF homepage hero. This is separate from the navigation styling below. ========================================================================== */ /* ========================================================================== 3. HOMEPAGE CONTENT PREVIEW Static homepage content used beneath the private hero preview. The layout follows the simplified Courses / Bundles / Team Training / Governance journeys and retains a live latest-posts feed. ========================================================================== */ /* ========================================================================== 4. MEGA-MENU:SHARED STYLES Everything below this point belongs to the navigation and menu system. ========================================================================== */ /* ========================================================================== 5. DESKTOP MEGA-MENU ========================================================================== */ /* ========================================================================== 6. TABLET AND MOBILE MEGA-MENU ========================================================================== */ /* ========================================================================== 7. REDUCED MOTION ========================================================================== */ } body.emmaus-mega-menu-test.emmaus-mega-open::after{ content:""; position:fixed; inset:100px 0 0; z-index:59; background:rgba(13, 23, 35, 0.46); backdrop-filter:blur(2px); pointer-events:none; } body.emmaus-mega-menu-test .homepage-hero-preview{ --hero-preview-teal:#2ea397; --hero-preview-teal-dark:#257f77; --hero-preview-orange:#ff5424; --hero-preview-orange-dark:#df3e12; --hero-preview-navy:#172233; --hero-preview-navy-light:#243247; --hero-preview-text:#fff; --hero-preview-card-text:#172233; --hero-preview-card-muted:#667386; --hero-preview-page-bg:#f4f7f9; --hero-preview-container:1280px; position:relative; width:100vw; max-width:none; margin-left:calc(50% - 50vw); overflow:visible; background:var(--hero-preview-page-bg); /* ----------------------------------------------------------------------- Full-width hero background ----------------------------------------------------------------------- */ /* ----------------------------------------------------------------------- Hero buttons ----------------------------------------------------------------------- */ /* ----------------------------------------------------------------------- Contained journey cards ----------------------------------------------------------------------- */ /* ----------------------------------------------------------------------- Hero preview responsive styling ----------------------------------------------------------------------- */ } body.emmaus-mega-menu-test .homepage-hero-preview__background{ position:relative; width:100%; min-height:clamp(610px, calc(100svh - 240px), 760px); display:flex; align-items:center; padding:clamp(65px, 7svh, 100px) 0 clamp(125px, 13svh, 165px); overflow:hidden; color:var(--hero-preview-text); background:radial-gradient(circle at 84% 18%, rgba(46, 163, 151, 0.32), transparent 31%), radial-gradient(circle at 8% 86%, rgba(255, 84, 36, 0.2), transparent 29%), linear-gradient(135deg, var(--hero-preview-navy), var(--hero-preview-navy-light)); } body.emmaus-mega-menu-test .homepage-hero-preview__background > .container{ position:relative; z-index:2; width:min(var(--hero-preview-container), calc(100% - 64px)); max-width:var(--hero-preview-container); margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; } body.emmaus-mega-menu-test .homepage-hero-preview__background::before{ content:""; position:absolute; top:-210px; right:-145px; width:620px; height:620px; border:76px solid rgba(255, 255, 255, 0.035); border-radius:50%; pointer-events:none; } body.emmaus-mega-menu-test .homepage-hero-preview__background::after{ content:""; position:absolute; right:8%; bottom:-280px; width:560px; height:560px; border:1px solid rgba(255, 255, 255, 0.075); border-radius:50%; pointer-events:none; } body.emmaus-mega-menu-test .homepage-hero-preview__content{ position:relative; z-index:2; width:min(850px, 72%); max-width:850px; } body.emmaus-mega-menu-test .homepage-hero-preview__eyebrow{ display:inline-flex; align-items:center; gap:9px; margin:0 0 20px; color:#a9e6df; font-size:13px; font-weight:800; line-height:1.3; letter-spacing:0.11em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-hero-preview__eyebrow::before{ content:""; width:28px; height:2px; flex:0 0 auto; background:currentColor; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content{ max-width:820px; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content h1{ max-width:820px; margin:0; color:#fff; font-size:clamp(48px, 5.75vw, 82px); font-weight:700; line-height:0.98; letter-spacing:-0.055em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content p{ max-width:700px; margin:24px 0 0; color:rgba(255, 255, 255, 0.78); font-size:clamp(18px, 1.55vw, 22px); line-height:1.55; } body.emmaus-mega-menu-test .homepage-hero-preview__supporting-text{ max-width:660px; margin-top:19px; } body.emmaus-mega-menu-test .homepage-hero-preview__supporting-text p{ margin:0; color:rgba(255, 255, 255, 0.66); font-size:15px; line-height:1.65; } body.emmaus-mega-menu-test .homepage-hero-preview__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; } body.emmaus-mega-menu-test .homepage-hero-preview__button{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 21px; border:1px solid transparent; border-radius:13px 13px 4px 13px; font-size:15px; font-weight:800; line-height:1.2; text-decoration:none; transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } body.emmaus-mega-menu-test .homepage-hero-preview__button .mdi{ font-size:20px; line-height:1; } body.emmaus-mega-menu-test .homepage-hero-preview__button:hover, body.emmaus-mega-menu-test .homepage-hero-preview__button:focus-visible{ transform:translateY(-2px); text-decoration:none; } body.emmaus-mega-menu-test .homepage-hero-preview__button:focus-visible{ outline:3px solid rgba(68, 202, 193, 0.42); outline-offset:3px; } body.emmaus-mega-menu-test .homepage-hero-preview__button--primary{ color:#fff; background:var(--hero-preview-orange); box-shadow:0 12px 28px rgba(255, 84, 36, 0.22); } body.emmaus-mega-menu-test .homepage-hero-preview__button--primary:hover, body.emmaus-mega-menu-test .homepage-hero-preview__button--primary:focus-visible{ color:#fff; background:var(--hero-preview-orange-dark); } body.emmaus-mega-menu-test .homepage-hero-preview__button--secondary{ color:#fff; background:rgba(255, 255, 255, 0.055); border-color:rgba(255, 255, 255, 0.19); } body.emmaus-mega-menu-test .homepage-hero-preview__button--secondary:hover, body.emmaus-mega-menu-test .homepage-hero-preview__button--secondary:focus-visible{ color:#fff; background:rgba(255, 255, 255, 0.11); border-color:rgba(255, 255, 255, 0.28); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap{ position:relative; z-index:4; width:100%; margin-top:-92px; padding-bottom:clamp(60px, 7vw, 100px); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap > .container{ width:min(var(--hero-preview-container), calc(100% - 64px)); max-width:var(--hero-preview-container); margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; } body.emmaus-mega-menu-test .homepage-hero-preview__journeys{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; width:100%; } body.emmaus-mega-menu-test .homepage-hero-preview__card{ --card-accent:var(--hero-preview-teal); --card-accent-soft:rgba(46, 163, 151, 0.08); position:relative; min-width:0; min-height:230px; display:flex; flex-direction:column; align-items:flex-start; gap:13px; padding:26px; overflow:hidden; color:var(--hero-preview-card-text); background:#fff; border:1px solid rgba(23, 34, 51, 0.11); border-radius:17px 17px 5px 17px; box-shadow:0 18px 45px rgba(23, 34, 51, 0.13); text-decoration:none; transition:transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease; } body.emmaus-mega-menu-test .homepage-hero-preview__card::after{ content:""; position:absolute; right:-36px; bottom:-40px; width:150px; height:150px; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-background-mark.png") center / contain no-repeat; opacity:0.07; pointer-events:none; } body.emmaus-mega-menu-test .homepage-hero-preview__card:hover, body.emmaus-mega-menu-test .homepage-hero-preview__card:focus-visible{ color:var(--hero-preview-card-text); border-color:var(--card-accent); box-shadow:0 25px 60px rgba(23, 34, 51, 0.18); transform:translateY(-5px); text-decoration:none; } body.emmaus-mega-menu-test .homepage-hero-preview__card:hover .homepage-hero-preview__card-icon, body.emmaus-mega-menu-test .homepage-hero-preview__card:focus-visible .homepage-hero-preview__card-icon{ transform:translateY(-2px) rotate(-2deg); } body.emmaus-mega-menu-test .homepage-hero-preview__card:hover .homepage-hero-preview__card-action .mdi, body.emmaus-mega-menu-test .homepage-hero-preview__card:focus-visible .homepage-hero-preview__card-action .mdi{ transform:translateX(3px); } body.emmaus-mega-menu-test .homepage-hero-preview__card:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.32); outline-offset:3px; } body.emmaus-mega-menu-test .homepage-hero-preview__card--primary{ --card-accent:var(--hero-preview-teal); --card-accent-soft:rgba(46, 163, 151, 0.08); } body.emmaus-mega-menu-test .homepage-hero-preview__card--secondary{ --card-accent:var(--hero-preview-orange); --card-accent-soft:rgba(255, 84, 36, 0.08); } body.emmaus-mega-menu-test .homepage-hero-preview__card h2{ position:relative; z-index:1; margin:1px 0 0; color:var(--hero-preview-card-text); font-size:clamp(19px, 1.5vw, 22px); font-weight:700; line-height:1.18; letter-spacing:-0.025em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-hero-preview__card p{ position:relative; z-index:1; margin:0; color:var(--hero-preview-card-muted); font-size:14px; line-height:1.55; } body.emmaus-mega-menu-test .homepage-hero-preview__card-icon{ position:relative; z-index:1; width:46px; height:46px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--card-accent); border-radius:14px 14px 5px 14px; transition:transform 200ms ease; } body.emmaus-mega-menu-test .homepage-hero-preview__card-icon .mdi{ font-size:25px; line-height:1; } body.emmaus-mega-menu-test .homepage-hero-preview__card-action{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:5px; margin-top:auto; padding-top:4px; color:var(--card-accent); font-size:13px; font-weight:800; line-height:1.3; } body.emmaus-mega-menu-test .homepage-hero-preview__card-action .mdi{ font-size:17px; line-height:1; transition:transform 180ms ease; } @media only screen and (min-width:992px) and (max-height:850px){ body.emmaus-mega-menu-test .homepage-hero-preview__background{ min-height:clamp(560px, calc(100svh - 220px), 640px); padding:clamp(48px, 6svh, 68px) 0 clamp(105px, 12svh, 130px); } body.emmaus-mega-menu-test .homepage-hero-preview__eyebrow{ margin-bottom:14px; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content h1{ font-size:clamp(48px, 5vw, 68px); } body.emmaus-mega-menu-test .homepage-hero-preview__main-content p{ margin-top:18px; font-size:clamp(17px, 1.4vw, 20px); } body.emmaus-mega-menu-test .homepage-hero-preview__supporting-text{ margin-top:14px; } body.emmaus-mega-menu-test .homepage-hero-preview__actions{ margin-top:23px; } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap{ margin-top:-82px; } body.emmaus-mega-menu-test .homepage-hero-preview__card{ min-height:210px; gap:10px; padding:21px; } body.emmaus-mega-menu-test .homepage-hero-preview__card-icon{ width:41px; height:41px; } body.emmaus-mega-menu-test .homepage-hero-preview__card-icon .mdi{ font-size:22px; } } @media only screen and (max-width:1199px){ body.emmaus-mega-menu-test .homepage-hero-preview__background > .container{ width:min(var(--hero-preview-container), calc(100% - 44px)); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap > .container{ width:min(var(--hero-preview-container), calc(100% - 44px)); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys{ grid-template-columns:repeat(2, minmax(0, 1fr)); } body.emmaus-mega-menu-test .homepage-hero-preview__content{ width:min(820px, 82%); } } @media only screen and (max-width:991px){ body.emmaus-mega-menu-test .homepage-hero-preview__background{ min-height:620px; padding-top:85px; padding-bottom:150px; } body.emmaus-mega-menu-test .homepage-hero-preview__content{ width:100%; max-width:760px; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content h1{ font-size:clamp(44px, 8vw, 68px); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap{ margin-top:-70px; } } @media only screen and (max-width:767px){ body.emmaus-mega-menu-test .homepage-hero-preview__background{ min-height:auto; padding:68px 0 120px; } body.emmaus-mega-menu-test .homepage-hero-preview__background > .container{ width:calc(100% - 30px); } body.emmaus-mega-menu-test .homepage-hero-preview__background::before{ top:-145px; right:-170px; width:360px; height:360px; border-width:48px; } body.emmaus-mega-menu-test .homepage-hero-preview__background::after{ display:none; } body.emmaus-mega-menu-test .homepage-hero-preview__eyebrow{ margin-bottom:16px; font-size:11px; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content h1{ font-size:clamp(40px, 12vw, 54px); line-height:1; } body.emmaus-mega-menu-test .homepage-hero-preview__main-content p{ margin-top:19px; font-size:17px; } body.emmaus-mega-menu-test .homepage-hero-preview__supporting-text{ margin-top:17px; } body.emmaus-mega-menu-test .homepage-hero-preview__actions{ align-items:stretch; margin-top:27px; } body.emmaus-mega-menu-test .homepage-hero-preview__button{ width:100%; } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap{ margin-top:-54px; padding-bottom:45px; } body.emmaus-mega-menu-test .homepage-hero-preview__journeys-wrap > .container{ width:calc(100% - 30px); } body.emmaus-mega-menu-test .homepage-hero-preview__journeys{ grid-template-columns:1fr; gap:14px; } body.emmaus-mega-menu-test .homepage-hero-preview__card{ min-height:175px; padding:21px; } } body.emmaus-mega-menu-test .homepage-preview{ --preview-navy:#172233; --preview-navy-light:#243247; --preview-teal:#2ea397; --preview-teal-dark:#257f77; --preview-orange:#ff5424; --preview-orange-dark:#df3e12; --preview-cream:#f7f3ee; --preview-warm:#be9c73; --preview-warm-light:#e6d7c3; --preview-text:#172233; --preview-muted:#667386; --preview-line:rgba(23, 34, 51, 0.12); --preview-container:1280px; position:relative; width:100vw; max-width:none; margin-left:calc(50% - 50vw); overflow:clip; color:var(--preview-text); background:#fff; } body.emmaus-mega-menu-test .homepage-preview__container{ width:min(var(--preview-container), calc(100% - 64px)); max-width:var(--preview-container); margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; } body.emmaus-mega-menu-test .homepage-preview__section{ position:relative; padding:clamp(76px, 8vw, 118px) 0; scroll-margin-top:130px; } body.emmaus-mega-menu-test .homepage-preview__section--new{ padding-top:clamp(68px, 7vw, 105px); background:radial-gradient(circle at 92% 10%, rgba(190, 156, 115, 0.14), transparent 27%), var(--preview-cream); } body.emmaus-mega-menu-test .homepage-preview__section--solutions{ background:#fff; } body.emmaus-mega-menu-test .homepage-preview__section--platform{ overflow:hidden; color:#fff; background:radial-gradient(circle at 88% 15%, rgba(46, 163, 151, 0.27), transparent 28%), radial-gradient(circle at 8% 88%, rgba(255, 84, 36, 0.14), transparent 27%), linear-gradient(135deg, var(--preview-navy), var(--preview-navy-light)); } body.emmaus-mega-menu-test .homepage-preview__section--platform::before{ content:""; position:absolute; top:-205px; right:-145px; width:520px; height:520px; border:64px solid rgba(255, 255, 255, 0.035); border-radius:50%; pointer-events:none; } body.emmaus-mega-menu-test .homepage-preview__section--news{ background:#f4f7f9; } body.emmaus-mega-menu-test .homepage-preview__section--cta{ padding-top:clamp(64px, 7vw, 96px); padding-bottom:clamp(76px, 8vw, 118px); background:#fff; } body.emmaus-mega-menu-test .homepage-preview__section-heading{ max-width:880px; margin-bottom:clamp(34px, 4vw, 54px); } body.emmaus-mega-menu-test .homepage-preview__section-heading h2{ margin:0; color:var(--preview-text); font-size:clamp(34px, 4vw, 58px); font-weight:700; line-height:1.02; letter-spacing:-0.045em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview__section-heading > p, body.emmaus-mega-menu-test .homepage-preview__section-heading > div > p:not(.homepage-preview__eyebrow){ color:var(--preview-muted); font-size:clamp(16px, 1.4vw, 19px); line-height:1.65; } body.emmaus-mega-menu-test .homepage-preview__section-heading--split{ max-width:none; display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(300px, 0.7fr); align-items:end; gap:clamp(34px, 6vw, 90px); } body.emmaus-mega-menu-test .homepage-preview__section-heading--split > p{ max-width:500px; margin:0 0 4px; } body.emmaus-mega-menu-test .homepage-preview__section-heading--centred{ margin-right:auto; margin-left:auto; text-align:center; } body.emmaus-mega-menu-test .homepage-preview__section-heading--centred > p:last-child{ max-width:720px; margin:20px auto 0; } body.emmaus-mega-menu-test .homepage-preview__section-heading--news{ max-width:none; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; } body.emmaus-mega-menu-test .homepage-preview__eyebrow{ display:inline-flex; align-items:center; gap:9px; margin:0 0 16px; color:var(--preview-teal-dark); font-size:12px; font-weight:800; line-height:1.3; letter-spacing:0.11em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview__eyebrow::before{ content:""; width:28px; height:2px; flex:0 0 auto; background:currentColor; } body.emmaus-mega-menu-test .homepage-preview__button{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 21px; border:1px solid transparent; border-radius:13px 13px 4px 13px; font-size:15px; font-weight:800; line-height:1.2; text-decoration:none; transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } body.emmaus-mega-menu-test .homepage-preview__button .mdi{ font-size:19px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview__button:hover, body.emmaus-mega-menu-test .homepage-preview__button:focus-visible{ transform:translateY(-2px); text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview__button:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.32); outline-offset:3px; } body.emmaus-mega-menu-test .homepage-preview__button--gold{ color:var(--preview-navy); background:var(--preview-warm); box-shadow:0 12px 28px rgba(13, 23, 35, 0.2); } body.emmaus-mega-menu-test .homepage-preview__button--gold:hover, body.emmaus-mega-menu-test .homepage-preview__button--gold:focus-visible{ color:var(--preview-navy); background:#d3b48e; } body.emmaus-mega-menu-test .homepage-preview__button--orange{ color:#fff; background:var(--preview-orange); box-shadow:0 12px 28px rgba(255, 84, 36, 0.22); } body.emmaus-mega-menu-test .homepage-preview__button--orange:hover, body.emmaus-mega-menu-test .homepage-preview__button--orange:focus-visible{ color:#fff; background:var(--preview-orange-dark); } body.emmaus-mega-menu-test .homepage-preview__button--ghost{ color:#fff; background:rgba(255, 255, 255, 0.055); border-color:rgba(255, 255, 255, 0.2); } body.emmaus-mega-menu-test .homepage-preview__button--ghost:hover, body.emmaus-mega-menu-test .homepage-preview__button--ghost:focus-visible{ color:#fff; background:rgba(255, 255, 255, 0.11); border-color:rgba(255, 255, 255, 0.3); } body.emmaus-mega-menu-test .homepage-preview__text-link{ display:inline-flex; align-items:center; gap:6px; color:var(--preview-teal-dark); font-size:14px; font-weight:800; line-height:1.3; text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview__text-link .mdi{ font-size:18px; line-height:1; transition:transform 180ms ease; } body.emmaus-mega-menu-test .homepage-preview__text-link:hover, body.emmaus-mega-menu-test .homepage-preview__text-link:focus-visible{ color:var(--preview-teal-dark); text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview__text-link:hover .mdi, body.emmaus-mega-menu-test .homepage-preview__text-link:focus-visible .mdi{ transform:translateX(3px); } body.emmaus-mega-menu-test .homepage-preview-feature{ position:relative; display:grid; grid-template-columns:minmax(0, 1.08fr) minmax(420px, 0.92fr); min-height:610px; overflow:hidden; color:#fff; background:radial-gradient(circle at 15% 95%, rgba(190, 156, 115, 0.14), transparent 28%), linear-gradient(135deg, #243651, #1b2a40); border:1px solid rgba(36, 54, 81, 0.2); border-radius:30px 30px 8px 30px; box-shadow:0 28px 80px rgba(36, 54, 81, 0.2); } body.emmaus-mega-menu-test .homepage-preview-feature::before{ content:""; position:absolute; left:clamp(34px, 5vw, 70px); top:0; width:126px; height:5px; background:var(--preview-warm); } body.emmaus-mega-menu-test .homepage-preview-feature__content{ position:relative; z-index:2; display:flex; flex-direction:column; padding:clamp(42px, 5vw, 72px); } body.emmaus-mega-menu-test .homepage-preview-feature__labels{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; } body.emmaus-mega-menu-test .homepage-preview-feature__labels span{ display:inline-flex; align-items:center; min-height:29px; padding:6px 11px; color:#fff; background:rgba(255, 255, 255, 0.07); border:1px solid rgba(255, 255, 255, 0.14); border-radius:100px; font-size:11px; font-weight:800; line-height:1.2; letter-spacing:0.07em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-feature__kicker{ max-width:590px; margin:0 0 11px; color:var(--preview-warm-light); font-size:15px; font-weight:700; line-height:1.5; } body.emmaus-mega-menu-test .homepage-preview-feature h3{ max-width:650px; margin:0; color:#fff; font-size:clamp(38px, 4.1vw, 62px); font-weight:700; line-height:1; letter-spacing:-0.05em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview-feature__intro{ max-width:660px; margin:23px 0 0; color:rgba(255, 255, 255, 0.76); font-size:clamp(17px, 1.45vw, 20px); line-height:1.62; } body.emmaus-mega-menu-test .homepage-preview-feature__benefits{ display:grid; gap:13px; margin:31px 0 0; padding:0; list-style:none; } body.emmaus-mega-menu-test .homepage-preview-feature__benefits li{ display:grid; grid-template-columns:34px minmax(0, 1fr); align-items:start; gap:12px; color:rgba(255, 255, 255, 0.82); font-size:14px; line-height:1.55; } body.emmaus-mega-menu-test .homepage-preview-feature__benefits li > .mdi{ width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; color:var(--preview-navy); background:var(--preview-warm); border-radius:10px 10px 3px 10px; font-size:19px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-feature__footer{ display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-top:auto; padding-top:36px; } body.emmaus-mega-menu-test .homepage-preview-feature__price{ display:grid; grid-template-columns:auto auto; align-items:end; column-gap:8px; } body.emmaus-mega-menu-test .homepage-preview-feature__price span{ grid-column:1 / -1; margin-bottom:1px; color:rgba(255, 255, 255, 0.58); font-size:11px; font-weight:800; line-height:1.2; letter-spacing:0.08em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-feature__price strong{ color:#fff; font-size:34px; font-weight:700; line-height:1; letter-spacing:-0.04em; } body.emmaus-mega-menu-test .homepage-preview-feature__price small{ max-width:150px; padding-bottom:2px; color:rgba(255, 255, 255, 0.58); font-size:11px; line-height:1.35; } body.emmaus-mega-menu-test .homepage-preview-feature__actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:16px; } body.emmaus-mega-menu-test .homepage-preview-feature__actions .homepage-preview__text-link{ color:var(--preview-warm-light); } body.emmaus-mega-menu-test .homepage-preview-feature__actions .homepage-preview__text-link:hover, body.emmaus-mega-menu-test .homepage-preview-feature__actions .homepage-preview__text-link:focus-visible{ color:#fff; } body.emmaus-mega-menu-test .homepage-preview-feature__note{ max-width:680px; margin:22px 0 0; color:rgba(255, 255, 255, 0.45); font-size:11px; line-height:1.55; } body.emmaus-mega-menu-test .homepage-preview-feature__visual{ position:relative; min-height:100%; overflow:hidden; background:linear-gradient(rgba(36, 54, 81, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 54, 81, 0.055) 1px, transparent 1px), var(--preview-cream); background-size:32px 32px; border-left:1px solid rgba(255, 255, 255, 0.09); } body.emmaus-mega-menu-test .homepage-preview-feature__visual::after{ content:""; position:absolute; inset:auto -90px -130px auto; width:310px; height:310px; border:52px solid rgba(190, 156, 115, 0.16); border-radius:50%; } body.emmaus-mega-menu-test .homepage-preview-feature__orbit{ position:absolute; border:1px solid rgba(36, 54, 81, 0.16); border-radius:50%; } body.emmaus-mega-menu-test .homepage-preview-feature__orbit--one{ top:73px; left:50%; width:320px; height:320px; transform:translateX(-50%); } body.emmaus-mega-menu-test .homepage-preview-feature__orbit--two{ top:32px; left:50%; width:405px; height:405px; border-style:dashed; transform:translateX(-50%); } body.emmaus-mega-menu-test .homepage-preview-feature__brain{ position:absolute; top:126px; left:50%; width:230px; min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; color:var(--preview-navy); background:#fff; border:1px solid rgba(36, 54, 81, 0.1); border-radius:50%; box-shadow:0 28px 60px rgba(36, 54, 81, 0.16); text-align:center; transform:translateX(-50%); } body.emmaus-mega-menu-test .homepage-preview-feature__brain > .mdi{ margin-bottom:13px; color:var(--preview-warm); font-size:66px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-feature__brain small{ color:#8f7554; font-size:11px; font-weight:800; line-height:1.2; letter-spacing:0.08em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-feature__brain strong{ max-width:150px; margin-top:6px; font-size:20px; line-height:1.12; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card{ position:absolute; z-index:2; min-width:200px; display:flex; align-items:center; gap:12px; padding:15px 17px; color:var(--preview-navy); background:rgba(255, 255, 255, 0.94); border:1px solid rgba(36, 54, 81, 0.11); border-radius:15px 15px 5px 15px; box-shadow:0 20px 45px rgba(36, 54, 81, 0.14); } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card > .mdi{ width:39px; height:39px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--preview-navy); border-radius:11px 11px 4px 11px; font-size:21px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card div{ display:flex; flex-direction:column; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card small{ color:#8f7554; font-size:10px; font-weight:800; line-height:1.2; letter-spacing:0.06em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card strong{ margin-top:3px; font-size:14px; line-height:1.2; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--toolkit{ top:78px; left:28px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--progress{ top:355px; right:27px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--progress > .mdi{ background:var(--preview-teal-dark); } body.emmaus-mega-menu-test .homepage-preview-feature__conditions{ position:absolute; right:30px; bottom:45px; left:30px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; } body.emmaus-mega-menu-test .homepage-preview-feature__conditions span{ display:inline-flex; align-items:center; min-height:29px; padding:6px 11px; color:var(--preview-navy); background:rgba(255, 255, 255, 0.82); border:1px solid rgba(36, 54, 81, 0.12); border-radius:100px; font-size:11px; font-weight:800; line-height:1.2; box-shadow:0 8px 18px rgba(36, 54, 81, 0.07); } body.emmaus-mega-menu-test .homepage-preview-solutions{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } body.emmaus-mega-menu-test .homepage-preview-solution{ --solution-accent:var(--preview-teal); --solution-soft:rgba(46, 163, 151, 0.08); position:relative; min-width:0; min-height:475px; display:flex; flex-direction:column; padding:27px; overflow:hidden; color:var(--preview-text); background:#fff; border:1px solid var(--preview-line); border-radius:19px 19px 6px 19px; box-shadow:0 18px 50px rgba(23, 34, 51, 0.08); scroll-margin-top:130px; transition:transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; } body.emmaus-mega-menu-test .homepage-preview-solution::after{ content:""; position:absolute; right:-50px; bottom:-56px; width:150px; height:150px; border:30px solid var(--solution-soft); border-radius:50%; pointer-events:none; } body.emmaus-mega-menu-test .homepage-preview-solution:hover{ border-color:var(--solution-accent); box-shadow:0 26px 65px rgba(23, 34, 51, 0.13); transform:translateY(-5px); } body.emmaus-mega-menu-test .homepage-preview-solution--orange{ --solution-accent:var(--preview-orange); --solution-soft:rgba(255, 84, 36, 0.08); } body.emmaus-mega-menu-test .homepage-preview-solution--navy{ --solution-accent:var(--preview-navy-light); --solution-soft:rgba(36, 50, 71, 0.08); } body.emmaus-mega-menu-test .homepage-preview-solution--gold{ --solution-accent:#a68051; --solution-soft:rgba(190, 156, 115, 0.12); } body.emmaus-mega-menu-test .homepage-preview-solution__top{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:25px; } body.emmaus-mega-menu-test .homepage-preview-solution__icon{ width:48px; height:48px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--solution-accent); border-radius:14px 14px 5px 14px; } body.emmaus-mega-menu-test .homepage-preview-solution__icon .mdi{ font-size:26px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-solution__eyebrow{ color:var(--solution-accent); font-size:10px; font-weight:800; line-height:1.25; letter-spacing:0.09em; text-align:right; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-solution h3{ position:relative; z-index:1; margin:0; color:var(--preview-text); font-size:clamp(23px, 2vw, 29px); font-weight:700; line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview-solution > p{ position:relative; z-index:1; margin:17px 0 0; color:var(--preview-muted); font-size:14px; line-height:1.6; } body.emmaus-mega-menu-test .homepage-preview-solution__meta{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:7px; margin:23px 0 0; padding:0; list-style:none; } body.emmaus-mega-menu-test .homepage-preview-solution__meta li{ display:inline-flex; align-items:center; min-height:27px; padding:5px 9px; color:var(--solution-accent); background:var(--solution-soft); border-radius:100px; font-size:10px; font-weight:800; line-height:1.2; } body.emmaus-mega-menu-test .homepage-preview-solution__example{ padding-top:20px; border-top:1px solid rgba(23, 34, 51, 0.08); font-size:12px !important; line-height:1.55 !important; } body.emmaus-mega-menu-test .homepage-preview-solution__link{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:24px; color:var(--solution-accent); font-size:13px; font-weight:800; line-height:1.3; text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-solution__link .mdi{ font-size:18px; line-height:1; transition:transform 180ms ease; } body.emmaus-mega-menu-test .homepage-preview-solution__link:hover, body.emmaus-mega-menu-test .homepage-preview-solution__link:focus-visible{ color:var(--solution-accent); text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-solution__link:hover .mdi, body.emmaus-mega-menu-test .homepage-preview-solution__link:focus-visible .mdi{ transform:translateX(3px); } body.emmaus-mega-menu-test .homepage-preview-platform{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 0.85fr) minmax(480px, 1.15fr); align-items:start; gap:clamp(50px, 8vw, 115px); } body.emmaus-mega-menu-test .homepage-preview-platform__intro{ max-width:560px; } body.emmaus-mega-menu-test .homepage-preview-platform__intro .homepage-preview__eyebrow{ color:#a9e6df; } body.emmaus-mega-menu-test .homepage-preview-platform__intro h2{ margin:0; color:#fff; font-size:clamp(36px, 4.2vw, 60px); font-weight:700; line-height:1.01; letter-spacing:-0.045em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview-platform__intro > p:not(.homepage-preview__eyebrow){ margin:23px 0 0; color:rgba(255, 255, 255, 0.7); font-size:17px; line-height:1.65; } body.emmaus-mega-menu-test .homepage-preview-platform__intro .homepage-preview__button{ margin-top:31px; } body.emmaus-mega-menu-test .homepage-preview-platform__benefits{ display:grid; gap:14px; } body.emmaus-mega-menu-test .homepage-preview-platform__benefit{ display:grid; grid-template-columns:58px minmax(0, 1fr); align-items:start; gap:18px; padding:23px; background:rgba(255, 255, 255, 0.055); border:1px solid rgba(255, 255, 255, 0.11); border-radius:17px 17px 5px 17px; backdrop-filter:blur(8px); } body.emmaus-mega-menu-test .homepage-preview-platform__benefit h3{ margin:1px 0 0; color:#fff; font-size:21px; font-weight:700; line-height:1.2; letter-spacing:-0.02em; } body.emmaus-mega-menu-test .homepage-preview-platform__benefit p{ margin:9px 0 0; color:rgba(255, 255, 255, 0.64); font-size:14px; line-height:1.58; } body.emmaus-mega-menu-test .homepage-preview-platform__icon{ width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:rgba(46, 163, 151, 0.22); border:1px solid rgba(169, 230, 223, 0.2); border-radius:16px 16px 5px 16px; } body.emmaus-mega-menu-test .homepage-preview-platform__icon .mdi{ font-size:29px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-news{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; } body.emmaus-mega-menu-test .homepage-preview-news__card{ min-width:0; overflow:hidden; background:#fff; border:1px solid rgba(23, 34, 51, 0.1); border-radius:19px 19px 6px 19px; box-shadow:0 17px 45px rgba(23, 34, 51, 0.08); transition:transform 200ms ease, box-shadow 200ms ease; } body.emmaus-mega-menu-test .homepage-preview-news__card:hover{ box-shadow:0 25px 60px rgba(23, 34, 51, 0.13); transform:translateY(-5px); } body.emmaus-mega-menu-test .homepage-preview-news__card:hover .homepage-preview-news__media img{ transform:scale(1.035); } body.emmaus-mega-menu-test .homepage-preview-news__media{ position:relative; width:100%; aspect-ratio:1.7777777778; display:block; overflow:hidden; background:var(--preview-navy); } body.emmaus-mega-menu-test .homepage-preview-news__media img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform 260ms ease; } body.emmaus-mega-menu-test .homepage-preview-news__placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(255, 255, 255, 0.8); background:radial-gradient(circle at 80% 20%, rgba(46, 163, 151, 0.35), transparent 28%), linear-gradient(135deg, var(--preview-navy), var(--preview-navy-light)); } body.emmaus-mega-menu-test .homepage-preview-news__placeholder .mdi{ font-size:64px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-news__content{ display:flex; min-height:270px; flex-direction:column; padding:25px; } body.emmaus-mega-menu-test .homepage-preview-news__content time{ color:var(--preview-teal-dark); font-size:10px; font-weight:800; line-height:1.2; letter-spacing:0.08em; text-transform:uppercase; } body.emmaus-mega-menu-test .homepage-preview-news__content h3{ margin:12px 0 0; color:var(--preview-text); font-size:clamp(21px, 1.8vw, 27px); font-weight:700; line-height:1.14; letter-spacing:-0.03em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview-news__content h3 a{ color:inherit; text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-news__content h3 a:hover, body.emmaus-mega-menu-test .homepage-preview-news__content h3 a:focus-visible{ color:var(--preview-teal-dark); text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-news__content > p{ margin:15px 0 0; color:var(--preview-muted); font-size:14px; line-height:1.58; } body.emmaus-mega-menu-test .homepage-preview-news__link{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:22px; color:var(--preview-teal-dark); font-size:13px; font-weight:800; line-height:1.3; text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-news__link .mdi{ font-size:18px; line-height:1; transition:transform 180ms ease; } body.emmaus-mega-menu-test .homepage-preview-news__link:hover, body.emmaus-mega-menu-test .homepage-preview-news__link:focus-visible{ color:var(--preview-teal-dark); text-decoration:none; } body.emmaus-mega-menu-test .homepage-preview-news__link:hover .mdi, body.emmaus-mega-menu-test .homepage-preview-news__link:focus-visible .mdi{ transform:translateX(3px); } body.emmaus-mega-menu-test .homepage-preview-news__empty{ grid-column:1 / -1; padding:45px; color:var(--preview-muted); background:#fff; border:1px dashed rgba(23, 34, 51, 0.18); border-radius:19px 19px 6px 19px; text-align:center; } body.emmaus-mega-menu-test .homepage-preview-news__empty > .mdi{ color:var(--preview-teal-dark); font-size:46px; line-height:1; } body.emmaus-mega-menu-test .homepage-preview-news__empty h3{ margin:14px 0 0; color:var(--preview-text); } body.emmaus-mega-menu-test .homepage-preview-news__empty p{ margin:10px auto 0; } body.emmaus-mega-menu-test .homepage-preview-cta{ position:relative; display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:clamp(35px, 6vw, 90px); padding:clamp(38px, 5vw, 70px); overflow:hidden; color:#fff; background:radial-gradient(circle at 92% 15%, rgba(46, 163, 151, 0.31), transparent 28%), linear-gradient(135deg, var(--preview-navy), var(--preview-navy-light)); border-radius:28px 28px 8px 28px; box-shadow:0 28px 70px rgba(23, 34, 51, 0.18); } body.emmaus-mega-menu-test .homepage-preview-cta::before{ content:""; position:absolute; right:-90px; bottom:-155px; width:330px; height:330px; border:48px solid rgba(255, 255, 255, 0.04); border-radius:50%; pointer-events:none; } body.emmaus-mega-menu-test .homepage-preview-cta > div{ position:relative; z-index:1; } body.emmaus-mega-menu-test .homepage-preview-cta .homepage-preview__eyebrow{ color:#a9e6df; } body.emmaus-mega-menu-test .homepage-preview-cta h2{ max-width:760px; margin:0; color:#fff; font-size:clamp(34px, 4.2vw, 59px); font-weight:700; line-height:1.01; letter-spacing:-0.045em; text-wrap:balance; } body.emmaus-mega-menu-test .homepage-preview-cta p:not(.homepage-preview__eyebrow){ max-width:700px; margin:20px 0 0; color:rgba(255, 255, 255, 0.68); font-size:16px; line-height:1.65; } body.emmaus-mega-menu-test .homepage-preview-cta__actions{ display:flex; flex-direction:column; align-items:stretch; gap:11px; } body.emmaus-mega-menu-test .homepage-preview-cta__actions .homepage-preview__button{ min-width:220px; } @media only screen and (max-width:1199px){ body.emmaus-mega-menu-test .homepage-preview__container{ width:min(var(--preview-container), calc(100% - 44px)); } body.emmaus-mega-menu-test .homepage-preview-feature{ grid-template-columns:minmax(0, 1fr) 400px; } body.emmaus-mega-menu-test .homepage-preview-feature__footer{ align-items:flex-start; flex-direction:column; } body.emmaus-mega-menu-test .homepage-preview-feature__actions{ justify-content:flex-start; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card{ min-width:180px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--toolkit{ left:18px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--progress{ right:18px; } body.emmaus-mega-menu-test .homepage-preview-solutions{ grid-template-columns:repeat(2, minmax(0, 1fr)); } body.emmaus-mega-menu-test .homepage-preview-solution{ min-height:420px; } } @media only screen and (max-width:991px){ body.emmaus-mega-menu-test .homepage-preview__section-heading--split{ grid-template-columns:1fr; align-items:start; gap:20px; } body.emmaus-mega-menu-test .homepage-preview__section-heading--split > p{ max-width:720px; } body.emmaus-mega-menu-test .homepage-preview-feature{ grid-template-columns:1fr; } body.emmaus-mega-menu-test .homepage-preview-feature__visual{ min-height:540px; border-top:1px solid rgba(255, 255, 255, 0.09); border-left:0; } body.emmaus-mega-menu-test .homepage-preview-platform{ grid-template-columns:1fr; } body.emmaus-mega-menu-test .homepage-preview-platform__intro{ max-width:720px; } body.emmaus-mega-menu-test .homepage-preview-news{ grid-template-columns:repeat(2, minmax(0, 1fr)); } body.emmaus-mega-menu-test .homepage-preview-news__card:last-child{ grid-column:1 / -1; } body.emmaus-mega-menu-test .homepage-preview-cta{ grid-template-columns:1fr; } body.emmaus-mega-menu-test .homepage-preview-cta__actions{ flex-direction:row; flex-wrap:wrap; } } @media only screen and (max-width:767px){ body.emmaus-mega-menu-test .homepage-preview__container{ width:calc(100% - 30px); } body.emmaus-mega-menu-test .homepage-preview__section{ padding:66px 0; } body.emmaus-mega-menu-test .homepage-preview__section--new{ padding-top:56px; } body.emmaus-mega-menu-test .homepage-preview__section--cta{ padding-top:52px; padding-bottom:68px; } body.emmaus-mega-menu-test .homepage-preview__section-heading{ margin-bottom:30px; } body.emmaus-mega-menu-test .homepage-preview__section-heading h2{ font-size:clamp(32px, 10vw, 46px); } body.emmaus-mega-menu-test .homepage-preview__section-heading--news{ align-items:flex-start; flex-direction:column; gap:18px; } body.emmaus-mega-menu-test .homepage-preview-feature{ min-height:0; border-radius:22px 22px 7px 22px; } body.emmaus-mega-menu-test .homepage-preview-feature::before{ left:25px; } body.emmaus-mega-menu-test .homepage-preview-feature__content{ padding:38px 24px; } body.emmaus-mega-menu-test .homepage-preview-feature h3{ font-size:clamp(36px, 11vw, 50px); } body.emmaus-mega-menu-test .homepage-preview-feature__benefits li{ grid-template-columns:31px minmax(0, 1fr); } body.emmaus-mega-menu-test .homepage-preview-feature__benefits li > .mdi{ width:31px; height:31px; font-size:17px; } body.emmaus-mega-menu-test .homepage-preview-feature__footer{ gap:24px; padding-top:30px; } body.emmaus-mega-menu-test .homepage-preview-feature__actions{ width:100%; align-items:flex-start; flex-direction:column; } body.emmaus-mega-menu-test .homepage-preview-feature__actions .homepage-preview__button{ width:100%; } body.emmaus-mega-menu-test .homepage-preview-feature__visual{ min-height:480px; } body.emmaus-mega-menu-test .homepage-preview-feature__orbit--one{ width:270px; height:270px; } body.emmaus-mega-menu-test .homepage-preview-feature__orbit--two{ width:340px; height:340px; } body.emmaus-mega-menu-test .homepage-preview-feature__brain{ top:118px; width:200px; min-height:200px; } body.emmaus-mega-menu-test .homepage-preview-feature__brain > .mdi{ font-size:58px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card{ min-width:0; padding:12px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card > .mdi{ width:34px; height:34px; font-size:18px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--toolkit{ top:56px; left:12px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--progress{ top:326px; right:12px; } body.emmaus-mega-menu-test .homepage-preview-feature__conditions{ right:14px; bottom:27px; left:14px; } body.emmaus-mega-menu-test .homepage-preview-solutions, body.emmaus-mega-menu-test .homepage-preview-news{ grid-template-columns:1fr; } body.emmaus-mega-menu-test .homepage-preview-solution{ min-height:0; padding:23px; } body.emmaus-mega-menu-test .homepage-preview-platform{ gap:40px; } body.emmaus-mega-menu-test .homepage-preview-platform__benefit{ grid-template-columns:48px minmax(0, 1fr); gap:15px; padding:19px; } body.emmaus-mega-menu-test .homepage-preview-platform__icon{ width:48px; height:48px; } body.emmaus-mega-menu-test .homepage-preview-platform__icon .mdi{ font-size:25px; } body.emmaus-mega-menu-test .homepage-preview-news__card:last-child{ grid-column:auto; } body.emmaus-mega-menu-test .homepage-preview-news__content{ min-height:0; } body.emmaus-mega-menu-test .homepage-preview-cta{ padding:34px 24px; border-radius:22px 22px 7px 22px; } body.emmaus-mega-menu-test .homepage-preview-cta__actions{ flex-direction:column; } body.emmaus-mega-menu-test .homepage-preview-cta__actions .homepage-preview__button{ width:100%; } } @media only screen and (max-width:480px){ body.emmaus-mega-menu-test .homepage-preview-feature__visual{ min-height:520px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card{ right:12px; left:12px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--toolkit{ top:34px; } body.emmaus-mega-menu-test .homepage-preview-feature__floating-card--progress{ top:344px; } body.emmaus-mega-menu-test .homepage-preview-feature__brain{ top:126px; } body.emmaus-mega-menu-test .homepage-preview-feature__conditions{ bottom:22px; } } body.emmaus-mega-menu-test .emmaus-mega-menu, body.emmaus-mega-menu-test .emmaus-mega-menu ul{ list-style:none; } body.emmaus-mega-menu-test .emmaus-mega-menu .emmaus-menu-icon{ flex:0 0 auto; color:var(--mega-accent); line-height:1; } body.emmaus-mega-menu-test .emmaus-mega-menu .emmaus-menu-link__text{ display:flex; min-width:0; flex:1; flex-direction:column; } body.emmaus-mega-menu-test .emmaus-mega-menu .emmaus-menu-link__title{ color:inherit; font-size:14px; font-weight:700; line-height:1.25; } body.emmaus-mega-menu-test .emmaus-mega-menu .emmaus-menu-link__description{ display:-webkit-box; margin-top:3px; overflow:hidden; color:var(--mega-muted); font-size:12px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; } @media (min-width:992px){ body.emmaus-mega-menu-test header{ display:grid; grid-template-columns:minmax(180px, 1fr) auto minmax(180px, 1fr); align-items:center; gap:18px; } body.emmaus-mega-menu-test header .column-1{ justify-self:start; } body.emmaus-mega-menu-test header .column-2{ justify-self:center; margin-left:0; } body.emmaus-mega-menu-test header .column-3{ justify-self:end; } body.emmaus-mega-menu-test .desktop-menu-box{ width:auto; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box{ position:static; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop{ position:static; display:flex; align-items:center; justify-content:center; gap:2px; margin:0; padding:0; /* ----------------------------------------------------------------- Desktop parent trigger ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- Desktop menu panel ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- Desktop section heading ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- Desktop links ----------------------------------------------------------------- */ } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li{ position:static; display:flex; align-items:center; padding:0; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.menu-item-has-children::after{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link{ position:relative; display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:6px; padding:10px 12px; border:0; border-radius:9px; background:transparent; color:#fff; font-family:inherit; font-size:14px; font-weight:600; line-height:1; text-align:center; text-decoration:none; white-space:nowrap; cursor:pointer; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger .emmaus-menu-link__title, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link .emmaus-menu-link__title{ color:#fff; font:inherit; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger::after, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link::after{ content:""; position:absolute; right:12px; bottom:-28px; left:12px; height:3px; border-radius:99px; background:var(--mega-accent); transform:scaleX(0); transition:transform 0.18s ease; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger:hover, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger:focus-visible, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link:hover, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link:focus-visible{ background:rgba(255, 255, 255, 0.09); outline:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger:hover::after, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger:focus-visible::after, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link:hover::after, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link:focus-visible::after{ transform:scaleX(1); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.is-open > .emmaus-mega-trigger{ background:rgba(255, 255, 255, 0.09); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.is-open > .emmaus-mega-trigger::after{ transform:scaleX(1); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.is-open > .emmaus-mega-panel{ display:flex !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-trigger__label{ display:inline-flex; align-items:center; gap:6px; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-trigger__chevron{ font-size:17px; transition:transform 0.18s ease; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.is-open .emmaus-mega-trigger__chevron{ transform:rotate(180deg); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel{ position:fixed; top:100px; left:50%; z-index:70; display:none !important; width:min(var(--mega-width), calc(100vw - 40px)); height:auto; min-height:0; overflow:hidden; margin:0; padding:0; transform:translateX(-50%); border:1px solid var(--mega-line); border-top:3px solid var(--mega-accent); border-radius:0 0 16px 16px; background:var(--mega-bg); color:var(--mega-text); box-shadow:0 24px 60px rgba(17, 31, 49, 0.22); /* --------------------------------------------------------------- Desktop panel introduction --------------------------------------------------------------- */ } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel[hidden]{ display:none !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel > li{ min-width:0; flex:1 1 0; padding:0; border-right:1px solid var(--mega-line); background:var(--mega-bg); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel > li.menu-item-has-children::after{ content:none !important; display:none !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel > li:last-child{ border-right:0; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro{ display:flex !important; flex:0 0 240px !important; flex-direction:column; align-items:flex-start !important; justify-content:flex-start; padding:28px 24px !important; border-right:0 !important; background:linear-gradient(155deg, #172233, #243247) !important; color:#fff; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-icon{ display:grid; width:48px; height:48px; place-items:center; margin-bottom:18px; border-radius:14px 14px 5px 14px; background:rgba(255, 255, 255, 0.1); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-icon:empty{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-icon .emmaus-menu-icon{ color:#fff; font-size:25px; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-copy{ display:flex; flex-direction:column; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-eyebrow{ margin-bottom:8px; color:rgba(255, 255, 255, 0.62); font-size:10px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-title{ color:#fff; font-size:26px; font-weight:800; line-height:1.08; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-description{ margin-top:12px; color:rgba(255, 255, 255, 0.72); font-size:13px; line-height:1.55; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-section-heading{ display:flex; align-items:flex-start; gap:8px; padding:24px 18px 10px; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-section-heading .emmaus-menu-icon{ margin-top:1px; font-size:17px; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-section-heading__text{ display:flex; min-width:0; flex-direction:column; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-section-heading__title{ color:var(--mega-accent); font-size:11px; font-weight:800; letter-spacing:0.08em; line-height:1.3; text-transform:uppercase; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-section-heading__description{ margin-top:4px; color:var(--mega-muted); font-size:12px; line-height:1.35; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links{ position:static; display:flex !important; width:auto; flex-direction:column; gap:3px; margin:0; padding:0 12px 20px; border:0; background:transparent; box-shadow:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links::after{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li{ display:block; padding:0; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li::after{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link{ display:grid; width:100%; min-height:52px; grid-template-columns:34px minmax(0, 1fr) 16px; align-items:center; gap:9px; padding:8px; border-radius:10px; background:transparent; color:var(--mega-text); text-decoration:none; transition:background 0.16s ease, transform 0.16s ease; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link::before{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link::after{ content:"›"; grid-column:3; color:#9aa6b0; font:20px/1 Arial, sans-serif; text-align:center; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link > .emmaus-menu-icon{ display:grid; width:34px; height:34px; grid-column:1; place-items:center; border-radius:10px; background:var(--mega-accent-soft); color:var(--mega-accent); font-size:18px; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link .emmaus-menu-link__text{ grid-column:2; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link .emmaus-menu-link__title{ color:var(--mega-text); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link .emmaus-menu-link__description{ color:var(--mega-muted); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link:hover, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link:focus-visible{ background:var(--mega-hover); outline:none; transform:translateX(2px); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link:hover::after, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li > .emmaus-mega-link:focus-visible::after{ color:var(--mega-accent); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li.is-featured-link > .emmaus-mega-link{ margin-top:7px; border:1px solid var(--mega-line); background:var(--mega-soft); } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li.is-featured-link > .emmaus-mega-link::after{ display:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li.is-featured-link > .emmaus-mega-link:hover, body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-links > li.is-featured-link > .emmaus-mega-link:focus-visible{ border-color:rgba(47, 129, 123, 0.3); background:var(--mega-accent-soft); transform:none; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-menu-link__arrow{ grid-column:3; color:var(--mega-accent); font-size:17px; } } @media (min-width:992px) and (max-width:1180px){ body.emmaus-mega-menu-test{ --mega-width:calc(100vw - 24px); } body.emmaus-mega-menu-test header{ grid-template-columns:minmax(150px, 1fr) auto minmax(140px, 1fr); gap:10px; padding-inline:16px; } body.emmaus-mega-menu-test header .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-mega-trigger, body.emmaus-mega-menu-test header .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li > .emmaus-menu-link{ padding-inline:8px; font-size:13px; } body.emmaus-mega-menu-test .emmaus-mega-panel__intro{ flex-basis:210px !important; } } @media (min-width:992px) and (max-width:1060px){ body.emmaus-mega-menu-test .emmaus-mega-menu--desktop .emmaus-menu-link__description, body.emmaus-mega-menu-test .emmaus-mega-menu--desktop .emmaus-mega-panel__intro-description{ display:none; } } @media (max-width:991px){ body.emmaus-mega-menu-test .mobile-menu-page .menu-page-content{ width:min(620px, calc(100vw - 28px)); max-height:calc(100vh - 92px); overflow-x:hidden; overflow-y:auto; padding:12px 4px 36px; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile{ width:100%; margin:0; padding:0; /* --------------------------------------------------------------------- Mobile toggles and parent labels --------------------------------------------------------------------- */ /* --------------------------------------------------------------------- Mobile panels --------------------------------------------------------------------- */ } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .sub-menu{ position:static; width:100%; margin:0; border:0; background:transparent; box-shadow:none; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li{ display:grid; grid-template-columns:minmax(0, 1fr) 46px; padding:0; border-bottom:1px solid rgba(255, 255, 255, 0.14); } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .menu-item-toggle{ grid-column:2; grid-row:1; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-mobile-parent-label, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-menu-link{ grid-column:1; grid-row:1; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-mega-panel{ grid-column:1 / -1; grid-row:2; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .menu-item-toggle{ float:none; display:grid; width:40px; height:42px; align-self:center; place-items:center; border:1px solid rgba(255, 255, 255, 0.14); border-radius:9px; color:#fff; cursor:pointer; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mobile-parent-label, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-menu-link{ display:flex; min-height:56px; align-items:center; gap:9px; padding:9px 5px; color:#fff; font-size:18px; font-weight:700; text-decoration:none; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mobile-parent-label .emmaus-menu-icon, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mobile-parent-label .emmaus-menu-link__title, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-menu-link .emmaus-menu-icon, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile > li > .emmaus-menu-link .emmaus-menu-link__title{ color:#fff; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-panel{ padding:0 0 14px 10px !important; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-panel > li{ display:flex !important; min-width:0; flex:1 1 0; flex-direction:column; align-items:stretch !important; padding:0; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-panel > li > .menu-item-toggle{ grid-column:2; grid-row:1; width:36px; height:38px; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-panel > li > .emmaus-mega-section-heading{ grid-column:1; grid-row:1; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-panel > li > .emmaus-mega-links{ grid-column:1 / -1; grid-row:2; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-section-heading{ display:flex; min-height:42px; align-items:center; gap:8px; padding:6px 4px; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-section-heading__text{ display:flex; flex-direction:column; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-section-heading__title{ color:#fff; font-size:12px; font-weight:800; text-transform:uppercase; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-section-heading__description{ margin-top:3px; color:rgba(255, 255, 255, 0.65); font-size:11px; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-links{ padding:4px 0 10px 7px !important; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link{ display:flex; min-height:44px; align-items:flex-start; gap:9px; padding:8px 9px; border-radius:9px; color:#fff; text-decoration:none; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link .emmaus-menu-link__title{ color:#fff; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link .emmaus-menu-link__description{ color:rgba(255, 255, 255, 0.65); } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link .emmaus-menu-icon{ color:rgba(255, 255, 255, 0.78); } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link:hover, body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .emmaus-mega-link:focus-visible{ background:rgba(255, 255, 255, 0.1); outline:none; } body.emmaus-mega-menu-test .emmaus-mega-menu--mobile .is-featured-link > .emmaus-mega-link{ margin-top:5px; background:rgba(255, 255, 255, 0.11); } } @media (prefers-reduced-motion:reduce){ body.emmaus-mega-menu-test *, body.emmaus-mega-menu-test *::before, body.emmaus-mega-menu-test *::after{ transition-duration:0.01ms !important; animation-duration:0.01ms !important; } } /* ========================================================================== 8. DESKTOP COMPATIBILITY OVERRIDES These remain outside the main nesting because they are explicit safeguards against styles inherited from the theme's original menu system. ========================================================================== */ @media (min-width:992px){ body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop > li.menu-item-has-children::after{ content:none !important; display:none !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel{ height:auto !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel > li{ display:flex !important; flex-direction:column !important; align-items:stretch !important; } body.emmaus-mega-menu-test .desktop-menu-box .menu-box > .emmaus-mega-menu--desktop .emmaus-mega-panel > .emmaus-mega-panel__intro{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; } body.emmaus-mega-menu-test .emmaus-mega-menu--desktop .emmaus-mega-section-heading{ width:100%; } } .wysiwyg, footer .footer-widget .textwidget{ width:100%; /* Basic styles for tables */ } .wysiwyg > *, footer .footer-widget .textwidget > *{ margin-top:0; margin-bottom:20px; } .wysiwyg *:last-child, footer .footer-widget .textwidget *:last-child{ margin-bottom:0; } .wysiwyg *:last-child, footer .footer-widget .textwidget *:last-child{ margin-bottom:0; } .wysiwyg .drop-cap, footer .footer-widget .textwidget .drop-cap{ font-family:var(--font-2); } .wysiwyg p > img, footer .footer-widget .textwidget p > img{ display:inline-block; } .wysiwyg p > img.aligncenter, footer .footer-widget .textwidget p > img.aligncenter{ margin:0 auto; display:block !important; } .wysiwyg blockquote, footer .footer-widget .textwidget blockquote{ border-left:solid 6px; margin:0; padding:0; font-style:italic; font-family:var(--font-3); font-size:1.2em; } .wysiwyg blockquote > *, footer .footer-widget .textwidget blockquote > *{ padding:0 30px; } .wysiwyg blockquote > :first-child, footer .footer-widget .textwidget blockquote > :first-child{ margin-top:15px; } .wysiwyg blockquote > :last-child, footer .footer-widget .textwidget blockquote > :last-child{ margin-bottom:15px; } .wysiwyg p, footer .footer-widget .textwidget p, .wysiwyg strong, footer .footer-widget .textwidget strong, .wysiwyg a, footer .footer-widget .textwidget a, .wysiwyg ul, footer .footer-widget .textwidget ul, .wysiwyg ol, footer .footer-widget .textwidget ol, .wysiwyg li, footer .footer-widget .textwidget li, .wysiwyg input, footer .footer-widget .textwidget input, .wysiwyg textarea, footer .footer-widget .textwidget textarea, .wysiwyg select, footer .footer-widget .textwidget select{ font-size:inherit; line-height:inherit; font-family:inherit; } .wysiwyg p, footer .footer-widget .textwidget p{ line-height:1.6em; } .wysiwyg a, footer .footer-widget .textwidget a{ text-decoration:underline; display:inline-block; } .wysiwyg a:hover, footer .footer-widget .textwidget a:hover{ text-decoration:none; } .wysiwyg a.hover-underline, footer .footer-widget .textwidget a.hover-underline{ text-decoration:none; } .wysiwyg a.hover-underline:hover, footer .footer-widget .textwidget a.hover-underline:hover{ text-decoration:underline; } .wysiwyg i, footer .footer-widget .textwidget i{ font-size:1em; } .wysiwyg > ul, footer .footer-widget .textwidget > ul, .wysiwyg > ol, footer .footer-widget .textwidget > ol{ padding-left:1rem; margin-left:18px; } .wysiwyg > ul li:last-child, footer .footer-widget .textwidget > ul li:last-child, .wysiwyg > ol li:last-child, footer .footer-widget .textwidget > ol li:last-child{ margin-bottom:0; } .wysiwyg > table, footer .footer-widget .textwidget > table{ border-collapse:collapse; margin:1em 0; font-size:0.9em; line-height:1.4; max-width:100%; overflow-x:auto; display:block; border:1px solid #ddd; background-color:#f9f9f9; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); width:fit-content; } .wysiwyg > table tr, footer .footer-widget .textwidget > table tr{ vertical-align:middle; border-bottom:1px solid #ddd; } .wysiwyg > table tr:nth-child(even), footer .footer-widget .textwidget > table tr:nth-child(even){ background-color:#fff; } .wysiwyg > table tr:hover, footer .footer-widget .textwidget > table tr:hover{ background-color:#e9e9e9; } .wysiwyg > table th, footer .footer-widget .textwidget > table th, .wysiwyg > table td, footer .footer-widget .textwidget > table td{ padding:0.6em 0.9em; text-align:left; white-space:nowrap; } .wysiwyg > table th:first-child, footer .footer-widget .textwidget > table th:first-child, .wysiwyg > table td:first-child, footer .footer-widget .textwidget > table td:first-child{ font-weight:bold; } .wysiwyg > table th, footer .footer-widget .textwidget > table th{ background-color:#f1f1f1; color:#333; border-bottom:2px solid #ddd; } .form{ font-size:14px; } .form input[type="text"], .form input[type="email"], .form input[type="password"], .form select{ background:#efefef; width:300px; padding:10px; border-radius:5px; margin-bottom:10px; margin-right:10px; accent-color:#34b7aa; } .form input[type="checkbox"], .form input[type="radio"], .form input[type="range"]{ accent-color:#34b7aa; } .form textarea{ width:300px; max-width:300px; height:100px; max-height:300px; margin-top:10px; border-radius:5px; background:#efefef; padding:10px; accent-color:#34b7aa; } .form [type="submit"]{ background:#34b7aa; padding:10px 20px; border-radius:5px; color:#fff; accent-color:#34b7aa; } .form .message.success{ color:#26b626; } .form .message.error{ color:#ff0000; } .btn-simple, .wysiwyg strong > a, footer .footer-widget .textwidget strong > a, .widget button, .section-latest-products-tabs .section-header .view-all{ display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; border-radius:100px; text-align:center; text-decoration:none; cursor:pointer; position:relative; transition:all 200ms ease; padding:10px 30px; } .btn-simple.small, .wysiwyg strong > a.small, footer .footer-widget .textwidget strong > a.small, .widget button.small, .section-latest-products-tabs .section-header .small.view-all{ padding:4px 14px; border-radius:2px; font-size:12px; } .btn{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 21px; border:1px solid transparent; border-radius:13px 13px 4px 13px; clip-path:none; position:relative; overflow:hidden; font-size:15px; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; cursor:pointer; transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .btn.solid{ border-style:none; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.18); } .btn .button-text{ line-height:inherit; } .btn i, .btn .mdi{ flex:0 0 auto; margin:0; font-size:20px; line-height:1; } .btn.icon-left{ flex-direction:row-reverse; } .btn.icon-right{ flex-direction:row; } .btn:hover, .btn:focus-visible{ transform:translateY(-2px); text-decoration:none; } .btn:focus-visible{ outline:3px solid rgba(68, 202, 193, 0.42); outline-offset:3px; } .btn.special::after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; border-radius:100px; transition:all 100ms ease; } .btn.special:hover::after{ top:-2px; left:-2px; bottom:-2px; right:-2px; animation:button-border 2000ms linear infinite; } @property --button-border-angle{ syntax:"<angle>"; initial-value:0deg; inherits:false; } @keyframes button-border{ from{ --button-border-angle:0deg; } to{ --button-border-angle:360deg; } } .text-box, .item-text-box{ z-index:0; display:flex; flex-direction:column; } .video-wrapper{ position:relative; width:100%; display:flex; justify-content:center; overflow:hidden; transition:all 300ms ease; } .video-wrapper .placeholder-image-box{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; } .video-wrapper .play-video-button{ position:absolute; top:50%; z-index:7; background:none; border:none; transform:translateY(-50%) scale(0.9); transition:all 300ms ease; } .video-wrapper .play-video-button:hover{ transform:translateY(-50%) scale(1); } .video-wrapper[data-type="video"] video{ width:100%; height:auto; } .video-wrapper[data-type="vimeo"], .video-wrapper[data-type="youtube"]{ padding-bottom:56.25%; /* 16:9 ratio */ height:0; } .video-wrapper[data-type="vimeo"] iframe, .video-wrapper[data-type="youtube"] iframe{ border:none; position:absolute; top:0; left:0; width:100%; height:100%; } ul.social-page-links, footer .footer-widget .textwidget ul.social-page-links{ display:flex; margin:0; padding:0; list-style:none; } ul.social-page-links a, footer .footer-widget .textwidget ul.social-page-links a{ width:44px; height:44px; padding:5px; display:flex; align-items:center; justify-content:center; text-decoration:none; color:inherit; font-size:var(--font-size-lg); } ul.social-page-links a i, footer .footer-widget .textwidget ul.social-page-links a i{ font-size:28px; } .social-share-buttons-box ul.social-share-buttons{ display:flex; margin:0; padding:0; list-style:none; align-items:center; } .social-share-buttons-box ul.social-share-buttons a, .social-share-buttons-box ul.social-share-buttons button{ min-width:44px; height:44px; padding:5px; display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:var(--font-size-md); } .social-share-buttons-box ul.social-share-buttons a i, .social-share-buttons-box ul.social-share-buttons button i{ font-size:26px; } .copy-on-click{ cursor:pointer; display:inline-flex; align-items:center; justify-content:flex-start !important; } .copy-on-click i{ margin-right:6px; } .swiper-box{ position:relative; display:flex; flex-wrap:wrap; align-items:center; width:100%; padding:0; } .swiper-box .swiper-main{ width:100%; position:relative; display:flex; align-items:center; justify-content:center; } .swiper-box .swiper-main .swiper-button-prev, .swiper-box .swiper-main .swiper-button-next{ min-width:100px; min-height:44px; font-size:40px; position:relative; display:flex; margin-top:unset; } .swiper-box .swiper-main .swiper-button-prev.swiper-button-prev, .swiper-box .swiper-main .swiper-button-next.swiper-button-prev{ justify-content:flex-start; } .swiper-box .swiper-main .swiper-button-prev.swiper-button-next, .swiper-box .swiper-main .swiper-button-next.swiper-button-next{ justify-content:flex-end; } @media only screen and (max-width:991px){ .swiper-box .swiper-main .swiper-button-prev, .swiper-box .swiper-main .swiper-button-next{ display:none; } } .swiper-box .swiper-main .swiper-container{ min-width:100%; overflow:hidden; } .swiper-box .swiper-main .swiper-container .swiper-slide{ min-height:100%; height:unset; } .swiper-box .swiper-pagination.swiper-pagination-bullets{ position:relative; bottom:0; padding-top:40px; display:flex; align-items:center; justify-content:center; } .swiper-box .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{ width:15px; height:15px; margin:0 10px !important; } .swiper-box[arrows-inside] .swiper-button-prev{ position:absolute; left:0 !important; justify-content:center !important; top:unset; } .swiper-box[arrows-inside] .swiper-button-next{ position:absolute; right:0 !important; justify-content:center !important; top:unset; } .swiper-box[dots-inside] .swiper-pagination{ bottom:40px; position:absolute; } .swiper-box[arrows-contained] .swiper-main .swiper-container{ min-width:calc(100% - 200px); } .swiper-box[arrows-contained] .swiper-main .swiper-button-prev, .swiper-box[arrows-contained] .swiper-main .swiper-button-next{ position:relative; left:unset; right:unset; } .lightbox .lb-next, .lightbox .lb-prev{ background-size:64px !important; filter:invert(1); } .lb-dataContainer .lb-close{ background-size:contain !important; filter:invert(1); } .modal-box .modal-header{ justify-content:center !important; position:relative; } .modal-box .modal-header .close-btn{ position:absolute; right:15px; top:15px; } @keyframes slow-up-down{ 0%{ margin-bottom:0; } 50%{ margin-bottom:10px; } 0%{ margin-bottom:0; } } body.scrolled .vertical-scroll-down{ opacity:0; } .vertical-scroll-down{ position:fixed; bottom:0; left:20%; transform-origin:bottom left; transform:rotate(-90deg); z-index:10; animation:slow-up-down 1200ms infinite; } .vertical-scroll-down .scroll-button{ background:none; border:none; font-size:5vh; text-transform:uppercase; font-weight:100; font-family:var(--font-3); } body:hover .admin-edit-buttons{ display:block; } .admin-edit-buttons{ display:none; position:fixed; z-index:500; bottom:10px; left:10px; } .admin-edit-buttons a.edit-button{ display:inline-block; margin:5px; padding:6px 10px; text-decoration:none; border-radius:5px; font-size:12px; } .paragraph-read-more{ position:relative; } .paragraph-read-more.description-expanded::after{ display:none; } .paragraph-read-more::after{ content:""; position:absolute; z-index:2; height:50%; bottom:0; width:100%; left:0; right:0; } .section-page_links .thumbnail-page:hover .item-image-box img{ filter:blur(6px); transition:filter 0.3s ease; } .post-password-form{ max-width:520px; margin:80px auto; padding:40px; border-radius:20px; background:#ffffff; box-shadow:0 16px 50px rgba(0, 0, 0, 0.12); text-align:center; } .post-password-form p:first-child{ margin:0 0 24px; color:#20324C; font-size:18px; line-height:1.5; } .post-password-form label{ display:block; color:#20324C; font-weight:700; } .post-password-form input[type="password"]{ width:100%; margin-top:10px; padding:14px 16px; border:1px solid rgba(32, 50, 76, 0.2); border-radius:10px; font-size:16px; } .post-password-form input[type="submit"]{ margin-top:16px; padding:14px 22px; border:0; border-radius:10px; background:#44cac1; color:#ffffff; font-weight:700; cursor:pointer; } .post-password-form input[type="submit"]:hover{ background:#43bfb2; } .has-sidebar{ display:flex; flex-direction:row; width:100%; } @media only screen and (max-width:991px){ .has-sidebar{ flex-direction:column-reverse; } } .has-sidebar aside{ width:260px; } .has-sidebar .main-content{ width:calc(100% - 260px); max-width:100%; } @media only screen and (min-width:992px){ .has-sidebar .main-content{ padding-left:40px; } } @media only screen and (max-width:991px){ .has-sidebar .main-content{ width:100%; } } .has-sidebar .main-content .safehub-product-card{ width:33.3% !important; } .sidebar, .woocommerce-sidebar{ position:sticky; top:120px; display:flex; flex-direction:column; padding:20px; width:100%; max-width:260px; height:fit-content; } @media only screen and (max-width:991px){ .sidebar, .woocommerce-sidebar{ width:100%; max-width:330px; margin-top:60px; } } .widget{ display:flex; flex-direction:column; margin-bottom:40px; align-items:flex-start; } .widget > *{ width:100%; } .widget .widget-title{ margin:0 0 20px; } .widget ul{ padding-left:2rem; } .widget input[type="text"], .widget input[type="search"]{ font-size:17px; padding:10px 10px; max-width:100%; width:100%; } .widget label{ display:flex; flex-direction:column; } .widget button{ padding:4px 14px; border-radius:2px; font-size:12px; float:right; margin-top:6px; } .widget .gallery img{ border:none !important; } @media only screen and (max-width:991px){ .single-blog-post .main-content{ width:100%; } } .single-blog-post .main-content article .post-title{ margin-bottom:15px; font-size:3em; line-height:1.1em; } .single-blog-post .main-content article .post-meta{ margin-bottom:15px; } .single-blog-post .main-content article .image-box{ width:75%; aspect-ratio:1.7777777778; border-radius:5px; } @media only screen and (max-width:991px){ .single-blog-post .main-content article .image-box{ width:100%; } } .single-blog-post .main-content article .text-box{ margin-top:40px; } .single-blog-post .main-content article .text-box h2{ font-size:2em; line-height:1.1em; } .single-blog-post .main-content article .social-share-buttons-box{ margin-top:40px; } .single-blog-post .main-content .author-bio{ margin-top:60px; padding:30px; border-radius:10px; } .single-blog-post .main-content .author-bio h3{ font-size:1em; } .single-blog-post .main-content .author-bio .author-info{ display:flex; } .single-blog-post .main-content .author-bio .author-info .author-photo{ min-width:100px; } .single-blog-post .main-content .author-bio .author-info .author-photo img{ border-radius:100px; } .single-blog-post .main-content .author-bio .author-info .author-details{ padding-left:15px; } .section-archive-page .posts-grid, .section-search-page .posts-grid{ grid-template-columns:repeat(3, 1fr); } @media only screen and (max-width:991px){ .section-archive-page .posts-grid, .section-search-page .posts-grid{ grid-template-columns:repeat(1, 1fr); } } .section-archive-page .component-header-text, .section-search-page .component-header-text{ margin-bottom:40px; } .section-archive-page .pagination-box, .section-search-page .pagination-box{ margin-top:60px; } .section-archive-page .pagination-box h2, .section-search-page .pagination-box h2{ display:none; font-size:17px; } .section-archive-page .pagination-box .nav-links, .section-search-page .pagination-box .nav-links{ margin-top:20px; font-size:17px; font-weight:700; display:flex; justify-content:center; } .section-archive-page .pagination-box .nav-links .page-numbers, .section-search-page .pagination-box .nav-links .page-numbers{ padding:6px; } html, .section-interactive-map.section-interactive-map--full{ overflow-x:hidden; } .emmaus-map--global-church-safeguarding-reference{ overflow-x:hidden; } .section-interactive-map.section-interactive-map--full{ position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0 !important; overflow:hidden; } .section-interactive-map.section-interactive-map--full + *{ clear:both; } .emmaus-map--global-church-safeguarding-reference{ --map-header-offset:88px; width:100vw; max-width:100vw; background:#0a1628; color:#e0e6ef; overflow:hidden; } .emmaus-map--global-church-safeguarding-reference .feedback-button{ position:absolute; top:112px; left:20px; z-index:11; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:999px; border:1px solid #2a4a6f; background:rgba(17, 29, 51, 0.35); color:#8ac4ff; font-size:12px; font-weight:700; line-height:1; text-decoration:none; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); box-shadow:0 0 0 1px rgba(10, 22, 40, 0.35) inset; transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } .emmaus-map--global-church-safeguarding-reference .feedback-button:hover, .emmaus-map--global-church-safeguarding-reference .feedback-button:focus{ background:rgba(42, 74, 111, 0.55); border-color:#3a90d0; color:#ffffff; transform:translateY(-1px); } .emmaus-map--global-church-safeguarding-reference .feedback-button i{ font-size:17px; line-height:1; display:inline-flex; align-items:center; justify-content:center; } .emmaus-map--global-church-safeguarding-reference .feedback-button span{ line-height:1; } @media (max-width:900px){ .emmaus-map--global-church-safeguarding-reference .feedback-button{ top:96px; left:20px; padding:8px 12px; font-size:11px; } .emmaus-map--global-church-safeguarding-reference .feedback-button i{ font-size:16px; } } .emmaus-map--global-church-safeguarding-reference *{ margin:0; padding:0; box-sizing:border-box; } .emmaus-map--global-church-safeguarding-reference #app{ position:relative; display:block; width:100%; height:calc(100vh - var(--map-header-offset)); min-height:620px; overflow:hidden; } .emmaus-map--global-church-safeguarding-reference #mp{ position:relative; width:100%; height:100%; overflow:hidden; padding-top:98px; background:#0a1628; } .emmaus-map--global-church-safeguarding-reference #dp{ position:absolute; top:0; right:0; height:100%; width:min(52vw, 760px); max-width:100%; overflow-y:auto; background:#111d33; z-index:30; transform:translateX(100%); opacity:0; pointer-events:none; transition:transform 0.3s ease, opacity 0.3s ease; border-left:0; } .emmaus-map--global-church-safeguarding-reference #dp.open{ transform:translateX(0); opacity:1; pointer-events:auto; border-left:2px solid #1e3a5f; } .emmaus-map--global-church-safeguarding-reference #di{ padding:24px; min-width:0; width:100%; } .emmaus-map--global-church-safeguarding-reference .mt{ position:absolute; top:12px; left:20px; z-index:10; font-size:16px; font-weight:700; color:#6db3f2; display:flex; align-items:center; gap:10px; } .emmaus-map--global-church-safeguarding-reference .ms{ position:absolute; top:34px; left:20px; line-height:1.35; z-index:10; font-size:11px; color:#8899aa; } .emmaus-map--global-church-safeguarding-reference .beta-badge{ position:absolute; top:76px; left:20px; z-index:11; display:inline-flex; align-items:center; gap:8px; background:rgba(255, 179, 71, 0.12); color:#ffcf80; border:1px solid rgba(255, 179, 71, 0.35); padding:5px 10px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:0.02em; box-shadow:0 0 0 1px rgba(10, 22, 40, 0.35) inset; } .emmaus-map--global-church-safeguarding-reference .beta-badge svg{ width:12px; height:12px; fill:currentColor; opacity:0.95; flex:0 0 auto; } .emmaus-map--global-church-safeguarding-reference .beta-badge span{ line-height:1; } .emmaus-map--global-church-safeguarding-reference .mn{ position:absolute; top:12px; right:20px; z-index:10; display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; } .emmaus-map--global-church-safeguarding-reference .mb{ background:#1a2d4a; color:#6db3f2; border:1px solid #2a4a6f; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:12px; font-weight:600; } .emmaus-map--global-church-safeguarding-reference .mb:hover, .emmaus-map--global-church-safeguarding-reference .mb.ac{ background:#2a4a6f; color:#fff; } .emmaus-map--global-church-safeguarding-reference .sb{ position:absolute; bottom:16px; left:20px; z-index:10; display:flex; gap:8px; align-items:center; max-width:calc(100vw - 120px); } .emmaus-map--global-church-safeguarding-reference .sb input{ background:#111d33; color:#e0e6ef; border:1px solid #2a4a6f; padding:8px 14px; border-radius:6px; font-size:13px; width:280px; max-width:100%; } .emmaus-map--global-church-safeguarding-reference .sb input::placeholder{ color:#556; } .emmaus-map--global-church-safeguarding-reference .sb button{ background:#1a2d4a; color:#6db3f2; border:1px solid #2a4a6f; padding:8px 14px; border-radius:6px; cursor:pointer; font-size:12px; font-weight:600; white-space:nowrap; } .emmaus-map--global-church-safeguarding-reference .sb button:hover{ background:#2a4a6f; color:#fff; } .emmaus-map--global-church-safeguarding-reference .zc{ position:absolute; bottom:56px; left:20px; z-index:10; display:flex; flex-direction:column; gap:4px; } .emmaus-map--global-church-safeguarding-reference .zb{ background:#1a2d4a; color:#6db3f2; border:1px solid #2a4a6f; width:36px; height:36px; border-radius:6px; cursor:pointer; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; user-select:none; } .emmaus-map--global-church-safeguarding-reference .zb:hover{ background:#2a4a6f; color:#fff; } .emmaus-map--global-church-safeguarding-reference .lg{ position:absolute; right:20px; bottom:16px; z-index:10; background:rgba(10, 22, 40, 0.9); padding:12px 16px; border-radius:8px; border:1px solid #1e3a5f; font-size:11px; max-width:calc(100vw - 40px); } .emmaus-map--global-church-safeguarding-reference .lg div{ display:flex; align-items:center; gap:8px; margin:4px 0; } .emmaus-map--global-church-safeguarding-reference .lg span{ display:inline-block; width:16px; height:12px; border-radius:2px; border:1px solid #2a4a6f; } .emmaus-map--global-church-safeguarding-reference .tp{ position:fixed; background:#1a2d4a; color:#e0e6ef; padding:6px 12px; border-radius:6px; font-size:12px; pointer-events:none; display:none; z-index:9999; white-space:nowrap; border:1px solid #2a4a6f; } .emmaus-map--global-church-safeguarding-reference svg{ width:100%; height:100%; display:block; } .emmaus-map--global-church-safeguarding-reference svg#wm, .emmaus-map--global-church-safeguarding-reference svg#um, .emmaus-map--global-church-safeguarding-reference svg#km{ width:100%; height:100%; transform-origin:0 0; } .emmaus-map--global-church-safeguarding-reference svg path{ vector-effect:non-scaling-stroke; shape-rendering:geometricPrecision; } .emmaus-map--global-church-safeguarding-reference .bg{ fill:#131f35; stroke:none; pointer-events:none; } .emmaus-map--global-church-safeguarding-reference .cv{ fill:#1a4a6a; stroke:none; cursor:pointer; transition:fill 0.2s, filter 0.2s; filter:brightness(1); } .emmaus-map--global-church-safeguarding-reference .cv:hover{ fill:#2a7ab0; filter:brightness(1.3); } .emmaus-map--global-church-safeguarding-reference .cv.on{ fill:#3a90d0; stroke:#6dc3ff; stroke-width:1.5; vector-effect:non-scaling-stroke; filter:brightness(1.4); } .emmaus-map--global-church-safeguarding-reference .up{ fill:#1a4a6a; stroke:#275f87; stroke-width:1; cursor:pointer; transition:fill 0.2s; } .emmaus-map--global-church-safeguarding-reference .up:hover{ fill:#2a7ab0; } .emmaus-map--global-church-safeguarding-reference .st{ fill:#1a4a6a; stroke:none; cursor:pointer; transition:fill 0.2s; } .emmaus-map--global-church-safeguarding-reference .st:hover{ fill:#2a7ab0; } .emmaus-map--global-church-safeguarding-reference .st.on{ fill:#3a90d0; stroke:#6dc3ff; stroke-width:1.5; vector-effect:non-scaling-stroke; } .emmaus-map--global-church-safeguarding-reference .un{ fill:#1a4a6a; stroke:none; cursor:pointer; transition:fill 0.2s; } .emmaus-map--global-church-safeguarding-reference .un:hover{ fill:#2a7ab0; } .emmaus-map--global-church-safeguarding-reference .un.on{ fill:#3a90d0; stroke:#6dc3ff; stroke-width:2; vector-effect:non-scaling-stroke; } .emmaus-map--global-church-safeguarding-reference .lb{ fill:#5a7a9a; font-size:3px; text-anchor:middle; pointer-events:none; font-weight:600; } .emmaus-map--global-church-safeguarding-reference .clb{ fill:#8ac4ff; font-size:3.5px; text-anchor:middle; pointer-events:none; font-weight:700; } .emmaus-map--global-church-safeguarding-reference .slb{ fill:#8899aa; font-size:8px; text-anchor:middle; pointer-events:none; } .emmaus-map--global-church-safeguarding-reference .ulb{ fill:#8ac4ff; font-size:10px; text-anchor:middle; pointer-events:none; font-weight:600; } .emmaus-map--global-church-safeguarding-reference .bk{ background:#1a2d4a; color:#6db3f2; border:1px solid #2a4a6f; padding:8px 18px; border-radius:6px; cursor:pointer; font-weight:600; margin-bottom:16px; } .emmaus-map--global-church-safeguarding-reference .bk:hover{ background:#2a4a6f; color:#fff; } .emmaus-map--global-church-safeguarding-reference .cl{ position:sticky; top:0; background:#111d33; padding:8px 0 12px; z-index:5; } .emmaus-map--global-church-safeguarding-reference h2{ color:#6db3f2; font-size:22px; margin:8px 0; } .emmaus-map--global-church-safeguarding-reference .rt{ color:#8899aa; font-size:13px; } .emmaus-map--global-church-safeguarding-reference .sc{ background:#0d1a2e; border:1px solid #1e3a5f; border-radius:8px; margin:12px 0; overflow:hidden; } .emmaus-map--global-church-safeguarding-reference .sch{ background:#152640; padding:12px 16px; font-weight:700; font-size:14px; color:#6db3f2; border-bottom:1px solid #1e3a5f; } .emmaus-map--global-church-safeguarding-reference .scb{ padding:16px; } .emmaus-map--global-church-safeguarding-reference .scb p{ font-size:13px; line-height:1.7; color:#c0c8d8; margin-bottom:10px; } .emmaus-map--global-church-safeguarding-reference .li{ padding:10px 0; border-bottom:1px solid #1e3a5f; } .emmaus-map--global-church-safeguarding-reference .li:last-child{ border-bottom:none; } .emmaus-map--global-church-safeguarding-reference .lt{ color:#6db3f2; font-weight:700; font-size:13px; } .emmaus-map--global-church-safeguarding-reference .ld{ color:#a0aabc; font-size:12px; line-height:1.6; margin-top:4px; } .emmaus-map--global-church-safeguarding-reference .nb{ color:#ffb347; font-size:13px; line-height:1.7; } .emmaus-map--global-church-safeguarding-reference .ar2{ display:flex; flex-wrap:wrap; gap:8px; } .emmaus-map--global-church-safeguarding-reference .ab{ padding:6px 12px; border-radius:4px; font-size:11px; font-weight:600; } .emmaus-map--global-church-safeguarding-reference .a1{ background:#1a3d2e; color:#4ade80; } .emmaus-map--global-church-safeguarding-reference .a2{ background:#2d1a3d; color:#c084fc; } .emmaus-map--global-church-safeguarding-reference .a3{ background:#3d2e1a; color:#fbbf24; } .emmaus-map--global-church-safeguarding-reference .a4{ background:#3d1a1a; color:#f87171; } .emmaus-map--global-church-safeguarding-reference .mi{ color:#8899aa; font-size:12px; margin-top:4px; display:block; } @media (max-width:900px){ .emmaus-map--global-church-safeguarding-reference{ --map-header-offset:76px; } .emmaus-map--global-church-safeguarding-reference #app{ height:calc(100vh - var(--map-header-offset)); min-height:560px; } .emmaus-map--global-church-safeguarding-reference #mp{ padding-top:140px; } .emmaus-map--global-church-safeguarding-reference .mt{ top:12px; left:20px; } .emmaus-map--global-church-safeguarding-reference .ms{ top:34px; left:20px; max-width:calc(100vw - 40px); line-height:1.35; } .emmaus-map--global-church-safeguarding-reference .beta-badge{ top:62px; left:20px; } .emmaus-map--global-church-safeguarding-reference .mn{ top:96px; left:20px; right:20px; justify-content:flex-start; } .emmaus-map--global-church-safeguarding-reference .sb{ left:20px; right:20px; bottom:16px; max-width:none; } .emmaus-map--global-church-safeguarding-reference .sb input{ width:100%; } .emmaus-map--global-church-safeguarding-reference .zc{ bottom:70px; } .emmaus-map--global-church-safeguarding-reference .lg{ max-width:calc(100vw - 40px); } .emmaus-map--global-church-safeguarding-reference #dp{ width:100vw; } } /* Dashboard-contained version only */ .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference{ width:100%; max-width:100%; margin-left:0; margin-right:0; border-radius:18px; overflow:hidden; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference #app{ width:100%; max-width:100%; height:min(78vh, 900px); min-height:620px; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference #mp{ width:100%; max-width:100%; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference #dp{ width:min(52vw, 760px); max-width:100%; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference .sb{ max-width:calc(100% - 40px); } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference .ms, .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference .lg{ max-width:calc(100% - 40px); } @media (max-width:900px){ .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference{ width:100%; max-width:100%; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference #dp{ width:100%; } .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference .ms, .library-page.group-page .page-faith-global-map .emmaus-map--global-church-safeguarding-reference .lg{ max-width:calc(100% - 40px); } } /* -------------------------------------------------------------- VideoTile Course Catalogue -------------------------------------------------------------- */ body.page-template-workforce-package .ACTUAL-VIDEOTILE-PRICE-CLASS, body.page-template-workforce-package .ACTUAL-WOOCOMMERCE-PRICE-CLASS{ display:none; } .videotile-catalogue, .videotile-catalogue *{ box-sizing:border-box; } .videotile-catalogue{ width:100%; color:#102033; } .videotile-catalogue__grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px; padding-top:45px; } .videotile-card{ display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid rgba(16, 32, 51, 0.07); border-radius:20px; background:#ffffff; box-shadow:0 16px 34px rgba(16, 32, 51, 0.08); } .videotile-card__top{ display:grid; grid-template-columns:54px minmax(0, 1fr); gap:14px; align-items:start; padding:22px 22px 0; } .videotile-card__icon{ width:50px; height:50px; overflow:hidden; border-radius:12px; background:#eef7f6; box-shadow:0 8px 18px rgba(16, 32, 51, 0.12); } .videotile-card__icon img{ display:block; width:100%; height:100%; object-fit:cover; } .videotile-card__heading{ min-width:0; } .videotile-card h3{ margin:0; color:#102033; font-size:17px; line-height:1.25; } .videotile-card__meta{ display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; } .videotile-card__meta span{ display:inline-flex; align-items:center; justify-content:center; min-height:20px; padding:4px 8px; border-radius:999px; background:rgba(46, 163, 151, 0.12); color:#20766d; font-size:10px; font-weight:700; line-height:1; text-align:center; } .videotile-card__description{ display:-webkit-box; min-height:68px; margin:16px 22px 0; overflow:hidden; color:#536174; font-size:13px; line-height:1.5; -webkit-line-clamp:4; -webkit-box-orient:vertical; } .videotile-card__approval{ min-height:36px; margin:14px 22px 0; color:#334155; font-size:12px; font-weight:700; line-height:1.4; } .videotile-card__footer{ display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; margin-top:auto; padding:18px 22px 22px; } .videotile-card__price{ color:#102033; font-size:14px; font-weight:700; line-height:1; white-space:nowrap; } .videotile-card__actions{ display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; min-width:0; } .videotile-card__button{ display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:8px 13px; border-radius:999px; font-size:11px; font-weight:700; line-height:1; text-align:center; text-decoration:none; white-space:nowrap; } .videotile-card__button--primary{ background:#102033; color:#ffffff; } .videotile-card__button--primary:hover{ background:#18324f; color:#ffffff; } .videotile-card__button--secondary{ background:rgba(46, 163, 151, 0.12); color:#20766d; } .videotile-card__button--secondary:hover{ background:rgba(46, 163, 151, 0.22); color:#155e56; } .videotile-catalogue-notice{ width:min(900px, 100%); margin:0 auto; padding:18px 20px; border:1px solid rgba(153, 27, 27, 0.18); border-radius:14px; background:rgba(254, 242, 242, 0.95); color:#8a1f1f; font-weight:700; } /* -------------------------------------------------------------- VideoTile Shortcode Section -------------------------------------------------------------- */ .section-videotile_course_shortcode{ overflow:visible; } .section-videotile_course_shortcode .container{ align-self:center; } .section-videotile_course_shortcode .videotile-course-shortcode, .section-videotile_course_shortcode .videotile-catalogue{ width:100%; } /* -------------------------------------------------------------- Responsive -------------------------------------------------------------- */ @media only screen and (max-width:991px){ .videotile-catalogue__grid{ grid-template-columns:1fr; } } @media only screen and (max-width:560px){ .videotile-card__top{ grid-template-columns:50px minmax(0, 1fr); gap:13px; padding:18px 18px 0; } .videotile-card__icon{ width:48px; height:48px; } .videotile-card h3{ font-size:16px; } .videotile-card__description, .videotile-card__approval{ margin-left:18px; margin-right:18px; } .videotile-card__footer{ grid-template-columns:1fr; align-items:start; padding:18px; } .videotile-card__actions{ justify-content:flex-start; } } /* -------------------------------------------------------------- Workforce packages / Ready for Matchday -------------------------------------------------------------- */ .workforce-package{ --package-navy:#172233; --package-navy-soft:#20334a; --package-accent:#80d807; --package-accent-dark:#62a906; --package-paper:#f1f3f4; --package-muted:#667386; --package-line:#dfe5e8; --package-white:#fff; color:var(--package-navy); } .workforce-package .container{ align-self:center; } .workforce-package .section-heading{ max-width:760px; margin-bottom:30px; } .workforce-package .section-heading > span{ display:block; margin-bottom:9px; color:var(--package-accent-dark); font-size:12px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; } .workforce-package .section-heading h2{ margin:0; color:var(--package-navy); font-size:clamp(34px, 4vw, 52px); line-height:1.04; letter-spacing:-0.04em; } .workforce-package .section-heading p{ max-width:680px; margin:14px 0 0; color:var(--package-muted); font-size:16px; line-height:1.6; } .workforce-package .package-hero{ position:relative; overflow:hidden; padding:clamp(48px, 7vw, 82px) 0; background:var(--package-paper); border-bottom:1px solid var(--package-line); } .workforce-package .package-hero::after{ content:""; position:absolute; top:-145px; right:-135px; width:520px; height:520px; pointer-events:none; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-logo-mark-dark.svg") center / contain no-repeat; opacity:0.045; } .workforce-package .package-hero .hero-grid{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1.08fr) minmax(340px, 0.72fr); gap:clamp(38px, 6vw, 78px); align-items:stretch; } .workforce-package .package-hero .breadcrumb{ margin-bottom:24px; color:var(--package-muted); font-size:12px; font-weight:700; text-transform:uppercase; } .workforce-package .package-hero .breadcrumb a{ color:inherit; text-decoration:none; } .workforce-package .package-hero .breadcrumb a:hover, .workforce-package .package-hero .breadcrumb a:focus-visible{ color:var(--package-accent-dark); text-decoration:underline; } .workforce-package .package-hero .breadcrumb span{ margin:0 5px; } .workforce-package .package-hero .breadcrumb span:last-child{ margin-right:0; } .workforce-package .package-hero .eyebrow{ display:inline-flex; width:fit-content; margin-bottom:18px; padding:7px 10px; border:1px dashed rgba(23, 34, 51, 0.28); border-radius:7px; color:var(--package-accent-dark); font-size:11px; font-weight:800; letter-spacing:0.11em; text-transform:uppercase; } .workforce-package .package-hero h1{ max-width:780px; margin:0; color:var(--package-navy); font-size:clamp(56px, 6.5vw, 90px); font-weight:700; line-height:0.92; letter-spacing:-0.065em; text-wrap:balance; } .workforce-package .package-hero .intro{ max-width:760px; margin:24px 0 0; color:var(--package-muted); font-size:18px; line-height:1.55; } .workforce-package .package-hero .package-price{ display:flex; flex-wrap:wrap; align-items:baseline; gap:7px 12px; width:fit-content; margin-top:24px; padding:13px 16px; border:1px solid var(--package-line); border-radius:12px 12px 4px 12px; background:var(--package-white); } .workforce-package .package-hero .package-price span, .workforce-package .package-hero .package-price small{ color:var(--package-muted); font-size:12px; font-weight:700; } .workforce-package .package-hero .package-price span{ width:100%; color:var(--package-accent-dark); letter-spacing:0.08em; text-transform:uppercase; } .workforce-package .package-hero .package-price strong{ color:var(--package-navy); font-size:28px; line-height:1; } .workforce-package .package-hero .btn{ margin-top:28px; } .workforce-package .package-hero .hero-panel{ position:relative; display:flex; min-height:390px; flex-direction:column; justify-content:center; overflow:hidden; padding:clamp(28px, 4vw, 42px); border-radius:22px 22px 7px 22px; background:linear-gradient(145deg, var(--package-navy), var(--package-navy-soft)); box-shadow:0 20px 55px rgba(23, 34, 51, 0.12); color:var(--package-white); } .workforce-package .package-hero .hero-panel::after{ content:""; position:absolute; right:-68px; bottom:-92px; width:260px; height:260px; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-logo-mark-light.svg") center / contain no-repeat; opacity:0.08; } .workforce-package .package-hero .hero-panel > span, .workforce-package .package-hero .hero-panel > strong, .workforce-package .package-hero .hero-panel .panel-audience{ position:relative; z-index:1; } .workforce-package .package-hero .hero-panel > span{ margin-bottom:8px; color:var(--package-accent); font-size:clamp(22px, 2.3vw, 31px); font-weight:700; line-height:1.08; letter-spacing:-0.035em; } .workforce-package .package-hero .hero-panel > strong{ color:var(--package-white); font-size:clamp(28px, 3vw, 40px); line-height:1.04; letter-spacing:-0.045em; } .workforce-package .package-hero .hero-panel .panel-audience{ margin-top:auto; padding-top:32px; } .workforce-package .package-hero .hero-panel .panel-audience small{ display:block; margin-bottom:5px; color:var(--package-accent); font-size:11px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; } .workforce-package .package-hero .hero-panel .panel-audience p{ max-width:340px; margin:0; color:rgba(255, 255, 255, 0.78); font-size:14px; line-height:1.5; } .workforce-package .package-focus{ padding:clamp(52px, 7vw, 82px) 0; background:var(--package-white); } .workforce-package .package-focus ul{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none; } .workforce-package .package-focus ul li{ display:flex; align-items:flex-start; gap:10px; min-height:62px; padding:16px; border:1px solid var(--package-line); border-radius:14px 14px 5px 14px; background:var(--package-paper); color:var(--package-navy); font-size:14px; font-weight:700; line-height:1.4; } .workforce-package .package-focus ul li .mdi{ flex:0 0 auto; color:var(--package-accent-dark); font-size:20px; } .workforce-package .package-learning{ overflow:visible; padding:clamp(54px, 7vw, 88px) 0; background:var(--package-paper); border-top:1px solid var(--package-line); } .workforce-package .package-learning .videotile-catalogue__grid{ padding-top:0; } .workforce-package .package-learning .videotile-learning .videotile-card__price{ display:none !important; } .workforce-package .package-learning .videotile-learning .videotile-card__footer{ grid-template-columns:1fr; } .workforce-package .package-learning .videotile-learning .videotile-card__heading::before{ content:var(--provider-label, "THIRD PARTY"); display:block; margin-bottom:5px; color:#a1a9b3; font-size:9px; font-weight:700; letter-spacing:0.12em; line-height:1; text-transform:uppercase; } .workforce-package .package-learning .videotile-learning + .package-products{ margin-top:34px; padding-top:34px; border-top:1px solid var(--package-line); } .workforce-package .package-learning .package-products{ overflow:visible; } .workforce-package .package-learning .package-products ul.products{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; margin:0; padding:0; overflow:visible; } .workforce-package .package-learning .package-products ul.products::before, .workforce-package .package-learning .package-products ul.products::after{ display:none; } .workforce-package .package-learning .package-products ul.products li.product{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; overflow:visible; } .workforce-package .package-learning .package-products .safehub-product-card{ width:100% !important; margin:0 !important; padding:0 !important; overflow:visible; background:transparent !important; transform:none !important; transition:none !important; } .workforce-package .package-learning .package-products .safehub-product-card:hover{ transform:none !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper{ position:relative; display:flex; height:100%; flex-direction:column; overflow:hidden; border:1px solid rgba(16, 32, 51, 0.07); border-radius:20px; outline:0; background:var(--package-white); box-shadow:0 16px 34px rgba(16, 32, 51, 0.08); transition:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper::before{ display:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper::after{ content:""; position:absolute; right:-34px; bottom:-48px; width:180px; height:180px; pointer-events:none; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-logo-mark-dark.svg") center / contain no-repeat; opacity:0.025; } .workforce-package .package-learning .package-products .safehub-card-wrapper:hover{ transform:none; border-color:rgba(16, 32, 51, 0.07); background:var(--package-white); box-shadow:0 16px 34px rgba(16, 32, 51, 0.08); } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media{ position:absolute; z-index:3; top:18px; right:18px; display:block; width:auto; min-height:0; overflow:visible; border:0; background:transparent; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media > img, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media > a, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media > a img, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media .woocommerce-loop-product__link, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media .woocommerce-loop-product__link img{ display:none !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media::before{ display:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-media .safehub-product-type{ position:static; display:inline-flex; align-items:center; gap:4px; padding:6px 9px; border-radius:7px; background:rgba(23, 34, 51, 0.92); color:var(--package-white); font-size:10px; font-weight:700; letter-spacing:0.06em; line-height:1; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-content{ position:relative; z-index:1; display:flex; flex:1; flex-direction:column; min-height:260px; padding:22px; background:transparent; color:var(--package-navy); } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-card-content::before{ content:var(--provider-label, "EMMAUS"); display:block; margin-bottom:7px; color:#a1a9b3; font-size:9px; font-weight:700; letter-spacing:0.12em; line-height:1; text-transform:uppercase; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-title{ max-width:calc(100% - 92px); margin:0 0 8px; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-title a{ color:var(--package-navy); font-size:17px; font-weight:700; line-height:1.25; text-decoration:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-title a:hover, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-title a:focus-visible{ color:var(--package-accent-dark); } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-sector{ width:fit-content; margin:2px 0 10px; padding:5px 8px; border-radius:999px; clip-path:none; background:rgba(128, 216, 7, 0.12); color:var(--package-accent-dark); font-size:9px; font-weight:800; letter-spacing:0.07em; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-sector .mdi{ color:inherit; font-size:12px; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-sector:hover{ transform:none; box-shadow:none; background:rgba(128, 216, 7, 0.2); color:var(--package-navy); filter:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-category{ margin-bottom:8px; color:var(--package-muted) !important; font-size:12px; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-category a{ color:inherit; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-category:hover{ color:var(--package-muted) !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-price{ display:none !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta{ display:flex; width:100%; gap:8px; margin-top:auto; margin-left:0; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button{ display:grid; flex:0 0 40px; width:40px; height:40px; min-height:40px; place-items:center; margin:0; padding:0; border:1px solid var(--package-line) !important; border-radius:999px; background:var(--package-white) !important; color:var(--package-navy) !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button::before{ color:var(--package-navy); font-size:18px; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:hover, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:focus-visible{ border-color:var(--package-navy) !important; background:var(--package-navy) !important; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:hover::before, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:focus-visible::before{ color:var(--package-white); } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta .hub-product-btn{ display:inline-flex; flex:1; min-height:40px; align-items:center; justify-content:center; margin:0; padding:10px 17px; border:1px solid var(--package-navy); border-radius:999px; background:var(--package-navy); color:var(--package-white); font-size:12px; font-weight:700; text-decoration:none; } .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta .hub-product-btn:hover, .workforce-package .package-learning .package-products .safehub-card-wrapper .safehub-cta .hub-product-btn:focus-visible{ border-color:var(--package-navy-soft); background:var(--package-navy-soft); color:var(--package-white); } .workforce-package .package-enquiry{ padding:clamp(58px, 8vw, 96px) 0; background:var(--package-navy); color:var(--package-white); } .workforce-package .package-enquiry .container{ display:grid; grid-template-columns:minmax(260px, 0.55fr) minmax(0, 1.15fr); gap:clamp(36px, 7vw, 88px); align-items:start; } .workforce-package .package-enquiry .form-intro{ position:sticky; top:120px; } .workforce-package .package-enquiry .form-intro > span{ display:block; margin-bottom:10px; color:var(--package-accent); font-size:12px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; } .workforce-package .package-enquiry .form-intro h2{ margin:0; color:var(--package-white); font-size:clamp(38px, 4.6vw, 62px); line-height:1; letter-spacing:-0.045em; } .workforce-package .package-enquiry .form-intro p{ max-width:440px; margin:18px 0 0; color:rgba(255, 255, 255, 0.7); line-height:1.6; } .workforce-package .package-enquiry .form-actions{ margin-top:26px; } .workforce-package .package-enquiry .form-actions .btn{ margin:0; } .workforce-package .package-enquiry .zoho-form{ min-width:0; overflow:hidden; padding:0; border-radius:0; background:transparent; } .workforce-package .package-enquiry .zoho-form iframe{ display:block; width:100% !important; max-width:100%; border:0; } @media (max-width:1000px){ .workforce-package .package-hero .hero-grid{ grid-template-columns:1fr; } .workforce-package .package-hero .hero-panel{ min-height:320px; } .workforce-package .package-focus ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .workforce-package .package-enquiry .container{ grid-template-columns:1fr; } .workforce-package .package-enquiry .form-intro{ position:static; } } @media (max-width:700px){ .workforce-package .package-hero h1{ font-size:clamp(50px, 16vw, 70px); } .workforce-package .package-hero .hero-panel{ min-height:280px; } .workforce-package .package-focus ul{ grid-template-columns:1fr; } .workforce-package .package-learning .package-products ul.products{ grid-template-columns:1fr; } } /* * Ready for Matchday™ campaign page. * Standalone source stylesheet; compiled CSS is loaded only by the campaign template. LB */ body.football-readiness-campaign{ padding-top:0; background:#fff; } body.football-readiness-campaign.football-readiness-hide-header > header, body.football-readiness-campaign.football-readiness-hide-header > .mobile-menu-page, body.football-readiness-campaign.football-readiness-hide-header > .sub-header{ display:none !important; } body.football-readiness-campaign.football-readiness-hide-footer > footer{ display:none !important; } .football-readiness{ --campaign-accent:#80d807; --campaign-black:#050505; --campaign-ink:#121212; --campaign-muted:#747474; --campaign-line:#e6e6e6; --campaign-soft:#f7f7f5; --campaign-white:#fff; --campaign-radius:28px; --campaign-shadow:0 14px 36px rgba(0, 0, 0, .1); --campaign-container:1180px; width:100%; overflow:hidden; color:var(--campaign-ink); background:#fff; } .football-readiness *, .football-readiness *::before, .football-readiness *::after{ box-sizing:border-box; } .football-readiness section{ display:block; width:100%; scroll-margin-top:20px; } .football-readiness img{ display:block; width:100%; height:100%; object-fit:cover; } .football-readiness h1, .football-readiness h2, .football-readiness h3, .football-readiness p, .football-readiness figure, .football-readiness blockquote{ margin-top:0; } .football-readiness h1, .football-readiness h2, .football-readiness h3{ text-transform:uppercase; letter-spacing:-0.035em; } .football-readiness h2{ margin-bottom:22px; font-size:clamp(2rem, 4vw, 4.4rem); line-height:0.98; } .football-readiness h3{ margin-bottom:12px; font-size:clamp(1.2rem, 2vw, 1.65rem); line-height:1.05; } .football-readiness p{ margin-bottom:1rem; } .football-readiness .campaign-container{ width:min(var(--campaign-container), calc(100% - 48px)); margin-inline:auto; } .football-readiness .campaign-container.narrow{ width:min(920px, calc(100% - 48px)); } .football-readiness .campaign-container.center{ text-align:center; } .football-readiness .eyebrow, .football-readiness .pathway-label{ display:inline-block; margin-bottom:12px; color:var(--campaign-accent); font-size:0.83rem; font-weight:800; line-height:1.15; letter-spacing:0.015em; text-transform:uppercase; } .football-readiness .copy{ color:#555; line-height:1.6; } .football-readiness .copy strong{ color:var(--campaign-ink); } .football-readiness .copy > :last-child{ margin-bottom:0; } .football-readiness .lead-copy{ font-size:clamp(1rem, 1.5vw, 1.15rem); } .football-readiness .section-heading{ max-width:880px; margin-bottom:42px; } .football-readiness .section-heading p{ margin-bottom:0; color:var(--campaign-muted); font-size:1.05rem; } .football-readiness .section-heading.compact{ display:block; max-width:880px; } .football-readiness .section-heading.compact h2{ max-width:760px; margin-bottom:18px; } .football-readiness .section-heading.compact .copy{ max-width:760px; } .football-readiness .section-heading.center-heading{ margin-inline:auto; text-align:center; } .football-readiness .actions{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:28px; } .football-readiness .actions.centered-actions{ justify-content:center; } .football-readiness .campaign-button, .football-readiness .campaign-text-link, .football-readiness .card-link{ display:inline-flex; align-items:center; gap:8px; width:fit-content; text-decoration:none; } .football-readiness .campaign-button{ min-height:46px; padding:12px 22px; border:1px solid var(--campaign-accent); border-radius:4px; background:var(--campaign-accent); color:#050505; font-size:0.82rem; font-weight:800; line-height:1; text-transform:uppercase; transition:transform 0.2s ease, box-shadow 0.2s ease; } .football-readiness .campaign-button:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0, 0, 0, 0.12); } .football-readiness .campaign-text-link, .football-readiness .card-link{ color:var(--campaign-ink); font-size:0.83rem; font-weight:750; } .football-readiness .campaign-text-link i, .football-readiness .card-link i{ display:inline-grid; place-items:center; width:22px; height:22px; border:2px solid var(--campaign-accent); border-radius:50%; color:var(--campaign-accent); font-size:14px; } .football-readiness .campaign-text-link.light-link, .football-readiness .card-link.light-link{ color:#fff; } .football-readiness .media-placeholder{ display:grid; place-items:center; min-height:190px; padding:20px; background:linear-gradient(145deg, #272727, #101010); color:rgba(255, 255, 255, 0.55); text-align:center; } .football-readiness .media-placeholder span{ font-size:2rem; } .football-readiness .media-placeholder small{ display:block; margin-top:8px; font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; } .football-readiness .hero{ position:relative; min-height:min(86vh, 860px); display:grid; place-items:center; color:#fff; background:linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.22)), var(--hero-image, linear-gradient(135deg, #121212, #303030)); background-position:center; background-size:cover; } .football-readiness .hero::after{ content:""; position:absolute; inset:auto 0 0; height:30%; background:linear-gradient(transparent, rgba(0, 0, 0, 0.42)); pointer-events:none; } .football-readiness .hero .hero-content{ position:relative; z-index:2; text-align:center; } .football-readiness .hero .hero-logo{ width:auto; max-width:min(250px, 42vw); height:auto; max-height:78px; margin:0 auto 24px; object-fit:contain; } .football-readiness .hero .eyebrow{ color:rgba(255, 255, 255, 0.72); } .football-readiness .hero h1{ max-width:1050px; margin:0 auto; font-size:clamp(3.2rem, 8vw, 7.5rem); line-height:0.9; color:#fff; } .football-readiness .hero h1 span{ display:block; color:var(--campaign-accent); } .football-readiness .hero .scroll-cue{ display:grid; place-items:center; width:62px; height:62px; margin:50px auto 0; border:3px solid rgba(255, 255, 255, 0.75); border-radius:50%; color:#fff; text-decoration:none; } .football-readiness .hero .scroll-cue i{ font-size:30px; } .football-readiness .intro{ padding:74px 0 92px; } .football-readiness .intro h2{ font-size:clamp(1.8rem, 3.2vw, 3rem); } .football-readiness .intro .microcopy{ margin:18px 0 0; color:var(--campaign-muted); font-size:0.82rem; font-style:italic; } .football-readiness .story{ padding:42px 0 110px; } .football-readiness .story .story-grid{ display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(430px, 1.1fr); gap:74px; align-items:center; } .football-readiness .story .story-copy .eyebrow{ max-width:330px; font-size:1rem; } .football-readiness .story .readiness-points{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px 26px; margin-top:28px; } .football-readiness .story .readiness-points .point{ padding-top:12px; border-top:1px solid var(--campaign-line); } .football-readiness .story .readiness-points .point strong, .football-readiness .story .readiness-points .point span{ display:block; } .football-readiness .story .readiness-points .point strong{ font-size:0.86rem; } .football-readiness .story .readiness-points .point span{ color:var(--campaign-muted); font-size:0.82rem; } .football-readiness .story .story-carousel{ position:relative; min-height:520px; padding-bottom:56px; } .football-readiness .story .story-carousel .story-slides{ position:relative; min-height:455px; } .football-readiness .story .story-carousel .story-slide{ position:absolute; top:50%; left:50%; z-index:0; width:min(66%, 470px); margin:0; overflow:hidden; border-radius:30px; background:#fff; box-shadow:var(--campaign-shadow); opacity:0; pointer-events:none; transform:translate(-50%, -50%) scale(0.72); transition:transform 0.45s ease, opacity 0.35s ease; } .football-readiness .story .story-carousel .story-slide .story-image, .football-readiness .story .story-carousel .story-slide .media-placeholder{ height:330px; } .football-readiness .story .story-carousel .story-slide figcaption{ padding:16px 22px; color:var(--campaign-accent); font-size:1.25rem; font-weight:850; text-align:center; text-transform:uppercase; } .football-readiness .story .story-carousel .story-slide.is-active{ z-index:3; opacity:1; pointer-events:auto; transform:translate(-50%, -50%) scale(1); } .football-readiness .story .story-carousel .story-slide.is-prev, .football-readiness .story .story-carousel .story-slide.is-next{ z-index:1; opacity:0.42; pointer-events:auto; cursor:pointer; } .football-readiness .story .story-carousel .story-slide.is-prev{ transform:translate(-89%, -50%) scale(0.78) rotate(-2deg); } .football-readiness .story .story-carousel .story-slide.is-next{ transform:translate(-11%, -50%) scale(0.78) rotate(2deg); } .football-readiness .story .story-carousel .story-controls{ position:absolute; right:0; bottom:0; display:flex; gap:10px; } .football-readiness .story .story-carousel .story-controls button{ display:grid; place-items:center; width:42px; height:42px; padding:0; border:2px solid var(--campaign-accent); border-radius:50%; background:#fff; color:var(--campaign-ink); cursor:pointer; transition:background 0.2s ease, transform 0.2s ease; } .football-readiness .story .story-carousel .story-controls button:hover{ background:var(--campaign-accent); transform:translateY(-2px); } .football-readiness .story .story-carousel .story-controls button i{ font-size:22px; } .football-readiness .teams{ padding:52px 0 105px; } .football-readiness .teams .team-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; } .football-readiness .teams .team-card{ display:flex; flex-direction:column; min-width:0; min-height:0; padding:0; overflow:hidden; border:1px solid var(--campaign-line); border-radius:20px; background:#fff; color:var(--campaign-ink); font:inherit; text-align:left; cursor:pointer; transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease; } .football-readiness .teams .team-card:hover{ border-color:#b9c0c8; } .football-readiness .teams .team-card:focus-visible{ outline:3px solid rgba(128, 216, 7, 0.35); outline-offset:3px; } .football-readiness .teams .team-card.is-active, .football-readiness .teams .team-card[aria-selected="true"]{ border-color:#172233; background:#172233; color:#fff; } .football-readiness .teams .team-card.is-active .team-description, .football-readiness .teams .team-card[aria-selected="true"] .team-description{ color:#d7dde5; } .football-readiness .teams .team-card.is-active .team-radio, .football-readiness .teams .team-card[aria-selected="true"] .team-radio{ border-color:#fff; } .football-readiness .teams .team-card.is-active .team-radio-dot, .football-readiness .teams .team-card[aria-selected="true"] .team-radio-dot{ transform:scale(1); } .football-readiness .teams .team-card.is-active .card-link, .football-readiness .teams .team-card[aria-selected="true"] .card-link{ color:#fff; } .football-readiness .teams .team-card .team-media{ position:relative; display:block; height:168px; overflow:hidden; } .football-readiness .teams .team-card .team-media .team-image, .football-readiness .teams .team-card .team-media .media-placeholder{ height:100%; } .football-readiness .teams .team-card .team-media .team-radio{ position:absolute; top:16px; left:16px; display:grid; place-items:center; width:28px; height:28px; border:2px solid #172233; border-radius:50%; background:rgba(255, 255, 255, 0.94); box-shadow:0 3px 10px rgba(0, 0, 0, 0.16); } .football-readiness .teams .team-card .team-media .team-radio .team-radio-dot{ width:14px; height:14px; border-radius:50%; background:var(--campaign-accent); transform:scale(0); transition:transform 0.18s ease; } .football-readiness .teams .team-card .team-body{ display:flex; flex:1; flex-direction:column; justify-content:flex-start; gap:18px; padding:22px; } .football-readiness .teams .team-card .team-body .team-title{ display:block; margin-bottom:10px; font-size:1.35rem; font-weight:750; line-height:1.05; letter-spacing:-0.03em; } .football-readiness .teams .team-card .team-body .team-description{ display:block; color:var(--campaign-muted); font-size:0.9rem; line-height:1.35; transition:color 0.2s ease; } .football-readiness .teams .team-card .team-body .team-description p{ margin-bottom:0; } .football-readiness .teams .team-card .team-body .card-link{ color:currentColor; } .football-readiness .teams .pathway-stage{ margin-top:38px; scroll-margin-top:20px; } .football-readiness .teams .pathway-stage .pathway-panel{ overflow:hidden; border-radius:20px; background:#172233; color:#fff; scroll-margin-top:20px; } .football-readiness .teams .pathway-stage .pathway-panel[hidden]{ display:none; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid{ display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, 0.85fr); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid h4, .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .package-label, .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .learner-band strong{ display:block; margin:0 0 14px; color:#fff; font-size:0.82rem; font-weight:800; letter-spacing:0.025em; text-transform:uppercase; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning{ padding:32px 30px 38px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning ul{ display:grid; gap:10px; margin:0; padding-left:1.15rem; list-style:disc; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning ul li{ line-height:1.3; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning ul li::marker{ color:var(--campaign-accent); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package{ display:flex; flex-direction:column; padding:32px 30px 38px; border-left:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.055); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .related-courses, .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-utility{ width:100%; min-width:0; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .package-label{ color:var(--campaign-accent); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-icons{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; margin-bottom:0; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon{ display:grid; grid-template-columns:42px minmax(0, 1fr); gap:9px; align-items:center; min-width:0; padding:7px; overflow:hidden; border:1px solid rgba(255, 255, 255, 0.13); border-radius:10px; background:rgba(255, 255, 255, 0.06); color:#fff; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-media{ display:grid; place-items:center; width:42px; height:42px; overflow:hidden; border-radius:7px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-media img{ width:100%; height:100%; object-fit:cover; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-media i{ font-size:1.45rem; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-title{ min-width:0; font-size:0.69rem; font-weight:700; line-height:1.2; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .exclusive-training{ margin:0; padding:15px 16px; border:1px solid rgba(255, 255, 255, 0.13); border-radius:10px; background:rgba(255, 255, 255, 0.06); color:#fff; font-size:0.9rem; font-weight:750; line-height:1.25; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-utility{ margin-top:24px; padding-top:20px; border-top:1px solid rgba(255, 255, 255, 0.13); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .learner-band{ margin-top:0; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .learner-band strong{ margin-bottom:3px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .learner-band span{ display:block; color:#d7dde5; font-size:0.92rem; line-height:1.35; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-actions{ display:grid; justify-items:start; gap:13px; margin-top:22px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-actions .campaign-button{ width:auto; max-width:100%; text-transform:none; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-actions .pathway-help{ display:inline-flex; max-width:100%; color:#fff; font-size:0.9rem; font-weight:750; line-height:1.15; text-decoration:none; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-actions .pathway-help:hover{ color:var(--campaign-accent); } .football-readiness .how-it-works{ padding:105px 0; } .football-readiness .how-it-works .steps-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } .football-readiness .how-it-works .step-card{ min-height:245px; padding:28px; border:1px solid var(--campaign-line); border-radius:24px; background:#fff; } .football-readiness .how-it-works .step-card .step-number{ color:var(--campaign-accent); font-size:0.75rem; font-weight:850; letter-spacing:0.08em; } .football-readiness .how-it-works .step-card h3{ margin-top:52px; text-transform:none; font-size:1.3rem; } .football-readiness .how-it-works .step-card p{ margin-bottom:0; color:var(--campaign-muted); font-size:0.9rem; } .football-readiness .trust{ padding:30px 0 100px; } .football-readiness .trust .trust-card{ display:grid; grid-template-columns:1fr 1fr; min-height:500px; overflow:hidden; border-radius:34px; background:#050505; color:#fff; box-shadow:var(--campaign-shadow); } .football-readiness .trust .trust-card .trust-copy{ display:flex; flex-direction:column; justify-content:center; padding:50px 52px; } .football-readiness .trust .trust-card .trust-copy h2{ color:#fff; font-size:clamp(2rem, 3.5vw, 3.4rem); } .football-readiness .trust .trust-card .trust-copy .copy{ color:rgba(255, 255, 255, 0.76); } .football-readiness .trust .trust-card .trust-copy .copy strong{ color:#fff; } .football-readiness .trust .trust-card .trust-copy .proof-point, .football-readiness .trust .trust-card .trust-copy blockquote{ margin-top:22px; padding-top:20px; border-top:1px solid rgba(255, 255, 255, 0.14); } .football-readiness .trust .trust-card .trust-copy .proof-point{ color:var(--campaign-accent); font-weight:750; } .football-readiness .trust .trust-card .trust-copy blockquote{ margin-bottom:0; color:rgba(255, 255, 255, 0.9); font-size:1rem; } .football-readiness .trust .trust-card .trust-media{ min-height:500px; } .football-readiness .trust .trust-card .trust-media .trust-image, .football-readiness .trust .trust-card .trust-media .media-placeholder{ height:100%; } .football-readiness .trust .trust-logos{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:22px; align-items:center; margin-top:28px; } .football-readiness .trust .trust-logos img{ height:54px; object-fit:contain; filter:grayscale(1); opacity:0.7; } .football-readiness .package-sizes{ padding:25px 0 95px; } .football-readiness .package-sizes .size-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; } .football-readiness .package-sizes .size-card{ min-height:250px; padding:32px; border:1px solid var(--campaign-line); border-radius:26px; background:#fff; box-shadow:0 8px 18px rgba(0, 0, 0, 0.06); } .football-readiness .package-sizes .size-card .size-icon{ display:grid; place-items:center; width:56px; height:56px; margin-bottom:26px; border:3px solid var(--campaign-accent); border-radius:50%; color:var(--campaign-accent); } .football-readiness .package-sizes .size-card .size-icon img{ width:65%; height:65%; object-fit:contain; } .football-readiness .package-sizes .size-card .size-icon i{ font-size:1.55rem; } .football-readiness .package-sizes .size-card h3{ text-transform:uppercase; font-size:1.05rem; } .football-readiness .package-sizes .size-card p{ margin-bottom:0; color:var(--campaign-muted); font-size:0.9rem; } .football-readiness .final-cta{ padding:25px 0 95px; } .football-readiness .final-cta .final-card{ display:grid; grid-template-columns:1fr 1fr; min-height:470px; overflow:hidden; border-radius:34px; background:#050505; color:#fff; box-shadow:var(--campaign-shadow); } .football-readiness .final-cta .final-card .final-copy{ display:flex; flex-direction:column; justify-content:center; padding:52px; } .football-readiness .final-cta .final-card .final-copy h2{ color:#fff; font-size:clamp(2rem, 3.5vw, 3.2rem); } .football-readiness .final-cta .final-card .final-copy .copy{ color:rgba(255, 255, 255, 0.76); } .football-readiness .final-cta .final-card .final-copy .copy strong{ color:#fff; } .football-readiness .final-cta .final-card .final-media{ min-height:470px; } .football-readiness .final-cta .final-card .final-media .final-image, .football-readiness .final-cta .final-card .final-media .media-placeholder{ height:100%; } .football-readiness .package-builder{ padding:90px 0 115px; background:var(--campaign-soft); } .football-readiness .package-builder .form-shell{ margin-top:34px; padding:38px; border-radius:28px; background:#fff; box-shadow:var(--campaign-shadow); } .football-readiness .package-builder .form-shell.form-placeholder{ display:grid; place-items:center; min-height:240px; text-align:center; } .football-readiness .package-builder .form-shell.form-placeholder > i{ color:var(--campaign-accent); font-size:2.4rem; } .football-readiness .package-builder .form-shell.form-placeholder h3{ margin:12px 0 8px; text-transform:none; } .football-readiness .package-builder .form-shell.form-placeholder p{ max-width:650px; margin-bottom:0; color:var(--campaign-muted); } .football-readiness .package-builder .detail-link{ display:grid; gap:6px; margin-top:30px; padding-top:25px; border-top:1px solid #ddd; } .football-readiness .package-builder .detail-link > span{ color:var(--campaign-muted); } .football-readiness .package-builder .detail-link .campaign-text-link{ margin-top:8px; } @media (max-width:990px){ .football-readiness .section-heading.compact, .football-readiness .story .story-grid, .football-readiness .trust .trust-card, .football-readiness .final-cta .final-card, .football-readiness .teams .pathway-stage .pathway-grid{ grid-template-columns:1fr; } .football-readiness .story .story-carousel{ min-height:450px; } .football-readiness .story .story-carousel .story-slides{ min-height:395px; } .football-readiness .story .story-carousel .story-slide{ width:min(70%, 450px); } .football-readiness .story .story-carousel .story-slide .story-image, .football-readiness .story .story-carousel .story-slide .media-placeholder{ height:290px; } .football-readiness .teams .team-grid, .football-readiness .package-sizes .size-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package{ border-top:1px solid rgba(255, 255, 255, 0.1); border-left:0; } .football-readiness .how-it-works .steps-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .football-readiness .trust .trust-logos{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (max-width:640px){ .football-readiness .campaign-container, .football-readiness .campaign-container.narrow{ width:min(100% - 28px, var(--campaign-container)); } .football-readiness .hero{ min-height:70vh; } .football-readiness .hero h1{ font-size:clamp(3rem, 15vw, 5rem); } .football-readiness .hero .scroll-cue{ width:52px; height:52px; margin-top:36px; } .football-readiness .intro, .football-readiness .how-it-works, .football-readiness .package-builder{ padding-block:72px; } .football-readiness .story, .football-readiness .teams, .football-readiness .trust, .football-readiness .package-sizes, .football-readiness .final-cta{ padding-bottom:72px; } .football-readiness .story .story-grid{ gap:44px; } .football-readiness .story .readiness-points{ grid-template-columns:1fr; } .football-readiness .story .story-carousel{ min-height:390px; padding-bottom:50px; } .football-readiness .story .story-carousel .story-slides{ min-height:330px; } .football-readiness .story .story-carousel .story-slide{ width:82%; border-radius:22px; } .football-readiness .story .story-carousel .story-slide .story-image, .football-readiness .story .story-carousel .story-slide .media-placeholder{ height:240px; } .football-readiness .story .story-carousel .story-slide figcaption{ padding:12px 14px; font-size:1rem; } .football-readiness .story .story-carousel .story-slide.is-prev{ transform:translate(-82%, -50%) scale(0.72) rotate(-2deg); } .football-readiness .story .story-carousel .story-slide.is-next{ transform:translate(-18%, -50%) scale(0.72) rotate(2deg); } .football-readiness .story .story-carousel .story-controls{ right:50%; transform:translateX(50%); } .football-readiness .teams .team-grid, .football-readiness .how-it-works .steps-grid, .football-readiness .package-sizes .size-grid{ grid-template-columns:1fr; } .football-readiness .teams .team-card{ display:grid; grid-template-columns:128px minmax(0, 1fr); min-height:190px; } .football-readiness .teams .team-card .team-media{ height:100%; min-height:190px; } .football-readiness .teams .team-card .team-body{ gap:18px; padding:20px; } .football-readiness .teams .team-card .team-body .team-title{ font-size:1.15rem; } .football-readiness .teams .pathway-stage{ margin-top:28px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning, .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package{ padding:26px 24px 30px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-icons{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon{ grid-template-columns:38px minmax(0, 1fr); } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-media{ width:38px; height:38px; } .football-readiness .trust .trust-card, .football-readiness .final-cta .final-card{ border-radius:24px; } .football-readiness .trust .trust-card .trust-copy, .football-readiness .trust .trust-card .final-copy, .football-readiness .final-cta .final-card .trust-copy, .football-readiness .final-cta .final-card .final-copy{ padding:34px 26px; } .football-readiness .trust .trust-card .trust-media, .football-readiness .final-cta .final-card .final-media{ min-height:320px; } .football-readiness .trust .trust-logos{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:480px){ .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-icons{ grid-template-columns:1fr; } } @media (max-width:767px){ .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid{ display:block; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-learning, .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package{ width:100%; min-width:0; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package{ border-top:1px solid rgba(255, 255, 255, 0.1); border-left:0; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .pathway-icons{ display:flex; flex-wrap:wrap; gap:8px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon{ display:block; flex:0 0 42px; width:42px; height:42px; padding:0; border:0; background:transparent; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-media{ width:42px; height:42px; } .football-readiness .teams .pathway-stage .pathway-panel .pathway-grid .pathway-package .course-icon .course-icon-title{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; } } /* Restore recommended learning bullets. LB */ .football-readiness .teams .pathway-learning ul{ display:grid; gap:10px; margin:0; padding-left:1.15rem; list-style:disc; } .football-readiness .teams .pathway-learning li{ display:list-item; } .football-readiness .teams .pathway-learning li::marker{ color:var(--campaign-accent); } .football-readiness .teams .pathway-learning li:not(:last-child)::after{ content:none; margin:0; } /* * Package / Pathway Page * Reusable additions for the standard Emmaus Safe page framework. * * Important:* - Sections intentionally keep the global theme's flex centring. * - The global .container is not overridden here. * - Theme spacing utilities are supplied by PHP (pt-1/2/3 + pb-1/2/3). * - Standard .btn styles are used for buttons. * * LB */ .package-pathway-page{ --pp-navy:#172233; --pp-navy-soft:#20334a; --pp-muted:#667386; --pp-paper:#f1f3f4; --pp-paper-soft:#f7f8f9; --pp-line:#dfe5e8; --pp-white:#fff; --pp-accent:#34b7aa; width:100%; overflow:hidden; /* * Keep the existing global section/container architecture. * The theme's global section rule is flex + align-items:center, * which is what centres the standard .container. */ /* Hero */ /* Story */ /* Benefits */ /* Workforce and pathways */ /* Paired feature groups */ /* Trust and assurance */ /* Packages and process */ /* FAQs */ /* Final CTA and package builder */ } .package-pathway-page .pathway-panel{ scroll-margin-top:120px; } .package-pathway-page .container{ align-self:center; } .package-pathway-page .pp-section{ width:100%; scroll-margin-top:100px; } .package-pathway-page .pp-section.tone-light{ background:var(--pp-white); } .package-pathway-page .pp-section.tone-paper{ background:var(--pp-paper); } .package-pathway-page .pp-section.tone-dark{ background:var(--section-color-3-background); } .package-pathway-page .pp-section.tone-accent{ background:var(--pp-accent); color:var(--pp-navy); } .package-pathway-page .pp-section.tone-accent h1, .package-pathway-page .pp-section.tone-accent h2, .package-pathway-page .pp-section.tone-accent h3, .package-pathway-page .pp-section.tone-accent h4, .package-pathway-page .pp-section.tone-accent h5, .package-pathway-page .pp-section.tone-accent h6, .package-pathway-page .pp-section.tone-accent p, .package-pathway-page .pp-section.tone-accent a{ color:inherit; } .package-pathway-page .pp-label{ display:inline-flex; align-items:center; width:fit-content; min-height:32px; margin:0 0 16px; padding:6px 10px; border:1px dashed #9aacb5; border-radius:8px 8px 3px 8px; color:var(--pp-muted); font-size:11px; font-weight:800; line-height:1.2; letter-spacing:0.08em; text-transform:uppercase; } .package-pathway-page .tone-dark .pp-label{ border-color:rgba(255, 255, 255, 0.32); color:rgba(255, 255, 255, 0.72); } .package-pathway-page .tone-dark .pp-copy, .package-pathway-page .tone-dark .pp-lead{ color:rgba(255, 255, 255, 0.74); } .package-pathway-page .pp-copy, .package-pathway-page .pp-lead{ color:var(--pp-muted); line-height:1.6; } .package-pathway-page .pp-copy p, .package-pathway-page .pp-lead p{ line-height:inherit; margin-bottom:15px; } .package-pathway-page .pp-copy p:last-child, .package-pathway-page .pp-lead p:last-child{ margin-bottom:0; } .package-pathway-page .pp-heading-row{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(300px, 0.72fr); gap:30px 60px; align-items:end; width:100%; margin-bottom:30px; } .package-pathway-page .pp-heading-row .pp-copy{ max-width:650px; } .package-pathway-page .pp-heading-row.compact-heading{ grid-template-columns:minmax(0, 900px); margin-bottom:24px; } .package-pathway-page .pp-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; } .package-pathway-page .pp-text-link{ display:inline-flex; align-items:center; gap:7px; width:fit-content; font-weight:700; line-height:1.4; } .package-pathway-page .pp-text-link i{ font-size:18px; line-height:1; } .package-pathway-page .pp-text-link:hover, .package-pathway-page .pp-text-link:focus-visible{ text-decoration:underline; } .package-pathway-page .pp-editor-placeholder{ display:flex; align-items:center; gap:8px; margin-top:12px; padding:10px 12px; border:1px dashed #c79028; border-radius:8px; background:#fff8e7; color:#7f5b17; font-size:12px; font-weight:700; } .package-pathway-page .pp-hero{ overflow:hidden; border-bottom:1px solid var(--pp-line); } .package-pathway-page .pp-hero::after{ content:""; position:absolute; top:-150px; right:-130px; width:500px; height:500px; pointer-events:none; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-logo-mark-light.svg") center / contain no-repeat; opacity:0.045; filter:brightness(0.25); } .package-pathway-page .pp-hero .hero-grid{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 390px); gap:clamp(32px, 5vw, 64px); align-items:stretch; width:100%; } .package-pathway-page .pp-hero .hero-copy{ min-width:0; display:flex; flex-direction:column; justify-content:center; } .package-pathway-page .pp-hero h1{ max-width:900px; font-size:clamp(44px, 5.1vw, 70px); font-weight:700; line-height:1; letter-spacing:-0.05em; text-wrap:balance; } .package-pathway-page .pp-hero .pp-lead{ max-width:760px; margin-top:22px; font-size:clamp(18px, 1.7vw, 21px); line-height:1.55; } .package-pathway-page .pp-hero .pp-actions{ margin-top:28px; } .package-pathway-page .pp-hero .hero-note{ margin:16px 0 0; color:var(--pp-muted); font-size:13px; font-style:italic; line-height:1.5; } .package-pathway-page .pp-hero .hero-panel{ min-height:360px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--pp-line); border-radius:18px 18px 6px 18px; background:var(--pp-navy); } .package-pathway-page .pp-hero .panel-media{ min-height:230px; flex:1 1 auto; overflow:hidden; } .package-pathway-page .pp-hero .panel-media img{ width:100%; height:100%; min-height:230px; object-fit:cover; } .package-pathway-page .pp-hero .panel-statement{ margin-top:auto; padding:26px; color:var(--pp-white); } .package-pathway-page .pp-hero .panel-statement span, .package-pathway-page .pp-hero .panel-statement strong{ display:block; } .package-pathway-page .pp-hero .panel-statement span{ margin-bottom:7px; color:var(--pp-accent); font-size:13px; font-weight:800; line-height:1.3; letter-spacing:0.06em; text-transform:uppercase; } .package-pathway-page .pp-hero .panel-statement strong{ font-size:clamp(26px, 3vw, 38px); line-height:1.05; letter-spacing:-0.035em; } .package-pathway-page .pp-story .story-grid{ display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(420px, 1.1fr); gap:clamp(30px, 5vw, 60px); align-items:stretch; width:100%; } .package-pathway-page .pp-story .story-copy{ display:flex; flex-direction:column; justify-content:center; } .package-pathway-page .pp-story .story-copy .pp-copy{ margin-top:20px; } .package-pathway-page .pp-story .story-panel{ padding:clamp(24px, 3vw, 34px); border:1px solid var(--pp-line); border-radius:16px 16px 5px 16px; background:var(--pp-white); } .package-pathway-page .pp-story .story-points{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .package-pathway-page .pp-story .story-point{ display:grid; grid-template-columns:34px minmax(0, 1fr); gap:10px; align-items:center; padding:13px; border-radius:10px; background:var(--pp-paper); } .package-pathway-page .pp-story .story-point > i{ width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:color-mix(in srgb, var(--pp-accent), transparent 82%); color:var(--pp-accent); font-size:18px; } .package-pathway-page .pp-story .story-point strong, .package-pathway-page .pp-story .story-point span{ display:block; } .package-pathway-page .pp-story .story-point strong{ font-size:14px; line-height:1.3; } .package-pathway-page .pp-story .story-point span{ margin-top:2px; color:var(--pp-muted); font-size:13px; line-height:1.4; } .package-pathway-page .pp-story .story-closing{ margin-top:18px; padding:15px 17px; border-left:3px solid var(--pp-accent); background:color-mix(in srgb, var(--pp-accent), white 94%); line-height:1.5; } .package-pathway-page .pp-benefits .benefit-grid{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; width:100%; } .package-pathway-page .pp-benefits .benefit-card{ min-height:210px; padding:20px; border:1px solid var(--pp-line); border-radius:14px 14px 5px 14px; background:var(--pp-white); } .package-pathway-page .pp-benefits .benefit-card > i{ width:38px; height:38px; display:grid; place-items:center; margin-bottom:24px; border-radius:10px 10px 4px 10px; background:var(--pp-accent); color:var(--pp-navy); font-size:21px; } .package-pathway-page .pp-benefits .benefit-card h3{ margin-bottom:10px; font-size:18px; line-height:1.25; } .package-pathway-page .pp-benefits .benefit-card p{ color:var(--pp-muted); font-size:14px; line-height:1.5; } .package-pathway-page .pp-pathways .role-selector{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; width:100%; margin-bottom:38px; } .package-pathway-page .pp-pathways .role-card{ min-width:0; display:grid; grid-template-columns:42px minmax(0, 1fr); gap:12px; align-items:start; padding:17px; border:1px solid var(--pp-line); border-radius:14px 14px 5px 14px; background:var(--pp-white); color:var(--pp-navy); text-align:left; cursor:pointer; transition:background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease; } .package-pathway-page .pp-pathways .role-card:hover, .package-pathway-page .pp-pathways .role-card:focus-visible{ border-color:var(--pp-accent); } .package-pathway-page .pp-pathways .role-card.is-active{ border-color:var(--pp-navy); background:var(--pp-navy); color:var(--pp-white); } .package-pathway-page .pp-pathways .role-card.is-active .role-text small{ color:rgba(255, 255, 255, 0.72); } .package-pathway-page .pp-pathways .role-card.is-active .role-select-indicator::before{ border-color:var(--pp-white); transform:scale(1.08); } .package-pathway-page .pp-pathways .role-card.is-active .role-select-indicator::after{ opacity:1; transform:scale(1); } .package-pathway-page .pp-pathways .role-card.is-active .role-link{ color:var(--pp-white); } .package-pathway-page .pp-pathways .role-card.is-active .role-link i{ color:var(--pp-accent); } .package-pathway-page .pp-pathways .role-card .role-select-indicator{ position:relative; width:40px; height:40px; display:grid; place-items:center; } .package-pathway-page .pp-pathways .role-card .role-select-indicator::before, .package-pathway-page .pp-pathways .role-card .role-select-indicator::after{ content:""; position:absolute; border-radius:50%; } .package-pathway-page .pp-pathways .role-card .role-select-indicator::before{ width:24px; height:24px; border:2px solid var(--pp-navy); transition:border-color 180ms ease, transform 220ms ease; } .package-pathway-page .pp-pathways .role-card .role-select-indicator::after{ width:12px; height:12px; background:var(--pp-accent); opacity:0; transform:scale(0.35); transition:opacity 160ms ease, transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1.25); } .package-pathway-page .pp-pathways .role-text strong, .package-pathway-page .pp-pathways .role-text small{ display:block; } .package-pathway-page .pp-pathways .role-text strong{ font-size:15px; line-height:1.3; } .package-pathway-page .pp-pathways .role-text small{ margin-top:5px; color:var(--pp-muted); font-size:12px; line-height:1.45; } .package-pathway-page .pp-pathways .role-link{ grid-column:2; display:inline-flex; gap:6px; align-items:center; color:var(--pp-navy); font-size:12px; font-weight:700; } .package-pathway-page .pp-pathways .role-link i{ color:var(--pp-accent); font-size:16px; } .package-pathway-page .pp-pathways .pathway-heading{ max-width:900px; margin-bottom:24px; } .package-pathway-page .pp-pathways .pathway-heading .pp-copy{ margin-top:15px; } .package-pathway-page .pp-pathways .pathway-panel{ overflow:hidden; border-radius:18px 18px 6px 18px; background:var(--pp-navy); color:var(--pp-white); } .package-pathway-page .pp-pathways .pathway-panel[hidden]{ display:none; } .package-pathway-page .pp-pathways .pathway-panel .btn.solid{ background:var(--pp-accent); color:var(--pp-navy) !important; } .package-pathway-page .pp-pathways .pathway-panel .btn.solid:hover, .package-pathway-page .pp-pathways .pathway-panel .btn.solid:focus-visible{ background:color-mix(in srgb, var(--pp-accent), black 10%); color:var(--pp-navy) !important; } .package-pathway-page .pp-pathways .pathway-panel .pp-text-link{ color:var(--pp-white); } .package-pathway-page .pp-pathways .pathway-intro{ display:grid; grid-template-columns:56px minmax(0, 1fr); gap:18px; align-items:center; padding:28px 30px 20px; } .package-pathway-page .pp-pathways .pathway-intro h3{ margin:0 0 7px; color:var(--pp-white); font-size:clamp(28px, 3vw, 40px); } .package-pathway-page .pp-pathways .pathway-intro p{ color:rgba(255, 255, 255, 0.7); font-size:14px; line-height:1.45; } .package-pathway-page .pp-pathways .pathway-intro p strong{ color:var(--pp-white); } .package-pathway-page .pp-pathways .pathway-icon{ width:54px; height:54px; display:grid; place-items:center; border-radius:14px 14px 5px 14px; background:var(--pp-accent); color:var(--pp-navy); } .package-pathway-page .pp-pathways .pathway-icon i{ font-size:29px; } .package-pathway-page .pp-pathways .pathway-grid{ display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(320px, 0.85fr); border-top:1px solid rgba(255, 255, 255, 0.1); } .package-pathway-page .pp-pathways .pathway-benefits{ padding:28px 30px; } .package-pathway-page .pp-pathways .pathway-benefits h4{ margin-bottom:18px; color:var(--pp-white); font-size:14px; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; } .package-pathway-page .pp-pathways .pathway-benefits ul{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:11px 20px; margin:0; padding:0; list-style:none; } .package-pathway-page .pp-pathways .pathway-benefits li{ display:grid; grid-template-columns:22px minmax(0, 1fr); gap:8px; align-items:start; color:rgba(255, 255, 255, 0.78); font-size:14px; line-height:1.5; } .package-pathway-page .pp-pathways .pathway-benefits li i{ color:var(--pp-accent); font-size:18px; line-height:1.4; } .package-pathway-page .pp-pathways .pathway-package{ min-width:0; padding:28px 30px; background:rgba(255, 255, 255, 0.055); } .package-pathway-page .pp-pathways .pathway-package .pp-actions{ margin-top:22px; } .package-pathway-page .pp-pathways .package-label{ margin-bottom:12px; color:var(--pp-accent); font-size:12px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; } .package-pathway-page .pp-pathways .recommended-learning{ color:rgba(255, 255, 255, 0.78); font-size:14px; line-height:1.55; } .package-pathway-page .pp-pathways .learner-band{ margin-top:20px; padding-top:18px; border-top:1px solid rgba(255, 255, 255, 0.12); } .package-pathway-page .pp-pathways .learner-band strong, .package-pathway-page .pp-pathways .learner-band span{ display:block; } .package-pathway-page .pp-pathways .learner-band strong{ margin-bottom:5px; color:var(--pp-white); font-size:12px; letter-spacing:0.05em; text-transform:uppercase; } .package-pathway-page .pp-pathways .learner-band span{ color:rgba(255, 255, 255, 0.7); font-size:13px; } .package-pathway-page .pp-feature-groups .feature-groups-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; width:100%; } .package-pathway-page .pp-feature-groups .feature-group{ min-width:0; padding:clamp(26px, 3vw, 38px); border:1px solid var(--pp-line); border-radius:16px 16px 5px 16px; background:var(--pp-white); } .package-pathway-page .pp-feature-groups .feature-group.dark-card{ border-color:transparent; background:var(--pp-navy); color:var(--pp-white); } .package-pathway-page .pp-feature-groups .feature-group.dark-card h2{ color:var(--pp-accent); } .package-pathway-page .pp-feature-groups .feature-group.dark-card .pp-label{ border-color:rgba(255, 255, 255, 0.32); color:rgba(255, 255, 255, 0.7); } .package-pathway-page .pp-feature-groups .feature-group.dark-card .pp-copy{ color:rgba(255, 255, 255, 0.72); } .package-pathway-page .pp-feature-groups .feature-group.dark-card .feature-item{ border-color:rgba(255, 255, 255, 0.11); } .package-pathway-page .pp-feature-groups .feature-group.dark-card .feature-item span{ color:rgba(255, 255, 255, 0.68); } .package-pathway-page .pp-feature-groups .feature-group .pp-copy{ margin-top:15px; } .package-pathway-page .pp-feature-groups .feature-list{ display:grid; margin-top:24px; } .package-pathway-page .pp-feature-groups .feature-item{ display:grid; grid-template-columns:34px minmax(0, 1fr); gap:12px; padding:13px 0; border-top:1px solid var(--pp-line); } .package-pathway-page .pp-feature-groups .feature-item > i{ width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:color-mix(in srgb, var(--pp-accent), white 78%); color:var(--pp-navy); font-size:18px; } .package-pathway-page .pp-feature-groups .feature-item strong, .package-pathway-page .pp-feature-groups .feature-item span{ display:block; } .package-pathway-page .pp-feature-groups .feature-item strong{ font-size:15px; line-height:1.35; } .package-pathway-page .pp-feature-groups .feature-item span{ margin-top:4px; color:var(--pp-muted); font-size:13px; line-height:1.5; } .package-pathway-page .pp-trust-assurance .trust-card{ display:grid; grid-template-columns:minmax(0, 1fr); overflow:hidden; border-radius:18px 18px 6px 18px; background:var(--pp-navy); color:var(--pp-white); } .package-pathway-page .pp-trust-assurance .trust-card.has-media{ grid-template-columns:minmax(0, 1.05fr) minmax(330px, 0.95fr); } .package-pathway-page .pp-trust-assurance .trust-copy{ padding:clamp(30px, 4vw, 48px); } .package-pathway-page .pp-trust-assurance .trust-copy > h2{ color:var(--pp-accent); } .package-pathway-page .pp-trust-assurance .trust-copy .pp-copy{ margin-top:18px; color:rgba(255, 255, 255, 0.74); } .package-pathway-page .pp-trust-assurance .trust-media{ min-height:420px; } .package-pathway-page .pp-trust-assurance .trust-media img{ width:100%; height:100%; min-height:420px; object-fit:cover; } .package-pathway-page .pp-trust-assurance .experience-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; } .package-pathway-page .pp-trust-assurance .experience-tags span{ padding:8px 10px; border:1px solid rgba(255, 255, 255, 0.14); border-radius:8px; color:rgba(255, 255, 255, 0.85); font-size:12px; font-weight:700; } .package-pathway-page .pp-trust-assurance .trust-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:20px; padding:18px 22px; border:1px solid var(--pp-line); border-radius:14px 14px 5px 14px; background:var(--pp-white); } .package-pathway-page .pp-trust-assurance .trust-logos img{ width:auto; max-width:140px; height:44px; object-fit:contain; } .package-pathway-page .pp-trust-assurance .assurance-note{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(240px, 0.65fr); gap:18px 40px; align-items:center; margin-top:28px; padding-top:28px; border-top:1px solid rgba(255, 255, 255, 0.12); } .package-pathway-page .pp-trust-assurance .assurance-note h2{ grid-column:1 / -1; color:var(--pp-white); } .package-pathway-page .pp-trust-assurance .assurance-note .pp-copy{ margin-top:0; color:rgba(255, 255, 255, 0.74); } .package-pathway-page .pp-trust-assurance .assurance-note .pp-text-link{ justify-self:start; color:var(--pp-white); } .package-pathway-page .pp-package-process .package-options{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; width:100%; } .package-pathway-page .pp-package-process .package-option{ min-height:240px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--pp-line); border-radius:15px 15px 5px 15px; background:var(--pp-white); } .package-pathway-page .pp-package-process .package-option > i{ width:40px; height:40px; display:grid; place-items:center; margin-bottom:24px; border-radius:10px 10px 4px 10px; background:var(--pp-accent); color:var(--pp-navy); font-size:21px; } .package-pathway-page .pp-package-process .package-option h3{ margin-bottom:10px; font-size:22px; } .package-pathway-page .pp-package-process .package-option .pp-copy{ font-size:14px; } .package-pathway-page .pp-package-process .package-option .pp-text-link{ margin-top:auto; } .package-pathway-page .pp-package-process .individual-link{ margin-top:14px; } .package-pathway-page .pp-package-process .process-panel{ margin-top:34px; padding:clamp(26px, 3vw, 38px); border-radius:17px 17px 6px 17px; background:var(--pp-paper-soft); } .package-pathway-page .pp-package-process .process-panel > .pp-actions{ margin-top:22px; } .package-pathway-page .pp-package-process .process-heading{ max-width:820px; margin-bottom:24px; } .package-pathway-page .pp-package-process .process-steps{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; } .package-pathway-page .pp-package-process .process-step{ min-height:190px; position:relative; padding:19px; border:1px solid var(--pp-line); border-radius:13px 13px 5px 13px; background:var(--pp-white); } .package-pathway-page .pp-package-process .process-step .step-number{ display:block; margin-bottom:22px; color:var(--pp-accent); font-size:12px; font-weight:800; letter-spacing:0.08em; } .package-pathway-page .pp-package-process .process-step > i{ position:absolute; top:17px; right:17px; color:var(--pp-muted); font-size:21px; } .package-pathway-page .pp-package-process .process-step h3{ margin-bottom:9px; font-size:18px; line-height:1.25; } .package-pathway-page .pp-package-process .process-step p{ color:var(--pp-muted); font-size:13px; line-height:1.5; } .package-pathway-page .pp-faq .faq-grid{ display:grid; grid-template-columns:1fr; gap:10px; width:100%; } .package-pathway-page .pp-faq .faq-item{ overflow:hidden; border:1px solid var(--pp-line); border-radius:12px 12px 4px 12px; background:var(--pp-white); } .package-pathway-page .pp-faq .faq-item summary{ list-style:none; display:grid; grid-template-columns:minmax(0, 1fr) 24px; gap:14px; align-items:center; padding:17px 18px; color:var(--pp-navy); font-size:14px; font-weight:800; line-height:1.4; cursor:pointer; } .package-pathway-page .pp-faq .faq-item summary::-webkit-details-marker{ display:none; } .package-pathway-page .pp-faq .faq-item summary i{ color:var(--pp-accent); font-size:20px; transition:transform 180ms ease; } .package-pathway-page .pp-faq .faq-item[open] summary i{ transform:rotate(45deg); } .package-pathway-page .pp-faq .faq-answer{ padding:0 18px 18px; color:var(--pp-muted); font-size:13px; line-height:1.6; } .package-pathway-page .pp-conversion .conversion-cta{ display:grid; grid-template-columns:minmax(0, 1fr); gap:28px; align-items:end; padding:clamp(28px, 4vw, 42px); border-radius:18px 18px 6px 18px; background:var(--pp-navy); color:var(--pp-white); } .package-pathway-page .pp-conversion .conversion-cta .pp-label{ padding:0; border:0; color:var(--pp-accent); } .package-pathway-page .pp-conversion .conversion-cta h2{ max-width:800px; color:var(--pp-white); } .package-pathway-page .pp-conversion .conversion-cta .pp-copy{ max-width:none; margin-top:15px; color:rgba(255, 255, 255, 0.74); } .package-pathway-page .pp-conversion .conversion-cta .btn.solid{ background:var(--pp-accent); color:var(--pp-navy) !important; } .package-pathway-page .pp-conversion .conversion-cta .btn.solid:hover, .package-pathway-page .pp-conversion .conversion-cta .btn.solid:focus-visible{ background:color-mix(in srgb, var(--pp-accent), black 10%); color:var(--pp-navy) !important; } .package-pathway-page .pp-conversion .conversion-cta .pp-text-link{ color:var(--pp-white); } .package-pathway-page .pp-conversion .builder-card{ display:grid; grid-template-columns:minmax(280px, 0.7fr) minmax(0, 1.3fr); margin-top:18px; overflow:hidden; border:1px solid var(--pp-line); border-radius:16px 16px 5px 16px; background:var(--pp-white); } .package-pathway-page .pp-conversion .builder-intro{ padding:clamp(26px, 3vw, 36px); background:var(--pp-paper); } .package-pathway-page .pp-conversion .builder-intro .pp-copy{ margin-top:15px; } .package-pathway-page .pp-conversion .builder-intro .pp-actions{ margin-top:22px; } .package-pathway-page .pp-conversion .builder-form-area{ padding:clamp(26px, 3vw, 36px); background:var(--pp-navy); } .package-pathway-page .pp-conversion .builder-form-area > h3{ margin-bottom:20px; color:var(--pp-accent); font-size:23px; } .package-pathway-page .pp-conversion .builder-preview{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } .package-pathway-page .pp-conversion .builder-group{ padding:15px; border:1px solid var(--pp-line); border-radius:11px; background:var(--pp-paper-soft); } .package-pathway-page .pp-conversion .builder-group > strong, .package-pathway-page .pp-conversion .builder-group > small{ display:block; } .package-pathway-page .pp-conversion .builder-group > strong{ font-size:14px; } .package-pathway-page .pp-conversion .builder-group > small{ margin-top:3px; color:var(--pp-muted); font-size:11px; } .package-pathway-page .pp-conversion .builder-options{ display:grid; gap:5px; margin-top:10px; } .package-pathway-page .pp-conversion .builder-options span{ display:flex; align-items:flex-start; gap:7px; color:var(--pp-muted); font-size:12px; line-height:1.35; } .package-pathway-page .pp-conversion .builder-options i{ color:var(--pp-accent); font-size:15px; } .package-pathway-page .pp-conversion .details-group{ grid-column:1 / -1; } .package-pathway-page .pp-conversion .detail-fields{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:7px; margin-top:10px; } .package-pathway-page .pp-conversion .detail-fields span{ padding:8px 9px; border:1px solid var(--pp-line); border-radius:8px; background:var(--pp-white); color:var(--pp-muted); font-size:11px; } .package-pathway-page .pp-conversion .preview-button{ grid-column:1 / -1; width:fit-content; margin-top:4px; pointer-events:none; } .package-pathway-page .pp-conversion .builder-admin-note{ grid-column:1 / -1; display:flex; align-items:center; gap:7px; margin:14px 0 0; color:#7f5b17; font-size:11px; } .package-pathway-page .pp-conversion .builder-shortcode{ width:100%; } .package-pathway-page .pp-shortcode .shortcode-wrap{ width:100%; } .package-pathway-page .pp-shortcode .shortcode-wrap > *{ max-width:100%; } @media only screen and (max-width:1199px){ .package-pathway-page .pp-benefits .benefit-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .package-pathway-page .pp-pathways .pathway-benefits ul{ grid-template-columns:1fr; } .package-pathway-page .pp-package-process .process-steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width:991px){ .package-pathway-page .pp-heading-row, .package-pathway-page .pp-hero .hero-grid, .package-pathway-page .pp-story .story-grid, .package-pathway-page .pp-pathways .pathway-grid, .package-pathway-page .pp-feature-groups .feature-groups-grid, .package-pathway-page .pp-trust-assurance .trust-card.has-media, .package-pathway-page .pp-trust-assurance .assurance-note, .package-pathway-page .pp-conversion .conversion-cta, .package-pathway-page .pp-conversion .builder-card{ grid-template-columns:1fr; } .package-pathway-page .pp-pathways .role-selector{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .package-pathway-page .pp-trust-assurance .trust-media{ min-height:320px; } .package-pathway-page .pp-trust-assurance .trust-media img{ min-height:320px; } .package-pathway-page .pp-package-process .package-options{ grid-template-columns:1fr; } .package-pathway-page .pp-package-process .package-option{ min-height:0; } .package-pathway-page .pp-conversion .conversion-cta .pp-actions{ align-self:start; } } @media only screen and (max-width:767px){ .package-pathway-page .pp-heading-row{ margin-bottom:24px; } .package-pathway-page .pp-hero h1{ font-size:clamp(40px, 12vw, 58px); } .package-pathway-page .pp-hero .hero-panel{ min-height:0; } .package-pathway-page .pp-story .story-points{ grid-template-columns:1fr; } .package-pathway-page .pp-benefits .benefit-grid{ display:flex; gap:12px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x mandatory; } .package-pathway-page .pp-benefits .benefit-grid .benefit-card{ flex:0 0 min(82vw, 310px); min-height:210px; scroll-snap-align:start; } .package-pathway-page .pp-pathways .role-selector{ display:flex; gap:10px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x mandatory; } .package-pathway-page .pp-pathways .role-card{ flex:0 0 min(82vw, 320px); scroll-snap-align:start; } .package-pathway-page .pp-pathways .pathway-intro{ grid-template-columns:46px minmax(0, 1fr); padding:22px 20px 17px; } .package-pathway-page .pp-pathways .pathway-icon{ width:44px; height:44px; } .package-pathway-page .pp-pathways .pathway-benefits, .package-pathway-page .pp-pathways .pathway-package{ padding:22px 20px; } .package-pathway-page .pp-package-process .process-steps{ grid-template-columns:1fr; } .package-pathway-page .pp-package-process .process-step{ min-height:0; } .package-pathway-page .pp-conversion .builder-preview{ grid-template-columns:1fr; } .package-pathway-page .pp-conversion .details-group, .package-pathway-page .pp-conversion .preview-button{ grid-column:auto; } .package-pathway-page .pp-conversion .detail-fields{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } .woocommerce-notices-wrapper{ display:flex; width:100%; flex-direction:column; } .woocommerce-breadcrumb{ margin-bottom:40px; } .woocommerce-products-grid, .shop-page .container .items-box ul.products, .single-product .product ul.products{ display:flex; flex-wrap:wrap; } @media only screen and (max-width:767px){ .woocommerce-products-grid li.product, .shop-page .container .items-box ul.products li.product, .single-product .product ul.products li.product{ width:100% !important; } } .woocommerce-products-grid li.product a.woocommerce-loop-product__link img, .shop-page .container .items-box ul.products li.product a.woocommerce-loop-product__link img, .single-product .product ul.products li.product a.woocommerce-loop-product__link img{ border:solid 1px #dadada; margin-bottom:5px; } .woocommerce-products-grid li.product a.woocommerce-loop-product__link .price *, .shop-page .container .items-box ul.products li.product a.woocommerce-loop-product__link .price *, .single-product .product ul.products li.product a.woocommerce-loop-product__link .price *{ color:#777; } body.woocommerce-account .woocommerce-form-login{ max-width:340px; } .woocommerce-MyAccount-navigation{ padding-bottom:64px; } .ld-proceed-wrap{ display:flex !important; justify-content:center !important; margin:1.5rem 0; } .ld-button.proceed-next-topic{ border-radius:9999px; font-weight:600; text-decoration:none; padding:12px 0 !important; } .ld-button.proceed-next-topic .chevron-right{ width:1em; height:1em; } .single-product .summary .price, .single-product .summary .woocs-inline-switcher, .single-product .summary form.cart{ display:inline-flex; align-items:center; margin-right:12px; } .woocs-inline-switcher{ display:flex; } .woocs-inline-switcher .price-from{ font-size:26px; padding-right:24px; } .single-product .summary form.cart{ width:auto; margin-bottom:0; } .shop-page{ display:flex; flex-direction:column; align-items:center; } .shop-page .container{ display:flex; flex-direction:row; } @media only screen and (max-width:991px){ .shop-page .container{ flex-direction:column-reverse; } } .shop-page .container .items-box{ padding-left:40px; width:100%; } @media only screen and (max-width:991px){ .shop-page .container .items-box{ padding-left:unset; } } .shop-page .container .items-box form.woocommerce-ordering select{ border:solid 1px #999; border-radius:3px; width:100%; padding:5px; } .shop-page .container #primary{ width:100%; } .single-product .container{ max-width:1700px; } .single-product .product .woocommerce-product-gallery{ border:solid 1px #eaeaea; } .single-product .product .summary h1{ margin-bottom:0; } .single-product .product .summary .price{ margin-bottom:40px; margin-top:0; color:#43bfb2 !important; } .single-product .product .summary form.cart{ text-align:left; } .single-product .product .summary form.cart table.variations{ margin-bottom:40px !important; } .single-product .product .summary form.cart table.variations select{ min-width:100%; } .single-product .product .summary form.cart .single_variation_wrap{ display:flex; align-items:flex-end; flex-direction:column; } .single-product .product .summary form.cart input, .single-product .product .summary form.cart select{ font-size:18px; padding:6px 8px; height:44px; } .single-product .product .summary form.cart select{ background:#222; color:#fff; border:1px solid #444; border-radius:4px; } .single-product .product .summary form.cart select option{ background:#222; color:#fff; } .single-product .product .summary form.cart select:focus{ outline:none; border-color:#666; } .single-product .product .summary form.cart .single_add_to_cart_button{ background:#ef3a84; border-radius:0; font-size:18px; padding:12px 14px; font-weight:500; height:44px; text-transform:uppercase; } .single-product .product .summary form.cart .single_add_to_cart_button:hover{ background:#ef3a84; } .single-product .product .related.products{ display:flex; flex-direction:column; } .single-product .product ul.products li{ width:29.05% !important; } @media only screen and (max-width:991px){ .single-product .product ul.products li{ width:46.05% !important; } } .single-product .woocommerce-products-grid, .single-product .shop-page .container .items-box ul.products, .shop-page .container .items-box .single-product ul.products, .single-product .product ul.products, .single-product .single-product .product ul.products{ flex-wrap:unset; } .single-product .woocommerce-products-grid img, .single-product .shop-page .container .items-box ul.products img, .shop-page .container .items-box .single-product ul.products img, .single-product .product ul.products img, .single-product .single-product .product ul.products img{ width:100%; } .single-product h2{ width:100%; padding:24px 0; } @media (max-width:768px){ .single-product .related.products{ display:none !important; } } .single-product .product-further-info-wrap{ margin-top:2.5rem; } .single-product .product-further-info-wrap .product-further-info{ display:flex; flex-direction:column; gap:1.5rem; } .single-product .product-further-info-wrap .fi-box{ background:#FBFBFB; border:1px solid #E2E3E5; border-radius:10px; padding:1.5rem; } .single-product .product-further-info-wrap .fi-box .fi-box-heading{ margin:0 0 1rem 0; font-size:20px; font-weight:700; text-align:left; width:100%; } .single-product .product-further-info-wrap .fi-box .fi-box-items{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.25rem; } @media only screen and (max-width:991px){ .single-product .product-further-info-wrap .fi-box .fi-box-items{ grid-template-columns:1fr; } } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item{ display:flex; gap:1rem; align-items:flex-start; flex-direction:column; } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item .fi-item-icon{ width:44px; height:44px; border-radius:999px; background:#2EA397; display:flex; align-items:center; justify-content:center; flex:0 0 44px; } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item .fi-item-icon .mdi{ color:#fff; font-size:22px; line-height:1; } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item .fi-item-heading{ margin:0 0 0.35rem 0; font-size:16px; font-weight:700; text-align:left; } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item .fi-item-blurb{ font-size:16px; line-height:1.55; color:#444; text-align:left; } .single-product .product-further-info-wrap .fi-box .fi-box-items .fi-item .fi-item-blurb .fi-wysiwyg{ margin-bottom:1rem; text-align:left; } .single-product .product-further-info-wrap .fi-box--two .fi-three-col{ display:flex; gap:1rem; } .single-product .product-further-info-wrap .fi-box--two .fi-three-col img{ border-radius:8px; } @media only screen and (max-width:991px){ .single-product .product-further-info-wrap .fi-box--two .fi-three-col{ flex-direction:column; } } .single-product .product-further-info-wrap .fi-box--two .fi-three-col .fi-col{ width:33%; } @media only screen and (max-width:991px){ .single-product .product-further-info-wrap .fi-box--two .fi-three-col .fi-col{ width:100%; } } .single-product .product-further-info-wrap .fi-box--two .fi-three-col .fi-col ul li{ padding-bottom:12px; } .single-product .product-card{ background:#f6f6f6; border-radius:16px; padding:2.5rem; color:#1e1e1e; width:100%; } .single-product .product-card h1, .single-product .product-card h2, .single-product .product-card h3, .single-product .product-card h4, .single-product .product-card h5, .single-product .product-card h6, .single-product .product-card p, .single-product .product-card li, .single-product .product-card span, .single-product .product-card small, .single-product .product-card strong, .single-product .product-card label{ color:#1e1e1e; } .single-product .product-card a{ color:var(--brand-primary); text-decoration-color:currentColor; } .single-product .product-card a:hover{ text-decoration:none; } .single-product .price{ font-weight:600; font-size:26px !important; } .single-product .single-product form.cart .single_add_to_cart_button{ background-color:#2EA397; padding:12px 24px; } .single-product .woocommerce-product-top{ display:flex; justify-content:center; } .single-product .woocommerce-product-top h1{ font-size:32px; } .single-product .woocommerce-product-top p{ line-height:29px; } .single-product .product-top{ display:flex; flex-direction:row; gap:40px; } @media only screen and (max-width:767px){ .single-product .product-top{ flex-direction:column-reverse; } } .single-product .product-gallery, .single-product .product-summary{ width:50%; display:flex; flex-wrap:wrap; } @media only screen and (max-width:767px){ .single-product .product-gallery, .single-product .product-summary{ width:100%; } } .single-product .product-full-description{ max-width:100%; } .single-product .summary .price{ color:#1e1e1e; font-size:1.4rem; font-weight:700; } .single-product .summary .price ins{ color:var(--brand-primary); text-decoration:none; } .single-product .summary .price del{ color:#999; } .single-product .summary form.cart{ margin-top:1.5rem; } .single-product .summary .single_add_to_cart_button{ background:var(--brand-primary); color:#fff; border-radius:8px; padding:0.75rem 1.75rem; font-weight:700; } .single-product .summary .single_add_to_cart_button:hover{ background:var(--brand-primary); filter:brightness(0.92); } .single-product .product-usps{ display:flex; gap:1.25rem; flex-wrap:wrap; margin:1rem 0; width:100%; } .single-product .product-usp{ display:flex; align-items:center; gap:0.75rem; } .single-product .product-usp__icon{ font-size:28px; line-height:1; flex-shrink:0; background-color:#f8f8f8; border:1px solid #d9d9d9; border-radius:10px; padding:0.5rem; display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; } .single-product .product-usp__heading{ font-weight:600; line-height:1.1; } .single-product .product-usp__subheading{ opacity:0.8; font-size:0.95em; line-height:1.1; } .single-product .woocommerce-product-gallery{ width:100% !important; } .single-product .woocommerce-product-gallery img{ background:#f5f5f5; border-radius:8px; } .single-product .woocommerce-product-gallery .flex-control-thumbs img{ opacity:0.6; } .single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{ opacity:1; border:2px solid var(--brand-primary); } .safehub-product-card{ overflow:hidden; display:flex; flex-direction:column; position:relative; margin:0 !important; padding:10px !important; } .safehub-product-card .safehub-title a{ color:#fff; text-decoration:none; } .safehub-product-card .safehub-title a:hover{ color:var(--accent, #2EA397); } .safehub-product-card[class*="product_cat-sport"]{ --accent:#7CFF00; } .safehub-product-card[class*="product_cat-event"]{ --accent:#FF3E8A; } .safehub-product-card[class*="product_cat-ngo"]{ --accent:#9B6BFF; } .safehub-product-card[class*="product_cat-faith"]{ --accent:#FF5424; } .safehub-product-card[class*="product_cat-health-safety"]{ --accent:#FFB020; } .safehub-product-card[class*="product_cat-education"]{ --accent:#F1EE07; } .safehub-product-card .safehub-card-wrapper{ display:flex; flex-direction:column; position:relative; outline:1px solid rgba(255, 255, 255, 0.25); background:#0b0f14; border-radius:6px; overflow:hidden; height:100%; } .safehub-product-card .safehub-card-wrapper::before{ content:""; position:absolute; inset:0; background-color:var(--accent, #2EA397); opacity:0.1; backdrop-filter:blur(30px) brightness(50%); -webkit-backdrop-filter:blur(30px) brightness(50%); border-radius:inherit; pointer-events:none; z-index:0; } .safehub-product-card .safehub-card-wrapper .safehub-card-media{ width:100%; aspect-ratio:1.3; overflow:hidden; display:flex; align-items:center; justify-content:center; background-color:#0b0f14; border-bottom:1px solid rgba(255, 255, 255, 0.1); } .safehub-product-card .safehub-card-wrapper .safehub-card-media img{ height:100%; width:auto; object-fit:cover; display:block; max-width:100%; } .safehub-product-card .safehub-card-wrapper .safehub-product-type{ background:rgba(23, 34, 51, 0.8); color:#fff; font-size:1rem; letter-spacing:0.08rem; padding:6px 10px; border-radius:2px; position:absolute; top:12px; right:12px; text-transform:uppercase; } .safehub-product-card .safehub-card-wrapper .safehub-category{ color:#fff !important; } .safehub-product-card .safehub-card-wrapper .safehub-category:hover{ color:var(--accent, #2EA397) !important; } .safehub-product-card .safehub-card-wrapper .safehub-sector{ display:inline-flex; align-items:center; gap:6px; background-color:var(--accent); color:#0b0f14; font-size:0.7rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; padding:4px 10px 4px 13px; margin:6px 0 8px; line-height:1; white-space:nowrap; clip-path:polygon(0% 50%, 5px 0%, 100% 0%, 100% 100%, 5px 100%, 0% 50%); text-decoration:none; transition:transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; } .safehub-product-card .safehub-card-wrapper .safehub-sector:hover{ color:#0b0f14; transform:translateY(-1px); box-shadow:0 2px 6px rgba(0, 0, 0, 0.25); filter:brightness(1.05); } .safehub-product-card .safehub-card-wrapper .safehub-sector .mdi{ font-size:14px; display:inline-block; vertical-align:middle; color:#0b0f14; } .safehub-product-card .safehub-card-wrapper .sector-icon-faith{ background-image:url("/path-to-icons/church.svg"); } .safehub-product-card .safehub-card-wrapper .sector-icon-sport{ background-image:url("/path-to-icons/soccer.svg"); } .safehub-product-card .safehub-card-wrapper .sector-icon-event{ background-image:url("/path-to-icons/calendar-star.svg"); } .safehub-product-card .safehub-card-wrapper .sector-icon-ngo{ background-image:url("/path-to-icons/hand-heart.svg"); } .safehub-product-card .safehub-card-wrapper .sector-icon-education{ background-image:url("/path-to-icons/school.svg"); } .safehub-product-card .safehub-card-wrapper .sector-icon-health-safety{ background-image:url("/path-to-icons/shield-check.svg"); } .safehub-product-card .safehub-card-wrapper .safehub-card-content{ padding:12px; flex-grow:1; display:flex; flex-direction:column; align-items:flex-start; } .safehub-product-card .safehub-card-wrapper .safehub-price{ color:#fff; font-size:1.4rem; } .safehub-product-card .safehub-card-wrapper .safehub-price span{ color:var(--accent, #2EA397); } .safehub-product-card .safehub-card-wrapper .safehub-price span.from{ color:#ffffff !important; } .safehub-product-card .safehub-card-wrapper .safehub-cta{ display:flex; justify-content:flex-end; gap:10px; margin-left:auto; margin-top:auto; } .safehub-product-card .safehub-card-wrapper .safehub-cta a.product_type_course:not(.add_to_cart_button){ display:none !important; } .safehub-product-card .safehub-card-wrapper .safehub-cta a.added_to_cart{ font-size:0 !important; } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button{ clip-path:none !important; display:inline-flex !important; align-items:center; justify-content:center; width:42px; height:42px; padding:0; font-size:0; line-height:1; border-radius:5px; border:2px solid var(--accent, #2EA397) !important; background-color:transparent !important; color:#fff !important; text-decoration:none; cursor:pointer; transition:all 0.15s ease-in-out; } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button::after{ display:none !important; content:none !important; } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button::before{ font-family:"Material Design Icons"; content:"󱔨"; font-size:20px; line-height:1; color:#fff; } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:hover{ background-color:var(--accent, #2EA397) !important; } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button:active{ transform:scale(0.95); } .safehub-product-card .safehub-card-wrapper .safehub-cta > a.button.add_to_cart_button.added::before{ content:"󰄬"; } .safehub-product-card .safehub-card-wrapper .safehub-cta .hub-product-btn{ border-radius:5px; color:#000; padding:9px 19px; text-decoration:none; font-size:0.9rem; background-color:var(--accent, #2EA397); border:2px solid var(--accent, #2EA397); transition:all 0.1s ease-in-out; } .safehub-product-card .safehub-card-wrapper .safehub-cta .hub-product-btn:hover{ background-color:transparent; color:var(--accent, #2EA397); } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-faith{ --accent:#FF5424; } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-sport{ --accent:#7CFF00; } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-event{ --accent:#FF3E8A; } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-ngo{ --accent:#9B6BFF; } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-education{ --accent:#F1EE07; } .safehub-product-card .safehub-card-wrapper .safehub-product-card.safehub-sector-health-safety{ --accent:#FFB020; } #shop-filters{ background-color:#161F2E; padding:20px; position:sticky; top:146px; height:calc(100vh - 0px); overflow-y:auto; max-width:280px; } #shop-filters .widget{ margin-bottom:30px; } #shop-filters .widget h3{ color:#fff; font-size:18px; margin-bottom:15px; text-transform:uppercase; } #shop-filters .widget ul{ list-style:none; padding-left:0; } #shop-filters .widget ul li{ margin-bottom:10px; } #shop-filters .widget ul li a{ display:flex; align-items:center; padding:8px 12px; color:#fff; text-decoration:none; font-weight:500; transition:background 0.2s; } #shop-filters .widget ul li a:hover{ opacity:0.9; } #shop-filters .widget ul li a .sector-icon-wrapper{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin-right:10px; border-radius:2px; } #shop-filters .widget ul li a .sector-icon{ font-size:20px; } #shop-filters .widget ul li.sector-faith a .sector-icon{ color:#FF6B35; } #shop-filters .widget ul li.sector-faith a .sector-icon-wrapper{ background-color:rgba(255, 107, 53, 0.3); } #shop-filters .widget ul li.sector-sport a .sector-icon{ color:#00C853; } #shop-filters .widget ul li.sector-sport a .sector-icon-wrapper{ background-color:rgba(0, 200, 83, 0.3); } #shop-filters .widget ul li.sector-event a .sector-icon{ color:#FF4081; } #shop-filters .widget ul li.sector-event a .sector-icon-wrapper{ background-color:rgba(255, 64, 129, 0.3); } #shop-filters .widget ul li.sector-education a .sector-icon{ color:#f1ee07; } #shop-filters .widget ul li.sector-education a .sector-icon-wrapper{ background-color:rgba(255, 193, 7, 0.3); } #shop-filters .widget ul li.sector-ngo a .sector-icon{ color:#9C27B0; } #shop-filters .widget ul li.sector-ngo a .sector-icon-wrapper{ background-color:rgba(156, 39, 176, 0.3); } #shop-filters .widget ul li.sector-health-safety a .sector-icon{ color:#FFB020; } #shop-filters .widget ul li.sector-health-safety a .sector-icon-wrapper{ background-color:rgba(255, 176, 32, 0.3); } @media (max-width:1024px){ #shop-filters{ position:static; height:auto; max-width:100%; } } .section-latest-products-tabs .safehub-category{ display:none !important; } .section-latest-products-tabs .section-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; } .section-latest-products-tabs .section-header .view-all{ padding:4px 14px; border-radius:2px; font-size:12px; text-decoration:none; } .section-latest-products-tabs .product-tabs{ display:flex; gap:1rem; margin-bottom:2rem; flex-wrap:wrap; } .section-latest-products-tabs .product-tab{ --accent:#2EA397; position:relative; display:inline-flex; align-items:center; gap:10px; padding:12px 16px; clip-path:none; border-radius:999px; background:transparent; border:2px solid color-mix(in srgb, var(--accent) 55%, transparent); color:rgba(255, 255, 255, 0.85); cursor:pointer; transition:background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease; } .section-latest-products-tabs .product-tab:hover{ border-color:var(--accent); color:#fff; } .section-latest-products-tabs .product-tab::before{ content:""; width:18px; height:18px; border-radius:999px; flex:0 0 18px; border:2px solid color-mix(in srgb, var(--accent) 70%, transparent); background:transparent; transition:border-color 0.25s ease, background-color 0.25s ease; } .section-latest-products-tabs .product-tab.is-active{ background:var(--accent); border-color:var(--accent); color:#0b0f14; box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent); } .section-latest-products-tabs .product-tab.is-active::before{ content:"✓"; display:inline-flex; align-items:center; justify-content:center; font-size:12px; line-height:1; font-weight:800; border-color:#0b0f14; color:#0b0f14; background:transparent; } .section-latest-products-tabs .product-tab--sport{ --accent:#7CFF00; } .section-latest-products-tabs .product-tab--event{ --accent:#FF3E8A; } .section-latest-products-tabs .product-tab--ngo{ --accent:#9B6BFF; } .section-latest-products-tabs .product-tab--faith{ --accent:#FF5424; } .section-latest-products-tabs .product-tab--health-safety{ --accent:#FFB020; } .section-latest-products-tabs .product-tab--education{ --accent:#F1EE07; } .section-latest-products-tabs .tab-panel{ display:none; } .section-latest-products-tabs .tab-panel.is-active{ display:block; } .section-latest-products-tabs .product-swiper{ position:relative; padding-bottom:64px; } .section-latest-products-tabs .product-swiper .swiper-wrapper{ display:flex; align-items:stretch; } .section-latest-products-tabs .product-swiper .swiper-slide{ height:auto; display:flex; } .section-latest-products-tabs .product-swiper .swiper-slide > *{ width:100%; display:flex; } .section-latest-products-tabs .product-swiper .safehub-product-card{ height:100%; } .section-latest-products-tabs .product-swiper .swiper-nav{ position:absolute; right:0; bottom:0; display:inline-flex; gap:10px; z-index:10; } .section-latest-products-tabs .product-swiper .swiper-button-prev, .section-latest-products-tabs .product-swiper .swiper-button-next{ position:static; top:auto; left:auto; right:auto; margin:0; transform:none; width:44px; height:44px; border-radius:999px; display:inline-flex !important; align-items:center; justify-content:center; background:transparent; border:2px solid rgba(255, 255, 255, 0.25); color:rgba(255, 255, 255, 0.9); transition:border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease; } .section-latest-products-tabs .product-swiper .swiper-button-prev:hover, .section-latest-products-tabs .product-swiper .swiper-button-next:hover{ border-color:rgba(255, 255, 255, 0.7); background:rgba(255, 255, 255, 0.08); color:#fff; } .section-latest-products-tabs .product-swiper .swiper-button-prev::after, .section-latest-products-tabs .product-swiper .swiper-button-next::after{ font-size:16px; font-weight:800; } @media only screen and (max-width:991px){ .section-latest-products-tabs .product-swiper{ padding-bottom:0; } .section-latest-products-tabs .product-swiper .swiper-nav{ display:none !important; } } .section-page_header_typewriter_products .safehub-category{ display:none; } .section-page_header_typewriter_products .text-box{ max-width:100%; } .section-page_header_typewriter_products .component-links-box{ margin-top:20px; } .section-page_header_typewriter_products .hero-typewriter{ text-transform:uppercase; letter-spacing:0.04em; line-height:0.95; font-weight:800; margin:0 0 18px; font-size:clamp(2.2rem, 6.5vw, 6.5rem); white-space:nowrap; } .section-page_header_typewriter_products .hero-typewriter__static, .section-page_header_typewriter_products .hero-typewriter__dynamic{ font-size:inherit; } .section-page_header_typewriter_products .hero-typewriter__static{ position:relative; display:inline-block; color:rgba(7, 14, 21, 0.12); -webkit-text-stroke:clamp(1px, 0.18vw, 2px) #97EBE5; text-stroke:clamp(1px, 0.18vw, 2px) #97EBE5; text-shadow:0 0 8px #000000, 0 0 18px #298c82, 0 0 34px #43bfb2; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; } .section-page_header_typewriter_products .hero-typewriter__static::before{ content:attr(data-text); position:absolute; inset:0; z-index:-1; color:rgba(7, 14, 21, 0.55); filter:blur(10px); opacity:0.7; pointer-events:none; user-select:none; } .section-page_header_typewriter_products .hero-typewriter__inner{ display:inline-flex; align-items:baseline; gap:0.15em; } .section-page_header_typewriter_products .hero-typewriter__dynamic{ color:#fff; font-weight:800; display:inline-block; min-width:10ch; position:relative; -webkit-text-stroke:0; text-shadow:none; } .section-page_header_typewriter_products .hero-typewriter__dynamic::after{ content:""; display:inline-block; width:2px; height:0.95em; margin-left:0.15em; background:currentColor; transform:translateY(0.1em); animation:heroTwCaretBlink 0.8s steps(1) infinite; } @keyframes heroTwCaretBlink{ 50%{ opacity:0; } } .section-page_header_typewriter_products .hero-products{ margin-top:60px; } .section-page_header_typewriter_products .hero-products .safehub-product-card{ height:100%; width:100% !important; } .section-page_header_typewriter_products .hero-products__head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; } .section-page_header_typewriter_products .hero-products__title{ margin:0; letter-spacing:0.04em; } .section-page_header_typewriter_products .hero-products__rail{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } @media (max-width:1200px){ .section-page_header_typewriter_products .hero-products__rail{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (max-width:992px){ .section-page_header_typewriter_products .hero-products__rail{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:768px){ .section-page_header_typewriter_products .hero-typewriter{ white-space:normal; font-size:clamp(1.8rem, 6vw, 3.2rem); letter-spacing:0.02em; } .section-page_header_typewriter_products .hero-typewriter__inner{ flex-wrap:wrap; } .section-page_header_typewriter_products .hero-typewriter__dynamic{ min-width:0; overflow-wrap:anywhere; } .section-page_header_typewriter_products .hero-products__rail{ display:grid; grid-auto-flow:column; grid-auto-columns:88%; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:6px; } .section-page_header_typewriter_products .hero-products__rail::-webkit-scrollbar{ display:none; } .section-page_header_typewriter_products .hero-products__item{ scroll-snap-align:start; } } .section-page_header_typewriter_products .image-box{ width:100%; } .section-page_header_typewriter_products .image-box > img{ position:absolute; top:0; height:unset; } .section-page_header_typewriter_products .image-box .simpleParallax{ height:100%; } .section-page_header_typewriter_products .image-box .overlay-box{ display:flex; align-items:center; justify-content:center; z-index:3; } @media only screen and (max-width:991px){ .section-page_header_typewriter_products .image-box .overlay-box{ bottom:unset; } } @media only screen and (max-width:991px){ .section-page_header_typewriter_products .image-box .overlay-box .container .text-box{ padding-top:40px !important; padding-bottom:40px !important; } } .wp-block-woocommerce-empty-cart-block .wp-block-heading:last-of-type{ display:none !important; } .wp-block-woocommerce-cart .wc-block-cart__submit{ background:#229995; } .wp-block-woocommerce-cart .wc-block-cart__submit a{ color:#fff; text-decoration:none; } .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button{ background:#229995; border:none; color:#fff; } .woocommerce-tabs.wc-tabs-wrapper{ display:none !important; } .woocommerce-MyAccount-navigation-link--edit-address{ display:none !important; } .woocommerce .woocommerce-ordering{ position:relative; display:inline-block; } .woocommerce .woocommerce-ordering select.orderby{ appearance:none; -webkit-appearance:none; -moz-appearance:none; background-color:#10161C; color:#ffffff; border:2px solid #161F2E; border-radius:999px !important; padding:10px 44px 10px 18px !important; font:inherit; line-height:1.2; cursor:pointer; } .woocommerce .woocommerce-ordering::after{ content:""; position:absolute; right:18px; top:50%; width:8px; height:8px; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff; transform:translateY(-60%) rotate(45deg); pointer-events:none; } .woocommerce .woocommerce-ordering select.orderby:focus{ outline:none; box-shadow:0 0 0 3px rgba(22, 31, 46, 0.6); } .woocommerce .woocommerce-ordering select.orderby option{ color:#f3f3f3; } .woocommerce nav.woocommerce-pagination{ margin-top:2rem; text-align:center; } .woocommerce nav.woocommerce-pagination ul.page-numbers{ display:inline-flex; gap:8px; padding:0; margin:0; list-style:none; } .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border-radius:999px; background:#10161C; border:2px solid #161F2E; color:#ffffff; text-decoration:none; font-weight:500; transition:all 0.2s ease; } .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover{ background:#161F2E; border-color:#1c2738; } .woocommerce nav.woocommerce-pagination ul.page-numbers li .current{ background:#ffffff; color:#10161C; border-color:#ffffff; cursor:default; } .woocommerce nav.woocommerce-pagination ul.page-numbers li .next, .woocommerce nav.woocommerce-pagination ul.page-numbers li .prev{ font-size:18px; padding:0 16px; } .woocommerce nav.woocommerce-pagination ul.page-numbers, .woocommerce nav.woocommerce-pagination ul.page-numbers li{ background:transparent; border:0; box-shadow:none; } .woocommerce nav.woocommerce-pagination ul.page-numbers a.page-numbers, .woocommerce nav.woocommerce-pagination ul.page-numbers span.page-numbers{ box-shadow:none; outline:none; } .safehub-product-card.outofstock .safehub-cta > a.button{ display:none !important; } .safehub-product-card.outofstock .safehub-card-media img{ filter:grayscale(100%); opacity:0.75; } .widget_search_overlay .sidebar-search-trigger{ width:100%; display:flex; align-items:center; gap:10px; padding:8px 14px 8px 14px; border-radius:12px; border:1px solid rgba(255, 255, 255, 0.12); background:rgba(255, 255, 255, 0.06); color:rgba(255, 255, 255, 0.9); cursor:pointer; text-align:left; transition:transform 0.12s ease, background 0.12s ease, border-color 0.12s ease; } .widget_search_overlay .sidebar-search-trigger:hover{ background:rgba(255, 255, 255, 0.09); border-color:rgba(255, 255, 255, 0.18); } .widget_search_overlay .sidebar-search-trigger:active{ transform:translateY(1px); } .widget_search_overlay .sidebar-search-icon{ font-size:18px; opacity:0.9; } .widget_search_overlay .sidebar-search-placeholder{ opacity:0.75; font-size:14px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* ========================= Fullscreen Search Overlay (kept here because you're styling here, but markup is output via wp_footer) ========================= */ .search-overlay{ position:fixed; inset:0; z-index:2147483647; /* ultra-high so it always sits on top */ display:none; } .search-overlay.is-open{ display:block; } .search-overlay__backdrop{ position:absolute; inset:0; background:rgba(0, 0, 0, 0.72); backdrop-filter:blur(6px); } .search-overlay__panel{ position:relative; z-index:1; height:100%; display:flex; align-items:center; justify-content:center; padding:24px; } .search-overlay__content{ width:min(860px, 100%); border-radius:18px; border:1px solid rgba(255, 255, 255, 0.12); background:rgba(15, 15, 18, 0.92); box-shadow:0 20px 80px rgba(0, 0, 0, 0.55); padding:22px; } .search-overlay__title{ margin:0 0 14px 0; color:rgba(255, 255, 255, 0.95); font-size:20px; letter-spacing:0.2px; } .search-overlay__close{ position:absolute; top:18px; right:18px; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; border:1px solid rgba(255, 255, 255, 0.14); background:rgba(255, 255, 255, 0.06); color:rgba(255, 255, 255, 0.9); cursor:pointer; } .search-overlay__close:hover{ background:rgba(255, 255, 255, 0.09); } /* Style the search form inside overlay (your wp_footer markup uses these classes) */ .search-overlay .search-form{ display:flex; gap:10px; } .search-overlay .search-field{ flex:1; padding:14px 14px; border-radius:12px; border:1px solid rgba(255, 255, 255, 0.12); background:rgba(255, 255, 255, 0.06); color:rgba(255, 255, 255, 0.92); outline:none; } .search-overlay .search-field:focus{ border-color:rgba(255, 255, 255, 0.22); } .search-overlay .search-submit{ padding:14px 16px; border-radius:12px; border:1px solid rgba(255, 255, 255, 0.12); background:rgba(255, 255, 255, 0.1); color:rgba(255, 255, 255, 0.95); cursor:pointer; } .search-overlay .search-submit:hover{ background:rgba(255, 255, 255, 0.14); } body.search-overlay-open{ overflow:hidden; } /* Cart badge (hidden when 0) */ .basketicon{ position:relative; display:inline-flex; align-items:center; } .basketicon__total{ display:none; min-width:18px; height:18px; padding:0 6px; border-radius:999px; font-size:12px; line-height:18px; text-align:center; transform:translateY(-6px); } .basketicon__total.is-visible{ display:inline-block; } .basketicon__total.pulse{ animation:basketPulse 0.5s ease; } @keyframes basketPulse{ 0%{ transform:translateY(-6px) scale(1); } 50%{ transform:translateY(-6px) scale(1.25); } 100%{ transform:translateY(-6px) scale(1); } } @media only screen and (max-width:991px){ #shop-filters{ position:fixed; z-index:5; bottom:0; transition:all 200ms ease; left:-100%; } #shop-filters.active{ left:0; } } #shop-filters .close{ display:none; padding-bottom:24px; } @media only screen and (max-width:991px){ #shop-filters .close{ display:block; margin-left:auto; text-align:right; } } .wc-filter-sidebar-toggle.open{ display:none; } @media only screen and (max-width:991px){ .wc-filter-sidebar-toggle.open{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid #fff; background:transparent; color:#fff; cursor:pointer; line-height:1; margin:0 0 12px 0; } } .wc-filter-sidebar-toggle.open::before{ font-family:"Material Design Icons"; content:"󱪣"; font-size:18px; line-height:1; } .wc-filter-sidebar-toggle.open:hover{ background:rgba(255, 255, 255, 0.08); } .wc-filter-sidebar-toggle.open:active{ transform:translateY(1px); } .wc-filter-sidebar-toggle.open:focus-visible{ outline:2px solid rgba(255, 255, 255, 0.65); outline-offset:3px; } .emmaus-team-solution-banner{ margin:16px 0 14px; } .emmaus-team-solution-banner__inner{ display:flex; align-items:center; gap:18px; padding:18px 20px; border-radius:14px; background:#10161c; border:1px solid rgba(255, 255, 255, 0.08); box-shadow:0 12px 28px rgba(0, 0, 0, 0.25); color:#ffffff !important; } .emmaus-team-solution-banner__inner *{ color:#ffffff !important; } .emmaus-team-solution-banner__icon{ font-size:36px; line-height:1; flex:0 0 auto; opacity:1; } .emmaus-team-solution-banner__content{ flex:1; min-width:0; } .emmaus-team-solution-banner__content strong{ display:block; font-size:14px; margin-bottom:4px; font-weight:700; } .emmaus-team-solution-banner__content p{ margin:0; font-size:13px; line-height:1.4; opacity:0.85; } .emmaus-team-solution-banner__cta{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:13px; text-decoration:none; border-bottom:2px solid #ffffff; padding-bottom:3px; transition:transform 0.15s ease, opacity 0.15s ease; } .emmaus-team-solution-banner__cta:after{ content:"→"; font-size:16px; line-height:1; } .emmaus-team-solution-banner__cta:hover{ transform:translateX(3px); opacity:0.85; } @media (max-width:991px){ .emmaus-team-solution-banner__inner{ flex-direction:column; align-items:flex-start; gap:12px; } .emmaus-team-solution-banner__icon{ font-size:32px; } .emmaus-team-solution-banner__cta{ margin-top:4px; } } span.price-from{ font-size:20px !important; } footer{ display:flex; flex-direction:column; justify-content:center; align-items:center; font-family:var(--font-2); position:relative; z-index:1; } footer .container .footer-columns{ display:grid; gap:40px; grid-template-columns:1fr; } @media only screen and (min-width:992px){ footer .container .footer-columns.columns-1{ grid-template-columns:repeat(1, 1fr); } footer .container .footer-columns.columns-2{ grid-template-columns:repeat(2, 1fr); } footer .container .footer-columns.columns-3{ grid-template-columns:repeat(3, 1fr); } footer .container .footer-columns.columns-4{ grid-template-columns:repeat(4, 1fr); } } footer .footer-widget{ margin-bottom:40px; } footer .footer-widget a{ text-decoration:none; } footer .footer-widget a:hover{ text-decoration:underline; } footer .footer-widget ul{ list-style:none; padding:0; margin:0; } footer .footer-widget .footer-widget-title{ margin-bottom:30px; font-size:19px; line-height:20px; } footer .footer-widget .gallery{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; list-style:none; } footer .footer-widget .gallery br{ display:none; /* Hide br elements for clearing floats */ } footer .footer-widget .gallery .gallery-item{ width:100% !important; } footer .footer-widget .gallery .gallery-item .gallery-icon{ display:flex; align-items:center; justify-content:flex-start; height:100%; } footer .footer-widget .gallery .gallery-item .gallery-icon img{ width:auto; height:auto; max-width:120px; max-height:60px; border:none !important; } footer .footer-copyright{ margin:0 auto; } footer .footer-credits{ margin:0 auto; } footer .footer-credits .dev-link-box{ display:inline-flex; align-items:center; } footer .footer-credits .dev-link-box a.dev-link{ display:inline-flex; align-items:center; justify-content:center; margin-left:7px; font-weight:600; } footer .footer-credits .dev-link-box a.dev-link img{ max-height:44px; height:1em; margin-right:4px; } /* This file is auto-generated and may be replaced! */ .posts-grid{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; list-style:none; } @media only screen and (max-width:991px){ .posts-grid{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; list-style:none; } } @media only screen and (max-width:767px){ .posts-grid{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; list-style:none; } } /* This file is auto-generated and may be replaced! */ .component-counters{ display:grid; gap:24px; grid-template-columns:repeat(var(--cols-mobile, 1), minmax(0, 1fr)); } @media (min-width:720px){ .component-counters{ grid-template-columns:repeat(var(--cols-tablet, 2), minmax(0, 1fr)); } } @media (min-width:1024px){ .component-counters{ grid-template-columns:repeat(var(--cols-desktop, 3), minmax(0, 1fr)); } } .component-counters .counter{ border-radius:14px; padding:0; box-shadow:0 6px 22px rgba(0, 0, 0, 0.08); position:relative; overflow:hidden; text-align:center; display:flex; flex-direction:column; height:100%; transition:opacity 600ms ease, transform 600ms ease; } .component-counters .counter:nth-of-type(1){ transition-delay:calc(1 * 150ms); } .component-counters .counter:nth-of-type(2){ transition-delay:calc(2 * 150ms); } .component-counters .counter:nth-of-type(3){ transition-delay:calc(3 * 150ms); } .component-counters .counter:nth-of-type(4){ transition-delay:calc(4 * 150ms); } .component-counters .counter:nth-of-type(5){ transition-delay:calc(5 * 150ms); } .component-counters .counter:nth-of-type(6){ transition-delay:calc(6 * 150ms); } .component-counters .counter:not(.counted){ opacity:0; transform:translateY(20px); } .component-counters .counter::before{ content:""; display:block; height:6px; background:var(--accent-bar-color, #be9c73); } .component-counters .counter .counter-inner{ padding:40px 28px; display:flex; flex-direction:column; align-items:center; gap:16px; flex:1; } .component-counters .counter .counter-icon{ font-size:38px; line-height:1; opacity:0.7; } .component-counters .counter .counter-divider{ /* existing rule — change margin from `24px 0` to `8px 0` so the gap on the parent handles the rest */ width:60px; height:1px; background:currentColor; opacity:0.25; margin:8px 0; } .component-counters .counter .counter-number-wrapper{ display:flex; flex-direction:row; align-items:baseline; justify-content:center; font-weight:700; line-height:1; margin-bottom:0; } .component-counters .counter .counter-number-wrapper .prepend{ font-size:2.4em; } .component-counters .counter .counter-number-wrapper .counter-number{ font-size:4.8em; } .component-counters .counter .counter-number-wrapper .append{ font-size:2.4em; } .component-counters .counter .counter-divider{ width:60px; height:1px; background:currentColor; opacity:0.25; margin:24px 0; } .component-counters .counter .counter-label-top{ font-size:15px; opacity:0.7; margin-bottom:6px; line-height:1.4; } .component-counters .counter .counter-title{ font-size:17px; font-weight:700; line-height:1.4; } .color-theme-1 .component-counters .counter, header .component-counters .counter, .modal-box .component-counters .counter{ --accent-bar-color:var(--section-color-1-accent-1); background:var(--section-color-1-overlay); color:var(--section-color-1-text); } .color-theme-2 .component-counters .counter, .vertical-scroll-down .scroll-button .component-counters .counter{ --accent-bar-color:var(--section-color-2-accent-1); background:var(--section-color-2-overlay); color:var(--section-color-2-text); } .color-theme-3 .component-counters .counter{ --accent-bar-color:var(--section-color-3-accent-1); background:var(--section-color-3-overlay); color:var(--section-color-3-text); } .color-theme-4 .component-counters .counter{ --accent-bar-color:var(--section-color-4-accent-1); background:var(--section-color-4-overlay); color:var(--section-color-4-text); } .color-theme-5 .component-counters .counter{ --accent-bar-color:var(--section-color-5-accent-1); background:var(--section-color-5-overlay); color:var(--section-color-5-text); } .color-theme-6 .component-counters .counter{ --accent-bar-color:var(--section-color-6-accent-1); background:var(--section-color-6-overlay); color:var(--section-color-6-text); } /* This file is auto-generated and may be replaced! */ .component-features{ margin-top:30px; display:flex; flex-direction:row; width:100%; flex-wrap:wrap; } .component-features.align-left{ justify-content:flex-start; } .component-features.align-left .item{ margin-right:15px; } .component-features.align-center{ justify-content:center; } .component-features.align-center .item{ margin-right:15px; } .component-features.align-right{ justify-content:flex-end; } .component-features.align-right .item{ margin-left:15px; } .component-features .item-box{ display:flex; border-radius:5px; padding:8px 14px; margin-bottom:15px; } .component-features .item-box i{ margin-right:10px; } /* This file is auto-generated and may be replaced! */ .component-image-gallery:not([data-lightbox="1"]) a{ pointer-events:none; } .component-image-gallery.layout-uniform .image-gallery-box{ width:100%; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-desktop="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:30px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:10px; list-style:none; } @media only screen and (max-width:991px){ .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:20px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-tablet="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:20px; list-style:none; } } @media only screen and (max-width:767px){ .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="1"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="2"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="3"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="4"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="5"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; list-style:none; } .component-image-gallery.layout-uniform .image-gallery-box[data-mobile="6"]{ padding:0; width:100%; display:grid; grid-template-columns:repeat(6, 1fr); gap:10px; list-style:none; } } .component-image-gallery.layout-uniform .image-gallery-box .item-box .item-image-box{ width:100%; height:100%; aspect-ratio:1; } .component-image-gallery.layout-asymmetric .image-gallery-box{ width:100%; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box{ display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:minmax(0, auto); aspect-ratio:1.5; gap:10px; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box:not(:nth-of-type(1)){ margin-top:10px; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box:nth-of-type(2n) .item-image-box:nth-child(1){ grid-column:2; grid-row:1 / span 2; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box:nth-of-type(2n) .item-image-box:nth-child(2){ grid-column:1; grid-row:1; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box:nth-of-type(2n) .item-image-box:nth-child(3){ grid-column:1; grid-row:2; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box .item-image-box:nth-child(1){ grid-row:1 / span 2; } .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box .item-image-box:nth-child(2), .component-image-gallery.layout-asymmetric .image-gallery-box .masonry-grid-box .item-image-box:nth-child(3){ grid-row:span 1; } .component-image-gallery.layout-masonry .image-gallery-box{ width:100%; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="1"]{ columns:1; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="2"]{ columns:2; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="3"]{ columns:3; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="4"]{ columns:4; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="5"]{ columns:5; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box[data-desktop="6"]{ columns:6; column-gap:30px; } .component-image-gallery.layout-masonry .image-gallery-box a{ break-inside:avoid; margin-bottom:20px; } @media only screen and (max-width:991px){ .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="1"]{ columns:1; column-gap:20px; } .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="2"]{ columns:2; column-gap:20px; } .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="3"]{ columns:3; column-gap:20px; } .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="4"]{ columns:4; column-gap:20px; } .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="5"]{ columns:5; column-gap:20px; } .component-image-gallery.layout-masonry .image-gallery-box[data-tablet="6"]{ columns:6; column-gap:20px; } } @media only screen and (max-width:767px){ .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="1"]{ columns:1; column-gap:10px; } .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="2"]{ columns:2; column-gap:10px; } .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="3"]{ columns:3; column-gap:10px; } .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="4"]{ columns:4; column-gap:10px; } .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="5"]{ columns:5; column-gap:10px; } .component-image-gallery.layout-masonry .image-gallery-box[data-mobile="6"]{ columns:6; column-gap:10px; } } .component-image-gallery.layout-slider .item-image-box{ aspect-ratio:1; } /* This file is auto-generated and may be replaced! */ .component-links-box .buttons-box{ width:100%; display:flex; flex-direction:row; flex-wrap:wrap; } .component-links-box .buttons-box a{ margin-top:10px; } .component-links-box .buttons-box[data-align="left"]{ justify-content:flex-start; } .component-links-box .buttons-box[data-align="left"] a{ margin-right:20px; } .component-links-box .buttons-box[data-align="center"]{ justify-content:center; } .component-links-box .buttons-box[data-align="center"] a{ margin-left:10px; margin-right:10px; } .component-links-box .buttons-box[data-align="right"]{ justify-content:flex-end; } .component-links-box .buttons-box[data-align="right"] a{ margin-left:20px; } /* This file is auto-generated and may be replaced! */ .component-map-box iframe{ width:100%; } /* This file is auto-generated and may be replaced! */ .component-qa-box{ display:flex; flex-direction:column; } .component-qa-box .question-answer-box:not(:first-of-type){ margin-top:30px; } .component-qa-box .question-answer-box .question-box{ display:flex; cursor:pointer; user-select:none; } .component-qa-box .question-answer-box .question-box .icon-box{ width:44px; align-items:flex-start; justify-content:center; display:inline-flex; font-size:var(--font-size-h3); } .component-qa-box .question-answer-box .answer-box{ padding:20px 0 20px 44px; } /* This file is auto-generated and may be replaced! */ .component-tabs .tabs-box .tabs-buttons{ display:inline-flex; flex-wrap:wrap; } .component-tabs .tabs-box .tabs-buttons .item-wrapper{ display:inline-flex; margin-right:20px; margin-bottom:15px; } .component-tabs .tabs-box .tabs-buttons .item-wrapper .tab-button{ border-bottom:solid 3px transparent; font-weight:700; } .component-tabs .tabs-box .tabs-buttons .item-wrapper .tab-button:not(.active){ border-color:transparent !important; } .component-tabs .tabs-box .tabs-content{ display:none; flex-direction:column; } .component-tabs .tabs-box .tabs-content.active{ display:flex; } /* This file is auto-generated and may be replaced! */ .component-text-columns .text-box .columns[data-columns="2"]{ display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; width:100%; } @media (max-width:767px){ .component-text-columns .text-box .columns[data-columns="2"]{ grid-template-columns:repeat(1, 1fr); } } /* This file is auto-generated and may be replaced! */ .component-heading-text{ width:100%; display:flex; flex-direction:column; margin-bottom:30px; } .component-heading-text[data-align="left"]{ align-items:flex-start; text-align:left; } .component-heading-text[data-align="center"]{ align-items:center; text-align:center; } .component-heading-text[data-align="right"]{ align-items:flex-end; text-align:right; } .component-heading-text .text-box{ max-width:55ch; } /* This file is auto-generated and may be replaced! */ .component-video-box{ width:100%; } /* This file is auto-generated and may be replaced! */ .component-visual-media{ width:100%; } .component-visual-media.media-type-slideshow .swiper-container .item-image-box{ aspect-ratio:1; } .component-visual-media.media-type-gallery{ height:100%; } .component-visual-media.media-type-gallery .gallery-wrapper{ display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; width:100%; height:100%; } /* This file is auto-generated and may be replaced! */ .section-call_to_action{ position:relative; overflow:hidden; } .section-call_to_action .container{ max-width:1180px; margin:0 auto; padding-left:20px; padding-right:20px; } .section-call_to_action .cta-panel{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0, 1fr); gap:32px; align-items:center; border-radius:34px; padding:clamp(34px, 5vw, 64px); border:1px solid color-mix(in srgb, currentColor 14%, transparent); box-shadow:0 24px 70px rgba(0, 0, 0, 0.08); } .section-call_to_action.section-color-5 .cta-panel{ background:var(--section-color-5-overlay); border-color:color-mix(in srgb, var(--section-color-5-border) 25%, transparent); } .section-call_to_action.section-color-6 .cta-panel{ background:var(--section-color-6-overlay); border-color:var(--section-color-6-border); } .section-call_to_action .cta-panel::before{ content:""; position:absolute; top:-120px; right:-95px; width:310px; height:310px; border-radius:50%; background:currentColor; opacity:0.07; pointer-events:none; } .section-call_to_action .cta-panel::after{ content:""; position:absolute; left:-80px; bottom:-95px; width:230px; height:230px; border-radius:50%; background:currentColor; opacity:0.05; pointer-events:none; } .section-call_to_action.section-color-5 .cta-panel::before{ background:var(--section-color-5-accent-2); opacity:0.16; } .section-call_to_action.section-color-5 .cta-panel::after{ background:var(--section-color-5-accent-1); opacity:0.12; } .section-call_to_action.section-color-6 .cta-panel::before{ background:var(--section-color-6-accent-2); opacity:0.45; } .section-call_to_action.section-color-6 .cta-panel::after{ background:var(--section-color-6-accent-1); opacity:0.12; } .section-call_to_action .cta-panel__accent{ position:absolute; top:0; left:clamp(28px, 5vw, 64px); width:110px; height:5px; background:currentColor; opacity:0.4; pointer-events:none; } .section-call_to_action.section-color-5 .cta-panel__accent{ background:var(--section-color-5-accent-1); opacity:1; } .section-call_to_action.section-color-6 .cta-panel__accent{ background:var(--section-color-6-accent-1); opacity:1; } .section-call_to_action .cta-panel__dots{ position:absolute; right:42px; bottom:38px; width:96px; height:72px; opacity:0.35; background-image:radial-gradient(currentColor 2px, transparent 2px); background-size:16px 16px; pointer-events:none; } .section-call_to_action.section-color-5 .cta-panel__dots{ background-image:radial-gradient(var(--section-color-5-accent-1) 2px, transparent 2px); } .section-call_to_action.section-color-6 .cta-panel__dots{ background-image:radial-gradient(var(--section-color-6-accent-1) 2px, transparent 2px); } .section-call_to_action .text-box, .section-call_to_action .links-box{ position:relative; z-index:2; } .section-call_to_action .text-box{ max-width:680px; } .section-call_to_action .wysiwyg > *:first-child, .section-call_to_action footer .footer-widget .textwidget > *:first-child, footer .footer-widget .section-call_to_action .textwidget > *:first-child{ margin-top:0; } .section-call_to_action .wysiwyg > *:last-child, .section-call_to_action footer .footer-widget .textwidget > *:last-child, footer .footer-widget .section-call_to_action .textwidget > *:last-child{ margin-bottom:0; } .section-call_to_action .wysiwyg h1, .section-call_to_action footer .footer-widget .textwidget h1, footer .footer-widget .section-call_to_action .textwidget h1, .section-call_to_action .wysiwyg h2, .section-call_to_action footer .footer-widget .textwidget h2, footer .footer-widget .section-call_to_action .textwidget h2, .section-call_to_action .wysiwyg h3, .section-call_to_action footer .footer-widget .textwidget h3, footer .footer-widget .section-call_to_action .textwidget h3{ max-width:720px; margin-bottom:24px; } .section-call_to_action .wysiwyg p, .section-call_to_action footer .footer-widget .textwidget p, footer .footer-widget .section-call_to_action .textwidget p{ max-width:580px; line-height:1.55; opacity:0.86; } .section-call_to_action .wysiwyg p:last-child, .section-call_to_action footer .footer-widget .textwidget p:last-child, footer .footer-widget .section-call_to_action .textwidget p:last-child{ margin-top:22px; font-weight:700; opacity:1; } .section-call_to_action .links-box{ display:flex; flex-direction:column; gap:14px; width:100%; } .section-call_to_action .links-box .btn, .section-call_to_action .links-box a{ display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; padding:17px 24px 17px 28px; border-radius:0; font-size:17px; font-weight:800; line-height:1; text-decoration:none; transition:transform 0.2s ease, box-shadow 0.2s ease; } .section-call_to_action .links-box .btn:hover, .section-call_to_action .links-box a:hover{ transform:translateY(-3px); } .section-call_to_action .links-box .btn i, .section-call_to_action .links-box a i{ font-size:22px; line-height:1; } .section-call_to_action.section-color-5 .links-box .btn:first-child, .section-call_to_action.section-color-5 .links-box a:first-child{ background:var(--section-color-5-button); color:var(--section-color-5-button-text); box-shadow:8px 8px 0 color-mix(in srgb, var(--section-color-5-button) 22%, transparent); } .section-call_to_action.section-color-5 .links-box .btn:nth-child(2), .section-call_to_action.section-color-5 .links-box a:nth-child(2){ background:var(--section-color-5-accent-2); color:var(--section-color-5-background); box-shadow:8px 8px 0 color-mix(in srgb, var(--section-color-5-accent-2) 22%, transparent); } .section-call_to_action.section-color-6 .links-box .btn:first-child, .section-call_to_action.section-color-6 .links-box a:first-child{ background:var(--section-color-6-button); color:var(--section-color-6-button-text); box-shadow:8px 8px 0 color-mix(in srgb, var(--section-color-6-button) 16%, transparent); } .section-call_to_action.section-color-6 .links-box .btn:nth-child(2), .section-call_to_action.section-color-6 .links-box a:nth-child(2){ background:var(--section-color-6-accent-1); color:var(--section-color-6-button-hover-text); box-shadow:8px 8px 0 color-mix(in srgb, var(--section-color-6-accent-1) 18%, transparent); } @media (min-width:900px){ .section-call_to_action .cta-panel{ grid-template-columns:minmax(0, 1fr) minmax(280px, 360px); gap:56px; } .section-call_to_action .links-box{ justify-self:end; } } @media (max-width:767px){ .section-call_to_action .container{ padding-left:16px; padding-right:16px; } .section-call_to_action .cta-panel{ border-radius:26px; padding:36px 22px; } .section-call_to_action .cta-panel__dots{ display:none; } .section-call_to_action .links-box .btn, .section-call_to_action .links-box a{ width:100%; } } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-carded_hero{ --carded-hero-emmaus-mark:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-logo-mark-light.svg"); --carded-hero-theme-background:#172233; --carded-hero-theme-overlay:#243247; --carded-hero-theme-text:#f1f1f1; --carded-hero-theme-title:#fff; --carded-hero-accent:#44cac1; --carded-hero-accent-dark:#2faaa2; --carded-hero-accent-text:#fff; --carded-hero-secondary-accent:#ff5424; --carded-hero-light-background:#f1f1f1; --carded-hero-card-text:#172233; --carded-hero-card-muted:#667386; position:relative; width:100%; overflow:visible; background:var(--carded-hero-light-background); } .section-carded_hero .carded-hero__background{ position:relative; width:100%; min-height:calc(80vh - 100px); display:flex; align-items:center; justify-content:center; overflow:hidden; color:var(--carded-hero-theme-text); background:radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--carded-hero-accent) 28%, transparent), transparent 31%), radial-gradient(circle at 8% 86%, color-mix(in srgb, var(--carded-hero-secondary-accent) 18%, transparent), transparent 29%), linear-gradient(135deg, var(--carded-hero-theme-background), var(--carded-hero-theme-overlay)); } .section-carded_hero .carded-hero__background::before{ content:""; position:absolute; top:-95px; right:-55px; width:min(36vw, 560px); aspect-ratio:1; pointer-events:none; background:var(--carded-hero-theme-title); opacity:0.055; -webkit-mask-image:var(--carded-hero-emmaus-mark); mask-image:var(--carded-hero-emmaus-mark); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; } .section-carded_hero .carded-hero__background::after{ content:""; position:absolute; right:8%; bottom:-280px; width:560px; height:560px; border:1px solid color-mix(in srgb, var(--carded-hero-theme-title) 8%, transparent); border-radius:50%; pointer-events:none; } .section-carded_hero .carded-hero__background > .container{ position:relative; z-index:2; width:100%; } .section-carded_hero .carded-hero__content{ width:min(850px, 72%); max-width:850px; padding:clamp(80px, 8vh, 120px) 0 clamp(155px, 17vh, 205px); } .section-carded_hero .carded-hero__eyebrow{ display:inline-flex; align-items:center; gap:9px; margin:0 0 20px; color:var(--carded-hero-accent); font-size:13px; font-weight:800; line-height:1.3; letter-spacing:0.11em; text-transform:uppercase; } .section-carded_hero .carded-hero__eyebrow::before{ content:""; width:28px; height:2px; flex:0 0 auto; background:currentColor; } .section-carded_hero .carded-hero__main-content{ max-width:820px; } .section-carded_hero .carded-hero__main-content .wysiwyg > *:first-child, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget > *:first-child, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget > *:first-child{ margin-top:0; } .section-carded_hero .carded-hero__main-content .wysiwyg > *:last-child, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget > *:last-child, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget > *:last-child{ margin-bottom:0; } .section-carded_hero .carded-hero__main-content .wysiwyg h1, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h1, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h1, .section-carded_hero .carded-hero__main-content .wysiwyg h2, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h2, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h2{ max-width:820px; margin:0; color:var(--carded-hero-theme-title); font-size:clamp(48px, 5.75vw, 82px); font-weight:700; line-height:0.98; letter-spacing:-0.055em; text-wrap:balance; } .section-carded_hero .carded-hero__main-content .wysiwyg h3, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h3, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h3{ max-width:780px; margin:0; color:var(--carded-hero-theme-title); font-size:clamp(38px, 4.75vw, 64px); font-weight:700; line-height:1; letter-spacing:-0.045em; text-wrap:balance; } .section-carded_hero .carded-hero__main-content .wysiwyg p, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget p, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget p{ max-width:700px; margin:24px 0 0; color:color-mix(in srgb, var(--carded-hero-theme-text) 78%, transparent); font-size:clamp(18px, 1.55vw, 22px); line-height:1.55; } .section-carded_hero .carded-hero__supporting-text{ max-width:660px; margin-top:19px; } .section-carded_hero .carded-hero__supporting-text .wysiwyg, .section-carded_hero .carded-hero__supporting-text footer .footer-widget .textwidget, footer .footer-widget .section-carded_hero .carded-hero__supporting-text .textwidget{ color:color-mix(in srgb, var(--carded-hero-theme-text) 66%, transparent); font-size:15px; line-height:1.65; } .section-carded_hero .carded-hero__supporting-text .wysiwyg > *:first-child, .section-carded_hero .carded-hero__supporting-text footer .footer-widget .textwidget > *:first-child, footer .footer-widget .section-carded_hero .carded-hero__supporting-text .textwidget > *:first-child{ margin-top:0; } .section-carded_hero .carded-hero__supporting-text .wysiwyg > *:last-child, .section-carded_hero .carded-hero__supporting-text footer .footer-widget .textwidget > *:last-child, footer .footer-widget .section-carded_hero .carded-hero__supporting-text .textwidget > *:last-child{ margin-bottom:0; } .section-carded_hero .carded-hero__supporting-text .wysiwyg p, .section-carded_hero .carded-hero__supporting-text footer .footer-widget .textwidget p, footer .footer-widget .section-carded_hero .carded-hero__supporting-text .textwidget p{ margin-top:0; color:inherit; line-height:inherit; } .section-carded_hero .carded-hero__buttons{ margin-top:32px; } .section-carded_hero .carded-hero__buttons .component-links-box{ margin:0; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; margin:0; padding:13px 21px; border:1px solid transparent; border-radius:13px 13px 4px 13px; color:var(--carded-hero-accent-text) !important; background:var(--carded-hero-accent) !important; font-size:15px; font-weight:800; line-height:1.2; text-decoration:none; box-shadow:0 12px 28px color-mix(in srgb, var(--carded-hero-accent) 24%, transparent); transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:hover, .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:focus-visible{ color:var(--carded-hero-accent-text) !important; background:var(--carded-hero-accent-dark) !important; transform:translateY(-2px); text-decoration:none; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:focus-visible{ outline:3px solid color-mix(in srgb, var(--carded-hero-accent) 42%, transparent); outline-offset:3px; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a i, .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a .mdi{ margin:0; font-size:20px; line-height:1; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:nth-child(2){ color:var(--carded-hero-theme-title) !important; background:color-mix(in srgb, var(--carded-hero-theme-title) 6%, transparent) !important; border-color:color-mix(in srgb, var(--carded-hero-theme-title) 20%, transparent); box-shadow:none; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:nth-child(2):hover, .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a:nth-child(2):focus-visible{ color:var(--carded-hero-theme-title) !important; background:color-mix(in srgb, var(--carded-hero-theme-title) 12%, transparent) !important; border-color:color-mix(in srgb, var(--carded-hero-theme-title) 30%, transparent); } .section-carded_hero .carded-hero__cards-wrap{ position:relative; z-index:4; width:100%; display:flex; justify-content:center; margin-top:-62px; padding-bottom:clamp(60px, 7vw, 100px); background:transparent; } .section-carded_hero .carded-hero__cards-wrap > .container{ position:relative; z-index:2; width:100%; } .section-carded_hero .carded-hero__cards{ --carded-hero-card-count:4; display:grid; grid-template-columns:repeat(var(--carded-hero-card-count), minmax(0, 1fr)); gap:18px; width:100%; margin:0; padding:0; list-style:none; } .section-carded_hero .carded-hero__card-item{ min-width:0; height:100%; margin:0; padding:0; } .section-carded_hero .carded-hero__card{ --card-accent:var(--carded-hero-accent); --card-accent-text:var(--carded-hero-accent-text); position:relative; min-width:0; min-height:230px; height:100%; display:flex; flex-direction:column; align-items:flex-start; gap:13px; padding:26px; overflow:hidden; color:var(--carded-hero-card-text); background:#fff; border:1px solid rgba(23, 34, 51, 0.11); border-radius:17px 17px 5px 17px; box-shadow:0 18px 45px rgba(23, 34, 51, 0.13); text-decoration:none; transition:transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease; } .section-carded_hero .carded-hero__card::after{ content:""; position:absolute; right:-23px; bottom:-26px; width:132px; aspect-ratio:1; pointer-events:none; background:var(--card-accent); opacity:0.08; -webkit-mask-image:var(--carded-hero-emmaus-mark); mask-image:var(--carded-hero-emmaus-mark); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; } .section-carded_hero .carded-hero__card:hover, .section-carded_hero .carded-hero__card:focus-visible{ color:var(--carded-hero-card-text); border-color:var(--card-accent); box-shadow:0 25px 60px rgba(23, 34, 51, 0.18); transform:translateY(-5px); text-decoration:none; } .section-carded_hero .carded-hero__card:hover .carded-hero__card-icon, .section-carded_hero .carded-hero__card:focus-visible .carded-hero__card-icon{ transform:translateY(-2px) rotate(-2deg); } .section-carded_hero .carded-hero__card:hover .carded-hero__card-action .mdi, .section-carded_hero .carded-hero__card:focus-visible .carded-hero__card-action .mdi{ transform:translateX(3px); } .section-carded_hero .carded-hero__card:focus-visible{ outline:3px solid color-mix(in srgb, var(--card-accent) 34%, transparent); outline-offset:3px; } .section-carded_hero .carded-hero__card--primary{ --card-accent:var(--carded-hero-accent); --card-accent-text:var(--carded-hero-accent-text); } .section-carded_hero .carded-hero__card--secondary{ --card-accent:var(--carded-hero-secondary-accent); --card-accent-text:#fff; } .section-carded_hero .carded-hero__card--static{ cursor:default; } .section-carded_hero .carded-hero__card--static:hover{ border-color:rgba(23, 34, 51, 0.11); box-shadow:0 18px 45px rgba(23, 34, 51, 0.13); transform:none; } .section-carded_hero .carded-hero__card--static:hover .carded-hero__card-icon{ transform:none; } .section-carded_hero .carded-hero__card-icon{ position:relative; z-index:1; width:46px; height:46px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:var(--card-accent-text); background:var(--card-accent); border-radius:14px 14px 5px 14px; transition:transform 200ms ease; } .section-carded_hero .carded-hero__card-icon .mdi{ font-size:25px; line-height:1; } .section-carded_hero .carded-hero__card-heading{ position:relative; z-index:1; margin:1px 0 0; color:var(--carded-hero-card-text); font-size:clamp(19px, 1.5vw, 22px); font-weight:700; line-height:1.18; letter-spacing:-0.025em; text-wrap:balance; } .section-carded_hero .carded-hero__card-description{ position:relative; z-index:1; margin:0; color:var(--carded-hero-card-muted); font-size:14px; line-height:1.55; } .section-carded_hero .carded-hero__card-description p{ margin:0; color:inherit; font:inherit; line-height:inherit; } .section-carded_hero .carded-hero__card-action{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:5px; margin-top:auto; padding-top:4px; color:var(--card-accent); font-size:13px; font-weight:800; line-height:1.3; } .section-carded_hero .carded-hero__card-action .mdi{ font-size:17px; line-height:1; transition:transform 180ms ease; } @media only screen and (max-width:1199px){ .section-carded_hero .carded-hero__content{ width:min(820px, 82%); } .section-carded_hero .carded-hero__cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width:991px){ .section-carded_hero .carded-hero__background{ min-height:620px; } .section-carded_hero .carded-hero__content{ width:100%; max-width:760px; padding-top:85px; padding-bottom:150px; } .section-carded_hero .carded-hero__main-content .wysiwyg h1, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h1, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h1, .section-carded_hero .carded-hero__main-content .wysiwyg h2, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h2, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h2{ font-size:clamp(44px, 8vw, 68px); } .section-carded_hero .carded-hero__cards-wrap{ margin-top:-56px; } } @media only screen and (max-width:767px){ .section-carded_hero .carded-hero__background{ min-height:auto; } .section-carded_hero .carded-hero__background::before{ top:-70px; right:-75px; width:300px; } .section-carded_hero .carded-hero__background::after{ display:none; } .section-carded_hero .carded-hero__content{ padding:68px 0 120px; } .section-carded_hero .carded-hero__eyebrow{ margin-bottom:16px; font-size:11px; } .section-carded_hero .carded-hero__main-content .wysiwyg h1, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h1, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h1, .section-carded_hero .carded-hero__main-content .wysiwyg h2, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h2, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h2{ font-size:clamp(40px, 12vw, 54px); line-height:1; } .section-carded_hero .carded-hero__main-content .wysiwyg h3, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget h3, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget h3{ font-size:clamp(34px, 10vw, 46px); } .section-carded_hero .carded-hero__main-content .wysiwyg p, .section-carded_hero .carded-hero__main-content footer .footer-widget .textwidget p, footer .footer-widget .section-carded_hero .carded-hero__main-content .textwidget p{ margin-top:19px; font-size:17px; } .section-carded_hero .carded-hero__supporting-text{ margin-top:17px; } .section-carded_hero .carded-hero__buttons{ margin-top:27px; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box{ align-items:stretch; } .section-carded_hero .carded-hero__buttons .component-links-box .buttons-box a{ width:100%; } .section-carded_hero .carded-hero__cards-wrap{ margin-top:-42px; padding-bottom:45px; } .section-carded_hero .carded-hero__cards{ width:100%; grid-template-columns:1fr; gap:14px; } .section-carded_hero .carded-hero__card{ min-height:175px; padding:21px; } } @media (prefers-reduced-motion:reduce){ .section-carded_hero .carded-hero__card, .section-carded_hero .carded-hero__card-icon, .section-carded_hero .carded-hero__card-action .mdi, .section-carded_hero .carded-hero__buttons a{ transition:none; } } /* This file is auto-generated and may be replaced! */ .section-contact_form_info .container{ display:flex; flex-direction:row; gap:2rem; } @media (max-width:768px){ .section-contact_form_info .container{ flex-direction:column; gap:1.5rem; } } .section-contact_form_info .container .left-col{ width:50%; } @media (max-width:768px){ .section-contact_form_info .container .left-col{ width:100%; text-align:center; } } .section-contact_form_info .container .left-col .text-box{ margin-bottom:2rem; } @media (max-width:768px){ .section-contact_form_info .container .left-col .text-box{ margin-bottom:1.5rem; } } .section-contact_form_info .container .left-col .items-box .item{ margin-bottom:15px; } @media (max-width:480px){ .section-contact_form_info .container .left-col .items-box .item{ margin-bottom:12px; } } .section-contact_form_info .container .left-col .items-box .item .item-link{ color:inherit; text-decoration:none; display:flex; align-items:center; transition:color 0.3s ease; padding:5px 0; } .section-contact_form_info .container .left-col .items-box .item .item-link:hover{ color:var(--icon-color); } @media (max-width:480px){ .section-contact_form_info .container .left-col .items-box .item .item-link{ padding:8px 0; } } .section-contact_form_info .container .left-col .items-box .item .mdi{ font-size:2.8em; margin-right:15px; flex-shrink:0; } @media (max-width:768px){ .section-contact_form_info .container .left-col .items-box .item .mdi{ font-size:2.4em; margin-right:12px; } } @media (max-width:480px){ .section-contact_form_info .container .left-col .items-box .item .mdi{ font-size:2.2em; margin-right:10px; } } .section-contact_form_info .container .left-col .items-box .item span{ flex:1; font-size:1rem; } @media (max-width:480px){ .section-contact_form_info .container .left-col .items-box .item span{ font-size:0.95rem; } } .section-contact_form_info .container .right-col{ width:50%; } @media (max-width:768px){ .section-contact_form_info .container .right-col{ width:100%; } } /* This file is auto-generated and may be replaced! */ .section-counters .text-box{ margin-bottom:40px; } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-full_screen_slider{ display:flex; overflow:hidden; } .section-full_screen_slider .swiper-box{ position:relative; width:100%; height:100%; } .section-full_screen_slider .swiper-box .swiper-container{ padding:0; height:100%; } .section-full_screen_slider .swiper-box .swiper-container .item-image-box{ height:70vh; } .section-full_screen_slider .overlay-box{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:3; } /* This file is auto-generated and may be replaced! */ .section-governance_service_directory{ --gsd-navy:#172233; --gsd-navy-soft:#223149; --gsd-teal:#2ea397; --gsd-teal-dark:#257f77; --gsd-orange:#ff5424; --gsd-purple:#7568a9; --gsd-blue:#3d7f9f; --gsd-paper:#f1f3f4; --gsd-card:#ffffff; --gsd-soft:#f5f7f8; --gsd-line:#dfe5e8; --gsd-muted:#667386; --gsd-shadow:0 20px 56px rgba(23, 34, 51, 0.09); position:relative; overflow:hidden; background:var(--gsd-paper); } .section-governance_service_directory::before{ content:""; position:absolute; top:120px; right:-210px; width:520px; height:520px; border:70px solid rgba(46, 163, 151, 0.035); border-radius:50%; pointer-events:none; } .section-governance_service_directory .governance-service-directory{ position:relative; z-index:1; } .section-governance_service_directory .governance-service-directory__header{ display:grid; grid-template-columns:minmax(0, 0.78fr) minmax(0, 1.22fr); gap:clamp(32px, 6vw, 92px); align-items:end; margin-bottom:clamp(42px, 6vw, 72px); } .section-governance_service_directory .governance-service-directory__section-label{ display:inline-flex; align-items:center; width:fit-content; min-height:34px; margin:0 0 20px; padding:7px 11px; border:1px dashed #9aacb5; border-radius:8px; color:var(--gsd-muted); font-size:12px; font-weight:800; line-height:1.2; letter-spacing:0.07em; text-transform:uppercase; } .section-governance_service_directory .governance-service-directory__heading{ max-width:700px; margin:0; color:var(--gsd-navy); font-size:clamp(40px, 4.4vw, 62px); font-weight:700; line-height:1; letter-spacing:-0.05em; text-wrap:balance; } .section-governance_service_directory .governance-service-directory__introduction{ max-width:670px; color:var(--gsd-muted); font-size:clamp(17px, 1.35vw, 20px); line-height:1.65; } .section-governance_service_directory .governance-service-directory__introduction p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-governance_service_directory .governance-service-directory__groups{ display:grid; gap:clamp(22px, 3vw, 32px); } .section-governance_service_directory .governance-service-directory__group{ --group-accent:var(--gsd-teal); position:relative; display:grid; grid-template-columns:minmax(260px, 0.68fr) minmax(0, 1.72fr); align-items:stretch; min-width:0; overflow:hidden; border:1px solid var(--gsd-line); border-radius:22px 22px 7px 22px; background:var(--gsd-card); box-shadow:var(--gsd-shadow); scroll-margin-top:130px; } .section-governance_service_directory .governance-service-directory__group--assess-and-improve{ --group-accent:var(--gsd-teal); } .section-governance_service_directory .governance-service-directory__group--policies-and-systems{ --group-accent:var(--gsd-orange); } .section-governance_service_directory .governance-service-directory__group--respond-and-manage{ --group-accent:var(--gsd-purple); } .section-governance_service_directory .governance-service-directory__group--expert-support{ --group-accent:var(--gsd-blue); } .section-governance_service_directory .governance-service-directory__group-intro{ position:relative; align-self:stretch; display:flex; flex-direction:column; min-width:0; min-height:100%; overflow:hidden; padding:clamp(30px, 4vw, 46px); color:#ffffff; background:radial-gradient(circle at 90% 8%, rgba(46, 163, 151, 0.24), transparent 36%), linear-gradient(145deg, var(--gsd-navy), var(--gsd-navy-soft)); } .section-governance_service_directory .governance-service-directory__group-intro::before{ content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:var(--group-accent); } .section-governance_service_directory .governance-service-directory__group-intro::after{ content:""; position:absolute; right:-42px; bottom:-34px; width:clamp(180px, 18vw, 255px); aspect-ratio:1; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-background-mark-light.png") center / contain no-repeat; opacity:0.08; pointer-events:none; transform:rotate(-7deg); } .section-governance_service_directory .governance-service-directory__group-number{ position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; margin-bottom:clamp(28px, 5vw, 58px); border:1px solid rgba(255, 255, 255, 0.18); border-radius:12px 12px 4px 12px; color:#ffffff; background:rgba(255, 255, 255, 0.07); font-size:12px; font-weight:900; line-height:1; letter-spacing:0.08em; } .section-governance_service_directory .governance-service-directory__group-heading{ position:relative; z-index:1; max-width:310px; margin:0; color:#ffffff; font-size:clamp(28px, 3vw, 39px); font-weight:700; line-height:1.03; letter-spacing:-0.04em; text-wrap:balance; } .section-governance_service_directory .governance-service-directory__group-description{ position:relative; z-index:1; max-width:340px; margin-top:17px; color:rgba(255, 255, 255, 0.7); font-size:15px; line-height:1.58; } .section-governance_service_directory .governance-service-directory__group-description p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-governance_service_directory .governance-service-directory__group-count{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:27px; color:rgba(255, 255, 255, 0.56); font-size:11px; font-weight:800; line-height:1.3; letter-spacing:0.08em; text-transform:uppercase; } .section-governance_service_directory .governance-service-directory__group-count::before{ content:""; width:22px; height:2px; background:var(--group-accent); } .section-governance_service_directory .governance-service-directory__cards{ align-self:stretch; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-content:stretch; gap:14px; min-width:0; padding:22px; background:var(--gsd-soft); } .section-governance_service_directory .governance-service-directory__card{ position:relative; min-width:0; min-height:220px; display:flex; flex-direction:column; padding:clamp(22px, 2.6vw, 30px); overflow:hidden; border:1px solid var(--gsd-line); border-radius:16px 16px 5px 16px; color:var(--gsd-navy); background:var(--gsd-card); text-decoration:none; transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .section-governance_service_directory .governance-service-directory__card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:var(--group-accent); transform:scaleX(0.24); transform-origin:left center; transition:transform 180ms ease; } .section-governance_service_directory .governance-service-directory__card:hover, .section-governance_service_directory .governance-service-directory__card:focus-visible{ color:var(--gsd-navy); border-color:rgba(46, 163, 151, 0.32); box-shadow:0 15px 34px rgba(23, 34, 51, 0.1); transform:translateY(-3px); text-decoration:none; } .section-governance_service_directory .governance-service-directory__card:hover::before, .section-governance_service_directory .governance-service-directory__card:focus-visible::before{ transform:scaleX(1); } .section-governance_service_directory .governance-service-directory__card:hover .governance-service-directory__card-action, .section-governance_service_directory .governance-service-directory__card:focus-visible .governance-service-directory__card-action{ gap:12px; } .section-governance_service_directory .governance-service-directory__card:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.34); outline-offset:3px; } .section-governance_service_directory .governance-service-directory__card-topline{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:24px; margin-bottom:22px; } .section-governance_service_directory .governance-service-directory__card-type{ color:var(--group-accent); font-size:10px; font-weight:900; line-height:1.3; letter-spacing:0.09em; text-transform:uppercase; } .section-governance_service_directory .governance-service-directory__status{ display:inline-flex; align-items:center; min-height:23px; padding:4px 8px; border:1px solid #d8dee2; border-radius:7px; color:var(--gsd-muted); background:#f7f8f9; font-size:9px; font-weight:900; line-height:1; letter-spacing:0.07em; text-transform:uppercase; } .section-governance_service_directory .governance-service-directory__card-heading{ margin:0; color:var(--gsd-navy); font-size:clamp(22px, 2vw, 28px); font-weight:700; line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; } .section-governance_service_directory .governance-service-directory__card-description{ margin-top:13px; color:var(--gsd-muted); font-size:14px; line-height:1.55; } .section-governance_service_directory .governance-service-directory__card-footer{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:auto; padding-top:24px; } .section-governance_service_directory .governance-service-directory__price{ min-width:0; } .section-governance_service_directory .governance-service-directory__price-label{ display:block; margin-bottom:3px; color:var(--gsd-muted); font-size:9px; font-weight:900; line-height:1.3; letter-spacing:0.08em; text-transform:uppercase; } .section-governance_service_directory .governance-service-directory__price-value{ display:block; color:var(--gsd-navy); font-size:14px; font-weight:800; line-height:1.35; } .section-governance_service_directory .governance-service-directory__card-action{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; color:var(--gsd-teal-dark); font-size:13px; font-weight:800; line-height:1.3; transition:gap 180ms ease; } .section-governance_service_directory .governance-service-directory__card-action::after{ content:"→"; font-size:18px; line-height:1; } .section-governance_service_directory .governance-service-directory__empty{ grid-column:1 / -1; min-height:150px; display:grid; place-items:center; padding:28px; border:1px dashed #b7c2c8; border-radius:14px; color:var(--gsd-muted); background:rgba(255, 255, 255, 0.55); text-align:center; font-size:14px; line-height:1.5; } .section-governance_service_directory .governance-service-directory__cta{ position:relative; display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:34px; align-items:center; margin-top:clamp(30px, 5vw, 54px); padding:clamp(28px, 4vw, 46px); overflow:hidden; border-radius:20px 20px 6px 20px; color:#ffffff; background:radial-gradient(circle at 86% 8%, rgba(46, 163, 151, 0.3), transparent 30%), linear-gradient(145deg, var(--gsd-navy), var(--gsd-navy-soft)); box-shadow:var(--gsd-shadow); } .section-governance_service_directory .governance-service-directory__cta::after{ content:""; position:absolute; right:-80px; bottom:-150px; width:300px; height:300px; border:44px solid rgba(255, 255, 255, 0.035); border-radius:50%; pointer-events:none; } .section-governance_service_directory .governance-service-directory__cta-content, .section-governance_service_directory .governance-service-directory__cta-action{ position:relative; z-index:1; } .section-governance_service_directory .governance-service-directory__cta-heading{ margin:0; color:#ffffff; font-size:clamp(28px, 3vw, 40px); font-weight:700; line-height:1.05; letter-spacing:-0.04em; } .section-governance_service_directory .governance-service-directory__cta-text{ max-width:690px; margin-top:10px; color:rgba(255, 255, 255, 0.72); font-size:15px; line-height:1.58; } .section-governance_service_directory .governance-service-directory__cta-text p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-governance_service_directory .governance-service-directory__cta-link{ min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 21px; border:1px solid rgba(0, 0, 0, 0.16); border-radius:13px 13px 4px 13px; color:#ffffff; background:var(--gsd-orange); box-shadow:0 12px 28px rgba(255, 84, 36, 0.22); font-size:15px; font-weight:800; line-height:1.2; text-decoration:none; transition:transform 180ms ease, background-color 180ms ease; } .section-governance_service_directory .governance-service-directory__cta-link::after{ content:"→"; font-size:18px; line-height:1; } .section-governance_service_directory .governance-service-directory__cta-link:hover, .section-governance_service_directory .governance-service-directory__cta-link:focus-visible{ color:#ffffff; background:#df3e12; transform:translateY(-2px); text-decoration:none; } .section-governance_service_directory .governance-service-directory__cta-link:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.42); outline-offset:3px; } @media only screen and (max-width:1050px){ .section-governance_service_directory .governance-service-directory__header{ grid-template-columns:1fr; gap:24px; } .section-governance_service_directory .governance-service-directory__group{ grid-template-columns:1fr; } .section-governance_service_directory .governance-service-directory__group-intro{ min-height:0; } .section-governance_service_directory .governance-service-directory__group-number{ margin-bottom:28px; } .section-governance_service_directory .governance-service-directory__group-heading, .section-governance_service_directory .governance-service-directory__group-description{ max-width:700px; } } @media only screen and (max-width:760px){ .section-governance_service_directory .governance-service-directory__heading{ font-size:clamp(38px, 11vw, 50px); } .section-governance_service_directory .governance-service-directory__group{ border-radius:17px 17px 5px 17px; } .section-governance_service_directory .governance-service-directory__group-intro{ padding:27px 22px 30px; } .section-governance_service_directory .governance-service-directory__cards{ grid-template-columns:1fr; gap:12px; padding:15px; } .section-governance_service_directory .governance-service-directory__card{ min-height:0; padding:23px 20px; border-radius:14px 14px 4px 14px; } .section-governance_service_directory .governance-service-directory__card-footer{ align-items:flex-start; flex-direction:column; gap:13px; } .section-governance_service_directory .governance-service-directory__cta{ grid-template-columns:1fr; gap:24px; padding:28px 22px; border-radius:17px 17px 5px 17px; } .section-governance_service_directory .governance-service-directory__cta-link{ width:100%; } } @media (prefers-reduced-motion:reduce){ .section-governance_service_directory .governance-service-directory__card, .section-governance_service_directory .governance-service-directory__card::before, .section-governance_service_directory .governance-service-directory__card-action, .section-governance_service_directory .governance-service-directory__cta-link{ transition:none; } } /* This file is auto-generated and may be replaced! */ .section-image_gallery.slider-nav-hidden .swiper-button-prev, .section-image_gallery.slider-nav-hidden .swiper-button-next, .section-image_gallery.slider-nav-hidden .swiper-pagination{ display:none !important; } /* This file is auto-generated and may be replaced! */ .section-info_items .container .item-box{ display:flex; align-items:center; padding:20px; } .section-info_items .container .item-box .icon{ font-size:85px; /*padding-right:20px;*/ justify-content:center; display:flex; } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ /* Scoped to this section only */ .section-latest_news .latest-news__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .section-latest_news .latest-news__read-all{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; white-space:nowrap; } /* ✅ NEW:optional text block under heading */ .section-latest_news .latest-news__text{ margin-top:12px; margin-bottom:18px; max-width:820px; } .section-latest_news .latest-news__thumb{ width:100%; aspect-ratio:1.7777777778; overflow:hidden; border-radius:10px; margin-bottom:12px; } .section-latest_news .latest-news__thumb img{ width:100%; height:100%; object-fit:cover; display:block; } /* Post title link:no underline unless hovered */ .section-latest_news .news-title a{ color:#44cac1; text-decoration:none; } .section-latest_news .news-title a:hover{ text-decoration:underline; } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-logos_scroller .swiper-wrapper{ transition-timing-function:linear !important; } .section-logos_scroller .container{ display:flex; flex-direction:column; } .section-logos_scroller .container .items-box{ width:100%; } .section-logos_scroller .container .items-box .item-box{ padding:10px 20px; } .section-logos_scroller .container .items-box .item-box .item-image-box{ min-height:140px; } .section-logos_scroller .container .items-box .item-box .item-image-box img{ max-height:140px; max-width:170px; } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-page_header .text-box{ max-width:55ch; } .section-page_header .component-links-box{ margin-top:20px; } .section-page_header .image-box{ width:100%; height:80vh; } .section-page_header .image-box .simpleParallax{ height:100%; } .section-page_header .image-box .overlay-box{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:3; } @media only screen and (max-width:991px){ .section-page_header .image-box .overlay-box{ bottom:unset; } } @media only screen and (max-width:991px){ .section-page_header .image-box .overlay-box .container .text-box{ padding-top:40px !important; padding-bottom:40px !important; } } .section-page_header .image-box .overlay-box .container .scroll-down{ margin-top:40px; display:flex; justify-content:center; animation:bounce 2s infinite; cursor:pointer; z-index:4; position:fixed; bottom:100px; left:50%; transform:translateX(-50%); } .section-page_header .image-box .overlay-box .container .scroll-down .mouse{ width:30px; height:50px; border:2px solid #fff; border-radius:20px; position:relative; display:flex; align-items:flex-start; justify-content:center; padding-top:6px; } @media only screen and (max-width:991px){ .section-page_header .image-box .overlay-box .container .scroll-down .mouse{ display:none; } } .section-page_header .image-box .overlay-box .container .scroll-down .mouse .wheel{ width:4px; height:8px; background:#fff; border-radius:2px; animation:wheel 1.5s infinite; } @keyframes wheel{ 0%{ transform:translateY(0); opacity:1; } 100%{ transform:translateY(15px); opacity:0; } } @keyframes bounce{ 0%, 20%, 50%, 80%, 100%{ transform:translateY(0); } 40%{ transform:translateY(6px); } 60%{ transform:translateY(3px); } } /* This file is auto-generated and may be replaced! */ .section-page_header_typewriter_products .hero-products__text{ padding-bottom:24px; } /* Mobile / tablet */ @media (max-width:950px){ /* Hide products rail on mobile (as you intended) */ .section-page_header_typewriter_products{ padding-bottom:330px; } .section-page_header_typewriter_products .hero-products{ display:none !important; } } /* This file is auto-generated and may be replaced! */ .section-page_links .container .item-image-box img{ height:810px !important; width:100% !important; object-fit:contain !important; } .section-page_links .thumbnail-page:hover .item-text-box{ text-shadow:0 1px 2px rgba(0, 0, 0, 0.8); } .section-page_links .thumbnail-page:hover .item-text-box h3{ transform:translateY(-40px); opacity:1; } .section-page_links .thumbnail-page:hover .item-text-box p{ opacity:1 !important; transform:translateY(-20px); } .section-page_links .thumbnail-page:hover .item-text-box button, .section-page_links .thumbnail-page:hover .item-text-box .find-more-btn{ opacity:1; transform:translateY(0); } .section-page_links .thumbnail-page .item-text-box p{ opacity:0 !important; transform:translateY(20px); transition:all 0.3s ease; margin:0; } @media only screen and (max-width:1199px){ .section-page_links .thumbnail-page .item-text-box p{ display:none; } } .section-page_links .thumbnail-page .item-text-box h3{ transition:transform 0.3s ease; margin-bottom:10px; position:relative; bottom:-20px; opacity:0; } .section-page_links .thumbnail-page .item-text-box button, .section-page_links .thumbnail-page .item-text-box .find-more-btn{ opacity:0; transform:translateY(10px); transition:all 0.3s ease; background:none; border:none; font-size:0.9rem; font-weight:600; text-decoration:none; cursor:pointer; text-shadow:0 1px 2px rgba(0, 0, 0, 0.8); padding:0 0 8px 0; margin:0; border-bottom:2px solid currentColor; display:inline-block; } .section-page_links .thumbnail-page .item-text-box button::after, .section-page_links .thumbnail-page .item-text-box .find-more-btn::after{ content:" →"; margin-left:4px; } /* This file is auto-generated and may be replaced! */ .section-pricing_tables .container .items-box{ padding:0; width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; list-style:none; } @media only screen and (max-width:991px){ .section-pricing_tables .container .items-box{ padding:0; width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; list-style:none; } } .section-pricing_tables .container .items-box .item-box{ width:100%; height:100%; padding:30px; display:flex; flex-direction:column; justify-content:space-between; } .section-pricing_tables .container .items-box .item-box .item-description{ margin-top:30px; } .section-pricing_tables .container .items-box .item-box .item-price{ font-size:2em; margin-top:30px; font-family:var(--font-2); } .section-pricing_tables .container .items-box .item-box .item-link{ margin-top:30px; } /* This file is auto-generated and may be replaced! */ .section-self_assessment_frameworks{ --framework-navy:#172233; --framework-navy-soft:#20334a; --framework-teal:#2ea397; --framework-orange:#ff5424; --framework-paper:#f1f3f4; --framework-white:#ffffff; --framework-muted:#667386; --framework-line:#dce4e7; --framework-shadow:0 20px 55px rgba(23, 34, 51, 0.12); position:relative; overflow:hidden; background:var(--framework-paper); } .section-self_assessment_frameworks .container .frameworks-heading{ display:grid; grid-template-columns:minmax(0, 0.85fr) minmax(320px, 0.65fr); gap:clamp(32px, 5vw, 60px); align-items:end; margin-bottom:clamp(32px, 4vw, 44px); } .section-self_assessment_frameworks .container .frameworks-heading .heading-content .section-label{ display:inline-flex; width:fit-content; margin:0 0 18px; padding:8px 11px; border:1px dashed #9fb7ba; border-radius:6px; color:#287f77; font-size:12px; font-weight:800; line-height:1.2; letter-spacing:0.12em; text-transform:uppercase; } .section-self_assessment_frameworks .container .frameworks-heading .heading-content h2{ margin:0; color:var(--framework-navy); font-size:clamp(42px, 5.4vw, 72px); font-weight:700; line-height:0.95; letter-spacing:-0.055em; text-wrap:balance; } .section-self_assessment_frameworks .container .frameworks-heading .introduction{ color:var(--framework-muted); font-size:18px; line-height:1.65; } .section-self_assessment_frameworks .container .frameworks-heading .introduction p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-self_assessment_frameworks .container .frameworks-shell{ overflow:hidden; border-radius:22px 22px 7px 22px; background:var(--framework-white); box-shadow:var(--framework-shadow); } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro{ position:relative; display:grid; grid-template-columns:300px minmax(0, 1fr); min-height:260px; overflow:hidden; color:var(--framework-white); background:linear-gradient(145deg, var(--framework-navy), var(--framework-navy-soft)); } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro::after{ content:""; position:absolute; right:-60px; bottom:-90px; width:330px; height:330px; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-background-mark-light.png") center / contain no-repeat; opacity:0.1; pointer-events:none; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label{ position:relative; z-index:1; padding:clamp(32px, 4vw, 42px); border-right:1px solid rgba(255, 255, 255, 0.12); } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label .intro-number{ display:inline-grid; place-items:center; min-width:40px; height:40px; padding:0 10px; border:1px solid rgba(255, 255, 255, 0.25); border-radius:9px 9px 3px 9px; font-size:13px; font-weight:800; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label h3{ margin:clamp(32px, 5vw, 60px) 0 15px; color:var(--framework-white); font-size:clamp(30px, 3vw, 35px); line-height:1; letter-spacing:-0.04em; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label .intro-description{ color:#d7e0e8; line-height:1.55; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label .intro-description p{ margin:0; color:inherit; line-height:inherit; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-copy{ position:relative; z-index:1; display:flex; align-items:center; padding:clamp(34px, 5vw, 56px); } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-copy .intro-statement{ max-width:680px; font-size:clamp(22px, 2.6vw, 34px); line-height:1.25; letter-spacing:-0.025em; } .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-copy .intro-statement p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-self_assessment_frameworks .container .frameworks-shell .framework-filters{ display:flex; flex-wrap:wrap; gap:10px; padding:28px 32px 0; } .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button{ min-height:42px; padding:10px 16px; border:1px solid var(--framework-line); border-radius:999px; color:var(--framework-navy); background:var(--framework-white); font:inherit; font-size:13px; font-weight:750; cursor:pointer; transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button:hover, .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button:focus-visible, .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button.is-active{ border-color:var(--framework-navy); color:var(--framework-white); background:var(--framework-navy); } .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.35); outline-offset:2px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; padding:24px 32px 34px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:360px; overflow:hidden; padding:28px; border:1px solid var(--framework-line); border-radius:16px 16px 5px 16px; color:var(--framework-navy); background:var(--framework-white); transition:transform 0.22s ease, box-shadow 0.22s ease; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card[hidden]{ display:none; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card::before{ content:""; position:absolute; top:0; left:0; width:82px; height:4px; background:var(--framework-teal); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card:hover{ transform:translateY(-4px); box-shadow:0 16px 30px rgba(23, 34, 51, 0.1); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-sector::before{ background:var(--framework-orange); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-sector .card-meta .card-type{ color:var(--framework-orange); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-sector .card-meta .card-status{ color:#c43d18; background:#fff0eb; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-bespoke{ border-color:var(--framework-navy); color:var(--framework-white); background:var(--framework-navy); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-bespoke .card-meta .card-status{ color:var(--framework-white); background:rgba(255, 255, 255, 0.11); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-bespoke .card-description{ color:#ced8e2; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card.kind-bespoke .card-footer .price small{ color:#aebdca; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-meta{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:32px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-meta .card-type{ color:var(--framework-teal); font-size:11px; font-weight:850; line-height:1.3; letter-spacing:0.1em; text-transform:uppercase; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-meta .card-status{ flex:none; padding:6px 9px; border-radius:999px; color:#287f77; background:#edf5f4; font-size:10px; font-weight:850; line-height:1.2; letter-spacing:0.08em; text-transform:uppercase; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card h3{ margin:0 0 14px; color:inherit; font-size:clamp(25px, 2.3vw, 28px); line-height:1.04; letter-spacing:-0.035em; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-description{ color:var(--framework-muted); line-height:1.55; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-description p{ margin:0; color:inherit; line-height:inherit; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-features{ display:grid; gap:9px; margin:24px 0 0; padding:0; list-style:none; font-size:13px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-features li{ display:flex; align-items:flex-start; gap:9px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-features li::before{ content:"✓"; color:var(--framework-teal); font-weight:900; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer{ display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-top:auto; padding-top:28px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .price small{ display:block; margin-bottom:5px; color:var(--framework-muted); font-size:10px; font-weight:850; line-height:1.3; letter-spacing:0.09em; text-transform:uppercase; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .price strong{ font-size:18px; line-height:1.25; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action{ display:inline-flex; align-items:center; gap:9px; flex:none; color:var(--framework-teal); font-size:13px; font-weight:850; text-decoration:none; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action::after{ content:"→"; font-size:19px; line-height:1; transition:transform 0.2s ease; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action:hover, .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action:focus-visible{ text-decoration:underline; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action:hover::after, .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action:focus-visible::after{ transform:translateX(3px); } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer .card-action:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.35); outline-offset:3px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note{ display:flex; justify-content:space-between; align-items:center; gap:28px; padding:26px 32px; border-top:1px solid var(--framework-line); background:#f8fafb; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-text{ color:var(--framework-muted); line-height:1.5; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-text p{ margin:0; color:inherit; line-height:inherit; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link{ display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:46px; padding:12px 19px; border:1px solid var(--framework-navy); border-radius:999px; color:var(--framework-navy); font-weight:800; text-decoration:none; transition:color 0.2s ease, background 0.2s ease; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link:hover, .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link:focus-visible{ color:var(--framework-white); background:var(--framework-navy); } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link:focus-visible{ outline:3px solid rgba(46, 163, 151, 0.35); outline-offset:3px; } @media only screen and (max-width:900px){ .section-self_assessment_frameworks .container .frameworks-heading .frameworks-intro, .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro{ grid-template-columns:1fr; } .section-self_assessment_frameworks .container .frameworks-heading .frameworks-intro .intro-label, .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label{ border-right:0; border-bottom:1px solid rgba(255, 255, 255, 0.12); } .section-self_assessment_frameworks .container .frameworks-heading .frameworks-intro .intro-label h3, .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label h3{ margin-top:30px; } .section-self_assessment_frameworks .container .frameworks-heading{ grid-template-columns:1fr; gap:24px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards{ grid-template-columns:1fr; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card{ min-height:0; } } @media only screen and (max-width:600px){ .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-label, .section-self_assessment_frameworks .container .frameworks-shell .frameworks-intro .intro-copy{ padding:28px 22px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-filters, .section-self_assessment_frameworks .container .frameworks-shell .framework-cards, .section-self_assessment_frameworks .container .frameworks-shell .framework-note{ padding-right:20px; padding-left:20px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card{ padding:24px 21px; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-footer{ align-items:flex-start; flex-direction:column; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note{ align-items:flex-start; flex-direction:column; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link{ width:100%; } } @media (prefers-reduced-motion:reduce){ .section-self_assessment_frameworks .container .frameworks-shell .framework-filters .filter-button{ transition:none; } .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card, .section-self_assessment_frameworks .container .frameworks-shell .framework-cards .framework-card .card-action::after{ transition:none; } .section-self_assessment_frameworks .container .frameworks-shell .framework-note .note-link{ transition:none; } } /* This file is auto-generated and may be replaced! */ .section-service_deliverables_process{ --service-navy:#172233; --service-muted:#667386; --service-teal:#2ea397; --service-teal-dark:#257f77; --service-paper:#f4f7f9; --service-white:#ffffff; --service-line:#dfe5e8; --service-shadow:0 18px 48px rgba(23, 34, 51, 0.11); position:relative; overflow:hidden; } .section-service_deliverables_process .service-deliverables-process__grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; align-items:stretch; } .section-service_deliverables_process .service-deliverables-process__grid.is-single{ grid-template-columns:minmax(0, 760px); justify-content:center; } .section-service_deliverables_process .service-deliverables-process__card{ min-width:0; min-height:520px; padding:clamp(28px, 3vw, 38px); display:flex; flex-direction:column; border:1px solid var(--service-line); border-radius:18px 18px 6px 18px; background:var(--service-white); color:var(--service-navy); box-shadow:var(--service-shadow); } .section-service_deliverables_process .service-deliverables-process__label{ display:inline-flex; align-items:center; width:fit-content; min-height:34px; margin:0 0 22px; padding:7px 11px; border:1px dashed #9aacb5; border-radius:8px; color:var(--service-muted); font-size:12px; font-weight:800; line-height:1.2; letter-spacing:0.07em; text-transform:uppercase; } .section-service_deliverables_process .service-deliverables-process__heading{ max-width:580px; margin:0 0 clamp(32px, 4vw, 54px); color:var(--service-navy); font-size:clamp(38px, 4vw, 54px); font-weight:700; line-height:1.03; letter-spacing:-0.045em; text-wrap:balance; } .section-service_deliverables_process .service-deliverables-process__description{ max-width:600px; margin:calc(clamp(32px, 4vw, 54px) * -0.45) 0 32px; color:var(--service-muted); font-size:16px; line-height:1.65; } .section-service_deliverables_process .service-deliverables-process__description p{ margin:0 0 14px; color:inherit; font-size:inherit; line-height:inherit; } .section-service_deliverables_process .service-deliverables-process__description p:last-child{ margin-bottom:0; } .section-service_deliverables_process .service-deliverables-process__checklist{ margin:auto 0 0; padding:0; list-style:none; } .section-service_deliverables_process .service-deliverables-process__checklist-item{ position:relative; margin:0; padding:14px 12px 14px 30px; border-bottom:1px solid var(--service-line); color:var(--service-navy); font-size:16px; line-height:1.5; } .section-service_deliverables_process .service-deliverables-process__checklist-item::before{ content:"✓"; position:absolute; top:14px; left:0; color:var(--service-teal); font-size:17px; font-weight:900; line-height:1.4; } .section-service_deliverables_process .service-deliverables-process__checklist-item:first-child{ padding-top:0; } .section-service_deliverables_process .service-deliverables-process__checklist-item:first-child::before{ top:0; } .section-service_deliverables_process .service-deliverables-process__checklist-item:last-child{ padding-bottom:0; border-bottom:0; } .section-service_deliverables_process .service-deliverables-process__steps{ display:grid; gap:13px; margin:auto 0 0; padding:0; list-style:none; counter-reset:service-process-step; } .section-service_deliverables_process .service-deliverables-process__step{ position:relative; min-height:84px; margin:0; padding:17px 18px 17px 58px; display:flex; align-items:center; border:1px solid transparent; border-radius:14px 14px 5px 14px; background:var(--service-paper); counter-increment:service-process-step; transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .section-service_deliverables_process .service-deliverables-process__step::before{ content:counter(service-process-step); position:absolute; top:16px; left:16px; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:var(--service-teal); color:var(--service-white); font-size:14px; font-weight:900; line-height:1; } .section-service_deliverables_process .service-deliverables-process__step:hover{ transform:translateY(-2px); border-color:rgba(46, 163, 151, 0.22); box-shadow:0 10px 24px rgba(23, 34, 51, 0.07); } .section-service_deliverables_process .service-deliverables-process__step-content{ min-width:0; } .section-service_deliverables_process .service-deliverables-process__step-heading{ display:block; margin:0; color:var(--service-navy); font-size:16px; font-weight:800; line-height:1.35; } .section-service_deliverables_process .service-deliverables-process__step-description{ margin-top:3px; color:var(--service-muted); font-size:15px; line-height:1.5; } .section-service_deliverables_process .service-deliverables-process__step-description p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } @media only screen and (max-width:991px){ .section-service_deliverables_process .service-deliverables-process__grid{ grid-template-columns:1fr; } .section-service_deliverables_process .service-deliverables-process__card{ min-height:0; } .section-service_deliverables_process .service-deliverables-process__heading{ margin-bottom:34px; } .section-service_deliverables_process .service-deliverables-process__description{ margin-top:-16px; } } @media only screen and (max-width:600px){ .section-service_deliverables_process .service-deliverables-process__grid{ gap:18px; } .section-service_deliverables_process .service-deliverables-process__card{ padding:24px 20px; border-radius:15px 15px 5px 15px; } .section-service_deliverables_process .service-deliverables-process__label{ margin-bottom:18px; } .section-service_deliverables_process .service-deliverables-process__heading{ margin-bottom:28px; font-size:clamp(34px, 10vw, 44px); } .section-service_deliverables_process .service-deliverables-process__description{ margin:-14px 0 26px; font-size:15px; } .section-service_deliverables_process .service-deliverables-process__checklist-item{ padding-top:12px; padding-bottom:12px; font-size:15px; } .section-service_deliverables_process .service-deliverables-process__checklist-item::before{ top:12px; } .section-service_deliverables_process .service-deliverables-process__checklist-item:first-child::before{ top:0; } .section-service_deliverables_process .service-deliverables-process__step{ min-height:0; padding:16px 15px 16px 54px; } .section-service_deliverables_process .service-deliverables-process__step::before{ top:15px; left:14px; } } @media (prefers-reduced-motion:reduce){ .section-service_deliverables_process .service-deliverables-process__step{ transition:none; } } /* This file is auto-generated and may be replaced! */ .section-service_detail_hero{ --service-navy:#172233; --service-navy-soft:#20334a; --service-muted:#667386; --service-paper:#f1f3f4; --service-line:#dfe5e8; --service-white:#fff; --service-accent:#44cac1; --service-accent-dark:#2faaa2; --service-accent-text:#fff; --service-shadow:0 20px 55px rgba(23, 34, 51, .12); position:relative; overflow:hidden; background:var(--service-white); color:var(--service-navy); border-bottom:1px solid var(--service-line); } .section-service_detail_hero.service-detail-hero--bundle{ background:var(--service-paper); } .section-service_detail_hero.service-detail-hero--bundle::after{ content:""; position:absolute; top:-145px; right:-135px; width:520px; height:520px; pointer-events:none; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-background-mark-light.png") center / contain no-repeat; opacity:0.055; filter:brightness(0.25); } .section-service_detail_hero .service-detail-hero__inner{ position:relative; z-index:1; padding-top:clamp(46px, 6vw, 76px); padding-bottom:clamp(46px, 6vw, 76px); } .section-service_detail_hero .service-detail-hero__grid{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 360px); gap:clamp(32px, 5vw, 64px); align-items:stretch; } .section-service_detail_hero .service-detail-hero__content{ min-width:0; display:flex; flex-direction:column; } .section-service_detail_hero .service-detail-hero__breadcrumb{ margin:0 0 28px; color:var(--service-muted); font-size:13px; line-height:1.5; } .section-service_detail_hero .service-detail-hero__breadcrumb a{ color:inherit; text-decoration:none; } .section-service_detail_hero .service-detail-hero__breadcrumb a:hover, .section-service_detail_hero .service-detail-hero__breadcrumb a:focus-visible{ color:var(--service-accent-dark); text-decoration:underline; } .section-service_detail_hero .service-detail-hero__breadcrumb .separator{ margin:0 6px; opacity:0.65; } .section-service_detail_hero .service-detail-hero__eyebrow{ display:inline-flex; align-items:center; gap:9px; width:fit-content; margin:0 0 18px; color:var(--service-accent-dark); font-size:13px; font-weight:800; line-height:1.3; letter-spacing:0.11em; text-transform:uppercase; } .section-service_detail_hero .service-detail-hero__eyebrow::before{ content:""; width:28px; height:2px; flex:0 0 auto; background:currentColor; } .section-service_detail_hero .service-detail-hero__heading{ max-width:900px; margin:0; color:var(--service-navy); font-size:clamp(44px, 5.1vw, 70px); font-weight:700; line-height:1; letter-spacing:-0.05em; text-wrap:balance; } .section-service_detail_hero .service-detail-hero__introduction{ max-width:760px; margin-top:22px; color:var(--service-muted); font-size:clamp(18px, 1.7vw, 21px); line-height:1.55; } .section-service_detail_hero .service-detail-hero__introduction p{ margin:0 0 16px; } .section-service_detail_hero .service-detail-hero__introduction p:last-child{ margin-bottom:0; } .section-service_detail_hero .service-detail-hero__content-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; } .section-service_detail_hero .service-detail-hero__content-actions .btn{ min-height:48px; padding:12px 22px; } .section-service_detail_hero .service-detail-hero__content-actions .btn.solid{ background:var(--service-accent); color:var(--service-accent-text) !important; border-color:var(--service-accent); } .section-service_detail_hero .service-detail-hero__content-actions .btn.solid:hover, .section-service_detail_hero .service-detail-hero__content-actions .btn.solid:focus-visible{ background:var(--service-accent-dark); color:var(--service-accent-text) !important; } .section-service_detail_hero .service-detail-hero__content-actions .btn.outline{ background:var(--service-white); color:var(--service-navy) !important; border:1px solid rgba(23, 34, 51, 0.55); } .section-service_detail_hero .service-detail-hero__content-actions .btn.outline:hover, .section-service_detail_hero .service-detail-hero__content-actions .btn.outline:focus-visible{ background:var(--service-navy); color:var(--service-white) !important; border-color:var(--service-navy); } .section-service_detail_hero .service-detail-hero__action-note{ margin:16px 0 0; color:var(--service-muted); font-size:13px; font-style:italic; line-height:1.5; } .section-service_detail_hero .service-detail-hero__glance{ display:grid; grid-template-columns:repeat(var(--service-glance-columns, 3), minmax(0, 1fr)); gap:15px; margin:auto 0 0; padding:36px 0 0; list-style:none; } .section-service_detail_hero .service-detail-hero__glance-item{ min-height:82px; padding:18px; border-radius:14px 14px 5px 14px; background:var(--service-paper); } .section-service_detail_hero .service-detail-hero__glance-heading{ display:block; margin-bottom:3px; color:var(--service-navy); font-size:16px; font-weight:800; line-height:1.3; } .section-service_detail_hero .service-detail-hero__glance-text{ display:block; color:var(--service-muted); font-size:14px; line-height:1.45; } .section-service_detail_hero .service-detail-hero__price-card{ height:100%; padding:27px; display:flex; flex-direction:column; border:1px solid var(--service-line); border-radius:18px 18px 6px 18px; background:var(--service-white); box-shadow:var(--service-shadow); } .section-service_detail_hero .service-detail-hero__price-label{ margin:0 0 7px; color:var(--service-accent-dark); font-size:12px; font-weight:900; line-height:1.35; letter-spacing:0.08em; text-transform:uppercase; } .section-service_detail_hero .service-detail-hero__price{ margin:0; color:var(--service-navy); font-size:clamp(38px, 4vw, 48px); font-weight:800; line-height:1; letter-spacing:-0.04em; } .section-service_detail_hero .service-detail-hero__price-note{ margin:11px 0 0; color:var(--service-muted); font-size:14px; font-weight:700; line-height:1.45; } .section-service_detail_hero .service-detail-hero__price-copy{ margin:21px 0 24px; color:var(--service-muted); font-size:16px; line-height:1.55; } .section-service_detail_hero .service-detail-hero__price-copy p{ margin:0 0 16px; } .section-service_detail_hero .service-detail-hero__price-copy p:last-child{ margin-bottom:0; } .section-service_detail_hero .service-detail-hero__price-actions{ display:grid; gap:10px; margin-top:auto; } .section-service_detail_hero .service-detail-hero__price-actions .btn{ width:100%; } .section-service_detail_hero .service-detail-hero__price-actions .btn.solid{ background:var(--service-accent); color:var(--service-accent-text) !important; border-color:var(--service-accent); } .section-service_detail_hero .service-detail-hero__price-actions .btn.solid:hover, .section-service_detail_hero .service-detail-hero__price-actions .btn.solid:focus-visible{ background:var(--service-accent-dark); color:var(--service-accent-text) !important; } .section-service_detail_hero .service-detail-hero__bundle-panel{ min-height:100%; display:flex; flex-direction:column; overflow:hidden; color:var(--service-white); background:linear-gradient(145deg, var(--service-navy), var(--service-navy-soft)); border-radius:22px 22px 7px 22px; box-shadow:var(--service-shadow); } .section-service_detail_hero .service-detail-hero__bundle-visual{ position:relative; min-height:280px; flex:1 1 auto; overflow:hidden; background:linear-gradient(145deg, rgba(68, 202, 193, 0.12), transparent 45%), linear-gradient(145deg, #243248, #0e151f); } .section-service_detail_hero .service-detail-hero__bundle-visual img{ width:100%; height:100%; min-height:280px; object-fit:cover; } .section-service_detail_hero .service-detail-hero__bundle-message{ position:relative; min-height:205px; padding:30px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; background:var(--service-navy-soft); } .section-service_detail_hero .service-detail-hero__bundle-message::after{ content:""; position:absolute; right:-58px; bottom:-90px; width:230px; height:230px; pointer-events:none; background:url("https://hub.emmaussafe.com/wp-content/uploads/2026/08/emmaus-background-mark-light.png") center / contain no-repeat; opacity:0.08; } .section-service_detail_hero .service-detail-hero__bundle-accent, .section-service_detail_hero .service-detail-hero__bundle-statement{ position:relative; z-index:1; margin:0; font-size:clamp(25px, 2.5vw, 35px); font-weight:700; line-height:1.06; letter-spacing:-0.04em; } .section-service_detail_hero .service-detail-hero__bundle-accent{ color:var(--service-accent); } .section-service_detail_hero .service-detail-hero__bundle-statement{ color:var(--service-white); } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__grid{ grid-template-columns:minmax(0, 1.08fr) minmax(360px, 0.72fr); gap:clamp(38px, 6vw, 78px); } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__breadcrumb{ margin-bottom:24px; text-transform:uppercase; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__eyebrow{ padding:7px 10px; margin-bottom:18px; border:1px dashed rgba(23, 34, 51, 0.28); border-radius:7px; color:var(--service-accent-dark); font-size:11px; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__eyebrow::before{ display:none; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__heading{ max-width:760px; font-size:clamp(58px, 6.5vw, 92px); line-height:0.92; letter-spacing:-0.065em; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__introduction{ max-width:760px; font-size:17px; line-height:1.55; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance{ gap:0; margin-top:30px; padding-top:0; border:1px solid var(--service-line); border-radius:15px 15px 5px 15px; background:var(--service-white); overflow:hidden; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-item{ min-height:74px; padding:16px 18px; border-radius:0; border-right:1px solid var(--service-line); background:transparent; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-item:last-child{ border-right:0; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-heading{ font-size:14px; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-text{ font-size:13px; } @media (max-width:1000px){ .section-service_detail_hero .service-detail-hero__grid, .service-detail-hero--bundle .section-service_detail_hero .service-detail-hero__grid{ grid-template-columns:1fr; } .section-service_detail_hero .service-detail-hero__price-card{ height:auto; } .section-service_detail_hero .service-detail-hero__bundle-panel{ min-height:auto; } .section-service_detail_hero .service-detail-hero__bundle-visual{ min-height:320px; } } @media (max-width:700px){ .section-service_detail_hero .service-detail-hero__inner{ padding-top:36px; padding-bottom:36px; } .section-service_detail_hero .service-detail-hero__breadcrumb{ margin-bottom:22px; } .section-service_detail_hero .service-detail-hero__heading{ font-size:clamp(40px, 12vw, 54px); } .section-service_detail_hero .service-detail-hero__content-actions{ display:grid; } .section-service_detail_hero .service-detail-hero__content-actions .btn{ width:100%; } .section-service_detail_hero .service-detail-hero__glance{ grid-template-columns:1fr; padding-top:28px; } .section-service_detail_hero .service-detail-hero__price-card{ padding:22px; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__heading{ font-size:clamp(50px, 16vw, 70px); } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance{ grid-template-columns:1fr; padding-top:0; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-item{ border-right:0; border-bottom:1px solid var(--service-line); } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__glance-item:last-child{ border-bottom:0; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__bundle-visual{ min-height:250px; } .section-service_detail_hero.service-detail-hero--bundle .service-detail-hero__bundle-message{ min-height:auto; padding:26px 24px 30px; } } /* This file is auto-generated and may be replaced! */ .section-service_scope_practical{ --service-navy:#172233; --service-navy-soft:#223149; --service-muted:#667386; --service-teal:#2ea397; --service-teal-dark:#257f77; --service-teal-soft:#e8f5f3; --service-paper:#f4f7f9; --service-white:#ffffff; --service-line:#dfe5e8; --service-shadow:0 18px 48px rgba(23, 34, 51, 0.10); position:relative; overflow:hidden; } .section-service_scope_practical .service-scope-practical__label{ display:inline-flex; align-items:center; width:fit-content; min-height:34px; margin:0; padding:7px 11px; border:1px dashed #9aacb5; border-radius:8px; color:var(--service-muted); font-size:12px; font-weight:800; line-height:1.2; letter-spacing:0.07em; text-transform:uppercase; } .section-service_scope_practical .service-scope-practical__heading{ max-width:650px; margin:0; color:var(--service-navy); font-size:clamp(38px, 4vw, 54px); font-weight:700; line-height:1.02; letter-spacing:-0.05em; text-wrap:balance; } .section-service_scope_practical .service-scope-practical__introduction{ max-width:680px; margin:0; color:var(--service-muted); font-size:17px; line-height:1.62; } .section-service_scope_practical .service-scope-practical__introduction p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_scope_practical .service-scope-practical__grid{ display:grid; grid-template-columns:minmax(0, 1.18fr) minmax(320px, 0.82fr); gap:24px; align-items:stretch; } .section-service_scope_practical .service-scope-practical__grid.is-single{ grid-template-columns:minmax(0, 880px); justify-content:center; } .section-service_scope_practical .service-scope-practical__panel{ min-width:0; padding:clamp(28px, 3.5vw, 42px); border:1px solid var(--service-line); border-radius:18px 18px 6px 18px; box-shadow:var(--service-shadow); } .section-service_scope_practical .service-scope-practical__panel--scope{ background:var(--service-white); color:var(--service-navy); } .section-service_scope_practical .service-scope-practical__panel--scope .service-scope-practical__label{ margin-bottom:20px; } .section-service_scope_practical .service-scope-practical__panel--scope .service-scope-practical__heading{ margin-bottom:17px; } .section-service_scope_practical .service-scope-practical__panel--scope .service-scope-practical__introduction{ margin-bottom:clamp(32px, 4vw, 44px); } .section-service_scope_practical .service-scope-practical__panel--scope .service-scope-practical__panel-heading{ padding-top:26px; border-top:1px solid var(--service-line); } .section-service_scope_practical .service-scope-practical__panel--practical{ position:relative; overflow:hidden; color:var(--service-white); background:radial-gradient(circle at 92% 4%, rgba(46, 163, 151, 0.34), transparent 35%), linear-gradient(145deg, var(--service-navy), var(--service-navy-soft)); border-color:rgba(255, 255, 255, 0.08); } .section-service_scope_practical .service-scope-practical__panel--practical::after{ content:""; position:absolute; right:-100px; bottom:-125px; width:290px; height:290px; border:44px solid rgba(255, 255, 255, 0.035); border-radius:50%; pointer-events:none; } .section-service_scope_practical .service-scope-practical__panel-heading{ position:relative; z-index:1; margin:0; color:var(--service-navy); font-size:clamp(27px, 3vw, 36px); font-weight:700; line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; } .section-service_scope_practical .service-scope-practical__panel--practical .service-scope-practical__panel-heading{ color:var(--service-white); } .section-service_scope_practical .service-scope-practical__panel-intro{ position:relative; z-index:1; margin-top:13px; color:var(--service-muted); font-size:15px; line-height:1.58; } .section-service_scope_practical .service-scope-practical__panel-intro p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_scope_practical .service-scope-practical__panel--practical .service-scope-practical__panel-intro{ color:rgba(255, 255, 255, 0.72); } .section-service_scope_practical .service-scope-practical__scope-list{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:13px; margin:clamp(26px, 4vw, 38px) 0 0; padding:0; list-style:none; } .section-service_scope_practical .service-scope-practical__scope-item{ position:relative; min-height:150px; padding:20px 18px 20px 58px; border:1px solid transparent; border-radius:14px 14px 5px 14px; background:var(--service-paper); transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .section-service_scope_practical .service-scope-practical__scope-item::before{ content:"✓"; position:absolute; top:18px; left:17px; width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:var(--service-teal-soft); color:var(--service-teal-dark); font-size:14px; font-weight:900; line-height:1; } .section-service_scope_practical .service-scope-practical__scope-item:hover{ transform:translateY(-2px); border-color:rgba(46, 163, 151, 0.25); box-shadow:0 10px 24px rgba(23, 34, 51, 0.07); } .section-service_scope_practical .service-scope-practical__scope-item-heading{ display:block; margin:0; color:var(--service-navy); font-size:16px; font-weight:800; line-height:1.35; } .section-service_scope_practical .service-scope-practical__scope-item-description{ margin-top:7px; color:var(--service-muted); font-size:14px; line-height:1.52; } .section-service_scope_practical .service-scope-practical__scope-item-description p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_scope_practical .service-scope-practical__practical-list{ position:relative; z-index:1; display:grid; gap:0; margin:clamp(26px, 4vw, 38px) 0 0; padding:0; list-style:none; } .section-service_scope_practical .service-scope-practical__practical-item{ display:grid; grid-template-columns:minmax(105px, 0.38fr) minmax(0, 1fr); gap:18px; padding:17px 0; border-bottom:1px solid rgba(255, 255, 255, 0.12); } .section-service_scope_practical .service-scope-practical__practical-item:first-child{ padding-top:0; } .section-service_scope_practical .service-scope-practical__practical-item:last-child{ padding-bottom:0; border-bottom:0; } .section-service_scope_practical .service-scope-practical__practical-label{ color:#a9e6df; font-size:11px; font-weight:900; line-height:1.45; letter-spacing:0.08em; text-transform:uppercase; } .section-service_scope_practical .service-scope-practical__practical-value{ margin:0; color:rgba(255, 255, 255, 0.82); font-size:14px; line-height:1.52; } .section-service_scope_practical .service-scope-practical__practical-value p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_scope_practical .service-scope-practical__note{ position:relative; z-index:1; margin-top:26px; padding:17px 18px; border:1px solid rgba(255, 255, 255, 0.12); border-radius:14px 14px 5px 14px; background:rgba(255, 255, 255, 0.065); backdrop-filter:blur(6px); } .section-service_scope_practical .service-scope-practical__note-label{ display:block; margin-bottom:6px; color:#a9e6df; font-size:11px; font-weight:900; line-height:1.4; letter-spacing:0.08em; text-transform:uppercase; } .section-service_scope_practical .service-scope-practical__note-text{ color:rgba(255, 255, 255, 0.78); font-size:14px; line-height:1.55; } .section-service_scope_practical .service-scope-practical__note-text p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } @media only screen and (max-width:1050px){ .section-service_scope_practical .service-scope-practical__grid{ grid-template-columns:1fr; } } @media only screen and (max-width:700px){ .section-service_scope_practical .service-scope-practical__heading{ font-size:clamp(36px, 11vw, 48px); } .section-service_scope_practical .service-scope-practical__grid{ gap:18px; } .section-service_scope_practical .service-scope-practical__panel{ padding:25px 21px; border-radius:15px 15px 5px 15px; } .section-service_scope_practical .service-scope-practical__scope-list{ grid-template-columns:1fr; } .section-service_scope_practical .service-scope-practical__scope-item{ min-height:0; } .section-service_scope_practical .service-scope-practical__practical-item{ grid-template-columns:1fr; gap:5px; } } @media (prefers-reduced-motion:reduce){ .section-service_scope_practical .service-scope-practical__scope-item{ transition:none; } } /* This file is auto-generated and may be replaced! */ .section-service_suitability{ --service-navy:#172233; --service-navy-soft:#223149; --service-muted:#667386; --service-teal:#2ea397; --service-teal-dark:#257f77; --service-teal-soft:#e8f5f3; --service-paper:#f4f7f9; --service-white:#ffffff; --service-line:#dfe5e8; --service-shadow:0 18px 48px rgba(23, 34, 51, 0.10); position:relative; overflow:hidden; } .section-service_suitability .service-suitability__grid{ display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr); gap:24px; align-items:stretch; } .section-service_suitability .service-suitability__grid.is-single{ grid-template-columns:minmax(0, 880px); justify-content:center; } .section-service_suitability .service-suitability__panel{ min-width:0; border:1px solid var(--service-line); border-radius:18px 18px 6px 18px; background:var(--service-white); box-shadow:var(--service-shadow); } .section-service_suitability .service-suitability__panel--audience{ position:relative; overflow:hidden; padding:clamp(30px, 3.5vw, 44px); color:var(--service-white); background:radial-gradient(circle at 90% 12%, rgba(46, 163, 151, 0.34), transparent 34%), linear-gradient(145deg, var(--service-navy), var(--service-navy-soft)); border-color:rgba(255, 255, 255, 0.08); } .section-service_suitability .service-suitability__panel--audience::after{ content:""; position:absolute; right:-80px; bottom:-110px; width:270px; height:270px; border:42px solid rgba(255, 255, 255, 0.035); border-radius:50%; pointer-events:none; } .section-service_suitability .service-suitability__panel--situations{ padding:clamp(30px, 3.5vw, 44px); } .section-service_suitability .service-suitability__label{ position:relative; z-index:1; display:inline-flex; align-items:center; width:fit-content; min-height:34px; margin:0 0 20px; padding:7px 11px; border:1px dashed #9aacb5; border-radius:8px; color:var(--service-muted); font-size:12px; font-weight:800; line-height:1.2; letter-spacing:0.07em; text-transform:uppercase; } .section-service_suitability .service-suitability__panel--audience .service-suitability__label{ color:rgba(255, 255, 255, 0.78); border-color:rgba(255, 255, 255, 0.34); } .section-service_suitability .service-suitability__heading{ position:relative; z-index:1; max-width:620px; margin:0; color:var(--service-navy); font-size:clamp(38px, 4vw, 54px); font-weight:700; line-height:1.03; letter-spacing:-0.045em; text-wrap:balance; } .section-service_suitability .service-suitability__panel--audience .service-suitability__heading{ color:var(--service-white); } .section-service_suitability .service-suitability__intro{ position:relative; z-index:1; max-width:650px; margin-top:20px; color:var(--service-muted); font-size:16px; line-height:1.6; } .section-service_suitability .service-suitability__intro p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_suitability .service-suitability__panel--audience .service-suitability__intro{ color:rgba(255, 255, 255, 0.74); } .section-service_suitability .service-suitability__audience-list{ position:relative; z-index:1; display:grid; gap:12px; margin:clamp(28px, 4vw, 42px) 0 0; padding:0; list-style:none; } .section-service_suitability .service-suitability__audience-item{ position:relative; padding:18px 18px 18px 54px; border:1px solid rgba(255, 255, 255, 0.1); border-radius:14px 14px 5px 14px; background:rgba(255, 255, 255, 0.065); backdrop-filter:blur(6px); } .section-service_suitability .service-suitability__audience-item::before{ content:"✓"; position:absolute; top:17px; left:17px; width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:var(--service-teal); color:var(--service-white); font-size:13px; font-weight:900; line-height:1; } .section-service_suitability .service-suitability__audience-heading, .section-service_suitability .service-suitability__situation-heading{ display:block; margin:0; font-size:16px; font-weight:800; line-height:1.35; } .section-service_suitability .service-suitability__audience-heading{ color:var(--service-white); } .section-service_suitability .service-suitability__audience-description{ margin-top:4px; color:rgba(255, 255, 255, 0.68); font-size:14px; line-height:1.5; } .section-service_suitability .service-suitability__audience-description p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_suitability .service-suitability__situations-list{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:13px; margin:clamp(28px, 4vw, 42px) 0 0; padding:0; list-style:none; counter-reset:service-situation; } .section-service_suitability .service-suitability__situation-item{ position:relative; min-height:150px; padding:20px 18px 20px 62px; border:1px solid transparent; border-radius:14px 14px 5px 14px; background:var(--service-paper); counter-increment:service-situation; transition:transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .section-service_suitability .service-suitability__situation-item::before{ content:counter(service-situation,decimal-leading-zero); position:absolute; top:18px; left:17px; color:var(--service-teal-dark); font-size:13px; font-weight:900; line-height:1.2; letter-spacing:0.06em; } .section-service_suitability .service-suitability__situation-item:hover{ transform:translateY(-2px); border-color:rgba(46, 163, 151, 0.25); box-shadow:0 10px 24px rgba(23, 34, 51, 0.07); } .section-service_suitability .service-suitability__situation-heading{ color:var(--service-navy); } .section-service_suitability .service-suitability__situation-description{ margin-top:7px; color:var(--service-muted); font-size:14px; line-height:1.5; } .section-service_suitability .service-suitability__situation-description p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } .section-service_suitability .service-suitability__note{ position:relative; margin-top:18px; padding:17px 18px 17px 48px; border-left:4px solid var(--service-teal); border-radius:0 12px 4px 0; background:var(--service-teal-soft); color:var(--service-navy); font-size:14px; line-height:1.55; } .section-service_suitability .service-suitability__note::before{ content:"i"; position:absolute; top:17px; left:17px; width:21px; height:21px; display:grid; place-items:center; border-radius:50%; background:var(--service-teal); color:var(--service-white); font-size:12px; font-weight:900; font-style:normal; line-height:1; } .section-service_suitability .service-suitability__note p{ margin:0; color:inherit; font-size:inherit; line-height:inherit; } @media only screen and (max-width:1050px){ .section-service_suitability .service-suitability__grid{ grid-template-columns:1fr; } .section-service_suitability .service-suitability__situations-list{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media only screen and (max-width:700px){ .section-service_suitability .service-suitability__grid{ gap:18px; } .section-service_suitability .service-suitability__panel--audience, .section-service_suitability .service-suitability__panel--situations{ padding:25px 21px; border-radius:15px 15px 5px 15px; } .section-service_suitability .service-suitability__heading{ font-size:clamp(34px, 10vw, 44px); } .section-service_suitability .service-suitability__audience-item{ padding:16px 16px 16px 50px; } .section-service_suitability .service-suitability__audience-item::before{ top:15px; left:15px; } .section-service_suitability .service-suitability__situations-list{ grid-template-columns:1fr; } .section-service_suitability .service-suitability__situation-item{ min-height:0; } } @media (prefers-reduced-motion:reduce){ .section-service_suitability .service-suitability__situation-item{ transition:none; } } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-statement_block .container{ justify-content:space-between; position:relative; } .section-statement_block .container .text-box{ z-index:2; padding:60px 0; width:100%; } .section-statement_block .container .text-box h2{ font-size:4.6em; line-height:1em; } .section-statement_block .container .image-box{ width:40%; position:absolute; z-index:1; height:100%; right:0; } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-team .container .team-members-box .thumbnail-team-member{ margin-bottom:40px; } .section-team .container .team-members-box .thumbnail-team-member .team-member{ display:flex; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-image-box{ aspect-ratio:1; width:30%; overflow:hidden; height:fit-content; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-image-box .media-type-video{ height:100%; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-image-box .media-type-video .video-wrapper{ height:100%; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-image-box .media-type-video .video-wrapper video{ object-fit:cover; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-text-box{ width:70%; padding-left:30px; } .section-team .container .team-members-box .thumbnail-team-member .team-member .item-text-box .read-more{ display:flex; justify-content:flex-start; } /* This file is auto-generated and may be replaced! */ .section-testimonials .text-box{ margin-bottom:40px; } .section-testimonials .testimonial-box{ position:relative; padding:32px 28px; background:#fff; border-radius:14px; box-shadow:0 6px 24px rgba(0, 0, 0, 0.08); display:flex; flex-direction:column; height:100%; } .section-testimonials .testimonial-box .quote-icon{ font-size:48px; line-height:1; opacity:0.45; margin:0 0 4px; color:var(--section-color-5-accent-1); } .section-testimonials .testimonial-box .testimonial-eyebrow{ display:block; text-transform:uppercase; letter-spacing:0.12em; font-size:12px; font-weight:700; margin:0 0 14px; color:var(--section-color-5-accent-1); } .section-testimonials .testimonial-box .wysiwyg, .section-testimonials .testimonial-box footer .footer-widget .textwidget, footer .footer-widget .section-testimonials .testimonial-box .textwidget{ flex:1; display:flex; flex-direction:column; } .section-testimonials .testimonial-box .wysiwyg p:last-child, .section-testimonials .testimonial-box footer .footer-widget .textwidget p:last-child, footer .footer-widget .section-testimonials .testimonial-box .textwidget p:last-child{ margin-bottom:0; } .section-testimonials .testimonial-box .testimonial-preview{ margin-bottom:18px; } .section-testimonials .testimonial-box .testimonial-attribution{ margin-top:auto; padding-top:16px; border-top:1px solid rgba(0, 0, 0, 0.08); font-size:0.92em; line-height:1.45; } .section-testimonials .testimonial-box .testimonial-attribution p{ margin:0; } .section-testimonials .testimonial-box .testimonial-attribution strong{ display:block; font-size:1.05em; margin-bottom:2px; } .section-testimonials .testimonial-box .testimonial-read-more{ margin-top:18px; align-self:flex-start; border:0; background:transparent; color:var(--section-color-5-accent-1); font-weight:700; font-size:15px; line-height:1.2; cursor:pointer; padding:0; text-decoration:underline; text-underline-offset:4px; } .section-testimonials .testimonial-box .testimonial-read-more:hover, .section-testimonials .testimonial-box .testimonial-read-more:focus{ opacity:0.75; } .testimonial-modal{ position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; padding:24px; } .testimonial-modal.is-active{ display:flex; } .testimonial-modal__overlay{ position:absolute; inset:0; background:rgba(13, 27, 42, 0.78); } .testimonial-modal__panel{ position:relative; z-index:1; width:min(760px, 100%); max-height:min(84vh, 820px); overflow-y:auto; background:#fff; border-radius:18px; box-shadow:0 18px 60px rgba(0, 0, 0, 0.28); padding:42px 38px; } .testimonial-modal__close{ position:absolute; top:18px; right:18px; width:36px; height:36px; border-radius:999px; border:0; background:rgba(0, 0, 0, 0.06); color:#0D1B2A; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; } .testimonial-modal__close:hover, .testimonial-modal__close:focus{ background:rgba(0, 0, 0, 0.1); } .testimonial-modal__quote{ font-size:54px; line-height:1; opacity:0.45; margin:0 0 6px; color:var(--section-color-5-accent-1); } .testimonial-modal__eyebrow{ display:block; text-transform:uppercase; letter-spacing:0.12em; font-size:12px; font-weight:700; margin:0 0 18px; color:var(--section-color-5-accent-1); } .testimonial-modal__content p:first-child{ margin-top:0; } .testimonial-modal__content p:last-child{ margin-bottom:0; } .testimonial-modal__content p:last-child:not(:only-child){ margin-top:24px; padding-top:18px; border-top:1px solid rgba(0, 0, 0, 0.08); font-size:0.95em; line-height:1.5; } .testimonial-modal__content p:last-child:not(:only-child) strong{ display:block; font-size:1.08em; margin-bottom:3px; } body.testimonial-modal-open{ overflow:hidden; } @media only screen and (max-width:767px){ .section-testimonials .testimonial-box{ padding:28px 24px; } .testimonial-modal{ padding:16px; } .testimonial-modal__panel{ padding:38px 24px 30px; max-height:86vh; } .testimonial-modal__close{ top:14px; right:14px; } } /* This file is auto-generated and may be replaced! */ .section-text_box .container .component-links-box{ margin-top:30px; } .section-text_box .container .component-image-gallery{ margin-top:60px; } /* This file is auto-generated and may be replaced! */ .section-text_image{ position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; } .section-text_image.has-background-image{ isolation:isolate; } .section-text_image.has-background-image::before{ content:""; position:absolute; inset:0; background:rgba(0, 0, 0, 0.35); z-index:-1; } .section-text_image > .container, .section-text_image > .section-divider{ position:relative; z-index:1; } @media only screen and (max-width:991px){ .section-text_image.layout-image-left .container{ flex-direction:column; } } @media only screen and (min-width:992px){ .section-text_image.layout-image-left .container .text-box{ padding-left:60px; } } @media only screen and (max-width:991px){ .section-text_image.layout-image-left .container .text-box{ padding-top:40px; } } @media only screen and (max-width:991px){ .section-text_image.layout-image-right .container{ flex-direction:column; } } @media only screen and (min-width:992px){ .section-text_image.layout-image-right .text-box{ padding-right:60px; } } @media only screen and (max-width:991px){ .section-text_image.layout-image-right .media-box{ padding-top:40px; } } .section-text_image .container{ display:flex; flex-direction:row; } .section-text_image .container .text-box{ width:50%; display:flex; flex-direction:column; justify-content:center; } @media only screen and (max-width:991px){ .section-text_image .container .text-box{ width:100%; } } .section-text_image .container .media-box{ width:50%; } @media only screen and (max-width:991px){ .section-text_image .container .media-box{ width:100%; } } /* This file is auto-generated and may be replaced! */ /* This file is auto-generated and may be replaced! */ .section-videotile_course_header{ position:relative; overflow:hidden; align-items:stretch; background:radial-gradient(circle at 82% 18%, rgba(159, 232, 226, 0.16) 0, rgba(159, 232, 226, 0.16) 13%, transparent 13.5%), radial-gradient(circle at 88% 52%, rgba(159, 232, 226, 0.11) 0, rgba(159, 232, 226, 0.11) 24%, transparent 24.5%), linear-gradient(135deg, #0d1b2a 0%, #12344a 54%, #145c5d 100%); color:#ffffff; } .section-videotile_course_header > .container, .section-videotile_course_header > .section-divider{ position:relative; z-index:2; } .section-videotile_course_header .container{ align-self:center; } .section-videotile_course_header .videotile-course-header__inner{ position:relative; display:grid; grid-template-columns:minmax(0, 720px) minmax(320px, 1fr); gap:48px; align-items:center; width:100%; padding-top:45px; padding-bottom:46px; } .section-videotile_course_header .videotile-course-header__content{ position:relative; z-index:3; max-width:760px; } .section-videotile_course_header .videotile-course-header__breadcrumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-bottom:14px; color:rgba(255, 255, 255, 0.78); font-size:12px; font-weight:700; line-height:1.3; } .section-videotile_course_header .videotile-course-header__breadcrumbs a{ color:#9fe8e2; text-decoration:none; transition:color 180ms ease; } .section-videotile_course_header .videotile-course-header__breadcrumbs a:hover{ color:#ffffff; } .section-videotile_course_header .videotile-course-header__breadcrumb-separator{ color:rgba(255, 255, 255, 0.45); } .section-videotile_course_header .videotile-course-header__breadcrumb-current{ color:rgba(255, 255, 255, 0.78); } .section-videotile_course_header .videotile-course-header__eyebrow{ display:inline-flex; align-items:center; width:fit-content; margin-bottom:12px; padding:6px 11px; border:1px solid rgba(159, 232, 226, 0.28); border-radius:999px; background:rgba(255, 255, 255, 0.08); color:#9fe8e2; font-size:11px; font-weight:800; line-height:1.1; letter-spacing:0.04em; text-transform:uppercase; } .section-videotile_course_header .videotile-course-header__title{ max-width:720px; margin:0; color:#ffffff; } .section-videotile_course_header .videotile-course-header__text{ max-width:720px; margin-top:16px; color:rgba(255, 255, 255, 0.9); } .section-videotile_course_header .videotile-course-header__text p{ color:inherit; } .section-videotile_course_header .videotile-course-header__categories{ display:flex; flex-wrap:wrap; gap:8px; max-width:780px; margin-top:20px; } .section-videotile_course_header .videotile-course-header__category{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:6px 11px; border:1px solid rgba(159, 232, 226, 0.28); border-radius:999px; background:rgba(255, 255, 255, 0.08); color:#ffffff; font-size:11px; font-weight:700; line-height:1.1; text-decoration:none; transition:background 180ms ease, border-color 180ms ease; } .section-videotile_course_header .videotile-course-header__category:hover{ background:rgba(159, 232, 226, 0.18); border-color:rgba(159, 232, 226, 0.5); color:#ffffff; } .section-videotile_course_header .videotile-course-header__stat{ min-width:90px; text-align:right; color:#ffffff; } .section-videotile_course_header .videotile-course-header__stat strong{ display:block; color:#ffffff; font-size:var(--font-size-h2); font-weight:700; line-height:1; } .section-videotile_course_header .videotile-course-header__stat span{ display:block; margin-top:6px; color:rgba(255, 255, 255, 0.78); font-size:12px; font-weight:700; } .section-videotile_course_header .videotile-course-header__links{ margin-top:24px; } .section-videotile_course_header .videotile-course-header__fallback-button{ margin-top:24px; } .section-videotile_course_header .videotile-course-header__fallback-button a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 20px; border-radius:999px; background:#2ea397; color:#ffffff; font-size:13px; font-weight:700; line-height:1; text-decoration:none; } .section-videotile_course_header .videotile-course-header__fallback-button a:hover{ background:#44cac1; color:#0d1b2a; } .section-videotile_course_header .videotile-course-header__image{ position:relative; z-index:1; display:flex; justify-content:flex-end; align-items:center; width:100%; min-height:260px; pointer-events:none; } .section-videotile_course_header .videotile-course-header__image img{ display:block; width:min(100%, 560px); max-height:320px; /* * Remove the next line if you do not like the fixed card shape. * Without it, the image will keep its uploaded proportions but still have rounded corners. */ aspect-ratio:1.7777777778; object-fit:cover; object-position:center; border-radius:16px; } @media only screen and (max-width:991px){ .section-videotile_course_header .videotile-course-header__inner{ grid-template-columns:1fr; gap:24px; } .section-videotile_course_header .videotile-course-header__stat{ order:-1; text-align:left; } .section-videotile_course_header .videotile-course-header__image{ display:none; } } /* This file is auto-generated and may be replaced! */ .section-videotile_course_shortcode .videotile-course-shortcode{ width:100%; } .section-videotile_course_shortcode .videotile-catalogue{ width:100%; } .section-videotile_course_shortcode .videotile-catalogue__grid{ display:grid; gap:24px; grid-template-columns:repeat(var(--videotile-grid-mobile, 1), minmax(0, 1fr)); } @media only screen and (min-width:768px){ .section-videotile_course_shortcode .videotile-catalogue__grid{ grid-template-columns:repeat(var(--videotile-grid-tablet, 2), minmax(0, 1fr)); } } @media only screen and (min-width:992px){ .section-videotile_course_shortcode .videotile-catalogue__grid{ grid-template-columns:repeat(var(--videotile-grid-desktop, 3), minmax(0, 1fr)); } } .section-videotile_course_shortcode .videotile-card{ min-width:0; height:100%; } /* This file is auto-generated and may be replaced! */ .thumbnail-page{ position:relative; display:flex; } .thumbnail-page:hover .item-image-box{ filter:brightness(80%); } .thumbnail-page .item-image-box{ aspect-ratio:1.6; transition:all 200ms ease; } .thumbnail-page .item-image-box::before{ content:""; position:absolute; bottom:0; left:0; right:0; background:linear-gradient(0deg, black, transparent); height:50%; z-index:1; } .thumbnail-page .item-text-box{ position:absolute; z-index:2; bottom:30px; left:30px; right:30px; } .thumbnail-page .item-text-box button{ text-align:right; border-bottom:#2ea397; } /* This file is auto-generated and may be replaced! */ .thumbnail-post .item-box .item-image-box{ display:flex; align-items:center; justify-content:center; overflow:hidden; aspect-ratio:1.7777777778; } .thumbnail-post .item-box .item-image-box img{ width:100%; height:100%; object-fit:cover; border-radius:6px; } .thumbnail-post .item-box .item-text-box h2, .thumbnail-post .item-box .item-text-box h3, .thumbnail-post .item-box .item-text-box h4{ font-size:1.3em; margin-top:15px; } .thumbnail-post .item-box .item-text-box p{ margin-top:15px; } .thumbnail-post .item-box .item-text-box a.btn{ width:fit-content; min-width:140px; margin-top:15px; }