/* Responsive Template Stylesheet # # # RISK.NET # # # # */ /**************************************************************************************************************/ /* HTML5 normalize -- normalize.css v3.0.2 | MIT License | git.io/normalize -- START */ /**************************************************************************************************************/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /**************************************************************************************************************/ /* HTML5 normalize -- normalize.css v3.0.2 | MIT License | git.io/normalize -- END */ /**************************************************************************************************************/ .clearfix { clear: both; } /* Fonts ---------------*/ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url("fonts/arimo-regular-webfont.eot"); src: url("fonts/arimo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-regular-webfont.woff2") format("woff2"), url("fonts/arimo-regular-webfont.woff") format("woff"), url("fonts/arimo-regular-webfont.ttf") format("truetype"), url("fonts/arimo-regular-webfont.svg#arimo_regular") format("svg"); } @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 700; src: url("fonts/arimo-bold-webfont.eot"); src: url("fonts/arimo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-bold-webfont.woff2") format("woff2"), url("fonts/arimo-bold-webfont.woff") format("woff"), url("fonts/arimo-bold-webfont.ttf") format("truetype"), url("fonts/arimo-bold-webfont.svg#arimo_bold") format("svg"); } @font-face { font-family: 'Arimo'; font-style: italic; font-weight: normal; src: url("fonts/arimo-italic-webfont.eot"); src: url("fonts/arimo-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-italic-webfont.woff2") format("woff2"), url("fonts/arimo-italic-webfont.woff") format("woff"), url("fonts/arimo-italic-webfont.ttf") format("truetype"), url("fonts/arimo-italic-webfont.svg#arimo_italic") format("svg"); } @font-face { font-family: 'Arimo'; font-style: italic; font-weight: 700; src: url("fonts/arimo-bolditalic-webfont.eot"); src: url("fonts/arimo-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-bolditalic-webfont.woff2") format("woff2"), url("fonts/arimo-bolditalic-webfont.woff") format("woff"), url("fonts/arimo-bolditalic-webfont.ttf") format("truetype"), url("fonts/arimo-bolditalic-webfont.svg#arimo_bolditalic") format("svg"); } /**************************************************************************************************************/ /* SYSTEM STRUCTURE START */ /**************************************************************************************************************/ * { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } html { -webkit-text-size-adjust: 100%; } body { font-size: 100%; font-family: 'Arimo', Arial, sans-serif; background-color: #fff; -webkit-tap-highlight-color: transparent; } .container { max-width: 100%; margin: 0 auto 0 auto; overflow: hidden; background-color: #f4f5f4; } .section { clear: both; padding: 0px; margin: 0px; } .content { max-width: 1125px; margin: 0 auto; padding: 0; background-color: transparent; min-height: 100%; overflow: hidden; z-index: 0; } .content-width { max-width: 1125px; margin: 0 auto; padding: 0; } .screen-reader-text { position: absolute; top: -9999px; left: -9999px; } .page-content { transition: all 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } aside.content .content-inner { padding: 0; } /**************************************************************************************************************/ /* SYSTEM STRUCTURE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* PAGE STRUCTURE START */ /**************************************************************************************************************/ .main-content { float: left; width: 100%; } .content-inner { margin: 0; padding: 0.8em; margin-right: 320px; } .content-full-width { margin-right: 0; } .content-fixed { position: fixed; top: initial; } .sidebar { float: right; width: 300px; margin-right: -320px; } .article { position: relative; } /**************************************************************************************************************/ /* PAGE STRUCTURE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* MOBILE PUSHER START */ /**************************************************************************************************************/ .container > .content.site-pusher { width: 100%; max-width: 100%; } .site-pusher { -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .barrier-block, .container header { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-sidebar { display: none; } .mask { display: none; } /**************************************************************************************************************/ /* MOBILE PUSHER END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* COLUMN GRID STRUCTURE START */ /**************************************************************************************************************/ /* Large cols */ .col-lrg { display: block; float: left; margin: 1% 0 1% 3%; } .span-lrg_5_of_5, .span-lrg_4_of_4, .span-lrg_3_of_3, .span_5_of_5, .span_4_of_4, .span_3_of_3 { width: 100%; } .span-lrg_4_of_5 { width: 79.4%; } .span-lrg_3_of_5 { width: 58.8%; } .span-lrg_2_of_5 { width: 38.2%; } .span-lrg_1_of_5 { width: 17.6%; } .span-lrg_3_of_4 { width: 74.25%; } .span-lrg_2_of_4 { width: 48.5%; } .span-lrg_1_of_4 { width: 22.75%; } .span-lrg_2_of_3 { width: 65.66%; } .span-lrg_1_of_3 { width: 31.33%; } /* Standard cols */ .col { display: block; float: left; margin: 1% 0 1% 1.5%; } .span_4_of_5 { width: 79.68%; } .span_3_of_5 { width: 59.36%; } .span_2_of_5 { width: 39.04%; } .span_1_of_5 { width: 18.72%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 32.26%; } .article-col { margin: 0 0 30px 0; padding: 0; } .related .col:first-child, .related-articles .col:first-child, .col:first-child, .col-lrg:first-child { margin-left: 0; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { /* For IE 6/7 */ zoom: 1; } /**************************************************************************************************************/ /* COLUMN GRID STRUCTURE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* IMAGE DEFAULTS START */ /**************************************************************************************************************/ .image-text-group-a img, .col img, .col-lrg img, .interview img { display: block; height: auto; width: 100%; } .main-content .news-articles .span_2_of_4 img, .news-articles .image-text-group-a img, .main-content .related-articles .span_2_of_4 img, .related-articles .span_2_of_4 img, #listings .image-text-group-a img, #profile_listings .image-text-group-a img, #listings-savedlist .image-text-group-a img { width: 100%; } /**************************************************************************************************************/ /* IMAGE DEFAULTS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* TYPE DEFAULTS START */ /**************************************************************************************************************/ /* -------------- TYPE FAMILY SIZE AND GENERIC COLOUR CONTROLS -------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Arimo", Arial, sans-serif; font-weight: 700; } h1 { font-size: 2em; margin: .67em 0; letter-spacing: -0.02em; line-height: 1.1em; } h2 { font-size: 1.4em; letter-spacing: -0.010em; } h3 { font-size: 1.8em; } h4 { line-height: 1.5; font-size: 1.4em; margin: 0; padding: 3px 0 3px; color: #333; } h5 { line-height: 1.2; font-size: 1.1em; } p { padding: 0; margin: 0 0 1rem; } article p { font-size: 0.9em; line-height: 1.4; color: #666; font-weight: 300; } .section h6 { letter-spacing: -0.01em; } .col { color: #333; } /* -------------- LINKS -------------- */ a:link { color: #2f2f2f; text-decoration: none; } a:visited { color: #2f2f2f; text-decoration: none; } a:hover { color: #3b7c8e; cursor: pointer; } a:active { color: #000; } h4 a:hover { color: #3b7c8e; } /* - check required set up for Risk = section[class^="component"] a, div[class^="component"] a { color:#000; } section[class^="component"] a:hover, div[class^="component"] a:hover { color:#f19100; }*/ /* -------------- BUTTON AND BTN LINKS -------------- */ button { margin: 0; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 1em; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a.btn:link, a.btn:active, a.btn:visited, a.btn:hover, section[class^="component"] a.btn:hover, div[class^="component"] a.btn:hover { color: #fff; } .btn { cursor: pointer; width: 100%; background-color: #f26424; color: #fff; margin: 0 0 5px; padding: 7px 10px; border: 0; font-family: inherit; font-size: 1em; text-align: center; } .btn:hover { background-color: #ff890a; } /* -------------- MORE LINKS -------------- */ .more-holder { float: left; width: 100%; margin: 0; padding: 0; } .more-icon { float: right; width: 10px; height: 20px; margin: 0.4em 0 0; background-position: 100% -324px; background-repeat: no-repeat; } .more-link { float: right; font-size: 0.75em; text-align: right; margin: 0.4em 0 0.8em; padding: 0; } /* More link with arrow ------- */ .more-holder { float: right; width: auto; } .more-holder a { display: block; } .more-holder .arrow-right { fill: #666; transition: fill 0.5s ease; margin-top: 4px; margin-left: 5px; float: right; } .more-holder a:hover .arrow-right { fill: #12134f; } /**************************************************************************************************************/ /* TYPE DEFAULTS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* ICONS START */ /**************************************************************************************************************/ .no-svg .holder .tools-container .icons, .no-svg .tools-container .icons { background-image: url("../images/site-sprite.png"); } .holder .tools-container .icons, .tools-container .icons { background-image: url("../images/site-sprite.svgz"); } .nav-tools { margin: 18px; background-repeat: no-repeat; cursor: pointer; line-height: 1.2; } .nav-tools a { text-decoration: none; width: 24px; height: 24px; display: block; } .rss-icon { background-position: -114px -474px; background-position: calc(-6px + 3*-36px) calc(-6px + 13*-36px); } .twitter-icon { background-position: -114px -42px; background-position: calc(-6px + 3*-36px) calc(-6px + 1*-36px); } .facebook-icon { background-position: -114px -78px; background-position: calc(-6px + 3*-36px) calc(-6px + 2*-36px); } .linkedin-icon { background-position: -114px -114px; background-position: calc(-6px + 3*-36px) calc(-6px + 3*-36px); } .gplus-icon { background-position: -114px -150px; background-position: calc(-6px + 3*-36px) calc(-6px + 4*-36px); } /*footer - icons - */ .newsletters { background-position: -114px -294px; background-position: calc(-6px + 3*-36px) calc(-6px + 8*-36px); } .apps { background-position: -114px -510px; background-position: -114px calc(-6px + 14*-36px); } .youtube-icon { background-position: -114px -366px; background-position: calc(-6px + 3*-36px) calc(-6px + 10*-36px); } .no-svg .login-icon { background-image: url("../images/site-sprite.png"); } .login-icon { margin: 0 auto 4px; background-image: url("../images/site-sprite.svgz"); box-shadow: none; height: 36px; width: 36px; border: none; background-color: transparent; background-position: -252px -432px; background-position: calc(7*-36px) calc( 12*-36px); } .no-svg .component-video .sprite { background-image: url("../images/site-sprite.png"); } .component-video .sprite { background-image: url("../images/site-sprite.svgz"); } .icon-video { background-position: -74px -1190px; background-position: calc(-2px + 3*-36px) calc(-2px + 33*-36px); } .icon-video:hover { background-position: -110px -1190px; background-position: calc(-2px + 2*-36px) calc(-2px + 33*-36px); } .icon-audio { background-position: -74px -1226px; background-position: calc(-2px + 3*-36px) calc(-2px + 34*-36px); } .icon-audio:hover { background-position: -110px -1226px; background-position: calc(-2px + 2*-36px) calc(-2px + 34*-36px); } /*JW player Logo Fix*/ .jwplayer .jwlogo { width: initial !important; } /**************************************************************************************************************/ /* ICONS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* INPUTS START */ /**************************************************************************************************************/ input { font-family: "Arimo", Arial, sans-serif; font-weight: normal; } input[type=text], input[type=password], input[type=email], input[type=search] { padding: 5px; margin: 0; outline: none; border: none; color: #666; font-size: 100%; background-repeat: no-repeat; } input[type=text], input[type=email], input[type=password] { box-sizing: border-box; margin: 4px 0; font-size: 0.9em; border: 1px solid #d7d7d7; } fieldset { border: none; margin: 0 2px; padding: 0; } .header-search-holder span, .footer-search-holder span, .more-holder span, span.read_more { display: block; overflow: hidden; padding: 0 6px 0 4px; } /* ------- Search ------- */ .header-search-holder input[type=submit] { background-image: url("../images/site-sprite.svgz"); float: right; box-shadow: none; height: 24px; width: 24px; border: none; background-color: transparent; } .header-search-holder { float: left; } /* Search-1 */ .search-1 { position: absolute; right: 12px; top: 0; margin-top: 12px; } .search-1 form { border: 1px solid #93b8c0; } .search-1 input[type=search] { padding: 8px 2px 2px 7px; margin-left: -4px; background-color: transparent; transition: width 1s ease; width: 200px; font-size: 95%; color: #ddd; font-weight: 400; letter-spacing: 0.05em; } ::-moz-placeholder { opacity: 1; } .search-1 input[type=search] { color: #fff; } .search-1 input[type=search]::-webkit-input-placeholder { color: #fff; } .search-1 input[type=search]::-moz-placeholder { color: #fff; } .search-1 input[type=search]:-ms-input-placeholder { color: #fff; } .search-1 input[type=search]:-moz-placeholder { color: #fff; } .search-1 input[type=search]:active, .search-1 input[type=search]:focus { width: 220px; transition: width 1s ease; } .no-svg .header-search-holder input[type=submit] { background-image: url("../images/site-sprite.png"); } .header-search-holder input[type=submit] { background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); } .search-1 input[type=submit] { box-sizing: content-box; padding: 0; margin: 3px 0; background-position: -367px -760px; background-position: calc(-7px + 10*-36px) calc(-4px + 21*-36px); } .search-1 input[type=submit]:active, .search-1 input[type=submit]:focus { border: none; outline: none; background-position: calc(-7px + 10*-36px) calc(-4px + 21*-36px); } /* Search-3 */ .search-3 { float: right; margin-top: 8px; margin-right: 12px; font-size: 0.8em; margin-bottom: 0; width: 250px; color: #fff; } .search-3 form { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .search-3 input[type=search], .sticky .search-3 input[type=search] { background-color: transparent; color: #fff; font-size: 1.2em; } .sticky .search-3 input::-webkit-input-placeholder { background-color: transparent; color: #fff; } .sticky .search-3 input::-moz-placeholder { background-color: transparent; color: #fff; } .sticky .search-3 input::-ms-input-placeholder { background-color: transparent; color: #fff; } .sticky .search-3 input:-moz-placeholder { background-color: transparent; color: #fff; } .article-nav .search-3 { margin-top: 10px; margin-left: 12px; } .article-nav .search-3 form { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .search-3 input[type=submit] { background-position: -43px -759px; background-position: calc(-7px + 10*-36px) calc(-4px + 21*-36px); } .search-3 input[type=submit]:active, .search-3 input[type=submit]:focus { border: none; outline: none; } .search-3 input[type=search]:focus { width: 200px; } /* mobile push menu search */ .menu-sidebar-inner { padding: 6px 12px; background-color: #fff; border-bottom: 1px solid #dbdbdb; } .menu-sidebar-inner .search-3 { width: 100%; float: none; margin: 2px 0; } .menu-sidebar-inner .search-3 input[type=search] { width: 95%; padding: 7px 0; padding-left: 12px; background-color: #f9f9f9; color: #666; border: 1px solid transparent; transition: background-color 0.7s ease; } .menu-sidebar-inner .search-3 input[type=search]:focus { border: 1px solid #dbdbdb; background-color: #e5f0f4; border-color: #c9d8e8; transition: background-color 0.7s ease; } .menu-sidebar-inner .search-3 input[type=submit] { width: 24px; height: 24px; background-image: url("../images/site-sprite.svgz"); width: 36px; height: 36px; background-position: calc(0*-36px) calc(20*-36px); } .menu-sidebar-inner .search-3 input::-webkit-input-placeholder { color: #333; } .menu-sidebar-inner .search-3 input::-moz-placeholder { color: #333; } .menu-sidebar-inner .search-3 input::-ms-input-placeholder { color: #333; } .menu-sidebar-inner .search-3 input:-moz-placeholder { color: #333; } /**************************************************************************************************************/ /* INPUTS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* LOGIN INPUTS START */ /**************************************************************************************************************/ #login input[type=email], #login input[type=password] { width: 100%; margin-left: 0; border-radius: 3px; color: #000; padding: 8px; margin: 8px 0; font-size: 1em; } #login input[type=text]:focus, #login input[type=password]:focus, #login input[type=email]:focus { background-color: #e5f0f4; border-color: #c9d8e8; color: #000; } .main-top-login fieldset { margin: 0; padding: 0; border: none; position: relative; overflow: hidden; } .actions-holder { font-size: 0.9em; margin-bottom: 12px; margin-top: 4px; } .main-top-login .header-tools-content { margin: 0px; padding: 0; } #login #actions a { display: block; margin: 0.4em 8px 0 0; font-size: 0.9em; color: #555; font-weight: bold; } /* LOGIN SPINNER IMAGE */ .export_loading { float: right; } .col img.export_loader_img { width: auto; float: right; margin: 10px 10px 0 0; } /**************************************************************************************************************/ /* LOGIN INPUTS END */ /**************************************************************************************************************/ /* Listings Styles ------------------*/ .image-text-group-a { float: left; margin: 0; padding: 0; max-width: 30%; } .image-text-group-b { float: left; margin: 0 0 0 4%; padding: 0; max-width: 66%; } .video-player-carousel .slick-slide img, .frontpage-article-carousel .video-article-thumbnail img, .frontpage-carousel-thumbnail img, .thumb-slider .slick-slide img, .gallery-carousel-container .slick-slide img, .lightbox-slider .slick-slide img { background-color: #ffffff; } .list-view .image-text-group-b.no-article-image, .image-text-group-b.no-article-image { margin: 0; max-width: 100%; } .truncate02 { padding: 0; margin: 0; color: #555; } .truncate02 .more-ellipsis { padding: 0; margin: 0; display: inline; } .truncate02 .more-text-show { display: inline; } .truncate02 .more-text-hide { display: none; } .truncate02 .read-more { font-size: 0.9em; font-weight: normal; text-align: right; margin: 0 0 0.8em; margin: 0; padding: 0; } .truncate02 .more-text { display: none; } /* listings */ .truncate-listing { padding: 0; margin: 0; color: #555; } .truncate-listing .more-ellipsis { padding: 0; margin: 0; display: inline; } .truncate-listing .more-text-show { display: inline; } .truncate-listing .more-text-hide { display: none; } /* Standard listing pagination -------------- */ .content .pagination { float: none; padding: 7px 0 8px; margin: 1em 0 1em; line-height: 1.6; text-align: center; width: 100%; clear: both; font-size: 1.1em; font-weight: 200; } .pagination span.current { border-radius: 2px; color: #fff; display: inline; padding: 4px 10px; margin: 0 4px; } .pagination span.disabled { display: none; } .pagination a { padding: 4px 10px; margin: 0 4px; text-decoration: none; text-align: center; } .pagination.pagination-holder a { transition: background-color 0.5s ease; color: #fff; border-radius: 2px; } .pagination .disabled { color: #cfcfcf; } .pagination .prev_page, .pagination .next_page { color: #333; padding: 0 17px 0 17px; margin: 0; } .no-svg .pagination .prev_page, .no-svg .pagination .next_page { background-image: url("../images/site-sprite.png"); } .svg .pagination .prev_page, .svg .pagination .next_page { background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); } .pagination a.prev_page, .pagination a.next_page { width: 32px; height: 32px; display: inline-block; padding: 0px; margin: 0 4px; background-color: #fff; vertical-align: bottom; opacity: 0.5; transition: opacity 0.5s ease; } .pagination a.prev_page:hover, .pagination a.next_page:hover { opacity: 1; } .no-svg .pagination .next_page, .svg .pagination .next_page { background-position: -254px -326px; background-position: calc(-2px + 7*-36px) calc(-2px + 9*-36px); } .no-svg .pagination .prev_page, .svg .pagination .prev_page { background-position: -218px -326px; background-position: calc(-2px + 6*-36px) calc(-2px + 9*-36px); } /* Header section & view selectors -------------- */ .select-header h3 { margin: 1%; float: left; width: 80%; } .select-header h1 { width: auto; float: left; } .select-header-options { margin: 1%; float: right; width: auto; margin-top: 20px; } .listing-introduction { clear: both; } .tooltip { display: none; position: absolute; background: #f9f9f9; border: 1px solid #e0e0e0; padding: 3px 7px; border-radius: 4px; color: #666; font-size: 0.7em; box-shadow: 0px 2px 2px 0px rgba(200, 200, 200, 0.4); } /* Grid view icons -------------- */ .select-view { background-image: url("../images/site-sprite.svgz"); background-repeat: no-repeat; width: 24px; height: 24px; float: right; cursor: pointer; margin-left: 4px; -webkit-filter: brightness(120%); filter: brightness(120%); -webkit-transition: .5s all ease; transition: .5s all ease; } .select-view:hover { -webkit-filter: brightness(50%); filter: brightness(50%); } .grid-view-icon { background-position: -6px -1086px; background-position: calc(-6px + 0*-36px) calc(-6px + 30*-36px); } .list-view-icon { background-position: -6px -1122px; background-position: calc(-6px + 0*-36px) calc(-6px + 31*-36px); } .hide-image-icon { background-position: -78px -1086px; background-position: calc(-6px + 2*-36px) calc(-6px + 30*-36px); } .show-image-icon { background-position: -78px -1122px; background-position: calc(-6px + 2*-36px) calc(-6px + 31*-36px); } /* Listings list and grid view set up -------------- */ #listings.list-view { margin-right: 0; float: left; width: 100%; } #listings.list-view article.col { margin-left: 0; } .list-view .image-text-group-a { max-width: 25%; margin: 0 2.5% 0 0%; } .list-view .image-text-group-b { max-width: 72%; margin: 0%; } #listings.list-view p { margin-bottom: 12px; } #listings h2 { margin: 0 0 0.3em 0; } #listings p { margin: 0 0 0.3em 0; font-size: 0.9em; } #listings article:nth-of-type(1) { border-top: none; } #listings.grid-view { clear: both; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #listings.grid-view article { margin-bottom: 8px; } #listings.list-view article { background-color: #FFF; box-shadow: 0px 2px 20px #F1F0F0; border-top: 1px solid #3b7c8e; padding: 12px; box-sizing: border-box; margin-bottom: 4px; } #listings.grid-view article .article-meta-above-title, #listings.list-view article .article-meta-above-title { padding-top: 0px; margin-top: 0; } #listings.grid-view .span_4_of_4 { width: 32.26%; padding: 0; position: relative; background-color: #FFF; box-shadow: 0px 2px 20px #F1F0F0; border-top: 1px solid #3b7c8e; } #listings.grid-view .col { margin-left: 1.5%; } #listings.grid-view .col:nth-of-type(3n+4) { margin-left: 0; } #listings.grid-view .col:first-child { margin-left: 0; } #listings.grid-view .span_4_of_4:nth-of-type(3n+4) { clear: left; /*border:1px solid #f00; */ } #listings.grid-view .image-text-group-a { width: 100%; max-width: 100%; } #listings.grid-view .image-text-group-b.no-article-image { margin-left: 4%; margin-top: 4%; } #listings.grid-view .image-text-group-b { width: 100%; max-width: 100%; } #listings.grid-view .span_4_of_4 .image-text-group-b { margin-left: 0; margin-top: 0px; margin-bottom: 10px; padding: 12px; box-sizing: border-box; } #listings.list-view .span_4_of_4 .image-text-group-b .listings-article-title, #listings.grid-view .span_4_of_4 .image-text-group-b .listings-article-title { font-size: 1.2; line-height: 1.24; } #listings.grid-view div[id*=otdm-]:empty { margin: 0; padding: 0; width: 0; clear: none; } #listings.grid-view img { width: 100%; max-width: 100%; margin: 0px; } #listings.grid-view p { margin-top: -2px; margin-bottom: 30px; } #listings.grid-view .article-meta-details { position: absolute; bottom: 1px; margin-bottom: 5px; } #listings.grid-view .article-meta-details li { margin-top: 7px; } html.no-flexbox #listings.grid-view { display: block; } html.no-flexbox #listings.grid-view { display: block; } /* --------------------- HEADER ----------------------- */ /* Legacy Nav -----------*/ .nav-absolute { position: absolute; } .nav-float { float: left; } .mobile-nav-fixed { position: fixed; top: 0px; } .content-fixed { position: fixed; top: 46px; } .nav.content-fixed { top: 0; } /* Main top Ribbon Structure -------------- */ .main-top-nav { height: 27px; position: relative; z-index: 899999; width: 100%; list-style: none; margin: 0 auto 0; padding: 4px 0 0 0; font-size: 1.1em; background-color: #3b7e8c; } .main-top-menu { width: 100%; list-style: none; margin: 0 auto 0; padding: 0; max-width: 1125px; } .main-top-menu.content-width { max-width: 1090px; padding: 0 12px 0 12px; } .main-top-title { float: left; padding: 2px 20px 0 0; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; line-height: 1.5; height: 25px; margin-top: -6px; } .main-top-align-right { position: relative; float: right; /* padding:1px 10px 0 10px; */ /* line-height:2; */ } .main-top-title a { color: white; letter-spacing: 0.035em; font-size: 0.75em; } .menu-top-panel a, .header-tools-content a { color: #555; font-size: 0.9em; } .main-top-user { margin-right: 0px; } .main-top-login { padding-right: 0; } .main-top-institution:before { border-radius: 1px; background-color: transparent; } .main-top-institution.main-top-user:before { background-position: calc(-7px + 2*-36px) calc(-5px + 17*-36px); } .main-top-user .header-tools-content.institutional { width: 280px; } .header-tools-content.institutional .user-menu p { margin: 0; } .main-top-user .corporate-menu-information { padding: 12px 12px 0; border-bottom: 1px solid #ccc; } .main-top-user .corporate-menu-information p { font-size: 0.8em; line-height: 1.6; font-weight: normal; } .main-top-user .corporate-menu-information p.corporate-menu-information-introduction { font-weight: 600; } .main-top-nav .main-top-user .corporate-menu-information a { padding-left: 0; color: #234B53; } .main-top-nav .main-top-user .corporate-menu-information a:hover { color: #3B7E8C; } .main-top-user .institutional ul.user-menu { border-radius: 0 0 5px 5px; } .main-top-user .institutional ul.user-menu li a { background-color: #3B7E8C; color: #fff; } .main-top-user .institutional ul.user-menu li a:hover { background-color: #084C59; } .main-top-user-status { display: none; } .main-top-login li { margin: 10px 18px 18px; } .main-top-register { padding-right: 11px; } .main-top-register a { display: block; padding: 2px 8px; background-color: #1AAFF9; margin-top: 3px; border-radius: 3px; line-height: 1.4em; } #free-trial a, .main-top-trial a { display: block; padding: 2px 8px; background-color: #F94C18; margin-top: 3px; border-radius: 3px; line-height: 1.4em; } .main-top-register a:hover { background-color: transparent; } #free-trial a:hover, .main-top-trial a:hover { background-color: transparent; } .main-top-menu .main-top-user { border-radius: 20px; padding-left: 6px; padding-right: 1px; } .main-top-user { background-image: none; background-position: initial; } .no-svg .main-top-user:before { background-image: url(../images/site-sprite.png); } .main-top-user:before { background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); background-position: -115px -581px; background-position: calc(-7px + 3*-36px) calc(-5px + 16*-36px); width: 20px; height: 20px; content: ' '; position: absolute; left: 2px; border-radius: 20px; background-color: #012F50; padding: 1px; margin-top: 2px; } .main-top-institution:before { border-radius: 1px; background-color: transparent; } .main-top-turningpoints, .main-top-research { font-weight: 600; } .main-top-institution.main-top-user:before { /*IP ACCESS USER LOGO */ background-position: calc(-7px + 2*-36px) calc(-5px + 17*-36px); } .main-top-nav .main-top-user a { text-align: left; padding-left: 22px; } .main-top-user .header-tools-content { width: 175px; } /*Blank ip access menu*/ .main-top-user .header-tools-content.institutional { width: 280px; } .header-tools-content.institutional .user-menu p { margin: 0; } .main-top-user .corporate-menu-information { padding: 12px 12px 0; border-bottom: 1px solid #ccc; } .main-top-user .corporate-menu-information p { font-size: 0.9em; } .main-top-user .corporate-menu-information p.corporate-menu-information-introduction { font-weight: 600; } .main-top-nav .main-top-user .corporate-menu-information a { padding-left: 0; } .main-top-user .institutional ul.user-menu { border-radius: 0 0 5px 5px; } /* .main-top-user .institutional ul.user-menu li a { background-color:#278ed3; color:#fff;} */ /* .main-top-user .institutional ul.user-menu li a:hover { background-color:#012f50; } */ .main-top-user li { margin: 0; padding: 0; } .main-top-user ul.user-menu { list-style-type: none; padding: 0; margin: 0%; width: 100%; border-radius: 5px; overflow: hidden; } .main-top-user ul.user-menu li { font-size: 0.9em; text-align: right; } .main-top-user ul.user-menu li a { display: block; padding: 5% 10%; } .main-top-user ul.user-menu li a:hover { color: #eee; background-color: #234B53; } .main-top-user ul.user-menu li a.sign-out-user-link { color: #383838; border-top: 1px solid #ccc; } .main-top-user ul.user-menu li a.sign-out-user-link:hover { background-color: #132E35; color: #eee; } /* Centre */ .main-top-title:first-child { margin-left: 0.5%; } /* Main top Expanding panels -------------- */ .menu-top-panel { position: absolute; visibility: hidden; opacity: 0; background-color: #fff; padding: 6px 0.4% 20px; list-style: none; width: 100%; left: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; box-sizing: border-box; } .main-top-title.selected > a { border-bottom-color: #A2A3C1; border-bottom: 5px solid rgba(255, 255, 255, 0.6); } .menu-top-panel.show-panel { background-color: #f6f6f6; visibility: visible; opacity: 1; top: 31px; left: 0px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .no-svg .main-top-tab-panel::before { background-image: url("../images/site-sprite.png"); } .main-top-tab-panel::before { content: ""; float: right; margin-left: 5px; margin-top: 7px; opacity: 0.5; cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.5s ease; width: 16px; height: 14px; border: none; line-height: 0px; background: initial; background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); background-position: -263px -372px; background-position: calc( -11px + 7*-36px) calc(-12px + 2*-36px); } .main-top-tab-panel.selected::before { content: ""; float: right; margin-left: 5px; margin-top: 7px; opacity: 1; cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.5s ease; width: 16px; height: 14px; border: none; line-height: 0px; background: initial; background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); background-position: calc( -11px + 6*-36px) calc(-12px + 2*-36px); } /* Infobox hover header tools */ .header-tools-content { background-color: #fff; position: absolute; visibility: hidden; opacity: 0; list-style: none; top: 25px; right: -5px; border-radius: .3em; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5); -webkit-transition: visibility 0s ease-in .5s, opacity .5s ease-in; -moz-transition: visibility 0s ease-in .5s, opacity .5s ease-in; transition: visibility 0s ease-in .5s, opacity .5s ease-in; margin: 0; padding: 0px; z-index: 1; } .input-tools-override { visibility: visible; opacity: 1; } /*phantom hover fix */ .main-top-menu li.main-top-tab-infobox { overflow: hidden; } .main-top-menu li.main-top-tab-infobox:hover { overflow: visible; } .main-top-menu li.main-top-infobox-open .header-tools-content, .main-top-menu li.main-top-tab-infobox:hover .header-tools-content { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; display: block; } .main-top-tab-infobox .header-tools-content::before { position: absolute; content: ""; left: 80%; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } .main-top-sociallinks .header-tools-content { right: 15px; width: 175px; } .main-top-sociallinks .header-tools-content::before { left: 72%; } .main-top-login .header-tools-content { right: -25px; width: 250px; } .main-top-login .header-tools-content::before { left: 76%; } /* Social links infobox */ .header-tools-content .nav-tools { font-size: 0.9em; width: 0; } .no-svg .main-top-sociallinks .nav-tools { background-image: url("../images/site-sprite.png"); } .main-top-sociallinks .nav-tools { margin: 18px; background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); padding: 1px; background-repeat: no-repeat; cursor: pointer; line-height: 1.2; padding-left: 32px; } .header-tools-content .rss-icon { background-position: -78px -474px; background-position: calc(-6px + 2*-36px) calc(-6px + 13*-36px); } .header-tools-content .twitter-icon { background-position: -78px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 1*-36px); } .header-tools-content .newsletters { background-position: -78px -296px; background-position: calc(-6px + 2*-36px) calc(-8px + 8*-36px); } .header-tools-content .linkedin { background-position: -78px -121px; background-position: calc(-6px + 2*-36px) calc(-13px + 3*-36px); } .header-tools-content .apps { background-position: -78px -510px; background-position: calc(-6px + 2*-36px) calc(-6px + 14*-36px); } .header-tools-content .facebook-icon { background-position: -78px -78px; background-position: calc(-6px + 2*-36px) calc(-6px + 2*-36px); } .header-tools-content .social-share { background-position: -78px -438px; background-position: calc(-6px + 2*-36px) calc(-6px + 12*-36px); } .header-tools-content a { margin-top: 3px; } .header-tools-content .nav-tools { margin: 15px 18px; } .main-top-title .header-tools-content .nav-tools a:hover { color: #3b7c8e; } .main-top-login .header-tools-content { font-weight: 200; font-family: 'Arimo', Arial, sans-serif; } /* Login link */ .main-top-login .header-tools-content input { font-size: 0.9em; } .main-top-login #submit.login_form_submit { width: 100%; margin-right: 0; } .main-top-login .register { color: #fff; text-align: center; line-height: 1; margin: 12px 0 0 0; width: 100%; background-color: #aaa; font-size: 0.9em; padding: 8px; border-radius: 4px; } .main-top-login .register:hover { background-color: #999; } /* Main Header With Site logo -------------- */ .site-header { position: relative; } header.main-head { width: 100%; background-color: #3b7e8c; margin: 0; padding: 0; height: 70px; } .main-head-content { margin: 0 auto; padding: 0; min-height: 100%; overflow: hidden; } .site-header { position: relative; } .main-head .sprite { background-image: url("../images/site-logo.png"); background-repeat: no-repeat; } .svg .main-head .sprite { background-image: url("../images/site-logo.svgz"); background-repeat: no-repeat; } .main-head .site-logo { height: 45px; background-position: 0 0; margin: 0; } div[itemtype='http://schema.org/Organization'], .site-logo-holder { margin-left: 17px; position: relative; margin-top: 5px; } .site-logo-holder, .main-head .site-logo { width: 380px; } .main-head .sprite { width: 285px; height: 50px; background-size: 80%; margin-top: 4px; } /* Primary Navigation -------------- */ .holder { position: relative; z-index: 2; height: 46px; min-width: 320px; width: 100%; } .holder nav { width: 100%; position: absolute; background-color: #234B53; } /* Sticky Nav ---------------*/ .nav { position: relative; z-index: 889999; top: 0; left: 0; display: block; width: 100%; margin: 0 auto 0; padding: 0; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); -moz-transform-style: preserve-3d; -moz-transform: translate3d(0, 0, 0); } .nav-fixed { position: fixed; } .nav-colour01 { background-color: #eee; transition: background-color 0.5s ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0s; } .holder .nav-colour02 { background-color: #3b7e8c; transition: background-color 0.5s ease; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0s; } /* Primary nav menu ------------------*/ .main-menu { width: 100%; list-style: none; margin: 0 auto 0; padding: 0; } .main-menu .menu-title { float: left; font-size: 0.95em; padding: 13px 11px 12px; font-weight: bold; } .main-menu .menu-title { border-left: 1px solid #446369; } .main-menu .menu-title:last-child { border-left: none; } .main-menu .menu-title:hover { background-color: #5F919B; } /* Current page -------------- */ .main-menu .menu-title.current-page { background-color: #477781; } .main-menu .menu-title.current-page:hover { background-color: #5F919B; } /* All sections -------------- */ .main-menu .menu-title:last-child { background-color: #132E35; } .main-menu .menu-title:last-child:hover { background-color: #5F919B; } /* Home link in nav -------------- */ .main-menu .menu-title:first-child { font-size: 0; color: transparent; margin-left: 12px; } .main-menu .menu-title:first-child.current-page { background-color: transparent; } .main-menu .menu-title.current-page:hover { background-color: #5F919B; } .nav.nav-fixed .main-menu .menu-title:first-child.current-page { background-color: #477781; } .nav.nav-fixed .main-menu .menu-title.current-page:hover { background-color: #5F919B; } .main-menu .menu-title:first-child:before { content: ''; float: left; width: 25px; height: 25px; margin-top: -5px; background-image: url("../images/site-sprite.svgz"); background-position: -78px -690px; background-position: calc(-6px + 2*-36px) calc(-3px + 19*-36px); -webkit-filter: brightness(120%); filter: brightness(120%); pointer-events: none; /*!important do not remove pointerevents*/ -webkit-transition: .5s all ease; transition: .5s all ease; } .main-menu .menu-title:first-child:hover:before { opacity: 0; -webkit-transition: .5s all ease; transition: .5s all ease; position: absolute; } .main-menu .menu-title:first-child a { width: 25px; height: 22px; display: block; } /* Mega Menu penal content -------------- */ .menu-content { list-style: none; position: absolute; z-index: -1; width: 99.2%; background-color: #ffeaea; padding: 6px 0.4% 20px; left: 0px; border-bottom: 1px solid #c7c7c7; } .menu-content .listings-article-title { margin-top: 8px; line-height: 1.1; } .main-menu li .menu-content { padding: 6px 0.4% 20px; background-color: #f6f6f6; visibility: hidden; opacity: 0; border-bottom: 1px solid #c7c7c7; -webkit-transition: visibility 0s ease-in .25s, opacity .25s ease-in; -moz-transition: visibility 0s ease-in .25s, opacity .25s ease-in; transition: visibility 0s ease-in .25s, opacity .25s ease-in; } .main-menu li:hover .menu-content { border-bottom: 1px solid #d7d7d7; background-color: #f6f6f6; visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .main-menu li .menu-content { opacity: 0; top: 0px; left: 0px; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; transition: all .4s ease-in; } .main-menu li:hover .menu-content { opacity: 1; top: 40px; left: 0px; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; z-index: -1; } .main-menu .menu-contents img { width: 100%; height: auto; } .main-menu a:link { font-weight: normal; font-family: 'Arimo', Arial, sans-serif; letter-spacing: 0.030em; transition: color 0.5s ease; } .main-menu a:hover { color: #a60013; } .main-menu a:active { color: #3C3C3C; } .main-menu .menu-title > a:link { color: #fff; } .main-menu .menu-title > a:visited { color: #fff; } .main-menu .menu-title > a:hover { color: #fff; } .main-menu .menu-title > a:active { color: #fff; } /* All sections Navigation -------------- */ .more-panel.navigation-all-sections section h3 { font-size: 1em; margin: 35px 0 0 0; padding-bottom: 4px; color: #961A1D; } .more-panel .menu-contents p, .more-panel .menu-contents a { font-family: 'Arimo', Arial, sans-serif; font-weight: 200; color: #222; font-size: 0.9em; } .more-panel .menu-contents p { color: #555; } .menu-contents ul { margin: 0; padding: 0; list-style: none; } .menu-contents li { margin: 12px 0; padding: 0; list-style: none; line-height: 1.3; } .more-panel.navigation-all-sections section ul li a { font-size: 0.9em; list-style: none; font-weight: normal; } .more-panel a { font-family: 'Arimo', Arial, sans-serif; } .menu-title a.more-panel span, .menu-title a.more-panel span:before, .menu-title a.more-panel span:after { position: absolute; height: 2px; width: 14px; display: block; background: #889B9F; content: ''; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu-title a.more-panel span:before { top: -5px; } .menu-title a.more-panel span:after { bottom: -5px; } .menu-title a.more-panel span { margin-top: 9px; } .menu-title a.more-panel:before { content: ''; float: left; width: 22px; height: 22px; border-radius: 22px; padding: 0; margin: -1px 5px 0 -4px; transition: background-color 0.5s ease; } .main-menu .menu-title:last-child:hover a.more-panel span, .main-menu .menu-title:last-child:hover a.more-panel span:before, .main-menu .menu-title:last-child:hover a.more-panel span:after, #hover_nav a.more-panel span, #hover_nav a.more-panel span:before, #hover_nav a.more-panel span:after, .menu-title a.more-panel:hover span, .menu-title a.more-panel:hover span:before, .menu-title a.more-panel:hover span:after { background-color: #FAFCFC; } .menu-top-panel-heading { color: #333; font-size: 1.5em; margin-bottom: 18px; letter-spacing: -0.025em; } .menu-top-panel-subheading { color: #666; font-size: 0.9em; font-weight: normal; } .navigation-all-sections-subheading { font-family: "Arimo",Arial,sans-serif; font-size: 1em; line-height: 1.2; margin: 20px 0 0 0; padding-bottom: 4px; color: #961A1D; font-weight: bold; } .main-top-content h5 { font-size: 1em; line-height: 1.1; margin-bottom: 5px; } .main-menu .menu-title h5 a:link { letter-spacing: -0.01em; } .no-js .nav-pub-logo { background-image: url("../images/site-branding.png"); background-size: calc(468px/2) calc(756px/2); } .nav-pub-logo { display: block; height: 36px; width: 100%; margin: 5px 0; background-image: url("../images/site-branding.svgz"); background-size: calc(468px/2) calc(756px/2); } .nav-pub-logo a { display: block; height: 100%; width: 100%; font-size: 0 !important; color: transparent !important; } .pub-logo-risk-magazine { background-position: calc(0px + 1 *-18px) calc(0px + 4*-18px); } .pub-logo-asia-risk { background-position: calc(0px + 1 *-18px) calc(0px + 6*-18px); } .pub-logo-custody-risk { background-position: calc(0px + 1 *-18px) calc(0px + 8*-18px); } .pub-logo-energy-risk { background-position: calc(0px + 1 *-18px) calc(0px + 10*-18px); } .pub-logo-insurance-risk { background-position: calc(0px + 1 *-18px) calc(0px + 12*-18px); } .pub-logo-hedgefunds-review { background-position: calc(0px + 1 *-18px) calc(0px + 14*-18px); } .pub-logo-operational-risk { background-position: -20px -282px; background-size: 229px 370px; } .pub-logo-structured-products { background-position: calc(0px + 1 *-18px) calc(0px + 18*-18px); } /* Mega menu top panels ------------*/ .menu-content .ribbon-height { margin-top: 50px; } .main-sub-menu { font-size: 0.9em; margin: 20px 0 18px 30px; padding: 0 15px 0; list-style: none; width: 100%; max-width: 1090px; margin: 15px auto 0; list-style: none; } .main-sub-menu li { margin: 0; padding: 0 12px 0; float: left; } .main-sub-menu li:first-child { margin-left: 0; padding-left: 0; } .main-sub-menu li { border-right: 1px solid #808080; } .main-sub-menu li:last-child { border-right: none; } .main-sub-menu .sub-menu-content a:link { color: #353535; font-weight: bold; } .main-sub-menu .sub-menu-content a:visited { color: #353535; } .main-sub-menu .sub-menu-content a:hover { color: #3b7c8e; } .main-sub-menu .sub-menu-content a:active { color: #3b7c8e; } .menu-content .content { max-width: 1090px; padding-left: 15px; padding-right: 15px; } .menu-content .section.group.content { padding-top: 10px; } /**************************************************************************************************************/ /* FOOTER START */ /**************************************************************************************************************/ /* General Footer section controls -------------- */ .main-footer { float: left; width: 100%; margin: 0; padding: 0; background-color: #132e35; color: #fff; } .main-footer-content { float: left; clear: both; width: 100%; } .main-footer-content-inner { clear: both; width: 100%; margin: 0 auto; } .main-footer ul.main-footer-nav { float: left; font-size: 0.9em; margin: 12px 0; padding: 0; list-style: none; } ul.main-footer-nav li.menu-title { float: left; padding: 12px 18px; } ul.main-footer-nav li.menu-title a { font-weight: bold; font-family: 'Arimo', Arial, sans-serif; letter-spacing: 0.030em; transition: color 0.5s ease; } .main-footer-nav a:link { color: #fff; } .main-footer-nav a:visited { color: #fff; text-decoration: none; } .main-footer-nav a:hover { color: #3b7e8c; } .main-footer-nav a:active { color: #fff; } .main-footer-align-right { float: right; } .main-footer .main-footer-copyright { font-size: 0.75em; } /* Social Icons -------------- */ .footer-tools-content .nav-tools { text-indent: 0; margin: 8px; } .footer-tools-content .nav-tools a { text-decoration: none; width: 31px; height: 16px; display: block; } ul.footer-tools-content { padding: 0; list-style: none; margin: 12px 0; } ul.footer-tools-content li { float: left; } .footer-tools-content .nav-tools { padding-left: 0; } .footer-tools-content .nav-tools a { text-decoration: none; width: 24px; height: 24px; display: block; text-indent: -9999px; } .footer-tools-content .nav-tools { background-image: url("../images/site-sprite.svgz"); -webkit-transition: .5s all ease; transition: .5s all ease; } .no-svg.footer-tools-content .nav-tools { background-image: url("../images/site-sprite.png"); } .footer-tools-content .rss-icon { background-position: -114px -474px; background-position: calc(-6px + 3*-36px) calc(-6px + 13*-36px); } .footer-tools-content .twitter-icon { background-position: -114px -42px; background-position: calc(-6px + 3*-36px) calc(-6px + 1*-36px); } .footer-tools-content .facebook-icon { background-position: -114px -78px; background-position: calc(-6px + 3*-36px) calc(-6px + 2*-36px); } .footer-tools-content .linkedin { background-position: -114px -121px; background-position: calc(-6px + 3*-36px) calc(-8px + 3*-36px); } .footer-tools-content .gplus-icon { background-position: -114px -150px; background-position: calc(-6px + 3*-36px) calc(-6px + 4*-36px); } .footer-tools-content .newsletters { background-position: -114px -296px; background-position: calc(-6px + 3*-36px) calc(-6px + 8*-36px); } .footer-tools-content .apps { background-position: -114px -510px; background-position: calc(-6px + 3*-36px) calc(-6px + 14*-36px); } .footer-tools-content .youtube-icon { background-position: -114px -366px; background-position: calc(-6px + 3*-36px) calc(-6px + 10*-36px); } /* Copyright and Logo -------------- */ .main-footer-copyright { font-size: 0.85em; } .incisivemedia-footer { width: 70%; float: left; margin-top: 10px; } .no-svg .incisivemedia-footer .logo { background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo_dark.png"); } .incisivemedia-footer .logo { float: left; margin: 1em 0 1.2em 0; padding: 0; background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo.png"); background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo.svgz"); width: 140px; height: 50px; background-position: 0 0; background-repeat: no-repeat; } .copyright-logo { float: left; } footer p.copyright-full { float: left; margin: 16px; width: 70%; color: #aaa; } /* Accredidations -------------- */ .incisivemedia-accreditation { float: right; font-size: 0.85rem; width: auto; text-align: right; margin-top: 20px; margin-right: 1%; } .no-svg .accreditation-logos { background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo.png"); } .accreditation-logos { margin: 0; padding: 0; background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo.svgz"); background-position: 0 -50px; background-repeat: no-repeat; float: left; width: 165px; height: 50px; } .accredit-text { float: right; width: 150px; margin-top: 5px; } footer p.accredit-text a:link, footer p.accredit-text a:visited { color: #fff; border-bottom: none; } footer p.accredit-text a:hover, footer p.accredit-text a:active { border-bottom: none; } /**************************************************************************************************************/ /* FOOTER END */ /**************************************************************************************************************/ /* --------------- MOBILE MENU STYLES ------------------*/ .no-svg .nav-branding { background-image: url("../images/site-branding.png"); } .svg .nav-branding { background-image: url("../images/site-branding.svgz"); } .nav-branding { margin: 0; padding: 0; background-repeat: no-repeat; cursor: pointer; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; background-position: -36px 0px; background-position: calc(1*-36px) calc(0*-36px); width: 0; transition: width 0.2s; float: none; } .nav-branding.show { float: left; width: 36px; height: 36px; opacity: 1; position: relative; margin: 6px 0 0 12px; transition: width 0.2s ease-out 0.2s; } .nav-branding.hide { width: 0; opacity: 0; } .no-svg .mobile-nav .sprite { background-image: url("../images/site-sprite.png"); } .mobile-nav .sprite.down, .mobile-nav .sprite.up { background-image: url("../images/site-sprite.svgz"); background-repeat: repeat; background-size: initial; } .mobile-nav .sprite.down { background-position: -171px -66px; background-position: calc(6px + 5*-36px) calc(3px + 2*-36px); } .mobile-nav .sprite.up { background-position: -135px -66px; background-position: calc(6px + 4*-36px) calc(3px + 2*-36px); } .menu-sidebar .nav-tools { margin: 5px; float: left; padding-left: 0; width: 35px; height: 35px; font-size: 0; margin: 6px 35px; background-image: url("../images/site-sprite.svgz"); } .menu-sidebar ul.sidebar-list { padding: 0px; } .menu-sidebar ul.sidebar-list li { list-style: none; margin-bottom: 15px; margin-left: 10px; } .menu-sidebar ul.sidebar-list li a { font-size: 0.95em; } .menu-sidebar .nav-tools.newsletters { background-position: 0px -288px; background-position: calc( 0*-36px) calc( 8*-36px); background-repeat: repeat; background-size: initial; } .menu-sidebar .nav-tools.login-icon { background-position: 0px -576px; background-position: calc( 0*-36px) calc( 16*-36px); background-repeat: repeat; background-size: initial; } .menu-sidebar .sidebar-list { clear: both; } .no-flexbox .mobile-branding, .no-svg .mobile-branding { background-image: url("../images/site-branding.png"); } .mobile-branding { background-image: url("../images/site-branding.png"); background-image: url("../images/site-branding.svgz"); float: left; margin: 10px auto; padding: 0; background-repeat: no-repeat; cursor: pointer; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; background-position: -72px 0px; background-position: calc( 2*-36px) calc( 0*-36px); display: none; background-size: 468px 756px; } .mobile-branding-link { width: 100%; height: 100%; display: block; } .menu-sidebar { display: none; } .mask { display: none; } .mobile-menu-title.up-selection { background-color: #234B53; } .mobile-menu-title { margin: 0; padding: 0.4em 0; font-size: 0.95em; background-color: #3B7F8C; text-indent: 12px; } .mobile-menu-title a { color: #FFF; text-decoration: none; } .mobile-menu-title a.selection { background-color: #3B7F8C; } .mobile-nav-content .menu-sidebar-inner img { width: 60px; height: auto; float: left; margin: 4px 12px 5px 0; } .menu-sidebar-inner .listings-article-title { margin-top: 0; margin-bottom: 6px; } .menu-sidebar-inner .listings-article-title a { font-size: 0.8em; line-height: 1.1; text-indent: 0; } /* -------------- Corporate access individual account message display ---------------------- */ .corp-user-message { margin-top: 20px; /*background-color:#278ed3;*/ border: 11px solid #278ed3; padding: 10px 15px; text-align: left; } span.corp-user-message-close { float: right; height: 32px; width: 32px; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); background-position: -2px -974px; background-position: calc( 0*-36px) calc( 27*-36px); background-repeat: no-repeat; cursor: pointer; } .corp-user-message h4 { color: #333; } .corp-user-message h5, .corp-user-message p, .corp-user-message ul li { color: #333; } .corp-user-message h5 { font-size: 1.1em; margin: 0 0 10px 0; } .corp-customer-services { padding: 10px; background-color: #eee; width: 94%; box-shadow: 0 0 0 1px #dddddd inset; } .corp-customer-services p { color: #333; margin: 0; } /* -------------- Article page STYLES ----------------------*/ body.article .page-content { background-color: white; } .tools-container { float: left; margin: 12px 0; padding: 0; list-style-type: none; text-align: center; } .tools-container .icons { width: 36px; height: 36px; margin: 0; padding: 0; background-repeat: no-repeat; cursor: pointer; } .tools-container .icons a { text-decoration: none; width: 32px; height: 32px; display: block; } .section_main a img { float: left; max-width: 100%; width: 370px; height: auto; margin: 6px 12px 12px 0; padding: 0; clear: right; } .section_main .img-icon img { float: left; max-width: 100%; height: auto; margin: 0; padding: 0; clear: right; } .section_main h1.section_main-default { display: none; } .section_main h1 { display: block; margin-bottom: 8px; } .section_main .section-main-title { margin-bottom: 8px; } /* Featured Article -------------- */ /* Author powerup -------------- */ body.article-contributor header.article-header { background-repeat: no-repeat; background-position: 75% 0%; background-color: #484848; height: 137px; margin-top: 0px; } body.article-contributor header.article-header h1 { color: #fff; } /* Article Header --------------- */ .article-header { width: 100%; margin: 0; padding: 0; } .article-title { line-height: 1.2; margin: 0 0 10px -0.25em; padding: 0; color: #000; font-family: 'Arimo', Arial, sans-serif; font-size: 2.4em; font-weight: bold; } .article-featured .article-title { color: #fff; } .article-sub-title { margin: 0 0 0 -0.5em; font-family: 'Arimo', Arial, sans-serif; color: #555; font-size: 1.4em; font-weight: 200; line-height: 1.2em; } /* Article Main image ---------------*/ .article figure { margin-right: 12px; padding: 0; font-size: .775em; display: table; } article figure.left { float: left; /* margin-left:-160px; */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; } article figure.right { float: right; margin-right: 0px; } article figure.right figcaption { margin-left: 12px; margin-right: 0; } article figure.center { margin: 0 auto 1em; } article figure.center figcaption { float: left; } article figure.center img { margin-bottom: 4px; } article figcaption { color: #666; display: table-caption; caption-side: bottom; margin-right: 0; margin-top: 5px; padding: -5px 0 0; } .content figure.main { width: 100%; } .content figure.main.square-small { width: 28%; padding-right: 16px; } .content figure.main.square-medium { width: 50%; padding-right: 16px; } .content figure.main.square-large { width: 100%; } .content figure.main.portrait-small { width: 28%; padding-right: 16px; } .content figure.main.portrait-medium { width: 45%; padding-right: 16px; } .content figure.main.portrait-large { width: 55%; padding-right: 16px; } .content figure.main.landscape-small { width: 44%; padding-right: 16px; } .content figure.main.landscape-medium { width: 70%; padding-right: 16px; } .content figure.main.landscape-large { width: 100%; } .content article figure.main img { margin: 0; } .content figure.main img { float: left; width: 100%; height: auto; } .content figure.main { margin: 0 0 1em; padding: 0; float: left; position: relative; } .content .main figcaption { position: absolute; bottom: 0; left: 0; width: 100%; } .content .main figcaption .caption-text { padding: 6px; margin: 0px; color: #fff; background-color: #000; font-size: 0.82rem; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); } /* Article Body --------------- */ .article p { font-size: 0.96em; line-height: 1.6; color: #000; margin-bottom: 1.05em; font-weight: 200; } .article p a { color: #1560b9; font-weight: bold; border-bottom: 0.0625em solid #dcdcdc; transition-duration: 0.15s; transition-timing-function: ease-out; transition-delay: 0s; } .article p a:active, .article p a:hover { border-bottom: 1px solid #1560b9; } .boxout { background-color: #FEFBEC; background-color: rgba(255, 246, 196, 0.3); width: 92%; padding: 1% 4% 4% 4%; margin-bottom: 22px; box-shadow: 0 0 0 1px #EEEAD7 inset; box-shadow: 0 0 0 1px rgba(178, 172, 137, 0.2) inset; clear: both; } .boxout h3 { font-size: 1.4em; color: #000; margin-bottom: 12px; margin-top: 6px; } .center { margin: 0 auto 1em auto; display: block; width: auto; height: auto; } .right { float: right; margin: 0 0 0.8em 12px; padding: 0px; } .left { float: left; margin: 0 12px 0.8em 0; padding: 0; } p.figure { padding: 0; position: relative; width: -webkit-min-content; width: -moz-min-content; width: min-content; display: table !important; } .article-page-body-content p.figure { width: initial; } .article-page-body-content p.figure span.figcaption { display: table-caption; } p.figure span.figcaption { position: relative; bottom: 0; left: 0; width: auto; padding: 0; margin: 0; color: #777; font-size: 0.9em; line-height: 1.2em; height: auto; text-align: left; caption-side: bottom; display: table-caption; } .inline-list ul { padding-left: 0; margin-left: 0; } .inline-list li { list-style: none; padding-left: 0; } .inline-list li:before { content: ""; margin-top: 8px; margin-left: 0; margin-right: 10px; float: left; height: 10px; width: 10px; border-radius: 10px; background-color: #000; } .inline-list h3 a { color: #1560b9; } .inline-list h3 a:hover { color: #a60013; } blockquote { max-width: 100%; font-family: 'Arimo', Arial; font-size: 1.5em; margin: 0.25em 0 0.5em 1.5em; padding: 1.25em 10px 1.25em 0; line-height: 1.25; position: relative; color: #000; clear: both; font-weight: bold; display: table-cell; float: none; } blockquote.version02 { max-width: 45%; padding: 1.25em 10px 0.25em 0; line-height: 1.45; } .pullquote:first-of-type { text-indent: 80px; } .pullquote { position: relative; margin: 0; padding: 0; } blockquote.version02 { max-width: 45%; padding: 1.25em 10px 0.25em 0; line-height: 1.45; } .pullquote:first-of-type { text-indent: 75px; } .pullquote { position: relative; margin: 0; padding: 0; } blockquote:before { background-color: #fff; display: block; content: ""; font-family: Georgia, serif; position: absolute; left: -5px; top: 5px; color: #6B969F; font-style: normal; z-index: 1; padding-right: 4px; height: 56px; background-image: url("../images/site-sprite.svgz"); background-position: calc(-3px + 6*-36px) calc(-8px + 29*-36px); width: 70px; } .pullquote:before { border-top: 2px solid #234B53; content: ""; position: absolute; height: 5px; width: 100%; top: -22px; right: 0px; } .quote-source { text-indent: 0; font-style: italic; margin-top: 16px; font-size: 0.85em; display: block; font-weight: normal; } blockquote small { color: #333; font-weight: 400; font-size: 0.7em; display: block; text-indent: 0; font-style: italic; margin-top: 0.35em; } html.no-svg blockquote:before { background-position: -219px -1052px; background-image: url("../images/site-sprite.png"); } .article-page-body-content table td { padding: 0px 2px; border: 1px solid #E0E0E0; } .article-page-body-content table tr:nth-child(2n+2) { background-color: #EDEDED; } .popular-articles h3 { font-size: 1.4em; margin-bottom: 5px; } .popular-articles .col { margin: 1% 0 1% 0; } .popular-articles .span_1_of_4 { width: 100%; border-top: 1px dotted #cdcdcd; } .popular-articles .section:first-of-type .span_1_of_4:first-child { border: none; margin-top: 8px; } .popular-articles .image-text-group-a { width: 30%; padding-top: 8px; } .popular-articles .image-text-group-b { padding-top: 5px; } .popular-articles img { margin-top: 0; } .popular-articles h2 { font-size: 1.1em; margin-top: 0; margin-bottom: 12px; } .popular-articles h5 { font-size: 1em; margin-top: 0; margin-bottom: 12px; line-height: 1.2; } .news-articles p, .related-articles p { font-size: 0.9em; line-height: 1.4; color: #666; font-weight: 300; } /* Article Body Images ---------------*/ /* Read - http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names-selectors for valid class name building with hyphens starting classnames */ .meta-media { float: left; margin-left: -155px; max-width: 200px; margin-top: 6px; margin-right: 15px; } .meta-media img { width: 100%; margin: 0; padding: 0; } .-small { max-width: 200px; } .-medium { max-width: 300px; } .-large { float: none; max-width: 100%; margin-left: 0; } .-xlarge { float: none; margin: 6px 0 0 -155px; max-width: 130%; clear: both; border: none; } .-large img, .-xlarge img { margin-bottom: 20px; } .article-page-body-content img { width: auto; max-width: 100%; } /* Headers */ .article-page-body-content > h1 { font-size: 1.8em; margin-bottom: 15px; color: #333; } .article-page-body-content > h2 { font-size: 1.6em; margin-bottom: 10px; color: #333; } .article-page-body-content > h3 { font-size: 1.5em; margin-bottom: 14px; color: #333; } .article-page-body-content > h4 { font-size: 1.3em; margin-bottom: 8px; color: #333; } .article-page-body-content > h5 { font-size: 1.1em; margin-bottom: 17px; color: #333; } .article-page-body-content > h6 { font-size: 1.0em; margin-bottom: 25px; color: #333; } /* Sticky Article Bar tools --------------------- */ .holder .tools-container { width: auto; margin-left: 10px; } .holder .tools-container .icons { width: 24px; height: 24px; margin: 0; padding: 0; background-repeat: no-repeat; cursor: pointer; } .holder .tools-container .icons a { text-decoration: none; width: 24px; height: 24px; display: block; } .holder .tools-container-2 { float: right; } .holder .tools-container li { float: left; width: 24px; height: 24px; margin: 0 6px; padding: 0; background-color: transparent; } .article-meta-numbers { float: left; text-align: left; text-indent: 2px; font-size: 0.9em; display: none !important; } .holder .tools-container .twitter-icon { background-position: -114px -42px; background-position: calc(-6px + 3*-36px) calc(-6px + 1*-36px); } .holder .tools-container .twitter-icon:hover { background-position: -78px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 1*-36px); } .holder .tools-container .facebook-icon { background-position: -114px -78px; background-position: calc(-6px + 3*-36px) calc(-6px + 2*-36px); } .holder .tools-container .facebook-icon:hover { background-position: -78px -78px; background-position: calc(-6px + 2*-36px) calc(-6px + 2*-36px); } .holder .tools-container .linkedin-icon { background-position: -114px -114px; background-position: calc(-6px + 3*-36px) calc(-6px + 3*-36px); } .holder .tools-container .linkedin-icon:hover { background-position: -78px -114px; background-position: calc(-6px + 2*-36px) calc(-6px + 3*-36px); } .holder .tools-container .gplus-icon { background-position: -114px -150px; background-position: calc(-6px + 3*-36px) calc(-6px + 4*-36px); } .holder .tools-container .gplus-icon:hover { background-position: -78px -150px; background-position: calc(-6px + 2*-36px) calc(-6px + 4*-36px); } .holder .tools-container .save-icon { background-position: -114px -186px; background-position: calc(-6px + 3*-36px) calc(-6px + 5*-36px); } .holder .tools-container .save-icon:hover { background-position: -78px -186px; background-position: calc(-6px + 2*-36px) calc(-6px + 5*-36px); } .holder .tools-container .save-icon.saved { background-position: -78px -222px; background-position: calc(-6px + 2*-36px) calc(-6px + 6*-36px); } .holder .tools-container .save-icon.saved:hover { background-position: -114px -222px; background-position: calc(-6px + 3*-36px) calc(-6px + 6*-36px); } .holder .tools-container .email-icon { background-position: -114px -294px; background-position: calc(-6px + 3*-36px) calc(-6px + 8*-36px); } .holder .tools-container .email-icon:hover { background-position: -78px -294px; background-position: calc(-6px + 2*-36px) calc(-6px + 8*-36px); } .holder .tools-container .youtube-icon { background-position: -114px -366px; background-position: calc(-6px + 3*-36px) calc(-6px + 10*-36px); } .holder .tools-container .youtube-icon:hover { background-position: -78px -366px; background-position: calc(-6px + 2*-36px) calc(-6px + 10*-36px); } .holder .tools-container .print-icon { background-position: -114px -402px; background-position: calc(-6px + 3*-36px) calc(-6px + 11*-36px); } .holder .tools-container .print-icon:hover { background-position: -78px -402px; background-position: calc(-6px + 2*-36px) calc(-6px + 11*-36px); } .holder .tools-container .share-icon { background-position: -114px -438px; background-position: calc(-6px + 3*-36px) calc(-6px + 12*-36px); } .holder .tools-container .share-icon:hover { background-position: -78px -438px; background-position: calc(-6px + 2*-36px) calc(-6px + 12*-36px); } .holder .tools-container .comments-icon { background-position: -114px -546px; background-position: calc(-6px + 3*-36px) calc(-6px + 15*-36px); } .holder .tools-container .comments-icon:hover { background-position: -78px -546px; background-position: calc(-6px + 2*-36px) calc(-6px + 15*-36px); } .holder .article-meta-numbers { display: none; } .holder .tools-container .article-sticky-tools.comments-icon a { font-size: 0; } .article-nav { transition: all 0.5s; transition-delay: 0.5s; opacity: 0; z-index: 0; } .article-nav.sticky { z-index: 2; transition: all 0.5s; transition-delay: 0.5s; opacity: 1; } /* -------------- ARTICLE INFORMATION -------------- */ /* Article Header META ---------------------*/ .article-header .span_1_of_5 nav { margin-top: 5px; margin-left: 5px; } .breadcrumb { line-height: 1.4; font-weight: bold; text-transform: uppercase; width: 95%; } .meta-taxonomy-list { margin: 0 0 8px 0; padding: 0; list-style-type: none; font-size: 0.75em; color: #888; clear: both; } .meta-taxonomy-list li { margin: 0; padding: 0 0.5em 0 0; display: inline; line-height: 1.5; padding-top: 7px; } .meta-taxonomy-list.breadcrumb li { line-height: 1.3; } .meta-taxonomy-list.breadcrumb a:link, .meta-taxonomy-list.breadcrumb a:visited { color: #3b7c8e; } /* Journals */ .journals .meta-taxonomy-list.breadcrumb p { display: block; margin: 0; word-break: break-word; } .journals .meta-taxonomy-list li { display: block; } .journals .meta-taxonomy-list.related-links li { display: inline; } .journals .meta-taxonomy-list.breadcrumb li p.meta-header { color: #555; display: inline-block; clear: both; margin: 0; padding: 0; } @media only screen and (max-width: 768px) { .journals .meta-taxonomy-list.breadcrumb li p, .journals .meta-taxonomy-list.breadcrumb li p.meta-header { display: inline-block; } } /**************************************************************************************************************/ /* ARTICLE GUTTER - AUTHOR META START */ /**************************************************************************************************************/ article .meta-taxonomy-list li.empty-list-content { border: 0; margin: 0; padding: 0; } .meta-taxonomy-list.author-dateline li { display: block; } .author-dateline li.author-dateline-name { border: none; font-size: 1.5em; text-transform: none; padding-left: 0; line-height: 1.2; } .article-col .author-dateline li.author-dateline-time { clear: both; } .author-dateline li.author-dateline-image .author-pic { width: 90px; height: 90px; border-radius: 90px; margin-top: 0; float: left; margin: 6px 12px 5px 0; padding: 0; } .meta-twitter { margin-bottom: 0; padding-bottom: 0; margin: 4px 0 12px; float: left; fill: #3aa8db; transition: fill 0.5s ease; display: inline; } .meta-twitter .contact { float: right; display: inline; margin-left: 2px; text-align: left; } .meta-twitter:hover { fill: #3b7c8e; } /**************************************************************************************************************/ /* ARTICLE GUTTER - AUTHOR META START */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* ARTICLE GUTTER - AUTHOR META MEDIA QUERIES START */ /**************************************************************************************************************/ @media only screen and (max-width: 970px) { /* Top author display */ .article-col .author-dateline { background-color: rgba(137, 150, 127, 0.07); min-height: 95px; width: 100%; float: none; clear: both; } .article-col .author-dateline li { float: left; width: 63%; display: inline; clear: none; } .article-col .author-dateline li.author-dateline-image { width: auto; } .article-col .author-dateline li.author-dateline-image .author-pic { float: left; width: 70px; height: 70px; border-radius: 70px; margin-left: 10px; } .article-col .author-dateline li.author-dateline-name { margin-top: 7px; } .article-col .author-dateline .meta-twitter { margin: 0; } .article-col .author-dateline li.author-dateline-time { clear: none; } } /**************************************************************************************************************/ /* ARTICLE GUTTER - AUTHOR META MEDIA QUERIES END */ /**************************************************************************************************************/ /* Article Body META ---------------------*/ .article-col .tools-meta-outer { float: left; width: 100%; border-top: 1px solid #234B53; } .article-col .tools-container { padding-top: 8px; margin-top: 0; } .article-col .tools-container li { padding-bottom: 8px; } .article-meta-container { position: absolute; top: 0; margin-left: -8.8rem; margin-bottom: 1rem; width: 7.8rem; } .tools-container .twitter-icon { background-position: 0px -36px; background-position: calc(0*-36px) calc(1*-36px); } .tools-container .twitter-icon:hover { background-position: -36px -36px; background-position: calc(1*-36px) calc(1*-36px); } .tools-container .facebook-icon { background-position: 0px -72px; background-position: calc(0*-36px) calc(2*-36px); } .tools-container .facebook-icon:hover { background-position: -36px -72px; background-position: calc(1*-36px) calc(2*-36px); } .tools-container .linkedin-icon { background-position: 0px -108px; background-position: calc(0*-36px) calc(3*-36px); } .tools-container .linkedin-icon:hover { background-position: -36px -108px; background-position: calc(1*-36px) calc(3*-36px); } .tools-container .gplus-icon { background-position: 0px -144px; background-position: calc(0*-36px) calc(4*-36px); } .tools-container .gplus-icon:hover { background-position: -36px -144px; background-position: calc(1*-36px) calc(4*-36px); } .tools-container .print-icon { background-position: -0px -397px; background-position: calc(0*-36px) calc( 11*-36px); } .tools-container .print-icon:hover { background-position: -36px -402px; background-position: calc(2*-36px) calc(11*-36px); } .tools-container .save-icon { background-position: 0px -180px; background-position: calc(0*-36px) calc(5*-36px); } .tools-container .save-icon:hover { background-position: -36px -180px; background-position: calc(1*-36px) calc(5*-36px); } .tools-container .save-icon.saved { background-position: 0px -216px; background-position: calc(0*-36px) calc(6*-36px); } .tools-container .save-icon.saved:hover { background-position: -36px -216px; background-position: calc(1*-36px) calc(6*-36px); } .tools-container .email-icon { background-position: 0px -288px; background-position: calc(0*-36px) calc(8*-36px); } .tools-container .email-icon:hover { background-position: -36px -288px; background-position: calc(1*-36px) calc(8*-36px); } .comment-count, .social-count { font-size: 1em; color: #666; } .share-total, .comment-total { color: #666; } /*top of article print icon*/ /*end of article print icon*/ /* End of article META ----------------------*/ .article-page-body-content > ul li a:not(.article-page-body-content > ul.tools-container li a, .article-page-body-content > ul.related-links li a, .article-page-body-content .pagination > ul li a) { color: #1560b9; font-weight: bold; } .related-links { font-size: 0.9em; border-top: 1px dotted #cdcdcd; padding-top: 7px; } .related-links li { border: none; line-height: 2; } .related-links a { background-color: #3B7C8E; border-radius: 4px; box-shadow: 0px 0px 0px 1px #eeece0 inset; padding: 4px 9px; color: #FBFBFB; text-transform: none; white-space: nowrap; transition: color 0.5s ease; font-size: 0.9em; } .related-links a:hover { color: #234B53; } .content .related-links li:first-child { color: #000; font-weight: bold; border-right: none; background-repeat: no-repeat; background-image: none; position: relative; padding: 0.4em 0.4em 0 1.8em; font-size: 1em; display: inline; } .no-svg .content .related-links li:first-child::before { background-image: url("../images/site-sprite.png"); } .related-links li:first-child::before { background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); content: ""; height: 16px; width: 16px; display: inline-block; background-position: -188px -836px; background-position: calc(-8px + 6*-36px) calc(-8px + 23*-36px); position: absolute; top: 4px; left: 0; } /* -------------- SCROLL UP -------------- */ .no-svg .scrollup { background-image: url("../images/site-sprite.png"); } .scrollup { background-image: url("../images/site-sprite.svgz"); height: 72px; width: 72px; background-position: 0px -1260px; background-position: calc( 0*-36px) calc(35*-36px); font-size: 0; position: fixed; opacity: 0.5; right: 10px; bottom: 3%; display: none; } /* -------------- FURTHER READING -------------- */ .further-reading { float: left; margin-top: 30px; padding-bottom: 0; width: 100%; } .further-reading img { width: 100%; height: auto; } .further-reading header h3 { margin-bottom: 0; color: #E6402E; } .further-reading header h4 { text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; } .further-reading header h4 .section-title-link, .further-reading header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .further-reading header h4 .sponsored-by { margin-bottom: 15px; margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #F4F5F4; background: #fff; width: auto; position: relative; top: 15px; font-weight: 700; } .further-reading .section { border-top: 1px solid #234B53; padding-top: 20px; } .further-reading article { margin-bottom: 30px; border-top: 1px dotted #cdcdcd; padding-top: 4px; } .further-reading article:first-of-type { border-top: none; } /* -------------- AUTHOR CARD ON ARTICLE -------------- */ .about-author { margin-top: 30px; padding-bottom: 0; } .about-author header h3 { margin-bottom: 0; color: #E6402E; } .about-author .author-dateline { margin-bottom: 0; } .about-author .meta_twitter { margin-bottom: 0; } .about-author .author-pic { width: 75px; height: 75px; border-radius: 75px; margin-top: 0; float: none; clear: both; } .about-author .author-dateline li:first-child { font-size: 1.5em; line-height: 1; text-transform: none; display: block; } .about-author .author-dateline a[href^="/author"] { display: block; } .about-author .meta-twitter { float: left; fill: #3aa8db; transition: fill 0.5s ease; display: inline; margin-bottom: 0; padding-bottom: 0; } .about-author .meta-twitter .contact { float: right; display: block; margin-left: 2px; text-align: left; } .about-author .read-more { float: right; font-size: 0.9em; } .about-author .read-more:after { background: initial; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); content: ""; opacity: 0.5; transition: opacity 0.5s ease; background-position: -264px -330px; background-position: calc( -12px + 7*-36px) calc(-6px + 9*-36px); height: 24px; width: 24px; display: inline-block; vertical-align: middle; } .further-reading.boxout, .about-author.boxout { background-color: #fff; padding: 0; margin-bottom: 22px; box-shadow: none; width: 100%; } .about-author.boxout .section { margin: 0; outline: 1px solid #234B53; padding: 20px; background: #FFF; margin-bottom: 15px; box-sizing: border-box; } .about-author.boxout header h4 { text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; } .about-author.boxout header h4 .section-title-link, .about-author.boxout header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .about-author.boxout header h4 .sponsored-by { margin-bottom: 15px; margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #F4F5F4; background: #fff; width: auto; position: relative; top: 15px; font-weight: 700; } .about-author.boxout .read-more { margin-bottom: 0; } .about-author.boxout a.twitter-follow { color: #3AA8DB; font-weight: bold; } /* -------------- AFTER ARTICLE CONTENT -------------- */ .after-article-content { background-color: #F4F5F4; } .header-more-from { margin-bottom: 13px; } header.header-more-from h4 { text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; } header.header-more-from h4 .section-title-link, header.header-more-from h4 #trendlines-static-page .sponsored-by, #trendlines-static-page header.header-more-from h4 .sponsored-by { margin-bottom: 15px; margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #F4F5F4; width: auto; position: relative; top: 15px; font-weight: 700; } .component-more-from { padding-top: 5px; } .header-weekly-wrap, .component-most-read .header-most-read { text-align: center; font-weight: 700; } .header-weekly-wrap h4, .component-most-read .header-most-read h4 { text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; font-weight: normal; } /* -------------- Related Listings -------------- */ .related-listings-header h3 { margin-bottom: 5px; float: left; width: 100%; margin: 0 0 1em 0; padding: 3px 0 3px; line-height: 1.5; font-size: 1.4em; color: #961A1D; border-top: 4px solid #000; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; } .related-articles .span_2_of_4 h2 { font-size: 1.1em; margin-bottom: 12px; } .related .col:first-child, .related-articles .col:first-child, .col:first-child, .col-lrg:first-child { margin-left: 0; } .related-article-holder { float: left; width: 45%; height: auto; margin: 4px 20px 12px 0; padding: 0; background-color: transparent; margin-left: -9.4rem; margin-left: -9.4em; top: -7px; position: relative; clear: both; } .related-article-holder h4 { text-transform: uppercase; letter-spacing: 0.2em; font-size: 1.1em; position: relative; display: inline-block; padding: 2px 12px; font-weight: 600; } .related-article-inner.hide { display: none; } .related-article-title { margin: 0; padding: 3px 0 3px; line-height: 1.5; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; font-size: 1.4em; color: #084C59; } .related-article-title div { margin: 0; padding: 0; } .related-article-inner { margin: 6px; padding: 0; } .related-in-article { float: left; margin: 1.2em 0 0.8em; padding: 0; color: #000; font-size: 0.96em; line-height: 1.4; font-weight: bold; } ul.related-in-article a { color: #234B53; color: #3B7E8C; } .content .related-in-article li { list-style-type: none; margin: 0.5em 0 0.5em 24px; } .content .related-in-article li:before { content: ""; margin-top: 6px; margin-left: -17px; float: left; height: 10px; width: 10px; background-color: #6C979E; } .article-anchor-links ul { float: left; padding: 10px 0 10px; width: 100%; border-bottom: 1px dotted #cdcdcd; } .article-anchor-links ul li { list-style: none; margin: 0.5em 0 0.7em 1.3em; } .article-anchor-links ul li:before { content: ""; margin-top: 3px; margin-left: -1.3em; float: left; height: 10px; width: 10px; background-color: #6C979E; } .related-articles h1 { font-size: 1.4em; margin-bottom: 5px; } .related-articles .col { margin: 1% 0 1% 0; } .related-articles .span_2_of_4 { width: 100%; } .related-articles .span_2_of_4 h2 { font-size: 1.1em; margin-bottom: 12px; } .related-articles .span_2_of_4 img { width: 100px; float: left; } .related-articles .section-story { display: none; } .related-articles .span_2_of_4 { margin-bottom: 10px; } .related-articles .article-meta-details { display: none; } .related-articles .first-element { border: none; } .main-content .news-articles h1 { font-size: 1.4em; margin-bottom: 5px; } .main-content .news-articles .col { margin: 1% 0 1% 0; } .main-content .news-articles .span_2_of_4 { width: 100%; } .main-content .news-articles .span_2_of_4 .image-text-group-a { width: 30%; } .main-content .news-articles .span_2_of_4 img { margin-right: 20px; float: left; } .main-content .news-articles .span_2_of_4 p { margin-bottom: 20px; } .main-content .news-articles .article-meta-details { font-size: 0.7em; } .main-content .related-articles .col:first-child { margin-left: 0; border-top: none; } .main-content .related-articles .col:nth-of-type(2) { border-top: none; } .main-content .related-articles .col { margin: 1% 0 1% 1.5%; } .main-content .related-articles .span_2_of_4 { width: 49.2%; } .main-content .related-articles .col.span_2_of_4:nth-of-type(2n+3) { margin-left: 0; clear: both; } .main-content .related-articles .span_2_of_4 img { width: 34%; margin: 6px 12px 5px 0; } .related-articles .section { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .main-content .related-articles .span_2_of_4 { width: 48.2%; position: relative; } .main-content .related-articles .col:nth-of-type(2n+2)::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAF0lEQVQIW2NkYGD4z8DAwMgAI0AMDA4AI3EBBCKrOnQAAAAASUVORK5CYII=) repeat; content: ""; width: 2px; display: block; background-repeat: repeat; position: absolute; left: -3.5%; height: 100%; } .main-content .related-articles .span_2_of_4::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAF0lEQVQIW2NkYGD4z8DAwMgAI0AMDA4AI3EBBCKrOnQAAAAASUVORK5CYII=) repeat; content: ""; height: 2px; display: block; background-repeat: repeat; float: left; width: 100%; position: absolute; bottom: -10px; } .main-content .related-articles .col:nth-of-type(n+3)::after { background: none; } .main-content .related-articles .col.span_2_of_4:nth-of-type(2n+3) { margin-left: 0; clear: both; } .main-content .related-articles .span_2_of_4 img { width: 34%; margin: 6px 12px 5px 0; } .main-content .news-articles .span_2_of_4 { margin-bottom: 2px; border-top: 0; } .news-articles .span_2_of_4::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAF0lEQVQIW2NkYGD4z8DAwMgAI0AMDA4AI3EBBCKrOnQAAAAASUVORK5CYII=) repeat; content: ""; height: 2px; display: block; background-repeat: repeat; float: left; width: 100%; margin-top: 9px; } .news-articles .span_2_of_4 .article-meta-above-title { margin: 0px 0 3px; } section.news-articles, section.related-articles { margin-bottom: 18px; } h4.sectionheading { width: 100%; margin: 0; padding: 3px 0 3px; line-height: 1.5; font-family: 'Arimo', Arial, sans-serif; font-size: 1.4em; color: #961A1D; font-weight: bold; } h5.listings-article-title { margin: 0; } .main-content .listings-article-title { font-size: 1.4em; color: #000; margin-bottom: 10px; font-weight: bold; line-height: 1.1; } .main-content .further-reading .listings-article-title { font-size: 1.1em; } .related-articles h5.listings-article-title { font-size: 1.1em; margin-bottom: 12px; } /* NEW, Related component, after article */ .secondary { border-top: 4px solid #000; margin-top: 20px; } .secondary .span_1_of_5:first-child { margin-right: 1.5%; } .secondary .span_1_of_5 h1 { font-family: 'Arimo', Arial, sans-serif; margin-top: -5px; color: #961A1D; font-weight: bold; } .secondary .span_1_of_5:nth-of-type(2) { margin-left: 0; } .secondary img { width: 100%; margin-top: 0; } article.span_4_of_4.section_main h1 { font-size: 1.6em; } article.span_4_of_4.section_main img { width: 370px; height: auto; } article h2 { font-size: 1.4em; color: #000000; margin-bottom: 6px; } article.span_4_of_4.section_main { border-top: none; } article.span_4_of_4, article.span_2_of_4 { padding-top: 4px; } .header-reviews { background: #fff; text-indent: 0; color: #333; border-bottom: 3px solid #236fd3; margin-bottom: 0; margin-top: 0; } .section-reviews { background: #f5f5f5; float: left; margin: 0; width: 100%; } .section-reviews div { padding: 0 8px 0; } .section-reviews .group:nth-of-type(1) .span_4_of_4 { border-top: none; } /* -------------- Most read in RHC -------------- */ .popular-articles .image-text-group-a img { padding: 0; margin: 0; width: 100%; } .popular-articles .img-icon { float: left; position: relative; margin: 0; padding: 0; } .popular-articles .sprite { display: inline-block; background-repeat: no-repeat; position: absolute; bottom: 5px; left: 5px; width: 30px; height: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.3); margin: 0; padding: 0; } /**************************************************************************************************************/ /* ARTICLE META - START */ /**************************************************************************************************************/ /* -------------- Article meta details -------------- */ .article-meta-details { float: left; margin: 0 0 0; padding: 0; list-style: none; color: #666; font-size: 0.65em; } .homepage-content .article-meta-details { text-transform: uppercase; } .article-meta-details li { float: left; padding: 0; border: none; color: #666; line-height: 1; } .article-meta-details li:first-child { padding: 0 0.5em 0 0; border-right: none; color: #666; } .article-meta-details li:first-child a { color: #961a1d; padding: 0em 0.6em 0 0; border-right: 1px solid #dedede; text-decoration: none; font-size: 1.2em; text-transform: Capitalize; font-weight: 600; line-height: 1; } .article-meta-details li time:before { content: ""; float: left; height: 14px; width: 14px; background-image: url("../images/site-sprite.png"); background-image: url("../images/site-sprite.svgz"); background-position: -11px -1163px; background-position: calc(-11px + 0*-36px) calc(-11px + 32*-36px); margin-right: 5px; margin-top: -2px; } .no-svg .article-meta-details li time:before { background-image: url("../images/site-sprite.png"); } .article-meta-details li:first-child a:hover { color: #800; } /* ------- Sponsored content flag ------- */ .homepage-content .article-meta-details li.img-icon, .article-meta-details li.img-icon { text-transform: capitalize; font-weight: 600; font-size: 1.1em; } .article-meta-details li.img-icon a, .article-meta-details li.img-icon a .icon-sponsored { color: #f94c18; } .sponsor-holder { margin: 0 0 24px -1.5%; padding: 0; } .sponsor-holder .commerzbank { float: left; margin: 0; padding: 0; } /* -------------- Article meta details - above title render -------------- */ .article-meta-above-title { list-style: none; font-size: 0.8em; padding: 2px; margin: 5px 0 3px; } .article-meta-above-title li a { font-weight: 600; color: #3b7c8e; } .component-opinion .image-text-group-b .article-author, section[class^="component"] .article-meta-above-title li a { color: #3b7c8e; } section[class^="component"].component-news .primary-news-top .article-meta-above-title li a { color: #bee2e9; letter-spacing: 0.03em; } section[class^="component"].component-news .primary-news-top .article-meta-details li { color: #ebebeb; } /* Beats pages hide above title category based on repetition */ body.page_listings .component-news .article-meta-above-title { padding: 0; } body.page_listings .component-news2 .article-meta-above-title li, body.page_listings .component-news .article-meta-above-title li { display: none; } /**************************************************************************************************************/ /* ARTICLE META - END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* STATIC PAGE - START */ /**************************************************************************************************************/ .static-page-content a { color: #1560b9; font-weight: normal; border-bottom: 0.0625em solid #dcdcdc; } .static-page-content p a { color: #1560b9; font-weight: bold; border-bottom: 0.0625em solid #dcdcdc; transition-duration: 0.15s; transition-timing-function: ease-out; transition-delay: 0s; } .static-page-content p a:hover { border-bottom: 1px solid #1560b9; } .static-page-content .list-view a { color: #2f2f2f; font-weight: 800; border: none; } .static-page-content .list-view a:hover { color: #3b7c8e; } .static-page-content img { width: auto; max-width: 100%; } .static-page-content blockquote:before { background-color: #f4f5f4; } /**************************************************************************************************************/ /* STATIC PAGE - END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* DISQUS - comments - START */ /**************************************************************************************************************/ .btn.comments { padding: 0.3em 10px 0.3em 10px; margin-bottom: 0.5em; border-top-right-radius: 0px; border-top-left-radius: 0px; } .centerize { display: block; margin: 0 auto; text-align: center; } .content-columns.display-right { margin-bottom: 0.6em; } .comments a, .comments a:link, .comments a:hover { color: #fff; } .comments { clear: both; width: 220px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; font-size: 1.2em; background: #000; transition: background 0.5s ease; color: #fff; } .comments:hover { background-color: #a60013; } .comments div { background: initial; background-image: none; background-position: none; position: relative; } .no-svg .comments div::before, .no-svg .comments div::after, .no-svg .comments div.less::after { background-image: url("../images/site-sprite.png"); } .comments div::before { width: 24px; height: 24px; content: " "; background-image: url("../images/site-sprite.svgz"); background-position: -42px -546px; background-position: calc(-6px + 1*-36px) calc(-6px + 15*-36px); position: absolute; left: 0; } .comments div::after { width: 24px; height: 24px; content: " "; background-image: url("../images/site-sprite.svgz"); background-position: -42px -906px; background-position: calc(-6px + 1*-36px) calc(-6px + 25*-36px); position: absolute; right: 0; } .comments div.less::after { background-position: -42px -942px; background-position: calc(-6px + 1*-36px) calc(-6px + 26*-36px); } .hide-element { display: none; } .list-inner.hide { display: none; height: 0; margin: 0; padding: 0; } .less { display: block; cursor: pointer; } .font-nada { font-size: 0; } /**************************************************************************************************************/ /* DISQUS - comments - END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* ADVERTS START */ /**************************************************************************************************************/ /* Full width */ .ad-slot-full { text-align: center; padding: 18px 0 18px; } .ad-slot-full:empty { padding: 0; } #rdm-below-header.ad-slot-full { padding-bottom: 6px; } /* Sidebar */ #rdm-rhc-top.ad-slot div { margin-bottom: 22px !important; /* important rule to override inline css */ } /* Listings */ /* Search open */ .site-pushed #rdm-above-footer, .site-pushed #rdm-below-header { display: none; } /* Homepage slots */ .component-most-read .ad-slot { float: right; } /* Wallpaper */ body.wallpaper-visible .content { max-width: 970px; } body.wallpaper-visible .container { background-color: transparent; } body.wallpaper-visible .page-content > .content { background-color: #fff; } body.wallpaper-visible header.article-header > .content { background-color: #fff; } body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper { position: fixed; z-index: 0; top: 48px; width: 100%; text-align: center; left: 0%; background: #fff; } body.wallpaper-visible .main-sub-menu { max-width: 970px; } body.wallpaper-visible.sponsored_article .article-header .content, body.wallpaper-visible.sponsored_article .page-content .content, body.wallpaper-visible.sponsored_article .main-sub-menu { max-width: 970px; background-color: #fff; } body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper.alignbeneathheader { top: 161px; } body.wallpaper-visible .content, body.wallpaper-visible .ad-slot-full, body.wallpaper-visible .ad-slot, body.wallpaper-visible .ad-slot-internal, body.wallpaper-visible footer { position: relative; z-index: 1; } body.wallpaper-visible .article-meta-container { position: absolute; top: 0; margin-bottom: 1rem; margin-left: -6.8em; width: 5.3rem; } body.wallpaper-visible .related-article-holder { margin-left: -6.9em; margin-left: -6.9em; width: 50%; } /* Overlay slots */ #advertWrapper { width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; z-index: 900000; text-align: center; /*background-color:rgba(0, 0, 0, 0.6); */ display: none; } /* Overlay styles hidden for client side styling #advertOverlay { position:relative; top:0px; width:940px; height:480px; margin:100px auto; font-family:Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; box-shadow:0px 2px 9px #000; } .closeButton { position:absolute; right:0px; top:0px; display:none; height:30px; width:30px; padding:3px 3px 0 3px; background-color:rgba(0,0,0,0.4); } .ad-slot-overlay .closeButton a { height:24px; width:26px; background-image:url("../../global/images/close_icon.png"); background-repeat:no-repeat; background-position:-1px 0; display:block; background-size:30px 24px; margin:2px; } */ /**************************************************************************************************************/ /* ADVERTS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* BARRIER TEMPLATE START */ /**************************************************************************************************************/ /* -------------- Paragraph Fade for barrier content -------------- */ .barrier .article-col p:last-child { position: relative; } .barrier .article-col p:last-child:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f5f4+0,f4f5f4+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(244, 245, 244, 0) 0%, #f4f5f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244, 245, 244, 0) 0%, #f4f5f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244, 245, 244, 0) 0%, #f4f5f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f5f4', endColorstr='#f4f5f4',GradientType=0 ); /* IE6-9 */ } .barrier.journals .article-col p:last-child:after { height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* -------------- Barrier area -------------- */ .barrier-block { height: auto; width: 100%; } /* -------------- Barrier message block styling -------------- */ .barrier-message { width: 90%; padding: 2% 5% 2% 5%; margin: 0; background-color: #234b53; height: auto; } .barrier-message .content-inner { margin: 0; padding: 0.8em; } .barrier-message section { border-top: none; } .barrier-message section.group:nth-of-type(1) .col { margin: 0; } .barrier-message section.group:nth-of-type(1) .col h2 { color: #fff; font-size: 2em; margin: 0; } .barrier-message div.group .col { background-color: #fff; border-radius: 0.3em; margin: 10px auto; float: none; clear: both; display: block; outline: 1px solid #c6dfe4; background: #fff; box-sizing: border-box; border: 13px solid #234b53; padding-top: 5px; } .barrier-message .barrier-msg-block { padding: 0 3% 1% 3%; width: 94%; } .barrier-message .barrier-msg-block h2 { margin: 0.75em 0; color: #000; } .barrier-message .barrier-msg-block p { font-size: 0.9em; color: #333; } .barrier-message .barrier-msg-block .btn { width: auto; float: none; margin: 3% 0 5% 0; display: block; } .barrier-message .span_2_of_3 .barrier-msg-block .btn { width: 30%; float: left; } .barrier-message .barrier-msg-block .header-tools-content { margin: 0; padding: 0 10%; } /* -------------- Dedicated customer services column message styling -------------- */ .barrier-message .group .col.customer-service { background-color: #fff; } .barrier-message .group .col.customer-service .barrier-msg-block { width: 92%; padding: 4.5% 4%; } .barrier-message .group .col.customer-service .barrier-msg-block h4 { margin: 0.7em 0; color: #069; } .barrier-message .group .col.customer-service .barrier-msg-block ul { list-style-type: none; padding: 0; } .barrier-message .group .col.customer-service .barrier-msg-block ul li { font-size: 0.9em; } /* -------------- margin overwrite for login form in barrier -------------- */ .barrier-message #login .actions-holder { margin-top: 15px; } .barrier-message #login #actions button[type=submit] { margin-top: 10px; } .barrier-message .group .col .barrier-msg-block aside.customer-services { margin-bottom: 10%; } .barrier-msg-block.signup-message a { color: #234b53; } /* -------------- Anonymous user -------------- */ .barrier-message .signup-message h2 { color: #000; width: 90%; margin: 3.5% auto; text-align: center; } .barrier-message .signup-message p { width: 85%; float: none; margin: 1px 0 0 15px; padding: 0; color: #333; font-size: 1em; line-height: 1.1em; font-weight: bold; } .barrier-message .signup-message ul { list-style-type: none; padding: 0; margin: 0 10%; width: 80%; clear: both; float: none; } .barrier-message .signup-message ul li { background-repeat: no-repeat; background-position: 0px -947px; padding: 0 0 0.3em 35px; font-size: 0.9em; line-height: 1.1em; margin: 0.5em 0; color: #333; } .barrier-message .signup-message ul li:last-child { margin: 1% 0 0 0; } .barrier-message .signup-message .btn { margin: 10px 0; width: auto; display: inline-block; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); font-size: 1em; float: none; } /* -------------- Expired or product user -------------- */ .barrier-message .expired-product-message h2 { color: #000; width: 100%; margin: 3.5% 0; } .barrier-message .expired-product-message p { width: 90%; float: left; padding: 0; color: #333; font-size: 1em; line-height: 1.3em; } .barrier-message .expired-product-message img { width: 35%; float: left; margin: 0 0 3% 0; clear: right; } .barrier-message .expired-product-message .btn { clear: both; float: left; } /* Specific expired message for Danske Bank added via script in JS Library */ .corp-expired-message { margin-top: 15px; } .corp-expired-message a { font-weight: bold; } .corp-expired-message-signin { width: 100%; float: none; clear: both; padding: 10px 0; } .barrier-message .expired-product-message p.corp-expired-message-thankyou { width: 100%; padding-top: 10px; border-top: 1px solid #ccc; display: inline-block; float: none; } .corp-expired-message-signin .image-text-group-a { display: inline-block; max-width: 65%; } .corp-expired-message-signin .image-text-group-b { display: inline-block; max-width: 35%; } /* -------------- BARRIER PAGE FIXES -------------- */ #login fieldset, #login_barrier fieldset { margin: 0; padding: 0; border: none; position: relative; overflow: hidden; } #login #inputs input, #login_barrier #inputs input { padding: 8px; margin: 8px 0; } #login_barrier input[type=email], #login_barrier input[type=password] { width: 100%; margin-left: 0; border-radius: 3px; color: #000; padding: 8px; margin: 8px 0; font-size: 1em; box-sizing: border-box; text-indent: 6px; } .svg #login_barrier input[type=email], .svg #login_barrier input[type=password], .no-svg #login_barrier input[type=email], .no-svg #login_barrier input[type=password] { background: none; } #login_barrier fieldset#actions a { display: block; } #login_barrier input[type=submit] { padding: 0 14px 0; } .submit_style.login_submit { background-color: #f26424; color: #fff; border: none; height: 32px; padding: 0 5px 0; margin: 0; line-height: 0; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); background-repeat: no-repeat; cursor: pointer; transition: background-color 0.5s ease; float: right; } .submit_style.login_submit:hover { background-color: #ff890a; transition: background-color 0.5s ease; } #login_barrier .export_loading { float: right; margin: 10px 10px 0 0; } #login fieldset#actions a, #login_barrier fieldset#actions a { text-align: left; display: block; font-size: 0.8em; margin: 0.4em 8px 0 0; clear: both; } .barrier-message .barrier-msg-block h2 { text-align: center; margin: 0.75em auto; } .barrier-anonymous-user .col { margin: 2% 4%; margin-left: 0px; width: 45.2%; } .barrier-message .barrier-msg-block { padding: 0 9% 1% 9%; width: 100%; box-sizing: border-box; } .barrier-message .barrier-msg-block.signup-message { padding: 0 3%; } .barrier-message .signup-message ul { margin: 15px 8% 10px 8%; } .barrier-message .signup-message ul li { background: none; position: relative; } .barrier-message .signup-message ul li::before { background-image: url("../images/site-sprite.svgz"); background-position: calc(0*-36px) calc(29*-36px); content: ""; width: 36px; height: 36px; display: block; position: absolute; left: -10px; top: -10px; } /* -------------- Barrier flex -------------- */ .barrier-expired-user, .barrier-expired-product-user, .barrier-anonymous-user { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /**************************************************************************************************************/ /* BARRIER TEMPLATE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* VIDEO - Media Centre - START */ /**************************************************************************************************************/ .video-header { background-color: #222; padding: 25px 0 15px 0; width: 100%; margin-top: 0px; } .video-console-main { float: left; width: 100%; } .video-console-main:first-of-type .col { margin-left: 0; } .video-player-main { width: 100%; } .video-console-sidebar { float: right; width: 300px; margin-right: -320px; } .video-console-sidebar .tools-container { display: none; } .video-player-info { color: #fff; } .video-player-info h2.article-title { color: #fff; font-size: 26px; margin: 0 0 10px 0; line-height: 1.2; } .video-player-info p.summary { color: #fff; line-height: 1.2em; } .article-publishdate { margin-bottom: 10px; font-size: 13px; } a.btn.full-article-link { display: block; padding: 7px 10px; box-sizing: border-box; } a.btn.full-article-link::after { content: ""; width: 24px; height: 24px; display: inline-block; background-image: url(../images/site-sprite.svgz); background-position: -258px -690px; background-position: calc(-6px + 7*-36px) calc(-6px + 19*-36px); vertical-align: bottom; margin-left: 7px; } /* ------- Video player carousel ------- */ /* ------- Video player ranklist ------- */ .video-player-carousel { clear: both; overflow: hidden; } .video-player-carousel article { float: left; padding: 10px; max-width: 205px; overflow: hidden; } .video-player-carousel article h2 a { font-size: 13px; line-height: 16px; } .video-article-thumbnail { overflow: hidden; position: relative; } .video-article-thumbnail img { max-width: 205px; width: 100%; } .video-hidden-meta { display: none; } .now-playing-overlay { width: 100%; height: 100%; position: absolute; background-color: #12134f; display: block; text-align: center; font-size: 20px; color: #fff; padding: 16px; box-sizing: border-box; } .now-playing-overlay::before { content: ""; width: 24px; height: 24px; display: inline-block; background-image: url("../images/site-sprite.svgz"); background-position: -114px -1194px; background-position: calc(-6px + 3*-36px) calc(-6px + 33*-36px); vertical-align: bottom; margin-right: 7px; } .video-article-thumbnail.now-playing .now-playing-overlay { opacity: 1; } .thumbnnail-overlay-article-link { border-top: 1px solid #fff; margin-top: 10px; padding: 8px 2px; } .thumbnnail-overlay-article-link a { color: #fff; font-size: 13px; } .thumbnnail-overlay-article-link::after { content: ""; width: 24px; height: 24px; display: inline-block; background-image: url("../images/site-sprite.svgz"); background-position: -258px -690px; background-position: calc(-6px + 7*-36px) calc(-6px + 19*-36px); vertical-align: bottom; margin-left: 7px; } .latest-videos { margin-bottom: 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-top: 0 !important; } .latest-videos article { background-color: #fff; box-shadow: 0px 2px 20px #f1f0f0; border-top: 1px solid #3b7c8e; box-sizing: border-box; margin-bottom: 1em; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .latest-videos .section-story { display: none; } .latest-videos .article-meta-details { display: block; position: relative; bottom: 10px; } .latest-videos .section article.col:nth-of-type(3) { display: none; } .latest-videos .section article.col:nth-child(3n+1) { margin-left: 0; clear: both; } .latest-videos .section article a img { width: 100%; } .latest-videos .section article h5.listings-article-title { font-size: 1.1em; padding: 10px; } .latest-videos .section article .article-meta-details { padding: 0 10px; } .latest-videos .related-listings-header h4 { text-align: center; padding: 4px 0; top: -10px; } .latest-videos .related-listings-header h4::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234b53; display: block; } .latest-videos header a.section-title-link, .latest-videos header #trendlines-static-page a.sponsored-by, #trendlines-static-page .latest-videos header a.sponsored-by { padding: 0 15px; position: relative; top: 15px; font-weight: 700; background-color: #f4f5f4; } /* ------- Video player carousel update styles ------- */ .video-header .content-inner { padding: 0; } .video-article-thumbnail { min-height: 107px; display: block; background-color: #d3d3d3; } .video-player-carousel.slick-slider { background-color: #333; padding-top: 0px; margin-top: 20px; border-bottom: 5px solid #171717; } .video-player-carousel .slick-list { padding: 10px 35px 5px 35px; } .video-player-carousel .slick-prev, .video-player-carousel .slick-next { width: 40px; height: 40px; top: 22%; background-color: #3b7c8e; } .video-player-carousel .slick-prev:hover, .video-player-carousel .slick-next:hover { opacity: 1; } .video-player-carousel .slick-prev:before { margin-top: -17px; background-position: -144px -36px; background-position: calc(4*-36px) calc(1*-36px); } .video-player-carousel .slick-next:before { margin-top: -17px; background-position: -177px -36px; background-position: calc(3px + 5*-36px) calc(1*-36px); } .video-player-carousel article .listings-article-title { margin-top: 10px; } .video-player-carousel article .listings-article-title a { font-size: 17px; line-height: 22px; color: #cacaca; font-family: 'Arimo', Arial, sans-serif; letter-spacing: 0.05em; font-weight: bold; } .video-article-thumbnail .sprite { width: 32px; height: 32px; position: absolute; bottom: 5px; left: 5px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.3); margin: 0; padding: 0; background-image: url("../images/site-sprite.svgz"); background-size: initial; } .latest-videos .article { position: relative; } /**************************************************************************************************************/ /* VIDEO - Media Centre - END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* SEARCH TEMPLATE - START */ /**************************************************************************************************************/ /* ------- SEARCH LOADING IMAGE ------- */ #loading { z-index: 5001; } /* ------- SEARCH FILTERS ------- */ .search-interface-wrapper { float: left; width: 100%; } .search-interface-wrapper .search-page-interface header h1 { margin: 20px 1px 15px; } .search-field-interface { background-color: #c3c3c3; padding: 10px; float: left; width: 100%; box-sizing: border-box; border-radius: 4px; } .search-interface-simple { border: 1px solid #bababa; float: left; width: 100%; background: #fff; position: relative; margin-top: 5px; } .search-interface-simple::before { content: " "; background: url("../images/site-sprite.svgz"); background-position: 0px -756px; background-position: calc(0*-36px) calc(21*-36px); height: 36px; display: block; width: 36px; position: absolute; top: 5px; } .search-interface-simple input[type=text] { background: transparent; border: none; width: 100%; margin: 0; border-radius: 0; box-sizing: border-box; padding: 10px 14px; padding-left: 40px; font-size: 22px; } .search-interface-simple input[type=text]:focus { outline: 1px; } .refine-search-toggle { float: left; padding: 10px 7px 0 3px; color: #4a4b5b; margin-top: 15px; font-size: 15px; font-family: 'Arimo', Arial, sans-serif; cursor: pointer; font-weight: bold; } .refine-search-toggle.selected { border-bottom: 5px solid rgba(255, 255, 255, 0.6); } .refine-search-toggle::before { content: ""; float: left; margin-right: 6px; margin-top: 1px; margin-bottom: 4px; width: 13px; height: 13px; opacity: 0.5; cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.5s ease; width: 18px; height: 18px; background-image: url("../images/site-sprite.svgz"); background-position: -225px -765px; background-position: calc(-9px + 6*-36px) calc(-9px + 21*-36px); } .refine-search-toggle::after { content: ""; float: right; margin-left: 8px; margin-top: 8px; width: 13px; height: 13px; opacity: 0.5; cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.5s ease; width: 0; height: 0; border-style: solid; border-width: 7px 6.5px 0 6.5px; border-color: #555 transparent transparent transparent; line-height: 0px; _border-color: #555 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000"); } .refine-search-toggle.selected::after { margin-top: 8px; opacity: 1; transition: color 0.5s ease, border 0.5s ease; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 7px 6.5px; border-color: transparent transparent #fff transparent; line-height: 0px; _border-color: #000000 #000000 #fff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000"); } body.no-js.refine-search-options { display: block; } .refine-search-options { display: none; width: 100%; clear: both; background-color: #234b53; margin-left: -10px; padding: 10px; float: left; } .search-field-interface select, .search-field-interface option, .search-field-interface label { color: #000; } .refine-search-options .col { margin-top: 0; } .refine-search-options label { margin-bottom: 5px; float: left; font-size: 15px; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; color: #fff; } .refine-search-options select { clear: both; display: block; width: 100%; padding: 5px 5px; border: none; border-radius: 2px; } .search-field-interface button.search-submit { -webkit-appearance: none; margin-top: 0px; padding: 15px; transition: all 0.4s; cursor: pointer; background-color: #132e35; color: #fff; margin: 16px 5px 6px; padding: 10px 51px; border-radius: 5px; font-size: 17px; letter-spacing: 0.5px; margin-right: 0; float: right; border: none; } .search-results-sort { float: left; margin-top: 24px; padding-right: 15px; } .sortbyrange, .sortbydate { float: left; font-size: 14px; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; } .sortbyrange { margin-right: 16px; padding-right: 16px; border-right: 2px solid grey; } .sortby-option { cursor: pointer; cursor: hand; font-family: 'Arimo', Arial, sans-serif; font-size: 15px; font-weight: bold; } .sortby-selected { text-decoration: underline; } .sortby-selected a { color: #132e35; } /* ------- NO RESULTS ------- */ .no-search-results-wrapper .helper-messaging { margin: 5% auto; } .helper-messaging { text-align: center; width: 90%; margin: 20px 5%; clear: both; } .message-box-alert { color: #fff; font-size: 18px; line-height: 1.65em; padding: 14px 2px; border-radius: 9px; background-color: #3b7e8c; box-sizing: border-box; } .message-box-alert button.search-submit { -webkit-appearance: none; margin-top: 0px; padding: 15px; transition: all 0.4s; cursor: pointer; background-color: #132e35; color: #fff; margin: 10px 5px 6px; padding: 4px 37px; border-radius: 5px; font-size: 16px; letter-spacing: 0.5px; border: none; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; } /* ------- SEARCH STATICS - BEST BETS + NO RESULTS HELPER ------- */ /* ------- SEARCH LISTINGS ------- */ .search-results-listing { clear: both; margin-top: 20px; float: left; } .homepage-content .content .search-results-listing header h4 { letter-spacing: 0.1em; text-align: left; padding: 0; } .search-results-listing article { width: 100%; margin: 1% 0 1% 0; border-top: 1px dotted #cdcdcd; padding-top: 16px; margin: 8px 0; } .highlight { background-color: #f8ffba; padding: 2px 2px; border-radius: 3px; } .search-results-listing article .listings-article-title { line-height: 1.3em; } .search-results-listing .image-text-group-a { max-width: 20%; width: 20%; } .search-results-listing .image-text-group-b { max-width: 76%; width: 76%; } .search-results-listing article { margin: 1% 0 1% 0; border-top: 1px dotted #cdcdcd; padding-top: 4px; margin-bottom: 8px; background-color: #fff; box-shadow: 0px 2px 20px #f1f0f0; border-top: 1px solid #3b7c8e; padding: 12px; box-sizing: border-box; margin-bottom: 4px; } .search-results-listing article p { line-height: 1.5; } .search-results-listing article img { width: 100%; float: left; } .highlight { background-color: #bfdec6; padding: 1px 2px; border-radius: 2px; color: #404040; } /**************************************************************************************************************/ /* SEARCH TEMPLATE - END */ /**************************************************************************************************************/ /*******************************************************/ /*******************************************************/ /* homepage components start */ /*******************************************************/ /*******************************************************/ .col-inner { margin: 0; padding: 8px; } section[class^="component"] h2, div[class^="component"] h2 { font-family: 'Arimo', Arial, sans-serif; } section[class^="component"] h5, div[class^="component"] h5 { font-size: 2em; margin: 0 0 0.5em; padding: 0; line-height: 1; } section[class^="component"] p, div[class^="component"] p { font-size: 0.9em; line-height: 1.3; color: #333; margin-bottom: 20px; } section[class^="component"] .article-meta-details, div[class^="component"] .article-meta-details { position: absolute; bottom: 5px; } section[class^="component"] a, div[class^="component"] a { color: #222; } section[class^="component"] .article-author, div[class^="component"] { color: #3B7E8C; font-weight: bold; margin-bottom: 4px; } section[class^="component"] .article-author a, div[class^="component"] .article-author a { color: #3B7E8C; } /* Homepage component arrows */ a.section-title-link:after, #trendlines-static-page a.sponsored-by:after { background: initial; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); content: ""; background-position: -186px -42px; background-position: calc( -6px + 7*-36px) calc(-6px + 1*-36px); height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.5; transition: opacity 0.5s ease; } a.section-title-link:hover:after, #trendlines-static-page a.sponsored-by:hover:after { opacity: 1; } /* inverted */ .component-video a.section-title-link:after, .component-video #trendlines-static-page a.sponsored-by:after, #trendlines-static-page .component-video a.sponsored-by:after { background-position: -186px -42px; background-position: calc( -6px + 5*-36px) calc(-6px + 1*-36px); } /*******************************************************/ /* news start */ .component-news { padding-bottom: 20px; /*border-bottom:20px solid #000; */ } .component-news h4 { font-size: 1.5em; margin: 0; padding: 0; } .component-news .subsidary-news h5 { font-size: 1.5em; margin-bottom: 20px; } .component-news .subsidary-news h6 { font-size: 1.1em; line-height: 1.15; margin: 0 0 30px; padding: 0; } /******************************/ /* base flex structure start */ .component-news .section.primary-news { display: -webkit-flex; display: flex; } .component-news .primary-news .primary-news-top, .component-news .primary-news .subsidary-news { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .component-news .subsidary-news-top, .component-news .subsidary-news-second, .component-news .subsidary-news-lower { display: -webkit-flex; display: flex; } .component-news .subsidary-news-second, .component-news .subsidary-news-lower { -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-flex-basis: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } /* base flex structure end */ /***************************/ .component-news .subsidary-news { position: relative; } .component-news .subsidary-news .section { position: relative; } .component-news .subsidary-news .span-lrg_2_of_4 { position: relative; } .component-news .span-lrg_2_of_4 { margin-top: 0; margin-bottom: 0; } .component-news .subsidary-news-second .span-lrg_2_of_4, .component-news .subsidary-news-lower .span-lrg_2_of_4 { /* margin-top:18px; */ } /* styling */ .component-news .primary-news-top { position: relative; background-color: rgba(154, 140, 130, 0.12); } .component-news .subsidary-news .span-lrg_2_of_4 { background-color: rgba(154, 140, 130, 0.12); } .component-news img { width: 100%; display: block; } .component-news .image-text-group-a { float: none; max-width: 100%; } .component-news .image-text-group-b { float: none; max-width: 100%; } .component-news .primary-news .subsidary-news:after { content: ""; float: left; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -3%; bottom: 0; top: 0; } /*******************************************************/ /* news end */ /*******************************************************/ /* news 2 start */ .component-news2 .section { display: flex; display: -webkit-flex; flex-direction: row; margin-bottom: 10px; } .component-news2 .span-lrg_1_of_3 h5 { font-size: 1.1em; margin-bottom: 18px; line-height: 1.15; } .component-news2 .col-lrg { position: relative; margin-top: 0; background-color: #F3F2F0; } .col-divider-news2:after { content: ""; float: left; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -6%; bottom: 0; top: 0; } .col-divider-news2:first-child:after { width: 0; } /*******************************************************/ /* news 2 end */ /*******************************************************/ /* opinion and big question start */ /* comp E */ .component-opinion .header-opinion { color: #961A1D; margin-bottom: 4px; } .component-opinion img { width: 130px; height: auto; margin: 0; padding: 0; } .component-opinion h4 { font-size: 1.5em; letter-spacing: -0.010em; margin: 0; padding: 0; } .component-opinion .section { display: flex; display: -webkit-flex; align-items: stretch; flex-direction: row; margin-bottom: 15px; } .component-opinion .span-lrg_2_of_4 h5 { font-size: 1.1em; line-height: 1.1; margin-top: 0; margin-bottom: 30px; } .component-opinion .col-lrg { display: -webkit-flex; display: flex; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; position: relative; } .component-opinion .span-lrg_2_of_4 { border-top: 2px solid #537D8c; background-color: rgba(83, 125, 140, 0.1); } .component-opinion .col-divider-opinion::before { content: ""; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -3%; bottom: 0; top: 0; } .component-opinion .image-text-group-a img { width: 100%; height: auto; } /* comp big-question start */ .component-big-question { margin-bottom: 50px; } .component-big-question .header-big-question { color: #961A1D; margin-bottom: 4px; border-top: 4px solid #333; } .component-big-question h4 { font-size: 1.5em; letter-spacing: -0.010em; margin: 0; padding: 0; } .component-big-question img { width: 100%; } .component-big-question .section { display: flex; display: -webkit-flex; align-items: stretch; flex-direction: row; margin-bottom: 20px; } .component-big-question .article-meta-details { position: absolute; bottom: 1px; margin-bottom: 5px; } .component-big-question .span-lrg_1_of_3 { position: relative; border-top: 2px solid #961A1D; background-color: rgba(252, 248, 227, 0.5); box-shadow: 0px 0px 0px 1px rgba(178, 172, 137, 0.1) inset; } .component-big-question .span-lrg_1_of_3 img { float: none; margin: 0; } .component-big-question .adslot { margin-top: 0; } .component-big-question a { color: #222; } .component-big-question .span-lrg_1_of_3 h5 { font-size: 1.2em; line-height: 1.1; margin-bottom: 25px; } .component-big-question .col-divider-big-question:after { content: ""; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -5%; bottom: 0; top: 0; } /*******************************************************/ /* opinion and big question end */ /*******************************************************/ /* most read start */ .component-most-read { background-color: #444c58; } .component-most-read .section { display: flex; display: -webkit-flex; } .component-most-read .header-most-read { color: #fff; margin-top: 0; margin-bottom: 0; /* border-bottom:1px solid rgba(200,200,200,0.5); */ /*border-bottom:4px solid rgb(18,19,79);*/ } .component-most-read .ol { padding: 1% 4% 2% 4%; margin: 1em 0.8em 0 10px; } .component-most-read ol li:before { content: counter(customlistcounter,decimal) " "; display: inline-block; font-family: Georgia, serif; font-size: 2.5em; font-weight: normal; font-style: italic; line-height: 1.5; text-indent: 10px; margin: -2px 15px; width: 34px; height: 34px; border-radius: 34px; color: #19767B; margin-left: -50px; } .component-most-read ol li { list-style-type: none; counter-increment: customlistcounter; } .component-most-read ol li { font-size: 1em; line-height: 1.2; padding: 0 0 10px 0px; margin-left: 0; font-weight: 600; } .component-most-read ol li a { color: #484848; } .component-most-read .adslot { float: right; margin-left: 3%; margin-right: 0; height: 100%; padding-top: 12px; padding-left: 5%; display: block; width: 310px; border-left: 1px solid rgba(200, 200, 200, 0.2); } /*******************************************************/ /* most read end */ /*******************************************************/ /* interview start */ .component-big-interview { background-color: #f2f2f2; } picture.interview { display: block; max-height: 500px; overflow: hidden; } .interview { width: 100%; } .interview { margin: 0; padding: 0; position: relative; } .interview figcaption { position: absolute; bottom: 0; left: 50%; margin-left: -40%; width: 80%; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); margin-bottom: 3%; } .interview .caption-text { padding: 3% 3% 0; margin: 0; } .interview .caption-text h5 { font-size: 1.4em; padding-top: 4px; padding-bottom: 0; margin: 0; } .interview .caption-text a { color: #fff; } .interview .caption-text p { color: #fff; margin: 0 0 12px; padding: 0; } .component-big-interview h5.caption-text-fallback a { color: #000; } .component-big-interview h5.caption-text-fallback { font-size: 1.4em; margin-top: 12px; } .component-big-interview .picture-holder { text-align: center; background-color: #f1f1f1; padding: 4% 10% 4%; margin: 0 auto 1em; box-shadow: 0 0 0 5px white inset; } .component-big-interview .col { display: -webkit-flex; display: flex; margin-top: 0; margin-bottom: 0; } .component-big-interview .span_2_of_4 { width: 100%; } .component-big-interview .section { position: relative; display: -webkit-flex; display: flex; } /* styles */ .component-big-interview .col-inner { margin: 0; padding: 8px; } .component-big-interview .header-news { font-size: 1.8em; color: #171864; margin-bottom: 0; } .component-big-interview h4 { padding: 0; margin: 0 0 0.2em; font-size: 1.8em; color: #171864; } .component-big-interview img { width: 100%; margin-top: 0; } .component-big-interview .span-lrg_2_of_4 { background-color: #171864; } .component-big-interview h5 a { color: #fff; } .component-big-interview .span-lrg_2_of_4 h5 { /* margin-top:8px;*/ font-size: 1.2em; font-weight: 200; line-height: 1.2; } /*******************************************************/ /* interview end */ /*******************************************************/ /* analysis start */ .component-analysis .header-analysis { color: #961A1D; margin-bottom: 4px; border-top: 4px solid #333; } .component-analysis .header-analysis h4 { font-size: 1.5em; letter-spacing: -0.010em; margin: 0; padding: 0; } .component-analysis img { width: 100%; margin: 0; } .component-analysis .section { /*display:flex; */ /*position:relative;*/ margin-bottom: 20px; } .component-analysis .span_4_of_4 h5 { font-size: 1.8em; line-height: 1.1; margin-top: -4px; } .component-analysis .span_4_of_4 .article-meta-details { position: static; } .component-analysis .image-text-group-a { float: left; margin: 0; padding: 0; max-width: 30%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .component-analysis .image-text-group-b { float: left; margin: 0 0 0 4%; padding: 0; max-width: 66%; } .component-analysis .adslot { margin-top: 59px; display: block; } .component-analysis .span_4_of_4 .image-text-group-a { max-width: 66%; } .component-analysis .span_4_of_4 .image-text-group-b { max-width: 30%; } .component-analysis .span-lrg_2_of_4 img { margin: 0; padding: 0; } .component-analysis .span-lrg_2_of_4 { position: relative; } .component-analysis .span-lrg_2_of_4 .article-meta-details { position: absolute; bottom: 1px; margin-bottom: 5px; } .component-analysis a { color: #222; } .component-analysis .span-lrg_2_of_4 h5 { font-size: 1.2em; line-height: 1.15; margin-top: -2px; margin-bottom: 30px; } /*******************************************************/ /* analysis end */ /*******************************************************/ /* fund manager start */ .component-fund-manager .header-fund-manager { color: #961A1D; margin-bottom: 4px; border-top: 4px solid #333; } .component-fund-manager .header-fund-manager h4 { font-size: 1.5em; letter-spacing: -0.010em; margin: 0 0 22px; padding: 0; } .component-fund-manager .section { margin-bottom: 22px; } .component-fund-manager img { width: 100%; margin: 0; } .component-fund-manager .image-text-group-a { float: left; margin: 0; padding: 0; max-width: 30%; } .component-fund-manager .image-text-group-b { float: left; margin: 0 0 0 4%; padding: 0; max-width: 66%; } .component-fund-manager .adslot { margin-top: 59px; display: block; } .component-fund-manager .span-lrg_2_of_4 img { margin: 0; padding: 0; border: 1px solid #CACACA; box-sizing: border-box; } .component-fund-manager .span-lrg_2_of_4 { position: relative; } .component-fund-manager .span-lrg_2_of_4 .article-meta-details { position: absolute; bottom: 1px; margin-bottom: 5px; } .component-fund-manager a { color: #222; } .component-fund-manager .span-lrg_2_of_4 h5 { font-size: 1.2em; line-height: 1.15; margin-top: -2px; margin-bottom: 30px; } /*******************************************************/ /* fund manager end */ /*******************************************************/ /* video start */ /* comp O, the same as comp J */ .component-video { background-color: #333; box-shadow: 0px -30px 0px 0px rgba(0, 0, 0, 0.2) inset; } .component-video .col-inner { padding: 1.5%; } .component-video .header-video { color: #c2c2c2; /*margin-bottom:10px;*/ border-top: 1px solid rgba(255, 255, 255, 0.2); } .component-video .header-video h4 { font-size: 1.5em; letter-spacing: -0.010em; margin: 0; padding: 0; } .component-video .header-video a { color: #f2f2f2; } .component-video img { margin-top: 0; margin-bottom: 15px; } .component-video article .video-carousel-sidebar-article img { width: 100%; } .component-video .video-console-main .jwplayer .jwlogo { width: initial !important; } .component-video .section { display: flex; display: -webkit-flex; position: relative; margin-bottom: 20px; } .component-video a { color: #fff; } .component-video .span-lrg_1_of_3 h5 { font-size: 1.1em; margin-top: -2px; margin-bottom: 30px; font-family: 'Arimo', Arial, sans-serif; margin-bottom: 15px; font-weight: 200; line-height: 1.2; } .component-video .span-lrg_2_of_3 h5 { font-size: 1.5em; padding-top: 12px; font-family: 'Arimo', Arial, sans-serif; clear: both; } .component-video .span-lrg_2_of_3 a { color: #fff; } .component-video .span-lrg_1_of_4 p { margin-bottom: 15px; margin-top: 5px; } .component-video .span-lrg_1_of_4 .article-meta-details { position: static; } .component-video .span-lrg_1_of_3 h5 a { color: #fff; } .component-video .group { margin-bottom: 30px; } .component-video .section_main .img-icon img { float: left; max-width: 100%; height: auto; margin: 0; padding: 0; clear: right; } .component-video section.larger a.img-icon { margin: 0; } .component-video section.larger .img-icon img { margin-bottom: 0; margin-top: 0; } .component-video section.larger .img-icon { margin-bottom: 5px; } .component-video .img-icon img { margin: 0; padding: 0; } .component-video .img-icon { float: left; position: relative; width: auto; margin: 0; } .component-video .sprite { display: inline-block; background-repeat: no-repeat; position: absolute; bottom: 5px; left: 5px; width: 30px; height: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.3); margin: 0; padding: 0; } .component-video .image-text-group-a { max-width: 40%; } .component-video .image-text-group-b { max-width: 56%; } .component-video .col-divider-video:after { content: ""; position: absolute; width: 0.063em; background-color: rgba(255, 255, 255, 0.1); margin-left: -1.5%; bottom: 0; top: 0; } .component-video .section { border-top: 1px dotted rgba(255, 255, 255, 0.3); padding-top: 8px; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); } /*******************************************************/ /* video end */ .component-news .section.secondary-news { display: -webkit-flex; display: flex; } .component-news2 h6 { font-size: 1em; line-height: 1.2; margin: 0 0 30px; padding: 0; } .component-indepth img { width: 100%; display: block; } .image-text-group-a img, .interview img { width: 100%; } /* Headers */ .header-news, .header-highlights, .header-interviews, .header-legal-voice, .header-indepth, .header-jobs, .header-briefings { color: #961A1D; } .header-highlights a, .header-highlights a:hover, .header-indepth a, .header-indepth a:hover, .header-legal-voice a, .header-legal-voice a:hover, .header-interviews a, .header-interviews a:hover, .header-jobs a:hover, .header-briefings a:hover { color: #222; } /* Spacing and size fixes */ /* margin override for different col numbers */ .component-news .section.secondary-news .subsidary-news .col-divider-news:after { margin-left: -5%; } .component-news2 .col-divider-news:after { margin-left: -5%; } .component-news2 .col-divider-list:after { margin-left: -2.5%; } .subsidary-news-top { margin-bottom: 1em; } .component-news .secondary-news .col-lrg.subsidary-news, .component-news .secondary-news .col-lrg.subsidary-news .subsidary-news-top .col-lrg { margin: 0; margin-left: 3%; } .component-news .secondary-news .col-lrg.subsidary-news:first-child, .component-news .secondary-news .col-lrg.subsidary-news .subsidary-news-top .col-lrg:first-child { margin-left: 0; } .component-news { padding-bottom: 10px; } .component-news2 .span-lrg_1_of_4 h6 { font-size: 1em; margin-top: 0; margin-bottom: 18px; line-height: 1.25; } /* jobs: Start */ .component-jobs { margin-bottom: 1em; } .component-jobs .span_2_of_4 { background-color: #ffffff; } section.component-jobs h5 { font-size: 1.2em; } section.component-jobs p { margin-bottom: 5px; } section.component-jobs .image-text-group-a img { margin-bottom: 10px; } div.component-jobs-footer { margin-bottom: 0; } .component-jobs-footer { text-align: right; } .component-jobs-footer img { margin-top: 0.5em; width: 100%; height: auto; } .component-jobs .col-inner { padding: 0; } .component-jobs .col-inner .section.group { border: 11px solid #0876b1; padding: 12px 12px 30px; } .component-jobs-footer a { display: block; background-color: #fff; position: relative; top: -30px; width: 20%; float: right; padding: 3px; } .sidebar .component-jobs-footer a { position: static; width: initial; top: 0; } /* ------- HIGHLIGHTS ------- */ .component-highlights { padding-bottom: 20px; } .component-highlights h4 { font-size: 1.5em; margin: 0; padding: 0; } .component-highlights .subsidary-highlights h6 { font-size: 1em; line-height: 1.2; margin: 0 0 30px; padding: 0; } /* base flex structure start */ .component-highlights .section.primary-highlights { display: -webkit-flex; display: flex; } .component-highlights .primary-highlights .primary-highlights-top, .component-highlights .primary-highlights .subsidary-highlights { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .component-highlights .subsidary-highlights-top, .component-highlights .subsidary-highlights-lower { display: -webkit-flex; display: flex; } /* base flex structure end */ .component-highlights .subsidary-highlights, .component-highlights .subsidary-highlights .section { display: -webkit-flex; display: flex; position: relative; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .component-highlights .span-lrg_2_of_4 { margin-top: 0; margin-bottom: 0; } /* styling */ .component-highlights .primary-highlights-top { position: relative; background-color: rgba(154, 140, 130, 0.12); } .subsidary-highlights-top { margin-bottom: 1em; } .component-highlights img { width: 100%; display: block; } .component-highlights .image-text-group-a { float: none; max-width: 100%; } .component-highlights .image-text-group-b { float: none; max-width: 100%; } /*adjustment for listings no image component*/ .component-highlights .image-text-group-b.no-article-image { margin: 4% 0 0 3%; } /* ------- HOUND ------- */ .component-hound { margin-bottom: 1em; } .component-hound .span-lrg_2_of_4 { background-color: #ffffff; } section.component-hound h5 { font-size: 1.2em; } section.component-hound p { margin-bottom: 1em; } section.component-hound .span-lrg_2_of_4 img { margin-bottom: 1.5em; } div.component-hound-footer { margin-bottom: 0; } .component-hound-footer { text-align: right; } .component-hound-footer img { margin-top: 0.5em; width: 100%; height: auto; } .component-hound .col-inner { padding: 0; } .component-hound-footer a { display: block; background-color: #fff; position: relative; top: -30px; width: 20%; float: right; padding: 3px; } /* ------- INTERVIEWS ------- */ .main-content.component-interviews-top { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIW2Nk1A/4///iBkYGBgYGMAEDKBwAiHEEBE8CXd8AAAAASUVORK5CYII=") repeat; padding: 15px; box-sizing: border-box; margin-bottom: 1em; position: relative; } .main-content.component-interviews-top .header-interviews { position: absolute; top: 0; left: 0; } .component-interviews-top .picture-holder { text-align: center; background-color: #83bad8; padding: 4%; } .component-legal-voice .col-inner { padding: 0; } .component-interviews-top img { width: 100%; margin-top: 0; } /* Interviews - duplicate of component-news2: Start */ .component-interviews-subsidary .section { display: flex; display: -webkit-flex; flex-direction: row; margin-bottom: 10px; } .component-interviews-subsidary .col-lrg { position: relative; margin-top: 0; } .component-interviews-subsidary .col-divider-interviews:after { margin-left: -6.5%; } .component-interviews-subsidary .span-lrg_1_of_4 h6 { font-size: 1em; line-height: 1.2; margin: 0 0 20px; padding: 0; } .component-interviews-subsidary .article-meta-details li:first-child a { border-right: none; } /* ------- MOST READ AND LEGAL VOICE ------- */ .component-legal-voice h6 { font-size: 1.3em; line-height: 1.25; margin: 10px 0 20px; padding: 0; } /* Most read comp split into two sections - only one with bgc */ .component-list-most-read { position: relative; } .component-most-read { background-color: transparent; } .component-most-read { padding: 0; } /* ------- INDEPTH ------- */ .component-indepth .section { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin-bottom: 10px; } .component-indepth .col-lrg { position: relative; margin-top: 0; } .col-divider-indepth:after { content: ""; float: left; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -5%; bottom: 0; top: 0; } .component-indepth .col-divider-indepth:after { margin-left: -6.5%; } .component-indepth .span-lrg_1_of_4 h6 { font-size: 1em; line-height: 1.2; margin: 0 0 20px; padding: 0; } .component-indepth .article-meta-details li:first-child a { border-right: none; } /* Additional styles - need to be moved */ .component-news .subsidary-news .span-lrg_1_of_3, .component-news .subsidary-news .span-lrg_2_of_4, .component-news2 .col-lrg, .component-indepth .col-lrg, .component-highlights .col-lrg, .component-interviews-subsidary .col-lrg { background-color: #fff; position: relative; } .component-highlights .col-lrg.subsidary-highlights { border-top: none; background-color: transparent; } .component-legal-voice img, .component-news2 .col-lrg img, .component-indepth .col-lrg img, .component-highlights .col-lrg img, .component-interviews-subsidary .col-lrg img { width: 100%; } .component-interviews-subsidary::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHklEQVQIW2PUrl37/2pzMCMDAwMDmIABOOfm3///AZUdB9iqt65jAAAAAElFTkSuQmCC) repeat; content: ""; height: 12px; display: block; background-repeat: repeat; margin-top: 18px; } .related-listings-header h4, .homepage-content .content header h4 { text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; font-weight: normal; } .related-listings-header h4:after { background: initial; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); content: ""; background-position: -258px -44px; background-position: calc( -6px + 7*-36px) calc(-6px + 1*-36px); height: 24px; width: 24px; display: inline-block; vertical-align: middle; opacity: 0.5; transition: opacity 0.5s ease; background: none; } .related-listings-header h4:after { opacity: 1; } .homepage-content .content .component-jobs header.header-jobs h4 { background-color: #012F50; } .popular-articles .related-listings-header { border-top: none; } /*******************************************************/ /*******************************************************/ /* homepage components start */ /*******************************************************/ /*******************************************************/ /*******************************************************/ /*******************************************************/ /* industry voice article start */ /*******************************************************/ /*******************************************************/ .sponsor-section-header h4 { margin-bottom: 5px; float: left; width: 100%; margin: 0; padding: 3px 0 3px; line-height: 1.5; font-size: 1.4em; color: #961A1D; border-top: 4px solid #000; font-family: 'Arimo', Arial, sans-serif; font-weight: bold; } .sponsor-section .boxout { background-color: #6993C3; color: #fff; clear: both; } .sponsor-section .sponsor-image { margin-top: 8px; margin-bottom: 18px; float: none; } .sponsor-section .boxout h5 { font-size: 1.2em; line-height: 1.1; margin-bottom: 8px; } .sponsor-section .boxout a { color: #fff; } article .article-summary { line-height: 1.3; letter-spacing: 0em; font-weight: bold; color: #222; font-size: 1.25em; } .article-anchor-links, .article-summary { clear: both; } .more-from-sponsor { margin-bottom: 12px; } .more-from-sponsor .article-from-sponsor { padding-top: 5px; border-top: 1px dotted #cdcdcd; margin-bottom: 25px; } .more-from-sponsor .article-from-sponsor.first-element { border-top: none; } .more-from-sponsor h5.sponsor-article-title { font-size: 1.4em; line-height: 1.1; margin-bottom: 12px; } .comment > div { border-top: 4px solid #000; margin-top: 30px; margin-bottom: 30px; } .comment .font-nada { float: right; text-align: left; margin-right: 30px; } .blog-ribbon { display: flex; display: -webkit-flex; -webkit-align-items: stretch; align-items: stretch; margin: 0 0 18px; padding: 0; display: none; /* Hidden until update is ready - check media queries Ln 1685 */ } .blog-ribbon .col { display: block; float: left; margin: 1% 0 1% 0; color: #97b4cc; } .blog-ribbon .span_2_of_5 { width: 0%; } .blog-ribbon .span_3_of_5 { width: 100%; } .no-svg .blog-ribbon .blog-branding { background-image: url("../images/industryvoice-logo.png"); } .blog-ribbon .blog-branding { margin-top: 8px; margin-left: 8px; background-image: url("../images/industryvoice-logo.svgz"); background-repeat: no-repeat; background-position: 0 0; background-size: 90%; height: 50px; display: none; } .blog-ribbon .sponsor-main-logo { float: left; margin: 0; padding: 0; width: 32%; } .blog-ribbon .sponsor-main-text { float: left; margin: 0; padding: 1.5% 0 0 1.5%; width: 66%; color: #3A3A3A; } .blog-ribbon .sponsor-main-logo img { float: left; width: 100%; height: auto; } .blog-ribbon .span_2_of_5 { background-color: #961A1D; } .blog-ribbon .span_3_of_5 { background-color: #FFF; padding: 14px; border: 1px solid #446369; } .what-is-holder { position: relative; } .blog-ribbon .what-is-holder:hover { cursor: help; } .blog-ribbon .what-is-this-box { position: absolute; visibility: hidden; opacity: 0; top: 10px; color: #333; background-color: #fff; padding: 3%; border: 1px solid #cdcdcd; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; box-sizing: border-box; } .blog-ribbon .what-is-holder:hover .what-is-this-box { top: 20px; background-color: #fff; visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .blog-ribbon .sponsor-main-logo { margin-top: 4px; max-width: 80%; height: auto; } .blog-ribbon .image-text-group-b p { margin-bottom: 0; } .sponsor-main-logo p { margin: 0; float: right; } /*******************************************************/ /*******************************************************/ /* industry voice article end */ /*******************************************************/ /*******************************************************/ /* -------------- Save Article -------------- */ /* standard save article message display */ .save-article-message, .remove-article-message, .no-ls-message, .no-user-message, .ip-user-message { position: fixed; top: 20%; left: 50%; display: none; z-index: 890000; margin: 70px auto; width: 140px; height: 30px; padding: 10px 7px 7px; border-radius: 3px; background-color: #1b8406; color: #ffffff; font-weight: bold; font-size: 20px; text-align: center; opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; transition: opacity 2s; } /* remove message display */ .remove-article-message { width: 170px; background-color: #999999; } /* no ls/user IP message display */ .no-ls-message, .no-user-message, .ip-user-message { height: auto; width: 230px; background-color: #999999; } /* horizontal message positioning */ .save-article-message { margin-left: -70px; opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; transition: opacity 2s; } .remove-article-message { margin-left: -85px; opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; transition: opacity 2s; } .no-ls-message, .no-user-message, .ip-user-message { margin-left: -115px; } .fade-article-message { opacity: 0; } /* message content display */ .no-ls-message span, .no-user-message span, .ip-user-message span { background-color: #eee; border-radius: 0.2em; width: 20px; height: 20px; margin: 2px 5px; display: inline-block; float: right; cursor: pointer; } .save-article-message span.save-success-message, .remove-article-message span.remove-success-message { display: inline-block; height: 22px; width: 22px; background-repeat: no-repeat; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); background-position: -42px -1047px; background-position: calc( -8px + 1*-36px) calc(-4px + 29*-36px); } .no-svg .no-ls-message .close-ls-msg, .no-svg .no-user-message .close-user-msg, .ip-user-message .close-ip-msg { background-image: url(../images/site-sprite.png); } .no-ls-message .close-ls-msg, .no-user-message .close-user-msg, .ip-user-message .close-ip-msg { background-image: url(../images/site-sprite.svgz); background-position: -8px -1000px; background-position: calc(-8px + 0*-36px) calc(-8px + 28*-36px); } .no-ls-message p, .no-user-message p, .ip-user-message p { padding: 5px 15px; font-size: 0.8em; text-align: left; } #listings-savedlist .no-saved-articles .article-tools.saving-articles, #listings-savedlist .no-saved-articles .article-tools.access-saved-articles { clear: both; } #listings-savedlist .no-saved-articles header.save-article-info-header { margin-top: 15px; border-top: 4px solid #000; } #listings-savedlist .no-saved-articles .tools-container li.saved-article-info { height: auto; width: 90%; text-align: left; } #listings-savedlist .no-saved-articles .article-menu-info { background-color: #171864; min-height: 130px; width: 100%; } #listings-savedlist .no-saved-articles p.save-article-instructions { font-weight: bold; } #listings-savedlist .no-saved-articles .article-tools.access-saved-articles p { width: 45%; float: left; } #listings-savedlist .no-saved-articles .user-menu-display { width: 50%; float: right; } #listings-savedlist .no-saved-articles .user-menu-display ul.main-top-content.main-top-menu { height: 32px; } #listings-savedlist.grid-view article.col.span_4_of_4:nth-of-type(3n+4) { clear: left; margin-left: 2%; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; outline: none; height: 100%; min-height: 1px; } .slick-slide:hover { outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; max-width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-disabled { opacity: 0.3 !important; } /*Slider arrows*/ .slick-prev, .slick-next { top: 0; width: 15%; height: 100%; margin-top: 0; opacity: 0.6; transition: all 0.2s; position: absolute; -webkit-appearance: none; border: none; outline: none; font-size: 0; line-height: 0; background-color: transparent; z-index: 1; } .slick-next { right: 0px; } .slick-prev:hover, .slick-next:hover { transition: all 0.2s; opacity: 0.6; } .slick-prev:active, .slick-next:active { transition: all 0.1s; opacity: 1; } .slick-prev:before, .slick-next:before { content: ' '; background-image: url("../images/site-sprite.svgz"); font-size: 30px; color: transparent; width: 36px; height: 36px; margin-top: -10px; padding: 2px; display: block; position: absolute; } .slick-prev:before { background-position: 1px -826px; background-position: calc(1px + 0*-36px) calc(2px + 23*-36px); } .slick-next:before { background-position: 1px -862px; background-position: calc(1px + 0*-36px) calc(2px + 24*-36px); right: 0; } .slick-slide { height: initial; } .content.lightbox-wrapper { margin-top: 40px; background-color: transparent; } .lightbox-wrapper h1 { color: #FFF; margin-bottom: 18px; } /* .container{ background-color:white; } */ /*Lightbox*/ body.modal-open-noscroll { margin-right: 0 !important; overflow: hidden; transition: margin 0.3s; transition-delay: 0.4s; } body.modal-open-noscroll nav.main-top-nav { z-index: 1; } .lightbox { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); top: 0; z-index: 999999999; } .lightbox .content.lightbox-wrapper { background-color: transparent; } .lightbox-slider-wrapper { float: left; width: 70%; } .lightbox-aside-wrapper { float: right; width: 28%; margin-right: 1%; } /*Lightbox content*/ .lightbox-wrapper h1 { font-size: 1.1em; width: 75%; float: left; color: white; } .close-lightbox { float: right; width: 10%; color: white; text-align: right; font-size: 13px; line-height: 30px; margin-right: 2%; cursor: pointer; cursor: hand; } .lightbox-caption-wrapper { float: right; text-align: center; height: 290px; position: relative; width: 98%; padding: 2%; } .lightbox-caption-wrapper p.gallery-slide-caption { font-size: 15px; margin-top: 3px; border-top: 1px solid white; padding-top: 10px; float: left; width: 100%; } .lightbox-slider .slick-active .gallery-slide-caption { display: none; } .positionIndex { text-align: right; float: right; } .offsliderArrows { float: left; } .offsliderArrows button { outline: none; background-color: #D7D7D7; border: none; border-radius: 3px; padding: 3px 10px; transition: background-color 0.2s; margin: 4px; } .offsliderArrows button:hover { background-color: #FFFFFF; transition: background-color 0.2s; } .offsliderArrows button:active { background-color: #797979; color: white; transition: background-color 0.2s; } .offsliderArrows button:active, .offsliderArrows button:focus { outline: none; } .socialshare { color: white; text-align: left; position: absolute; bottom: 0; } .page-content .tools-container li { float: left; width: 36px; height: 36px; padding: 0px; margin: 0px; background-color: transparent; /* border-radius: 50%; */ overflow: hidden; padding: 0 4px 4px 0; } .lightbox-ad-wrapper { margin-top: 50px; text-align: center; float: left; width: 98%; background-color: #ccc; padding: 2%; } /*Lightbox Slider */ .lightbox .lightbox-slider { background-color: black; max-height: 70%; overflow: hidden; } .slick-slide img { width: auto; height: auto; margin: 0 auto; width: 100%; } .slider-thumbnail, .thumb-slider .slick-slide { margin: 10px; height: initial; opacity: 1; background-color: rgba(0, 0, 0, 0.2); min-height: 5px; } .slider-thumbnail.slick-slide.slick-active.slick-center { opacity: 1; } .lightbox-slider .slick-slide .gallery-slide-caption { display: none; transition: all 0.4s; opacity: 0; } .lightbox-slider .slick-active .gallery-slide-caption { display: block; transition: all 0.4s; opacity: 1; padding: 10px 2%; margin: 0px 0px; color: #F2F2F2; text-shadow: 1px 1px 1px #0F0F0F; position: absolute; bottom: 0; width: 96%; } .gallery-slide-caption { text-align: left; font-size: small; margin-top: 7px; color: #4F4F4F; margin-bottom: 10px; } .slideshowTrigger { position: absolute; top: 2.5%; right: 2.5%; z-index: 1; cursor: pointer; cursor: hand; height: 72px; width: 72px; overflow: hidden; border-radius: 50%; background-image: url("../images/site-sprite.svgz"); background-position: -144px -1116px; background-position: calc(4*-36px) calc(31*-36px); background-repeat: no-repeat; opacity: 0.4; transition: all 0.3s; } .singleSlideshowTrigger { top: 2.0%; } .gallery-slide:hover .slideshowTrigger, .slideshowTrigger:hover { opacity: 0.8; transition: all 0.3s; } /*Main page styles*/ .gallery-slide { position: relative; } .gallery-slide img { width: 100%; height: auto; } .lightbox-caption-wrapper { background-color: #bbb; background-color: #2E4259; padding: 15px; box-sizing: border-box; } .offsliderArrows button { background-color: #99CEEA; } .offsliderArrows button:hover { background-color: #CBE7F9; } .offsliderArrows button:active { background-color: white; } .lightbox-slider .slick-active .caption { background-color: #00000; background-color: rgba(0, 0, 0, 0.87); color: white; } .slick-slider { background-color: black; } .slick-slider .slick-slide .gallery-slide-caption { color: white; padding: 2px 10px; } .lightbox-slider .slick-active .gallery-slide-caption { background: rgba(0, 0, 0, 0.51); font-size: normal; padding: 5px 15px; } /* User account page -------------------*/ /* Profile header */ h1.welcome-header { float: left; width: 95%; padding: 3px 0 3px; margin: 0 0 0 4%; text-transform: uppercase; text-align: center; color: #234B53; font-size: 2.2em; line-height: 1.2; } p.welcome-text { float: left; width: 95%; padding: 3px 0 3px; margin: 0 0 0 4%; text-align: center; color: #555; line-height: 1.5; } .profile-top { margin: 10px auto; float: none; clear: both; display: block; outline: 1px solid #234B53; padding: 20px; background: #FFF; box-sizing: border-box; border: 13px solid #F4F5F4; padding-top: 5px; } /*:::: tabs base style start here :::: */ .content .tabs { float: left; width: 100%; margin: 0; } .content .tabs .content.box-out { padding: 1% 5%; /*margin-top:-5px;*/ } /* Standard view tab headers */ .content a.tab { background-color: #3B7E8C; color: #fff; box-shadow: 1px 0 0 0 #e5e5e5 inset, -1px 0 0 0 #e5e5e5 inset, 0 1px 0 0 #e5e5e5 inset, 0 0 1px 0 #f5f2f0 inset; } .content a.tab.active { background-color: #fff; color: #171864; } .content .tab:first-child { border-radius: 3px 0 0 0; } .content .tab { float: left; display: block; padding: 7px 22px; text-decoration: none; border-radius: 0; background-color: #171864; color: #fff; font-size: 1em; box-shadow: -1px 0 0 0 rgba(250, 250, 250, 0.5); } .content .tab:hover { background-color: #fff; color: #171864; } .content .tab.active:hover { background-color: #fff; color: #171864; } /* Toggle view tab header */ .content .tab-toggle { width: 97%; height: 21px; padding: 10px 0 10px 3%; clear: both; float: none; color: #fff; background-color: #234B53; box-shadow: 1px 1px 0 0 #084b59 inset, 0 0 1px 1px #084b59 inset; margin: 0 0 1em 0; display: none; } .content .tab-toggle.active { color: #fff; background-color: #3B7E8C; box-shadow: 1px 0 0 0 #e5e5e5 inset, -1px 0 0 0 #e5e5e5 inset, 0 1px 0 0 #e5e5e5 inset; margin: 0; } .content .tab-toggle span.toggle-control { cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.2s ease; width: 0; height: 0; border-style: solid; border-width: 8.5px 6px 0 6px; border-color: #ffffff transparent transparent transparent; line-height: 0px; _border-color: #ffffff #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); display: inline-block; margin-left: 6px; margin-right: 15px; margin-top: 10px; float: right; } .content .tab-toggle.active span.toggle-control { margin-top: 8px; opacity: 1; transition: color 0.5s ease, border 0.2s ease; width: 0; height: 0; border-style: solid; border-width: 0 6px 8.5px 6px; border-color: transparent transparent #171864 transparent; line-height: 0px; _border-color: #000000 #000000 #171864 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .account-content .content-full-width { clear: both; } /* Tab content */ .content .tabs .box-out { display: none; clear: both; background: #fff; padding: 20px; } .content .tabs .box-out.active { display: block; width: 90%; padding: 1% 5%; margin: 0 0 1em 0; background-color: #fff; box-shadow: -1px -1px 0 0 #e5e5e5 inset, 0 0 1px 1px #e5e5e5 inset; } .content .tabs .box-out header { clear: both; } .content .tabs .box-out .box { background: #fff; } /*:::: tabs base style ends here ::::*/ /* -------------- Tabbed system page: Start ---------------- */ /* ------- saved article styles: Start ------- */ /* No saved articles */ #listings-savedlist .noarticles_msg { font-weight: bold; font-size: 12px; display: block; } #listings-savedlist .noarticles_msg p { color: #f00; } /* Standard list view */ .content .tabs .box-out .col.list-view, .content .tabs .box-out .col.list-view .col { margin: 1% 0; } #listings-savedlist h3 { font-size: 1.4em; margin: 0 0 0.3em 0; } #listings-savedlist p { margin: 0 0 0.3em 0; } #listings-savedlist article:nth-of-type(1) { border-top: none; } #listings-savedlist p.publish-date, #listings-savedlist p.added-date { color: #555; font-size: 0.8em; line-height: 1.1em; display: inline; margin: 0 1em 0 0; } #listings-savedlist .actions-holder { display: block; clear: both; width: 100%; margin: 0.5em 0; } #listings-savedlist a.remove { font-size: 0.8em; line-height: 1.1em; margin: 0 1em 0 0; display: block; clear: both; float: none; cursor: pointer; padding: 0; } #listings-savedlist a.remove strong { padding-top: 5px; display: inline; float: left; } /* background-size added to icon - this needs to be reviewed - new icon required? */ .no-svg #listings-savedlist a.remove .remove-icon { background-image: url("../images/site-sprite.svgz"); } #listings-savedlist a.remove .remove-icon { height: 24px; width: 24px; background-repeat: no-repeat; display: inline; float: left; background-image: url("../images/site-sprite.svgz"); background-position: calc(-6px + 2*-36px) calc(-6px + 27*-36px); } /* grid layout settings */ .content .tabs .box-out .col.grid-view { margin: 1% 0; } .content .tabs .box-out .col.grid-view .col { margin: 1% 0 1% 1.5%; } .content .tabs .box-out .col.grid-view .col:nth-of-type(1), .content .tabs .box-out .col.grid-view .col.span_4_of_4:nth-of-type(3n+4) { margin-left: 0; } #listings-savedlist.grid-view article { border-top: none; } #listings-savedlist.grid-view article.span_4_of_4 { width: 31%; float: left; background-color: #eee; padding: 0; } #listings-savedlist.grid-view article .image-text-group-a { width: 100%; max-width: 100%; } #listings-savedlist.grid-view article .image-text-group-b { width: 95%; max-width: 95%; } #listings-savedlist.grid-view div[id*=rdm-]:empty { margin: 0; padding: 0; width: 0; clear: none; } #listings-savedlist.grid-view article.span_4_of_4 .image-text-group-a img { width: 100%; max-width: 100%; margin: 0px; } #listings-savedlist.grid-view article h2, #listings-savedlist.grid-view article p { width: 100%; margin: 0.5em auto; float: none; display: block; } /* ------- saved article styles: End ------- */ /* ------- Account details styles: Start ------- */ .system .col:nth-of-type(1) p.left { float: left; display: inline-block; } .system .col:nth-of-type(1) p.right { float: right; display: inline-block; } .account-content.active .content-full-width:nth-of-type(1) { margin-bottom: 0.5em; } .subscription-content { padding: 0.5em 0; } .subscription-content:nth-of-type(odd) { background-color: #eee; } .subscription-content:nth-of-type(even) { background-color: #ddd; } .subscription-content:nth-of-type(1) { border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; } .subscription-content:last-child { border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em; margin-bottom: 1em; } .subscription-content .span_2_of_4 { font-size: 0.9em; color: #333; } .subscription-content .span_1_of_4 a { margin: 0 10px; display: inline-block; } .subscription-content .span_1_of_4 a.btn { width: auto; } .subscribe, .renew { float: right; margin: 0 0.5em 0 0; } /* ------- Account details styles: End ------- */ /* --------------------- Account page style end --------------------- */ /* Header panel content*/ /*------- Generic header panel content: Start -------*/ /* Updated menu styles for top nav - hound tab addition - Start */ .menu-top-panel .content section { border-top: none; } /* Updated menu styles for top nav - hound tab addition - End */ /* font styles for header panels - h2/h3/p/cat-date */ .menu-top-panel h2 { color: #333; font-size: 1.5em; margin-bottom: 18px; letter-spacing: -0.025em; } .menu-top-panel h3 { margin: 0 0 2% 0; line-height: 1.2; font-size: 1.1em; color: #666; } .menu-top-panel h3 a { font-size: 1em; } .menu-top-panel h3 a:link, .menu-top-panel h3 a:active, .menu-top-panel h3 a:visited { color: #000; } .menu-top-panel h3 a:hover { color: #12134f; } /* H3 in a tag */ .menu-top-panel a:link h3, .menu-top-panel a:visited h3, .menu-top-panel a:active h3, .menu-top-panel a:hover h3 { color: #333; font-size: 1.2em; font-weight: bold; } .menu-top-panel a:hover h3 { color: #12134f; } /* item details - p and ul */ .menu-top-panel .image-text-group-b p, .menu-top-panel article p { font-family: 'Arimo', Arial, sans-serif; font-size: 0.85em; line-height: 1.4; color: #666; font-weight: 300; margin: 0 0 0.3em 0; padding: 0; } .menu-top-panel a p { font-size: 1.025em; } .article-meta-data { float: none; clear: both; margin: 0 0 0; padding: 0; list-style: none; color: #666; font-size: 0.75em; text-transform: uppercase; } .article-meta-data li { float: left; padding: 0; border: none; color: #666; } .article-meta-data li:first-child { padding: 0 0.5em 0 0; color: #666; border-right: 1px solid #cdcdcd; margin-right: 6px; } .article-meta-data li:first-child a { color: #666; padding: 0.1em 0.6em 0 0; border-right: 1px solid #dedede; text-decoration: none; } .article-meta-data li:first-child a:hover { color: #800; } /* Figure styling for header panel */ .menu-top-panel figure { position: relative; width: 90%; height: auto; margin: 0 5% 0 0; padding: 0; float: left; position: relative; } .menu-top-panel figure:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .menu-top-panel article figure img { display: block; width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); } .menu-top-panel figcaption { position: absolute; bottom: 0; left: 0; width: 100%; color: #666; display: table-caption; caption-side: bottom; margin-right: 0; margin-top: 5px; } .menu-top-panel figcaption .caption-text { background-color: rgba(0, 0, 0, 0.6); text-align: center; padding: 6px; margin: 0px; color: #fff; font-size: 0.8em; } .menu-top-panel .caption-text a { color: #fff; } /* Box styling for header panel content */ .newsletter-box { float: left; width: 100%; background: #fff; margin: 0; padding: 0; border-radius: 0.3em; } .newsletter-box-inner { margin: 5%; padding: 0; } .newsletter-box-inner h3 { margin-top: 2%; } .newsletter-box p { width: 80%; margin: 0 0 1em 0; font-size: 0.9em; line-height: 1.5; display: block; height: auto; color: #666; padding: 0; } .newsletter-box-inner:after { content: ""; float: right; margin: 0 2% 2% 0; /* background-image:url('../images/email-image.png'); */ width: 100px; /* height:100px; */ background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } /* search styling in header panel content */ .menu-top-panel input[type=search] { float: left; padding: 0.360em 5px 0.360em 28px; margin: 0; font-size: 100%; color: #666; background-color: #fbfbfb; background-position: 4px 9px; background-repeat: no-repeat; outline: none; border: 1px solid #d7d7d7; border-radius: 0px; -webkit-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in; -moz-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in; -o-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in; -ms-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in; transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in; } /* .no-svg .menu-top-panel input[type=search] { background-image: url('../images/sprite01.png'); } .svg .menu-top-panel input[type=search] { background-image: url('../images/sprite01.svg'); } */ .menu-top-panel input[type=search]:focus { background-position: 4px -20px; } /* panel footer section */ .panel-section-footer { clear: both; float: none; margin-top: 1%; border-top: 1px solid #e4e3e1; } .panel-section-footer .more-holder { margin: 1% 0 0 0; } .panel-section-footer a:link, .panel-section-footer a:active, .panel-section-footer a:visited { color: #333; } .panel-section-footer a:hover { color: #12134f; opacity: 1; } /*------- Generic header panel content: End ---------*/ /*------- Event panel content: Start -------*/ /* Article block styling for latest events in header panel */ .menu-top-panel .latest-events .latest-events-holder { float: left; width: 45%; margin: 0 2%; } .menu-top-panel .latest-events article { float: left; width: 100%; margin: 3% 0; } /* higlight button style */ .btn.event-newsletter { display: block; width: auto; margin: 2% 0; } .sidebar .btn.event-newsletter { display: table-cell; } .btn.event-newsletter { background: #004257; background-image: linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -moz-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -webkit-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); } .btn.event-newsletter:hover { background: #00a8d5; background-image: linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -moz-linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -webkit-linear-gradient(bottom, #e67000 0%, #ff890a 52%); } /* Latest events */ .main-top-events .latest-events article img { float: left; margin: 0 5% 2% 0; padding: 0; width: 100%; } /* Event newsletter sign up box styling for header */ .main-top-events .newsletter-box-inner:after { margin: 0 2% 2% 0; } /*------- Event panel content: End ---------*/ /*------- Jobs panel content: Start -------*/ /* Job alerts newsletter sign up box styling for header */ .main-top-jobs .newsletter-box { margin: 7% 0 0 0; } .main-top-jobs .newsletter-box-inner { margin: 0 2%; } .main-top-jobs .newsletter-box-inner:after { margin: -80px 0 1% 0; } /* Job of the week content */ .jotw-image { width: 100%; clear: both; float: none; display: block; } .menu-top-panel h3.jotw-title { display: block; clear: both; margin: 5% 0; font-size: 1.3em; } .menu-top-panel article p.jotw-details { font-size: 1.1em; } /* Latest job content */ /* Article block styling for latest events in header panel */ .menu-top-panel .latest-jobs article { float: left; margin-bottom: 20px; } .main-top-jobs .latest-jobs a p { font-size: 1.025em; } /* job search */ .job-search { margin-bottom: 10%; } .main-top-jobs input[type=search] { margin: 0.5% 1% 0.5% 0; width: 65%; float: left; } .btn.search-job { width: auto; float: left; } .featured-job-header-panel article { float: none; clear: both; border-top: 1px solid #e4e3e1; } .featured-job-header-panel article:nth-of-type(1) { border-top: none; } .featured-job-header-panel h5 { margin-top: 0; margin-bottom: 5px; } /*------- Hound panel content: Start ------*/ /* whitepaper section width control */ .main-top-hound .span-lrg_4_of_5 section { width: 48.5%; margin-left: 1.5%; float: left; } .main-top-hound .span-lrg_4_of_5 section:nth-of-type(1) { width: 48.5%; margin-left: 0; } .main-top-hound section article { width: 65%; float: left; margin: 0; } .main-top-hound article p { margin-bottom: 5%; font-size: 0.9em; } /* whitepaper image styles */ .main-top-hound a img { width: 27%; margin: 0 3% 0 0; float: left; } /* button styles */ /* highlight (download) button style */ .download { background: #e69000; background-image: linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -moz-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -webkit-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); } .download:hover { background: #ff890a; background-image: linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -moz-linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -webkit-linear-gradient(bottom, #e67000 0%, #ff890a 52%); } .hound-search .btn.search-hound { width: auto; } /* hound search */ .hound-search { margin-bottom: 10%; } .main-top-hound input[type=search] { margin: 5% 0; width: 82%; } /* System pages --------------*/ /* -------------- Standard system pages: Start ---------------- */ .content.system section { border-top: none; } .content.system section:nth-of-type(1) { margin-bottom: 0; } .system .group:nth-of-type(1) .span_2_of_4 { margin-top: 7%; margin-bottom: 7%; } .system h1 { margin: 0.3em 0 0.7em 0; } .content.system h2 { margin-bottom: 22px; font-size: 1.8em; margin-top: 2px; } .system p { margin: 0 0 1em 0; color: #333; } .system p:nth-of-type(1) { margin: 1.5em 0 1em 0; } .content.system .col h4 { margin: 1em 0; } .content.system .btn { width: auto; padding-left: 15px; padding-right: 15px; float: right; margin-right: 0; } /* messages */ .content .error, .content .login_error_message { color: #800; margin: 2% 0; padding: 0; } .error .errorExplanation h2 { margin: 0; padding: 0; font-size: 1.1em; display: none; } .error .errorExplanation p { margin: 10px 0 6px; font-size: 0.9em; display: none; } .error ul { margin: 0; padding: 0; font-size: 0.9em; list-style: none; } .welcome-message { margin: 2em 0 0 0; } .content.system .span_2_of_4 { background-color: #eeeeee; /* box-shadow: 0 0 0 1px #dddddd inset; */ outline: 1px solid #234B53; padding: 20px; background: #FFF; box-sizing: border-box; border: 13px solid #F4F5F4; padding-top: 5px; } .content.system .span_2_of_4 .content-inner { float: left; display: block; margin: 3% 10% 5%; } .content.system .span_2_of_4 .btn.activate { width: auto; padding-left: 12px; padding-right: 12px; } /* Customer services */ .system .customer-services { padding: 1% 3%; /* background-color:#eee; */ width: 94%; /* box-shadow: 0 0 0 1px #dddddd inset; */ margin: 10px auto; /* display: block; outline: 1px solid #234B53; padding: 20px; background: #FFF; box-sizing: border-box; border: 13px solid #F4F5F4; padding-top: 5px; */ } .system .customer-services ul { list-style-type: none; padding: 0; } .system .customer-services p, .system .customer-services li, .system .customer-services li a { font-size: 0.9em; } /* Input controls */ #subscriber_email, #subscriber_password, #subscriber_confirm_password, #sub_old_password { /*width: 80%;*/ width: 100%; } /* bg images position, letter & lock */ #forgot-password input[type=email] { background-position: 4px -107px; } #forgot-password input[type=email]:focus { background-position: 4px -82px; } #activate-account input[type=password], #reset-password input[type=password] { background-position: 4px -160px; } #activate-account input[type=password]:focus, #reset-password input[type=password]:focus { background-position: 4px -134px; } #subscriber_email { background-position: 4px -106px; } #subscriber_email:focus { background-position: 4px -81px; } /* Forgotten Password && Activate Account && Set Password - input margins */ .system #subscriber_email, .system #subscriber_password, .system #subscriber_confirm_password, #sub_old_password { margin: 0 0 1em 0; } /* -------------- Standard system pages: End ---------------- */ /* -------------- Login page styles: Start ------------------ */ .system .btn.login { margin: 0 0.5em 0.5em 0; clear: left; } /* Login */ .remember-actions-holder { display: inline-block; clear: right; float: none; width: auto; margin: 2% 0 3% 2%; position: relative; } .remember-actions-holder .remember-me { font-size: 0.9em; padding: 0.3em 0 0 0; display: inline-block; } .password-actions-holder { display: block; clear: both; width: 100%; margin: 2% 0 10% 0; } .password-actions-holder a { font-size: 0.9em; padding: 2px 11% 0 0; } /* EVENTS PAGE --------------*/ .events-header h1 { margin: 6px 0 0 0; line-height: 1.2em; } .about-events { margin-bottom: 12px; } .about-events video { margin: 0 10%; } /* ------- Events filter ------- */ .events-filter { margin-bottom: 20px; } .events-filter-header .events-filter-header-link { float: right; cursor: pointer; width: 15%; padding: 5px 5px 5px 10px; background-color: #f26424; color: #fff; font-weight: 700; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 0.85em; text-indent: 5px; } .events-filter-header .events-filter-header-link::before { width: 16px; height: 16px; background-image: url("http://assets.incisivemedia.com/cdn/risk/images/site-sprite.svgz"); background-position: calc( -11px + 7*-36px) calc(-12px + 2*-36px); opacity: 1; content: ""; float: left; } .no-svg .events-filter-header .events-filter-header-link::before { background-image: url("http://assets.incisivemedia.com/cdn/risk/images/site-sprite.png"); } .events-filter-header .events-filter-header-link.filter-open::before { background-position: calc( -11px + 6*-36px) calc(-9px + 2*-36px); } .events-filter-section .group { background-color: #fff; box-shadow: 0px 2px 9px #ccc; border-top: 1px solid #3b7c8e; box-sizing: border-box; margin-bottom: 0px; } .events-filter-section .group:nth-of-type(1) { display: none; } .events-filter-section .span_2_of_4 { width: 32.35%; margin-left: 0px; } .events-filter-section .span_2_of_4 .col-inner { padding: 8px 0; } .events-filter-section .span_2_of_4:nth-of-type(1) .col-inner { padding-left: 20px; } .event-filter-type { width: auto; display: inline-block; } .event-filter-type .filter-name { font-size: 0.9em; line-height: 1.4; color: #666; font-weight: 300; display: inline; margin: 2px 20px 2px 3px; } /* Filter footer - btns */ .col.events-filter-footer { width: 32.35%; } .col.events-filter-footer a.btn { background-color: #888; font-weight: 700; margin: 3px 0; float: left; display: inline-block; width: auto; } .col.events-filter-footer a.btn:nth-of-type(1) { margin-right: 1px; } .event.filtered-on { display: block; } .event.filtered-off { display: none; } .no-events-message { display: none; } /* -------------- Event listing component styles: start ------------*/ .event-details .image-text-group-a { float: right; margin: 0 2% 0 2%; } .event-details .image-text-group-b { float: left; margin: 0; } .event-details .image-text-group-a img { max-width: 100%; } .event-details { border-top: 1px dotted #8e8e8e; padding-top: 4px; margin-bottom: 18px; float: left; } .event-details { padding: 0; float: left; width: 100%; } .content .event-details h2 { padding: 0; margin: 1% 0; background-image: none; } /* Event details */ .content .event-list-view section:nth-of-type(1) { border-top: none; } .content .dateline, .content .location { font-size: 1rem; color: #333; width: auto; display: block; } /* Event data list */ .event-data { list-style-type: none; padding: 0; margin: 0; width: 100%; } .content .event-data li, .content .event-data .dateline { width: auto; margin: 0 3% 0 0; display: inline-block; } .event-data li p, .event-data li time { color: #555; font-size: 0.9em; line-height: 1.3em; margin: 0 0 0.5em 0; padding: 0; } /* Event data icons */ .content .event-details .dateline, .content .event-details .location, .content .event-details .type { min-height: 35px; margin: 0; padding: 3px 7px 0 18px; display: inline-block; width: auto; } /* Event info button link */ .btn.event-info { float: left; width: auto; transition: background-color 0.5s ease; } .btn.event-info a { color: #fff; } /* Event early bird banner */ .early-bird-banner { float: left; width: auto; padding: 9px; background-color: #eee; font-size: 0.8em; margin-left: 2em; margin-top: 0; } .early-bird-time { background: #ffa90a; color: #fff; padding: 2px 6px; margin-left: 4px; border-radius: 3px; } /*event fixes*/ .event-details .listings-article-title { padding: 0; margin: 1% 0; background-image: none; } .personnel-name { margin: 2% 0 0 0; padding: 0; font-weight: bold; } /* -------------- Event RHC component styles: start -------------- */ /* Follow social list styles - start */ ul.social-list { list-style-type: none; margin: 0; padding: 0; } ul.social-list li { float: left; margin: 0 0 1em 0; padding: 0; cursor: pointer; line-height: 1.2; width: 49%; } ul.social-list li a { float: left; margin-left: 5px; } .no-svg ul.social-list li::before { background-image: url("../images/site-sprite.png"); } ul.social-list li::before { background-image: url("../images/site-sprite.svgz"); content: ""; float: left; text-decoration: none; width: 24px; height: 24px; display: block; } ul.social-list li.twitter::before { background-position: -114px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 1*-36px); } ul.social-list li.facebook::before { background-position: -114px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 2*-36px); } ul.social-list li.flickr::before { background-position: -72 -252px; background-position: calc(-6px + 2*-36px) calc(-6px + 7*-36px); } ul.social-list li.googleplus::before { background-position: -114px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 4*-36px); } ul.social-list li.linkedin::before { background-position: -114px -42px; background-position: calc(-6px + 2*-36px) calc(-6px + 3*-36px); } ul.social-list li.rss::before { background-position: -72 -252px; background-position: calc(-6px + 2*-36px) calc(-6px + 13*-36px); } /* Follow social list styles -end */ /* Newsletter: Start */ /* generic box - start */ .sidebar .box { float: left; width: 100%; background: #eee; margin: 0 0 1em; padding: 0; } .sidebar .box-inner { margin: 0 8px 8px 8px; padding: 0; } .sidebar .box-inner:after { content: ""; float: right; margin-top: -80px; background-image: url("../images/email-image.png"); width: 100px; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } /* generic box - end */ .sidebar .box.newsletter { border-radius: 0.3em; } .sidebar .box.newsletter .box-inner { margin: 6px; } .sidebar .box.newsletter p { width: 80%; display: block; height: auto; margin: 0 0 1em 0; } .sidebar .box.newsletter .btn { width: auto; } /* Newsletter: end */ .sidebar p.events-twitter-feed { clear: both; } /* Event team component styles: start */ article.personnel, .team-header { width: 100%; display: block; float: none; clear: both; margin: 4% 0 0 0; } .team-header { border-bottom: 1px solid #e4e3e1; margin: 7% 0 0 0; } article.personnel .personnel-image { width: 30%; float: left; display: inline; margin: 0 2% 0 0; } article.personnel .personnel-image img { width: 90%; } h3.personnel-name { margin: 2% 0 0 0; padding: 0; } /* Event team component styles: end */ /*Events overides*/ .content .event-details li { background: none; position: relative; } .no-svg .event-details li::before { background-image: url("../images/site-sprite.png"); } .event-details li::before { background-image: url("../images/site-sprite.svgz"); } .content .event-details .location::before { content: ""; width: 26px; height: 36px; display: inline-block; position: absolute; left: -2px; top: -8px; background-position: -144px -828px; background-position: calc(-10px + 6*-36px) calc( 23*-36px); } .content .event-details .dateline { padding-left: 20px; } .content .event-details .dateline::before { content: ""; width: 26px; height: 36px; display: inline-block; position: absolute; left: -2px; top: -6px; background-position: -144px -792px; background-position: calc(-10px + 4*-36px) calc( 22*-36px); } .about-events .col.span_2_of_4:first-of-type { margin-left: 0; } .about-events .span_2_of_4 img { width: 100%; height: auto; } /* AUTHOR PAGE -------------*/ /* Main author styles */ section.author-card-main { width: 100%; background-color: #FFF; padding: 10px; border: 1px solid #e4e3e1; box-sizing: border-box; } .author-card-main .span_2_of_4:nth-of-type(2) h2 { padding: 1% 0 0 0; } .author-card-main .span_2_of_4:nth-of-type(2) h2, section.author-card-main .span_2_of_4:nth-of-type(2) p { width: 93%; } .author-card-main img { width: 80%; height: 80%; border-radius: 50%; margin: 0 0 0 5%; } .author-card-main .author-name { display: none; width: 0%; float: left; } .author-card-main p.author-jobtitle { font-weight: bold; margin-bottom: 12px; } .author-card-main p.author-bio { width: 90%; margin: 0 0 0% 0; } .author-card-main p.list-title { font-weight: bold; margin: 0 0 5% 2%; display: block; clear: both; float: left; width: 100%; } .author-card-main ul.social-list { margin: 5% 0 0 0; } .author-card-main ul.social-list li { display: block; width: 100%; line-height: 27px; line-height: 1.7em; margin-bottom: 10px; } .author-card-main h4 { width: 100%; margin: 0; padding: 3px 0 3px; line-height: 1.5; font-family: 'Arimo', Arial, sans-serif; font-size: 1.4em; color: #961A1D; font-weight: bold; } .author-card-main .author-jobtitle { margin: 0 0 1rem; } .author-card-main .author-bio p { padding: 0; margin-top: 0; } .author-card-main .col:nth-of-type(4) { margin-top: -50px; } /* Secondary author styles */ .author-card { width: 94%; background-color: #eee; margin: 1em 0; padding: 3%; float: none; clear: both; display: block; } .author-card .author-details { width: 60%; padding: 0 0 3% 3%; float: left; } .author-card .author-details h2 { width: 90%; margin-bottom: 0.5em; padding: 3% 0 0 3%; } .author-card .author-details p { width: 90%; margin-bottom: 0.2em; padding: 0 0 0 3%; } .author-card .author-details p:nth-of-type(2) { padding: 0 0 3% 3%; } .author-card .author-image { width: 30%; padding: 3% 0; display: inline-block; } .author-card .author-image img { width: 100%; border-radius: 50%; margin: 0; } /* Content hub -------------*/ .span_5_of_5 .tools-container { width: auto; } .span_5_of_5 .article-meta-numbers { margin: 15px 0 0 0; } .breadcrumb { text-transform: uppercase; margin-top: 7px; } .content-hub { text-align: center; margin-top: 1em; } .content-hub-introduction .article-title { margin: 0 0 0.25em 0; } .content-hub-introduction .article-sub-title { margin: 0 0 0.25em 0; } .content-hub-introduction .col .article-page-body-content p { color: #333; } .content-hub-listings .primary-hub-article article { padding-top: 0; background-color: #FFF; box-shadow: 0px 2px 9px #CCC; margin-bottom: 20px; margin-top: 0; border-top: 0px; } .content .content-hub-listings a.tab.active { border-top: 2px solid #3B7E8C; } .content-hub-listings .primary-hub-article article .image-text-group-a { max-width: 50%; width: 50%; margin-right: 2.5%; } .content-hub-listings .primary-hub-article article .image-text-group-a img { width: 100%; } .content-hub-listings .primary-hub-article article .image-text-group-b { max-width: 46%; margin-left: 0; } .content-hub-listings .primary-hub-article article .image-text-group-b .listings-article-title { font-size: 1.8em; color: #000; margin-top: 10px; margin-bottom: 10px; font-weight: bold; line-height: 1.2; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-b .truncate-listing, .content-hub-listings .primary-hub-article article .image-text-group-b p { font-size: 1em; margin-bottom: 1em; } .content-hub-listings .secondary-hub-articles { clear: both; margin-bottom: 10px; display: -webkit-flex; display: flex; } .content-hub-listings .secondary-hub-articles article { width: 32%; display: table-cell; padding: 0; margin: 0 0 0 2%; } .contenthub-banner { margin-bottom: 10px; } .content-hub-listings .secondary-hub-articles article:first-child { padding-left: 0; margin-left: 0; } .content-hub-listings .secondary-hub-articles article:last-child { border-right: none; } .content-hub-listings .secondary-hub-articles article .image-text-group-a { max-width: none; width: 100%; } .content-hub-listings .secondary-hub-articles article .image-text-group-a img { width: 100%; } .content-hub-listings .secondary-hub-articles article .image-text-group-b { margin: 0; max-width: 100%; box-sizing: border-box; padding: 10px; } .content-hub-listings .secondary-hub-articles article .image-text-group-b p, .content-hub-listings .secondary-hub-articles article .image-text-group-b .truncate-listing { margin-bottom: 10px; } .content-hub-listings .secondary-hub-articles article .image-text-group-b h5.listings-article-title { margin-top: 10px; font-weight: 600; font-size: 1.25em; line-height: 1.2em; } .content-hub-listings > article.col.span_4_of_4 { margin-left: 0; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-a { margin: 0 3% 0 0; width: 20%; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-b { max-width: 66%; margin-left: 0; max-width: 73%; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-b h5.listings-article-title { font-weight: 600; line-height: 1.2; } .content-hub-listings article { background-color: #FFF; box-shadow: 0px 2px 9px #CCC; border-top: 1px solid #3b7c8e; padding-bottom: 10px; } body.content_hub .page-content { background-color: #F4F5F4; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-a { padding: 12px; } /* RSS list render */ .briefings-list { display: block; clear: both; margin-bottom: 25px; } .header-briefings-list { display: block; clear: both; background-color: #961A1D; position: relative; padding: 4px 3px 2px 12px; color: #FFF; font-weight: normal; border-top: none; border-bottom: 1px dotted #961A1D; } .header-briefings-list h4 { text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; font-weight: normal; line-height: 1.6em; } .briefings-list ul { list-style: none; padding: 0; margin: 0; } .briefings-list li { border-top: 1px dotted #cdcdcd; padding: 0.75em 0; } .briefings-list li:first-child { border-top: none; } .briefings-list li a { font-family: 'Arimo_probold', Arial, sans-serif; font-size: 1em; line-height: 1.2; } /* Risk RBS account request form */ section.component-ip-user-message { text-align: left; } section.component-ip-user-message .section.group { margin: 0; outline: 1px solid #234b53; padding: 5px 15px 0 15px; background: #fff; margin-bottom: 0; box-sizing: border-box; border: 13px solid #f4f5f4; margin-top: 0; } section.component-ip-user-message .section.group .col.span_2_of_4 { margin-bottom: 0; } .component-ip-user-message .col.first-column { margin-left: 0; } .component-ip-user-message .col.first-column .col-inner { padding-left: 20px; } section.component-ip-user-message .header-ip-user-message .section-title-link, section.component-ip-user-message .header-ip-user-message #trendlines-static-page .sponsored-by, #trendlines-static-page section.component-ip-user-message .header-ip-user-message .sponsored-by { margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #f4f5f4; width: auto; position: relative; top: 15px; font-weight: 700; color: #132e35; font-size: 1.05em; } section.component-ip-user-message .first-column p.account-note { color: #c21b13; } .rbs-msg-intro { padding: 20px; text-align: left; border-bottom: 1px solid #ccc; } section.component-ip-user-message .rbs-msg-intro p.account-note { color: #c21b13; margin-bottom: 0px; } section.component-ip-user-message h5 { font-size: 1em; text-align: left; margin-top: 14px; } section.component-ip-user-message iframe { border: none; } section.component-ip-user-message ul.account-access-benefits { list-style-type: none; text-align: left; padding-left: 20px; } section.component-ip-user-message ul.account-access-benefits li::before { background-image: url("http://assets.incisivemedia.com/cdn/risk/images/site-sprite.svg"); background-position: calc(0*-36px) calc(29*-36px); content: ""; width: 36px; height: 36px; display: inline-block; position: relative; left: 0; top: 0; margin: 0; } section.component-ip-user-message ul.account-access-benefits li { width: 100%; } section.component-ip-user-message ul.account-access-benefits li p { display: inline-block; width: 80%; position: relative; top: -14px; left: 10px; margin-bottom: 0; } section.component-ip-user-message .btn.request { width: auto; padding: 5px 15px; margin-left: 30px; font-size: 1em; display: none; color: #fff; } section.component-ip-user-message .btn.request:hover { color: #fff; } /* Article page specific styles */ .article-page-body-content section.component-ip-user-message .header-ip-user-message .section-title-link, .article-page-body-content section.component-ip-user-message .header-ip-user-message #trendlines-static-page .sponsored-by, #trendlines-static-page .article-page-body-content section.component-ip-user-message .header-ip-user-message .sponsored-by { background-color: #fff; font-size: 1em; } .article-page-body-content section.component-ip-user-message .section.group { border: none; } .article-page-body-content section.component-ip-user-message ul.account-access-benefits { padding-left: 0; } /* Risk RBS account message only */ .user-contact-message .rbs-msg-intro { padding: 10px; border-bottom: none; } .user-contact-message .account-note { font-size: 1.1em; } .user-contact-message a.contact-message-link { color: #234b53; font-weight: 600; } .user-contact-message a.contact-message-link:hover { color: #3b7c8e; } /* RBS Expired barrier message */ .rbs-expired-mesage p { margin-top: 20px; } .rbs-expired-mesage a.contact-message-link { color: #234b53; font-weight: 600; } .rbs-expired-mesage a.contact-message-link:hover { color: #3b7c8e; } /* RBS expired customer service details */ .barrier-message .group .col.customer-service .barrier-msg-block.rbs-service-details { padding-top: 10px; } .barrier-message .group .col.customer-service .barrier-msg-block.rbs-service-details h4 { margin-top: 0; } /* Risk Westpac account message */ .user-contact-message .westpac-msg-intro { padding: 10px; border-bottom: none; } .westpac-msg-intro { padding: 20px; text-align: left; border-bottom: 1px solid #ccc; } section.component-ip-user-message .westpac-msg-intro p:first-child { margin-bottom: 0px; color: #234b53; font-size: 1.1em; } section.component-ip-user-message .westpac-msg-intro a { color: #234b53; text-decoration: underline; } section.component-ip-user-message .westpac-msg-intro a:hover, section.component-ip-user-message .westpac-msg-intro a:focus, section.component-ip-user-message .westpac-msg-intro a:active { color: #3b7c8e; } /**************************************************************************************************************/ /* SASS FILE IMPORTS START */ /**************************************************************************************************************/ /* -------------- Risk styling for prototype only: start -------------- */ a:hover { color: #3b7c8e; } /* Journal branding button styles: start */ .journal-article-links .btn { border-radius: 4px; } .journal-description .journal-links a.btn, .journal-description .journal-links a.btn:link, .journal-description .journal-links a.btn:active, .journal-description .journal-links a.btn:visited, .journal-article-links a.btn, .journal-article-links a.btn:link, .journal-article-links a.btn:active, .journal-article-links a.btn:visited { background: #000; } /* Download PDF button style */ .journal-article-links a.btn.download, .journal-article-links a.btn.download:link, .journal-article-links a.btn.download:active, .journal-article-links a.btn.download:visited { background: #e69000; } /* Read now btn */ .journal-article-links a.btn.read-now, .journal-article-links a.btn.read-now:link, .journal-article-links a.btn.read-now:active, .journal-article-links a.btn.read-now:visited { background: #f26424; } /* Btn hover colours for journal links */ .journal-description .journal-links a.btn:hover, .journal-article-links a.btn.download:hover, .journal-article-links a.btn.read-now:hover { background: #ff890a; } /* Btn spacing for multiple line display */ .journal-download-link a.btn.read-now, .journal-download-link a.btn.download { line-height: 2.7; } /* Pagination */ .pagination span.current { color: #084b59; font-weight: bold; } .pagination.pagination-holder a { font-weight: bold; color: #3b7c8e; } .pagination-holder a:hover { color: #084b59; } .pagination.pagination-holder a.next_page { background-color: transparent; } .pagination.pagination-holder a:hover { color: #234b53; } /* -------------- Risk styling for prototype only: end -------------- */ /* Glossary search box */ /* .glossary-header { border-top:4px solid #3b7c8e; } */ .boxout.glossary-search { margin: 1em 0 0 0; border: 1px solid #3b7c8e; border-bottom: 1px solid #ccc; box-shadow: none; padding: 2%; width: 96%; } /* Glossary typeahead */ .glossary-search span.twitter-typeahead { border: none; background-color: transparent; width: 90%; } .glossary-search span.twitter-typeahead input[type=text] { text-indent: 17px; background-color: #fff; color: #333; line-height: 1.7; border: 1px solid #3b7c8e; border-radius: 0; } .glossary-search span.twitter-typeahead .tt-menu { width: 96%; background-color: #fff; border: 1px solid #ccc; padding: 2%; } .glossary-search span.twitter-typeahead .tt-suggestion.tt-selectable { padding: 0.5em; cursor: pointer; } .glossary-search span.twitter-typeahead .tt-suggestion.tt-selectable strong { color: #3b7c8e; } .glossary-search span.twitter-typeahead .tt-suggestion.tt-selectable:hover { background-color: #eee; color: #000; } .glossary-search span.twitter-typeahead .glossary-no-results p { color: #c21b1e; } /* Alpha list navigation */ .alpha-list-nav-holder { list-style: none; width: 98%; height: 30px; border: 1px solid #3b7c8e; border-top: none; margin: 0 0 1em 0; padding: 0.7em 1%; } ul.alpha-list-nav { padding: 0; margin: 0; width: 90%; height: 36px; float: left; overflow: hidden; } .alpha-list-nav { background-color: transparent; } ul.alpha-list-nav li { display: table-cell; float: left; padding: 0; margin: 0; border-left: 1px solid #ccc; text-align: center; width: 35px; height: 36px; } ul.alpha-list-nav li:first-child { border-left: none; } ul.alpha-list-nav li a { color: #3b7c8e; font-weight: bold; padding: 8px 3px 3px; margin: 0; display: block; width: 30px; height: 30px; } ul.alpha-list-nav li a:hover { color: #eee; background-color: #3b7c8e; } .alpha-list-nav-scroll { width: 36px; height: 36px; float: right; background-image: url("../images/site-sprite.png"); background-repeat: no-repeat; background-position: calc(5*-36px) calc(-2px + 3*-36px); background-color: #3b7c8e; cursor: pointer; } /* Alpha list content */ .alpha-list:last-child { margin-bottom: 2em; } .alpha-list .col.span_4_of_5 { margin-left: 0; width: 81.18%; } .alpha-list-letter h4 { margin-left: 0.5em; color: #3b7c8e; font-size: 2em; } .alpha-list .col.span_1_of_5, .alpha-list .col.span_4_of_5 { border-top: 4px solid #3b7c8e; color: #3b7c8e; } .alpha-list .col.span_4_of_5 .alpha-list-link .alpha-list-no-link { color: #666; } .alpha-list-content, .alpha-list-content.active { display: block; } .alpha-list-link .alpha-list-show-link, .alpha-list-link .alpha-list-hide-link { display: none; } .alpha-list-link .alpha-list-no-link { margin: 0; line-height: 1.5; padding: 0.93em 0; } /* Definition list */ ul.glossary-list { list-style: none; margin: 0.5em 0 0 0; padding: 0; } ul.glossary-list li { margin: 0.5em 0; } /* List footer view all link */ .alpha-list-footer .more-link { font-size: 1em; color: #3b7c8e; } .alpha-list-footer .more-link:hover { color: #084b59; } .alpha-list-footer .more-holder .arrow-right { fill: #3b7c8e; margin-top: 2px; } .alpha-list-footer .more-holder a:hover .arrow-right { fill: #084b59; } /* Definition page */ .glossary-definition h2 { margin-bottom: 0.7em; } .alpha-list.related-terms h3 { color: #3b7c8e; font-size: 1.2em; } /* Style override to show cat and date on related articles component See line 1343 */ .glossary .related-articles .article-meta-details { display: block; } /* Related articles image display fix */ .main-content .related-articles .span_2_of_4 img { width: 130px; margin: 6px 12px 5px 0; } /* Share tools image display fix */ ul.tools-container { width: auto; } .article-meta-numbers { margin: 1.3em 0 0 1em; } .boxout.glossary-search, .alpha-list-nav-holder { background: #FFF; } .glossary-search-holder input[type=search] { width: 100%; border: 1px solid #C1C1C1; } /* Glossary sponsor areas */ .glossary-sponsor-search { height: 64px; width: 217px; float: right; display: block; background-image: url(../images/brandlogos/e-on-logo-small.png); background-repeat: no-repeat; } .glossary-sponsor-search::before { content: "Sponsored by"; display: block; float: right; height: 20px; width: 217px; position: relative; top: -21px; font-size: 0.94em; } .glossary-search-holder { position: relative; } .glossary-search-holder.glossaryredirect::after { content: ""; width: 26px; height: 26px; background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); background-position: -221px -653px; background-position: calc(-5px + 6*-36px) calc(-5px + 18*-36px); position: absolute; right: 7px; top: 7px; -webkit-animation: spinZ 2s linear infinite; animation: spinZ 2s linear infinite; } @-webkit-keyframes spinZ { 0% { -webkit-transform: rotateZ(0deg); -webkit-transform-origin: 0% 0% 0%; } 100% { -webkit-transform: rotateZ(360deg); -webkit-transform-origin: 0% 0% 0%; } } @keyframes spinZ { 0% { transform: rotateZ(0deg); transform-origin: 0% 0% 0%; } 100% { transform: rotateZ(360deg); transform-origin: 0% 0% 0%; } } /* .glossary-sponsor-header { height:50px; width:100%; background-color:rgba(255,0,0, 0.5); margin:0 0 1em 0; } */ /* remove image sprite from glossary search input */ .svg .glossary-search input[type=text], .no-svg .glossary-search input[type=text] { background-image: none; } /* -------------- All journal templates: Start -------------- */ /* NEEDS REVIEW - SHOULD NOT BE REQUIRED: START */ .article-meta-details { margin-bottom: 1.5%; clear: both; float: none; } .article-meta-details li a, .article-meta-details li:first-child a { color: #666; padding: 0; text-decoration: none; } .article-meta-details li { padding: 0.1em 0.6em; border-right: 1px solid #bbb; } .article-meta-details li:first-child { padding: 0.1em 0.6em 0.1em 0; border-right: 1px solid #bbb; } .article-meta-details li:last-child { border-right: none; } .article-meta-details li:first-child a { border-right: none; } .journal-source-description { background-color: #FFF; box-sizing: border-box; padding: 3%; } .journal-source-description ul { padding-left: 20px; } .journal-description ul.article-meta-details p, .journal-latest-articles ul.article-meta-details p, .related-journal-papers ul.article-meta-details p, .related-papers ul.article-meta-details p { color: #333; width: auto; display: inline; } .journal-latest-papers ul.journal-paper-list li .article-meta-details { margin: 11px 0px 15px; display: block; float: left; width: 100%; } .journal-latest-papers ul.journal-paper-list li .article-meta-details li { float: left; display: table-cell; clear: none; margin: 0 1% 0 0; border-top: none; padding-top: 0; } .journal-latest-papers ul.journal-paper-list li .article-meta-details li:first-child a, .journal-latest-papers ul.journal-paper-list li .article-meta-details li a { font-weight: normal; font-size: 1.2em; line-height: 1.5; } .journal-latest-papers ul.journal-paper-list li span.list-icon { float: left; width: 25px; height: 25px; display: table-cell; background-image: url("../images/risk-sprite.svg"); background-position: 0px -510px; background-repeat: no-repeat; } .journal-latest-papers ul.journal-paper-list li:hover span.list-icon { background-position: 0px -478px; } .journal-papers .article-meta-details { display: block; clear: both; float: none; margin: 0.5em 0 1em 0; } .journal-papers .article-meta-details li { float: left; display: table-cell; clear: none; margin: 0 1% 0 0; border-top: none; padding-top: 0; } .journal-papers .article-meta-details li a { font-weight: normal; } .journal-papers .article-meta-details li p { display: inline; } .journal-papers article { margin-top: 1em; border-bottom: 1px solid #ccc; background-color: #FFF; padding: 5px 12px; } .journal-papers article h2 { margin-top: 0.4em; line-height: 1.3; } .journal-papers article p, .journal-papers .journal-article-links { clear: both; float: none; } .journal-papers .journal-article-links { margin-bottom: 1em; } .journal-view-all { clear: both; font-weight: bold; } .main-content .related-articles .span_2_of_4 img { width: 100%; } /* NEEDS REVIEW - SHOULD NOT BE REQUIRED: END */ /* Journal links - Shown on journal home page header and RHC on all other journal templates: Start */ ul.journal-introduction-links { float: none; clear: both; padding: 0; height: 100%; margin: 0 0 0px 0; list-style: none; } ul.journal-introduction-links li { float: none; height: auto; width: auto; padding: 2%; margin: 2.5% 0; display: block; clear: both; } ul.journal-introduction-links li a { color: #2f2f2f; } ul.journal-introduction-links li:first-child { margin-top: 0; } ul.journal-introduction-links li span.list-icon { float: left; width: 25px; height: 25px; display: table-cell; } ul.journal-introduction-links li:hover span.list-icon { background-position: 0px -447px; } ul.journal-introduction-links.generic-journal-links li { background-color: #fff; border-left: 4px solid #000; } .select-volume, ul.journal-introduction-links.specific-journal-links li, ul.journal-introduction-links.generic-journal-links li { background-color: #EFEFEF; /* border-left: 4px solid #909090; */ box-shadow: 0px 2px 4px #E4E4E4; } ul.journal-introduction-links.specific-journal-links li { /* background-color:#fff; */ border-left: 4px solid #909090; } .select-volume { padding: 5px 15px; margin-bottom: 15px; /* background-color:#fff; */ border-left: 4px solid #909090; } ul.journal-introduction-links.specific-journal-links li a { color: #2f2f2f; } /* Journal links - Shown on journal home page header and RHC on all other journal templates: End */ /* Journal links with sprite arrows: start */ a.journal-read-more, a.journal-view-all { content: ""; /* background-image:url('http://images.incisivemedia.com/v9_dev/ux/risk-test/images/risk-sprite.png'); */ margin: 8px 0 0 0; background-repeat: no-repeat; cursor: pointer; padding: 0 0 12px 14px; font-weight: bold; } .journal-read-more { display: block; width: 100%; clear: both; } a.journal-read-more { background-position: -2px -447px; } a.journal-read-more:link, a.journal-read-more:active, a.journal-read-more:visited { color: #eee; } .journal-about-content a.journal-read-more { color: #333; margin-bottom: 2em; background-position: -2px -478px; } .journal-editors-letter a.journal-read-more { color: #333; background-position: -2px -478px; } .journal-editors-letter a.journal-read-more#journal-editors-letter-link-less { background-position: -2px -40px; margin-bottom: 1em; } a.journal-view-all { background-position: -2px -479px; } a.journal-view-all:link, a.journal-view-all:active, a.journal-view-all:visited { color: #333; } /* Journal links with sprite arrows: end */ /* Side bar : Start */ .sidebar .journal-content-links { padding: 2%; margin-bottom: 5%; } /* Marketing component */ p.journal-marketing { padding: 7%; background-color: #000; color: #eee; } /* Volume selector */ .select-volume header.journal-volumes-header { border-top: none; /* margin-bottom:5%; */ } .journal-volumes-header h4 { color: #000; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.3em; text-align: left; } .select-volume select { margin-bottom: 15px; width: 76%; } .select-volume a.btn.go { float: right; display: block; width: auto; } /* Latest papers component */ .sidebar .journal-latest-papers ul.journal-paper-list li { padding: 3% 0; margin: 2% 0; border-top: 1px solid #ddd; } .sidebar .journal-latest-papers ul.journal-paper-list li:first-child { border-top: none; } .sidebar .journal-paper-list ul.article-meta-details { float: none; clear: both; } .sidebar .journal-latest-papers ul.journal-paper-list ul.article-meta-details li { float: left; clear: none; padding: 0 1%; border-top: none; margin-top: 0; } .sidebar .journal-latest-papers ul.journal-paper-list ul.article-meta-details li:first-child { margin-top: 2%; border-right: none; clear: both; dispaly: block; float: none; } /* Side bar : End */ /* Other journals - footer full width block: Start */ .journal-other-titles-full { background-color: #000; } .journal-other-titles-full header.journals-other-titles-header { width: 100%; text-align: center; } .journal-other-titles-full header.journals-other-titles-header h4 { color: #eee; } /* Carousel settings */ .browse-journals-carousel { clear: both; overflow: hidden; } .browse-journals-carousel .journal-cover-image { float: left; padding: 0 10px; max-width: 205px; oveflow: hidden; } .browse-journals-carousel .journal-cover-image img { background-color: #ffffff; max-width: 205px; width: 100%; } .browse-journals-carousel-header { position: relative; } .browse-journals-carousel-header h4 { padding: 10px 12px 4px 12px; } .browse-journals-carousel-header button { background-color: #fff; border-radius: 25%; height: 36px; width: 36px; position: absolute; display: inline-block; opacity: 0.5; margin: 10px; } .browse-journals-carousel-header .slick-prev::before { top: 0; left: 0; background-position: calc(6*-36px) calc(9*-36px); margin-top: 0; padding: 0; } .browse-journals-carousel-header .slick-next::before { top: 0; left: 0; background-position: calc(7*-36px) calc(9*-36px); margin-top: 0; padding: 0; } .browse-journals-carousel-header, .browse-journals-carousel.slick-slider { background-color: #000; } /* No carousel fallback */ .journal-other-titles-full .journal-cover-image { /* width:10%; */ margin: 10px 5px; float: left; } .journal-other-titles-full .journal-cover-image img { width: 100%; } /* Journal cover border colours */ .journal-cover-image.journal-of-network-theory-in-finance img { border: 1px solid #6d5ea1; } .journal-cover-image.journal-of-financial-market-infrastructures img { border: 1px solid #a01d37; } .journal-cover-image.journal-of-risk img { border: 1px solid #e12c31; } .journal-cover-image.journal-of-credit-risk img { border: 1px solid #5fac34; } .journal-cover-image.journal-of-risk-model-validation img { border: 1px solid #a10d7a; } .journal-cover-image.journal-of-investment-strategies img { border: 1px solid #90ccc1; } .journal-cover-image.journal-of-energy-markets img { border: 1px solid #178688; } .journal-cover-image.journal-of-operational-risk img { border: 1px solid #f9cb2c; } .journal-cover-image.journal-of-computational-finance img { border: 1px solid #28b0ee; } /* Other journals - footer full width block: End */ /* -------------- All journal templates: End -------------- */ /* -------------- Journals home page: Start -------------- */ /* Journals page introduction header: Start */ .main-content.journals-introduction { margin-top: 1em; margin-bottom: 1em; } section.journals-introduction-banner { width: 100%; background-color: #000; border: 1px solid #000; border-bottom: none; background-image: url("../images/equations.png"); } .journals-introduction-banner img, .journals-introduction-banner h2 { width: 55%; margin: 0 0 0 2.5%; } .journals-introduction-banner h2 { color: #ccc; margin-left: 2.75%; } .journal-branding-all { width: 100%; } .journal-branding-banner { float: left; display: block; margin: 0; width: 11.11%; } section.journals-introduction-content { width: 100%; background-color: #fff; border: 1px solid #e4e3e1; } section.journals-introduction-content h2, section.journals-introduction-content p, section.journals-introduction-content ul.journal-introduction-links { width: 95%; margin-left: 2.5%; margin-right: 2.5%; color: #555; } /* Journals page introduction header: end */ /* Journals description header: start */ .journal-description { background-color: #fff; color: #333; } .journal-description .journal-description-header { background-color: #000; background-repeat: no-repeat; background-position: top right; } .journal-description .journal-description-header h3, .journal-description .journal-description-header p { width: 74%; color: #eee; margin: 0 0 0 0.3em; } .journal-description .journal-description-header h3 { font-size: 2em; line-height: 1.2; padding-top: 0.2em; margin-bottom: 0.2em; } .journal-description .journal-description-header p { margin: 0 0 0 0.7em; padding: 0 0 1em 0; } .journal-description .journal-description-header h3 a, .journal-description .journal-description-header p a { color: #eee; } /* Journals description header: end */ /* Latest paper list per journal block: start */ .journal-latest-papers h4 { color: #555; } .journal-latest-papers { margin: 1%; padding: 2%; width: 94%; clear: both; background-color: #fff; } .journal-latest-papers ul.journal-paper-list { list-style: none; padding: 0; margin: 0; height: 100%; } .journal-latest-papers ul.journal-paper-list li { float: none; padding: 2% 1% 0 0; margin: 20px 0; display: block; clear: both; border-top: 1px solid #ccc; } .journal-latest-papers ul.journal-paper-list li:first-child { margin-top: 0; border-top: none; } .journal-latest-papers ul.journal-paper-list li a { font-weight: bold; } .journal-latest-papers ul.journal-paper-list > li a { font-size: 1.2em; font-weight: bold; line-height: 1.3em; letter-spacing: -0.01em; } /* Latest paper list per journal block: end */ /* -------------- Journals home page: End -------------- */ /* -------------- Journals source page: Start -------------- */ .journal-header { background-color: #000; color: #eee; background-repeat: no-repeat; background-position: top right; } .journal-header h1 { font-size: 2.4em; margin: 0; padding: 0.3em; } .journal-header h1 a, .journal-header h1 a:link, .journal-header h1 a:active, .journal-header h1 a:visited { color: #eee; } .journal-issn-links { width: 70%; clear: left; margin: 0 0 0.3em 0.9em; } .journal-issn-links:last-child { margin-bottom: 1em; } .journal-header .journal-issn-links p { margin-right: 2%; display: inline; } .journal-access-information { display: none; background-color: #eee; margin: 0 4% 4%; padding: 2%; } .journal-access-information ul.journal-introduction-links li { margin-top: 0; } .journal-access-link { float: left; margin: 1%; min-height: 50px; } .journal-access-information .col.span_3_of_3 { margin-top: 0; } .journal-access-information .journal-about-header { margin-bottom: 3%; } .journal-access-information p.show-less-link { clear: both; } .journals-source .journal-description { background-color: transparent; color: #333; } .journals-source .journal-description .journal-description-header { background-color: #000; } .journals-source .journal-description .journal-description-header h1 { margin: 0; width: 60%; } .journals-source .journal-description p { margin: 0; padding-top: 0; width: 80%; color: #eee; } .journals-source .journal-description .journal-latest-articles { width: 90%; margin: 1%; } .journals-source .journal-description .journal-links { width: auto; } .journals-source .journal-description .journal-latest-articles, .journal-description .journal-links { width: 90%; } .journals-source .journal-description .journal-description-header p a:hover { text-decoration: underline; } .journals-source .journal-description .journal-latest-articles ul li a, .journals-source .journal-description .journal-latest-articles ul li a:link, .journals-source .journal-description .journal-latest-articles ul li a:active, .journals-source .journal-description .journal-latest-articles ul li a:visited { color: #333; } /* -------------- Journals source page: End -------------- */ /* -------------- Journals issue page: Start -------------- */ .journal-editors-letter { background-color: #fff; border: 1px solid #e4e3e1; padding: 2%; margin: 0 0 2em 0; } .journal-editors-full-letter, #journal-editors-letter-link-less { display: none; } .journal-editor { display: block; clear: both; min-height: 70px; float: right; width: 30%; padding: 1% 1% 0; margin: 0 1% 1%; background-color: #ddd; border: 1px solid #ccc; } .journal-editor-image { float: left; margin-right: 2%; } .journal-editor-image img { width: 60px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } /* -------------- Journals issue page: End -------------- */ /* -------------- Journals article page: Start -------------- */ .journal-download-link { padding: 3% 4%; } .related-journal-papers.boxout { padding: 20px; } .journals .related-articles .related-listings-header h4, .related-journal-papers header.related-listings-header h4 { padding: 4px 0; font-weight: bold; font-size: 1em; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 1em; position: relative; font-weight: 700; color: #000; padding: 10px 0px; } .journals .related-articles .related-listings-header h4::after, .related-journal-papers header.related-listings-header h4::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234b53; display: block; position: relative; top: -15px; } .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by, .journals .related-articles .related-listings-header h4 .section-title-link, .journals .related-articles .related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journals .related-articles .related-listings-header h4 .sponsored-by { background-color: #fff; display: inline-block; padding: 0 15px; margin: 0 auto; width: auto; position: relative; font-weight: 700; z-index: 1; } /* Journal Brand Boxout Colours */ .journals.journal-of-computational-finance .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journals.journal-of-computational-finance .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journals.journal-of-computational-finance .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #D4EFFC; } .journal-of-network-theory-in-finance .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-network-theory-in-finance .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-network-theory-in-finance .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #E2DFEC; } .journal-of-financial-market-infrastructures .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-financial-market-infrastructures .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-financial-market-infrastructures .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #ECD1D7; } .journal-of-risk .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-risk .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-risk .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #FFD4D5; } .journal-of-credit-risk .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-credit-risk .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-credit-risk .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #DFEED6; } .journal-of-risk-model-validation .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-risk-model-validation .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-risk-model-validation .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #ECCEE4; } .journals.journal-of-energy-markets .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journals.journal-of-energy-markets .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journals.journal-of-energy-markets .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #D0E7E7; } .journal-of-operational-risk .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-operational-risk .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-operational-risk .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #FEF5D4; } .journal-of-investment-strategies .related-journal-papers.boxout header.related-listings-header h4 .section-title-link, .journal-of-investment-strategies .related-journal-papers.boxout header.related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journal-of-investment-strategies .related-journal-papers.boxout header.related-listings-header h4 .sponsored-by { background-color: #E9F5F3; } .related-journal-papers .article-meta-details { display: block; float: none; margin-top: 1.5%; } .related-journal-papers .main-content .related-articles .col { margin-top: 8px; } .journals .related-articles .image-text-group-a { margin: 0 4% 0 0; } .journals .related-articles .image-text-group-b { margin: 0 0 0 0%; } .journals .related-journal-papers article.col.span_2_of_4 > a, .journals .related-articles .image-text-group-b > a { font-weight: bold; } /* Meta-taxonmy style override for journal info display requirements */ .journals .meta-taxonomy-list.breadcrumb p { display: inline; } .journals .meta-taxonomy-list.breadcrumb li:last-child { margin-top: 1em; } .journals .meta-taxonomy-list.breadcrumb li:last-child p { color: #555; display: block; clear: both; margin: 0; padding: 0; } /* Style overrides for use of subheading for author details */ .journals h2.article-sub-title { font-size: 1.2em; line-height: 1.5; margin-left: -0.5em; } .journals h2.article-sub-title a { margin: 0; padding: 0; } .journals h2.article-sub-title a:first-child, h2.article-sub-title a:last-child { margin-left: 0; } /* Style override to show cat and date on related articles component See line 1343 */ .journals .related-articles .article-meta-details { display: block; } /* -------------- Journals article page: End -------------- */ /* -------------- Verify download page: Start -------------- */ .verify-download .barrier-message { padding: 2% 5% 2% 5%; margin: 0; background-color: #234B53; } .verify-download .barrier-message section.group:nth-of-type(1) .col h2 { color: #3b7c8e; } .verify-download .barrier-message .barrier-product-user .col, .verify-download .barrier-message .barrier-expired-user .col, .verify-download .barrier-message .barrier-anonymous-user .col { box-shadow: 0 0 0 1px #3b7c8e inset; background-color: #fff; border-radius: 7px; background-color: #fff; border-radius: 0.3em; margin: 10px auto; float: none; clear: both; display: block; outline: 1px solid #C6DFE4; background: #FFF; box-sizing: border-box; border: 13px solid #234B53; padding-top: 5px; } .verify-download .barrier-anonymous-user .col { width: 99%; } .verify-download .barrier-anonymous-user .col:nth-of-type(1) { margin-left: 0; } .verify-download #login #inputs input[type=email], .verify-download #login #inputs input[type=password] { width: 93%; } .verify-download .barrier-message .signup-message p { width: 90%; margin: 2% 5%; } /* Success message styles */ .download-thankyou { padding: 2%; } /* Latest papers article meta details display for source inclusion */ .verify-download .related-papers ul.article-meta-details li:first-child { border-right: none; float: none; } .verify-download .related-papers ul.article-meta-details li:nth-of-type(2) { padding-left: 0; } /* Override style to show article meta data on related papers component */ .related-papers .article-meta-details { display: block; float: none; margin-top: 1.5%; } /* Customer services message display - Same styles as .system .customer-services */ .customer-services-rhc { margin-bottom: 10px; } .verify-download .customer-services { padding: 1% 3%; background-color: #eee; width: 94%; box-shadow: 0 0 0 1px #dddddd inset; } .verify-download .customer-services p, .verify-download.customer-services li, .verify-download .customer-services li a { font-size: 0.9em; } /* -------------- Verify download page: End -------------- */ /* -------------- Journal specific brand colours: Start -------------- */ /* JONTF start */ /* Journals home page */ .journal-of-network-theory-in-finance-banner { border-bottom: 7px solid #6d5ea1; } .journal-description.journal-of-network-theory-in-finance { /* border:1px solid #6d5ea1; */ border-bottom: 7px solid #6d5ea1; } .journal-description.journal-of-network-theory-in-finance .journal-description-header { background-image: url("../images/journal/JONTF_edge.svgz"); } .journal-of-network-theory-in-finance .journal-description-header h3 a:hover, .journal-of-network-theory-in-finance .journal-description-header p a:hover, .journal-description.journal-of-network-theory-in-finance .journal-latest-papers ul li a:hover { color: #6d5ea1; } /* Journals header */ .journal-of-network-theory-in-finance .journal-header { border-bottom: 7px solid #6d5ea1; } .journal-of-network-theory-in-finance .journal-header { background-image: url("../images/journal/JONTF_edge.svgz"); } .journal-of-network-theory-in-finance .journal-header h1 a:hover { color: #6d5ea1; } /* Text controls for headers and article links */ .journal-of-network-theory-in-finance .journal-about-header, .journal-of-network-theory-in-finance .journal-papers-header, .journal-of-network-theory-in-finance .journal-issue-header { border-top: 4px solid #6d5ea1; } .journal-of-network-theory-in-finance .journal-papers a:hover, .journal-of-network-theory-in-finance .article-meta-details li:first-child a:hover { color: #6d5ea1; } /* RHC journal links */ .journal-of-network-theory-in-finance ul.journal-introduction-links.specific-journal-links li { border-color: #6d5ea1; } .journal-of-network-theory-in-finance ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-network-theory-in-finance .select-volume { border-color: #6d5ea1; } .journal-of-network-theory-in-finance .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-network-theory-in-finance .related-articles.boxout { background-color: rgba(109, 94, 161, 0.2); } /* JONTF end */ /* JOFMI start */ /* Journals home page */ .journal-of-financial-market-infrastructures-banner { border-bottom: 7px solid #a01d37; } .journal-description.journal-of-financial-market-infrastructures { /* border:1px solid #a01d37; */ border-bottom: 7px solid #a01d37; } .journal-description.journal-of-financial-market-infrastructures .journal-description-header { background-image: url("../images/journal/JOFMI_edge.svgz"); } .journal-of-financial-market-infrastructures .journal-description-header h3 a:hover, .journal-of-financial-market-infrastructures .journal-description-header p a:hover, .journal-description.journal-of-financial-market-infrastructures .journal-latest-papers ul li a:hover { color: #a01d37; } /* Journals header */ .journal-of-financial-market-infrastructures .journal-header { border-bottom: 7px solid #a01d37; } .journal-of-financial-market-infrastructures .journal-header { background-image: url("../images/journal/JOFMI_edge.svgz"); } .journal-of-financial-market-infrastructures .journal-header h1 a:hover { color: #a01d37; } /* Text controls for headers and article links */ .journal-of-financial-market-infrastructures .journal-about-header, .journal-of-financial-market-infrastructures .journal-papers-header, .journal-of-financial-market-infrastructures .journal-issue-header { /* border-top:4px solid #a01d37; */ } .journal-of-financial-market-infrastructures .journal-papers a:hover, .journal-of-financial-market-infrastructures .article-meta-details li:first-child a:hover { color: #a10d37; } /* RHC journal links */ .journal-of-financial-market-infrastructures ul.journal-introduction-links.specific-journal-links li { border-color: #a01d37; } .journal-of-financial-market-infrastructures ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-financial-market-infrastructures .select-volume { border-color: #a01d37; } .journal-of-financial-market-infrastructures .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-financial-market-infrastructures .related-articles.boxout { background-color: rgba(160, 29, 55, 0.2); } /* JOFMI end */ /* JOR start */ /* Journals home page */ .journal-of-risk-banner { border-bottom: 7px solid #e12c31; } .journal-description.journal-of-risk { /* border:1px solid #e12c31; */ border-bottom: 7px solid #e12c31; } .journal-description.journal-of-risk .journal-description-header { background-image: url("../images/journal/JOR_edge.svgz"); } .journal-of-risk .journal-description-header h3 a:hover, .journal-of-risk .journal-description-header p a:hover, .journal-description.journal-of-risk .journal-latest-papers ul li a:hover { color: #e12c31; } /* Journals header */ .journal-of-risk .journal-header { border-bottom: 7px solid #e12c31; } .journal-of-risk .journal-header { background-image: url("../images/journal/JOR_edge.svgz"); } .journal-of-risk .journal-header h1 a:hover { color: #e12c31; } /* Text controls for headers and article links */ .journal-of-risk .journal-about-header, .journal-of-risk .journal-papers-header, .journal-of-risk .journal-issue-header { border-top: 4px solid #e12c31; } .journal-of-risk .journal-papers a:hover, .journal-of-risk .article-meta-details li:first-child a:hover { color: #e12c31; } /* RHC journal links */ .journal-of-risk ul.journal-introduction-links.specific-journal-links li { border-color: #e12c31; } .journal-of-risk ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-risk .select-volume { border-color: #e12c31; } .journal-of-risk .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-risk .related-articles.boxout { background-color: rgba(255, 44, 49, 0.2); } /* JOR end */ /* JOCR start */ /* Journals home page */ .journal-of-credit-risk-banner { border-bottom: 7px solid #5fac34; } .journal-description.journal-of-credit-risk { /* border:1px solid #5fac34; */ border-bottom: 7px solid #5fac34; } .journal-description.journal-of-credit-risk .journal-description-header { background-image: url("../images/journal/JOCR_edge.svgz"); } .journal-of-credit-risk .journal-description-header h3 a:hover, .journal-of-credit-risk .journal-description-header p a:hover, .journal-description.journal-of-credit-risk .journal-latest-papers ul li a:hover { color: #5fac34; } /* Journals header */ .journal-of-credit-risk .journal-header { border-bottom: 7px solid #5fac34; } .journal-of-credit-risk .journal-header { background-image: url("../images/journal/JOCR_edge.svgz"); } .journal-of-credit-risk .journal-header h1 a:hover { color: #5fac34; } /* Text controls for headers and article links */ .journal-of-credit-risk .journal-about-header, .journal-of-credit-risk .journal-papers-header, journal-of-credit-risk .journal-issue-header { border-top: 4px solid #5fac34; } .journal-of-credit-risk .journal-papers a:hover, .journal-of-credit-risk .article-meta-details li:first-child a:hover { color: #5fac34; } /* RHC journal links */ .journal-of-credit-risk ul.journal-introduction-links.specific-journal-links li { border-color: #5fac34; /* background-color:transparent; */ } .journal-of-credit-risk ul.journal-introduction-links.specific-journal-links li a { /* color:#5fac34; color:white; */ } /* Volume selector */ .journal-of-credit-risk .select-volume { border-color: #5fac34; } .journal-of-credit-risk .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-credit-risk .related-articles.boxout { background-color: rgba(95, 172, 52, 0.2); } /* JOCR end */ /* JORMV start */ /* Journals home page */ .journal-of-risk-model-validation-banner { border-bottom: 7px solid #a10d7a; } .journal-description.journal-of-risk-model-validation { /* border:1px solid #a10d7a; */ border-bottom: 7px solid #a10d7a; } .journal-description.journal-of-risk-model-validation .journal-description-header { background-image: url("../images/journal/JORMV_edge.svgz"); } .journal-of-risk-model-validation .journal-description-header h3 a:hover, .journal-of-risk-model-validation .journal-description-header p a:hover, .journal-description.journal-of-risk-model-validation .journal-latest-papers ul li a:hover { color: #a10d7a; } /* Journals header */ .journal-of-risk-model-validation .journal-header { border-bottom: 7px solid #a10d7a; } .journal-of-risk-model-validation .journal-header { background-image: url("../images/journal/JORMV_edge.svgz"); } .journal-of-risk-model-validation .journal-header h1 a:hover { color: #a10d7a; } /* Text controls for headers and article links */ .journal-of-risk-model-validation .journal-about-header, .journal-of-risk-model-validation .journal-papers-header, .journal-of-risk-model-validation .journal-issue-header { border-top: 4px solid #a10d7a; } .journal-of-risk-model-validation .journal-papers a:hover, .journal-of-risk-model-validation .article-meta-details li:first-child a:hover { color: #a10d7a; } /* RHC journal links */ .journal-of-risk-model-validation ul.journal-introduction-links.specific-journal-links li { border-color: #a10d7a; } .journal-of-risk-model-validation ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-risk-model-validation .select-volume { border-color: #a10d7a; } .journal-of-risk-model-validation .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-risk-model-validation .related-articles.boxout { background-color: rgba(161, 13, 122, 0.2); } /* JORMV end */ /* JOIS start */ /* Journals home page */ .journal-of-investment-strategies-banner { border-bottom: 7px solid #90ccc1; } .journal-description.journal-of-investment-strategies { /* border:1px solid #90ccc1; */ border-bottom: 7px solid #90ccc1; } .journal-description.journal-of-investment-strategies .journal-description-header { background-image: url("../images/journal/JOIS_edge.svgz"); } .journal-of-investment-strategies .journal-description-header h3 a:hover, .journal-of-investment-strategies .journal-description-header p a:hover, .journal-description.journal-of-investment-strategies .journal-latest-papers ul li a:hover { color: #90ccc1; } /* Journals header */ .journal-of-investment-strategies .journal-header { border-bottom: 7px solid #90ccc1; } .journal-of-investment-strategies .journal-header { background-image: url("../images/journal/JOIS_edge.svgz"); } .journal-of-investment-strategies .journal-header h1 a:hover { color: #90ccc1; } /* Text controls for headers and article links */ .journal-of-investment-strategies .journal-about-header, .journal-of-investment-strategies .journal-papers-header, .journal-of-investment-strategies .journal-issue-header { border-top: 4px solid #90ccc1; } .journal-of-investment-strategies .journal-papers a:hover, .journal-of-investment-strategies .article-meta-details li:first-child a:hover { color: #90ccc1; } /* RHC journal links */ .journal-of-investment-strategies ul.journal-introduction-links.specific-journal-links li { border-color: #90ccc1; } .journal-of-investment-strategies ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-investment-strategies .select-volume { border-color: #90ccc1; } .journal-of-investment-strategies .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-investment-strategies .related-articles.boxout { background-color: rgba(144, 204, 193, 0.2); } /* JOIS end */ /* JOEM start */ /* Journals home page */ .journal-of-energy-markets-banner { border-bottom: 7px solid #178688; } .journal-description.journal-of-energy-markets { /* border:1px solid #178688; */ border-bottom: 7px solid #178688; } .journal-description.journal-of-energy-markets .journal-description-header { background-image: url("../images/journal/JOEM_edge.svgz"); } .journal-of-energy-markets .journal-description-header h3 a:hover, .journal-of-energy-markets .journal-description-header p a:hover, .journal-description.journal-of-energy-markets .journal-latest-papers ul li a:hover { color: #178688; } /* Journals header */ .journal-of-energy-markets .journal-header { border-bottom: 7px solid #178688; } .journal-of-energy-markets .journal-header { background-image: url("../images/journal/JOEM_edge.svgz"); } .journal-of-energy-markets .journal-header h1 a:hover { color: #178688; } /* Text controls for headers and article links */ .journal-of-energy-markets .journal-about-header, .journal-of-energy-markets .journal-papers-header, .journal-of-energy-markets .journal-issue-header { border-top: 4px solid #178688; } .journal-of-energy-markets .journal-papers a:hover, .journal-of-energy-markets .article-meta-details li:first-child a:hover { color: #178688; } /* RHC journal links */ .journal-of-energy-markets ul.journal-introduction-links.specific-journal-links li { border-color: #178688; } .journal-of-energy-markets ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-energy-markets .select-volume { border-color: #178688; } .journal-of-energy-markets .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-energy-markets .related-articles.boxout { background-color: rgba(23, 134, 136, 0.2); } /* JOEM end */ /* JOOR start */ /* Journals home page */ .journal-of-operational-risk-banner { border-bottom: 7px solid #f9cb2c; } .journal-description.journal-of-operational-risk { /* border:1px solid #f9cb2c; */ border-bottom: 7px solid #f9cb2c; } .journal-description.journal-of-operational-risk .journal-description-header { background-image: url("../images/journal/JOOR_edge.svgz"); } .journal-of-operational-risk .journal-description-header h3 a:hover, .journal-of-operational-risk .journal-description-header p a:hover, .journal-description.journal-of-operational-risk .journal-latest-papers ul li a:hover { color: #f9cb2c; } /* Journals header */ .journal-of-operational-risk .journal-header { border-bottom: 7px solid #f9cb2c; } .journal-of-operational-risk .journal-header { background-image: url("../images/journal/JOOR_edge.svgz"); } .journal-of-operational-risk .journal-header h1 a:hover { color: #f9cb2c; } /* Text controls for headers and article links */ .journal-of-operational-risk .journal-about-header, .journal-of-operational-risk .journal-papers-header, .journal-of-operational-risk .journal-issue-header { border-top: 4px solid #f9cb2c; } .journal-of-operational-risk .journal-papers a:hover, .journal-of-operational-risk .article-meta-details li:first-child a:hover { color: #f9cb2c; } /* RHC journal links */ .journal-of-operational-risk ul.journal-introduction-links.specific-journal-links li { border-color: #f9cb2c; } .journal-of-operational-risk ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-operational-risk .select-volume { border-color: #f9cb2c; } .journal-of-operational-risk .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-operational-risk .related-articles.boxout { background-color: rgba(249, 203, 44, 0.2); } /* JOOR end */ /* JOCF start */ /* Journals home page */ .journal-of-computational-finance-banner { border-bottom: 7px solid #28b0ee; } .journal-description.journal-of-computational-finance { /* border:1px solid #28b0ee; */ border-bottom: 7px solid #28b0ee; } .journal-description.journal-of-computational-finance .journal-description-header { background-image: url("../images/journal/JOCF_edge.svgz"); } .journal-of-computational-finance .journal-description-header h3 a:hover, .journal-of-computational-finance .journal-description-header p a:hover, .journal-description.journal-of-computational-finance .journal-latest-papers ul li a:hover { color: #28b0ee; } /* Journals header */ .journal-of-computational-finance .journal-header { border-bottom: 7px solid #28b0ee; } .journal-of-computational-finance .journal-header { background-image: url("../images/journal/JOCF_edge.svgz"); } .journal-of-computational-finance .journal-header h1 a:hover { color: #28b0ee; } /* Text controls for headers and article links */ .journal-of-computational-finance .journal-about-header, .journal-of-computational-finance .journal-papers-header, .journal-of-computational-finance .journal-issue-header { border-top: 4px solid #28b0ee; } .journal-of-computational-finance .journal-papers a:hover, .journal-of-computational-finance .article-meta-details li:first-child a:hover { color: #28b0ee; } /* RHC journal links */ .journal-of-computational-finance ul.journal-introduction-links.specific-journal-links li { border-color: #28b0ee; } .journal-of-computational-finance ul.journal-introduction-links.specific-journal-links li a { /* color:#eee; */ } /* Volume selector */ .journal-of-computational-finance .select-volume { border-color: #28b0ee; } .journal-of-computational-finance .journal-volumes-header h4 { color: #000; } /* Related papers from each journal boxout bg */ .journals.journal-of-computational-finance .related-articles.boxout { background-color: rgba(40, 176, 238, 0.2); } /* JOCF end */ .journals .journal-papers a.btn:hover { color: #fff; } /* -------------- Journal specific brand colours: End -------------- */ /* -------------- Further reading -------------- */ .further-reading { width: 100%; } section.further-reading article .listing-article-list-block { float: none; clear: both; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; } section.further-reading article:nth-of-type(1) .listing-article-list-block { margin-top: 0; } .main-content section.further-reading .listings-article-title { font-size: 1.1em; line-height: 1.25; } /* -------------- More from series -------------- */ .article-series-listing { width: 100%; display: block; clear: both; } .article-series-listing header { margin-bottom: 15px; } .article-series-listing article { margin-bottom: 20px; border-top: 1px dotted #cdcdcd; padding-top: 4px; } .article-series-listing article:first-of-type { border-top: none; } .article-series-listing .listings-article-title { font-size: 1.1em; } section.article-series-listing article .listing-article-list-block { float: none; clear: both; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; } section.article-series-listing article:nth-of-type(1) .listing-article-list-block { margin-top: 0; } /* -------------- After article content -------------- */ body.article .component-list { margin-top: 20px; } /* More from category */ .component-more-from { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .component-more-from .span-lrg_1_of_4, .component-more-from .span-lrg_1_of_4 article { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; } .component-more-from article .col-inner { -webkit-flex: 1; flex: 1; } .component-more-from article { border-top: 2px solid #3b7c8e; } .component-more-from article img { width: 100%; } .component-more-from article .col-inner { background-color: #fff; box-shadow: 0px 2px 20px #f1f0f0; } .component-more-from article h6 { font-size: 1.1em; line-height: 1.15; margin: 0 0 10px; padding: 0; } .component-more-from article .article-meta-details { margin-bottom: 10px; float: none; padding-bottom: 5px; } /* -------------- Brand landing template components: Start -------------- */ /* Energy risk colours for prototype */ /* .brand-energy-risk .header-brand-events, */ .header-brand-latest-articles, .header-brand-app { margin-bottom: 4px; border-top: 2px solid #e5312a; } .header-brand-latest-articles, .brand-issue-carousel-header, .component-brand-events { border-width: 2px; } .brand-energy-risk .brand-issue-carousel-header { border-top: 2px solid #e5312a; } .brand-energy-risk h4 { color: #333; } .brand-energy-risk a:hover { color: #e5312a; } .brand-energy-risk .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(229,49,42,0.8); */ } /* Brand colours risk-magazine#505456 asia-risk #8A8A8B insurance-risk #84C453 hedge-funds-review#C4161C operational-risk-and-regulation#671B2A structured-products#A6A8AB */ /* risk-magazine */ .brand-risk-magazine .brand-issue-carousel-header, .brand-risk-magazine .header-brand-latest-articles, .brand-risk-magazine .header-brand-app { border-top: 2px solid #505456; } .brand-risk-magazine a:hover { color: #505456; } .brand-risk-magazine .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(138,138,139,0.5); */ } /* asia-risk */ .brand-asia-risk .brand-issue-carousel-header, .brand-asia-risk .header-brand-latest-articles, .brand-asia-risk .header-brand-app { border-top: 4px solid #8A8A8B; } .brand-asia-risk a:hover { color: #8A8A8B; } .brand-asia-risk .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(138,138,139,0.5); */ } /* insurance-risk */ .brand-insurance-risk .brand-issue-carousel-header, .brand-insurance-risk .header-brand-latest-articles, .brand-insurance-risk .header-brand-app { border-top: 2px solid #84C453; } .brand-insurance-risk a:hover { color: #84C453; } .brand-insurance-risk .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(132,196,83,0.9); */ } /* hedge-funds-review */ .brand-hedge-funds-review .brand-issue-carousel-header, .brand-hedge-funds-review .header-brand-latest-articles, .brand-hedge-funds-review .header-brand-app { border-top: 2px solid #C4161C; } .brand-hedge-funds-review a:hover { color: #C4161C; } .brand-hedge-funds-review .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(196,22,28,0.9); */ } /* operational-risk-and-regulation */ .brand-operational-risk-and-regulation .brand-issue-carousel-header, .brand-operational-risk-and-regulation .header-brand-latest-articles, .brand-operational-risk-and-regulation .header-brand-app { border-top: 2px solid #671B2A; } .brand-operational-risk-and-regulation a:hover { color: #671B2A; } .brand-operational-risk-and-regulation .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(93,23,38,0.8); */ } /* structured-products */ .brand-structured-products .brand-issue-carousel-header, .brand-structured-products .header-brand-latest-articles, .brand-structured-products .header-brand-app { border-top: 4px solid #A6A8AB; } .brand-structured-products a:hover { color: #A6A8AB; } .brand-structured-products .brand-issue-carousel-thumbnail .issue-date { /* background-color:rgba(166,168,171,0.9); */ } /* Magazine introduction section: start */ .component-brand-logo img { max-width: 100%; width: auto; } .component-brand-tagline h3 { color: #444; margin: 0; } .component-brand-products img { width: 100%; } /* Magazine apps section: start */ #rdm-brand-apps img { margin: 1em; display: inline; } #rdm-brand-apps .brand-app-store-links { width: 100%; text-align: center; } /* Magazine issues section: start */ .brand-issue-carousel { margin-bottom: 1em; } .brand-issue-carousel-header { position: relative; } .brand-issue-carousel-header button { background-color: #ccc; border-radius: 25%; height: 36px; width: 36px; position: absolute; opacity: 0.5; margin: 3px 10px; } .brand-issue-carousel-header button.slick-prev:before { background-position: calc(5px + 4*-37px) calc(2px + 11*-37px); } .brand-issue-carousel-header button.slick-next:before { background-position: calc(9px + 5*-37px) calc(2px + 11*-37px); } .brand-issue-carousel-header, .brand-issue-carousel.slick-slider { background-color: #F4F5F4; } .brand-issue-carousel-header h4 { width: 80%; margin: 0 auto; text-align: center; text-transform: uppercase; } .brand-issue-carousel article { padding: 0; margin: 8px 8px 15px; border: 1px solid #ccc; } .brand-issue-carousel-thumbnail { overflow: hidden; position: relative; } .brand-issue-carousel-thumbnail img { background-color: #fff; max-width: 205px; width: 100%; } .brand-issue-carousel-thumbnail .issue-date { position: absolute; bottom: 0px; text-align: center; width: 96%; display: block; padding: 5% 2%; background-color: rgba(51, 51, 51, 0.7); font-weight: bold; color: #fff; } /* Magazine events section: start */ .col.brand-events-col { margin-top: 0; } .brand-event-info { margin-bottom: 1em; } .brand-event-info .event-details { background-color: rgba(83, 125, 140, 0.1); padding: 3%; width: 94%; min-height: 300px; } .brand-event-info .event-details:nth-of-type(2) { min-height: 324px; } .brand-event-info .listing-article-details { clear: both; float: none; } .brand-event-info .image-text-group-a img { display: none; } .content .brand-event-info .event-details .dateline, .content .brand-event-info .event-details .location, .content .brand-event-info .event-details .type { min-height: 30px; } /*Event Page styling */ /*body.page_events possibly needed to stop clashes. - will have a look */ article.event-details { background-color: #fff; box-shadow: 0px 2px 9px #CCC; border-top: 1px solid #3b7c8e; padding: 12px; box-sizing: border-box; margin-bottom: 20px; } /* Other magazines - footer full width block: Start */ .component-all-brands { background-color: transparent; border-top: 1px solid #ccc; } .component-all-brands header.header-all-brands { width: 100%; text-align: center; } .component-all-brands header.header-all-brands h4 { color: #555; } .component-all-brands .all-brands-logos img { width: 12%; margin: 2% 1%; } .component-all-brands .content-full-width { padding: 0; } .component-all-brands .main-content { display: none; } /* Duplicate of the popular-article component: start */ .brand-latest-articles h3 { font-size: 1.4em; margin-bottom: 5px; } .brand-latest-articles .col { margin: 1% 0 1% 0; } .brand-latest-articles .span_1_of_4 { width: 100%; border-top: 1px dotted #cdcdcd; } .brand-latest-articles .section:first-of-type .span_1_of_4:first-child { border: none; } .brand-latest-articles .image-text-group-a { width: 30%; padding-top: 8px; } .brand-latest-articles .image-text-group-b { padding-top: 5px; } .brand-latest-articles img { margin-top: 0; } .brand-latest-articles h2 { font-size: 1.1em; margin-top: 0; margin-bottom: 12px; } .brand-latest-articles h5 { font-size: 0.98em; margin-top: 0; margin-bottom: 12px; line-height: 1.3; } .brand-latest-articles h5 a { color: #666; } /* Responsive article page -------------------------*/ .brand-latest-articles .image-text-group-a img { padding: 0; margin: 0; width: 100%; } .brand-latest-articles .img-icon { float: left; position: relative; margin: 0; padding: 0; } .brand-latest-articles .sprite { display: inline-block; background-repeat: no-repeat; position: absolute; bottom: 5px; left: 5px; width: 30px; height: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.3); margin: 0; padding: 0; } /* Duplicate of the popular-article component: end */ /* -------------- Brand landing template components: End -------------- */ /* Custom CUSTODY RISK LISTING HEADER */ .listings-page-header-static { background: #FFF; padding: 13px; box-sizing: border-box; box-shadow: 0px 2px 20px #F1F0F0; } .listing-header-logo { margin-bottom: 0; } .listing-pub-logo { font-size: 0; } .listing-pub-logo.pub-logo-custody-risk { display: block; /* background-color: #247DCC; */ height: 72px; width: 100%; margin: 5px 0; background-image: url(../images/site-branding.svgz); background-size: calc(468px) calc(756px); background-position: calc(-5px + 1 *-36px) calc(0px + 8*-36px); background-repeat: no-repeat; } .no-svg.listing-pub-logo.pub-logo-custody-risk { background-image: url(../images/site-branding.png); } .listing-header-description { margin-top: 0; } .listing-header-description.col { margin-left: 0; } .listing-header-description p a { color: #3b7c8e; font-weight: bold; } .listing-header-image { margin-top: 0; } .listing-header-image img { width: 100%; height: auto; } /* -------------- Series timeline template listing components: Start -------------- */ .series-timeline .series-timeline-indicator { width: 30px; height: 70%; margin: 0 20px 0 0; float: right; } .series-timeline .series-timeline-indicator .series-timeline-indicator-top { width: 20px; height: 20px; background-color: #3b7c8e; border-radius: 50%; margin: 15px auto 0 auto; display: block; clear: both; } .series-timeline .series-timeline-indicator .series-timeline-indicator-line { margin: 0 14px; width: 2px; height: 100%; background-color: #ccc; position: absolute; } .article-series .article-col .article-meta-details { margin-bottom: 5%; } .article-series .article-col .listings-article-title { clear: both; } .article-series .col { margin-top: 0; margin-bottom: 0; } .article-series .image-text-group-b.no-article-image { padding-top: 2%; padding-bottom: 2%; } .article-series .article-meta-details li:first-child { font-weight: bold; color: #084b59; font-size: 1.25em; } .article-series .article-col .more-link { font-size: 1em; margin: 0.4em 0 0 0; } .article-series .article-col .more-link.more-link-left { float: left; } .article-series .article-col .more-link .more-icon { margin: 0.2em 0 0 0.4em; } .article-series .list-view .image-text-group-b.no-article-image, .article-series .image-text-group-b.no-article-image { width: 100%; } /* -------------- Series timeline template listing components: End -------------- */ /* -------------- Homepage and main category/beats template components: Start -------------- */ /* -------------- Risk styling for prototype only: start -------------- */ /* Default text colours overwrite: start */ .col, h4 { color: #333; } a:hover { color: #3b7c8e; } section[class^="component"] header h4 a, div[class^="component"] header h4 a, section.component-trendlines header h4 a, section.component-hound header h4 a { color: #3b7c8e; } section[class^="component"] header h4 a:hover, div[class^="component"] header h4 a:hover, section.component-opinion header h4 a:hover, section.component-trendlines header h4 a:hover, section.component-hound header h4 a:hover { color: #084b59; } /* .header-news, .header-highlights, .header-quotes, .header-cover, .header-cutting-edge, .header-weekly-wrap, .header-interviews, .header-statistics, .header-trendlines, .header-hound { margin-bottom:4px; border-top:4px solid #333; } */ .component-news .primary-news-top, .component-news .subsidary-news .span-lrg_2_of_4, .component-news2 .col-lrg, .component-highlights .subsidary-highlights .span-lrg_2_of_4, .component-highlights .primary-highlights-top { border-top: 1px solid #3b7c8e; } section[class^="component"] .article-author a, div[class^="component"] .article-author a { color: #084b59; } .component-highlights .primary-highlights-top, .component-highlights .subsidary-highlights .span-lrg_2_of_4, .component-news .primary-news-top, .component-news .subsidary-news .span-lrg_2_of_4, .component-news2 .col-lrg { background-color: #FFF; box-shadow: 0px 2px 9px #CCC; /* background-color:rgba(83,125,140,0.1); */ } /* Default text colours overwrite: end */ /* -------------- Risk styling for prototype only: end -------------- */ /* highlights - duplicate of component-news: Start */ .component-highlights { padding-bottom: 20px; } .component-highlights h4 { font-size: 1.5em; margin: 0; padding: 0; } .component-highlights .subsidary-highlights h6 { font-size: 1.1em; line-height: 1.15; margin: 0 0 20px; padding: 0; } /* base flex structure start */ .component-highlights .section.primary-highlights { display: -webkit-flex; display: flex; } .component-highlights .section.group.primary-higlights { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .component-highlights .subsidary-highlights, .component-highlights .primary-highlights-top { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } /* .component-highlights .primary-highlights-top { min-height:492px; } */ .component-highlights .subsidary-highlights-top, .component-highlights .subsidary-highlights-lower { display: -webkit-flex; display: flex; } /* base flex structure end */ .component-highlights .subsidary-highlights, .component-highlights .subsidary-highlights .section, .component-highlights .subsidary-highlights .span-lrg_2_of_4 { position: relative; } .component-highlights .span-lrg_2_of_4 { margin-top: 0; margin-bottom: 0; } /* styling */ .component-highlights .primary-highlights-top { position: relative; /* background-color:rgba(83,125,140,0.1); */ } /* .component-highlights .subsidary-highlights .span-lrg_2_of_4 { background-color:rgba(83,125,140,0.1); } */ .subsidary-highlights-top { margin-bottom: 1em; } .component-highlights .col-divider-highlights:after, .component-highlights .subsidary-highlights .col-divider-highlights:after { content: ""; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -3%; bottom: 0; top: 0; } .component-highlights .subsidary-highlights .col-divider-highlights:last-child::after { content: none; } .component-highlights img { width: 100%; display: block; } .component-highlights .image-text-group-a { float: none; max-width: 100%; } .component-highlights .image-text-group-b { float: none; max-width: 100%; } /* right handed layout highlights */ .component-highlights .section.group.primary-higlights { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .component-highlights .col-lrg.subsidary-highlights { margin: 0% 3% 0% 0%; } .component-highlights .subsidary-highlights .col-divider-highlights:after { right: -3%; margin-left: 0; } /* highlights - duplicate of component-news: End */ /* Hound component - Whitepaper: start */ section.component-hound { margin-bottom: 1em; /* background-color:rgba(83,125,140,0.1); */ /* border-bottom:2px solid #000; */ } section.component-hound header h4 a { padding-left: 10px; } section.component-hound .section.group { padding: 0 10px; } section.component-hound h5 { font-size: 1.2em; } section.component-hound p { margin-bottom: 1em; } section.component-hound .image-text-group-a img { margin-bottom: 1.5em; width: 100%; } div.component-hound-footer { margin-bottom: 0; } .component-hound-footer { text-align: right; border-top: 1px solid #ccc; background-color: #fff; padding: 8px; } .component-hound-footer img { margin-top: 0.5em; width: 100%; height: auto; } .component-hound .col-inner { padding: 0; } .component-hound-footer a { position: relative; top: -30px; width: 20%; float: right; display: block; padding: 3px; } /* Hound component - Whitepaper: end */ /* Opinion - edit for existing .component-opinion frm IW - Start */ .component-opinion { background-color: white; } .header-opinion a { color: #132E35; font-size: 1.05em; margin-left: 10px; border-bottom: 2px solid #084C59; position: relative; } .header-opinion h4 a:after { width: 16px; height: 16px; content: ""; background-image: url("../images/site-sprite.svgz"); background-position: calc( -11px + 7*-36px) calc(-12px + 9*-36px); } .component-opinion .span-lrg_2_of_4 article h5 { font-size: 1.1em; line-height: 1.2; margin-top: 0; margin-bottom: 30px; } .component-opinion .span-lrg_2_of_4 { border-top: none; background-color: transparent; position: relative; } .component-opinion .span-lrg_2_of_4:last-child:after { height: 93%; border-left: 1px solid #DCDCDC; content: ""; margin-left: -3%; width: 1px; display: block; position: absolute; top: 34px; } .component-opinion .span-lrg_2_of_4 article { /* border-top:2px solid #537D8c; */ /* background-color:rgba(83,125,140,0.1); */ margin-bottom: 15px; border-bottom: 1px solid #DCDCDC; -webkit-flex-basis: 122px; flex-basis: 125px; } .component-opinion .image-text-group-a img { margin-bottom: 10px; } .component-opinion .image-text-group-b .article-author { font-size: 0.8em; padding: 2px; margin: 5px 0 3px; font-weight: 600; padding-top: 0; margin-top: 0; } /* Opinion - edit for existing .component-opinion frm IW - End */ /* Trendlines block: start */ .homepage-content .content header.header-trendlines-item h4 { color: #132E35; font-size: 1.05em; /* margin-left: 10px; */ /* border-bottom: 2px solid #084C59; */ } .homepage-content .content header.header-trendlines-item h4 a:after { width: 16px; height: 16px; content: ""; background-image: url("../images/site-sprite.svgz"); background-position: calc( -11px + 7*-36px) calc(-12px + 9*-36px); } .component-trendlines article { /* border-top: 2px solid #3b7c8e; */ } .trendlines-image img { width: 100%; } /*fix*/ .component-trendlines:nth-child(n+1) { border-top: none; padding-top: 5px; } .component-trendlines article img { width: 100%; } .component-trendlines h6, .component-trendlines article h6 { font-size: 1em; line-height: 1.15; margin: 0px 0 2px; padding: 4px; border-top: 1px solid #286C79; padding-top: 10px; } /* .component-trendlines article.trendlines-item:first-child h6{ border-top:none; } */ .component-trendlines h6 a:link, .component-trendlines h6 a:visited { color: #C5D0D4; } .component-trendlines h6 a:hover { color: #C5D0D4; } .component-trendlines .article-meta-details { display: none; } .component-trendlines article .article-meta-details { margin-bottom: 10px; float: none; padding-bottom: 5px; } .component-trendlines .trendlines-item, .component-trendlines article { /* border-bottom:1px solid #C5D0D4; */ background-color: #234B53; background-color: #084C59; /* padding-bottom:10px; */ } .component-trendlines { display: -webkit-flex; display: flex; } .component-trendlines .col-lrg.span-lrg_1_of_3 { display: -webkit-flex; display: flex; -webkit-flex-direction: column; /* Safari */ flex-direction: column; } .component-trendlines .col-lrg.span-lrg_1_of_3 article { flex-grow: 1; flex-shrink: 1; } /* Trendlines block: end */ /* Statistics - new component - Start */ .component-statistics { /*background-color:rgba(83,125,140,0.1);*/ } .statistics-info h2.article-title { color: #333; font-size: 26px; margin: 0 0 10px 0; line-height: 1.2; } .statistics-info p.summary { color: #333; line-height: 1.2em; } .statistics-info a.btn.full-article-link { display: inline; } .component-statistics iframe { width: 100%; } .component-statistics .statistics-content img { width: 100%; height: auto; } /* Statistics - new component - END */ /* Cutting Edge - duplicate of component-news2: Start */ .component-cutting-edge .section { display: flex; display: -webkit-flex; flex-direction: row; margin-bottom: 10px; } .component-cutting-edge section.group { display: flex; display: -webkit-flex; flex-direction: row; margin-bottom: 10px; } .component-cutting-edge .col-lrg { position: relative; margin-top: 0; display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; } .col-divider-cutting-edge:after { content: ""; float: left; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -3%; bottom: 0; top: 0; } .component-cutting-edge .span-lrg_2_of_4 h6 { font-size: 1.1em; line-height: 1.15; margin: 0 0 10px; padding: 0; } section.component-cutting-edge .article-meta-details { position: inherit; margin-bottom: 10px; } .component-cutting-edge article { clear: both; margin-bottom: 7px; border-bottom: 1px solid #DCDCDC; padding-bottom: 15px; } .component-cutting-edge article:last-child { border-bottom: none; } .component-cutting-edge .span-lrg_2_of_4 img { width: 100%; } .component-cutting-edge .article-meta-details li:first-child a { border-right: none; } .component-cutting-edge .article-meta-above-title { padding-top: 0; margin-top: 0; } /* Cutting Edge - duplicate of component-news2: End */ /* Most read and Weekly Wrap: Start */ .component-weekly-wrap img { width: 100%; } .component-weekly-wrap .weekly-wrap-details { background-color: #2A5E6B; padding-bottom: 20px; } .component-weekly-wrap { text-align: center; } .component-weekly-wrap h6 { font-size: 1.4em; line-height: 1.25; margin: 5px 0 5px 0; padding: 0; } .component-weekly-wrap h6 a { color: #C5D0D4; } .component-weekly-wrap .weekly-wrap-details p { font-size: 0.95em; color: #C5D0D4; padding: 4px 30px; } .component-weekly-wrap .btn { float: none; width: auto; background-color: #F26424; padding: 7px 15px; margin-bottom: 10px; } /* Most read comp split into two sections - only one with bgc */ /* .header-most-read h4 { color:#fff; } */ .component-most-read { /* background-color:#3b7c8e; */ padding: 3% 0; } .component-list .col-divider-list:after { content: ""; position: absolute; width: 0.063em; background-color: #dedede; margin-left: -3%; bottom: 0; top: 0; } .component-list .component-list-most-read.col-divider-list:after { background-color: transparent; } /* display height fix without flex .component-weekly-wrap { min-height:405px; } .component-most-read { min-height:359px; } */ /* Most read and Legal Voice: End */ /* Risk navigation content - only updated on homepage template: start */ .main-top-title a:hover { color: #fff; } .main-top-title .menu-top-panel a:hover { color: #084b59; } /* Events and awards panel updates */ #events article .image-text-group-a img, #awards article .image-text-group-a img { border: 1px solid rgba(200, 200, 200, 0.5); width: 100%; } /* Whitepapers panel article display with listing block layout in place - these styles override those in the main stylesheet */ .main-top-hound section article { width: 100%; float: left; margin: 0; } .main-top-hound a img { width: 100%; margin: 0; float: left; } /* research panel - duplicate of = whitepaper section width control: start */ .main-top-research .span-lrg_4_of_5 section { width: 48.5%; margin-left: 1.5%; float: left; } .main-top-research .span-lrg_4_of_5 section:nth-of-type(1) { width: 48.5%; margin-left: 0; } .main-top-research article { margin-bottom: 20px; } .main-top-research .image-text-group-b.no-article-image { float: none; } .main-top-research article p { margin-bottom: 5%; font-size: 0.9em; } .research-further-information .menu-top-panel-heading { margin-bottom: 1px; letter-spacing: -0.025em; line-height: 1.3; } .research-further-information .aside { font-weight: normal; font-size: 0.85em; } /* books panel - duplicate of = whitepaper section width control: start */ .main-top-books .span-lrg_4_of_5 section { width: 28%; margin-left: 1.5%; float: left; } .main-top-books .span-lrg_4_of_5 section:nth-of-type(1) { margin-left: 0; } .main-top-books .span-lrg_4_of_5 section { background-color: #fff; height: auto; padding: 2%; } .main-top-books .span-lrg_4_of_5 section img { width: 100%; } .main-top-books .span-lrg_4_of_5 section h5 { margin: 0 0 0.2em 0; } .main-top-books article p { margin-bottom: 1em; font-size: 0.9em; } /* button styles */ /* highlight (buy) button style */ .buy { background: #e69000; background-image: linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -moz-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); background-image: -webkit-linear-gradient(bottom, #e69000 0%, #ffa90a 52%); } .buy:hover { background: #ff890a; background-image: linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -moz-linear-gradient(bottom, #e67000 0%, #ff890a 52%); background-image: -webkit-linear-gradient(bottom, #e67000 0%, #ff890a 52%); } /* research and books panel - duplicate of = whitepaper section width control: end */ #jobs .header-search-holder form { border: none; border-bottom: 1px solid #c8c8c8; } #jobs .header-search-holder input[type=search] { color: #000; } #jobs .header-search-holder input[type=submit] { float: left; } #jobs .header-search-holder button { float: right; margin-top: 10px; margin-right: 0px; opacity: 0.4; } #jobs .header-search-holder button:hover { opacity: 0.3; } #jobs .header-search-holder input[type=search] { width: 100%; padding: 0.360em 5px 0.360em 0px; margin: 0; outline: none; border: none; background-color: transparent; -webkit-appearance: none; font-size: 100%; color: #666; } #jobs .header-search-holder input[type=submit] { /* background-image: url('http://images.incisivemedia.com/v9_images/v3_mobile/sprite01.svg'); */ background-color: transparent; background-repeat: no-repeat; height: 45px; width: 36px; background-size: 100%; opacity: 0.4; } #jobs .header-search-holder button { background-size: 100%; opacity: 0.2; /* background: url('http://images.incisivemedia.com/v9_images/tt_mobile/sprite02.svg'); */ background-repeat: no-repeat; background-position: 7px -256px; width: 27px; height: 27px; } #jobs .box h3 { margin: 5px 0 5px 0; padding: 0; } #jobs .box h3 a { color: #333; font-size: 1.2em; } #jobs .box p { color: #666; font-size: 0.75em; } /* generic box, will need to call this something else */ .box { float: left; width: 100%; background: #eee; margin: 30px 0 0 0; padding: 0; } .box-inner { margin: 0 8px 8px 8px; padding: 0; } .box-inner:after { content: ""; float: right; margin-top: -80px; /* background-image:url('http://images.incisivemedia.com/v9_dev/test/fd-all/images/email-image.png'); */ width: 100px; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } #jobs .careers article img, #jobs .latest-jobs img { border: 1px solid rgba(200, 200, 200, 0.5); width: 100%; } #jobs .latest-jobs h3 { margin: 0 0 4px 0; padding: 0; line-height: 1; } #jobs .latest-jobs h3 a { color: #000; font-size: 0.9em; font-weight: bold; } #jobs .latest-jobs article { float: left; margin-bottom: 10px; } /* Risk menu width and colour fixes */ /* .main-menu .menu-title { padding:14px 8px 13px; } */ .navigation-all-sections-subheading { color: #084b59; } /* .main-menu a:hover { color:#3b7c8e; } */ /* .main-menu .menu-contents img.magazine-brand-logo { clear:both; float:none; display:block; width:60%; margin-top:12px; margin-bottom:8px; } */ /* Risk navigation content - only updated on homepage template: end */ /* -------------- Homepage components: End -------------- */ /*Additional styling*/ .related-article-holder header, .article-series-listing header h4, .homepage-content .content header h4 { text-align: center; font-weight: 700; } .related-article-holder header h4 { text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.9em; position: relative; } .article-series-listing header h4 { text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; } .homepage-content .content header.header-trendlines-item h4, .homepage-content .content header.header-opinion h4 { text-align: left; letter-spacing: 0.2em; padding-left: 0; } /* .homepage-content .content header h4 .section-title-link */ .header-news .section-title-link, .header-news #trendlines-static-page .sponsored-by, #trendlines-static-page .header-news .sponsored-by, .header-hound .section-title-link, .header-hound #trendlines-static-page .sponsored-by, #trendlines-static-page .header-hound .sponsored-by, .header-highlights .section-title-link, .header-highlights #trendlines-static-page .sponsored-by, #trendlines-static-page .header-highlights .sponsored-by, .header-trendlines .section-title-link, .header-trendlines #trendlines-static-page .sponsored-by, #trendlines-static-page .header-trendlines .sponsored-by, .header-statistics .section-title-link, .header-statistics #trendlines-static-page .sponsored-by, #trendlines-static-page .header-statistics .sponsored-by, .header-cutting-edge .section-title-link, .header-cutting-edge #trendlines-static-page .sponsored-by, #trendlines-static-page .header-cutting-edge .sponsored-by, .header-weekly-wrap .section-title-link, .header-weekly-wrap #trendlines-static-page .sponsored-by, #trendlines-static-page .header-weekly-wrap .sponsored-by, .header-events .section-title-link, .header-events #trendlines-static-page .sponsored-by, #trendlines-static-page .header-events .sponsored-by, .header-most-read .section-title-link, .header-most-read #trendlines-static-page .sponsored-by, #trendlines-static-page .header-most-read .sponsored-by, .article-series-listing header h4 a, .related-article-holder .section-title-link, .related-article-holder #trendlines-static-page .sponsored-by, #trendlines-static-page .related-article-holder .sponsored-by { margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #F4F5F4; width: auto; position: relative; top: 15px; font-weight: 700; color: #132E35; font-size: 1.05em; } a.section-title-link:after, #trendlines-static-page a.sponsored-by:after { content: none; } .article-series-listing header h4 a, .related-article-holder .section-title-link, .related-article-holder #trendlines-static-page .sponsored-by, #trendlines-static-page .related-article-holder .sponsored-by { background-color: white; } .related-article-holder .section-title-link, .related-article-holder #trendlines-static-page .sponsored-by, #trendlines-static-page .related-article-holder .sponsored-by { padding: 0 8px; } .component-statistics, section.component-events .section.group, section.component-hound .section.group { margin: 0px; outline: 1px solid #234B53; padding: 20px; background: #FFF; box-sizing: border-box; border: 13px solid #F4F5F4; margin-top: 0; margin-bottom: 15px; } .component-events .col-inner { padding: 0; } section.component-events .section.group, section.component-hound .section.group { margin: 0; outline: 1px solid #234B53; padding: 20px; background: #FFF; margin-bottom: 15px; box-sizing: border-box; border: 13px solid #F4F5F4; margin-top: 0; } /*event component titles */ section.component-events h5 { font-size: 1.2em; } .component-news > .section.group, .component-highlights .section.group.primary-higlights, .component-trendlines, .component-cutting-edge section.group, .component-weekly-wrap article, .component-list-most-read .ol { /* border-top: 1px solid #234B53; */ padding-top: 20px; } .component-most-read { padding-top: 0; } .component-list-most-read .ol { margin-top: 0; } .header-weekly-wrap::after, .header-news::after, .header-highlights::after, .header-trendlines::after, .header-cutting-edge::after, .header-most-read::after, .header-more-from::after, .component-more-from header::after, .article-series-listing header::after, .related-article-holder header::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234B53; display: block; } /* Top of */ .header-news { margin-top: -10px; } .component--risk-opinion { background-color: white; padding-bottom: 15px; } .component-news .primary-news-top { background-color: #084C59; } .component-news .primary-news-top .image-text-group-b h5 a, .component-news .primary-news-top .image-text-group-b p { color: #C5D0D4; } /* HOMEPAGE MONTY */ .homepage-monty-mid h4 a { font-size: 1.5em; line-height: 1.1; color: #fff; font-family: 'source_sans_probold', 'Arimo' , Arial, sans-serif; font-weight: 700; letter-spacing: 0em; } .homepage-component-monty-mid .slick-slider { position: relative; background-color: #3B7F8C; } .homepage-monty-mid { min-height: 250px; margin-bottom: 30px; } /* Risk monty */ /* .caption-text .quote-author{ color: #FFF; font-size: 1.6em; } */ .homepage-monty-mid h4 { color: #FFF; font-size: 1.4em; line-height: 1.6; } .caption-text .quote-author { width: 65%; text-align: left; color: #FFF; font-size: 1.4em; font-style: italic; } .caption-text .quote-author a { /*font-size: 0.9em; background-color: #e69000; padding: 4px 15px; */ color: #FFF; } .caption-text .quote-author a.btn { clear: both; display: block; width: 50%; margin: 15px 0; } .no-svg .monty-pullquote { background-image: url("../images/site-sprite.png"); } .monty-pullquote { display: inline-block; padding-right: 4px; height: 56px; background-image: url("../images/site-sprite.svgz"); background-position: calc(-3px + 6*-36px) calc(-8px + 27*-36px); width: 70px; } /* Journals flex alignment */ main.content-inner.content-full-width .main-content section.group { display: -webkit-flex; display: flex; } main.content-inner.content-full-width .main-content section.group .col-lrg.span-lrg_2_of_4 { display: -webkit-flex; display: flex; margin-bottom: 25px; } .journal-description { width: 100%; } /* Journals article page */ .journals .journal-papers-header { /*reset styles*/ border-top: none; } .journals .journal-papers-header::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234B53; border-bottom: 1px solid #000; display: block; } .journals .journal-papers-header h4 { text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.95em; position: relative; padding: 4px 3px 2px 12px; font-weight: normal; text-align: center; font-weight: 700; } .journals .journal-papers-header h4 .section-title-link, .journals .journal-papers-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .journals .journal-papers-header h4 .sponsored-by { display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; background: #fff; width: auto; position: relative; top: 15px; font-weight: 700; color: #084b59; color: #000; } .journals .page-content .content .content-inner.content-full-width header h4 { text-transform: uppercase; letter-spacing: 0.3em; font-size: 1em; position: relative; font-weight: 700; color: #000; padding: 10px 0px; } .journals .page-content .content .content-inner.content-full-width header.browse-journals-carousel-header h4 { color: #eee; } /*video article*/ .video-player-container { margin-bottom: 1.1em; } /* Need to know */ .article-anchor-links { background-color: #ececec; margin-top: -24px; } .article-anchor-links header { text-align: center; font-weight: 700; background-color: white; margin-bottom: 16px; position: relative; top: 0; padding: 10px 0; } .article-anchor-links header::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234B53; display: block; position: relative; top: -15px; } .article-anchor-links header h4 { text-transform: uppercase; letter-spacing: 0.2em; font-size: 1em; position: relative; display: inline-block; padding: 2px 12px; font-weight: 600; top: 2px; z-index: 1; } .article-anchor-links header h4 .section-title-link, .article-anchor-links header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .article-anchor-links header h4 .sponsored-by { padding: 0 14px; background-color: white; } .article-anchor-links ul { float: none; clear: both; padding: 10px 15px; box-sizing: border-box; } /*safari flex fixes*/ .component-more-from::before, .subsidary-highlights-second::before, .subsidary-highlights-top::before, .primary-higlights.group::before { content: none; flex: none; } /*Journals overrides*/ .journal-latest-papers ul.journal-paper-list li .article-meta-details li:first-child a.journal-author-link:hover, .journal-latest-papers ul.journal-paper-list li .article-meta-details li a.journal-author-link:hover { color: #666; } .related-journal-papers .article-meta-details li:first-child a, .related-journal-papers .article-meta-details li a, .journal-papers .article-meta-details li:first-child a, .journal-papers .article-meta-details li, .journal-papers .article-meta-details li a, .journal-latest-papers ul.journal-paper-list li .article-meta-details li:first-child a, .journal-latest-papers ul.journal-paper-list li .article-meta-details li a { font-weight: normal; font-size: 1.15em; line-height: 1.5; } .journal-papers .article-meta-details { margin: 5px 0px 10px 0px; } .journal-papers article p { font-size: 0.95em; color: #000; } .related-journal-papers .article-meta-details li { padding: 0.1em 0.6em 0.1em 0; margin-right: 6px; border-right: 1px solid #bbb; } .related-journal-papers .article-meta-details li:last-child { border-right: none; } .related-journal-papers .article-meta-details li:first-child a:hover, .journal-papers .article-meta-details li a.journal-author-link:hover { color: #666; } .related-journal-papers .related-listings-header .glossary .related-articles .section-title-link, .related-journal-papers .related-listings-header .glossary .related-articles #trendlines-static-page .sponsored-by, #trendlines-static-page .related-journal-papers .related-listings-header .glossary .related-articles .sponsored-by, .glossary .related-articles .related-listings-header h4 .section-title-link, .glossary .related-articles .related-listings-header h4 #trendlines-static-page .sponsored-by, #trendlines-static-page .glossary .related-articles .related-listings-header h4 .sponsored-by { background-color: #F4F5F4; margin-bottom: 15px; margin: 0 auto; display: inline-block; margin: 0; padding: 0 15px; margin: 0 auto; width: auto; position: relative; font-weight: 700; z-index: 1; } .glossary .related-articles .related-listings-header h4 { padding: 4px 0; font-weight: bold; font-size: 1em; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 1em; position: relative; font-weight: 700; color: #000; padding: 10px 0px; } .glossary .related-articles .related-listings-header h4::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #234B53; display: block; position: relative; top: -15px; } .glossary .related-articles .col { margin-top: 8px; } .glossary .related-articles .image-text-group-a { margin: 0 4% 0 0; } .glossary .related-articles .image-text-group-b { margin: 0 0 0 0%; } .glossary .related-articles .image-text-group-b > a { font-weight: bold; } /*top-panel-paper*/ .top-panel-paper .image-text-group-b { line-height: 1; font-weight: normal; } .menu-top-panel article p, .menu-top-panel .image-text-group-b p { margin: 10px 0 20px 0; } .latest-events-holder .image-text-group-b p { margin: 10px 0 10px 0; } /*Full width Research + Books panel columns */ .hound-search .menu-top-panel-heading, .books-further-information .menu-top-panel-heading, .research-further-information .menu-top-panel-heading { margin-bottom: 12px; letter-spacing: -0.025em; line-height: 1.3; } .books-further-information aside, .research-further-information aside, .hound-search .menu-top-panel-subheading { font-weight: normal; font-size: 0.85em; background-color: #FFF; padding: 14px; } .main-top-tab-panel .panel-section-footer { margin-top: 0; } .main-top-tab-panel .panel-section-footer .more-holder { background-color: #fff; margin-top: 0; } .main-top-jobs .panel-section-footer .more-holder { background-color: transparent; } .main-top-research .top-panel-paper .image-text-group-a { width: 0%; max-width: 0%; } .main-top-research .top-panel-paper .image-text-group-b { max-width: 90%; margin-left: 0; } /*glossary inline hack*/ .glossary-definition p { line-height: 1.3em !important; letter-spacing: 0 !important; } /*Frontpage carousel */ .frontpage-article-carousel-header, .frontpage-article-carousel.slick-slider { background-color: #E0E1E5; } .frontpage-article-carousel article { padding: 15px; } .frontpage-article-carousel article .listings-article-title h5 { margin: 0; padding: 8px; line-height: 1.2em; font-size: 0.96em; } .frontpage-article-carousel article .listings-article-title h5 a { color: #000; } .frontpage-article-carousel-header button { background-color: #ccc; border-radius: 25%; height: 36px; width: 36px; position: absolute; opacity: 0.5; margin: 7px 10px; } .frontpage-article-carousel-header button.slick-prev:before { background-position: calc(5px + 4*-37px) calc(2px + 11*-37px); } .frontpage-article-carousel-header button.slick-next:before { background-position: calc(9px + 5*-37px) calc(2px + 11*-37px); } .frontpage-article-carousel-header, .frontpage-article-carousel.slick-slider { background-color: #E0E1E5; position: relative; padding: 5px 0px; } /* Static pages styling -start */ /* social media hub - start */ .card { background-color: #fff; box-shadow: 0px 2px 9px #CCC; border-top: 1px solid #3b7c8e; padding: 12px; box-sizing: border-box; } .social-hub a { border-bottom: none; } .social-hub p { font-size: 0.95em; } .social-follow { color: #fff; text-align: left; padding: 8px; border-radius: 3px; width: 120px; max-width: 120px; margin-right: 2px; margin-left: 1px; margin-bottom: 10px; position: relative; } .social-follow:hover { opacity: 0.8; } .social-follow:before { content: ""; float: left; width: 30px; height: 20px; background-image: url("http://assets.incisivemedia.com/cdn/risk/images/site-sprite.svgz"); } .twitter-follow-button { background-color: #5EA9DD; } .twitter-follow-button:before { background-position: calc(-6px + 3*-36px) calc(-6px + 1*-37px); } .facebook-follow { background-color: #445698; } .facebook-follow:before { background-position: calc(-6px + 3*-36px) calc(-6px + 2*-37px); } .linkedin-follow { background-color: #2f74a7; } .linkedin-follow:before { background-position: calc(-6px + 3*-36px) calc(-7px + 3*-37px); } .rss-follow { background-color: #F78501; } .rss-follow:before { background-position: calc(-6px + 3*-36px) calc(-6px + 13*-36px); } /* media query for social media page */ @media only screen and (max-width: 768px) { .social-hub .span-lrg_2_of_4 { width: 100%; margin-left: 0px; } } /* social media hub - end */ /* Risk Trendlines (SocGen) - start */ #trendlines-static-page .rssincl-itemtitle { border-top: 1px solid #286C79; padding-bottom: 10px; padding-top: 5px; margin: 0; } #trendlines-static-page .rssincl-content { background: #084C59; padding: 15px; box-sizing: border-box; } #trendlines-static-page #rssincl-box-1060028 { display: flex; flex-grow: 2; flex-basis: 0; } #trendlines-static-page a { border-bottom: none; color: #C5D0D4; font-weight: 700; } #trendlines-static-page h4 { font-size: 1em; font-weight: 700; text-align: center; } #trendlines-static-page .section-title-link, #trendlines-static-page .sponsored-by { color: #132E35 !important; letter-spacing: 0.2em; text-transform: uppercase; } #trendlines-static-page .sponsored-by { margin-top: 10px; font-size: 0.9em; text-align: center; display: flex; justify-content: center; align-items: center; } #trendlines-static-page .sponsored-by p { margin: 0px; } /* Logo on homepage */ .socgen { position: relative; } .socgen img { height: 22px; position: absolute; right: 0px; top: -10px; } .socgen span.sponsor-info { font-family: monospace; font-weight: bold; position: absolute; right: 315px; top: -6px; display: inline-block; background-color: #a9a9a9; border-radius: 100%; width: 15px; height: 15px; color: #fff; text-align: center; line-height: 15px; font-style: normal; font-size: 12px; margin-right: 7px; } /* Risk Trendlines (SocGen) - end */ /* Static pages styling -end */ /* Connie - event component */ .events-component { width: 100%; height: 200px; position: relative; margin-top: 10px; background-image: url("http://images.incisivemedia.com/connie/events_bg_v2.png"); padding: 10px 30px; background-repeat: no-repeat; background-position: right; box-sizing: border-box; background-color: #ffffff; } .events-component .event-details { width: 20%; display: inline-block; border: none; margin-top: 15px; } .events-component .event-data { margin-left: 10px; margin-top: -15px; } .events-component .dateline { min-height: 25px !important; } .events-component .copy { width: 54%; display: inline-block; margin-top: 10px; } .events-component .copy h4 { margin-bottom: 0px; } /* START Brexit Component */ #brexit-component { border-color: #F94C19 !Important; background: #e2e2e2 !Important; } #brexit-component .risk-link { color: #f94c18 !Important; } #brexit-component p { color: #313131; } /* END Brexit Component */ /* START RISK Books Component */ .book-component { border-top: thin dotted grey; border-bottom: thin dotted grey; padding: 15px 20px; margin: 20px 0; display: inline-block; } .book-component img { display: inline-block; margin-top: 20px; } .book-component .book-content { width: 75%; display: inline-block; float: right; margin-top: 5px; } .book-component h5 { margin: 0px; font-size: 1.2em; } .book-component p { margin: 0px; } .book-component .btn { width: 18%; margin-top: 5px; display: block; } /* END RISK Books Component */ /* START 7days in 60 seconds newsletter component */ #sevendays-newsletter { width: 100%; border-top: thin dotted grey; border-bottom: thin dotted grey; position: relative; margin: 23px 0px; padding: 10px 0px; } #sevendays-newsletter #close { position: absolute; right: 0px; top: 3px; color: grey; } #sevendays-newsletter p { margin-bottom: 8px; } /* END RISK Books Component */ /* ---------- Corporate acsess form popup ------------ */ .modalStyle { width: 900px; position: relative; margin: 10px auto; padding: 5px 20px 10px 20px; background: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03), 0 0 20px rgba(0, 0, 0, 0.03) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03), 0 0 20px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03), 0 0 20px rgba(0, 0, 0, 0.03) inset; border: 1px solid #234B53; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; } .modalStyle div:last-child { font-size: 12px; } .modalStyle input { width: 44%; padding: 5px 7px; font-size: 14px; } .modalStyle #ms_password { margin-left: -28px !important; margin-top: 10px; } .modalStyle input[type="submit"], .modalStyle button { padding: 10px 0; background: #F94C18; color: #fff; border: none; font-size: 14px; cursor: pointer; } .modalStyle form { width: 80%; margin: 0 auto; } .modalStyle #titleText { text-transform: uppercase; letter-spacing: 0.1em; font-size: 21px !important; } .modalStyle .close { background: #565656; padding: 0px; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .modalStyle .close:hover { background: #CCCCCC; } /* TOM - CXENSE */ body.cxense_widget .main-content > section.component-more-from:nth-of-type(2) { display: none !important; } /* Front page article carousel re-style */ .frontpage-article-carousel-header { padding: 0; } .frontpage-article-carousel-header h4 { padding-top: 0; font-size: 1em; } .frontpage-article-carousel-header h4 a { position: relative; top: -12px; background-color: #F4F5F4; padding: 0 14px; color: #F26424; } .frontpage-article-carousel article { padding: 0; margin: 15px; background-color: #FFF; min-height: 215px; } .multi-article-carousel { border: 1px solid #000; padding-top: 0; margin-top: 15px; } .frontpage-article-carousel-header, .frontpage-article-carousel.slick-slider { background-color: transparent; } .frontpage-article-carousel .slick-prev:before { background-position: calc(1px + 4*-36px) calc(2px + 1*-36px); } .frontpage-article-carousel .slick-next:before { background-position: calc(1px + 5*-36px) calc(2px + 1*-36px); } .frontpage-article-carousel .slick-prev, .frontpage-article-carousel .slick-next { opacity: 1; } .frontpage-article-carousel .slick-prev:before, .frontpage-article-carousel .slick-next:before { background-color: #F26424; } /* Sponsored article carousel override */ .frontpage-article-carousel { width: 90%; margin: 0 auto; } .frontpage-article-carousel .slick-prev, .frontpage-article-carousel .slick-next { width: 6%; } .frontpage-article-carousel .slick-prev { left: -5%; } .frontpage-article-carousel .slick-next { right: -5%; } /* -------------- WEEKLY WRAP COMPONENTS - new content blocks -------------- */ .weekly-wrap { width: 92%; padding: 1% 4% 4% 4%; margin-bottom: 22px; box-shadow: 0 0 0 1px #d3e2e5 inset; clear: both; background-color: #edf3f5; background-color: rgba(219, 231, 234, 0.5); } .weekly-wrap h5 { margin: 0.75em 0; text-transform: uppercase; } .stat-wrap { width: 92%; padding: 1% 4% 4% 4%; margin-bottom: 22px; box-shadow: 0 0 0 1px #d3e2e5 inset; clear: both; background-color: #234b53; color: #fff; } .stat-wrap h5 { margin: 0.75em 0; text-transform: uppercase; color: #fff; font-size: 1.7em; } .stat-wrap .stat-number { float: left; width: 100px; height: 65px; padding: 55px 20px 20px; border-radius: 50%; text-align: center; background-color: #93b8c0; color: #234b53; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin: 0 0.75em 0 0; font-size: 2.1em; font-weight: 800; line-height: 1; } .stat-wrap .stat-content { width: 93%; height: auto; padding: 3.5%; text-align: center; background-color: #93b8c0; color: #234b53; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin: 0 0 0.5em 0; font-size: 1.6em; font-weight: 800; line-height: 1; } .article .stat-wrap p a { color: #eee; border-bottom: 1px solid #ccc; } .article .stat-wrap p a:hover { color: #fff; border-bottom: 1px solid #eee; } /* Marketing ribbon for customisation */ .site-ribbon { background-color: #fff; } .site-ribbon .site-ribbon-content p { width: 90%; max-width: 90%; text-align: center; color: #666; font-weight: 800; font-size: 0.9em; margin: 0 auto 0.8em auto; } .site-ribbon .site-ribbon-content a, .site-ribbon .site-ribbon-content a:link, .site-ribbon .site-ribbon-content a:visited { color: #234b53; } .site-ribbon .site-ribbon-content a:active, .site-ribbon .site-ribbon-content a:focus, .site-ribbon .site-ribbon-content a:hover { color: #3b7c83; } .tour-show { visibility: visible; overflow: visible !important; opacity: 1; } #newsletter a, #apps a { color: #fff; background-color: #234B53; } .btn { /* display: inline-block; */ margin-bottom: 10px; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; /*border-radius: 3px;*/ } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } .btn-group, .btn-group-vertical { position: relative; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; /*padding: 1px;*/ text-align: left; background-color: #ffffff; background-clip: padding-box; /* border-radius: 6px; */ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; border-left: solid 5px orange; } .popover.right { border-right: solid 5px orange; border-left: none; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 16px; font-weight: normal; color: #234B53; background-color: #ffffff; } .popover-content { padding: 14px 14px; font-size: 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #ffffff; bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; top: -11px; } .start { width: auto !important; } .end { float: right; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .popover[class*="tour-"] { z-index: 9999999; } .popover[class*="tour-"] .popover-navigation *[data-role="end"] { float: left; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] { cursor: pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { cursor: default; } .popover-navigation *[data-role="next"], .popover-navigation *[data-role="prev"] { width: 33.3%; } .popover-navigation *[data-role="end"] { width: 33.3%; } .popover[class*="tour-"] .popover-navigation { padding: 9px 14px; } /* -------------- Core CSS for LaTeXML documents converted to (X)HTML -------------- */ /* Generic Page layout */ .ltx_page_header, .ltx_page_footer { font-size: 0.8em; } .ltx_page_header *[rel~="prev"], .ltx_page_footer *[rel~="prev"] { float: left; } .ltx_page_header *[rel~="up"], .ltx_page_footer *[rel~="up"] { display: block; text-align: center; } .ltx_page_header *[rel~="next"], .ltx_page_footer *[rel~="next"] { float: right; } .ltx_page_header .ltx_ref, .ltx_page_footer .ltx_ref { margin: 0 1em; } .ltx_page_header li { padding: 0.1em 0.2em 0.1em 1em; } /* Main content */ .ltx_page_content { clear: both; } .ltx_page_header { border-bottom: 1px solid; margin-bottom: 5px; } .ltx_page_footer { clear: both; border-top: 1px solid; margin-top: 5px; } .ltx_page_header:after, .ltx_page_footer:after, .ltx_page_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ltx_page_footer:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ltx_page_logo { font-size: 80%; margin-top: 5px; float: right; } .ltx_page_logo a { font-variant: small-caps; } .ltx_page_logo img { vertical-align: -3px; } /* if shown */ .ltx_page_navbar li { white-space: nowrap; display: block; overflow: hidden; } /* If ref got turned into span, it's "this section"*/ .ltx_page_navbar li span.ltx_ref { white-space: normal; overflow: visible; } /* Ought to be easily removable/overridable? */ .ltx_pagination.ltx_role_newpage { height: 2em; } /* -------------- Document Structure; Titles & Frontmatter -------------- */ /* undo bold here to remove the browser's native h# styling, at let all other styles override it (with more specific rules)*/ .ltx_title { font-size: 100%; font-weight: normal; } /* Hack to simulate run-in! put class="ltx_runin" on a title or tag for it to run-into the following text. */ .ltx_runin { display: inline; } .ltx_runin:after { content: " "; } .ltx_runin + .ltx_para, .ltx_runin + .ltx_para p, .ltx_runin + p { display: inline; } .ltx_outdent { margin-left: -2em; } /* .ltx_chapter_title, etc should be in ltx-article.css etc. */ .ltx_page_main { margin: 0px; padding: 0; } .ltx_tocentry { list-style-type: none; } /* ------- support for common author block layouts ------- */ /* add class ltx_authors_1line to get authors in single line with pop-up affiliation, etc. */ .ltx_authors_1line .ltx_creator, .ltx_authors_1line .ltx_author_before, .ltx_authors_1line .ltx_author_after { display: inline; } .ltx_authors_1line .ltx_author_notes { display: inline-block; } .ltx_authors_1line .ltx_author_notes:before { content: "*"; color: blue; } .ltx_authors_1line .ltx_author_notes span { display: none; } .ltx_authors_1line .ltx_author_notes:hover span { display: block; position: absolute; z-index: 10; background: #e0e0e0; border: 3px outset gray; text-align: left; } /* add class=ltx_authors_multiline to get authors & affliations on separate lines*/ .ltx_authors_multiline .ltx_creator, .ltx_authors_multiline .ltx_author_before, .ltx_authors_multiline .ltx_author_after, .ltx_authors_multiline .ltx_author_notes, .ltx_authors_multiline .ltx_author_notes .ltx_contact { display: block; } /* -------------- Para level -------------- */ td.ltx_subfigure, td.ltx_subtable, td.ltx_subfloat { width: 50%; } /* ---------------------------- theorems, figure, tables, floats captions.. ---------------------------- */ /* -------------- Blocks, Lists, Floats -------------- */ .ltx_align_left { text-align: left; } .ltx_align_right { text-align: right; } .ltx_align_center { text-align: center; } td.ltx_align_center { overflow-x: auto; } .ltx_align_top { vertical-align: top; } .ltx_align_bottom { vertical-align: bottom; } .ltx_align_middle { vertical-align: middle; } .ltx_align_baseline { vertical-align: baseline; } .ltx_align_floatleft { float: left; } .ltx_align_floatright { float: right; } .ltx_inline-block { display: inline-block; } div.ltx_equation { display: block; width: 95%; text-align: center; } .article-page-body-content table.ltx_equation tr:nth-child(2n+2), .article-page-body-content table.ltx_equationgroup tr:nth-child(2n+2) { background-color: transparent; } .article-page-body-content table.ltx_equation td, .article-page-body-content table.ltx_equationgroup td { border: none; } .ltx_tag_equation.ltx_align_left { position: absolute; left: 2em; } .ltx_tag_equation.ltx_align_right { position: absolute; right: 2em; } .ltx_equation td { width: auto; } table.ltx_equation, table.ltx_equationgroup { width: 100%; max-width: 100%; } table.ltx_eqn_align tr.ltx_equation td.ltx_align_left + td.ltx_align_right { padding-left: 3em; } table.ltx_eqn_eqnarray tr.ltx_eqn_lefteqn + tr td.ltx_align_right { min-width: 2em; } /* Hide this from IE */ tr > td.ltx_eqn_pad { width: 50%; } /* Position the tag to look like a normal item bullet. */ li.ltx_item > .ltx_tag { display: inline; margin-left: -1.5em; } .ltx_item .ltx_tag + .ltx_para, .ltx_item .ltx_tag + .ltx_para .ltx_p { display: inline; } /* NOTE: Need to try harder to get runin appearance? */ dl.ltx_description dt { margin-right: 0.5em; float: left; font-weight: bold; font-size: 95%; } dl.ltx_description dd { margin-left: 5em; } dl.ltx_description dl.ltx_description dd { margin-left: 3em; } .ltx_theorem { margin: 1em 0em 1em 0em; } .ltx_title_theorem { font-size: 100%; } .ltx_bibliography dt { margin-right: 0.5em; float: left; } .ltx_bibliography dd { margin-left: 3em; } /*.ltx_biblist { list-style-type:none; }*/ .ltx_bibitem { list-style-type: none; } .ltx_bibtag { font-weight: bold; margin-left: -2em; width: 3em; } /*.bibitem-tag + div { display:inline; }*/ .ltx_bib_title { font-style: italic; } .ltx_bib_article .bib-title { font-style: normal !important; } .ltx_bib_journal { font-style: italic; } .ltx_bib_volume { font-weight: bold; } .ltx_indexlist li { list-style-type: none; } .ltx_indexlist { margin-left: 1em; padding-left: 1em; } .ltx_listing td.ltx_linenumber, .ltx_listingblock td.ltx_linenumber { width: 3em; text-align: right; } /* -------------- Columns -------------- */ .ltx_page_column1 { width: 44%; float: left; } /* IE uses % of wrong container*/ .ltx_page_column2 { width: 44%; float: right; } .ltx_page_columns > .ltx_page_column1 { width: 48%; float: left; } .ltx_page_columns > .ltx_page_column2 { width: 48%; float: right; } .ltx_page_columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* -------------- Borders and such -------------- */ table { border-collapse: collapse; } .ltx_framed { border: 1px solid black; } .ltx_tabular td, .ltx_tabular th { padding: 0.1em 0.5em; } .ltx_border_t { border-top: 1px solid black; } .ltx_border_r { border-right: 1px solid black; } .ltx_border_b { border-bottom: 1px solid black; } .ltx_border_l { border-left: 1px solid black; } .ltx_border_tt { border-top: 3px double black; } .ltx_border_rr { border-right: 3px double black; } .ltx_border_bb { border-bottom: 3px double black; } .ltx_border_ll { border-left: 3px double black; } /* ---------------------------- Misc ---------------------------- */ .ltx_verbatim { text-align: left; } /* ---------------------------- Meta stuff, footnotes ---------------------------- */ .ltx_note_content { display: none; } .ltx_note_content { max-width: 70%; font-size: 80%; left: 15%; text-align: left; padding: 10px; background: #efefef; border: 1px solid #ccc; background-color: #fefbec; box-shadow: 0px 1px 5px #aaa; } .ltx_note_mark { color: #ff890a; font-weight: 600; } .ltx_note_content .ltx_note_mark { padding-right: 5px; font-size: 0.95em; } .ltx_note_type { font-weight: bold; } .ltx_note { display: inline-block; text-indent: 0; } .ltx_note:hover .ltx_note_content { display: block; position: absolute; z-index: 10; } .ltx_ERROR { color: red; } .ltx_rdf { display: none; } /* ---------------------------- SVG (pgf/tikz ?) basics ---------------------------- */ /* Stuff appearing in svg:foreignObject */ .ltx_svg_fog foreignObject { margin: 0; padding: 0; overflow: visible; } .ltx_svg_fog foreignObject > p { margin: 0; padding: 0; display: block; } /* ---------------------------- Low-level Basics ---------------------------- */ /* NOTE: These should be using rems; [ie.: what happens when you nest .tiny in .tiny?????] */ .ltx_font_TINY { font-size: 50%; } .ltx_font_Tiny { font-size: 60%; } .ltx_font_tiny { font-size: 65%; } .ltx_font_script { font-size: 70%; } .ltx_font_footnote { font-size: 80%; } .ltx_font_small { font-size: 90%; } .ltx_font_normal { font-size: 100%; } .ltx_font_large { font-size: 120%; } .ltx_font_Large { font-size: 140%; } .ltx_font_LARGE { font-size: 170%; } .ltx_font_huge { font-size: 200%; } .ltx_font_Huge { font-size: 250%; } .ltx_font_HUGE { font-size: 300%; } .ltx_font_serif { font-family: serif; } .ltx_font_sansserif { font-family: sans-serif; } .ltx_font_typewriter { font-family: monospace; } .ltx_font_bold { font-weight: bold; } .ltx_font_medium { font-weight: normal; } .ltx_font_italic { font-style: italic; } .ltx_font_upright { font-style: normal; } .ltx_font_slanted { font-style: oblique; } .ltx_font_smallcaps { font-variant: small-caps; } cite { font-style: normal; } .ltx_red { color: red; } .ltx_centering { display: block; margin: auto; text-align: center; } table.ltx_centering { display: table; } /* ---------------------------- Article display controls ---------------------------- */ .ltx_title_document { font-size: 170%; text-align: center; margin: 0.5em 0 0.5em 0; } .ltx_authors, .ltx_role_author { text-align: center; margin: 0.5em 0 0.5em 0; } .ltx_role_author .ltx_personname { font-size: 120%; } .ltx_date { text-align: center; font-size: 120%; margin: 0.5em 0 0.5em 0; } .ltx_subtitle { text-align: center; font-size: 120%; padding-left: 0.2em; margin-left: -0.5em; } .ltx_title_abstract { text-align: center; font-size: 100%; font-weight: bold; } .ltx_abstract { margin-left: 4em; margin-right: 4em; } .ltx_title_section { font-size: 140%; font-weight: bold; margin-top: 1.5em; margin-bottom: 0; } .ltx_title_subsection { font-size: 120%; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; } .ltx_title_subsubsection { font-size: 100%; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; } /* Paragraph & Subparagraph titles should be runin! */ .ltx_title_paragraph { font-size: 100%; font-weight: bold; display: inline; margin-right: 1em; margin-top: 1.5em; } .ltx_paragraph .ltx_title, .ltx_paragraph .ltx_title + .ltx_para, .ltx_paragraph .ltx_title + .ltx_para > .ltx_p, .ltx_subparagraph .ltx_title, .ltx_subparagraph .ltx_title + .ltx_para, .ltx_subparagraph .ltx_title + .ltx_para > .ltx_p { display: inline; } .ltx_title_subparagraph { font-size: 100%; font-weight: bold; display: inline; margin-left: 2em; margin-right: 1em; margin-top: 1.5em; } .ltx_figure { text-align: center; margin: auto; margin: 0.5em; } .ltx_table { text-align: center; margin: auto; margin: 0.5em; } /* First para indentation */ .ltx_itemize { margin-left: 1em; } .ltx_theorem { margin-top: 0.5em; margin-bottom: 0.5em; } .ltx_theorem .ltx_title { margin-bottom: 0.1em; } .ltx_theorem .ltx_title + .ltx_para, .ltx_theorem .ltx_title + .ltx_para .ltx_p, .ltx_theorem .ltx_title + .ltx_p { margin-top: 0em; } /* --------------------- Single table equation dispaly flex settings --------------------- */ table.ltx_equation { max-width: 100%; display: flex; width: 100%; } table.ltx_equation tbody, table.ltx_equation tr { max-width: 100%; width: 100%; display: -webkit-flex; display: flex; } .article-page-body-content table.ltx_equation td { display: -webkit-flex; display: flex; } .article-page-body-content table.ltx_equation td.ltx_align_center { flex: 18; overflow-x: auto; } .MJXc-display { width: 100%; } .article-page-body-content table.ltx_equation td.ltx_eqn_eqno { flex: 1; } .article-page-body-content table.ltx_equation td.ltx_eqn_center_padleft, .article-page-body-content table.ltx_equation td.ltx_eqn_center_padright { flex: 0; } /* --------------------- Cookie messaging --------------------- */ .cookie-consent-content { background-color: #eee; max-width: 100%; position: fixed; width: 100%; margin: 0; bottom: 0px; border-top: 1px solid #ccc; z-index: 10000; } .cookie-consent-content .main-content { max-width: 80%; margin: 0 10%; } .cookie-consent-content .cookie-message { width: 80%; float: left; color: #333; font-size: 0.9em; } .cookie-consent-content .cookie-message a { color: #333; text-decoration: underline; } .cookie-consent-content .cookie-button { width: auto; float: right; } .btn.cookie-close { background-color: #aaa; color: #333; transition: all 0.5s ease; } .btn.cookie-close:hover { background-color: #555; color: #eee; } /* -------------- Cookie message media queries -------------- */ @media only screen and (max-width: 768px) { .cookie-consent-content .main-content { max-width: 90%; margin: 0 5%; } } @media only screen and (max-width: 450px) { .cookie-consent-content .cookie-message { width: 70%; font-size: 0.8em; } .cookie-consent-content .cookie-button { margin-right: 5%; } } @media only screen and (max-width: 370px) { .cookie-consent-content .main-content { max-width: 96%; margin: 0 2%; } .cookie-consent-content .cookie-message { width: 65%; } } /**************************************************************************************************************/ /* LARGE DEVICE QUERIES START */ /**************************************************************************************************************/ @media only screen and (max-width: 1170px) { .main-top-hound.show-panel .col.span-lrg_4_of_5 { width: 76.4%; } .main-top-hound.show-panel .col.span-lrg_1_of_5 { margin: 1% 0 1% 0.5%; width: 20.6%; } .main-top-jobs .span-lrg_2_of_5.latest-jobs { width: 35%; } .main-top-jobs .latest-jobs article img { display: none; } } @media (max-width: 1125px) { .main-top-menu .main-top-login { padding-right: 25px; } .article-meta-container { margin-left: -8.3em; } .related-article-holder { margin-left: 0; } /* RBS message block - article page display */ .article-page-body-content section.component-ip-user-message .btn.request { display: inline; margin-left: 0px; } .article-page-body-content section.component-ip-user-message .col.span_2_of_4 { width: 100%; clear: both; } .article-page-body-content section.component-ip-user-message #risk_ip_form_holder iframe { width: 97%; margin: 0 auto; display: none; } } @media only screen and (max-width: 1060px) { .main-footer .footer-tools-content { float: none; text-align: center; list-style: none; margin: 0; padding: 0; clear: both; } .event-filter-type { float: none; display: block; clear: both; } } @media only screen and (max-width: 1024px) { /* -------------- FOOTER -------------- */ .main-footer .content-width { margin-top: 12px; margin-bottom: 12px; width: 98%; } ul.main-footer-nav li.menu-title { float: none; padding: 12px; white-space: nowrap; } .main-footer ul.main-footer-nav { text-align: center; list-style-type: none; margin-top: 0; width: 100%; } .main-footer li { display: inline; } .main-footer .main-footer-nav a { color: #fff; padding: 2px 12px; text-decoration: none; line-height: 2.2; } ul.footer-tools-content li { float: none; } .main-footer .nav-tools { display: inline-block; margin-top: 0; } .main-footer-content { float: left; clear: both; width: 100%; } .main-footer-content-inner { clear: both; width: 100%; margin: 0 auto; } .incisivemedia-accreditation { width: 100%; } .incisivemedia-footer { float: left; width: 100%; clear: both; margin-bottom: 0; display: table; } .incisivemedia-footer .logo { float: left; margin: 0 1.5em 0 0; padding: 0; } .main-footer-copyright { font-size: 0.75em; } p.copyright-full { float: none; display: table-cell; vertical-align: bottom; width: 100%; } .accreditation-logos { float: none; clear: both; margin: 0 auto 0; padding: 0; } .accredit-text { float: none; text-align: center; width: auto; } .accredit-text a { color: #fff; } /* -------------- USER MENU -------------- */ .user-details-content .span_3_of_4 { width: 62%; } .user-details-content .span_1_of_4 { width: 35%; } /* -------------- COMMERCIAL NAV -------------- */ /* Events Panel -------------- */ .main-top-events .span-lrg_4_of_5 { width: 96%; margin-left: 2%; } .main-top-events .span-lrg_1_of_5 { display: none; } /* Jobs Panel -------------- */ .main-top-jobs .box h3 { margin: 0 0 5px 0; width: 60%; } /* Whitepapers panel -------------- */ .main-top-hound .col.span-lrg_4_of_5 { width: 99%; } .main-top-hound .col.span-lrg_1_of_5 { width: 97%; margin: 1% 0 1% 1.5%; clear: both; float: none; } .main-top-hound .col.span-lrg_1_of_5 section.hound-search { display: none; } .main-top-hound .col.span-lrg_1_of_5 .panel-section-footer a.view-all { margin-right: 20px; } /* -------------- AUTHOR PAGE -------------- */ .author-card-main .col:nth-of-type(1) { width: 25%; margin-left: 2%; float: left; } .author-card-main .col:nth-of-type(2) { margin-bottom: 0; } .author-card-main .col:nth-of-type(2), .author-card-main .col:nth-of-type(3) { width: 60%; float: left; } .author-card-main .col:nth-of-type(4) { margin-top: -50px; width: 95%; margin-left: 2%; padding: 0; float: none; clear: both; } .author-card-main p.list-title { margin: 0 0 0 2%; } .author-card-main ul.social-list li { display: inline-block; width: auto; margin: 1% 3%; } .author-card-main ul.social-list li:first-child { margin: 1% 3% 1% 1%; } } /**************************************************************************************************************/ /* LARGE DEVICE QUERIES END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* SNAP DOWNS START */ /**************************************************************************************************************/ @media only screen and (max-width: 1045px) and (min-width: 960px) { .holder nav.primary-nav .main-menu .menu-title:nth-of-type(n+8):nth-of-type(-n+8) { display: none; } } @media only screen and (max-width: 970px) { /* -------------- MANAGE ACCOUNT PAGE -------------- */ .content .tab { padding: 7px 10px; } /* Save Article - Grid Display -------------- */ #listings-savedlist.grid-view article.span_4_of_4 { width: 48%; } #listings-savedlist.grid-view article.col.span_4_of_4:nth-of-type(3n+4) { clear: inherit; } #listings-savedlist.grid-view article:nth-of-type(2n+1) { clear: both; } .content .tabs .box-out .col.grid-view .col.span_4_of_4:nth-of-type(2n+3) { clear: left; margin-left: 0; } .content .tabs .box-out .col.grid-view .col.span_4_of_4:nth-of-type(3n+4) { clear: none; margin: 1% 0 1% 1.5%; } #listings-savedlist .no-saved-articles .tools-container li.saved-article-info { width: 80%; } /* -------------- EVENTS PAGE -------------- */ .about-events .col.span_2_of_4 { width: 100%; margin: 1% 0; } .about-events video { margin: 0; } /* -------------- ARTICLE TEMPLATES -------------- */ /* Barrier fade size setting -------------- */ .barrier .article-col p:last-child:after { height: 100%; } /* Article element width settings -------------- */ .article-header .col.span_1_of_5, .article-header .col.span_4_of_5, body.article .article-col, .barrier .span_4_of_5, .journals .col.span_4_of_5.article-col { width: 100%; } .article-header .span_1_of_5 nav { margin-top: 5px; margin-left: 0; } .article-title { line-height: 1.1; font-size: 2em; } body.article .article-col { margin: 0; padding: 0; } /* Meta tools container - pushed in -------------- */ .article-meta-container { position: static; margin-left: 0; margin-bottom: 20px; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tools-container { width: auto; } .article-col .tools-meta-outer { border: none; } .article-meta-container .article-meta-numbers { float: right; text-align: right; margin-top: 12px; } .article-meta-numbers .comment-count { float: left; } .article-meta-numbers .social-count { margin-left: 12px; float: right; } /* Boxout -------------- */ .boxout h3 { font-size: 1.4em; margin-bottom: 12px; margin-top: 6px; } /* Article inline images -------------- */ .meta-media { margin-left: 0; } .meta-media img { width: 100%; margin: 0; padding: 0; } .-small { max-width: 200px; } .-medium { max-width: 400px; } .-large { float: none; max-width: 100%; margin-left: 0; } .-xlarge { float: none; margin: 6px 0 0 0; max-width: 100%; } .-large img, .-xlarge img { margin-bottom: 20px; } /* Related component, after article -------------- */ .secondary .span_1_of_5:first-child { width: 100%; margin: 10px 0 0 0; } .secondary .span_1_of_5:nth-of-type(2) { margin-left: 0; } .secondary .span_1_of_5 { width: 23.8%; } .secondary .span_4_of_5 { width: 100%; margin-left: 0; } /* Gallery article - lightbox display -------------- */ .lightbox-caption-wrapper, .lightbox-ad-wrapper { display: none; } .lightbox-slider-wrapper { float: left; width: 98%; margin-left: 1%; } /* Content Hub -------------- */ .content-hub-listings .primary-hub-article article .image-text-group-a { width: 32%; } .content-hub-listings .primary-hub-article article .image-text-group-b { max-width: 64%; } .content-hub-listings .primary-hub-article article .image-text-group-b h5.listings-article-title { font-size: 1.4em; color: #000; margin-top: 2px; margin-bottom: 10px; font-weight: bold; line-height: 1.2; } .sidebar .content-hub-keystats { float: left; clear: both; margin-top: 53px; } /* -------------- HOMEPAGE COMPONENTS -------------- */ /* Component opinion -------------- */ .component-opinion .col-lrg.span-lrg_2_of_4 { width: 100%; margin-left: 0; } .component-opinion .span-lrg_2_of_4:last-child:after { content: none; } } @media only screen and (max-width: 961px) and (min-width: 768px) { section.component-ip-user-message ul.account-access-benefits li:nth-of-type(2) p { top: 0px; } } @media only screen and (max-width: 959px) and (min-width: 845px) { .holder nav.primary-nav .main-menu .menu-title:nth-of-type(n+7):nth-of-type(-n+8) { display: none; } } @media only screen and (max-width: 844px) and (min-width: 768px) { .holder nav.primary-nav .main-menu .menu-title:nth-of-type(n+6):nth-of-type(-n+8) { display: none; } } @media only screen and (max-width: 980px) { .menu-top-panel.show-panel { top: 27px; } .main-top-title { padding-top: 1px; } picture.interview { max-height: 415px; } } @media only screen and (max-width: 961px) { .article-page-body-content section.component-ip-user-message ul.account-access-benefits li:nth-of-type(2) p { top: -14px; } } @media only screen and (max-width: 900px) and (min-width: 768px) { .barrier-message .signup-message img { display: none; } .barrier-message .signup-message p { width: 90%; } .barrier-message .expired-product-message img { display: none; } .barrier-message .expired-product-message p { width: 90%; margin: 0 5% 3% 5%; } } /**************************************************************************************************************/ /* SNAP DOWNS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* MAIN 768 block - CORE STRUCTURE START */ /**************************************************************************************************************/ @media only screen and (max-width: 768px) { /* CORE STRUCTUE IMPORTANT STUFF */ .content-inner { margin: 0; padding: 0.8em; margin-right: 0px; } /*site structure media query - move this to somewhere more important.*/ .sidebar { min-width: 300px; width: 100%; margin-right: 0; } /*quick fix for push menu size of content.*/ .page-content { width: 100%; } } /* iPad landscape width */ @media only screen and (max-width: 768px) { /* MOBILE PUSH MENU AND HEADER */ .mask { display: block; } .menu-sidebar { display: block; } .holder nav { display: none; } .main-top-nav { display: none; } .main-head { display: none; } nav.article-nav { display: none; } .overlay-elements { opacity: 0.0; position: fixed; top: 0; left: 180px; background-color: #000; width: 100%; z-index: 5000; cursor: pointer; transition: all 0.3s; } .site-pushed .overlay-elements.pushed { left: 270px; transition: left 0.19s; } .site-pushed .overlay-elements.fadein { opacity: 0.5; transition: opacity 0.2s linear; } .container .content, .container .nav, .container .main-footer { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .container .content.site-pusher, .container .nav.site-pusher, .container .main-footer.site-pusher { -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-sidebar { opacity: 0; margin-left: -270px; float: left; width: 270px; background-color: #f2f2f2; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-sidebar.site-pusher { opacity: 1; -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .holder { position: relative; z-index: 2; height: 46px; min-width: 320px; width: 100%; background-color: #fff; background-color: #3b7e8c; } .site-pusher .holder { border-bottom: none; } .holder nav { width: 100%; position: absolute; } .mask { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #fff; } .menuPos { z-index: 1; } .menu4 { width: 100%; position: absolute; min-width: 320px; top: 0px; opacity: 0; background-color: #f6f6f6; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .5s ease-in; } .menu4 div { padding: 0; margin: 0; width: 100%; } .menu4 ul { margin: 0 auto; padding: 0; width: 265px; list-style: none; } .menu4 ul li { margin: 0; padding: 20px 0 20px; } .menu4.menuOn { top: 45px; opacity: 1; border-bottom: 1px solid #d7d7d7; background-color: #f6f6f6; -moz-transform-style: preserve-3d; -moz-transform: translate3d(0, 0, 0); } .menu4 div.corporate-menu-information { padding: 12px; } /* push state fix for marging + alignment behind overlay */ .content-inner { margin: 0; padding: 0.8em; margin-right: 0px; } /* MOBILE PRIMARY NAV */ .mobile-nav h2 a:link, .menu-list-titles a:link, footer a:link { color: #fff; text-decoration: none; } .mobile-nav h2 a:visited, .menu-list-titles a:visited { color: #fff; text-decoration: none; } .mobile-nav h2 a:hover, .menu-list-titles a:hover, footer a:hover { color: #888; } .mobile-nav h2 a:active, .menu-list-titles a:active, footer a:active { color: #fff; } .menu-sidebar-inner { padding: 5px 7px 1px; margin: 0; background-color: #fff; padding-left: 0px; float: left; width: 100%; } .mobile-nav .mobile-nav-ul { list-style: none; clear: both; width: 100%; } .mobile-nav h2 { margin: 0; padding: 0.4em 0; font-size: 1.1em; background-color: rgba(18, 19, 79, 0.8); text-indent: 12px; } .mobile-nav h2.selection { background-color: #12134f; } .mobile-nav a { display: block; text-align: left; line-height: 2; } .mobile-nav a:hover { color: white; } .mobile-nav .sub-menu-content a:hover { color: #000; } .mobile-nav .mobile-nav-content { display: none; } .mobile-nav .active .mobile-nav-content { display: block; } .menu-sidebar .mobile-nav { margin-top: 0px; text-indent: 10px; float: left; background-color: #fefefe; width: 270px; } .menu-sidebar .mobile-nav .mobile-nav-ul { margin: 0; padding: 0; } .menu-sidebar .mobile-nav .mobile-nav-ul li { list-style: none; } .menu-sidebar .mobile-nav-content li a { font-size: 0.95em; } .menu-sidebar .mobile-nav-content li:last-child { padding-bottom: 12px; } .menu-sidebar .mobile-nav-content { margin: 0; padding: 0; } .mobile-nav-ul .mobile-nav-content p { display: none; } #container .mobile-nav-content a img { width: 60px; height: auto; float: left; margin: 4px 12px 5px 0; } .menu-sidebar .mobile-nav-content h3 { margin-top: 0; margin-bottom: 6px; } .menu-sidebar .mobile-nav-content h3 a { font-size: 0.8em; line-height: 1.1; text-indent: 0; } .menu-sidebar .menu-sidebar-inner .article-meta-details { float: left; padding: 0; margin: 0; text-indent: 0px; } .menu-sidebar .article-meta-details li:first-child a { line-height: 1; padding: 0 0.5em 0 0; font-size: 1.1em; } .menu-sidebar .menu-sidebar-inner .article-meta-details li { line-height: 1; font-size: 1em; padding-bottom: 0; } .main-menu .menu-title { box-sizing: border-box; } .main-menu .menu-title:first-child a { width: 100%; } .main-menu .menu-title:first-child { font-size: 16px; text-indent: 14px; line-height: 1.3em; } /* HAMBURGER ICON */ #nav-toggle { position: relative; float: left; margin-right: 12px; top: 0px; left: 8px; cursor: pointer; padding: 10px 16px 4px 8px; } #nav-toggle span, #nav-toggle span::before, #nav-toggle span::after { position: absolute; height: 2px; width: 18px; display: block; background: #fff; content: ''; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #nav-toggle span::before { top: -5px; } #nav-toggle span::after { bottom: -5px; } #nav-toggle.active span { background-color: transparent; } #nav-toggle.active span::before, #nav-toggle.active span::after { top: 0; } #nav-toggle.active span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-toggle.active span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger-style span { margin-top: 12px; } .hamburger-style::before { content: ''; float: left; width: 26px; height: 26px; border-radius: 26px; padding: 0; margin: 0px 0 0 -4px; } .nav-branding { background-repeat: no-repeat; opacity: 1; background-size: 100%; float: none; background-position: -1px 10px; width: 210px; height: 36px; margin: 0 auto 0 auto; padding: 0; } .nav-branding.show { width: 210px; height: 36px; opacity: 1; } .no-svg .clicker4 { background-image: url(../images/site-sprite.png); } .clicker4 { background-image: url(../images/site-sprite.png); background-image: url(../images/site-sprite.svgz); background-position: -34px -574px; background-position: calc(2px + 1*-36px) calc(2px + 16*-36px); width: 36px; height: 36px; padding: 2px; margin: 3px; float: right; } .clicker4.active { background-position: 2px -574px; background-position: calc(2px + 0*-36px) calc(2px + 16*-36px); } /* MOBILE BRANDING */ .mobile-nav .sprite { float: right; padding: 3px; width: 40px; height: 36px; background-image: url("../images/site-sprite.svgz"); background-repeat: repeat; background-size: initial; cursor: pointer; } .mobile-branding.show { width: 152px; height: 36px; opacity: 1; margin: 0 auto; float: none; position: relative; top: 6px; display: block; } .no-flexbox .mobile-branding { background-image: url(../images/site-branding.png); width: 152px; height: 36px; opacity: 1; margin: 0 auto; float: none; position: relative; top: 6px; display: block; } /* USER MENU */ #rdm-below-corp-menu, #rdm-above-corp-menu, #rdm-above-user-menu, #rdm-below-user-menu { display: none; } .menu4 .user-info { padding: 10px; display: block; } .menu4 .header-tools-content { position: static; width: 100%; } .menu4.menuOn.menuPos .header-tools-content { position: static; width: 100%; visibility: visible; border: none; opacity: 1; box-shadow: none; border-radius: 0; } .menu4 .header-tools-content ul.user-menu { width: 100%; } .menu4 .header-tools-content li { padding: 0; } .menu4 .header-tools-content ul li { display: block; visibility: visible; opacity: 1; width: 100%; position: relative; background-color: #F6F6F6; border-top: 1px solid #E6E6E6; } .menu4 .header-tools-content ul li a { display: block; padding: 10px; color: #555; } .menu4.menuOn.menuPos .header-tools-content ul li:hover { background-color: #234B53; } .menu4.menuOn.menuPos .header-tools-content ul li:hover a { color: #fff; } .sign-out-user-link { border-top: 1px solid #ccc; background-color: #132E35; color: #fff; } .menu4.menuOn.menuPos .header-tools-content ul li a.sign-out-user-link { color: white; } .sign-out-user-link:hover { background-color: #5F919B; color: #eee; } .no-svg .mobile-nav .sprite { background-image: url(../images/site-sprite.png); } /* CLICKER 4 MENU ICON */ .clicker4 { display: block; } /* MANAGE ACCOUNT PAGE */ .content .tab { display: none; } .content .tab-toggle { display: block; } .subscription-content { height: auto; } .subscription-content .span_1_of_4, .subscription-content .span_2_of_4 { width: 98%; margin: 0.3em; } .subscription-content a.btn { display: inline-block; width: auto; } .system .col:nth-of-type(1) p.left { float: none; display: block; width: 100%; clear: both; } .system .col:nth-of-type(1) p.right { float: none; display: block; width: 100%; clear: both; } /*POPULAR ARTICLES */ .popular-articles .section { margin-bottom: 18px; } .popular-articles .span_1_of_4 { width: 100%; } /* HOMEPAGE COMPONENTS */ /* news */ .component-news .section.primary-news { display: inline; } .component-news .primary-news .primary-news-top, .component-news .primary-news .subsidary-news { display: inline; margin-top: 20px; } .component-news .primary-news-top { /* background-color:rgba(154,140,130,0.12); */ width: 100%; } .component-news .subsidary-news { margin-left: 0; width: 100%; } .component-news .subsidary-news-top .span-lrg_2_of_4 { margin-top: 18px; } .component-news .image-text-group-a { float: left; max-width: 47%; margin: 1.5% 0 0 1.5%; } .component-news .image-text-group-b { float: left; margin: 1.5% 0 0 4%; padding: 0; max-width: 46%; } .primary-news-top h5 { font-size: 1.6em; line-height: 1.2; } section[class^="component"].component-news .article-meta-details { position: relative; bottom: 0; margin-bottom: 6px; float: left; } /* big interview */ .component-big-interview .section { display: inline; } .component-big-interview .popular-content { display: -webkit-flex; display: flex; width: 100%; } .component-big-interview .span_2_of_4 { margin-left: 0; margin-bottom: 18px; } .interview .caption-text { padding: 3% 3%; } .interview figcaption .caption-text h5 { font-size: 1em; padding-top: 6px; padding-bottom: 0px; margin-top: 0; } /* analysis */ .component-analysis .span_4_of_4 .image-text-group-a { max-width: 56%; } .component-analysis .span_4_of_4 .image-text-group-b { max-width: 40%; } /* big question */ .component-big-question .section { display: inline; } .component-big-question .col-lrg.span-lrg_1_of_3 { width: 100%; margin: 1% 0 1% 0; } .component-big-question .span-lrg_1_of_3 > a { width: 30%; margin-left: 2%; margin-top: 10px; margin-bottom: 10px; display: block; float: left; } .component-big-question .span-lrg_1_of_3 .col-inner { width: 61%; float: left; margin-left: 2%; } .component-big-question .col-divider-big-question:after { display: none; } /* Opinion */ .component-opinion .section { display: inline; margin-bottom: 0; } .component-opinion .section article { width: 100%; margin: 15px 0 1% 1%; } .component-opinion .col-divider-opinion::before { display: none; } /* Analysis */ .component-analysis .section { display: inline; margin-bottom: 0; } .component-analysis .section article { width: 100%; margin: 15px 0 1% 1%; } .component-analysis .col-divider-analysis::before { display: none; } /* Fun mananger */ .component-fund-manager .section { display: inline; margin-bottom: 0; } .component-fund-manager .section article { width: 100%; margin: 15px 0 1% 1%; } .component-fund-manager .col-divider-fund-manager::before { display: none; } /* Video */ .component-video .section { display: block; } .component-video .section article { width: 100%; margin: 15px 0 1% 1%; } .component-video .col-divider-video:after { display: none; } .component-video .image-text-group-a { max-width: 26%; } .component-video .image-text-group-b { max-width: 70%; } /* Most read */ .component-most-read .section { display: block; } .component-most-read .span-lrg_3_of_5 { width: 98.8%; } .component-most-read .span-lrg_2_of_5 { clear: both; width: 100%; margin: 0; } /* Adverts */ .homepage-content .ad-slot, .component-most-read .ad-slot { text-align: center; float: none; clear: both; } /* Monty Top */ .homepage-monty-top .caption-text h4 a { font-size: 1em; } .homepage-monty-top .caption-text h4 { line-height: 1.1; } .homepage-monty-top .caption-text h5 a { font-size: 1em; } .homepage-monty-top .slick-slide img { margin-top: -2%; } .homepage-monty-top figure img { position: relative; min-width: 140%; min-height: 150%; object-fit: cover; overflow: hidden; left: -40%; } .homepage-monty-top figcaption .caption-text { padding: 3%; } /* Highlights*/ .component-highlights .section.group.primary-higlights { -webkit-flex-direction: column; flex-direction: column; } .component-highlights .primary-highlights-top { margin-bottom: 15px; } .component-highlights .primary-highlights-top, .component-highlights .subsidary-highlights { width: 100%; display: inline; } .component-highlights .image-text-group-a { float: left; max-width: 47%; margin: 1.5% 0 0 1.5%; } .component-highlights .image-text-group-b { float: left; margin: 1.5% 0 0 4%; padding: 0; max-width: 46%; } .component-highlights .col-divider-highlights:after, .component-highlights .subsidary-highlights .col-divider-highlights:after { content: none; } /* component news 2 */ .component-news2 .col-lrg { width: 100%; margin-left: 0; margin-bottom: 10px; } .component-news2 h6 { margin: 0 0 30px; } /* Events / hound */ .component-events .col.span_1_of_3 { width: 100%; margin-left: 0; margin-bottom: 20px; } /* Trendlines */ .component-trendlines { display: block; } .component-trendlines .trendlines-item, .component-trendlines article { background-color: #c5d0d4; background-color: transparent; padding-bottom: 0px; } .component-trendlines h6, .component-trendlines article h6 { font-size: 0.9em; } .component-trendlines h6 a:link, .component-trendlines h6 a:visited { color: #084c59; } .component-trendlines .col-inner { padding: 0 0 8px 0px; } .component-trendlines .col-lrg.span-lrg_1_of_3 { width: 100%; margin-left: 0; margin-bottom: 30px; } .component-trendlines .col-lrg.span-lrg_1_of_3 { display: block; flex: none; margin-bottom: 10px; margin-top: 6px; padding: 5px 10px 6px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 2px 9px #ccc; border-top: 1px solid #3b7c8e; } .component-trendlines .trendlines-image { display: block; float: left; width: 30%; } .component-trendlines .col-lrg.span-lrg_1_of_3 article { float: right; width: 66%; clear: none; } /* Cutting edge */ .component-cutting-edge section.group { display: inline; } .component-cutting-edge .col-lrg { width: 100%; margin-left: 0; } .component-cutting-edge article { min-height: none; } .col-divider-cutting-edge:after { content: none; } .component-cutting-edge article:last-child { border-bottom: 1px solid #dcdcdc; } /* Opinion - comment/ourtake */ .component-opinion .span-lrg_2_of_4 { width: 100%; margin-left: 0; } /* Component Statistics */ .component-statistics .col-lrg { width: 100%; } /* Most read component */ .component-list-most-read .ol { padding: 0; } /* Weekly wrap + MOST READ*/ .component-list .component-weekly-wrap, .component-list .component-list-most-read, .component-list .span-lrg_1_of_3 { width: 100%; } /* SAVED ARTICLE LISTING */ #listings-savedlist .no-saved-articles .main-top-nav { display: block; } /* VIDEO */ .video-header .content-inner { padding: 0; overflow: auto; } .video-console-sidebar { float: left; width: 100%; margin-right: 0; } .video-header .section { clear: none; } .now-playing-overlay { color: #FFF; padding: 6px; font-size: 15px; } .thumbnnail-overlay-article-link { border-top: 1px solid #FFF; margin-top: 5px; padding: 8px 2px; } .thumbnnail-overlay-article-link a { color: #FFF; font-size: 13px; } /* REFINE SEARCH */ .refine-search-options .col { width: 100%; margin: 0 0 13px 0; } .search-field-interface button.search-submit { margin: 18px 10%; width: 80%; padding: 14px 51px; box-sizing: border-box; } /* LIGHTBOX */ .lightbox-slider .slick-active .gallery-slide-caption { display: block; } /* Barrier */ .barrier .span_4_of_5 { width: 100%; } .barrier-message .group .col { width: 90%; margin: 2% 5%; } .barrier-message .barrier-msg-block.barrier-login h2 { content: ""; background-position: -7px -64px; background-repeat: no-repeat; text-indent: 22px; cursor: pointer; transition: color 0.5s ease; } .barrier-message .barrier-msg-block.barrier-login h2.active { background-position: -7px -36px; } .barrier-msg-block .barrier-login-form { display: none; transition: color 0.5s ease; } .barrier-msg-block .barrier-login-form.active { display: block; } .barrier-message .span_2_of_3 .barrier-msg-block .btn { width: 40%; float: left; } .barrier-message .barrier-msg-block.barrier-login h2 { background-image: none; text-indent: 0; } .barrier-message .barrier-msg-block.barrier-login h2::before { content: ""; float: left; /* margin-left: 8px; */ margin-top: 11px; width: 13px; height: 13px; opacity: 0.5; cursor: pointer; background-image: none; transition: color 0.5s ease, border 0.5s ease; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8.5px; border-color: #234B53 transparent transparent transparent; line-height: 0px; _border-color: #234B53 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .barrier-message .barrier-msg-block.barrier-login h2.active::before { margin-top: 8px; opacity: 1; transition: color 0.5s ease, border 0.5s ease; width: 0; height: 0; border-style: solid; border-width: 0 8px 8.5px 8px; border-color: transparent transparent #234B53 transparent; line-height: 0px; _border-color: #000000 #000000 #234B53 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } /* SYSTEM PAGES */ .content.system .span_2_of_4 { float: none; margin: auto; clear: both; width: 90%; } .content.system .col:first-child { margin-top: 3%; } .system .btn.login { clear: both; float: left; } .remember-actions-holder { margin: 0 0 3% 2%; } .password-actions-holder { margin: 0 0 2em 0; } .password-actions-holder a { display: block; width: 100%; clear: both; float: none; padding: 0; } .system h1 { margin: 0.3em 0; } .system p { margin: 1em 0; } .system .content-inner ul { padding-left: 16px; } /* AUTHOR PAGE */ .author-card-main .col:nth-of-type(1) { width: 30%; } .author-card-main .col:nth-of-type(2), .author-card-main .col:nth-of-type(3) { width: 55%; } /* Scrollup */ .scrollup-show { display: block; } /* Law firm pages */ .law-firms.alpha-list .col.span_4_of_5 { margin-top: 28px; margin-bottom: 10px; } .law-firms.alpha-list .col.span_4_of_5 .col.span_2_of_4 ul.sort { margin: 0; } .law-firms.alpha-list .col.span_4_of_5 .col.span_2_of_4 ul.sort li { margin-bottom: 10px; } /* Law firms key stats component */ .sidebar .content-hub-keystats { display: none; } .mobilekeystats { float: left; width: 100%; clear: both; display: block; box-sizing: border-box; } .mobilekeystats ul { padding-left: 28px; margin-top: 10px; } .mobilekeystats ul li { float: left; width: 45%; font-weight: 600; margin-bottom: 2px; color: #001F33; margin-right: 5%; } .mobilekeystats ul li strong { color: #313131; } /* App page temp fix */ #apppage img { width: 100%; height: auto; } /* Block quote */ blockquote { margin-left: 0; } /* More from component - after article content */ .component-more-from .span-lrg_1_of_4 { width: 48.5%; -webkit-flex-grow: 0; flex-grow: 0; } .component-more-from .span-lrg_1_of_4:nth-child(2n+1) { margin-left: 0px; } header.header-more-from { padding-bottom: 20px; } .component-more-from { padding-top: 0; } .component-more-from::before { flex: none; content: none; } .component-more-from .span-lrg_1_of_4 { margin-bottom: 10px; } /* Flex fixes */ main.content-inner.content-full-width .main-content section.group { display: -webkit-flex; display: flex; -webkit-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; } main.content-inner.content-full-width .main-content section.group::before { content: none; flex: none; } main.content-inner.content-full-width .main-content section.group .col-lrg.span-lrg_2_of_4 { display: -webkit-flex; display: flex; width: 100%; margin-left: 0; margin-bottom: 25px; } /* Latest papers - journals only component */ .journal-latest-papers ul.journal-paper-list li a, .journal-latest-papers ul.journal-paper-list li .article-meta-details { float: left; clear: both; } /* RBS request account message */ section.component-ip-user-message .col.span_2_of_4 { width: 100%; clear: both; } section.component-ip-user-message .btn.request { display: inline; margin-left: 0px; } section.component-ip-user-message #risk_ip_form_holder iframe { width: 97%; margin: 0 auto; display: none; } /* Article carousel */ .multi-article-carousel { border: 1px solid #000; padding-top: 0; margin-top: 15px; } /* ADVERTS */ #rdm-above-header { display: none !important; } body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper { display: none !important; } .rdm-above-user-menu { display: none; } .site-pushed .ad-slot-full { display: none; } /* FOOTER */ .main-footer .content-width { margin-top: 12px; margin-bottom: 12px; width: 95%; } } /**************************************************************************************************************/ /* MAIN 768 block - CORE STRUCTURE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* SMALL DEVICE SNAP DOWNS START */ /**************************************************************************************************************/ @media only screen and (max-width: 500px) { .article-page-body-content section.component-ip-user-message ul.account-access-benefits li:nth-of-type(2) p { top: 0px; } } @media only screen and (max-width: 568px) { .content-hub-listings .secondary-hub-articles { display: block; } .homepage-monty-mid h4 { font-size: 0.9em; line-height: 2; } .caption-text .quote-author { width: 85%; text-align: left; color: #fff; font-size: 1.2em; font-style: italic; margin: 0; } .caption-text .quote-author a.btn { margin: 20px 0; } .component-highlights .primary-highlights-top, .component-highlights .subsidary-highlights { width: 100%; display: block; } .component-highlights .subsidary-highlights .section { margin-bottom: 0; } .component-highlights .image-text-group-a { float: none; max-width: 100%; margin: 0; } .component-highlights .image-text-group-b { float: none; max-width: 100%; margin: 0; } /*trendlines alt layout*/ .component-trendlines .col-lrg.span-lrg_1_of_3 { display: flex; flex: 1; } .component-trendlines .trendlines-image { display: block; float: none; width: 100%; } .component-trendlines .col-lrg.span-lrg_1_of_3 article { float: none; width: 100%; clear: both; } .trendlines-item .col-inner { padding-top: 8px; } #listings.grid-view .span_4_of_4 { width: 49%; } #listings.grid-view .span_4_of_4:nth-of-type(2n+3) { margin-left: 0; } #listings.grid-view .span_4_of_4:nth-of-type(6n+4) { margin-left: 1.5%; } #listings.grid-view .span_4_of_4 .image-text-group-b { margin-left: 0; margin-top: 10px; } /* -------------- EVENTS LISTING -------------- */ .event-img { display: none; } .event-details .image-text-group-a { width: 0; } .event-details .image-text-group-b { margin: 0; max-width: 100%; } .page_events .event-details .image-text-group-a, .page_events .event-details .image-text-group-a img { display: none; } /* -------------- AUTHOR LISTING -------------- */ .author-card-main .col:nth-of-type(1) { width: 40%; padding: 2% 0 0 7%; margin: 0 0 5% 0; } .author-card-main img { float: left; width: 80%; height: 80%; margin: 0 0 0 1%; } .author-card-main .col:nth-of-type(2) { width: 45%; margin: 10% 0; } .author-card-main .col:nth-of-type(3) { width: 90%; margin: 0 0 0 7%; } .author-card-main .col:nth-of-type(4) { width: 90%; margin: 0 0 3% 5%; } p.list-title { width: 90%; margin: 0 0 0 3%; } .author-card-main ul.social-list { width: 90%; } .author-card-main ul.social-list li, .author-card-main ul.social-list li:first-child { display: inline-block; width: 40%; margin: 2% 3% 2% 0; } /* -------------- HOMEPAGE COMPONENTS -------------- */ /* news 2 */ .component-news2 .span-lrg_1_of_3 { width: 100%; margin-left: 0; margin-bottom: 14px; } .component-news2 .secondary-news-top .span-lrg_1_of_3 > a { display: block; width: 30%; float: left; margin-right: 2%; padding-top: 8px; box-sizing: border-box; } .component-news2 .secondary-news-top .span-lrg_1_of_3 > .col-inner { display: block; width: 63%; float: left; box-sizing: border-box; } /*Jobs + White papers*/ .component-jobs-footer a { width: 51%; } .component-hound-footer a { width: 51%; } .component-jobs .col.span_2_of_4, .component-hound .col.span_1_of_3 { width: 100%; margin-left: 0; margin-bottom: 35px; } /* Highlights */ .component-highlights .section.primary-highlights { display: inline; } .component-highlights .primary-highlights .primary-highlights-top, .component-highlights .primary-highlights .subsidary-highlights { display: inline; } .component-highlights .subsidary-highlights, .component-highlights .section.primary-highlights { display: inline; } .component-highlights .subsidary-highlights .col-lrg { margin-bottom: 15px; } .primary-highlights-top { display: inline; width: 100%; margin-left: 0; box-sizing: border-box; } .subsidary-highlights { display: inline; width: 100%; } .component-highlights .primary-highlights .subsidary-highlights { margin-bottom: 15px; } /* interviews */ .main-content.component-interviews-top { padding: 10px; } .component-interviews-top .picture-holder { background: #231f20; } .main-content.component-interviews-top .header-interviews { position: relative; top: -10px; left: -10px; } .interview figcaption { left: 0; width: 100%; margin-left: 0; position: static; } .interview .caption-text { padding: 3%; } .component-interviews-subsidary .group:before { content: none; } .component-interviews-subsidary .section { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .no-flexbox .component-interviews-subsidary .section { display: inline; } .component-interviews-subsidary .span-lrg_1_of_4 { width: 48.5%; margin-bottom: 10px; } .component-interviews-subsidary .span-lrg_1_of_4:nth-child(2n+3) { margin-left: 0; clear: both; } .col-divider-interviews:after { content: none; } /* Weekly wrap + MOST READ*/ .component-list .component-list-most-read, .component-list .span-lrg_1_of_3 { width: 100%; } .component-legal-voice .col-inner { padding: 0; } .component-list .component-list-most-read { margin-left: 0; } .component-list .component-list-most-read:after { content: none; } /* INDEPTH */ .component-indepth .section { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .component-indepth .col-lrg { width: 48.5%; margin-bottom: 10px; } .component-indepth .col-lrg:nth-child(2n+3) { margin-left: 0; clear: both; } /* -------------- GLOSSARY -------------- */ ul.alpha-list-nav { width: 84.5%; } .glossary-search.boxout .col.span_2_of_3 { width: 100%; } .glossary-search.boxout .col.span_1_of_3 { width: 100%; padding-top: 30px; } .glossary-sponsor-search { float: left; } .glossary-search-holder input[type=search], .glossary-search span.twitter-typeahead { width: 100%; box-sizing: border-box; } .glossary.alpha-list .col.span_4_of_5 .col.span_2_of_4 { width: 100%; margin: 0; } .glossary.alpha-list .col.span_4_of_5 .col.span_2_of_4 ul.sort { margin: 0; } .glossary.alpha-list .col.span_4_of_5 .col.span_2_of_4 ul.sort li { margin-bottom: 10px; } /* -------------- CONTENT HUB -------------- */ .content-hub-listings .primary-hub-article article { background-color: transparent; padding-bottom: 8px; } .content-hub-listings .secondary-hub-articles article .image-text-group-b h5.listings-article-title { margin-top: 0; } .content-hub-listings .primary-hub-article article .image-text-group-b .listings-article-title { margin-top: 0px; font-size: 1.4em; color: #000; margin-top: 2px; margin-bottom: 10px; font-weight: 600; line-height: 1.2; } .content-hub-listings > article.col.span_4_of_4, .content-hub-listings .secondary-hub-articles article { width: 100%; margin-left: 0; margin-bottom: 15px; } .content-hub-listings .secondary-hub-articles article .image-text-group-a { width: 32%; margin-right: 2.5%; } .content-hub-listings .secondary-hub-articles article .image-text-group-b { max-width: 64%; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-a { max-width: 32%; width: 32%; margin-right: 2.5%; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-b { margin-left: 0; max-width: 64%; } .content-hub-listings > article.col.span_4_of_4 .image-text-group-b.no-article-image { max-width: 100%; } .mobilekeystats ul li { font-weight: 600; margin-bottom: 2px; color: #001F33; float: none; clear: both; width: 100%; } /* -------------- FLEX FIXES -------------- */ .component-highlights .group:before, .component-highlights .group:after, .component-indepth .group:before, .component-indepth .group:after { content: none; } .component-indepth .section { display: block; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .component-highlights .subsidary-highlights .section { display: -webkit-flex; display: flex; -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-flex-basis: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto; position: relative; } /* -------------- SYSTEM -------------- */ .content.system .span_2_of_4 .content-inner { margin: 0; padding: 0; } } @media only screen and (max-width: 510px) { section.component-ip-user-message ul.account-access-benefits li:nth-of-type(2) p { top: 0px; } } @media only screen and (max-width: 480px) { #listings-savedlist .no-saved-articles p { display: block; } #listings-savedlist .no-saved-articles .article-tools.access-saved-articles p, #listings-savedlist .no-saved-articles .user-menu-display { width: 100%; float: none; } #listings-savedlist .no-saved-articles .user-menu-display { margin-bottom: 20px; } /* listings */ #listings-savedlist article.span_4_of_4 .image-text-group-a img { width: 100%; max-width: 100%; margin: 0px; } #listings-savedlist p { display: none; } /* listings - grid view */ #listings-savedlist.grid-view article.span_4_of_4 { width: 100%; } #listings-savedlist.grid-view .col { margin: 1% 0; } #listings-savedlist.grid-view .col:first-child { margin-left: 0; } /*LISTINGS - GRID VIEW */ #listings.grid-view .span_4_of_4 { width: 100%; margin-left: 0; } #listings.grid-view .span_4_of_4:nth-of-type(6n+4) { margin-left: 0; } #listings.grid-view .image-text-group-b { margin-left: 2.5%; } .content .tabs .box-out .col.grid-view .col.span_4_of_4:nth-of-type(2n+3), .content .tabs .box-out .col.grid-view .col.span_4_of_4:nth-of-type(3n+4) { clear: none; margin: 1% 0 1% 1.5%; } #listings-savedlist.grid-view p { display: block; } /* RELATED LISTINGS article page width */ .main-content .related-articles .span_2_of_4 img { width: 100%; } /*BARRIER */ .barrier-message .group .col { width: 96%; margin: 2% 2%; } .author-card-main ul.social-list li, .author-card-main ul.social-list li:first-child { width: 90%; float: left; } .author-card-main ul.social-list li:last-child { margin-bottom: 5%; } .account-content p.right { width: 100%; } .subscription-content { padding: 0.5em; } .user-details-content .span_3_of_4 { width: 48%; } .user-details-content .span_1_of_4 { width: 48%; } /* END OF ARTICLE AUTHOR BLOCK*/ .about-author .span_1_of_4, .about-author .span_3_of_4 { width: 100%; text-align: center; } .about-author .author-pic { margin: 0 auto; } .about-author .author-dateline li:first-child { width: 100%; } .article-col .author-dateline li:nth-of-type(2) { float: left; margin: 0 auto; } .about-author .meta-twitter { margin-left: 42%; } .article-page-body-content > ul li { margin-left: 10px; } .article-meta-container { margin-bottom: 15px; } .article-col .tools-container { margin-bottom: 5px; } .article-page-body-content { margin-top: 10px; } .article-meta-details li { margin-top: 8px; } .further-reading { margin-bottom: 20px; } .blog-ribbon .blog-branding { background-size: 78%; height: 70px; } .blog-ribbon { display: inline; display: none; /* Hidden until update is ready - check main styles Ln 6290 */ } .blog-ribbon .span_2_of_5 { width: 100%; margin-bottom: 0; } .blog-ribbon .span_3_of_5 { width: 100%; margin-top: 0; } .component-news2 h6 { margin: 0 0 25px; } /* Events listing page filter section */ .events-filter-section .span_2_of_4:nth-of-type(1), .events-filter-section .span_2_of_4:nth-of-type(2) { width: 60%; float: left; } .col.events-filter-footer { float: right; width: 35%; margin-top: -40px; } .events-filter-section .span_2_of_4:nth-of-type(1) { margin-bottom: 0px; } .events-filter-section .span_2_of_4:nth-of-type(2) { margin-top: 0px; } .events-filter-section .span_2_of_4:nth-of-type(1) .col-inner { padding-bottom: 0px; } .events-filter-section .span_2_of_4:nth-of-type(2) .col-inner { padding-left: 20px; padding-top: 0px; } .events-filter-section .span_2_of_4 { font-size: 0.95em; } .col.events-filter-footer a.btn { font-size: 0.8em; width: 70%; } } /* iPHONE LANDSCAPE */ @media screen and (min-width: 321px) and (max-width: 40.75em) { section.news-articles, section.related-articles { margin-top: 20px; } /* -------------- HOMEPAGE COMPONENTS -------------- */ /* News -------------- */ .component-news .image-text-group-a { float: none; max-width: 100%; margin: 0; } .component-news .image-text-group-b { float: none; max-width: 100%; margin: 0; padding: 8px; } .component-news2 .section { display: inline; } .component-news .primary-news h5 { font-size: 1.5em; line-height: 1.1; } .component-news .subsidary-news-top h5 { font-size: 1.2em; line-height: 1.1; margin-bottom: 10px; } .component-news .subsidary-news h6 { margin: 0 0 50px; } /* Big Interview -------------- */ .component-big-interview .section { display: inline; } .component-big-interview .popular-content { display: -webkit-flex; display: flex; width: 100%; } .component-big-interview .span_2_of_4 { margin-left: 0; margin-bottom: 18px; } /* Popular articles carousel -------------- */ .popular-articles .section { display: inline; } .popular-articles .span_1_of_4 { width: 100%; } .popular-articles .section:first-of-type .span_1_of_4 { border-top: 1px dotted #cdcdcd; } .popular-articles .col:first-child { margin: 1% 0 1% 0; } .popular-articles .col:nth-of-type(3) { margin: 1% 0 1% 0; } .popular-articles { padding: 0; } /* Analysis */ .component-analysis .span_4_of_4 .image-text-group-a { max-width: 40%; } .component-analysis .span_4_of_4 .image-text-group-b { max-width: 56%; } .component-analysis .span_4_of_4 h5 { font-size: 1.5em; } /* Quotes monty */ .homepage-monty-top .caption-text h4 { line-height: 1; font-size: 1.8em; } .homepage-monty-top .slick-slide a.btn, .homepage-monty-top .slick-slide button { margin-top: 1px; padding: 5px 15px 5px; border-radius: 15px; font-size: 0.85em; } .homepage-monty-top .caption-text h5 { line-height: 1.1; font-size: 1.2em; padding-right: 11%; } .homepage-monty-top .caption-text .meta-details { padding-right: 10px; } .homepage-monty-top figure figcaption .caption-text { bottom: initial; top: 14%; } .homepage-monty-top figure img { position: relative; min-width: 160%; min-height: 150%; object-fit: cover; overflow: hidden; left: -60%; } /* -------------- FOOTER -------------- */ ul.main-footer-nav li.menu-title { line-height: 1; width: 100%; float: left; padding: 0; } p.copyright-full { margin-left: 0; float: left; } /* -------------- Firefox alignment bug -------------- */ .related-article-holder { width: 100%; } .main-content .related-articles .span_2_of_4 { width: 46.5%; position: relative; } } /* iPHONE PORTRAIT */ @media screen and (max-width: 320px) { /* -------------- FOOTER -------------- */ ul.main-footer-nav li.menu-title { line-height: 1; width: 100%; float: left; padding: 0; } p.copyright-full { margin-left: 0; float: left; } /* -------------- HOMEPAGE COMPONENTS -------------- */ /* news -------------- */ .component-news .image-text-group-a { float: none; max-width: 100%; margin: 0; } .component-news .image-text-group-b { float: none; max-width: 100%; margin: 0; padding: 8px; } .component-news2 .section { display: inline; } .component-news .primary-news h5 { font-size: 1.5em; line-height: 1.1; } .component-news .subsidary-news-top h5 { font-size: 1.2em; line-height: 1.1; margin-bottom: 10px; } .component-news .subsidary-news h6 { margin: 0 0 50px; } /* Big question component -------------- */ .component-big-question .span-lrg_1_of_3 > a { width: 35%; } .component-big-question .span-lrg_1_of_3 .col-inner { width: 54%; margin-left: 0%; } /* Analysis component -------------- */ .component-analysis .span_4_of_4 .image-text-group-a { max-width: 100%; margin: 1% 0 1% 0; clear: both; } .component-analysis .span_4_of_4 .image-text-group-b { max-width: 100%; margin: 2% 0 1% 0; clear: both; } .component-analysis .span_4_of_4 h5 { font-size: 1.5em; } /* Quotes monty -------------- */ .homepage-monty-top .caption-text h4 { line-height: 0.8; font-size: 1.8em; } .homepage-monty-top .caption-text h4 a { line-height: 1; } .homepage-monty-top .slick-slide a.btn, .homepage-monty-top .slick-slide button { margin-top: 1px; padding: 5px 15px 5px; border-radius: 15px; font-size: 0.85em; } .homepage-monty-top .caption-text h5 { line-height: 1.1; font-size: 1.2em; padding-right: 11%; } .homepage-monty-top figure img { position: relative; min-width: 260%; min-height: 200%; object-fit: cover; overflow: hidden; left: -140%; } /* Big interview -------------- */ .component-big-interview .section { display: inline; } .component-big-interview .popular-content { display: -webkit-flex; display: flex; width: 100%; } .component-big-interview .span_2_of_4 { margin-left: 0; margin-bottom: 18px; } /* Popular articles -------------- */ .related-article-holder { width: 100%; } .article-col .author-dateline li { width: 70%; } .article-col .author-dateline li:first-child { width: 90%; } /* -------------- EVENTS PAGE -------------- */ .early-bird-banner { display: inline; margin-top: 8px; margin-left: 0; } .page_events .event-details .image-text-group-a { display: none; } .component-indepth .col-inner { padding: 4px; } /* Related articles -------------- */ section.news-articles, section.related-articles { margin-top: 20px; } .related-article-holder { width: 100%; } .main-content .related-articles .col:nth-of-type(2n+2)::before { left: -4.5%; } .main-content .related-articles .span_2_of_4 { width: 46.5%; position: relative; } .main-content .related-articles .span_2_of_4:nth-of-type(2n) { margin-left: 6%; } /* View select header -------------- */ .select-header-options { width: 30%; } } /**************************************************************************************************************/ /* SMALL DEVICE SNAP DOWNS END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* CONNIE START - Don't know where these should go , feel free to move them */ /**************************************************************************************************************/ /* ---- Events component styling ----- */ @media only screen and (max-width: 420px) { .events-component { height: 420px !important; } .book-component { padding: 15px 5px; } .book-component .book-content { width: 100%; } .book-component img { display: none; } } @media only screen and (max-width: 768px) { .events-component { display: block; background: white; height: 350px; } .events-component .event-details { display: block; float: none; width: 100%; margin-bottom: 0px; } .events-component .copy { display: block; width: 100%; } .socgen img { right: 8px; } } @media only screen and (max-width: 550px) { .socgen { height: 35px; } .socgen img { margin-top: 25px; right: 0px; width: 98%; height: auto; max-width: 400px; } .socgen .sponsor-info { left: 5px; top: 18px !important; } } @media only screen and (min-width: 550px) and (max-width: 800px) { .socgen { height: 35px; } .socgen img { margin-top: 25px; right: 10%; width: 98%; height: auto; max-width: 400px; } .socgen .sponsor-info { left: 25%; top: 18px !important; } } @media only screen and (max-width: 944px) and (min-width: 768px) { .events-component { background: white; } .events-component .copy { width: 70%; margin-left: 3%; } } /**************************************************************************************************************/ /* CONNIE END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* FALLBACKS AND OVERIDES START */ /**************************************************************************************************************/ /* ADVERTS -------------- */ @media (max-width: 976px) { body.wallpaper-visible .related-article-holder { margin-left: 0; } body.wallpaper-visible .article-meta-container { position: static; margin-left: 0; margin-bottom: 20px; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } } /* NO FLEXBOX ----------- */ .no-flexbox .component-news .section.primary-news { display: block; } .no-flexbox .component-news .subsidary-news-top, .no-flexbox .component-news .subsidary-news-second, .no-flexbox .component-news .subsidary-news-lower { display: block; } html.ie-11-flexbox .component-more-from .span-lrg_1_of_4, html.ie-11-flexbox .component-more-from .span-lrg_1_of_4 article, html.no-flexbox .component-more-from .span-lrg_1_of_4, html.no-flexbox .component-more-from .span-lrg_1_of_4 article { display: block; } /* NO JS -------------- */ html.no-js #register.main-top-register, html.no-js #follow.main-top-sociallinks { display: block !important; } html.no-js .header-search-holder, html.lt-ie9 .header-search-holder { width: 250px; } html.no-js .search-1 input[type=search]:focus { width: 175px; } html.no-js .header-search-holder { margin-top: 12px; } html.no-js .main-top-content.main-top-menu { height: 27px; width: 100%; } html.no-js .main-head-content { height: 100px; width: 100%; } html.no-js .main-top-title a { font-size: 0.8em; } html.no-js .main-top-title.main-top-tab-link a:hover, html.no-js .main-top-title.main-top-tab-panel a:hover { border-bottom: 5px solid rgba(255, 255, 255, 0.6); } html.no-js .holder { background-color: transparent; } html.no-js #conditional-navigation ul.main-menu.main-top-content { background-color: #eee; } html.no-js #conditional-navigation ul.main-menu.main-top-content li a { color: #fff; } html.no-js #conditional-navigation ul.main-menu.main-top-content li a:hover { color: #fff; } html.no-js .main-top-title { padding: 3px 10px 0 10px; line-height: 1.2; } html.no-js .main-top-title:first-child { margin-left: -0.5%; } html.no-js .main-menu .menu-title:last-child { background-color: transparent; } html.no-js .main-menu .menu-title:last-child:hover { background-color: #001f33; } html.no-js .main-top-title.main-top-register { padding: 3px 12px 0 10px; } html.no-js .main-top-tab-panel::before { content: none; } html.no-js .site-logo img.sprite.investmentweek-logo, html.no-svg .site-logo img.sprite.investmentweek-logo { background-image: url("../images/site-logo.png"); background-repeat: no-repeat; width: 285px; height: 60px; background-size: 94%; } html.no-js .scrollup { display: none; } html.no-js .clicker4 { float: right; } html.no-js .main-top-tab-panel::before { border-color: transparent; } html.no-js .homepage-monty-mid figure, html.no-js .homepage-monty-top figure { display: none; } html.no-js .homepage-monty-mid figure:first-child, html.no-js .homepage-monty-top figure:first-child { display: block; } html.no-js .law-firms-search { display: none; } html.no-js .article-sticky-tools.save-icon { pointer-events: none !important; opacity: 0.2 !important; } html.no-js .barrier-msg-block .barrier-login-form::before { content: "Javascript is required to use the site correctly. Please enable Javascript"; display: block; margin: 0 auto; font-size: 1.4em; line-height: 1.5em; color: #a92a1f; } .no-js .main-top-trial { display: block !important; } .no-js .events-filter { display: none; } @media only screen and (max-width: 768px) { html.no-js .barrier-msg-block .barrier-login-form { display: block; } html.no-js .barrier-msg-block .barrier-login-form::before { content: "Javascript is required to use the site correctly. Please enable Javascript"; display: block; margin: 0 auto; font-size: 1.4em; line-height: 1.5em; color: #a92a1f; } html.no-js .mobile-branding { background-position: -72px 0; width: 152px; height: 36px; opacity: 1; margin: 0 auto; float: none; position: relative; top: 6px; display: block; z-index: 18; } html.no-js #nav-toggle { padding: 10px 16px 10px 8px; } html.no-js .holder nav { border-bottom: 7px solid lightgrey; } html.no-js #conditional-navigation ul.main-menu.main-top-content { background-color: #234b53; display: inline-block; padding-bottom: 10px; } html.no-js #conditional-navigation nav[role="navigation"] { display: none; } html.no-js #conditional-navigation:hover, html.no-js #nav-toggle:hover ~ #conditional-navigation { display: block; float: left; } html.no-js #conditional-navigation nav:hover, html.no-js #nav-toggle:hover ~ #conditional-navigation nav { display: block; position: static; top: 46px; } html.no-js .holder { background-color: #3b7e8c; } html.no-js #conditional-navigation nav.primary-nav ul.main-menu li.menu-title { width: 100%; } html.no-js #conditional-navigation nav.primary-nav ul.main-menu li.menu-title:hover { background-color: #3b7e8c; cursor: pointer; } html.no-js .main-menu .menu-title:first-child:after { content: none; } html.no-js .main-menu .menu-title:first-child { line-height: 1.6em; margin-left: 0px; } html.no-js .clicker4 { display: none; } html.no-js .select-header-options { display: none; } html.no-js .homepage-monty-top figure { display: none; } html.no-js .homepage-monty-top figure:first-child { display: block; } } /* LEGACY -------------- */ html.no-svg .main-head .sprite, html.lt-ie9 .main-head .sprite { background-image: url("../images/site-logo-small.png"); width: 220px; height: 50px; background-size: 100%; } html.lt-ie9 .component-opinion .span-lrg_2_of_4 article { clear: both; border-bottom: none; } html.lt-ie9 .main-menu .menu-title:first-child:before { background-image: url("../images/site-sprite.png"); } html.lt-ie9 .component-highlights .col-lrg.subsidary-highlights { margin: 0% 0% 0% 3%; } html.lt-ie9 .component-more-from .span-lrg_1_of_4 { background-color: #fff; } html.no-js .select-header-options { display: none; } html.no-js .homepage-content .component-hound { display: none; } html.no-js .homepage-monty-mid { background-color: #3b7f8c; } html.no-js .main-footer .main-footer-nav a { color: #fff; } html.lt-ie9 .journal-description { height: 100%; } /* IE 789 + LEGACY DEVICES -------------------------*/ /* Menus and Panels -------------- */ .menu3 .main-menu { float: none; } .menu3.menuOn .main-menu { float: left; } html.lt-ie9 .menu3.menuOn nav.primary-nav ul.main-menu li.menu-title, html.lt-ie9 .menu3.menuOn nav.primary-nav .main-menu :last-child.menu-title { width: 100%; background-color: #f6f6f6; } html.lt-ie9 .menu3.menuOn nav.primary-nav ul.main-menu li.menu-title a, html.lt-ie9 .menu3.menuOn nav.primary-nav .main-menu :last-child.menu-title a { color: #234b53; } html.lt-ie9 .menu3.menuOn nav.primary-nav ul.main-menu li.menu-title:hover, html.lt-ie9 .menu3.menuOn nav.primary-nav .main-menu :last-child.menu-title:hover { background-color: #234b53; } html.lt-ie9 .menu3.menuOn nav.primary-nav ul.main-menu li.menu-title:hover a, html.lt-ie9 .menu3.menuOn nav.primary-nav .main-menu :last-child.menu-title:hover a { color: #fff; } html.lt-ie9 .main-top-title a { font-size: 0.7em; } html.lt-ie9 ul.menu-top-panel { margin: 0; } html.lt-ie9 .main-top-jobs .menu-top-panel input[type=text] { float: left; } /* Homepage components -------------- */ html.lt-ie9 .component-highlights .span-lrg_2_of_4, html.lt-ie9 .component-news .span-lrg_2_of_4 { width: 47%; } html.lt-ie9 .component-most-read { float: left; } /* Article page IE -------------- */ html.lt-ie9 .article-meta-container { display: block; position: static; } html.lt-ie9.svg .article-meta-container { position: absolute; } html.lt-ie9 ul.article-anchor-links { margin-left: 0; } html.lt-ie9 ul.article-anchor-links li { list-style: disc; } html.lt-ie9 .meta-twitter .contact { float: left; } html.lt-ie9 .main-menu :first-child.menu-title::before { background-image: url("../images/site-sprite.png"); } html.lt-ie9 .main-menu :first-child.menu-title::before, html.lt-ie9 .main-menu :first-child.menu-title:hover::before, .main-menu :first-child.menu-title:hover::before { display: block; opacity: 1; position: relative; } html.lt-ie9 .main-menu :first-child.menu-title::after, html.lt-ie9 .main-menu :first-child.menu-title:hover::after { display: none; } html.lt-ie9 .law-firms-search-holder input[type=text] { width: 100%; } html.lt-ie9 .meta-twitter svg { float: left; } /* Sidebar -------------- */ html.lt-ie9 .component-jobs-footer a { width: 100%; } /* Login -------------- */ html.lt-ie9 #login #inputs input, html.lt-ie9 #login_barrier #inputs input { width: 100%; } @media only screen and (max-width: 1024px) { html.lt-ie9 .holder nav.primary-nav .main-menu .menu-title:nth-child(n+6):nth-child(-n+8) { display: block !important; } } @media only screen and (max-width: 970px) { html.lt-ie9 .article-meta-container, html.svg.lt-ie9 .article-meta-container { position: static; } } @media (max-width: 786px) { html.lt-ie9 .component-more-from .span-lrg_1_of_4.clearfix { clear: both; margin-left: 0; } html.lt-ie9 .component-indepth .section { display: block; } .subsidary-highlights-second .col-lrg:first-child, html.lt-ie9 .component-indepth .section, html.lt-ie9 .component-indepth .col-lrg:nth-child(2n+3) { clear: both; } html.lt-ie9 .subsidary-highlights-top:first-child.col-lrg, html.lt-ie9 .subsidary-highlights-second:first-child.col-lrg { clear: both; } html.lt-ie9 .menu-sidebar { display: none !important; } html.lt-ie9 #nav-toggle { background-color: transparent; width: 26px; height: 22px; background-image: url("../images/site-sprite.png"); background-position: 2px -610px; padding: 10px 10px 10px 8px; } html.lt-ie9 #nav-toggle.active { background-position: -34px -970px; } html.lt-ie9 .hamburger-style::before { display: none; background-color: transparent; } html.lt-ie9 .clicker4 { float: right; } html.lt-ie9 #nav-toggle SPAN, html.lt-ie9 #nav-toggle SPAN::after, html.lt-ie9 #nav-toggle SPAN::before { display: none; } html.lt-ie9 .mobile-branding { display: block; opacity: 1; visibility: visible; background-position: -72px 0px; width: 160px; height: 36px; opacity: 1; margin: 0 auto; float: none; position: relative; top: 6px; display: block; } html.lt-ie9 .menu3, html.lt-ie9 .menu4 { height: 0; overflow: hidden; } html.lt-ie9 .menu3.menuPos, html.lt-ie9 .menu4.menuPos { height: auto; } html.lt-ie9 .holder #conditional-navigation { display: none !important; } } /**************************************************************************************************************/ /* FALLBACKS AND OVERIDES END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* PRINT START */ /**************************************************************************************************************/ .article-header img.print-branding { display: none; } @media print { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } body { color: #000; background: #fff; } h1 { color: #000; background: none; } nav, aside { display: none; } body, article { width: 98%; margin: 0; padding: 0; } .article-page-body-content p { width: 98%; } @page { margin: 2cm; } .article-header img.print-branding { margin-top: 0; margin-left: 30%; margin-bottom: 15px; padding: 0; } .article-header .print-branding { display: block; width: 252px; height: 56px; -webkit-filter: invert(100%); filter: invert(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } .article-header .col.span_1_of_5 { width: 100%; } .article-header .col.span_4_of_5 { width: 100%; } .article-header .span_1_of_5 nav { margin-top: 5px; margin-left: 0; } .article-meta-container { position: static; margin-left: 0; margin-bottom: 20px; width: 100%; } .content-inner { margin-right: 0; } .sidebar { float: left; min-width: 300px; width: 100%; margin-right: 0; } .col { display: block; float: left; margin-top: 1%; margin-right: 0px; margin-bottom: 1%; margin-left: 1.5%; color: #97b4cc; } .container, .main-content, .content-inner, .article-page-body-content { display: inline; } #loading { display: none; } .article-col { width: 100%; } .after-article-content, .main-top-nav, .main-head, .holder, .comment, .about-author, .sidebar, .news-articles, .related-articles, .content .related-links, .further-reading, .main-footer-links { display: none; } .main-footer-copyright { background: #fff; color: #000; } .main-footer .main-footer-copyright { background-color: #fff; color: #000; } .incisivemedia-footer, .incisivemedia-accreditation { width: 100%; } .accredit-text { float: left; } .accredit-text a:link, .accredit-text a:visited { color: #fff; } .accreditation-logos { background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo_dark.png"); background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo_dark.svgz"); } .journal-other-titles-full, .barrier-block .barrier-message .barrier-anonymous-user { display: none; } .popover.tour { display: none; } .main-footer { display: none; } .article-anchor-links { display: block; } .article-anchor-links ul li { color: #000; } .article-meta-container { position: static; display: inline; margin: 0; } .article-col .meta-taxonomy-list li img { display: none; } .tools-meta-outer { display: none; } .article-page-body-content .tools-container { display: none; } } /* Print page margin */ @page { margin: 2.2cm; } /* Tour */ ul.main-menu li#hover_nav ul.menu-content { top: 40px; visibility: visible !important; opacity: 1 !important; } /**************************************************************************************************************/ /* PRINT END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* SMART BANNER START */ /**************************************************************************************************************/ .smartbanner-show { margin-top: 80px; } .smartbanner-show .smartbanner { display: block; } /* -------------- DEFAULT -------------- */ .smartbanner { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 80px; line-height: 80px; font-family: 'Helvetica Neue', sans-serif; background: #f4f4f4; z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } .smartbanner-container { margin: 0 auto; white-space: nowrap; } .smartbanner-close { display: inline-block; vertical-align: middle; margin: 0 5px 0 5px; font-family: 'ArialRoundedMTBold', Arial; font-size: 20px; text-align: center; color: #888; text-decoration: none; border: 0; border-radius: 14px; -webkit-font-smoothing: subpixel-antialiased; } .smartbanner-close:active, .smartbanner-close:hover { color: #aaa; } .smartbanner-icon { display: inline-block; vertical-align: middle; width: 57px; height: 57px; margin-right: 12px; background-size: cover; border-radius: 10px; } .smartbanner-info { display: inline-block; vertical-align: middle; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; } .smartbanner-title { font-size: 13px; line-height: 18px; } .smartbanner-button { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-button:active, .smartbanner-button:hover { color: #aaa; } /* -------------- iOS -------------- */ .smartbanner-ios { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-ios .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 #fff; } .smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover { color: #aaa; } .smartbanner-ios .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-ios .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-ios .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-ios .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } /* -------------- ANDROID -------------- */ .smartbanner-android { background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7); box-shadow: inset 0 4px 0 #88B131; line-height: 82px; } .smartbanner-android .smartbanner-close { border: 0; width: 17px; height: 17px; line-height: 17px; margin-right: 7px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } .smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover { color: #eee; } .smartbanner-android .smartbanner-icon { background-color: transparent; box-shadow: none; } .smartbanner-android .smartbanner-info { color: #ccc; text-shadow: 0 1px 2px #000; } .smartbanner-android .smartbanner-title { color: #fff; font-weight: bold; } .smartbanner-android .smartbanner-button { min-width: 12%; color: #d1d1d1; padding: 0; background: none; border-radius: 0; box-shadow: 0 0 0 1px #333, 0 0 0 2px #DDDCDC; } .smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover { background: none; } .smartbanner-android .smartbanner-button-text { text-align: center; display: block; padding: 0 10px; background: #42B6C9; background: linear-gradient(to bottom, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; box-shadow: none; } .smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover { background: #2AC7E1; } /* -------------- WINDOWS -------------- */ .smartbanner-windows { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-windows .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 #fff; } .smartbanner-windows .smartbanner-close:active, .smartbanner-windows .smartbanner-close:hover { color: #aaa; } .smartbanner-windows .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-windows .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-windows .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-windows .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } /**************************************************************************************************************/ /* SMART BANNER END */ /**************************************************************************************************************/ /**************************************************************************************************************/ /* SASS FILE IMPORTS END */ /**************************************************************************************************************/ /*# sourceMappingURL=styles.css.map */