/*----------------------- This section fixes site-wide deprecated HTML tags --------------------*/

/* Replacement for <FONT FACE="Arial"> */
	body {
	font-family: Arial, Helvetica, sans-serif; }

/* Replacement for BGPROPERTIES in BODY */
.body-image {
	background-image: url('/images/cwlogo.gif');
	background-attachment: fixed; }

.body-no-image {}

/* Replacement for LINK and VLINK in BODY */
	a:link {
	color: #0000FF; }	/* Your desired color */

	a:visited {
	color: #800080; }	/* Your desired color */

/* Replacement for <P align=justify> */
	p {
	text-align: justify; }

/* Add code for <P> centered */
	.p-center {
	text-align: center; }

/*----------------------- End of site-wide deprecated HTML tag fixes --------------------*/

/*----------------------- This section is CWRG specific stylesheet declarations --------------------*/
.shadow-underline
	{
	FONT: 42px "Brush Script MT", cursive;
	COLOR: #3333cc;
	display: block ;
	box-shadow:
		inset 0 -0.15em white, 
		inset 0 -0.2em black;
	text-shadow:
		0.04em 0 white,
		-0.04em 0 white;
	text-align:	CENTER;
	position:	fixed;
	width:		100%;
	height:		60px;
	text-align:	center;
	padding:	0px 0;
	top:		0;
	left:		0;
	background:	#fff;
	}

/* This will center a table on a page, not the contents */ 
.table-center {
	display: table;
	margin: 0 auto; }

/* Bordered tables */
	.table-border {
	border: 2px solid #888; 
	border-collapse: separate; }

	.table-border th,
	.table-border td {
	border: 1px solid #aaa;
	padding: 3px; }

/* Borderless tables */
	.table-no-border {
	border: none;
	border-collapse: separate; }

	.table-no-border th,
	.table-no-border td {
	border: none;
	padding: 3px; }

/* Photo Archives Pages */
.photo-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 13px;
}

.photo-table td {
    border: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.photo-table td img {
    width: 100px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
	border: 1.5px solid black;
}

.photo-table span {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    white-space: normal;
}

/* Official Programs and Miscellaneous Archives */
.archive-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 13px;
}

.archive-table td,
.archive-table th {
    border: 0;
    vertical-align: middle;
    padding: 3px;
}

.archive-table img {
    width: 100px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
    border: 1.5px solid black;
}

.archive-table .archive-item {
    width: 400px;
}

.archive-table .archive-gap {
    width: 25px;
}

/* Cabin photo identification tables */
.cabin-info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.cabin-roster {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 8pt;
    width: auto;
}

.cabin-roster td {
    border: 0;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

.cabin-roster .row-label {
    width: 120px;
    white-space: nowrap;
}

.hover-status-checked {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14pt;
    white-space: nowrap;
    flex-shrink: 0; }

.hover-status-checked img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    flex-shrink: 0; }

.hover-status-unchecked {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14pt;
    white-space: nowrap;
    flex-shrink: 0; }

.hover-status-unchecked img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0; }

.cabin-photo {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.reunion-table {
	border: none;
	border-collapse: separate; 
	border-spacing: 5px;
	font-size: 13px; }

.reunion-table th,
.reunion-table td {
	border: none;
	padding: 0px; }

.reunion-table .reunion-gap {
    width: 20px; }


.container
	{
        padding-top:	10px;
        padding-bottom: 0px;
	margin-top:	10px;
	}

.REDs::after
	{
	font:		13px "Arial";
	COLOR:		RED;
	content:	"*";
	}

.video-border {
    border: 3px solid #555;
}

.FOOT1::before
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: white;
    content: "";
    z-index: 1;
}

.FOOT1::after
{
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    content: "Forever and forever, Waupaca!";
    font: italic bold 20px Arial;
    color: green;
    white-space: nowrap;
    z-index: 2;
}

.FOOT2::before
{
    position: fixed;
    bottom: 17px;
    left: 20px;
    content: "© 1995-2026 the Camp Waupaca Reunion Group. All Rights Reserved.";
    font: 10px Arial;
    color: black;
    white-space: nowrap;
    z-index: 2;
}

.FOOT3
{
    position: fixed;
    bottom: 17px;
    right: 20px;
    font: 12px Arial;
    z-index: 3;
}

/*----------------------- Mobile / Responsive --------------------*/


@media (max-width: 768px) {

    .shadow-underline {
        font: 24px Arial, Helvetica, sans-serif;
        font-weight: bold;
    }


    .photoarchives-tables {
        flex-direction: column;
        align-items: center;
    }

}