/* 1. create a style.css containing:
 Theme Name:   GeneratePress Child
  Theme URI:   https://jarche.com/
   Description:  GeneratePress Child Theme
    Author:	Christopher Mackay
     Author URI:    https://tantramar.co/
      Template:     generatepress
       Version:      1.0.0
        Tags:         
         Text Domain:  generatepress-child
         */
         
         /* =Theme customization starts here —  —  —  —  —  —  —  —  —  —  —  — --  */

@font-face {
  font-family: "Fira Sans";
  src: url("/fonts/fira/woff2/FiraSans-Light.woff2") format("woff2"), url("/fonts/fira/woff/FiraSans-Light.woff") format("woff");
  font-style: normal;
}

@font-face {
  font-family: "Fira Sans";
  src: url("/fonts/fira/woff2/FiraSans-LightItalic.woff2") format("woff2"), url("/fonts/fira/woff/FiraSans-LightItalic.woff") format("woff");
  font-style: italic;
}

@font-face {
  font-family: "Fira Sans";
  src: url("/fonts/fira/woff2/FiraSans-Medium.woff2") format("woff2"), url("/fonts/fira/woff/FiraSans-Medium.woff") format("woff");
  font-weight: bold;
}



@media only screen and (min-width: 768px) {
	.site-header { 
		background: url("/wp-content/uploads/2023/07/jc_lighthouse_333x75.png") right 20px bottom no-repeat #55504b;
		}

	}
.inside-header { padding-left: 20px;}

*, html, body, h1, h2, h3, h4, h5, li, p { 
	font-family: "Fira Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	margin: 0;
	padding: 0;
/*	line-height: 1.5;*/
	hyphens: none;
	font-feature-settings: "onum" 1, "dlig" 1;
	}

h1, h1.entry-title, h2, h2.entry-title, h3, h4, h5, h6
	{ 
	line-height: 1.15;
	/*letter-spacing: -0.1rem;*/
	font-feature-settings: "lnum" 1;
	@supports (font-variant-numeric: lining-nums) {
		h1, h1.entry-title, h2, h3, h4, h5, h6 { font-variant-numeric: lining-nums; }
		}
	font-variant-ligatures: common-ligatures;
	color: black;
	margin: 0; 
	padding: 0.5rem 0 0 0; 
	}


h2, h2.entry-title, h3, h4, h5, h6 { 
	color: rgba(0,0,0,0.85);
	padding-left: 0;
	margin: 0.5rem 0 0.25rem 0;
	}

h1 a, h1.entry-title a, h2 a, h2.entry-title a, h3 a, h4 a, h5 a, h6 a
	{ color: black; }

h1, p.main-title a { font-weight: 700; color: white; margin-left: 0; }
	p.site-description { font-style: italic; margin: 0 0 0 0.75rem; }

	div.entry-meta { 
		display: inline-block;
		margin: 0 0 0.5rem 0;
		padding: 0 0.15rem;
		}

h2, h3, h4 { margin: 1.5rem 0 0 0;  }
h2, h2 a, h3, h3 a, h4, h4 a, b, b a, strong, strong a { font-weight: 700; }
.widget h2, .widget h3 { margin-top: 0; padding-top: 0; font-size: 1.25rem; }
.widget h2 { font-size: 1.25rem; }
.widget h3 { font-size: 1.15rem; }
.widget h4 { font-size: 1rem; }
.widget ul { list-style: disc; margin-left: 2rem; list-style-position: outside; }
.widget ul li { margin: 0; }
.widget ol { list-style-type: decimal; }

p { 
	margin: 0 0 0.5rem 0;
	word-break: break-word;
	hyphenate-limit-last: always;
	line-height: calc(1ex/0.32); /* bases leading on font’s x-height rather than size, which varies widely between typefaces */
	}
p:empty { display: none; }

li {
	line-height: calc(1ex/0.32); /* bases leading on font’s x-height rather than size, which varies widely between typefaces */
	}

i i, em em, em i, i em { font-style: normal!important; }
span:lang(fr) { font-style: italic; }

		sub { font-feature-settings: "subs" 1; }
			@supports (font-variant-position: sub) {
			    sub { font-feature-settings: normal;
				   font-variant-position: sub; }
			}
			@supports ((font-variant-position: sub) or (font-feature-settings: "subs" 1)) {
			    sub { vertical-align: baseline;
				   font-size: inherit;
				color: inherit; }
			}

		sup { font-feature-settings: "sups" 1; }
			@supports (font-variant-position: super) {
			    sup { font-feature-settings: normal;
				   font-variant-position: super; }
			}
			@supports ((font-variant-position: super) or (font-feature-settings: "sups" 1)) {
			    sup { vertical-align: baseline;
				   font-size: inherit;
				color: inherit; }
			}



