/*
 Theme Name:   InvoCare Knowledge-base
 Theme URI:    https://invocare.weave.digital
 Description:  Theme for InvoCare Knowledge-base
 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

*/

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