/*
 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
*/

/*****CTA Section Styling*****/
.tr-cta-section {
    position: relative;
    z-index: 1; /* Establish a stacking context */
    background-position: center;
    background-size: cover;
}

/* Background image container */
.tr-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit; /* Inherit the main background image */
    background-size: cover;
    background-position: center;
    z-index: -2; /* Place at the bottom of the stack */
}

/* Overlay image */
.tr-cta-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://dev.taylorroofs.co.uk/wp-content/uploads/roof-image-overlay.webp');
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; /* Place above the main background but below content */
    pointer-events: none; /* Ensure clicks pass through to content */
}

/*****Navigation Styling*****/
.brx-dropdown-content {
  display: block !important;
}

.brx-submenu-toggle button {
 padding-left: 0!important;
}

.brx-dropdown-content li:not(:last-child) {
 border-bottom: 1px solid #359ed6;
}

.brx-dropdown-content li {
 margin: 0 1.25rem;
}

/*****Location Page Styling*****/

.tr-check-list ul {
  list-style: none; /* Removes default bullet points */
  padding-left: 0; /* Adjusts alignment */
  margin-left: 3rem;
}

.tr-check-list ul li::before {
  content: "✔"; /* Unicode checkmark */
  color: #61ce70; /* Sets checkmark color */
  font-weight: bold;
  font-size: 3rem;
  margin-right: 8px; /* Space between checkmark and text */
}