/*
Theme Name: Pellow and Hill Funerals
Template: generatepress
Theme URI: https://pellowandhillfunerals.co.nz
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: Pellow and Hill Funerals
Version: 1.12
Text Domain: gpc
*/
/*
CONTENTS:
1. GLOBALS
1.1 Theme Variables
1.2 Fonts
1.3 Icons
1.4 Layout
1.5 Heading
1.6 Text
1.7 Image
1.8 List
1.9 Blockquote
1.10 Link & Button
1.11 Misc
2. HEADER
2.1 Layout
2.2 Top Bar
2.3 Branding
2.4 GP Desktop Menu
2.5 Mega Menu
2.6 GP Mobile Menu
3. FOOTER
3.1 Pre-Footer CTA
3.2 Footer nav
4. COMPONENTS
4.1 Customer Reviews
4.2 Presto Player
4.3 PP Content Grid
4.4 PP Image Carousel
4.5 BB List
4.6 PP Google Map
4.7 Circle Number
4.8 JQuery Modal (plugin)
4.9 Gravity Forms
5. PLAN A FUNERAL
5.1 Products Grid
6. PRICING
7. ABOUT US
7.1 Team
8. SEARCH RESULTS
9. MISC
10. STYLES TEMPLATE
*/
/*/////////////////////////////////////////////////////
1. GLOBAL
/////////////////////////////////////////////////////*/
/* --------------------------
THEME VARIABLES
-------------------------- */
:root {
/* COLORS VARIABLES */
/*
--error: #ff4e7a;
*/
/* MISC VARIABLES */
--transition-fast: all .3s ease-out;
--transition-extra-fast: all .15s ease-out;
}
/* --------------------------
FONTS
-------------------------- */
/*
.woff2 => Super Modern Browsers
.woff => Modern Browsers
.ttf => Safari, Android, iOS
.eot => IE9 Compat Modes
.eot?#iefix => IE6-IE8
*/
/* --------------------------
ICONS
-------------------------- */
[class^="ph-icon-"],
[class*=" ph-icon-"] {
display: inline-block;
}
.ph-badge-check .fl-module-content {
position: relative;
}
.ph-badge-check .fl-module-content::before {
content: "\e903";
position: absolute;
left: -1.5em;
font-family: "Pellow-and-Hill-Icons";
font-size: 28px;
line-height: 1em;
color: var(--turquoise-light);
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-badge-check .fl-module-content::before {
font-size: 22px;
}
}
@media (max-width: 768px) {
.ph-badge-check .fl-module-content::before {
font-size: 18px;
}
}
/* --------------------------
LAYOUT
-------------------------- */
/* --- RESPONSIVE --- */
@media (min-width: 769px) {
.ph-mobile {
display: none;
}
}
@media (max-width: 768px) {
.ph-desktop {
display: none;
}
}
/* --------------------------
HEADING
-------------------------- */
h1, h2, h3, h4, h5, h6,
blockquote, blockquote p {
text-wrap: balance;
}
p+:is(h1,h2,h3,h4,h5,h6),
ul+:is(h1,h2,h3,h4,h5,h6),
ol+:is(h1,h2,h3,h4,h5,h6) {
margin-top: 1em;
}
.ph-hover-color-white :is(h1,h2,h3,h4,h5,h6).fl-heading a:hover .fl-heading-text {
color: var(--white) !important;
}
.ph-hover-color-light :is(h1,h2,h3,h4,h5,h6).fl-heading a:hover .fl-heading-text {
color: var(--turquoise-light) !important;
}
.ph-hover-color-medium :is(h1,h2,h3,h4,h5,h6).fl-heading a:hover .fl-heading-text {
color: var(--turquoise) !important;
}
.ph-hover-color-dark :is(h1,h2,h3,h4,h5,h6).fl-heading a:hover .fl-heading-text {
color: var(--teal) !important;
}
/* FAKE HN */
.ph-fake-h2 :is(h1,h3,h4),
:is(h1.ph-fake-h2,h3.ph-fake-h2,h4.ph-fake-h2) {
font-size: 55px;
}
.ph-fake-h3 :is(h1,h2,h4),
:is(h1.ph-fake-h3,h2.ph-fake-h3,h4.ph-fake-h3) {
font-size: 36px;
}
.ph-fake-h4 :is(h1,h2,h3),
:is(h1.ph-fake-h4,h2.ph-fake-h4,h3.ph-fake-h4) {
font-size: 28px;
}
.ph-sub-heading,
.ph-sub-heading p {
font-family: "Roca One", Garamond, serif, system-ui;
font-size: 28px;
font-weight: 400;
line-height: 1.5;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-fake-h2 :is(h1,h2,h3,h4) {
font-size: 41px;
}
.ph-fake-h3 :is(h1,h2,h3,h4) {
font-size: 29px;
}
.ph-fake-h4 :is(h1,h2,h3,h4) {
font-size: 23px;
}
.ph-sub-heading,
.ph-sub-heading p {
font-size: 22px;
}
}
@media (max-width: 768px) {
.ph-fake-h2 :is(h1,h2,h3,h4) {
font-size: 27px;
}
.ph-fake-h3 :is(h1,h2,h3,h4) {
font-size: 22px;
}
.ph-fake-h4 :is(h1,h2,h3,h4) {
font-size: 19px;
}
.ph-sub-heading,
.ph-sub-heading p {
font-size: 17px;
}
}
/* --------------------------
TEXT
-------------------------- */
p {
text-wrap: pretty;
margin-bottom: .75em;
}
strong,
.fl-builder-content .fl-rich-text strong {
font-weight: 600;
}
.ph-text-intro,
.ph-text-intro p {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
}
.ph-no-margin-b p,
p.ph-no-margin-b {
margin-bottom: 0;
}
/* em {
font-family: "Spline Sans Oblique";
} */
.ph-separator {
margin: 0 .3em;
padding: 0 .3em;
}
.ph-separator::after {
content: "";
border-right-width: 1px;
border-right-style: solid;
border-right-color: inherit;
opacity: .2;
}
.ph-note,
.ph-note p {
font-weight: 700;
color: var(--error);
text-align: center;
}
.ph-note a {
color: var(--error);
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-text-intro,
.ph-text-intro p {
font-size: 18px;
}
}
@media (max-width: 768px) {
.ph-text-intro,
.ph-text-intro p {
font-size: 15px;
}
}
/* --------------------------
IMAGE
-------------------------- */
.fl-module-photo.ph-img-hover-fx a {
display: block;
}
.fl-module-photo.ph-img-hover-fx a img {
transition: var(--transition-fast);
}
.fl-module-photo.ph-img-hover-fx a:hover img {
filter: brightness(1.1);
background-color: white;
}
.fl-fill-container .fl-photo-content > a {
height: 100%;
}
/* --------------------------
LIST
-------------------------- */
#content .fl-builder-content li {
margin-bottom: .5em;
}
#content .fl-builder-content .fl-module-pp-infolist li {
margin-bottom: inherit;
}
/* --------------------------
BLOCKQUOTE
-------------------------- */
blockquote {
margin: 2em 0;
padding: 20px 30px;
font-style: normal;
font-weight: 300;
color: inherit;
border-left: 2px solid #e7e7e7;
}
blockquote p {
margin-bottom: 0;
font-size: 22px;
}
/* --- RESPONSIVE --- */
@media (max-width: 768px) {
blockquote {
padding: 20px;
}
blockquote p {
font-size: 18px;
}
}
/* --------------------------
LINK & BUTTON
-------------------------- */
.content-area .site-main p a {
text-decoration: underline;
font-weight: 500;
}
.content-area .site-main .ph-link-no-underline p a {
text-decoration: none;
}
a:not([href]):hover {
cursor: default;
}
#content a,
#content a *,
.fl-builder-content a,
.fl-builder-content a *,
#content .fl-button,
#content .fl-button *,
button.button,
a.button,
.button a,
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
transition: var(--transition-fast);
}
button.button,
a.button,
.button a,
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
font-size: 14px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 1.2px;
}
button.button,
a.button,
.button a {
padding: 13px 20px;
border-radius: 50px;
}
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
padding: 15px 45px;
text-transform: uppercase;
}
.fl-builder-content .fl-button i {
font-size: 1.1em;
}
*:focus {
outline: none;
}
*:focus-visible {
outline: 1px dotted rgba(0,0,0,.6);
}
.ph-no-link {
pointer-events: none;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
button.button,
a.button,
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
font-size: 13px;
}
button.button,
a.button,
.button a {
padding: 11px 18px;
}
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
padding: 13px 35px;
}
}
@media (max-width: 768px) {
button.button,
a.button,
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
font-size: 12px;
}
button.button,
a.button,
.button a {
padding: 9px 15px;
}
[data-node] .pp-gf-content .gform_wrapper .gform-button,
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button,
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
padding: 11px 25px;
}
}
/* --------------------------
MISC
-------------------------- */
hr {
margin: 2em 0;
border: none;
border-top: 1px solid #e7e7e7;
}
.ph-element-side-lines .fl-module-content {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.ph-element-side-lines .fl-module-content:before,
.ph-element-side-lines .fl-module-content:after {
content: "";
border-top: 1px dashed var(--turquoise-light);
flex: 1 0 auto;
}
.ph-element-side-lines.ph-solid-white .fl-module-content:before,
.ph-element-side-lines.ph-solid-white .fl-module-content:after {
border-top: 1px solid var(--white);
}
/*/////////////////////////////////////////////////////
2. HEADER
/////////////////////////////////////////////////////*/
/* --------------------------
LAYOUT
-------------------------- */
/* Sticky Header */
.main-navigation .menu > .menu-item.current-menu-item > a::after,
.main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
.main-navigation .menu > .menu-item:hover > a::after {
width: calc(100% - 30px);
}
/* .main-navigation.is_stuck .grid-container {
max-width: unset;
padding-right: 40px;
padding-left: 40px;
} */
/* --------------------------
TOP BAR
-------------------------- */
/*
Dinsdale 07 855 5541Hamilton East 07 856 5129White Rose Chapel 07 856 5129
*/
/* html .top-bar .inside-top-bar .widget {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 10px 40px;
}
html .top-bar a {
gap: .5em;
white-space: nowrap;
}
html .top-bar a:not(:last-child)::after {
content: "";
display: inline-block;
width: 1px;
height: 1em;
margin: 0 1em;
background-color: var(--turquoise);
vertical-align: middle;
}
html .top-bar strong {
margin-right: .25em;
font-weight: 600;
} */
/* --- RESPONSIVE --- */
/* @media (max-width: 768px) {
html .inside-top-bar {
padding-right: 0;
padding-left: 0;
}
html .top-bar .inside-top-bar .widget {
padding: 7px 20px;
}
}
@media (max-width: 380px) {
html .top-bar .inside-top-bar .widget {
flex-direction: column;
}
html .top-bar a:not(:last-child)::after {
display: none;
}
} */
/* --------------------------
BRANDING
-------------------------- */
.site-header .header-image {
padding: 10px 0;;
}
/* --- RESPONSIVE --- */
@media (max-width: 1100px) {
html .navigation-branding .main-title,
html .mobile-header-navigation .site-logo {
margin-left: 20px;
}
html .navigation-branding img,
html .site-logo.mobile-header-logo,
html .main-navigation .site-logo.navigation-logo img,
html .mobile-header-navigation .site-logo.mobile-header-logo img,
html .navigation-search input[type="search"] {
height: 95px;
}
/* Sticky Header */
html .mobile-header-navigation.is_stuck .site-logo.mobile-header-logo,
html .mobile-header-navigation.is_stuck .site-logo.mobile-header-logo img {
height: 50px;
}
html .mobile-header-navigation.is_stuck .site-logo.mobile-header-logo img {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media (max-width: 768px) {
html .navigation-branding img,
/* html .site-logo.mobile-header-logo, */
html .main-navigation .site-logo.navigation-logo img,
/* html .mobile-header-navigation .site-logo.mobile-header-logo img, */
html .navigation-search input[type="search"] {
height: 60px;
}
html .site-logo.mobile-header-logo,
html .mobile-header-navigation .site-logo.mobile-header-logo img {
height: 75px;
}
}
/* --------------------------
GP DESKTOP MENU
-------------------------- */
/* GLOBAL */
.main-navigation .menu > .menu-item.current-page-ancestor > a::after {
width: calc(100% - 30px);
background-color: var(--turquoise);
}
.main-navigation .menu > .menu-item.current-page-ancestor > a {
color: var(--turquoise);
}
html .main-navigation.sticky-navigation-transition.is_stuck .menu-bar-item.ph-cta > a {
margin: 0 10px;
padding: .5em 1.1em;
line-height: 1em !important;
}
/* --- RESPONSIVE --- */
@media (min-width: 1101px) {
.main-navigation .menu > .menu-item > a::after {
content: "";
position: absolute;
right: 0;
left: 50%;
bottom: 30%;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);
display: block;
width: 0;
height: 2px;
background-color: currentColor;
transition: 0.3s width ease;
}
.main-navigation .menu > .menu-item.current-menu-item > a::after,
.main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
.main-navigation .menu > .menu-item:hover > a::after {
width: calc(100% - 30px);
}
/* Sticky Header */
.main-navigation.is_stuck .menu > .menu-item > a::after {
bottom: 20%;
}
}
@media (max-width: 1100px) {
.main-navigation.is_stuck .main-nav ul > li > a,
.menu-toggle, .main-navigation.is_stuck .menu-bar-item > a {
line-height: 50px;
}
}
/* CTA */
.main-navigation .menu-bar-item.ph-cta > a {
margin: 0 15px;
padding: .9em 1.2em;
background-color: var(--turquoise-extra-light);
line-height: 1em;
color: var(--teal);
border-radius: 50px;
transition: var(--transition-extra-fast);
}
.main-navigation .menu-bar-item.ph-cta > a:is(:hover,:focus) {
background-color: var(--teal);
color: white;
}
/* --- RESPONSIVE --- */
@media (max-width: 768px) {
.main-navigation .menu-bar-item.ph-cta > a {
margin: 0 10px;
padding: .7em 1.1em;
font-size: 13px;
}
}
/* MENU SEARCH */
html .gp-search-modal .gp-modal__overlay {
align-items: center;
padding-top: 0;
padding-bottom: 20vh;
}
input[type="search" i]::-webkit-search-cancel-button {
filter: contrast(0) brightness(1.2);
}
/* ---------------------- */
/* MEGA MENU */
/* ---------------------- */
/* MEGA MENU CONTAINER */
.main-navigation .inside-navigation,
.main-navigation .ph-has-mega-menu {
position: unset;
}
.main-navigation .ph-has-mega-menu .sub-menu {
/* DEV */
/* display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important; */
/* END DEV */
width: 100%;
height: auto;
background-color: white;
box-shadow: inset 0 40px 40px -40px rgba(0,0,0,.2);
/* box-shadow: 0 0 40px rgba(0,0,0,.2), inset 0 40px 40px -40px rgba(0,0,0,.2); */
}
.main-navigation .ph-has-mega-menu .sub-menu::after {
content: "";
position: absolute;
right: 0;
bottom: -20px;
left: 0;
height: 20px;
background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,0));
}
.main-navigation .ph-has-mega-menu:hover .sub-menu {
animation: .3s ease-out 0s forwards menuAnim;
}
@keyframes menuAnim {
from { top: 80%; opacity: 0; }
to { top: 100%; opacity: 1; }
}
.main-navigation .ph-has-mega-menu .sub-menu,
.main-navigation:not(.toggled) ul li:hover > ul {
left: 0 !important;
}
/* --- RESPONSIVE --- */
@media (max-width: 1100px) {
.ph-has-mega-menu .sub-menu {
display: none;
}
}
/* MEGA MENU CONTENT */
.main-navigation .main-nav .ph-has-mega-menu .sub-menu a {
padding: inherit;
}
.main-navigation .ph-has-mega-menu .sub-menu .ph-heading i {
align-self: flex-end;
padding-bottom: .2em;
}
.main-navigation .ph-has-mega-menu .sub-menu .ph-heading.ph-equal-height {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.main-navigation .ph-has-mega-menu .sub-menu .ph-heading a {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-navigation .ph-has-mega-menu .sub-menu .ph-image img {
display: block;
object-fit: cover;
aspect-ratio: 100/65;
}
/* --------------------------
GP MOBILE MENU
-------------------------- */
@media (max-width: 1100px) {
html .main-navigation.sticky-navigation-transition.is_stuck .main-nav > ul > li > a,
html .main-navigation.sticky-navigation-transition.is_stuck .menu-bar-item:not(.ph-cta) > a,
html .main-navigation.is_stuck .main-nav ul > li > a,
html .main-navigation.sticky-navigation-transition.is_stuck .menu-toggle,
/* html .menu-toggle, */
html .main-navigation.is_stuck .menu-bar-item > a {
line-height: 50px !important;
}
html .main-navigation .menu-bar-item > a {
padding-left: 10px;
padding-right: 10px;
}
}
/* OFF CANVAS */
html .slideout-navigation.do-overlay .slideout-menu li {
margin-bottom: 0;
}
html #generate-slideout-menu.main-navigation ul ul {
padding-bottom: 20px;
}
html .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
border: none;
}
html #generate-slideout-menu.do-overlay .slideout-menu li,
html .slideout-navigation.do-overlay .inside-navigation {
text-align: left;
}
html .slideout-navigation.do-overlay .inside-navigation {
padding: 10% 15% 0;
}
/* html .slideout-navigation.main-navigation .main-nav ul li a {
display: block;
padding: 8px;
} */
html .slideout-navigation.main-navigation .main-nav > ul > li > a {
display: block;
padding: 0;
line-height: 50px;
border-top: 1px solid rgba(255,255,255,.1);
}
html .slideout-navigation.main-navigation .main-nav ul ul li a {
padding: 8px 15px;
}
html .slideout-navigation.main-navigation .main-nav > ul > li:last-child > a {
border-bottom: 1px solid rgba(255,255,255,.1);
}
html .slideout-navigation.main-navigation .main-nav ul li[class*="current-page-"] > a {
color: var(--turquoise);
}
/* --- RESPONSIVE --- */
@media (max-width: 768px) {
html .slideout-navigation.do-overlay .slideout-exit {
position: absolute;
}
}
/*/////////////////////////////////////////////////////
3. FOOTER
/////////////////////////////////////////////////////*/
/*--------------------------
PRE-FOOTER CTA
--------------------------*/
.ph-pre-footer-cta .ph-image img {
aspect-ratio: 1/1;
max-width: 340px;
}
.ph-pre-footer-cta .ph-image .fl-module-content {
position: relative;
}
.ph-pre-footer-cta .ph-image .fl-module-content::after {
content: "";
background: center/contain no-repeat url("/wp-content/uploads/2025/01/graphic-hill.svg");
position: absolute;
bottom: -5%;
left: -5%;
aspect-ratio: 100/47;
width: 80%;
height: auto;
}
/* --- RESPONSIVE --- */
@media(max-width: 1024px) {
.ph-pre-footer-cta .ph-image img {
max-width: 280px;
}
}
@media(max-width: 768px) {
.ph-pre-footer-cta .ph-image img {
max-width: 180px;
}
}
/* --------------------------
FOOTER NAV
-------------------------- */
footer .ph-nav :is(ul,li) {
margin: 0;
padding: 0;
list-style-type: none;
}
footer .ph-nav li:not(:last-child) {
margin-bottom: .6em;
}
footer .ph-nav .fl-module-content .fl-rich-text a[href*="tel"] {
font-weight: 400;
text-decoration: none;
color: var(--turquoise) !important;
}
footer .ph-nav .fl-module-content .fl-rich-text a[href*="tel"]:is(:hover, :focus) {
color: white !important;
}
/* footer .ph-locations .fl-rich-text strong {
margin-right: .5em;
}
footer .ph-locations .fl-rich-text a {
margin-left: .5em;
} */
/*/////////////////////////////////////////////////////
4. COMPONENTS
/////////////////////////////////////////////////////*/
/*--------------------------
CUSTOMER REVIEWS
--------------------------*/
html #ndrsl-grid .ndrsl-row {
flex-wrap: nowrap;
gap: 20px;
}
/* --- RESPONSIVE --- */
@media (max-width: 1100px) {
.ph-has-mega-menu .sub-menu {
display: none;
}
}
@media (max-width: 768px) {
html #ndrsl-grid .ndrsl-row {
flex-direction: column;
}
}
/*--------------------------
PRESTO PLAYER
--------------------------*/
/* .skin-modern.presto-player__wrapper button.plyr__control.plyr__control--overlaid {
padding: 3%;
border-radius: 100%;
}
.plyr button {
aspect-ratio: 1/1;
} */
/*--------------------------
PP IMAGE CAROUSEL
--------------------------*/
.pp-thumbnails-swiper .pp-image-carousel-thumb {
border-radius: 10px;
}
.pp-image-carousel.slider-type-slideshow {
height: auto;
aspect-ratio: 100/60;
}
/* --- RESPONSIVE --- */
@media (max-width: 1100px) {
[data-node] .pp-image-carousel.slider-type-slideshow {
margin-bottom: 15px;
}
}
@media (max-width: 768px) {
[data-node] .pp-image-carousel.slider-type-slideshow {
margin-bottom: 10px;
}
.pp-thumbnails-swiper .pp-image-carousel-thumb {
border-radius: 5px;
}
}
/*--------------------------
BB LIST
--------------------------*/
.fl-module-list .fl-list-item-content .fl-list-item-content-icon {
padding-top: .2em;
vertical-align: baseline;
}
.ph-big-list .fl-list-item-content-text {
font-weight: 400;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-regular-list .fl-list-item-content-icon .fl-list-item-icon,
.fl-row .fl-col .ph-regular-list .fl-list-item-content-icon .fl-list-item-icon {
font-size: 22px;
}
.ph-big-list .fl-list-item-content-icon .fl-list-item-icon,
.fl-row .fl-col .ph-big-list .fl-list-item-content-icon .fl-list-item-icon {
font-size: 26px;
}
}
@media (max-width: 768px) {
.ph-regular-list .fl-list-item-content-icon .fl-list-item-icon,
.fl-row .fl-col .ph-regular-list .fl-list-item-content-icon .fl-list-item-icon {
font-size: 18px;
}
.ph-big-list .fl-list-item-content-icon .fl-list-item-icon,
.fl-row .fl-col .ph-big-list .fl-list-item-content-icon .fl-list-item-icon {
font-size: 20px;
}
}
/*--------------------------
PP CONTENT GRID
--------------------------*/
.pp-content-grid-pagination li a.page-numbers,
.pp-content-grid-pagination li span.page-numbers {
font-weight: 400;
}
/*--------------------------
PP GOOGLE MAP
--------------------------*/
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.pp-google-map .gm-style img[src*="map-marker"] {
width: 60px !important;
height: 88px !important;
}
}
@media (max-width: 768px) {
.pp-google-map .gm-style img[src*="map-marker"] {
width: 50px !important;
height: 73px !important;
}
}
/*--------------------------
CIRCLE NUMBER
--------------------------*/
.ph-circle-number p {
position: relative;
margin-bottom: 0;
z-index: 0;
}
.ph-circle-number p::after {
content: "";
position: absolute;
top: -35%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 80px;
height: auto;
aspect-ratio: 1/1;
background-color: var(--turquoise-light);
border-radius: 100%;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-circle-number p::after {
top: -35%;
width: 60px;
}
}
@media (max-width: 768px) {
.ph-circle-number p::after {
top: -35%;
width: 40px;
}
}
/* --------------------------
JQUERY MODAL (plugin)
-------------------------- */
.blocker {
z-index: 1000;
background-color: rgba(38,82,82,.9);
}
.modal,
.modal a.close-modal {
border-radius: 10px;
}
.modal {
width: 100%;
max-width: 1160px;
margin-top: 100px;
padding: 50px;
box-shadow: none;
}
.modal a.close-modal {
top: 0;
right: 0;
width: 60px;
height: 60px;
background-image: none;
background-color: white;
}
.modal a.close-modal::before,
.modal a.close-modal::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: calc(50% - 17.5px);
width: 35px;
height: 2px;
background-color: var(--turquoise);
opacity: .7;
}
.modal a.close-modal::before {
transform: rotate(45deg);
}
.modal a.close-modal::after {
transform: rotate(-45deg);
}
.modal a.close-modal:hover::before,
.modal a.close-modal:hover::after {
opacity: 1;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.modal {
padding: 40px;
}
}
@media (max-width: 768px) {
.modal {
padding: 20px;
}
.modal a.close-modal {
width: 50px;
height: 50px;
}
.modal a.close-modal::before,
.modal a.close-modal::after {
left: calc(50% - 12.5px);
width: 25px;
}
}
/*--------------------------
GRAVITY FORMS
--------------------------*/
html .gform_wrapper.gravity-theme .ginput_complex label {
font-size: 80%;
}
/* SECTION */
html .gform_wrapper.gravity-theme h3.gsection_title {
margin-bottom: 0;
}
/* STEPS */
html .gform_wrapper.gravity-theme .gf_page_steps {
border-color: var(--turquoise-extra-light);
margin-bottom: 40px;
}
html .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
background: white;
color: var(--teal);
}
html .gform_wrapper.gravity-theme .gf_step {
margin: 6px 20px 6px 0;
}
html .gform_wrapper.gravity-theme .gf_step_number {
width: 30px;
height: 30px;
border-color: white;
}
/* INPUT */
html .gform_wrapper.gravity-theme .ui-datepicker-trigger {
filter: invert(24%) sepia(20%) saturate(1120%) hue-rotate(131deg) brightness(96%) contrast(84%);
}
/* VALIDATION */
html .gform_wrapper.gravity-theme .gform_validation_errors {
background: none;
}
html .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-family: "Spline Sans", Arial, sans-serif, system-ui;
font-size: 15px;
}
html .gform_wrapper.gravity-theme .gfield_validation_message,
html .gform_wrapper.gravity-theme .validation_message,
html .pp-gf-content .gform_wrapper .gfield .gfield_description.validation_message {
background: none;
padding: 8px 25px;
border-radius: 5px;
}
/*/////////////////////////////////////////////////////
5. PLAN A FUNERAL
/////////////////////////////////////////////////////*/
/* ---------------------- */
/* PRODUCTS GRID */
/* ---------------------- */
.ph-products-grid .pp-content-post {
display: flex;
flex-direction: column;
transition: all .3s ease-out;
}
.ph-products-grid .pp-content-post:hover {
/* box-shadow: 0px 5px 80px 0px rgba(179,114,34,.3); */
box-shadow: 0px 5px 80px 0px rgba(38,82,82,.2);
}
.ph-products-grid .ph-post-image {
margin-bottom: 20px;
text-align: center;
}
.ph-products-grid .ph-post-image img {
object-fit: contain;
aspect-ratio: 2/1.5;
width: 100%;
}
.ph-products-grid.ph-caskets .ph-post-image img {
aspect-ratio: 2/1;
}
.ph-products-grid .ph-post-text {
display: flex;
flex-direction: column;
height: 100%;
padding: 0 20px 30px;
}
.ph-products-grid h3.ph-post-title {
margin-bottom: 5px;
font-size: 28px;
text-align: center;
}
.ph-products-grid .ph-post-category {
font-size: 80%;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.ph-products-grid .ph-post-content {
margin-top: 10px;
margin-bottom: 15px;
text-align: center;
}
.ph-products-grid.modal .ph-post-content {
margin-bottom: 30px;
}
.ph-products-grid .ph-post-content p {
margin-bottom: 0;
}
.ph-products-grid .ph-post-footer {
display: flex;
justify-content: center;
align-items: center;
margin-top: auto;
padding-top: 10px;
border-top: 1px solid var(--cream-darker);
}
.ph-products-grid.modal .ph-post-footer {
justify-content: space-between;
padding-top: 30px;
}
.ph-products-grid .ph-post-price {
font-size: 25px;
}
.ph-products-grid .ph-post-contact a.fl-button {
margin-left: 20px;
padding: 13px 18px;
background-color: var(--turquoise-light);
font-size: 18px;
line-height: 1.2;
color: white;
border-radius: 4px;
}
.ph-products-grid .ph-post-contact a.fl-button:hover {
background-color: var(--turquoise);
}
.ph-products-grid .ph-post-price small {
font-size: 0.5em;
}
#content .fl-builder-content .ph-products-grid ul.pp-post-filters li {
margin: 0 10px 10px 0;
}
/* .wpbf-coffins-and-urns .modal {
max-width: 900px;
padding: 20px;
} */
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-products-grid h3.ph-post-title {
font-size: 26px;
}
.ph-products-grid .ph-post-contact a.fl-button {
font-size: 16px;
}
.ph-products-grid .ph-post-price {
font-size: 23px;
}
}
@media (max-width: 768px) {
.ph-products-grid .ph-post-image {
margin-bottom: 10px;
}
.ph-products-grid .ph-post-image img {
max-width: 320px;
max-height: 200px;
}
.ph-products-grid .ph-post-text {
padding-bottom: 15px;
}
.ph-products-grid h3.ph-post-title {
font-size: 24px;
}
.ph-products-grid .ph-post-content {
margin-bottom: 0;
}
.ph-products-grid .ph-post-contact a.fl-button {
padding: 12px 16px;
font-size: 14px;
}
.ph-products-grid .ph-post-price {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.ph-products-grid .ph-post-category {
margin-bottom: 10px;
}
}
@media (max-width: 380px) {
.modal.ph-products-grid .ph-post-footer {
flex-direction: column;
}
.modal.ph-products-grid .ph-post-price {
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
}
.modal.ph-products-grid .ph-post-contact a.fl-button {
margin-left: 0;
}
}
/*/////////////////////////////////////////////////////*/
/* 6. PRICING */
/*/////////////////////////////////////////////////////*/
/* ---------------------- */
/* HK FUNERAL SUITE:
PRICING ACCORDION */
/* ---------------------- */
/* VARIABLES */
.hk-pricing-accordion {
--button-extras-font: "Spline Sans", sans-serif;
--border-color: var(--cream);
}
/* ACCORDION LAYOUT */
.hk-pricing-accordion .pp-accordion-item {
border-radius: 15px;
overflow: hidden;
}
.hk-pricing-accordion .pp-accordion-item,
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon {
transition: all 0.3s ease-out;
}
.hk-pricing-accordion .pp-accordion-item:hover,
.hk-pricing-accordion .pp-accordion-item-active {
box-shadow: 0 10px 40px rgba(0,0,0,.1);
}
/* ACCORDION TITLE */
.hk-pricing-accordion .pp-accordion-button {
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
.hk-pricing-accordion .pp-accordion-button-label {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-basis: 75%;
gap: .6em;
text-align: left;
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-num {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1.8em;
height: 1.8em;
margin-right: .5em;
padding: .5em;
background-color: var(--cream);
font-family: var(--button-extras-font);
font-weight: 400;
font-size: 80%;
color: var(--turquoise);
border-radius: 100%;
transition: all .3s ease-out;
}
.hk-pricing-accordion .pp-accordion-button:hover .pp-accordion-button-label .hk-item-num,
.hk-pricing-accordion .pp-accordion-item-active .pp-accordion-button-label .hk-item-num {
color: var(--turquoise);
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-description {
margin-left: 1em;
padding-left: 3%;
font-size: 20px;
font-family: var(--button-extras-font);
font-weight: 300;
line-height: 1.4;
text-transform: none;
letter-spacing: 0;
color: var(--teal);
border-left: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon {
flex: inherit;
aspect-ratio: unset;
background-color: var(--cream);
color: var(--turquoise);
justify-content: center;
align-items: center;
border-radius: 4px;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button:hover .pp-accordion-button-icon {
background-color: var(--cream-darker);
color: var(--teal);
}
.hk-pricing-accordion .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon {
color: var(--turquoise);
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open,
.hk-pricing-accordion .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon.pp-accordion-close {
display: flex;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open {
width: auto;
padding: 1em 1.5em;
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before {
content: "Learn more";
font-family: var(--button-extras-font);
font-size: 14px;
font-weight: 600;
line-height: 1;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close {
flex: inherit;
width: 2.8em;
height: auto;
aspect-ratio: 1/1;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before {
content: "X";
font-family: sans-serif;
font-size: 1.1em;
font-weight: 400;
}
/* ACCORDION CONTENT */
.hk-pricing-accordion .pp-accordion-item .pp-accordion-content {
position: relative;
padding-top: 20px;
padding-right: 15vw;
}
.hk-pricing-accordion .pp-accordion-content::before {
content: "";
position: absolute;
top: 0;
display: block;
width: calc(100% - 80px);
border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content hr {
margin-bottom: 1.5em;
background: none;
border: none;
border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content .hk-item-price-container {
display: block;
margin-top: 2.5em;
padding-top: 1.5em;
border-top: 2px solid var(--border-color);
}
.hk-pricing-accordion .pp-accordion-content .hk-item-price {
margin: 0 .15em;
font-size: 180%;
color: var(--turquoise);
}
/* --- RESPONSIVE --- */
@media (max-width: 1080px) {
.hk-pricing-accordion .pp-accordion-item {
margin-bottom: 30px;
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-description {
font-size: 18px;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open {
padding: .75em 1.2em;
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before {
font-size: 13px;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close {
width: 2.4em;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before {
font-size: 1em;
}
}
@media (max-width: 810px) {
.hk-pricing-accordion .pp-accordion-item {
border-radius: 10px;
margin-bottom: 20px;
}
.hk-pricing-accordion .pp-accordion-button-label .hk-item-description {
margin-left: .75em;
font-size: 16px;
}
.hk-pricing-accordion .pp-accordion-button {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-open {
padding: .5em 1em;
}
.hk-pricing-accordion .pp-accordion-item:not(.pp-accordion-item-active) .pp-accordion-button-icon.pp-accordion-open::before {
font-size: 11px;
white-space: wrap;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close {
width: 2em;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-button-icon.pp-accordion-close::before {
font-size: .9em;
}
.hk-pricing-accordion .pp-accordion-item.pp-accordion-item-active .pp-accordion-button-icon.pp-accordion-close {
display: none;
}
.hk-pricing-accordion .pp-accordion-item .pp-accordion-content {
padding-right: 20px;
}
}
/*/////////////////////////////////////////////////////
7. ABOUT US
/////////////////////////////////////////////////////*/
/* ---------------------- */
/* OUR TEAM */
/* ---------------------- */
/* ON PAGE */
.ph-team-member:not(.modal) {
height: 100%;
}
#content .ph-team-members-grid .pp-content-post {
padding: 25px;
}
/* #content .ph-team-members-grid .pp-content-post:hover {
background-color: var(--sand-light);
} */
.ph-team-member:not(.modal),
.ph-team-member:not(.modal) > .fl-col-content,
.ph-team-member:not(.modal) > .fl-col-content > .fl-module-html,
.ph-team-member:not(.modal) > .fl-col-content > .fl-module-html > .fl-module-content,
.ph-team-members-grid .pp-content-post,
.ph-team-members-grid .ph-details,
.ph-team-members-grid .ph-wrapper {
display: flex;
flex-direction: column;
justify-content: stretch;
flex: 1 0 auto;
}
#content .ph-team-members-grid .ph-photo {
border: 10px solid var(--sand);
}
#content .ph-team-member .fl-photo a,
#content .ph-team-members-grid .ph-photo a,
[class*="ph-team-member"].ph-modal img {
display: block;
overflow: hidden;
border-radius: 10px;
}
#content .ph-team-member .fl-photo a img,
#content .ph-team-members-grid .ph-photo a img {
display: block;
transition: all .5s ease-out;
}
.ph-team-member .fl-photo a:hover img,
.ph-team-members-grid .ph-photo a:hover img {
transform: scale(1.05);
}
.ph-team-member .ph-details,
.ph-team-members-grid .ph-details {
padding-top: 20px;
text-align: center;
}
[class*="ph-team-member"] .ph-name {
margin-bottom: .2em;
font-family: "Roca One", Garamond, serif, system-ui;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
[class*="ph-team-member"] .ph-name a {
text-decoration: none !important;
color: var(--teal);
}
[class*="ph-team-member"] .ph-name a:hover {
color: var(--turquoise);
}
[class*="ph-team-member"] .ph-info {
margin-bottom: 1em;
font-weight: 300;
}
[class*="ph-team-member"] .ph-more {
margin: auto 0 0;
}
[class*="ph-team-member"] .ph-info,
[class*="ph-team-member"] .ph-more {
font-size: 15px;
line-height: 1.4em;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.ph-team-member .ph-halo-bg,
.ph-team-members-grid {
display: flex;
justify-content: center;
}
.ph-team-member .ph-halo-bg .fl-module-content,
.ph-team-members-grid .fl-module-content {
flex-basis: 768px;
}
#content .ph-team-members-grid .pp-content-post {
padding: 20px;
}
#content .ph-team-members-grid .ph-photo {
border-width: 8px;
}
[class*="ph-team-member"] .ph-name {
font-size: 22px;
}
[class*="ph-team-member"] .ph-info,
[class*="ph-team-member"] .ph-more {
font-size: 14px;
}
}
@media (max-width: 768px) {
.ph-team-member .ph-halo-bg .fl-module-content,
.ph-team-members-grid .fl-module-content {
flex-basis: 480px;
}
#content .ph-team-members-grid .pp-content-post {
padding: 15px;
}
#content .ph-team-members-grid .ph-photo {
border-width: 6px;
}
[class*="ph-team-member"] .ph-name {
font-size: 20px;
}
[class*="ph-team-member"] .ph-info,
[class*="ph-team-member"] .ph-more {
font-size: 13px;
}
}
/* MODAL */
[class*="ph-team-member"].ph-modal {
display: none;
background-color: var(--cream);
}
[class*="ph-team-member"].ph-modal a.close-modal {
background: unset;
}
.modal.ph-team-member .ph-wrapper {
display: flex;
column-gap: 60px;
}
.modal.ph-team-member .ph-bio {
margin-top: 1em;
}
.modal.ph-team-member .fl-photo-img,
.modal.ph-team-member .pp-post-img {
flex-shrink: 0;
width: 330px;
max-height: 330px;
aspect-ratio: 1/1;
object-fit: cover;
object-position: 50% top;
}
.modal.ph-team-member .ph-name {
font-family: "Roca One", Garamond, serif, system-ui;
font-size: 40px;
}
.modal.ph-team-member .ph-info {
margin-bottom: 2em;
font-size: 20px;
}
/* --- RESPONSIVE --- */
@media (max-width: 1024px) {
.modal.ph-team-member .ph-wrapper {
column-gap: 50px;
}
.modal.ph-team-member .fl-photo-img,
.modal.ph-team-member .pp-post-img {
width: 300px;
}
.modal.ph-team-member .ph-name {
font-size: 34px;
}
.modal.ph-team-member .ph-info {
font-size: 18px;
}
}
@media (max-width: 768px) {
.modal.ph-team-member .ph-wrapper {
flex-direction: column;
row-gap: 30px;
}
.modal.ph-team-member .fl-photo-img,
.modal.ph-team-member .pp-post-img {
width: 260px;
max-height: 260px;
}
.modal.ph-team-member .ph-name {
font-size: 28px;
}
.modal.ph-team-member .ph-info {
font-size: 16px;
}
}
/*/////////////////////////////////////////////////////
8. SEARCH RESULTS
/////////////////////////////////////////////////////*/
.search-results [data-node] .pp-content-post .pp-post-image {
width: 20%;
}
.search-results [data-node] .pp-content-post .pp-content-body {
width: 80%;
}
.relevanssi-query-term {
position: relative;
z-index: 0;
padding-bottom: .25em;
}
.relevanssi-query-term::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
right:0;
bottom: 0;
left: 0;
border-bottom: 2px solid var(--green);
}
/* --- RESPONSIVE --- */
@media (max-width: 768px) {
.search-results .rs-posts.rs-grid .pp-content-post {
margin-bottom: 0;
}
.search-results [data-node] .pp-content-post .pp-post-image {
max-width: 160px;
width: auto;
}
.search-results [data-node] .pp-content-post .pp-content-body {
width: 100%;
padding-left: 0;
}
}
/*/////////////////////////////////////////////////////
9. MISC
/////////////////////////////////////////////////////*/
.fl-builder-block-thumbnail {
display: none;
}
/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*/////////////////////////////////////////////////////
10. STYLES TEMPLATE
/////////////////////////////////////////////////////*/
[class*="av-demo-font-"] {
font-size: 24px;
}
[class*="av-demo-font-"] h2,
[class*="av-demo-font-"] h3 {
margin-bottom: .75em;
}
.av-demo-font-1,
.av-demo-font-1 h2,
.av-demo-font-1 h3 {
font-family: "Roca One", Garamond, serif, system-ui";
}
.av-demo-font-2,
.av-demo-font-2 h2,
.av-demo-font-2 h3 {
font-family: "Spline Sans", Arial, sans-serif, system-ui;
font-weight: 400;
}