/* 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'); /* ---------------------- * GENERAL STYLES * ----------------------*/ /* Page formatting */ .vc_col-sm-9 {width: calc(100% - 315px);} .vc_col-sm-9 > .vc_column-inner {padding: 0;} /* Typography */ strong {font-size: inherit; font-weight: bold;} em {font-style: italic;} a {font-weight: inherit !important;} /* 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;} /* ---------------------- * HEADER + NAV STYLES * ----------------------*/ .header {background-color: #fff !important;} .header ul {margin-left: 0;} .header ul li {display: inline-block;} .header ul li a {border-right: 1px solid #fff; box-sizing: border-box; color: #fff; display: inline-block; width: 100%;} /* Topbar menu */ .header .topbar-show {background-color: #fff;} .header .topbar-show .subscriber-menu-container {box-sizing: border-box; display: inline-block; width: 60%;} .header .topbar-show .subscriber-menu-container ul li {border-right: 1px solid #000; margin: 10px 0; padding: 0 5px; width: auto;} .header .topbar-show .subscriber-menu-container ul li:first-of-type {padding-left: 0;} .header .topbar-show .subscriber-menu-container ul li:last-of-type {border-right: none;} .header .topbar-show .subscriber-menu-container ul li a {border-right: none; color: #000; font-size: 14px; font-weight: bold !important; padding: 5px; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in all;} .header .topbar-show .subscriber-menu-container ul li a:hover {background-color: #78a22f; color: #fff;} .header .topbar-show .member-menu-container {box-sizing: border-box; color: #000; display: inline-block; text-align: right; width: 39.5%;} .header .topbar-show .member-menu-container span {border-right: 1px solid #000; display: inline-block; margin: 10px 0; padding: 0 5px; width: auto;} .header .topbar-show .member-menu-container span:last-of-type {border-right: none;} .header .topbar-show .member-menu-container span a {color: #000; display: inline-block; font-size: 14px; font-weight: bold; padding: 5px; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in all;} .header .topbar-show .member-menu-container a:hover {background-color: #78a22f; color: #fff;} .header .topbar-show .member-menu-container .hide-logged-out {display: none;} .logged-in .header .topbar-show .member-menu-container .hide-logged-out {display: inline;} .logged-in .header .topbar-show .member-menu-container .hide-logged-in {display: none;} .header .topbar-show #topbar-left, .header .topbar-show #topbar-right {display: none;} /* Publications menu */ .header .menu-publications-menu-container #menu-publications-menu {display: flex;} .header .menu-publications-menu-container #menu-publications-menu li {flex: 1; position: relative; transition: 0.1s ease-in all;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-49423 {background-color: #55702d;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-49423:hover {background-color: #75904d;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-49424 {background-color: #d49701;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-49424:hover {background-color: #f4b721;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-49424 > a::after {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: ''; display: inline-block; margin-left: 5px; margin-top: -8px;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000007 {background-color: #194568;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000007:hover {background-color: #007b95;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000008 {background-color: #e4151d;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000008:hover {background-color: #ff3940;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000009 {background-color: #1e5596;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000009:hover {background-color: #3e75b6;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000010 {background-color: #28833e;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000010:hover {background-color: #48a35e;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000011 {background-color: #542358;} .header .menu-publications-menu-container #menu-publications-menu #menu-item-1000011:hover {background-color: #7c3282;} .header .menu-publications-menu-container #menu-publications-menu li a {font-size: 12px; font-weight: bold; padding: 8px; text-align: center; text-decoration: none; text-transform: uppercase;} .header .menu-publications-menu-container #menu-publications-menu li:last-of-type a {border-right: none;} /* Publications menu - submenu */ .header .menu-publications-menu-container #menu-publications-menu li ul {background-color: #d49701; left: 0; top: 8px; width: 200px; z-index: 2;} .header .menu-publications-menu-container #menu-publications-menu li ul li {padding: 5px; width: 100%;} .header .menu-publications-menu-container #menu-publications-menu li ul li:hover {background-color: #f4b721;} .header .menu-publications-menu-container #menu-publications-menu li ul li a {border-right: none;} /* Logo */ .header #logo-de-header .container {align-items: center; display: flex;} .header #logo-de-header .container #logo-bg {flex-grow: 5;} .header #logo-de-header .container #logo-bg #logo {padding-bottom: 0; text-align: left;} .header #logo-de-header .container #logo-bg #logo img {max-width: 350px;} .header #logo-de-header .container #logo-bg #logo-tagline {text-align: left;} .header #logo-de-header .container #logo-bg #logo-tagline p {font-size: 14px; font-weight: bold;} .header #logo-de-header .container #digital-edition-header {flex-grow: 1; margin: 10px 0; width: 170px;} /* Digital edition cover */ .header #logo-de-header .container #mobile-items {display: none;} .header #logo-de-header .container #digital-edition-header a {align-items: center; color: #9b464e; display: flex; font-size: 20px; font-weight: bold; line-height: 1.3em; text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in all;} .header #logo-de-header .container #digital-edition-header a:hover {color: #7b262e;} .header #logo-de-header .container #digital-edition-header a #de-header-cover {margin-right: 10px; max-width: 105px;} /* Single publication menu */ .header #nav-container #site-navigation {padding: 0;} .header #nav-container #site-navigation .nav-menu {display: flex; justify-content: flex-end;} .header #nav-container #site-navigation .nav-menu li {flex: 1; max-width: 160px;} .header #nav-container #site-navigation .nav-menu li a {font-size: 14px;} .header #nav-container #site-navigation .nav-menu li:last-of-type a {border-right: none;} .header #nav-container #site-navigation .nav-menu li a:hover {background-color: #007b95; color: #fff;} .header #nav-container #site-navigation .nav-menu li.members-link a {background-color: #78a22f;} .header #nav-container #site-navigation .nav-menu li.members-link a:hover {background-color: #fff !important; color: #78a22f; margin-top: 1px; outline: 1px solid #78a22f; padding: 9px 10px;} .header #nav-container #site-navigation .nav-menu li.menusitesearch a {padding: 0;} .header #nav-container #site-navigation .nav-menu li.menusitesearch a input {border: 1px solid #1b4468; font-size: 14px; height: 100%; padding: 7px 15px; width: 100%;} .header #nav-container #site-navigation .nav-menu li.menusitesearch a input::placeholder {text-align: center; text-transform: uppercase;} .header #nav-container.bg-arcanada #site-navigation .nav-menu li a:hover {background-color: #ff3940;} .header #nav-container.bg-subprime #site-navigation .nav-menu li a:hover {background-color: #3e75b6;} .header #nav-container.bg-bhph #site-navigation .nav-menu li a:hover {background-color: #48a35e;} .header #nav-container.bg-autofinjournal #site-navigation .nav-menu li a:hover {background-color: #7c3282;} /* Menu on scroll */ .page-scrolled .header #logo-de-header .container #logo-tagline {display: none;} .page-scrolled .header #logo-de-header .container #digital-edition-header {display: none;} .page-scrolled .header #logo-de-header .container #logo-bg #logo img {margin-bottom: 10px; max-height: 60px;} /* ---------------------- * 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: 0 !important;} /* Infinite sroll ads */ .scrollad > div {background-color: #f2f2f2; margin-bottom: 30px; padding: 30px 0; text-align: center;} /* --------------------------- * PUBLICATION HOMEPAGE * ---------------------------*/ /* Billboard ads */ .superleaderboard-ad, .billboard-ad {margin-top: 30px; text-align: center;} .billboard-ad {border-bottom: 1px solid #808080; padding-bottom: 30px;} /* 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; flex-wrap: wrap; padding: 30px 0;} .promoted-stories-container a {margin-right: 15px; text-decoration: none; width: calc(33.3% - 10px);} .promoted-stories-container a:last-of-type {margin-right: 0;} .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 {line-height: 1.2em; margin: 20px 0;} .promoted-stories-container a .hp-promoted-story .main-title.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;} 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;} /* Sub stories */ .archive .vc_col-sm-9 .vc_column-inner {padding-left: 0;} .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: 32px; 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-story {align-self: flex-start; display: flex; flex-wrap: wrap; width: 70%;} .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 {margin-right: 20px; 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: 14px; 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 {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: 14px; 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 .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 {margin-bottom: 10px;} .hp-channel-stories-container .post-info .post-meta-content .post-meta .post-author a {font-size: 14px; font-weight: 700; 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;} /* --------------------------- * STORY PAGE * ---------------------------*/ .post .post-info .post-title {font-size: 40px; line-height: 1.3em; margin-bottom: 20px;} .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 .alm-reveal .alm-item {padding-left: 320px;} #main-content .alm-listing .alm-reveal .alm-item img {height: auto; max-width: none;} /* --------------------------- * 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:first-of-type {border-top: none; padding-top: 0;} #post-sidebar .vc_column-inner div img {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: auto;} .post-type-archive-webinar .archive-container .webinar-entry-container h2 {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;} /* ---------------------- * 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 * ----------------------------*/ #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;} /* 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;} /* ---------------------------------- * RESPONSIVE STYLES * ----------------------------------*/ @media only screen and (max-width: 1221px) { /* Page formatting */ html, body {overflow-x: hidden !important;} #main-content > .container {padding: 0 15px;} } @media only screen and (max-width: 1199px) { /* Header - topbar */ .header .topbar-show {padding: 0 15px;} /* Header - logo */ .header #logo-de-header {padding: 0 15px;} .header #logo-de-header #logo {padding-left: 0;} } @media only screen and (max-width: 1054px) { /* Page formatting */ .vc_col-sm-9 > .vc_column-inner {padding-right: 15px;} /* Header - topbar */ .header .topbar-show .subscriber-menu-container {width: 65%;} .header .topbar-show .subscriber-menu-container ul li a {font-size: 12px;} .header .topbar-show .member-menu-container {width: 34.5%;} .header .topbar-show .member-menu-container span a {font-size: 12px;} /* Publication homepage - billboard ads */ .superleaderboard-ad iframe, .billboard-ad iframe {max-width: 100%;} /* Publication homepage - sub stories */ .hp-channel-stories .hp-channel-main-story {margin-right: 15px; width: 100%;} .hp-channel-stories .hp-channel-more-stories {margin: 20px 15px 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;} } @media only screen and (max-width: 769px) { /* Header - mobile menu switch */ .header .topbar-show, .header #publications-menu, .header #logo-de-header .container #logo-bg #logo-tagline, .header #logo-de-header .container #digital-edition-header, .header #site-navigation .menu-ar-story-menu-container, .menu-arc-story-menu-container, .menu-sp-story-menu-container, .menu-bhph-story-menu-container, .menu-afj-story-menu-container {display: none;} .header {align-items: center; background-color: #194568 !important; display: flex; min-height: unset;} .header #logo-de-header {order: 2; padding-right: 0; width: 100%;} .header #logo-de-header #logo-bg {background-color: transparent;} .header #logo-de-header #logo-bg #logo {padding-top: 0;} .header #logo-de-header #logo-bg #logo img {filter: brightness(0) invert(1); max-height: 30px;} .page-scrolled .header #logo-de-header .container #logo-bg #logo img {margin-bottom: 0; max-height: 30px;} .header #logo-de-header .container #mobile-items {display: flex;} .header #logo-de-header .container #mobile-items #mobile-subscribe-link a {color: #fff; font-size: 14px; margin-right: 15px; text-decoration: none;} .header #logo-de-header .container #mobile-items #mobile-search-icon a {background-color: rgba(0, 0, 0, 0.3); padding: 13px;} .header #logo-de-header .container #mobile-items #mobile-search-icon a i {color: #fff;} .header nav {background-color: rgba(0, 0, 0, 0.3); order: 1;} .header nav button.menu-toggle {display: inline-block; padding: 13px;} .header nav button.menu-toggle i {color: #fff;} .header.bg-arcanada {background-color: #e4151d !important;} .header.bg-subprime {background-color: #1e5596 !important;} .header.bg-bhph {background-color: #28833e !important;} .header.bg-autofinjournal {background-color: #542358 !important;} /* 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 #logo {padding-right: 15px; text-align: center;} #popout #logo img {filter: brightness(0) invert(1); max-height: 40px; max-width: 100%;} #popout .nav-menu {display: flex; flex-wrap: wrap;} #popout .nav-menu li {order: 3; width: 100%;} #popout .nav-menu li.podcast-pub-link {order: 4;} #popout .nav-menu li.conf-pub-link {order: 5;} #popout .nav-menu li.menu-item-mobile-mediakit {order: 6;} #popout .nav-menu li a {border: none; font-size: 14px; font-weight: bold; padding: 10px; text-decoration: none; text-transform: uppercase;} #popout .nav-menu li a[href$="ar"] {background-color: #194568;} #popout .nav-menu li a[href$="arcanada"] {background-color: #e4151d;} #popout .nav-menu li.active-publink a[href$="arcanada"] {background-color: #f4252d;} #popout .nav-menu li a[href*="subprime"] {background-color: #1e5596;} #popout .nav-menu li.active-publink a[href*="subprime"] {background-color: #3e75b6;} #popout .nav-menu li a[href*="bhph"] {background-color: #28833e;} #popout .nav-menu li.active-publink a[href*="bhph"] {background-color: #48a35e;} #popout .nav-menu li a[href*="afj"] {background-color: #542358;} #popout .nav-menu li.active-publink a[href*="afj"] {background-color: #7c3282;} #popout .nav-menu li a[href*="podcast"] {background-color: #55702d;} #popout .nav-menu li a[href*="mediakit"] {background-color: #000;} #popout .nav-menu li.menu-item-49424 a {background-color: #f4b721;} #popout .nav-menu li.menu-item-49424 .sub-menu {border: none; display: block; margin-top: 0; position: static; width: 100%;} #popout .nav-menu li.menu-item-49424 .sub-menu li {padding: 0;} #popout .nav-menu li.menu-item-49424 .sub-menu li a {background-color: #d49701; padding-left: 25px;} #popout .nav-menu li.menu-item-49424 .sub-menu li a:hover {background-color: #f4b721;} #popout .nav-menu li.menu-item-1000007 > a::after, #popout .nav-menu li.menu-item-49424 > 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 .nav-menu li.active-publink {order: 1;} #popout .nav-menu li.active-publink a {background-color: #396588;} #popout .nav-menu .publication-mobile-submenu {order: 2;} #popout .nav-menu .publication-mobile-submenu a {padding-left: 25px;} #popout .nav-menu .publication-mobile-submenu a:hover {background-color: #396588;} #popout .nav-menu .publication-mobile-submenu input {margin: 0 10px 10px 10px; width: calc(100% - 20px);} /* Story page */ .post {padding-right: 0;} /* Story page - infinite scroll */ #main-content .alm-listing .alm-reveal .alm-item {padding-left: 0;} #main-content .alm-listing .alm-reveal .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;} /* 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 only screen and (max-width: 600px) { /* General - page formatting */ .vc_col-sm-9 {width: 100%;} .vc_col-sm-9 > .vc_column-inner {padding-right: 0;} /* Header - mobile menu */ .page-scrolled header.sticky-nav #logo {display: block;} /* Footer */ footer #footer-copyright {margin-top: 0;} footer #footer-copyright .vc_col-sm-6 {line-height: 1.5em; text-align: center;} footer #footer-copyright #footer-social {margin-top: 20px;} footer #footer-links {text-align: right;} footer #footer-links a {vertical-align: middle;} /* 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: 24px; margin-bottom: 10px;} /* Publication homepage - sub stories */ .hp-channel-stories .hp-channel-main-story {flex-wrap: nowrap; margin-right: 0;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-story-title {margin-bottom: 0; order: 2; width: 60%;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-container {display: none;} .hp-channel-stories .hp-channel-main-story .hp-channel-main-image {margin-right: 15px; order: 1; width: 40%;} .hp-channel-stories .hp-channel-more-stories {margin-right: 0;} .hp-channel-stories .hp-channel-more-stories h4 {display: none;} .hp-channel-stories .hp-channel-more-stories p {margin-bottom: 15px; padding-bottom: 15px;} /* Story page - sidebar */ #post-sidebar {display: none;} /* Subscription options - cmg premium */ #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;} } @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 - cmg premium */ #cmg-premium h2 {font-size: 26px;} #cmg-premium #cmg-benefits strong {line-height: 1.5em;} } @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;} }