/*
Custom CSS for The Value Project pages
*/

/*/////////////////////////////////////////////////////*/
/* THE VALUE PROJECT SITE */
/*/////////////////////////////////////////////////////*/

/* 

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 Images
	1.9 Misc
2. Header
	2.1 Global
	2.2 Menu
3. Modules
	3.1 PP Info Box
	3.2 Posts Grid/Carousel
	3.3 Gravity Forms
	3.4 File Download
4. Home
	4.1 Hero Section
	4.2 Latest Blog Post
5. Blog
6. Search Results
7. Misc
8. Styles Template

*/

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

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

:root {
	/* --tvp-green-extra-dark: #1f383e;
	--tvp-green-dark: #1f383e; */

	--BostonBlue: #40a0b0;
	--BlueDianne-BodyCopy: #1e434b;
	--Casal: #29606b;
	--TePapaGreen: #20383f;
	--Java-highlighthover: #29c0b4;
	--SwansDown: #e1f0ec;

	--tvp-green-dark: #29606b;
	--tvp-gray: #989d9f;
	--tvp-gray-light: #c7c6c6;

	--error: #ff4e7a;
}

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

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


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

/* OVERLAP COLUMN */
/* 
Apply one of these class to a row with 2 columnsn, depending on the overlapped col position: 
	tvp-overlap-col-right
	tvp-overlap-col-left
*/

body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
	margin-right: -100px;
}
body:not(.fl-builder-edit) .tvp-overlap-col-left > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:last-child {
	margin-left: -100px;
}
body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:last-child, 
body:not(.fl-builder-edit) .tvp-overlap-col-left > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
	z-index: 1;
}
body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group-equal-height.fl-col-group-align-center > .fl-col:last-child .fl-module, 
body:not(.fl-builder-edit) .tvp-overlap-col-left > .fl-row-content-wrap > .fl-row-content > .fl-col-group-equal-height.fl-col-group-align-center > .fl-col:first-child .fl-module {
	max-width: 800px !important;
}

/* --- RESPONSIVE --- */

@media (min-width: 1081px) {

	/* This is for a nested 2 cols Flexbox layout */

	body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group-equal-height.fl-col-group-align-center > .fl-col:last-child .tvp-2-col .fl-module {
		max-width: 400px !important;
	}

}
@media (max-width: 1080px) {
	body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
		margin-right: -50px;
	}
	body:not(.fl-builder-edit) .tvp-overlap-col-left > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:last-child {
		margin-left: -50px;
	}
}
@media (max-width: 810px) {
	body:not(.fl-builder-edit) .tvp-overlap-col-right > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
		margin-right: unset;
	}
	body:not(.fl-builder-edit) .tvp-overlap-col-left > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:last-child {
		margin-left: unset;
	}
}

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

/* .tvp-page p+:is(h1,h2,h3,h4,h5,h6), 
.tvp-page ul+:is(h1,h2,h3,h4,h5,h6) {
	margin-top: 1em;
} */

.tvp-sup-heading-nega p, 
.tvp-sup-heading-posi p {
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: white;
}
.tvp-sup-heading-nega p {
	padding: 0.7em 1.5em;
	background-color: var(--Casal);
}

.tvp-heading-with-background .fl-heading-text {
	display: inline-block;
	padding: 40px 100px;
	background: var(--SwansDown);
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.tvp-sup-heading-nega p, 
	.tvp-sup-heading-posi p {
		font-size: 15px;
	}
	.tvp-heading-with-background .fl-heading-text {
		padding: 30px 70px;
	}
}
@media (max-width: 810px) {
	.tvp-sup-heading-nega p, 
	.tvp-sup-heading-posi p {
		font-size: 12px;
	}
	.tvp-sup-heading-nega p {
		padding: 0.5em 1.2em;
	}
	.tvp-heading-with-background .fl-heading-text {
		padding: 20px 50px;
	}
}


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

