@charset "UTF-8"; html, body, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } button, input, select, textarea { margin: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } img, embed, object, audio, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } .leaderboard { width: 100%; z-index: 100000; font-family: "proxima-nova", sans-serif; } @media (max-width: 1099px) { .leaderboard { background: #1f2b4e; border-bottom: 2px solid #7b778d; } } .leaderboard .leaderboardwrapper { position: relative; } .leaderboard .toplogobox { margin: 0; display: block; text-align: center; padding-top: 55px; padding-bottom: 5px; background: #1f2b4e; transition: 0.4s; } @media (min-width: 1100px) { .leaderboard .toplogobox { padding-top: 8px; } } .leaderboard .toplogobox svg { width: 250px; } .leaderboard .toplogobox a { color: #fff; text-decoration: none; } .leaderboard .toplogobox a img { width: 120px; padding: 0; } @media (max-width: 1099px) { .leaderboard .toplogobox { background: #1f2b4e; } .leaderboard .toplogobox svg { width: auto; height: 45px !important; } } @media (min-width: 1100px) { .leaderboard .toplogobox { margin: 0; display: none; text-align: center; padding: 19px 15px 15px 15px; } .leaderboard .toplogobox a { color: #fff; text-decoration: none; } .leaderboard .toplogobox a img { width: auto; padding: 0; margin-top: 5px; } } .PreferredSourceButtonWrapper { width: 140px; position: absolute; left: 148px; top: 14px; } @media (min-width: 1100px) { .PreferredSourceButtonWrapper { position: absolute; width: 165px; left: auto; right: 195px; top: -10px; padding: 6px 8px 4px 8px; border: 1px solid #7b778d; } } @media (min-width: 3000px) { .PreferredSourceButtonWrapper { width: 230px; } } .PreferredSourceButtonWrapper a, .PreferredSourceButtonWrapper a:visited { display: inline-flex; gap: 7px; align-items: center; text-align: left; text-transform: none; font-size: 11px; line-height: 1.1; font-weight: 700; color: white; text-decoration: none; } @media (min-width: 1100px) { .PreferredSourceButtonWrapper a, .PreferredSourceButtonWrapper a:visited { font-size: 13px; } } .PreferredSourceButtonWrapper a:hover { color: white; } .PreferredSourceButtonWrapper svg { width: 30px; } @media (min-width: 1100px) { .PreferredSourceButtonWrapper svg { width: 45px; } } .PreferredSourceButtonWrapper:hover { opacity: 0.8; } .leaderboard .social-top { position: absolute; padding: 10px 20px 10px 10px; top: 0; } @media (min-width: 1100px) { .leaderboard .social-top { padding: 10px 20px; } } @media (min-width: 1100px) { .leaderboard .social-top { right: 0.5%; left: auto; position: absolute; bottom: 15px; padding: 0; top: auto; } } @media (min-width: 1150px) { .leaderboard .social-top { right: 0.5%; left: auto; } } @media (min-width: 1250px) { .leaderboard .social-top { right: 2%; } } .leaderboard .social-top ul { display: block; list-style: none; padding: 0 0 5px; margin: 0; } .leaderboard .social-top ul li.social-icon { padding: 0; display: inline-block; } @media (min-width: 1100px) { .leaderboard .social-top ul li.social-icon { padding: 0 3px 0 6px; } } .leaderboard .social-top ul li.social-icon img { display: inline-block; margin: 0 5px 0 0; } @media (min-width: 1100px) { .leaderboard .social-top ul li.social-icon img { margin: 0; } } .leaderboard .search-icon { display: inline-block; width: 35px; margin: 10px 0 0; cursor: pointer; } @media (min-width: 1100px) { .leaderboard .search-icon { display: inline-block; margin: 0 10px; } } .leaderboard .search-icon-close { display: none; width: 25px; cursor: pointer; margin: 10px 0 0; } @media (min-width: 1100px) { .leaderboard .search-icon-close { margin: 0 10px; } } .leaderboard .active-search .search-icon { display: none; } .leaderboard .active-search .search-icon-close { display: inline-block; } @media (min-width: 1100px) { .leaderboard .active-search .search-icon-close { display: inline-block; } } .leaderboard .search { display: none; width: 100%; position: relative; height: 95px; background: #fff; border-bottom: 2px solid #ccc; } @media (min-width: 1100px) { .leaderboard .search { height: 70px; } } .leaderboard .search fieldset { border: none; margin: 0; } .leaderboard .search input[type=text] { position: absolute; top: 28px; right: 0; width: 100%; display: block; text-align: center; font-size: 36px; font-weight: 700; background: #fff; border: none; color: #231f20; } @media (min-width: 1100px) { .leaderboard .search input[type=text] { top: 13px; } } .leaderboard .search input[type=text]::-moz-placeholder { color: #bfbfbf; } .leaderboard .search input[type=text]::placeholder { color: #bfbfbf; } .leaderboard .search .advanced { display: none; } .leaderboard .search input[type=text]:active, .leaderboard .search input[type=text]:focus { border: none; outline: none; } .leaderboard .search input[type=submit] { display: none; color: #fff; position: absolute; border: none; height: 25px; top: 7px; right: 50px; cursor: pointer; background: #000; border: 1px solid #fff; } @media (min-width: 800px) { .stuck-header { position: fixed; top: 0; } } .stuck-header .leaderboardwrapper { position: initial; } .stuck-header .active-search { top: 0; } @media (min-width: 1100px) { .stuck-header .active-search { top: 20px; } } .stuck-header .toplogobox { margin: 0; display: block; position: absolute; z-index: 99999; top: 0; left: 15px; text-align: center; padding-top: 10px; padding-bottom: 2px; background: #1f2b4e; } @media (min-width: 1100px) { .stuck-header .toplogobox { padding-top: 10px; } } @media (max-width: 1099px) { .stuck-header .toplogobox { padding-top: 10px; position: inherit; } } .stuck-header .toplogobox a { color: #fff; text-decoration: none; } .stuck-header .toplogobox a svg { width: auto !important; height: 40px !important; padding: 0; color: #fff; } @media (min-width: 1100px) { .stuck-header .toplogobox a svg { left: 30px; position: fixed; margin-top: 5px; } } .stuck-header .search { border-bottom: 2px solid #ccc; } .sidenav { font-size: 13px; font-weight: 700; display: inline-block; font-family: "proxima-nova", sans-serif; margin: 0 3px; } @media (max-width: 1100px) { .sidenav { font-size: 1vw; } } @media (max-width: 1099px) { .sidenav { display: none; } } .sidenav a { color: #fff; border: 1px solid #7b778d; padding: 2px 4px; background: #1f2b4e; font-weight: 600; font-size: 12px; } .sidenav a:hover { color: #fff; background: #7b778d; border: 1px solid #7b778d; text-decoration: none !important; } #pathA1, #pathA2, #pathA3, #pathA4, #pathA5, #pathI1, #pathI2, #pathI3 { visibility: hidden; } .home header { margin: 0 auto; background-color: #1f2b4e; background-image: rl("//campussecuritytoday.com/~/media/SEC/CSLS/design/cst_bg.png"); width: 100%; background-position: center; background-repeat: repeat-x; background-position: top; } .home header .toplogo { max-width: 275px; padding: 20px 0 0; text-items: center; margin: 0 auto; } @media (max-width: 1099px) { .home header .toplogo { display: none; } } header { background-color: #1f2b4e; background-image: url("//campussecuritytoday.com/~/media/SEC/CSLS/design/cst_bg.png"); } header .toplogo { max-width: 275px; padding: 20px 0; text-items: center; margin: 0 auto; } @media (max-width: 1099px) { header .toplogo { display: none; } } .leaderboard .topnav-active { display: inline-block; height: auto; background: #7b778d; } .leaderboard .nav br { display: none; } .leaderboard .mobile-button { display: block; position: absolute; top: 15px; right: 10px; cursor: pointer; z-index: 2000; } @media (min-width: 1100px) { .leaderboard .mobile-button { display: none !important; } } .leaderboard .mobile-closebutton { display: none; position: absolute; top: 15px; right: 10px; cursor: pointer; z-index: 2000; } @media (min-width: 1100px) { .leaderboard .mobile-closebutton { display: none; } } .leaderboard .show { display: block !important; } @media (min-width: 1100px) { .leaderboard .show { display: none !important; } } .leaderboard .hide { display: none !important; } .stuck-header .mobile-button { top: 15px; right: 10px; width: auto !important; } .stuck-header .mobile-closebutton { top: 15px; right: 10px; width: auto !important; } .markets { z-index: 9999; transition: 0.4s; width: 100%; margin: 0 auto; max-height: 40px; background: #7b778d; } .markets .topnavlist { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0; padding: 10px 0; height: 35px; } @media (max-width: 700px) { .markets .topnavlist { display: none; } } .markets .topnavlist li { list-style: none; display: block; padding: 0; text-align: center; } .markets .topnavlist li.securpod a { padding: 0 0 0 30px; height: 20px; font-style: normal; font-family: "almaq-refined", sans-serif; letter-spacing: 0.07em; font-weight: 600; } .markets .topnavlist li.securpod a::before { content: url("//securitytoday.com/~/media/SEC/Security Products/design/securpod_icon.svg"); position: absolute; width: 17px; display: inline-block; margin: -4px 0 0 -24px; } .markets .topnavlist li.securpod a::after { content: "PODCAST"; display: block; font-size: 10px; position: absolute; margin: -2px 0 0 30px; color: #7b778d; font-family: "proxima-nova", sans-serif; font-weight: 700; } .markets .topnavlist li.awards a { padding: 0 0 0 30px; height: 25px; font-style: normal; font-weight: 700; } .markets .topnavlist li.awards a::before { content: url("//securitytoday.com/~/media/sec/security products/design/ribbon_icon.svg"); position: absolute; width: 25px; display: inline-block; margin: 0 0 0 -30px; } .markets .topnavlist li.awards a::after { content: "PRODUCT AWARDS"; display: block; font-size: 10px; position: absolute; margin: -2px 0 0 30px; color: #7b778d; font-weight: 700; } .markets .topnavlist li a { color: #fff; font-weight: 700; font-size: clamp(0.688rem, 0.396rem + 0.56vw, 0.813rem); text-transform: uppercase; padding: 8px 16px 4px; margin: 0 4px; transition: 0.5s; display: block; letter-spacing: 0.05em; } .markets .topnavlist li a:hover { text-decoration: underline; } @media (min-width: 800px) { .sticky { position: fixed; top: 58px; } } .sticky ul li { border: none !important; margin: 5px 20px 0 !important; } @media (min-width: 1100px) { .leaderboard .menu-toggle { display: none !important; } } @media (max-width: 1099px) { .leaderboard .menu-toggle { position: absolute; top: 17px; right: 3px; display: flex; cursor: pointer; border: 0; width: 35px; height: 25px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24.693px' height='15.473px' viewBox='0 0 24.693 15.473' enable-background='new 0 0 24.693 15.473' xml:space='preserve'%3E%3Crect fill='%23ffffff' width='24.693' height='3.083'/%3E%3Crect y='6.23' fill='%23ffffff' width='24.693' height='3.083'/%3E%3Crect y='12.391' fill='%23ffffff' width='24.693' height='3.082'/%3E%3C/svg%3E%0A") no-repeat center top; background-size: 25px; z-index: 2; } .leaderboard .menu-toggle.act { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.7 15.5' style='enable-background:new 0 0 24.7 15.5;' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M13.4,6.5L17,2.9c0.7-0.7,0.7-1.7,0-2.4c-0.7-0.7-1.7-0.7-2.4,0L11,4.1L7.4,0.5C6.7-0.2,5.7-0.2,5,0.5 C4.3,1.2,4.3,2.2,5,2.9l3.6,3.6L5,10.1c-0.7,0.7-0.7,1.7,0,2.4C5.3,12.8,5.8,13,6.2,13c0.4,0,0.9-0.2,1.2-0.5L11,8.9l3.6,3.6 c0.3,0.3,0.8,0.5,1.2,0.5c0.4,0,0.9-0.2,1.2-0.5c0.7-0.7,0.7-1.7,0-2.4L13.4,6.5z'/%3E%3C/svg%3E%0A") no-repeat center top; } } .leaderboard .topnav { width: 100%; position: relative; margin: 0; font-size: 15px; font-weight: 600; background: #1f2b4e; text-align: left; text-transform: uppercase; height: 60px; padding-bottom: 12px; border-bottom: 2px solid #7b778d; } @media (min-width: 1100px) { .leaderboard .topnav { padding: 12px 0 0 190px; height: 65px; } } @media (min-width: 1500px) { .leaderboard .topnav { text-align: center; padding: 12px 0; } } .leaderboard .topnav br { display: none; } .leaderboard .topnav.no-js li:hover > ul { visibility: visible; } .leaderboard .topnav.no-js li:focus-within > ul { visibility: visible; } .leaderboard .topnav.no-js ul > li > ul { top: 100%; } .leaderboard .topnav.no-js ul > li > ul > li > ul { right: 100%; left: 80%; top: -10px; border: 1px solid black; } .leaderboard .topnav.no-js ul > li > ul > li > a.hasChild::after { display: none; } @media (max-width: 1099px) { .leaderboard .topnav { display: none; width: 100%; padding-bottom: 0; } } .leaderboard .topnav.nav-open { display: block; } @media (max-width: 1099px) { .leaderboard .topnav.nav-open { position: absolute; right: 0; top: 0; padding: 0px 0 25px 0; width: 100%; max-width: 300px; z-index: 1; } } .leaderboard .topnav > ul { justify-content: stretch; position: relative; list-style-type: none; padding: 40px 0 20px 0; margin: 0; background: #363636; } @media (min-width: 1100px) { .leaderboard .topnav > ul { display: flex; gap: 0.3em; margin-top: 13px; padding: 0; background: transparent; } } @media (min-width: 1500px) { .leaderboard .topnav > ul { justify-content: center; } } .leaderboard .topnav > ul a[href="javascript:void(0);"] { cursor: default; } .leaderboard .topnav > ul ul[aria-hidden=false] { visibility: visible; } .leaderboard .topnav > ul .sub-menu--right { left: auto !important; right: 0 !important; } .leaderboard .topnav > ul button { padding: 0; } .leaderboard .topnav > ul a, .leaderboard .topnav > ul button, .leaderboard .topnav > ul h2 { position: relative; margin-top: 1.2em; background: transparent; color: white; font-weight: 600; text-decoration: none; color: white; } @media (min-width: 1100px) { .leaderboard .topnav > ul a, .leaderboard .topnav > ul button, .leaderboard .topnav > ul h2 { margin-top: initial; } .leaderboard .topnav > ul a:hover, .leaderboard .topnav > ul button:hover, .leaderboard .topnav > ul h2:hover { opacity: 0.7; } } .leaderboard .topnav > ul a.hasChild:after, .leaderboard .topnav > ul button.hasChild:after, .leaderboard .topnav > ul h2.hasChild:after { content: ""; width: 14px; height: 7px; margin-left: 6px; margin-top: 0; background-size: inherit; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 5' style='enable-background:new 0 0 10 5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='1,0.3 5,4.7 9,0.3 '/%3E%3C/svg%3E"); } .leaderboard .topnav > ul > li { position: relative; flex: 0 1 auto; display: flex; justify-content: stretch; flex-wrap: wrap; padding: 0 0.3rem; } @media (min-width: 1200px) { .leaderboard .topnav > ul > li { padding: 0 0.6rem; } } @media (max-width: 1099px) { .leaderboard .topnav > ul > li { text-align: center; } } .leaderboard .topnav > ul > li > a, .leaderboard .topnav > ul > li > button, .leaderboard .topnav > ul > li > h2, .leaderboard .topnav > ul > li > ul > li > button { z-index: 5; flex: 1 0 auto; display: flex; flex-wrap: wrap; align-items: center; border: 0; font-size: inherit; line-height: 1.2; font-size: 1.1rem; cursor: pointer; justify-content: center; text-transform: uppercase; font-weight: 600; font-family: "proxima-nova", sans-serif; } @media (min-width: 1100px) { .leaderboard .topnav > ul > li > a, .leaderboard .topnav > ul > li > button, .leaderboard .topnav > ul > li > h2, .leaderboard .topnav > ul > li > ul > li > button { font-size: 13px; } } @media (min-width: 1200px) { .leaderboard .topnav > ul > li > a, .leaderboard .topnav > ul > li > button, .leaderboard .topnav > ul > li > h2, .leaderboard .topnav > ul > li > ul > li > button { font-size: 15px; line-height: 1.5; } } .leaderboard .topnav > ul > li > ul > li > button, .leaderboard .topnav > ul > li > ul > li > a { font-size: 0.922em; display: inline-block; } @media (min-width: 1100px) { .leaderboard .topnav > ul > li > ul > li > button, .leaderboard .topnav > ul > li > ul > li > a { margin-bottom: 10px; display: flex; } } .leaderboard .topnav > ul > li > ul > li > button.hasChild::after, .leaderboard .topnav > ul > li > ul > li > a.hasChild::after { position: absolute; margin-top: 5px; right: -15px; width: 13px; transform: rotate(-90deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 5' style='enable-background:new 0 0 10 5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='1,0.3 5,4.7 9,0.3 '/%3E%3C/svg%3E"); background-repeat: no-repeat; } @media (min-width: 1150px) { .leaderboard .topnav > ul > li > ul > li > button.hasChild::after, .leaderboard .topnav > ul > li > ul > li > a.hasChild::after { margin-top: 1px; width: 12px; } } .leaderboard .topnav > ul ul, .leaderboard .topnav > ul ul > li > ul { position: absolute; top: 25px; left: 0; visibility: hidden; z-index: 1; width: 100%; padding: 1.2rem 0 0 0; list-style: none; box-shadow: 2px 35px 40px #231f20; } @media (min-width: 1100px) { .leaderboard .topnav > ul ul, .leaderboard .topnav > ul ul > li > ul { background: #1f2b4e; padding: 0; min-width: 250px; white-space: nowrap; text-align: left; } } @media (min-width: 1200px) { .leaderboard .topnav > ul ul, .leaderboard .topnav > ul ul > li > ul { top: 40px; } } .leaderboard .topnav > ul ul a, .leaderboard .topnav > ul ul h2, .leaderboard .topnav > ul ul button, .leaderboard .topnav > ul ul > li > ul a, .leaderboard .topnav > ul ul > li > ul h2, .leaderboard .topnav > ul ul > li > ul button { display: block; margin: 1.1em 1em; font-size: 0.922em; text-transform: none !important; } @media (min-width: 1200px) { .leaderboard .topnav > ul ul a, .leaderboard .topnav > ul ul h2, .leaderboard .topnav > ul ul button, .leaderboard .topnav > ul ul > li > ul a, .leaderboard .topnav > ul ul > li > ul h2, .leaderboard .topnav > ul ul > li > ul button { font-size: 0.955em !important; } } @media (max-width: 1099px) { .leaderboard .topnav > ul ul a, .leaderboard .topnav > ul ul h2, .leaderboard .topnav > ul ul button, .leaderboard .topnav > ul ul > li > ul a, .leaderboard .topnav > ul ul > li > ul h2, .leaderboard .topnav > ul ul > li > ul button { margin-top: 0.3em; } } .leaderboard .topnav > ul ul h2, .leaderboard .topnav > ul ul > li > ul h2 { color: #ab8c68 !important; } .leaderboard .topnav > ul ul > li > ul { box-shadow: none; } .leaderboard .topnav > ul ul > li { position: relative; } .leaderboard .topnav > ul ul > li ul[aria-hidden=false] { position: relative; border: 0; padding: 13px 5px 8px 5px; background: #7b778d; border-radius: 0; top: -5px; } @media (min-width: 1100px) { .leaderboard .topnav > ul ul > li ul[aria-hidden=false] { top: -3px; z-index: 2; padding: 12px 7px 5px 15px; margin: 0; } } .leaderboard .topnav > ul ul > li ul[aria-hidden=false] li { font-size: 0.978em; } @media (min-width: 1100px) { .leaderboard .topnav > ul ul > li ul[aria-hidden=false] li { width: 6.25rem; } } .leaderboard .topnav > ul ul > li ul[aria-hidden=false] li a { margin: 0 0 0.6em 0; } .leaderboard .topnav > ul ul[aria-hidden=false] { position: static; width: 100%; flex: 0 0 auto; } @media (min-width: 1100px) { .leaderboard .topnav > ul ul[aria-hidden=false] { position: absolute; width: auto; z-index: 1; } } header .ad { display: none; text-align: center; } @media (min-width: 760px) { header .ad { display: block; } } header .ad div[id*=ad_container], header .ad div[id*=google_ads_iframe] { padding: 20px 0 15px; height: auto !important; background: #ccc; } header .ticker .ad { text-align: center; } header .ticker .ad div[id*=ad_container], header .ticker .ad div[id*=google_ads_iframe] { padding: 0 0 40px 0; } .sContent .ad { text-align: center; } @media (min-width: 700px) { .sContent .ad { text-align: left; } } .sContent .ad div[id*=ad_container], .sContent .ad div[id*=google_ads_iframe] { padding: 0 0 15px 0 !important; } div.ad { border-bottom: none !important; max-width: 970px; margin: 0 auto 5px !important; background: none !important; text-align: center; } @media (min-width: 840px) { div.ad .wrapper { display: none; } } div.ad div { border-bottom: none !important; background: none !important; } #article .ad div[id*=ad_container], #article .ad div[id*=google_ads_iframe] { margin: 20px auto; width: 100% !important; height: auto !important; padding: 30px 0 !important; text-align: center; background: none; } #article .ad + br { display: none; } .sideBar .ad { display: none; } @media (min-width: 728px) { .sideBar .ad { display: block; } } .wrapper .ad div[id*=ad-lead] { display: none; } @media (min-width: 728px) { .wrapper .ad div[id*=ad-lead] { display: block; } } footer .ad div[id*=boot_desktop] div iframe { display: none !important; } footer .ad div[id*=boot_mobile] div iframe { display: none !important; } #sponsorTextLink ul li .ad div[id*=-text-] div iframe { display: none !important; } #main { position: relative; } #main div[id*=wallpaper_left], #main div[id*=wallpaper_right] { display: none; } @media (min-width: 1300px) { #main div[id*=wallpaper_left], #main div[id*=wallpaper_right] { display: block; position: absolute; top: 20px; left: -149px; width: 162px; z-index: 10; } } #main div[id*=wallpaper_right] { right: -149px; left: auto; } #main .special--fixed { position: fixed; top: 100px; bottom: auto; right: auto; width: 1070px; z-index: 10; } #main .special--fixed div[id*=wallpaper_right] { right: -279px; left: auto; } .sideBar .ad { margin: 0 auto; } .sideBar .ad .spotlight { background: #fff; padding: 10px; max-width: 970px; margin: auto; border: 1px solid #efefef; box-shadow: 0 0 20px #efefef; position: relative; } @media (min-width: 970px) { .sideBar .ad .spotlight { max-height: 250px; margin: 20px auto 10px; display: block; } } .sideBar .ad .spotlight img { max-width: 225px; } @media (min-width: 970px) { .sideBar .ad .spotlight img { padding: 5px 0 0 15px; float: left; margin: 30px auto 0; } } .sideBar .ad .spotlight .summary { font-size: 15px; margin: 10px; text-align: left; } @media (min-width: 970px) { .sideBar .ad .spotlight .summary { margin: 10px 10px 10px 250px; } } .sideBar .ad .spotlight .sponsor { font-size: 13px; display: block; position: absolute; top: 0; left: 0; color: #999; background: #efefef; padding: 5px 10px; margin: 0 !important; } .homebottomarea .ad div[id*=promo1] div iframe { display: none !important; } .homebottomarea .ad div[id*=promo2] div iframe { display: none !important; } .bottomarticles .ad div[id*=promo1] div iframe, .bottomarticles .ad div[id*=promo2] div iframe { display: none !important; } .bottomarticles .ad div[id*=underarticlenative1] div iframe { display: none !important; } .bottomarticles .ad div[id*=underarticlenative2] div iframe { display: none !important; } .homebottomarea li[id*=NativeAd], .bottomarticles li[id*=NativeArticleAd], .bottomarticles li[id*=NativeAd] { display: none; } .show-native { display: block !important; } .native1 .ad .spons-content, .native3 .ad .spons-content { position: relative; text-align: left; } .native1 .ad .spons-content .spons-section, .native3 .ad .spons-content .spons-section { padding-left: 10px; color: #beb9d3; font-size: 13px; font-weight: bold; text-transform: uppercase; text-align: left; width: 100%; z-index: 1; } @media (min-width: 1000px) { .native1 .ad .spons-content .spons-section, .native3 .ad .spons-content .spons-section { position: absolute; top: 15px; padding-left: 235px; } } .native1 .ad .spons-content .spons-section span, .native3 .ad .spons-content .spons-section span { clear: both; display: inline-block; padding: 7px; margin-left: 10px; font-size: 0.7rem; text-transform: none; color: white; background: rgb(163.8556291391, 27.9443708609, 40.6463576159); } @media (min-width: 1000px) { .native1 .ad .spons-content .spons-section span, .native3 .ad .spons-content .spons-section span { margin-top: -15px; margin-left: 0; float: right; } } .native1 .ad .spons-content .spons-section span span, .native3 .ad .spons-content .spons-section span span { text-transform: uppercase; margin-left: 3px; padding: 0; margin-top: 0; } @media (min-width: 1000px) { .native1 .ad .spons-content h3, .native3 .ad .spons-content h3 { padding-top: 45px; } } .iframe-buster-native-article { display: none; } .hometoparea { display: block; width: 100%; margin: 0 auto; padding: 20px 15px; } .hometoparea::after { content: ""; display: table; clear: both; } @media (min-width: 1150px) { .hometoparea { padding: 20px 0; } } .hometoparea ul { display: block; max-width: 100%; margin: 0 auto; padding: 0; list-style: none; } .hometoparea ul > li { position: relative; float: none; max-width: 525px; margin: 0 auto 10px; padding: 0; overflow: hidden; } .hometoparea ul > li:hover { opacity: 0.9; transition: opacity 0.3s linear; } @media (min-width: 460px) { .hometoparea ul > li { float: left; margin: 0 2px 4px; } } @media (min-width: 840px) { .hometoparea ul > li { max-width: 36.5vw; margin: 0 5px 10px; } } @media (min-width: 1150px) { .hometoparea ul > li { margin: 0 0.355vw 0.555vw 0.355vw; } } @media (min-width: 1310px) { .hometoparea ul > li { margin: 0 5px 10px; } } .hometoparea ul > li > a { display: block; } .hometoparea ul > li img { margin: 0 0 -5px; width: 100%; height: auto; aspect-ratio: 420/225; } .hometoparea ul > li .summary { display: none; } .hometoparea ul > li .section { position: absolute; top: 0; right: 0; display: block; padding: 5px 10px; background: rgba(114, 113, 134, 0.7); color: #fff; font-size: 12px; font-weight: 700; } .hometoparea ul > li:nth-child(1) { max-width: 100%; } @media (min-width: 460px) { .hometoparea ul > li:nth-child(1) { max-width: calc(100% - 4px); } } @media (min-width: 650px) { .hometoparea ul > li:nth-child(1) { max-width: calc(97% - 4px); height: 350px; } } @media (min-width: 840px) { .hometoparea ul > li:nth-child(1) { max-width: calc(97% - 10px); } } @media (min-width: 1150px) { .hometoparea ul > li:nth-child(1) { max-width: 650px; height: 350px; } } @media (min-width: 1150px) { .hometoparea ul > li:nth-child(1) img { width: 100%; max-width: 600px; height: 350px; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } } .hometoparea ul > li:nth-child(1) h3 { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 15px 15px; background: rgba(31, 43, 78, 0.8); color: #fff; font-family: "korolev-compressed", sans-serif; font-size: clamp(1.5rem, 1.337rem + 0.82vw, 2rem); } @media (min-width: 840px) { .hometoparea ul > li:nth-child(1) h3 { padding: 20px; } } .hometoparea ul > li:nth-child(1) h3 a, .hometoparea ul > li:nth-child(1) h3 a:visited { color: #fff; font-weight: 600; line-height: 1; } .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) { max-width: 100%; } @media (min-width: 460px) { .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) { max-width: calc(100% - 4px); } } @media (min-width: 650px) { .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) { max-width: calc(48.5% - 5px); } } @media (min-width: 840px) { .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) { max-width: calc(48% - 5px); } } @media (min-width: 1150px) { .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) { max-width: 420px; max-height: 170px; } } .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) h3 { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: rgba(31, 43, 78, 0.8); color: #fff; font-family: "korolev-compressed", sans-serif; font-size: clamp(1.5rem, 1.418rem + 0.41vw, 1.75rem); } @media (min-width: 650px) { .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) h3 { background: rgba(31, 43, 78, 0.7); } } .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) h3 a, .hometoparea ul > li:is(:nth-child(2), :nth-child(3)) h3 a:visited { color: #fff; font-weight: 600; line-height: 1.1; } .hometoparea .pagination { display: none; } .hometoparea p.footer { position: relative; float: right; display: block; width: 80px; height: 80px; margin: 0 4px 0 0; background-size: cover; color: #fff; text-align: center; text-transform: uppercase; } .hometoparea p.footer:hover { opacity: 0.85; color: #fff; transition: opacity 0.3s linear; } @media (min-width: 840px) { .hometoparea p.footer { margin: 0 0.355vw 0 0; } } @media (min-width: 1150px) { .hometoparea p.footer { width: 110px; height: 110px; } } @media (min-width: 1310px) { .hometoparea p.footer { margin-right: 10px; } } .hometoparea p.footer a, .hometoparea p.footer a:visited { display: block; color: #fff; font-size: 18px; line-height: 80px; } @media (min-width: 1150px) { .hometoparea p.footer a, .hometoparea p.footer a:visited { line-height: 110px; } } @media (min-width: 1310px) { .hometoparea p.footer a, .hometoparea p.footer a:visited { font-size: 22px; } } .techlibrary { display: block; } .techlibrary header { margin: 50px auto 0 auto; } @media (min-width: 840px) { .techlibrary header { margin: 0 auto 0 auto; } } .techlibrary #main { max-width: 1100px; margin: 0 auto; } .techlibrary .pContent { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; } @media (min-width: 840px) { .techlibrary .pContent { margin: 20px 0 0 20px; } } .techlibrary .pContent .sponsor { font-weight: 600; margin: 5px 0 0; } .techlibrary .pContent .ad:first-child { margin: 0 auto !important; } .techlibrary .pContent #level1 .intro h3 { text-align: center; font-weight: 600; font-size: 38px; line-height: 100px; padding: 20px 0 0; } .techlibrary .pContent #level1 #webcast { background: #ffffff; margin: 0 20px 10px 20px; padding: 25px 15px 20px 35px; border: 1px solid #cccccc; box-shadow: none; } .techlibrary .pContent #level1 #webcast .upcoming, .techlibrary .pContent #level1 #webcast .ondemand { margin: 0 0 50px 0; } .techlibrary .pContent #level1 #webcast .upcoming h3, .techlibrary .pContent #level1 #webcast .ondemand h3 { margin: 25px 0 25px 0; font-weight: 600; font-size: 20px; position: relative; font-family: "proxima-nova", sans-serif; line-height: 1.3; text-transform: uppercase; color: #7b778d; } .techlibrary .pContent #level1 #webcast .upcoming h3:after, .techlibrary .pContent #level1 #webcast .ondemand h3:after { content: " "; width: 50px; height: 4px; position: absolute; bottom: -8px; left: 0; background: #7b778d; } .techlibrary .pContent #level1 #webcast .upcoming div, .techlibrary .pContent #level1 #webcast .ondemand div { margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc; } .techlibrary .pContent #level1 #webcast .upcoming div h4, .techlibrary .pContent #level1 #webcast .ondemand div h4 { display: inline; font-family: "korolev-compressed", sans-serif; font-size: 32px; line-height: 1.2; font-weight: 400; padding: 15px 0 0 0; } .techlibrary .pContent #level1 #webcast .upcoming div h4 a, .techlibrary .pContent #level1 #webcast .upcoming div h4 a:visited, .techlibrary .pContent #level1 #webcast .ondemand div h4 a, .techlibrary .pContent #level1 #webcast .ondemand div h4 a:visited { color: #333333; display: inline; } .techlibrary .pContent #level1 #webcast .upcoming div h4 a:hover, .techlibrary .pContent #level1 #webcast .upcoming div h4 a:visited:hover, .techlibrary .pContent #level1 #webcast .ondemand div h4 a:hover, .techlibrary .pContent #level1 #webcast .ondemand div h4 a:visited:hover { text-decoration: underline; color: #1f2b4e; } .techlibrary .pContent #level1 #webcast .upcoming div h4.duration, .techlibrary .pContent #level1 #webcast .ondemand div h4.duration { font-size: 17px; font-family: "proxima-nova", sans-serif; font-weight: 600px; margin: 15px 0; display: block; } .techlibrary .pContent #level1 #webcast .upcoming div .summary, .techlibrary .pContent #level1 #webcast .ondemand div .summary { margin: 3px 0 10px 0; font-size: 17px; line-height: 1.3; } .techlibrary .pContent #level1 #webcast .upcoming div .startDate, .techlibrary .pContent #level1 #webcast .upcoming div .startTime, .techlibrary .pContent #level1 #webcast .ondemand div .startDate, .techlibrary .pContent #level1 #webcast .ondemand div .startTime { font-size: 17px; font-weight: 700; line-height: 1.3; margin: 0; } .techlibrary .pContent #level1 #webcast .upcoming div .sponsor, .techlibrary .pContent #level1 #webcast .ondemand div .sponsor { font-weight: 600; margin: 15px 0 0; } .techlibrary .pContent #level1 #webcast .upcoming div .sponsor img, .techlibrary .pContent #level1 #webcast .ondemand div .sponsor img { display: block; padding: 10px 0; max-width: 300px; } .techlibrary .pContent #level1 #webcast .upcoming div .childAssets, .techlibrary .pContent #level1 #webcast .ondemand div .childAssets { margin: 0; } .techlibrary .pContent #level1 #webcast .upcoming div .provider, .techlibrary .pContent #level1 #webcast .ondemand div .provider { margin: 0; } .techlibrary .pContent #level1 #webcast .upcoming div.MemberContentDescription, .techlibrary .pContent #level1 #webcast .upcoming div.MemberContentPurchase, .techlibrary .pContent #level1 #webcast .ondemand div.MemberContentDescription, .techlibrary .pContent #level1 #webcast .ondemand div.MemberContentPurchase { border-bottom: none; margin: 0; padding: 0; } .techlibrary .pContent #level1 #whitepaper { background: #ffffff; margin: 0 20px 10px 20px; padding: 25px 35px 20px 35px; border: 1px solid #cccccc; box-shadow: none; } .techlibrary .pContent #level1 #whitepaper h3 { margin: 25px 0 40px 0; font-weight: 400; font-size: 42px; position: relative; font-family: "korolev-compressed", sans-serif; line-height: 1.3; color: #7b778d; } .techlibrary .pContent #level1 #whitepaper h3:after { content: " "; width: 50px; height: 4px; position: absolute; bottom: -8px; left: 0; background: #7b778d; } .techlibrary .pContent #level1 #whitepaper h4 { margin: 25px 0 40px 0; font-weight: 400; font-size: 42px; position: relative; font-family: "korolev-compressed", sans-serif; line-height: 1.3; color: #7b778d; /* &:after{ content: " "; width: 50px; height: 4px; position: absolute; bottom: -8px; left: 0; background: $purplelight; }*/ } .techlibrary .pContent #level1 #whitepaper div { margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid #cccccc; } .techlibrary .pContent #level1 #whitepaper div.ad { padding: 0; margin: 0; border: none; } .techlibrary .pContent #level1 #whitepaper div h4 { display: inline; font-size: 32px; line-height: 1.3; font-weight: 400; padding: 15px 0 0 0; font-family: "korolev-compressed", sans-serif; } .techlibrary .pContent #level1 #whitepaper div h4 a, .techlibrary .pContent #level1 #whitepaper div h4 a:visited { color: #333333; display: inline; } .techlibrary .pContent #level1 #whitepaper div h4 a:hover, .techlibrary .pContent #level1 #whitepaper div h4 a:visited:hover { color: #1f2b4e; text-decoration: underline; } .techlibrary .pContent #level1 #whitepaper div .summary { margin: 3px 0 10px 0; font-size: 17px; line-height: 1.3; } .techlibrary .pContent #level1 #whitepaper div .startDate, .techlibrary .pContent #level1 #whitepaper div .startTime { font-size: 15px; font-weight: 700; margin: 0; } .techlibrary .pContent #level1 #whitepaper div .childAssets { margin: 0; } .techlibrary .pContent #level1 #whitepaper div .provider { margin: 0; } .techlibrary .pContent #level1 #whitepaper div.MemberContentDescription, .techlibrary .pContent #level1 #whitepaper div.MemberContentPurchase { border-bottom: none; margin: 0; padding: 0; } .techlibrary .pContent #level0, .techlibrary .pContent #level0a { padding: 10px 0; } .techlibrary .pContent #level0 #article img, .techlibrary .pContent #level0a #article img { height: auto !important; } .techlibrary .pContent #level0 #whitepaper, .techlibrary .pContent #level0 #webcast, .techlibrary .pContent #level0a #whitepaper, .techlibrary .pContent #level0a #webcast { margin: 25px 20px; padding: 0 10px 20px 10px; background: #ffffff; border: 1px solid #cccccc; box-shadow: none; } @media (min-width: 840px) { .techlibrary .pContent #level0 #whitepaper, .techlibrary .pContent #level0 #webcast, .techlibrary .pContent #level0a #whitepaper, .techlibrary .pContent #level0a #webcast { box-shadow: none; margin: 0 20px; padding: 0 35px 20px 35px; } } .techlibrary .pContent #level0 #whitepaper h4, .techlibrary .pContent #level0 #webcast h4, .techlibrary .pContent #level0a #whitepaper h4, .techlibrary .pContent #level0a #webcast h4 { margin: 25px 0 20px 0; font-weight: 400; font-size: 32px; position: relative; font-family: "korolev-compressed", sans-serif; line-height: 1.2; } @media (min-width: 840px) { .techlibrary .pContent #level0 #whitepaper h4, .techlibrary .pContent #level0 #webcast h4, .techlibrary .pContent #level0a #whitepaper h4, .techlibrary .pContent #level0a #webcast h4 { margin: 0 0 20px 0; font-size: 42px; } } .techlibrary .pContent #level0 #whitepaper h4.duration, .techlibrary .pContent #level0 #webcast h4.duration, .techlibrary .pContent #level0a #whitepaper h4.duration, .techlibrary .pContent #level0a #webcast h4.duration { font-size: 17px; font-family: "proxima-nova", sans-serif; font-weight: 600; } .techlibrary .pContent #level0 #whitepaper h5, .techlibrary .pContent #level0 #webcast h5, .techlibrary .pContent #level0a #whitepaper h5, .techlibrary .pContent #level0a #webcast h5 { font-family: "korolev-compressed", sans-serif; font-size: 26px; color: #7b778d; text-transform: uppercase; line-height: 1.2; font-weight: 400; padding: 10px 0 10px 0; margin: 0 0 20px; border-bottom: 1px solid #cccccc; } .techlibrary .pContent #level0 #whitepaper .speaker, .techlibrary .pContent #level0 #webcast .speaker, .techlibrary .pContent #level0a #whitepaper .speaker, .techlibrary .pContent #level0a #webcast .speaker { width: 125px !important; height: 125px !important; border-radius: 65px; -o-object-fit: cover; object-fit: cover; float: right !important; padding: 0 !important; margin: 0 0 10px 10px !important; } .techlibrary .pContent #level0 #whitepaper img.sponsorlogo, .techlibrary .pContent #level0 #whitepaper p img, .techlibrary .pContent #level0 #webcast img.sponsorlogo, .techlibrary .pContent #level0 #webcast p img, .techlibrary .pContent #level0a #whitepaper img.sponsorlogo, .techlibrary .pContent #level0a #whitepaper p img, .techlibrary .pContent #level0a #webcast img.sponsorlogo, .techlibrary .pContent #level0a #webcast p img { max-width: 250px; } .techlibrary .pContent #level0 p, .techlibrary .pContent #level0a p { margin: 3px 0 10px 0; font-size: 17px; line-height: 1.5; } .techlibrary .pContent #level0 p a, .techlibrary .pContent #level0a p a { font-weight: 600; color: #1f2b4e; } .techlibrary .pContent #level0 p a:hover, .techlibrary .pContent #level0a p a:hover { text-decoration: underline; } .techlibrary .pContent #level0 ul li, .techlibrary .pContent #level0 ol li, .techlibrary .pContent #level0a ul li, .techlibrary .pContent #level0a ol li { font-size: 17px; line-height: 1.3; padding: 0 0 3px 0; } .techlibrary .pContent #level0 .sponsor, .techlibrary .pContent #level0a .sponsor { margin: 15px 0 20px 0; font-size: 17px; line-height: 1.3; font-weight: 700; padding: 5px 10px 5px 0; } .techlibrary .pContent #level0 .sponsor img, .techlibrary .pContent #level0a .sponsor img { padding: 10px 0; display: block; } .techlibrary .pContent #level0 h4.date, .techlibrary .pContent #level0a h4.date { display: none; } .techlibrary .pContent #level0 h4.date:after, .techlibrary .pContent #level0a h4.date:after { display: none; } .techlibrary .pContent #level0 .startDate, .techlibrary .pContent #level0 .startTime, .techlibrary .pContent #level0a .startDate, .techlibrary .pContent #level0a .startTime { font-size: 17px; font-weight: 700; margin: 0; line-height: 1.3; } .techlibrary .pContent #level0a > div { background: none; margin: 20px 20px 20px 20px; padding: 20px; } .techlibrary .pContent #level0a .asset { margin: 0 0 10px; background: #ffffff; } .techlibrary .pContent #level0a .asset .button { background: #1f2b4e; border: none; color: #ffffff; cursor: pointer; position: relative; padding: 8px 20px; margin-top: 4px; font-size: 14px; text-transform: uppercase; font-weight: bold; width: 180px; margin-top: 10px; padding: 0; } .techlibrary .pContent #level0a .asset .button:hover { background: #7b778d; } .techlibrary .pContent #level0a .asset .button a, .techlibrary .pContent #level0a .asset .button a:visited { color: white; background: transparent; } .techlibrary .pContent #level0a .asset:after { clear: both; content: ""; display: block; } .techlibrary .pContent #level0a .asset > a { float: right; } .techlibrary .pContent #level0a .asset .title { margin: 0 0 20px 0; font-weight: 600; font-size: 32px; position: relative; font-family: "korolev-compressed", sans-serif; } .techlibrary .pContent #level0a .asset .title a, .techlibrary .pContent #level0a .asset .title a:visited { color: #333333; } .techlibrary .pContent #level0a .asset .title a:hover, .techlibrary .pContent #level0a .asset .title a:visited:hover { color: #1f2b4e; text-decoration: underline; } .techlibrary .pContent #level0a .asset a img { display: none; } .techlibrary .pContent #level0a .asset p { margin: 0 0 0 35px; line-height: 1.5; } .techlibrary .pContent #level0a .asset .checkbox { float: left; margin: 6px 14px 4px 14px; } .techlibrary .pContent #level0a .asset:first-child > .title:after { left: 0; } .techlibrary .pContent #level0a .asset:first-child > p { margin-left: 0; } .techlibrary .pContent #level0a .assetDescription { padding: 15px; font-size: 16px; font-weight: 700; color: #333333; } .techlibrary .pContent #level0a .assetDescription:first-child { border: 0; background: transparent; padding: 0; } .techlibrary .pContent #level0a input[type=submit] { margin: 0 0 0 35px; background: #1f2b4e; border: none; color: #ffffff; cursor: pointer; position: relative; padding: 8px 20px; margin-top: 4px; font-size: 14px; text-transform: uppercase; font-weight: bold; height: auto; display: inline; } .techlibrary .pContent #level0a input[type=submit]:hover { background: #7b778d; } .techlibrary .pContent #level0a .button input { margin-bottom: 0; } .techlibrary .pContent .norelatedassets #level0a .assetDescription, .techlibrary .pContent .norelatedassets #level0a .asset, .techlibrary .pContent .norelatedassets #level0a .asset:first-child, .techlibrary .pContent .norelatedassets #level0a .button, .techlibrary .pContent .norelatedassets #level0a .whitepapergraphic img { display: none; } #webcast .pagination, #whitepaper .pagination, #product .pagination { background: none; border: none !important; } #webcast .aboutpresenter, #whitepaper .aboutpresenter { border: 1px solid #ccc; padding: 15px 15px 20px 15px; margin-bottom: 20px; overflow: hidden; } #webcast .aboutpresenter img, #whitepaper .aboutpresenter img { float: left; margin: 0 15px 10px 0; height: 95px !important; } #webcast .aboutpresenter .aboutspeaker, #whitepaper .aboutpresenter .aboutspeaker { display: block; font-weight: bold; margin-bottom: 8px; font-size: 14px; } #webcast .aboutpresenter .aboutpresenterbio, #whitepaper .aboutpresenter .aboutpresenterbio { font-style: italic; } .techlibrary .pContent #level0 #about-presenters .presenter-info-wrapper { border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; } .techlibrary .pContent #level0 #about-presenters .presenters-title { color: #ab8c68; font-weight: 700; font-size: 21px; } .techlibrary .pContent #level0 #about-presenters .presenter-info { display: grid; align-items: start; grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; } @media (min-width: 400px) { .techlibrary .pContent #level0 #about-presenters .presenter-info { grid-template-columns: auto 1fr; grid-template-rows: repeat(3, -webkit-min-content); grid-template-rows: repeat(3, min-content); } } @media (min-width: 400px) { .techlibrary .pContent #level0 #about-presenters .presenter-info > :not(img) { grid-column: 2; } } .techlibrary .pContent #level0 #about-presenters .presenter-info p { margin: 0 0 2px; line-height: 1.3; } .techlibrary .pContent #level0 #about-presenters .presenter-name { font-weight: 700; font-size: 17px; } .techlibrary .pContent #level0 #about-presenters p.presenter-title, .techlibrary .pContent #level0 #about-presenters p.presenter-company { font-style: italic; font-weight: 700; font-size: 0.9em; } .techlibrary .pContent #level0 #about-presenters img.presenter-photo { display: block; width: 96px; height: 96px; -o-object-fit: cover; object-fit: cover; margin-bottom: 10px; margin-right: 16px; } @media (min-width: 400px) { .techlibrary .pContent #level0 #about-presenters img.presenter-photo { grid-row: 1/-1; margin-bottom: 0; } } #product { position: relative; padding: 0 20px; margin: 0 0 0 0; background: #ffffff; border: 1px solid #cccccc; } @media (min-width: 700px) { #product { padding: 35px 35px 20px 35px; } } #product:before { display: none; } #product div { margin: 0 0 25px 0; position: relative; border-bottom: 1px solid #cccccc; } #product div .companyinfo { display: none; } #product div.ad div:nth-child(1) { background: #cccccc; text-align: center; padding: 10px 10px 0; } #product div a { display: inline; } #product div img { display: block; margin-bottom: 20px; float: none; max-width: 150px; } @media (min-width: 840px) { #product div img { position: relative; display: block; float: right; max-width: 200px; width: 100%; margin-left: 10px; margin-bottom: 10px; bottom: auto; } } @media (min-width: 1000px) { #product div img { margin: 0 0 0 35px; max-width: 200px; } } #product div h3.company { display: block; font-size: 17px !important; font-family: "proxima-nova", sans-serif; line-height: 1; font-weight: 600; color: #7b778d; padding: 10px 0; margin: 0; text-transform: uppercase; } @media (min-width: 1350px) { #product div h3.company { font-size: 17px !important; } } #product div h3.company a, #product div h3.company a:visited { color: #333333; display: inline; box-shadow: none; font-weight: 400; } #product div h3.company a:hover, #product div h3.company a:visited:hover { text-decoration: underline; color: #1f2b4e; } #product div h3 { display: inline; font-size: 32px; font-family: "korolev-compressed", sans-serif; line-height: 1; font-weight: 400; padding: 15px 0 0 0; } @media (min-width: 1350px) { #product div h3 { font-size: 32px; } } #level0 #product div h3 { font-size: 42px; } #product div h3 a, #product div h3 a:visited { color: #333333; display: inline; box-shadow: none; font-weight: 400; } #product div h3 a:hover, #product div h3 a:visited:hover { text-decoration: underline; color: #1f2b4e; } #product div .dlb_byline { font-weight: 600; font-size: 16px; } @media (min-width: 1000px) { #product div .dlb_byline { font-size: 1.4vw; } } @media (min-width: 1350px) { #product div .dlb_byline { font-size: 17px; } } #product div .dlb_byline a, #product div .dlb_byline a:visited { color: #333333; display: inline; } #product div .summary { margin: 10px 0 10px 0; font-size: 16px; line-height: 1.5; } @media (min-width: 1000px) { #product div .summary { font-size: 1.4vw; } } @media (min-width: 1350px) { #product div .summary { font-size: 17px; } } #product div .summary .more a, #product div .summary .more a:visited { white-space: nowrap; color: #6d6e70; font-weight: 400; text-decoration: none; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); box-shadow: inset 0 -2px 0 #cccccc; } #product div .summary .more a:hover, #product div .summary .more a:visited:hover { box-shadow: inset 0 -3px 0 rgb(183.6, 183.6, 183.6); } #product div:after { content: ""; clear: both; display: table; } #product { font-size: 17px; position: relative; padding: 45px 20px 20px 20px; } @media (min-width: 1150px) { #product { padding: 35px 40px 20px 40px; } } #product .deck { font-style: italic; } #level1 #product > .pagination { padding: 0; } #level1 #product > br { display: none; } #level0 #product { position: relative; line-height: 1.5; background: #ffffff; border: 1px solid #cccccc; margin: 0; box-shadow: none; } #level0 #product div { border-bottom: none; } #level0 #product .kicker { box-shadow: none; display: inline-block; position: relative; top: -5px; left: 10px; background: #1f2b4e; color: #ffffff; font-weight: 700; font-size: 12px; padding: 10px 20px; z-index: 3; text-transform: uppercase; } @media (min-width: 650px) { #level0 #product .kicker { top: -5px; left: 10px; padding: 25px 40px; } } @media (min-width: 700px) { #level0 #product .kicker { left: 20px; top: -68px; } } @media (min-width: 760px) { #level0 #product .kicker { left: 20px; top: -72px; } } @media (min-width: 1150px) { #level0 #product .kicker { left: 60px; } } #level0 #product .kicker a, #level0 #product .kicker a:visited { display: block; width: 100%; height: 100%; color: #1f2b4e; font-weight: 400; box-shadow: none !important; } #product .byline { margin: 0; padding: 0; list-style: none; } #product .byline .author { float: left; padding-right: 10px; margin-right: 15px; position: relative; font-size: 14px; font-weight: 600; } #product .byline .author a, #product .byline .author a:visited { box-shadow: none; } #product .byline .author:after { content: ""; background-color: #6d6e70; width: 2px; height: 15px; display: block; position: absolute; right: -4px; top: 1px; } #product .byline .date, #product .byline .nodate { font-size: 14px; font-weight: 600; } #product .storyimage { width: 100%; margin-top: 5px; max-width: 650px; } #product ul li, #product ol li { line-height: 1.3; margin-bottom: 5px; } #product .introimage { width: 100%; max-width: 650px; display: block; float: none; margin: 30px auto 0 auto; } @media (min-width: 500px) { #product .introimage { max-width: 210px; float: right; margin: 5px 0 10px 20px; } } @media (min-width: 700px) { #product .introimage { max-width: 100%; display: block; float: none; margin: 30px auto 0 auto; } } @media (min-width: 840px) { #product .introimage { max-width: 210px; float: right; margin: 5px 0 10px 20px; } } #product .introimage img { max-width: 100%; } #product a, #product a:visited { color: #1f2b4e; font-weight: 600; text-decoration: none; } #product a:hover, #product a:visited:hover { text-decoration: underline; } #product figure { text-align: center; font-family: "proxima-nova", sans-serif; margin: 0 0 1em; } #product figure b { display: block; font-style: normal; } #product figure em { font-weight: bold; } #product figure a, #product figure a:visited { box-shadow: none; } #product figcaption { font-size: 0.8em; font-style: italic; } .customPages.awards-page .intro-text { clear: both; } .customPages.awards-page .intro-text p { font-size: 1rem; } @media (min-width: 770px) { .customPages.awards-page .intro-text p { font-size: 1.3rem; } } .customPages.awards-page .intro-text img { margin: -15px 0 0 15px; width: 100%; max-width: 150px; float: right; } @media (min-width: 770px) { .customPages.awards-page .intro-text img { max-width: 250px; margin: 5px 0 0 30px; } } .customPages.awards-page .categories { clear: both; position: relative; z-index: 10; width: 420px; max-width: 100%; margin: 35px auto 60px auto; font-size: 1.15rem; } .customPages.awards-page .categories h3 { margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: 700 !important; color: initial; } .customPages.awards-page .categories .category-button { width: 100%; font-size: 1.15rem; background-color: #991a37; margin-top: 10px; padding: 0.9em 1em 0.8em 1em; border: 0; border-radius: 0.25rem; cursor: pointer; color: white; display: flex; justify-content: space-between; align-items: center; } .customPages.awards-page .categories .arrow { margin: 4px 0 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid white; transition: transform ease-in-out 0.3s; } .customPages.awards-page .categories .category-options { list-style-type: none; margin: 15px 0 0 0; padding: 1px 10px; position: absolute; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid rgb(229.5, 229.5, 229.5); border-radius: 4px; opacity: 0; visibility: hidden; transition: 0.5s ease; transform: scaleY(0); } .customPages.awards-page .categories .category-options li { list-style-type: inherit; position: relative; margin: 10px 0; padding-left: 0; background: #1f2b4e; transition: 0.4s ease; } .customPages.awards-page .categories .category-options li:hover { background: rgb(16.495412844, 22.880733945, 41.504587156); } .customPages.awards-page .categories .category-options a { display: block; padding: 15px 20px 13px 20px; color: white; font-size: 15px; box-shadow: none; font-weight: 700; text-decoration: none; } .customPages.awards-page .categories.active .category-options { opacity: 1; visibility: visible; transform: scaleY(1); } .customPages.awards-page .categories.active .arrow { transform: rotate(180deg); } .customPages.awards-page .awards-grid { border-top: 1px solid rgb(229.5, 229.5, 229.5); padding-top: 50px; } .customPages.awards-page .awards-grid h4 { font-size: 2.375rem; color: inherit; text-align: center; font-weight: 700; line-height: 1; margin-bottom: 23px; } @media (min-width: 770px) { .customPages.awards-page .awards-grid h4 { font-size: 2.95rem; } } .customPages.awards-page .awards-grid section { background: #f9f9f9; padding: 20px 20px 10px 20px; margin-bottom: 40px; scroll-margin-top: 9rem; } @media (min-width: 770px) { .customPages.awards-page .awards-grid section { padding: 35px 35px 20px 35px; } } .customPages.awards-page .awards-grid section h5 { position: relative; font-size: 1.563rem; line-height: 1.1; font-weight: 700; color: #991a37; } @media (min-width: 770px) { .customPages.awards-page .awards-grid section h5 { font-size: 30px; font-size: 1.875rem; } } .customPages.awards-page .awards-grid section p { line-height: 1.6; } .customPages.awards-page .awards-grid section .winner { margin-top: 12px; margin-bottom: 8px; font-style: italic; font-size: 1.2em; line-height: 1.2em; color: rgb(38.252293578, 53.0596330275, 96.247706422); font-weight: 600; } @media (min-width: 770px) { .customPages.awards-page .awards-grid section .winner { font-size: 1.3em; } } .customPages.awards-page .awards-grid section .product { margin-top: 0; } .customPages.awards-page .awards-grid section img { display: block; margin: 30px auto 30px auto; text-align: center; width: 400px; max-width: 100%; box-shadow: 0px 1px 30px #ccc; } @media (min-width: 770px) { .customPages.awards-page .awards-grid section img { float: right; margin: 10px 0 30px 30px; } } .customPages.awards-list-page h4 { text-align: center; font-size: 1.75rem; font-weight: 700; } .customPages.awards-list-page .award-section { display: grid; gap: 2rem; margin-block: 75px; border: 1px solid #ccc; padding: 25px 20px 25px 20px; } @media (min-width: 770px) { .customPages.awards-list-page .award-section { grid-template-columns: 1fr 2.5fr; } } .customPages.awards-list-page .award-section img { display: block; text-align: center; margin: 0 auto; max-width: 100%; } .customPages.awards-list-page .award-section .awards-title, .customPages.awards-list-page .award-section .awards-deadline { margin-top: 0; font-weight: 700; } .customPages.awards-list-page .award-section .awards-title { font-size: 1.8rem; line-height: 1; margin-top: -50px; color: #efbb26; background-image: linear-gradient(red, yellow); background-image: linear-gradient(to top left, #000000, #513a01); text-align: center; padding: 8px 12px; } .customPages.awards-list-page .award-section .awards-summary { margin-top: -10px; } .customPages.awards-list-page .award-section a.nomination { background: #1f2b4e; border: none; color: #ffffff; cursor: pointer; position: relative; padding: 8px 20px; margin-top: 4px; font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; margin-right: 20px; padding-top: 10px; text-decoration: none; } .customPages.awards-list-page .award-section a.nomination:hover { background: #7b778d; } .customPages.awards-list-page .award-section a.previous-winners { color: #991a37; display: inline-block; line-height: 1; position: relative; margin-right: 10px; } @media (max-width: 480px) { .customPages.awards-list-page .award-section a.previous-winners { margin-top: 20px; } } .customPages.awards-list-page .award-section a.previous-winners::after { content: " →"; position: absolute; top: 1px; right: -23px; } .jump-menu-header { text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 22px; margin-bottom: 10px; } nav#jumplinks a, nav#jumplinks a:visited { text-decoration: none; } nav#jumplinks ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px 16px; margin: 0; padding: 0; list-style-type: none; } nav#jumplinks ul li { font-size: 20px; } .glossary-list-container { padding-bottom: 60px; margin-inline: auto; } @media (min-width: 700px) { .glossary-list-container #a, .glossary-list-container #b, .glossary-list-container #c, .glossary-list-container #d, .glossary-list-container #e, .glossary-list-container #f, .glossary-list-container #g, .glossary-list-container #h, .glossary-list-container #i, .glossary-list-container #k, .glossary-list-container #l, .glossary-list-container #m, .glossary-list-container #n, .glossary-list-container #o, .glossary-list-container #p, .glossary-list-container #q, .glossary-list-container #r, .glossary-list-container #s, .glossary-list-container #t, .glossary-list-container #u, .glossary-list-container #v, .glossary-list-container #w, .glossary-list-container #x, .glossary-list-container #y, .glossary-list-container #z { scroll-margin-top: 12rem; } } .glossary-list-container .sectionHeader { font-size: 40px; color: #991a37; font-weight: 700; margin-bottom: -10px; margin-top: 40px; padding-top: 20px; border-top: 1px solid hsl(0, 0%, 85%); } .glossary-list-container .sectionHeader:first-of-type { border: 0; margin-top: 20px; } .toc { position: relative; line-height: 1.3; background: #fff; border: 1px solid #efefef; font-size: 17px; position: relative; padding: 30px 20px 20px 20px; } .toc img { border: 1px solid #ccc; } #level1 .toc { display: grid; gap: 1.5rem; text-align: center; } @media (min-width: 840px) { #level1 .toc { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1000px) { #level1 .toc { grid-template-columns: repeat(4, 1fr); gap: 2rem 1rem; } } #level1 .toc div { text-align: center; margin: 0 auto; } #level1 .toc p { margin-top: 7px; } #level1 .toc h3 { margin-top: 0; padding: 0 10px; font-size: 0.9rem; text-decoration: none; text-wrap: balance; text-transform: uppercase; } @media (min-width: 840px) { #level1 .toc h3 { min-height: 2.9em; font-size: clamp(0.625rem, 0.522rem + 0.51vw, 0.875rem); } } @media (min-width: 1100px) { #level1 .toc h3 { font-size: 0.9rem; } } #level1 .toc h3 a, #level1 .toc h3 a:visited { text-decoration: none; font-weight: 700; } #level1 .toc img { margin: 0 auto; } @media (min-width: 840px) { #level1 .toc img { width: 90px; } } #level0 .toc br { display: none; } #level0 .toc div:nth-child(1) { margin-bottom: 40px; overflow: hidden; } #level0 .toc div:nth-child(1) h3 { margin-top: 8px; font-size: 1.3rem; margin-bottom: 0; } #level0 .toc div:nth-child(1) ul { padding-left: 0; } @media (min-width: 1000px) { #level0 .toc div:nth-child(1) ul { margin-left: 240px; } } @media (min-width: 1000px) { #level0 .toc div img { float: left; margin: 0 20px 0 0; } } #level0 .toc h3 { margin: 25px 0; font-weight: 600; font-size: 20px; position: relative; font-family: "proxima-nova", sans-serif; line-height: 1.3; text-transform: uppercase; color: #7b778d; } #level0 .toc h3::after { content: " "; width: 50px; height: 4px; position: absolute; bottom: -8px; left: 0; background: #7b778d; } #level0 .toc h3.date::after { display: none; } #level0 .toc .story { margin: 0 0 20px 0; padding: 0 0 5px 0; position: relative; border-bottom: 1px solid #efefef; min-height: auto; } #level0 .toc .story p.kicker { margin: 5px 0; color: #991a37; font-size: 15px; letter-spacing: 0.05em; font-weight: 600; text-transform: uppercase; } #level0 .toc .story .byline, #level0 .toc .story .author { padding-right: 10px; margin: 5px 15px 0 0; position: relative; font-size: 15px; font-weight: 600; } #level0 .toc .story .deck { margin: 5px 0 5px; font-style: italic; line-height: 1.2; } #level0 .toc .story img { max-width: 100%; } @media (min-width: 1000px) { #level0 .toc .story img { margin: 0 0 0 35px; max-width: 200px; float: right; } } #level0 .toc h3.title { position: relative; font-weight: 400; font-size: 32px; line-height: 1; margin: 0; transition: none; box-shadow: none; font-family: "korolev-compressed", sans-serif; text-transform: initial; } @media (min-width: 600px) { #level0 .toc h3.title { max-width: 80%; } } #level0 .toc h3.title::after { content: " "; width: 0; height: 0; position: inherit; bottom: 0; left: 0; background: none; } #level0 .toc h3.title a, #level0 .toc h3.title a:visited { font-weight: 400; text-decoration: none; color: #333; } body { color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-family: "proxima-nova", sans-serif; font-weight: 400; background: #f5f5f5; } .wrapper { display: block; margin: 0 auto; } #main { margin: 0 auto 0 auto; max-width: 1100px; background: #f5f5f5; } .sideBar { display: block; max-width: 1040px; margin: 0 auto; } .pContent { display: block; padding: 10px 0 0 20px; width: 100%; position: relative; margin-bottom: 30px; } @media (min-width: 700px) { .pContent { width: calc(100% - 350px); margin: 0 auto 50px auto; float: left; padding: 20px 0 0 20px; } } @media (min-width: 1360px) { .pContent { padding: 20px 0 0 20px; } } .pContent .ad:first-child { margin: 0 !important; } .sContent { display: block; margin: 40px auto 0 auto; width: 100%; height: 100%; padding: 20px 20px 0 20px; overflow: hidden; } @media (min-width: 700px) { .sContent { width: 340px; padding: 0 20px 0 20px; margin: 15px auto 0 auto; float: right; } } @media (min-width: 1360px) { .sContent { padding: 0 0 0 20px; } } .xContent { margin: 0 auto; text-align: center; } .hide { display: none; } .show { display: block; } a, a:visited { text-decoration: none; outline: none; color: #333; } a:hover { transition: linear 0.2s; text-decoration: underline; color: #1f2b4e; } a, li { outline: 0; } a:focus { outline: none; } .pageError h3 { width: 100%; text-align: center; font-weight: 600; font-size: 32px; line-height: 92px; padding-top: 8px; background: url("//securitytoday.com/~/media/sec/security products/design/pureaibg.jpg") top center repeat-y; } @media (min-width: 500px) { .pageError h3 { font-size: 38px; } } @media (min-width: 700px) { .pageError h3 { position: absolute; top: 0; left: 0; } } .pageError p { font-size: 17px; margin: 30px 20px 10px 20px; text-align: center; } @media (min-width: 700px) { .pageError p { margin: 90px 20px 10px 20px; } } .pageError img { display: block; margin: 0 auto 10px auto; } blockquote { padding: 5px 27px 10px 27px; } span.error { display: block; font-size: 17px; padding: 0 20px; text-align: center; padding-bottom: 60px; } .gdprHide { display: none !important; } a.skip-main { left: -999px; position: absolute; top: 0; width: 1px; height: 1px; overflow: hidden; z-index: -999; text-decoration: none; opacity: 1 !important; } a.skip-main:active, a.skip-main:focus { color: #d33a2c; background-color: #fff; left: auto; width: auto; height: auto; overflow: auto; padding: 0.3em 0.9em; text-align: center; font-size: 1.2em; z-index: 999; opacity: 1 !important; } .bottom-more { clear: both; height: 120px; width: 100%; } .bottom-more p { width: 100%; max-width: 300px; height: 52px; text-align: center; margin: 0 auto; padding: 33px 0 0 0; display: block; } .bottom-more p a, .bottom-more p a:visited { width: 100%; height: 52px; display: block; text-transform: uppercase; font-size: 22px; line-height: 52px; color: #fff; background: #1f2b4e; background-size: 300px 52px; opacity: 1; } @media (min-width: 840px) { .bottom-more p a, .bottom-more p a:visited { background-size: 372px 52px; } } .bottom-more p a:hover, .bottom-more p a:visited:hover { color: #fff; opacity: 0.8; transition: linear 0.3s; } .magazineWrapper { position: relative; margin: 0 0 20px 20px; padding: 0 0 20px; } @media (min-width: 640px) { .magazineWrapper { margin: 0 0 15px; width: 100%; } } @media (min-width: 840px) { .magazineWrapper { margin: 0 0 30px; width: 100%; padding: 0; } } .digital ul { position: absolute; right: 150px; top: 10px; max-width: 150px; z-index: 999; } @media (max-width: 840px) { .digital ul { right: 200px; } } .digital ul li { list-style: none; width: 250px; text-align: center; font-weight: 600; } .digital ul li h3 { text-transform: uppercase; background: #1f2b4e; padding: 4px; font-size: 15px; } .digital ul li h3 a { font-weight: 600; color: #fff; } .digital ul li h3 a:hover { color: #7b778d; text-decoration: none; } .digital ul li img { max-width: 135px; } .magazine { padding: 10px 0 0; min-height: 450px; } @media (max-width: 840px) { .magazine { height: auto; max-width: 95%; margin: 0; } } .magazine h4 { background: #7b778d; border: none; position: absolute; min-height: 2px !important; margin: 10px 0 15px; padding: 5px; font-size: 12px; font-weight: 800; text-transform: uppercase; box-shadow: 2px 2px 0 #fff; color: #fff; } @media (max-width: 840px) { .magazine h4 { display: none; } } .magazine h4:hover { background: #1f2b4e; } .magazine h4 a { color: #fff; } .magazine h4 a:hover { text-decoration: none; } .magazine ul { display: block; } @media (max-width: 840px) { .magazine ul { padding: 0 0 0 20px; } } .magazine ul li { background: #fff; background-size: cover; border: 1px solid #ccc; width: 500px; list-style: none; float: right; padding: 15px 25px; margin: 175px 0 0 0; position: relative; display: inline-block; } @media (max-width: 840px) { .magazine ul li { width: 100%; float: none; position: inherit; padding: 20px; display: block; margin: 190px 0 0 0; } } .magazine ul li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .magazine ul li p span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .magazine ul li h3 { font-size: 32px; font-family: "korolev-compressed", sans-serif; color: #1f2b4e; font-weight: 400; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .magazine ul li h3 a { color: #1f2b4e; } .magazine ul li img { position: absolute; left: 20px; height: 450px; width: 475px; -o-object-fit: cover; object-fit: cover; z-index: -1; top: 0; margin: -200px 0 0 -230px; } @media (max-width: 840px) { .magazine ul li img { margin: 0; position: inherit; padding: 0 0 10px; width: 100%; height: auto; } } .magazine ul li .more a { white-space: nowrap; color: #7b778d; font-weight: 600; font-size: 15px; text-transform: uppercase; display: block; margin: 20px 0 0 0; padding: 20px 0 0 0; text-decoration: none; border-top: 2px solid #7b778d; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } .magazine ul li .more a:hover { color: #1f2b4e; } .magazine ul li .more a:after { content: " →"; } .infocenter { padding: 20px 20px 0; background: #fff; border-radius: none; margin: 0 auto 15px auto; display: inline-block; position: relative; min-height: 480px; } .infocenter::before { content: "SPONSORED"; font-size: 12px; right: 35px; font-weight: 600; color: #fff; top: 12px; position: absolute; } @media (min-width: 840px) { .infocenter::before { top: 7px; } } @media (min-width: 840px) { .infocenter { margin: 0 auto 15px; } } .infocenter h3 { display: block; background: #6d6e70; padding: 10px 20px; margin: -20px -20px 0 -20px; color: #7b778d; font-weight: 700; text-transform: uppercase; font-size: 15px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .infocenter ul { list-style: none; margin: 15px 0 0; padding: 0; align-items: left; } .infocenter ul li { margin: 0 auto !important; padding: 5px 0 !important; display: inline-block; } .infocenter ul li:first-child { max-width: 100%; } @media (min-width: 840px) { .infocenter ul li:first-child { padding: 0 125px 0 0 !important; } } .infocenter ul li a { font-size: 17px; font-weight: 600 !important; color: #1f2b4e; text-decoration: underline; } .infocenter ul li a:hover { color: #7b778d; } .infocenter ul li a img { position: inherit; top: 25px; right: 20px; max-width: 100px; background: #fff; border-radius: 5px; padding: 5px; border: #efefef; } @media (min-width: 840px) { .infocenter ul li a img { position: absolute; } } .infocenter ul li p.summary { font-size: 13px; margin: 3px 0 3px !important; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } #download-container { width: 300px; height: 250px; overflow: hidden; position: relative; background: #fff; padding: 10px 20px; margin: 0 0 20px; text-align: center; position: relative; box-shadow: none; border: #efefef; border-radius: none; } #download-container img { max-height: 65px; border-radius: 5px; width: auto !important; } #download-container h5 { background: #ccc; padding: 5px; margin: -10px -20px 0; color: #7b778d; font-weight: 700; font-size: 13px; } #download-container #pagination { position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center; } #download-container #pagination button { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px; background-color: #6d6e70; border: none; cursor: pointer; } #download-container #pagination button.active { background-color: #1f2b4e; } #download-container #download-list { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #download-container #download-list li { position: absolute; top: 95px; left: 0; padding: 0 10px; width: 100%; height: 100%; display: none; } #download-container #download-list li.active { display: inline-block; } #download-container #download-list li h3 { font-size: 16px; padding: 0; margin: 0; } #download-container #download-list li h3 a { font-weight: 600 !important; color: #1f2b4e; text-decoration: underline; } #download-container #download-list li h3 a:hover { color: #7b778d; } #download-container #download-list li p { font-size: 13px; margin: 5px 0 0; padding: 0; line-height: 1.1 !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; } #linkcontainer { width: 300px; height: 600px; overflow: hidden; position: relative; background: #fff !important; padding: 35px 20px 0; margin: 0 0 20px; text-align: left; position: relative; border-radius: none; box-shadow: none; } #linkcontainer img { max-width: 75px !important; width: 100% !important; height: auto !important; position: absolute; right: 10px; top: 10px; background: #fff; padding: 5px; border: 1px solid #ddd; } #linkcontainer h4 { background: #1f2b4e; padding: 5px 20px; margin: -5px -20px 10px; color: #fff; font-weight: 700; font-size: 13px; text-align: left; } #linkcontainer h4::before { content: "SPONSORED"; position: absolute; color: #6d6e70; font-size: 11px; top: 10px; left: 20px; } #linkcontainer ul { list-style: none; margin: 0; padding: 15px 0 0; } #linkcontainer ul li h3 { font-size: 16px; padding: 0; margin: 0; } #linkcontainer ul li h3 a { font-weight: 600 !important; color: #1f2b4e; text-decoration: underline; } #linkcontainer ul li h3 a:hover { color: #7b778d; } #linkcontainer ul li p { font-size: 12px; color: #333; margin: 5px 0 10px; padding: 0; line-height: 1.1 !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; } .sponsored-video { overflow: hidden; position: relative; background: #fff; padding: 10px 20px; margin: 0 auto 15px 20px; text-align: center; position: relative; border-radius: none; box-shadow: none; width: 95%; } @media (min-width: 640px) { .sponsored-video { box-shadow: none; margin: 0 auto 15px; width: 100%; } } .sponsored-video .video-iframe { margin: 0; } .sponsored-video .sponsored-section { padding: 5px 0; margin: 0 -20px; } .sponsored-video .sponsored-section .sponsor-name { color: #7b778d; font-size: 14px; font-weight: 600; } .sponsored-video .sponsored-section .sponsor-name::before { content: "Sponsored by "; } .sponsored-video ul { list-style: none; padding: 0; margin: 0; } .sponsored-video ul li { margin: 0; padding: 0; } .sponsored-video ul li h3 { font-size: 28px; font-weight: 400; padding: 0; font-family: "korolev-compressed", sans-serif; } .sponsored-video ul li p { font-size: 14px; padding: 0; } .sponsored-video ul li p > iframe { margin: 0 -20px 15px -20px; width: 100%; } .sponsored-video .pagination { display: none; } .sponsored-video h4 { background: #1f2b4e; text-transform: uppercase; padding: 5px; margin: -10px -20px 0; color: #fff; font-weight: 700; font-size: 13px; } #popular { border: 1px solid #ccc; padding: 15px 10px 0; max-width: 100%; background: #fff; display: block; clear: both; float: none; } @media (min-width: 700px) { #popular { max-width: 300px; margin: 0 0 20px 0; } } #popular .tabbedFields ul.tabMenu { margin: 0; padding: 0; list-style: none; } #popular .tabbedFields ul.tabMenu li a { position: relative; display: block; padding: 0 0 10px; margin: 0 20px 20px; font-weight: 700; font-size: 28px; color: #7b778d; font-family: "korolev-compressed", sans-serif; text-transform: uppercase; } @media (min-width: 700px) { #popular .tabbedFields ul.tabMenu li a { padding: 0 0 10px; } } #popular .tabbedFields ul.tabMenu li a:hover { color: #1f2b4e; text-decoration: underline; } #popular .tabbedFields ul.tabMenu li a:after { content: " "; width: 125px; height: 5px; position: absolute; display: block; bottom: 0; left: 0; background: #7b778d; } #popular .tabbedFields ul.tabMenu li:nth-child(2) { display: none; } #popular .tabContent h3 { border-bottom: solid 1px #efefef; margin: 15px; padding: 0 0 8px 0; font-size: 17px; font-weight: 600; } #popular .tabContent h3 a, #popular .tabContent h3 a:visited { font-size: 17px; font-weight: 600; color: #333; } #popular .tabContent h3 a:hover, #popular .tabContent h3 a:visited:hover { color: #1f2b4e; text-decoration: underline; } #popular .tabContent h3:last-of-type { border-bottom: none; } #popular .tabContent:nth-of-type(2) { display: none; } .hotarticles { padding: 20px 10px; max-width: 100%; background: #7b778d; display: block; clear: both; float: none; } @media (min-width: 700px) { .hotarticles { max-width: 300px; margin: 0 0 20px 0; } } .hotarticles h3 { position: relative; display: block; padding: 0 0 10px; margin: 0 15px 20px; font-weight: 400; color: #fff; font-family: "korolev-compressed", sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; } .hotarticles h3 a, .hotarticles h3 a:visited { color: #fff; } .hotarticles h3::after { content: " "; width: 125px; height: 5px; position: absolute; display: block; bottom: 0; left: 0; background: #fff; } .hotarticles ul { list-style: none; margin: 0; padding: 0; } .hotarticles ul li { border-bottom: solid 1px #ccc; margin: 15px; padding: 0 0 8px 0; font-size: 17px; font-weight: 600; display: flex; flex-direction: column; } .hotarticles ul li a, .hotarticles ul li a:visited { color: #fff; order: 1; } .hotarticles ul li a:hover, .hotarticles ul li a:visited:hover { text-decoration: underline; } .hotarticles ul li:last-child { border-bottom: none; } .hotarticles ul li .sponsored-section { order: 2; display: flex; padding: 0; } .hotarticles ul li div.sponsor-name { font-size: 13px; margin: 3px 0; font-weight: 500; color: #fff; order: 2; } .hotarticles ul li div.sponsor-name::before { content: "Sponsored by "; } .hotproducts { margin: 0 20px 20px 20px; max-width: 100%; background: #fff; display: block; border: 1px solid #efefef; clear: both; float: none; } @media (min-width: 700px) { .hotproducts { max-width: 300px; margin: 0 0 20px 0; box-shadow: 0 0 20px #efefef; } } .hotproducts .pagination { display: none; } .hotproducts h4 { position: relative; background: #7b778d url("//securitytoday.com/~/media/sec/security products/design/stbg.png") top center no-repeat; background-size: 400px; display: block; width: 100%; padding: 25px 0; height: 100px; font-weight: 400; color: #fff; font-family: "korolev-compressed", sans-serif; font-size: 32px; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .hotproducts h4 a { color: #fff; } .hotproducts h4 a:hover { color: #1f2b4e; } .hotproducts ul { list-style: none; margin: 0; padding: 0; } .hotproducts ul li { border-bottom: solid 1px #ccc; margin: 5px 15px; padding: 10px; font-size: 15px; font-weight: 400; color: #333; } .hotproducts ul li p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .hotproducts ul li img { width: 75px; margin: 0 15px 15px 0; float: left; height: 125px; -o-object-fit: cover; object-fit: cover; } .hotproducts ul li h3 { font-size: 22px; font-weight: 400; padding: 0 0 0 75px; font-family: "korolev-compressed", sans-serif; line-height: 1; } .hotproducts ul li h3 a, .hotproducts ul li h3 a:visited { color: #1f2b4e; } .hotproducts ul li h3 a:hover, .hotproducts ul li h3 a:visited:hover { text-decoration: underline; } .hotproducts ul li:last-child { border-bottom: none; } .sContent .founding { max-width: 100%; width: 300px; position: relative; margin: 0 0 30px 0; clear: both; float: none; outline: none; } .sContent .founding h3 { position: relative; padding: 13px 0 20px 50px; font-weight: 700; font-size: 21px; margin-bottom: 25px; } @media (min-width: 700px) { .sContent .founding h3 { padding: 0 0 13px 50px; } } .sContent .founding ul { width: 240px; position: relative; padding: 0px; margin: 0 auto; list-style-type: none; height: 150px; overflow: hidden; } .sContent .founding .mySlides { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; z-index: 1; transform: translateX(-100%); } .sContent .founding .mySlides img { position: absolute; width: 100%; z-index: 0; max-width: 100%; top: 50%; transform: translateY(-50%); } .sContent .founding .mySlides.canclick a img { pointer-events: auto; } .sContent .founding .slideLeft { transform: translateX(100%); } .sContent .founding .showing { z-index: 2; } .sContent .founding .slide-in { z-index: 10; animation: slide-in 1s forwards; } @keyframes slide-in { 100% { transform: translateX(0%); } } .sContent .founding .slide-out { animation: slide-out 1s forwards; } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } .sContent .founding .slide-out-Left { animation: slide-out-Left 1s forwards; } @keyframes slide-out-Left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .sContent .founding .prev, .sContent .founding .next { cursor: pointer; position: absolute; top: 63%; width: auto; margin-top: -22px; padding: 17px; color: #6d6e70; font-weight: bold; font-size: 25px; transition: 0.6s ease; border-radius: 0 3px 3px 0; cursor: pointer; } .sContent .founding .next { right: -15px; border-radius: 3px 3px 3px 3px; } .sContent .founding .prev { left: -15px; border-radius: 3px 3px 3px 3px; } .sContent .founding .prev:hover, .sContent .founding .next:hover { color: rgba(0, 0, 0, 0.8); } div.mobile-flyout { display: block; top: 0; left: 0; background: #333; z-index: 10; } @media (min-width: 760px) { div.mobile-flyout { display: none; } } div.mobile-flyout #popular { display: block; margin: 0 auto 20px auto; padding: 0 20px 20px 20px; width: 100%; background: #fff; text-align: left; } div.mobile-flyout #popular ul { list-style-type: none; margin: 0; padding: 0; text-align: left; } div.mobile-flyout #popular a { text-align: left; } div.mobile-flyout #popular ul.tabMenu { margin-top: 20px; } div.mobile-flyout #popular ul.tabMenu a, div.mobile-flyout #popular ul.tabMenu a:visited { font-size: 28px; text-align: left; } div.mobile-flyout #popular div.tabContent a, div.mobile-flyout #popular div.tabContent a:visited { text-align: left; font-size: 15px; padding: 9px 9px 9px 0; } div.mobile-flyout .mobile-flyout-button { font-weight: 700; background: #333; position: fixed; top: 50%; margin-top: 60px; left: -53px; padding: 0 8px 1px 8px; color: #fff; cursor: pointer; display: block; font-size: 13px; text-transform: uppercase; transform: rotate(270deg) translate3d(0, 0, 0); z-index: 100; } div.mobile-flyout .flyout-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; cursor: pointer; background: rgba(255, 255, 255, 0.5); } div.mobile-flyout .flyout-list { position: fixed; top: 0; left: 0; width: 100%; max-width: 320px; text-align: center; height: 100%; min-height: 100%; margin: 0 0 0 -320px; padding: 40px 10px 25px 10px; background: #343433; overflow-y: auto; z-index: 100001; transition: all 0.5s ease; } div.mobile-flyout .flyout-list .flyout-close { position: absolute; display: block; top: 10px; right: 10px; width: 26px; height: 21px; z-index: 100002; background: url("//securitytoday.com/~/media/SEC/Security Products/design/mobileclosebutton.png") top center no-repeat; cursor: pointer; } div.mobile-flyout .flyout-list img { max-width: 100%; } div.mobile-flyout .flyout-list .tagline { margin: -15px 0 0 0; padding: 0 0 30px 0; color: #fff; font-weight: 400; font-size: 18px; border-bottom: 1px solid #efefef; } div.mobile-flyout .flyout-list a, div.mobile-flyout .flyout-list a:visited { color: #fff; text-decoration: none; } div.mobile-flyout .flyout-list.active { margin: 0 0 0 0; } div.mobile-flyout .flyout-mask.active { display: block; } .play-initial { background-color: #1f2b4e !important; } .news-page { display: none; } .hometopnews { margin: 0; padding: 20px 0 10px 0; box-shadow: none; position: relative; clear: both; } @media (min-width: 900px) { .hometopnews { padding-left: 20px; } } .hometopnews:before { content: "FROM THE WIRE"; clear: both; display: table; font-weight: 700; color: #7b778d; margin: 0 0 10px; font-size: 20px; } .hometopnews ul { display: block; margin: 0 auto; padding: 0; list-style: none; position: relative; display: grid; gap: 0.6rem; } @media (min-width: 900px) { .hometopnews ul { grid-template-columns: repeat(4, 1fr); } } .hometopnews li { background: #1f2b4e; padding: 15px; font-size: 14px; color: #7b778d; display: grid; position: relative; } .hometopnews a, .hometopnews a:visited { color: white; text-decoration: none; } .hometopnews a:hover { color: #7b778d; } .hometopnews h3 { font-family: "proxima-nova", sans-serif; padding: 0 10px 20px 0; font-weight: 600; margin: 0 0 10px; } .hometopnews span { color: #fff; border-top: 3px solid #fff; width: 90%; position: absolute; left: 15px; bottom: 10px; padding-top: 8px; font-size: 13px; } @media (min-width: 900px) { .hometopnews span { width: 80%; } } .hometopnews img { width: 100%; height: auto; aspect-ratio: 140/81; -o-object-fit: cover; object-fit: cover; } #article .hometopnews { margin: 0 0 -5px; } :is(.homebottomarea, .newscustompages, .bottomarticles) { display: block; float: left; max-width: 940px; margin: 0 auto; } :is(.homebottomarea, .newscustompages, .bottomarticles)::after { content: ""; display: table; clear: both; } @media (min-width: 700px) { :is(.homebottomarea, .newscustompages, .bottomarticles) { margin: -5px auto 0 20px; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul { display: flex; flex-direction: column; max-width: 95%; margin: 0 auto; padding: 0; list-style: none; } @media (min-width: 840px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul { max-width: 100%; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics { position: absolute; top: 20px; left: -20px; } @media (max-width: 840px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics { display: none; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics li { position: relative; min-height: 2px !important; margin: 0 0 10px; padding: 5px; border: none; background: #7b778d; box-shadow: 2px 2px 0 #fff; color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics li:hover { background: #1f2b4e; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics li a { color: #fff; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul .topics li a:hover { text-decoration: none; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li { position: relative; min-height: 300px; margin: 0 0 35px; padding: 0; border: 1px solid #efefef; background: #1f2b4e; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li::after { content: ""; display: table; clear: both; } @media (min-width: 700px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li { margin-bottom: 10px; box-shadow: none; } } @media (min-width: 1000px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li { padding-right: 20px; background: #1f2b4e; background-size: cover; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li > a { display: inline; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li img { display: block; margin-bottom: 15px; width: 100%; height: 300px; aspect-ratio: 200/300; -o-object-fit: cover; object-fit: cover; } @media (min-width: 500px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li img { margin: 0; } } @media (min-width: 700px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li img { position: relative; margin-bottom: 20px; } } @media (min-width: 1000px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li img { float: left; width: auto; max-width: 200px; height: 300px; margin: 0 35px 0 0; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 { display: block; padding: 15px 15px 0 10px; color: #fff; font-family: "korolev-compressed", sans-serif; font-size: 32px; font-weight: 400; line-height: 1; } @media (min-width: 1000px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 { padding: 20px 0 0; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a:visited { display: block; color: #fff; } @media (max-width: 839px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a:visited { padding: 0 5px; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a:hover, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li h3 a:visited:hover { color: #7b778d; text-decoration: underline; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .dlb_byline { margin: 10px 0 0; font-size: 16px; font-weight: 600; } @media (min-width: 1000px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .dlb_byline { font-size: 1.4vw; } } @media (min-width: 1350px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .dlb_byline { font-size: 18px; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .dlb_byline a, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .dlb_byline a:visited { display: inline; color: #333; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary { margin: 20px 0 10px; padding-left: 15px; color: #fff; font-size: 17px; line-height: 1.25; } @media (min-width: 700px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary { padding: 0 15px; } } @media (min-width: 1000px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary { padding: 0 0 0 235px; font-size: 1.4vw; } } @media (min-width: 1350px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary { font-size: 17px; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a:visited { display: block; margin-top: 20px; padding-top: 20px; border-top: 2px solid #7b778d; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } @media (max-width: 839px) { :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a:visited { font-size: 13px; } } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a::after, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a:visited::after { content: " →"; } :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a:hover, :is(.homebottomarea, .newscustompages, .bottomarticles) ul > li .summary .more a:visited:hover { color: #7b778d; } .homebottomarea .pagination, .hometopnews .pagination { display: none; } .bottomarticles > h4 { width: 100%; text-align: center; font-weight: 600; font-size: 32px; text-transform: uppercase; line-height: 92px; padding-top: 8px; color: #7b778d; } @media (min-width: 500px) { .bottomarticles > h4 { font-size: 32px; } } .bottomarticles .pagination { display: none; } @media (min-width: 1000px) { .bottomarticles ul li h3 { font-size: 2.8vw; } } @media (min-width: 1350px) { .bottomarticles ul li h3 { font-size: 32px; } } .podcast { display: block; max-width: 940px; margin: 20px auto 0 20px; float: left; position: relative; } @media (max-width: 840px) { .podcast { margin: 0; } } .podcast:after { content: ""; clear: both; display: table; } .podcast h4.title { max-width: 100% !important; } .podcast img { display: none; } @media (min-width: 1000px) { .podcast img { position: absolute; top: 0; left: 5px; margin: 300px 0 0 10px; width: 175px; z-index: 99; display: block; } } .podcast .pagination { display: none; } .podcast iframe { box-shadow: 0px 0px 10px #231f20; } .podcast ul { display: flex; flex-direction: column; max-width: 100%; margin: 0 auto; padding: 0; list-style: none; } @media (max-width: 840px) { .podcast ul { max-width: 95%; } } .podcast ul .topics { position: absolute; top: 20px; left: -20px; } @media (max-width: 840px) { .podcast ul .topics { display: none; } } .podcast ul .topics li { background: #7b778d; border: none; position: relative; min-height: 2px !important; padding: 5px; font-size: 12px; font-weight: 800; text-transform: uppercase; box-shadow: 2px 2px 0 #fff; color: #fff; } .podcast ul .topics li:hover { background: #1f2b4e; } .podcast ul .topics li a { color: #fff; } .podcast ul .topics li a:hover { text-decoration: none; } .podcast ul li { border: solid 1px #efefef; background-size: 700px; margin: 0 0 35px 0; padding: 0; position: relative; min-height: 400px; } @media (min-width: 500px) { .podcast ul li { border: solid 1px #efefef; padding: 0 0 0 0; } } @media (min-width: 700px) { .podcast ul li { padding: 0 0 0 0; } } @media (min-width: 1000px) { .podcast ul li { padding: 0 20px 0 0; } } .podcast ul li a { display: inline; } .podcast ul li img { display: block; margin-bottom: 15px; position: inherit; z-index: auto; } @media (min-width: 500px) { .podcast ul li img { margin: 0; max-width: 100%; width: 100%; bottom: auto; left: 0; } } @media (min-width: 700px) { .podcast ul li img { position: relative; display: block; max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 20px; bottom: auto; } } @media (min-width: 1000px) { .podcast ul li img { margin: 13px 30px 0 0; max-width: 200px; height: 280px; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; float: left; } } .podcast ul li h3 { display: block; font-size: 32px; line-height: 1; font-weight: 400; font-family: "korolev-compressed", sans-serif; color: #fff; padding: 10px 0 0 0; } @media (min-width: 1000px) { .podcast ul li h3 { font-size: 1.9vw; } } @media (min-width: 1350px) { .podcast ul li h3 { font-size: 32px; } } .podcast ul li h3 a, .podcast ul li h3 a:visited { color: #fff; display: block; background: #1f2b4e; margin: -10px -20px 0 0; padding: 20px; border-bottom: 2px solid #7b778d; } @media (max-width: 839px) { .podcast ul li h3 a, .podcast ul li h3 a:visited { padding: 10px; max-width: 300px; } } .podcast ul li h3 a:hover, .podcast ul li h3 a:visited:hover { color: #7b778d; } .podcast ul li p { margin: 20px 0 10px 0; color: #fff; font-size: 17px; line-height: 1.25; padding: 0 20px; } @media (max-width: 839px) { .podcast ul li p { padding: 0 20px; } } @media (min-width: 1000px) { .podcast ul li p { font-size: 1.4vw; padding: 0 0 0 230px; } } @media (min-width: 1350px) { .podcast ul li p { font-size: 17px; } } .podcast ul li:after { content: ""; clear: both; display: table; } #article, #podcast, #video, #research, .asset, #blogPost { font-size: 17px; position: relative; padding: 15px 10px 20px 10px; } @media (min-width: 500px) { #article, #podcast, #video, #research, .asset, #blogPost { padding: 15px 10px 20px 10px; } } @media (min-width: 700px) { #article, #podcast, #video, #research, .asset, #blogPost { padding: 20px 20px 20px 20px; box-shadow: none; border: 1px solid #efefef; } } @media (min-width: 1150px) { #article, #podcast, #video, #research, .asset, #blogPost { padding: 35px 40px 20px 40px; } } #article p.issue, #podcast p.issue, #video p.issue, #research p.issue, .asset p.issue, #blogPost p.issue { text-align: center; font-size: 15px; } #article .login, #podcast .login, #video .login, #research .login, .asset .login, #blogPost .login { background: #f5f5f5; margin: 30px 10px auto 0; padding: 10px 20px 20px 20px; line-height: 1.2; box-shadow: none; border-radius: 10px; border: 1px solid #efefef; font-size: 15px; display: inline-block; } #article .login table, #podcast .login table, #video .login table, #research .login table, .asset .login table, #blogPost .login table { width: 100%; } #article .login input[type=radio], #podcast .login input[type=radio], #video .login input[type=radio], #research .login input[type=radio], .asset .login input[type=radio], #blogPost .login input[type=radio] { display: inline; margin: 0 10px 0 0; vertical-align: middle; } #article .login input[type=button], #podcast .login input[type=button], #video .login input[type=button], #research .login input[type=button], .asset .login input[type=button], #blogPost .login input[type=button] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; height: auto; } #article .login input[type=button]:hover, #podcast .login input[type=button]:hover, #video .login input[type=button]:hover, #research .login input[type=button]:hover, .asset .login input[type=button]:hover, #blogPost .login input[type=button]:hover { background: #7b778d; } #article .login input[type=submit], #podcast .login input[type=submit], #video .login input[type=submit], #research .login input[type=submit], .asset .login input[type=submit], #blogPost .login input[type=submit] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; height: auto; } #article .login input[type=submit]:hover, #podcast .login input[type=submit]:hover, #video .login input[type=submit]:hover, #research .login input[type=submit]:hover, .asset .login input[type=submit]:hover, #blogPost .login input[type=submit]:hover { background: #7b778d; } #article .login input, #podcast .login input, #video .login input, #research .login input, .asset .login input, #blogPost .login input { display: block; margin: 5px 0; padding: 0 10px; border: 1px solid #ccc; height: 25px; } #article .login .content, #podcast .login .content, #video .login .content, #research .login .content, .asset .login .content, #blogPost .login .content { margin: 0 20px 0 0; } #article .sponsor, #podcast .sponsor, #video .sponsor, #research .sponsor, .asset .sponsor, #blogPost .sponsor { font-weight: 600; } #article .sponsor img, #podcast .sponsor img, #video .sponsor img, #research .sponsor img, .asset .sponsor img, #blogPost .sponsor img { display: block; max-width: 200px; padding: 10px 0; } #article .presenter, #podcast .presenter, #video .presenter, #research .presenter, .asset .presenter, #blogPost .presenter { font-weight: 600; } #article .presenter:before, #podcast .presenter:before, #video .presenter:before, #research .presenter:before, .asset .presenter:before, #blogPost .presenter:before { content: "Guest: "; } #article .lcsWrap, #podcast .lcsWrap, #video .lcsWrap, #research .lcsWrap, .asset .lcsWrap, #blogPost .lcsWrap { display: block !important; padding: 0; } #article .lcsWrap .lcsContent, #podcast .lcsWrap .lcsContent, #video .lcsWrap .lcsContent, #research .lcsWrap .lcsContent, .asset .lcsWrap .lcsContent, #blogPost .lcsWrap .lcsContent { margin-top: 0; } #article h3.title, #podcast h3.title, #video h3.title, #research h3.title, .asset h3.title, #blogPost h3.title { font-weight: 400; font-size: 32px; line-height: 1; margin: 0 0 8px 0; font-family: "korolev-compressed", sans-serif; } @media (min-width: 600px) { #article h3.title, #podcast h3.title, #video h3.title, #research h3.title, .asset h3.title, #blogPost h3.title { font-size: 42px; max-width: 80%; margin: 0 0 5px; } } #article h4, #podcast h4, #video h4, #research h4, .asset h4, #blogPost h4 { font-weight: 400; font-size: 20px; line-height: 1; margin: 0 0 8px 0; font-family: "korolev-compressed", sans-serif; } @media (min-width: 600px) { #article h4, #podcast h4, #video h4, #research h4, .asset h4, #blogPost h4 { font-size: 24px; max-width: 80%; margin: 10px 0; } } #article h4.date, #podcast h4.date, #video h4.date, #research h4.date, .asset h4.date, #blogPost h4.date { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 17px; } #article h4.presenter, #podcast h4.presenter, #video h4.presenter, #research h4.presenter, .asset h4.presenter, #blogPost h4.presenter { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 17px; } #article h4.duration, #podcast h4.duration, #video h4.duration, #research h4.duration, .asset h4.duration, #blogPost h4.duration { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 17px; } #article h4 a, #article h4 a:visited, #podcast h4 a, #podcast h4 a:visited, #video h4 a, #video h4 a:visited, #research h4 a, #research h4 a:visited, .asset h4 a, .asset h4 a:visited, #blogPost h4 a, #blogPost h4 a:visited { color: #333; display: inline; box-shadow: none; font-weight: 400 !important; } #article h4 a:hover, #article h4 a:visited:hover, #podcast h4 a:hover, #podcast h4 a:visited:hover, #video h4 a:hover, #video h4 a:visited:hover, #research h4 a:hover, #research h4 a:visited:hover, .asset h4 a:hover, .asset h4 a:visited:hover, #blogPost h4 a:hover, #blogPost h4 a:visited:hover { text-decoration: underline; color: #1f2b4e; } #article h4.title, #podcast h4.title, #video h4.title, #research h4.title, .asset h4.title, #blogPost h4.title { font-weight: 400; font-size: 32px; line-height: 1; margin: 0 0 8px 0; font-family: "korolev-compressed", sans-serif; } @media (min-width: 600px) { #article h4.title, #podcast h4.title, #video h4.title, #research h4.title, .asset h4.title, #blogPost h4.title { font-size: 42px; max-width: 80%; } } #article .deck, #podcast .deck, #video .deck, #research .deck, .asset .deck, #blogPost .deck { font-style: italic; padding: 0; margin: 0 0 10px; max-width: 80%; line-height: 1.2; } #level1 #article > .pagination, #level1 #podcast > .pagination, #level1 #video > .pagination, #level1 #research > .pagination, #level1 .asset > .pagination, #level1 #blogPost > .pagination { padding: 0; border: none; } #level1 #article > br, #level1 #podcast > br, #level1 #video > br, #level1 #research > br, #level1 .asset > br, #level1 #blogPost > br { display: none; } #level0 #article, #level0 #podcast, #level0 #video, #level0 #research, #level0 .asset, #level0 #blogPost { position: relative; line-height: 1.5; background: #fff; border: 1px solid #ccc; margin: 0 0 20px; } #level0 #article p img, #level0 #podcast p img, #level0 #video p img, #level0 #research p img, #level0 .asset p img, #level0 #blogPost p img { height: auto; } #level0 #article p img.author, #level0 #podcast p img.author, #level0 #video p img.author, #level0 #research p img.author, #level0 .asset p img.author, #level0 #blogPost p img.author { max-width: 150px; float: left; padding: 5px 15px 0 0; } #level0 #article img, #level0 #podcast img, #level0 #video img, #level0 #research img, #level0 .asset img, #level0 #blogPost img { margin: 0 0 10px; width: 100%; } @media (min-width: 840px) { #level0 #article img, #level0 #podcast img, #level0 #video img, #level0 #research img, #level0 .asset img, #level0 #blogPost img { height: 350px; -o-object-fit: cover; object-fit: cover; } } #level0 #article .kicker, #level0 #podcast .kicker, #level0 #video .kicker, #level0 #research .kicker, #level0 .asset .kicker, #level0 #blogPost .kicker { display: block; color: #7b778d; font-weight: 600; font-size: 15px; text-transform: uppercase; } #level0 #article .kicker a, #level0 #article .kicker a:visited, #level0 #podcast .kicker a, #level0 #podcast .kicker a:visited, #level0 #video .kicker a, #level0 #video .kicker a:visited, #level0 #research .kicker a, #level0 #research .kicker a:visited, #level0 .asset .kicker a, #level0 .asset .kicker a:visited, #level0 #blogPost .kicker a, #level0 #blogPost .kicker a:visited { display: block; width: 100%; height: 100%; color: #1f2b4e; font-weight: 400; box-shadow: none !important; } #article .byline, #podcast .byline, #video .byline, #research .byline, .asset .byline, #blogPost .byline { margin: 0; padding: 0; list-style: none; } #article .byline .author, #podcast .byline .author, #video .byline .author, #research .byline .author, .asset .byline .author, #blogPost .byline .author { float: left; padding-right: 10px; margin-right: 15px; position: relative; font-size: 15px; font-weight: 600; } #article .byline .author a, #article .byline .author a:visited, #podcast .byline .author a, #podcast .byline .author a:visited, #video .byline .author a, #video .byline .author a:visited, #research .byline .author a, #research .byline .author a:visited, .asset .byline .author a, .asset .byline .author a:visited, #blogPost .byline .author a, #blogPost .byline .author a:visited { box-shadow: none; } #article .byline .author:after, #podcast .byline .author:after, #video .byline .author:after, #research .byline .author:after, .asset .byline .author:after, #blogPost .byline .author:after { content: ""; background-color: #6d6e70; width: 2px; height: 15px; display: block; position: absolute; right: -4px; top: 1px; } #article .byline .date, #article .byline .nodate, #podcast .byline .date, #podcast .byline .nodate, #video .byline .date, #video .byline .nodate, #research .byline .date, #research .byline .nodate, .asset .byline .date, .asset .byline .nodate, #blogPost .byline .date, #blogPost .byline .nodate { font-size: 15px; font-weight: 600; } #article .storyimage, #podcast .storyimage, #video .storyimage, #research .storyimage, .asset .storyimage, #blogPost .storyimage { width: 100%; margin-top: 5px; max-width: 1025px; } #article ul li, #article ol li, #podcast ul li, #podcast ol li, #video ul li, #video ol li, #research ul li, #research ol li, .asset ul li, .asset ol li, #blogPost ul li, #blogPost ol li { line-height: 1.3; margin-bottom: 5px; } #article .introimage, #podcast .introimage, #video .introimage, #research .introimage, .asset .introimage, #blogPost .introimage { width: 100%; max-width: 650px; display: block; float: none; margin: 30px auto 0 auto; } @media (min-width: 500px) { #article .introimage, #podcast .introimage, #video .introimage, #research .introimage, .asset .introimage, #blogPost .introimage { max-width: 210px; float: right; margin: 5px 0 10px 20px; } } @media (min-width: 700px) { #article .introimage, #podcast .introimage, #video .introimage, #research .introimage, .asset .introimage, #blogPost .introimage { max-width: 100%; display: block; float: none; margin: 30px auto 0 auto; } } @media (min-width: 840px) { #article .introimage, #podcast .introimage, #video .introimage, #research .introimage, .asset .introimage, #blogPost .introimage { max-width: 210px; float: right; margin: 5px 0 10px 20px; } } #article .introimage img, #podcast .introimage img, #video .introimage img, #research .introimage img, .asset .introimage img, #blogPost .introimage img { max-width: 100%; } #article a, #article a:visited, #podcast a, #podcast a:visited, #video a, #video a:visited, #research a, #research a:visited, .asset a, .asset a:visited, #blogPost a, #blogPost a:visited { color: #1f2b4e; font-weight: 700; text-decoration: none; } #article a:hover, #article a:visited:hover, #podcast a:hover, #podcast a:visited:hover, #video a:hover, #video a:visited:hover, #research a:hover, #research a:visited:hover, .asset a:hover, .asset a:visited:hover, #blogPost a:hover, #blogPost a:visited:hover { text-decoration: underline; } #article figure, #podcast figure, #video figure, #research figure, .asset figure, #blogPost figure { text-align: center; font-family: "proxima-nova", sans-serif; margin: 0 0 1em; } #article figure b, #podcast figure b, #video figure b, #research figure b, .asset figure b, #blogPost figure b { display: block; font-style: normal; } #article figure em, #podcast figure em, #video figure em, #research figure em, .asset figure em, #blogPost figure em { font-weight: bold; } #article figure a, #article figure a:visited, #podcast figure a, #podcast figure a:visited, #video figure a, #video figure a:visited, #research figure a, #research figure a:visited, .asset figure a, .asset figure a:visited, #blogPost figure a, #blogPost figure a:visited { box-shadow: none; } #article figcaption, #podcast figcaption, #video figcaption, #research figcaption, .asset figcaption, #blogPost figcaption { font-size: 0.8em; font-style: italic; } #article .aboutAuthor, #podcast .aboutAuthor, #video .aboutAuthor, #research .aboutAuthor, .asset .aboutAuthor, #blogPost .aboutAuthor { width: 100%; display: block; padding: 0; } #article .aboutAuthor p, #podcast .aboutAuthor p, #video .aboutAuthor p, #research .aboutAuthor p, .asset .aboutAuthor p, #blogPost .aboutAuthor p { margin: 0; display: block; width: 100%; background: #ccc; padding: 0 15px 15px 15px; font-size: 16px; } #article .aboutAuthor .author, #podcast .aboutAuthor .author, #video .aboutAuthor .author, #research .aboutAuthor .author, .asset .aboutAuthor .author, #blogPost .aboutAuthor .author { padding: 15px 15px 5px 15px; font-size: 15px; font-weight: bold; font-style: italic; } .pContent #level1 .intro { width: 100%; display: block; text-align: center; background-size: cover; margin: -30px 0 0; padding: 30px 0 0; min-height: 100px; } .pContent #level1 .intro p { line-height: 1.3; } .pContent #level1 .intro h3 { text-align: center; color: #7b778d; font-weight: 600; font-size: 32px; display: block; } .pContent #level1 #article, .pContent #level1 #podcast, .pContent #level1 #video, .pContent #level1 #research, .pContent #level1 #blogPost { position: relative; padding: 20px; margin: 0 0 0 0; background: #fff; border: 1px solid #ccc; } @media (min-width: 700px) { .pContent #level1 #article, .pContent #level1 #podcast, .pContent #level1 #video, .pContent #level1 #research, .pContent #level1 #blogPost { padding: 35px 35px 20px 35px; margin: 0 0 20px; } } .pContent #level1 #article .pContent #level1 #article:before, .pContent #level1 #article .pContent #level1 #podcast:before, .pContent #level1 #article .pContent #level1 #video:before, .pContent #level1 #article .pContent #level1 #research:before, .pContent #level1 #article .pContent #level1 #blogPost:before, .pContent #level1 #podcast .pContent #level1 #article:before, .pContent #level1 #podcast .pContent #level1 #podcast:before, .pContent #level1 #podcast .pContent #level1 #video:before, .pContent #level1 #podcast .pContent #level1 #research:before, .pContent #level1 #podcast .pContent #level1 #blogPost:before, .pContent #level1 #video .pContent #level1 #article:before, .pContent #level1 #video .pContent #level1 #podcast:before, .pContent #level1 #video .pContent #level1 #video:before, .pContent #level1 #video .pContent #level1 #research:before, .pContent #level1 #video .pContent #level1 #blogPost:before, .pContent #level1 #research .pContent #level1 #article:before, .pContent #level1 #research .pContent #level1 #podcast:before, .pContent #level1 #research .pContent #level1 #video:before, .pContent #level1 #research .pContent #level1 #research:before, .pContent #level1 #research .pContent #level1 #blogPost:before, .pContent #level1 #blogPost .pContent #level1 #article:before, .pContent #level1 #blogPost .pContent #level1 #podcast:before, .pContent #level1 #blogPost .pContent #level1 #video:before, .pContent #level1 #blogPost .pContent #level1 #research:before, .pContent #level1 #blogPost .pContent #level1 #blogPost:before { display: none; } .pContent #level1 #article div, .pContent #level1 #podcast div, .pContent #level1 #video div, .pContent #level1 #research div, .pContent #level1 #blogPost div { margin: 0 0 25px 0; padding: 0 10px 20px 0; position: relative; border-bottom: 1px solid #ccc; } .pContent #level1 #article div.pagination, .pContent #level1 #podcast div.pagination, .pContent #level1 #video div.pagination, .pContent #level1 #research div.pagination, .pContent #level1 #blogPost div.pagination { border: none; } .pContent #level1 #article div.ad, .pContent #level1 #podcast div.ad, .pContent #level1 #video div.ad, .pContent #level1 #research div.ad, .pContent #level1 #blogPost div.ad { padding: 0; margin: 0; } .pContent #level1 #article div div:nth-child(1), .pContent #level1 #podcast div div:nth-child(1), .pContent #level1 #video div div:nth-child(1), .pContent #level1 #research div div:nth-child(1), .pContent #level1 #blogPost div div:nth-child(1) { background: none; } .pContent #level1 #article div:nth-child(1), .pContent #level1 #podcast div:nth-child(1), .pContent #level1 #video div:nth-child(1), .pContent #level1 #research div:nth-child(1), .pContent #level1 #blogPost div:nth-child(1) { max-width: 100%; padding: 0 0 20px; } .pContent #level1 #article div:nth-child(1) img, .pContent #level1 #podcast div:nth-child(1) img, .pContent #level1 #video div:nth-child(1) img, .pContent #level1 #research div:nth-child(1) img, .pContent #level1 #blogPost div:nth-child(1) img { display: block; padding-bottom: 15px; float: none; width: 100%; } @media (min-width: 500px) { .pContent #level1 #article div:nth-child(1) img, .pContent #level1 #podcast div:nth-child(1) img, .pContent #level1 #video div:nth-child(1) img, .pContent #level1 #research div:nth-child(1) img, .pContent #level1 #blogPost div:nth-child(1) img { margin: 0; max-width: 100%; } } .pContent #level1 #article div:nth-child(1) .info .location, .pContent #level1 #podcast div:nth-child(1) .info .location, .pContent #level1 #video div:nth-child(1) .info .location, .pContent #level1 #research div:nth-child(1) .info .location, .pContent #level1 #blogPost div:nth-child(1) .info .location { margin: 0; } .pContent #level1 #article div:nth-child(1) .byline, .pContent #level1 #article div:nth-child(1) .nodate, .pContent #level1 #podcast div:nth-child(1) .byline, .pContent #level1 #podcast div:nth-child(1) .nodate, .pContent #level1 #video div:nth-child(1) .byline, .pContent #level1 #video div:nth-child(1) .nodate, .pContent #level1 #research div:nth-child(1) .byline, .pContent #level1 #research div:nth-child(1) .nodate, .pContent #level1 #blogPost div:nth-child(1) .byline, .pContent #level1 #blogPost div:nth-child(1) .nodate { color: #333; } .pContent #level1 #article div:nth-child(1) p, .pContent #level1 #podcast div:nth-child(1) p, .pContent #level1 #video div:nth-child(1) p, .pContent #level1 #research div:nth-child(1) p, .pContent #level1 #blogPost div:nth-child(1) p { color: #333; } .pContent #level1 #article div:nth-child(1) h3, .pContent #level1 #podcast div:nth-child(1) h3, .pContent #level1 #video div:nth-child(1) h3, .pContent #level1 #research div:nth-child(1) h3, .pContent #level1 #blogPost div:nth-child(1) h3 { font-size: 38px; } .pContent #level1 #article div a, .pContent #level1 #podcast div a, .pContent #level1 #video div a, .pContent #level1 #research div a, .pContent #level1 #blogPost div a { display: inline; } .pContent #level1 #article div img, .pContent #level1 #podcast div img, .pContent #level1 #video div img, .pContent #level1 #research div img, .pContent #level1 #blogPost div img { display: block; margin-bottom: 15px; float: right; } @media (min-width: 500px) { .pContent #level1 #article div img, .pContent #level1 #podcast div img, .pContent #level1 #video div img, .pContent #level1 #research div img, .pContent #level1 #blogPost div img { margin: 0 0 0 35px; max-width: 160px; } } @media (min-width: 700px) { .pContent #level1 #article div img, .pContent #level1 #podcast div img, .pContent #level1 #video div img, .pContent #level1 #research div img, .pContent #level1 #blogPost div img { position: relative; display: block; max-width: 100%; width: 100%; margin-left: 10px; margin-bottom: 10px; bottom: auto; } } @media (min-width: 1000px) { .pContent #level1 #article div img, .pContent #level1 #podcast div img, .pContent #level1 #video div img, .pContent #level1 #research div img, .pContent #level1 #blogPost div img { margin: 0 0 0 35px; max-width: 200px; } } .pContent #level1 #article div h3, .pContent #level1 #podcast div h3, .pContent #level1 #video div h3, .pContent #level1 #research div h3, .pContent #level1 #blogPost div h3 { display: inline; font-size: 32px; font-family: "korolev-compressed", sans-serif; line-height: 1; font-weight: 400; padding: 15px 0 0 0; } @media (min-width: 1000px) { .pContent #level1 #article div h3, .pContent #level1 #podcast div h3, .pContent #level1 #video div h3, .pContent #level1 #research div h3, .pContent #level1 #blogPost div h3 { font-size: 2vw; } } @media (min-width: 1350px) { .pContent #level1 #article div h3, .pContent #level1 #podcast div h3, .pContent #level1 #video div h3, .pContent #level1 #research div h3, .pContent #level1 #blogPost div h3 { font-size: 32px; } } .pContent #level1 #article div h3 a, .pContent #level1 #article div h3 a:visited, .pContent #level1 #podcast div h3 a, .pContent #level1 #podcast div h3 a:visited, .pContent #level1 #video div h3 a, .pContent #level1 #video div h3 a:visited, .pContent #level1 #research div h3 a, .pContent #level1 #research div h3 a:visited, .pContent #level1 #blogPost div h3 a, .pContent #level1 #blogPost div h3 a:visited { color: #333; display: inline; box-shadow: none; font-weight: 400; } .pContent #level1 #article div h3 a:hover, .pContent #level1 #article div h3 a:visited:hover, .pContent #level1 #podcast div h3 a:hover, .pContent #level1 #podcast div h3 a:visited:hover, .pContent #level1 #video div h3 a:hover, .pContent #level1 #video div h3 a:visited:hover, .pContent #level1 #research div h3 a:hover, .pContent #level1 #research div h3 a:visited:hover, .pContent #level1 #blogPost div h3 a:hover, .pContent #level1 #blogPost div h3 a:visited:hover { text-decoration: underline; color: #1f2b4e; } .pContent #level1 #article div h4, .pContent #level1 #podcast div h4, .pContent #level1 #video div h4, .pContent #level1 #research div h4, .pContent #level1 #blogPost div h4 { display: inline; font-size: 32px; font-family: "korolev-compressed", sans-serif; line-height: 1; font-weight: 400; padding: 15px 0 0 0; } @media (min-width: 1000px) { .pContent #level1 #article div h4, .pContent #level1 #podcast div h4, .pContent #level1 #video div h4, .pContent #level1 #research div h4, .pContent #level1 #blogPost div h4 { font-size: 2vw; } } @media (min-width: 1350px) { .pContent #level1 #article div h4, .pContent #level1 #podcast div h4, .pContent #level1 #video div h4, .pContent #level1 #research div h4, .pContent #level1 #blogPost div h4 { font-size: 32px; } } .pContent #level1 #article div h4 a, .pContent #level1 #article div h4 a:visited, .pContent #level1 #podcast div h4 a, .pContent #level1 #podcast div h4 a:visited, .pContent #level1 #video div h4 a, .pContent #level1 #video div h4 a:visited, .pContent #level1 #research div h4 a, .pContent #level1 #research div h4 a:visited, .pContent #level1 #blogPost div h4 a, .pContent #level1 #blogPost div h4 a:visited { color: #333; display: inline; box-shadow: none; font-weight: 400 !important; } .pContent #level1 #article div h4 a:hover, .pContent #level1 #article div h4 a:visited:hover, .pContent #level1 #podcast div h4 a:hover, .pContent #level1 #podcast div h4 a:visited:hover, .pContent #level1 #video div h4 a:hover, .pContent #level1 #video div h4 a:visited:hover, .pContent #level1 #research div h4 a:hover, .pContent #level1 #research div h4 a:visited:hover, .pContent #level1 #blogPost div h4 a:hover, .pContent #level1 #blogPost div h4 a:visited:hover { text-decoration: underline; color: #1f2b4e; } .pContent #level1 #article div .dlb_byline, .pContent #level1 #podcast div .dlb_byline, .pContent #level1 #video div .dlb_byline, .pContent #level1 #research div .dlb_byline, .pContent #level1 #blogPost div .dlb_byline { font-weight: 600; font-size: 16px; } @media (min-width: 1000px) { .pContent #level1 #article div .dlb_byline, .pContent #level1 #podcast div .dlb_byline, .pContent #level1 #video div .dlb_byline, .pContent #level1 #research div .dlb_byline, .pContent #level1 #blogPost div .dlb_byline { font-size: 1.4vw; } } @media (min-width: 1350px) { .pContent #level1 #article div .dlb_byline, .pContent #level1 #podcast div .dlb_byline, .pContent #level1 #video div .dlb_byline, .pContent #level1 #research div .dlb_byline, .pContent #level1 #blogPost div .dlb_byline { font-size: 17px; } } .pContent #level1 #article div .dlb_byline a, .pContent #level1 #article div .dlb_byline a:visited, .pContent #level1 #podcast div .dlb_byline a, .pContent #level1 #podcast div .dlb_byline a:visited, .pContent #level1 #video div .dlb_byline a, .pContent #level1 #video div .dlb_byline a:visited, .pContent #level1 #research div .dlb_byline a, .pContent #level1 #research div .dlb_byline a:visited, .pContent #level1 #blogPost div .dlb_byline a, .pContent #level1 #blogPost div .dlb_byline a:visited { color: #333; display: inline; } .pContent #level1 #article div .summary, .pContent #level1 #podcast div .summary, .pContent #level1 #video div .summary, .pContent #level1 #research div .summary, .pContent #level1 #blogPost div .summary { margin: 20px 0 10px 0; font-size: 16px; line-height: 1.3; } @media (min-width: 1000px) { .pContent #level1 #article div .summary, .pContent #level1 #podcast div .summary, .pContent #level1 #video div .summary, .pContent #level1 #research div .summary, .pContent #level1 #blogPost div .summary { font-size: 1.4vw; } } @media (min-width: 1350px) { .pContent #level1 #article div .summary, .pContent #level1 #podcast div .summary, .pContent #level1 #video div .summary, .pContent #level1 #research div .summary, .pContent #level1 #blogPost div .summary { font-size: 17px; } } .pContent #level1 #article div .summary .more a, .pContent #level1 #article div .summary .more a:visited, .pContent #level1 #podcast div .summary .more a, .pContent #level1 #podcast div .summary .more a:visited, .pContent #level1 #video div .summary .more a, .pContent #level1 #video div .summary .more a:visited, .pContent #level1 #research div .summary .more a, .pContent #level1 #research div .summary .more a:visited, .pContent #level1 #blogPost div .summary .more a, .pContent #level1 #blogPost div .summary .more a:visited { white-space: nowrap; color: #6d6e70; font-weight: 400; text-decoration: none; transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); box-shadow: inset 0 -2px 0 #ccc; } .pContent #level1 #article div .summary .more a:hover, .pContent #level1 #article div .summary .more a:visited:hover, .pContent #level1 #podcast div .summary .more a:hover, .pContent #level1 #podcast div .summary .more a:visited:hover, .pContent #level1 #video div .summary .more a:hover, .pContent #level1 #video div .summary .more a:visited:hover, .pContent #level1 #research div .summary .more a:hover, .pContent #level1 #research div .summary .more a:visited:hover, .pContent #level1 #blogPost div .summary .more a:hover, .pContent #level1 #blogPost div .summary .more a:visited:hover { box-shadow: inset 0 -3px 0 #b8b8b8; } .pContent #level1 #article div:after, .pContent #level1 #podcast div:after, .pContent #level1 #video div:after, .pContent #level1 #research div:after, .pContent #level1 #blogPost div:after { content: ""; clear: both; display: table; } #emailtoauthor { padding: 20px; overflow: hidden; } #emailtoauthor h3 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-weight: 600; font-size: 32px; line-height: 92px; padding-top: 8px; } @media (min-width: 500px) { #emailtoauthor h3 { font-size: 38px; } } #emailtoauthor p { font-size: 17px; margin-top: 40px; } #emailtoauthor p a, #emailtoauthor p a:visited { white-space: nowrap; color: #1f2b4e; font-weight: 600; text-decoration: none; } #emailtoauthor p a:hover, #emailtoauthor p a:visited:hover { text-decoration: underline; } #emailtoauthor table { width: 100%; margin-top: 100px; } @media (min-width: 700px) { #emailtoauthor table { margin-top: 50px; } } @media (min-width: 840px) { #emailtoauthor table { width: 400px; } } #emailtoauthor table td { padding: 8px 0; position: relative; } #emailtoauthor table b { font-size: 13px; color: #363636; } #emailtoauthor table span[id*=RequiredFieldValidator], #emailtoauthor table span[id*=ValidEmailFormat] { position: absolute; right: 0; top: 11px; font-size: 13px; font-weight: 600; color: #1f2b4e !important; } #emailtoauthor table span[id*=ErrorLbl] { font-size: 13px; font-weight: 600; color: #1f2b4e !important; } #emailtoauthor input, #emailtoauthor textarea { margin-top: 4px; font-size: 13px; } #emailtoauthor #btnClose { display: none; } #emailtoauthor img { margin-bottom: 4px; } #emailtoauthor img + span { font-size: 0.75em; } #emailtoauthor input[type=text] { height: 32px; padding: 0 6px; } #emailtoauthor textarea { padding: 6px; } #emailtoauthor input[type=text], #emailtoauthor textarea { width: 100% !important; } #emailtoauthor input[type=submit] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin-top: 4px; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-left: -7px; } #emailtoauthor input[type=submit]:hover { background: #7b778d; } #article .ainumber { position: relative; margin: 38px 0 0 0; padding: 2px 0 0 0; } #article .ainumber:before { background: #1f2b4e; position: absolute; top: 5px; width: 15%; height: 1px; content: " "; } #article .ainumber p { font-size: 25px; margin: 20px 0 -10px 0; } #article .aifeaturesidebar { border: solid 8px #ccc; background: #fff; padding: 30px; display: inline-block; width: 100%; float: none; margin: 20px auto 0 auto; } @media (min-width: 1024px) { #article .aifeaturesidebar { width: 40%; margin: 0 0 20px 20px; float: right; } } #article .aifeaturesidebar h3 { line-height: 1.1; font-size: 21px; font-weight: 700; font-style: normal; } #article .aifeaturesidebar .info { font-size: 15px; font-style: italic; margin: 0; } #article .aifeaturesidebar a { font-size: 17px; } .socialshare__wrapper { display: flex; width: 125px; margin-bottom: 15px; background: #7b778d; box-shadow: -2px 2px 1px #fff; } @media (min-width: 1000px) { .socialshare__wrapper { position: absolute; right: 0; top: 80px; } } .socialshare__wrapper .share__list { display: flex; flex: 1; margin: 0; padding: 6px 0 2px 0; list-style: none; } .socialshare__wrapper .share__list li { margin-bottom: 0 !important; } .socialshare__wrapper .share__item + .share__item { margin-left: 0.5rem; } .socialshare__wrapper .share__link { border: none; position: relative; background: transparent; cursor: pointer; width: 23px; } .socialshare__wrapper .share__link:before { width: 20px; height: 20px; content: ""; display: inline-block; background-repeat: no-repeat; } .socialshare__wrapper .share__link.share__link--facebook { padding-left: 11px; } .socialshare__wrapper .share__link.share__link--facebook:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='20px' viewBox='194 50 12 20' enable-background='new 194 50 12 20' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M203.91,61.051l0.467-3.042h-2.918v-1.974c0-0.832,0.407-1.643,1.714-1.643h1.327v-2.589 c0,0-1.204-0.206-2.355-0.206c-2.402,0-3.973,1.457-3.973,4.093v2.318H195.5v3.042h2.671v7.352h3.288v-7.352H203.91z'/%3E%3C/svg%3E%0A"); background-position: 0 0; } .socialshare__wrapper .share__link.share__link--twitter:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 20' style='enable-background:new 0 0 16 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath id='twitter' class='st0' d='M9.5,9.8L15,3.3h-1.4L8.9,9L5,3.3H0.5l5.8,8.5l-5.8,6.8h1.4L7,12.8l4.1,5.9h4.5L9.5,9.8L9.5,9.8z M7.7,11.9L7,11L2.3,4.3h2l3.8,5.5l0.6,0.8l4.9,7.1h-2L7.7,11.9L7.7,11.9z'/%3E%3C/svg%3E"); background-position: 0 0; } .socialshare__wrapper .share__link.share__link--linkedin:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='190 50 20 20' enable-background='new 190 50 20 20' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M196.858,67.5h-3.11V57.485h3.11V67.5z M195.301,56.119c-0.994,0-1.801-0.824-1.801-1.818 c0-0.994,0.807-1.801,1.801-1.801c0.996,0.001,1.802,0.807,1.802,1.801C197.103,55.295,196.295,56.119,195.301,56.119z M208.497,67.5h-3.104v-4.876c0-1.161-0.022-2.652-1.616-2.652c-1.617,0-1.865,1.263-1.865,2.569V67.5h-3.106V57.485h2.984v1.366 h0.044c0.413-0.786,1.428-1.617,2.941-1.617c3.147,0,3.726,2.073,3.726,4.766v5.5H208.497z'/%3E%3C/svg%3E%0A"); background-position: -2px 1px; } #research div:nth-child(1) img { max-width: 200px !important; float: right !important; height: auto !important; } @media (min-width: 500px) { #research div:nth-child(1) img { margin: 0; max-width: 100%; } } #calEvents { position: relative; padding: 20px; margin: 0 0 0 0; background: #fff; border: 1px solid #ccc; font-size: 17px; line-height: 1.5; } @media (min-width: 700px) { #calEvents { padding: 35px 35px 20px 35px; box-shadow: none; } } #calEvents:before { display: none; } #calEvents div.eventDate { background: #1f2b4e; display: block; color: #fff; padding: 10px 60px; position: relative; margin: 0 0 10px -60px; font-weight: 400; font-size: 20px; box-shadow: none; border-bottom: 2px solid #7b778d; } #calEvents h2 { font-size: 20px; text-transform: uppercase; color: #7b778d; padding: 10px 0; font-weight: 600; } #calEvents .info .location, #calEvents .info .venue { padding: 0; margin: 0; font-weight: 600; } #calEvents .info h3 { display: block; font-size: 32px; font-family: "korolev-compressed", sans-serif; line-height: 1; font-weight: 400; padding: 10px 0; } @media (min-width: 1000px) { #calEvents .info h3 { font-size: 2vw; } } @media (min-width: 1350px) { #calEvents .info h3 { font-size: 38px; } } #calEvents .info h3 a, #calEvents .info h3 a:visited { color: #1f2b4e; display: inline; box-shadow: none; font-weight: 400; } #calEvents .info h3 a:hover, #calEvents .info h3 a:visited:hover { text-decoration: underline; color: #1f2b4e; } #calEvents .submitevent { display: none; } .article-promo-section { display: none; z-index: 100; max-width: 1000px; margin: 30px 15px 0 15px; box-shadow: 0 -2px 9px 0 rgba(0, 0, 0, 0.1); background: #fff url("//securitytoday.com/~/media/sec/security products/design/stbg.png") top center no-repeat; background-size: cover; padding: 18px 15px 30px 15px; } @media (min-width: 750px) { .article-promo-section { width: 100%; position: fixed; left: 0; right: 0; bottom: 0; margin: 0 auto; padding: 15px 20px 17px 20px; transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); border: 1px solid #ccc; border-bottom: none; box-shadow: none; } } .article-promo-section .pagination { display: none; } .article-promo-section h3 { color: "proxima-nova", sans-serif; font-size: 15px; font-weight: 600; margin-bottom: 14px; } .article-promo-section h4 { font-family: "proxima-nova", sans-serif; font-size: 17px; color: #7b778d; font-weight: 700; margin-bottom: 14px; text-transform: uppercase; } .article-promo-section .footer { display: none; } @media (min-width: 750px) { .article-promo-section .footer { display: block; position: absolute; top: 1px; right: 30px; cursor: pointer; text-transform: uppercase; font-weight: 700; color: #333; } } .article-promo-section ul { list-style: none; margin: 0 auto; padding: 0; display: grid; gap: 17px; -ms-grid-template-columns: auto; grid-template-columns: auto; } @media (min-width: 550px) { .article-promo-section ul { -ms-grid-template-columns: auto auto; grid-template-columns: auto auto; } } @media (min-width: 750px) { .article-promo-section ul { -ms-grid-template-columns: auto auto auto auto; grid-template-columns: auto auto auto auto; } } .article-promo-section .summary { display: none; } .article-promo-section li { display: flex; align-items: center; } .article-promo-section li img { max-width: 50px; height: 50px; margin-right: 10px; border: 1px solid #efefef; -o-object-fit: cover; object-fit: cover; } .article-promo-section li h3 { margin-bottom: 3px; line-height: 1.1; } .article-promo-section li a, .article-promo-section li a:visited, .article-promo-section li h3 { color: #333; font-weight: 600; font-size: 15px; } .article-promo-section li a:hover, .article-promo-section li a:visited:hover, .article-promo-section li h3:hover { color: #1f2b4e; } @media (max-width: 1150px) { .article-promo-section li a, .article-promo-section li a:visited, .article-promo-section li h3 { font-size: 1.3vw; } } @media (max-width: 840px) { .article-promo-section li a, .article-promo-section li a:visited, .article-promo-section li h3 { font-size: 1.5vw; } } @media (max-width: 750px) { .article-promo-section li a, .article-promo-section li a:visited, .article-promo-section li h3 { font-size: 15px; } } .article-promo-section li > a:nth-child(2), .article-promo-section li h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 840px) { .article-promo-section li > a:nth-child(2), .article-promo-section li h3 { -webkit-line-clamp: 5; } } @media (max-width: 750px) { .article-promo-section li > a:nth-child(2), .article-promo-section li h3 { -webkit-line-clamp: 3; } } .article-promo-section.promo-close { transform: translateY(100%); } #level0 #podcast div.lcsContent h4.title { max-width: 100%; } #level0 #podcast div.lcsContent img { width: 100%; margin: 0 0 10px; border: none; } @media (min-width: 1100px) { #level0 #podcast div.lcsContent img { width: 730px; max-width: 728px; margin: -35px 0 10px -40px; height: auto !important; border: 1px solid #fff; } } #level0 #podcast div.lcsContent p.sponsor img { width: 100%; margin: 0; max-width: 200px; } .customPages { position: relative; margin: 0px 0 0 0; width: 100%; display: block; overflow: hidden; height: auto; padding: 0 0 20px 0; font-size: 17px; } .customPages h3 { text-align: center; color: #7b778d; font-weight: 600; font-size: 32px; padding: 0; } .customPages .customPages-content { background: #fff; padding: 20px 20px 20px 20px; border: 1px solid #ccc; line-height: 1.5; } @media (min-width: 840px) { .customPages .customPages-content { padding: 15px 40px 20px 40px; box-shadow: none; margin: 10px 0 0; box-shadow: none; } } .customPages .customPages-content img { max-width: inherit; } .customPages .customPages-content h3 { font-size: 20px; text-align: left; font-weight: 600; line-height: 1; padding: 15px 0 0; } .customPages h2 { margin: 35px 0 25px 0; font-weight: 600; font-size: 28px; position: relative; } .customPages h2:first-of-type { margin: 10px 0 25px 0; } .customPages h2 a, .customPages h2 a:visited { color: #1f2b4e; } .customPages h2 a:hover, .customPages h2 a:visited:hover { text-decoration: underline; } .customPages h2:after { content: " "; width: 50px; height: 4px; position: absolute; bottom: -8px; left: 0px; background: #1f2b4e; } .customPages a, .customPages a:visited { color: #1f2b4e; font-weight: bold; text-decoration: none; } .customPages a:hover, .customPages a:visited:hover { text-decoration: underline; } .webinars-list { background: #fff; margin: 0; padding: 35px 35px 20px 35px; border: 1px solid #ccc; } .webinars-list h4 { text-align: center; color: #7b778d; font-weight: 600; font-size: 32px; display: block; } .webinars-list .sponsor-image { max-width: 300px; padding: 15px 0 0; height: auto !important; } .webinars-list ul { margin: 0; padding: 0; list-style: none; } .webinars-list ul li { display: flex; flex-direction: column; border-bottom: 1px solid #ccc; padding: 15px 0; margin: 0 0 15px; } .webinars-list ul li section { order: 2; } .webinars-list ul li h3 { order: 1; margin: 0; font-size: 38px; position: relative; font-family: "korolev-compressed", sans-serif; line-height: 1.3; color: #7b778d; } .webinars-list ul li .date { display: block; padding: 15px 0 0; font-weight: 600; } .webinars-list ul li p { order: 1; } .caslHide { display: none !important; } .casl label { margin-bottom: 30px; } .casl span.label { display: block; position: relative; padding-left: 20px; max-width: 300px; } .casl span.label p { font-size: 15px; margin: 0; font-weight: bold; } .casl input[type=RADIO] { position: absolute; top: 1px; left: 0; } .lcsWrap { padding-bottom: 50px; } @media (min-width: 840px) { .lcsWrap { display: grid; gap: 5%; grid-template-columns: 53% 43%; } .lcsWrap .lcsForm, .lcsWrap .lcsContent { margin-top: 35px; } } @media screen and (-ms-high-contrast: none) { .lcsWrap { overflow: hidden; } .lcsWrap .lcsContent { float: left; width: 50%; margin-right: 5%; } .lcsWrap .lcsForm { float: left; width: 45%; } } #level0 #whitepaper, #level0 #webcast { position: relative; } #level0 #whitepaper .formContent, #level0 #webcast .formContent { background: #f5f5f5; margin: 0px 10px auto 0; padding: 20px; line-height: 1.2; box-shadow: none; border-radius: none; border: 1px solid #ccc; } #level0 #whitepaper .formContent a, #level0 #whitepaper .formContent a:visited, #level0 #webcast .formContent a, #level0 #webcast .formContent a:visited { color: #1f2b4e; } #level0 #whitepaper .formContent:after, #level0 #webcast .formContent:after { content: "* Required Fields"; font-weight: bold; color: #1f2b4e; margin-left: -1px; display: block; font-size: 13px; margin-top: 15px; } #level0 #whitepaper .formContent div:nth-child(1), #level0 #webcast .formContent div:nth-child(1) { padding-top: 10px !important; } #level0 #whitepaper .formContent > div > label span.required:after, #level0 #webcast .formContent > div > label span.required:after { content: "* "; color: #1f2b4e; } #level0 #whitepaper .formContent label, #level0 #webcast .formContent label { max-width: 450px; display: block; margin-bottom: 10px; font-size: 13px; } #level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input { float: none; width: 100%; font-weight: normal; height: 25px; font-size: 14px; border: 1px solid #ccc; padding: 0 5px; } @media (min-width: 500px) { #level0 #whitepaper .formContent label input, #level0 #webcast .formContent label input { float: right; width: 55%; } } #level0 #whitepaper .formContent label span span.label, #level0 #webcast .formContent label span span.label { float: left; width: 100%; margin-top: 3px; margin-bottom: -7px; font-weight: normal !important; } #level0 #whitepaper .formContent label input[type=radio], #level0 #webcast .formContent label input[type=radio] { float: left; width: 9px; height: 13px; margin-top: 5px; margin-left: 1px; margin-right: 7px; } #level0 #whitepaper .formContent label select, #level0 #webcast .formContent label select { float: none; width: 100%; font-size: 14px; border: 1px solid #ccc; height: 25px; } #level0 #whitepaper .formContent textarea, #level0 #whitepaper .formContent .multiText, #level0 #webcast .formContent textarea, #level0 #webcast .formContent .multiText { min-height: 40px; float: none; width: 100%; border: 1px solid #ccc; resize: none; } #level0 #whitepaper .formContent input[type=checkbox], #level0 #webcast .formContent input[type=checkbox] { float: left; margin: 0 4px -3px 0; border: none !important; width: auto; } @media (min-width: 600px) { #level0 #whitepaper .formContent input[type=checkbox], #level0 #webcast .formContent input[type=checkbox] { margin: -4px 8px 2px 0px; } } #level0 #whitepaper .formContent span, #level0 #webcast .formContent span { font-size: 14px; font-weight: bold; display: inline-block; margin: 0 0 3px; } #level0 #whitepaper .formContent .other input, #level0 #webcast .formContent .other input { width: 70%; margin-bottom: 20px; height: 23px; } #level0 #whitepaper .formContent .other span, #level0 #webcast .formContent .other span { margin-right: 5px; } #level0 #whitepaper .formContent .caslHide, #level0 #webcast .formContent .caslHide { display: none !important; } #level0 #whitepaper .formContent .casl label, #level0 #webcast .formContent .casl label { margin-bottom: 0; } #level0 #whitepaper .formContent .casl span.label, #level0 #webcast .formContent .casl span.label { display: block; position: relative; padding-left: 20px; } #level0 #whitepaper .formContent .casl span.label p, #level0 #webcast .formContent .casl span.label p { font-size: 13px; } #level0 #whitepaper .formContent .casl input[type=checkbox], #level0 #webcast .formContent .casl input[type=checkbox] { position: absolute; top: 1px; left: 0; } #level0 #whitepaper .formContent .formDisclosure, #level0 #webcast .formContent .formDisclosure { padding-top: 20px; clear: both; } #level0 #whitepaper .formContent .formDisclosure p, #level0 #webcast .formContent .formDisclosure p { line-height: 1.2 !important; font-size: 13px !important; font-style: italic; width: 100%; } #level0 #whitepaper .formContent .formDisclosure a, #level0 #whitepaper .formContent .formDisclosure a:visited, #level0 #webcast .formContent .formDisclosure a, #level0 #webcast .formContent .formDisclosure a:visited { color: #1f2b4e; } #level0 #whitepaper .formContent input[type=submit], #level0 #webcast .formContent input[type=submit] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin-top: 4px; font-size: 14px; text-transform: uppercase; font-weight: bold; } #level0 #whitepaper .formContent input[type=submit]:hover, #level0 #webcast .formContent input[type=submit]:hover { background: #7b778d; } #level0 #whitepaper .formContent .validationErrors li, #level0 #webcast .formContent .validationErrors li { list-style-type: none !important; } #level0 #whitepaper .formContent .validationErrors .error, #level0 #webcast .formContent .validationErrors .error { width: 320px; padding: 0; margin: 0; list-style-type: none; margin-left: -28px; margin-bottom: 3px; border: 0; color: #1f2b4e; background: rgba(0, 0, 0, 0); font-size: 12px; } #omedaDynamicForm { width: 100%; } #omedaDynamicForm .SuccessMsg { padding: 20px; background: #fff; color: #333; margin-bottom: 30px; color: #fff; } @media (min-width: 700px) { #omedaDynamicForm .SuccessMsg { max-width: 300px; float: none; } } .newsletter-form { clear: both; width: 100%; height: auto; margin-bottom: 30px; padding: 15px 20px 20px 20px; background: #fff; color: #333; text-align: left; overflow: hidden; font-size: 13px; border: 1px solid #ccc; box-shadow: none; } @media (min-width: 700px) { .newsletter-form { float: none; max-width: 300px; } } .newsletter-form .omedaDynamicFormCASL { padding: 10px 0; } .newsletter-form .omedaDynamicFormFields { background: #fff; position: relative; } .newsletter-form .omedaDynamicFormFields:after { content: ""; position: absolute; width: 100%; height: 63px; background: #fff; z-index: 0; } .newsletter-form a, .newsletter-form a:visited { text-decoration: none; font-weight: 700; box-shadow: none; color: #1f2b4e; } .newsletter-form a:hover, .newsletter-form a:visited:hover { text-decoration: underline; } .newsletter-form #form-header { background: #fff; color: #333; margin: 0; padding: 0px 0px 0; } .newsletter-form .pubname { position: relative; display: block; padding: 0; font-weight: 600; font-size: 28px; color: #7b778d; font-family: "korolev-compressed", sans-serif; } .newsletter-form .signupheader { padding: 0 0 10px 0; font-size: 15px; font-weight: 500; } .newsletter-form span { font-weight: 700; margin: 0; } .newsletter-form span[id*=Email_Address] { padding-top: 13px; display: block; } .newsletter-form input[type=text] { display: block; margin: 5px 0 15px 0; width: 100%; padding: 7px 5px; outline: none; border: 1px solid #dcdcdc; } @media (min-width: 760px) { .newsletter-form input[type=text] { display: inline; } } .newsletter-form select { display: block; margin: 5px 0 15px 0; width: 100%; border: none; border-radius: 0; box-shadow: none; text-shadow: none; position: relative; padding: 7px 22px 7px 5px; outline: none; border: 1px solid #dcdcdc; background: #fff; rance: none; } @media (min-width: 760px) { .newsletter-form select { display: inline; } } .newsletter-form input[type=submit] { position: relative; display: block; margin: 10px auto 0 auto; border-radius: 1px; background: #1f2b4e; border: 0; padding: 8px 20px; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 700; transition: all 0.1s ease-in-out; cursor: pointer; } .newsletter-form input[type=submit]:hover { background: #7b778d; transform: scale(1.05); } .newsletter-form .agreement { font-size: 12px; line-height: 1.4; margin: 5px 0 0 0; } .newsletter-form .agreement a { color: #1f2b4e; } .newsletter-form .omedaDynamicFormErrorList ul { background: #7b778d; padding: 10px; color: #fff; list-style-type: none; margin-bottom: 10px; font-size: 13px; font-weight: 700; } .newsletter-form .omedaDynamicFormErrorList ul li { line-height: 1.2; margin-bottom: 5px; } .newsletter-form span[id*=lblGDPR] { display: block; font-size: 12px; margin: 10px 0 0 0; padding: 0 0 5px; } .newsletter-form table.omedaDynamicFormGDPRRadio { margin: 0 12px 0 12px; font-size: 12px; display: block; } .newsletter-form table.omedaDynamicFormGDPRRadio tr td { display: block; width: auto; position: relative; } .newsletter-form table.omedaDynamicFormGDPRRadio input[type=radio] { position: absolute; top: 1px; left: 0px; width: 10px; } .newsletter-form table.omedaDynamicFormGDPRRadio label { display: inline-block; margin: 0px 0 0 15px; } .newsletter-form span.omedaDynamicFormRequires, .newsletter-form span.omedaDynamicFormGDRPRequires { display: none !important; } .newsletter-form .captcha { background: #fff; margin-top: 20px; padding-bottom: 10px; position: relative; } .newsletter-form .captcha img { display: block; margin: 0 auto 10px auto; text-align: center; } .newsletter-form .captcha span { display: block; } .newsletter-form .captchaError { background: #fff; color: red; display: block; padding: 8px; width: 100%; margin: 0 auto 5px auto; } .pContent .login { background: #fff; margin: 80px auto 50px auto; padding: 10px 20px 20px 20px; line-height: 1.2; box-shadow: none; border-radius: none; border: 1px solid #efefef; font-size: 17px; max-width: 1000px; } .pContent .login td { width: 50%; padding: 0 10px 5px 10px; } .pContent .login a { font-size: 15px; font-weight: 600; } .pContent .login a:hover { text-decoration: underline; color: #1f2b4e; } .pContent .login h4 { font-size: 24px; max-width: 80%; margin: 10px 0; font-family: "korolev-compressed", sans-serif; } .pContent .login h3 { font-size: 32px; max-width: 80%; margin: 10px 0; font-family: "korolev-compressed", sans-serif; } .pContent .login table { width: 100%; } .pContent .login input { padding: 5px 10px; margin: 0 10px; } .pContent .login input[type=radio] { display: inline; margin: 0 10px 0 0; vertical-align: middle; } .pContent .login input[type=button] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; height: auto; } .pContent .login input[type=button]:hover { background: #7b778d; } .pContent .login input[type=submit] { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; height: auto; transition: all 0.2s ease-in-out; } .pContent .login input[type=submit]:hover { background: #7b778d; transform: scale(1.05); } #level0a input[type=submit], #level0a div.button a, #level0 input[type=submit], #level0 div.button a { background: #1f2b4e; border: none; color: #fff; cursor: pointer; position: relative; padding: 8px 20px; margin: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; height: auto; display: inline-block; transition: all 0.2s ease-in-out; } #level0a input[type=submit]:hover, #level0a div.button a:hover, #level0 input[type=submit]:hover, #level0 div.button a:hover { background: #7b778d; text-decoration: none; transform: scale(1.05); } #level0a #research h2 a, #level0 #research h2 a { display: none; } .caslHide { display: none !important; } .casl label { margin-bottom: 30px; } .casl span.label { display: block; position: relative; padding-left: 20px; } .casl span.label p { font-size: 13px; margin: 0 10px 20px 5px; width: 100%; font-weight: normal; } .casl input[type=checkbox] { position: absolute; top: 2px; left: 0; } .advancedsearch { display: none; } .searchresults { position: relative; padding: 20px; margin: 0 0 0 0; background: #fff; border: 1px solid #ccc; } @media (min-width: 700px) { .searchresults { padding: 35px 35px 20px 35px; } } .searchresults a, .searchresults a:visited { color: #7b778d; display: inline; font-weight: 600; } .searchresults a:hover, .searchresults a:visited:hover { color: #1f2b4e; text-decoration: underline; } .searchresults ul { display: block; padding: 0; margin: 0 0 10px 0; list-style: none; } .searchresults ul li { display: inline-block; margin: 0 15px 0 0; font-size: 17px; } .searchresults ul li:nth-child(2) { display: none; } .searchresults ul.sortby { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: solid 2px #ccc; } .searchresults ul.sortby li:nth-child(2) { display: inline-block !important; } .searchresults div { margin: 0 0 25px 0; padding: 0 10px 20px 0; position: relative; border-bottom: 1px solid #ccc; } .searchresults div.pagination { border: none; } .searchresults div h2 { display: inline; font-size: 32px; font-family: "korolev-compressed", sans-serif; line-height: 1; font-weight: 400; padding: 15px 0 0 0; } .searchresults div h2 a, .searchresults div h2 a:visited { color: #333; display: inline; box-shadow: none; font-weight: 400; font-size: 32px; word-break: normal; line-height: 1.2; } .searchresults div h2 a:hover, .searchresults div h2 a:visited:hover { text-decoration: underline; color: #7b778d; } .searchresults div h3 { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 17px; margin: 0; } .searchresults div p { margin: 20px 0 10px 0; font-size: 17px; line-height: 1.2; } .searchresults div a, .searchresults div a:visited { color: #1f2b4e; display: inline; font-size: 17px; font-weight: 600; line-height: 1.3; word-break: break-all; } .searchresults div a:hover, .searchresults div a:visited:hover { color: #7b778d; text-decoration: underline; } .searchresults div:after { content: ""; clear: both; display: table; } .home .homebottomarea .pagination ul li { margin: 0; padding: 0; border: none; min-height: auto; } .newscustompages .pagination ul li { margin: 0; padding: 0; border: none; min-height: auto; } .pagination { margin: 0; display: block; width: 100%; height: 100%; overflow: hidden; padding: 0 0 25px; } .pagination ul { text-align: center; list-style-type: none; margin: 0; } .pagination li { display: inline-block; margin: 0 2px 0 0 !important; width: auto; border: none; padding: 5px 0; } @media (min-width: 1300px) { .pagination li { margin: 5px 5px 0 0 !important; } } .pagination li:first-child { display: inline-block; margin: 0px !important; width: auto; border: none !important; padding: 20px 0 !important; } .pagination a, .pagination a:visited { text-decoration: none; padding: 6px 8px 5px 8px; display: inline-block; height: auto !important; background: #fff; color: #1f2b4e; text-transform: uppercase; font-size: 17px; font-weight: 600; border: 2px solid #fff; } @media (min-width: 1150px) { .pagination a, .pagination a:visited { padding: 9px 12px 8px 12px; } } @media (min-width: 1300px) { .pagination a, .pagination a:visited { padding: 9px 12px 8px 12px; } } .pagination a:hover, .pagination a:active { opacity: 0.9; text-decoration: none !important; border: 2px solid #1f2b4e; color: #1f2b4e; } .pagination .disablelink { display: none; } .pagination .currentpage, .pagination .currentpage:visited { border: 2px solid #1f2b4e; color: #fff !important; background: #1f2b4e; cursor: default; } .pagination .currentpage:hover, .pagination .currentpage:active { opacity: 1; } .pagination .next, .pagination .prev, .pagination .next:visited, .pagination .prev:visited { font-weight: 600; color: #1f2b4e; background: none; } .pagination .next:hover, .pagination .prev:hover, .pagination .next:visited:hover, .pagination .prev:visited:hover { color: #333; background: none; } .pContent #level1 div.rssFeedPage { position: relative; height: auto; } @media (min-width: 1150px) { .pContent #level1 div.rssFeedPage { margin-top: -60px; } } .pContent #level1 div.rssFeedPage br { display: none; } @media (max-width: 500px) { .pContent #level1 div.rssFeedPage h3 { font-size: 32px; } } p.rssFeedsContent { padding: 45px 20px 45px 20px; font-size: 17px; background: #fff; margin-top: -5px; margin-bottom: -30px; } @media (min-width: 1150px) { p.rssFeedsContent { padding: 45px 60px 45px 60px; } } #rssFeed { padding: 0 20px 40px 20px; font-size: 15px; margin-bottom: 60px; } @media (min-width: 700px) { #rssFeed { padding: 0 20px 10px 20px; } } @media (min-width: 1150px) { #rssFeed { padding: 0 60px 10px 60px; } } #rssFeed table { display: none; } #rssFeed ul { list-style-type: none; padding: 0; margin: 0; } #rssFeed li { padding: 1em 0 1em 30px; background: url("//pureai.com/~/media/ECG/PureAI/design/rsslink.png") no-repeat left 46%; background-size: 20px; border-bottom: 1px solid #ccc; } #rssFeed a, #rssFeed a:visited { color: #000; font-weight: 400; } #rssFeed a:hover, #rssFeed a:visited:hover { color: #363636; } .bcellc { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; } .bcellcl { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; } .bcellcr { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; } .bcelltlr { border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; } .bcellblr { border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; } .tc { border-top: 1px #ccc solid; } .bc { border-bottom: 1px #ccc solid; } .rc { border-right: 1px #ccc solid; } .lc { border-left: 1px #ccc solid; } .tbc { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } .lrc { border-left: 1px #ccc solid; border-right: 1px #ccc solid; } .a8gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #999; } .a10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .a10wht { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .aa11b { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; font-weight: bold; } .aa11whtb { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #fff; font-weight: bold; } .aa11 { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; } .a11 { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; } .a11b { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; } .a11i { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-style: italic; } .a11bi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; } .a12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .a12b { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; } .a12i { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; } .a12bi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; } .a13 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; } .a13b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } .a13i { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; } .a13bi { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; } .a14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .a9 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; } .a14b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .a15 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; } .a15b { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; } .a15i { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-style: italic; } .a10wht { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; } .a11wht { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #fff; } .a11whtb { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #fff; font-weight: bold; } .a12wht { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #fff; } .a12whtb { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; color: #fff; } .a11blu { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #036; font-weight: normal; } .a11blub { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #036; font-weight: bold; } .a12blu { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #369; } .a12blub { font: bold 19px "adelle-sans", sans-serif; padding-top: 10px; } .a14blub { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 14px; color: #369; font-weight: bold; text-decoration: none; } .a11orb { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #900; font-weight: bold; } .a11orab { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #900; font-weight: bold; } .a12ora { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #900; } .a12orab { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #900; font-weight: bold; } .a13orab { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #900; } .a14blu { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 14px; color: #369; } .a15orab { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 15px; color: #900; font-weight: bold; } .a10gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999; } .a11gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #727272; } .a11grab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; font-weight: bold; } .a13grayb { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #999; } .a16grayb { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999; } .a11redb { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-weight: bold; color: #c30; } .mono { font-family: Courier New, Courier, mono; font-size: 10px; } .bullet { font-size: 12px; color: #900; } .bulletg { font-size: 12px; color: #999; } .bulletbl { font-size: 12px; color: #369; } .bulletblk { font-size: 12px; color: #000; } .bulletred { font-size: 12px; color: #c30; } .blk { color: #000; } .blu { color: #369; } .bur { color: #900; } .gray { color: #999; } .grayd { color: #666; } .grn { color: #390; } .ora { color: #f60; } .red { color: #c30; } .yel { color: #fc0; } .wit { color: #fff; } a.blk:link { color: #000; text-decoration: none; } a.blk:active { color: #900; text-decoration: none; } a.blk:visited { color: #000; text-decoration: none; } a.blk:hover { color: #033; text-decoration: underline; background-color: #eee; } a.blu:link { color: #369; text-decoration: none; } a.blu:active { color: #900; text-decoration: none; } a.blu:visited { color: #369; text-decoration: none; } a.blu:hover { color: #900; text-decoration: underline; background-color: #eee; } a.bur:link { color: #900; text-decoration: none; } a.bur:active { color: #900; text-decoration: none; } a.bur:visited { color: #900; text-decoration: none; } a.bur:hover { color: #369; text-decoration: underline; background-color: #eee; } a.gray:link { color: #999; text-decoration: none; } a.gray:active { color: #f90; text-decoration: none; } a.gray:visited { color: #999; text-decoration: none; } a.gray:hover { color: #369; text-decoration: underline; background-color: #eee; } a.ora:link { color: #f60; text-decoration: none; } a.ora:active { color: #900; text-decoration: none; } a.ora:visited { color: #f90; text-decoration: none; } a.ora:hover { color: #369; text-decoration: underline; background-color: #eee; } a.red:link { color: #c30; text-decoration: none; } a.red:active { color: #c30; text-decoration: none; } a.red:visited { color: #c30; text-decoration: none; } a.red:hover { color: #369; text-decoration: underline; background-color: #eee; } a.wit:link { color: #fff; text-decoration: none; } a.wit:active { color: #900; text-decoration: underline; } a.wit:visited { color: #fff; text-decoration: none; } a.wit:hover { color: #900; text-decoration: underline; } a.yel:link { color: #fc0; text-decoration: none; } a.yel:active { color: #fc0; text-decoration: none; } a.yel:visited { color: #fc0; text-decoration: none; } a.yel:hover { color: #369; text-decoration: underline; } .aa11gray { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #666; text-decoration: none; } .aa11wht { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #fff; } .aa10 { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 10px; } .aa12whtb { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #fff; } .aa12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } .v11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .v11b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .v11blub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #036; font-weight: bold; } .v11blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #036; font-weight: normal; } .v11orb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #900; font-weight: bold; } .v11orab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #f90; font-weight: bold; } .v11gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; } .aa10gray { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 10px; font-weight: normal; color: #999; } .c11 { font-family: Courier New, Courier, mono; font-size: 12px; } .c11red { font-family: Courier New, Courier, mono; font-size: 12px; color: #c30; } .c11redb { font-family: Courier New, Courier, mono; font-size: 12px; color: #c30; font-weight: bold; } .c11blue { font-family: Courier New, Courier, mono; font-size: 12px; color: #00c; font-weight: normal; } .c11green { font-family: Courier New, Courier, mono; font-size: 12px; color: #396; font-weight: normal; } .c11gray { font-family: Courier New, Courier, mono; font-size: 12px; color: #999; font-weight: normal; } .c11purple { font-family: Courier New, Courier, mono; font-size: 12px; color: #90c; font-weight: normal; } .c12 { font-family: Courier New, Courier, mono; font-size: 13px; } .c12red { font-family: Courier New, Courier, mono; font-size: 14px; color: #c30; } .c12redb { font-family: Courier New, Courier, mono; font-size: 14px; color: #c30; font-weight: bold; } .c12blue { font-family: Courier New, Courier, mono; font-size: 13px; color: #00c; font-weight: normal; } .c12green { font-family: Courier New, Courier, mono; font-size: 13px; color: #396; font-weight: normal; } .c12gray { font-family: Courier New, Courier, mono; font-size: 13px; color: #999; font-weight: normal; } .c12purple { font-family: Courier New, Courier, mono; font-size: 13px; color: #90c; font-weight: normal; } .t12 { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 12px; } .t13 { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 13px; } .adcenter { text-align: center; margin: 0px auto 4px; } p.adgoto { margin: 0px; padding: 0px 2px 2px 11px; text-align: left; text-indent: -10px; } .subhead { font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; } div.subhead, .moreinfo { border: 1px solid #ccc; padding: 0 8px 8px; font: normal 12px Arial, Helvetica, sans-serif; } div.subhead h3, .moreinfo h3 { margin: 0 -8px 8px; padding: 2px 8px; background-color: #eee; border-bottom: 1px solid #ccc; text-transform: uppercase; font-weight: bold; font-size: 11px; } .sidebarB { float: right; margin: 0 0 10px 10px; width: 280px; background-color: #f5f5f5; } .sidebarB:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .sidebarB { height: 1%; } table[width="100%"] { clear: both; } .calloutImgLeft { background-color: #f5f5f5; padding: 10px; width: 385px; margin: 0 auto 1.142857143em; overflow: hidden; vertical-align: middle; font-style: italic; font-size: 13px; } .calloutImgLeft img { float: left; margin: 0 10px 0 0; } .calloutImgLeft h3 { font-weight: bold; font-size: 13px; font-style: normal; margin: 0 0 4px; } .calloutImgLeft p { margin: 0; } .specialsubhead { font-weight: bold; font-size: 16px; display: block; background-color: #eee; padding: 8px; } #level0 #webcast .copyrightsmall, #level0 #whitepaper .copyrightsmall { font-size: 10px; color: #666; display: block; } .SideBarTitle, .TableCap { font: bold 1em "adelle-sans", sans-serif; } #article .sidebar { width: 80%; background-color: #eee; margin: 0 auto 10px; min-width: 280px; font-size: 15px; } #article .sidebar h3 { color: #fff; background-color: #6d6e70; text-align: center; padding: 6px; margin: 0 0 4px; font-weight: bold; } #article .sidebar p { padding: 10px; } .sidebarB { display: block; } .sidebarB h3 { color: #fff; background-color: #6d6e70; text-align: center; padding: 4px; margin: 0 0 4px; font-weight: bold; } .sidebarB p { padding: 15px; font-size: 14px; margin: 0; } .sidebarB img { display: block; float: none; margin: 0 auto 10px auto; } .codesnippet { margin: 10px 0 0 0; display: block; overflow: auto; width: auto; word-break: normal; word-wrap: normal; white-space: pre; max-height: 400px; background: #efefef; padding: 10px; } .wide .codesnippet { max-height: none; } table .codesnippet { overflow: scroll; max-width: 300px; } .codesnippet b, .codesnippet strong { font-family: monospace, serif !important; } footer { clear: both; width: 100%; background: #1f2b4e; position: relative; } footer .footer-inner { position: relative; max-width: 1100px; margin: 50px auto 0 auto; } footer .footer-inner .converge-logo { position: absolute; display: block; margin: 0 auto; top: 30px; text-align: center; left: 0; right: 0; } @media (min-width: 840px) { footer .footer-inner .converge-logo { top: 40px; right: auto; left: 10px; } } footer .footer-inner .corporate-logo { position: absolute; display: block; margin: 0 auto; top: 150px; text-align: center; left: 0; right: 0; } @media (min-width: 840px) { footer .footer-inner .corporate-logo { top: 150px; right: auto; left: 15px; } } footer .footer-inner .voting { width: 220px; position: absolute; top: 160px; margin: 0 auto; left: 0; right: 0; text-align: center; } @media (min-width: 840px) { footer .footer-inner .voting { top: 233px; left: 14px; right: auto; text-align: left; } } footer .footer-inner .voting img { display: inline; } footer .footer-inner .voting .employeevote { margin-right: 15px; margin-bottom: 1px; width: 32%; } footer .footer-inner .voting .voteorg { width: 46.3%; } footer a, footer a:visited { color: #f5f5f5; font-weight: 700; } footer a:hover, footer a:visited:hover { text-decoration: underline; } footer .footer-sites { text-align: left; overflow: hidden; margin: 0 auto; text-align: center; padding: 40px 0 40px 0; } footer .footer-sites .cst-nav-link { display: none; } @media (min-width: 840px) { footer .footer-sites { margin-left: 35%; text-align: left; } } footer .footer-sites ul { margin-bottom: 0; padding-left: 0; list-style: none; margin-top: 165px; } @media (min-width: 840px) { footer .footer-sites ul { padding-left: 20px; margin-top: 0; } } footer .footer-sites li { font-size: 17px; font-weight: 600; line-height: 1.7; } @media (min-width: 840px) { footer .footer-sites li { float: left; width: 50%; font-size: 15px; } } @media (min-width: 900px) { footer .footer-sites li { font-size: 17px; } } footer .footer-sites li a:hover { text-decoration: underline; color: white; } footer .copyright { background: #7b778d; width: 100%; margin: 0 auto; text-align: center; display: block; padding: 20px; color: #fff; } footer .copyright .copyright-inner { margin: 20px 0; padding: 23px 20px 10px 20px; text-align: center; font-size: 13px; max-width: 1250px; margin: 0 auto; } @media (min-width: 1100px) { footer .copyright .copyright-inner { font-size: 14px; } } @media (min-width: 1320px) { footer .copyright .copyright-inner { padding: 23px 0 0 0; } } footer .copyright .copyright-inner p { margin-bottom: 0; margin-top: 5px; } @media (min-width: 1000px) { footer .copyright .copyright-inner p { margin-top: auto; } } footer .copyright .copyright-inner a, footer .copyright .copyright-inner a:visited { text-decoration: none; color: #231f20; font-size: 14px; } footer .copyright .copyright-inner a:hover, footer .copyright .copyright-inner a:active { text-decoration: none; } footer .copyright .copyright-inner:before { content: url("//securitytoday.com/~/media/sec/security products/design/1105logo.png"); display: block; background: #fff; text-align: center; padding: 10px; } @media (min-width: 1000px) { footer .copyright .copyright-inner:before { float: left; padding: 0 17px 21px 0; } } @media (min-width: 1050px) { footer .copyright .copyright-inner:before { padding-right: 0; } } /*# sourceMappingURL=style.css.map */