/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* These are custom CSS tweaks applied by Chris Brockhouse for Alchemy Sec's specific templates */

/* Body padding so the fixed header doesn't overlap */
:root {
  --header-height: 88px;
}
body {
  padding-top: var(--header-height);
}

/* Reset the Brightlane Plus CSS for the Mega Menu Pro elements */
.mega-menu-pro, .mega-menu-pro * {
  all: revert-layer;
}

/* Overrides the DOT that appears on list items from the Brightlane theme - ensures they don't appear on ANY Mega Menu items */
.mega-menu-pro ul > li::before {
  content: none !important;
  display: none !important;
}

/* Overrides the static position of the mega menu, as it interferes with the standard layout options in Hubspot */
[class^="mega-menu-pro-widget_"],
[class*=" mega-menu-pro-widget_"] {
  position: static !important;
}

/* Custom text link colouring for the CTAs in a Feature Item module */
.featured-plain--item-text > .theme-ctas > a {
  background-image: none !important;
  text-decoration: underline;
  font-weight
}
.featured-plain--item-text > .theme-ctas > a:hover {
  color: #96dffe; !important;
}

/* Removing the 20% margin on FAQ responses which looks absurd */
@media (min-width: 1024px) {
    .faq-question__answer {
        padding-right: 0% !important;
    }
}

/* Removing cursor from hover when hovering over a dropdown in the Megamenu */
.mega-menu-pro--has-dropdown > button {
  cursor: default !important;
}

/* Resize footer logo image to a slightly larger size */
.global-footer-outer .inner .col1 .logo img {
  width: 240px !important
}

/* Changed the default play button colours for videos to Red */
.play_btn svg circle {
  fill: rgba(240, 20, 20, 1.0) !important;
}

/* Set list item numbers to white - accent colour blended into the background */
ul li::marker, ol li::marker {
  color: white !important;
}

/* Expand padding of ordered lists to make it more readable */
ol {
  padding-left: 2em !important;
}

/* Change footer column widths a bit for desktop */
@media only screen and (min-width: 768px) {
  .global-footer-outer .inner .col2 {
    width: 28% !important;
  }
}

/* Change padding of the overlay on the about / map screen */
#hs_cos_wrapper_module_1776244139603 .embedded-map__heading {
    margin-left: 60px;
}

/* Tweak alignment of mobile footer */
@media only screen and (max-width: 767px) {
  .global_footer_by_growmeda h4,
  .global_footer_by_growmeda .col2 h5,
  .global_footer_by_growmeda .col2 p,
  .global_footer_by_growmeda .col2 .type {
    text-align: left !important;
  }
  .global_footer_by_growmeda .col2 .type, .global_footer_by_growmeda .col2 .con-link {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  #hs_cos_wrapper_post_listing-module-1 li {
    margin-bottom: 15px !important;
  }
}

/* Change blog listing thumbnail to 30% width */
@media (min-width: 768px) {
  #hs_cos_wrapper_post_listing-module-1 .thumbnail-link--style-large-card .thumbnail-link__image {
        width: 30% !important;
    }
}

/* Adjust img size to ensure the icon displays properly on the Featured Items module */
div.featured-plain--item-icon > img {
  max-width: none !important;
}

/* Hide the CTA on the blog template page - saves having to create a duplicate page in the child theme */
.blog-post__cta {
  display: none !important;
}

/* Alchemy design consistency pass — 1 October 2026 */
.hs-site-page main h2 {
  font-size: 40px !important;
  line-height: 1.2 !important;
  margin-bottom: 24px !important;
}
.hs-site-page main h3 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
}
.pricing-box__heading h3 { margin-bottom: 16px !important; }
.pricing-box__main { border-radius: 8px; }
.service-cards { margin-top: 24px; }
.service-cards-item { border-radius: 8px; }
.global-footer-outer { padding-top: 48px !important; }
.global-footer-outer .inner .co-menu a {
  white-space: normal !important;
  line-height: 1.55 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
@media (min-width: 1024px) {
  .global-footer-outer .inner {
    display: grid !important;
    grid-template-columns: 1.15fr 1.15fr 1.4fr .8fr;
    gap: 36px !important;
  }
  .global-footer-outer .inner > .col1,
  .global-footer-outer .inner > .col2,
  .global-footer-outer .inner > .col {
    width: auto !important;
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .service-cards-grid:has(> .service-cards-item:nth-child(5):last-child) {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
  }
  .service-cards-grid:has(> .service-cards-item:nth-child(5):last-child) > .service-cards-item { grid-column: span 2; }
  .service-cards-grid:has(> .service-cards-item:nth-child(5):last-child) > .service-cards-item:nth-child(4) { grid-column: 2 / 4; }
  .service-cards-grid:has(> .service-cards-item:nth-child(5):last-child) > .service-cards-item:nth-child(5) { grid-column: 4 / 6; }
}
@media (max-width: 767px) {
  .hs-site-page main h2 { font-size: 30px !important; margin-bottom: 20px !important; }
  .hs-site-page main h3 { font-size: 22px !important; margin-bottom: 14px !important; }
  .pricing-box__main { padding: 28px 24px !important; }
  .hero-blog-post { padding-top: 56px !important; padding-bottom: 40px !important; }
  .hero-blog-post__content { padding-top: 0 !important; }
  .global-footer-outer { padding-top: 32px !important; }
}

@media (min-width: 1024px) {
    .service-cards-grid:has(> .service-cards-item:nth-child(5):last-child) {
          display: grid !important;
          grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 24px !important;
  }
}
  
/* Keep the contact form comfortably wide on phones. */
@media (max-width: 767px) {
    #hs_cos_wrapper_module_177624247376110 .hsfc-Step__Content {
          padding-left: 16px !important;
          padding-right: 16px !important;
  }
}
  
/* Keep footer contact labels together and aligned. */
.global-footer-outer .cont-link { align-items: baseline !important; gap: 6px; }
.global-footer-outer .cont-link .type { flex: 0 0 auto; white-space: nowrap; }
.global-footer-outer .cont-link .type h6 { font-size: 16px; line-height: 1.5; margin: 0; white-space: nowrap; }
.global-footer-outer .cont-link .con-link { min-width: 0; }
.global-footer-outer .cont-link .con-link a { overflow-wrap: anywhere; }

.global-footer-outer .inner .cont-links .cont-link .type { flex: 0 0 auto !important; width: auto !important; white-space: nowrap !important; }
.global-footer-outer .inner .cont-links .cont-link .type h6 { font-size: 16px !important; line-height: 1.5 !important; margin: 0 !important; white-space: nowrap !important; }

.global-footer-outer .inner .col2 .cont-links .cont-link { display: flex !important; align-items: flex-start !important; gap: 6px !important; }
.global-footer-outer .inner .col2 .cont-links .cont-link .type h6,
.global-footer-outer .inner .col2 .cont-links .cont-link .con-link a { font-size: 14px !important; line-height: 24px !important; margin: 0 !important; }