/*!**************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***! \**************************************************************************************************************/ @charset "UTF-8"; /*! Theme Name: Webspec Moraw Theme Author: Webspec Author URI: https://www.webspec.com Theme URI: Tags: full-site-editing, block-patterns Text Domain: moraw Requires at least: 6.4 Requires PHP: 8.2 Tested up to: 6.5.3 Version: 1.0.0 */ /* Styles intended only for the front.*/ html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } /* Disable transitions for folks who prefer reduced motion 👍 */ * { transition: none !important; } } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Undo these styles for placeholder links/named anchors (without href) which have not been made explicitly keyboard-focusable (without tabindex). It would be more straightforward to just use a[href] in previous block, but that causes specificity issues in many other styles that are too complex to fix. See https://github.com/twbs/bootstrap/issues/19402 */ a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } /* Tables */ table { border-collapse: collapse; /* Prevent double borders */ } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { /* Matches default `` alignment by inheriting from the ``, or the closest parent with a set `text-align`. */ text-align: inherit; } button { border-radius: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } /************************** General */ /************************** Spacing */ /************************** Colors */ /************************** Links */ /************************** Buttons */ /************************** Fonts */ /* This is a placeholder for where you'll set your font-face rules. It's important for performance that we set it to `font-display: swap;` specifically! The font-family name needs to match what is listed in the theme.json too. @font-face { font-family: example-font; src: local('Example Font'), url(./assets/fonts/example-font.ttf) format("truetype"); font-weight: 400; font-display: swap; } */ @font-face { font-family: "Noto Serif"; src: local("Noto Serif"), url(build/fonts/NotoSerif-VariableFont_wdthwght.ttf) format("truetype"); font-weight: 400; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Poppins"; src: local("Poppins"), url(build/fonts/Poppins-Regular.ttf) format("truetype"); font-weight: 400; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Poppins"; src: local("Poppins"), url(build/fonts/Poppins-Italic.ttf) format("truetype"); font-weight: 400; font-optical-sizing: auto; font-display: swap; font-style: italic; } @font-face { font-family: "Poppins"; src: local("Poppins"), url(build/fonts/Poppins-Bold.ttf) format("truetype"); font-weight: 700; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Jost"; src: local("Jost"), url(build/fonts/Jost-Regular.ttf) format("truetype"); font-weight: 400; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Jost"; src: local("Jost"), url(build/fonts/Jost-Bold.ttf) format("truetype"); font-weight: 700; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Jost"; src: local("Jost"), url(build/fonts/Jost-SemiBold.ttf) format("truetype"); font-optical-sizing: auto; font-weight: 600; font-display: swap; font-style: normal; } @font-face { font-family: "Open Sans"; src: local("Open Sans"), url(build/fonts/OpenSans-Bold.ttf) format("truetype"); font-weight: 700; font-optical-sizing: auto; font-display: swap; font-style: normal; } @font-face { font-family: "Open Sans"; src: local("Open Sans"), url(build/fonts/OpenSans-Regular.ttf) format("truetype"); font-weight: 400; font-optical-sizing: auto; font-display: swap; font-style: normal; } h1, .is-style-h1, .h1 { margin: 0 0 var(--wp--preset--spacing--50) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--hero); line-height: 70px; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } h2, .is-style-h2, .h2 { margin: 0 0 var(--wp--preset--spacing--50) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--xx-large); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } h3, .is-style-h3, .h3 { margin: 0 0 var(--wp--preset--spacing--40) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--x-large); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } h4, .is-style-h4, .h4 { margin: 0 0 var(--wp--preset--spacing--40) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--large); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 500; } h5, .is-style-h5, .h5 { margin: 0 0 var(--wp--preset--spacing--30) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--medium); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } h6, .is-style-h6, .h6 { margin: 0 0 var(--wp--preset--spacing--30) 0; font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--small); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } body { font-family: var(--wp--preset--font-family--secondary); font-size: var(--wp--preset--font-size--medium); line-height: 1.61; letter-spacing: normal; color: var(--wp--preset--color--contrast); font-weight: 400; } p.is-style-subheader, p.subheader { font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--medium); text-transform: uppercase; color: var(--wp--preset--color--contrast); position: relative; text-indent: 3.5rem; } p.is-style-subheader::before, p.subheader::before { content: ""; position: absolute; display: block; width: 3rem; height: 3px; background-color: var(--wp--preset--color--primary); top: 0.85rem; } .wp-site-blocks { max-width: 100vw; overflow-x: hidden; } .is-style-mobile-padding { padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40); } .is-style-fit-to-container { height: 100%; width: 100%; } @media screen and (min-width: 800px) { .is-style-mobile-padding { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 800px) { .wp-block-columns.is-style-mobile-reverse { flex-direction: column-reverse !important; } } .align-center { align-items: center; } .hidden { display: none !important; visibility: hidden !important; } .hide-on-desktop, .hide-on-desktop-block { display: block !important; } .hide-on-desktop-flex { display: flex !important; } .hide-on-mobile, .hide-on-mobile-block, .hide-on-mobile-flex { display: none !important; } .is-position-fixed { position: fixed; } @media (min-width: 800px) { .hide-on-desktop, .hide-on-desktop-block, .hide-on-desktop-flex { display: none !important; } .hide-on-mobile, .hide-on-mobile-block { display: block !important; } .hide-on-mobile-flex { display: flex !important; } } body.admin-bar #moraw-site-header { margin-top: 46px; } @media (min-width: 783px) { body.admin-bar #moraw-site-header { margin-top: 32px; } } .top-banner { padding: 0.7rem 1rem; } @media screen and (min-width: 768px) { .section-footer { padding: 2rem 5rem; } } .section-footer .section-footer-customs { display: flex; flex-direction: row; } .section-footer .section-footer-customs .footer-second-col-custom { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 30px; flex-basis: 20% !important; } .section-footer .section-footer-customs .footer-third-col-custom { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 30px; flex-basis: 20% !important; } .section-footer .section-footer-customs .footer-third-col-custom .right-col-group { margin: auto; width: 100px; } .section-footer .section-footer-customs .footer-third-col-custom .patient-login { border-top: 1px solid rgba(255, 255, 255, 0.2); width: 120px; margin: auto; } @media screen and (max-width: 768px) { .section-footer { /* For the bottom-row-nav to display as a column on mobile */ /* Specifically target the second column in bottom-row-nav (navigation column) */ /* Adjust the navigation items for mobile */ } .section-footer .section-footer-customs .footer-first-col-custom { align-items: center; padding: 0rem 3rem !important; } .section-footer .section-footer-customs .footer-first-col-custom .wp-block-image { text-align: center; } .section-footer .section-footer-customs .footer-first-col-custom .wp-block-button { margin: auto; } .section-footer .section-footer-customs .footer-first-col-custom .wp-block-button a { width: 300px; } .section-footer .section-footer-customs .footer-first-col-custom p { text-align: center; } .section-footer .section-footer-customs .footer-second-col-custom { align-items: center; } .section-footer .bottom-row-nav { display: flex; flex-direction: column; align-items: center; padding-top: 10px; } .section-footer .bottom-row-nav .wp-block-column { flex-basis: 100%; text-align: center; margin-bottom: 5px; } .section-footer .bottom-row-nav .wp-block-column:nth-child(2) { display: flex; flex-direction: column; align-items: center; } .section-footer .footer-privacy-policy-nav ul { display: flex; flex-direction: column; padding: 0; } .section-footer .footer-privacy-policy-nav li { margin: 3px 0; } } a { color: var(--wp--preset--color--contrast); text-decoration: none; } a:hover { color: var(--wp--preset--color--primary); } a:visited { color: var(--wp--preset--color--primary); font-style: italic; } a:focus { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 4px; } .wp-block-button .wp-element-button, .wp-block-button .wp-block-button__link, .wp-block-button .is-style-primary { padding: 15px 35px; margin: 6px 0; border-radius: 0.5; background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border: 1px solid rgba(0, 0, 0, 0); transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out; } .wp-block-button.is-style-outline .wp-element-button, .wp-block-button.is-style-outline .wp-block-button__link { background-color: rgba(0, 0, 0, 0); color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--primary); } .wp-block-button.is-style-fill .wp-element-button, .wp-block-button.is-style-fill .wp-block-button__link { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border: 1px solid rgba(0, 0, 0, 0); } .wp-block-button:hover .wp-element-button, .wp-block-button:hover .wp-block-button__link, .wp-block-button:hover .is-style-primary { background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); } .wp-block-button:hover.is-style-outline .wp-element-button, .wp-block-button:hover.is-style-outline .wp-block-button__link { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border: 1px solid rgba(0, 0, 0, 0); } .wp-block-button:hover.is-style-fill .wp-element-button, .wp-block-button:hover.is-style-fill .wp-block-button__link { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border: 1px solid rgba(0, 0, 0, 0); } nav .sub-menu .wp-block-navigation-submenu__toggle { transform: rotate(0deg); transition: transform 0.3s ease; } nav .sub-menu:hover .wp-block-navigation-submenu__toggle { transform: rotate(-180deg); transition: transform 0.3s ease; } .wp-site-blocks > header.wp-block-template-part { position: fixed; width: 100vw; left: 50%; transform: translateX(-50%); z-index: 100; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(7.5px); } .wp-site-blocks > header.wp-block-template-part .has-modal-open.is-menu-open { height: 100vh; z-index: 9001; } .wp-site-blocks > header.wp-block-template-part .has-modal-open.is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 1rem; } @media screen and (max-width: 468px) { .wp-site-blocks > header.wp-block-template-part { top: 0; } } .footer-navigation li span { color: white; } .footer-privacy-policy-nav li span { color: white; } .wp-block-navigation__container > .wp-block-navigation-item { margin-right: 1.9rem; } .wp-block-navigation__container > .wp-block-navigation-item ul { position: absolute; margin-top: 1px; padding: 1px 5px 5px 0px; border-radius: 5px; left: 0; z-index: 5; width: 100%; margin-left: -39px; } .wp-block-navigation__container > .wp-block-navigation-item ul::before { content: ""; top: -2px; right: 50%; position: absolute; z-index: 0; padding: 10px; text-align: center; transform: rotate(45deg); border: 1px solid #CCD3E2; } .wp-block-navigation__container > .wp-block-navigation-item ul li { padding: 0px 5px; } .wp-block-navigation__container > .wp-block-navigation-item ul li:hover { background-color: var(--wp--preset--color--light-gray); border-radius: 5px; } .wp-block-navigation__container > .wp-block-navigation-item ul li:not(:first-child) { margin-top: 7px; } li.wp-block-navigation-item.last-nav-child.wp-block-navigation-link { border-left: 1px solid #CCD3E2; border-right: 1px solid #CCD3E2; padding: 0px 20px; } .agile-minimal-header li.wp-block-navigation-item.last-nav-child.wp-block-navigation-link { border-left: 0; } a .wp-block-navigation-item__label { color: var(--wp--preset--color--contrast); text-decoration: none; } a .wp-block-navigation-item__label:hover { color: var(--wp--preset--color--primary); } a .wp-block-navigation-item__label:visited { color: var(--wp--preset--color--primary); } a .wp-block-navigation-item__label:focus { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 4px; } .wp-block-navigation__container li.has-child > a.wp-block-navigation-item__content { padding-bottom: 2px; margin-bottom: -2px; } /* copy of wp default css to a 1000px media query */ /* neutralize the wp default for 600px */ @media (min-width: 600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } } /* Change mobile navigation break point */ @media (min-width: 800px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block; } } @media screen and (max-width: 799px) { li.wp-block-navigation-item.last-nav-child.wp-block-navigation-link { border-left: 0px; border-right: 0px; } } @media screen and (max-width: 789px) { ul::before { display: none; } } #fixed-header-heighter { height: 80px; } .slider-wrapper .slick-dots { display: none !important; } .slider-wrapper .slick-prev, .slider-wrapper .slick-next { position: absolute; padding: 5px !important; border: 1px solid var(--wp--preset--color--contrast); border-radius: 50%; background-color: transparent; } .slider-wrapper .slick-prev svg, .slider-wrapper .slick-next svg { width: 24px; height: 24px; } .slider-wrapper .slick-prev:hover, .slider-wrapper .slick-next:hover { color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); background-color: var(--wp--preset--color--base); } .slider-wrapper .slick-prev:focus, .slider-wrapper .slick-prev:focus-visible, .slider-wrapper .slick-next:focus, .slider-wrapper .slick-next:focus-visible { color: var(--wp--preset--color--primary); outline: 1px solid var(--wp--preset--color--primary); outline-offset: 2px; } .posts-cards { background-color: #F9F9F9; gap: 50px; padding-bottom: 50px; } .posts-cards .blog-header { font-family: "poppins", sans-serif; font-size: 54px; font-weight: 500; line-height: 68px; } .posts-cards .sub-head { font-family: "Poppins"; font-style: normal; font-weight: 400; font-size: 24px; line-height: 34px; text-align: center; } .posts-cards li { background-color: var(--wp--preset--color--base); border-radius: 0 0 5.11px 5.11px; cursor: pointer; padding-bottom: 20px; } .posts-cards li .wp-block-post-title { font-family: "poppins", sans-serif; font-size: 22px !important; font-weight: 500; line-height: 30px !important; color: #404040; } .posts-cards li .wp-block-post-excerpt { font-family: "poppins", sans-serif; font-size: 16px !important; font-weight: 500; line-height: 25px !important; color: #404040; } .posts-cards li .wp-block-post-excerpt .wp-block-post-excerpt__more-text a { color: var(--wp--preset--color--primary); margin-top: 30px; } .posts-cards li .wp-block-post-excerpt__more-text { display: none; } .posts-cards .wp-block-query-pagination a { color: var(--wp--preset--color--primary); font-family: "poppins", sans-serif; font-size: 16px; font-weight: 700; } .filter-bar-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .filter-bar-container .filter-bar-label { color: #686868; } .filter-bar-container #filter-bar-category-select { border-radius: 3.28px; color: #686868; border: 1px solid #9A9A9A; max-width: 380px; } .filter-bar-container #filter-bar-order-select { border-radius: 3.28px; color: #686868; border: 1px solid #9A9A9A; max-width: 380px; margin-bottom: 20px; } .side-bar-cat { list-style: none; } /* Position the slick-prev and slick-next buttons on the top-right */ .section-carousel-slider .slick-slide { width: 370px !important; } .section-carousel-slider .slider-wrapper .slick-prev, .section-carousel-slider .slider-wrapper .slick-next { top: -32px; z-index: 10; } .section-carousel-slider .slider-wrapper .slick-next { right: 5%; } .section-carousel-slider .slider-wrapper .slick-prev { left: 80%; } @media (max-width: 1000px) { .section-carousel-slider .slider-wrapper .slick-next { right: 10%; } .section-carousel-slider .slider-wrapper .slick-prev { left: 70%; } } @media (max-width: 740px) { .section-carousel-slider .slider-wrapper .slick-next { right: 10%; } .section-carousel-slider .slider-wrapper .slick-prev { left: 50%; } } .section-medical-cards .is-layout-grid { gap: 1rem; } .section-medical-cards .category-card { cursor: pointer; position: relative; margin: 0 !important; padding: 0 !important; gap: 1rem; } .section-medical-cards .category-card figure, .section-medical-cards .category-card img { margin-right: 0 !important; width: 112px !important; height: 100% !important; object-fit: cover; object-position: center; } .section-medical-cards .category-card p { max-width: 120px; line-height: 26px; } .section-medical-cards .category-card:hover { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--base); } .section-medical-cards .category-card:hover::after { background-color: var(--wp--preset--color--base); } .section-medical-cards .category-card:hover a { color: var(--wp--preset--color--base); } .section-medical-cards .category-card::after { content: ""; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); mask: url(build/images/arrow-circle-right-1.svg); height: 24px; width: 24px; background-color: var(--wp--preset--color--contrast); } /* Position the slick-prev and slick-next buttons on the top-right */ .section-carousel-slider-home-top .header-section { padding-left: calc((100vw - 1240px) / 2); } .section-carousel-slider-home-top .header-section .button-black a { color: var(--wp--preset--color--white); } .section-carousel-slider-home-top .header-section .button-black a:hover { color: var(--wp--preset--color--black); } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .text-col p { border-right: 1px solid #CCD3E2; } @media screen and (max-width: 800px) { .section-carousel-slider-home-top .top-header-div h1 { line-height: 50px; } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .text-col { border-bottom: 1px solid #CCD3E2; } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .text-col p { border-right: 0px; } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .button-col .wp-block-button { width: 100%; } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .button-col .wp-block-button a { background-color: var(--wp--preset--color--contrast); width: 100%; } .section-carousel-slider-home-top .top-header-div .header-sup-title-section .button-col .wp-block-button a:hover { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); } } @media screen and (max-width: 800px) { .section-carousel-slider-home-top .section-homepage-slider .agile-slider { margin-left: auto !important; padding-left: 0 !important; gap: 0; } } .section-carousel-slider-home-top .section-homepage-slider .agile-slider { margin-left: calc((100vw - 1240px) / 2); } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-track { width: none; margin-left: auto !important; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev, .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next { top: -32px; z-index: 10; position: absolute; padding: 5px !important; border: 1px solid var(--wp--preset--color--contrast); border-radius: 50%; background-color: transparent; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev:hover, .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next:hover { color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); background-color: var(--wp--preset--color--base); } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev:focus, .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev:focus-visible, .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next:focus, .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next:focus-visible { color: var(--wp--preset--color--primary); outline: 1px solid var(--wp--preset--color--primary); outline-offset: 2px; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next { right: 10%; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev { left: 83%; } @media (max-width: 1000px) { .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next { right: 10%; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev { left: 70%; } } @media (max-width: 740px) { .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-next { right: 10%; } .section-carousel-slider-home-top .section-homepage-slider .agile-slider .slick-prev { left: 50%; } } .section-explore-medication { background: linear-gradient(180deg, rgba(0, 95, 108, 0) 4.81%, rgba(0, 95, 108, 0.07) 100%); margin-bottom: 0px !important; } .section-explore-medication .section-carousel-slider .slider-wrapper h3 { line-height: 42px; } .section-explore-medication .section-carousel-slider .slider-wrapper .slider-card .cover-top-text { background: linear-gradient(360deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.7) 100%); border-radius: 15px 15px 0px 0px; } .section-explore-medication .drop-down-section .dropdown { display: none; margin: 20px; position: relative; } .section-explore-medication .drop-down-section .dropdown::after { content: ""; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; pointer-events: none; transition: transform 0.3s ease; } .section-explore-medication .drop-down-section .dropdown:focus-within::after { transform: translateY(-50%) rotate(180deg); } .section-explore-medication .drop-down-section .dropdown select { width: 300px; background-color: white; color: black; padding: 10px; font-size: 18px; border: 1px solid #ccc; border-radius: 5px; appearance: none; cursor: pointer; } .section-explore-medication .drop-down-section .dropdown select:focus { outline: none; border-color: #999; background-color: #f0f0f0; } .section-explore-medication .section-three-call-out { box-sizing: border-box; background: #FFFFFF; border: 1px solid #EDEFF3; box-shadow: 0px 5px 30px rgba(0, 95, 108, 0.1); padding: 36px 30px; } .section-explore-medication .section-three-call-out .second-col-med { border-left: 1px solid #EDEFF3; border-right: 1px solid #EDEFF3; border-top: 0; border-bottom: 0; } .section-explore-medication .wp-block-cover__inner-container { min-height: 474px; } .section-explore-medication .section-carousel-slider { margin-left: calc((100vw - 1240px) / 2); } .section-explore-medication .section-carousel-slider .slider-wrapper .slick-next { right: 10%; } .section-explore-medication .section-carousel-slider .slider-wrapper .slick-prev { left: 83%; } @media screen and (max-width: 999px) { .section-explore-medication .drop-down-section .dropdown { display: inline-block; } .section-explore-medication .slider-buttons { display: none; } .section-explore-medication .slider-wrapper .slick-next { right: 40% !important; top: 110%; } .section-explore-medication .slider-wrapper .slick-prev { left: 30% !important; top: 110%; } .section-explore-medication .section-three-call-out { padding: 0px 10px; } .section-explore-medication .section-three-call-out .second-col-med { border: none; border-top: 1px solid #EDEFF3; border-bottom: 1px solid #EDEFF3; } } @media screen and (max-width: 895px) { .section-explore-medication .drop-down-section { padding-left: 20px !important; } } @media screen and (max-width: 767px) { .section-explore-medication .disclaimers-text-med { padding-top: 80px; } } @media screen and (min-width: 600px) and (max-width: 999px) { .section-explore-medication .slider-wrapper { margin-left: 13%; } } @media screen and (min-width: 500px) and (max-width: 680px) { .section-explore-medication .slider-wrapper { margin-left: 55%; } } @media screen and (max-width: 499px) { .section-explore-medication .slider-wrapper { margin-left: 50%; } } @media screen and (max-width: 450px) { .section-explore-medication .slider-wrapper { margin-left: 59%; } } .section-frequently-ask-questions .benefits-cta-box { height: 411px; } .section-frequently-ask-questions .frequently-ask-question-main { padding: 0rem 1rem 5rem 1rem; } .section-frequently-ask-questions details { border-radius: 15px; padding: 15px; margin: 20px 0px; position: relative; transition: all 0.3s ease; } .section-frequently-ask-questions details:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .section-frequently-ask-questions details[open] { background-color: var(--wp--preset--color--white, white); } .section-frequently-ask-questions summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px; font-size: 16px; font-weight: 500; list-style: none; } .section-frequently-ask-questions summary::-webkit-details-marker { display: none; } .section-frequently-ask-questions summary::after { content: "▼"; font-size: 12px; transform: rotate(0deg); transform-origin: center; transition: transform 0.3s ease; margin-left: auto; } .section-frequently-ask-questions details[open] summary::after { transform: rotate(-180deg); } .section-frequently-ask-questions .faq-content { padding: 15px 10px 5px; line-height: 1.6; } @media (max-width: 600px) { .section-frequently-ask-questions .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media { grid-column: 1; grid-row: 3; } .section-frequently-ask-questions .wp-block-button__link.wp-element-button { width: 300px; } .section-frequently-ask-questions .cta-call-container .cta-button { width: 100%; text-align: center; } .section-frequently-ask-questions .cta-call-container .cta-button .btn { width: 100%; } .section-frequently-ask-questions .cta-call-container .cta-button .btn a { width: 100%; } } .section-employees-expect { margin: auto; } .section-employees-expect .program-parent-card { position: relative; transition: all 0.3s ease; } .section-employees-expect .program-parent-card::before { content: ""; position: absolute; left: 8px; top: 0; width: 2px; height: 117%; border-left: 2px dashed #CCD3E2; } .section-employees-expect .program-parent-card .div-circle-expect { width: 15px; height: 15px; background-color: #CCD3E2; color: rgb(11, 11, 11); border: 1px solid #CCD3E2; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; } .section-employees-expect .program-parent-card .div-circle-expect::after { content: ""; position: absolute; top: 50%; left: 100%; width: 60px; height: 2px; border-top: 2px dashed #CCD3E2; } .section-employees-expect .program-parent-card:first-child::before { height: 65%; transform: translateY(80%); } .section-employees-expect .program-parent-card:nth-child(4)::before { height: 50%; transform: translateY(0%); } .section-employees-expect .expect-employee-card { position: relative; background-color: var(--wp--preset--color--light-gray); padding: 2.25rem 2.25rem 2.25rem 120px; margin-bottom: 1.5rem; } .section-employees-expect .expect-employee-card p { margin-block: 0; } .section-employees-expect .expect-employee-card::before { content: ""; position: absolute; left: 2.25rem; top: 50%; transform: translateY(-50%); background-color: #1e1e1e; width: 68px; height: 69px; } .section-employees-expect .expect-employee-card.program-svg::before { mask: url(build/images/program.svg) no-repeat center center; } .section-employees-expect .expect-employee-card.qualification-svg::before { mask: url(build/images/qualification.svg) no-repeat center center; } .section-employees-expect .expect-employee-card.licensed-svg::before { mask: url(build/images/licensed.svg) no-repeat center center; } .section-employees-expect .expect-employee-card.medication-svg::before { mask: url(build/images/medical-square.svg) no-repeat center center; } @media screen and (max-width: 768px) { .section-employees-expect .program-parent-card { width: 100%; margin: 0; box-sizing: border-box; } .section-employees-expect .get-started-first-col img { border-radius: 15px !important; } .section-employees-expect .get-started-first-col .tex-img-col h2 { text-align: center; } .section-employees-expect .div-with-svg { margin-bottom: -75px; } } @media screen and (max-width: 480px) { .section-employees-expect .program-parent-card { width: 80%; margin-left: 70px; } .section-employees-expect .program-parent-card::before { left: -60px; height: 116%; } .section-employees-expect .program-parent-card .div-circle-expect { top: 159px; left: -65px; } .section-employees-expect .program-parent-card:first-child::before { height: 95%; transform: translateY(80%); } .section-employees-expect .program-parent-card:nth-child(4)::before { height: 60%; transform: translateY(0%); } .section-employees-expect .expect-employee-card { padding: 2rem 2rem 2rem 100px !important; margin-bottom: 20px; } .section-employees-expect .expect-employee-card::before { left: 1.2rem !important; } .section-employees-expect .wp-block-image img { margin-bottom: -30px !important; } } @media screen and (min-width: 481px) and (max-width: 782px) { .section-employees-expect .program-parent-card { margin: 59px 0px; } .section-employees-expect .program-parent-card::before, .section-employees-expect .program-parent-card::after, .section-employees-expect .program-parent-card .div-circle-expect { display: none; } } @media screen and (max-width: 375px) { .section-employees-expect .program-parent-card:first-child::before { height: 85%; transform: translateY(80%); } .section-employees-expect .program-parent-card:nth-child(4)::before { height: 56%; transform: translateY(0%); } .section-employees-expect .expect-employee-card { margin-bottom: 50px; } } .section-employees-slider { background: linear-gradient(180deg, #FFF 0%, #F6FAFA 100%); } .section-employees-slider .slick-dotted .slick-dots { display: none !important; } .section-employees-slider .slider-col { margin-left: calc((100vw - 1270px) / 2); cursor: grab; } .section-employees-slider .wellness-program-slider { margin-bottom: 0; } .section-employees-slider .wellness-program-slider .slick-slide { max-width: 386px; /* width: 386px !important; */ margin-right: 30px; } .section-employees-slider .wellness-program-slider .button-box { background-color: rgba(246, 250, 250, 0.8980392157); backdrop-filter: blur(7.5px); } .section-employees-slider .wellness-program-slider .slick-prev, .section-employees-slider .wellness-program-slider .slick-next { top: 60%; z-index: 10; position: absolute; padding: 5px !important; border: 1px solid var(--wp--preset--color--contrast); border-radius: 50%; background-color: transparent; } .section-employees-slider .wellness-program-slider .slick-prev:hover, .section-employees-slider .wellness-program-slider .slick-next:hover { color: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--base); } .section-employees-slider .wellness-program-slider .slick-prev:focus, .section-employees-slider .wellness-program-slider .slick-prev:focus-visible, .section-employees-slider .wellness-program-slider .slick-next:focus, .section-employees-slider .wellness-program-slider .slick-next:focus-visible { color: var(--wp--preset--color--primary); outline: 1px solid var(--wp--preset--color--primary); outline-offset: 2px; } .section-employees-slider .wellness-program-slider .slick-next { right: 127%; } .section-employees-slider .wellness-program-slider .slick-prev { left: -36%; } @media screen and (max-width: 1200px) { .section-employees-slider .slick-slide { margin-right: 10px !important; } .section-employees-slider .slider-col { margin-left: auto !important; margin-right: 10px !important; padding-left: 20px; } .section-employees-slider .wellness-program-slider .slick-next, .section-employees-slider .wellness-program-slider .slick-prev { top: 90%; margin-bottom: 50px; } .section-employees-slider .wellness-program-slider .slick-next { right: 110%; } .section-employees-slider .wellness-program-slider .slick-prev { left: -30%; } .section-employees-slider .wellness-program-slider .button-box { padding: 10px 9px !important; } .section-employees-slider .wellness-program-slider .button-box p { font-size: 18px !important; } .section-employees-slider .wellness-program-slider .button-box button { padding: 10px !important; } } @media (max-width: 1000px) { .section-employees-slider .wellness-program-slider .slick-next { right: 90%; } .section-employees-slider .wellness-program-slider .slick-prev { left: -20%; } } @media (max-width: 800px) { .section-employees-slider h1 { font-size: 40px; line-height: 50px; } .section-employees-slider .header-btn { width: 100%; } .section-employees-slider .header-btn .btn, .section-employees-slider .header-btn .btn a { width: 100%; } .section-employees-slider .slick-slide { margin-right: 10px !important; } .section-employees-slider .slider-col { margin-left: auto !important; margin-right: 10px !important; padding-left: 20px; } .section-employees-slider .wellness-program-slider .button-box { padding-right: 20px; padding-left: 20px; } .section-employees-slider .wellness-program-slider .button-box .responsive-text { font-size: 22px; } .section-employees-slider .wellness-program-slider .slick-next, .section-employees-slider .wellness-program-slider .slick-prev { top: 105%; margin-bottom: 50px; } .section-employees-slider .wellness-program-slider .slick-next { right: 40%; } .section-employees-slider .wellness-program-slider .slick-prev { left: 35%; } } @media screen and (max-width: 430px) { .section-employees-slider .slider-col { margin-left: auto !important; width: 340px !important; margin-right: 10px !important; } .section-employees-slider .button-box { padding: 10px !important; } .section-employees-slider .button-box .responsive-text { font-size: 20px !important; } .section-employees-slider .button-box a { font-size: 16px !important; } } .section-wellness-solutions { box-shadow: 0px -12px 15px -3px rgba(0, 0, 0, 0.1); background: linear-gradient(180deg, #F6FAFA 82.73%, #FFF 100%); } @media screen and (max-width: 768px) { .section-wellness-solutions .section-button { width: 100%; } .section-wellness-solutions .section-button .button-black { width: 100%; } .section-wellness-solutions .section-button .button-black a { width: 100%; color: var(--wp--preset--color--white); } } .section-getting-started .dots-main-container { position: relative; } .section-getting-started .getting-started-card { position: relative; } .section-getting-started .getting-started-card::before { content: ""; position: absolute; left: 15px; top: 0; width: 2px; height: 117%; border-left: 2px dashed #CCD3E2; } .section-getting-started .getting-started-card:first-child::before { height: 62%; transform: translateY(80%); } .section-getting-started .getting-started-card:nth-child(4)::before { height: 50%; transform: translateY(0%); } .section-getting-started .div-circle { width: 40px; height: 40px; background: #ffffff; color: rgb(11, 11, 11); border: 1px solid #CCD3E2; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; } .section-getting-started .div-circle::after { content: ""; position: absolute; top: 50%; left: 100%; width: 80px; height: 2px; border-top: 2px dashed #CCD3E2; } .section-getting-started .content-main-div::after { content: ""; position: absolute; width: 10px; height: 10px; background: #CCD3E2; border-radius: 50%; left: 12%; top: 50%; transform: translateY(-50%); } @media (max-width: 966px) { .section-getting-started .div-circle { display: none; } .section-getting-started .content-main-div::after { left: 50%; top: 100%; bottom: 0px; transform: translateX(-50%); } .section-getting-started .getting-started-card::before { left: 49.75%; transform: translateX(-33%); } .section-getting-started .getting-started-card:first-child::before { display: none; } .section-getting-started .getting-started-card:nth-child(2)::before, .section-getting-started .getting-started-card:nth-child(3)::before, .section-getting-started .getting-started-card:nth-child(4)::before { height: 10%; transform: translateY(-33%); } } @media only screen and (min-width: 600px) and (max-width: 966px) { .section-getting-started .getting-started-card::before { display: none; } .section-getting-started .content-main-div::after { display: none; } } @media screen and (max-width: 768px) { .section-getting-started .wp-block-media-text.is-stacked-on-mobile { display: flex; flex-direction: column-reverse; } .section-getting-started .wp-block-media-text__content { order: 1; } .section-getting-started .wp-block-media-text__media { order: 2; } .section-getting-started .content-main-div { padding: 50px 30px !important; text-align: center; } .section-getting-started .content-main-div h4 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 34px; } .section-getting-started .button-black { width: 100%; } .section-getting-started .button-black .btn-get-started { width: 100%; } .section-getting-started .button-black .btn-get-started a { width: 100%; color: var(--wp--preset--color--white); } } .section-medication-pricing { gap: 0px; } .section-medication-pricing .cta-single-box { font-size: 28px; } .section-medication-pricing .cta-single-box .pricing-text { color: var(--wp--preset--color--primary); } .section-medication-pricing .cta-single-box.middle-col { border-left: 1px solid #ccd3e2; border-right: 1px solid #ccd3e2 !important; } @media (max-width: 740px) { .section-medication-pricing { padding: 0px 15px; } .section-medication-pricing .pricing-cta-box { display: flex; flex-direction: column; } .section-medication-pricing .cta-single-box.middle-col { border-bottom: 1px solid #ccd3e2 !important; border-left: 0; border-right: 0 !important; border-top: 1px solid #ccd3e2; padding: 20px 0; } .section-medication-pricing .cta-single-box { border-right: 0px; border-bottom: 1px solid #ccd3e2; } .section-medication-pricing .cta-single-box:last-child { border-bottom: 0px; } } .section-clinically-proven-test .clinically-proven-box { border-radius: 15px; border: 1px solid #E7EBF4; background: rgba(255, 255, 255, 0.44); backdrop-filter: blur(8px); } .section-clinically-proven-test .clinically-proven-box .clinically-proven-test-row { gap: 20px; } @media (max-width: 740px) { .section-clinically-proven-test .disclaimer-text { display: none; } .section-clinically-proven-test .clinically-proven-box { padding: 50px 20px !important; } .section-clinically-proven-test .clinically-proven-test-row .single-row { padding: 20px 25px !important; display: flex; flex-direction: column; text-align: center; } .section-clinically-proven-test .clinically-proven-test-row .single-row:last-child { padding: 20px 105px !important; } } @media screen and (max-width: 740px) { .section-started-simple .section-started-simple .getting-simple-btn .simple-btn { width: 100%; } .section-started-simple .section-started-simple .getting-simple-btn .simple-btn a { width: 100%; } } @media screen and (max-width: 740px) { .section-business-benefits h2 { font-size: 38px; text-align: center; } .section-business-benefits .wp-block-cover.aligncenter.is-light.img-cover-box { min-height: auto !important; } .section-business-benefits .section-button { width: 100%; } .section-business-benefits .section-button .wp-block-button { width: 100%; } .section-business-benefits .section-button .wp-block-button a { width: 100%; } } @media screen and (max-width: 740px) { .section-program-freq-ask .freq-ask-cta { border-radius: 0px !important; padding: 0px 20px; } .section-program-freq-ask .faq-button { width: 100%; } .section-program-freq-ask .faq-button .get-started-btn { width: 100%; } .section-program-freq-ask .faq-button .get-started-btn a { width: 100%; } } .section-home-started-simple .inner-group-w-img p { padding: 0px 45px; } .section-home-started-simple .simple-cards-container { justify-content: center; } .section-home-started-simple .simple-cards-container .simple-single-card { box-sizing: border-box; padding: 20px 0px; gap: 30px; width: 393px; height: 435px; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--light-gray); box-shadow: 0px 5px 37px rgba(0, 95, 108, 0.19); border-radius: 15px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; } .section-employers-investing .hidden-title { display: none; } @media screen and (max-width: 768px) { .section-employers-investing { display: flex; flex-direction: column; } .section-employers-investing .top-title { display: none; } .section-employers-investing .hidden-title { display: block; } .section-employers-investing .right-column { order: -1; margin-top: -50px; } .section-employers-investing .left-column { order: 0; } .section-employers-investing .button-col { width: 100%; } .section-employers-investing .button-col .investing-btn { width: 100%; } .section-employers-investing .button-col .investing-btn a { width: 100%; } } .section-program-heading { max-width: 100vw; } .section-program-heading .header-section-w-img { margin-left: calc((100vw - 1240px) / 2); } .section-program-heading .imgs-col { display: flex; justify-content: flex-end !important; } @media (max-width: 1240px) { .section-program-heading .top-section-text { padding-right: 10rem; } .section-program-heading .header-section-w-img { margin: auto; } } @media (max-width: 740px) { .section-program-heading .header-section-w-img { display: flex; flex-direction: column; } .section-program-heading .header-section-w-img .top-section-text { padding-right: 0rem; } .section-program-heading .header-section-w-img .top-section-text h1 { font-size: 40px; line-height: 58px; } .section-program-heading .imgs-col img { width: 100% !important; } .section-program-heading .second-top-img { display: none; } .section-program-heading .top-btn { margin: 18px 0px; width: 100%; } .section-program-heading .top-btn .slider-section-btn { width: 100%; } .section-program-heading .top-btn .slider-section-btn a { width: 100%; } .medical-pricing-section .pricing-cta-box { display: flex; flex-direction: column; } .medical-pricing-section .pricing-cta-box .cta-single-box { border: 0px; } .medical-pricing-section .pricing-cta-box .middle-col { border-top: 1px solid #CCD3E2; border-bottom: 1px solid #CCD3E2; padding: 20px 0px; } } @media screen and (max-width: 999px) { .section-dismilation-text-div .disclaimer-text { display: none !important; } } @media screen and (max-width: 740px) { .section-program-started-simple .get-started-button { width: 100%; } .section-program-started-simple .get-started-button .wp-block-button { width: 100%; } .section-program-started-simple .get-started-button .wp-block-button a { width: 100%; } } .section-program-started-simple .inner-group-w-img p { padding: 0px 45px; } .section-program-started-simple .simple-cards-container { justify-content: center; } .section-program-started-simple .simple-cards-container .simple-single-card { box-sizing: border-box; padding: 20px 0px; gap: 30px; width: 393px; height: 435px; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--light-gray); box-shadow: 0px 5px 37px rgba(0, 95, 108, 0.19); border-radius: 15px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; } .section-employee-testimonial-slider { /* Homepage */ } @media screen and (max-width: 768px) { .section-employee-testimonial-slider { padding-top: 60px !important; background-position: 25% 32% !important; } } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-slide { max-width: 496px; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .single-slide { background: rgba(246, 250, 250, 0.6); border: 1px solid #E1E6F0; width: auto !important; backdrop-filter: blur(3.5px); border-radius: 15px; margin-right: 20px; position: relative; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .single-slide::before { position: absolute; content: "“"; font-size: 75px; color: var(--wp--preset--color--primary); font-family: Georgia, "Times New Roman", Times, serif; top: 40px; left: 22px; } @media screen and (max-width: 1400px) { .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider { margin-left: 6% !important; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .single-slide { padding: 30px 25px 30px 65px; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .single-slide::before { top: 0px; left: 20px; } } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider { margin-left: calc((100vw - 1240px) / 2); } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-track { width: none; margin-left: auto !important; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev, .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next { top: 120%; position: absolute; padding: 5px !important; border: 1px solid var(--wp--preset--color--contrast); border-radius: 50%; background-color: transparent; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev:hover, .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next:hover { color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); background-color: transparent; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev:focus, .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev:focus-visible, .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next:focus, .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next:focus-visible { color: var(--wp--preset--color--primary); outline: 1px solid var(--wp--preset--color--primary); outline-offset: 2px; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next { right: 49%; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev { left: 42%; } @media (max-width: 1200px) { .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-track .slick-slide { margin-right: 0 !important; width: 318px !important; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-next { right: 40%; } .section-employee-testimonial-slider .section-carousel-slider .wellness-program-slider .slick-prev { left: 30%; } } .section-what-include .left-img { display: none; } @media screen and (max-width: 768px) { .section-what-include .two-col-section .btn-col { width: 100%; } .section-what-include .two-col-section .btn-col .get-started-btn { width: 100%; } .section-what-include .two-col-section .btn-col .get-started-btn a { width: 100%; } .section-what-include .two-col-section .secon-col-img { display: none; } .section-what-include .two-col-section .left-img { display: block !important; } } .section-3-col-card h1 { font-size: 40px; } .section-1-col-cta { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-1-col-cta { padding: var(--wp--preset--spacing--90) 0px; } } .component-single-card-with-icon { position: relative; margin-top: var(--wp--preset--spacing--70); padding: 0px var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); } .component-single-card-with-icon figure { height: var(--wp--preset--spacing--70); } .component-single-card-with-icon img { position: absolute; margin-top: calc(0px - var(--wp--preset--spacing--70)); height: var(--wp--preset--spacing--100); width: auto; } .component-single-card-with-image figure, .component-single-card-with-image img { width: 100%; } .component-single-card-with-image .card-image-inner-text { padding: 0px var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); } .component-single-card-with-cta-link { padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--60); } .section-3-col-card-with-cta-link.has-background, .section-4-col-card-with-cta-link.has-background { padding-top: var(--wp--preset--spacing--80); padding-bottom: var(--wp--preset--spacing--90); } .section-1-col-search { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-1-col-search { padding: var(--wp--preset--spacing--90) 0px; } } .section-1-col-table-horizontal-stripes { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-1-col-table-horizontal-stripes { padding: var(--wp--preset--spacing--90) 0px; } } .section-1-col-table-vertical-stripes table td:nth-of-type(odd), .section-1-col-table-vertical-stripes table th:nth-of-type(odd) { background-color: #f0f0f0; } .section-1-col-table-vertical-stripes th, .section-1-col-table-vertical-stripes td { border: none; } .section-1-col-table-vertical-stripes { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-1-col-table-vertical-stripes { padding: var(--wp--preset--spacing--90) 0px; } } .section-col-text-cta-right.has-background { padding: var(--wp--preset--spacing--80); } @media (max-width: 992px) { .section-col-text-cta-right, .section-col-text-cta-right.has-background { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } } .section-info-cta-col.has-background { padding-top: var(--wp--preset--spacing--90); padding-bottom: var(--wp--preset--spacing--90); } @media (max-width: 992px) { .section-info-cta-col.has-background, .section-info-cta-col { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } } .section-half-image-bleed .wp-block-media-text__content { padding-top: var(--wp--preset--spacing--90); padding-bottom: var(--wp--preset--spacing--90); margin-left: var(--wp--preset--spacing--60); margin-right: auto; max-width: 496px; } .section-half-image-bleed .has-media-on-the-right .wp-block-media-text__content { margin-left: auto; margin-right: var(--wp--preset--spacing--60); max-width: 496px; } @media (max-width: 992px) { .section-half-image-bleed .wp-block-media-text__content, .section-half-image-bleed .has-media-on-the-right .wp-block-media-text__content { margin: auto; max-width: unset; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } } .section-half-image-wide.has-background { padding: var(--wp--preset--spacing--90); } .section-half-image-wide .wp-block-media-text__content { padding-top: var(--wp--preset--spacing--90); padding-bottom: var(--wp--preset--spacing--90); margin-left: var(--wp--preset--spacing--60); margin-right: auto; } .section-half-image-wide .has-media-on-the-right .wp-block-media-text__content { margin-left: auto; margin-right: var(--wp--preset--spacing--60); } @media (max-width: 992px) { .section-half-image-wide .wp-block-media-text__content { margin: auto; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } .section-half-image-wide.has-background { padding: unset; } } .section-post-preview { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-post-preview { padding: var(--wp--preset--spacing--90) 0px; } } .section-h1-h2-callout-text-bg-image { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-h1-h2-callout-text-bg-image { padding: var(--wp--preset--spacing--90) 0px; } } .section-headshot-name-title-bio { padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-headshot-name-title-bio { padding: var(--wp--preset--spacing--90) 0px; } } .section-single-video { padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--40); } @media (min-width: 992px) { .section-single-video { padding: var(--wp--preset--spacing--80) 0px; } } .Book-call-form-popup { width: 100%; display: flex; flex-direction: column; justify-content: center; } .Book-call-form-popup input { margin-bottom: -20px !important; } .Book-call-form-popup input::placeholder { border-radius: 5px; color: #83979A; } .Book-call-form-popup input[type=submit] { background-color: black !important; border-radius: 100px !important; } .Book-call-form-popup textarea { border-radius: 5px; } .Book-call-form-popup textarea::placeholder { color: #83979A; } #gform_1 { font-family: "poppins"; margin: auto; } #gform_1 #field_1_5 { font-size: 45px; font-weight: 400; line-height: 58px; font-family: "Noto Serif"; text-align: center; } @media screen and (max-width: 768px) { #gform_1 #field_1_5 { font-size: 32px; font-weight: 400; line-height: 52px; } } #gform_1 #field_1_7 { margin-top: -32px; text-align: center; } #gform_1 select#input_1_18 { color: #83979A; } #popmake-2711 { padding: 40px; width: 900px; } #popmake-2711 .pum-close { padding: 20px; font-size: 20px; } @media screen and (max-width: 768px) { #popmake-2711 { width: 100%; padding: 30px 20px; } } .flex-content-bottom { display: flex; flex-direction: column; justify-content: space-between !important; height: 500px; /* padding: 20px; */ } /****** Slick Slider arrows ******/ /* button.slick-arrow { top: -35px !important; } button.slick-arrow.slick-prev { left: 0 !important; } button.slick-arrow.slick-next { right: calc(100% - 90px) !important; } */ /****** End Slick Slider arrows ******/ .slick-list { overflow-x: scroll; /* or 'auto' */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE/Edge */ } .slick-list::-webkit-scrollbar { display: none; /* Chrome/Safari */ } .wellness-program-slider a.wp-element-button:hover { background-color: #197e8a !important; } #wellness-cards .slick-list { cursor: grab; } .author-box { border: 1px solid #cfcfcf; border-radius: 5px; padding: 20px; } /* .author-box .wp-block-post-author__avatar { width: 150px; height: 150px; } */ ul.nav-menu-mobile { margin-left: 10px; }