:not(div):first-child,
.w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
margin-bottom: 0;
}
/* ==========================================================================
Global Utilities
========================================================================== */
/* Adds inline flex display */
.inline-flex {
display: inline-flex;
}
/* Forces buttons to display inline flex */
.button {
display: inline-flex;
}
/* This global class can be applied to text and will only allow it to show one line, followed by “…” */
.line-clamp-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* This global class can be applied to text and will only allow it to show two lines, followed by “…” */
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* This global class can be applied to text and will only allow it to show three lines, followed by “…” */
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* This global class can be applied to anything and will stop mouse interactions */
.pointer-none {
pointer-events: none;
}
/* This global class can be applied to anything and will enable mouse interactions */
.pointer-auto {
pointer-events: auto;
}
.grabbable {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/* (Optional) Apply a “closed-hand” cursor during drag operation. */
.grabbable:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/* ==========================================================================
Links
========================================================================== */
/* style links same color as body, with opacity change on hover */
.text-color-body a,
a.text-color-body {
color: var(–swatches–body);
transition: opacity 0.3s ease-out;
}
.text-color-body a:hover,
a.text-color-body:hover {
opacity: 0.4;
}
.link-color-white a,
a.link-color-white a {
color: var(–swatches–white);
transition: opacity 0.3s ease-out;
}
.link-color-white a:hover,
a.link-color-white:hover {
opacity: 0.4;
}
/* ==========================================================================
Forms / Filters
========================================================================== */
.sort-btn {
background-position: right 0.5rem center;
}
.filter-checkbox_label,
.filter-checkbox_box {
pointer-events: none;
}
/* ==========================================================================
Post / Author Details
========================================================================== */
/* commas between post authors */
.authors_list-item:not(:last-of-type) .post-content_author:after {
content: ‘,’;
display: inline-block;
margin-left: 0.1em;
}
/* hide black footer CTA on post pages on tablet and down only */
@media only screen and (max-width: 991px) {
:is([data-page=”post”], [data-page=”a-z”]) .footer_cta-wrap {
display: none;
}
}
/* ==========================================================================
Articles
========================================================================== */
.articles-content_item {
container-type: inline-size; /* set container context */
}
/* ==========================================================================
Company Template
========================================================================== */
/* hide company documents section if no docs – TODO – replace with WF conditional filters? */
.s-comp-temp-content#documents:has(.document#document-presentation.w-conditional-invisible, .document#document-press-release.w-conditional-invisible) {
display: none;
}
/* Append comma to all items except the last one, only if there’s more than one item */
.comp-temp-hero_detail-col-list .comp-temp-hero_detail-list-item + .comp-temp-hero_detail-list-item::before {
content: ‘, ‘;
white-space: pre; /* Preserve space after comma */
}
/* ==========================================================================
5050s
========================================================================== */
/* 5050s on mobile landscape */
@media only screen and (max-width: 767px) {
._5050-content.is-reversed {
order: -1;
}
}
/* ==========================================================================
Postcards
========================================================================== */
/* only show play for videos */
.postcard:not([data-post-type=”Video”]) .postcard_play-circ {
display: none;
}
/* postcard – featured modifier */
.postcard[data-featured=’featured’] {
–postcard–play-circle-color: var(–swatches–crux-green);
–postcard–play-triangle-color: white;
}
/* video thumbnail positioning */
.postcard[data-post-type=”Video”] .postcard_img {
object-position: left bottom;
}
/* img not set – hide img, and parent media for browsers that support :has() */
.postcard_img[src*=’placeholder’],
.postcard_media:has(.postcard_img[src*=’placeholder’]) {
display: none;
}
/* postcard hover behaviour */
.postcard:hover .postcard_img-scrim {
opacity: 0.2;
}
.postcard_title {
text-decoration: underline 1px rgba(0, 0, 0, 0);
text-underline-offset: 0.1rem;
transition: text-decoration-color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.postcard:hover .postcard_title {
text-decoration-color: rgba(0, 0, 0, 1);
}
/* ==========================================================================
Postcards – Layout
========================================================================== */
.postcard[data-post-layout=”reversed”] {
flex-direction: row-reverse;
justify-content: space-between; /* because reversing row flips reference of alignment */
}
/* ==========================================================================
Booking
========================================================================== */
/* booking icons */
.booking-card_icon-bg[data-bg-color=”yellow”] {
background-color: var(–swatches–crux-yellow);
}
.booking-card_icon-bg[data-bg-color=”black”] {
background-color: var(–swatches–body);
}
.booking-card_icon-bg[data-bg-color=”red”] {
background-color: var(–swatches–crux-red);
}
.booking-card_icon-bg[data-bg-color=”blue”] {
background-color: var(–swatches–crux-blue);
}
/* booking package ticks */
.booking-package-rich li:before {
content: url(‘https://cdn.prod.website-files.com/642e8adf6f672840d36ca903/655f354963d826680a33110b_booking-tick.svg’);
display: block;
position: absolute;
left: -2.5rem;
top: 0px;
width: 1.5rem;
height: 1.5rem;
}
/* ==========================================================================
Ads
========================================================================== */
/* for all links in ads, reset hover behaviour */
.advert a:hover {
opacity: 1;
}
/* only show ads in Designer / staging */
html:not(:is([data-wf-domain*=’webflow.io’], .wf-design-mode)) :is(.advert, .s-advert, .advert-slot) {
/*display: none;*/
}
/* hide empty ads */
.advert-slot:empty {
display: none;
}
/* hide ad components not relevant to currently selected type */
.advert[data-type=”banner”] .advert_wrapper:not(.is-banner) {
display: none;
}
.advert[data-type=”full”] .advert_wrapper:not(.is-full) {
display: none;
}
.advert[data-type=”column”] .advert_wrapper:not(.is-column) {
display: none;
}
.advert[data-type=”dashboard-grid”] .advert_wrapper:not(.is-dashboard-grid) {
display: none;
}
.advert[data-type=”dashboard-grid”] {
padding: 10px;
background-color: var(–colors–light-grey);
}
/* make col ads sticky */
.advert[data-type=”column”] {
overflow: visible;
justify-content: start;
}
.advert[data-type=”column”] .advert_content {
position: sticky;
top: 10px;
}
/* ==========================================================================
Postcard type anim
========================================================================== */
.postcard_type {
display: grid;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1.25rem 0fr;
grid-template-rows: auto;
border-radius: 999px;
background-color: #eaeaea;
color: #292929;
font-size: 0.81rem;
line-height: 1;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: grid-template-columns 400ms cubic-bezier(0.23, 1, 0.32, 1);
will-change: grid-template-columns;
}
.postcard_type-svg-wrap {
display: grid;
width: 1.25rem;
height: 1.25rem;
justify-content: center;
justify-items: center;
align-items: center;
grid-template-columns: minmax(0px, 1fr);
grid-template-rows: minmax(0px, 1fr);
flex-shrink: 0;
}
.postcard_type-svg {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
}
.postcard_type-svg.is-read {
width: 0.5rem;
height: 0.5rem;
}
.postcard_type-text {
overflow: hidden;
min-width: 0;
color: #4a4a4a;
font-size: 0.7rem;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.0625rem;
opacity: 0;
filter: blur(0.35rem);
white-space: nowrap;
padding-right: 0;
transition:
opacity 280ms cubic-bezier(0.23, 1, 0.32, 1),
filter 280ms cubic-bezier(0.23, 1, 0.32, 1),
padding-right 280ms ease;
}
.postcard:hover .postcard_type {
grid-template-columns: 1.25rem 1fr;
}
.postcard:hover .postcard_type-text {
opacity: 1;
filter: blur(0);
padding-right: 0.5rem;
}
]]>
Browse by Category
Commodities
Development Stages
Exchanges
Project Locations
Themes
Manhattan Metals – A New Angle on Nevada’s Overlooked Gold and Silver Deposits
Analyst’s Notes
Institutional-grade mining analysis available for free. Access all of our “Analyst’s Notes” series below.
View more
Subscribe to Our Channel
Subscribing to our YouTube channel, you’ll be the first to hear about our exclusive interviews, and stay up-to-date with the latest news and insights.
Stay Informed
Sign up for our FREE Monthly Newsletter, used by +45,000 investors
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
