:root {
    --card-bg: #E0E0E0;
    --profile-text-color: #292929;
}

    .wrapper_profile-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    }    

    .profile-card {
    position: relative;
    /* [disabled]padding-top: 1rem; */
    /* [disabled]padding-right: 1rem; */
    /* [disabled]padding-left: 1rem; */
    /* [disabled]padding-bottom: 1rem; */
    /* [disabled]box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06); */
    overflow: hidden;
    grid-row: span 5; /* assign 1 row to each element/div */
    display: grid; /* needed to set up subgrid */
    grid-template-rows: subgrid; /* works together with grid-row that defines # of rows */
    gap: 0;
    /* [disabled]-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06); */
    /* [disabled]background-color: #ccc; */
    height: 100%;
    max-width: 400px;
    width: 100%;
    background-color: var(--card-bg);
    transform: scale(1);
    margin-right: auto;
    margin-left: auto;
    transition: .3s;
    margin-bottom: 20px;
    }

    .profile-card:hover {
    /* [disabled]box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); */
    /* [disabled]-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); */
    /* [disabled]margin-top: 6px; */
    }
    
    .profile-card * {
    /* [disabled]-webkit-box-sizing: border-box; */
    /* [disabled]box-sizing: border-box; */
    /* [disabled]-webkit-transition: all 0.25s ease; */
    transition: all 0.25s ease;
    }

.card-content_1 {
    /* [disabled]padding-right: 20px; */
}
.card-content_2 {
    padding-right: 20px;
    padding-left: 20px;
}
.card-content_3 {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.card-content_4 {
   padding: 10px 20px;
}
.card-content_5 {
   padding: 10px 20px;
}

    .profile-card img {
    vertical-align: top;
    opacity: 0.6;
    }
    .profile-card figcaption {
    width: 100%;
    /* [disabled]background-color: #141414; */
    /* [disabled]padding-top: 15px; */
    padding-right: 15px;
    padding-left: 15px;
    /* [disabled]padding-bottom: 15px; */
    position: relative;
    } 
    .profile-card figcaption:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 0 0 400px; /* slanted shape */
    border-color: transparent transparent transparent var(--card-bg);
    }

.profile-contact {
	/* [disabled]display: grid; */
	grid-template-columns: repeat(2, minmax(0, 1fr)); /* repeat determined by # of items */
	padding: 15px;
	gap: 6px;
}

    .profile-card .profile {
    border-radius: 50%;
    position: absolute;
    bottom: 100%;
    left: 25px;
    z-index: 1;
    max-width: 180px;
    opacity: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }

    .profile-card:hover .profile {
        transform: scale(1.06);
    }

    .profile-card .profile-contact a {
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px solid #ffffff;
	font-size: 1rem;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	text-decoration: none;
    }

     .profile-card .profile-contact .phone {
    /* [disabled]border-color: #015E64; */
    color: #3B5A5C;
    background-color: #fff;
    }
    .profile-card .profile-contact .phone:hover {

    }

    .profile-card .profile-contact .email {
	/* [disabled]border-color: #015E64; */
	color: #FFFFFF;
	background-color: #015E64;
	display: block;
    }
    .profile-card .profile-contact .email:hover {
    color: #FFFFFF;
    background-color: #00727A;
    }

    .profile-card h2 {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
    padding-top: 20px;
    color: #525252;
    }
    .profile-card h2 span {
    display: block;
    font-size: 1rem;
    color: #5C5C5C;
    /* [disabled]letter-spacing: 2px; */
    }
    .profile-card h4 {
    color: #5C5C5C;
    }    

    .profile-card p {
    color: var(--profile-text-color);
    font-size: 94%;
    }
    
    .profile-card .social-links {
    /* [disabled]padding-top: 20px; */
    /* [disabled]padding-right: 10px; */
    /* [disabled]padding-left: 10px; */
    /* [disabled]padding-bottom: 20px; */
    text-align: center;
    width: 100%;
    }
    .social-links a {
    padding: 0% 5%;
    font-size: 2.6rem;
    color: #848484;
    text-decoration: none;
    /* [disabled]opacity: 0.4; */
    }    
    .social-links a:hover {
    transform: scale(1.1);
    opacity: 1;
    }   

.profile-card ul.bullet-icon,
.profile-card ul.bullet-none {
    color: var(--profile-text-color);
    gap: 4px;
}