/*
	style.css is empty
	style2.css has the goods
*/

/*====================
fonts
====================*/
/*--------------------
Farro
--------------------*/
.farro-regular
{
	font-family: "Farro Regular", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.farro-medium
{
	font-family: "Farro Medium", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.farro-bold
{
	font-family: "Farro Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*--------------------
Lato
--------------------*/
.lato-regular
{
	font-family: "Lato Regular", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lato-bold
{
	font-family: "Lato Bold", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.lato-black
{
	font-family: "Lato Black", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.lato-regular-italic
{
	font-family: "Lato Regular Italic", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.lato-bold-italic
{
	font-family: "Lato Bold Italic", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.lato-black-italic
{
	font-family: "Lato Black Italic", sans-serif;
	font-weight: 900;
	font-style: italic;
}


/*====================
home page (2025-09-29)
====================*/
html
{
	font-size: 100%;
}
html body.page_home-new,
body.page_home-new
{
	font-size: 100%;
	Xbackground-color: #90E4C1;	/* teal lightness 80 */
	background-color: #a7e1c8;	/* teal lightness 85 */
	
}
html body.page_home-new
{
	font-family: "Lato Regular",	Helvetica, Arial, sans-serif;
}

html body.page_home-new h1,
body.page_home-new h1,
body.page_home-new h2,
body.page_home-new h3,
body.page_home-new h4,
body.page_home-new h5,
body.page_home-new h6
{
	margin-top: 1rem;
	margin-bottom: 0.25rem;
	Xfont-family: "Farro Medium", Helvetica, Arial, sans-serif;
	font-family: "Farro", serif; /* Helvetica, Arial, sans-serif; */
	font-weight: 500;
}
body.page_home-new .site-logo img
{
	display: block;
}

/* suppress page title on home page */
body.home .entry-header,
body.page_home-new .entry-header,
body.home h1.wp-block-post-title
{
	display: none;
}
/* override annoying little line above headlines */
html body .entry .site-title::before,
html body .entry .entry-title::before,
html body h1.contact_head::before,
html body h2::before
{
	background: none;
	content: "";
	display: none;
	height: 0;
	margin: 0;
	width: 0;
}
html body .entry .entry-content .subtitle
{
	max-width: 100%;
}
@media only screen and (min-width: 1168px)
{
	body.page_home-new .entry .entry-content > *,
	body.page_home-new .entry .entry-summary > *,
	body.page_home-new .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
	body.page_home-new .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *
	{
		max-width: 100%; /* calc(6 * (100vw / 12) - 28px); */
	}
}

body.page_home-new .page_headline_block,
body.page_home-new .home_boxes
{
	margin-top: 0;

	display: grid;
	grid-template-columns: auto;
	gap: 2rem;
	justify-content: center;
	justify-items: center;
}
body.page_home-new .entry .entry-content .page_headline_block
{
	margin-top: 2rem;
	margin-bottom: 0;
	Xbox-sizing: border-box;
	background: linear-gradient(transparent, 20%, rgba(255, 255, 255, .6), 85%, transparent);
	color: #034163;	/* logo blue */
}
body.page_home-new .page_headline_block h2
{
	margin-bottom: 0;
	font-size: 1.75rem;
}
body.page_home-new .page_headline_block h3
{
	font-size: 1.4rem;
}
body.page_home-new .entry-content .box_2col,
body.page_home-new .entry-content .box_1col
{
	max-width: 80vw;
	width: 80vw;

	display: grid;
	justify-content: center;
	justify-content: stretch;
}
body.page_home-new .entry-content .box_2col
{
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-template-rows: auto;
	gap: 2rem;
}
body.page_home-new .entry-content .box_1col
{
	grid-template-columns: auto;
	justify-content: start; 
	justify-content: stretch;
}
body.page_home-new .home_box_chal_sol h2,
.home_box_chal_sol .box
{
	font-size: 1.2rem;
	padding: .5rem 1rem.25rem 1rem;
	border-width: 0; x:1.5px 1.5px;
	border-style: solid;
}
body.page_home-new .home_box_chal_sol h2
{
	margin-bottom: 0;
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-radius: .3rem .3rem 0 0;
	border-radius: .25rem 1.2rem 0 0;
	border-color: transparent;
	text-align: center;

	/*
	Xbackground-color: rgba(255, 255, 255, .8);
	background: linear-gradient(white, 60%, rgba(255, 255, 255, .7));
	background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .7));
	*/
	Xbackground: linear-gradient( rgba(3, 65, 99, 1), 85%, rgba(255, 255, 255, .7));
	/* logo blue = #034163 = rgba(3, 65, 99, 1) */
	Xcolor: rgba(255, 255, 255, .75);
	background: linear-gradient( rgba(0, 222, 177, 1), 85%, rgba(255, 255, 255, .7));
	Xcolor: rgba(0, 138, 111, 1);
	color: #005342; /* (0,83,66) */

	/* green 00a538 = rgba rgba(0, 165, 56, 1) */

}
body.page_home-new .home_box_chal_sol h3
{
	margin-top: .25rem;
	font-size: 1.5rem;
}
.home_box_chal_sol .box
{
	border-radius: 0 0 .3rem .3rem;
	border-color: black;	/* darker blue */
	/*
	background-color: white;
	background-color: #d8d8d8;
	background-color: #dbdbdb;
	background-color: rgba(219, 219, 219, .6);
	*/
	xbackground-color: rgba(255, 255, 255, .7);
	background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .9));
}
.home_box_chal_sol .inner-box-solution h2
{
	background: linear-gradient( rgba(0, 165, 56, 1), 85%, rgba(255, 255, 255, .7));
	/* green 00a538 = rgba rgba(0, 165, 56, 1) */
}
.home_box_chal_sol .inner-box-solution h2
{
	background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .9));
	/* green F08B6A = */
}
.home_box_chal_sol .box p,
.home_box_chal_sol .box ul,
.home_box_chal_sol .box li
{
	line-height: 1.4;
	font-size: 1.1rem;
}
X.box-challenges
{
	border-color: #64b8c9;	/* darker blue */
	border-color: #7ed1e2;	/* darker blue */
	background-color: #9bedff;	/* light blue */
}
.box-challenges li
{
	margin-bottom: .5rem;
	padding-left: .5rem;
	list-style-type : none;
	
}
.box-challenges li:before
{
	content: "✔ ";	/* ✓ */
	xposition: relative;
	margin-left: -1.25rem;
}
X.box-solution
{
	border-color: #e29970;	/* darker orange */
	background-color: #ffb38a;	/* light orange */
}
.box-solution li
{
	line-height: 1.5;
	margin-bottom: 1rem;
}


body.page_home-new .site-branding-container
{
	display: grid;
	grid-template-columns: 1fr;
}
body.page_home-new .site-branding
{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	align-content: center;
}
body.page_home-new .site-branding .site-title a
{
	font-size: 1.5rem;
	color: #034163;	/* logo blue */
}
body.page_home-new .site-branding .site-title a:hover
{
	color: #81120c;	/* logo red */
}
body.page_home-new .site-header
{
	padding-top: 1rem;
	xbackground-color: tan;
	xbackground-color: rgba(255, 255, 255, .3);
	background: linear-gradient(white, transparent);
}
body.page_home-new
{
	xbackground-color: black;
	background-image: url("https://emberog.ca/wp-content/uploads/2025/09/Slocan-Lake-by-Tanya-Wright-2023-03-27-IMG_2253-2016x1512-1.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
}
body.page_home-new .entry-content
{
	margin: 0;
	width: 100vw;
}
@media only screen and (min-width: 768px)
{
	body.page_home-new .entry .entry-content,
	body.page_home-new .entry .entry-summary
	{
		max-width: 100vw;
		min-width: 100vw;
		width: 100vw;
		margin: 0;
		padding: 0;
	}

	X.entry .entry-content .page_headline_block
	{
		xwidth: 100%;
		xmargin: 0 10%;
		xpadding: 1rem calc(10% + 60px) 2rem;
	}
}
/*
.entry-content:before,
.entry-content:after
{
	content: "";
	display: inline;
	table-layout: none;
}
@media only screen and (min-width: 768px)
{
	.entry .entry-content,
	.entry .entry-summary
	{
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
}
*/
body.page_home-new .entry-content
{
	display: grid;
	
	grid-template-columns: 1fr;
	justify-content: stretch;
	grid-template-rows: auto;
	
	xpadding: 1rem calc(10% + 60px) 2rem;
}
body.page_home-new .entry-content > div
{
	width: 100%;

	display: grid;
	grid-template-columns: 1fr;
	justify-content: stretch;
}
/*
	Xgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	Xgrid-template-columns: 10% 1fr 10%;

	grid-template-rows: repeat(10, auto);

	Xgrid-template-areas:
		". content ."
		". content ."
		". content ."
		". content ."
		". content ."
	;
	*/
X.entry-content > div
{
	Xgrid-area: content;
/*
	display: grid;
	Xgrid-template-columns: calc(10% + 60px) 1fr calc(10% + 60px);
	grid-template-columns: 10% 1fr 10%;
*/
}




/*====================
home new2 (2025-10-19)
====================*/
html body.page_home-new2,
body.page_home-new2
{
	font-size: 100%;
	Xbackground-color: #90E4C1;	/* teal lightness 80 */
	background-color: #a7e1c8;	/* teal lightness 85 */
	
}
html body.page_home-new2
{
	font-family: "Lato Regular",	Helvetica, Arial, sans-serif;
}

html body.page_home-new2 h1,
body.page_home-new2 h1,
body.page_home-new2 h2,
body.page_home-new2 h3,
body.page_home-new2 h4,
body.page_home-new2 h5,
body.page_home-new2 h6
{
	margin-top: 1rem;
	margin-bottom: 0.25rem;
	font-family: "Farro", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

body.page_home-new2 .site-logo img
{
	display: block;
}

/* suppress page title on home page */
body.home .entry-header,
body.page_home-new2 .entry-header,
body.home h1.wp-block-post-title
{
	display: none;
}
@media only screen and (min-width: 1168px)
{
	body.page_home-new2 .entry .entry-content > *,
	body.page_home-new2 .entry .entry-summary > *,
	body.page_home-new2 .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
	body.page_home-new2 .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *
	{
		max-width: 100%; /* calc(6 * (100vw / 12) - 28px); */
	}
}

body.page_home-new2 .box-headline,
body.page_home-new2 .home_boxes
{
	margin-top: 0;

	display: grid;
	grid-template-columns: auto;
	column-gap: 2rem;
	row-gap: 0.75rem;
	justify-content: center;
	justify-items: center;
}
body.page_home-new2 .box-headline
{
	width: 100%;
	margin-top: 0;
	padding: 1.5rem 0;
	justify-content: center;
	justify-items: center;
}
body.page_home-new2 .entry .entry-content .box-headline
{
	margin-top: 0;
	margin-bottom: 0;
	Xbox-sizing: border-box;
	background: linear-gradient(transparent, 30%, rgba(255, 255, 255, .6), 85%, transparent);
	color: #034163;	/* logo blue */
}
body.page_home-new2 .box-headline h2,
body.page_home-new2 .box-headline h3
{
	width: 80vw;
	margin-top: .5rem;
}
body.page_home-new2 .box-headline h2
{
	margin-bottom: 0;
	font-size: 1.75rem;
}
body.page_home-new2 .box-headline h3
{
	font-size: 1.4rem;
	font-weight: 400;
}
body.page_home-new2 .entry-content .home_boxes
{
	Xbackground-color: yellow;

	max-width: 80vw;
	width: 80vw;

	display: grid;
	justify-content: center;
	justify-items: center;
	Xjustify-content: stretch;

	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	grid-template-rows: auto;
	colummn-gap: 2rem;
	row-gap: 1rem;

	grid-template-areas:
		"challenge solution"
		"how       solution"
		"who       contact"
	;
}
body.page_home-new2 .box-challenge { grid-area: challenge; }
body.page_home-new2 .box-solution { grid-area: solution; }
body.page_home-new2 .box-how { grid-area: how; }
body.page_home-new2 .box-contact { grid-area: contact; }
body.page_home-new2 .box-who { grid-area: who; }
/*
body.page_home-new2 .entry-content .box_1col
{
	grid-template-columns: auto;
	justify-content: start; 
	justify-content: stretch;
}
*/
body.page_home-new2 .home_boxes h2,
body.page_home-new2 .home_boxes .box-inner
{
	padding: .5rem 1rem.25rem 1rem;
	border-width: 0; x:1.5px 1.5px;
	border-style: solid;
	font-size: 1.2rem;
	font-weight: 500;
}
body.page_home-new2 .home_boxes h2
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-radius: .3rem .3rem 0 0;
	border-radius: .25rem 1.2rem 0 0;
	border-radius: 1.2rem 1.2rem 0 0;
	border-radius: 1.2rem .25rem 0 0;
	border-color: transparent;
	text-align: center;

	/*
	Xbackground-color: rgba(255, 255, 255, .8);
	background: linear-gradient(white, 60%, rgba(255, 255, 255, .7));
	background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .7));
	*/
	Xbackground: linear-gradient( rgba(3, 65, 99, 1), 85%, rgba(255, 255, 255, .7));
	/* logo blue = #034163 = rgba(3, 65, 99, 1) */
	Xcolor: rgba(255, 255, 255, .75);
	background: linear-gradient( rgba(0, 222, 177, 1), 85%, rgba(255, 255, 255, .7));
	Xcolor: rgba(0, 138, 111, 1);
	color: #005342; /* (0,83,66) */

	/* green 00a538 = rgba rgba(0, 165, 56, 1) */

}
body.page_home-new2 .home_boxes h3
{
	margin-top: 0;
	padding-top: .25rem;
	font-size: 1.5rem;
}
body.page_home-new2 .home_boxes .box-inner
{
	border-radius: 0 0 .3rem .3rem;
	border-color: black;	/* darker blue */
	background: linear-gradient(rgba(255, 255, 255, .75), rgba(255, 255, 255, .9));
}
body.page_home-new2 .home_boxes .box-inner h2
{
	background: linear-gradient( rgba(0, 165, 56, 1), 85%, rgba(255, 255, 255, .7));
	/* green 00a538 = rgba rgba(0, 165, 56, 1) */

	/* background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .9)); */
	/* green F08B6A = */
}
body.page_home-new2 .home_boxes .box-inner p,
body.page_home-new2 .home_boxes .box-inner ul,
body.page_home-new2 .home_boxes .box-inner li
{
	line-height: 1.4;
	font-size: 1.1rem;
}
body.page_home-new2 .home_boxes .box-inner li
{
	line-height: 1.5;
	Xmargin-bottom: .5rem;
	margin-bottom: 1rem;
	padding-left: .5rem;
	list-style-type : none;	
}
body.page_home-new2 .home_boxes .box-inner li:before
{
	content: "✔ ";	/* ✓ */
	xposition: relative;
	margin-left: -1.25rem;
}

body.page_home-new2 .site-branding-container
{
	display: grid;
	grid-template-columns: 1fr;
}
body.page_home-new2 .site-branding
{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	align-content: center;
}
body.page_home-new2 .site-branding .site-title a
{
	width: fit-content;

	font-size: 64px;

	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-weight: 100;
	Xfont-size: 1.5rem;

	Xcolor: #034163;	/* 3 65 99 logo blue */
	color: rgba( 3, 65, 99, .75);
}
body.page_home-new2 .site-branding .site-title a:hover
{
	color: #81120c;	/* logo red */
}
body.page_home-new2 .site-header
{
	padding-top: 1rem;
	xbackground-color: tan;
	xbackground-color: rgba(255, 255, 255, .3);
	background: linear-gradient(white, transparent);
}
body.page_home-new2
{
	xbackground-color: black;
	background-image: url("https://emberog.ca/wp-content/uploads/2025/09/Slocan-Lake-by-Tanya-Wright-2023-03-27-IMG_2253-2016x1512-1.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
}
body.page_home-new2 .entry-content
{
	margin: 0;
	width: 100vw;
}
@media only screen and (min-width: 768px)
{
	body.page_home-new2 .entry .entry-content,
	body.page_home-new2 .entry .entry-summary
	{
		max-width: 100vw;
		min-width: 100vw;
		width: 100vw;
		margin: 0;
		padding: 0;
	}
}
body.page_home-new2 .entry-content
{
	display: grid;
	
	grid-template-columns: 100vw;
	justify-content: center;
	justify-items: center;
	grid-template-rows: auto;
	row-gap: 0;x:1.5rem;

	grid-template-areas:
		"headline"
		"home-boxes"
	;
}
body.page_home-new2 .box-headline { grid-area: headline; }
body.page_home-new2 .home-boxes { grid-area: home-boxes; }
	
body.page_home-new2 .entry-content > div
{
	width: 100%;

	display: grid;
	grid-template-columns: 1fr;
	justify-content: stretch;
}
/*
	Xgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	Xgrid-template-columns: 10% 1fr 10%;

	grid-template-rows: repeat(10, auto);

*/
X.entry-content > div
{
	Xgrid-area: content;
/*
	display: grid;
	Xgrid-template-columns: calc(10% + 60px) 1fr calc(10% + 60px);
	grid-template-columns: 10% 1fr 10%;
*/
}
body.page_home-new2 .home_boxes .box-who .attributes p
{
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
body.page_home-new2 .home_boxes .box-who .attributes p.name
{
	font-size: 1.3rem;
}
body.page_home-new2 .home_boxes .box-who p.description
{
	Xmargin-top: 1rem;
}
body.page_home-new2 .entry .entry-content .home_boxes .box-contact .organization
{
	font-weight: bold;
}
body.page_home-new2 .entry .entry-content .home_boxes .box-contact a
{
	text-decoration: none;
	text-decoration-thickness: 0;
}
body.page_home-new2 .entry .entry-content .home_boxes .box-contact a:hover
{
	cursor: pointer;
	color: red;
}
body.page_home-new2 footer.site-footer
{
	display: none;
	visibility: visible;
	color: red;
	background-color: yellow;
}