.authorDetail001 {
    padding:25px 0;box-sizing:border-box;width:100%;border-top:80px solid #000;
    background-image:url('/themes/mathnasium/assets/images/bgs/bg-num-whtp.gif')
}
.authorDetail001 .headerTitle {font-size:30px;line-height:1.2;font-weight:900;text-transform:none;}
.authorDetail001 h3.subtitle {
    font-size:16px;line-height:normal;font-weight:900;letter-spacing:3.2px;text-transform:uppercase;color:#777;
}
#BIO-CT p {line-height:1.5}
#BIO-CT p:last-of-type {margin-bottom:0}
.authorDetail001 .socials ul {
    margin:10px 0 0 0;line-height:0;width:100%;justify-content:center;
    display:flex;align-items:center;font-size:32px;padding-left:0;
}
.authorDetail001 .socials ul li {margin:0 10px;list-style:none;display:inline-block}
.authorDetail001 .socials ul li svg {vertical-align:unset;height:35px;width:32px;margin-top:1px}
.authorDetail001 .socials ul li svg:hover {fill:#ef3e33}
.authorDetail001 .socials ul li .svgYoutube {height:32px;width:36px}

.ad001Wrap {
    display:grid;gap:0;row-gap:10px;width:auto;
    grid-template-columns:1fr;
    grid-template-areas:
        "img"
        "ma-au"
        "au-nm"
        "bio-ct"
        "sm-lnk"
    ;
}
.ad001Wrap div {box-sizing:border-box;max-width:100%}

#MA-AU,
#IMG {text-align:center}
#IMG img {width:50%;max-width:250px}
#AU-NM,
#BIO-CT {padding:20px;background:white}
#BIO-CT {margin-top:-15px;padding-top:0}

#IMG {grid-area:img}
#MA-AU {grid-area:ma-au}
#AU-NM {grid-area:au-nm}
#BIO-CT {grid-area:bio-ct}
#SM-LNK {grid-area:sm-lnk}

/* Desktop Layout */
@media (min-width: 768px) {
    .authorDetail001 .container.bioLt250 {padding-left:60px;padding-right:60px}
    .ad001Wrap {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows:auto min-content auto 1fr;
        grid-template-areas:
            "ma-au  ma-au  ma-au"
            "img    au-nm  au-nm"
            "img    bio-ct bio-ct"
            "sm-lnk bio-ct bio-ct"
        ;
    }

    #MA-AU {text-align:left;margin-bottom:5px}
    #IMG {margin-right:30px}
    #IMG img {width:100%;max-width:none}
    #AU-NM {margin-bottom:0}
    .authorDetail001 h3.subtitle {margin-bottom:0}
    .authorDetail001 .headerTitle {margin-bottom:0}
    .authorDetail001 .socials ul {font-size:26px;justify-content:start}
    .authorDetail001 .socials ul li {margin:0 5px}
    .authorDetail001 .socials ul li svg {height:29px;width:26px}
    .authorDetail001 .socials ul li .svgYoutube {height:29px;width:30px}
}

@media (min-width: 992px) {
    .authorDetail001 .container.bioLt250 {padding-left:120px;padding-right:120px}
    .authorDetail001 .container.bioLt350 {padding-left:60px;padding-right:60px}

    .ad001Wrap {
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto 1fr;
        grid-template-areas:
            "ma-au  ma-au  ma-au"
            "img    au-nm  sm-lnk"
            "img    bio-ct bio-ct"
        ;
    }
    #AU-NM  {padding:15px 0 15px 15px}
    #SM-LNK {background:#fff;padding:15px}
    #IMG {margin-right:50px}
    #BIO-CT p {font-size:18px;line-height:1.6}

    .authorDetail001 .headerTitle {font-size:38px}
    .authorDetail001 h3.subtitle {font-size:18px}
    .authorDetail001 .socials ul {justify-content:end;margin:5px 0 0 0}
}

@media (min-width: 1279px) {
    .header.sticky.absolute-light {height:93px!important;background:#000}
    .authorDetail001 .container.bioLt250 {padding-left:290px;padding-right:290px}
    .authorDetail001 .container.bioLt350 {padding-left:240px;padding-right:240px}
    .authorDetail001 {border-top:93px solid #000}
    .authorDetail001 .headerTitle {font-size:38px}
    #BIO-CT p {font-size:18px}
}