/* Theme Name: PF Water Works Text Domain: https://pfwaterworks.com/ Version: 2.1 Tested up to: 6.1 Requires at least: 4.7 Requires PHP: 5.2.4 Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: Velocity Conssultancy Author URI: https://www.velocityconsultancy.com/ Theme URI: http://velocityconsultancy.com/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }} body {box-sizing: border-box; color: #454545 !important; font-family: "plusjakartasans light"; font-size: 16px; text-align: left; line-height: 1.7;} *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } /* #site-content { overflow: hidden; } */ /* Clearing ---------------------------------- */ .group::after, .entry-content::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Fonts ------------------------------------- */ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the classic editor and * block editor. The following font-face override fixes the issue by manually * inserting a custom font that includes just a Hoefler Text space replacement * for that character instead. */ @font-face { font-family: "plusjakartasans bold"; src: url(https://pfwaterworks.com/wp-content/themes/pfwater/fonts/plusjakartasans-bold.ttf); } @font-face { font-family: "plusjakartasans semibold"; src: url(https://pfwaterworks.com/wp-content/themes/pfwater/fonts/plusjakartasans-semibold.ttf); } @font-face { font-family: "plusjakartasans medium"; src: url(https://pfwaterworks.com/wp-content/themes/pfwater/fonts/plusjakartasans-medium.ttf); } @font-face { font-family: "plusjakartasans regular"; src: url(https://pfwaterworks.com/wp-content/themes/pfwater/fonts/plusjakartasans-regular.ttf); } @font-face { font-family: "plusjakartasans light"; src: url(https://pfwaterworks.com/wp-content/themes/pfwater/fonts/plusjakartasans-light.ttf); } /* ---------------------------------------------- Inter variable font. Usage: @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } } ---------------------------------------------- */ /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important; } } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main { display: block; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: #dcd7ca; margin: 4rem 0; } .entry-content hr, hr.styled-separator { background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative; } .entry-content hr:not(.has-background), hr.styled-separator { color: #6d6d6d; } .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg); width: 0.1rem; } .entry-content hr::before, hr.styled-separator::before { left: calc(50% - 0.5rem); } .entry-content hr::after, hr.styled-separator::after { right: calc(50% - 0.5rem); } a, a:hover { color: #203C73; } /* Lists ------------------------------------- */ ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; margin: 0.5rem 0 0 2rem; } li > ul, li > ol { margin: 1rem 0 0 2rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { border-color: #cd2653; border-style: solid; border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; padding: 0.5rem 0 0.5rem 2rem; } cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-child { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { display: block; max-width: 100%; } video { display: block; } figcaption, .wp-caption-text { color: #6d6d6d; display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; } figcaption a, .wp-caption-text a { color: inherit; } blockquote.instagram-media, iframe.instagram-media { margin: auto !important; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Sections ---------------------------------- */ .blog #site-content { padding: 5rem 0; width: 100%; } .section-inner { margin-left: auto; margin-right: auto; max-width: 120rem; width: calc(100% - 4rem); } .section-inner.max-percentage { width: 100%; } .section-inner.thin { max-width: 58rem; } .section-inner.small { max-width: 80rem; } .section-inner.medium { max-width: 100rem; } .section-inner.no-margin { margin: 0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653; } /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: #cd2653; } /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: #cd2653; } /* FILL COLOR */ .fill-children-accent, .fill-children-accent * { fill: #cd2653; } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; } @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll; } } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed { background-attachment: scroll; } } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; display: none; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; } /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem); } ul.social-icons li { margin: 0.9rem 0 0 0.9rem; } .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem; } .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none; } /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important; } .cover-modal.show-modal { display: block; cursor: pointer; } .cover-modal.show-modal > * { cursor: default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { position: sticky; width: 100%; top: 0; z-index: 9999;} .header-inner { /* max-width: 168rem; */ padding-top: 3.15rem; padding-bottom: 3.15rem; z-index: 100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem; text-align: center; position: relative;} body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left; } .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { text-decoration: underline; } .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; transition: all 0.15s linear; } .site-logo a, .site-logo img { display: block; } .header-titles .site-logo .site-logo { margin: 0; } .site-logo img { max-height: 6rem; margin: 0 auto; width: auto; } body:not(.enable-search-modal) .site-logo img { margin: 0; } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff; } .overlay-header .site-description, .overlay-header .toggle { color: inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25; } .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header { top: 46px; } } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none; } /* Header Toggles ---------------------------- */ .header-toggles { display: none; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem; } .header-inner .toggle svg { display: block; position: relative; z-index: 1; } .header-inner .toggle path { fill: currentColor; } .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative; } .toggle-icon { display: block; overflow: hidden; } .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration: underline; } /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0; } .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem; } .nav-toggle .toggle-inner { padding-top: 0.8rem; } /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none; } ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; flex-wrap: wrap; padding-left: 0;align-items: center;} .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0; } .primary-menu .icon::before { height: 0.9rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.9rem; } .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem; padding-right: 14px; margin: 0;} .primary-menu > li:last-child{padding-right: 0!important;} .primary-menu > li.menu-item-has-children > a { padding-right: 2rem; } .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem); } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul::before, .primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before { height: 2rem; left: 0; right: 0; } .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem); } /* DEEP DOWN */ .primary-menu ul ul { top: -1rem;} .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem);} .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem;} .primary-menu ul ul::after { border-bottom-color: transparent; border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem;} .rtl .primary-menu ul ul::after { transform: rotate(180deg);} /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99; } .admin-bar .menu-modal { top: 32px; } @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; }} .menu-modal.show-modal { display: flex; } .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out; } .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%; } .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative; } button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%; } button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem; } button.close-nav-toggle .toggle-text { margin-right: 1.6rem; } .menu-modal .menu-top { flex-shrink: 0; } /* Main Menu --------------------------------- */ .modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; } .modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: flex; flex-wrap: wrap; line-height: 1; justify-content: flex-start; margin: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; } .modal-menu > li:last-child { border-bottom-width: 0.1rem; } .modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; width: 100%; } .modal-menu a { display: block; padding: 2rem 2.5rem; text-decoration: none; width: 100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-left: 0.1rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle svg { height: 0.9rem; transition: transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .modal-menu ul { display: none; margin: 0; width: 100%; } .modal-menu ul li { border-left-width: 1rem; } .modal-menu ul li a { color: inherit; font-weight: 500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position: relative;} .menu-wrapper .active { display: block;} .menu-wrapper.is-toggling { pointer-events: none;} .menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%;} .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto;} .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 250ms;} .menu-wrapper.is-animating .menu-item { transition-property: transform;} .menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1;} .menu-wrapper.is-toggling .toggling-target.active { opacity: 0;} .menu-wrapper.is-animating.is-toggling .toggling-target { display: block; transition-property: opacity; opacity: 0;} .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1;} .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem;} @media (prefers-reduced-motion: reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display: none; } .mobile-menu { display: block; } /* Menu Bottom ------------------------------- */ .menu-bottom { flex-shrink: 0; padding: 4rem 0; } .menu-bottom nav { width: 100%; } .menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration: underline; } .menu-bottom .social-menu { justify-content: center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { background: rgba(0, 0, 0, 0.2); display: none; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition: opacity 0.2s linear, left 0s 0.2s linear; width: 100%; z-index: 999; } .admin-bar .search-modal.active { top: 32px; } @media (max-width: 782px) { .admin-bar .search-modal.active { top: 46px; } } .search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear; } .search-modal-inner .section-inner { display: flex; justify-content: space-between; max-width: 168rem; } .search-modal.active { left: 0; opacity: 1; transition: opacity 0.2s linear; } .search-modal.active .search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } button.search-untoggle { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -2.5rem; padding: 0 2.5rem; } .search-modal button.search-untoggle { color: inherit; } .search-modal.active .search-untoggle { animation: popIn both 0.3s 0.2s; } .search-untoggle svg { height: 1.5rem; transition: transform 0.15s ease-in-out; width: 1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { transform: scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin: 0; position: relative; width: 100%; } .search-modal .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 2rem; height: 8.4rem; margin: 0 0 0 -2rem; max-width: calc(100% + 2rem); padding: 0 0 0 2rem; width: calc(100% + 2rem); } .search-modal .search-field::-webkit-input-placeholder { color: inherit; } .search-modal .search-field:-ms-input-placeholder { color: inherit; } .search-modal .search-field::-moz-placeholder { color: inherit; line-height: 4; } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; } /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header { background-color: #fff; padding: 4rem 0; } .reduced-spacing .archive-header { padding-bottom: 2rem; } .archive-title { font-size: 2.4rem; font-weight: 700; margin: 0; } .archive-subtitle p:last-child { margin-bottom: 0; } /* Posts ------------------------------------- */ body:not(.singular) main > article:first-of-type { padding: 4rem 0 0; } /* Search Results ---------------------------- */ .no-search-results-form { padding-top: 5rem; } /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header { background-color: #fff; padding: 4rem 0; position: relative; } .singular .entry-header::before { content: ''; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .singular .entry-header .entry-header-inner { position: relative; z-index: 1; } .entry-categories { line-height: 1.25; margin-bottom: 2rem; } .entry-categories-inner { justify-content: center; display: flex; flex-wrap: wrap; } .entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-weight: 700; margin: 0.5rem 0 0 1rem; text-decoration: none; text-transform: uppercase; } .entry-categories a:focus, .entry-categories a:hover { border-bottom-color: transparent; } h1.entry-title, h2.entry-title { margin: 0; text-align: center;} .entry-title a { color: inherit; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } /* POST META */ .post-meta-single-top .post-meta { justify-content: center; } .post-meta-wrapper { margin-top: 2rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .post-meta { color: #6d6d6d; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; margin: -1rem 0 0 -2rem; } .post-meta li { flex-shrink: 0; margin: 1rem 0 0 2rem; max-width: calc(100% - 2rem); } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:focus, .post-meta a:hover { text-decoration: underline; } .post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: nowrap; } .post-meta .meta-icon { flex-shrink: 0; margin-right: 1rem; } .sticky .post-sticky { color: inherit; } .post-meta .post-author .meta-icon svg { width: 1.6rem; height: 1.8rem; } .post-meta .post-categories .meta-icon svg { width: 1.8rem; height: 1.7rem; } .post-meta .post-comment-link .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-date .meta-icon svg { width: 1.7rem; height: 1.8rem; } .post-meta .post-edit .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-sticky .meta-icon svg { width: 1.5rem; height: 1.8rem; } .post-meta .post-tags .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta svg * { fill: currentColor; } /* Featured Media ---------------------------- */ .featured-media { margin-top: 5rem; position: relative; } .singular .featured-media { margin: 5rem 0; } .singular .featured-media-inner { position: relative; left: calc(50% - 50vw); width: 100vw; } .singular .featured-media::before { background: #fff; content: ""; display: block; position: absolute; bottom: 50%; left: 0; right: 0; top: 0; } .featured-media img { margin: 0 auto; } .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem; display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin: 3em auto 0 auto; padding: 0; width: calc(100% - 4rem); max-width: 58rem; } .post-nav-links > span.label { padding: 1em 0; } .post-nav-links > * { padding: 1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .hide-avatars .author-bio { padding-left: 0; } .author-bio .author-title-wrapper { align-items: center; display: flex; margin: 0 0 1rem 0; } .author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem; } .hide-avatars img.avatar { display: none; } .author-bio p:last-child { margin-bottom: 0; } .author-bio .author-title { margin: 0; } .author-bio .author-link { display: block; font-size: 1.6rem; font-weight: 600; margin-top: 1em; text-decoration: none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration: underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size: 1.8rem; margin-top: 5rem; } .pagination-single-inner { display: flex; flex-direction: column; } .pagination-single hr:first-child { margin: 0 0 2.8rem 0; } .pagination-single hr:last-child { margin: 2.8rem 0 0.8rem 0; } .pagination-single a { align-items: baseline; display: flex; font-weight: 600; text-decoration: none; flex: 1; } .pagination-single a + a { margin-top: 1rem; } .pagination-single a .arrow { margin-right: 1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center; } /* COMMENT HEADER */ .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3.5rem; } div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0; } .comments .comments-header + div { margin-top: 0; padding-top: 0; } .comment-body { position: relative; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative; } .hide-avatars .comment-meta { min-height: 0; padding-left: 0; } .comment-meta a { color: inherit; } .comment-author { font-size: 1.8rem; font-weight: 700; } .comment-author a { text-decoration: none; } .comment-author a:hover, .comment-author a:focus { text-decoration: none; } .comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem; } .comment-author .url { text-decoration: none; } .comment-metadata { color: #6d6d6d; font-size: 1.4rem; font-weight: 500; margin-top: 0.6rem; } .comment-metadata a { text-decoration: none; } /* COMMENT FOOTER */ .comment-footer-meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.2rem; font-weight: 600; justify-content: flex-start; line-height: 1; margin: 1.5rem 0 -1rem -1.5rem; text-transform: uppercase; } .comment-footer-meta > * { margin: 0 0 1rem 1.5rem; } .comment-reply-link { background-color: #cd2653; color: #fff; display: block; padding: 0.7rem; } .bypostauthor .comment-footer-meta .by-post-author { display: block; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond ---------------------------- */ .comment-respond::after { clear: both; content: ""; display: block; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem 0; text-align: center; } .comment-respond .required-field-message { display: inline-block; } .comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } .comment-respond p:not(.comment-notes) { max-width: 58rem; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { font-size: 1.5rem; line-height: 1.25; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond textarea { height: 15rem; } .comment-respond #submit { display: block; } .comment-respond .comments-closed { text-align: center; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } .comments .comment-respond .comment-reply-title, .comments .comment-respond .comment-notes, .comments .comment-respond .logged-in-as { text-align: left; } .comment-reply-title small { display: block; font-size: 1.6rem; font-weight: 600; margin: 0.5rem 0 0 0; white-space: nowrap; } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem); } .pagination-separator { margin: 5rem 0; } .nav-links > * { margin: 1.5rem 0 0 2.5rem; } .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { transform: translateY(-0.3em); color: #6d6d6d; } .nav-short { display: none; } /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem; } .error404-content { text-align: center; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget { margin-top: 3rem; } .widget:first-child { margin-top: 0; } .widget-content > div > *:first-child { margin-top: 0; } .widget-content > div > *:last-child { margin-bottom: 0; } .widget .widget-title { margin: 0 0 2rem; } .widget li:first-child, .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dedfdf; } .widget table caption { background-color: #dedfdf; } .widget .post-date, .widget .rss-date { color: #6d6d6d; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } /* Widget: Calendar -------------------------- */ .calendar_wrap { font-size: 2.4rem; } .calendar_wrap th, .calendar_wrap td, .wp-calendar-nav span { display: table-cell; font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-nav { display: table; width: 100%; font-size: 1.8rem; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a, .calendar_wrap .wp-calendar-nav a { text-decoration: none; } .calendar_wrap tfoot #prev, .calendar_wrap .wp-calendar-nav-prev { text-align: left; } .calendar_wrap tfoot #next, .calendar_wrap .wp-calendar-nav-next { text-align: right; } /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none; } /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none; } /* Widget: Search ---------------------------- */ .widget_search .search-field { border: 1px solid #dedfdf; padding: 10px; font-size: 16px; } /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color: #fff; border-color: #dedfdf; border-style: solid; border-width: 0; } .footer-top, .footer-widgets-outer-wrapper { padding: 0rem 0; } /* FOOTER MENU */ .footer-menu { font-size: 1.8rem; font-weight: 700; } .footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0; } .footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin: 0; width: 100%; } .has-footer-menu .footer-social-wrapper { flex-shrink: 0; margin-left: 1rem; width: 50%; } ul.footer-social { margin: -0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { justify-content: flex-end; } ul.footer-social li { margin: 0.5rem 0 0 0.5rem; } .footer-social a { background-color: #cd2653; height: 3.6rem; width: 3.6rem; } .footer-social a::before { font-size: 1.6rem; } /* Footer Widgets ---------------------------- */ /* Footer Bottom ----------------------------- */ #site-footer .section-inner { align-items: baseline; display: flex; justify-content: space-between; } #site-footer a { text-decoration: none; } .footer-copyright a, .privacy-policy a, .powered-by-wordpress a { color: inherit; } .privacy-policy, .powered-by-wordpress, .to-the-top { color: #6d6d6d; } a.to-the-top { margin-left: 2.4rem; white-space: nowrap; } a.to-the-top > * { pointer-events: none; } .powered-by-wordpress { display: none; margin: 0 0 0 2.4rem; } .privacy-policy { margin: 1.2rem 0 0; } .to-the-top-long { display: none; } /* AWS STYLES */ .aws-container .aws-search-form .aws-search-field {border: none;background: #efefef !important;border-radius: 50px !important;padding: 10px 15px;font-family: 'plusjakartasans semibold' !important;} .aws-search-result * {font-family: 'plusjakartasans semibold' !important;} /* Contact Form */ .contact-content .logo-wrapper {width: 45%;align-self: center;} .contact-content {background: #efefef;padding: 30px;display: flex;flex-direction: column;gap: 20px;} .contact-content ul {list-style: none;} .contact-content ul {border-color: #203C73!important;} .contact-content ul li:not(:last-child) {margin-bottom: 20px;} .contact-content ul li,.contact-content ul li a {font-size: 18px;font-family: 'plusjakartasans medium';text-decoration: none;color: #212121;transition: .3s all;} .contact-content ul li a:hover {color: #203C73;} .contact-content ul li strong {font-size: 22px;vertical-align: middle;margin-left: 10px;} .contact-form-wrapper .form-input {width: 100%;} .contact-form-wrapper .form-input.two-column {flex: 1;} .contact-form-wrapper .form-input input,.contact-form-wrapper .form-input textarea {width: 100%!important;border: none!important;outline: none!important;padding: 10px 15px!important;background: #efefef!important;color: #000!important;max-height: 153px;resize: none;} form.wpcf7-form .contact-form-wrapper .form-submit input.wpcf7-submit {color: #FFF !important;background: #203C73 !important;padding: 10px 15px;border-radius: 5px;font-family: "plusjakartasans bold" !important;border: 1px solid #203C73!important;transition: .3s all;} form.wpcf7-form .contact-form-wrapper .form-submit input.wpcf7-submit:hover {background: #FFF!important;color: #203C73!important;} .form-shortcode .wpcf7 form.sent .wpcf7-response-output {color: #203C73 !important;font-family: "plusjakartasans medium"!important;border-color: #203C73 !important;margin: 10px 0 0 0!important;} /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media ( max-width: 479px ) { li { margin: 0.5rem 0 0 1rem; } /* POST NAV LINKS */ .post-nav-links { margin: 3em 0 0 0; } } @media ( min-width: 480px ) { .post-nav-links { margin: 3em 0 0 0; } } @media ( max-width: 599px ) { .post-nav-links { margin: 3em 0 0 0; } } @media ( min-width: 660px ) { .post-nav-links { margin: 3em auto 0 auto; } } @media ( min-width: 768px ) { /* Element Base ------------------------- */ pre { padding: 3rem; } hr { margin: 8rem auto; } table { font-size: 16px; } /* TITLES */ h1, .heading-size-1 { font-size: 6.4rem; } h2, .heading-size-2 { font-size: 4.8rem; } h3, .heading-size-3 { font-size: 4rem; } h4, .heading-size-4 { font-size: 3.2rem; } h5, .heading-size-5 { font-size: 2.4rem; } h6, .heading-size-6 { font-size: 1.8rem; } /* Helper Classes ------------------------- */ /* SECTIONS */ .blog #site-content { padding: 8rem 0; } .section-inner { width: calc(100% - 8rem); } /* Site Header --------------------------- */ .site-title { font-size: 2.4rem; font-weight: 700; } .site-description { display: block; } .site-logo img { max-height: 9rem; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; } /* HEADER TOGGLES */ .toggle-inner .toggle-text { font-size: 1.2rem; } .search-toggle { left: 2rem; } .nav-toggle { right: 2rem; } /* Menu Modal ---------------------------- */ button.close-nav-toggle { font-size: 1.8rem; padding: 4rem 0; } button.close-nav-toggle svg { height: 2rem; width: 2rem; } button.close-nav-toggle .toggle-text { margin-right: 2.1rem; } .modal-menu { left: auto; width: 100%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2.4rem; padding: 2.5rem 0; } .modal-menu ul li { border-left-color: transparent; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { padding: 0 3rem; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { height: 1.1rem; width: 1.8rem; } .menu-bottom { align-items: center; display: flex; justify-content: space-between; padding: 4.4rem 0; } .menu-copyright { display: block; flex-shrink: 0; margin-right: 4rem; } /* Modal Search Form ------------------------- */ .search-modal form { position: relative; width: 100%; } .search-untoggle svg { height: 2.5rem; width: 2.5rem; } .search-modal .search-field { border: none; font-size: 2rem; height: 10rem; } .search-modal .search-field::-moz-placeholder { line-height: 4.375; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { margin: 2rem auto 0 auto; width: calc(100% - 8rem); } /* Post: Archive ------------------------- */ .archive-header { padding: 8rem 0; } .reduced-spacing .archive-header { padding-bottom: 3rem; } .archive-title { font-size: 3.2rem; } body:not(.singular) main > article:first-of-type { padding: 8rem 0 0; } h2.entry-title { font-size: 6.4rem; } /* SEARCH RESULTS */ .no-search-results-form { padding-top: 8rem; } /* Post: Single -------------------------- */ /* POST HEADER */ .entry-categories { margin-bottom: 3rem; } .entry-categories a { font-size: 1.5rem; margin: 1rem 0 0 2rem; } .intro-text { font-size: 2rem; margin-top: 2.5rem; } .singular .intro-text { font-size: 2.6rem; } .post-meta-wrapper { margin-top: 3rem; } .post-meta { font-size: 1.6rem; margin: -1.4rem 0 0 -3rem; } .post-meta li { margin: 1.4rem 0 0 3rem; max-width: calc(100% - 3rem); } .featured-media { margin-top: 6rem; } /* POST FOOTER */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 4rem; } /* AUTHOR BIO */ .author-bio { margin-top: 8rem; min-height: 8rem; padding-left: 10rem; position: relative; } .author-bio .avatar { position: absolute; left: 0; top: 0; height: 8rem; width: 8rem; } /* SINGLE PAGINATION */ .pagination-single { font-size: 2rem; margin-top: 8rem; } .pagination-single-inner { flex-direction: row; justify-content: space-between; } .pagination-single.only-next .pagination-single-inner { justify-content: flex-end; } .pagination-single a + a { margin: 0 0 0 4rem; } .pagination-single a .arrow { margin: 0 2rem 0 0; } .pagination-single .next-post { flex-direction: row-reverse; text-align: right; } .pagination-single .next-post .arrow { margin: 0 0 0 2rem; } /* Comments ------------------------------ */ .comments-wrapper { margin-top: 8rem; } .comment-reply-title { margin-bottom: 4.6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { font-size: 1.8rem; margin: -2.5rem 0 4.4rem 0; } .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 5rem; } div.comment:first-of-type { margin-top: 5rem; } .comment-meta { margin-bottom: 2rem; min-height: 6rem; padding: 0.3rem 0 0 7.5rem; } .comment-meta .avatar { display: block; height: 6rem; position: absolute; left: 0; top: 0; width: 6rem; } .comment-author { font-size: 2rem; } .comment-metadata { font-size: 1.6rem; margin-top: 0.8rem; } .comment-footer-meta { margin-top: 2.5rem; } .comments-pagination { margin-top: 8rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond p { margin-bottom: 2.5rem; } .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { float: left; width: calc(50% - 1rem); } .comment-respond .comment-form-email { margin-left: 2rem; } .comments .comment-respond { padding: 5rem 0 0; } .comment-reply-title small { display: inline; margin: 0 0 0 0.5rem; } /* Site Pagination ----------------------- */ .pagination-separator { margin: 8rem 0; } /* Display the full text for Newer and Older Posts. */ .nav-short { display: inline; } .pagination .nav-links { font-size: 2.4rem; font-weight: 700; margin: -2.5rem 0 0 -4rem; } .nav-links > * { margin: 2.5rem 0 0 4rem; } /* Error 404 ----------------------------- */ .error404 #site-content { padding-top: 8rem; } /* Widgets ------------------------------- */ .widget .widget-title { margin-bottom: 3rem; } /* FOOTER TOP */ .footer-top { padding: 3.7rem 0; } .footer-menu { font-size: 2.4rem; margin: -0.8rem 0 0 -1.6rem; } .footer-menu li { margin: 0.8rem 0 0 1.6rem; } .has-footer-menu .footer-social-wrapper { flex: 1; margin-left: 4rem; width: auto; } /* FOOTER WIDGETS */ .footer-widgets-wrapper { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .footer-widgets + .footer-widgets { margin-top: 0; } .footer-widgets .widget { border-top: none; margin-top: 5rem; padding-top: 0; } .footer-widgets .widget:first-child { margin-top: 0; } /* FOOTER BOTTOM */ /* .privacy-policy { margin: 0 0 0 2.4rem; } */ .to-the-top-long { display: inline; } .to-the-top-short { display: none; } } @media ( min-width: 992px ) { .header-inner { align-items: center; display: flex; justify-content: space-between; padding-top: 1.8rem; padding-bottom: 1.8rem; } .header-navigation-wrapper { align-items: center; display: flex; gap: 20px;} /* .primary-menu-wrapper { display: block; width: 100%; } */ .primary-menu-wrapper { display: block; } } @media ( min-width: 1000px ) { /* Site Header --------------------------- */ #site-header { z-index: 999; } .header-titles-wrapper {max-width: 50%; padding: 0; text-align: left; } .header-titles { align-items: baseline; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -1rem 0 0 -2.4rem; } .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description { margin: 1rem 0 0 2.4rem; } .wp-custom-logo .header-titles { align-items: center; } /* HEADER NAVIGATION */ /* HEADER TOGGLES */ .mobile-search-toggle, .mobile-nav-toggle { display: none !important; } .primary-menu-wrapper + .header-toggles { margin-left: 3rem; } .header-toggles { display: flex; flex-shrink: 0; margin-right: -3rem; } .header-inner .toggle { height: 4.4rem; padding: 0 3rem; position: relative; bottom: auto; left: auto; right: auto; top: auto; width: auto; } .header-inner .toggle-wrapper { position: relative; } .header-inner .toggle-wrapper::before { background: #dedfdf; content: ""; display: block; height: 2.7rem; position: absolute; left: 0; top: calc(50% - 1.35rem); width: 0.1rem; } .header-inner .toggle-wrapper:first-child::before { content: none; } .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { content: ""; } .nav-toggle-wrapper:not(.has-expanded-menu) { display: none; } .toggle-inner { position: static; } .toggle-inner .toggle-text { left: 0; right: 0; text-align: center; top: calc(100% - 0.3rem); width: auto; } .header-toggles:only-child .nav-toggle .toggle-inner { padding-top: 0; } .header-toggles:only-child .toggle-inner { display: flex; flex-wrap: nowrap; align-items: center; } .header-toggles:only-child .toggle-inner .svg-icon { order: 1; } .header-toggles:only-child .toggle-inner .toggle-text { position: static; padding-right: 20px; font-size: 15px; color: inherit; } /* Menu Modal ---------------------------- */ .menu-modal { opacity: 1; justify-content: flex-end; padding: 0; transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; } .menu-modal.cover-modal { background: rgba(0, 0, 0, 0); } .menu-modal.active { background: rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease-out; } .menu-wrapper.section-inner { width: calc(100% - 8rem); } .menu-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 0; transform: translateX(20rem); transition: transform 0.2s ease-in, opacity 0.2s ease-in; width: 50rem; } .menu-modal.active .menu-modal-inner { opacity: 1; transform: translateX(0); transition-timing-function: ease-out; } .mobile-menu { display: none; } .expanded-menu { display: block; } .menu-bottom { padding: 6rem 0; } .menu-bottom .social-menu { justify-content: flex-start; } /* Site Pagination ----------------------- */ .pagination .nav-links { justify-content: space-between; margin: 0; width: 100%; } .nav-links > * { margin: 0 2rem; } .pagination .next, .pagination .prev { display: block; } .pagination .prev { margin: 0 auto 0 0; } .pagination .next { text-align: right; margin: 0 0 0 auto; } /* Site Footer --------------------------- */ /* FOOTER TOP */ .footer-top { align-items: center; } .footer-menu { align-items: baseline; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 2.1rem; margin: -1.2rem 0 0 -2.4rem; } .footer-menu li { margin: 1.2rem 0 0 2.4rem; } } @media ( min-width: 1220px ) { /* PRIMARY MENU */ /* ul.primary-menu { margin: -0.8rem 0 0 -2.5rem; } */ .primary-menu > li { margin: 0.8rem 0 0 2.5rem; padding-right: 20px; margin: 0;} /* Post: Single -------------------------- */ .singular .intro-text { font-size: 3.2rem; line-height: 1.375; } /* Site Footer --------------------------- */ .footer-menu { font-size: 2.4rem;} .footer-menu li { margin: 1.5rem 0 0 3rem; } .footer-social a { height: 4.4rem; width: 4.4rem; } .footer-social a::before { font-size: 2rem; } } @media ( min-width: 1240px ) {} @media ( min-width: 1280px ) {} @media ( min-width: 1330px ) {} .blog .post-content { text-align: center; padding-top: 20px;} /*new css*/ p { line-height: 1.5; margin: 0 0 1em 0; } .section-padding {padding: 60px 0;} .section-padding-top {padding-top: 30px;} .section-padding-bottom {padding-bottom: 30px;} .container {padding-left: 15px; padding-right: 15px;} ol, ul {padding-left: 15px;} .header-inner {padding-top: 1.8rem; padding-bottom: 1.8rem;} .pinkcolor {color: #AE2C45;} .blackcolor {color: #000;} .greycolor {color: #222222 !important;} .bordertop {border-top: 1px solid #000;} .borderbottom {border-bottom: 1px solid #939393;} .borderright {border-right: 1px solid;} .white-borderright {border-right: 1px solid #fff;} img {max-width: 100%; height: auto;} #rmp_menu_trigger-70.rmp_menu_trigger {margin: 0 !important;} .text-uppercase{text-transform:uppercase;} /* button */ .learn-more {background-color: #AE2C45; color: #fff; padding: 15px 35px; text-decoration: none; display: inline-block;} .learn-more:hover {background-color: #000; color: #fff;} /* header */ /* .site-logo img {filter: brightness(0) invert(1);} */ .primary-menu a {font-family: "dmsans-medium"; color: #fff !important; display: block; line-height: 1.2; text-decoration: none; word-break: normal; word-wrap: normal; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;} .home .primary-menu a {color: #000 !important;} .header-right-menu .search-menu {margin-left: 0;} .header-right-menu .search-menu .is-search-input {max-width: 130px;} /* home */ .home .site-logo img {filter: none;} .hero-banner {background: url(''); background-position: center right; background-size: contain; background-repeat: no-repeat; padding: 155px 15px;} .hero-banner-content {margin-bottom: 40px;} .service-oriented-section {background-color: #AE2C45;} .service-oriented-section .service-oriented-heading {margin-top: -60px; padding-left: 70px; width: 90%;} .service-oriented-questions {padding: 25px 0;} .gerad-about-section .about-us-heading {padding: 0 10px; width: 85%;} .get-in-touch-section .getintouch-heading {padding: 30px 50px 10px 50px;} span.textborder::before {content: ""; border: 1px solid #000; width: 50px; margin-right: 10px; display: block;} .banner-text p {letter-spacing: 2px;} /* home form */ .gerad-getintouch {background-color: #000; padding: 50px;} .getintouch-form input[type="text"], .getintouch-form input[type="email"] {border: 0; border-bottom: 1px solid #fff; background: none; width: 100%; padding-bottom: 10px;} .getintouch-form p {margin-bottom: 30px;} .getintouch-form input::placeholder {color: #fff !important; font-family: "dmsans-regular";} .getintouch-form-submit p {margin: 0;} .getintouch-form-submit input[type="submit"] {background-color: #fff; color: #AE2C45; padding: 10px 50px; text-decoration: none; display: inline-block; border: 0; font-size: 14px; font-family: "dmserifdisplay-regular";} /* accordion */ .accordion-button::after {flex-shrink: 0; width: 22px; height: 22px; margin-left: auto; content: ""; background-image: url(); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out;} .accordion-button:not(.collapsed)::after {background-image: url(); transform: rotate(90deg);} .accordion-item {background: none; border: 0; border-bottom: 2px solid #fff !important; padding: 5px 0;} .accordion-button {background: none; padding: 1rem 0;} .accordion-button:not(.collapsed) {background: none; border: 0; box-shadow: none;} .accordion-button:focus {border: 0; box-shadow: none;} .accordion-body ol {padding-left: 0; margin-bottom: 0;} /* about */ .about-banner-section {background: url(''); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 170px 15px 70px 15px; margin-top: -76px;} /* product */ .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {min-height: 500px; object-fit: contain; object-position: center;} .accordion-sec .accordion {display: flex; flex-wrap: wrap;} .accordion-sec .accordion .accordion-item {flex: 0 0 50%; padding: 5px 10px;} /* footer */ .footer-widgets-wrapper .column-one {width: 100%; padding: 40px 0 0; margin: 0 auto;} .footer-widgets-wrapper .column-one .footer-logo img {margin: 0 auto;} .menu-quick-links-container #menu-quick-links {column-count: 2; margin-bottom: 0 !important;} .menu-quick-links-container .menu-item a {color: #222222 !important; font-size: 16px;} .menu-quick-links-container .menu-item::marker {color: #AE2C45;} .footer-widgets .widget .widget-title {color: #000; font-size: 22px; font-family: "dmserifdisplay-regular"; margin-bottom: 15px;} .footer-copyright { margin: 0; color: #333333;} .widget li { margin: 6px 0 0 0; } .footer-widgets {padding: 40px 40px 10px 40px; width: 33.3%;} .list-column {column-count: 2;} /*========= New-Css ==============*/ /* ========= font-family ============= */ .plusjakartasans-bold{ font-family:"plusjakartasans bold"; } .plusjakartasans-semibold{ font-family:"plusjakartasans semibold"; } .plusjakartasans-medium{ font-family:"plusjakartasans medium"; } .plusjakartasans-regular{ font-family:"plusjakartasans regular"; } .plusjakartasans-light{ font-family:"plusjakartasans light"; } /* =========== Font-size =============== */ .font-12{font-size: 12px;} .font-70 {font-size: 70px; line-height: 1.2;} .font-50 {font-size: 50px; line-height: 1.2;} .font-26 {font-size: 26px; line-height: 32px;} .font-38 {font-size: 38px; line-height: 48px;} .font-48 {font-size: 48px; line-height: 60px;} .font-45 {font-size: 45px; line-height: 56px;} .font-30 {font-size: 30px; line-height: 38px;} .font-24 {font-size: 24px; line-height: 28px;} .font-20 {font-size: 20px; line-height: 28px;} .font-18 {font-size: 18px;} .font-16 {font-size: 16px;} .font-14 {font-size: 14px; line-height: 26px;} .fw-600 {font-weight: 600 !important;} .fw-700 {font-weight: 700 !important;} /* =========== margin-padding ========== */ .m-none{ margin: 0px !important; } .p-none{ padding: 0px !important; } /* ============ color =================== */ .light-grey{ color: #939393 !important; } .medium-grey{color: #E6E6E6 !important;} .green{ color: #8CC63F; } .text-black{color:#000;} /* ============ header-section =============== */ .is-search-input {border-radius: 30px !important;} .w-80 {width: 80%; margin: 0 auto;} .main-header {background-color: #fff;} .top-header { background-color: #203C73; padding: 5px 0px; overflow: hidden; } /* .social-icon-head { float: right; } */ /* .shipping-text { float: left; } */ .social-icon-head i { padding-left: 12px; } .footer-social-icon i, .social-icon-head i { color: #fff; font-size: 15px;} .site-description { display: none; } ul.primary-menu li a,.header-right-menu li a {font-size: 15px;font-family: 'plusjakartasans semibold';text-transform: capitalize;text-decoration: none !important;color: #000 !important;letter-spacing: 0;} .process-image img { width: 100%; } .header-right-menu { display: flex; align-items: center; } .header-right-menu li { list-style: none; margin-top: 0px; } .secondary-menu.bg-gray .container li { list-style: none; margin-top: 0px; margin-left: 12px; } .secondary-menu.bg-gray .container { display: flex !important; justify-content: center; } #mega-menu-wrap-category-menu {background: none !important;} .home .secondary-menu.bg-gray { background-color: transparent; } .home .secondary-menu.bg-gray:hover {background-color: #212121 !important;} .dark-blue, .category-textcolor ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, .home .secondary-menu.bg-gray #mega-menu-category-menu>li.category-textcolor ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { color: #203C73 !important; } #mega-menu-wrap-category-menu #mega-menu-category-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {margin: 0 0 0 -3px !important;} .home .secondary-menu.bg-gray:hover #mega-menu-category-menu>li a {color: #fff !important;} .home .secondary-menu.bg-gray .container li a {color: #203C73 !important;} .secondary-menu.bg-gray {background-color: #212121; padding: 10px 0px;} .secondary-menu.bg-gray .container li a {background: none !important; font-size: 12px; font-family: 'plusjakartasans semibold' !important; text-decoration: none; color: #fff !important;} #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {color: #203C73 !important;} .wcps-container-259 .controlsWrap div {font-size: 30px !important; background: none !important;} .borderleftright {border-color: #203C73; border-style: solid; border-width: 0 1px;} .homelogo-slider {background-color: #203C73; padding: 5px 0;} #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-weight: 400 !important; text-transform: capitalize !important;} #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {padding: 6px 10px !important; line-height: 1.4 !important;} /* ========== banner-section ============== */ .banner-section { background-image: url('https://pfwaterworks.com/wp-content/uploads/2026/01/Website-Homepage-Banner-1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 150px 0px; position:relative; margin-top: -50px; } .btn-design a { background-color: #203C73; display: inline-block; padding: 5px 20px; margin-top: 20px; color: #EDF1F0; border-radius: 5px; text-decoration: none !important; border: 1px solid #203C73; } .btn-design a:hover {background-color: #fff; color: #203C73 !important;} .offer-section { background-color: #EDF1F0; } .innovation-image img { border: 3px solid #8CC63F; border-radius: 50%; text-align:center; transition: .5s ease-in-out; } .innovation-image img:hover {transform: rotateY(3.142rad);} .innovation-col-wrap { margin-top: -100px; } .innovation-wrapper.section-padding-top { background-color: #203C73; padding-bottom: 30px; } .innovation-wrapper.section-padding-top { background-color: #203C73; padding-bottom: 30px; margin-top: 100px; } .innovation-text { margin-top: 20px; } .center-btn a { border-radius: 5px; } .brand-section-new { display: none; } .accordion-body { padding: 0px; } .accordion-item { padding-left: 50px; padding-right: 50px; } div#n2-ss-2 .n2-ss-slider-3 { padding: 0px 20px 0px 20px !important; } .bg-text h2 { font-size: 150px; color: #E3E9E8; font-family: 'plusjakartasans bold'; } .bg-text1 h2 { font-size: 100px; color: #E3E9E8; font-family: 'plusjakartasans bold'; } .bg-text2 h2 { font-size: 100px; color: #E3E9E8; font-family: 'plusjakartasans bold'; } .bg-text { position: absolute; bottom: 0; left: 110px; bottom: 0; z-index: 0; transform: rotate(0deg); color: #c6afaf; } .bg-text1 { position: absolute; bottom: 0; left: 391px; bottom: -40px; display: flex; justify-content: center; z-index: 0; transform: rotate(0deg); color: #c6afaf; } .bg-text2 { position: absolute; bottom: 0; left: 320px; bottom: -35px; display: flex; justify-content: center; z-index: 0; transform: rotate(0deg); color: #c6afaf; } .offer-section { position: relative; overflow: hidden; z-index: 1; } section.review-section { background-color: rgba(237, 241, 240, 1); position: relative; overflow:hidden; z-index: 1; } .offer-wrapper { z-index: 2; position: relative; } /* ======= footer-section ============ */ .footer-nav-widgets-wrapper.header-footer-group { background-image: url('https://pfwaterworks.com/wp-content/uploads/2023/08/footer-banner.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; } .logo-text { width: 80%; } ul.use-list li { list-style: none; } ul.use-list { padding-left: 0px; } ul.list-2 { margin-left: 10px; } ul.use-list li a { color: #939393; } .form-wrap form.wpcf7-form.init { display: flex; justify-content: space-between; border-bottom: 1px solid #939393; } form.wpcf7-form.init p { margin: 0px; } .wpcf7 input[type="email"] { color: #fff; border: none; background: none; /* border-bottom: 1px solid #939393; */ padding: 10px 0px; width: 100%; } .copyright-section { display: none; } .payment-wrap a i { color: #939393; font-size: 25px; } .footer-copyright { overflow: hidden; } .payment-wrap i {font-size: 30px;} .copyright-wrap p { margin: 0px; } .footer-copyright { overflow: hidden; border-top: 1px solid #939393; padding: 30px 0px 20px 0px; margin-top: 50px; } .n2-ss-slide.n2-ss-slide-6.n2-ow.n2-ss-slide-active { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 1px; border-radius: 10px; width: 400px !important; height: 215px !important; opacity: 1; transform: scale(0.99, 0.99); z-index: 102; } p.n2-font-a7eada7c687c631efe29521189bcf907-paragraph { font-size: 16px !important; font-family: 'plusjakartasans regular' !important; font-weight: 400 !important; color: #454545 !important; } section.review-section { background-color: rgba(237, 241, 240, 1); } .accordion-item { padding-left: 50px; } .accordion-item h2 button{position:relative;} .accordion-item h2 button :before { content: ''; background-image: url('https://pfwaterworks.com/wp-content/uploads/2023/08/accordion-icon.png'); position: absolute; top: 8px; left: 0; width: 35px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: auto; border: 2px solid rgba(220, 220, 220, 1); border-radius: 5px; padding: 20px !important; } .accordion-button p, .accordion-body p { padding-left: 60px; } .accordion-item h2 { line-height: 0px; } .accordion-item p { margin: 0px !important; } ul.products.columns-4 { display: flex; align-items: baseline; flex-flow: row wrap; margin-bottom: 0 !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 1.8% 0 0 !important; padding: 0; position: relative; width: 22.05%; margin-left: 10px !important; } mark.count { color: #888; background: none; display: none; } h2.woocommerce-loop-category__title { /* background-color: #fff !important; */ padding: 10px !important; text-align: center; /* position: absolute; bottom: 12%; width: 80%; right: 0; left: 0; */ border-radius: 5px; margin: auto !important; font-size: 15px !important; font-family: 'plusjakartasans bold'; color: #203c73 !important; display: flex; align-items: center; justify-content: center; } .related-product-section .woocommerce ul.products li.product a img, .related-product-section .related ul.products li.product a img, .archive.woocommerce ul.products li.product a img {height: auto;display: block;max-height: 200px;width: auto;max-width: 100%;margin: 0 auto 10px;box-shadow: none;} .related-product-section .related h2 {padding-bottom: 30px;} .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {margin: 0 1.8% 0 0 !important;} .woocommerce ul.products li.product a img {border-radius: 5px !important;margin-bottom: 0 !important;} .wpcf7-submit {font-family: FontAwesome !important;} input.wpcf7-form-control.wpcf7-submit.has-spinner {background: none !important;color: #fff;border: none;margin-top: 12px;} span.wpcf7-spinner {display: none;} .bg-light-blue{background-color:#EDF1F0;} .accordion-item {background: none;border: 0;border-bottom: 0px solid #fff !important;padding: 5px 0;} /* ============ Product-page ============== */ .woocommerce div.product div.summary {min-height: 650px;} .woocommerce-variation-description {display: none;} .variation-descriptions-left {overflow: hidden; width: 50%; position: relative;} .single-product main#main { padding: 50px 0px 0; max-width: 100%; margin: 0; } .single-product .product, .archive .site-main { max-width: 1320px; margin: auto; padding: 0 15px; } .archive .site-main {padding: 60px 15px 0;} .archive .woocommerce-products-header__title {color: rgb(32, 60, 115) !important; font-size: 30px; line-height: 38px; font-family: "plusjakartasans bold"; margin-bottom: 15px!important;} .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {margin-bottom: 20px !important;} .woocommerce #sidebar, .archive .wvs-archive-variations-wrapper, .archive .variations_form {display: none !important;} .woocommerce .woocommerce-breadcrumb {margin: 0 auto 40px auto; max-width: 1320px; padding: 0 15px;} .archive .woocommerce-breadcrumb {padding: 0;} .archive.woocommerce ul.products li.product {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 25px !important;} .archive.woocommerce ul.products li.product a {text-align: center;} .single-product h1.product_title.entry-title {font-size: 18px;text-align: left;line-height: 25px;color: #203C73;font-family: 'plusjakartasans bold';margin-bottom: 10px;} /* .woocommerce div.product p.price, .woocommerce div.product span.price { color: #8CC63F; font-size: 26px; line-height: 32px; font-family: 'plusjakartasans medium'; order: -1; margin-bottom:10px; } */ .single-product .summary.entry-summary { display: flex; flex-direction: column; } .woocommerce .quantity .qty { border: 1px solid #d0d0d0 !important; padding: 5px; } button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed { background-color: #8CC63F !important; color: #fff !important; border-radius: 0px; text-transform: uppercase; font-size: 12px; font-family: 'plusjakartasans bold'; padding: 10px 30px; opacity: 1; } /* .single-product nav.woocommerce-breadcrumb { display: none; } */ .single-product .related.products h2 { font-family: 'plusjakartasans bold'; color: #203C73; font-size: 30px; text-align: center; line-height: 56px; text-transform: capitalize; } .single-product .related-product-section .woocommerce .ced h2 { font-family: 'plusjakartasans bold'; color: #203C73; font-size: 30px; text-align: center; line-height: 56px; padding-bottom: 30px; text-transform: capitalize; } .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title { color: #000 !important; font-size: 14px !important; line-height: 20px !important; font-family: 'plusjakartasans medium' !important; min-height: 130px; } .single-product .related.products ul li a { text-align: center; } .single-product .related.products ul li a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { display: none !important; } .woo-variation-product-gallery { max-width: 50% !important; width: 100%; } h2.partner-head { font-size: 30px; text-align: center; font-family: 'plusjakartasans bold'; color: #203C73; } .partner-section { display: flex; justify-content: center; align-items: center; } #mega-menu-wrap-category-menu #mega-menu-category-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-category-menu #mega-menu-category-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout:hover ul.mega-sub-menu { opacity: 1; } #mega-menu-wrap-category-menu #mega-menu-category-menu li.mega-menu-item:hover > ul.mega-sub-menu { visibility: visible; } #mega-menu-category-menu .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu li { position: relative; } header #mega-menu-category-menu .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu li > .mega-sub-menu {width: 100% !important; position: absolute; top: 0px !important; left: 0px; display: none !important;} header #mega-menu-category-menu .mega-sub-menu {box-shadow: 0px 2px 5px #666 !important;} header #mega-menu-category-menu .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu li:hover > .mega-sub-menu {display: block !important; position: absolute !important; top: 100% !important; z-index: 1;background: #fff !important;} #mega-menu-wrap-category-menu #mega-menu-category-menu li.mega-menu-flyout > ul.mega-sub-menu, #mega-menu-wrap-category-menu #mega-menu-category-menu li.mega-menu-flyout li > ul.mega-sub-menu { min-width: 200px; width: auto !important; } .product .product_meta, .product .related {display: none !important;} .single-product #sidebar{ display: none !important} .single-product #main .product{ overflow: hidden;} .single-product #main .product.add_to_cart_inline {text-align: center;} .variable-item { padding: 0px !important; height: 30px !important; font-size: 14px !important;} .reset_variations {color: #2b467a;} /* .single_variation_wrap { display: flex; flex-flow: row wrap; } */ .single_variation_wrap .woocommerce-variation {order: 2; display: flex; flex-flow: row wrap; margin: 10px 0;} .single_variation_wrap .woocommerce-variation-add-to-cart {order: 1;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-description{order: 3; width: 100%; padding-top: 15px;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-price{order: 1; width: 100%;} .single-product .summary.entry-summary .price del {font-size: 16px; color: #CC0C39 !important;} .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability{order: 2; width: 100%;} .single-product .summary.entry-summary .price { color: #4F731F !important; font-size: 20px !important; line-height: 32px; font-family: 'plusjakartasans medium'; margin-bottom: 10px !important;} .woocommerce-variation-description ul{ padding-left: 0px;} .about-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #ddd;} .details li { list-style: none; margin-left: 0;} .details li span { font-weight: bold; width: 150px; display: inline-block;} .wvg-single-gallery-image-container img { max-height: 500px !important; width: auto !important;} .single_add_to_cart_button:hover, .add_to_cart_button:hover, .view-details-btn:hover{background-color: #fff !important; color: #203C73 !important} .variation-sku {color: #8CC63F; font-size: 16px; line-height: 16px; font-family: 'plusjakartasans bold'; margin-bottom: 10px;} .variations_form{ margin-bottom: 0 !important} .learnmore{position: absolute; bottom: 40px; right: 0;} .learn-more-btn { text-transform: uppercase; padding: 15px 25px !important; background: #203C73 !important; color: #fff !important; border: 1px solid #203C73 !important;} .learn-more-btn:hover {background: #fff !important; color: #203C73 !important;} .related-product-section .variations, .variation-descriptions-left .details{display: none !important;} .w-1400{ max-width: 1400px; margin:auto;} .woo-variation-gallery-thumbnail-wrapper { margin-top: 15px !important;} .slick-track > div {margin: 5px !important;} .categories-wrapper ul.products.columns-4{align-items: center; flex-flow: inherit;} .a2a_floating_style{display: none;} .single-product .a2a_floating_style{display: block;} .wcps-items.slider img { max-height: 200px !important; width: auto;} .wcps-items-thumb { display: flex; min-height: 250px; justify-content: center; align-items: center;} .wcps-items-title a { font-size: 14px; color: #000; line-height: 1.5 !important; text-decoration: none; margin-bottom: 10px !important; display: inline-block; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 65px;} #wcps-259 .elements-wrapper {text-align: center;} .wcps-items-price { text-align: center !important; margin-bottom: 15px;} .woocommerce-variation-add-to-cart > * {margin: 0 7px !important;} .woocommerce-variation-add-to-cart .wrap-price-variation {display: none;} /* .woocommerce-variation-add-to-cart {display: flex; flex-flow: row wrap; align-items: center;} */ .wcps-items-price, .woocommerce ul.products li.product .price {color: #4F731F !important; font-family:"plusjakartasans regular";} .wcps-items-title a, .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title {color: #203C73 !important; font-family:"plusjakartasans semibold" !important;} .wcps-items-price {display: flex; justify-content: center;} .product-section span.woocommerce-Price-amount.amount {width: auto !important;} .wcps-container-259 {overflow: visible !important;} .wcps-container-259 .controlsWrap.middle-fixed {transform: translate(-50%, -50%) !important; width: 107% !important; left: 50% !important;} /* header #mega-menu-category-menu .mega-sub-menu > li > .mega-sub-menu > li > .mega-sub-menu li > .mega-sub-menu {width: 250px !important; height: 175px !important;} */ .woocommerce-tabs .woocommerce-Tabs-panel h2 {font-size: 18px; line-height: 25px; color: #203C73; font-family: 'plusjakartasans bold'; margin-bottom: 10px;} .woocommerce-tabs .woocommerce-Tabs-panel td.woocommerce-product-attributes-item__value {font-size: 16px; font-style: normal;} .wpcf7-response-output {color: #fff !important;} .view-details-btn {padding: 5px 15px; font-weight: 600; display: inline-block; text-decoration: none; border-radius: 3px;} .single-product form.variations_form table.variations .single-product-variable-items .variable-item-contents::before {content: none; background-image: none !important;} .single-product .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image img {margin-right: 10px !important;} /*======= Product-css ===========*/ .accordion-button {display: block !important;} .quantity .minus, .quantity .plus {background-color: transparent; border: 1px solid #d0d0d0 !important; padding: 5px 7px; font-size: 16px;} .product-banner-section {background-image: url('https://pfwaterworks.com/wp-content/uploads/2023/08/product-banner.png');padding: 80px 0px;background-position: center;background-repeat: no-repeat;background-size: cover;} .product-banner-text p {width: 60%;margin: auto;} .process-text1,.process-text {background-color: #6ecff6;padding: 25px 0px;position: absolute;width: 100%;} .process-col{position:relative;} .process-text1 {padding: 40px 0px;} .problem-section img {border: 5px solid #D62C2C;border-radius: 50%;} ul.list-sec li::marker {color: #8CC63F;} .product-banner-text h3 {margin: 20px 0px;} /* .page .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left;margin: 0 1.8% 0 0 !important;padding: 0;position: relative;width: 100% !important;margin-left: 10px !important;} */ .page .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 25% !important;} .single-product .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 22% !important;} /* .product-section a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {display: flex;} */ .product-section img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wvs-archive-product-image {width: 30% !important;float: left;} .product-section h2.woocommerce-loop-product__title {font-size: 20px !important;font-family: 'plusjakartasans semibold';color: #203C73;padding: 0px !important;line-height: 1.4;margin: 10px 0 !important;} /* .product-section h2.woocommerce-loop-product__title, .product-section span.price, .product-section .wvs-archive-variations-wrapper {float: right;width: 68%;margin-left: 2% !important;padding-left: 20px !important;} */ .product-section h2.woocommerce-loop-product__title, .product-section span.price, .product-section .wvs-archive-variations-wrapper {} .product-section .wvs-archive-variations-wrapper{margin-top: 15px;} .product-section .wvs_ajax_add_to_cart{margin-left: 20px !important;} .product-section span.price {font-size: 28px !important;font-family: 'plusjakartasans semibold';padding-left: 20px !important;} .product-section .wvs-archive-variations-wrapper {padding-left: 20px !important;} .page .ml-btn a.product_type_variable {margin-left: 50px !important;} /* mycss */ .woocommerce ul.products li.product .button {margin: 0px !important;} /* ------ */ .product-section .woocommerce {max-width: 1200px !important;margin: auto;padding: 0px 0px !important;} .product-section a.added_to_cart.wc-forward {position: absolute;top: 133px;left: 472px;background-color: #203C73 !important;color: #fff !important;padding: 7px 20px;margin-top: 4px;border-radius: 4px;font-family: 'plusjakartasans semibold';} section.process-section {overflow: hidden;} .entry-summary > .price{ display: none;} .product-type-simple .entry-summary > .price{ display: block;} /*======= Account-css ===========*/ /* .logged-in .woocommerce { max-width: 1200px !important; margin: auto; /* padding:60px 10px; } */ .logged-in li.woocommerce-MyAccount-navigation-link a { color: #203C73 !important; text-decoration: none; font-family: 'plusjakartasans semibold'; font-size: 18px; } .logged-in .woocommerce-MyAccount-content p { color: #000 !important; } .logged-in .woocommerce-MyAccount-content p a { color: #203C73 !important; } .logged-in .woocommerce {max-width: 100% !important;} /* .page-id-10 .woocommerce h2 { color: #000 !important; font-size: 40px; font-family: 'plusjakartasans semibold'; } */ .page-id-10 .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid #000 !important; } .page-id-10 p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label { color: #454545 !important; font-size: 16px; font-family: 'plusjakartasans semibold'; } .page-id-10 button.woocommerce-button.button.woocommerce-form-login__submit { background-color: #203C73; color: #fff; } .page-id-10 input#username ,.page-id-10 input#password { border: 1px solid #000; border-radius: 5px; padding: 10px 10px; } .page-id-10 .woocommerce { max-width: 400px; margin: auto; } .page-id-10 p.woocommerce-LostPassword.lost_password a { color: #203C73; } .logged-in a.woocommerce-Button.button,.logged-in a.woocommerce-Button.button:hover,.logged-in a.button.wc-forward,.logged-in a.button.wc-forward:hover,.logged-in button.woocommerce-Button.button,.logged-in button.woocommerce-Button.button:hover,.logged-in button.button,.logged-in button.button:hover,.page-id-10 button.woocommerce-Button.button,.page-id-10 button.woocommerce-Button.button:hover, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-button, .woocommerce-cart a.button { background-color: #203C73; color: #fff; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {margin-left: 5px; margin-bottom: 5px;} .woocommerce-account main {padding: 0 !important;} .woocommerce-order-received .woocommerce-column--billing-address, .woocommerce-account .woocommerce-column--billing-address {margin-bottom: 15px;} .logged-in label,.page-id-10 label { color: #454545; font-family: 'plusjakartasans semibold'; } .logged-in .woocommerce form .form-row input.input-text,.logged-in .woocommerce form .form-row textarea,.page-id-10 input#user_login { border: 1px solid #000; border-radius: 5px; padding: 10px; } .logged-in header.woocommerce-Address-title.title a.edit { background-color: #203C73; color: #fff; padding: 5px 10px; border-radius: 5px; text-decoration: none; font-family: 'plusjakartasans semibold'; font-size: 14px; } .logged-in .select2-container--default .select2-selection--single { border: 1px solid #000; height: 40px !important; } .logged-in .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 38px; } .logged-in .woocommerce-MyAccount-content h3, body.woocommerce-checkout h3, body.woocommerce-checkout h2, .woocommerce-cart .cart-collaterals h2, .woocommerce-cart .cart-collaterals h2, .woocommerce-account h2 { color: #000; font-family: 'plusjakartasans bold'; font-size: 22px; } .logged-in nav.woocommerce-MyAccount-navigation ul li { list-style: none; margin-left: 0px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .logged-in nav.woocommerce-MyAccount-navigation ul{ padding-left:0px; } .page-id-10 form.woocommerce-ResetPassword.lost_reset_password { border-radius: 5px; border: 1px solid #000; padding: 40px; } .page-id-10 p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first { width: 100%; } .logged-in p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first { width: 50%; } /* .product-section span.woocommerce-Price-amount.amount bdi { position: relative; top: 70px; left: -655px; } */ .product-section span.woocommerce-Price-amount.amount { width: 100px; display: inline-block; } .woocommerce ul.products li.product .price del bdi {color: #CC0C39 !important; text-decoration: line-through;} /* .product-section a.button.product_type_variable.add_to_cart_button.wvs-add-to-cart-button.wvs_ajax_add_to_cart { position: absolute; top: 121px; left: 318px; } */ /* .product-section ul.variations { position: absolute; top: 200px; left: 320px; } */ /* .product-section li.wvs_archive_reset_variations.show { display: none !important; } */ /* Search page */ .search #sidebar, .search .woocommerce-breadcrumb, .search .woocommerce-products-header, .search ul.products li form.variations_form {display: none;} .search #main, .woocommerce-page main {padding: 0 15px; width: 100%; margin: 40px auto; overflow: hidden;} .search.woocommerce ul.products li.product a img {width: auto; height: auto; display: block; margin: 0 auto 10px; box-shadow: none; max-width: 100%; max-height: 200px;} .search.woocommerce ul.products li.product .woocommerce-loop-product__title {color: #000 !important; font-size: 14px !important; line-height: 20px !important; font-family: 'plusjakartasans medium' !important;} .search.woocommerce ul.products li.product .price {font-size: 16px;} .search.woocommerce ul.products li.product .wvs_archive_reset_variations_link {color: #2b467a;} .search.woocommerce ul.products li.product ul.variations ul.archive-variable-items {margin-bottom: 0;} /* Cart */ .woocommerce-cart-form .shop_table {font-size: 16px !important;} .woocommerce-cart-form .shop_table .product-name {max-width: 500px;} .woocommerce-cart-form .shop_table a {color: #203C73 !important; text-decoration: none; font-family: "plusjakartasans regular";} /* .woocommerce-cart .cart-collaterals h2 {font-size: 30px; color: #203C73; line-height: 38px; font-family: "plusjakartasans bold";} */ .woocommerce-cart-form .shop_table .minus, .woocommerce-cart-form .shop_table .plus {background-color: transparent; border: 1px solid #d0d0d0; padding: 4px 7px;} .woocommerce-cart-form .shop_table .quantity {display: flex; gap: 2px;} .single_add_to_cart_button, .add_to_cart_button, .view-details-btn{background-color: #8CC63F !important; color: #fff !important; border: 1px solid #8CC63F !important;} .single_variation_wrap .woocommerce-variation-add-to-cart .added_to_cart, .added_to_cart {color: #203C73 !important; text-decoration: none;} .woocommerce-cart .cart-collaterals .checkout-button {background-color: #203C73 !important;} /* Checkout */ .woocommerce-info {border-color: #203C73 !important;} .woocommerce-info::before {color: #203C73;} .woocommerce-checkout-payment button {background-color: #203C73 !important;} #customer_details {margin-bottom: 15px;} .woocommerce-checkout .product-name {width: 90%;} .woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form textarea, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {border: 1px solid #aaa; padding: 2px 8px; border-radius: 4px;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {margin-bottom: 0 !important;} .woocommerce-cart .wc-proceed-to-checkout {padding-bottom: 0 !important;} #btn-back-to-top {position: fixed; bottom: 20px; right: 20px; display: none; background-color: #203C73;} #btn-back-to-top i {color: #fff;} /* .categories-section .categories-wrapper ul, .categories-section .categories-wrapper ul li a img {margin-bottom: 0 !important;} */ .wcps-container-259 .slick-slide {padding: 0 15px !important;} .more {display: none;} #n2-ss-3 .n2-ss-slide {transition: height 0.3s; } #mega-menu-wrap-category-menu #mega-menu-category-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu { max-height: 160px; overflow-y: scroll; } /* Spin wheel */ .wlwl_pointer {transform: translateY(-0%) !important;} .wheel_description h5 {font-size: 20px !important} .wlwl_spin_button {text-align: left !important; padding: 0 !important; font-size: 16px !important; text-transform: capitalize !important; display: inline-block;} .wlwl-close-wheel, .wlwl-hide-after-spin {top: 10px !important; bottom: auto !important; right: 10px !important;} .wlwl_field_name_wrap {margin: 0 !important;} .wlwl-cancel:before {font-size: 18px !important;} .wlwl-frontend-result {font-size: 16px !important; padding: 0 !important;} .wlwl_lucky_wheel_content {display: none !important;} .wlwl_lucky_wheel_content.lucky_wheel_content_show {display: block !important;} /* How to Videos */ .modal {z-index: 99999 !important;} .modal-body {padding: 0 !important;} .modal-dialog {max-width: 800px !important;} .how-videos-wrap {position: relative; cursor: pointer;} .how-videos-wrap .youtube-playerbtn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .nav-tabs li.nav-item {margin: 0 !important;} .nav-link, .nav-link:hover {color: #203C73; border: 0 !important;} .nav-link.active {background-color: #203C73 !important; color: #fff !important;} .videos-thumb {position: relative;} /* Exit intent popup */ .exit-intent-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999999; background: rgba(33, 33, 33, 0.8); transform: translateY(60%) scale(0); transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); color: #fff;} .exit-intent-popup.visible {transform: translateY(0) scale(1);} .newsletter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .popupclose {text-align: right; font-size: 25px; cursor: pointer;} .wcps-container-259 .controlsWrap.middle-.process-text1, .process-text {z-index: 99;} /* Customer Words */ .morecontent {display: none;} .readbtn {text-decoration: none !important; font-family: "plusjakartasans medium"; color: #203C73;} .review {transition: height 0.3s; overflow: hidden;} .read-less-btn {display: none; /* Initially hide the "Read Less" button */} .n2-ss-slide.n2-ss-slide-active {height: auto !important;} /* About us */ .about-section .about-banner .about-img {width: 100%;} .value-prop-sec .bg-blue {background-color: #203C73; padding: 10px 20px; display: inline-block;} .bg-grey {background-color: #EDF1F0;} .retail-sec .retail-content .retail-wrap .retail-logos {max-width: 160px;} /* Innovation */ .bg-black {background-color: #000;} /* My CSS */ .banner-and-header-wrapper {display: flex; flex-direction: column-reverse;} .category-hero-banner {padding-bottom: 50px;} .term-description p {font-size: 15px !important; font-family: 'plusjakartasans bold'; color: #203c73 !important;} .woocommerce-products-header h1 {margin: 0 !important;} .onsale {display: none !important;} .text-color {color: #454545 !important;} .text-decoration {text-decoration: none !important;} .max-w-1100 {max-width: 1100px !important; margin: auto;} .max-w {max-width: 1000px !important; margin: auto;} .max-w-900 {max-width: 900px !important; margin: auto;} .max-w-800 {max-width: 800px !important; margin: auto;} .color-blue {color: #203C73 !important;} .padding-inline {padding-inline: 50px !important;} .padding-inline-60 {padding-inline: 60px !important;} /* .nofreeze-wrapper {padding-inline: 80px !important;} */ .hairfree img {padding-inline: 30px !important;} .page-id-44 .brand-section{display: none;} .color-sky {color: #0F527F;} .eliminate-title {border-top: 2px solid #0F527F; border-bottom: 2px solid #0F527F; padding: 5px 0;} .saving-content ul {padding: 0 !important;} .saving-content li::marker {color: #8CC63F !important;} .transparent-wrapper img {padding-inline: 60px;} .new-btn {background-color: #80BE41 !important; border: 1px solid #80BE41 !important;} .new-btn:hover {background-color: #fff !important;} .finish-content {padding-inline: 25px;} .finish-img img {transition: .5s ease-in-out;} .finish-img img:hover {transform: rotateY(3.142rad);} .six-wrapper {gap: 30px !important;} .bg-green {background-color: #e2ebea !important;} .circle-border {border: 3px solid #203C73 !important;} /*28-5-2024*/ /* .hingehanger-banner-section .n2-section-smartslider { background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); background: linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e8ea",GradientType=1); } */ section.partner-logo .partner-section .cg-author a.no-link {pointer-events: none;cursor: default;opacity: 0.6;} .woo-variation-swatches .variable-items-wrapper .variable-item.disabled .variable-item-contents:before{background-image: none !important;} /*Media Query*/ @media only screen and (min-width: 576px) {.search #main, .woocommerce-page main {max-width: 540px;}} @media only screen and (min-width: 768px) {.search #main, .woocommerce-page main {max-width: 720px;}} @media only screen and (min-width: 992px) { .search #main, .woocommerce-page main {max-width: 960px;} /* Spin wheel */ .wlwl_field_input {font-size: 14px !important; padding: 5px 10px !important;} .wlwl_lucky_wheel_content {right: 0 !important; left: auto !important; height: 300px !important; max-width: 600px !important; bottom: 0 !important; top: auto !important;} .wheel_spin, .wheel_spin canvas {width: 250px !important; height: 250px !important;} .wlwl_pointer:before {font-size: 65px !important;} .wlwl_lucky_wheel_content:not(.wlwl_lucky_wheel_content_mobile) .wheel-content-wrapper .wheel_content_left {min-width: 250px !important;} ul#mega-menu-category-menu li.search-menu.astm-search-menu.is-menu.default.menu-item {display: none!important;} } @media only screen and (min-width: 1200px) { .search #main, .woocommerce-page main {max-width: 1140px;} /*28-5-2024*/ .archive.woocommerce ul.products li.product-category {width: 14% !important;} .archive.woocommerce .product-category h2.woocommerce-loop-category__title { padding-left: 0 !important; } .archive.woocommerce ul.products li.product-category a img { margin: 0 0 10px; } } @media only screen and (min-width: 1400px){ /* .product-section a.button.product_type_variable.add_to_cart_button.wvs-add-to-cart-button.wvs_ajax_add_to_cart {left: 376px;} */ /* .product-section span.woocommerce-Price-amount.amount bdi {left: -693px;} */ /* .product-section ul.variations {left: 375px;} */ .product-section a.added_to_cart.wc-forward { left: 530px;} .search #main, .woocommerce-page main {max-width: 1320px;} .innovative-banner-section .n2-section-smartslider { background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); background: linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(231,232,234,1) 52%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e8ea",GradientType=1); } .innovative-grey-banner-section .n2-section-smartslider { background: rgba(189,190,192,255); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(189, 190, 192, 1) 50%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(189, 190, 192, 1) 50%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(189, 190, 192, 1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e8ea",GradientType=1); } /* .innovative-green-banner-section .n2-section-smartslider { background: rgba(69,116,61,255); background: -moz-linear-gradient(90deg, rgba(69, 116, 61, 0) 50%, rgba(69, 116, 61, 1) 50%); background: -webkit-linear-gradient(90deg, rgba(69, 116, 61, 0) 50%, rgba(69, 116, 61, 1) 50%); background: linear-gradient(90deg, rgba(69, 116, 61, 0) 50%, rgba(69, 116, 61, 1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e8ea",GradientType=1); }*/ .innovative-green-banner-section .n2-section-smartslider { background: rgba(70, 119, 63); background: -moz-linear-gradient(90deg, rgba(69, 116, 61, 0) 50%, rgb(70, 119, 63) 50%); background: -webkit-linear-gradient(90deg, rgba(69, 116, 61, 0) 50%, rgb(70, 119, 63) 50%); background: linear-gradient(90deg, rgb(231, 232, 234) 50%, rgb(70, 119, 63) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e8ea",GradientType=1); } } @media only screen and (max-width: 1399px) { .hero-banner {padding: 98px 15px;} .gerad-about-section .about-us-heading {padding: 0 10px;} .home-about-image.borderright {border: 0;} .service-oriented-section .service-oriented-heading {margin-top: -60px; padding-left: 50px; width: 100%;} .single-product .product, .woocommerce .woocommerce-breadcrumb, .archive .site-main {max-width: 1200px;} .banner-section {margin-top: -80px; padding: 100px 0;} } @media only screen and (max-width: 1200px) { .footer-widgets {padding: 30px 20px 10px 20px;} .single-product .product, .woocommerce .woocommerce-breadcrumb, .archive .site-main{max-width: 960px;} h2.woocommerce-loop-category__title {display: block;} .finish-content {padding-inline: 15px;} ul.primary-menu li a,.header-right-menu li a {font-size: 13px;} } @media only screen and (max-width: 1199px) { .step-section .step-text .three-step-img img {max-width: 100px;} .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title {min-height: 160px;} .page .ml-btn a.product_type_variable {margin-left: 40px !important;} .header-right-menu li {margin: 0px 0px 0 10px;} .primary-menu > li {padding-right: 15px; margin: 0;} .is-form-style input.is-search-submit, .is-search-icon {font-size: 12px!important;} .header-titles-wrapper {margin-right: 0; padding: 0;} .menu-quick-links-container #menu-quick-links {column-count: 1;} .hero-banner {padding: 85px 15px;} .font-70 {font-size: 55px;} .font-50 {font-size: 38px;} .service-oriented-section .service-oriented-heading {margin-top: -45px; padding-left: 35px;} .font-25 {font-size: 22px;} .secondary-menu.bg-gray .container li a {font-size: 10px;} .bg-text h2,.bg-text1 h2 {font-size: 118px;} .bg-text1 {left: 360px;bottom: -15px;} .product-section span.woocommerce-Price-amount.amount bdi {left: -485px;} .product-section h2.woocommerce-loop-product__title {font-size: 18px !important;} .font-48 {font-size: 40px;line-height: 50px;} } @media only screen and (max-width:1024px){ .banner-section {padding: 80px 0px;} .font-45 {font-size: 40px;line-height: 42px;} h2.woocommerce-loop-category__title {padding: 10px !important;width: 90%;} .bg-text1 {left: 247px;bottom: -55px;} } @media only screen and (max-width:991px){ .woocommerce ul.products li.product .button {margin-left: 0px !important;} .awards-sec .awards-content .awards-wrap .awards-logos, .news-sec .news-content .news-wrap .news-logos {max-width: 110px;} /*.wlwl_pointer {transform: translateX(-110%) !important;}*/ .finish-content .finish-img img {max-width: 100px;} .column-reverse {flex-direction: column-reverse;} .woocommerce-checkout .product-name {width: 85%;} .woocommerce-billing-fields {margin-bottom: 15px;} .single-product main#main {padding: 40px 0px 0;} .woocommerce-cart .cart-collaterals .checkout-button {font-size: 16px !important; padding: 10px !important;} .woocommerce-cart-form .shop_table .product-name {max-width: 280px;} .woocommerce div.product form.cart div.quantity {float: none; margin-bottom: 10px !important;} .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title {min-height: 220px;} .product-section .wvs-archive-variations-wrapper, .product-section span.price, .product-section h2.woocommerce-loop-product__title {padding-left: 0 !important;} .page .ml-btn a.product_type_variable {margin-left: 0 !important;} h2.woocommerce-loop-category__title {font-size: 10px; bottom: 14%;} .banner-section {margin-top: 0px;} .logged-in .woocommerce-MyAccount-content h3, body.woocommerce-checkout h3, body.woocommerce-checkout h2, .woocommerce-cart .cart-collaterals h2, .woocommerce-cart .cart-collaterals h2 {font-size: 18px;} .single-product .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 21% !important;} .search.woocommerce ul.products li.product {width: 30% !important; margin-bottom: 15px !important;} .accordion-sec .accordion .accordion-item {flex: 0 0 100%;} /* .woocommerce div.product p.price, .woocommerce div.product span.price{ font-size: 16px;} */ #site-header {border-bottom: 1px solid #203c73;} .single-product .product, .woocommerce .woocommerce-breadcrumb, .archive .site-main{max-width: 720px;} .learnmore{display: none;} /* .related-product-section */ .details li span{ width: auto;} .details li span::after { content: ":";} .section-padding ,section.review-section {padding: 40px 0;} section.review-section body {font-size: 16px;} .footer-widgets.column-two {width: 100%;} .footer-widgets.column-three, .footer-widgets.column-four {width: 50%;} .hero-banner {background-size: cover; padding: 50px 15px;} .font-70 {font-size: 45px;} .font-50 {font-size: 35px;} .hero-banner-heading.pinkcolor {color: #fff;} .hero-banner-content {margin-bottom: 10px;} .learn-more {padding: 10px 15px; font-size: 16px;} .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {min-height: 300px;} .wvg-single-gallery-image-container img { max-height: 300px !important;} .gerad-about-section .about-us-heading {padding: 0;} .gerad-about-section .about-us-heading {width: 100%;} .service-oriented-section .service-oriented-heading {padding: 0; margin: 0;} .get-in-touch-section .getintouch-heading {padding: 20px 0px 10px 0px;} .gerad-getintouch {padding: 30px;} .font-26 {font-size: 20px;line-height: 28px; } .secondary-menu.bg-gray,.header-right-menu {display: none;} /* .page-id-10 .woocommerce{padding:40px 10px;} */ #rmp-container-170 {background-color: #203C73 !important;} /* #rmp_menu_trigger-170 {top: 10px;right: 0%;background: transparent !important;} */ #rmp_menu_trigger-170 {top: 40%;transform: translateY(-50%); right: 0%;background: transparent !important;} #rmp_menu_trigger-170 .responsive-menu-pro-inner, #rmp_menu_trigger-170 .responsive-menu-pro-inner::before, #rmp_menu_trigger-170 .responsive-menu-pro-inner::after {background-color: #203C73 !important;} .font-48 {font-size: 30px;line-height: 40px;} .font-30 {font-size: 27px;line-height: 34px;} .banner-section {padding: 60px 0px;} .font-45 {font-size: 30px;line-height: 30px;} .font-20 {font-size: 18px;line-height: 28px;} div#n2-ss-2 .n2-ss-slider-3 {padding: 0px !important;} mark.count {margin-left: 0px;} .font-38 {font-size: 32px;line-height: 40px;} .footer-copyright {margin-top: 30px;} .font-45 {font-size: 28px;line-height: 30px;} .about-body {margin-top: 30px;} .innovation-wrap {margin-top: 25px;} .logo-wrap.text-white {margin-bottom: 30px;} .bg-text h2,.bg-text1 h2 {font-size: 80px;} .process-text1, .process-text {background-color: #6ecff6;padding: 25px 0px;position: absolute;width: 100%;height: 80px;} .bg-text2 {display: none;} .product-section a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {display: block;} .product-section img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wvs-archive-product-image {width: 100% !important;} .product-section a.button.product_type_variable.add_to_cart_button.wvs-add-to-cart-button.wvs_ajax_add_to_cart {position: relative;top: 0px;left: 0px;margin-top: 0px !important;} .product-section .woocommerce {padding: 0px 10px;} .product-section span.woocommerce-Price-amount.amount bdi {left: 0px;top: 0px;} .product-section span.woocommerce-Price-amount.amount {width: 100%;display: inline-block;} .product-section ul.variations {position: relative;top: 0px;left: 0px;} .product-section h2.woocommerce-loop-product__title {margin-left: 0px !important;margin-top: 30px !important;} .product-section a.added_to_cart.wc-forward {position: relative;top: 0px;left: 7px;} .product-section h2.woocommerce-loop-product__title, .product-section span.price, .product-section .wvs-archive-variations-wrapper {float: right;width: 100%;margin-left: 0 !important;} .product-section .wvs_ajax_add_to_cart {margin-left: 0 !important; font-size: 14px !important; line-height: 1.3 !important; padding: 7px !important;} .transparent-wrapper img {padding-inline: 20px;} .hairfree img {padding-inline: 40px !important;} ul#rmp-menu-170 {display: flex;flex-direction: column;} ul#rmp-menu-170 li.search-menu.astm-search-menu.is-menu.default.menu-item {margin: 0 !important;padding: 15px 5%;order: -1;} .page .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 33%!important;} } @media only screen and (max-width:768px){ .woocommerce-cart-form .shop_table .quantity {justify-content: flex-end;} .woocommerce-cart-form .shop_table .product-name {max-width: 100%;} .woocommerce div.product div.summary {min-height: 470px; margin-bottom: 1em;} .variation-descriptions-left {width: 100%;} .logged-in nav.woocommerce-MyAccount-navigation ul {margin-bottom: 25px;} /* .logged-in.page-id-10 .woocommerce {padding: 20px 10px;} */ .page .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 50%!important;} } @media only screen and (max-width:767px){ .awards-sec .awards-content .awards-wrap .awards-logos, .news-sec .news-content .news-wrap .news-logos {max-width: 120px;} .retail-sec .retail-content .retail-wrap .retail-logos, .certifications-sec .certifications-content .certifications-wrap .certifications-logos {max-width: 130px;} .step-section .step-text .three-step-img img {max-width: 80px;} .step-section .step-image img {max-width: 380px;} .saving-text .hingehanger-logo {max-width: 250px;} .style-wrap .style-image img {max-width: 85px;} .hinge-column-reverse {flex-direction: column-reverse;} .font-30 {font-size: 24px;line-height: 34px;} .woocommerce-checkout .product-name {width: 80%;} .single-product main#main {padding: 30px 0px 0;} .archive.woocommerce ul.products li.product {margin-bottom: 15px;} .btn-design a {padding: 5px 15px;} .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title {min-height: 155px;} .product-section span.price {font-size: 24px !important;} .borderleftright {border-width: 1px 0;} h2.woocommerce-loop-category__title {font-size: 12px; bottom: 10%;} .w-80 {width: 100%;} .logged-in li.woocommerce-MyAccount-navigation-link a {font-size: 16px;} .single-product .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 48% !important; padding: 0 8px;} .search.woocommerce ul.products li.product {width: 48% !important;} .single-product .product, .woocommerce .woocommerce-breadcrumb, .archive .site-main{max-width: 540px;} .woo-variation-product-gallery{ max-width: 100% !important;} .section-padding,section.review-section {padding: 30px 0;} .footer-widgets.column-three, .footer-widgets.column-four {width: 100%;}.product-section h2.woocommerce-loop-product__title .footer-widgets {padding: 20px 0 0 0;} .footer-widgets .widget .widget-title {margin-bottom: 10px;} /* .widget li {margin: 6px 0 0 0;} */ p {margin: 0 0 0.5em 0;} .font-70 {font-size: 30px;} .font-50 {font-size: 26px;} .font-25 {font-size: 20px;} .hero-banner {padding: 30px 15px;} .learn-more {padding: 8px 15px; font-size: 15px;} .footer-widgets-wrapper .column-one {width: 100%; padding: 30px 0 0;} .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {min-height: 200px;} .wvg-single-gallery-image-container img { max-height: 200px !important;} .gerad-getintouch {padding: 20px;} .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 48%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 20px 1.8% 20px 0 !important;} /* .page-id-10 .woocommerce{padding:20px 10px;} */ .font-48 {font-size: 20px;line-height: 28px;} .brand-section-new {display: block;} .brand-section{display: none;} .banner-section {padding: 40px 0px;} .font-16 {font-size: 14px;} /* .page-id-10 .woocommerce h2 {font-size: 28px;} */ .product-section .woocommerce {padding: 0px 0px;} .font-26 {font-size: 18px;line-height: 28px;} form.wpcf7-form.init {display: flex;justify-content: center;} .saving-text {text-align: left;} .font-38 {font-size: 22px;line-height: 40px;} .copyright-wrap {float: none;text-align: center;} .payment-wrap {float: none;justify-content: center;margin-top: 6px;} .footer-copyright {overflow: hidden;border-top: 1px solid #939393;padding: 15px 0;margin-top: 20px;} .font-45 {font-size: 24px;line-height: 26px;} .innovation-col-wrap {margin-top: -130px;} /* .shipping-text {float: left;margin-top: 5px;} */ .categories-wrapper ul.products.columns-4 {display: flex; flex-flow: wrap;} .page .categories-wrapper .woocommerce ul.products.columns-4::before, .page .categories-wrapper .woocommerce ul.products.columns-4::after {display: none!important;} .page .categories-wrapper .woocommerce ul.products li.product {width: 45% !important;margin: 10px 1% !important;} .single-product h1.product_title.entry-title{font-size: 18px;} h2.partner-head{font-size: 22px;} .bg-text,.bg-text1 {display: none;} .pro-image {margin: 30px 0px;} .saving-text {margin-top: 30px;} .step-image {margin-top: 30px;} .process-text1, .process-text {height: auto;} .process-text1, .process-text {background-color: #6ecff6;padding: 25px 0px;position: absolute;width: 100%;height: auto;} .video-image {margin-bottom: 20px;} .process-image img {width: 100%;margin-bottom: 20px;} .banner-section:before {content: "";display: block;width: 100%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;opacity: 0.5;z-index: 0;} .related-product-section .related h2, .section-padding-bottom, .single-product .related-product-section .woocommerce .ced h2 {padding-bottom: 20px;} .padding-inline-60 {padding-inline: 0px !important;} .hingehanger-title-image {width: 50% !important;} } @media only screen and (max-width:575px){ .certifications-sec .certifications-content .certifications-wrap .certifications-logos {max-width: 90px;} .step-section .step-text .three-step-img img {max-width: 50px;} .step-section .step-image img {max-width: 280px;} .saving-text .hingehanger-logo {max-width: 200px;} .woocommerce-checkout .product-name {width: 70%;} .woocommerce ul.products li.product .price {font-size: 14px;} .view-details-btn {padding: 4px 10px;} .archive .woocommerce-products-header__title {font-size: 22px; line-height: 26px;} ul.products.columns-4 {align-items: start;} .single-product .related-product-section h2.woocommerce-loop-product__title, .archive .woocommerce-loop-product__title {min-height: 130px;} .accordion-button p, .accordion-body p {padding-left: 45px;} .quantity .minus, .quantity .plus {padding-top: 2px;} .wcps-container-259 .controlsWrap.middle-fixed {transform: translate(0, -50%) !important; width: 100% !important; left: 0 !important;} .wcps-container-259 {overflow: hidden !important;} .search.woocommerce ul.products li.product {width: 100% !important;} /* .woocommerce div.product div.summary {margin-bottom: 0;} */ .footer-widgets {padding: 15px 0 0 0;} .font-70 {font-size: 28px;} .about-image {margin-top: 20px;} .offer-section {text-align: center;} .accordion-item h2 button :before {padding: 15px !important;} .logo-text {width: 100%;} .header-inner {padding-top: 0.8rem;padding-bottom: 0.8rem;} .font-45, .single-product .related.products h2, .single-product .related-product-section .woocommerce .ced h2 {font-size: 22px;line-height: 22px;} .font-30 {font-size: 20px;line-height: 28px;} .font-18 {font-size: 15px;} .banner-wrap {z-index: 1;position: relative;} body{font-size: 14px;} .process-text1, .process-text {background-color: #6ecff6;padding: 15px 0px;position: absolute;width: 100%;height: auto;} .product-banner-text p {width: 100%;margin: auto;} .product-banner-text h3 {margin: 10px 0px;} .font-20 {font-size: 16px;line-height: 20px;} .transparent-wrapper img {padding-inline: 40px;} .page .categories-wrapper .woocommerce ul.products li.product {width: 44%!important;flex-grow: 0;} #is-ajax-search-result-115 {width: 93%!important;top: 55px!important; left: 10px!important;} .page .how-to-center-section .woocommerce ul.products.columns-4 li.product {width: 43%!important;} .page .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 100%!important;} .contact-content {padding: 20px 15px;} .contact-content ul li,.contact-content ul li a {font-size: 16px;} .contact-content ul li strong {font-size: 18px;} .banner-section { background-position: left center; } } @media only screen and (max-width:480px){ /* .social-icon-head {float: none;justify-content: center;} */ /* .shipping-text {float: none;} */ .top-header {text-align: center;} .font-48 {font-size: 20px;line-height: 26px;} .innovation-col-wrap {margin-top: -100px;} .innovation-wrapper.section-padding-top {margin-top: 60px;} .certifications-sec .certifications-content .certifications-wrap .certifications-logos {max-width: 105px;} .transparent-wrapper img {padding-inline: 40px;} .header-titles-wrapper .header-titles .site-logo img {width: 100px;} .header-inner {padding-block: 20px;} } /* NEW CSS */ header .header-navigation-wrapper nav li.current-menu-item.current_page_item a {color: #203C73 !important;} ul.products.columns-4:has(li.product-category) {gap: 20px;} .archive.woocommerce ul.products.columns-4::before {display: none;} .archive.woocommerce ul.products.columns-4 li.product-category {width: 120px!important;margin: 0!important;flex: 0 0 calc(14.5% - 20px);} .archive.woocommerce ul.products.columns-4 li.product-category img {width: 120px;height: 120px;object-fit: cover;margin: 0 auto !important;} body.page-id-38 .product-section .wcps-container-259 .elements-wrapper img {max-height: 200px;} .page .how-to-center-section .woocommerce ul.products li.product {width: auto!important;} .page .how-to-center-section .woocommerce ul.products::after, .page .how-to-center-section .woocommerce ul.products::before{display: none!important;} body.single.single-product .wcps-items.splide ul.splide__list .item.splide__slide .wcps-items-thumb img {max-height: 200px;}