/* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Top Story – Single - start */ /* ----------------------------------------- */ .mthome-top-link{ display: block; } .mthome-top-title h3{ font-weight:700; font-size: 2.1rem; line-height: 2.3rem; color: #282828; margin-bottom: 1rem; } .mthome-top-image { position:relative; margin-top: 10px; margin-bottom:30px; } @media screen and (max-width: 767px){ } .mthome-top-image img.mthome-breaking-insight-img{ position: absolute; top: 0; left: 0; max-width: 100% !important; } .mthome-top-date{ font-size: 0.9rem; line-height: 1.3rem; text-transform: uppercase; font-weight: 500; text-align: center; position: absolute; width: 100%; bottom: -1.2rem; } .mthome-top-date-inner{ display: inline-block; background-color: #e6d399; color: #000000 !important; padding: 0.5rem 0.8rem; } /** MOBILE STYLES **/ @media screen and (max-width: 767px){ .mthome-top-image-full{ display: block !important; } .mthome-top-image-cropped{ display: none !important; } .mthome-top-image { margin-bottom: 50px; } .mthome-top-image .play-icon { bottom: 39%; width: 100%; height: 60px; background-size: contain; opacity: 0.8; left: auto; margin: 0px !important; } } /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Top Story – Single - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Top Story – List - start */ /* ----------------------------------------- */ .mthome-top-list-inner .column-heading, .mthome-top-list-inner .column-heading p{ margin-bottom:10px; } .mthome-top-list{ list-style:none; margin-left:0px; } .mthome-top-list li{ display: block; padding: 13px 0; } .mthome-top-list li:first-child{ padding-top:0px; } .mthome-top-list li .mthome-top-list-image { width:32%; position:relative; } .mthome-top-list li .mthome-top-list-image .play-icon { height: 25px; width: 25px; background-size: contain; } .mthome-top-list li .mthome-top-list-text { width: 68%; padding-right:10px; } .mthome-top-list-title { font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 0; } .mthome-top-list-date { font-size: 0.96rem; font-weight: 300; line-height: 1.3rem; margin-top:7px; } .mthome-top-list-link { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .mthome-top-list-link:hover img{ opacity:0.8; } /** MOBILE STYLES **/ @media screen and (max-width: 767px){ .mthome-top-image-full{ display: block !important; } .mthome-top-image-cropped{ display: none !important; } .mthome-top-image { margin-bottom: 50px; } .mthome-top-list li:first-child .mthome-top-list-text, .mthome-top-list li:first-child .mthome-top-list-image { width: 50%; } .mthome-top-list li:first-child .mthome-top-list-text .mthome-top-list-title{ font-weight: 600; } .mthome-top-list li:not(:first-child) .mthome-top-list-text { width: 100%; } .mthome-top-list li:not(:first-child) .mthome-top-list-image { display: none; } .mthome-top-list li:not(:first-child) .mthome-top-list-title .play-icon { display: inline-block !important; position: relative; margin: 0 0 5px 5px !important; -webkit-filter: invert(100%); filter: invert(100%); height: 20px; width: 20px; background-size: contain; vertical-align: middle; } } /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Top Story – List - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Personal Finance Widget - start */ /* ----------------------------------------- */ .mthome-pf{ list-style:none; margin-left:0px; background-color: #f7f7f7; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; margin-bottom: 2em; } .mthome-pf li{ display: block; } .mthome-pf li .mthome-pf-image { position:relative; } .mthome-pf li .mthome-pf-image img { width: 100%; } .mthome-pf li .mthome-pf-image .play-icon { height: 25px; width: 25px; background-size: contain; } .mthome-pf li .mthome-pf-text { margin-top: 10px; } .mthome-pf-title { font-size: 1.14rem; line-height: 1.3rem; margin-bottom: 0; font-weight: 700; } .mthome-pf-date { font-size: 0.96rem; font-weight: 300; line-height: 1.3rem; margin-top:5px; } .mthome-pf-item-container { padding: 1em 2em 1em 2em; height: 100%; } .mthome-pf-link { display: block; } .mthome-pf-link:hover img{ opacity:0.8; } ul.mthome-pf{ display: flex; flex-direction: row; flex-wrap: wrap; } ul.mthome-pf li.mthome-pf-item{ width: 33.33%; } @media screen and (max-width: 767px){ ul.mthome-pf li.mthome-pf-item{ width: 100%; } .mthome-pf { background-color: transparent; margin-top: 0px; } .mthome-pf-item-container { padding: 0; margin-bottom: 30px; } ul.mthome-pf li.mthome-pf-item:first-child .mthome-pf-title{ font-weight: 700; font-size: 2.1rem; line-height: 2.3rem; } ul.mthome-pf li.mthome-pf-item:not(:first-child) .mthome-pf-item-container .mthome-pf-link { display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: row-reverse; } ul.mthome-pf li.mthome-pf-item:not(:first-child) .mthome-pf-item-container .mthome-pf-image { width: 30%; } ul.mthome-pf li.mthome-pf-item:not(:first-child) .mthome-pf-item-container .mthome-pf-text { width: 70%; padding-right: 20px; margin-top: 0px; } ul.mthome-pf li.mthome-pf-item:not(:first-child) .mthome-pf-item-container .mthome-pf-text h3.mthome-pf-title { font-weight: 600; } } /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – Personal Finance Widget - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – In Case You Missed It Widget - start */ /* ----------------------------------------- */ .mthome-archive{ list-style:none; margin-left:0px; margin-top: 1em; margin-bottom: 2em; } .mthome-archive li{ display: block; } .mthome-archive li .mthome-archive-image { position:relative; } .mthome-archive li .mthome-archive-image img { width: 100%; } .mthome-archive li .mthome-archive-image .play-icon { height: 25px; width: 25px; background-size: contain; } .mthome-archive li .mthome-archive-text { margin-top: 10px; } .mthome-archive-title { font-size: 1.12rem; line-height: 1.3rem; margin-top:15px; margin-bottom: 0; font-weight: 500; } .mthome-archive-excerpt { margin-top:10px; } .mthome-archive-excerpt p { font-size: 0.9rem; line-height: 1.2rem; margin-top:10px; } .mthome-archive-date { font-size: 0.7rem; line-height: 1rem; margin-top:10px; } .mthome-archive-item-container { padding-bottom: 2em; height: 100%; position:relative; } .mthome-archive-link { display: block; } .mthome-archive-link:hover img{ opacity:0.8; } ul.mthome-archive{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } ul.mthome-archive li.mthome-archive-item{ width: 31.5%; } @media screen and (max-width: 767px){ ul.mthome-archive li.mthome-archive-item{ width: 48%; } } @media screen and (max-width: 520px){ ul.mthome-archive li.mthome-archive-item{ width: 100%; } } /* ----------------------------------------- */ /* View: MoneyTalk – Homepage – In Case You Missed It Widget - end */ /* ----------------------------------------- */