@charset "utf-8";nav/*
/*
* style-mmdd.css
* Copyright 2024, Lenape Tooling, Inc
* www.lenapetooling.com
*/
/*@-webkit-viewport{width:device-width}*/
/*@-moz-viewport{width:device-width}*/
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
*{margin:0;padding:0;}
*{box-sizing:border-box;}
html{box-sizing:border-box;}
/****** root variables ******/
:root {
	color-scheme: light dark;
	--matte-br: rgba(180,148,90,1);
	--corinth-br: rgba(108,88,79,1);
	--corinth-dk: rgba(44,36,32,1);
	--gold: rgba(255,215,0,1);
	--gold-fade: rgba(255,215,0,.25);
	--txt-dk: rgba(255,215,0,1);
	--txt-lt: rgba(255,255,255,1);
	--ylw-lt: rgba(214,204,214,.1);
	--ylw-md: rgba(280,275,212,1);
	--red-lt: rgba(148,48,40,.75);
	--red-md: rgba(128,28,20,1);
	--red-hover: rgba(148,48,40,1);
    --red-active: rgba(66,96,66,.92);
    --borders: rgba(160,182,160,1);
	--grad-lt: at top left,rgba(176,200,176,1),rgba(206,220,206,1);
	--grad-dk: at top left,rgba(66,96,66,1),rgba(86,116,86,1);
	--grad-red-pass: radial-gradient(at top left, rgba(16,168,16,1), rgba(28,160,28,1));
	--grad-gld-pass: radial-gradient(at top left, rgba(255,215,0,1), rgba(238,238,42,1));
	--link-lt: rgba(207,239,255,1);
	--link-dk: rgba(19,37,255,1);
	--shadow: 0 .32px .25px rgba(0, 0, 0, 0.034),
         0 .62px .5px rgba(0, 0, 0, 0.048),
         0 1.25px 1px rgba(0, 0, 0, 0.06),
         0 2.5px 2px rgba(0, 0, 0, 0.072),
         0 5px 4px rgba(0, 0, 0, 0.086),
         0 10px 8px rgba(0, 0, 0, 0.12);
} /* end root */
/* CORE STRUCTURE - mobile first*/
html, body{height:100%;background:var(--matte-br);}
body, header, nav, main, section, article, footer{display:flex;margin:0;}
body{flex-direction:column;}
header{background-color:var(--corinth-dk);color:var(--txt-dk);border-bottom:solid var(--corinth-dk) .625rem;justify-content:center;flex:1 1 60%;} /* between logo-img and hamburger icon */
/*header{background-image:url("images/header1.jpg");var(--ylw-lt);color:var(--txt-dk);border-bottom:solid var(--matte-br) .625rem;justify-content:center;flex:1 1 60%;} /* between logo-img and hamburger icon */*/
header div{flex:0 1 100%;}
.container{display:flex;flex-flow:column nowrap;flex:1;margin:0;padding:0;height:100%;}
nav{flex-wrap:wrap;}
main{flex-flow:column nowrap;flex:1 1 100%;background:transparent;}
footer{flex-flow:row wrap;justify-content:center;align-content: center;}
/* TYPOGRAPHY */
@font-face {
    font-family: Oswald;
    src: local("Oswald"),
        url(/fonts/oswald-v16-latin-regular.woff2) format("woff2"),
        url(/fonts/oswald-v16-latin-regular.woff) format("woff");
}
h1{font-family: 'Oswald', sans-serif;color:var(--txt-dk);font-size:2em;font-weight:400;font-variant:normal;letter-spacing: .01em;padding:0 .5rem .5rem .5rem;}
h2{font-family: 'open-sans-v15-latin-regular', sans-serif;color:var(--txt-dk);font-size: 1.3em;font-weight:400;font-variant:italics;letter-spacing: .01em;padding:0 .5rem .5rem .5rem;}
h3, h4, h5, h6, p, label{font-family: 'Open Sans', sans-serif;padding:0 .5rem;}
p{font-family: 'Open Sans', sans-serif;font-size:1em;line-height:1.35;}
a{font-family: 'Open Sans', sans-serif;color: var(--txt-dk);text-decoration: none;}
hr{border:solid 1px var(--borders);opacity:0.5;width:70%;margin:1em auto .5em;}
a > hr{border-top:var(--ylw-lt);border-style:outset;border-width:3px;height:1px;width:6em;margin:0 auto;}
img{border-radius: 8px;margin:0 auto;}
ul, ol{font-family: 'Open Sans', sans-serif;line-height:1.4;text-align:left;margin:auto;padding:1em .5em 1em 2em;}
section{display:flex;flex-flow:column nowrap;justify-content:space-around;width:100%;margin:0 auto;}
article{display:flex;width:100%;}
.para{padding:1em; margin:1em auto;}
/* BUTTONS */
button{
	color:var(--txt-lt);
	background-color:var(--red-md);
	border:none;
	border-radius:8px;-webkit-border-radius:8;-moz-border-radius:8;
	line-height:1.1;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
button > a{text-decoration:none;color:var(--txt-lt);font-weight: 600;}
button:hover{background-color: var(--red-hover);}
button:focus{outline:0;}
button.buy-now{display:flex;justify-content: center;align-items: center;align-self: center;padding:.75em 1em;}
button div {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;}
/* HEADER */
header h2{padding:.25em 0 0 0;font-weight:400;font-size:1.6em;flex:1 1 100%;}
header p{font-size:.9em;font-weight:600;flex:1 1 100%;}
.logo{display: none;}
.logo-text{font-family: "Pearl", serif;line-height:2;}
/*  NAV  */
nav{background:var(bkgd-ylw-lt);font-size:1rem;text-align:center;}
.logo-img{background:var(--ylw-lt) url("/images/lenape-logo.png") no-repeat left;background-position:2% 25%;border-bottom:solid var(--corinth-dk) .625rem;flex:0 1 20%;} /*to match hamburger icon*/
nav .menu a{text-decoration:none;background-color:var(--matte-br);color:var(--txt-lt);font-size: .92em;border:solid 1px var(--corinth-dk);width:40%;padding: .5rem 0;}
nav .menu a:last-of-type{border-bottom: 0;}
nav a:hover{background:var(--corinth-br);}
nav .menu{display:none;}
nav img{background-color:var(--ylw-lt);border-bottom:solid var(--coriinth-br) .625rem;width:3.125rem;height:auto;flex:0 1 3.75rem;}
     /* Hide checkbox */
input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;}
nav label {display:block;margin:0;padding:1em 0;border-bottom:solid var(--corinth-dk) .625rem;background-color:var(--corinth-dk);color:var(--txt-dk);flex:0 1 20%;} /*to match logo-img*/
     /* checked */
