/* --- Body --- */ body {margin:0; padding:0; font-family:'open-sans', HelveticaNeue, sans-serif; font-size:15px; font-weight:400; color:#333; -webkit-backface-visibility:visible; background-color:#fff;} ::-moz-selection {background:lightskyblue;} ::selection {background:lightskyblue;} a, .button, div, p, img, input, li { -moz-transition: color 0.15s, background-color 0.15s, border-color 0.15s, opacity 0.15s; -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s, opacity 0.15s; -o-transition: color 0.15s, background-color 0.15s, border-color 0.15s, opacity 0.15s; transition: color 0.15s, background-color 0.15s, border-color 0.15s, opacity 0.15s; } img { transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; } a {color:#0079c2; text-decoration:none;} a:hover {color:#eb6e1f; text-decoration:none;} a:focus {color:#111; text-decoration:underline;} a.tel {color:#333;} a.tel:hover {color:#0079c2;} .clearfix {clear:both;} .spacer {margin-bottom:20px;} .hidden {display:none;} #hidden {display:none;} .rule {border-bottom:1px solid #ddd; margin:30px 15px;} .rule.thick {border-bottom:4px solid #ddd; margin:30px 0;} .rule.short {border-bottom: 1px solid #ddd; margin: 15px 0;} span.pipe {color:#ddd; margin:0 7px; padding:0;} .smallview-visible {display:none;} .col-1-2 {width:50%; } .col-1-3 {width:33.33%; } .col-2-3 {width:66.66%; } .col-1-4 {width:25%; } .col-3-4 {width:75%; } .col-1-5 {width:20%; } .col-2-5 {width:40%; } .col-3-5 {width:60%; } .col-4-5 {width:80%; } .col-1-8 {width:12.5%;} .col-7-8 {width:87.5%;} .col-1-6 {width:16.66%;} .col-5-6 {width:83.3%;} .left {float:left;} .right {float:right;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .h-scroll {margin:0; padding:0;} .required {display:inline-block; margin:0; padding:0 5px; font-weight:bold; color:#eb6e1f; } a.email {color: #333;margin: 0;padding: 0 25px 0 0;background: url('/assets/master-template/images/email-icon-tiny.png') right 6px no-repeat;} a.email:hover {color:#0079c2;} a.tel {color:#333;} a.tel:hover {color:#0079c2;} .wrapper {width:1180px; margin:0 auto; padding:0; clear:both;} .main-content {width:850px; margin:0 0 20px 0; padding:0;} .sidebar {width:300px; margin:0 0 20px 0; padding:0;} input[type=checkbox].css-checkbox {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;} input[type=checkbox].css-checkbox + label.css-label {padding-left: 27px;height: 17px;display: inline-block;/*font-size: 22px;*/line-height: 17px;background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;cursor: pointer;} input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -17px;} label.css-label {background-image: url('/assets/master-template/images/email-checkbox.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ /* --- Ads --- */ .ad-hero {margin:0; padding:0; width:100%; height:auto; text-align: center;} .ad-hero img {margin:0 0 -4px 0; padding:0; width:100%; height:auto;} .ad-hero .ad-label {font-size:13px; font-weight:400; text-transform:uppercase; color:#999; position:absolute; bottom:5px; left:12px; } .ad-hero img.close {position:absolute; top:20px; right:20px; width:26px; cursor:pointer;} .ad-leaderboard.top {text-align:center; margin:30px auto; padding:0;} .ad-leaderboard.top img {margin:0 auto; padding:0; width:auto;} .ad-leaderboard.middle {text-align:center; margin:0 auto 20px auto; padding:0;} .ad-leaderboard.middle img {margin:0 auto; padding:0; width:auto;} .ad-leaderboard.bottom {text-align:center; margin:0 auto 20px auto; padding:0;} .ad-leaderboard.bottom img {margin:0 auto; padding:0; width:auto;} .ad-rectangle {margin:0 0 30px 0; padding:0; text-align:center;} .ad-label {font-size:13px; font-weight:400; text-transform:uppercase; color:#999; margin:0 0 5px 0;} .ad-instream {margin:30px auto; padding:30px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .ad-leaderboard-mobile {text-align:center; margin:15px auto; padding:0;} .ad-leaderboard-mobile img {border:1px solid #ccc;} #interstitial-overlay {z-index:11000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(3,3,3,0.75);display:block;} #interstitial-overlay img.close {position:absolute; top:20px; right:20px; width:26px; cursor:pointer;} #interstitial-container {width:640px;margin:130px auto 0 auto; padding:0; /*background:#333; border-radius:6px; position:relative; box-shadow: 0px 5px 15px rgba(8,8,8,0.8);*/} #interstitial-container .ad-label {color:#fff; text-align:center;} #ad-floating-footer {z-index:10000;position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:15px 0; background-color:rgba(3,3,3,0.75);} #ad-floating-footer .ad-label {color:#fff; text-align:center;} #ad-floating-footer img.close {position:absolute; top:20px; right:20px; width:26px; cursor:pointer;} /* --- Breadcrumb Nav --- */ body .bread-crumb {margin:0; padding:0 0 20px 0; display:none !important;} .bread-crumb .inner {width:1180px; margin:0 auto; padding:0;} .bread-crumb p {margin:0;} .bread-crumb a {font-size:15px; font-weight:400; color:#0079c2; text-decoration:none;} .bread-crumb a:hover {color:#0079c2; text-decoration:none;} /* --- Headers --- */ h1.page-title {margin:0 0 30px 0; padding:0; font:800 54px/54px "proxima-nova", sans-serif; letter-spacing:-1px; text-transform: capitalize;} h2 {margin:0; font-size:48px;font-weight:700;} h2.section-title { font: 800 24px/24px "proxima-nova", sans-serif; text-transform: none; color: #0079c2; margin: 0 0 15px 0; } h2.section-title.minor {margin:0px 0 15px 0; font:100 36px/36px 'proxima-nova', sans-serif; color:#0079c2; letter-spacing: -1px;} h2.section-title.major {margin:5px 0 15px 0; font:100 48px/48px 'proxima-nova', sans-serif; color:#0079c2; letter-spacing: -1px;} h3 {margin:5px 0 15px 0; font-size:18px; font-weight:900;} h3.section-label {background:#efefef; margin:30px 0 10px; padding:6px 12px; color:#333; font-size:18px; text-transform:uppercase;} h3.section-title {font: 800 24px/24px "proxima-nova", sans-serif; text-transform:none; color:#0079c2; margin:0 0 15px 0;} h3.section-title.minor, h4.section-title.minor {margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid #ddd;} /*h3.section-title {margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:4px solid #ddd;}*/ h3.section-title {margin:0 0 10px 0; padding:0 0 0px 0;border-bottom:0px solid #ccc;} h3.section-title a {margin:0 0 0 15px; padding:0; font-size:14px; font-weight:500; text-transform:none; float:right;} h3.section-title a {display:inline-block;margin:0 0 0 10px; padding:0 0 2px 10px; border-left:1px dotted #ccc; font-size:14px; font-weight:500; text-transform:uppercase; float:none;} h4 { display: block; -webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } h4.section-title { margin: 0 0 10px 0; padding: 0 0 0px 0; border-bottom: 0px solid #ccc; } h4.section-title { font: 800 24px/24px "proxima-nova", sans-serif; text-transform: none; color: #0079c2; margin: 0 0 15px 0; } h5.article-title { margin: 0 0 10px 0; padding: 0; font: 500 22px/24px "proxima-nova", sans-serif; } h5 { display: block; -webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } h2.article-title {margin:0 0 10px 0; padding:0; font:800 36px/36px "proxima-nova", sans-serif; } h2.article-title a {color:#333;} h2.article-title a:hover {color:#0079c2;} h2.article-title.minor {margin:0 0 10px 0; padding:0; font:100 36px/36px "proxima-nova", sans-serif; } h2.article-title.minor a {color:#333;} h2.article-title.minor a:hover {color:#0079c2;} h4.article-title {margin:0 0 10px 0; padding:0; font:800 26px/28px "proxima-nova", sans-serif; } h4.article-title a {color:#333;} h4.article-title a:hover {color:#0079c2;} h2.module-title {margin:0 0 15px 0; font:800 48px/48px "proxima-nova", sans-serif; color:#043f77;} h4.module-title {margin:0 0 30px 0; font:400 26px/28px "proxima-nova", sans-serif; color:#043f77;} h5.article-title {margin:0 0 10px 0; padding:0; font:500 18px/22px "proxima-nova", sans-serif; } h5.article-title a {color:#333;} h5.article-title a:hover {color:#0079c2;} h5.article-title.major {margin:0 0 10px 0; padding:0; font:700 19px/23px "proxima-nova", sans-serif; } h5.article-title.major a {color:#333;} h5.article-title.major a:hover {color:#0079c2;} h5.product-price {font:700 14px/18px "open-sans", sans-serif; margin:-15px 0 0 0;} /* --- Paragraphs --- */ p {margin:0 0 10px 0;font-size:15px; font-weight:400; color:#333;} p.article-title {margin:0 0 10px 0; padding:0; font:500 17px/18px "proxima-nova", sans-serif; } p.article-title a {color:#333;} p.article-title a:hover {color:#0079c2;} p.article-title.major {font:800 18px/20px "proxima-nova", sans-serif;} p.title.major {margin:0 0 20px 0; padding:0; font:700 26px/28px "proxima-nova", sans-serif;} p.title.major a {color:#333;} p.title.major a:hover {color:#0079c2;} p.flag.major {background-color:#0079c2; color:#fff; font-size:12px; font-weight:500; text-transform:uppercase; display:inline-block; margin:0 0 6px 0; padding: 1px 5px 2px 5px;} p.flag.minor {color:#333; font-size:12px; font-weight:500; text-transform:uppercase; display:inline; margin:0 0 3px 0; padding:0;} p.flag.minor a {color:#0079c2; font-size:12px; font-weight:500; text-transform:uppercase; display:inline-block; margin:0 0 3px 0; padding:0; text-decoration:none;} p.flag.minor a:hover {color:#0079c2; text-decoration:none;} p.abstract.major {font-size:24px; line-height:30px; font-weight:300; color:#999; margin:0 0 30px 0;} p.sub {font-size:14px; font-weight:400; color:#999; text-transform:uppercase;} p.sub a {font-size:14px; font-weight:400; color:#999; text-transform:uppercase; text-decoration:none;} p.sub a:hover {color:#999; text-decoration:underline;} p.mug {margin:15px 0; font:400 18px/24px 'open-sans', sans-serif; text-transform:none;} p.action a {text-decoration:none; font-size:14px; font-weight:400; text-transform:none; color:#555; border:2px solid #ccc; background-color:#fff; margin:5px 0 0 0; padding:6px 12px; border-radius:4px; display:inline-block;} p.action a:hover {text-decoration:none; color:#fff; border:2px solid #0079c2; background:#0079c2;} p.more a {text-decoration:none; font-size:14px; font-weight:700; text-transform:uppercase; color:#fff; background-color:#fff; border:none; margin:0; padding:6px 12px; border-radius:4px; display:inline-block; background-color:#555; } p.more a:hover {text-decoration:none; color:#fff; background-color:#0079c2; } p.submit a {text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; margin:0 0 20px 0; padding:10px 20px; border-radius:4px; display:inline-block; background-color:#0079c2; } p.submit a:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } input.submit {width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff; border:none; margin:0 0 20px 0; padding:10px 20px; border-radius:4px; display:inline-block; background-color:#0079c2; cursor:pointer; } input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } a.pub-name {font-size:14px; font-weight:400; color:#999; text-decoration:none;} a.pub-name:hover {color:#0079c2; text-decoration:underline;} a.resource-name {font-size:14px; font-weight:400; color:#999; text-decoration:none;} a.resource-name:hover {color:#0079c2; text-decoration:underline;} a.cancel {margin:0 0 0 20px;} .time-stamp {text-decoration:none; font-size:14px; font-weight:400; color:#999; margin:0 0 5px 0; padding:0; text-transform:uppercase;} .time-stamp img {margin:0px 6px 0 0; padding:0; vertical-align:middle; width:11px;} img.time-stamp {margin:0 10px 0 0; padding:0; vertical-align:middle; width:11px;} .locked {text-decoration:none; font-size:14px; font-weight:400; color:#999; margin:0 0 5px 0; padding:0; text-transform:uppercase; display:none;} .locked img {margin:0px 6px 0 0; padding:0; vertical-align:baseline; height:10px; display:none;} img.locked {margin:0 0 0 10px; padding:0; vertical-align:middle; height:10px; opacity:0.50; display:none;} .load-more {margin:20px 0;} .load-more a {font-size:16px; font-weight:400; color:#333; text-align:center; display:block; padding:10px 10px; background:#efefef; border-radius:4px; cursor: pointer;} .load-more a:hover {background:#0079c2; color:#fff;} .load-more a:active {background:#043f77;} .load-more,.load_more {margin:20px 0;} .load-more a, [class^="load_more_shelf"] a {font-size:16px; font-weight:400; color:#333; text-align:center; display:block; padding:10px 10px; background:#efefef; border-radius:4px; cursor: pointer} .load-more a:hover, [class^="load_more_shelf"] a:hover {background:#0079c2; color:#fff;} .load-more a:active, [class^="load_more_shelf"] a:active {background:#043f77;} .view-more {margin:20px 0;} .view-more a {font-size:16px; font-weight:400; color:#333; text-align:center; display:block; padding:10px 10px; background:#efefef; border-radius:4px;} .view-more a:hover {background:#0079c2; color:#fff;} .view-more a:active {background:#043f77;} .view-more.minor {margin:0;} .view-more.minor a {font-size:13px; font-weight:400; color:#0079c2; text-align:left; margin:0 0 10px 0; padding:0; background:none; text-decoration:none; } .view-more.minor a:hover {color:#0079c2; background:none; text-decoration:underline;} .view-more.minor a:active {background:none;} .article-sidebar .view-more {margin:20px 0;} .article-sidebar .view-more a {font-size:14px; font-weight:400; color:#333; text-align:center; display:block; padding:10px 10px; background:#efefef; border-radius:4px;} .article-sidebar .view-more a:hover {background:#0079c2; color:#fff;} .article-sidebar .view-more a:active {background:#043f77;} .article-sidebar .view-more.minor {margin:0;} .article-sidebar .view-more.minor a {font-size:13px; font-weight:400; color:#0079c2; text-align:left; margin:0 0 10px 0; padding:0; background:none; text-decoration:none; } .article-sidebar .view-more.minor a:hover {color:#0079c2; background:none; text-decoration:underline;} .article-sidebar .view-more.minor a:active {background:none;} /* scroll bar */ body ::-webkit-scrollbar {width:6px; height:6px; } body ::-webkit-scrollbar-thumb {background-color:#999; border-radius:6px;} body ::-webkit-scrollbar-track {background-color:rgba(0,0,0,.05); border-radius:6px;} /* --- Side Nav --- */ .main-nav-grey {width:100%; margin:0;padding:0; background:#efefef;} .main-nav-grey .inner {width:1180px; height:auto; margin:0 auto; padding:15px 0 15px 0;} .main-nav-grey .col-1-2.left span {font-size:13px;color:#043f77;text-transform:uppercase; display:block;} .main-nav-grey ul.navigation {margin:10px 0 0 0; padding:0; list-style:none;} .main-nav-grey ul.navigation li {margin:0; padding:0; list-style:none; display:inline-block; } .main-nav-grey ul.navigation li a {margin:0; padding:5px 10px; color:#fff; font-weight:700; text-transform:uppercase;} .main-nav-grey ul.navigation li a:hover {background:#0079c2;} .main-nav-grey ul.join-account {margin:18px 0 0 0; padding:0; list-style:none;} .main-nav-grey ul.join-account li {margin:0; padding:0; list-style:none; display:inline-block; } .main-nav-grey ul.join-account li a {margin:0; padding:5px 10px; color:#333; font-size:14px; font-weight:400; text-transform:none; border-radius:4px;} .main-nav-grey ul.join-account li a:hover {background:#0079c2; color:#fff;} .main-nav-grey ul.join-account li a.join {background:#0079c2; color:#fff; padding:5px 15px; font-weight:700; text-transform:uppercase;} .main-nav-grey ul.join-account li a.join:hover {background:#043f77; color:#fff;} .main-nav-grey ul.join-account li a.upgrade {background:#0079c2; color:#fff; padding:5px 15px; font-weight:700; text-transform:uppercase;} .main-nav-grey ul.join-account li a.upgrade:hover {background:#043f77; color:#fff;} .main-nav-grey ul.join-account li a.my-account:hover {background:#0079c2; color:#fff; } /*.main-nav-grey.major {background:#043f77 url('/assets/master-template/images/nav-banner.png') 50% 50% no-repeat;}*/ .main-nav-grey.minor {background:#efefef;} .main-nav-grey.minor .inner {width:1180px; height:auto; margin:0 auto; padding:5px 0; border-bottom:1px solid #ccc;} .main-nav-grey.minor a {color:#fff; font-size:13px; font-weight:400; text-transform:none;} .main-nav-grey.minor a:hover {color:#fff; text-decoration:underline;} .brand-nav {width:100%; margin:0; padding:0; background:#efefef;} .brand-nav .inner {width:1180px; height:auto; margin:0 auto; padding:0 0 10px 0; border-top:1px solid #ccc;} .brand-nav .h-scroll {width:100%; height:38px; overflow-x:hidden; overflow-y:hidden; margin:0;} .brand-nav .cover-me {display:none;} .brand-nav ul.sub-nav {margin:6px 0 0 0; padding:0; list-style:none; width:1180px; text-align:center;} .brand-nav ul.sub-nav li {margin:0; padding:0; list-style:none; display:inline-block; } .brand-nav ul.sub-nav li a {margin:0; padding:5px 20px 5px 0; color:#043f77; font-size:13px; font-weight:400; text-transform:none;} .brand-nav ul.sub-nav li a:hover {color:#0079c2; text-decoration:underline;} .main-nav-grey ul.menu-search {margin:15px 0 0 0; padding:0; list-style:none;} .main-nav-grey ul.menu-search li {margin:0; padding:0; list-style:none; display:inline-block; } .main-nav-grey ul.menu-search li a {margin:0; padding:0; color:#fff; font-size:16px; font-weight:400; text-transform:none; border-radius:0px; border:0px solid #043f77;} .main-nav-grey ul.menu-search li a:hover {color:#fff; border:0px solid #0079c2;} img.law-logo {height:40px; margin:10px 0 0 0; padding:0; vertical-align:middle;} img.brand-logo {height:45px; margin:0; padding:0; vertical-align:middle;} img.mini-burger {height:30px; margin:0 5px 0 0; padding:0px 0 0px 0px; vertical-align:middle; } img.access-central-logo {height:30px; margin:0px 0 0 0; padding:0; vertical-align:middle;} .main-nav-left {width:33.33%; float:left; text-align:left;} .main-nav-center {width:33.33%; float:left; text-align:center;} .main-nav-right {width:33.33%; float:right; text-align:right;} .main-nav-sub {font-size:13px;color:#999;text-transform:uppercase;} .main-nav-sub a {color:#043f77;} .main-nav-sub a:hover {color:#0079c2;} input.main-nav-search {width:30px; margin:0px 0px 0 0; padding:8px 0; font-size:14px; border:0px solid #ddd; color:#7d7d7d; text-indent:30px; border-radius:4px; transition:0.25s ease-in-out; background:transparent url('/assets/master-template/images/event-search-black.png') no-repeat top left; background-size:contain; vertical-align:middle;} input.main-nav-search:focus {background-color:#fff; background-image:url('/assets/master-template/images/event-search.png'); width:200px; transition:0.25s ease-in-out;} label {cursor: pointer;} #menu-toggle {display: none; /* hide the checkbox */} #menu-toggle:checked + #side-nav {top:0; left:0; } #side-nav li{text-align: left;} ul#side-nav {list-style:none; margin:0 auto; padding:0; width:400px; height:100vh; overflow-y:scroll; position:fixed; top:0px; left:-1500px; z-index:1500; background:#f5f5f5;} ul#side-nav {-webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out;} ul#side-nav a {color:#333;} ul#side-nav li {margin:0; padding:0; list-style:none; display:block;} ul#side-nav li a {margin:0; padding:10px 20px 10px 40px; display:block; font:100 18px "proxima-nova", sans-serif; border-bottom:1px solid #ddd; text-decoration:none;} ul#side-nav li a:hover {background:#0079c2; color:#fff;} ul#side-nav li.rule {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #999; display:none;} ul#side-nav li.masthead a {margin:0; padding:0;} ul#side-nav li.masthead .side-nav-logo {margin:15px; padding:0; height:28px; float:left;} ul#side-nav li.masthead .side-nav-close {margin:15px; padding:0; height:28px; float:right;} ul#side-nav li.control a {background-color:#aaa; margin:0 auto; padding:10px 0;display:block; width:90%; text-align:center; font:400 13px "proxima-nova", sans-serif; color:#fff; border-radius:6px;} ul#side-nav li.control a:hover {background-color:#0079c2;} ul#side-nav li.control img {margin:0 10px 0 0; padding:0; vertical-align:middle; height:16px;} ul#side-nav li.choose a {margin:0 0 10px 0; padding:15px 0 10px 0;display:inline-block; width:50%; float:left; text-align:center; font:100 16px "proxima-nova", sans-serif; text-transform:uppercase; border-bottom:4px solid #444; } ul#side-nav li.choose a:hover {color:#fff; background:#ddd; border-bottom:4px solid #ddd;} ul#side-nav li.choose a.active {color:#ddd; border-bottom:4px solid #ddd;} ul#side-nav li.choose a span {border-left:0px solid #444; display:block} ul#side-nav li.browse-all a {text-align:right; font:100 16px "proxima-nova", sans-serif; text-transform:none; border-bottom:none; } ul#side-nav li img.close {float:right;} ul#side-nav li.search {margin:15px 0; text-align:center;} ul#side-nav li.search input {margin:0 auto; padding:11px; font-size:16px; color:#7d7d7d; text-indent:30px; width:82%; border:2px solid #ccc; border-radius:4px; background:#fff url('/assets/master-template/images/event-search.png') no-repeat top left;} ul#side-nav li.label {margin:0; padding:10px 20px; font:700 20px "proxima-nova", sans-serif; cursor:pointer; border-bottom: 0px solid #ccc;} ul#side-nav li.label:active {background:#043f77; background:#0079c2;} ul#side-nav li img.nav-arrow {margin:0 0 0 10px; padding:0;} ul#side-nav li.minor {margin:0; padding:0; display:inline-block; width:50%; float:left; } ul#side-nav li.minor a {padding:10px 20px; font:100 16px "proxima-nova", sans-serif; } ul#side-nav li.follow {margin:0 0 10px 0; padding:0; display:inline-block; width:20%; float:left; text-align:center;} ul#side-nav li.follow a {margin:0 auto; padding:6px 0 0 0; } ul#side-nav li.follow a img {width:40px;} ul#side-nav a.juliet {color:#043f77;} ul#side-nav .copyright {font-size:14px; margin:0; padding:10px 20px; text-align:left;} ul#side-nav li.follow a.fb:hover {background:#ccc;} ul#side-nav li.follow a.tw:hover {background:#ccc;} ul#side-nav li.follow a.go:hover {background:#ccc;} ul#side-nav li.follow a.li:hover {background:#ccc;} ul#side-nav li.follow a.rs:hover {background:#ccc;} .brand-nav ul.sub-nav {margin:6px 0 0 0; padding:0; list-style:none; width:1180px; text-align:center;} .brand-nav ul.sub-nav li {margin:0; padding:0; list-style:none; display:inline-block; } .brand-nav ul.sub-nav li a {margin:0; padding:5px 17px 5px 0; color:#043f77; font-size:13px; font-weight:400; text-transform:none;} .brand-nav ul.sub-nav li a:hover {color:#0079c2; text-decoration:underline;} .brand-nav ul.sub-nav li.feedback {float:none;} .brand-nav ul.sub-nav li.feedback a {font-weight:bold; padding-right:0; } .main-nav-grey ul.join-account li .my-account {position:relative; margin:0 10px 0 0;} .main-nav-grey ul.join-account li .my-account img {margin:3px 0 0 10px;} .main-nav-grey ul.join-account li .my-account:hover .tip {display:inline-block;} .main-nav-grey ul.join-account li .my-account ul {list-style:none; margin:0; padding:0; text-align:left;} .main-nav-grey ul.join-account li .my-account ul li {list-style:none; margin:0; padding:0; display:block; width:auto;} .main-nav-grey ul.join-account li .my-account ul li a {margin:0 0 1px 0; padding:5px 0 5px 10px; background:none; color:#333; display:block; width:100%;} .main-nav-grey ul.join-account li .my-account ul li a:hover {color:#eb6e1f; background:#efefef;} .main-nav-grey ul.join-account li .my-account .tip {display:none; padding:10px; margin:5px 0 0 0; width:185px; background:#fff; border:0px solid #ddd; border-radius:4px; position:absolute; top:0px; left:-20px; z-index:1000; box-shadow:0px 5px 15px rgba(8,8,8,0.35);} .main-nav-grey ul.join-account li .my-account .tip em {font-size:16px; font-weight:bold; font-style:normal; margin:0; padding:0; color:#467984;} .main-nav-grey ul.join-account li .my-account .tip p {font-size:14px; text-align:left; margin:5px 0 0 0; padding:0;} .main-nav-grey ul.join-account li .my-account .tip img.close {float:right; margin:0 0 10px 10px;} /* Updated Search Results/Article List Page search/sort styling */ .search-control .search {margin:0 0 15px 0; padding:0; border:none; position:relative;} .search-control .search input.search {width:98%; padding:11px 0; margin:0; font-size:16px; border:3px solid #ddd; color:#7d7d7d; text-indent:40px; border-radius:4px; transition:0.25s ease-in-out; background:#fff url('/assets/master-template/images/event-search.png') no-repeat top left;} .search-control .search input.search:focus {width:98%; transition:0.25s ease-in-out;} .search-control .search input.submit {padding:10px 20px 10px 20px; margin:0; border:none; font:800 16px "open-sans", sans-serif; color:#fff; border:2px solid #0079c2; background-color:#0079c2; border-radius:4px; position:absolute; top:0; right:0;} .search-control .search input.submit:hover {background:#043f77; border:2px solid #043f77;} .search-control .filter {margin:0 0 30px 0; float:left;} .search-control .sort {margin:0 0 30px 0; float:right;} .search-control .sort span {font-size:13px; font-weight:400; color:#999; text-transform:uppercase; margin-top:5px;} .search-control .sort select.filter-dropdown {padding:6px; margin:0 0 0 10px; font-size:14px; background-color:#fff; border:2px solid #ccc; color:#444; border-radius:4px;} .search-control #filtering { margin:0 0 15px 0; padding:15px 20px; background:#efefef;} .search-control ul#content-filters {list-style:none; margin:0px 0 0 0; padding:0;} .search-control ul#content-filters li {list-style:none; margin:0; padding:0; display:inline-block; float:left; margin:0 6px 0 0; padding:0;} .search-control ul#content-filters li select {padding:6px; margin:0 10px 10px 0; font-size:14px; background-color:#fff; border:2px solid #ddd; color:#444; border-radius:4px; } .search-control ul#date-filters {list-style:none; margin:15px 0 0 0; padding:0;} .search-control ul#date-filters li {list-style:none; margin:0; padding:0; display:block; width:50%; float:left;} .search-control ul#date-filters li input {width:98%; padding:11px 0; margin:0 0 15px 0; font-size:14px; border:3px solid #ddd; color:#7d7d7d; text-indent:40px; border-radius:4px; transition:0.25s ease-in-out; background:#fff url('/assets/master-template/images/date-search-small.png') no-repeat top left;} .search-control input[type=radio].css-checkbox {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;} .search-control input[type=radio].css-checkbox + label.css-label {padding-left:27px; padding-right:27px; height:17px; display:inline-block;/*font-size: 22px;*/line-height: 17px;background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;cursor: pointer;} .search-control input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -17px;} .search-control label.css-label {background-image: url('/assets/master-template/images/email-checkbox-white.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* --- Topic Nav --- */ .topic-header {margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:1px solid #ccc;} .topic-header h2 {font:500 52px/56px 'Titillium Web', sans-serif; letter-spacing:-1px; margin:0 0px 15px 0px; color:#444;} .topic-header img.pub-logo {width:auto; height:50px;} .topic-nav {margin:0; padding:0;} .topic-nav a {margin:0 30px 0 0; padding:10px 0; font:500 16px/18px "open-sans", sans-serif; color:#444; display:block; float:left; border-bottom:3px solid #fff; } .topic-nav a:hover {color:#0079c2; border-bottom:3px solid #0079c2; cursor: pointer;} .topic-nav a.active {color:#0079c2; border-bottom:3px solid #0079c2;} .topic-control .action a {margin-top:20px;} .topic-share {padding-top:10px;} .topic-share a.button {background-color:#fff; color:#333; display:inline-block; margin:0 0 6px 6px; padding:6px 12px; text-decoration:none; border:2px solid #ddd; border-radius:4px;} .topic-share a.button:hover {background-color:#bbb; color:#fff; border:2px solid #bbb; } .topic-share a.button .label {color:#333; margin:0px 0 0 6px; white-space:nowrap; display:inline-block; vertical-align:top; zoom:1; font-size:14px; font-weight:100; text-transform:uppercase;} .topic-share a.button i {position:relative; top:2px; display:inline-block; width:16px; height:16px; background:transparent 0 0 no-repeat; background-position:50% 50%; background-size: 150%;} .topic-share a.rs i {background-image: url('/assets/master-template/images/market-images/control-rs.png');} .topic-share a.fo i {background-image: url('/assets/master-template/images/market-images/control-fo.png');} .topic-share a.sh i {background-image: url('/assets/master-template/images/market-images/control-sh.png');} .topic-sub-nav {display:block;} .topic-sub-nav a {margin:0 30px 0 0; padding:10px 0; font:500 16px/18px "open-sans", sans-serif; color:#444; display:block; float:left; border-bottom:3px solid #fff;} .topic-sub-nav a:hover {color:#0079c2; border-bottom:3px solid #0079c2; cursor: pointer;} .topic-sub-nav a.active {color:#0079c2; border-bottom:3px solid #0079c2;} .topic-sub-nav a.menu-item {margin:0 20px 0 0; padding:10px 0;} .topic-sub-nav a.menu-item i {position:relative; top:2px; display:inline-block; width:0px; height:18px; background-position:50% 50%; background-size: 100%;} .topic-sub-nav a.menu-item.home i {margin:0 7px; width:14px; height:18px; background:transparent url('/assets/master-template/images/control-home.png') 50% 50% no-repeat; background-size:100%;} .topic-sub-nav a.menu-item.home.active i {background-image:url('/assets/master-template/images/control-home-active.png');} .topic-sub-nav a.menu-item.home:hover i {background-image:url('/assets/master-template/images/control-home-active.png');} .topic-sub-nav a.menu-item .label {margin:0; white-space:nowrap; display:inline-block;} .brand-name img {margin:0 0 5px 0; padding:0; height:56px;} .jump-nav select {display:none;} ul.sub-topics {list-style:none; margin:0 0 15px 0; padding:0;} ul.sub-topics li {list-style:none; margin:0 10px 20px 0; padding:0; display:inline-block; float:none;} ul.sub-topics li span {margin:0 10px 0 0; padding:0; font-size:13px; font-weight:400; color:#999; text-transform:uppercase;} ul.sub-topics li a {margin:0 0 0 0; padding:6px 12px; color:#333; background:#efefef; border-radius:4px;} ul.sub-topics li a:hover {color:#fff; background:#333;} ul.sub-topicss li:after {content:", ";} ul.sub-topicss li:first-child:after {content:"";} ul.sub-topicss li:last-child:after {content:"";} /* --- Breaking News Alert --- */ .breaking-news {width:100%; background:#ce181f; color:#333; margin:0 auto; padding:0; } .breaking-news .inner {width:auto; margin:0 auto; padding:6px 12px 10px 12px;} .breaking-news p {font-weight:100; margin:0; padding:0; text-align:center;} .breaking-news p span {margin:0 15px 0 0; font-size:14px; font-weight:700; text-transform:uppercase; color:#fff;} .breaking-news p a {font-weight:500; color:#fff;} .breaking-news p a:hover {color:#f3c5c7; text-decoration:underline;} .breaking-news img {width:24px; float:right; margin:0 0 0 10px;} .instant-insights-header p.home {margin:0 0 10px 0;} .instant-insights-header p.home img {margin:0 10px 0 0; vertical-align: baseline;} .instant-insights-header p.home a {font-size:15px; font-weight:400; color:#fff; text-decoration:none;} .instant-insights-header p.home a:hover {color:#fff; text-decoration:underline;} /* --- Homepage Article Lists --- */ /* tiles */ ul.article-list-tiles {list-style:none; margin:0 0 30px 0; padding:0;} ul.article-list-tiles li {list-style:none; margin:0 0 20px 0; padding:0; float:left; display:inline-block; position:relative;} ul.article-list-tiles li .inner {margin:0 20px 0 0;} ul.article-list-tiles li .deck {color:#fff; display:none;} ul.article-list-tiles li .summary {position:absolute; bottom:0; left:0; color:#fff; margin:10px; padding:20px 20px 10px 20px;} ul.article-list-tiles li .thumb {display:block; height:350px; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} ul.article-list-tiles li:hover .thumb {opacity: 0.65;} ul.article-list-tiles.one li {width:100%; height:350px;} ul.article-list-tiles.two li {width:50%; height:350px;} ul.article-list-tiles.three li {width:33.33%; height:350px;} ul.article-list-tiles.three li:nth-child(1) .inner {margin:0 15px 0 0;} ul.article-list-tiles.three li:nth-child(2) .inner {margin:0 15px 0 15px;} ul.article-list-tiles.three li:nth-child(3) .inner {margin:0 0 0 15px;} ul.article-list-tiles.four li {width:25%; height:350px;} ul.article-list-tiles.topic-home li:nth-child(1) {width:100%; height:300px; margin:0;} ul.article-list-tiles.topic-home li:nth-child(2) {width:50%; height:300px; margin:0;} ul.article-list-tiles.topic-home li:nth-child(3) {width:50%; height:300px; margin:0;} ul.article-list-tiles.topic-home li:nth-child(1) .thumb {height:300px;} ul.article-list-tiles.topic-home li:nth-child(2) .thumb {height:300px;} ul.article-list-tiles.topic-home li:nth-child(3) .thumb {height:300px;} ul.article-list-tiles.topic-home li:nth-child(1) .inner {margin:0;} ul.article-list-tiles.topic-home li:nth-child(2) .inner {margin:0;} ul.article-list-tiles.topic-home li:nth-child(3) .inner {margin:0;} ul.article-list-tiles.topic-home li:nth-child(2) h3.article-title {font:500 26px/28px "proxima-nova", sans-serif;} ul.article-list-tiles.topic-home li:nth-child(3) h3.article-title {font:500 26px/28px "proxima-nova", sans-serif;} /* --- Brands --- */ ul.brand-list {margin:0 0 30px 0; padding:0; list-style:none;} ul.brand-list li {margin:0; padding:0; list-style:none; width:33.33%; text-align:center; float:left;} ul.brand-list li img {margin:0; padding:0; width:65%;} ul.brand-list li a {margin:0; padding:30px 0; border-radius:6px; display:block; background:#fff;} ul.brand-list li a:hover {background:#efefef;} /* --- Instant Insights --- */ .instant-insights-header {margin:0 0 30px 0; padding:0; color:#333; text-align:left; background:#ccc;} .instant-insights-header .inner {width:1180px; height:auto; margin:0 auto; padding:45px 0 45px 0;} .instant-insights-header h2 {margin: 0 0 5px 0; padding:0; font: 800 56px/56px "proxima-nova", sans-serif;} .instant-insights-header h3 {margin: 0 0 15px 0; padding:0; font: 400 26px/28px "proxima-nova", sans-serif;} .instant-insights-header p {margin:15px 120px; font:400 18px/24px 'open-sans', sans-serif; color:#fff;} .instant-insights-header p.sub {margin:15px 120px; font:400 14px/18px 'open-sans', sans-serif; color:#fff; text-transform:none;} .instant-insights-header .sponsor {margin:25px 0; display:block;} .instant-insights-header .sponsor span.label {font-size:12px;} .instant-insights-header .sponsor img.logo {margin:0 0 0 15px; height:31px; vertical-align:middle;} .instant-insights-header .collection-nav {margin:0 0 0px 0;} .instant-insights-header .collection-nav ul {list-style:none; margin:0 0 30px 0; padding:0 0 0px 0;} .instant-insights-header .collection-nav ul li {list-style-type:none; margin:0 5px; padding:10px 0; display:inline-block; float:none; text-align:center; font-size:24px; font-weight:500;} .instant-insights-header .collection-nav ul li a {font-size:16px; color:#333; text-decoration:none; display:block; margin:0; padding:10px 15px; border:2px solid #333; border-radius:4px;} .instant-insights-header .collection-nav ul li a:hover {background:#fff; color:#333; border:2px solid #fff;} .instant-insights-header .collection-nav ul li.active a {background:#333; color:#fff; border:2px solid #333;} .instant-insights-header { color: #fff; text-align: center; background: #112233 url(/assets/master-template/images/hash-2.png) 50% 50% no-repeat; background-size: cover; } .instant-insights-header .bg-gradient { background-image: linear-gradient(0deg, #112233, transparent); opacity: 1.0; } .instant-insights-header .bg-gradient {background-image: linear-gradient(0deg, rgba(17,34,51,0.99), rgba(51,68,85,0.15) ); opacity:1.0;} .instant-insights-header .sponsor {display:block;} .instant-insights-header .collection-nav ul li a {color:#fff; border:2px solid #fff;} .instant-insights-header .collection-nav ul li a:hover {background:#fff; color:#333; border:2px solid #fff;} .instant-insights-header .collection-nav ul li.active a {background:#043f77; color:#fff; border:2px solid #043f77;} /* --- Academy --- */ .academy {width:auto; margin:0 0 30px 0; padding:0;} .academy .outer {width:1180px; margin:0 auto; padding:30px 0 10px 0; background:#efefef; border-radius:6px;} .academy .outer h2.module-title {text-align:center;} .academy .outer h3.module-title {text-align:center;} .academy-nav {margin:0 0 0px 0; text-align:center;} .academy-nav ul {list-style:none; margin:0 0 30px 0; padding:0 30px 0 30px;} .academy-nav ul li {list-style-type:none; margin:0 5px; padding:0; display:inline-block; float:none; text-align:center; } .academy-nav ul li a {font-size:14px; color:#333; text-decoration:none; display:block; margin:0; padding:6px 12px; border:2px solid #ccc; border-radius:4px;} .academy-nav ul li a:hover {background:#333; color:#fff; border:2px solid #333;} .academy-nav ul li.active a {background:#333; color:#fff; border:2px solid #333;} .academy ul.article-list-grid {margin: 0 0 30px 0;padding: 0 30px;} .academy .view-more {margin:20px auto; padding:0; width:auto; display:block; text-align:center;} .academy .view-more a {font-size:16px; font-weight:700; color:#fff; text-align:center; display:inline-block; padding:10px 30px; background:#0079c2; border-radius:4px;} .academy .view-more a:hover {background:#043f77; color:#fff;} .academy .view-more a:active {background:#0079c2;} .academy .carousel {width:1180px; margin:0 auto; padding:30px; background:#efefef; overflow:hidden; border:none; border-radius:6px; text-align:center;} .academy .carousel ul{list-style-type:none;} .academy .carousel .brief{text-align:left;} .academy .carousel ul li .main-image{width:auto} .academy .carousel-list {white-space: nowrap;padding: 0;margin: 0;transition: transform .3s;} .academy .carousel-list li {white-space: normal; display: inline-block;width: 100%;text-align:left; vertical-align:top;} .academy .carousel-list li .inner {margin:0 30px 0 0;} .academy .carousel-list img {width: 100%;vertical-align:top; } .academy input#carousel1:checked ~ ul {transform:translateX(0);} .academy input#carousel2:checked ~ ul {transform: translateX(-100%);} .academy input#carousel3:checked ~ ul {transform: translateX(-200%);} .academy input#carousel4:checked ~ ul {transform: translateX(-300%);} .academy input#carousel5:checked ~ ul {transform: translateX(-400%);} .academy input#carousel6:checked ~ ul {transform: translateX(-500%);} .academy .carousel-list li {opacity: 0.0; transition:all .4s; /*transform: scale(.1);*/} .academy input#carousel1:checked ~ ul li:nth-child(1), .academy input#carousel2:checked ~ ul li:nth-child(2), .academy input#carousel3:checked ~ ul li:nth-child(3), .academy input#carousel4:checked ~ ul li:nth-child(4), .academy input#carousel5:checked ~ ul li:nth-child(5), .academy input#carousel6:checked ~ ul li:nth-child(6) {opacity: 1;/*transform: scale(1);*/} .academy .carousel input {display:none;} .academy .carousel label {font-size: 14px;color: #333;text-decoration: none;display:inline-block;margin: 0 10px 30px 0;padding: 6px 12px;border: 2px solid #ccc;border-radius: 4px;} .academy .carousel label:hover {background: #333;color: #fff;border: 2px solid #333;} .academy input:checked + label {background: #333;color: #fff;border: 2px solid #333;} .academy .carousel-list .view-more {margin:0 auto; padding:0; width:auto; display:block; text-align:center;} .academy .carousel-list .view-more a {font-size:16px; font-weight:700; color:#fff; text-align:center; display:inline-block; padding:10px 30px; background:#0079c2; border-radius:4px;} .academy .carousel-list .view-more a:hover {background:#043f77; color:#fff;} .academy .carousel-list .view-more a:active {background:#0079c2;} .sidebar .academy .carousel{width:auto; background-color:transparent; padding:0;} .sidebar .academy .carousel h4{font: 800 24px/24px "proxima-nova", sans-serif; text-align:left;} .sidebar .academy .carousel ul{padding:0px; border-top: 1px solid #ccc;padding-top:10px;} .sidebar .academy .carousel li{width:100%; border-bottom:1px solid #ddd; height:auto;} .sidebar .academy .carousel li p.label{color:#000000; padding: 0px; font-weight: normal;} .sidebar .academy .carousel li p.sub{margin-bottom:0px;} .sidebar .academy .carousel .article-list-grid li .inner{padding-left:0px;} .sidebar .academy .carousel .article-list-grid li .view-more{text-align:left;} .sidebar .academy .carousel .article-list-grid li .view-more a{font-size: 13px;font-weight: 400;color: #0079c2;text-align: left;margin: 0 0 10px 0;padding: 0;background: none;text-decoration: none;} /* grid */ ul.article-list-grid {margin:0 0 30px 0; padding:0;} ul.article-list-grid {list-style-type:none; margin:0 0 30px 0; padding:0;} ul.article-list-grid li {list-style-type:none; margin:0 0 15px 0; padding:0; width:33.33%; float:left; display:block; height:360px; overflow:hidden;} ul.article-list-grid li .main-image {margin: 0 0 10px 20px; float: right; width:100%; max-height:200px; overflow: hidden; position:relative;} ul.article-list-grid li .main-image img {width:100%;} ul.article-list-grid li .inner {padding:0 15px 0 15px; border-left:1px solid #ddd;} ul.article-list-grid li:first-child .inner {padding:0 15px 0 0;} ul.article-list-grid li:last-child .inner {padding:0 0 0 15px;} ul.article-list-grid li .kicker {margin:0 0 10px 0; padding:0; font-size:13px; font-weight:400; color:#999; text-transform:uppercase;} ul.article-list-grid li .kicker a {font-weight:700; color:#0079c2; text-decoration:none;} ul.article-list-grid li .kicker a:hover {text-decoration:underline;} ul.article-list-grid li .sponsor {margin:20px 0 0 0; font-size:13px;} ul.article-list-grid li .sponsor .label {font-size:12px;} ul.article-list-grid li .sponsor .logo {margin:0 0 0 10px; height:35px; vertical-align:middle;} ul.article-list-grid.one li {width:100%; height:auto;} ul.article-list-grid.one li:nth-child(1) .inner {padding:0; border-left:none;} ul.article-list-grid.two li {width:50%; height:auto;} ul.article-list-grid.two li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.three li {width:33.33%; height:auto;} ul.article-list-grid.three li .main-image img {height:200px;} ul.article-list-grid.three li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.four li {width:25%; height:auto;} ul.article-list-grid.four li .main-image img {/*height:160px;*/} ul.article-list-grid.four li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.five li {width:20%; height:auto;} ul.article-list-grid.five li .main-image img {height:135px;} ul.article-list-grid.five li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.six li {width:33.33%; height:auto; height:400px;} ul.article-list-grid.six li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.six li:nth-child(4) .inner {padding:0 15px 0 0px; border-left:none;} ul.article-list-grid.eight li {width:25%; height:auto; height:360px;} ul.article-list-grid.eight li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.eight li:nth-child(5) .inner {padding:0 15px 0 0px; border-left:none;} ul.article-list-grid.nine li {width:33.33%; height:380px; height:auto;} ul.article-list-grid.nine li:nth-child(1) .inner {border-left:none;} ul.article-list-grid.nine li:nth-child(4) .inner {padding:0 15px 0 0px; border-left:none;} ul.article-list-grid.nine li:nth-child(7) .inner {padding:0 15px 0 0px; border-left:none;} /* grid range */ ul.article-list-grid-range {margin:0 0 30px 0; padding:0;} ul.article-list-grid-range {list-style-type:none; margin:0 30px 0 0; padding:0;} ul.article-list-grid-range li {list-style-type:none; margin:15px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ddd; width:100%; display:block; } ul.article-list-grid-range li:first-child {border:none;} ul.article-list-grid-range li .main-image {margin: 0 0 10px 0px; width:100%; max-height:200px; overflow: hidden; position:relative; display:none;} ul.article-list-grid-range li .main-image img {width:100%;} ul.article-list-grid-range li .inner {padding:0 0px 0 0;} ul.article-list-grid-range li .flag {display:none;} ul.article-list-grid-range li h3.article-title {font: 500 18px/22px "proxima-nova", sans-serif;} ul.article-list-grid-range li:nth-child(1) .main-image {display:block;} ul.article-list-grid-range li:nth-child(1) .sub {display:block;} ul.article-list-grid-range li:nth-child(1) .flag {display:block;} ul.article-list-grid-range li:nth-child(1) h3.article-title {font: 700 26px/28px "proxima-nova", sans-serif;} /* article lists */ ul.article-list-default {margin:0; padding:0; list-style:none;} ul.article-list-default li {list-style-type:none; margin:20px 0 0 0; padding:20px 0 0 0; background:#f4f4f4; background:none; border-top:1px solid #ddd; overflow:hidden; } ul.article-list-default li:first-child {margin:0 !important; padding:0 !important; border-top:none !important;} #stream_posts-1.article-list-default li:first-child {border-top:none !important; margin:0 !important; padding:0 !important;} #stream_all.article-list-default li:first-child {border-top:none !important; margin:0 !important; padding:0 !important;} #results ul.article-list-default li:first-child {margin:10px 0 0 0 !important; padding:20px 0 0 0 !important; border-top:1px solid #ddd !important; } ul.article-list-default li .kicker {margin:0 0 10px 0; padding:0; font-size:13px; font-weight:400; color:#999; text-transform:uppercase;} ul.article-list-default li .kicker a {font-weight:700; color:#0079c2; text-decoration:none;} ul.article-list-default li .kicker a:hover {text-decoration:underline;} ul.article-list-default li .kicker a.pub-name {font-weight:700; color:#0079c2; text-decoration:none;} ul.article-list-default li .kicker a.pub-name:hover {text-decoration:underline;} ul.article-list-default li .kicker a.story-type {font-weight:400; color:#999; text-decoration:none;} ul.article-list-default li .kicker a.story-type:hover {text-decoration:underline;} ul.article-list-default li .sponsor {margin:20px 0 0 0; font-size:13px;} ul.article-list-default li .sponsor .label {font-size:12px;} ul.article-list-default li .sponsor .logo {margin:0 0 0 10px; height:35px; vertical-align:middle;} ul.article-list-default li.sponsored {background:#efefef; border:none; border-radius:4px 4px 0 0; margin:20px 0 -10px 0; padding:0;} ul.article-list-default li.sponsored .inner {padding:20px;} ul.article-list-default li.sponsored .kicker {margin:0; font-size:13px;font-weight:400;text-transform:uppercase;color:#ce181f;} ul.article-list-default li.sponsored .sponsor {margin:0 0 10px 0; font-size:13px;} ul.article-list-default li.sponsored .sponsor .label {font-size:16px;} ul.article-list-default li.sponsored .sponsor .logo {margin:0 0 0 10px; height:35px; vertical-align:middle;} ul.article-list-default li .sponsor {margin:20px 0 0 0; font-size:13px;} ul.article-list-default li .sponsor .label {font-size:12px;} ul.article-list-default li .sponsor .logo {margin:0 0 0 10px; height:35px; vertical-align:middle;} ul.article-list-default li .main-image {width:33.33%;float:right; position:relative;} ul.article-list-default li .main-image img {float:right; width:90%;} ul.article-list-default li .brief {width:66.66%;float:left;} /* VARIABLE */ ul.article-list-default.variable li:nth-child(1) .main-image {width:50%; margin:0 0 15px 0; padding:0; float:right;} ul.article-list-default.variable li:nth-child(1) .main-image img {float:right; width: 93%;} ul.article-list-default.variable li:nth-child(1) .brief {width:50%; margin:0 0 15px 0; padding:0; float:left;} ul.article-list-default.variable li:nth-child(1) h3.article-title {font: 800 36px/36px "proxima-nova", sans-serif;} ul.article-list-default.variable li:nth-child(6) .main-image {width:50%; margin:0 0 15px 0; padding:0; float:right;} ul.article-list-default.variable li:nth-child(6) .main-image img {float:right; width: 93%;} ul.article-list-default.variable li:nth-child(6) .brief {width:50%; margin:0 0 15px 0; padding:0; float:left;} ul.article-list-default.variable li:nth-child(6) h3.article-title {font: 800 36px/36px "proxima-nova", sans-serif;} ul.article-list-default.variable li:nth-child(11) .main-image {width:50%; margin:0 0 15px 0; padding:0; float:right;} ul.article-list-default.variable li:nth-child(11) .main-image img {float:right; width: 93%;} ul.article-list-default.variable li:nth-child(11) .brief {width:50%; margin:0 0 15px 0; padding:0; float:left;} ul.article-list-default.variable li:nth-child(11) h3.article-title {font: 800 36px/36px "proxima-nova", sans-serif;} ol.article-list-default {padding:0 0 8px 16px; } ol.article-list-default li {padding:0 0 0 6px; } .power-label {font-size:13px; font-weight:400; text-transform:uppercase; color:#999;} .power-label img {margin:0 0 0 6px; padding:0; height:20px; vertical-align:middle;} ul li .main-image.left {margin:0 20px 10px 0; float:left; width:30%; max-height:150px; overflow:hidden;} ul li .main-image.left img {width:100%;} ul li .main-image.right {margin:0 0 10px 20px; float:right; width:30%; max-height:150px; overflow:hidden;} ul li .main-image.right img {width:100%;} ul.article-list-default li.special-report {border:none;} ul.article-list-default li.special-report .inner {background:#111; padding-bottom:20px;} ul.article-list-default li.special-report .inner p {margin-left:20px; margin-right:20px;} ul.article-list-default li.special-report .inner h3 {margin-left:20px; margin-right:20px;} ul.article-list-default li.special-report .inner h4 {margin-left:20px; margin-right:20px;} ul.article-list-default li.special-report .inner h3 a {color:#fff;} ul.article-list-default li.special-report .inner h3 a:hover {color:#0079c2;} ul.article-list-default li.special-report .inner h4 a {color:#fff;} ul.article-list-default li.special-report .inner h4 a:hover {color:#0079c2;} ul.article-list-default li.special-report .inner .main-image img {width:100%; margin-bottom:10px;} /* --- Article --- */ .article-title-block {margin:0 0 30px 0;} .article-title-block h2 {font:800 54px/54px "proxima-nova", sans-serif; letter-spacing:-1px; margin:0 0px 15px 0px; color:#333;} .article-title-block h2.blog {font:500 52px/56px "proxima-nova", sans-serif; letter-spacing:-1px; margin:0 0px 15px 0px; color:#444;} .article-title-block h3 {font:500 44px/48px "proxima-nova", sans-serif; letter-spacing:-1px; margin:0 0px 15px 0px; color:#333;} .article-title-block h4 {font-size:22px; line-height:26px; font-weight:300; margin:0 0px 15px 0px; color:#888; letter-spacing:0;} .article-title-block p {margin:0 0px 15px 0px;} .social-byline {margin:0; padding:0; border:none;} .social-byline a {color:#0079c2;} .social-byline a:hover {color:#0079c2;} .social-byline .byline {font-size:15px; text-transform:none; color:#333; width:auto; margin:0 0 30px 0;} .social-byline .byline a {font-weight:bold; color:#333;} .social-byline .byline a:hover {color:#0079c2;} /* article share 2.0 */ .social-byline .share {position:absolute; width:100px;} .social-byline .share a.button {background-color:#efefef; color:#333; display:inline-block; margin:0 0 10px 0; padding:10px 15px; text-decoration:none; border:1px solid #efefef; border-radius:4px;} .social-byline .share a.button:hover {background-color:#ddd; border:1px solid #ddd;} .social-byline .share a.button .label {margin:0px 0 0 6px; white-space:nowrap; display:inline-block; vertical-align:top; zoom:1; font-size:14px; font-weight:100; text-transform:uppercase; display:none;} .social-byline .share a.button i {position:relative; top:2px; display:inline-block; width:25px; height:25px; background:transparent 0 0 no-repeat; background-position:50% 50%; background-size: 150%;} .social-byline .share a.tw i {background-image: url('/assets/master-template/images/social-tw-white.png');} .social-byline .share a.fb i {background-image: url('/assets/master-template/images/social-fb-white.png');} .social-byline .share a.go i {background-image: url('/assets/master-template/images/social-go-white.png');} .social-byline .share a.li i {background-image: url('/assets/master-template/images/social-li-white.png');} .social-byline .share a.em i {background-image: url('/assets/master-template/images/control-em.png');} .social-byline .share a.pr i {background-image: url('/assets/master-template/images/control-pr.png');} .social-byline .share a.co i {background-image: url('/assets/master-template/images/control-co.png');} .social-byline .share a.sa i {background-image: url('/assets/master-template/images/control-star.png'); top:1px;} .social-byline .share a.re i {background-image: url('/assets/master-template/images/control-re-2.png');} .social-byline .share a.button.tw {background-color:#29c5f6; color:#fff;} .social-byline .share a.button.fb {background-color:#3b5998; color:#fff;} .social-byline .share a.button.go {background-color:#d84a38; color:#fff;} .social-byline .share a.button.li {background-color:#0082c9; color:#fff;} .social-byline .share a.button.tw:hover {background-color:#10a3ef;} .social-byline .share a.button.fb:hover {background-color:#243c79;} .social-byline .share a.button.go:hover {background-color:#a23525;} .social-byline .share a.button.li:hover {background-color:#106296;} /* REST #0079c2 DARK #0a5b91 LIGHT #ed2f37 REST tw #29c5f6 fb #3b5998 go #d84a38 li #0082c9 em #9a9da5 rs #e05915 HOVER tw #10a3ef fb #243c79 go #a23525 li #106296 em rs */ /* article nav */ .article-nav {position:fixed; top:40%; width:47px; height:192px; z-index:500;} .article-nav .inner {width:375px; height:154px; margin:0; padding:15px; position:relative; overfloaw:hidden; background-color:#fff; box-shadow: 0px 3px 7px rgba(8,8,8,0.4);} .article-nav h4.article-title {color:#333;} .article-nav h4.article-title:hover {color:#0079c2;} .article-nav img {margin:0 0 10px 0; width:40%; display:inline-block; float:right; margin:0 0 0 10px;} .article-nav.prev {left:0; background:transparent url('/assets/master-template/images/button-article-prev.png') top left no-repeat;} .article-nav.next {right:0; background:transparent url('/assets/master-template/images/button-article-next.png') top right no-repeat;} .article-nav.prev .inner {left:-422px; border-radius:0 4px 4px 0; transition:all 0.25s ease-in-out;} .article-nav.next .inner {right:-422px; border-radius:4px 0 0 4px; transition:all 0.25s ease-in-out;} .article-nav:hover {width:422px} .article-nav.prev:hover > .inner {left:0px;} .article-nav.next:hover > .inner {right:-17px;} .article-nav:hover {width:325px} .article-nav.prev .inner {width:300px; left:-335px; border-radius:0 4px 4px 0; transition:all 0.25s ease-in-out;} .article-nav.next .inner {width:300px; right:-325px; border-radius:4px 0 0 4px; transition:all 0.25s ease-in-out;} .article-main-content {width:770px; margin:0 0 20px 80px; float:left;} .article-sidebar {width:300px; float:right;} .article-sidebar a {color:#333;} .article-sidebar a:hover {color:#0079c2;} .article-sidebar .module {margin:0 0 30px 0;} .article-sidebar .module ul {margin:0; padding:0; list-style:none;} .article-sidebar .module ul li {list-style-type:none;margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:1px solid #cccccc;clear:both;} .article-sidebar .module ul li h4 {margin:0; padding:0;} .article-sidebar .module ul li h4 a {margin:0 0 0px 0; padding:0; font-size:14px; font-weight:400; line-height:20px;color:#333;} .article-sidebar .module ul li h4 a:hover {color:#0079c2;} .article-sidebar .module ul li p {margin:0 0 10px 0; padding:0;} .article-sidebar .module ul li img {width:33%; float:right; margin-left:20px;} .article-sidebar .module ul li:last-child {margin-bootom:0; border:none;} .article-sidebar .module h3.section-heading {margin:5px 0 15px 0; font-size:16px; font-weight:900; text-transform:uppercase; line-height:18px;} .article-sidebar .module.related-products ul {list-style:none; padding:0; margin:0;} .article-sidebar .module.related-products ul li {list-style:none; padding:0 0 0 0; margin:0 0 20px 0; clear:both; } .article-sidebar .module.related-products ul li:last-child {padding:0; margin:0; border:none;} .article-sidebar .module.related-products ul li img.article-thumb {width:21%; float:left; margin:0 20px 20px 0;} .article-minibar.left {width:200px; height:auto; float:left; margin:0 30px 20px 0; padding:0;} .article-minibar.left .module {margin:0 0 30px 0; background-color:#fff; padding:0;} .article-minibar.left .module img {display:none;} .article-minibar.left .module ul {margin:0; padding:0; list-style:none;} .article-minibar.left .module ul li {list-style-type:none;margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:1px solid #cccccc; clear:both;} .article-minibar.left .module ul li h4 {margin:0; padding:0;} .article-minibar.left .module ul li h4 a {margin:0 0 0px 0; padding:0; font-size:14px; font-weight:400; line-height:20px;color:#333;} .article-minibar.left .module ul li h4 a:hover {color:#0079c2;} .article-minibar.left .module h3.section-heading {margin:5px 0 15px 0; font-size:16px; font-weight:900; text-transform:uppercase; line-height:18px;} ul.filed-under {list-style:none; margin:0 0 20px 0; padding:0;} ul.filed-under li {list-style:none; margin:0; padding:0; display:inline-bloack; float:left; margin:0 15px 15px 0; padding:0;} ul.filed-under li a {font-size:15px; font-weight:500; color:#333; display:block; padding:10px 15px; background:#efefef; border-radius:4px;} ul.filed-under li a:hover {color:#fff; background:#0079c2; text-decoration:none;} ul.filed-under-mini {list-style:none; margin:0 0 20px 0; padding:0;} ul.filed-under-mini li {list-style:none; margin:0; padding:0; display:inline-bloack; float:left; margin:0 15px 15px 0; padding:0;} ul.filed-under-mini li a {font-size:14px; font-weight:500; color:#333; display:block; padding:6px 12px; background:#efefef; border-radius:4px;} ul.filed-under-mini li a:hover {color:#fff; background:#0079c2; text-decoration:none;} ul.filed-under.mini li {margin:0 10px 10px 0;} ul.filed-under.mini li a {font-size:14px; font-weight:500; color:#333; display:block; padding:6px 12px; background:#efefef; border-radius:4px;} ul.filed-under.mini li a:hover {background:#0079c2; color:#fff;} ul.filed-under.micro li {margin:0 10px 10px 0;} ul.filed-under.micro li a {font-size:13px; font-weight:500; color:#333; display:block; padding:4px 10px; background:#efefef; border-radius:4px;} ul.filed-under.micro li a:hover {background:#0079c2; color:#fff;} ul.filed-under-micro li {margin:0 10px 10px 0;} ul.filed-under-micro li a {font-size:13px; font-weight:500; color:#333; display:block; padding:4px 10px; background:#efefef; border-radius:4px;} ul.filed-under-micro li a:hover {background:#0079c2; color:#fff;} .minibar ul.filed-under {list-style:none; margin:0 0 20px 0; padding:0;} .minibar ul.filed-under li {list-style:none; margin:0; padding:0; display:inline-bloack; float:left; margin:0 15px 15px 0; padding:0;} .minibar ul.filed-under li a {font-size:14px; font-weight:500; color:#333; display:block; padding:5px 10px; background:#efefef; border-radius:4px;} .minibar ul.filed-under li a:hover {color:#fff; background:#0079c2; text-decoration:none;} .article-main-art {width:100%; float:right; margin:0 0 20px 0;} .article-main-art img {display:block; width:100%;} .article-main-art .caption {margin:15px 0 0 0; padding:0 0 30px 0; font-size:15px; line-height:18px; color:#666; font-weight:bold; border-bottom:1px solid #ddd;} .article-flag {text-transform:uppercase; display:inline-block; letter-spacing:1px; font:700 12px/12px Roboto, sans-serif; padding:5px 10px 4px; margin:0px 0px 10px; border-radius:2px;} .article-flag.contributed {color:#fff; background-color:#777;} .article-flag.premium {color:#fff; background-color:#2cb5e8;} .article-flag.native {color:#fff; background-color:#0079c2;} .article-flag.special-feature {color:#fff; background-color:#0079c2;} .article-topic {font:500 20px "proxima-nova", sans-serif; margin:0 0 5px 0; padding:0; color:#0079c2;} .article-topic a {color:#0079c2; text-decoration:none;} .article-topic a:hover {color:#0079c2; text-decoration:underline;} /* article */ #article-body {width:100%;} /* article drop cap #article-body p:first-child:first-letter {float:left; color:#043f77; color:#eb6e1f; font:700 108px/60px "proxima-nova", sans-serif; padding:12px 10px 0px 0px;} */ #article-body p {font:400 18px/30px "open-sans", sans-serif; color:#333; margin: 0 0 15px 0; /*font:400 20px/34px Georgia, serif; color:#666;*/} #article-body p a {border-bottom:1px solid #aaa; font-weight:bold;} #article-body p a:hover {text-decoration:none; border-bottom:1px solid #eb6e1f;} #article-body p img {border-bottom:none; max-width:100%;} #article-body h2 {font:700 22px/24px "open-sans", sans-serif; color:#333; margin: 0 0 15px 0;} #article-body blockquote {margin:0; padding:10px 0px 30px 0px; font: 400 30px/33px "proxima-nova", sans-serif; letter-spacing:-1px; color:#0079c2; text-align:left; } #article-body .ali-chart {margin:0 0 30px 0;} #article-body .ali-chart img {width:100%;} #article-body .author-bio {margin:30px 0; padding:30px; background:#f5f5f5; border-top:0px solid #eee; border-radius:4px;} #article-body .author-bio .share a {display:inline-block; width:40px; height:40px; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding:0; margin:0 7px 0 0; border-radius:6px; background-repeat:no-repeat; background-position:50% 50%; background-size:85%;} #article-body ul li {font:400 18px/30px "open-sans", sans-serif; color:#333; margin: 0 0 15px 0;} /* #article-body .article-reg-wall ul li {text-align:left; margin:0 0 5px 0;} #article-body .article-reg-wall h2 {margin: 0 0 15px 0; font:800 30px/30px 'proxima-nova', sans-serif; color:#043f77;} #article-body .article-reg-wall p {display:block; margin:0 0 5px 0;} #article-body .article-reg-wall img.logo {margin:0 auto 15px auto; height:45px;} */ #article-body p {display: block;} #article-body .article-reg-wall {margin:0 0 30px 0; padding:30px; background:#e5e5e5; border-radius:8px; text-align:center;background-image: linear-gradient(180deg, #e5e5e5, #efefef);} #article-body .article-reg-wall input.submit {margin: 10px 0;font-size: 18px;text-transform: none; /*background:#ce181f;*/ background:#0079c2;} #article-body .article-reg-wall input.submit:hover {/*background:#991317;*/ background:#043f77;} #article-body .article-reg-wall input.submit.grey {background:#444;} #article-body .article-reg-wall input.submit.grey:hover {background:#222;} #article-body .article-reg-wall input.submit.continue {margin:10px 0 10px 20px; padding:10px 20px; background:#fff; color:#444;} #article-body .article-reg-wall input.submit.continue:hover {background:#ccc; color:#444;} #article-body .article-reg-wall ul {list-style:none; margin:0; padding:0; text-align:center;} #article-body .article-reg-wall ul li {font: 400 16px/20px "open-sans", sans-serif; list-style:none; margin:0 0 15px 0; padding:0; text-align:center; display:block;} #article-body .article-reg-wall h2 {font: 800 36px/36px 'proxima-nova', sans-serif; color:#333;} #article-body .article-reg-wall h4 {margin:0 0 15px 0; padding:0; font:800 18px/18px 'proxima-nova', sans-serif; /*color:#ce181f;*/ color:#0079c2; text-transform:uppercase;} #article-body .article-reg-wall p {display:block; margin:0 0 5px 0;} #article-body .article-reg-wall p a {border-bottom:none;} #article-body .article-reg-wall .small-copy {font-size:15px; line-height:18px;} .main-content.special-feature {width:auto; margin:0 auto;} .main-content.special-feature #article-body {width:auto; margin:0 170px 30px 170px; padding:0;} /*.main-content.special-feature #article-body p {font:400 18px/30px "open-sans", sans-serif; color:#555; margin:0 0 15px 0;}*/ .main-content.special-feature #article-body blockquote {margin:0 -80px; padding:10px 0px 30px 0px; font:400 36px/38px "proxima-nova", sans-serif; letter-spacing:-1px; color:#0079c2; text-align:left;} .main-content.special-feature .main-art {width:840px; margin:0 auto 15px auto;} /* share this story */ .share-this-story {margin:30px 0 0 0; padding:0; text-align:center;} .share-this-story .instruction {margin:10px 10px 0 0;color:#999;text-transform:uppercase; display:none;} .share-this-story .button {background-color:#333; color:#fff; display:inline-block; margin:0 6px 6px 0; padding:5px 15px; text-decoration:none; border:none; border-radius:4px;} .share-this-story .button:hover {background-color:#555; color:#fff;} .share-this-story .button .label {margin:0px 0 0 6px; white-space:nowrap; display:inline-block; vertical-align:top; zoom:1; font-size:14px; font-weight:100; text-transform:uppercase; color:#fff;} .share-this-story .button i {position:relative; top:2px; display:inline-block; width:20px; height:20px; background:transparent 0 0 no-repeat; background-position:50% 50%; background-size: 150%;} .share-this-story .fb {background-color:#3b5998;} .share-this-story .fb:hover {background-color:#243c79;} .share-this-story .fb i {background-image: url('/assets/master-template/images/social-fb-white.png');} .share-this-story .tw {background-color:#29c5f6;} .share-this-story .tw:hover {background-color:#10a3ef;} .share-this-story .tw i {background-image: url('/assets/master-template/images/social-tw-white.png');} .share-this-story .go {background-color:#d84a38;} .share-this-story .go:hover {background-color:#a23525;} .share-this-story .go i {background-image: url('/assets/master-template/images/social-go-white.png');} .share-this-story .li {background-color:#0082c9;} .share-this-story .li:hover {background-color:#106296;} .share-this-story .li i {background-image: url('/assets/master-template/images/social-li-white.png');} #article-body .share-this-story p a {border:none;} #article-body .share-this-story p a:hover {border:none;} #article-body .author-bio {margin:30px 0; padding:20px; background:#f5f5f5; border-top:0px solid #eee; border-radius:4px;} #article-body .author-bio .share a {display:inline-block; width:40px; height:40px; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding:0; margin:0 7px 0 0; border-radius:6px; background-repeat:no-repeat; background-position:50% 50%; background-size:85%;} /* tw #29c5f6 fb #3b5998 li #0082c9 go #d84a38 em #9a9da5 rs #e05915 */ #article-body .author-bio .share a.tw {background-image:url('/assets/master-template/images/market-images/social-tw.png'); } #article-body .author-bio .share a.fb {background-image:url('/assets/master-template/images/market-images/social-fb.png'); } #article-body .author-bio .share a.li {background-image:url('/assets/master-template/images/market-images/social-li.png'); } #article-body .author-bio .share a.go {background-image:url('/assets/master-template/images/market-images/social-go.png'); } #article-body .author-bio .share a.em {background-image:url('/assets/master-template/images/market-images/social-em.png'); } #article-body .author-bio .share a.rs {background-image:url('/assets/master-template/images/market-images/social-rs.png'); } #article-body .author-bio p {font:300 16px/20px 'proxima-nova', HelveticaNeue, sans-serif; color:#333; } #article-body .author-bio .author-contact {font-size:14px; font-weight:300; color:#999; text-transform:uppercase; margin:0 0 5px 0;} #article-body .author-bio .author-photo {float:right; margin:0 0 20px 20px; width:125px; border-radius:50%;} #article-body .author-bio h3.section-heading {margin:0 0 10px 0;} #article-body ul.filed-under.mini li {margin:0 10px 10px 0;} #article-body ul.filed-under.mini li a {font-size:14px; font-weight:500; color:#333; display:block; padding:2px 10px; background:#efefef; border-radius:4px;} #article-body ul.filed-under.mini li a:hover {background:#444; color:#fff;} .article-top-trending {width:auto; margin:0; padding:15px 15px 10px 15px; background:#efefef;} .article-sidebar .package-wrapper {margin:0 0 30px 0;} .article-sidebar .package-wrapper p.sub {color:#4089d8; margin:0 0 5px 0;} .article-sidebar .package-header {margin:0; padding:10px 5px 8px 5px; background:#492f91 url('/assets/master-template/images/hash-1.png'); background-size:cover; border-radius:4px;} .article-sidebar .package-header .sub {font-weight:700; text-transform:uppercase; color:#83b2e6;} .article-sidebar .package-name {padding:0 0 10px 0; border-bottom:1px solid #83b2e6;} .article-sidebar .package-name a {font-size:24px; font-weight:700; color:#fff; } .article-sidebar .package-name a:hover {color:#83b2e6;} .article-sidebar .package-title {font-size:18px; font-weight:300; color:#fff;} .article-sidebar .package-title a {display:block; font-size:14px; color:#fff; cursor:pointer; background:transparent url('/assets/master-template/images/icon-divot-close.png') center right no-repeat; padding-right:40px;} .article-sidebar .package-title a:hover {color:#83b2e6;} .article-sidebar p.article-title.major:hover {color:#0079c2;} .article-sidebar .package-title.mobile {display:none;} .article-sidebar #package-nav {margin:0; padding:0;} .article-sidebar #package-nav ul {list-style:none; margin:0; padding:0;} .article-sidebar #package-nav ul li {list-style:none; margin:10px 0 0 0; } .article-sidebar #package-nav ul li a {margin:0; padding:20px 0px 10px 0px; display:block; background:#fff; border-bottom:2px solid #ddd;} .article-sidebar #package-nav ul li a:hover {color:#4089d8;} .article-sidebar #package-nav ul li a:focus {text-decoration:none;} .article-sidebar #package-nav ul li a.activee {background:#e3e3e3; border-left:0px solid #4089d8; color:#4089d8;} .article-sidebar #package-nav ul li .sub {text-transform:uppercase;} .article-sidebar .package-footer {margin:0; padding:5px 20px; background-color:#4089d8; display:none;} .article-sidebar .package-footer .package-name {margin:0 0 0px 0;padding:0; border:none;} .article-sidebar .package-footer .package-name a {font-size:18px; font-weight:700; color:#fff; } .article-sidebar .package-footer .package-name a:hover {color:#83b2e6;} /* --- styled ordered list numbers --- */ .article-sidebar ol.article-list-default {counter-reset:li; margin-left:0; padding-left:0;} .article-sidebar ol.article-list-default > li {position:relative; margin:0 0 10px 15px; padding:4px 8px; padding:0 0 0 30px; list-style:none; } .article-sidebar ol.article-list-default > li:before {content:counter(li); counter-increment:li; position:absolute; top:0px; left:-1em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; height:2em; margin-right:8px; padding:4px; border-top:0px solid #666; color:#fff; background:#0079c2; background:#ccc; border-radius:50%; font-weight:800; text-align:center;} .sidebar ol.article-list-default {counter-reset:li; margin-left:0; padding-left:0;} .sidebar ol.article-list-default > li {position:relative; margin:0 0 10px 15px; padding:4px 8px; padding:0 0 0 30px; list-style:none; } .sidebar ol.article-list-default > li:before {content:counter(li); counter-increment:li; position:absolute; top:0px; left:-1em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; height:2em; margin-right:8px; padding:4px; border-top:0px solid #666; color:#fff; background:#0079c2; background:#ccc; border-radius:50%; font-weight:800; text-align:center;} /* recommended stories */ .recommended-stories {margin:0 0 30px 0; padding:30px 0 0 0;} .recommended-stories .inner {margin-right:30px;} .recommended-stories .article-thumb img {width:100%; margin:0 0 0px 0;} /* preview wrapper */ .article-main-art a {position:absolute; display:block; cursor:pointer; top:0; right:0;} .article-main-art a:hover > .magnify {opacity:0.75;} .article-main-art .inner {position:relative; display:block;} .article-main-art .magnify {position:absolute; top:0; right:0; display:inline-block;width:35px;opacity:0.35; transition: opacity 0.15s ease-in-out; } #preview-wrapper {position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:rgba(3,3,3,0.85);} #preview-wrapper .preview-header {margin:0 0 30px 0; padding:18px 60px; border-bottom:1px solid #777; text-align:right; font-size:16px; color:#fff; } #preview-wrapper .preview-header a {font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff; cursor:pointer;} #preview-wrapper .preview-header .left img {width:25px; height:25px; vertical-align:middle;float:left; margin:0 20px 0 0;} #preview-wrapper .preview-header .right img {width:25px; height:25px; vertical-align:middle;float:right; margin:0 0 0 20px; opacity:0.45;} #preview-wrapper .preview-header .right img:hover {opacity: 1.0;} #preview-wrapper .preview-header .right span {display:none;} #preview-wrapper .preview-image {text-align:center;} #preview-wrapper .preview-image img {vertical-align:middle; width:65%; max-width:65%; margin:0 auto; padding:0; box-shadow: 0px 5px 15px rgba(8,8,8,0.8);} #preview-wrapper .preview-image .helper {display:inline-block; height:100%; vertical-align:middle;} /* --- Topic Page Hero triad --- */ .topic ul.hero.triad {list-style:none; margin:0 0 30px 0; padding:0;} .topic ul.hero.triad li {list-style:none; margin:0; padding:0; display:inline-block; position:relative;} .topic ul.hero.triad li .title {font:300 22px/24px "proxima-nova", sans-serif; color:#fff;} .topic ul.hero.triad li .title {font:700 26px/28px "proxima-nova", sans-serif; color:#fff;} .topic ul.hero.triad li .deck {color:#fff;} .topic ul.hero.triad li .summary {position:absolute; bottom:0; left:0; color:#fff; margin:10px; padding:20px 20px 10px 20px;} .topic ul.hero.triad li:nth-child(1) {width:60%; height:60vh; float:left;} .topic ul.hero.triad li:nth-child(2) {width:40%; height:30vh; float:left;} .topic ul.hero.triad li:nth-child(3) {width:40%; height:30vh; float:right;} .topic ul.hero.triad li:nth-child(1) .thumb {display:block; height:60vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .topic ul.hero.triad li:nth-child(2) .thumb {display:block; height:30vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .topic ul.hero.triad li:nth-child(3) .thumb {display:block; height:30vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .topic ul.hero.triad li:hover .thumb {opacity: 0.65;} .topic ul.hero.triad li:nth-child(1) .title {font:700 40px/40px "proxima-nova", sans-serif;} .topic ul.hero.triad li:nth-child(2) .deck {display:none;} .topic ul.hero.triad li:nth-child(3) .deck {display:none;} /* --- Topics --- */ .additional-practice-areas {margin:0 0 0 0; padding:0 0 0 0;} .additional-practice-areas ul {list-style:none; margin:15px 0 30px 30px; padding:0;} .additional-practice-areas ul li {list-style:none; margin:0 0 15px 0; padding:0; display:block; width:33%; float:left;} .additional-practice-areas ul li a {margin:0; padding:0 15px 0 0; color:#0079c2; text-decoration:none;} .additional-practice-areas ul li a:hover {color:#0079c2; text-decoration:none;} .additional-practice-areas p.title a {display:block; font-size:18px; font-weight:700; margin:20px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc; color:#555; cursor:pointer;} .additional-industries {margin:0 0 0 0; padding:0 0 0 0;} .additional-industries ul {list-style:none; margin:15px 0 30px 30px; padding:0;} .additional-industries ul li {list-style:none; margin:0 0 15px 0; padding:0; display:block; width:33%; float:left;} .additional-industries ul li a {margin:0; padding:0 15px 0 0; color:#0079c2; text-decoration:none;} .additional-industries ul li a:hover {color:#0079c2; text-decoration:none;} .additional-industries p.title a {display:block; font-size:18px; font-weight:700; margin:20px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc; color:#555; cursor:pointer;} .additional-subjects {margin:0 0 0 0; padding:0 0 0 0;} .additional-subjects ul {list-style:none; margin:15px 0 30px 30px; padding:0;} .additional-subjects ul li {list-style:none; margin:0 0 15px 0; padding:0; display:block; width:33%; float:left;} .additional-subjects ul li a {margin:0; padding:0 15px 0 0; color:#0079c2; text-decoration:none;} .additional-subjects ul li a:hover {color:#0079c2; text-decoration:none;} .additional-subjects p.title a {display:block; font-size:18px; font-weight:700; margin:20px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc; color:#555; cursor:pointer;} /* enl promo */ .reader-interests {margin:0 0 30px 0; padding:30px 30px 10px 30px; background:#fff; border:4px solid #ddd; border-radius:8px;} .reader-interests p {margin:0 0 10px 0;} .reader-interests .col-1-4 {margin:0 0 15px 0;} .poll-wrapper {margin:0 0 30px 0; padding:30px; background:#efefef;} .poll-wrapper p {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:4px solid #ccc;} .poll-wrapper form label {margin:0 0 10px 0; padding:0; display:block; font-size:13px; } #article-body .poll-wrapper {width:40%; margin:0 0 20px 20px; padding:20px; float:right;} .customize-wrapper {margin:0 0 15px 0;padding:15px 15px 15px 20px; background:#fff; border:4px solid #ddd; border-radius:4px;} .customize-wrapper h3.section-title {margin-bottom:0;} .customize-wrapper .customize {text-align:right; position:relative;} .customize-wrapper .customize h3.section-title {margin-bottom:10px;} .customize-wrapper .customize img.icon-customize {widthh:14px; vertical-align:middle; margin:-3px 8px 0 0; opacity:0.50;} .customize-wrapper .customize a.action {border:none;font-weight:500; position:relative; cursor:pointer; color:#999; padding:5px 10px; border-radius:4px;} .customize-wrapper .customize a.action:hover {color:#444; background:#efefef;} .customize-wrapper .customize a.action span {text-transform:uppercase;} .customize-wrapper .customize #options {position:absolute; top:0; left:0; width:300px; text-align:left; margin:0 0 30px 0; padding:20px 30px 0px 30px; background:#f5f5f5; border-radius:8px; box-shadow:0px 5px 15px rgba(8,8,8,0.35);} .cancel-action {margin-left:20px; cursor:pointer;} /* .customize-wrapper .customize a.action::after { display:inline-block; content:""; width:20px; height:17px; background: transparent url('/assets/master-template/images/icon-filter.png') top left no-repeat; margin:-5px 0 0 10px; padding:0; vertical-align:middle;} .customize-wrapper .customize a.action:hover::after {background: transparent url('/assets/master-template/images/icon-filter-hover.png') top left no-repeat;} */ .customize-wrapper .customize a.action::after { display:inline-block; content:""; width:22px; height:17px; background: transparent url('/assets/master-template/images/icon-options.png') top left no-repeat; margin:0px 0 0 10px; padding:0; vertical-align:middle;} .customize-wrapper .customize a.action:hover::after {background: transparent url('/assets/master-template/images/icon-options-hover.png') top left no-repeat;} /* --- Brand Hero triad --- */ .brand ul.hero.triad {list-style:none; margin:0 0 30px 0; padding:0;} .brand ul.hero.triad li {list-style:none; margin:0; padding:0; display:inline-block; position:relative;} .brand ul.hero.triad li .title {font:300 22px/24px "proxima-nova", sans-serif; color:#fff;} .brand ul.hero.triad li .title {font:700 26px/28px "proxima-nova", sans-serif; color:#fff;} .brand ul.hero.triad li .deck {color:#fff;} .brand ul.hero.triad li .summary {position:absolute; bottom:0; left:0; color:#fff; margin:10px; padding:20px 20px 10px 20px;} .brand ul.hero.triad li:nth-child(1) {width:60%; height:60vh; float:left;} .brand ul.hero.triad li:nth-child(2) {width:40%; height:30vh; float:left;} .brand ul.hero.triad li:nth-child(3) {width:40%; height:30vh; float:right;} .brand ul.hero.triad li:nth-child(1) .thumb {display:block; height:60vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .brand ul.hero.triad li:nth-child(2) .thumb {display:block; height:30vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .brand ul.hero.triad li:nth-child(3) .thumb {display:block; height:30vh; background-image:linear-gradient(0deg, #000, transparent); opacity: 0.95;} .brand ul.hero.triad li:hover .thumb {opacity: 0.65;} .brand ul.hero.triad li:nth-child(1) .title {font:700 40px/40px "proxima-nova", sans-serif;} .brand ul.hero.triad li:nth-child(2) .deck {display:none;} .brand ul.hero.triad li:nth-child(3) .deck {display:none;} /* --- feature Collection --- */ .collection-header {margin:0 0 30px 0; padding:0; color:#333; text-align:center; color:#fff; background:#005581 url('/assets/master-template/images/hash-11.png') 50% 50% no-repeat; background-size:cover;} .collection-header .collection-bg-gradient {background-image:linear-gradient(0deg, #005581, transparent); opacity:1.0;} .collection-header .inner {width:1180px; height:auto; margin:0 auto; padding:45px 0 45px 0;} .collection-header h2 {margin: 0 0 5px 0; padding:0; font: 800 56px/56px "proxima-nova", sans-serif;} .collection-header h3 {margin: 0 0 15px 0; padding:0; font: 400 26px/28px "proxima-nova", sans-serif;} .collection-header .sub {margin:15px 0; font:400 18px/24px 'open-sans', sans-serif; color:#fff; text-transform:none;} .collection-header p.home img {margin:0 10px 0 0;} .collection-header p.home a {color:#fff; text-decoration:none;} .collection-header p.home a:hover {color:#fff; text-decoration:underline;} .collection-sponsor {margin:0 0 15px 0; padding:0; display:block; } .collection-sponsor span.label {font-size:13px;} .collection-sponsor img.logo {margin:0 0 0 15px; height:36px; vertical-align:middle;} .collection-sponsor .nav-arrow-prev {margin:30px auto 0 auto;} .collection-sponsor .nav-arrow-next {margin:30px auto 0 auto;} .collection-header .collection-nav {margin:0 0 0px 0;} .collection-header .collection-nav ul {list-style:none; margin:0 0 0px 0; padding:0 0 0px 0;} .collection-header .collection-nav ul li {list-style-type:none; margin:0 5px; padding:10px 0; display:inline-block; float:none; text-align:center; font-size:24px; font-weight:500;} .collection-header .collection-nav ul li a {font-size:16px; color:#fff; text-decoration:none; display:block; margin:0; padding:10px 15px; border:2px solid #fff; border-radius:4px;} .collection-header .collection-nav ul li a:hover {background:#fff; color:#333; border:2px solid #fff;} .collection-header .collection-nav ul li.active a {background:#fff; color:#005581; border:2px solid #fff;} .collection-mini-header {text-align:left; width:1180px; margin:0 auto 30px auto; background:#005581 url('/assets/master-template/images/hash-3.png') 50% 50% no-repeat; background-size:cover; border-radius:2px;} .collection-mini-header .inner {padding:10px 20px 6px 20px;} .collection-mini-header a.home {color:#fff; margin:4px 0 0 0; display:block;} .collection-mini-header a.home:hover {color:#fff; text-decoration:underline;} .collection-mini-header a.home img {margin:0 10px 0 0;} .collection-mini-header h2 {margin: 0 0 5px 0; padding:0; font:800 30px/30px "proxima-nova", sans-serif; color:#fff;} .collection-mini-header h2 span {font-weight:300; font-size:20px; text-transform:uppercase; color:#fff; opacity:0.5;} .collection-mini-header .sponsor {margin:0; font-size:12px;float:right;} .collection-mini-header .sponsor .label {color:#fff;} .collection-mini-header .sponsor img.logo {margin:0 0 0 15px; height:31px; vertical-align:middle;} /* --- Search ---*/ #search-menu input.search {width:45%; padding:11px; margin:0 20px 15px 0; font-size:16px; border:2px solid #ccc; color: #7d7d7d; border-radius:6px; transition: 0.25s ease-in-out;} #search-menu input.search:focus {width:50%; transition: 0.25s ease-in-out;} #search-menu input.submit {padding:8px 25px 10px 25px; margin:0 0 15px 0; border:none; font:800 16px "open-sans", sans-serif; color:#fff; border:2px solid #0079c2; background-color:#0079c2; border-radius:6px;} #search-menu input.submit:hover {background:#ab181d; border:2px solid #ab181d;} ul.search-filters {list-style:none; margin:0 0 20px 0; padding:0 20px 0 0;} ul.search-filters li {list-style:none; margin:0 0 0 10px; padding:0 0 0 15px; background:transparent url('/assets/master-template/images/list-arrow.png') left 6px no-repeat;} ul.search-filters li a:hover {text-decoration:underline;} ul.search-filters h4 {margin:5px 0 15px 0; font-size:16px; font-weight:900; text-transform:uppercase; line-height:18px;} /* subscribe cta */ .subscribe-cta {background:#efefef; margin:0 0 30px 0; padding:30px 120px; color:#fff; text-align:center; border-radius:4px; border-top:4px solid #ddd;} .subscribe-cta h2 {margin: 0 0 15px 0; font: 800 48px/48px "proxima-nova", sans-serif; color: #043f77;} .subscribe-cta h3 {margin: 0 0 30px 0; font: 400 26px/28px "proxima-nova", sans-serif; color: #043f77;} /* --- Account Management --- */ .my-account-content {margin:0 0 30px 0; padding:0;} .account-nav {margin:0 0 30px 0; padding:0; border-bottom:4px solid #ddd;} .account-nav a {margin:0 30px 0 0; padding:10px 0; font:700 18px/20px "proxima-nova", sans-serif; color:#444; display:block; float:left; border-bottom:2px solid #fff; } .account-nav a:hover {color:#0079c2; border-bottom:2px solid #0079c2; cursor: pointer;} .account-nav a:active {color:#0a5b91; border-bottom:2px solid #0a5b91; text-decoration:none;} .account-nav a.active {color:#0079c2; border-bottom:2px solid #0079c2; text-decoration:none;} .account-section {margin:0 0 30px 0; padding:0 0 30px 0; border-bottom: 1px solid #ddd;} .account-section.last {border-bottom:none;} .account-section h3 {margin:0 0 10px 0; padding:0; font:700 24px/22px "proxima-nova", sans-serif;} .action-notice {margin:0 0 20px 0; padding:15px 20px; background-color:#f2f9eb; border-radius:4px;} .action-notice.green {background-color:#f2f9eb;} .action-notice.blue {background-color:#e2e8fe;} .action-notice.orange {background-color:bisque;} .action-notice.red {background-color:mistyrose;} .action-notice img.close {margin:0 0 10px 10px; padding:0; float:right; opacity:0.35;} .action-notice img.close:hover {opacity:0.85;} .account-abstract.major {font-size:22px; line-height:26px; font-weight:300; margin:0 0px 30px 0px; color:#888; letter-spacing:0;} .account-subnav {margin:0 0 30px 0; padding:10px 20px; border:3px solid #ddd; border-radius:4px;} .account-subnav h3 {margin:0; cursor:pointer;} .account-subnav img.nav-arrow {margin:6px 0px 0 0; padding:0; float:right;} .account-subnav ul#nav {list-style:none; margin:0; padding:0; } .account-subnav ul#nav li {margin:0; padding:0; display:block;} .account-subnav ul#nav li a { margin: 0; padding:10px 10px; display: block; font: 100 18px "proxima-nova", sans-serif; border-top: 1px dotted #ddd; text-decoration: none; } .account-subnav ul#nav li:first-child a {padding:15px 10px 10px 10px; border:none;} .marketing-section {margin:0 0 5px 0; padding:15px 0 6px 15px; background:#f5f5f5;} .marketing-section.last {border-bottom:none;} .marketing-section h3 {margin:0 0 10px 0; padding:0; font:700 24px/22px "proxima-nova", sans-serif;} .marketing-section .opt {text-align:center;} .my-account-content .alert-section select {width: 75%;} .alert-section.header {margin:0 0 5px 0; padding:0 0 5px 0; background:none;} .alert-section {margin:0 0 5px 0; padding:15px 15px 6px 15px; background:#f5f5f5;} /* subscribe page */ .subscribe-content {margin:0 auto 30px auto; padding:0;} .subscribe-content .inner {margin:0 30px 30px 0; padding:30px; text-align:center; border-radius:8px} .subscribe-content .outer {margin:0 30px 30px 0; padding:0px; text-align:center; } .subscribe-content input.submit {} .subscribe-content img.platform {margin:20px 0; padding:0; width:85%;} .subscribe-content .basic {background:#f5f5f5; } .subscribe-content .silver {background:#f5f5f5; } .subscribe-content .gold {background:#f5f5f5; } .subscribe-content .platinum {background:#f5f5f5; } .subscribe-content .basic:hover {background:#efefef;} .subscribe-content .silver:hover {background:#efefef;} .subscribe-content .gold:hover {background:#efefef;} .subscribe-content .platinum:hover {background:#efefef;} .subscribe-content input {margin:0 0 10px 0; padding:10px 0; width:100%; height:20px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .subscribe-content input.submit {text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; margin:0; padding:10px 20px 10px 10px; border-radius:4px; display:inline-block; background-color:#0079c2; width:auto; height:auto;} .subscribe-content input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } .subscribe-content input.inactive {margin:0 0 20px 0; padding:10px 20px 10px 10px; width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; border-radius:4px; display:inline-block; background-color:#999; cursor:default; } .subscribe-content input.inactive:hover {text-decoration:none; color:#fff; background-color:#999; } /* sign in page */ .sign-in-modal {width:400px; margin:0 auto 30px auto; padding:40px; background:#efefef;} .sign-in-modal input {margin:0 0 10px 0; padding:10px 0; width:100%; height:20px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .sign-in-modal input.submit {text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; margin:0; padding:10px 20px; border-radius:4px; display:inline-block; background-color:#0079c2; height:auto;} .sign-in-modal input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } /* register page */ .register-modal {width:400px; margin:0 auto 30px auto; padding:40px; background:#efefef;} .register-modal input {margin:0 0 10px 0; padding:10px 0; width:100%; height:20px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .register-modal input.submit {text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; margin:0; padding:10px 20px; border-radius:4px; display:inline-block; background-color:#0079c2; height:auto;} .register-modal input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } .register-modal select {margin:0 0 10px 0; padding:10px 0; width:100%; height:auto; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } /* payment */ .payment-content {margin:0 0 30px 0; padding:0;} .payment-content input {margin:0 0 10px 0; padding:10px 0; width:100%; height:20px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .payment-content input.submit {margin:0 0 20px 0; padding:10px 20px 10px 10px; width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; border-radius:4px; display:inline-block; background-color:#0079c2; } .payment-content input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } .payment-content select {margin:0 0 10px 0; padding:10px 0; width:100%; height:auto; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; background-color:#fff;} .payment-content input.remove {margin:0 0 20px 0; padding:10px 20px 10px 10px; width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; border-radius:4px; display:inline-block; background-color:#666; } .payment-content input.remove:hover {text-decoration:none; color:#fff; background-color:#333; } .payment-content input.inactive {margin:0 0 20px 0; padding:10px 20px 10px 10px; width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; border-radius:4px; display:inline-block; background-color:#999; cursor:default; } .payment-content input.inactive:hover {text-decoration:none; color:#fff; background-color:#999; } /* account profile */ .my-account-content {margin:0 0 30px 0; padding:0;} .my-account-content input {margin:0 0 10px 0; padding:10px 0; width:100%; height:20px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .my-account-content textarea {margin:0 0 10px 0; padding:10px 0; width:100%; height:100px; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } .my-account-content input.submit {margin:0 0 20px 0; padding:10px 20px 10px 10px; width:auto; height:auto; text-decoration:none; font-size:16px; font-weight:bold; text-transform:none; color:#fff; border:none; border-radius:4px; display:inline-block; background-color:#0079c2; } .my-account-content input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91; } .my-account-content select {margin:0 0 10px 0; padding:10px 0; width:100%; height:auto; border-radius:0; text-indent:10px; border:1px solid #ccc; display:inline-block; font-size:14px; line-height:20px; color:#555; vertical-align:middle; border-radius:4px; } /* enl promo */ .enl-promo {margin:0 auto 30px auto; padding:0; width:100%; height:auto; background-color:#fff; } .enl-promo .inner {width:1180px; margin:0 auto; padding:30px 0; text-align:center; border:0px solid #444; background-image:linear-gradient(90deg, #efefef, #efefef); border-radius:6px;} .enl-promo select {width:300px; display:inline-block; vertical-align:middle; padding:11px; margin:0 15px 15px 0; font-size:16px; border:0px solid #ccc; color:#7d7d7d; border-radius:6px;} .enl-promo input {width:300px; display:inline-block; vertical-align:middle; padding:11px; margin:0 15px 15px 0; font-size:16px; border:0px solid #ccc; color:#7d7d7d; border-radius:6px;} .enl-promo input.submit {width:auto; padding:10px 20px 10px 20px; margin:0 0 15px 0; border:none; font:800 16px "open-sans", sans-serif; text-transform:uppercase; color:#fff; background-color:#0079c2; border-radius:4px;} .enl-promo input.submit:hover {text-decoration:none; color:#fff; background-color:#0a5b91;} /* email newsletters */ input.email-check-box {margin:0 15px 0 0; padding:0;} img.email-tooltip {margin:0 0 0 15px; padding:0; vertical-align:middle; cursor:pointer;} img.email-check-box {margin:0 15px 0 0; padding:0; vertical-align:middle} .account-section h3.section-title {margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd; font:500 18px/20px "proxima-nova", sans-serif; text-transform:uppercase; color:#0a5b91; color:#0079c2; background:none;} .enl-list-wrap {margin:0 0 20px 0; padding:0; border:3px solid #ddd; border-radius:4px;} .enl-list-wrap .article-title {margin:0; padding:15px 20px; backgroundd:#efefef;} .enl-list-wrap .article-title a {cursor:pointer;} .enl-list-wrap ul.enl-list {list-style:none; margin:0; padding:20px 20px 10px 20px; backgroundd:#efefef;} .enl-list-wrap ul.enl-list li {list-style:none; margin:0; padding:0;} .enl-list-wrap img.nav-arrow {margin:6px 0 0 0; padding:0; float:right;} /* faq */ .helpQuest { margin:0 0 10px 0; padding:0; font-weight:700;} .helpAnswer {margin:0 0 30px 0; padding:0;} /* --- Brands page join --- */ .brand-join-cta {width:100%; margin:0 0 0 0; padding:0; background:#f5f5f5;} .brand-join-cta .inner {width:1180px; margin:0 auto; padding:30px 0;} .brand-join-cta .logo {margin:0 auto 15px auto; height:45px;} .brand-join-cta ul.selling-points {margin:0 0 30px 0; font-size:20px; font-weight:300; line-height:26px;} .brand-join-cta h2 {margin:0 0 15px 0; font:800 48px/48px "proxima-nova", "Titillium Web", sans-serif; color:#043f77;} .brand-join-cta h3 {margin:0 0 30px 0; font:400 26px/28px "proxima-nova", "Titillium Web", sans-serif; color:#043f77;} .brand-join-cta h4 {margin:0 0 30px 0; font:400 26px/28px "proxima-nova", "Titillium Web", sans-serif; color:#043f77;} .brand-join-cta .mobile{display:none;} @media only screen and (max-width: 1200px) { .brand-join-cta .inner {width:960px; margin:0 auto; padding:30px 0;} } @media only screen and (max-width: 1023px) { .brand-join-cta .inner {width:auto; padding:20px;} input.submit {width:100%;} } /* Footer */ .footer {width:100%; background:#222; margin:30px 0 0 0; padding:10px 0; color:#fff;} .footer .inner {width:1180px; margin:0 auto;} .footer img.main-nav-logo {margin: 17px 0 17px 0; height:35px;} .footer .top {margin:20px auto 20px auto; padding:0 0 20px 0; border-bottom:1px solid #444;} .footer .site-links {margin:20px auto 20px auto; padding:0 0 20px 0; border-bottom:0px solid #444;} .footer .network {margin:20px auto 20px auto; padding:0 0 20px 0; border-bottom:none;} .footer h3 {color:#fff;} .footer h4 {color:#fff; margin:0 0 20px 0; font:700 18px/23px "open-sans", Helvetica, sans-serif; text-transform:uppercasee; text-align:left; } .footer h4 a {color:#fff;} .footer h4 a:hover {color:#f1ce0a; text-decoration:none;} .footer ul.column-links {list-style:none; margin:0; padding:0;} .footer ul.column-links li {list-style:none; margin:0 0 7px 0; padding:0 20px 0 0; text-align:left;} .footer ul.column-links li a {color:#777; text-decoration:none; font-size:14px; font-weight:normal; } .footer ul.column-links li a:hover {color:#f1ce0a; text-decoration:none;} .footer ul.column-links li.more {margin-top:10px;} .footer .share a {display:inline-block; width:35px; height:35px; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding:0; margin:17px 17px 17px 0; border-radius:6px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;} .footer .share a.tw {background-image:url('/assets/master-template/images/market-images/social-tw-white.png'); } .footer .share a.fb {background-image:url('/assets/master-template/images/market-images/social-fb-white.png'); } .footer .share a.li {background-image:url('/assets/master-template/images/market-images/social-li-white.png'); } .footer .share a.go {background-image:url('/assets/master-template/images/market-images/social-go-white.png'); } .footer .share a.em {background-image:url('/assets/master-template/images/market-images/social-em-white.png'); } .footer .share a.rs {background-image:url('/assets/master-template/images/market-images/social-rs-white.png'); } /* alm footer */ .alm-footer {margin:0; padding:30px 0; text-align:center; background:#efefef;} .alm-footer .inner {width:1180px; margin:0 auto;} .alm-footer .law-logo {margin:0; padding:0 0 15px 0;} .alm-footer .law-logo img {height:30px;} .alm-footer .follow {margin:0; padding:0 0 15px 0;} .alm-footer .engage {margin:0; padding:0 0 15px 0;} .alm-footer .engage a {font-size:14px; font-weight:400; color:#043f77; text-transform:none; list-style:none; margin:0; padding:0; display:inline-block; float:none;} .alm-footer .engage a:after {content: "/"; margin:0 15px; color:#333;} .alm-footer .engage a.last:after {display:none;} .alm-footer .engage a:hover {color:#0079c2; text-decoration:none;} .alm-footer .copyright {margin:0; padding:0 0 10px 0;} .alm-footer .copyright p {font-size:14px; margin:0; padding:0; color:#777; text-transform:none;} .alm-footer .copyright span {color:#444;} .alm-footer .alm-logo {} .alm-footer .alm-logo img {height:16px;} .alm-footer .alm-logo p {padding:0; margin:0;} .alm-footer .follow img {width:36px;vertical-align:middle;} .alm-footer .follow span {margin:0 5px 0 0;font-size:14px;color:#777;text-transform:uppercase;} /* footer version 4 */ .brand-footer {background:#efefef; margin:0; padding:0; } .brand-footer .inner {width:1180px;margin:0 auto;padding:30px 0; border-bottom:1px solid #ccc;} .brand-footer img.brand-logo {height:30px;vertical-align:middle;} .brand-footer img.social {width:35px;vertical-align:middle;} .brand-footer .follow {margin:15px 0 0 0px; display:block;} .brand-footer .follow .label {margin:0 5px 0 0;font-size:14px;color:#777;text-transform:uppercase; display:inline-block;} .brand-footer .follow img {width:36px;vertical-align:middle;} .brand-footer .brand-nav {margin:0; padding:0;;text-align:left; background:none;} .brand-footer .brand-nav ul {list-style:none; margin:0 0 15px 0; padding:0; text-align:center;} .brand-footer .brand-nav ul li {list-style:none; margin:0; padding:0; display:inline-block;} .brand-footer .brand-nav ul li:before {content:"/"; margin: 0 10px 0 5px; color:#ccc;} .brand-footer .brand-nav ul li:first-child:before {content:""; margin-right:0;} .brand-footer .brand-nav ul.minor {list-style:none; margin:0 0 15px 0; padding:0; text-align:center;} .brand-footer .brand-nav ul.major li a {font-size:15px; font-weight:bold;} .brand-footer .brand-nav ul.minor {list-style:none; margin:0 0 0px 0; padding:0; text-align:center;} .brand-footer .brand-nav ul.minor li a {font-size:13px; font-weight:normal;} .site-footer {background:#efefef; padding:30px 0 15px 0; font-size:13px;} .site-footer .inner {width:1180px;margin:0 auto;padding:0; } .site-footer img.site-logo {height:35px;vertical-align:middle;} .site-footer img.social {width:35px;vertical-align:middle;} .site-footer .follow {margin:15px 0 0 0px; display:block;} .site-footer .follow .label {margin:0 5px 0 0;font-size:14px;color:#777;text-transform:uppercase; display:inline-block;} .site-footer .follow img {width:36px;vertical-align:middle;} .site-footer .site-nav {padding-bottom:20px;text-align:left;} .site-footer .site-nav ul {list-style:none; margin:0 0 30px 0; padding:0;} .site-footer .site-nav ul li {list-style:none; margin:0; padding:0; display:inline-block;} .site-footer .site-nav ul li a {} .site-footer .site-nav ul li:after {content:"/"; margin:0 15px; color:#333;} .site-footer .site-nav ul li:last-child:after {content:""; margin-right:0;} .site-footer .engaged {text-align:center;} .site-footer .engaged h3 {font-size:15px; font-weight:bold; color:#333;} .site-footer .engaged ul {list-style:none; margin:0 0 30px 0; padding:0;} .site-footer .engaged ul li {list-style:none; margin:0; padding:0; display:block;} .site-footer .engaged ul li a {margin:0 0 5px 0; display:block;} .site-footer .engaged ul li.more a {margin:15px 0 5px 0;} .alm-global-stripe {background:#111; padding:10px 0;} .alm-global-stripe p {margin:0;padding:0;color:#fff;font-size:13px;text-align:center;} .alm-global-stripe img.alm-logo {height:16px;vertical-align:middle;margin:0 15px 0 0;} .back-to-top {width:45px; height:45px; margin:0; padding:0; display:inline-block; position:fixed; right:15px; bottom:15px; display:block;} .back-to-top img {width:100%; opacity:0.15;} .back-to-top img:hover {opacity:0.45;} .ad-position {margin:0 0 30px 0;padding:20px;text-align:center;background:#ddd;} .special-reports-module { margin: 0 0 30px 0; padding: 0; text-align: left; color: #fff; background: #123 url('/assets/master-template/images/market-images/hash-0.png') 50% 50% no-repeat; background-size: cover; } .special-reports-module .bg-gradient { background-image: linear-gradient(0deg, #123, transparent); opacity: 1.0; } .special-reports-module .outer { width: 1180px; margin: 0 auto; padding: 45px 0 30px 0; } .special-reports-module .sponsor { margin: 15px 0; text-align: center; } .special-reports-module .sponsor .label { font-size: 12px; } .special-reports-module .sponsor img.logo { height: 30px; vertical-align: middle; margin: 0 0 0 10px; } .special-reports-module .col-2-3 .inner { margin: 0 30px 0 0; } .special-reports-module h2.module-title { color: #fff; text-align: center; font: 800 48px/48px "proxima-nova", sans-serif; } .special-reports-module h4.module-title { margin: 0 0 10px 0; font: 400 26px/28px 'proxima-nova', sans-serif; color: #fff; text-align: center; } .special-reports-module h2.article-title a { color: #fff; } .special-reports-module h2.article-title a:hover { color: #fff; } .special-reports-module h4.article-title a { margin: 0 0 10px 0; padding: 0; font: 800 26px/28px "proxima-nova", sans-serif; color: #fff; } .special-reports-module h4.article-title a:hover { color: rgba(255, 255, 255, 0.5); } /*.special-reports-module h4.article-title a { margin: 0 0 10px 0; padding: 0; font: 500 22px/24px "proxima-nova", sans-serif; color: #fff; } .special-reports-module h4.article-title a:hover { color: #f69691; color: rgba(255, 255, 255, 0.5); }*/ .special-reports-module p.module-sub { margin: 15px 10% 30px 10%; font: 400 18px/24px 'open-sans', sans-serif; color: #fff; text-align: center; } .special-reports-module ul.article-list-tiles li .sub { display: block } .special-reports-module ul.article-list-tiles li .deck { display: block } .special-reports-module ul.article-list-tiles li:nth-child(1) { width: 100%; height: 450px; float: left; height: auto; margin: 0; } .special-reports-module ul.article-list-tiles li:nth-child(1) .thumb { display: block; height: 450px; background-image: linear-gradient(0deg, #000, transparent); opacity: 0.95; } /*.special-reports-module ul.article-list-tiles li:nth-child(1):hover .thumb {opacity: 0.65;}*/ .special-reports-module ul.article-list-default { margin: 0; padding: 0; list-style: none; } .special-reports-module ul.article-list-default li { list-style-type: none; margin: 10px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid rgba(255, 255, 255, 0.15); overflow: hidden; } .special-reports-module ul.article-list-default li:first-child { border-top: none; margin: 0; padding: 0; } .special-reports-module ul.article-list-default li.sponsored .inner { padding: 15px; } .special-reports-module ul.article-list-default li.sponsored .sponsor .label { font-size: 12px; } .special-reports-module ul.article-list-default li.sponsored .sponsor .logo { margin: 0 0 0 10px; height: 35px; vertical-align: middle; } .special-reports-module ul.article-list-default li.sponsored { background-color: rgba(0, 0, 0, 0.10); border: none; border-radius: 4px 4px 0 0; margin: 20px 0 -10px 0; padding: 0; } .special-reports-module ul.article-list-default li.sponsored .kicker { font-size: 13px; font-weight: 400; text-transform: uppercase; color: #eb6e1f; } .special-reports-module .view-more { margin: 0 auto 20px auto; padding: 0; width: auto; display: block; text-align: center; } .special-reports-module .view-more a { font-size: 16px; font-weight: 700; color: #fff; text-align: center; display: inline-block; padding: 10px 30px; background: #334455; border-radius: 4px; } .special-reports-module .view-more a:hover { background: #223344; color: #fff; } .special-reports-module .view-more a:active { background: #223344; } ul.article-list-grid li .inner { border-left: none; } .special-reports-module ul.article-list-grid.four li:nth-child(1) .inner { margin: 0; padding: 0 15px; } .special-reports-module ul.article-list-grid.four li:nth-child(2) .inner { margin: 0; padding: 0 15px; } .special-reports-module ul.article-list-grid.four li:nth-child(3) .inner { margin: 0; padding: 0 15px; } .special-reports-module ul.article-list-grid.four li:nth-child(4) .inner { margin: 0; padding: 0 15px; } .special-reports-module ul.article-list-grid li .inner {padding:0 30px 0 0;} .special-reports-module ul.article-list-grid li:first-child .inner {padding:0 30px 0 0;} .special-reports-module ul.article-list-grid li:last-child .inner {padding:0 30px 0 0;} .special-reports-module ul.article-list-grid .main-image {display:none;} .special-reports-module ul.article-list-grid .deck {color:#fff;} .special-reports-module img.covershot {width:88%; height:auto; display:block;} .special-reports-module .view-more {text-align:left;} /*sponsored pkg styles */ .pkg-collection-bg-gradient { background-image: linear-gradient(0deg,rgba(1,2,3,0.80) 30%, rgba(1,2,3,0.50) );opacity: 1.0; } .pkg-inner { margin: auto; padding: 45px 0; height: auto; } .pkg-inner h1, .pkg-inner h3,.pkg-inner p, .pkg-inner h5 {color: #fff; } .pkg-inner h1 { margin: 0 0 5px; padding: 0; font: 800 56px/56px "proxima-nova", sans-serif; } .pkg-inner h3, .pkg-inner h5 { font:400 26px/28px "proxima-nova", sans-serif; margin: 0 0 15px; padding:0;} .pkg-inner p {font: 400 18px/24px 'Open Sans', sans-serif;margin: 15px 15%;} .pkg-inner li {display: inline-block;} .pkg-inner li a { background: transparent; border: 2px solid #fff; border-radius: 4px;padding: 10px 15px;margin: 0 5px; color: #fff !important} .pkg-inner li a:hover { text-decoration:none; color: #333 !important; } .pkg-inner li.active a {background:#043f77; border-color: #043f77;} .pkg-inner li.active a:hover {color: #fff !important;} .collection-sponsor-logo { display: inline-block; padding: 5px 10px 5px } @media screen and (max-width: 1200px) { .special-reports-module .outer { width: 960px; } } @media only screen and (max-width: 1023px) { .special-reports-module .outer { width: auto; padding: 15px; } .special-reports-module .col-2-3 .inner { margin: 0; } .special-reports-module ul.article-list-tiles li .deck { display: none; } ul.article-list-tiles { margin: 0 0 15px 0; } .special-reports-module h2.module-title { margin: 0 0 15px 0; font: 800 30px/30px "proxima-nova", sans-serif; } .special-reports-module img.covershot {width:50%; margin:0 auto 15px auto;} } .native-collection-full { width:1180px; margin:0 auto 30px auto; padding:20px 20px 0px 20px; background:#efefef; } .native-collection-full .inner { } .native-collection-full .sponsor { margin:0 0 0px 0; font-size:13px; } .native-collection-full .sponsor-kicker { margin:0; font-size:13px; font-weight:400; text-transform:uppercase; color:#ce181f; } .native-collection-full .sponsor .label { font-size:16px; padding: 0; font-weight: 400; line-height: 2; color: #333; } .native-collection-full ul.article-list-grid { margin:10px 0 0 0; padding:10px 0 0 0; } .native-collection-full ul.article-list-grid li { } .native-collection-full ul.article-list-grid li .inner { margin:0 30px 0 0; padding:0; } .native-collection-full ul.article-list-grid li .inner img { margin:0 0 15px 30px; width:25%; float:right; } @media only screen and (max-width: 1200px) { .native-collection-full { width:900px; } } @media only screen and (max-width: 1023px){ .native-collection-full{ width:auto; margin:0 20px 30px 20px; } .native-collection-full ul.article-list-grid li{ width:auto; } .native-collection-full ul.article-list-grid li .inner{ margin:0; } .native-collection-full ul.article-list-grid li .inner img{ margin:0 0 15px 15px; } .native-collection-full ul.article-list-grid li .inner h4.article-title{ margin:0 0 10px 0; padding:0; font:500 18px/20px "proxima-nova", sans-serif; } } /* enl promo */ .enl-promo { margin:0 auto 30px auto; padding:0; width:1180px; height:auto; background-color:/*#efefef;*/#123; /*background-image:linear-gradient(180deg, #222, #555); border-radius:6px; background: #0079c2 url('/assets/master-template/images/hash-4.png') 50% top no-repeat; background-size: cover;*/ border-radius:4px; } .enl-promo .inner { width:auto; margin:0; padding:30px; text-align:left; border:0px solid #444; background:none; border-radius:6px; /* background-image: linear-gradient(0deg, #0079c2, transparent); opacity: 1.0;*/ } .enl-promo h2 {color:#fff;} .enl-promo h3 {color:#fff;} .enl-promo h4 {margin: 0 0 5px 0;padding: 0;font: 700 18px/20px "proxima-nova", sans-serif;color: #0079c2;} .enl-promo p {color:#fff;} .enl-promo h2.module-title {margin:0 0 15px 0; font:800 36px/36px "proxima-nova", sans-serif; color:#fff;} .enl-promo .deck {margin:0 0 15px 0; font:400 18px/20px "proxima-nova", sans-serif; color:#fff;} .enl-promo input.submit {font:800 18px/20px "Open Sans", sans-serif; text-transform:none; color:#fff; background-color:#0079c2;} .enl-promo input.submit:hover {color:#fff; background-color:#043f77;} .enl-promo .privacy { text-align: center; } .enl-promo .privacy a { font-size: 13px; color: #999; } @media screen and (max-width: 1200px) { .enl-promo {width:960px;} } @media screen and (max-width: 1023px) { .enl-promo {display:block; width:auto; margin:10px 20px 30px 20px;} .enl-promo .inner {width:auto; margin:0; padding:30px 30px 15px 30px;} .enl-promo h2.module-title {margin:0 0 15px 0; font:800 30px/30px "proxima-nova", sans-serif;} .enl-promo input.submit {width:100%;} .enl-promo .deck {display:block;} } .sponsor-box {margin: 0 0 30px 0; text-align: center;} .sponsor-box a {display: inline-block; vertical-align: middle;} .sponsor-box img{width:90%; margin:0 10px; float:left;} /*email sharing*/ #emailshare-multi{ position: absolute; display: none; width:400px; padding:20px; z-index:99999; background: #eee; border:1px solid #DDD; } #emailshare-multi h1{ font: 400 24px "Roboto",Arial; line-height: 0; } #emailshare-multi textarea { font: 300 12px "Roboto",Arial; width:350px; } #emailshare-multi input[type="text"] { font: 300 12px "Roboto",Arial; height: 30px; width:350px; margin: 0 0 10px; } #emailshare-multi button[type="submit"] { font: 300 12px "Roboto",Arial; border: 1px solid #ccc } .em-article-share-close{ background: #ddd; display: inline-block; padding: 5px 10px; float: right; cursor: pointer } #sendnow{ display:none; font: 300 12px "Roboto",Arial; margin-top:20px; } .thanks-multi { display: none; } #leaderboard{ padding-top: 20px; padding-bottom: 20px; } /*cookie consent styles */ .cc_container { width:90%; border-radius:8px; margin:30px auto; box-shadow:0px 5px 15px rgba(8,8,8,0.3); background: #e2e8fe !important; } .cc_container h2 { color: #0079c2;margin: 0 0 15px; font: 400 36px/36px 'proxima-nova', sans-serif;padding: 0; } .cc_container p { font: 400 18px/30px 'proxima-nova', sans-serif; } .cc_container a { color: #0079c2 !important; } .cc_container a:hover { color: #eb6e1f !important; } .cc_container p.small-copy { font-size: 15px; line-height: 18px; color: #777;} .cc_btn { background: transparent !important; width: auto !important; } h5 a.email { color: #333; margin: 0; padding: 0 25px 0 0; background: url('/assets/master-template/images/email-icon-tiny.png') right 10px no-repeat; } h5 a.email:hover { color: #0079c2; } .upcoming {font-size: 9px;padding: 2px 4px;color: #fff;background: #0079c2;margin: 0 0 0 10px;letter-spacing: 1px;} /*cookie consent styles */ #cookie-consent { z-index: 99;position: fixed; bottom:0;width: 100%; } .cookie-consent-content {position: relative; width: 90%; margin: 30px auto;overflow:hidden;background-color: #e2e8fe; border-radius: 8px;box-sizing: border-box; box-shadow:0px 5px 15px rgba(8,8,8,0.3);padding:15px 30px 15px; } .cookie-consent-content p { margin: .5em 0; font-size: 17px; } .consent-text { width:90%;} #leaderboard.scrolled {display:block; /*background: rgba(255,255,255,0.65);*/ position:fixed; position:sticky; top: 0; z-index: 10000000;width: 100% !important; padding: 15px;} .fcs h1.page-title { margin: 0 0 30px 0; padding: 0; font: 800 54px/54px "proxima-nova", sans-serif; font: 700 36px/36px 'proxima-nova', sans-serif; letter-spacing: -1px; } .chase { margin: 0 0 30px 0; padding: 20px 25px 10px 25px; background: #efefef; border-top: 0px solid #ddd; border-radius: 4px; } .fox { margin: 0 0 30px 0; padding: 20px 25px 10px 25px; background: #efefef; border-top: 0px solid #ddd; border-radius: 4px; } .fox h4.section-title { margin: 0 0 5px 0; font: 700 18px/20px "proxima-nova", sans-serif; } .fcs #top-sidebar a{ color:#333; } .fcs #top-sidebar a:hover{ color:#0079c2; text-decoration:none; } .fcs ul.more-headlines {margin:0 0 15px 0; padding:0 0 0px 0; border-bottom:0px solid #ddd;} .fcs ul.more-headlines li {margin: 0 0 10px 0;padding: 0 0 0 25px;display:block; width:auto; float:none;} .fcs ul.more-headlines li {background: url('/assets/master-template/images/market-arrow.png') 5px 5px no-repeat;} .fcs ul.more-headlines li a {margin: 0 0 0 0px;} .question-of-the-week {margin:0 auto 30px auto; padding:0; text-align:left; background:#efefef; border-radius:8px;} .question-of-the-week {} .question-of-the-week .inner {padding:20px 30px;} /*.question-of-the-week h3 {margin:0 0 5px 0; padding:0; font:700 18px/20px "proxima-nova", sans-serif; color:#0079c2;}*/ .question-of-the-week h2 {margin:0 0 15px 0; padding:0; font:700 36px/36px "proxima-nova", sans-serif; color:#333; letter-spacing: -1px;} /*.question-of-the-week p {margin:0 0 15px 0; padding:0; font-size:16px; color:;}*/ .question-of-the-week p.small-copy {margin:0; padding:0; font-size:13px;} .question-of-the-week input.submit {width:auto; padding:10px 20px; margin:5px 0 0 0; font:800 18px "open-sans", sans-serif; text-transform:none; color:#fff; border:2px solid #0079c2; background-color:#0079c2; border-radius:4px;} .question-of-the-week input.submit:hover {text-decoration:none; color:#fff; border:2px solid #043f77; background-color:#043f77;} .question-of-the-week .privacy {margin:0; padding:0;} .question-of-the-week .privacy a {font-size:13px; color:#999;} .question-of-the-week .privacy a:hover {text-decoration:underline;} /*.question-of-the-week p.question {font:400 20px/24px "proxima-nova", sans-serif; color:#666; margin-bottom:15px;} */ .question-of-the-week p.question {} .question-of-the-week p.question .quote-mark {margin:0 5px; font-weight:800; opacity:0.35; display:none;} @media screen and (max-width: 1200px) { .question-of-the-week {width:960px;} } @media screen and (max-width: 1023px) { .question-of-the-week {/*margin:0 20px 15px 20px;*/ width:auto;} .question-of-the-week .inner {padding:20px;} .question-of-the-week h3 {text-align:center;} .question-of-the-week h2 {font:800 24px/26px "proxima-nova", sans-serif; text-align:center;} .question-of-the-week p {font-size:15px; text-align:center;} } .article-body .disclaimer_message:before{content: url(/assets/master-template/images/video-start-button-blue.png); position: absolute; top: -40px; left: 0px; width: 50px; border-bottom: 2px solid #ccc;} .article-body .disclaimer_message{margin: 45px 0 30px 0; font-size: 13px; font-weight: 700; line-height: 18px; color: #333; position: relative;} div.device { height: 350px; overflow: hidden; } .targetDiv {display:none;} .fcs .pad-15 {padding:0 15px;} .fcs .pad-30 {padding:0 30px;} .fcs .pad-45 {padding:0 45px;} .fcs .pad-60 {padding:0 60px;} .wrapper.fcs div[id^='gpt'], .wrapper.fcs div#leaderboard, .wrapper.fcs .ad-rectangle, .fcs-header~div[id^='gpt'], .fcs-header~div#leaderboard, .nav-container.iclc~div[id^='gpt'], .nav-container.iclc~div#leaderboard, .collection-header .collection-nav ul li { list-style-type: none; margin: 0 5px; padding: 10px 0; display: inline-block; float: none; text-align: center; font-size: 24px; font-weight: 500; } .sponsor .collection-header {color:#fff; text-align:left; background:#999 url('/assets/master-template/images/7.jpg') 50% bottom no-repeat; background-size:cover; background-attachment:scroll;} .sponsor .collection-bg-gradient {background-image:linear-gradient(0deg, #123, transparent); opacity:1.0;} .sponsor .collection-header .sponsor {display:none;} .sponsor .collection-header h2 {margin: 0 0 5px 0; font:800 48px/48px 'proxima-nova', sans-serif; color:#fff; } .sponsor .collection-header h4 {font:100 24px/24px "proxima-nova", sans-serif; color:#fff; opacity:0.5; -webkit-margin-before: 0; -webkit-margin-after:0;} .sponsor .collection-sponsor span.label {color:#fff;} .sponsor .collection-header .sub {margin:15px 0; font:400 18px/24px 'open-sans', sans-serif; color:#fff; text-transform:none;} .sponsor .collection-header .collection-nav ul li a {color:#fff; border:2px solid #fff;} .sponsor .collection-header .collection-nav ul li a:hover {background:#fff; color:#333; border:2px solid #fff;} .sponsor .collection-header .collection-nav ul li.active a {background:#fff; color:#333; border:2px solid #fff;} .sponsor .collection-sponsor .nav-arrow-prev {margin:0px auto 0 auto;} .sponsor .collection-sponsor .nav-arrow-next {margin:0px auto 0 auto;} .sponsor .collection-header p.home img {margin:0 10px 0 0;} .sponsor .collection-header p.home a {color:#fff; text-decoration:none;} .sponsor .collection-header p.home a:hover {color:#fff; text-decoration:underline;} .sponsor .collection-header .logo-circle {margin:0 auto; padding:15px 15px 15px 15px; width:75%; height:auto; border-radius:12px; display:block; background:rgba(255,255,255,1.0); text-align:center;} .sponsor .collection-header .logo-circle .share a {display:inline-block; width:40px; height:40px; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding:0; margin:0 7px 0 0; border-radius:6px; background-repeat:no-repeat; background-position:50% 50%; background-size:85%;} .sponsor .collection-header .logo-circle .share a.tw {background-image:url('/assets/master-template/images/social-tw.png'); } .sponsor .collection-header .logo-circle .share a.fb {background-image:url('/assets/master-template/images/social-fb.png'); } .sponsor .collection-header .logo-circle .share a.li {background-image:url('/assets/master-template/images/social-li.png'); } .sponsor .collection-header .logo-circle .share a.em {background-image:url('/assets/master-template/images/social-em.png'); } .sponsor .collection-header .logo-circle .share a.rs {background-image:url('/assets/master-template/images/social-rs.png'); } .collection-header .collection-bg-gradient { background-image: linear-gradient(0deg, #005581, transparent); opacity: 1.0; } .collection-header .collection-nav { margin: 0 0 0px 0; } .collection-header .collection-nav ul { list-style: none; margin: 0 0 0px 0; padding: 0 0 0px 0; } .collection-header .collection-nav ul li a { font-size: 16px; color: #fff; text-decoration: none; display: block; margin: 0; padding: 10px 15px; border: 2px solid #fff; border-radius: 4px; } /* Collection enl Promo */ .sponsor .collection-enl-promo {margin:0 auto 0px auto; padding:0; width:auto; height:auto; text-align:center; background:#666 url('/assets/master-template/images/branded-resources-collection-header-1.png') 50% bottom no-repeat; background-size:cover; border-radius:4px;} .sponsor .collection-enl-promo .inner {width:auto; margin:0 auto; padding:30px; text-align:center; border:0px solid #444; background-image:linear-gradient(0deg, #000, transparent); border-radius:6px;} .sponsor .collection-enl-promo h3 {margin:0 0 15px 0; padding:0; font:800 18px/20px "proxima-nova", sans-serif; color:#209a8c;} .sponsor .collection-enl-promo h2 {margin:0 0 15px 0; padding:0; font:800 30px/30px "proxima-nova", sans-serif; color:#fff;} .sponsor .collection-enl-promo p {margin:0 0 15px 0; padding:0; color:#fff;} .sponsor .collection-enl-promo input.submit {width:100%; padding:10px 0; margin:5px 0 0 0; font:800 16px "open-sans", sans-serif; text-transform:uppercase; color:#fff; border:2px solid #209a8c; background-color:#209a8c; border-radius:4px;} .sponsor .collection-enl-promo input.submit:hover {text-decoration:none; color:#209a8c; border:2px solid #fff; background-color:#fff;} .sponsor .collection-enl-promo .privacy {margin:0; padding:0;} .sponsor .collection-enl-promo .privacy a {font-size:13px; color:#999;} .sponsor .collection-enl-promo .privacy a:hover {text-decoration:underline;} .sponsor .section{display:none;} .sponsor .overview .module{border-bottom:4px solid #ddd; padding:30px 0;} .tl-flag { background: #eb6e1f; font-size:9px;color: #fff; padding: 2px 4px;top:-2px;position:relative; letter-spacing:1px; margin: 0 10px 0 0; } .tl-presented { font-size: 14px; text-transform:none;}