.tvp-no-margin-b p, 
p.tvp-no-margin-b {
	margin-bottom: 0;
}
.tvp-page code {
	color: var(--gray-extra-light);
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	body.tvp-page p {
		font-size: 17px;
	}
}
@media (max-width: 810px) {
	body.tvp-page p {
		font-size: 16px;
	}
}

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

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


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

.tvp-page blockquote {
	margin: 2em 0 !important;
	padding: 20px 20px 20px 50px !important;
	border: none;
	border-left: 2px solid var(--Java-highlighthover) !important;
}
.tvp-page blockquote,
.tvp-page blockquote p,
.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote, 
.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote * {
	font-family: 'plume';
	font-size: 26px;
	line-height: 1.4em;
	font-style: italic;
	color: var(--Java-highlighthover);
}
.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote, 
.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote * {
	font-size: 24px;
}

.tvp-page blockquote p {
	padding: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.tvp-page blockquote {
		padding: 15px 20px 15px 40px !important;
	}
	.tvp-page blockquote,
	.tvp-page blockquote p,
	.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote, 
	.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote * {
			font-size: 22px;
	}
	.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote, 
	.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote * {
		font-size: 20px;
	}
}
@media (max-width: 810px) {
	.tvp-page blockquote {
		margin: 1.5em 0 !important;
		padding: 10px 20px 10px 30px !important;
	}
	.tvp-page blockquote,
	.tvp-page blockquote p,
	.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote, 
	.tvp-page .fl-builder-content [data-node] .fl-rich-text blockquote * {
			font-size: 18px;
	}
	.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote, 
	.tvp-page .fl-builder-content .tvp-sidebar [data-node] .fl-rich-text blockquote * {
		font-size: 16px;
	}
}

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

.tvp-page .fl-module-content a, 
.tvp-page .fl-module-content .menu a,
.tvp-page .fl-module-content a:hover, 
.tvp-page .fl-module-content a:focus {
	text-decoration: none;
}
.tvp-page a:not([href]):hover {
	cursor: default;	
}
.tvp-page #content a, 
/* .tvp-page #content a *, */
.tvp-page .fl-builder-content a, 
/* .tvp-page .fl-builder-content a *,  */
.tvp-page #content .fl-button, 
/* .tvp-page #content .fl-button *, */
.tvp-page button.facetwp-load-more {
	transition: all 0.15s ease-out;
}
/*
.tvp-page .fl-builder-content .fl-button i {
	font-size: 1.1em;
}
.tvp-page *:focus {
	outline: none;
}
.tvp-page *:focus-visible {
	outline: 1px dotted rgba(0,0,0,.6);
}
*/
 .tvp-no-link {
	pointer-events: none;
}


/* ---------------------- */
/* IMAGES */
/* ---------------------- */

.tvp-page .wp-block-image {
	margin: 2em 0;
}

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

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


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

/* ---------------------- */
/* GLOBAL */
/* ---------------------- */

.tvp-page header .menu-item a::after {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 110px;
	height: 2px;
	background-color: var(--BostonBlue);
}

/* ---------------------- */
/* MENU */
/* ---------------------- */

.tvp-page header [data-node] .pp-advanced-menu .menu > li:first-child {
	margin-left: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1280px) {
	.tvp-page header [data-node] .pp-advanced-menu .menu > li {
		margin-left: 30px;
	}
}


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

/* ---------------------- */
/* PP INFO BOX */
/* ---------------------- */

/* --- RESPONSIVE --- */

@media (max-width: 767px) {
	.tvp-page .pp-infobox-wrap .layout-3-wrapper {
		flex-direction: row;
	}
	.tvp-page .pp-infobox-wrap .layout-3 .pp-icon-wrapper {
		margin-right: 20px !important;
	}
}

/* ---------------------- */
/* POSTS GRID/CAROUSEL */
/* ---------------------- */

