@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.water-blue:hover{color:#568bc4}.oak-green:hover{color:#697337}.sunset-orange:hover{color:#d45a63}main{display:flex;width:100%;flex:1;min-height:0;overflow:hidden}aside{flex:1;background-color:#f4f4f4;padding:20px}section{flex:3;padding:20px}#disclaimer{font-size:14px}@font-face{font-family:Playball;src:url(/assets/Playball-Regular-C6wxsnZs.ttf) format("ttf");font-weight:400;font-style:normal}dark-banner,footer,header{width:100%;background-color:#2f2e36;color:#cac4bc;text-align:center}header{display:flex;align-items:center;justify-content:center;padding:10px 20px;box-sizing:border-box;margin:0;height:120px;position:relative}header h1{margin-top:100px;margin-bottom:0;padding-bottom:0}header .logo{position:absolute;left:20px;max-height:90%;width:auto}header h3{color:#ffc000;margin-top:0;padding-top:0;margin-bottom:20px}nav{display:flex;margin:0;padding:0;background-color:#4c4a57}nav a{flex:1;text-align:center;padding:15px 0;color:#fc0;text-decoration:none;font-weight:700;transition:background-color .3s ease}nav a:hover,nav a.active{background-color:#5f5d6d}nav a.active{pointer-events:none}footer{position:fixed;bottom:0;left:0;padding:10px 0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);padding:0 20px 20px;max-width:500px;margin:0 auto}.calendar div{background:#fff;border:1px solid #ccc;text-align:center;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.calendar div:hover{background-color:#9290a1}.calendar div.today{background-color:#dfb386}.calendar div.today:hover{background-color:#cc873f}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay>.modal-content{background:#fff;padding:20px;border-radius:5px;max-width:90%;max-height:90%;overflow:auto;position:relative;min-width:400px}.modal-overlay>.modal-content p{max-width:375px}.modal-overlay>.modal-content audio{display:block;width:100%;margin-bottom:1em}.image-modal{display:flex;flex-direction:column;gap:14px;align-items:center;min-width:min(400px,90vw);max-width:96vw;max-height:92vh;overflow:hidden}.image-modal h3{margin-bottom:0}.image-modal-scroll{display:flex;justify-content:center;width:100%;min-height:0;flex:0 1 auto;overflow:auto}.modal-image{width:min(100%,700px);max-width:none;height:auto;align-self:flex-start}.image-modal-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;flex-shrink:0;width:100%}.prayer-modal{width:min(92vw,860px);height:min(92vh,980px)}.prayer-modal .image-modal-scroll{flex:1}.writing-entry-modal{width:fit-content;height:auto;padding:18px}.writing-entry-modal .image-modal-scroll{max-height:calc(90vh - 90px)}.writing-entry-modal .modal-image{width:min(86vw,940px)}.writing-entry-modal .image-modal-actions{width:auto;min-width:min(86vw,420px)}.postcard-modal{width:fit-content;height:auto;padding:18px}.postcard-modal .image-modal-scroll{max-height:calc(88vh - 90px)}.postcard-modal .modal-image{width:min(86vw,760px)}.postcard-modal .image-modal-actions{width:auto;min-width:min(86vw,360px);justify-content:center}.image-download{display:inline-block;background-color:#4c4a57;border-radius:5px;color:#dfb386;font-size:20px;font-weight:700;padding:5px 10px;text-decoration:none;transition:background-color .2s ease}.image-download:hover{background-color:#5f5d6d;color:#dfb386}.postcard-sidebar{display:flex;flex-direction:column;gap:10px;align-items:center;height:100%;min-height:0;overflow-y:auto;padding-right:4px}.postcard-sidebar h3{margin:0;text-align:center}.postcard-logo{width:min(100%,150px);filter:contrast(1.15)}.postcard-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:100%}.postcard-grid-main{gap:8px;max-width:244px}.postcard-grid-vertical{gap:8px;max-width:292px;margin-top:4px}.center-section{flex:0 1 34%;display:flex;flex-direction:column;align-items:center;background-color:#f4f4f4}.center-section h2{color:#7432ad;margin:0 0 14px;text-align:center}.postcard-tile{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 76px;min-height:46px;margin:0;padding:5px;aspect-ratio:1.65;border:1px solid #282828;border-radius:0;background-image:url(/images/postcards/blank-postcard-background.jpg);background-position:center;background-size:cover;box-shadow:0 2px 4px #0003;color:#7432ad;line-height:1.05;text-align:center}.postcard-tile span{display:flex;align-items:center;justify-content:center;font-family:Playball;font-size:clamp(.68rem,.8vw,.9rem);font-weight:700;text-align:center;width:100%;height:100%}.postcard-tile:hover{filter:brightness(1.04)}.postcard-tile-vertical{flex-basis:52px;min-height:78px;aspect-ratio:.72}.postcard-tile-vertical span{max-width:90%;white-space:normal}.song a:hover{color:#dfb386}.song.featured{color:#a00000;font-weight:700}.tabbed-section{display:flex;flex-direction:column;height:100%;width:100%}.tabbed-section .tab-buttons{display:flex;border-bottom:1px solid #ccc}.tabbed-section .tab-buttons button{flex:1;padding:10px;border:none;cursor:pointer;background-color:#f7f7f7;border-bottom:none;color:#2f2e36}.tabbed-section .tab-buttons button.active{background-color:#ddd;border-bottom:2px solid #2f2e36;cursor:default}.tabbed-section .tab-buttons .tab-content{flex:1;padding:20px;overflow:auto}.two-column-content{display:flex;width:100%}.column{flex:1;margin:5px 5px 30px}.column img{margin-top:20px;width:100%;height:auto;object-fit:cover}.column p{margin:10px}.contact-form{display:flex;flex-direction:column;gap:15px;align-items:center}.contact-form label{display:flex;flex-direction:column;font-weight:700;width:80%}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:10px;margin-top:5px;border-radius:5px;border:1px solid #ccc}.contact-form textarea{height:120px;resize:none}.contact-form button{margin-bottom:20px;width:150px}.contact-form .error-message{color:red;font-size:14px;margin-top:-10px;text-align:center}.contact-thank-you{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.contact-thank-you img{width:min(100%,150px);border-radius:5px}.contact-thank-you p{margin:0}img{max-width:100%;height:auto;display:block}.credit{font-size:12px}.book-wrapper{position:relative;flex:0 1 auto;width:min(100%,(100vh - 170px) * 1.3167);aspect-ratio:316/240;container-type:inline-size;margin:auto}.writing-image{width:100%;height:100%;object-fit:fill;display:block}.book-pages{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.book-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0;font-size:clamp(.72rem,3.35cqw,1.32rem);line-height:1}@supports not (font-size: 1cqw){.book-list{font-size:clamp(.72rem,1.18vw,1.2rem)}}.book-list li{display:flex;flex-direction:column;justify-content:center;min-height:0}.book-list li span{font-family:Playball}.entry-title,.entry-subtitle{display:block}.entry-title{font-size:1em;font-weight:600}.entry-subtitle{font-size:.65em;line-height:.95;margin-top:.15em}.left-page{padding:14% 8% 15% 18%}.right-page{padding:14% 16% 15% 10%}.page-entry{cursor:pointer}.page-entry:hover .entry-title,.page-entry:hover .entry-subtitle{text-decoration:underline}@font-face{font-family:Playball;src:url(/assets/Playball-Regular-C6wxsnZs.ttf) format("ttf");font-weight:400;font-style:normal}*{font-family:roboto,sans-serif}body{margin:0}html,body{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100%}h1{font-size:60px;font-family:Playball}h3{text-align:left;align-self:left;font-family:Playball;color:#1f4e79}a{cursor:pointer}button{display:block;margin-left:auto;margin-right:auto;background-color:#4c4a57;border-radius:5px;border:none;font-size:20px;font-weight:700;color:#dfb386;cursor:pointer;transition:background-color .2s ease;padding:5px 10px}button:hover,button:disabled{background-color:#5f5d6d}button:disabled{cursor:not-allowed}.link{text-decoration:underline}.link:hover{color:#dfb386}