/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* GLOBAL */
ul:not(.is-list) {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
ul:not(.is-list) li {
	margin-left: 0;
     margin-bottom: 0;
}
ul.is-list {
	padding-block-start: 1em;
}
body.bricks-is-frontend :focus-visible {
	outline: var(--focus-color) solid var(--focus-width);
}
.has-underline {
	/*text-decoration: underline;*/
	position: relative;
	display: inline-block;
}
.has-underline:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	bottom: -6px;
	border-top: 4px solid var(--color-secondary);
	border-radius: 50%;
}
.primary-link {
	position: relative;
	color: var(--color-primary);
}


/* NAVIGATION */
.bricks-site-logo {
  transition: max-height 0.3s ease;
  max-height: 80px;
}

header.scrolling .bricks-site-logo {
  max-height: 60px;
}
.bricks-nav-menu {
     align-items: center;
}
.nav-cta {
     display: flex;
     flex-direction: row;
     padding: var(--space-s) var(--space-btn-hor-m);
     line-height: 1;
     background-color: var(--color-secondary);
     border: 2px solid var(--color-secondary);
	border-radius: var(--border-radius-s);
     font-weight: 600;
     column-gap: .25rem;
     transition: all .3s ease-in-out !important;
}
#brxe-wepfyw .brx-nav-nested-items > li > a.nav-cta {
	color: var(--color-white);
}
.nav-cta:hover {
     background-color: var(--color-secondary-dark);
}
nav > ul > li,
ul.subfooter-links li,
ul.subfooter-links li a{
     position: relative;
}
nav ul > li a:not(.nav-cta):before,
ul.subfooter-links li a:before,
.orange-link:before {
     content: "";
     position: absolute;
     left: 0;
     right: 100%;
     bottom: 0rem;
     background: var(--color-primary);
	width: auto;
     height: 2px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
nav ul > li a:not(.nav-cta):hover:before,
ul.subfooter-links li a:hover:before,
.orange-link:hover:before {
     right: 0;
}
nav ul ul li a::before {
    content: none !important;
}
@media (min-width: 993px) and (max-width: 1120px) {
	.bricks-site-logo {
	  max-height: 60px;
	}
}
@media (min-width: 769px) {
     .nav-toggle:before {
          content: 'Menu';
          font-size: var(--text-size-l);
          color: var(--color-secondary);
          font-weight: 600;
          margin-right: var(--space-s);
     }
     .nav-container > a:first-child {
          display: none;
     }
}
@media (max-width: 480px) {
     #brxe-wbcipz .bricks-site-logo {
          height: 50px !important;
     }
}

/* LAYOUTS */
.grid-7__2r-2c {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-gap: var(--gap-col);
	grid-auto-flow: dense;
}
.grid-7__2r-2c li:nth-child(-n+2) {
	grid-column: span 6;
	grid-row: span 4;
}
.grid-7__2r-2c li:nth-child(n+3) {
	grid-column: span 4;
	grid-row: span 4;
}
@media (min-width: 769px) and (max-width: 992px) {
	.grid-7__2r-2c li:nth-child(n) {
		grid-column: span 6;
	}
}
@media (max-width: 768px) {
	.grid-7__2r-2c li:nth-child(n) {
		grid-column: span 12;
	}
}

/* CARDS */
.card-contact-info__icon-box .icon {
	align-items: center;
	justify-content: center;
}
.replace-card:hover .replace-card__text {
  opacity: 1;
}

/* CLICKABLE CARDS */
.focus-parent {
	position: relative;
	transition: translate .3s ease-in-out;
}
.card.focus-parent:hover,
.card.focus-parent:focus-within {
	box-shadow: var(--shadow-card-offset-x) var(--shadow-card-offset-y) var(--shadow-card-blur) var(--shadow-card-spread) var(--focus-color);
	translate: 0 -.25em;
}
.focus-parent h3 > a:before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}
.focus-parent:focus-within :focus {
    outline: none;
}

/* FAQ ACCORDION */
.accordion li {
	margin-bottom: 1rem;
}
.accordion .title {
  margin-right: .5rem;
}
.gradient-secondary-corner::before {
	z-index: 2 !important;
}

/* SEARCH FORM */
.bricks-search-form {
	width: 400px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.bricks-search-form input[type=search] {
	width: 100%;
	color: var(--color-white);
}
.bricks-search-form button {
	height: 42px;
}

/* FOOTER */
@media (max-width: 480px) {
	.footer-links ul {
		flex-direction: column;
		align-items: center;
	}
}

/* =========================================================
   BLOG POSTS ONLY — Ensure bullets/numbers inside columns
   ========================================================= */
/* BLOG POSTS ONLY — spacing below H2s */
body.single-post h2 {
  margin-bottom: 15px !important;  /* space below heading */
  padding-bottom: 0 !important;    /* make sure no weird padding */
}

/* ADDED: ULs inside Gutenberg columns on single posts */
body.single-post .wp-block-column ul:not(.is-list) {
  list-style: disc !important;
  list-style-position: outside !important;
  margin: 0 0 1.05rem 1.25rem !important;
  padding-left: 0 !important;
}

/* ADDED: Bullet color/weight inside columns */
body.single-post .wp-block-column ul li::marker {
  color: #9dbc19 !important;   /* brand green */
  font-weight: 700 !important;
}

body.single-post p a {
	color: #9dbc19 !important;   /* brand green */
}

/* ADDED: LI spacing inside columns */
body.single-post .wp-block-column li {
  margin: 0 0 0.6rem 0 !important;
  line-height: 1.6 !important;
}

/* ADDED: Nested lists inside columns */
body.single-post .wp-block-column li ul {
  margin-top: 0.4rem !important;
}
body.single-post .wp-block-column li ul li::marker {
  color: #7aa00f !important;
}

/* ADDED: OLs inside Gutenberg columns on single posts */
body.single-post .wp-block-column ol {
  list-style: decimal !important;
  margin: 0 0 1.05rem 1.5rem !important;
  padding-left: 0 !important;
}
body.single-post .wp-block-column ol li {
  margin: 0 0 0.6rem 0 !important;
  line-height: 1.6 !important;
}

/* ADDED: Links inside list items (columns) */
body.single-post .wp-block-column li a, body.single-post p a {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
body.single-post .wp-block-column li a:hover {
  text-decoration-thickness: 2px !important;
}

/* ADDED: Trim last list spacing in column */
body.single-post .wp-block-column ul:last-child,
body.single-post .wp-block-column ol:last-child {
  margin-bottom: 0 !important;
}

/* BLOG POSTS ONLY — spacing above CTA button */
body.single-post .wp-block-button {
  margin-top: 35px !important;   /* adjust to taste: 15px, 30px, etc. */
  padding-top: 0 !important;     /* keep padding clean */
}