:root{
    --navy:#0b3554;
    --teal:#006d8f;
    --gray:#8d8f91;
    --line:#8f8f8f;
    --light:#efefef;
    --text:#222;
  }
  /*{box-sizing:border-box}*/
  html,body{margin:0;padding:0;background:#f3f3f3;color:var(--text);font-family:Arial,Helvetica,sans-serif}
  body{padding:18px}
  .page{
    width:8.5in;
    min-height:11in;
    margin:0 auto;
    background:#fff;
    padding:.42in .48in .33in;
    box-shadow:0 2px 12px rgba(0,0,0,.14);
  }
  .header{
    height:.84in;
    background:var(--navy);
    color:#fff;
    display:grid;
    grid-template-columns:1.55in 1fr;
    align-items:center;
    padding:0 .25in;
    position:relative;
    overflow:hidden;
  }
  .header:after{
    content:"";
    position:absolute;
    right:-.1in; top:-.15in;
    width:.65in; height:1.2in;
    background:
      linear-gradient(70deg, transparent 0 28%, rgba(255,255,255,.16) 29% 44%, transparent 45% 58%, rgba(255,255,255,.28) 59% 68%, transparent 69%);
  }
  .church{
    text-align:center;
    line-height:1.05;
    font-family:Georgia,"Times New Roman",serif;
    letter-spacing:.4px;
  }
  .church .small{font-size:8px;letter-spacing:.8px}
  .church .big{font-size:17px}
  h1{margin:0;font-size:20px;letter-spacing:.2px;font-weight:700}
  .intro{font-size:10px;line-height:1.2;margin:7px 0 4px}
  .section-title{
    background:var(--teal);
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:4px 5px;
    margin-top:4px;
  }
  .section-title.gray{background:var(--gray)}
  .section-title .note{font-weight:400;margin-left:8px}
  .grid{display:grid;border-left:1px solid transparent}
  .cell{
    min-height:31px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:2px 3px 1px;
    position:relative;
  }
  .cell:last-child{border-right:0}
  .label{display:block;font-size:9px;line-height:1.05;color:#555;margin-bottom:1px}
  input[type=text], input[type=date], input[type=tel], input[type=email], textarea{
    width:100%;
    border:0;
    outline:none;
    background:transparent;
    font:11px Arial,Helvetica,sans-serif;
    padding:0;
    color:#111;
  }
  textarea{resize:none;overflow:hidden;line-height:1.15}
  .tall textarea{height:40px}
  .med textarea{height:26px}
  .checkrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:9px;margin-top:2px}
  .checkrow label{display:inline-flex;align-items:center;gap:3px}
  input[type=checkbox]{width:10px;height:10px;margin:0}
  .phone-line{
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr 1fr;
    gap:7px;align-items:end;
  }
  .phone-line .checks{display:flex;gap:7px;justify-content:flex-end;font-size:9px;white-space:nowrap}
  .phone-line label{display:inline-flex;align-items:center;gap:2px}
  .plain-row{
    border-bottom:1px solid var(--line);
    min-height:27px;
    padding:2px 3px;
  }
  .prompt-grid{
    display:grid;
    grid-template-columns:1fr 1.55fr;
    border-bottom:1px solid var(--line);
  }
  .prompt{
    min-height:34px;
    padding:2px 3px;
  }
  .prompt + .prompt{border-left:1px solid var(--line)}
  .prompt .question{font-size:9px;color:#555;line-height:1.1}
  .prompt textarea{height:22px}
  .permission{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    font-size:9.4px;
    line-height:1.23;
    margin:4px 0 5px;
  }
  .permission p{margin:0 0 5px}
  .sig-grid{
    display:grid;
    grid-template-columns:3fr 1fr;
    border-top:1px solid var(--line);
  }
  .sig{
    min-height:33px;
    border-bottom:1px solid var(--line);
    padding:4px 3px;
    font-size:9px;
    color:#555;
  }
  .sig .cursive{
    font-family: 'Brush Script MT', cursive;
    font-size:20px;
    font-weight:bold;
  }
  .sig:nth-child(odd){border-right:1px solid var(--line)}
  .footer{
    text-align:right;
    font-size:6.8px;
    color:#666;
    margin-top:5px;
  }
  .row-event1{grid-template-columns:2fr 1fr}
  .row-ward{grid-template-columns:1fr 1fr}
  .row-leader{grid-template-columns:1fr 1fr 1fr}
  .row-person{grid-template-columns:2fr 1fr 1fr}
  .row-phone{grid-template-columns:1fr 1fr}
  .row-address{grid-template-columns:2.2fr 1fr .65fr}
  .row-emergency{grid-template-columns:1fr 1.15fr 1.1fr}
  .tight .cell{min-height:27px}
  .no-right{border-right:0!important}
  .spacer{height:6px}
  @page{size:Letter portrait;margin:0}
  @media print{
    html,body{background:#fff}
    body{padding:0}
    .page{box-shadow:none;margin:0;width:8.5in;height:11in;min-height:11in}
  }

  @media(max-width:800px){
    .page{
      width:100%;
      padding-right:0px;
      padding-left:0px
    }

    body{
      padding:0px;
    }
    .header{
     display:flex;
     flex-direction:column;
     height:fit-content;
     gap:10px;
     justify-content:space-around;
     padding:10px;
    }
    .header h1{
      font-size:15px;
    }
    
    .grid{
      display:block;
      width:100%;
    }
    select{
      width:100%;
    }
    input[type=submit]{
      width:90%;
      margin: 0 auto;
    }
    #formselector{
      display:flex;width:100%;
    }
   .createNewEventForm{
    text-align:center;
   }
   .centered{
    width:100%;
    text-align:center;
   }
  }