/*
    Author:Stephen Friend
    Date:8/30/2025 - 11/--/2025
*/

/* Set the background color and text color for the whole page */

	/* Basic branding */
	h1 {
		color: #F64E82;
		font-family: Arial, sans-serif;
		text-align: center;
	}
	
	h2 {
		color: #F64E82;
	}

	body {
		margin: 0;
		font-family: Arial, sans-serif;
	}

	/* Sticky navigation bar */
	nav {
		position: sticky;
		top: 0;
		background-color: #ffffff;
		padding: 10px 0;
		border-bottom: 2px solid #04ABA1;
		text-align: center;
	}

	/* Navigation links */
	nav a {
		text-decoration: none;
		color: #04ABA1;
		margin: 0 15px;
		font-weight: bold;
		transition: color 0.3s ease;
		margin-right: 10px;
        text-decoration: none;
	}

	/* Rollover (hover) effect */
	nav a:hover {
		color: #F64E82;
	}

	/* Layout spacing */
	main {
		padding: 20px;
		color: #04ABA1;
	}

	/* Decorative image styling */
	.about-image {
		display: block;
		margin: 0 auto;
		max-width: 250px;
		border: 3px solid #04ABA1;
		border-radius: 15px;
	}
	
	.container {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;        /* space between boxes */
		margin: 20px;
		padding: 25px;
		text-align: center;
	}

	.box {
		flex: 1;          /* makes each box the same width */
		padding: 20px;
		background-color: #fff0f5;
        border-radius: 5px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.25);
	}
  
	.row {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.row .box {
		flex: 1;
		min-width: 200px;
	}
	
	body {
		background-color: #ffffff;
        font-family: Arial, sans-serif;
	}

        form {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-top: 20px;
        }

        input, textarea, button {
            padding: 10px;
            font-size: 1em;
            width: 100%;
            border-radius: 5px;
            border: 1px solid #F64E82;
        }

        button {
            background-color: #F64E82;
            color: white;
            border: none;
            cursor: pointer;
        }

        .contact-links {
            margin-top: 20px;
        }
		
		/* Frame wrapper */
	.site-wrapper {
		max-width: 1100px;      /* controls inner content width */
		margin: 30px auto;      /* centers the framed area */
		padding: 24px;          /* space between border and content */
		box-sizing: border-box; /* include padding in width */
		background: #fffff6;    /* inner background (optional) */
		border: 6px solid #04ABA1; /* visible frame color */
		border-radius: 12px;    /* rounded corners */
		box-shadow: 0 10px 30px rgba(0,0,0,0.12); /* subtle depth */
	}
	
	footer {
		text-align: center;
	}

	
	.contact-email { display: inline; }
	.contact-phone { display: none; }

	
	@media (max-width: 481px){
	.contact-phone { display: inline; }
	.contact-email { display: none; }
	}