/*
 Theme Name:   Value Cremations
 Theme URI:    https://valuecremations.co.nz
 Description:  Theme for Value Cremations
 Author:       Weave Digital Studio
 Author URI:   https://weave.co.nz
 Template:     page-builder-framework
 Version:      0.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*

CONTENTS: (Update for site)
1. Globals
	1.1 Theme Colour Variables
	1.2 Fonts
	1.3 Layouts
	1.4 Headings
	1.5 Text
	1.6 Lists
	1.7 Blockquote
	1.8 Links & Buttons
	1.8 Icons
	1.9 Misc
2. Header
	2.1 Global
	2.2 Menu
	2.3 Mobile Menu
	2.4 Footer Menu
3. Footer
	3.1 Infos
4. Modules
	4.1 Gravity Forms
5. Home
	5.1 Section
6. Search Results
7. Misc
8. Styles Template

*/


/*/////////////////////////////////////////////////////*/
/* GLOBAL */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* THEME COLOUR VARIABLES */
/* ---------------------- */

:root {
	--error: #ff4e7a;
}

/* ---------------------- */
/* FONTS */
/* ---------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/

/* @font-face {
  font-family: "ProximaNova-Regular";
  src: url('fonts/proximanova-regular-webfont.woff2') format('woff2'), url('fonts/proximanova-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova-Bold";
  src: url('fonts/proximanova-bold-webfont.woff2') format('woff2'), url('fonts/proximanova-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
} */

/* ---------------------- */
/* LAYOUTS */
/* ---------------------- */


/* ---------------------- */
/* HEADINGS */
/* ---------------------- */

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;
}

/* ---------------------- */
/* TEXT */
/* ---------------------- */

.starter-no-margin-b p, 
p.starter-no-margin-b {
	margin-bottom: 0;
}

/* ---------------------- */
/* LISTS */
/* ---------------------- */

#content .fl-builder-content li {
	margin-bottom: .75em;
}

/* ---------------------- */
/* BLOCKQUOTE */
/* ---------------------- */

blockquote {
	margin: 4em 0;
	padding: 20px 30px;
	font-style: normal;
	font-weight: 300;
	color: inherit;
	border-left: 2px solid #e7e7e7;
}
blockquote p {
	margin-bottom: 0;
	font-size: 24px;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
	blockquote {
		padding: 20px;
	}
	blockquote p {
		font-size: 20px;
	}
}

/* ---------------------- */
/* LINKS & BUTTONS */
/* ---------------------- */

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.wpbf-button, 
a.wpbf-button, 
button.facetwp-load-more {
	transition: all 0.15s ease-out;
}
button.wpbf-button, 
a.wpbf-button, 
button.facetwp-load-more {
	padding: 15px 45px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}
.fl-builder-content .fl-button i {
	font-size: 1.1em;
}

*:focus {
	outline: none;
}
*:focus-visible {
	outline: 1px dotted rgba(0,0,0,.6);
}
.starter-no-link {
	pointer-events: none;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	button.wpbf-button, 
	a.wpbf-button, 
	button.facetwp-load-more {
		padding: 13px 35px;
		font-size: 15px;
	}
}
@media (max-width: 810px) {
	button.wpbf-button, 
	a.wpbf-button, 
	button.facetwp-load-more {
		padding: 11px 25px;
		font-size: 14px;
	}
}

/* ---------------------- */
/* ICONS */
/* ---------------------- */


/* ---------------------- */
/* MISC */
/* ---------------------- */

hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid #e7e7e7;
}


/*/////////////////////////////////////////////////////*/
/* HEADER */
/*/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////*/
/* FOOTER */
/*/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////*/
/* MODULES */
/*/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////*/
/* HOME */
/*/////////////////////////////////////////////////////*/


/*///////////////////////////////*/
/* 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: 810px) {
	.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;
	}
}


/*/////////////////////////////////////////////////////*/
/* 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%; }


/*/////////////////////////////////////////////////////*/
/* 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: "proxima-nova"; 
}
.av-demo-font-2, 
.av-demo-font-2 h2, 
.av-demo-font-2 h3 {
	font-family: "proxima-nova"; 
	font-weight: 700;
}

/*INV Feedback Grid*/
.parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.child {
  padding: 10px;
}

.number {
  font-size: 36px;
  font-family: ;
}

.parent .child .feature {
	
}

/*Responsive*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .parent {
	grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .parent {
	grid-template-columns: repeat(1, 1fr);
  }
}

/*TP Floater*/
#trp-floater-ls {
	display: none;
}

.menu > .trp-language-switcher-container {
	padding-top: 2em;
}

.menu > .trp-language-switcher-container ~ .trp-language-switcher-container {
	padding-top: unset;
}

@media(min-width: 1024px) {
	#trp-floater-ls {
		display: block;
		right: 20px !important;
		left: unset;
		box-shadow: none;
		
	}
	
	body.admin-bar #trp-floater-ls.trp-top-right {
		top: 55px;
	}
	
	#trp-floater-ls.trp-top-right {
		top: 20px;
		border-radius: unset;
		right: 20px;
	}

	.trp-color-dark #trp-floater-ls-current-language a, .trp-color-dark #trp-floater-ls-language-list a {
		color: #111111;
		font-size: 65%;
	}

	#trp-floater-ls.trp-color-dark {
		background: none;
	}

	#trp-floater-ls #trp-floater-ls-language-list {
		background: #2f2f2f;
	}

	.trp-color-dark #trp-floater-ls-language-list a,
	#trp-floater-ls-language-list a:hover {
		color: #fff;
	}
	
	#trp-floater-ls-language-list a:hover {
		background: #000;
	}

	#trp-floater-ls .trp-with-flags .trp-flag-image { 
		width: 28px;
		margin-right: 10px;
	}
}

/* drafts */
.gpasc-drafts {
  border: 1px solid;
  padding: 20px;
  font-size: 0.8em;
  margin-bottom: 20px;
}

.gpasc-draft-link-content a {
  text-decoration: underline;
}

button.gpasc-new-draft-button {
  padding: 5px 12px;
  border: 1px solid;
  border-radius: 50px;
  background: #fadedb;
}
.gpasc-drafts h4 {
  font-size: 1.2em;
}

.partial_entry_warning {
  display: none;
}

#gpasc-auto-load-notice {
  font-size: 0.8em;
  padding-top: 10px;
}

button.tingle-btn--primary {
  background-color: #fadedb !important;
  border-radius: 50px !important;
  color: #000 !important;
  padding: 10px 30px !important;
  border: 1px solid !important;
}

button.tingle-btn--default {
  background-color: #444444 !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
}