/*
 * This is the style sheet for the new front page of Sept 2026.
 * The new page is basically 100% HTML, even though it will still 
 * be named index.php due to all the existing links to it. 
 */


:root {
    --meyeRed: #600;
    --zazzleBlue: rgb(3, 5, 99);
    --borderShow: 1px dotted rgb(220, 220, 220);
    --borderShow: none;
}

#fp_content {
     margin-right: 2%;
     min-height: 100px;
     padding-left: .5rem;
     border: var(--borderShow);
}

p#fp_classic, p#fp_zazzle {
     font-size: 1.1rem;
     line-height: 1.4rem;
     margin: 1rem 1rem 1rem 1.2rem;
     color: var(--meyeRed);
}

p#fp_zazzle {
     color: var(--zazzleBlue);
}

.fp_prod {
     float: left;
     background: white;
     min-height: 550px;
     margin: .5rem;
     margin-left: 1rem;
     width: 350px;
     border: var(--borderShow);
}

#container .fp_prod p {
     font-size: .9375rem;
     line-height: 1.35;
}

 .fp_prod img {
     border: 1px solid black;
 }

 .fp_prod img.no_border, .fp_order img {
     border: none;
 }

/*  Need to use #container to override the main style sheet */
 #container .fp_prod p.title {
     text-align: center;
     font-weight: bold;
     margin: 1rem 0;
     font-size: 1rem;
 }

 #container .fp_order {
     text-align: center;
     font-weight: bold;
     color: var(--meyeRed);
     font-size: 1rem;
 }