/* Fix for weird extra height that WP is addng to bottom, resulting excess whitespace. */ 
#bgLayers_comp-layrlwdq {
    height: auto !important;
    min-height: 0 !important;
}

/* Keep the header fixed at the top of the viewport */
header {
    position: fixed !important;
	  padding-top:30px !important;
		padding-bottom: 10px !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensures header stays above other content */

/* Add padding to the body to prevent content from being hidden under the fixed header */
body {
    padding-top: 80px; /* Adjust based on your header’s height */
}

/* Adjust for WordPress admin bar if present */
body.admin-bar .site-header {
    top: 32px; /* Matches admin bar height on desktop */
}

/* Optional: Responsive adjustments for mobile */
@media (max-width: 768px) {
    .site-header {
        padding: 10px; /* Adjust padding for mobile */
    }
    body {
        padding-top: 60px; /* Adjust based on mobile header height */
    }
    body.admin-bar .site-header {
        top: 46px; /* Admin bar height on mobile */
    }
}
	
	
/* Center text horizontally and vertically within the flexbox container */
.center-text-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 100%; /* Ensures the container takes up available height */
    min-height: 200px; /* Optional: Set a minimum height for visibility */
    width: 100%; /* Ensures the container takes up available width */
    text-align: center; /* Ensures text itself is centered if it wraps */
}

/* Optional: Ensure the parent container allows the flexbox to fill space */
.parent-container {
    height: 100%; /* Adjust based on your layout */
}
	
/* About Me Section Styles */
        .about-me-section {
            padding: 60px 20px;
            text-align: center;
            background-color: #ffffff; /* Adjust if Wix section has a specific background */
        }

        .about-me-section h2 {
            font-family: 'Raleway', sans-serif;
            font-size: 60px;
            font-weight: bold;
            line-height: 0.9em;
            color: #333333; /* Assumed color_24; replace with exact color if known */
            margin-bottom: 20px;
        }

        .about-me-section hr {
            width: 100px;
            height: 1px;
            background-color: #333333; /* Match heading color or adjust */
            border: none;
            margin: 20px auto;
        }

        .about-me-section p {
            font-family: 'Avenir', sans-serif;
            font-size: 15px;
            line-height: 1.6em;
            color: #555555; /* Assumed color_23; replace with exact color if known */
            letter-spacing: -0.02em;
            max-width: 600px;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .about-me-section h2 {
                font-size: 40px;
            }

            .about-me-section p {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .about-me-section h2 {
                font-size: 32px;
            }

            .about-me-section p {
                font-size: 13px;
            }
        }	
	
        /* Portfolio Intro Section Styles */
        .portfolio-intro {
            padding: 40px 20px;
            text-align: center;
            background-color: #ffffff; /* Adjust if Wix section has a specific background */
            max-width: 800px;
            margin: 0 auto;
        }

        .portfolio-intro p {
            font-family: 'Avenir', Helvetica, sans-serif;
            font-size: 15px;
            line-height: 1.6em;
            color: #333333; /* Assumed color_24; replace with exact color if known */
            margin-bottom: 15px;
        }

        .portfolio-intro a {
            font-weight: bold;
            text-decoration: underline;
            color: #333333; /* Match paragraph color */
            transition: color 0.3s ease;
        }

        .portfolio-intro a:hover {
            color: #007bff; /* Optional hover effect; adjust as needed */
        }

        @media (max-width: 768px) {
            .portfolio-intro p {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .portfolio-intro p {
                font-size: 13px;
            }
        }
	
       /* Services List Section Styles */
        .services-list {
            padding: 40px 20px;
            text-align: center;
            background-color: #ffffff; /* Adjust if Wix section has a specific background */
            max-width: 800px;
            margin: 0 auto;
        }

        .services-list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .services-list li {
            font-family: 'Avenir', Helvetica, sans-serif;
            font-size: 15px;
            line-height: 2em;
            color: #51373B; /* Matches rgb(81, 55, 59) */
            margin-bottom: 10px;
        }

        @media (max-width: 768px) {
            .services-list li {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .services-list li {
                font-size: 13px;
            }
        }