Custom CSS added to wp_head. Used for the Condo Owner's Association Demo at https://coa.pmproplugin.com/

my_coa_demo_add_custom_inline_style.php

<?php
function my_coa_demo_add_custom_inline_style() {
    echo '<style>
        /* Custom CSS here */
        .pmpro_member_directory_before,
		.pmpro_member_directory_after {
			display: none;
		}
		.pmpro_member_directory .pmpro_member_directory-item.pmpro_card {
			margin-top: 60px;
			overflow: visible;
		}
		.pmpro_member_profile_field-avatar {
			margin-top: -80px;
		}
		.pmpro_member_directory_field-avatar .avatar,
		.pmpro_member_profile_field-avatar .avatar {
			border: 3px solid var(--wp--preset--color--accent);
		}
		.pmpro_member_directory_unit {
			white-space: nowrap;
		}
		.document-library-table {
			background-color: var(--pmpro--color--base);
			border: none;
			text-align: left;

			thead th {
				background-color: var(--pmpro--color--base);
				border: none;
				padding: var(--pmpro--base--spacing--small);
				vertical-align: text-bottom;
			}

			tbody th,
			tbody td,
			tfoot td  {
				background-color: var(--pmpro--color--base);
				border-color: var(--pmpro--color--border--variation);
				border-width: 1px 0 0 0;
				border-style: solid;
				font-weight: normal;
				padding: var(--pmpro--base--spacing--small);
				vertical-align: middle;
			}
		}
		.pmpro_table.condo_units_table thead th,
		.pmpro_table.condo_units_table tbody td {
			vertical-align: top;
		}
    </style>';
}
add_action('wp_head', 'my_coa_demo_add_custom_inline_style');