/* Theme Name: UnHerd 2023 Author: UnHerd Version: 1.0 */ #topfold .innercol.single .standfirst, #column2 .single #articleindex hr { display: none; } #column2 #articleindex .featuredimage { padding-top: 60%; } .container-fluid, #comments { max-width: 1410px !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 30px !important; padding-left: 30px !important; } hr { margin-top: 20px !important; margin-bottom: 20px !important; border-top: 1px solid #dedede !important; } hr.sectionbreak { margin: 40px 0 30px !important; } hr.toppad { margin-top: 0 !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Magazine Headline'; } h2 { font-weight: 700 !important; } .blueheadline { color: #598BA6; margin-bottom: 30px; } #pianocontainer { position: fixed; bottom: 0; left: 0;width: 100%;box-shadow: 0 0 28px 0 rgba(51, 51, 51, 0.2); z-index: 9999; } .wpd-form-col-left { display: none !important; } .close-icon { display: none; } #wpdcom .ql-container p { color: #1b1b1b !important; } #eventwidget { display: none !important; } a:hover { text-decoration: none; } #navigation { background: #000000; padding: 20px 0; color: #FFF; } #navigation a { color: #FFF; } #navigation .topbar { text-align: right; } #navigation .topbar a, #navigation .topbar span { font-size: 11px; color: #FFF; text-align: right; height: 21px; font-family: 'Meta', Courier, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 400; transition: ease-in-out 0.3s; color: #b2b2b2; } #navigation .topbar a:hover, #navigation .topbar span:hover { transition: ease-in-out 0.3s; text-decoration: none !important; color: #FFF; } #navigation .topbar a:last-child, #navigation .topbar span:last-child { margin-left: 15px; } #navigation img.logo { margin-top: -20px; } #navigation .menupanel { position: relative; display: block; } #navigation .menupanel .menu-navbar-submenu-container, #navigation .menupanel .menu-navbar-submenu-fr-container { position: absolute; bottom:0; right: 30px; } #navigation .menu { margin: 0; padding: 0; vertical-align: bottom; text-align: right; } #navigation .menu li { font-family: 'Newsroom', sans-serif; display: inline-block; list-style: none; padding: 0 5px; } #navigation .tagrow .menu li { padding: 0 2px; } #navigation .menu li:last-child { padding-right: 0 } #navigation .menu li a { color: #aec8bb; font-weight: 400; transition: ease-in-out 0.2s; } #navigation .menu li a:hover { color: #FFF; text-decoration: none; transition: ease-in-out 0.2s; } #navigation li#menu-item-473808, #navigation li#menu-item-606124 { padding-right: 0; } #navigation li#menu-item-480646, #navigation li.submenuopen, #navigation #menu-navbar-submenu li.submenuopen, #navigation li#menu-item-606529, #navigation #menu-navbar-submenu-fr li.submenuopen { display: none !important; cursor: pointer; } .fullpagemenu { width: 100%; background: #e9e9e9; top: 80px; left: 0; height: 0; overflow: hidden; transition: height 0.3s ease-in-out; box-sizing: border-box; position: fixed; z-index: 99999; } .fullpagemenu label { width: calc(100% - 45px); margin: 0; border-bottom: 0.5px solid #717171; padding-bottom: 10px; display: inline-block; } .fullpagemenu form { padding: 40px 0 20px; width: 50%; background: transparent; border:none; margin: 0; } .fullpagemenu form input { width: 100%; background: transparent; border: none; color: #717171; font-size: 20px; font-family: 'Magazine Headline'; font-weight: 400; line-height: 28px; word-wrap: break-word; padding: 0; } .fullpagemenu form input input[type="text"] { padding: 0px !important; } .fullpagemenu form button { display: inline-block; width: auto; width: 40px; border: none; background: transparent; } .fullpagemenu ul { padding: 0; margin-bottom: 10px; } .fullpagemenu li { list-style: none; color: #231F20; font-size: 18px; font-family: 'Newsroom', sans-serif; font-weight: 500; line-height: 26px; letter-spacing: 0.22px; word-wrap: break-word; border-bottom: 0.5px solid #717171; padding: 10px 0;} .fullpagemenu li a { color: #231F20; } .fullpagemenu li a:hover { color: #299696; animation: 0.5s ease-in-out; text-decoration: none; } .fullpagemenu li.submenuopen { display: none; } .fullpagemenu .topbar { margin-top:30px; } .fullpagemenu .topbar a { color: #1b1b1b; } .fullpagemenu .login { font-size: 14px; font-family: 'Meta', Courier, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 400; color: #231F20; } .fullpagemenu .close-icon { width: 40px; height: 28px; } .fullpagemenu.search form { padding-top: 60px; } #navigation { z-index: 99998; position: relative; } #navigation.minimized { position: sticky; top: 0; } @keyframes fadeIn { to {opacity: 1;}} #navigation.minimized img.logo { width: 200px; transition: ease-in-out 0.2s; margin-top: 0 !important; animation: fadeIn 0.3s ease-in-out; } #navigation.minimized .topbar { display: none; } #navigation.minimized .menupanel { padding-top: 5px; } #navigation.minimized .menupanel .menu-navbar-submenu-container, #navigation.minimized .menupanel .menu-navbar-submenu-fr-container { top: 0; animation: fadeIn 0.3s ease-in-out;position: relative; display: inline-block; float: right; } #navigation.minimized #menu-navbar-submenu li.submenuopen, #navigation.minimized #menu-navbar-submenu-fr li.submenuopen { display: inline-block !important; } #navigation.minimized li#menu-item-480646, #navigation.minimized li#menu-item-606529 { display: inline-block !important; background: #A9CABB; padding: 5px 18px; border-radius: 30px; animation: fadeIn 0.3s ease-in-out; } #navigation.minimized li#menu-item-480646:hover, #navigation.minimized li#menu-item-606529:hover { background: #f5fcc1;transition: ease-in-out 0.3s; text-decoration: none; animation: fadeIn 0.3s ease-in-out; } #navigation.minimized li#menu-item-480646 a, #navigation.minimized li#menu-item-606529 a { color: #000; font-family: 'Newsroom', sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.1px; animation: fadeIn 0.3s ease-in-out; } #navigation.minimized #menu-navbar-submenu li, #navigation.minimized #menu-navbar-submenu-fr li { display: none; animation: fadeIn 0.3s ease-in-out; margin-left: 20px; } #navigation.minimized #menu-navbar-submenu li.show, #navigation.minimized #menu-navbar-submenu-fr li.show { display: inline-block; } #navigation.minimized #menu-navbar-submenu li img, #navigation.minimized #menu-navbar-submenu-fr li img { width: 25px; height: 15px; top: 0; position: relative; vertical-align: initial; } #navigation .tagrow { display: none; animation: fadeIn 0.3s ease-in-out;float: right; line-height: 34px;} #navigation.minimized .tagrow { display: inline-block; animation: fadeIn 0.3s ease-in-out; margin-right: 30px; margin-top: -1px; } #navigation.minimized .tagrow a { font-size: 11px;text-transform: uppercase;font-family: 'Meta', sans-serif;font-weight: 400;letter-spacing: 1.5px;color: rgba(255, 255, 255, 0.8);margin-right: 20px; animation: fadeIn 0.3s ease-in-out;} #navigation.minimized .tagrow a:hover { color: #FFF; animation: fadeIn 0.5s ease-in-out; text-decoration: none; } #promobanner { background: #aec8bb; padding: 20px 0; position: relative; } #promobanner .col-sm-4.line { border-right: 1px solid #939393; } #promobanner .col-sm-4:last-child.line { border-right: none; } #promobanner a { color: initial; } #promobanner a:hover { text-decoration: none; } #promobanner h1 { font-size: 24px; width: 80%; margin: 0px auto 0; } #promobanner .post h1 { font-weight: 400; } #promobanner .newsroom h1 { font-family: 'Newsroom', sans-serif; font-weight: 500; letter-spacing: -0.5px; font-size: 22px; } #promobanner .newsroom .dontmiss { display: none; } #promobanner .watch-listen a.multimediapanel, .singlevideo .podcast { height: 100%; width: 100%; background: #E8E4E0; margin-left: 0 !important; border-radius: 10px; font-family: 'Magazine Text', sans-serif; } #promobanner .watch-listen a.multimediapanel .col-7 { padding: 5px 12px 10px!important; text-align: left; } #promobanner .watch-listen a.multimediapanel .col-7 h1 { width: 100%; margin: 0 0 10px; font-size: 16px; font-family: 'Magazine Text', sans-serif; font-weight: 500; margin-bottom: 0; } #promobanner .watch-listen a.multimediapanel .col-7 h1.guest { color: #E84400; position: absolute; bottom: 5px; margin-bottom: 0; font-size: 12px; } #promobanner .watch-listen a.multimediapanel .image, .singlevideo .podcast .image { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 0px 10px 10px 0px } #promobanner .watch-listen a.multimediapanel .tag { position: absolute; margin-bottom: 5px; top: 0; left: 0; } #promobanner .watch-listen a.multimediapanel.podcast .tag, .singlevideo .podcast .tag { display: block; margin-bottom: 0;top: 0;left: 0;position: relative;font-size: 9px !important;margin-top: 3px !important;margin-bottom: 2px;background: none;padding: 0 !important; } #promobanner .watch-listen a.multimediapanel.podcast .col-7 h1, .singlevideo .podcast h1 { font-size: 14px; line-height: 110%; font-weight: 500; } #promobanner .watch-listen a.multimediapanel.podcast .col-7 h1.guest, .singlevideo .podcast h1.guest { font-size: 12px; } #promobanner .watch-listen a.multimediapanel.video { background-size: cover; background-position: center center; color: #FFF; display: block; position: relative; overflow: hidden;} #promobanner .watch-listen a.multimediapanel.video .overlay { background: rgba(0, 0, 0, 0.4);display: flex;width: 100%;height: 100%;border-radius: 10px;margin-left: 0 !important; margin-right: 0 !important; } #promobanner .watch-listen a.multimediapanel.video h1 { font-family: 'Video';font-size: 26px;font-weight: 600;line-height: 23px;letter-spacing: 0.01em;text-transform: uppercase;margin: 0 0 0 10px;!important; text-align: center; padding: 0 10px; width: 100%; } #promobanner .watch-listen a.multimediapanel.video .image img { position: absolute;bottom: 0;right: 0;filter: grayscale(100%);max-height: 100%; } #promobanner .watch-listen a.multimediapanel.video .text { padding: 0; height: 100%;top: 0;position: relative;place-items: center;display: grid; } #promobanner .watch-listen a.multimediapanel.video .tag { position: absolute;margin-left: 0;font-size: 8px !important;top: 5px;left: 5px; } #promobanner .watch-listen a.multimediapanel.video guest { display: block;width: 100%;line-height: 120%;font-size: 14px; margin-top: 5px; letter-spacing: -0.25px; } #promobanner.single { padding: 15px 0; } #promobanner .single h1 { width: 100%; margin: 10px 0 0; font-size: 28px; margin-top: 0; line-height: 120% !important; } #promobanner .single h1.newsroom { font-family: 'Newsroom', sans-serif; font-weight: 500; letter-spacing: -1px; line-height: 46px; } #promobanner .single h2 {font-size: 22px; line-height: 26px; letter-spacing: -1%; font-weight: 500 !important; margin-bottom: 0; } #promobanner .single h2.newsroom { color: #255D5E; font-family: 'Newsroom', sans-serif; } #promobanner a.taglink { padding: 0; border: none; } #promobanner a.taglink:hover { background: none; } #promobanner .tag { font-size: 10px !important; padding: 3px 10px !important; } #promobanner { padding: 15px 0; } #promobanner .singlevideo { background: #000;border-radius: 30px;display: block;background-size: 80%;background-position: center center;background-repeat: no-repeat; } #promobanner .singlevideo .overlay { background: rgba(0, 0, 0, 0.2); border-radius: 30px; position: relative; } #promobanner .singlevideo .gradient { background: linear-gradient(90deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 90%); width: 100%; height: 100%; position: absolute; border-radius: 30px; } #promobanner .singlevideo .guest { background-size: auto 120%;background-repeat: no-repeat;background-position: 30% 70%;filter: grayscale(100%);height: 150px; } #promobanner .singlevideo .tag, #promobanner.live .tag { font-size: 12px; padding: 5px 15px !important; left: 20px; top: 15px; } #promobanner .singlevideo .textcont { display: table; height: 150px; } #promobanner .singlevideo .text { text-align: center; color: #FFF; text-shadow: 0px 0px 7px #000000; display: table-cell; vertical-align: middle; } #promobanner .singlevideo .text guest { font-family: 'Magazine Headline';font-size: 24px;font-weight: 400 !important;line-height: 26px;text-align: left;text-transform: initial;margin-bottom: 10px; } #promobanner .singlevideo .text h1 { margin: 0 15%; font-family: 'Video';font-size: 45px;font-weight: 600;line-height: 42px;letter-spacing: 0.01em;text-transform: uppercase; text-align: center; width: 70%; } #promobanner .singlevideo .txt, .verticalpanel .tag .txt, #promobanner .tag .txt { display: inline-block; margin-left: 5px; } #promobanner.live { width: 100%; padding: 0; overflow-x: hidden; } #promobanner.live .guest { display: block;position: absolute;width: 150px; height: 130px;right: 0%;bottom: 0;background-size: cover; filter: grayscale(100%);} #promobanner.live .image { background-size: cover; background-position: center center; filter: grayscale(100%); opacity: 0.5; height: 100%; width: calc(100% + 60px); margin-left: -30px; } #promobanner.live .text { width: 40%;margin-left: 30%; text-align: center; padding: 18px 0; } #promobanner.live .text h1 { font-family: 'Video', sans-serif; font-size: 40px;text-transform: uppercase;font-weight: 500;display: block;line-height: 100%;width: 100%; } #promobanner.live .text guest { font-family: 'Magazine Headline', serif;font-weight: 200;font-size: 28px;line-height: 100%; } .archive h1 .standfirst { color: #949494; } #articleindex a { color: initial; } #articleindex a:hover { text-decoration: none !important; transition: ease-in-out 0.3s; } #articleindex .featuredimage { height: 0; padding-top: 60%; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; transition: ease-in-out 0.3s; } #articleindex h1 { font-family: 'Magazine Headline', serif; padding: 0; width: 95%; margin: 0; font-size: 40px; font-weight: 400; letter-spacing: 0.5px; line-height: 140%: } #articleindex h1 .standfirst { color: #949494; } #articleindex .meta, .archive .meta { display: block; width: 100%; } #articleindex .meta img.avatar { border-radius: 50%; height: 35px; width: 35px; margin-right: 5px; filter: saturate(0%) brightness(110%); } #articleindex .meta p, article .article-body .authorinfo h6, #newsroom .tophalf .authorinfo h6, p.meta, .archive .meta { display: inline-block; font-family: 'Meta', sans-serif; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; letter-spacing: 1.5px; margin-right: 15px; } #newsroom .tophalf .authorinfo h6 { margin-top: 10%; } #articleindex .meta p:last-child { margin-right: 0; } #articleindex.full .featuredimage { padding-top: 58%; } #articleindex.full hr { margin: 30px 0 !important; } #articleindex.full h1 { margin: 20px 0; width: 90%; letter-spacing: 0 !important; } .col-sm-9.mastercol .col-sm-6:nth-child(2) { padding-left: 0 !important; } .col-sm-9.mastercol #articleindex.full h1 { font-size: 36px; line-height: 38px; margin: 15px 0; } #articleindex.standard.nopic a.taglink { margin-top: 0 !important; } #topfold { padding-top: 30px; padding-bottom: 30px; } .line { border-right: 1px solid #dedede; } a.findmore { color: #135F5F; font-family: 'Meta', sans-serif; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; letter-spacing: 1.5px; display: block; margin: 15px; } a.findmore:hover { text-decoration: none; color: inherit; } a.findmore::after { content: ""; background-image: url('/wp-content/uploads/2023/10/30.png'); width: 20px; height:20px; display: inline-block; background-size: cover; margin-left: 10px; vertical-align: text-bottom; } .page-template-1-1-0-home-fr a.findmore { letter-spacing: 0.5px; } .innercol.single a.taglink { margin: 15px 0 0; } .innercol.single h1 { font-size: 24px !important; width: 100%; margin: 10px 0 !important; line-height: 120%; } .innercol.single .meta img.avatar { display: none; } .innercol.single hr { margin: 25px 0; } .innercol.double a.taglink { margin: 20px 0 0; display: inline-block; } .innercol.double #articleindex h1 { margin: 10px 0 15px; line-height: 115%; font-size: 42px; letter-spacing: 0; } .innercol.double #articleindex.standard { display: flex; flex-direction: column; padding-bottom: 20px; } .innercol.double a.taglink { width: auto; align-self: flex-start; } .innercol.double #articleindex.standard .featuredimage { padding-top: 60%; background-position: center center; } .innercol.double #articleindex.standard .meta img.avatar { height: 50px; width: 50px; filter: saturate(0%) brightness(110%); } .innercol.full hr { margin: 30px 0 !important; } .innercol.full .featuredimage { padding-top: 60%; } .innercol.full h1 { font-size: 30px !important; width: 90%; padding: 15px 0 10px !important; } .innercol.full .meta img.avatar { display: none; } .newsroomcol { font-family: 'Newsroom', sans-serif; } .newsroomcol .background { background: rgba(174, 200, 187, 0.1); display: block; position: absolute; width: 100%; top: 0; left: 0px; z-index: -1; content: " "; height: 100%; } .newsroomcol .headerblock { width: 100%; margin: 0 auto; background: rgba(229, 240, 234, 1);; } .newsroomcol .headerblock img { display: block; margin: 0 auto; max-width: 60%; padding: 15px 0 0; } .newsroomcol .col-10 { padding-left: 10px !important; padding-right: 10px !important; line-height: 100%; } .newsroomcol hr { margin: 0 !important; width: calc(100% + 30px); /*border-top: 1px solid #A3CCBA !important;*/ } .newsroomcol a { color: inherit; } .newsroomcol a:hover { text-decoration: none; color: inherit; } .newsroomcol h1 { font-family: 'Newsroom', sans-serif; font-size: 18px; font-weight: 500; margin-bottom: 5px; line-height: 120%; } .newsroomcol h1.TODAY { margin-bottom: 0 !important; } .newsroomcol h1 span.standfirst { color: #949494; } .newsroomcol p { font-family: 'Meta', sans-serif; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; letter-spacing: 1.5px; } .newsroomcol .featuredimage { height: 0; padding-top: 60%; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; margin-bottom: 10px; border-radius: 15px; } .newsroomcol .featuredimage .tag { font-size: 11px; text-transform: uppercase; font-family: 'Meta', sans-serif;font-weight: 400;letter-spacing: 1.5px; background: #e8f0ea; color: #557761; padding: 2px 10px 2px 15px; margin-bottom: 0; border-radius: 0 0 0 15px; } .newsroomcol .featuredimage .tagbg { background: #f6f9f8; position: absolute; bottom: 0; left: 0; z-index: 999; line-height: 100%; } .newsroomcol .tag { position: relative;display: inline-block;font-size: 10.5px;text-transform: uppercase;font-family: 'Meta', sans-serif;font-weight: 400;letter-spacing: 1.5px;background: #e8f0ea;color: #557761;padding: 2px 10px;margin-bottom: 5px; margin-top: -10px; } .newsroomcol .quote img { width: 50px; height: 50px; border-radius: 50px; margin: 0; filter: saturate(0%) brightness(110%); } .newsroomcol .quote p { font-family: 'Newsroom', sans-serif; font-weight: 300; font-size: 15px; text-transform: inherit; letter-spacing: 0; line-height: 120%; margin-bottom: 10px; } .newsroomcol .quote p.author { display: inline-block; font-weight: 500; color: #285b5c; margin-left: 10px; font-size: 15px; margin-bottom: 0; } #topfold #content1 .newsroompost.date:first-child { display: none !important; } #topfold p.date, #column2.secondfold p.date, p.time { display: none; } #topfold p.time { display: inline-block !important; } #topfold img.clock { display: none !important; } #column2.notime p.time { display: none !important; } .newsroomcol.downpage { padding-right: 0 !important; overflow-x: hidden; } .newsroomcol.downpage .background { width: 100%; left: 0px; } .hideButton #showMoreBtn { display: none; } .newsroomcol .newsroompost { width: 100%; display: block; margin: 0; padding: 15px 10px 15px 0; } .newsroomcol .newsroompost a { margin: 0 !important; } .newsroomcol .newsroompost.date { padding: 0 !important; margin: 0 !important; } .newsroomcol .newsroompost .col-2.timestamp { padding: 0 !important; } .newsroomcol .newsroompost .col-2.timestamp p { font-size: 11px; text-align: right; line-height: 100%; padding-top: 4px; text-transform: none; } .newsroomcol .newsroompost .col-2.quoteimg { padding: 0 !important; } .newsroomcol .newsroompost.date:hover::before { background-color: #FFF !important; } .newsroomcol .newsroompost img.newsroomquote { width: 30px; float: right; margin-top: 5px; } .newsroomcol .newsroompost img.clock { height: 15px; margin: -3px 4px 0 0; } .newsroomcol .newsroompost span.mobiledate { display: none; } .newsroomcol .datebreak { background: rgba(229, 240, 234, 1);; display: block; text-align: center; padding: 5px 0; margin-top: -1px; font-family: 'Newsroom', sans-serif; font-weight: 500; letter-spacing: 0.5px; font-size: 14px; width: 100%; } #newsroom a { color: #000000; } #newsroom a:hover { text-decoration: none; } #newsroom .bookend .inner { background: #abcabb; display: block; height: 100%; font-family: 'Magazine Headline'; font-weight: 700; padding: 20px; font-size: 36px; line-height: 42px; } #newsroom .col-sm-12 .featuredhero { background-size: cover; background-position: center center; } #newsroom .col-sm-12 h1, .archive .hero h1 { font-size: 44px !important; line-height: 48px !important; } #newsroom .meta { font-family: 'Meta', sans-serif; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; letter-spacing: 1.5px; margin-right: 15px; margin-bottom: 10px; } #newsroom .newsroomcol h1 { font-size: 22px; line-height: 26px; margin-bottom: 15px; } #newsroom .newsroomcol .meta { margin-bottom: 15px; } #newsroom .col-sm-12 .meta.author, .archive .meta { margin-bottom: 80px; } #tagrow { margin-bottom: 30px; } #tagrow span.jumpto { font-family: 'Meta', sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px; font-size: 11px; } #tagrow hr { margin-bottom: 30px !important; } #tagrow h2 { margin-bottom: 20px; } #tagrow a { font-size: 13px; text-transform: uppercase; display: inline-block; padding: 5px 20px; border: 0.5px solid #1D1D1B; border-radius: 20px; transition: ease-in-out 0.3s; font-family: 'Meta', sans-serif; font-weight: 400; letter-spacing: 1.5px; color: initial; margin-right: 10px; } #tagrow a:last-child { margin-right: 0; } #tagrow a:hover { background: #f5fcc1; transition: ease-in-out 0.3s; text-decoration: none; } #tagrow ul { padding: 0; } #tagrow ul li { display: inline-block; list-style: none; margin-right: 10px; } #multimediastrip { background: #1D1D1B; color: #CDD3C5; padding: 50px 0; margin: 0; } #multimediastrip a:hover { text-decoration: none !important; } #multimediastrip h2 { color: #FFF; font-family: 'Video', sans-serif; text-transform: uppercase; font-weight: 500; display: block; line-height: 100%; font-size: 50px; margin: 0; display: inline-block; vertical-align: top; } #multimediastrip img.sectionlogo { height: 50px; display: inline-block; width: auto; margin-left: 10px; } #multimediastrip .row.panels { margin-top: 50px; } /**#multimediastrip .row.panels > .col-sm-3 { border-right: 1px solid #717171; }**/ #multimediastrip .row.panels > .col-sm-3:last-child, #multimediastrip .row.panels > .col-sm-3.noline { border-right: none; } #multimediastrip .filter-buttons, #multimediastrip .filter-buttons-2 { text-align: right; line-height: 50px; } #multimediastrip .filter-button, #multimediastrip .filter-button-2 { border: 0.5px solid #FFF; text-align: right; margin-left: 10px; display: inline; } #multimediastrip .filter-button:hover, #multimediastrip .filter-button-2:hover, #multimediastrip a.filter-button.taglink.active, #multimediastrip a.filter-button-2.taglink.active { background: #f5fcc1 !important; color: #1D1D1B; } img.sectionlogo { width: 250px; } .verticalpanel { background: #E8E4E0; height: 360px; border-radius: 15px; position: relative; } .verticalpanel .tag, #promobanner .tag { padding: 5px 15px; color: #000; background: #FFF; border-radius: 15px; display: inline-block; position: absolute; top: 15px; left: 15px; font-family: 'Meta', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; z-index: 9999; } .verticalpanel .podcast .panel { height: 180px; border-radius: 15px 15px 0px 0px; background-position: center center; background-size: cover; } .verticalpanel .podcast .text { height: 180px; position: relative; width: 100%; bottom: 0; left: 0; padding: 20px !important; } .verticalpanel .podcast .text:hover { text-decoration: none !important; } .verticalpanel .podcast .text h4 { font-family: 'Newsroom', sans-serif; font-weight: 500; color: #1D1D1B; font-size: 20px; width: 60%; } .verticalpanel .podcast .text h4.name { color: #598BA6 } .verticalpanel .podcast .guest { width: 40%; height: 100%; position: absolute; right: 0; bottom: 0px; background-size: 120%; background-repeat: no-repeat; background-position: left bottom; border-radius: 0 0 15px 0px; filter: grayscale(100%); } .verticalpanel .podcast.secondary .text { background: #31636d; color: #FFF; border-radius: 0px 0px 15px 15px; } .verticalpanel .podcast.secondary .text h4 { color: #FFF; } .verticalpanel .podcast.secondary .text h4.name { opacity: 0.6; } .verticalpanel.video { background-size: cover; background-position: center center; } .verticalpanel.video .guest { height: 360px; width: 100%; position: absolute; bottom: 0; background-size: auto 98%; background-repeat: no-repeat; background-position: -30% -500%; filter: grayscale(100%); border-radius: 15px; z-index: 999; } .verticalpanel.video .gradient { background: rgb(0,0,0); background: linear-gradient(to top, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.49763655462184875)); height: 100%; width: 100%; border-radius: 15px; } .verticalpanel.video .text { width: 100%; bottom: 0px; padding: 0 10% 10% !important; position: absolute; text-align: center; color: #FFF; text-shadow: 0px 0px 10px #000000; } .verticalpanel.video .text guest { font-family: 'Video', sans-serif; font-size: 32px; text-transform: uppercase; font-weight: 500; display: block; line-height: 100%; margin-bottom: 5px; } .verticalpanel.video .text vidtitle { font-family: 'Magazine Headline', serif; font-weight: 200; font-size: 28px; line-height: 100%; } .verticalpanel.video.middle .gradient { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 100%); position: relative; } .verticalpanel.video.middle .guest { width: 40%; height: 150px; position: absolute; right: 0; bottom: 0px; background-size: 120%; background-repeat: no-repeat; background-position: left bottom; border-radius: 0 0 15px 0px; filter: grayscale(100%); } .verticalpanel.video.middle .text { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: #FFF; padding: 0; bottom: inherit; } .verticalpanel.video.middle .text guest { font-family: 'Magazine Headline', serif; font-size: 22px; font-weight: 200; display: block; line-height: 100%; margin-bottom: 5px; text-transform: inherit; } .verticalpanel.video.middle .text vidtitle { font-family: 'Video', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 42px; line-height: 100%; width: 70%; display: block; margin: 0 auto; } .verticalpanel .podcast.alterate .panel { bottom: 0; position: absolute; width: 100%; border-radius: 0px 0px 15px 15px; } .verticalpanel .podcast.alterate .text { position: absolute; top: 0; width: 100%; } .verticalpanel .podcast.alterate .text h4 { font-family: 'Magazine Text', sans-serif; width: 70%; } .verticalpanel .podcast.alterate .text h4.name { color: #FF3D4A; } .standardpod.alt .verticalpanel .podcast .panel { position: absolute; bottom: 0; width: 100%; border-radius: 0 0 15px 15px; } .standardpod.alt .verticalpanel .podcast .text { top: 0; } .standardpod .verticalpanel .podcast.green h4.name { color: #859255; } .standardpod .verticalpanel .podcast.blue h4.name { color: #598BA6; } .standardpod .verticalpanel .podcast.orange h4.name { color: #FF3D4A; } .standardpod .verticalpanel .podcast.pink h4.name { color: #AD6869; } #section { margin: 30px 0; } #section.writers .gallery { position: relative; overflow: hidden; padding: 0; cursor: ew-resize; } #section.writers .gallery:focus { outline: none; } #section.writers .flickity-button { border: none; background: transparent; width: 20px; position: absolute; bottom: 0; display: none; } #section.writers .flickity-button.next { right: 0; } #section.writers .gallery .flickity-page-dots { display: none; } #section.writers .gallery-cell { padding-left: 10px !important; padding-right: 10px !important; margin-left: 10px; } #section.writers .gallery-cell a { color: inherit; } #section.writers .gallery-cell a:hover { text-decoration: none; } #section.writers .gallery-cell a img { transition: filter 0.5s ease; border-radius: 50%; height: 88px; width: 88px; filter: saturate(0%) brightness(110%); } #section.writers .gallery-cell a:hover img { border-image-outset: 4px solid black } #section.writers .gallery-cell p.name { font-family: 'Newsroom', sans-serif; font-weight: 500; font-size: 14px; line-height: 16px; margin: 10px 0 0; } #mission { background: #DAEEF2; margin: 60px 0 60px; } #mission .col-sm-9 { padding: 0 0 60px; } #mission h2 { color: #364D5A; font-family: 'Magazine Headline', serif; font-weight: 700; margin-bottom: 20px; padding-top: 60px; } #mission p { font-family: 'Magazine Text', serif; color: #598BA6; font-size: 42px;letter-spacing: -2px; font-weight: 400; line-height: 52px; margin-bottom: 50px; } #mission .icon { background-size: contain; background-position: center bottom; background-repeat: no-repeat; padding: 0; } #mission a.findmore { margin: 0; } #tagbanner { background: #F2E6E7; margin: 60px 0; padding: 60px 0; } #tagbanner hr { border-top: 1px solid #717171 !important; width: 100%; } #tagbanner .newsroomcol hr { margin: 15px 0 !important; } #tagbanner .line { border-right: 1px solid #717171; } #tagbanner a { color: inherit; } #tagbanner a:hover { text-decoration: none; } #tagbanner .posts .date { font-family: 'Newsroom', sans-serif; font-size: 12px; letter-spacing: 1.5px; } #tagbanner .posts .col-9 { padding-left: 0 !important; } article .article-header { margin-top: 20px; } article .article-header .hero-image { min-width: 100%; padding-bottom: 60%; background-size: cover; background-position: center center; } article#newsroom .article-header .hero-image { max-height: 400px; } article .article-header h1.headline { font-family: 'Magazine Headline', Georgia, serif; font-weight: 400; font-size: 36px; line-height: 40px; margin-bottom: 0; letter-spacing: -0.5px; } article .article-header h1.headline span.standfirst { color: #64ACDB; } .standfirst-on-new-line { display: block; } article.premium .article-header { display: none; } article.premium .article-body .pianocontentwrapper figure, article.premium .article-body .pianocontentwrapper img { width: 150% !important; margin-left: -17.5% !important; z-index: 999; position: relative; max-width: 1200px !important; } article.premium .article-body .pianocontentwrapper figure figcaption{ width: 150%; margin-left: -17.5%; } article.premium .fixed-sidebar { display: none; } #premium { background-size: cover; background-position: center center; position: relative; margin-bottom: 15px; } #premium .gradient { background: linear-gradient(to top, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.49763655462184875)); height: 100%; width: 100%; position: absolute; } #premium h1 { color: #FFF; margin-bottom: 30px; padding-top: 50vh; font-size: 60px; line-height: 100%; } #premium h1 .standfirst { color: #C1F6FF; } #premium .standfirst-on-new-line { display: inline; } article .article-body p { font-family: 'Magazine Text'; font-weight: 400; font-size: 18px; line-height: 30px; color: #1D1D1B; margin-bottom: 30px; } article .article-body a { color: inherit; text-decoration: none; border-bottom: 0.5px solid #000; } article .article-body a.author { display: inline-block; vertical-align: middle; } article .article-body a.author img { width: 80px; height: 80px; border-radius: 50%; filter: saturate(0%) brightness(110%); } article .article-body .authorinfo { display: inline-block; vertical-align: middle; padding-left: 15px; } article .article-body .authorinfo a, article .article-body a.author { border-bottom: none; } article .article-body .authorinfo h5 { font-family: 'Magazine Headline'; font-weight: 400; font-size: 24px; line-height: 28px; } article .article-body .authorinfo h6 { font-family: 'Meta'; } article .article-body .ref-ar { display: block; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 30px; padding: 20px 0 15px; } article .article-body .ref-ar .image { width: 175px; height: 100px; display: inline-block; } article .article-body .ref-ar .content { display: inline-block; width: calc( 100% - 175px); padding-left: 20px; vertical-align: top; } article .article-body .ref-ar .content h5 { margin: 8px 0 12px; font-weight: 400; font-size: 18px; } article .article-body .ref-ar .content p { margin-bottom: 0; } article .article-body .ref-ar .content span.meta, article .article-body .ref-ar .content p.author { font-family: 'Meta', sans-serif;font-size: 11px;text-transform: uppercase;margin: 0;font-weight: 400;letter-spacing: 1.5px; margin-right: 15px; line-height: 100%; } @media (max-width: 410px) { article .article-body .ref-ar .content { padding-left: 10px; } article .article-body .ref-ar .content span.meta { letter-spacing: 0; } } article .article-body .authorfootnote p { font-family: 'Newsroom', sans-serif; font-weight:400; font-size: 14px; line-height: 18px; color: #717171; margin-bottom: 15px; } article .article-body .authorfootnote p strong { font-weight:400; } /* article .article-body .authorfootnote a { font-family: 'Meta'; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; } */ article .article-body .authorfootnote img.authorx { width: 12px !important; height: 12px; margin-right: 5px; vertical-align: middle; margin-left: 0 !important; } article .article-body .su-pullquote { display: block; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 30px; padding: 30px 0; font-size: 40px; line-height: 44px; font-family: 'Magazine Headline'; font-weight: 400; width: 100%; border-right: none; } article figcaption { font-family: 'Newsroom', sans-serif;font-size: 11px !important;margin-top: 8px;color: #808080; } article p.caption, article .fixed-sidebar p { font-family: 'Newsroom', sans-serif; color: #717171; font-weight: 300; font-size: 12px; line-height: 14px; width: 70%; margin-bottom: 0; position: absolute; bottom:0; } article .fixed-sidebar p { color: #C0C0C0; text-align: center; width: 100%; margin: 10px 0; } article a.taglink { margin: 5px; color: #717171; } article#newsroom { margin-top: -20px; } article#newsroom .tophalf { background: rgba(246, 251, 248, 1); padding: 20px 0; margin-bottom: 20px; } article#newsroom .article-header h1.headline { font-family: 'Newsroom', sans-serif; font-size: 40px; font-weight: 500; line-height: 46px; letter-spacing: -1.5px; } article#newsroom .article-header .hero-image { border-radius: 20px; } article#newsroom p.caption { position: absolute; bottom: 0; } article#newsroom .article-body p { font-family: 'Newsroom', sans-serif; font-weight: 300 !important; color: #1D1D1B; } article#newsroom .article-body .authorinfo { padding-left: 0; width: 100%; } article#newsroom .article-body .authorinfo img { height: 18px; width: auto; opacity: 1; margin: 0 15px 0 0; display: inline-block; } article#newsroom img.sectionfeatured { width: calc(70% - 60px); display: block; margin-bottom: 15px; margin-top: 30px; opacity: 0.7; } article#newsroom .reccomended { display: none;margin-top: 50vh; height: initial; padding: 0 10px 0 0; } article#newsroom .reccomended .row { margin-left: -15px !important; margin-right: -15px !important; } article#newsroom .reccomended h4 { font-weight: 700; font-size: 18px; } article#newsroom .reccomended .featuredimage { margin-right: 10px; } article#newsroom .newsroomcol hr { margin: 15px 0 !important; } article#newsroom .newsroomcol h1 { margin: 0; font-size: 18px; line-height: 20px; } article#newsroom .newsroomcol p { margin-bottom: 0; font-family: 'Meta'; font-size: 11px; } article#newsroom.Today a.author, article#newsroom.Today .authorinfo, article#newsroom.Today hr.authordivide, article#newsroom.Today .authorfootnote { display: none; } article#newsroom #stub { border: 1px solid #dedede !important; margin-bottom: 30px; padding: 30px 30px 0; } article#newsroom #stub h4 { font-family: 'Newsroom', sans-serif; font-size: 24px; margin-bottom: 20px; } .uhcomments .comment-content p { font-size: 13px; text-decoration: none !important; font-weight: 400 !important; color: #1b1b1b !important; font-family: benton-sans,sans-serif; margin-bottom: 10px; } .uhcomments .comment-body { padding-bottom: 20px; } .uhcomments ol.comment-list { list-style: none; padding: 0; } .uhcomments ol.children { list-style: none; } .uhcomments .comment-meta { margin-bottom: 15px; } #comments h2 { font-size: 31px; color: #717171 !important; font-weight: 700; font-family: 'Magazine Text'; margin-bottom: 10px; } #comments h3 { font-family: 'Magazine Text'; font-weight: 400; color: #949494; font-size: 22px; line-height: 26px; margin-bottom: 0; } #comments a { color: #000; text-decoration: underline; } .article #comments .ql-editor p { color: #1b1b1b !important; } #comments.comments-area { margin:0 !important; } #comments.out { margin-top: 25px; text-align: left; } #comments.out li { list-style: none; } #comments.out .comment-author img { width: 40px; height: 40px; max-width: 40px; border-radius: 100%; padding: 2px; background-color: #ffffff; vertical-align: middle; text-align: center; float: none; border: 1px solid #4D6B75 !important; } #comments.out b.fn, #wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a, #wpdcom .wpd-blog-customer .wpd-comment-author, #wpdcom .wpd-blog-customer .wpd-comment-author a { font-family: minion-pro,serif !important; font-weight: 600; font-style: normal; font-size: 17px !important; line-height: 150%; letter-spacing: -0.5px!important; color: #1b1b1b !important; } #comments.out .comment-metadata a { display: none; } #comments.out .comment-body { border-bottom: 0.5px solid rgba(28, 28, 28, 0.4) !important; padding-bottom: 15px; margin-bottom: 25px; } #comments.out span.says { display: none; } #comments.out .comment-content p br { margin-bottom: 10px; } #comments a#btn-signup { background: #ffde00;color: #262222 !important;font-weight: 700;box-shadow: none;width: 100%;letter-spacing: -0.25px;padding: 11px 30px 10px;display: block;margin: 0 auto;border-radius: 40px;border: 1px #e4c916 solid;text-transform: initial;min-width: 300px;max-width: 320px;font-size: 16px; transition: 0.2s ease-in-out; } #comments a#btn-signup:hover { background: #fbc804; color: #262222; } #comments .comment-over { padding-left: 5%; padding-right: 5%; display: none;} #wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a { font-family: minion-pro,serif !important; font-weight: 600; font-style: normal; font-size: 17px !important; line-height: 150%; letter-spacing: -0.5px!important; color: #1b1b1b; } #wpdcom .wc-field-submit input[type="submit"] { margin-top: 0 !important; } .wpd-reply-to { text-align: left; } #wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved, .admin-bar .wpd-unapproved-comment { display: none; } { display: none !important; } #comments img.people { width: 60%; margin: -20px auto 0; } #page .page-hero { padding-top: 60px; padding-bottom: 60px; } #page .page-hero h1 { font-family: 'Magazine Headline'; color: #135F5F; font-size: 48px; font-weight: 700; margin-bottom: 0; } .archive .archiveimage { padding-top: 60%;content: " ";display: block;background-size: cover;} .archive #articleindex { padding-bottom: 30px;} .archive #articleindex.newsroom h1 { margin-top: 0 !important; } .archive a:hover { text-decoration: none; } .archive .hero .featuredhero { background-size: cover; background-position: center center; } .archive span.blue { color: #949494; } .archive .hero h1 { font-weight: 400; width: 80% !important; margin-top: 6vh !important; } .archive #content .hero .meta .time, .archive #content .hero .meta .name { display: inline-block; margin-right: 10px; } .archive .text { padding-left: 60px !important; } .archive #content .meta { margin-bottom: 0 !important; } .pagination { border-radius: 0; } .page-link { font-family: 'Newsroom', sans-serif; font-weight: 700; color: #000 !important; } .page-item.active .page-link { background-color: #aec8bb !important; border-color: #aec8bb !important; } #page.columnists .col-lg-3.col-md-4.col-sm-4 { padding-right: 15px !important; padding-left: 15px !important; margin-bottom: 30px; } #page.columnists a { text-decoration: none; } #page.columnists .line { margin-bottom: 60px; } #page.columnists .box { border: 1px solid #dedede !important; padding: 25px 20px 0 20px; height: 100%; } #page.columnists .box a.viewall { background: #DAEEF2;display: block;position: absolute;bottom: 0;width: calc(100% - 30px);left: 15px;padding: 10px;color: #364D5A;font-size: 11px;text-align: center;margin-top: 10px; } #page.columnists .box .smallpost { display: block; margin: 0 0 20px;border-top: 1px solid #dedede !important;padding-top: 20px; } #page.columnists .box .smallpost:first-of-type { border-top: none !important; } #page.columnists .name:hover { text-decoration: none; } #page.columnists .name h4 { font-family: 'Magazine Headline'; color: #1D1D1B; font-size: 24px; line-height: 28px; width: calc(100% - 85px); margin-left: 10px; display: inline-block; margin-bottom: 0; vertical-align: middle; } #page.columnists .name img { border-radius: 50%; max-width: 70px; filter: saturate(0%) brightness(110%); display: inline-block; vertical-align: middle; } #page.columnists .image { height: 180px; background-size: cover; background-position: center center; } #page.columnists a.headline { font-family: 'Magazine Headline'; font-weight: 400; color: #1D1D1B; font-size: 24px; line-height: 28px; margin-bottom: 5px; display: block; } #page.columnists .meta { display: inline-block; font-family: 'Meta', sans-serif; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; letter-spacing: 1.5px; margin-right: 15px; } #page.columnists a.viewall { font-family: 'Meta'; font-size: 12px;font-weight: 400;line-height: 14px;letter-spacing: 0.1em;text-align: left; text-transform: uppercase; color: #135F5F; } #multimedia { background: #1d1d1b; color: #FFF; padding-bottom: 20px; } #multimedia img.sectionlogo { height: 50px; width: auto; display: inline-block; margin-left: 5px; vertical-align: top; } #multimedia h2 { color: #FFF;font-family: 'Video', sans-serif;text-transform: uppercase;font-weight: 500;display: inline-block;line-height: 100%;font-size: 50px;margin: 0; } #multimedia a { color: #FFF; } #multimedia a:hover { text-decoration: none !important; } #multimedia hr { border-top: 1px solid #717171; margin-top: 60px !important; margin-bottom: 60px !important; } #multimedia .page-hero h1 { color: #FFF; } #multimedia #featured .inner { background-size: cover; background-position: center center; display: block; position: relative; } #multimedia #featured .inner.black { background: #000; background-size: 0px; transition: ease-in-out 1s; } #multimedia #featured .gradient {width: 100%;height: 100%;background: rgb(0, 0, 0);background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;background-size: 100% 100%;transition: opacity 0.3s, background-position 0.3s; min-height: 350px; } #multimedia #featured .gradient img.button { width: 90px; height: 90px; } #multimedia #featured .inner .details { padding: 60px; min-height: 500px; } #multimedia #featured .inner .details a { color: #FFF; } #multimedia #featured .inner .details h1 { font-family: 'Video';font-size: 52px;font-weight: 600;line-height: 42px;letter-spacing: 0.01em;text-align: left;text-transform: uppercase; } #multimedia #featured .inner .details h2 { font-family: 'Magazine Headline'; font-size: 24px;font-weight: 400 !important;line-height: 26px;letter-spacing: 0em;text-align: left; text-transform: initial; margin-bottom: 10px; } #multimedia #featured .inner .details p { font-family: 'Magazine Text';font-size: 20px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: left; margin-bottom: 0; } #multimedia #featured .interviewee { width: 30%; height: 100%; filter: grayscale(100%); background-repeat: no-repeat; background-size: contain; background-position: center bottom -10%; display: block; position: absolute; top: 0; right: 0; } #multimedia #multimediastrip { padding: 0; } #multimedia #multimediastrip h2 { margin-top: 0; } #multimedia #multimediastrip .verticalpanel { margin-bottom: 50px; } #mutlimedia .uhcomments { padding: 0; } #multimedia #wpdcom .wc-field-submit input[type="submit"] { border: 1px solid #FFF; color: #FFF; border-radius: 20px; } #multimedia.article .videolhs { height: 574px; } #multimedia.article .videolhs guest { font-family: 'Magazine Headline';font-size: 24px;font-weight: 400;line-height: 28px;letter-spacing: 0em;text-align: left; margin-bottom: 15px; display: block; } #multimedia.article .videolhs h1.title { font-family: 'Video';font-size: 52px;font-weight: 600;line-height: 44px;letter-spacing: 0.01em;text-align: left; text-transform: uppercase; margin: 0; } #multimedia.article .videolhs .meta { font-family: 'Meta'; font-size: 12px;font-weight: 400;line-height: 16px;letter-spacing: 0.1em;text-align: left; text-transform: uppercase; } #multimedia.article .videolhs hr { margin-top: 30px !important; margin-bottom: 30px !important; } #multimedia.article .videolhs .linkedarticle { display: block; width: calc(100% - 30px); position: absolute; bottom:0; box-sizing: border-box; margin: 0 -15px; padding: 0 15px; } #multimedia.article .videolhs .linkedarticle h4 { font-family: "Newsroom"; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: -0.01em; text-align: left; color: #EBFF00; margin-top: 5px; } #multimedia.article #player { padding-top: 30px; padding-bottom: 0; } #multimedia.article #videoContainer { display: none; } #multimedia.article #videoScreen { cursor: pointer; display: block; position: relative; background-size: cover; background-position: top center; border-radius: 20px; height: 100%; } #multimedia.article #videoScreen .gradient { background: rgb(0,0,0);background: -moz-linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); height: 100%; width: 100%; border-radius: 20px; } #multimedia.article #videoScreen img.play { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #multimedia.article #videoScreen .guest { width: 40%; height: 75%; display: block; position: absolute; bottom: 0; right: 0; background-size: cover; filter: grayscale(100%); background-repeat: no-repeat; } #multimedia.article .body hr { margin-top: 30px !important; margin-bottom: 30px !important; } #multimedia.article .body h3 { font-size: 24px; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; color: #FFF; } #multimedia.article .body p { font-family: 'Newsroom', sans-serif;font-size: 18px;line-height: 28px;letter-spacing: -0.01em;text-align: left; font-weight: 200 !important; } #multimedia.article #comments, #multimedia.article #comments #wpdcom .wpd-comment-header .wpd-comment-author { margin-top: 0; font-family: 'Newsroom', sans-serif !important; color: #FFF !important; } #multimedia.article #comments hr { margin: 20px 0 !important; } #multimedia.article #comments h2, #multimedia.article #comments p, #multimedia.article #comments #wpdcom .wpd-thread-head .wpd-thread-info { color: #FFF !important; } #multimedia.article #comments #wpdcom .ql-editor p { color: #1b1b1b !important; } #multimedia.article #comments p { font-size: 16px; } #multimedia.article #comments h3 { color: #FFF; margin-bottom: 10px; text-align: center; } #multimedia.article #comments .comment-break { margin-top: 20px; } #multimedia.article #comments .uhcomments { padding-left: 0 !important; padding-right: 0 !important; } #multimedia.article #comments #wpdcom .wpd-blog-user .wpd-comment-author, #multimedia.article #comments #wpdcom .wpd-blog-user .wpd-comment-author a { color: #FFF; } #pianocontainer { position: fixed; bottom: 0; left: 0;width: 100%;box-shadow: 0 0 28px 0 rgba(51, 51, 51, 0.2); z-index: 1000; } .fixed-sidebar { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; height: 100vh; width: 100%; background: none; top: 120px; bottom: auto; overflow-y: hidden;} .logged-in.admin-bar #navigation.minimized { top: 32px; } .code-block.code-block-6.active ~ * { display: none !important; } .code-block.code-block-6.active { position: relative; } .code-block.code-block-6.active::before { content: "";position: absolute;bottom: 100%;left: 0;right: 0;height: 200px;background-image: linear-gradient(to top,#ffffff 0%,#ffffff 20%,rgba(255, 255, 255, 0) 100%);} .code-block-3.hide { display: none; } .ob-cards { font-size: 15px; letter-spacing: -1px !important; line-height: 110%; } .ob-widget-header { font-family: benton-sans,sans-serif !important; font-weight: 600 !important; font-style: normal; font-size: 14px !important; line-height: 150%; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px 0 !important; } #comment-hide { display: none; } .comment-show { display: block !important; } button#togglebutton { text-align: center; background-color: #446c76; color: #FFF; font-weight: 600; font-size: 15px; letter-spacing: -0.5px; font-family: benton-sans,sans-serif; border: 0; padding: 12px 20px; border-radius: 50px; display: block; margin: 3vh auto 10vh auto; } .button-hide { display: none !important; } .taglink { font-size: 11px; text-transform: uppercase; display: inline-block; padding: 4px 14px; border: 0.5px solid #1D1D1B; border-radius: 20px; transition: ease-in-out 0.3s; font-family: 'Meta', sans-serif; font-weight: 400; letter-spacing: 1.5px; color: #000; } .taglink:hover { background: #f5fcc1; transition: ease-in-out 0.3s; text-decoration: none; color: #000; } .taglink.breaking { animation: flash 3.5s infinite; transition: background 0.3s ease-in-out; background: #f5fcc1; } .taglink.breaking:hover { animation: none; } .share a { border-bottom: none !important; margin-right: 5px; } .share a img { width:25px; height: 25px; } .comment-break { display: block; } .comment-break img.ellipse { margin: 8vh auto 8vh; max-width: 20px; display: block; } .comment-break h2 { display: block; margin: 0 auto; text-align: center; font-weight: 700 !important; font-size: 28px; color: #4d6b75 !important; letter-spacing: 0.2px; font-family: benton-sans, sans-serif; } .comment-break h3 { font-family: benton-sans, sans-serif; } .comment-break img.illustration { margin: 0; z-index: 999; position: relative; display: block; width: 100%; } footer { background: #000000; padding: 20px 0; color: #FFF; } footer a, footer p { font-family: 'Newsroom', sans-serif; color: #aec8bb; font-weight: 300; font-size: 14px; transition: ease-in-out 0.3s; } footer a:hover { color: #FFF; transition: 0.3s ease-in-out; text-decoration: none; } footer ul { padding: 0; } footer li { list-style: none; } .appcomments #wrapper-navbar, .appcomments #thepost, .appcomments #wrapper-footer, .appcomments .wpd-form-col-left { display: none; } #wpd-bubble-wrapper { display: none !important; position: fixed; } .show-discuz-bubble #wpd-bubble-wrapper { display: block !important; } #comment_updates { display: none; position: fixed; bottom: 30px; left: 30px; padding: 24px 40px 20px 20px; background-color: #FFF; color: #1b1b1b; z-index: 999; border: 1px solid #446c76; line-height: 155% !important; margin: 0 0 15px; font-family: benton-sans, sans-serif; font-weight: 400; font-style: normal; font-size: 13px; } #comment_updates a { color: #1b1b1b; text-decoration: underline; font-weight: 500; font-size: 12px; letter-spacing: -0.5px; } #comment_updates_close { float: right; margin-top: -20px; margin-right: -30px; cursor: pointer; color: #446c76; } #comment_updates .notfno { background: rgb(231, 103, 74); width: 18px; height: 18px; display: inline-block; text-align: center; border-radius: 50%; font-weight: bold; font-size: 11px; color: #FFF; } #comment_updates .notftitle { font-family: essonnes-display, serif; font-weight: 400; font-style: normal; letter-spacing: -0.5px; margin: 5px 0 4px; display: block; font-size: 18px; } .subs-modal { width: 100%; display: none; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.6; position: fixed; z-index: 9999; top: 0; } #login-form { left: 50%; transform: translate(-50%, -50%); position: absolute; width: 450px; max-width: 90%; top: 400px; z-index: 10; } #login-form .piano-id-container iframe { width: 100%; } #login-form .cls-btn { display: none; background: #FFF; padding: 3px 13px; border-radius: 40px; color: #155a66; z-index: 99999; margin-top: 0; font-weight: 700; border: 1px solid #155a66; font-size: 14px; position: absolute; top: 15px; right: 15px; transition: ease-in-out 0.5s; } #login-form .cls-btn:hover { background: #155a66; color: #FFF; text-decoration: none; transition: ease-in-out 0.2s; } #search { padding-bottom: 50px; } #search a { color: #1b1b1b; } #search p.meta { font-family: 'Meta'; font-weight: 400; font-size: 12px; line-height: 38px; letter-spacing: 1px; text-transform: uppercase; color: #717171; margin: 0; } #search .innercol.newsroom h1, .archive #articleindex.newsroom h1 { font-family: 'Newsroom', sans-serif; font-weight: 500; letter-spacing: -0.5px; } #search h2 { margin-bottom: 0; } #search .author-hero { padding: 3% 0 0; } #search ul.pagination { display: inline-flex; margin-top: 3%; } #search hr { margin-top: 30px !important; margin-bottom: 30px !important; } .pag { border: none; margin: 0 auto; } #about .hero { background: #DAEEF2; margin-bottom: 60px; padding: 20px 0 60px; } #about .hero img { position: absolute;bottom: 0;right: 0; } #about .hero h1 { color: #364D5A; font-family: 'Magazine Headline', serif; font-weight: 700; padding: 60px 0; text-align: left; } #about h4 { color: #364D5A; font-family: 'Magazine Headline', serif; font-weight: 700; margin-bottom: 30px; } #about .team-icon { padding-left: 10px !important; padding-right: 10px !important; } #about .team-icon img { border-radius: 50%; width: 55%; margin: 0 auto 10px; filter: saturate(0%) brightness(110%); display: block; } #about .team-icon a.name { color: #1b1b1b; font-family: 'Newsroom', sans-serif; font-weight: 500; letter-spacing: 0px; display: block; width: 100%; text-align: center; font-size: 16px; } #about p { font-family: 'Magazine Text'; font-weight: 400; font-size: 17px; line-height: 24px; color: #1D1D1B; margin-bottom: 20px; } .archive.author .author-hero { padding: 3% 0%; } .archive.author .author-hero a { color: #000; text-decoration: underline; } .archive.author .author-hero img.avatar { border-radius: 50%; filter: saturate(0%) brightness(110%); } .archive.author .author-hero img.author-social { width: 25px; margin-right: 15px; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar { display: none !important; } #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left { width: 0 !important; margin: 0; } #wpdcom .wpd-comment .wpd-comment-header { margin-left: 0 !important; } #wpdcom .wpd-thread-list { padding-bottom: 0 !important; } /* Fonts 8 */ @font-face { font-family: 'Newsroom'; src: url('/wp-content/themes/UH2023/font/test-soehne-leicht.woff2') format('woff2'); font-weight: 200; /* Light */ } @font-face { font-family: 'Newsroom'; src: url('/wp-content/themes/UH2023/font/test-soehne-buch.woff2') format('woff2'); font-weight: 400; /* Normal font weight (e.g., regular) */ } @font-face { font-family: 'Newsroom'; src: url('/wp-content/themes/UH2023/font/test-soehne-kraftig.woff2') format('woff2'); font-weight: 500; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Newsroom'; src: url('/wp-content/themes/UH2023/font/test-soehne-dreiviertelfett.woff2') format('woff2'); font-weight: 700; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Meta'; src: url('/wp-content/themes/UH2023/font/licensed/soehne-mono-buch.woff2') format('woff2'); font-weight: 400; /* Normal font weight (e.g., regular) */ } @font-face { font-family: 'Video'; src: url('/wp-content/themes/UH2023/font/licensed/soehne-schmal-dreiviertelfett.woff2') format('woff2'); font-weight: 700; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Magazine Text'; src: url('/wp-content/themes/UH2023/font/licensed/tiempos-text-regular.woff2') format('woff2'); font-weight: 400; /* Normal font weight (e.g., regular) */ } @font-face { font-family: 'Magazine Text'; src: url('/wp-content/themes/UH2023/font/licensed/tiempos-text-semibold.woff2') format('woff2'); font-weight: 600; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/test-tiempos-headline-light.woff2') format('woff2'); font-weight: 300; /* Normal font weight (e.g., regular) */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/test-tiempos-headline-regular.woff2') format('woff2'); font-weight: 400; /* Normal font weight (e.g., regular) */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/licensed/tiempos-headline-medium.woff2') format('woff2'); font-weight: 500; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/test-tiempos-headline-semibold.woff2') format('woff2'); font-weight: 600; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/licensed/tiempos-headline-bold.woff2') format('woff2'); font-weight: 700; /* Semi-bold or demi-bold */ } @font-face { font-family: 'Magazine Headline'; src: url('/wp-content/themes/UH2023/font/test-tiempos-headline-black.woff2') format('woff2'); font-weight: 800; /* Semi-bold or demi-bold */ } @media (min-width: 1410px) { .row { margin-right: -30px !important; margin-left: -30px !important; } } @media (max-width: 1500px) { #navigation.minimized .menupanel { padding-left: 0; } #navigation.minimized .tagrow { margin-right: 20px; } #navigation.minimized .tagrow a { margin-right: 10px; } #topfold { padding-top: 20px; padding-bottom: 20px; } #topfold #articleindex .featuredimage { padding-top: 60%; } #topfold .innercol.double #articleindex.standard .featuredimage { padding-top: 62%; } #topfold .innercol.double #articleindex.standard a.taglink { margin-top: 15px !important; } .double a.taglink { margin-top: 0 !important; } .double .meta { margin-bottom: 20px; } #promobanner { padding: 15px 0 !important; } #promobanner.live { padding: 0 !important; } #promobanner h1 { font-size: 20px; width: 70%; } #promobanner .single h1 { font-size: 26px !important; margin-bottom: 0; line-height: 120% !important; } #promobanner .single h2 { font-size: 20px; } #promobanner .watch-listen a.multimediapanel .col-7 { padding: 12px !important; } #promobanner .watch-listen a.multimediapanel .col-7 h1.guest { position: relative; bottom: 0;} #promobanner .watch-listen a.multimediapanel .col-7 h1 { font-size: 15px; margin: 0 0 5px; } #promobanner .watch-listen a.multimediapanel .tag { margin-bottom: 5px; } #promobanner .watch-listen a.multimediapanel { width: 100%; margin-left: 0 !important; } #promobanner .watch-listen a.multimediapanel.video guest { font-size: 12px; margin: 7px 0 2px; } #navigation img.logo { margin-top: -25px; max-width: 200px; } #topfold #articleindex h1, #articleindex.full h1,.col-sm-9.mastercol #articleindex.full h1 { font-size: 35px; width: 100%; font-weight: 400; letter-spacing: 0px; } #articleindex .featuredimage { } .innercol.double #articleindex h1 { margin: 15px 0; } #topfold .innercol.single h1 { margin: 8px 0 4px !important; line-height: 120%; } .innercol.single a.taglink { margin: 15px 0 0; } .innercol.single hr { margin: 15px 0; } .newsroomcol h1 { font-size: 18px; margin-bottom: 5px; } .newsroomcol .quote img { width: 65px; height: 65px; } .newsroomcol .quote p { font-size: 15px; line-height: 110%; } article p.caption, article .fixed-sidebar p { width: 70%; } article#newsroom .article-header h1.headline { font-size: 36px; line-height: 40px; } #mission p { line-height: 48px; font-size: 40px; } .verticalpanel .podcast .text h4 { width: 80%; } .verticalpanel.video.middle .text vidtitle { width: 70%; } .archive .hero h1 { margin-top: 40px !important; } .archive #content .hero .meta { margin-bottom: 40px !important; } #multimedia.article .videolhs { height: 500px; } } @media (max-width: 1150px) { #navigation.minimized { max-height: 84px; overflow-y: hidden; } #navigation.minimized .menupanel { height: 48px; overflow-y: hidden; } .innercol.double #articleindex.standard { padding-bottom: 0; } .innercol.full hr { margin: 20px 0 !important; } #navigation .menupanel { max-height: 44px; overflow-y: hidden; } .newsroomcol .headerblock img { max-width: 150px; } .newsroomcol .featuredimage { margin-bottom: 5px; } .newsroomcol .col-9 { padding-right: 15px !important; } .newsroomcol h1 { font-size: 16px; margin-bottom: 5px; } .newsroomcol .quote p { font-size: 14px; } .newsroomcol .quote img { height: 40px; width: 40px; margin-bottom: 5px; } .newsroomcol .quote p.author { margin-top: 5px; font-size: 11px; } .newsroomcol p { font-size: 11px; } .innercol.single h1 { font-size: 21px !important; margin: 10px 0 !important; } .innercol.single a.taglink { margin-top: 15px; } .innercol.full h1 { font-size: 24px !important; } a.findmore { margin-top: 10px; } .verticalpanel .podcast .text h4 { font-size: 18px; } #tagrow { margin-bottom: 0; } .verticalpanel .podcast .text, .verticalpanel .podcast .panel, #multimedia #multimediastrip .col-sm-3 .verticalpanel { height: 290px; } .verticalpanel, .verticalpanel.video .guest { height: 320px; } .verticalpanel .podcast .text h4 { width: 75%; } .verticalpanel.video .text vidtitle { font-size: 24px; } .verticalpanel.video.middle .text vidtitle { font-size: 38px; } #section.writers .gallery-cell a img { height: auto; } #articleindex.full h1 { width: 100%; } #articleindex.full .row .col-sm-6:last-child { padding-left: 15px !important; } #articleindex.standard .col-sm-4 { padding-right: 0 !important; } #articleindex.full .featuredimage { height: 100%; } #mission p { font-size: 30px; line-height: 130%; margin-bottom: 25px; } #mission h2 { padding-top: 40px; } #mission .col-sm-9 { padding-bottom: 40px; } article p.caption, article .fixed-sidebar p { width: 80%; } article p.caption { font-size: 11px;line-height: 12px; } article .article-body a.author img { width: 60px; height: 60px; } article .article-body .authorinfo h5 { margin-bottom: 0; } article a.taglink { margin: 2px; font-size: 9px; } #premium { background-position: 60% 150%;background-repeat: no-repeat; } #premium h1 { margin-bottom: 20px; font-size: 50px; padding-top: 40vh; } #multimedia #featured .inner .details { padding: 50px; } #multimediastrip .row.panels { margin-left: -15px !important; margin-right: -15px !important; } #multimediastrip .row .col-sm-3 { padding-left: 15px !important; padding-right: 15px !important; } #multimediastrip .verticalpanel .podcast .panel, #multimediastrip .verticalpanel .podcast .text { height: 160px; } #mission, #tagbanner { margin: 40px 0; } #tagbanner { padding: 40px 0; } #page .page-hero { padding: 40px 15px; } #newsroom .col-sm-12 .meta.author, .archive .meta { margin-bottom: 40px; } .newsroomcol .featuredimage { margin-bottom: 10px; } #page.columnists .col-sm-3 { margin-bottom: 0; margin-left: -5px; } #page.columnists .row.writers { margin-left: -15px !important; } #page.columnists .image { height: initial; padding-top: 66%; } #page.columnists .name h4, #page.columnists a.headline { font-size: 20px; line-height: 22px; } #page.columnists .box { margin-bottom: 20px; display: block; } #page.columnists .box a.viewall { height: 34px; overflow-y: -webkit-paged-x; } #page.columnists .box .smallpost { padding-top: 15px; margin: 0 0 15px; } .taglink { font-size: 10px; } } @media (max-width: 1025px) { .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 20px !important; padding-right: 20px !important; } .row { margin-left: -20px !important; margin-right: -20px !important;} #tagrow a { font-size: 11px; } #promobanner { padding: 30px 0; } #promobanner h1 { width: 90%; } #promobanner .watch-listen a.multimediapanel { margin-left: 0 !important; } #promobanner .watch-listen a.multimediapanel .col-7 { padding: 10px !important; } #promobanner .watch-listen a.multimediapanel .col-7 h1 { font-size: 16px; line-height: 120%; } #promobanner .watch-listen a.multimediapanel .tag { margin-bottom: 5px; } #promobanner .watch-listen a.multimediapanel .tag, #promobanner .watch-listen a.multimediapanel .tag fa { font-size: 9px; } #promobanner .watch-listen a.multimediapanel .col-7 h1.guest { bottom: 10px; font-size: 14px; } #promobanner .newsroom h1 { line-height: 100%; } #promobanner.triple .watch-listen a.multimediapanel.video .tag { left: 0px; display: none; } #promobanner .watch-listen a.multimediapanel.video h1 { font-size: 22px; line-height: 21px; } #promobanner .watch-listen a.multimediapanel.video guest { padding-left: 20px !important; } .double .meta { margin-bottom: 0; } .newsroomcol .newsroompost { padding: 15px 0; } .newsroomcol .featuredimage { margin-bottom: 5px; } .newsroomcol .col-9 { padding-left: 10px !important; } .newsroomcol .newsroompost .col-2.timestamp p { font-size: 9px; } #showMoreBtn { left: 20px !important; width: calc(100% - 20px) !important; } a.findmore { font-size: 10px; } a.findmore::after { height: 15px; width: 15px; } #articleindex.standard .col-sm-8, #articleindex .row .col-sm-6:nth-of-type(2) { padding-left: 0 !important; } #topfold #articleindex h1, #articleindex.full h1, .col-sm-9.mastercol #articleindex.full h1, #articleindex h1 { font-size: 32px; } #articleindex.standard .col-sm-4 { padding-right: 15px !important; } #about .hero h1 { padding: 40px 0; } #multimediastrip { margin-bottom: 0; } #multimediastrip .row.panels { margin-left: -15px !important; margin-right: -15px !important; } #multimediastrip .row.panels .col-sm-3 { padding-left: 15px !important; padding-right: 15px !important; } .verticalpanel .podcast .text, .verticalpanel .podcast .panel { height: 150px; } .verticalpanel .podcast.alterate .text h4,.verticalpanel .podcast .text h4 { width: 85%; } .home #articleindex .meta p.time { display: none; } #mission { margin-bottom: 30px; } #page.columnists .name img { max-width: 60px; } #page.columnists .box a.viewall { padding: 10px 5px; font-size: 9px; } #page.columnists a.headline { font-size: 17px; line-height: 18px; } #page.columnists .box .smallpost { padding-top: 10px; margin: 0 0 10px; } #page.columnists .meta { display: block; font-size: 10px; } #page.columnists .box { padding: 20px 20px 0 20px; } #tagbanner { margin: 30px 0; padding: 30px 0; } #newsroom .bookend .inner { font-size: 27px;line-height: 32px; } #newsroom .newsroomcol h1 { font-size: 20px; line-height: 23px; } #newsroom .col-sm-12 h1, .archive .hero h1 { font-size: 36px !important; line-height: 34px !important; } article#newsroom #stub h4 { font-size: 22px; } #multimedia #featured .inner .details { min-height: inherit; } .hover-bg { background-size: 110%; background-position: 100% 20%; } #multimedia #featured .inner .details p { font-size: 18px; line-height: 20px; } #multimedia hr { margin: 30px 0 !important; } #multimedia .filterrow { text-align: left !important; margin-left: -10px; } #multimediastrip .filter-buttons, #multimediastrip .filter-buttons-2 { text-align: left; } #multimediastrip .row.panels { margin-top: 30px; } #multimedia #multimediastrip .verticalpanel { margin-bottom: 30px; } #multimedia.article #videoScreen { padding-top: 56%; margin-top: 15px; } #multimedia.article #videoContainer { height: 500px; margin-top: 15px; } #multimedia.article .videolhs { height: inherit; } #multimedia.article .videolhs .linkedarticle { display: block; width: calc(100px% - 30px); position: absolute; left: 20px; bottom: 0; } #multimedia.article .videolhs .linkedarticle hr { display: none; } #multimedia.article .videolhs .linkedarticle h4 { font-size: 17px; line-height: 18px; } #multimedia.article .videolhs h1.title { width: calc(100% - 35%;); } #multimedia.article .videolhs hr { margin: 15px 0 !important; } #multimedia #featured .inner .details { padding: 45px; } #multimedia .filter-buttons .taglink { font-size: 9px } .verticalpanel, .verticalpanel.video .guest { height: 290px; } } @media (max-width: 768px) { #navigation .menu li { padding: 0 2px; } #navigation .menupanel .menu-navbar-submenu-container, #navigation .menupanel .menu-navbar-submenu-fr-container { right: 20px; } #navigation .topbar a, #navigation .topbar span { font-size: 10px; } #navigation .menu li a { font-size: 13px; } #promobanner .col-sm-4 { max-width: 50%; flex: 0 0 50%; } #promobanner .col-sm-4:nth-of-type(3) { display: none; } #column1 { width: calc(100% - 20px); max-width: calc(100% - 20px); flex: 0 0 100%; margin-top: 30px; } .double a.taglink { } .newsroomcol { } .newsroomcol.line { border-right: none !important; } .newsroomcol .featuredimage { display: none; } .newsroomcol .quote img, .newsroomcol .quote p { display: none; } .newsroomcol p { font-size: 12px; } .newsroomcol .col-3 { max-width: 75px; } article.premium .article-body .pianocontentwrapper figure, article.premium .article-body .pianocontentwrapper img { width: 120% !important;margin-left: -20% !important; } article.premium .article-body .pianocontentwrapper .authorfootnote img.authorx { width: initial !important; margin-left: 0 !important; } .newsroomcol .newsroompost { padding: 10px 0 !important; } .newsroomcol .newsroompost img { display: none; } #topfold .col-sm-9.mastercol { flex: 0 0 100%; max-width: 100%; } #topfold .double a:first-child { order: initial; } #topfold .double a.taglink { margin-top: 20px !important; } #articleindex.standard .col-sm-8, #articleindex .row .col-sm-6:nth-of-type(2) { padding-left: 15px; } #multimedia.article .videolhs .linkedarticle { position: relative; left: 0; margin-top: 15px; } } @media (max-height: 600px) { .fullpagemenu ul { columns: 2; } } @media (max-width: 550px) { body { overflow-x: hidden !important; text-align: left !important; } .row { margin-left: -10px !important; margin-right: -10px !important; } #navigation.minimized { top: 0 !important; } hr { margin-top: 10px !important; margin-bottom: 10px !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 10px !important; padding-right: 10px !important; } .line.nolinemob { border-color: rgba(0, 0, 255, 0) !important; } .double.line { border-right: none; } .double .meta { margin-bottom: 15px; } a.taglink { margin: 10px 0 0; font-size: 10px; padding: 3px 12px; } #navigation { padding: 16px 0; } #navigation .menu li, #navigation .topbar { display: none; } #navigation.minimized img.logo, #navigation img.logo { width: 140px; } #navigation.minimized li#menu-item-480646, #navigation.minimized li#menu-item-606529 { display: none !important; } #navigation img.logo { height: auto; } #navigation .menupanel .menu-navbar-submenu-container { } #navigation.minimized .menupanel .menu-navbar-submenu-container, #navigation.minimized .menupanel .menu-navbar-submenu-fr-container { right: 10px; } #navigation.minimized #menu-navbar-submenu li img.close-icon, #navigation.minimized #menu-navbar-submenu-fr li img.close-icon { width: 22px; } #navigation.minimized .tagrow { display: none; } #navigation.minimized .menupanel { height: initial !important; } .fullpagemenu { width: 100%; background: #e9e9e9; top: 62px; left: 0; height: 0; overflow: hidden; transition: height 0.3s ease-in-out; box-sizing: border-box; } .fullpagemenu label { width: calc(100% - 55px); margin: 0; border-bottom: 0.5px solid #717171; padding-bottom: 10px; display: inline-block; } .fullpagemenu form button { width: 30px; display: inline-block; padding: 0 !important; } .fullpagemenu form button img { width: 100%; height: 100%; } .fullpagemenu form { padding: 20px 0; width: 100%; background: transparent; border:none; } .fullpagemenu form input { width: 100%; background: transparent; border: none; color: #717171; font-size: 20px; font-family: 'Magazine Headline'; font-weight: 400; line-height: 28px; word-wrap: break-word; padding: 0; } .fullpagemenu form input input[type="text"] { padding: 0px !important; } .fullpagemenu ul { padding: 0 0; margin-bottom: 10px; } .fullpagemenu li { list-style: none; color: #231F20; font-size: 18px; font-family: 'Newsroom', sans-serif; font-weight: 500; line-height: 26px; letter-spacing: 0.22px; word-wrap: break-word; border-bottom: 0.5px solid #717171; padding: 10px 0;} .fullpagemenu li a { color: #231F20; } .fullpagemenu li a:hover { color: #299696; animation: 0.5s ease-in-out; text-decoration: none; } .fullpagemenu li.submenuopen { display: none; } .fullpagemenu .topbar { margin-top: 30px; } .fullpagemenu .login { font-size: 12px; font-family: 'Meta', Courier, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 400; color: #231F20; } .fullpagemenu .close-icon { width: 40px; height: 28px; } #column1 { width: 100%; max-width: calc(100% - 10px); } #column1 hr { display: none; } .newsroomcol .newsroompost.date { width: 100%; } .newsroomcol .newsroompost img.clock { display: inline-block !important; margin-top: 35% !important; height: 20px; margin: 0;} .newsroomcol .background { width: calc(100% - 20px); left: 10px; top: 15px; height: calc(100% - 10px); } .newsroomcol .datebreak { margin-left: 0; width: 100%; } .newsroomcol .newsroompost { display: block; } .newsroomcol .newsroompost:last-child { border-bottom: none; } .newsroomcol .newsroompost.date { border-bottom: none; } .newsroomcol a.findmore { width: 100%; } .newsroomcol .col-9 { padding-right: 10px !important; } .newsroomcol.downpage { width: 100%; margin-bottom: 15px; padding-right: 0; margin-top: 0 !important; } .newsroomcol.downpage hr { width: 100% !important; } .newsroomcol.downpage .newsroompost.date { padding-top: 0px !important; margin-top: -1px; } .newsroomcol.downpage .background { width: calc(100% - 10px) !important; height: 100%; left: 10px; } .newsroomcol.downpage .newsroompost::before { width: calc(100% - 20px) !important; left: 10px; } .newsroomcol.downpage .datebreak { width: 100% !important; max-width: 100% !important; } #showMoreBtn { position: relative !important; left: 0 !important; width: 100% !important; margin-top: -2px; border-top: 0px solid rgba(229, 240, 234, 1); !important; padding: 6px 0 !important; } #topfold { padding: 0; margin: 0 -15px } #topfold .row.comp { width: calc(100% + 10px); } #topfold .newsroomcol .datebreak .mobiledate { margin-top: -15px !important; top: 50%;} .nottop { margin-bottom: 15px; margin-right: -5px; } .newsroomcol, .newsroomcol.downpage {display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;width: 100%;max-width: 100%;background: rgba(174, 200, 187, 0.1);margin-left: 10px; padding-bottom: 0 !important; padding-left: 0 !important;} .newsroomcol .newsroompost {flex: 0 0 auto !important;width: 60% !important; padding: 10px 10px 10px !important; border-right: 0.5px solid #cecece;} .newsroomcol::-webkit-scrollbar, .newsroomcol.downpage .newsroomcol::-webkit-scrollbar {height: 0px;} .newsroomcol::-webkit-scrollbar-thumb, .newsroomcol.downpage .newsroomcol::-webkit-scrollbar-thumb {background-color: transparent;border-radius: 10px;} .newsroompost .col-2, .newsroompost .col-10 {flex: 0 0 auto; } #topfold #column2 { max-width: calc(100% - 15px) !important; margin: 0 0 0 15px; } .newsroompost .col-2, .newsroompost .col-10 { flex: 0 0 100%; max-width: 100%; padding: 0 !important; } #topfold .headerblock, .newsroomcol.downpage .headerblock { background: rgba(229, 240, 234, 1);; padding: 0 10px !important; margin-left: 0; width: 55px !important; } #topfold .headerblock img.newsroom { position: absolute; height: 58px; top: 50%; margin-top: -28px; width: 35px; display: block; padding-top: 0; } .headerblock p.newsroom { display: none; } .headerblock p { text-align: right !important; font-size: 11px; display: inline; float: right; padding: 5px 0 0 !important; margin: 0; } .newsroomcol .newsroompost.morefrom { width: 100px !important; margin-right: -10px; position: relative; border-right: none !important; } .morefrom p { width: 80px; } .newsroomcol .morefrom p { font-family: 'Newsroom', sans-serif; font-weight: 500; font-size: 11px; text-transform: none; letter-spacing: 0; font-size: 11px !important; text-align: left !important; top: 50%; margin-top: -11px !important; position: absolute; } #topfold img { height: 20px; } .newsroomcol .newsroompost .col-2.timestamp p { text-align: left; } .newsroomcol h1 { font-size: 17px; margin: 4px 0 7px; line-height: 100%; } .newsroomcol p { font-size:13px; line-height: 100%; } .newsroomcol .quote p.author { font-family: 'Meta', sans-serif;font-size: 13px;text-transform: uppercase;margin: 0;font-weight: 400;letter-spacing: 1.5px; display: block; color: #000; } .newsroompost.date { padding: 0 !important; line-height: 60%; width: 70px !important; position: relative; background: rgba(229, 240, 234, 1);; border-right: 0; } .newsroomcol .datebreak { padding: 0 !important; font-size: 11px; max-width: 100% !important; line-height: 120%; letter-spacing: 0; height: 100%; } .newsroomcol .datebreak .mobiledate { margin-top: 3px; position: relative; text-align: center; width: 100%; } .newsroomcol .newsroompost .col-2.timestamp p { padding-top: 0; } .newsroomcol .newsroompost span.desktopdate { display: none; } .newsroomcol .newsroompost span.mobiledate { display: block; } .double a:first-child { order: 0 !important; margin-top: 15px; } .newsroomcol hr, .newsroomcol .newsroompost::before, #topfold #column1:before { width: 100% !important; } #topfold { padding-top: 0; } #topfold .double a.taglink { margin-top: 10px !important; } #topfold #column1 { margin-top: 0; margin-bottom: -10px; padding: 0 10px !important; width: 100% !important; max-width: 100% !important; } #topfold #column1:before { content: " "; padding-top: 15px; border-top: 1px solid #dedede !important; display: block; width: calc(100% + 20px); } #topfold .mobarticles { padding: 0 10px !important; width: calc(100% - 10px); } #topfold #articleindex h1 { font-size: 18px; } #topfold .innercol.double #articleindex h1, .col-sm-9.mastercol #articleindex.full h1, #articleindex.full h1 { font-size: 28px !important; line-height: 115%; } #topfold .innercol.double #articleindex.standard { padding-bottom: 0; } #topfold .innercol.double #articleindex.standard .meta { margin-bottom: 0; } #promobanner { padding: 10px 0 12px !important; margin: 15px 0 0; } #promobanner .col-sm-4.line:nth-child(2) { border-right: none; } #promobanner h1 { font-size: 18px; width: 100%; line-height: 110%; } #promobanner .newsroom h1 { font-size: 16px; line-height: 100%; } #promobanner.single { padding: 5px 0 15px !important; font-size: 22px !important; } #promobanner .col-sm-4.line { border-right: 1px solid rgba(255, 255, 255, 0.5); } #promobanner .single h1 { font-size: 22px !important; line-height: 100% !important; letter-spacing: 0 !important; margin: 5px 0; } #promobanner .single h2 { font-size: 18px; line-height: 100%; } #promobanner a.taglink { margin: 0 0 5px; display: block; } #promobanner .singlevideo .tag, #promobanner.live .tag { padding: 3px 5px 3px 7px !important; left: 12px; top: 10px; } #promobanner .txt { display: none !important; } #promobanner .singlevideo .text guest { font-size: 18px; display: block; line-height: 110%; text-align: center; margin-bottom: 0; } #promobanner .singlevideo .text h1 { width: 100%; margin: 0; font-size: 28px; line-height: 90%; } #promobanner .singlevideo .guest { height: 70px; position: absolute;right: 10px;display: block;width: 70px;bottom: 0;border-radius: 20px; background-position: 30% 50%; } #promobanner .singlevideo .textcont { height: 120px; } #promobanner .singlevideo .gradient { border-radius: 20px; } #promobanner.live { padding: 0 !important; width: 100%; overflow-x: hidden; } #promobanner.live .text { width: 75%; margin: 0; padding: 30px 0; } #promobanner.live .text guest { font-size: 16px; display: block; line-height: 110%; } #promobanner.live .text h1 { font-size: 28px; } #promobanner.live .image { margin-left: -10px; } #promobanner.live .guest { width: 33%; height: 60%; } #articleindex h1 { font-size: 30px; margin: 8px 0 !important; width: 100%; } #articleindex.standard .col-sm-8, #articleindex .row .col-sm-6:nth-of-type(2) { padding-left: 10px !important; } #articleindex.full a.taglink { margin-top: 15px; } #articleindex.full hr { margin: 15px 0 !important; } #articleindex .meta img.avatar, #articleindex .meta p.time { display: none; } #articleindex .meta { line-height: 100%; } #articleindex .meta p { margin-right: 10px; } .mobnopic #articleindex .featuredimage { display: none; } .mobnopic #articleindex a.taglink { margin-top: 0 !important; } .mobnopic #articleindex h1 .standfirst { display: inline !important; } #articleindex.articlenumber3 .featuredimage { display: none; } #articleindex.articlenumber3 a.taglink { margin-top: 0 !important; } #articleindex.articlenumber3 .standfirst { display: inline !important; } .mobarticles .col-6 #articleindex a.taglink { margin: 10px 0 0; font-size: 10px; padding: 3px 12px; } .mobarticles .col-6 #articleindex h1 { font-size: 18px; margin-bottom: 5px !important; } .mobarticles .col-6 #articleindex h1 .standfirst { display: none; } .mobarticles.todayedition p.date { display: none !important; } .col-6 .verticalpanel { min-height: 250px; } .col-6 .verticalpanel .podcast .text h4, .col-6 .verticalpanel .podcast .text h4.name { width: 100%; } .col-6 .verticalpanel { height: 100%; } .col-6 .verticalpanel .podcast .panel { padding-top: 66.67%; height: 100%; } .col-6 .verticalpanel .podcast .text { padding: 10px; } .col-6 .verticalpanel .podcast .text, .col-6 .verticalpanel .podcast .panel { height: 50%; } .col-6 .verticalpanel .podcast .guest { width: 35%; } .col-6 .verticalpanel.video.middle .text guest { font-size: 18px; } .col-6 .verticalpanel.video.middle .text vidtitle { font-size: 32px; width: 80%; } .col-sm-3 .verticalpanel { margin-bottom: 15px; } .col-sm-3 .verticalpanel, .col-sm-3 .verticalpanel.video .guest { height: 170px; } .col-sm-3 .verticalpanel.video.middle .text { width: 100%; } .col-sm-3 .verticalpanel.video.middle .guest { width: 70%; height: 35% !important; background-position: 45px 5px; background-size: contain; } .col-sm-3 .verticalpanel.video.middle .text vidtitle { width: 80%; } .col-sm-3 .verticalpanel.video.middle .text guest { margin-top: 10px; } #tagrow { display: none; } #multimedia img.sectionlogo { height: 40px; } #section { margin: 15px 0; } h2 { font-size: 28px !important; } .blueheadline { margin-bottom: 10px; } #section.writers .gallery-cell { margin-left: 0px; } #section.writers .gallery { width: calc(100% + 15px); margin-bottom: 10px; } #section.writers .gallery-cell p.name { margin: 10px 0 0 -6px; width: calc(100% + 12px); } #mission { margin: 15px 0; padding-bottom: 40px; } a.findmore { color: #299696; font-size: 12px; font-weight: 400; text-transform: uppercase; line-height: 14px; letter-spacing: 1.20px; word-wrap: break-word; width: calc(100% + 20px); margin-top: 20px; } a.findmore::after { right: 0; position: relative; } #mission a.findmore { width: 70%; margin-left: 0; } #mission h2 { padding-top: 40px; font-size: 36px !important; margin-bottom: 20px; } #mission p { font-family: 'Magazine Headline', serif; line-height: 1.2;font-size: 24px;color: #364D5A; margin-bottom: 20px; letter-spacing: -0.5px; } #mission .col-sm-9 { padding-bottom: 10px !important; } #mission img { margin-left:-5%; margin-right:5%; max-width:110%; width:110%; } .innercol.full hr { margin: 15px 0 !important; } #tagbanner { margin: 15px 0; padding: 20px 0; } #tagbanner h2 { font-size: 30px;margin-bottom: 0; } #tagbanner #articleindex h1 { font-size: 18px !important; margin: 10px 0 4px !important; line-height: 110%; } #tagbanner #articleindex h1.newsroom { font-weight: 500 !important; font-family: 'Newsroom', sans-serif; letter-spacing: 0 !important; } #tagbanner .newsroomcol { display: none; } #tagbanner .verticalpanel .tag, .singlevideo .verticalpanel .tag { padding: 4px 6px 4px 8px; } #tagbanner .verticalpanel.video .guest, .singlevideo .verticalpanel.video .guest { background-size: 48% 100% !important; background-position: 115% -180% !important; } #tagbanner .verticalpanel.video .text guest, .singlevideo .verticalpanel.video .text guest { margin-bottom: 0; } #tagbanner .verticalpanel.video .text, .singlevideo .verticalpanel.video .text { padding: 0 15% 10px !important; } #tagbanner hr { opacity: 0.2; } #tagbanner .line { border-right: 1px solid rgb(113 113 113 / 20%); } #tagbanner #articleindex .meta p { margin-right: 0; } #tagbanner p.meta { margin-right: 0; position: absolute; right: 15px; top: 50%; margin-top: -9px; font-size: 10px; } .verticalpanel .tag .txt { display: none; } .singlevideo { margin: 5px 0 0; } .singlevideo .tag { font-size: 9px; top: 10px; left: 10px; } .singlevideo .tag .txt { display: inline-block; margin-left: 0; } .singlevideo .verticalpanel, .verticalpanel, .verticalpanel.video .guest { margin-bottom: 0 !important; height: 160px; } .singlevideo .verticalpanel.video.middle .guest { width: 50%; height: 90px; } .singlevideo .podcast .col-7 { padding: 10px 20px 10px 15px !important; } .singlevideo a.podcast { color: #000; } .singlevideo .podcast h1 { font-size: 17px; font-family: 'Magazine Text', sans-serif; margin: 5px 0 8px; } .singlevideo .podcast h1.guest { margin-bottom: 0; color: #E84400; } .singlevideo .podcast .tag { margin-top: 0 !important; font-family: 'Meta', sans-serif; letter-spacing: 1px; text-transform: uppercase; } .singlevideo .verticalpanel.video.middle .text vidtitle { width: 100%; } article .article-header { margin-top: 15px; } article .article-header h1.headline { font-size: 28px; line-height: 34px; margin-bottom: 20px; } article .article-header .hero-image, article#newsroom .article-header .hero-image { min-height: inherit; max-width: initial; margin-bottom: 25px; padding-top: 0; border: none;} article p.caption, article#newsroom p.caption { margin-top: 0px; text-align: left; opacity: 0.5; font-size: 10px; margin-bottom: 0 !important; height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 15px); } article .article-body .authorinfo h5 { font-size: 22px; line-height: 24px; margin-bottom: 0; } article .article-body .authorfootnote img, article.premium .article-body .pianocontentwrapper .authorfootnote img { width: initial!important; margin-left: 0 !important; } article .article-body .authorfootnote p { margin-bottom: 10px; } article .article-body .authorfootnote p strong { display: block; font-weight: 500; color: #000; } article .article-body .authorfootnote hr { margin-top: 20px !important; } article .article-body a.author img { width: 70px; height: 70px; } article .article-body .authorinfo { padding-left: 10px; } article .article-body .su-pullquote { font-size: 30px; line-height: 34px; padding: 20px 0; margin: 30px 0 30px; } article .pianocontentwrapper { margin-top: 15px; } article .article-body p, article .article-body .ref-ar { margin-bottom: 20px; } article#newsroom .tophalf { margin-bottom: 15px; } #premium { background-size: 120%; background-repeat: no-repeat; background-position: top center; background-color: #000; } #premium .gradient { background: rgb(2,0,36); background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,0) 70%); } #premium h1 { padding-top: 35vh; font-size: 35px; margin-bottom: 20px; } article.premium .article-body .pianocontentwrapper img { width: 100% !important; margin-left: 0% !important; } article.premium .article-body .pianocontentwrapper figure, article.premium .article-body .pianocontentwrapper img, article.premium .article-body .pianocontentwrapper figure figcaption { margin-left: 0 !important; width: 100% !important; } article#newsroom .article-header h1.headline { font-size: 28px; line-height: 30px; letter-spacing: -1px; margin-bottom: 10px; } article#newsroom .article-header .authorinfo { margin-bottom: 15px; line-height: 100%; } article#newsroom img.sectionfeatured { width: 35%; display: block; position: relative; margin: 0 0 5px; } article#newsroom .article-body a.author img { display: none; } article#newsroom .article-body .authorinfo { padding-left: 0; } article#newsroom .article-body .authorinfo h5 { font-size: 20px; } article#newsroom .tophalf .authorinfo h6 { margin: 0; } #wpdcom.wpdiscuz_unauth .wc-field-submit { padding-top: 0; } #comments.container-fluid { padding-left: 15px !important; padding-right: 15px !important; margin-top: 10px; margin-bottom: 15px; border-top: 1px solid #dedede !important; padding-top: 20px; } #comments h2 { font-size: 22px; margin-bottom: 5px; } #comments h3 { font-size: 15px; line-height: 18px; } #wpdcom .wpd-form .wpdiscuz-textarea-wrap { padding-top: 0px !important; } #wpdcom #wpd-threads { margin-top: 0 !important; } .staticendofarticle p { line-height: 120% !important; } #page .page-hero { padding-top: 30px; padding-bottom: 30px; } #page .page-hero h1 { font-size: 28px; line-height: 40px; } #page.columnists .image { width: 100%; height: auto; padding-bottom: 66%; } .post-type-archive-newsroom img.newsroomlogo { max-width: 250px; } .post-type-archive-newsroom hr.toppad { display: none; } .post-type-archive-newsroom #newsroom .col-sm-6 { padding-left: 0 !important; padding-right: 0 !important; } .post-type-archive-newsroom #newsroom .col-sm-12 .featuredhero { width: 100%; padding-bottom: 66%; margin-bottom: 15px; } .post-type-archive-newsroom #newsroom .col-sm-12 .meta.author { margin-bottom: 0; } .post-type-archive-newsroom #newsroom .meta { width: 60px; display: inline-block; margin-right: 0; vertical-align: top; } .post-type-archive-newsroom #newsroom .author { width: calc(100% - 65px); display: inline-block; float: right; margin-bottom: 0; } .post-type-archive-newsroom #newsroom h1 { width: calc(100% - 65px); display: inline-block; font-size: 20px !important; line-height: 24px !important; margin-bottom: 10px; } .post-type-archive-newsroom #newsroom h1 span.standfirst { display: none; } .post-type-archive-newsroom #newsroom hr { margin: 10px 0 !important; border-top: 1px solid rgba(0,0,0,.1) !important; } .post-type-archive-newsroom #newsroom .bookend .inner { font-size: 22px; line-height: 26px; padding: 15px; } .post-type-archive-newsroom #newsroom .bookend .inner .date { display: inline; margin-left: 8px; } .post-type-archive-newsroom #newsroom .newsroomcol::before { position: absolute; top: -11px; left: -5px; width: calc(100% + 30px); height: calc(100% + 22px); background-color: #E8E4E0; opacity: 0; transition: opacity 0.3s; z-index: -1; } .post-type-archive-newsroom #newsroom .newsroomcol:hover::before { opacity: 1; } .post-type-archive-newsroom #newsroom .col-sm-12.newsroomcol { padding-left: 10px !important; } #multimediastrip { padding: 25px 0px 20px; margin-top: 0; } #multimediastrip a { color: #FFF; } #multimediastrip p.meta { margin-right: 0; text-align: right; opacity: 0.7; } #multimediastrip h2 { font-size: 40px !important; } #multimediastrip img.sectionlogo { height: 40px; } #multimediastrip .scrollable-container { overflow-x: auto; white-space: nowrap; width: 100%; } #multimediastrip .row.panels { display: inline-block; white-space: normal; width: auto; } #multimediastrip .scrollable-container { overflow-x: auto; white-space: nowrap; width: calc(100% + 15px); } #multimediastrip .row.panels { display: flex !important; flex-wrap: nowrap; margin-top: 20px; } #multimediastrip .col-8.panel { width: calc(40% - 10px); } #multimediastrip .col-sm-3 .verticalpanel, #multimediastrip .col-sm-3 .verticalpanel.video .guest { height: 300px !important; margin-bottom: 0 !important; } #multimediastrip .verticalpanel .podcast .text, #multimediastrip .verticalpanel .podcast .panel, #multimediastrip .verticalpanel { height: 150px !important; } #multimediastrip .verticalpanel .podcast .text h4 { width: 95% !important; } #multimediastrip .verticalpanel.video .text { padding: 0 15px 15px !important; } #multimediastrip .verticalpanel.video .text guest { font-size: 24px !important; margin-bottom: 0 !important; } #multimediastrip .verticalpanel.video .text vidtitle { font-size: 20px !important; } #multimediastrip .verticalpanel.video .guest { background-size: 125% auto !important; background-position: -50% 30% !important; } #multimediastrip .verticalpanel.video.middle .guest { background-size: 95px 90px !important; background-position: 100% 105% !important; } #multimediastrip .verticalpanel.video.middle .text { padding-bottom: 0 !important; } #multimediastrip .verticalpanel.video.middle .text vidtitle { font-size: 30px !important; } #multimediastrip .verticalpanel .podcast.secondary .text { border-radius: 0px 15px 15px 0px } #multimedia #featured { margin-bottom: 20px; } #multimedia #featured .inner { height: 100%; } #multimedia #featured .inner .details { padding: 30px 0 30px 20px; width: 75%; } #multimedia #featured .inner .details h1 { font-size: 40px; line-height: 35px; } #multimedia #featured .inner .details h2 { font-size: 20px !important; } #multimedia #featured .inner .details p { font-size: 16px; line-height: 19px; } #multimedia #featured .interviewee { width: 50%; background-position: center bottom -5%; } #multimedia #featured .gradient img.button { width: 40px;height: 40px;left: 20px;position: absolute;margin-top: 20px;bottom: 20px; } #multimedia #featured .inner .details, #multimedia #featured .gradient { min-height: inherit; } #multimedia #featured .hover-bg { background-size: 138%; background-position: 0% 20%; } #multimedia .filter-buttons .taglink { font-size: 11px; } #multimedia .page-hero h2 { font-size: 40px !important; } #multimedia #multimediastrip .filter-buttons, #multimedia #multimediastrip .filter-buttons-2 { text-align: left; line-height: initial; display: block; position: relative; width: 100%; margin: 30px 20px 0; } #multimedia .filter-buttons .taglink { font-size: 11px; margin: 0 10px 10px 0; display: inline-block; } #multimedia .verticalpanel { height: inherit; } #multimedia #multimediastrip .row.panels { margin-top: 0; } #multimediastrip .watch-listen-panel .verticalpanel.video .guest { background-size: 42% 87% !important; background-position: 115% -10% !important; } .watch-listen-panel .verticalpanel .podcast .panel { width: 50% !important; } .watch-listen-panel .verticalpanel .podcast .panel { border-radius: 15px 0px 0px 15px !important; } .watch-listen-panel .verticalpanel .podcast .text { width: 50% !important; margin-left: 50%; position: absolute; top: 0; } #multimediastrip .watch-listen-panel .verticalpanel.video.middle .guest {background-size: 60% 55% !important; background-position: 105% 100% !important; } #multimediastrip .watch-listen-panel .verticalpanel.video { height: 160px !important; } #multimediastrip .watch-listen-panel .verticalpanel .podcast {height: 150px !important; } #multimedia.article .videolhs hr { margin-top: 15px !important; margin-bottom: 15px !important; } #multimedia.article .videolhs { height: inherit; margin-bottom: 20px; } #multimedia.article #videoScreen { height: inherit; padding-top: 56%; } #multimedia.article #comments img.people { width: 50%; } #multimedia.article h3.discussion { display: none; } #multimedia.article .body h3 { font-size: 20px; line-height: 23px; } #multimedia.article #wpdcom { margin-top: -20px; } #multimedia.article #videoContainer { min-height: 250px; } .post-type-archive-watch-listen #multimediastrip .row.panels { display: block !important; width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .post-type-archive-watch-listen #multimediastrip .row.panels > .col-sm-3 { border-right: none; } .post-type-archive-watch-listen #multimedia #multimediastrip .verticalpanel { margin-bottom: 0; } #newsroom .newsroomcol { overflow: initial; background: none; display: block; } #newsroom .line { border-right: none; } .comment-break hr { margin-top: 20px; margin-bottom: 0 !important; } .comment-break h3 { margin-bottom: 10px !important; } #wpdcom .wpd-comment .wpd-comment-wrap { margin: 25px 0; } #about .hero h1 { padding: 20px 0; font-size: 30px; } .archive.author h1 { font-size: 30px; } .archive.author .author-hero { margin-bottom: 10px; } .archive .text { padding: 0px 15px !important; width: 100% !important; } .archive .hero h1 { width: 100% !important; } .archive #content .hero .meta, .archive #content .hero .meta .time, .archive #content .hero .meta .name { margin-bottom: 0 !important; } .newsroomcol .tag { display: none; } } @media (max-width: 375px) { #multimediastrip .verticalpanel.video .text guest { font-size: 18px !important; } #multimediastrip .verticalpanel.video.middle .text vidtitle { font-size: 24px !important; } .verticalpanel .podcast .text h4 { font-size: 17px; } .verticalpanel.video.middle .text vidtitle { font-size: 28px; } #multimedia.article #videoScreen { padding-top: 60%; } } /* Email sing up page */ .page-template-signup label{display:none!important} .page-template-signup ul{list-style:none;padding-left:0} .page-template-signup ul li{margin-top:16px} @media only screen and (min-width:641px){ .page-template-signup div.ginput_complex.ginput_container.gf_name_has_2{width:calc(100% + 15px)} .page-template-signup div.ginput_container_name span{display:inline-block;vertical-align:top;padding-right:16px;margin-right:-4px} .page-template-signup div.ginput_complex.ginput_container.gf_name_has_2 span{width:50%} } .page-template-signup input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){border:0;border-bottom:1px solid currentColor;width:100%;padding:5px 4px} .page-template-signup input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder{color:#212529;opacity:.5} .page-template-signup input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder{color:#212529;opacity:.5} .page-template-signup input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus-visible{outline:0} .page-template-signup .gform_footer{padding:16px 0 10px;margin:16px 0 0;clear:both;width:100%} .page-template-signup [type=button],.page-template-signup [type=reset],.page-template-signup [type=submit],button{background:#fbeb9e;border:0;padding:5px 18px;border-radius:30px;color:#000;font-family:Newsroom,sans-serif;font-weight:500;font-size:15px}