Margo

Close Menu

/* ----------------------------------------- */ /* Content Template: Template for People - start */ /* ----------------------------------------- */ .single .entry-title { display: none; } #main #content-wrap { padding-top: 0; } .person__header { margin-bottom: 2rem; position: relative; } .person__info { background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 13%,rgba(0,0,0,0) 100%); color: #fff; font-family: "Bitter", Georgia, Serif; font-size: 1.8rem; font-weight: 400; line-height: 1.5em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 4rem; text-shadow: 1px 1px 5px #555; display: flex; flex-direction: column; justify-content: flex-start; } .person__clips { padding: 4rem; } .person__info h1 { color: #fff; font-size: 3rem; font-weight: 400; } @media (max-width: 768px) { .person__info { background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 27%,rgba(0,0,0,0) 100%); font-size: 1.4rem; justify-content: flex-end; padding: 0 0 0 4vw; } .person__clips { padding: 2vw 4vw; } } /* ----------------------------------------- */ /* Content Template: Template for People - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Clip Small - start */ /* ----------------------------------------- */ .video--popup { background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,.3); flex-basis: 31%; 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--small { 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: 900px) { .video--popup { flex-basis: 48%; } } @media (max-width: 600px) { .video--popup { flex-basis: 100%; } } /*popup styles*/ .YouTubePopUp-Wrap { background-color: rgba(255,255,255, .9); } /* ----------------------------------------- */ /* Content Template: Clip Small - end */ /* ----------------------------------------- */

Where differences dissolve

Margo

follow

Where differences dissolve

Margo

Share This

follow