.site-author-widget.style_1 { background: var(--global--color-accent); position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 30px; text-align: center; transition: all 0.2s ease; } .site-author-widget.style_1 .author-widget-image { display: flex; align-items: center; justify-content: center; } .site-author-widget.style_1 .author-widget-name { background: #1b2b47; color: #fff; border-radius: 20px; position: relative; margin: -20px 30px 20px 30px; padding: 10px; font-size: 18px; line-height: 1.2em; } .site-author-widget.style_1 .author-widget-name:after { content: ""; display: block; position: absolute; bottom: -9px; right: 50%; margin-right: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #1b2b47; } .site-author-widget.rd-visible .author-widget-image { margin: 2rem auto 4rem; width: 22rem; height: 22rem; } .site-author-widget.rd-visible img { border-radius: 100%; width: 20rem; height: 20rem; object-fit: cover; } .site-author-widget .author-social { margin-bottom: 1.6rem } .site-author-widget .author-name + .author-position { position: relative; margin-top: -1.2rem; font-style: italic; color: var(--global--color-gray-500) } .site-author-widget .author-desc p:last-child { margin-bottom: 0 } .site-author-widget.style_2 { justify-items: center; align-items: center; margin: 0 auto } .site-author-widget.style_2 .author-details { display: grid; justify-items: center; align-items: center; text-align: center } .site-author-widget.style_3 { max-width: 100%; grid-template-columns:auto 1fr; align-items: center } @media only screen and (max-width: 767px) { .site-author-widget.style_3 { display: grid; grid-template-columns:1fr; justify-items: center } .site-author-widget.style_3 .author-details { display: grid; justify-items: center; align-items: center; text-align: center } }