.site-main { padding-top: 0px; } .entry-content { margin-top: 0px !important; } @font-face { font-family: Triptych-Roman; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Roman.woff”); } @font-face { font-family: Triptych-Grotesque; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Grotesque.woff”); } @font-face { font-family: Triptych-Italick; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Italick.woff”); } .wpnbha .post-thumbnail { display: revert; } .site-info{ display: none; } .post-thumbnail { display: none; } .has-primary-background-color { background-color: unset !important; } .wp-block-quote p { font-size: var(–global–font-size-base) !important; } .has-primary-color { color: unset !important; } .topnum…
.site-main { padding-top: 0px; } .entry-content { margin-top: 0px !important; } @font-face { font-family: Triptych-Roman; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Roman.woff”); } @font-face { font-family: Triptych-Grotesque; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Grotesque.woff”); } @font-face { font-family: Triptych-Italick; src: url(“https://magazine.atavist.com/wp-content/uploads/2021/02/Triptych-Italick.woff”); } .wpnbha .post-thumbnail { display: revert; } .site-info{ display: none; } .post-thumbnail { display: none; } .has-primary-background-color { background-color: unset !important; } .wp-block-quote p { font-size: var(–global–font-size-base) !important; } .has-primary-color { color: unset !important; } .topnum { padding-top: 140px; } .largepic { padding-top: 140px; padding-bottom: 140px; } .wp-block-image figcaption { color: black; text-align: right; } .toppic { margin-top: -9.5vh; } .topdek { padding-top: 140px; padding-bottom: 280px; text-wrap-style: balance; } @keyframes fadeOutOnScroll { 0% { opacity: 1; /* Fully visible at the start of the scroll range / } 100% { opacity: 0; / Fully transparent at the end of the scroll range / } } / Apply the animation to the element / .fade-element { position: sticky; top: 20vh; animation-name: fadeOutOnScroll; animation-duration: 1ms; / The duration is controlled by the scroll, not time / animation-fill-mode: forwards; / Retain the final state (opacity: 0) / animation-timeline: view(); animation-range: entry 2% cover 3%;/ Link to the element’s visibility in the viewport / / Optional: adjust the start/end point using animation-range, e.g., ‘entry 0% cover 50%’ / height: 120vh; } .fade-element2 { position: sticky; top: 10vh; animation-name: fadeOutOnScroll; animation-duration: 1ms; / The duration is controlled by the scroll, not time / animation-fill-mode: forwards; / Retain the final state (opacity: 0) / animation-timeline: view(); animation-range: entry 2% cover 4%;/ Link to the element’s visibility in the viewport / / Optional: adjust the start/end point using animation-range, e.g., ‘entry 0% cover 50%’ */ height: 140vh; } em { font-family: Triptych-Italick; font-style: normal; } i { font-family: Triptych-Italick; font-style: normal; } strong { font-family: Triptych-Grotesque; font-weight: normal; } b { font-family: Triptych-Grotesque; font-weight: normal; } p { font-family: Triptych-Roman; color: black; } .epigraph { border-top: 1px solid black; border-bottom: 1px solid black; padding: 31px; } .sidecolright { float: left; max-width: 25%; width: 13rem; padding-left: 32px; padding-right: 32px; } .input[type=“text”], input[type=“email”], input[type=“url”], input[type=“password”], input[type=“search”], input[type=“number”], input[type=“tel”], input[type=“range”], input[type=“date”], input[type=“month”], input[type=“week”], input[type=“time”], input[type=“datetime”], input[type=“datetime-local”], input[type=“color”], textarea { width: -webkit-fill-available; text-align: center; box-shadow: none; } .wp-block-jetpack-mailchimp .wp-block-jetpack-button { margin-top: 1em; margin-bottom: 0px !important; } .wp-block-newspack-blocks-homepage-articles h2.article-section-title, .wp-block-a8c-blog-posts h2.article-section-title { text-align: center; } .wp-block-newspack-blocks-homepage-articles article .entry-title a, .wp-block-a8c-blog-posts article .entry-title a { border-bottom: 0px; } .wpnbha article { text-align: center; } .c-accordion__title { color: black; font-size: 12px; } .c-accordion__title:after { content: “CREDITS”; font-family: ‘Triptych-Roman’; font-size: 10px; } .customcover { height: 155.2vw; } .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { position: absolute!important; } .wp-block-columns .wp-block-column:last-child{ margin: auto; } .pqh2 { padding-top: 140px; padding-bottom: 140px; } .largepic { padding-top: 210px; padding-bottom: 210px; } .wp-block-separator { border-top: 1px solid; border-bottom: none; } hr.wp-block-separator { border-bottom: none; } .customsep { margin-top: 70px; margin-bottom: 70px; } .bottomstories { padding-top: 140px; } p.has-drop-cap:not(:focus):first-letter { } .has-drop-cap:not(:focus):after { display: none; } @media only screen and (max-width: 600px) { .customcover { height: 100vh;} .wp-block-newspack-blocks-homepage-articles article .entry-title a, .wp-block-a8c-blog-posts article .entry-title a { font-size: 24px; } } This content is password-protected. To view it, please enter the password below. Password: The post Protected: “That’s Somebody’s Son” appeared first on The Atavist Magazine .