input[type=checkbox]:checked ~ .menu{display:block;font-size:1.1rem;text-align:center;border-bottom:solid var(--corinth-dk) .625rem;display:flex;flex-direction:column;flex:0 0 100%;}
nav label:before{content: "\2630";font-size:1.1em;font-weight:600;}
input[type=checkbox]:checked ~ label:before{content:"\2169";font-size:1.1em;font-weight:600;}
nav .menu{background-color:var(--red-lt);margin-left:60%;}
.sticky {position: fixed;top: 0;background-color:transparent;width: 100%;z-index: 9999;}
.sticky + main {padding-top:4rem;}
/*  FOOTER  */
footer{padding:.5rem 0 0 0;margin-top:1em;background-color:var(--corinth-dk);color:var(--txt-lt);}
footer div{text-align:center;margin:0 auto;}
footer a{color:var(--link-lt);font-weight: 600;}
footer p{font-size:75%;}
/*.trustlogo{position:relative;bottom:0;margin:.5em auto;}*/
/* MAIN PAGE CONTENT */
/* OTHER */
.nameplate{width:80%;margin:0 auto;}
.no-mobile{display: none;}
.page-heading{display:flex;flex-flow:column nowrap;flex:1;justify-content:space-evenly;align-items:stretch;}
.page-heading h1{font-family: "Oswald", serif;font-size:1.5em;text-align: center;padding-top:.2em;}
.page-heading hr{width:70%;}
.hidden{display:none;}
.ctr{text-align: center;}
/*.page-heading{display: none;}*/
.section-heading h2{font-style:italic;text-align:center;margin:1em auto;}
/* ABOUT-US */
.gmap{height: 100vh;width:90%;max-width:60em;max-height:580px;margin:0 auto;}
/* CONTACT-US FORM */
#contact-form{background-color:var(--ylw-lt);font-size: 100%;}
input{height:2rem;}
input, textarea{border-radius:8px;padding:1em;}
.form{margin-top:1rem;}
.comment-form{display: flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%;}
.comment-form p{display:flex;flex-flow:column nowrap;max-width: 90%;margin-left:5%;margin-right:5%;}
.comment-form > p > input, .comment-form > p > textarea{border:solid .25px lightgrey;}
.comment-form > p > label{padding-bottom: .25em;}
.contact-name{flex:0 1 60%;}
.contact-email{max-width: 20rem;}
.contact-company{max-width: 20rem;}
.contact-subject{max-width:20rem;}
.contact-message{max-width: 50rem;}
.antispam{display: none;}
#sendbtn{font-size: 1.1em;line-height:1.5;font-weight:600;color:var(--txt-lt);background:var(--corinth-br);border:1px solid var(--corinth-br);border-radius: 6px;height:2em;width:30%;margin-top:.5rem;padding:0;}
/*.close-window{margin-top:.5rem;border:1px solid var(--corinth-br);border-radius: 4px;height:2em;width:30%;background:var(--corinth-br);color:var(--txt-lt);font-size: 1.1em;line-height:1.5;font-weight:600;}*/
#name{width:60%;}
#email{width:60%;}
#company{width:60%;}
#emailsubject{width:60%;}
#message{width:100%;}
/* end contact-us page */

