/*
 * Holland Lloyd site CSS.
 *
 * Moved here on 2026-11-05 from WordPress's Additional CSS (Appearance → Customize → Additional
 * CSS), where it had been kept in the database. Rules are in their original order: later rules
 * win ties, so don't reorder them.
 *
 * Printed in <head> after Flatsome's generated styles; see inc/site-css.php.
 */

/* Header bar and gradient accents */
.primary-grad,.header-top {
background: rgb(202,115,16);
background: linear-gradient(142deg, rgba(202,115,16,1) 0%, rgba(229,164,62,1) 100%);
}

/* Buttons */
.dark > .button.primary-grad-border span {
  color: #fff !important;
}

/* Vertical boxes */
.box-vertical .box-text {
    direction: ltr;
    display: table-cell;
    vertical-align: bottom;
  }

.vt-boxes .box-text .box-text-inner {
  transform: rotate(-90deg);
    margin-bottom: 50%;
}

/* "Why Holly" cards */
.why-holly-card .col-inner:hover{
	background: linear-gradient(142deg, rgba(202,115,16,1) 0%, rgba(229,164,62,1) 100%);
}

/* Contact form (Ninja Forms) submit button */
.nf-form-content input[type="submit"] {
  height: auto !important;
  padding: 2px 10px !important;
  min-width: 20% !important;
  border-radius: 4px !important ;
}

/* Overlapping white columns */
.marginneg > .col > .col-inner {
    background-color: rgb(255, 255, 255);
    min-height:130px;
        display:flex;
    justify-content:center;
    align-items:center;
}
.marginneg {
	margin-bottom: -50px !important;
}

/* Project lists */
.project-list-even .col.post-item.is-selected {
    height: 100% !important;
}

.project-list-even .col.post-item.is-selected .col-inner {
    height: 100%;
    background: #fff;
}

/* Contact form (Ninja Forms) labels */
.nf-form-fields-required {display:none;}
.nf-field-label {display:none;}

/* Tick-mark bullet lists */
.bullet-checkmark {
    list-style: none;
    position: relative;
    padding-left: 25px;
}

.bullet-checkmark::before {
    content: "\2714";
    position: absolute;
    left: 0;
    color: #CB7817;
    font-weight: bold;
}

/* Contact form submit colour, and tick colour, from the Flatsome secondary colour */
 .nf-form-content input[type=submit] {
        background: var(--fs-color-secondary) !important;

}
ul li.bullet-checkmark:before {
    color: var(--fs-color-secondary) !important;

}

/* Adjust heading styles inside blog posts */
.single-post h2,
.single-post h3,
.single-post h4 {
  font-weight: 500 !important;
}
.single-post h2 {
  font-size: 1.25em !important;
}
.single-post h3 {
  font-size: 1.15em !important;
}
.single-post h4 {
  font-size: 1.1em !important;
}

/* Inline CTA */
/* White text and button. Flatsome's dark sections default to off-white (#f1f1f1), which reads as
   muted on the orange. The button takes its colour from here; Flatsome's hover (white fill, grey
   text) still wins. Decided 2026-11-06. */
.inline-cta.dark,
.inline-cta.dark p {
  color: #fff;
}
.inline-cta .text {
  font-weight: 700;
}

.inline-cta .button {
  margin-bottom: 0;
}
.inline-cta.section {
  margin: 40px 0;
}
@media (max-width: 549px) {
  .inline-cta .col-inner {
    text-align: center;
  }
}