.archive-content{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;align-content:center;column-gap:1%}.archive-professor .header{text-align:center}.archive-professor .header i{font-size:8em;margin-bottom:-5px;margin-top:-15px;display:inline-block;color:var(--ODBUyellow)}.archive-professor .professor{background:var(--bb-content-background-color);border:1px solid var(--bb-content-border-color);border-radius:var(--bb-block-radius);font-size:.875rem;line-height:1.35;flex:1 0 24%;margin-bottom:25px;text-align:center;overflow:hidden}.archive-professor .professor a{display:block}.image{width:100%;height:150px;position:relative;overflow:hidden}.prof-image-blur{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(10px);transform:scale(1.1)}.prof-image-focus{position:relative;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}span.professor-type{white-space:nowrap;width:100px;position:absolute;top:-13px;left:50%;transform:translateX(-50%);border-radius:var(--bb-label-type-radius);font-size:11px;font-weight:700;letter-spacing:.25px;text-align:center;display:inline-block;padding:5px 15px;line-height:13.13px;z-index:2}span#professor{background:#d4f4d9;color:#25a16c}span#contributor{background:#f4e7d4;color:#c2662d}.prof-content{padding:1.25rem 1.25rem 1.5625rem 1.25rem;position:relative}.archive-professor .professor h3{margin-bottom:10px}.archive-professor .professor a:hover h3{color:#fbb432}.archive-professor .professor p{margin:0;text-align:center;font-size:.9em;color:#969696;text-transform:uppercase}.archive-professor .professor .photo{border-radius:0;margin:auto;height:200px;background-position:center;background-size:cover;background-repeat:no-repeat;border-bottom:2px solid #fab432}#primary{order:2}.prof-content .title{text-align:center}.prof-content .title h1{margin-bottom:0;font-size:1.7rem}.prof-content .title a{display:block;margin-bottom:15px}.prof-content .title a i{font-size:1.2em;font-weight:300;top:1px;position:relative;margin-right:2px}section{margin-bottom:25px}section h3{margin-bottom:5px}.widget ul{list-style:disc;margin-left:30px}#primary h2{border-bottom:1px solid var(--bb-content-border-color);padding-bottom:5px}.professor-info{background:var(--bb-content-background-color);border:1px solid var(--bb-content-border-color);border-radius:var(--bb-block-radius);font-size:.875rem;line-height:1.35;margin-bottom:1.25rem;overflow:hidden}.conversation{flex:0 0 33.333%;display:inherit;margin-bottom:15px;position:relative;font-size:.875rem;line-height:1.35;overflow:hidden}.conversation a::after{content:"";position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:30%;height:200%;background:rgb(255 255 255 / .1);z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg)}.conversation:hover a::after,.conversation:focus a::after{width:40%}.conversation .thumb{border-top-left-radius:var(--bb-block-radius);border-top-right-radius:var(--bb-block-radius);position:relative;overflow:hidden;display:block;background:var(--bb-cover-image-background-color)}.conversation img{width:100%}.conversation .text{padding:15px;background:var(--bb-content-alternate-background-color);border-bottom-left-radius:var(--bb-block-radius);border-bottom-right-radius:var(--bb-block-radius)}.conversation .title{margin-bottom:10px;color:var(--ODBUblack)}.conversation .description,.conversation a{color:var(--bb-body-text-color)}.related-conversations a{width:100%}.related-conversations a button,.related-courses a button{display:block;margin:15px auto}.related-conversations a button i,.related-courses a button i{font-weight:300;margin-right:3px}@media (max-width:900px){.archive-professor .professor{flex:0 0 32%}.conversations-section .conversation{flex:0 0 100%;margin-bottom:15px}.conversations-section .conversation img{margin-top:-3.5em;margin-bottom:-3.5em}}@media (min-width:480px) and (max-width:800px){.conversations-section .conversation{flex:0 0 50%;margin-bottom:15px}}@media (max-width:659px){.archive-professor .professor{flex:0 0 49%}}@media (max-width:599px){.title-card .image{width:100px;height:100px}}@media (max-width:459px){.archive-professor .professor{flex:0 0 100%}}