@charset "utf-8";
/* CSS Document */
 
.qr-display {
    font-size: 1.2em;
    border-width: 2px;
    border-style: solid;
    border-color: black;
    border-radius: 5px;
    padding: 10px;
    background-color: #F5F5F5;
}
.actions-border {
    border-width: 2px;
    border-style: solid;
    border-color: black;
    border-radius: 5px;
    font-size: 1.3em;
    padding: 15px;
    background-color: #F5F5F5;
}
.page-header-qrtype {
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
}
.actions-header {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: black;
}
.application-text {
    text-align: center;
    font-size: 1.1em;
}
.application-image {
    text-align: center;
    padding: 15px;
}
.section-header {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.action-item {
    font-size: 1.1em;
    font-weight: bold;
}
.qr-photo {
    text-align: center;
    padding: 15px;
    border: solid 1px black;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    width: auto;
    border-radius: 5px;
    background-color: #eef2fe;
}
.qr-audio {
    text-align: center;
    padding: 15px;
    border: solid 1px black;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #eef2fe;
}
 
.qr-video-player {
    justify-content: center;
    text-align: center;
    padding: 15px;
    border: solid 1px black;
    margin-bottom: 10px;
    width: auto;
    background-color: #eef2fe;
    border-radius: 5px;
}
.qr-audio-text {
    padding: 15px;
    text-align: center;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #eef2fe;
}
.qr-audio-player {
    padding: 5px;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    margin-bottom: 10px;
    background-color: #eef2fe;
    border-radius: 5px;
}
.qr-special-message {
    text-align: center;
    padding: 15px;
    border: solid 1px black;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #eef2fe;
    border-radius: 5px;
}
.sample-text {
    text-align: center;
    font-size: 1.1em;
}
.sample-image {
    text-align: center;
    padding: 15px;
}
.list-item {
    margin-bottom: 10px;
}
.return-right {
    text-align: right;
    float: right;
    margin-top: 5px;
}
.return-left {
    text-align: right;
    float: left;
    margin-top: 15px;
    margin-left: 5px;
}
.form-item {
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
    width: 400px;
}
.form-item-submit {
    padding: 5px;
    margin-top: 32px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
}
.table-misc {
    display: table;
}
.tr-misc {
    display: table-row;
}
.tr-misc-hdr {
    font-weight: bold;
    font-size: 1.1em;
    display: table-row;
}
.td-misc {
    display: table-cell;
    padding-right: 10px;
    border-bottom: solid 1px black;
}
.td-misc-hdr {
    display: table-cell;
    padding: 10px;
    border-bottom: solid 1px black;
    font-size: 1.1em;
    font-weight: bold;
}
.tr-pay {
    display: table-row;
    padding: 10px;
}
.td-pay {
    display: table-cell;
    padding: 10px;
    border-bottom: solid 2px black;
}
.table-basic-facts {
    display: table;
}
.tr-basic-facts {
    display: table-row;
    border-bottom: solid black 2px;
}
.tr-basic-facts-hdr {
    display: table-row;
}
.td-basic-facts {
    display: table-cell;
    padding: 10px;
    border-bottom: solid black 2px;
    border-right: solid black 2px;
    text-align: center;
}
.td-basic-facts-hdr {
    display: table-cell;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    padding: 10px;
    border-bottom: solid black 2px;
    background-color: #3e6d99;
    text-align: center;
}
.td-basic-facts-col1 {
    display: table-cell;
    text-align: right;
    padding: 10px;
    border-bottom: solid black 2px;
    border-right: solid black 2px;
    border-left: solid black 2px;
    font-weight: bold;
}
.table-qr {
    display: table;
}
.tr-qr {
    display: table-row;
}
.td-qr {
    display: table-cell;
}
.table-gcc {
    display: table;
    display: inline-block;
}
.tr-gcc {
    display: table-row;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.td-gcc {
    display: table-cell;
}
.td-gcc-outer-l {
    display: table-cell;
    margin-right: 20px;
    border: solid 1px black;
    border-radius: 5px;
    padding: 5px;
}
 
.td-gcc-text {
    display: table-cell;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 42px;
    line-height: 1.0;
}
.table-qr-section {
    display: table;
    margin-right: 5px;
}
.tr-qr-section {
    display: table-row;
    display: flex;
    justify-content: top;
    align-items: top;
    vertical-align: top;
}
.td-qr-section {
    display: table-cell;
    margin-left: 5px;
    width: 50%;
    vertical-align: top;
}
    .td-qr-section-98pc {
    display: table-cell;
    margin-left: 5px;
    width: 99%;
    vertical-align: top;
}
.td-qr-section-2pc {
    display: table-cell;
    margin-left: 5px;
    width: 1%;
    vertical-align: top;
}
.table-album-section {
    display: table;
    margin-right: 5px;
}
.tr-album-section {
    display: table-row;
    display: flex;
    justify-content: top;
    align-items: top;
    vertical-align: top;
}
.td-album-section {
    display: table-cell;
    margin-left: 5px;
    vertical-align: top;
}
.table-video-section {
    display: table;
    margin-right: 5px;
}
.tr-video-section {
    display: table-row;
    display: flex;
    justify-content: top;
    align-items: top;
    vertical-align: top;
}
.td-video-section {
    display: table-cell;
    margin-left: 5px;
    vertical-align: top;
}
.table-pa {
    display: table;
}
.tr-pa {
    display: table-row;
    margin: 5px;
}
 
.td-pa {
    display: table-cell;
    padding: 5px;
    border: solid 1px black;
    text-align: center;
}
.td-pa-hdr {
    display: table-cell;
    padding: 10px;
    border-bottom: solid 1px black;
    font-size: 1.1em;
    font-weight: bold;
}
.table-view {
    display: table;
}
.tr-view {
    display: table-row;
    vertical-align: top;
}
.tr-view-hdr {
    font-weight: bold;
    font-size: 1.1em;
    display: table-row;
}
.td-view {
    display: table-cell;
    padding-right: 10px;
    border-bottom: solid 1px black;
    vertical-align: top;
}
.td-view-hdr {
    display: table-cell;
    padding: 10px;
    border-bottom: solid 1px black;
    font-size: 1.1em;
    font-weight: bold;
}
.section-header-left {
    font-size: 1.2em;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
}
.code-type-header {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 20px;
}
.get-started-header {
    font-size: 1.2em;
    margin-bottom: 20px;
}
.goto-qrcodes {
    text-align: right;
    float: left;
    margin-top: 15px;
    margin-left: 5px;
}
 
.qr-page-display-header {
    font-size: 1.3em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.qr-page-display-text {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 15px;
}
.qr-section-hdr {
    
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.qr-text {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px black;
    background-color: #eef2fe;
    border-radius: 5px;
}
.qr-text-section {
    text-align: center;
    padding: 15px;
    border: solid 1px black;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #eef2fe;
    border-radius: 5px;
}
.home-top-section {
    margin-top: 5px;
    margin-bottom: 15px;
    border: solid 1px black;
    padding: 8px;
}
.welcome-header {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
}
.qr-text-section-text {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
}
.qr-text-ancestry {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
}
.qr-gcc-header {
    font-size: 1.3em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}
.section-container {
    display: inline-block;
    border: solid 3px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: auto; 
}
 
.header-container {
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fc;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    color: white;
    text-shadow: black 1px 1px 3px;
}
.message {
    font-size: 1.2em;
}
 
.qr-fullname-hdr {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif; 
    text-align: center;
}
.current-user {
    font-size: 12px;
}
.qr-e-card-message {
    color: black;
    font-size: .8em;
    border: solid 1px black;
    text-align: left;
    padding: 10px;
    text-shadow: none;
    font-weight: normal;
    background-color: #eef3ff;
}
 
.e-card-list-types {
    border: solid 1px black;
    width: auto;
    border-radius: 5px;
    padding: 8px;
    margin-top: 10px;
}
.table-e-card-list {
    display: table;
    width: auto;
}
.tr-e-card-list {
    display: table-row;
}
.td-e-card-list {
    display: table-cell;
    padding-right: 10px;
}
.qr-photo-title {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
 
.memorial-header {
    font-size: 28px;
	font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
	 margin-top: 15px;
	font-style:italic;
}
 
.qr-text-section-pdf-Letter {
    text-align: center;	 
    margin-bottom:5px;
    font-size: 1.0em;
    font-weight: bold;    
	 
}
.qr-text-section-pdf-B6 {
    text-align: center;	     
    font-size: 1.0em;
    font-weight: bold;    	 
}

.pdf-photo{
	text-align:center;
	justify-content:center;
	display:flex;
	margin-bottom:10px;
	padding:10px;
}
 
.pdf-rmc-container-j-B6 {
	/* 5 X 7 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/rmc-j-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
}
 
.pdf-rmc-container-j-Letter {
	/* 8.5 X 11 size */
	/* current width and height are based on DPK margin values of 3px */
	/* it appears that container div and background image must be identical in width and height */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px; 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/rmc-j-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
.pdf-rmc-container-flowers-B6 {
	/* 5 X 7 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/rmc-flowers-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
} 
 
.pdf-rmc-container-flowers-Letter {
	/* 8.5 X 11 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/rmc-flowers-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
	
.pdfqr-photo{
	text-align:center;
	justify-content:center;
	display:flex;
	margin-bottom:10px; 
	margin-top:0px; 
	padding:10px; 
}
.pdfqr-obit {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
	margin-top:10px;
  border: solid 2px black;
  border-radius:5px;
  padding:10px;
  width:535px;
  background-color: #eef2fe;	
}
.pdfqr-qrcode-B6 {
    max-width:fit-content;
    margin-left: auto;
    margin-right: auto;	 
    padding: 5px;
    border: solid 2px black; 
    width:250px;
	height:120px;
    border-radius: 5px;
    background-color: #eef2fe;	 
	margin-top:15px;
}
.pdfqr-qrcode-Letter {
    max-width:fit-content;
    margin-left: auto;
    margin-right: auto;	 
    padding: 5px;
    border: solid 2px black; 
    width:250px;
	height:120px;
    border-radius: 5px;
    background-color: #eef2fe;	 
	margin-top:15px;
}
 
.pdfqr-section-hdr {  
    font-weight: bold;
    font-size: 14px;
    text-align: center;	 
}
 
.pdfqr-photo-image{
   border:solid 2px black;
   border-radius:5px;	
}
.memorial-header-B6 {
    font-size: 22px;
	font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-weight: bold;   
	font-style:italic;
	margin-bottom:5px;
}
.qr-fullname-hdr-B6 {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif; 
    text-align: center;
}
.pdf-msc-container-j-B6 {
	/* 5 X 7 size */
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-j-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
} 
.pdf-msc-container-j-Letter {
	/* 8.5 X 11 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-j-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
.pdf-msc-container-cross-B6 {
	/* 5 X 7 size */	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-cross-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
} 
.pdf-msc-container-cross-Letter {
	/* 8.5 X 11 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-cross-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
.pdf-msc-container-crucifix-B6 {
	/* 5 X 7 size */	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-crucifix-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
} 
.pdf-msc-container-crucifix-Letter {
	/* 8.5 X 11 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-crucifix-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
.pdf-msc-container-flowers-B6 {
	/* 5 X 7 size */	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 455px; 
	height:651px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-flowers-B6-455-651.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 651px ;
} 
.pdf-msc-container-flowers-Letter {
	/* 8.5 X 11 size */
	
    display: inline-block;
    border: solid 2px;
    border-color: #000000;
    padding: 5px;
    background-color: #dce4fb;
    width: 790px; 
	height:1037px;	 
	background-image: url('https://www.qrcodesforeveryone.com/wp-content/uploads/2026/01/msc-flowers-Letter-790-1037.png');
  /*  background-size: cover;  Stretches the image to cover the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    /* Add height or min-height so the div is visible */
    min-height: 1037px ;
}
  
.pdf-photo-obit-combined-container{
  display:flex;
  justify-content: center;
  width:540px;
  margin:auto;
}
.pdf-photo-obit-combined-Letter{
    justify-content:center;
    display:inline-block;
    width: 538px;
    margin:auto;
    max-height: 700px;
}
 
.pdf-photo-mem-combined-Letter-container{
   display:flex;
   justify-content: center;
   width:540px;
   margin:auto;
   padding:10px;
}
.pdf-photo-mem-combined-Letter{
    justify-content:center;
    display:inline-block;
    width: 538px;
    margin:auto;
    max-height: 700px;
}
.pdf-photo-mem-combined-B6-container{
   display:flex;
   justify-content: center;
   width:330px;
   margin:auto;
   padding:10px;
}
.pdf-photo-mem-combined-B6{
    justify-content:center;
    display:inline-block;
    width: 328px;
    margin:auto;
    max-height: 700px;
}
.pdf-mem-service-Letter{
   display:flex;
   justify-content: center;
   width:350px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:15px;
   padding-bottom:5px;
   border: solid 2px black;
   border-radius:5px;
   background-color: #eef2fe;
   padding: 5px;
}
.pdf-mem-service-B6{
   display:flex;
   justify-content: center;
   width:330px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:5px;
   padding-bottom:5px;
   border: solid 2px black;
   border-radius:5px;
   background-color: #eef2fe;
   padding: 5px;
}
.pdf-qr-img{
   display:flex;
   justify-content: center;
   width:250px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:15px;
   padding-bottom:10px;
   border: solid 2px black;
   border-radius:5px;
   background-color: #eef2fe;
   padding: 10px;
}
.pdf-qr-img-B6{
   display:flex;
   justify-content: center;
   width:200px;
   margin-left:auto;
   margin-right:auto; 
   border: solid 2px black;
   border-radius:5px;
   background-color: #eef2fe;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}
.pdf-mem-service-details-B6{
   font-size:10px;
}
.pdf-mem-service-details-Letter{
   font-size:14px;
}
.qr-dates-hdr-B6 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif; 
    text-align: center;
}
.qr-dates-hdr-Letter {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif; 
    text-align: center;
}
.pdfqr-qrcode-img-B6{
	float:left;
	padding:10px;
	margin-right:15px;
}
.pdfqr-qrcode-img-Letter{
	float:left;
	padding:10px;
	margin-right:15px;
}
 
 