/*
// <copyright file="topic-card-with-model" company="Federal Reserve Bank of Boston">
//     © 2024 Federal Reserve Bank of Boston
// </copyright>
// <summary>This is the topic-card-with-model file.</summary>
//-----------------------------------------------------------------------
// Internal FR – Source Code
*/

/* ReSharper disable UnknownCssVendorExtension */
/* ReSharper disable CssBrowserCompatibility */

.topic-card
{
    height: 100%;
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
}

.topic-card-img-container,
.topic-card-body
{
    display: table-cell;
    vertical-align: middle;
}
.topic-card-img-container {
    width: 100px;
}
.topic-card-img-container.top-aligned,
.topic-card-body.top-aligned {
    vertical-align: top;
}
.topic-card-body {
    padding-left: 20px;
}

.topic-card-img-container img {
    max-height: 100px;
}

.topic-card .circular-rect-img{
    height:100px;
    width:100px;
    overflow:hidden;
    -ms-border-radius:50%;
    border-radius:50%;
    text-align: center; /* image needs to be centered */
    position: relative;
    z-index: 100;
}
.circular-rect-img img{
    /*-webkit-transform:translate(-50%);*/ /* focal-x point in the middle */
}

.topic-card h1 {
    margin: 0;
}

.topic-card ul {
    margin-top: 15px;
}

.topic-card-links
{
    margin-top: 14px;
}

.topic-card-links li {
    margin-right: 35px;
}

.topic-card .list-inline a
{
    color: #003A5D;
    font-size: 16px;
}


@media (max-width: 768px)
{
    .topic-card-img-container
    {
        display: none;
    }
}