/* IMAGES */
#img-bldg{width:72%;order:1;}
#img-chair{width:30%;margin:3em auto;order:3;}
#img-autoseat-1{width:90%;margin:.5em auto;order:6;}
#img-autoseat-2{width:90%;margin:.5em auto;order:7;}
#bullet-list{width:45%;margin:2em 1em;order: 2;}
#founding{width:100%;margin:1em;order: 4;}
#more-about{width:100%;margin:1em;order: 5;}

/* MODELS & PATTERNS */
.models-ul {width: 100%;padding:1em;order:1;}
.models-img-1 {width: 100%;padding:1em;order:2;}
.models-txt-1 {width: 100%;padding:1em;order:3;}
.models-txt-2 {width: 100%;padding:1em;order:4;}
.models-txt-3 {width: 100%;padding:1em;order:5;}


/* PROTOTYPES */

/* CASTINGS */

/* MOLDS CSS */
.rowwrap {display: flex;flex-flow: row wrap;justify-content: space-between;margin:1em auto;padding: 1em 0;}
#art-indust {display: flex;flex-flow: column wrap;width: 55%;}
#molds-ul {display: flex;flex-flow: row wrap;margin-top:2em;padding:1em 1em 0 1em;order:1;}
#molds-4 {width: 100%;padding: 0;order:7;}
#txt-molds-1 {width: 100%;padding: 1em;order:3;}
#molds-2 {flex-flow:column nowrap;width: 100%;margin:0 auto;order:9;}
#m-molds-3 {width: 100%; order:4}
#txt-molds-2 {flex-flow:column nowrap;width: 100%;padding: 1em;order:5;}
#text-molds-2 > p{padding:1em;}
#molds-3 {width: 100%;padding:1em;order:8;}

