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

#conference-sponsor-credit {
    text-align:center;

    .conference-title {
        font-family:Oswald;
        font-size:60px;
        color:var(--primary-medium);
        text-transform:uppercase;
        line-height:1;
        margin:0 auto;
    }

    h3 {
        padding:1rem;
        width:fit-content;
        margin:auto; 
        background:var(--primary-dark);
        color:var(--white);
        font-family:var(--normal);
        text-transform:uppercase;
        border-radius:.5rem;

    }

    h4.conference-summary {
        font-size:1.5rem;
        margin:1rem auto;
        color:var(--primary-highlight);
    }

    h5 {
        color:var(--primary-medium);
    }

    h6 {
        margin:1rem auto;
    }


    #conference-sponsors {
        margin:2rem auto;


        h4 { margin:1rem auto; }
    }

    .conference-logo {
        height:200px;
        margin:1rem auto;
        background:var(--primary-radial);
        border-radius:50%;
    }

    .sponsor-group {
        margin:1rem auto;
        padding:1rem;
        border-bottom:1px solid var(--primary-highlight);


        img {
            height:60px;
            vertical-align:middle;
            margin:.5rem;
        }
    
        .text-sponsor {
            display:inline-block;
            width:fit-content;
            padding:.5rem;
            margin:.5rem;
            border:1px solid var(--primary-medium);
            border-radius:.5rem;
            vertical-align:middle;
    
            h5,h6 { padding:0; margin:0; line-height:1; }
        }

        a { text-decoration:none; }

    }

    ul {
        width:fit-content;
        margin:auto;

        li { text-align:left; }
    }

}