.user-card-link{
	text-decoration:none !important;
	
}
.user-card-link.a:link{
		color:var(--ast-global-color-2) !important;
	}
	.user-card-link.a:visited{
		color:var(--ast-global-color-2) !important;
	}
	.user-card-link.a:active{
		color:var(--ast-global-color-2) !important;
	}
	.user-card-link.a:hover{
		color:var(--ast-global-color-2) !important;
	}

.user-card-link.a{
	color:var(--ast-global-color-2) !important;
}

.results-section {
            position: relative;
            display: grid;
            gap: 1rem;
            grid-template-rows: auto;

            *{
                box-sizing: border-box;
            }

            .card {
                position: relative;
                display: grid;
                grid-template-rows: 1fr auto;
                border-radius: 2rem;
				
                .main-info {
                    display: flex;
                    align-items: center;
                    gap: 2rem;
                    background-color: var(--ast-global-color-5);
                    padding: 0 2rem 0 0;
                    border-radius: 2rem;
                    cursor: pointer;
                    z-index: 1;

                    .photo {
                        height: 150px;
                        img {
                            border-radius: 2rem;
                            width: 150px;
                            height: 150px;
                            user-select: none;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            -webkit-user-drag: none;

                        }
                    }

                    .info {
                        display: flex;
                        flex-direction: column;
                        gap: .5rem;

                        .full-name {
                            font-size: 1.8rem;
                            font-family: 'DM Serif Display', serif;
                            line-height: 1.4em;
                            font-weight: 300;
                            color: var(--ast-global-color-2);
                            user-select: none;
                            -webkit-user-select: none;
                            -moz-user-select: none;
                            -ms-user-select: none;
                            -webkit-user-drag: none;
                            transition: color .25s ease-out;
                        }

                        .role-ssd {
                            display: flex;
                            justify-content: space-between;
                            font-weight: 600;
                            margin-bottom: .5rem;
                            gap: 1.5rem;
                            max-width: 280px;

                            .role {
                                user-select: none;
                                -webkit-user-select: none;
                                -moz-user-select: none;
                                -ms-user-select: none;
                                -webkit-user-drag: none;
                            }
                        }
                    }
                }

                .other-info-slider {
                    margin-top: -150px;
                    height: 150px;
                    opacity: 0;
                    pointer-events: none;

                    transition: all .25s ease-out;
                    z-index: 0;
                }

                .other-info {
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;

                    padding: 1.5rem;
                    background-color: var(--ast-global-color-5);
                    border-radius: 2rem;

                    .site, .contact {
                        display: flex;
                        gap: 1rem;
                        background-color: var(--ast-global-color-4);
                        padding: 1rem 2rem;
                        border-radius: 8px;

                        .data {
                            display: flex;
                            gap: .5rem;

                            .value {
                                font-weight: 600;
                            }
                        }
                    }

                    .contact {
                        flex-direction: column;

                        a {
                            color: var(--ast-global-color-3);
                        }
                    }
                }

                &:hover {
                    .other-info-slider {
                        margin-top: .5rem;
                        opacity: 1;
                        pointer-events: auto;
                        height: 198px;

                        transition: all .25s .4s ease-out;
                    }

                    .main-info .info .full-name{
                        color: var(--ast-global-color-0);
                        transition: color .25s .4s ease-out;
                    }
                }
            }
        }

    :root {
        --b-radius: 16px;
        --ast-global-color-0: #0274be;
        --ast-global-color-1: #0265a7;
        --ast-global-color-2: #3a3a3a;
        --ast-global-color-3: #4B4F58;
        --ast-global-color-4: #f8fafc;
        --ast-global-color-5: #FFFFFF;
        --ast-global-color-6: #F2F5F7;
        --ast-global-color-7: #fbfcff;
        --ast-global-color-8: #bfd1ff;
    }

    .user-card-link{
        text-decoration:none !important;
    }
	
    /* Disable text decoration and change link color */
    .user-card-link . a {
        text-decoration: none; /* Removes underline */
        color: #000 !important; /* Inherits the color from its parent element */
    }
        
    .profile-section {
        display: flex;
        gap: 1rem;

        .container {
            display: flex;
			
            gap: 2rem;
            background-color: var(--ast-global-color-5);
            padding: 2rem;
            border-radius: var(--b-radius);
			flex-shrink: 0;
            .photo {
                img {
                    border-radius: 25%;
                    width: 180px;
                    height: 180px;
                }
            }

            .info {
                display: flex;
                flex-direction: column;
                gap: .5rem;

                .full-name {
                    font-size: 2.5rem;
                    font-family: 'DM Serif Display', serif;
                    line-height: 1.4em;
                    font-weight: 300;
                    color: var(--ast-global-color-2);
                }

                .main-info {
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;

                    .role-ssd {
                        display: flex;
                        justify-content: space-between;
                        font-weight: 600;
                        margin-bottom: .5rem;
                        gap: 1.5rem;
                    }

                    .site, .contact {
                        display: flex;
                        gap: 1rem;
                        background-color: var(--ast-global-color-4);
                        padding: 1rem 2rem;
                        border-radius: 8px;

                        .value {
                            white-space: nowrap;
                        }
                    }

                    .contact {
                        flex-direction: column;
                    }
                }
            }

            .data {
                display: flex;
                gap: .5rem;

                &.bg-grey {
                    background-color: var(--ast-global-color-4);
                    padding: 1rem 2rem;
                    border-radius: 8px;
                    height: fit-content;
                }

                &.biography {
                    position: relative;

                    .label {
                        &::before, &::after {
                            position: absolute;
                            color: var(--ast-global-color-2);
                            font-size: 2rem;
                            font-family: 'DM Serif Display', serif;
                            font-style: italic;
                            margin-right: .5rem;
                            opacity: .25;
                            line-height: .5;
                        }

                        &::before {
                            content: '“';
                            top: 1.25rem;
                            left: .5rem;
                        }

                        &::after {
                            content: '”';
                            bottom: .25rem;
                            right: .5rem;
                        }
                    }
                }

                .value {
                    font-weight: 600;

                    &.bg-grey {
                        background-color: var(--ast-global-color-4);
                        padding: .5rem 1rem;
                        border-radius: 8px;
                        margin-top: -.5rem;
                    }

                    a {
                        color: var(--ast-global-color-3);
                    }

                    ul {
                        list-style: none;
                        padding: 0;
                        margin: 0;

                        li.bg-grey {
                            padding: .5rem 1rem;
                            border-radius: 8px;
                            background-color: var(--ast-global-color-4);
                            margin-top: .25rem;

                            &:first-child {
                                margin-top: -.5rem;
                            }
                        }
                    }
                }
            }

            &.dir-col {
                flex-direction: column;
                gap: 1rem;
                justify-content: space-between;

                .data{
                    display: grid;
                    gap: 1.5rem 1rem;
                    grid-template-columns: auto 1fr;
                }
            }
        }

        @media (max-width: 1159px){
            flex-direction: column;
            gap: 2rem;
            .container {
                margin-inline: auto;
                &.dir-col{
                }
            }
        }
    }