/*  MEDIA QUERIES  */
/* screen sizes */
/* 601 PX */
@media (min-width:601px){
header h2{font-size:1.5rem;}
header p{margin-bottom:.5rem;font-size:1rem;}
nav .menu{flex:0 0 100%;flex-flow:row wrap;justify-content:center;display:none;}
nav .menu a{margin:0;padding:.5rem 1rem;border-bottom:1px solid var(--corinth-br);}
input[type=checkbox]{display: none;}
nav label:before{content:"Menu \25BC";} /*down arrow*/
nav label{display: block;flex:0 1 20%;}
input[type=checkbox]:checked ~ label:before{content:"Menu \25B2";} /*up arrow*/
main h2{text-align: left;}
ul{font-size:110%;}
#contact-form{flex:1 1 100%;}
#contact-form h2{text-align: left;padding-left:1.75em;}
img{max-width: 100%;}
a.lt > h5, a.dk > h5{padding:.5em .25em;}
a.lt > h6, a.dk > h6{padding:.5em .25em;}
.no-mobile{display: none;}
/* SECTIONS */
/* ARTICLES */
#services{font-size:1em;padding:1em .5em 1em 4em;}
/* IMAGES */
#bullet-list{width:45%%;margin:auto;order: 1;}
#founding{width:85%;order:3;}
#more-about{width:85%;order:5;}
#img-autoseat-1{width:44%; margin:1em;order:6;}
#img-autoseat-2{width:39%; margin:1em;order:7;}
#img-bldg{justify-content:center;margin:0 auto;order:4;}
#img-chair{width:44%;padding: 0 4em;order:2;}

}
/* 751 PX */
@media (max-width:751px){}
@media (min-width:751px){
h1{font-size:1.4rem;text-align: left;}
h2{font-size: 1.3rem;}
section{flex-flow:row wrap;}
article{flex-flow:row wrap;}
article.half {width: 48%;padding: 0 2em;}
article.full {width:90%;}
nav .menu{margin-left:0;}
nav .menu a{color:var(--txt-lt);font-size:1em;width:auto;}
header h2{font-size:1.6rem;}
header p{margin:0 0 .5rem 0;font-size:1rem;}
main{padding:0;}
.page-heading h1{font-size:4em;}
#contact-form{flex:1 1 100%;padding:0 2em;}
input[type=checkbox]:checked ~ .menu{display:block;background:var(--corinth-br);font-size:1.1rem;text-align:center;display:flex;flex-direction:row;flex:0 0 100%;}
input[type=checkbox]:checked ~ .menu a{background-color:var(--corinth-br);font-size:1rem;padding:.75rem 1rem;outline:none;border:0;flex:0 1 auto;}
img{margin:.5rem 0;}
img.qr{max-width:100%;}
.notablet{display:none;}
a.lt>h6, a.dk>h6 {font-size: 82%;}
/* IMAGES */
#bullet-list{width:45%%;margin:auto;order: 1;}
#founding{width:85%;order:3;}
#more-about{width:85%;order:5;}
#img-autoseat-1{width:44%; margin:1em;order:6;}
#img-autoseat-2{width:39%; margin:1em;order:7;}
#img-bldg{width:60%;margin:0 auto;order:4;}
#img-chair{width:40%;padding: 0 4em;order:2;}
/* MOLDS CSS */
.rowwrap {display: flex;flex-flow: row wrap;justify-content: space-between;padding: 1em 0;}
#molds-ul {width:50%;margin-top:3em; padding:0;order:1;}
#m-molds-3 {width: 35%;margin:3em 3em 0 0;order:2;}
#txt-molds-1 {width: 100%;padding: 2em;order:3;}
#molds-4 {width: 45%;margin-left:3em;order:4;}
#molds-3 {width: 45%;order:5}
/*	#art-indust {display: flex;flex-flow: column wrap;width: 55%;}*/
#molds-2 {width: 35%;margin:2em;order:9;}
#txt-molds-2 {width: 50%;margin: 2em;order:6;}
/* MODELS & PATTERNS */
.models-ul {width: 100%;order:1;}
.models-img-1 {width: 70%;justify-content:center;order:2;}
.models-txt-1 {width: 100%;order:3;}
.models-txt-2 {width: 100%;order:4;}
.models-txt-3 {width: 100%;order:5;}



}
@media (min-width:870px){
ul{padding:0 4em;}
.rowwrap {display: flex;flex-flow: row wrap;justify-content: space-between;padding: 1em 0;margin:7em auto;}
#services{font-size:1.2em;width:50%;}
}

@media (min-width:1025px){
h1{font-size:3rem;}
h2{font-size:2rem;}
.page-heading{display:flex;flex-flow:column nowrap;flex:1;justify-content:space-evenly;align-items:stretch;}
p{font-size:1em;}
a.lt>h6,a.dk>h6 {font-size: 100%;}
nav{justify-content:center;background:var(--ylw-lt);}
.sticky{background-color:var(--corinth-dk);position: -webkit-sticky;position: sticky;top: 0;z-index: 9999;}
.sticky + main {padding-top: 2rem;}
.logo-img{display:none;}
header{margin:0;padding-left:0;background:none;border:0;font-size:1.6rem;}
img{max-width:100%;}
.logo{display:flex;flex:3;background:none;border:none;max-width:30em;height:auto;padding-bottom:.25rem;}
.logo-text{display:none;}
nav .menu{display:flex;background-color:var(--corinth-dk);border:none;}
nav .menu a{flex:0 1 auto;background-color:var(--corinth-dk);outline:none;border:0;padding:.65em 1.5em;}
nav .menu a:hover{background-color:var(--corinth-dk);}
nav label{display:none;}
nav img{border:0;}
section{flex-flow:row wrap;width:980px;}
.about-us:after{content:" Us";} /* menu item on large screens */
.contact-us:after{content:" Us";} /* menu item on large screens */
main{width:92%;margin:auto;}
.tab-module {display:flex;width: 96%;max-width:60em;margin: 0 auto;}
.collapse-module{display:none;}
.collapsible-content, .app-stores{width:85%;max-width: 60rem;}
#important-note{width:80%;}
#contact-form{width:85%;margin:auto;}
.notablet{display:block;}
footer{padding:.875rem;}
.no-mobile{display: block;align-self: center;width:75%;text-align:center;}
.mobile{display:none;}
.tablet{display:none;}
.show-hide-a{display:block;}
.show-hide-b{display: none;}

/* IMAGES */
#img-bldg{width:30%;order:2;}
#img-chair{width:30%;margin:2em 0 0 6em;order:3;}
#img-autoseat-1{width:35%;margin:1em auto;order:6;}
#img-autoseat-2{width:31%;margin:1em auto;order:7;}
#bullet-list{justify-content:center;width:55%;margin:1em auto;padding:0 2em;order: 1;}
#founding{width:55%;margin:3em 0 0 1em;order: 4;}
#more-about{width:80%;margin:1em 0 1em 3em;order: 5;}

/* MODELS & PATTERNS */
.models-ul {width: 60%;padding:4em;order:1;}
.models-img-1 {width: 40%;justify-content:center;padding:2em;order:2;}
.models-txt-1 {width: 80%;order:3;}
.models-txt-2 {width: 80%;order:4;}
.models-txt-3 {width: 80%;order:5;}

/* MOLDS CSS */
.rowwrap {display: flex;flex-flow: row wrap;justify-content: space-between;margin:1em auto;padding: 1em 0;}
#art-indust {display: flex;flex-flow: column wrap;width: 55%;}
#molds-ul {display: flex;flex-flow: row wrap;margin:2em 0 0 2em;padding:0;width: 50%;order:1;}
#molds-2 {flex-flow:row wrap;margin:3em 0 0 4em;width: 27%;order:5;}
#m-molds-3 {width: 32%;margin-top:0;order:2;}
#molds-4 {width: 50%;padding: 2em;margin:0 auto;order:7;}
#txt-molds-1 {width: 65%;padding: 3em 0 0 2em;order:4;}
#txt-molds-2 {width: 55%;padding: 3em 0 1em 0;order:6;}
#molds-3 {width: 30%;margin:1em 0 0 3em;order:3;}

}


