@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

.metro-content{
    width:100%;
    padding:0px 0px;
    background-color:#fafafa;
    margin:4rem auto 0rem auto;
    position:relative;
}

.metro-content .fed-bridge-module{
    width:100%;
    max-width:1368px;
    margin:0rem auto;
    border:5px solid #003A70;
    border-width:1px 1px;
    position:relative;
}

.metro-content .fed-bridge-module .metro-top-half{
    background-image: url('https://www.brookings.edu/wp-content/uploads/2023/03/fed-bridge-module-background3.jpg');
    background-size: 100% auto;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position:relative;
}

.metro-content .fed-bridge-module .metro-top-half .metro-center-col{
    background-color:#ffffff;
    background-color:rgba(255,255,255,0.85);
    min-height:30vh;
}

@supports (text-shadow: 0px 0px 5px #ffffff){
    .metro-content .fed-bridge-module .metro-top-half .metro-center-col{
        background-color:rgba(255,255,255,0.75);
    }   
}

.metro-content .fed-bridge-module .metro-top-half p:first-child{
    font-size:30px;
    font-weight:700;
    color:#003A70;
}

.metro-content .fed-bridge-module .metro-bot-half p.topic-header{
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom:10px;
}

.metro-content .fed-bridge-module p{
    font-family: 'Lato', sans-serif;
    margin:0em 0em 1em 0em;
}

.metro-content .fed-bridge-module .metro-top-half p{
    text-shadow:2px 2px 6px #ffffff;
    font-size:20px;
    font-weight:400;
    line-height: 1.5em;;
}

.metro-content .fed-bridge-module p{
    font-size:18px;
    color:#003A70;
    font-weight:400;
}

.metro-content .fed-bridge-module .metro-center-col{
    padding:0px 10% 25px 10%;
}

.metro-content .fed-bridge-module .metro-center-col > div{
    padding:20px 20px 5px 20px;
}

.metro-content .fed-bridge-module .metro-top-half .metro-center-col > div{
    border-left:5px solid #003A70;
}


.metro-content .fed-bridge-module .metro-bot-half{
    background-color: #fafafa;
    border:1px solid #003A70;
    border-width:1px 0px 0px 0px;
}

.metro-content .fed-bridge-module .metro-bot-half p{
    margin-bottom:0px;
    line-height:1.2em;
    white-space: nowrap;
}

.metro-content .fed-bridge-module .fed-bridge-icon{
    content: url('https://www.brookings.edu/wp-content/uploads/2023/04/fed-bridge-icons32.png');
    width:50px;
    height:50px;
    object-fit:none;
    margin:0px 10px 5px 0px;
    vertical-align:middle;
    display:inline;
}

.metro-content .fed-bridge-module .fed-bridge-icon.icon-0{object-position:0px 0px;}
.metro-content .fed-bridge-module a:hover .fed-bridge-icon.icon-0{object-position:-50px 0px;}

.metro-content .fed-bridge-module .fed-bridge-icon.icon-1{object-position:0px -62px;}
.metro-content .fed-bridge-module a:hover .fed-bridge-icon.icon-1{object-position:-50px -62px;}

.metro-content .fed-bridge-module .fed-bridge-icon.icon-2{object-position:0px -125px;}
.metro-content .fed-bridge-module a:hover .fed-bridge-icon.icon-2{object-position:-50px -125px;}

.metro-content .fed-bridge-module a{
    text-decoration:none;
    border:none;
    border-width:0px 0px 0px 0px;
    font-family:inherit;
    font-weight:inherit;
    color:inherit;
}

.metro-content .fed-bridge-module a:hover{
    color:#F26D00;
}

.metro-content .fed-bridge-module a:hover{
    text-decoration:none;
    border:none;
    border-width:0px 0px 0px 0px;
}

.metro-content .fed-bridge-module .metro-bot-half a:hover img{
 
}

.metro-content .fed-bridge-module .metro-top-half a.fed-bridge-link{
    font-style:italic;
}

.metro-content .fed-bridge-module .metro-top-half a.fed-bridge-link:before{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
    content:"";
    top:0px;
    left:0px;
}

.metro-content .fed-bridge-module .metro-top-half a.fed-bridge-link:hover{
    transform:translateY(-2px);
}


.metro-enhanced-content .core-block{
    width:100%;
    max-width:100%;
    padding:0px;
}

@media (min-width:0px){
    .metro-content .fed-bridge-module .metro-top-half{
        background-size: auto 100%;
        background-position: 50% 0%;
    }

    .metro-content .fed-bridge-module{
        border-width:1px 0px;
    }

    .metro-content .fed-bridge-module .fed-bridge-icon{
        display:block;
    }

    .metro-content .fed-bridge-module .metro-bot-half p{
        margin-bottom:15px;
        white-space:normal;
    }
}

@media (min-width:750px){
    .metro-content .fed-bridge-module .metro-top-half{
        background-size: 100% auto;
        background-position: 50% 0%;
    }

    .metro-content .fed-bridge-module .fed-bridge-icon{
        display:inline;
    }

    .metro-content .fed-bridge-module .metro-bot-half p{
        margin-bottom:0px;
        white-space: nowrap;
    }
}

@media (min-width:1000px){
    .metro-content .fed-bridge-module .metro-top-half{
        background-size: 100% auto;
        background-position: 0px -250px;
    }

    .metro-content .fed-bridge-module{
        border-width:1px 0px 0px 0px;
    }
}