.wp-block-button__link {
	background-color:#066486;
	color: white;
	transition: all .2s ease-in-out;
}
.wp-block-button__link:hover {
	background-color:#6c9832;
	color:white;
	transform: scale(0.95);
}
div.nav-previous a {
	color: white;
}
div.nav-previous {
	transition: all .2s ease-in-out;
}
div.nav-previous:hover {
	transform: scale(0.95);
}
div.nav-next {
	transition: all .2s ease-in-out;
}
div.nav-next a {
	color: white;
}
div.nav-next:hover {
	transform: scale(0.95);
}
.amount, a:focus, a:active {
	color:#bfc1c1 !important ;
}
.blog-feed {
	height:600px;
}
.latest-story {
	height:600px;
}
.latest-story-img {
	height:600px;
}

.canopy-style-image {
    width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
	  margin-bottom: 15px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .canopy-style-image {
        width: 90%; /* 90% width on mobile screens */
    }
}

/* Hide default radio button circle */
.canopy-card input[type="radio"] {
  display: none !important;
}

/* Base card layout with rounded edges */
.canopy-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  margin: 8px;
  border: 2px solid #e0e0e0;
  border-radius: 12px; /* Smooth rounded corners */
  cursor: pointer;
  background-color: #ffffff;
  transition: all 0.25s ease-in-out;
  text-align: center;
}

/* Hover effect */
.canopy-card:hover {
  border-color: #81c784;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Selected state: Green background and border */
.canopy-card:has(input[type="radio"]:checked) {
  background-color: #e8f5e9 !important; /* Soft green background */
  border-color: #2e7d32 !important;     /* Solid green border */
  box-shadow: 0 4px 14px rgba(46, 125, 50, 0.2);
}

/* Optional: Bold selected text */
.canopy-card:has(input[type="radio"]:checked) span {
  color: #1b5e20;
  font-weight: bold;
}

/* Centered diagram image styling */
.canopy-diagram-image {
    display: block;
    margin: 0 auto; /* Centers the image */
    width: 50%;     /* 50% width on desktop */
    height: auto;   /* Maintains aspect ratio */
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .canopy-diagram-image {
        width: 80%; /* 80% width on mobile screens */
    }
}

#style-err {
  display: none !important;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1.25em;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

/* style radios in canopy config form */
.wpcf7-radio .wpcf7-list-item-label {
    font-size: 2rem;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 11px;
}

/* Container Spacing */
.schema-faq, 
.wp-block-yoast-faq-block {
  max-width: 850px;
  margin: 30px auto;
}

/* Individual Card Container */
.schema-faq-section {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 5px solid #01543d; /* Change to your brand color */
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 22px 26px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}

/* Question Title (Forced pixel size) */
.schema-faq-section .schema-faq-question {
  display: block !important;
  font-size: 20px !important; 
  font-weight: 700 !important;
  color: #1a202c !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}

/* Answer Text & Paragraphs (Forced pixel size) */
.schema-faq-section .schema-faq-answer,
.schema-faq-section .schema-faq-answer p {
  font-size: 16px !important; 
  line-height: 1.6 !important;
  color: #4a5568 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}