@media (min-width:1296px){
h1{font-size:1.7rem;}
header{font-size: 1.7rem;}
main{width:87%;}
.heading h1{text-align: center;}
.news{width:55%;}
#contact-form{width:72%;margin:auto;}
}
@media (min-width:1320px){
main{width:85%;}
#contact-form{width:70%;}
}
@media (min-width:1400px){
main{width:80%;}
#contact-form{width:65%;}
}
@media (min-width:1575px){
main{width:70%;}
#contact-form{width:60%;}
}
@media (prefers-color-scheme: light){
	.dark{display: none;}
}
/* DARK THEME */
@media (prefers-color-scheme: dark){
:root{
	color-scheme: light dark;
	--txt-dk: rgba(238,238,238,1);
	--txt-lt: rgba(238,238,238,1);
	--ylw-lt: rgba(24,26,24,1);
	--ylw-md: rgba(126,126,126,1);
	--red-lt: rgba(128,28,20,.5);
	--red-md: rgba(128,28,20,1);
	--red-hover: rgba(128,28,20,.8);
    --borders: rgba(96,104,96,1);
	--grad-lt: at top left,rgba(176,200,176,1),rgba(206,220,206,1);
	--grad-dk: at top left,rgba(66,96,66,1),rgba(86,116,86,1);
	--grad-red-pass: radial-gradient(at top left, rgba(16,168,16,0.67), rgba(28,160,28,0.67));
	--grad-gld-pass: radial-gradient(at top left, rgba(255,215,0,1), rgba(238,238,42,0.87));
	--link-lt: rgba(207,239,255,1);
	--link-dk: rgba(148,224,255,0.92);
	--red-dk: rgba(124, 10, 2, 1);
	--shadow: 0 .32px .25px rgba(0, 0, 0, 0.034),
         0 .62px .5px rgba(0, 0, 0, 0.048),
         0 1.25px 1px rgba(0, 0, 0, 0.06),
         0 2.5px 2px rgba(0, 0, 0, 0.072),
         0 5px 4px rgba(0, 0, 0, 0.086),
         0 10px 8px rgba(0, 0, 0, 0.12);
    }
.mobilenav button {background-color: rgba(62, 62, 62, 1);}	
.mobilenav button a {color: rgba(238, 238, 238, 1);}	
.mobilenav .active {background: var(--red-md);}	
.gmap {filter: invert(90%) hue-rotate(180deg) contrast(87%);}
/* other */
.light{display:none;}
a.dk > hr, a.lt > hr, a.lt-priv > hr, a.lt > h6, a.lt-priv > h6, a.lt > h5, a.lt-priv > h5{border-top:rgba(238,238,238,1);}
.comment-form > p > input, .comment-form > p > textarea{border:solid .25px lightgrey;background-color:rgba(210,210,210,1);}
}