.tvp-posts.tvp-carousel .pp-content-post, 
.tvp-posts.tvp-carousel .tvp-post-text {
	display: flex;
	flex-direction: column;
	/* transition: all 0.15s ease-out; */
}
/* .tvp-posts.tvp-carousel .pp-content-post:hover {
	box-shadow: 0 10px 60px rgba(0,0,0,1);
} */
.tvp-posts.tvp-carousel .tvp-post-text {
	position: relative;
	height: 100%;
}
.tvp-posts.tvp-carousel .pp-content-post-carousel .owl-theme .owl-dots {
	margin-top: 30px;
}
.tvp-posts.tvp-carousel .pp-content-post-carousel .owl-theme .owl-dots .owl-dot span {
	width: 80px;
	height: 4px;
	margin: 5px 4px;
	border-radius: 0;
}

.tvp-posts.tvp-carousel .tvp-post-image, 
.tvp-posts.tvp-carousel .tvp-post-image a, 
.tvp-posts.tvp-carousel .tvp-post-image > img, 
.tvp-posts.tvp-carousel .tvp-post-image a > img {
	width: 100%;
	height: clamp(200px, 15vw, 280px);
}
.tvp-posts.tvp-carousel .tvp-post-image a {
	display: block;
	overflow: hidden;
}
.tvp-posts.tvp-carousel .tvp-post-image > img, 
.tvp-posts.tvp-carousel .tvp-post-image a > img {
	display: block;
	object-fit: cover;
	transition: all .3s ease-out;
}
.tvp-posts.tvp-carousel .tvp-post-image a:hover img {
	transform: scale(1.05);
}

.tvp-posts.tvp-carousel .tvp-post-meta {
	width: fit-content;
	margin: 0 auto 15px;
	padding: 7px 15px;
	background-color: var(--tvp-green-dark);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: white;
	border-radius: 5px;
	transform: translateY(-50%);
}
.tvp-posts.tvp-carousel .tvp-post-title a {
	font-size: 24px;
	font-weight: 900;
	color: var(--Java-highlighthover);
}
.tvp-posts.tvp-carousel .tvp-post-title a:hover {
	color: var(--tvp-green-dark);
}
.tvp-posts.tvp-carousel .tvp-post-excerpt {
	text-align: left;
}
.tvp-posts.tvp-carousel .tvp-more-link {
	margin-top: auto;
}
.tvp-posts.tvp-carousel .tvp-more-link a {
	margin-top: 15px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.tvp-posts.tvp-carousel .tvp-more-link a::after {
	content: "\f061";
	margin-left: .75em;
	font-size: 13px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.tvp-posts.tvp-carousel .tvp-post-title a {
		font-size: 22px;
	}
	.tvp-posts.tvp-carousel .tvp-more-link a {
		font-size: 13px;
	}
}
@media (max-width: 810px) {
	.tvp-posts.tvp-carousel .tvp-post-image, 
	.tvp-posts.tvp-carousel .tvp-post-image a, 
	.tvp-posts.tvp-carousel .tvp-post-image > img, 
	.tvp-posts.tvp-carousel .tvp-post-image a > img {
		height: clamp(120px, 50vw, 200px);
	}	
	.tvp-posts.tvp-carousel .tvp-post-title a {
		font-size: 20px;
	}
	.tvp-posts.tvp-carousel .tvp-post-meta {
		margin-bottom: 7px;
		padding: 5px 12px;
	}
}

/* ---------------------- */
/* GRAVITY FORMS */
/* ---------------------- */

/* JOIN NEWSLETTER */

.tvp-join-newsletter button {
	width: 100%;
	height: 100% !important;
	padding: 12px !important;
	color: white;
	border: none;
	border-radius: 2px;
	transition: all .1s ease-out;
}
.tvp-join-newsletter button:hover {
	background-color: var(--BlueDianne-BodyCopy);
	border: none;
}

/* --- RESPONSIVE --- */

@media (max-width: 640px) {
	.tvp-join-newsletter button {
		padding: 17px 40px !important;
	}
}

/* ---------------------- */
/* FILE DOWNLOAD */
/* ---------------------- */

/* add by Gareth for testing - Downloads */
/* .fl-module-pp-file-download .pp-button-icon.pp-button-icon-before::before {
  color: #29c0b4;
}
.fl-module-pp-file-download .pp-button-icon.pp-button-icon-before {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 1px solid #29c0b4;
  padding: 10px;
} */

.tvp-file-download .pp-button {
	display: flex;
}
.tvp-file-download .pp-button .pp-button-icon {
	padding-top: .3em;
}
.tvp-file-download .pp-button-icon.pp-button-icon-before::before {
	color: #29c0b4;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.tvp-file-download .pp-button-wrap a.pp-button {
		font-size: 17px;
	}
}
@media (max-width: 810px) {
	.tvp-file-download .pp-button-wrap a.pp-button {
		font-size: 16px;
	}
	.tvp-file-download .pp-button .pp-button-icon {
		padding-top: 0;
	}
}


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

