@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');
/* Basic reset */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:#111}
a{color:inherit;text-decoration:none}

@font-face {
  font-family: 'Knile';
  src: url('../fonts/knile-bold-webfont.woff2') format('woff2'),
       url('../fonts/knile-bold-webfont.woff') format('woff'),
       url('../fonts/knile-bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Knile';
  src: url('../fonts/knile-medium-webfont.woff2') format('woff2'),
       url('../fonts/knile-medium-webfont.woff') format('woff'),
       url('../fonts/knile-medium-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.container{max-width:1100px;margin:0 auto;padding:2em}



/* Headings */
h1{font-size: 2.5rem; color:#333; font-family: 'Knile', system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; font-weight:700}
h2{font-family:'Knile', system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;font-weight:500}
/* H3 - Open Sans Medium (500) */
h3{font-family: 'Open Sans', Arial, sans-serif; font-weight:500}


/* Header */
.site-header{background:#333;position:sticky;top:0;z-index:10;color:#ffffff}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 10px}
.brand{font-weight:700;font-size:1.05rem;color:#ffffff}
.site-nav{display:flex;gap:1rem;}
.site-nav a{padding:0.5rem 0.25rem;color:#a6d1a3}
.site-nav a.active{font-weight:600}
.nav-toggle{display:none;background:none;border:0;font-size:1.25rem;color:#ffffff}


/* Hero (with shoreline background) */
.hero{position:relative;background-image:linear-gradient(217deg, rgba(217, 255, 0, 0.8), rgba(255,0,0,0) 70.71%),linear-gradient(127deg, rgba(80, 197, 80, 0.8), rgba(0,255,0,0) 70.71%),linear-gradient(336deg, rgba(14, 132, 39, 0.8), rgba(0,0,255,0) 70.71%),url("../images/Ein_Sof Bookmark Null.jpg");background-size:cover;background-position:center;padding:6rem 0;text-align:center;color:#fff}
.hero .container{position:relative;z-index:2}
.hero h1{font-size: 2.5rem; margin-bottom:0.5rem;color:#333;text-shadow:0 2px 6px rgba(0,0,0,0.45); font-family: 'Knile', system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; font-weight:700}
.hero h2{color:rgba(15, 90, 33, 0.95);margin-bottom:1rem;font-family:'Knile', system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;font-weight:500}


/* Grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.card{background:#ffffff;border:2px solid #acdfad;padding:1rem;border-radius:6px}
.thumb{height:240px;border-radius:4px;margin-bottom:0.5rem;background:#ddd;display:flex;align-items:center;justify-content:center;color:#ffffff}


.lede{color:#444;margin-bottom:1rem}

/* Footer */
.site-footer{background:#333;padding:1rem 0;margin-top:2rem;text-align:center;color:#fff}
.site-footer a{color:#fff}

.social-icons { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; }
.social-icons a { font-size: 1.5rem; transition: color 0.3s; }
.social-icons a:hover { color: #a6d1a3; }

p {
  margin-bottom: 10px; /* Adjust as needed */
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
}


/*buttons */
  .button-54 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    color: #56944E;
    cursor: pointer;
    border: 3px solid;
    padding: 0.25em 0.5em;
    box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;
   
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-bottom: 10px;
  }
  
  .button-54:active {
    box-shadow: 0px 0px 0px 0px;
    top: 5px;
    left: 5px;
  }
  
  @media (min-width: 768px) {
    .button-54 {
      padding: 0.25em 0.75em;
    }
  }




/* Responsive adjustments */
@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .grid{grid-template-columns:1fr}
  .site-nav{position:absolute;right:1rem;top:64px;background:#fff;flex-direction:column;padding:0.5rem;border:1px solid #eee;display:none}
  .site-nav.show{display:flex}
  .nav-toggle{display:inline-block}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Three-column testimonials with green title bar */
.testimonials-feature{margin-top:2rem;padding:0}
.testimonials-header{background:#8fd19e;color:#05331a;padding:0.9rem 1rem;border-radius:6px 6px 0 0}
.testimonials-header h2{margin:0;font-size:1.25rem;font-weight:600}
.testimonials-cards{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e6e6e6;border-top:0;border-radius:0 0 6px 6px;overflow:hidden}
.testimonial-card{padding:1.1rem 1.25rem;min-height:120px}
.testimonial-card p{margin:0 0 0.5rem;color:#222}
.testimonial-card cite{color:#666;font-size:0.95rem}
.testimonial-card + .testimonial-card{border-left:1px solid #e9e9e9}

@media(max-width:900px){
  .testimonials-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .testimonials-cards{grid-template-columns:1fr}
  .testimonial-card + .testimonial-card{border-left:none;border-top:1px solid #e9e9e9}
  .testimonials-header{padding:0.7rem 0.9rem}
}




ul { padding-left: 40px; }
li { font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;}

.introgrid {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fit, 500px);
justify-content: left;
/* repeat (3, 1fr);  */
}
                
.introitem  {
padding: 2em;
column-count: 1;
column-gap: 40px;
column-rule: 2px dotted rgb(82, 9, 31);

border:2px solid #acdfad;padding:1rem;border-radius:6px
}

.introitem img {
max-width: 100%;
margin: auto;
height: auto;
 display: block;
border-radius: 20px;
      } 


                        
.introgrid {
grid-template-columns: 1fr;
justify-content: center;
}