.l-article { color: $color-gray; h2 {} h3 { font-weight: 600; font-size: 21.5px; line-height: 140%; border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; padding-top: 5px; letter-spacing: -0.01em; color: #007880; } h4 {} p { font-weight: normal; font-size: 18px; line-height: 150%; color: #474747; } h4 { font-size: 18px; line-height: 150%; font-weight: bolder; } .toc ol { padding: 0; list-style: none; margin-top: 0.25rem; margin-bottom: 0; li { font-size: 18px; line-height: 150%; font-weight: normal; } a { color: #007880; } } video { margin-bottom: 30px; } textarea[readonly] { margin-bottom: 30px; background: #052A33; border-radius: 10px; width: 100%; min-height: 119px; padding: 10px; resize: none; color: #92BD39; font-family: 'Consolas', monospace; font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; } } .l-article__cols { @include rwd($break-flow) { display: flex; gap: 22px; } .left-column, .right-column { padding: 0 16px; @include rwd($break-flow) { width: 50%; } p { margin-top: 0; margin-bottom: 30px; @include font-size(18px); line-height: 150%; strong, b { font-weight: $semibold; } a { color: $color-primary; &:hover { text-decoration: underline; } } } h3 { margin-top: 0; margin-bottom: 30px; border-bottom: 0; padding-bottom: 0; font-weight: $semibold; @include font-size(25px); line-height: 140%; letter-spacing: -0.01em; color: #474747; } h4 { display: flex; align-items: center; font-weight: $semibold; @include font-size(21px); line-height: 140%; letter-spacing: -0.01em; color: #474747; img { margin-right: 15px; } & + p { margin-top: 15px; margin-bottom: 50px; } &:first-of-type { margin-top: 0; } } ul, ol { li { font-weight: $regular; @include font-size(18px); line-height: 150%; strong, b { font-weight: $semibold; } a { color: $color-primary; &:hover { text-decoration: underline; } } } } & > img { max-width: 100%; margin-bottom: 30px; } } } .l-article__title { margin-top: 28px; margin-bottom: 38px; padding-bottom: 20px; border-bottom: 1px solid #D9D9D9; margin-left: 16px; margin-right: 16px; * { margin-top: 0; font-weight: $regular; @include font-size(37px); line-height: 130%; letter-spacing: -0.01em; color: #083F4D; } } .l-article__overlay { display: flex; flex-direction: column; overflow: hidden; position: relative; color: #474747; &.is-active { &:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } } &.is-clicked { max-height: 100% !important; &:after { display: none; } } } .l-article__lead { margin-top: 0; font-weight: $light; @include font-size(24px); font-family: $secondary-font; line-height: 166%; } .l-article__read-more { border: 0; padding: 0; color: #007880; background-color: transparent; cursor: pointer; outline: 0; margin-top: 25px; &:hover { text-decoration: underline; } } .infopage-blog { padding: 0; list-style: none; li { margin-bottom: .7em; } }