/*
 * Global styles for Stirling Marathon WordPress Plugin
 * These styles are loaded on all pages
 */

/* Base utility classes */
.sm-hidden {
    display: none !important;
}

.sm-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Common responsive utilities */
@media (max-width: 768px) {
    .sm-mobile-hidden {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .sm-desktop-hidden {
        display: none !important;
    }
}

/* ================================
Add black gradient overlaying hero-container class
================================ */
.hero-container::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/wp-content/plugins/sm_wordpress_plugin/assets/img/menu_black_gradient.webp');
  background-repeat: repeat-x;
  background-size: auto 250px;
  background-position: top center;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}


/* ================================
Stirling Colours for - Read More truncation link.
================================ */

.read-more-truncate p.elementor-image-box-description a.morelink {
    color: #DDCABB;
}

.read-more-truncate p.elementor-image-box-description a.morelink:hover {
    color: #DDCABB;
}