q, q + q { font-size: 100%; }
q,
q:lang(en) { quotes: "“" "”" "‘" "’"; }
q:lang(fr) { quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';}
q:lang(de) { quotes:'\201E' '\201C' '\201A' '\2018';}
q:lang(es) { quotes:'\00AB' '\00BB' '\2039' '\203A';}
q:before { content: open-quote; }
q:after { content: close-quote; }

p.cite { font-size: 96%; font-style: normal; margin: 0 0 2em 50%; line-height: 1.1!important; hanging-punctuation: first last; text-indent: -1.1em; }
p.cite:before { content: '—\2009'; }

i i, em em, i em, em i, blockquote i, blockquote em, blockquote p i, blockquote p em,  { font-style: normal; }


blockquote { font-size: 100%; font-style: italic; margin: 0 1.5em 0.5em 2em; hanging-punctuation: first last; }
	/* blockquote:before { content: '“'; } */
		 /* this leaves a carriage return; see blockquote > p:before, below */
	blockquote p { font-style: italic; }
	/* blockquote:after { content: '”'; } */
	cite { font-size: 100%; font-style: normal; line-height: 1; }
	cite:before { content: '—\2009'; }

	blockquote > p:before { content: '“'; }

	blockquote.pullquote { font-size: 1.25rem; font-style: italic; margin: 1rem 1.5rem 0.5rem 1.5rem; line-height: 1.5; }

figure { width: auto; text-align: center; background: $fill; border: 1px solid $accent; padding: 0 0 0.25rem 0; overflow: hidden; margin: 0 0 1rem 0; object-fit: contain; } /* see notes on footer below to see how the text-alignment is handled within figure + figcaption */
figure img { display: block; margin: 0 0 0 0; width: auto; max-width: 100%; height: auto; }
figcaption { display: inline-block; text-align: left; padding: 0 0.5rem; font-size: 85%; font-style: italic; color: $accent; line-height: 1;
	i, em { font-style: normal; }
}


ul, ol { margin: 0.5rem 0 1rem 1rem; }
	li { margin: 0 0 0.5rem 0; }

img { max-width: 100%; height: auto; }

.nowrap { white-space: nowrap; }
.postalcode, .tel {
	text-transform: uppercase;
	white-space: nowrap;
	font-variant-numeric: lining-nums tabular-nums;
		-moz-font-feature-settings: "lnum";
		-webkit-font-feature-settings: "lnum";
		font-feature-settings: "lnum";
}
/* a[href^="tel:"]:before {
	content: "\260e";
	margin-right: 0.25em;
	}*/
.postalcode:before { content:"\a0 "; }
.nobr { white-space: nowrap; }

.video, iframe { aspect-ratio: 16 / 9; object-fit: cover; }

.entry-content section[aria-label="summary"] {
	border-top: 2px solid maroon;
	border-bottom: 1px solid maroon;
	padding: 1rem 1rem;
	margin: 0.75rem 0 1.5rem;
	background: rgba(238,173,60,0.25);
	}
.entry-content section[aria-label="summary"] p {
	font-style: italic;
	text-indent: -1rem;
	padding-left: 1rem;
	font-size: 130%;
	line-height: 1.6;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	}
.entry-content section[aria-label="summary"] i, .entry-content section[aria-label="summary"] em {
	font-style: normal;
	}
.entry-content .messages {
	background: black;
	margin: 1rem auto;
	padding: 1rem 0.75rem;
	color: white;
	display: -ms-grid;
	display: grid;
	border: 1px solid #999;
	border-radius: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(1fr, auto, 1fr));
	grid-gap: 1.25rem;
	max-width: 480px;
	}
.entry-content .messages .bubble {
	margin: 0;
	padding: .65rem 1rem .55rem;
	border-radius: 1.5rem;
	text-align: left;
	font-family: -apple-system, "Whitney SSm A","Whitney SSm B", sans-serif, Helvetica;
	}
.entry-content .messages .designer {
	background: #262629;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	-ms-grid-column-align: start;
	justify-self: start;
	}
.entry-content .messages .customer {
	background: #0b62f1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / 4;
	-ms-grid-column-align: end;
	justify-self: end;
	}
.entry-content .exhibit,.entry-content .exbibit {
	vertical-align: middle;
	border-radius: 6px;
	color: #333;
	text-transform: uppercase;
	font-size: 65%;
	letter-spacing: 0.15em;
	padding: 0.15em 0.3em 0.1em 0.45em;
	}