/* Theme Name: Ampersand Child Description: Ampersand Child Theme Author: S&A Communications (RS) Template: ampersand Version: 1.0.1 */ @import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); /* ---------------------- * GENERAL STYLES * ----------------------*/ /* Page formatting */ #main-content .container {max-width: 1550px; padding: 0 50px;} .vc_col-sm-9 {width: calc(100% - 315px);} .vc_col-sm-9 > .vc_column-inner {padding: 0;} /* Typography */ h1, h2, h3, h4, h5, h6 {line-height: 1.2em;} div, p, span, li, strong, em {line-height: 1.5em;} strong {font-size: inherit; font-weight: bold;} em {font-style: italic;} a {font-weight: inherit !important;} .rtecenter {text-align: center;} /* Carryover from drupal */ /* WP backend */ .wp-list-table.fixed .column-categories, .wp-list-table.fixed .column-tags {width: 9%;} /* Input fields + buttons */ input[type="text"], input[type="tel"], input[type="email"], input[type="url"], textarea, select {box-sizing: border-box; width: 100%;} select {font-family: 'Open Sans', Arial, sans-serif; font-size: 15px;} input[type="file"] {border: none; padding: 0;} form {font-size: 16px; margin-top: 20px;} form .form-section {border-top: 1px dotted #ccc; color: #194568; margin-top: 40px; padding-top: 40px !important; text-transform: uppercase;} form .form-section:first-of-type {border-top: none; margin-top: 0; padding-top: 10px !important;} form .form-field-heading {font-weight: bold; margin-bottom: 5px;} form .form-field-paragraph {margin-bottom: 5px;} form p {display: flex; flex-wrap: wrap; margin-bottom: 20px;} form p .half-field {margin-right: 10px; width: calc(50% - 10px);} form p span[data-name="headshot-1"], form p span[data-name="headshot-2"], form p span[data-name="headshot-3"] {margin-top: 20px; width: 100%;} form p br {display: none;} form p label {margin-right: 10px; width: 100%;} form .form-field-fineprint {display: block; font-size: 12px; margin-top: 5px;} form .form-footnote {background-color: #ededed; margin-bottom: 20px; padding: 20px; width: 100%;} form .formatted-form {display: flex; flex-wrap: wrap; max-width: 900px;} form .formatted-form p {width: 50%;} form .formatted-form p.full-field {width: 100%;} form .formatted-form p.select-label {font-weight: bold;} form .formatted-form p.select-label label {margin-top: 5px;} input[type="submit"] {background-color: #ed1b24; transition: 0.1s ease-in all;} input[type="submit"]:hover {background-color: #ff3940;} button {background-color: #ed1b24; border: none; color: #fff; font-size: 14px; padding: 10px 15px; text-transform: uppercase; transition: 0.1s ease-in all;} button:hover {background-color: #ff3940;} .wpcf7-spinner {display: block; margin: 10px auto 0 auto;} .wpcf7 form .wpcf7-response-output {font-size: 16px; font-weight: bold; line-height: 1.3em; margin: 0em auto 1em; max-width: 600px;} /* Pagination */ .pagination {text-align: center; width: 100%;} .pagination .nav-links .page-numbers {background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; color: #0a4764; display: inline-block; font-size: 14px; height: 30px; padding: 6px 12px; text-decoration: none; text-transform: lowercase; vertical-align: top;} .pagination .nav-links .page-numbers:hover {background-color: #eee;} .pagination .nav-links .page-numbers.current {background-color: #0a4764; border-color: #0a4764; color: #fff;} .pagination .nav-links .page-numbers.dots {border: none;} .pagination .nav-links .page-numbers.dots:hover {background-color: #fff;} .pagination .nav-links .page-numbers.prev::before {content: '‹'; margin-right: 5px;} .pagination .nav-links .page-numbers.next::after {content: '›'; margin-left: 5px;} /* Print logo */ #print-logo img {display: none; margin: 50px auto 10px; width: 50%;} /* Class: dark-bg */ .dark-bg :is(h2, div, p, strong, em, span) {color: #fff;} /* ---------------------- * HEADER + NAV STYLES * ----------------------*/ header.sticky-nav {position: sticky; top: 0;} body.logged-in header.sticky-nav {top: 32px;} .header {background-color: #194568 !important} .header > .container {align-items: center; display: flex; max-width: unset;} .header ul {margin-left: 0;} .header ul li {display: inline-block;} .header ul li a {box-sizing: border-box; color: #fff; display: inline-block; width: 100%;} .header #nav-container {display: none;} /* Logo */ .header #logo-de-header {margin: 0 20px; width: 230px;} .header #logo-de-header .container #logo-bg {background-color: transparent;} .header #logo-de-header .container #logo-bg #logo {padding: 10px 0;} .header #logo-de-header .container #logo-bg #logo a {display: block;} .header #logo-de-header .container #logo-bg #logo a img {filter: brightness(0) invert(1); width: 100%;} .header #logo-de-header .container #logo-bg #logo-tagline {display: none;} /* Top menu */ .header .ar-main-nav {width: 100%;} .header .ar-main-nav .topnav {align-items: center; background-color: #fff; display: flex; height: 50px; justify-content: space-between; padding: 0 5px;} .header .ar-main-nav .topnav a {font-size: 13px; font-weight: bold !important; padding: 5px 10px; position: relative; text-decoration: none;} .header .ar-main-nav .topnav a:hover {color: #007b95;} .header .ar-main-nav .topnav a::after {background-color: #007b95; bottom: 0; content: ''; height: 1px; left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 0; transform: scale(0); transform-origin: center; transition: opacity 300ms, transform 300ms; width: calc(100% - 18px);} .header .ar-main-nav .topnav a:hover::after {opacity: 1; transform: scale(1);} .header .ar-main-nav .topnav a.arcanada-menu-link:hover {color: #ff3940;} .header .ar-main-nav .topnav a.arcanada-menu-link::after {background-color: #ff3940;} .header .ar-main-nav .topnav a.subprime-menu-link:hover {color: #3e75b6;} .header .ar-main-nav .topnav a.subprime-menu-link::after {background-color: #3e75b6;} .header .ar-main-nav .topnav a.bhph-menu-link:hover {color: #48a35e;} .header .ar-main-nav .topnav a.bhph-menu-link::after {background-color: #48a35e;} .header .ar-main-nav .topnav a.autofinjournal-menu-link:hover {color: #7c3282;} .header .ar-main-nav .topnav a.autofinjournal-menu-link::after {background-color: #7c3282;} /* Bottom menu */ .header .ar-main-nav .bottomnav {align-items: center; display: flex; justify-content: space-between; padding: 0 5px;} .header .ar-main-nav .bottomnav .bottomnav-left {display: flex; width: calc(100% - 40px);} .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li {position: relative;} .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a {font-size: 14px; padding: 10px; text-decoration: none; transition: 0.1s ease-in all;} .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li.current-menu-item a {background-color: #007b95; color: #fff;} .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a:hover {background-color: #007b95;} .header .ar-main-nav .bottomnav .bottomnav-right {width: 20px;} .header .ar-main-nav .bottomnav .bottomnav-right i {color: #fff;} /* Bottom menu - submenu */ .header .ar-main-nav .bottomnav .nav-menu li ul {border: none;} .header .ar-main-nav .bottomnav .nav-menu li ul {background-color: #194568; left: 0; top: 8px; width: 230px; z-index: 2;} .header .ar-main-nav .bottomnav .nav-menu li ul li {max-width: unset; padding: 0; width: 100%;} .header .ar-main-nav .bottomnav .nav-menu li ul li a {line-height: 1.5em;} .header .ar-main-nav .bottomnav .nav-menu li ul .cmg-premium-menu-link a {background-color: #78a22f;} /* Bottom menu - search */ a.ar-search-icon, .close-ar-sitesearch {cursor: pointer;} #ar-sitesearch-container {display: none;} #ar-sitesearch {align-items: center; background-color: #fff; bottom: -72px; box-shadow: rgba(200, 200, 200, 0.25) 0px 10px 10px; display: flex; max-width: 800px; padding: 15px; position: absolute; right: 0; text-align: center; width: 100%;} #ar-sitesearch input {box-sizing: border-box; margin-right: 15px; width: 100%;} /* Publication menu colors */ .publication-arcanada .header {background-color: #e4151d !important;} .publication-arcanada .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a:hover {background-color: #ff3940;} .publication-subprime .header {background-color: #1e5596 !important;} .publication-subprime .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a:hover {background-color: #3e75b6;} .publication-bhph .header {background-color: #28833e !important;} .publication-bhph .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a:hover {background-color: #48a35e;} .publication-autofinjournal .header {background-color: #542358 !important;} .publication-autofinjournal .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a:hover {background-color: #7c3282;} .publication-arcanada .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li ul {background-color: #e4151d;} .publication-subprime .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li ul {background-color: #1e5596;} .publication-bhph .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li ul {background-color: #28833e;} .publication-autofinjournal .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li ul {background-color: #542358;} /* Mobile Subscribe */ .mobile-signup-container{cursor: pointer; display: none;} .mobile-signup-link {cursor: pointer; text-decoration: none;} .mobile-signup {background-color: #1163a4; border-bottom: 4px solid #03457a; color: #FFF; cursor: pointer; font-weight: bold; padding: 10px; text-align: center;} /* Member Menu Subscribe */ #member-menu-signup-link {background-color: #1163a4; color: #FFF;} /* ---------------------- * FOOTER STYLES * ----------------------*/ footer #footer-copyright {border-top: none;} footer #footer-copyright a {color: #FFF;} footer #footer-copyright .fab {background-color: #fff; border-radius: 0; color: #000; padding: 10px; width: 37px;} /* ---------------------- * MISC AD STYLES * ----------------------*/ .podcast-leaderboard-container {text-align: center; padding-bottom: 0 !important; padding-top: 30px !important;} /* Infinite sroll ads */ .scrollad > div {background-color: #f2f2f2; margin-bottom: 30px; padding: 30px 0; text-align: center;} /* Interstitial */ .wpaut-popup-and-layer-ads {z-index: 9999999999 !important;} /* --------------------------- * PUBLICATION HOMEPAGE * ---------------------------*/ /* Billboard ads */ .superleaderboard-ad, .billboard-ad {margin-top: 30px; text-align: center;} .billboard-ad {border-bottom: 1px solid #808080; padding-bottom: 30px;} .billboard-ad:not(:has(iframe)) {display: none;} /* Top news banner */ .top-news-banner.extra_promoted a {border-bottom: 1px solid #808080; border-top: 1px solid #808080; display: inline-block; font-size: 30px; font-weight: 800; margin-top: 30px; padding: 30px 0; text-decoration: none; text-transform: uppercase; width: 100%} .top-news-banner.extra_promoted a:hover {text-decoration: underline;} .top-news-banner.extra_promoted a .top-news-promoted-title {color: #e4151d; font-family: Alegreya, arial, sans-serif; font-size: 34px;} /* Main stories */ .promoted-stories-container {border-bottom: 1px solid #808080; display: flex; padding: 30px 0;} .promoted-stories-container a {margin-right: 15px; text-decoration: none; width: 25%;} .promoted-stories-container a:last-of-type {margin-right: 20px;} .promoted-stories-container a:hover {text-decoration: underline;} .promoted-stories-container a .hp-promoted-story img {height: auto; width: 100%;} .promoted-stories-container a .hp-promoted-story .main-title {font-size: 20px; line-height: 1.2em; margin: 10px 0;} .promoted-stories-container a .hp-promoted-story .main-title.premium-link::before {background-color: #78a22f; border-radius: 4px; color: #fff; content: '+'; display: inline-block; height: 20px; line-height: 1.2em; margin-right: 10px; text-align: center; width: 20px;} a premium-link::before {background-color: #78a22f; border-radius: 8px; color: #fff; content: '+'; display: inline-block; height: 33px; line-height: 1.2em; margin-right: 10px; text-align: center; width: 33px;} .promoted-stories-container a .hp-promoted-story .post-date {color: #777; font-size: 12px; font-weight: bold;} .post .post-image img {margin-top: 0;} .at-share-btn-elements {text-align: right;} .at-share-btn-elements .at-label {display: none;} /* Latest news */ .hp-top-latest-stories-container {border-left: 1px solid #000; padding-left: 15px; width: 315px;} .hp-top-latest-stories-container .hp-latest-stories-title {color: #194568; font-family: Alegreya, Arial, sans-serif; font-size: 34px; font-weight: 700; line-height: 1em; margin-bottom: 20px; text-transform: uppercase;} .hp-top-latest-stories-container .hp-latest-story {border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; padding-bottom: 20px;} .hp-top-latest-stories-container .hp-latest-story:last-of-type {border-bottom: none; margin-bottom: 0;} .hp-top-latest-stories-container .hp-latest-story a {font-size: 17px; font-weight: bold !important; line-height: 1.3em; text-decoration: none;} .hp-top-latest-stories-container .hp-latest-story a:hover {text-decoration: underline;} .hp-top-latest-stories-container .hp-latest-story a.premium-link::before {background-color: #78a22f; border-radius:5px; color: #fff; content: '+'; display: inline-block; height: 20px; line-height: 1em; margin-right: 5px; text-align: center; width: 20px;} /* Podcast row */ .podcast-row-container img {height: auto; width: 100%;} .podcast-row {display: flex;} .podcast-row .podcast-entry {font-size: 16px; line-height: 1.5em; margin-right: 15px; width: calc(33.3% - 10px);} .podcast-row .podcast-entry img {height: auto; width: 100%;} .podcast-row .podcast-entry a {display: inline-block; font-size: 20px; font-weight: bold !important; line-height: 1.2em; margin: 10px 0; text-decoration: none;} .podcast-row .podcast-entry a:hover {text-decoration: underline;} .podcast-row .podcast-entry .post-meta {line-height: 1em;} .podcast-row .podcast-entry .post-meta .post-date {color: #777; font-size: 12px; font-weight: 700; margin-bottom: 10px;} .podcast-row .podcast-entry .post-meta .post-author {margin-bottom: 10px;} .podcast-row .podcast-entry .podcast-listen-more-link {color: #337ab7; font-size: 14px; font-weight: normal !important; margin: 0;} .podcast-row .podcast-entry .podcast-listen-more-link::before {content: '[';} .podcast-row .podcast-entry .podcast-listen-more-link::after {content: ']';} /* Resource hub */ .resource-slider h2 {color: #194568; font-family: Alegreya, Arial, sans-serif; font-size: 32px; text-transform: uppercase;} body:not(.publication-ar) .resource-slider {border-bottom: 1px solid #ebebeb; border-top: none !important; padding-top: 10px !important;} /* Sub stories */ .archive .vc_col-sm-9 .vc_column-inner {padding-left: 0;} .hp-channel-stories-container {padding-right: 15px !important;} .hp-channel-stories {border-top: 1px solid #808080; display: flex; flex-wrap: wrap; margin-top: 30px; padding-top: 30px;} .hp-channel-stories:first-of-type {border-top: none; margin-top: 0; padding-top: 0;} .hp-channel-stories .hp-channel-name {margin-bottom: 20px; width: 100%;} .hp-channel-stories .hp-channel-name a {color: #194568; font-family: Alegreya, Arial, sans-serif; font-size: 34px; font-weight: 800; text-decoration: none; text-transform: uppercase;} .hp-channel-stories .hp-channel-name a:hover {color: #337ab7; text-decoration: underline;} .hp-channel-stories .hp-channel-main-stories-container {width: 70%;} .hp-channel-stories .hp-channel-main-story {align-self: flex-start; display: flex; flex-wrap: wrap;} .hp-channel-stories .hp-channel-main-story:first-of-type {border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; padding-bottom: 20px;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title {margin-bottom: 20px; width: 100%;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title a {font-size: 24px; font-weight: bold; line-height: 1.3em; text-decoration: none;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title a:hover {text-decoration: underline;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title a.premium-link::before {background-color: #78a22f; border-radius: 5px; color: #fff; content: '+'; display: inline-block; height: 29px; line-height: 1.2em; margin-right: 10px; text-align: center; width: 29px;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container {order: 2; width: calc(50% - 20px);} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .post-date {color: #777; font-size: 12px; font-weight: 700; margin-bottom: 10px;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .post-author {margin-bottom: 10px;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .post-author span {font-size: 14px; font-weight: 700; text-decoration: none;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .post-author a:hover {text-decoration: underline;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .hp-channel-main-story-excerpt {font-size: 16px; line-height: 1.5em;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .hp-channel-main-story-excerpt a {color: #337ab7; font-size: 14px; line-height: 1.5em; text-decoration: none;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container .hp-channel-main-story-excerpt a:hover {text-decoration: underline;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-image {margin-right: 20px; order: 1; width: 50%;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-image img {height: auto; width: 100%;} .hp-channel-stories .hp-channel-more-stories {margin-left: 30px; width: calc(30% - 50px);} .hp-channel-stories .hp-channel-more-stories h4 {font-size: 14px; margin: 10px 0 20px 0; text-transform: uppercase;} .hp-channel-stories .hp-channel-more-stories p {border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; padding-bottom: 20px;} .hp-channel-stories .hp-channel-more-stories p:last-of-type {border-bottom: none;} .hp-channel-stories .hp-channel-more-stories p a {font-size: 16px; line-height: 1.5em; text-decoration: none;} .hp-channel-stories .hp-channel-more-stories p a:hover {text-decoration: underline;} .hp-channel-stories .hp-channel-more-stories p a.premium-link::before {background-color: #78a22f; border-radius: 3px; color: #fff; content: '+'; display: inline-block; font-weight: bold; height: 16px; line-height: 1.2em; margin-right: 7px; text-align: center; width: 16px;} /* Sub stories - Non-AR */ .hp-channel-stories-container .podcast-row-container {border-bottom: 1px solid #ebebeb; margin-bottom: 25px; padding-bottom: 25px;} .hp-channel-stories-container .post-title a {font-size: 24px; font-weight: bold; line-height: 1.3em; text-decoration: none;} .hp-channel-stories-container .post-title a.premium-link::before {background-color: #78a22f; border-radius: 5px; color: #fff; content: '+'; display: inline-block; height: 29px; line-height: 1.2em; margin-right: 10px; text-align: center; width: 29px;} .hp-channel-stories-container .post-title a:hover {text-decoration: underline;} .hp-channel-stories-container .post-info {display: flex; flex-wrap: wrap;} .hp-channel-stories-container .post-info .post-image {margin-top: 0; width: 40%;} .hp-channel-stories-container .post-info .post-image img {margin-top: 0;} .hp-channel-stories-container .post-info .post-meta-content {margin-left: 20px; width: calc(60% - 20px);} .hp-channel-stories-container .post-info .post-meta-content .post-meta {margin-bottom: 0;} .hp-channel-stories-container .post-info .post-meta-content .post-meta .post-date {color: #777; font-size: 12px; font-weight: 700; margin-bottom: 10px;} .hp-channel-stories-container .post-info .post-meta-content .post-meta .post-author {font-size: 14px; font-weight: bold; margin-bottom: 10px;} .hp-channel-stories-container .post-info .post-meta-content .post-meta .post-author a {text-decoration: none;} .hp-channel-stories-container .post-info .post-meta-content .post-meta .post-author a:hover {text-decoration: underline;} .hp-channel-stories-container .post-info .post-meta-content .pub-archive-excerpt {font-size: 14px; line-height: 1.5em;} .hp-channel-stories-container .post-info .post-meta-content .pub-archive-excerpt a {color: #337ab7; font-size: 14px; line-height: 1.5em; text-decoration: none;} .hp-channel-stories-container .post-info .post-meta-content .pub-archive-excerpt a:hover {text-decoration: underline;} /* Sub stories - Sponsored */ .hp-channel-stories .sponsored-content-container {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .hp-channel-stories .sponsored-content-container .sponsored-content-header {background-color: #f5f1dd; display: inline-block; font-weight: bold; padding: 2px 5px; text-transform: uppercase;} .hp-channel-stories .sponsored-content-container .sponsored-author {font-size: 14px; font-weight: bold;} /* Sub stories - whitepapers */ .psac-post-carousel-content .psac-post-image-bg {height: 200px !important;} .psac-post-carousel-content .psac-post-title {line-height: 0.8em !important;} .psac-post-carousel-content .psac-post-title a {font-size: 16px;} .psac-post-carousel-content .psac-post-short-content {font-size: 16px;} .psac-post-carousel-content .psac-readmorebtn {background-color: #194568; font-weight: bold !important; text-transform: uppercase; transition: 0.1s ease-in all;} .psac-post-carousel-content .psac-readmorebtn:hover {background-color: #1163a4;} /* --------------------------- * STORY PAGE * ---------------------------*/ .post .post-info .post-title {font-size: 40px; line-height: 1.3em; margin-bottom: 20px;} .post .post-image img {max-width: 100%; display: block; margin: 0 auto; width: auto;} .post .post-info .post-image-caption {margin-bottom: 40px; text-align: center;} .post .post-info .post-image-caption p {color: #888; font-size: 14px; font-weight: bold; text-align: center;} .post .post-info .publication-meta-share-container {display: flex;} .post .post-info .publication-meta-share-container .post-meta {margin-bottom: 10px; width: 50%;} .post .post-info .publication-meta-share-container .post-meta .post-date {color: #888; font-size: 14px; margin-bottom: 10px;} .post .post-info .publication-meta-share-container .post-meta .post-author::before {content: 'By '; font-size: 14px; font-weight: bold;} .post .post-info .publication-meta-share-container .post-meta .post-author a, .post .post-info .publication-meta-share-container .post-meta .post-author span {font-size: 14px; font-weight: bold;} .post .post-info .publication-meta-share-container .addtoany_shortcode {margin-bottom: 10px; text-align: right; width: 50%;} .post .post-info .premium_content_label {color: #78a22f; display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;} .post .post-image {max-height: unset;} .post .post-content .post-content-location {float: left; font-size: 16px; font-weight: bold; line-height: 1.5em; margin-right: 5px;} .post .post-content h3 {font-size: 22px; padding: 10px 0 5px;} /*.post .post-content .post-content-location::after {content: ' - ';}*/ .post .post-content .premium-message {border-top: 1px solid #eee; display: flex; flex-wrap: wrap;} .post .post-content .premium-message h4 {font-size: 18px; font-weight: normal; margin-top: 20px; text-align: center; width: 100%;} .post .post-content .premium-message .premium-message-subscription-options {margin-right: 1%; text-align: center; width: 49%;} .post .post-content .premium-message .premium-message-subscription-options a {background-color: #78a22f; border: 1px solid #78a22f; box-sizing: border-box; color: #fff; display: block; font-size: 14px; padding: 10px; text-decoration: none; transition: 0.1s ease-in all; width: 100%;} .post .post-content .premium-message .premium-message-subscription-options a:hover {background-color: #597e38; border-color: #597e38;} .post .post-content .premium-message .premium-message-sign-in {margin-left: 1%; text-align: center; width: 49%;} .post .post-content .premium-message .premium-message-sign-in a {border: 1px solid #ccc; box-sizing: border-box; display: block; font-size: 14px; padding: 10px; text-decoration: none; transition: 0.1s ease-in all; width: 100%;} .post .post-content .premium-message .premium-message-sign-in a:hover {background-color: #007b95; border-color: #007b95; color: #fff;} .post .post-content .mepr-login-form-wrap {display: none;} /* Infinite scroll */ #main-content .alm-listing {padding-right: 40px;} #main-content .alm-listing .alm-item {padding-left: 320px;} #main-content .alm-listing .alm-item img {height: auto; max-width: none;} /* Incontent ad */ .desktop-incontent-ad {float: left;} .incontent-ad:has(iframe) {display: inline-block; margin: 0 15px 15px 0;} .incontent-ad:has(iframe)::before {content: "ADVERTISEMENT"; text-align: center; font-size: 12px; color: #333; display: block; margin-bottom: 5px;} .mobile-incontent-ad {display: none;} /* Content blocking */ .ar-content-blocking-overlay.container {background-color: #ededed; padding: 30px 30px 10px 30px; text-align: center;} /* Email signup */ #top-story-signup {align-items: center; background-color: #ffedee; margin-bottom: 15px; padding: 15px;} #top-story-signup #top-story-signup-content {font-size: 20px; font-weight: bold;} #top-story-signup #top-story-signup-form form {display: flex; margin-top: 10px;} #top-story-signup #top-story-signup-form form input {margin: 0;} #top-story-signup #top-story-signup-form .legal-disclosure a {font-size: inherit;} #incontent-signup {border-bottom: 1px solid #808080; border-top: 1px solid #808080; clear: both; margin: 30px 0; padding: 30px 0;} #incontent-signup h2 {font-size: 20px;} #incontent-signup form {display: flex; margin-top: 10px;} #incontent-signup form input {margin: 0;} #incontent-signup form button {min-width: 150px;} #incontent-signup .legal-disclosure a {font-size: inherit;} #end-story-signup {background-color: #ffedee; padding: 20px;} #end-story-signup #end-story-signup-content {font-size: 20px; font-weight: bold;} #end-story-signup a {background-color: #ed1b24; color: #fff; display: inline-block; font-size: 14px; margin-top: 15px; padding: 10px 15px; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in all;} #end-story-signup a:hover {background-color: #ff3940;} /* --------------------------- * STORY PAGE - SIDEBAR STYLES * ---------------------------*/ .archive #post-sidebar.vc_col-sm-3 .vc_column-inner {padding-right: 0;} #post-sidebar {border-left: 1px solid #808080; width: 315px;} #post-sidebar .vc_column-inner {background-color: #fff; padding-top: 0;} #post-sidebar .vc_column-inner > div {border-top: 1px solid #808080; padding: 20px 0;} #post-sidebar .vc_column-inner > div:has(div[id^="gpt-ad-"]):not(:has(iframe)) {display: none;} #post-sidebar .vc_column-inner div:first-of-type {border-top: none; padding-top: 0;} #post-sidebar .vc_column-inner div img {width: 100%;} /* Email signup */ #sidebar-signup h2 {color: #ed1b24; font-size: 22px;} #sidebar-signup :is(input[type="email"], label) {display: inline-block; margin-bottom: 15px;} #sidebar-signup .legal-disclosure a {font-size: inherit;} #sidebar-signup button {width: 100%;} /* --------------------------- * SEARCH STYLES * ---------------------------*/ /* Sidebar filter */ #search-filter-form-65277 .sf-field-search[data-sf-field-name='search'] {display: none;} .searchandfilter ul {margin-left: 0;} .searchandfilter ul li {padding-bottom: 0;} .searchandfilter ul li h4 {background-color: #1b4468; color: #fff; line-height: 1em; padding: 10px;} .searchandfilter ul li label {border: 1px solid #ccc; padding: 10px;} .searchandfilter ul li label div {width: 100%;} .searchandfilter ul li .sf_date_field {border: 1px solid #ccc; padding: 10px;} .searchandfilter ul li .sf_date_field .sf-date-prefix {display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-transform: uppercase;} .searchandfilter ul li .sf_date_field label {border: none; padding: 0; width: 100%;} .searchandfilter ul li .sf_date_field label input {width: 100%;} .searchandfilter ul li input[type="submit"] {width: 100%;} /* ---------------------------------- * SUBSCRIBE TO MAGAZINE FORM STYLES * ----------------------------------*/ #subscribe-modal-webform-container #modal-form-supertitle {font-family: Alegreya, sans-serif; font-size: 22px; padding: 5px 10px;} #subscribe-modal-webform-container #modal-form-title {font-family: Alegreya, sans-serif; font-size: 22px; font-weight: bold; text-align: center;} #subscribe-modal-webform-container input {font-size: 14px; margin-bottom: 15px; width: 100%;} #subscribe-modal-webform-container .form-disabled input {background-color: #e9e9ed;} #subscribe-modal-webform-container .form-disabled .help-block {color: #777; font-size: 12px; margin-bottom: 15px; margin-top: -10px;} #subscribe-modal-webform-container select {background-color: #fff; font-size: 14px; margin-bottom: 15px; width: 100%;} #subscribe-modal-webform-container input[type="checkbox"] {margin-bottom: 5px; margin-right: 10px; width: auto;} #subscribe-modal-webform-container .form-item-consent {margin-bottom: 15px;} #subscribe-modal-webform-container button {background-color: #ed1b24; border: none; color: #fff; display: block; font-size: 14px; margin: 0 auto; padding: 10px 15px;} #subscribe-modal-webform-container button:hover {background-color: #ff3940;} /* ------------------------------------- * SUBSCRIBE TO NEWSLETTER FORM STYLES * -------------------------------------*/ #newsletters-modal-webform .newsletter-publication-descrip {font-family: Alegreya, sans-serif; font-size: 20px; font-weight: bold;} #newsletters-modal-webform label {display: inline-block; width: 100%;} #newsletters-modal-webform label span {font-size: 14px; font-weight: bold;} #newsletters-modal-webform label .modal-newsletter-description {font-size: 14px; margin-bottom: 0; padding-left: 31px;} #newsletters-modal-webform label .modal-newsletter-time {font-size: 14px; font-style: italic; padding-left: 31px;} #newsletters-modal-webform #other-newsletter-publications-title a {font-size: 14px; font-weight: bold;} #newsletters-modal-webform .closed #other-newsletter-publications-title a::before {content: "+"; padding-right: 10px;} #newsletters-modal-webform .open #other-newsletter-publications-title a::before {content: "\2013"; padding-right: 10px;} #newsletters-modal-webform select {margin-top: 0 !important;} #newsletters-modal-webform label[style="font-size: 12px;"] a {font-size: 12px;} #newsletters-modal-webform button {margin-top: 30px;} /* ---------------------------------- * MANAGE SUBSCRIPTION FORM STYLES * ----------------------------------*/ #manage-subscriptions-container {margin-right: 15px;} #manage-subscriptions-container h2 {margin-bottom: 20px;} #manage-subscriptions-container input {display: block; margin: 5px 0 15px 0; min-width: 350px;} #manage-subscriptions-container button {background-color: #ed1b24; border: none; color: #fff; display: block; font-size: 14px; letter-spacing: 1px; padding: 10px 15px; text-transform: uppercase;} #manage-subscriptions-container button:hover {background-color: #ff3940;} #manage-subscriptions-container #manage-subscriptions-contact-information {border: 1px solid #ddd; margin-bottom: 30px;} #manage-subscriptions-container #manage-subscriptions-contact-information h3 {background-color: #f5f5f5; border-bottom: 1px solid #ddd; padding: 10px 15px;} #manage-subscriptions-container #manage-subscriptions-contact-information .manage-subscription-contact-field {padding: 10px 15px 0 15px;} #manage-subscriptions-container #manage-subscriptions-contact-information .manage-subscription-contact-field input {width: 100%;} #manage-subscriptions-container #manage-subscriptions-contact-information .manage-subscription-contact-field input[readonly="readonly"] {background-color: #e9e9ed;} #manage-subscriptions-container #manage-subscriptions-options {border: 1px solid #ddd; margin-bottom: 30px;} #manage-subscriptions-container #manage-subscriptions-options h3 {background-color: #f5f5f5; border-bottom: 1px solid #ddd; padding: 10px 15px;} #manage-subscriptions-container #manage-subscriptions-options #manage-subscriptions-option {line-height: 1.5em; padding: 10px 15px;} #manage-subscriptions-container #manage-subscriptions-options #manage-subscriptions-option input {display: inline-block; margin: 0 5px 0px 0; min-width: auto;} #manage-subscriptions-container #manage-subscriptions-options #manage-subscriptions-option .sub-option {font-weight: bold;} #manage-subscriptions-container button[type="submit"] {background-color: #28833e; border: none; display: inline-block; margin-right: 20px; min-width: 150px;} #manage-subscriptions-container button[type="submit"]:hover {background-color: #48a35e;} #manage-subscriptions-container button[type="submit"]:last-of-type {background-color: #fff; border: 1px solid #ccc; color: #333;} #manage-subscriptions-container button[type="submit"]:last-of-type:hover {background-color: #e6e6e6;} /* ---------------------------------- * WEBINARS STYLES * ----------------------------------*/ .post-type-archive-webinar .archive-container {display: flex; flex-wrap: wrap;} .post-type-archive-webinar .archive-container .webinar-entry-container {font-size: 14px; margin: 0 30px 40px 0; width: calc(33.3% - 20px);} .post-type-archive-webinar .archive-container .webinar-entry-container:nth-child(3n+3) {margin-right: 0;} .post-type-archive-webinar .archive-container .webinar-entry-container img {border: 1px solid #ccc; display: block; height: auto; margin: 0 auto; max-height: 220px; width: 100%;} .post-type-archive-webinar .archive-container .webinar-entry-container h1 {font-size: 18px; line-height: 1.3em; margin: 10px 0 5px 0;} .post-type-archive-webinar .archive-container .webinar-entry-container p {font-size: 14px;} /* ---------------------------- * PODCAST STYLES * ----------------------------*/ /* Archive */ .page-template-page-podcast .podcast-hero-section {background-color: transparent; padding: 0;} .page-template-page-podcast .podcast-hero-section .latest-episode-info .latest-episode-thumbnail {display: none;} .page-template-page-podcast .podcast-content-section {padding: 0;} .page-template-page-podcast .podcast-content-section #episodes-title {margin-bottom: 0;} .page-template-page-podcast .podcast-content-section #episodes-container {margin-top: 0;} .page-template-page-podcast .podcast-content-section #episodes-container #episodes-count-bottom {display: none;} .page-template-page-podcast .podcast-content-section :is(.podcast-search-sidebar, .podcast-recommendation-sidebar) {background-color: transparent; border-radius: 0; padding: 0;} .page-template-page-podcast .podcast-content-section .recommendation-form-sidebar .wpcf7 input[type="submit"] {text-transform: capitalize;} .page-template-page-podcast .podcast-content-section .podcast-pagination .page-numbers {background-color: #194568; color: #fff;} .page-template-page-podcast .podcast-content-section .podcast-pagination .dots {background-color: transparent; color: #333;} .page-template-page-podcast .podcast-content-section .podcast-pagination :is(.page-numbers:hover, .page-numbers.current) {background-color: #ff6b00;} .page-template-page-podcast .popular-episodes-section {padding: 0;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta {align-items: flex-start;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-date {width: 100px;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-popularity {flex-wrap: wrap; width: calc(100% - 100px);} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-popularity .popularity-flames {margin-top: -3px; width: 100%;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-popularity .popularity-label {margin-left: 4px;} /* Single */ .single-soundcloud_feed .episode-link a {background-color: #ff6b00; border-radius: 4px; color: #fff; display: inline-block; font-size: 14px; font-weight: bold !important; margin-bottom: 15px; padding: 12px 20px; text-decoration: none; transition: 0.1s ease-in all;} .single-soundcloud_feed .episode-link a:hover {background-color: #e55a00;} .single-soundcloud_feed .podcast-sidebar .all-episodes .btn-block {background-color: #ff6b00; box-sizing: border-box; font-size: 14px; font-weight: bold !important; transition: 0.1s ease-in all;} .single-soundcloud_feed .podcast-sidebar .all-episodes .btn-block:hover {background-color: #e55a00;} /* ---------------------------- * WHITEPAPER STYLES * ----------------------------*/ .single-whitepapers .whitepaper-post {display: flex; flex-wrap: wrap;} .single-whitepapers .whitepaper-post :is(.post-title, .whitepaper-access-form-container) {width: 100%;} .single-whitepapers .whitepaper-post .post-image {margin: 0 15px 15px 0; width: 33.3332%;} .single-whitepapers .whitepaper-post .post-content {width: calc(66.6667% - 15px);} /* Whitepaper Download Page Styles */ .whitepaper-download-container {display: flex; margin: 40px 0;} .whitepaper-download-container .whitepaper-download-thumbnail {margin-right: 20px;} .whitepaper-download-container .whitepaper-download-thumbnail img {height: auto; max-width: 300px;} .whitepaper-download-container .whitepaper-download-link a {background-color: #ed1b24; box-sizing: border-box; color: #fff; display: inline-block; margin-bottom: 10px; padding: 10px 15px; position: relative; text-decoration: none; transition: 0.1s ease-in all;} .whitepaper-download-container .whitepaper-download-link a:hover {background-color: #ff3940;} /* ---------------------- * CONTACT US STYLES * ----------------------*/ /* Staff listing */ .staff-row h3 {color: #194568; font-family: Alegreya, Arial, sans-serif; line-height: 1.3em; text-transform: uppercase;} .staff-row p, .staff-row p strong, .staff-row p a {line-height: 1.5em;} .staff-row p strong {display: inline-block; margin-bottom: 10px;} /* ---------------------------- * SUBSCRIPTION OPTIONS STYLES * ----------------------------*/ /* DELETE #cmg-premium h2 {font-size: 30px; font-weight: normal; line-height: 1.3em; margin-bottom: 30px;} #cmg-premium .vc_single_image-wrapper {margin-bottom: 30px; max-width: 930px;} #cmg-premium #cmg-benefits {margin-bottom: 30px;} #cmg-premium #cmg-benefits strong {font-size: 18px;} #cmg-premium #cmg-benefits ul li {font-size: 18px; line-height: 1.5em; list-style-type: none;} #cmg-premium #cmg-benefits ul li::before {border-color: transparent #7da53f; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; content: ''; display: block; height: 0; left: -1em; position: relative; top: 1.1em; width: 0;} #cmg-premium #cmg-membership-type {margin-bottom: 30px;} #cmg-premium #cmg-membership-type #cmg-intro-offer {border-bottom: 90px solid transparent; border-left: 90px solid #ed1b24; border-right: 90px solid transparent; height: 90px; left: 15px; position: absolute; top: 0; width: 90px; z-index: 2;} #cmg-premium #cmg-membership-type #cmg-intro-offer p {font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 26px 0 0 -96px; position: absolute; text-align: center; text-transform: uppercase; transform: rotate(315deg); -webkit-transform: rotate(315deg); width: 10px; z-index: 3;} #cmg-premium #cmg-membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper {background-color: #7da53f; padding-top: 20px;} #cmg-premium #cmg-membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h3 {color: #fff; font-size: 24px; line-height: 1.3em; padding: 0 20px; text-transform: uppercase;} #cmg-premium #cmg-membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper p {color: #fff; padding: 0 20px; text-align: center;} #cmg-premium #cmg-membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper strong {color: #fff; font-size: 20px; padding: 0 20px;} #cmg-premium #cmg-membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h4 {background-color: #597e38; color: #fff; font-size: 20px; font-weight: normal; line-height: 1.3em; margin-top: 20px; padding: 20px; text-transform: uppercase;} #cmg-premium .vc_btn3.vc_btn3-color-grey {background-color: #597e38; color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase;} #cmg-premium .vc_btn3.vc_btn3-color-grey:hover {background-color: #7da53f;} #cmg-premium .vc_tta-tabs-list {border-bottom: 1px solid #000;} #cmg-premium .vc_tta-tabs-list .vc_tta-tab {border: 1px solid #000; margin: 0 8px -1px 0; text-transform: uppercase;} #cmg-premium .vc_tta-tabs-list .vc_tta-tab a {background-color: #fff; color: #7da53f;} #cmg-premium .vc_tta-tabs-list .vc_tta-tab a:hover {background-color: #eee;} #cmg-premium .vc_tta-tabs-list .vc_tta-tab.vc_active {border-color: #7da53f;} #cmg-premium .vc_tta-tabs-list .vc_tta-tab.vc_active a {background-color: #7da53f; color: #fff;} */ /* New CMG premium (delete old styling) */ #premium-heading::after {background-color: rgba(0,0,0,0.2); content: ''; height: 100%; position: absolute; width: 100%;} #premium-heading h2 {bottom: 0; color: #fff; font-size: 30px; height: fit-content; left: 0; margin: auto; padding: 20px; position: absolute; right: 0; text-align: center; text-shadow: 1px 1px 3px #000; top: 50%; transform: translateY(-60%); width: fit-content; z-index: 2;} #premium-heading h2 span {color: #c1f670; font-family: "Oswald"; font-size: 50px;} #premium-hero {overflow: visible; padding-top: 35px;} #premium-hero h2 {color: #fff;} #membership-type {margin-bottom: 70px; margin-top: -150px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper {background-color: #fff; border: 2px solid #000;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper #intro-offer {border-bottom: 90px solid transparent; border-left: 90px solid #ed1b24; border-right: 90px solid transparent; height: 90px; left: 15px; position: absolute; top: 0; width: 90px; z-index: 2;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper #intro-offer p {color: #fff; font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 26px 0 0 -116px; position: absolute; text-align: center; text-transform: uppercase; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 10px; z-index: 3;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h3 {background-color: #7da53f; color: #fff; font-size: 24px; padding: 10px 20px; text-transform: uppercase;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper p {padding: 0 40px; text-align: center;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper p strong {font-size: 30px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h4 {font-size: 20px; margin-top: 20px; text-transform: uppercase;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper .vc_btn3-container .vc_general {background-color: #7da53f; color: #fff; font-weight: bold !important; text-transform: uppercase;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper .vc_btn3-container .vc_general:hover {background-color: #597e38;} #premium-included {padding-bottom: 35px;} #premium-included h3 {margin-top: 10px; text-transform: uppercase;} #premium-articles {padding-bottom: 35px; padding-top: 35px;} #premium-articles .wpb_text_column .wpb_wrapper > p {font-size: 20px;} #premium-articles .premium-story-column {background-color: #fff; border: 2px solid #000; border-radius: 0;} #premium-articles .premium-story-column p {color: #000;} #premium-articles .premium-story-column .premium-story-link {background-color: #7da53f; border-radius: 0; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: 0.1s ease-in all; width: fit-content;} #premium-articles .premium-story-column .premium-story-link:hover {background-color: #597e38;} .top-premium-stories {margin: 20px 0;} .top-premium-stories .premium-stories-row {display: flex; flex-wrap: wrap; gap: 20px;} .top-premium-stories .premium-stories-row .premium-story-column {border: 1px solid #ddd; border-radius: 5px; display: flex; flex: 1; flex-direction: column; min-width: 300px; padding: 15px; } .top-premium-stories .premium-stories-row .premium-story-column .premium-story-thumbnail {margin-bottom: 15px;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-thumbnail img {border-radius: 3px; height: auto; width: 100%;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-content {display: flex; flex-direction: column; flex-grow: 1;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-content .premium-story-title {font-size: 1.2em; line-height: 1.3; margin: 0 0 10px 0;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-content .premium-story-excerpt {color: #666; flex-grow: 1; line-height: 1.5; margin-bottom: 15px;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-content .premium-story-link {background-color: #0073aa; border-radius: 3px; color: white; display: inline-block; font-weight: bold; padding: 8px 16px; text-decoration: none;} .top-premium-stories .premium-stories-row .premium-story-column .premium-story-content .premium-story-link:hover {background-color: #005a87; color: white;} @media (max-width: 768px) { .premium-stories-row {flex-direction: column;} .premium-story-column {min-width: unset;} } /* Subsription thank you page */ .premium-thankyou h1 {text-align: center;} .premium-thankyou .selling-points {margin: 40px auto; max-width: 900px;} .premium-thankyou .selling-points ul li {font-size: 18px; line-height: 1.5em; list-style-type: none;} .premium-thankyou .selling-points ul li::before {border-color: transparent #7da53f; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; content: ''; display: block; height: 0; left: -1em; position: relative; top: 1.1em; width: 0;} .premium-thankyou .vc_col-sm-6:first-of-type .wpb_wrapper {text-align: right;} .premium-thankyou .vc_col-sm-6 .wpb_wrapper .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {background-color: #7da53f; border: 1px solid #7da53f;; color: #fff; min-width: 250px;} .premium-thankyou .vc_col-sm-6 .wpb_wrapper .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {background-color: #fff; color: #7da53f;} /* ---------------------------- * ACCOUNT STYLES * ----------------------------*/ .mp_wrapper:last-of-type, .mp_login_form {margin-bottom: 40px;} /* Singup form */ .mepr-signup-form .mepr_price {display: none;} /* Nav */ .mp_wrapper #mepr-account-nav {border-bottom: 1px solid #000; margin: 30px 0; padding-bottom: 13px;} .mp_wrapper #mepr-account-nav .mepr-nav-item a {border: 1px solid #000; color: #7da53f; padding: 10px 15px; text-decoration: none; text-transform: uppercase;} .mp_wrapper #mepr-account-nav .mepr-nav-item a:hover {background-color: #eee;} .mp_wrapper #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {background-color: #7da53f; border-color: #7da53f; color: #fff;} .mp_wrapper #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a:hover {background-color: #7da53f;} /* Home */ .mp_wrapper #mepr-account-welcome-message {text-align: center;} .mp_wrapper #mepr-account-welcome-message p {font-size: 24px;} .mp_wrapper .mp-form-row .mepr-form-input {margin-bottom: 15px; margin-top: 5px;} .mp_wrapper .mepr-share-button {background-color: #7da53f; border-color: #7da53f; color: #fff; transition: 0.1s ease-in all; cursor: pointer;} .mp_wrapper .mepr-share-button:hover {background-color: #fff; color: #7da53f;} /* General Premium Button */ .premium-btn {background-color: #7da53f; border-color: #7da53f; color: #fff; transition: 0.1s ease-in all; cursor: pointer; display: inline-block; margin: 5px 0 15px; text-decoration: none; padding: 10px 15px;} /* Subscriptions */ .mepr-no-active-subscriptions {margin-bottom: 40px;} /* Payments */ .mp-no-subs {margin-bottom: 40px;} /* Login */ #mepr_loginform {margin-top: 30px;} #mepr_loginform input {margin-bottom: 15px; margin-top: 5px;} #mepr_loginform input[type="checkbox"] {margin: 3px;} #mepr_loginform input[type="submit"] {margin: 0;} /* ---------------------- * NOMINATIONS STYLES * ----------------------*/ #nominations-heading {margin-bottom: 40px; margin-top: 40px; text-align: center;} #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper {align-items: center; display: flex;} #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper .wpb_single_image {margin-right: 40px;} #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper .wpb_single_image img {max-width: 430px;} #nom-ucw-heading, #nom-arc-heading {height: 150px;} #nom-ucw-heading {background-color: #1d2c53;} #nom-ucw-heading img {max-height: 90px; width: auto;} #nom-arc-heading {background-color: #010101;} #nom-arc-heading img {max-height: 60px; width: auto;} .nom-logos .vc_col-sm-6 {border-right: 1px solid #000;} .nom-logos .vc_single_image-wrapper {align-items: center; border: 1px solid #ccc; display: flex; height: 150px; justify-content: center; margin: 20px auto; padding: 10px; width: 220px;} .nom-logos .vc_single_image-wrapper img {max-height: 100%; width: auto;} .nom-logos .wpb_text_column {height: 46px; margin: 0 auto 20px auto !important; text-align: center; width: 220px;} .nom-logos .wpb_text_column p {font-size: 14px; font-weight: bold; text-transform: uppercase;} .nom-logos .ubtn-ctn-center {margin-bottom: 20px;} .nom-logos .ubtn-ctn-center button {border-radius: 5px; color: #fff !important; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase;} .nom-logos .ubtn-ctn-center button .ubtn-text {left: 0; transition: 0.2s ease-in all;} .nom-logos .ubtn-ctn-center button:hover .ubtn-text {left: -10px;} .nom-logos .ubtn-ctn-center button i.Defaults-chevron-right {font-size: 16px !important;} #nom-ucw-logos .ubtn-ctn-center button {background-color: #1d2c53 !important;} #nom-ucw-logos .ubtn-ctn-center button i.Defaults-chevron-right {color: #a9e1fa;} #nom-arc-logos .ubtn-ctn-center button {background-color: #010101 !important;} #nom-arc-logos .ubtn-ctn-center button i.Defaults-chevron-right {color: #ea2225;} /* ---------------------------- * LOADER STYLES * ----------------------------*/ .lds-spinner {color: official; display: block; height: 80px; margin: 16px auto; position: relative; width: 80px;} .lds-spinner div {animation: lds-spinner 1.2s linear infinite; transform-origin: 40px 40px;} .lds-spinner div:after {background: #194568; border-radius: 20%; content: " "; display: block; height: 18px; left: 37px; position: absolute; top: 3px; width: 6px;} .lds-spinner div:nth-child(1) {animation-delay: -1.1s; transform: rotate(0deg);} .lds-spinner div:nth-child(2) {animation-delay: -1s; transform: rotate(30deg);} .lds-spinner div:nth-child(3) {animation-delay: -0.9s; transform: rotate(60deg);} .lds-spinner div:nth-child(4) {animation-delay: -0.8s; transform: rotate(90deg);} .lds-spinner div:nth-child(5) {animation-delay: -0.7s; transform: rotate(120deg);} .lds-spinner div:nth-child(6) {animation-delay: -0.6s; transform: rotate(150deg);} .lds-spinner div:nth-child(7) {animation-delay: -0.5s; transform: rotate(180deg);} .lds-spinner div:nth-child(8) {animation-delay: -0.4s; transform: rotate(210deg);} .lds-spinner div:nth-child(9) {animation-delay: -0.3s; transform: rotate(240deg);} .lds-spinner div:nth-child(10) {animation-delay: -0.2s; transform: rotate(270deg);} .lds-spinner div:nth-child(11) {animation-delay: -0.1s; transform: rotate(300deg);} .lds-spinner div:nth-child(12) {animation-delay: 0s; transform: rotate(330deg);} @keyframes lds-spinner { 0% {opacity: 1;} 100% {opacity: 0;} } /* ---------------------------------- * RESPONSIVE STYLES * ----------------------------------*/ @media only screen and (max-width: 1221px) { /* Page formatting */ /* html, body {overflow-x: hidden !important;} */ html {overflow-x: hidden !important;} #main-content > .container {padding: 0 15px;} /* Typography */ .podcast-row :is(.podcast-entry, .podcast-entry .podcast-listen-more-link), .hp-channel-stories :is(.hp-channel-main-story .hp-channel-main-container .hp-channel-main-story-excerpt, .hp-channel-more-stories p a), .psac-post-carousel-content :is(.psac-post-title a, .psac-post-short-content) {font-size: 14px;} .promoted-stories-container a .hp-promoted-story .main-title, .hp-top-latest-stories-container .hp-latest-story a, .podcast-row .podcast-entry a {font-size: 17px;} #sidebar-signup h2 {font-size: 20px;} .hp-channel-stories .hp-channel-name a, .hp-top-latest-stories-container .hp-latest-stories-title {font-size: 32px;} } @media only screen and (max-width: 1199px) { /* Header - menus */ .header .ar-main-nav .topnav {padding: 0 5px;} .header .ar-main-nav .bottomnav {padding: 0 5px;} } @media only screen and (max-width: 1124px) { /* Header - menus */ .header .ar-main-nav .topnav a {font-size: 11px; padding: 5px 8px;} .header .ar-main-nav .bottomnav .bottomnav-left .nav-menu li a {font-size: 12px; padding: 10px 8px;} } @media only screen and (max-width: 1054px) { /* Page formatting */ .vc_col-sm-9 > .vc_column-inner {padding-right: 15px;} /* Publication homepage - billboard ads */ .superleaderboard-ad iframe, .billboard-ad iframe {max-width: 100%;} /* Publication homepage - latest news */ .hp-top-latest-stories-container .hp-latest-story a {font-size: 13px;} /* Publication homepage - sub stories */ .hp-channel-stories .hp-channel-main-stories-container {width: 100%;} .hp-channel-stories .hp-channel-main-story {margin-right: 15px; width: 100%;} .hp-channel-stories .hp-channel-main-story:last-of-type {border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;} .hp-channel-stories .hp-channel-more-stories {margin: 20px 0 0 0; width: 100%;} .hp-channel-stories .hp-channel-more-stories p:last-of-type {margin-bottom: 0; padding-bottom: 0;} /* Story page - infinite scroll */ #main-content .alm-listing .alm-reveal .alm-item {padding-left: 220px;} #main-content .alm-listing .alm-reveal .alm-item img {max-width: 200px;} /* Manage subscriptions */ #manage-subscriptions-container {margin-right: 0;} /* Contact us - staff listing */ .staff-row .vc_col-sm-3\/5 .vc_column-inner {padding-left: 0;} /* Podcast - archive */ .page-template-page-podcast .popular-episodes-section .popular-episode-meta {flex-wrap: wrap; gap: 0;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-date {width: 100%;} .page-template-page-podcast .popular-episodes-section .popular-episode-meta .episode-popularity {width: 100%;} /* Premium */ #premium-heading h2 {font-size: 24px;} #premium-heading h2 span {font-size: 40px;} #membership-type {margin-top: -100px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper p strong {font-size: 24px;} } @media only screen and (max-width: 967px) { /* Header - mobile menu switch */ .header .ar-main-nav .topnav .publications-menu-container, .header .ar-main-nav .bottomnav {display: none;} .header #nav-container, .header #nav-container .menu-toggle {display: block;} .header {display: flex;} .header #nav-container {background-color: rgba(0, 0, 0, 0.3); order: 1; width: 50px;} .header #nav-container .menu-toggle {padding: 0 15px;} .header #nav-container .menu-toggle i {color: #fff;} .header #logo-menu-container {order: 2; width: calc(100% - 50px);} .header #logo-menu-container #logo-de-header {margin: 0 15px; width: auto;} .header #logo-menu-container #logo-de-header .container #logo-bg #logo img {max-height: 30px; width: auto;} .header #logo-menu-container .ar-main-nav .topnav {background-color: transparent; justify-content: right;} .header #logo-menu-container .ar-main-nav .topnav a {color: #fff;} /* Header - mobile menu */ #popout {background-color: #194568;} #popout.arcanada-popout {background-color: #e4151d;} #popout.subprime-popout {background-color: #1e5596;} #popout.bhph-popout {background-color: #28833e;} #popout.autofinjournal-popout {background-color: #542358;} #popout #mobile-nav-logo {padding: 15px; text-align: center;} #popout #mobile-nav-logo img {filter: brightness(0) invert(1); height: auto; max-height: 40px; max-width: 100%; text-align: center; width: auto;} #popout #ar-mobile-sitesearch-container {padding: 0 15px 15px 15px; text-align: center;} #popout #ar-mobile-sitesearch-container form {margin-top: 0;} #popout #ar-mobile-sitesearch-container form input {box-sizing: border-box; width: 100%;} #popout .mobile-publication-links {display: flex; flex-wrap: wrap;} #popout .mobile-publication-links li {width: 100%;} #popout .mobile-publication-links li a {background-color: #396588; font-size: 14px; padding: 10px; text-decoration: none; text-transform: uppercase;} #popout .mobile-publication-links li a[href^="/ar"] {background-color: #194568 !important;} #popout .mobile-publication-links li.active-publink a[href^="/ar"] {background-color: #396588 !important;} #popout.arcanada-popout .mobile-publication-links li a {background-color: #f4252d;} #popout .mobile-publication-links li a[href^="/arcanada"] {background-color: #e4151d !important;} #popout .mobile-publication-links li.active-publink a[href^="/arcanada"] {background-color: #f4252d !important;} #popout.subprime-popout .mobile-publication-links li a {background-color: #3e75b6;} #popout .mobile-publication-links li a[href^="/subprime"] {background-color: #1e5596 !important;} #popout .mobile-publication-links li.active-publink a[href^="/subprime"] {background-color: #3e75b6 !important;} #popout.bhph-popout .mobile-publication-links li a {background-color: #48a35e;} #popout .mobile-publication-links li a[href^="/bhph"] {background-color: #28833e !important;} #popout .mobile-publication-links li.active-publink a[href^="/bhph"] {background-color: #48a35e !important;} #popout.autofinjournal-popout .mobile-publication-links li a {background-color: #7c3282;} #popout .mobile-publication-links li a[href^="/autofinjournal"] {background-color: #542358 !important;} #popout .mobile-publication-links li.active-publink a[href^="/autofinjournal"] {background-color: #7c3282 !important;} #popout .mobile-publication-links li.menu-item-has-children > a::after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; content: ''; display: inline-block; height: 0; margin-left: 5px; vertical-align: middle; width: 0;} #popout .mobile-publication-links li .sub-menu {background-color: #194568; border: none; display: block; margin: 0; position: static; width: 100%;} #popout.arcanada-popout .mobile-publication-links li .sub-menu {background-color: #e4151d;} #popout.subprime-popout .mobile-publication-links li .sub-menu {background-color: #1e5596;} #popout.bhph-popout .mobile-publication-links li .sub-menu {background-color: #28833e;} #popout.autofinjournal-popout .mobile-publication-links li .sub-menu {background-color: #542358;} #popout .mobile-publication-links li .sub-menu li {padding: 0;} #popout .mobile-publication-links li .sub-menu li a {background-color: transparent; padding-left: 25px;} #popout .mobile-publication-links li.mobile-active-pub-submenu a {background-color: transparent; padding-left: 25px;} /* Header - Mobile Subscribe Link */ .mobile-signup-container {display: block; text-transform: uppercase;} #member-menu-signup-link {display: none;} /* Podcast - archive */ .page-template-page-podcast .podcast-hero-section .podcast-hero-content {padding-left: 10px;} /* Premium */ #premium-heading h2 {top: 0; transform: translateY(0);} #premium-heading h2 span {font-size: 34px;} #membership-type {margin-top: -60px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h3 {font-size: 20px; padding: 10px 50px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper p strong {font-size: 20px;} #premium-included .vc_col-sm-3 {margin-bottom: 30px; width: 50%;} #premium-articles .wpb_text_column .wpb_wrapper > p br {display: none;} } @media only screen and (max-width: 769px) { /* Footer */ footer .container:has(+ #footer-copyright) {display: none;} footer #footer-copyright {margin-top: 0; padding-top: 0;} footer #footer-copyright .vc_col-sm-6 {float: none; line-height: 1.5em; text-align: center;} footer #footer-links {margin-top: 20px; text-align: center !important;} footer #footer-links a {vertical-align: middle;} footer #footer-social {margin-top: 30px; text-align: center;} /* Ads */ .mobile-incontent-ad {display: block !important; margin: 0 0 0 15px;} .desktop-incontent-ad {display: none; text-align: center;} /* Publication homepage - main stories */ .promoted-stories-container {flex-wrap: wrap;} .promoted-stories-container a {width: calc(33.32% - 10px);} /* Publication homepage - latest news */ .hp-top-latest-stories-container {border-left: none; border-top: 1px solid #000; margin-left: 0; margin-top: 20px; padding-left: 0; padding-top: 20px; width: 100%;} /* Publication homepage - podcast */ .podcast-row {flex-wrap: wrap;} .podcast-row .podcast-entry {border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; padding-bottom: 20px; width: 100%;} .podcast-row .podcast-entry:last-of-type {border-bottom: none; margin-bottom: 0;} /* Publication homepage - sub stories */ .vc_col-sm-9:has(+ #post-sidebar), #post-sidebar {float: left;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-image {margin-right: 0; order: 1; width: 100%;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title {margin: 20px 0 10px 0; order: 2;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container {order: 3; width: 100%;} /* Story page */ .post {padding-right: 0;} /* Story page - infinite scroll */ #main-content .alm-listing .alm-item {padding-left: 0;} #main-content .alm-listing .alm-item img {margin-bottom: 20px; max-width: none; position: static;} /* Manage subscriptions */ #manage-subscriptions-container h2 {line-height: 1.3em;} #manage-subscriptions-container button[type="submit"]:first-of-type {margin-bottom: 20px;} /* Whitepapers */ .whitepaper-download-container {flex-wrap: wrap; justify-content: center;} .whitepaper-download-container .whitepaper-download-thumbnail {margin-bottom: 20px; margin-right: 0;} .whitepaper-download-container .whitepaper-download-thumbnail img {max-width: 450px; width: 100%;} /* Contact us - staff listing */ .staff-row {padding-bottom: 0 !important; padding-top: 0 !important;} .staff-row:first-of-type {padding-top: 35px !important;} .staff-row .vc_col-sm-4 {width: 100%;} .staff-row .vc_col-sm-4 .vc_row {margin: 0 auto 20px auto;} .staff-row .vc_col-sm-2\/5 {display: inline-block; max-width: 180px; vertical-align: top;} .staff-row .vc_col-sm-3\/5 {display: inline-block; vertical-align: top; width: calc(100% - 180px);} .staff-row .vc_col-sm-3\/5 .vc_column-inner {padding-left: 15px;} /* Mobile Leaderboard */ .mobile-leaderboard-top-container {text-align: center; background-color: #F0F0F0; padding: 25px 0 !important;} /* Media kit */ #media-kits-container .wpb_single_image.vc_align_left {text-align: center !important;} #media-kits-container .wpb_single_image.vc_align_left img {height: auto; margin: 0 auto 40px auto; max-width: 400px; width: 100%;} /* Nominations archive */ #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper {display: block;} #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper .wpb_single_image {margin-bottom: 40px; margin-right: 0; text-align: center;} .nom-groups .vc_col-sm-8, .nom-groups .vc_col-sm-4 {width: 100%;} .nom-groups .vc_col-sm-8 .nom-logos .vc_col-sm-6:last-of-type {border-right: none;} /* Podcast - archive */ .page-template-page-podcast .podcast-hero-section .podcast-hero-content .hero-label {text-align: center;} /* Podcast - single */ .single-soundcloud_feed .podcast-navigation {display: none;} .single-soundcloud_feed .podcast-sidebar {padding-top: 0;} /* Premium */ #membership-type .vc_col-sm-6 {margin: 0 auto 30px auto; max-width: 500px;} #premium-included .vc_col-sm-3 {display: inline-flex;} #premium-articles .top-premium-stories {margin: 20px auto 0 auto; max-width: 500px;} } @media only screen and (max-width: 729px) { /* General - page formatting */ .vc_col-sm-9 {width: 100%;} .vc_col-sm-9 > .vc_column-inner {padding-right: 0;} /* Ads */ iframe[id*="google_ads_iframe"] {display: block; margin: 0 auto;} /* Publication homepage - sub stories */ .hp-channel-stories-container {padding-right: 0 !important;} .vc_col-sm-9:has(+ #post-sidebar), #post-sidebar {float: none;} .hp-channel-stories .hp-channel-main-story {margin-right: 0;} /* Story page - sidebar */ #post-sidebar {display: none;} /* Premium */ #premium-heading h2 {font-size: 0; visibility: hidden;} #premium-heading h2 span {visibility: visible;} } @media only screen and (max-width: 600px) { /* Header - mobile menu */ .page-scrolled header.sticky-nav #logo {display: block;} /* Publication homepage - main stories */ .promoted-stories-container a {border-bottom: 1px solid #808080; margin-bottom: 25px; margin-right: 0; padding-bottom: 20px; width: 100%;} .promoted-stories-container a:last-of-type {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .promoted-stories-container a .hp-promoted-story .main-title {font-size: 20px; margin-bottom: 10px;} .promoted-stories-container a .hp-promoted-story .main-title.premium-link::before {height: 25px; width: 25px;} /* Publication homepage - podcast */ .podcast-row .podcast-entry a {font-size: 20px;} /* Publication homepage - sub stories */ .hp-channel-stories .hp-channel-main-story {margin-right: 0;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container {display: none;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title a.premium-link::before {height: 25px; width: 25px;} .hp-channel-stories .hp-channel-more-stories h4 {display: none;} .hp-channel-stories .hp-channel-more-stories p {margin-bottom: 15px; padding-bottom: 15px;} /* Subscription options - DELETE #cmg-premium .vc_tta-panel .vc_tta-panel-title {border: 1px solid #000; text-transform: uppercase;} #cmg-premium .vc_tta-panel .vc_tta-panel-title a {background-color: #fff; color: #7da53f;} #cmg-premium .vc_tta-panel .vc_tta-panel-title a:hover {background-color: #eee;} #cmg-premium .vc_tta-panel.vc_active .vc_tta-panel-title {border-color: #7da53f;} #cmg-premium .vc_tta-panel.vc_active .vc_tta-panel-title a {background-color: #7da53f; color: #fff;} #cmg-premium .vc_tta-panel .vc_tta-panel-body {padding: 14px 20px;} #cmg-premium .vc_tta-panel .vc_tta-panel-body p strong {line-height: 1.5em;} */ /* Whitepapers */ .single-whitepapers .whitepaper-post .post-image {margin: 0 0 15px 0; width: 100%;} .single-whitepapers .whitepaper-post .post-content {width: 100%;} /* Nominations archive */ .nom-groups .vc_col-sm-8 .nom-logos .vc_col-sm-6 {border-right: none;} /* Podcast - single */ .single-soundcloud_feed .podcast-meta {flex-wrap: wrap;} .single-soundcloud_feed .podcast-meta .podcast-tags {flex-wrap: wrap;} /* Premium */ #membership-type {margin-bottom: 20px; margin-top: -50px;} #premium-articles .wpb_text_column .wpb_wrapper > p {font-size: 16px;} } @media only screen and (max-width: 480px) { /* Ads */ .billboard-ad {display: none;} .mobile-leaderboard-bottom-container {border-bottom: 1px solid #808080; padding: 30px 0; text-align: center;} /* Publication homepage - sub stories */ .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title a {font-size: 20px;} /* Publication homepage - sub stories non-AR */ .hp-channel-stories-container .post-title a {font-size: 20px;} /* Story page */ .post .post-info .post-title {font-size: 28px;} /* Subscription options - DELETE #cmg-premium h2 {font-size: 26px;} #cmg-premium #cmg-benefits strong {line-height: 1.5em;} */ /* Nominations archive */ #nominations-heading .vc_col-sm-12 .vc_column-inner > .wpb_wrapper .wpb_single_image img {width: 100%;} /* Premium */ #premium-heading h2 span {font-size: 26px;} #membership-type .vc_col-sm-6 .vc_column-inner > .wpb_wrapper h3 {padding: 10px 60px;} #premium-included .vc_col-sm-3 {width: 100%;} } @media only screen and (max-width: 400px) { /* Publication homepage - sub stories non-AR */ .hp-channel-stories-container .post-info .post-image {width: 100%;} .hp-channel-stories-container .post-info .post-meta-content {margin-left: 0; width: 100%;} /* Contact us - staff listing */ .staff-row .vc_col-sm-4 .vc_row {margin-bottom: 40px;} .staff-row .vc_col-sm-2\/5 {display: block; margin: 0 auto 20px auto; width: 100%;} .staff-row .vc_col-sm-3\/5 {display: block; text-align: center; width: 100%;} .staff-row .vc_col-sm-3\/5 h3 {text-align: center !important;} } @media print { .grecaptcha-badge, footer.footer, header.header, div#post-sidebar, div#ajax-load-more, div[id^=gpt-ad] {display: none !important;} .vc_column_container {width: 100%;} #print-logo img {display: block !important;} #main-content {padding-top: 0 !important; } } #hp-slider {border-top: 1px solid #808080; margin: 20px 0; padding: 40px 0;}