The Upside of Down

Close Menu

/* ----------------------------------------- */ /* Content Template: Insights Template - start */ /* ----------------------------------------- */ .single .entry-title { display: none; } #main #content-wrap { padding-top: 0; } .insight__header { display: flex; margin-bottom: 2rem; position: relative; justify-content: center; align-items: center; } .insight__header .insight__title { background: #333; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 40rem; padding: 3rem; position: absolute; text-align: center; z-index: 10; } .insight__title h1 { color: #fff; font-size: 3rem; font-weight: 400; margin: 0 0 6px 0; } .insight__title p { margin: 0; font-size: 1.5rem; line-height: 1.4; } .insight__image { width: 100%; } .insight__image img { width: 100%; } @media (max-width: 900px) { .insight__header .insight__title { padding: 1rem 3rem 2rem; } .insight__header h1 { font-size: 1.7em; padding: 1.5vw 1em 0; } } @media (max-width: 560px) { .insight__header { display: block; } .insight__header .insight__title { max-width: none; padding: 2rem 3rem; position: relative; } } /* ----------------------------------------- */ /* Content Template: Insights Template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Clip Large - start */ /* ----------------------------------------- */ .video--popup { background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,.3); flex-basis: 45%; flex-shrink: 0; margin: 1rem 1%; position: relative; } .video--popup a { width: auto; display: block; position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; text-indent: 100%; overflow: hidden; white-space: nowrap; } .video--popup a:hover { background: rgba(165, 233, 239, .3); } .video--large { color: #222; font-family: "Bitter", Georgia, serif; width: 100%; } p.responsive-video-wrap { margin: 0; } div[class^="topic-"] { border-top: 10px solid; padding: .5rem 1rem 1rem; } div.topic-1 { /*upside*/ border-color: #E9592E; } div.topic-2 { /*happy*/ border-color: #AFD755; } div.topic-3 { /*bouncing*/ border-color: #00C4E0; } div.topic-4 { /*connection*/ border-color: #E6B687; } div.topic-5 { /*extras*/ border-color: #FAE4B2; } @media (max-width: 768px) { .video--popup { flex-grow: 1; } } /* ----------------------------------------- */ /* Content Template: Clip Large - end */ /* ----------------------------------------- */

Where differences dissolve

The Upside of Down

follow

Where differences dissolve

The Upside of Down

Share This

follow