/*
 Theme Name:   Weave Funeral Notice Demo
 Theme URI:    
 Description:  Theme for Weave Funeral Notice Demo
 Author:       Weave Digital Studio
 Author URI:   https://weave.co.nz
 Template:     page-builder-framework
 Version:      1.0.0
*/

/*

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. Components
	4.1 Gravity Forms
5. Home
	5.1 Section
6. Search Results
7. Misc
8. Styles Template

*/


/*///////////////////////////////*/
/* TO REMOVE */
/*///////////////////////////////*/

/*testing themer pro width*/
#themer-pro-fe-dev-tools {
    width: 1100px;
}

/* Hide Alpha/beta button */
.fl-builder-feedback-button.fl-builder-button {
    display: none;
}


/*/////////////////////////////////////////////////////*/
/* 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
*/


/* ---------------------- */
/* 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;
	background-color: transparent;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.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: 13px;
	}
}
@media (max-width: 810px) {
	button.wpbf-button, 
	a.wpbf-button, 
	button.facetwp-load-more {
		padding: 11px 25px;
		font-size: 12px;
	}
}

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


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

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


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


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


/*/////////////////////////////////////////////////////*/
/* COMPONENTS */
/*/////////////////////////////////////////////////////*/


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