/* ---------------------- */
/* HERO SECTION */
/* ---------------------- */

.tvp-page .tvp-hero .fl-row-content-wrap, 
.tvp-page .tvp-hero .fl-row-content, 
.tvp-page .tvp-hero .fl-col-group, 
.tvp-page .tvp-hero .fl-col, 
.tvp-page .tvp-hero .fl-col-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 0 auto;
	/* outline: 1px solid red; */
}
.tvp-page .tvp-logo {
	margin-bottom: auto;
}

/* ---------------------- */
/* LATEST BLOG POST */
/* ---------------------- */

.tvp-page .tvp-latest-post .cat-list {
	float: none;
}
.tvp-page .tvp-latest-post .tvp-post-date, 
.tvp-page .tvp-latest-post .tvp-quote-name {
	font-size: 16px;
	font-weight: 700;
}
.tvp-page .tvp-latest-post .tvp-post-date {
	margin-bottom: 30px;
	color: var(--tvp-gray);	
}
.tvp-page .tvp-latest-post .tvp-sidebar blockquote {
	margin-bottom: 1em !important;
	padding: 0 0 0 20px !important;
}
.tvp-page .tvp-latest-post .tvp-quote-name {
	padding-left: 20px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--Java-highlighthover);	
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.tvp-page .tvp-latest-post .tvp-post-date, 
	.tvp-page .tvp-latest-post .tvp-quote-name {
		font-size: 15px;
	}
}
@media (max-width: 810px) {
	.tvp-page .tvp-latest-post .tvp-post-date, 
	.tvp-page .tvp-latest-post .tvp-quote-name {
		font-size: 14px;
	}
}


/*///////////////////////////////*/
/* BLOG */
/*///////////////////////////////*/

/* Blog Archive Page sidebar */

.cat-list {
	font-size: 12px !important;
	color: white;
}
/* Value Project */ /* UPDATE TERM ID AFTER MIGRATION TO OWL */
.cat-list.post-cat-1,
.single-post-cat .post-cat-1 {
	background-color: var(--tvp-green-dark);
}

/* Recent Posts sidebar */

.fl-post-feed-cat.post-cat-1 a {color:var(--tvp-green-dark); } /* UPDATE TERM ID AFTER MIGRATION TO OWL */

/* --- RESPONSIVE --- */

@media screen and (max-width: 992px) {
	html .cat-list {
		margin-left: 0;
		margin-right: 20px;
	}
}
@media screen and (max-width: 810px) {
	.tvp-page .fl-post-feed-post.fl-post-feed-image-beside {
		margin-left: 20px;
		margin-right: 20px;
	}
	.tvp-page .fl-post-feed-image-beside .fl-post-feed-image {
		width: 33% !important;
		margin-right: 15px;
	}
}
@media screen and (max-width: 768px) {
	.cat-list {
		padding: 5px 12px !important;
	}
}

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