.rounded-corners15 img {    
     border-radius: 15px;
}   
    
.rounded-corners30 img {
     border-radius: 30px;
}

.header-button .black-button {
  background-color: black;
  color: #ff9900;
  font-size: 12px;
#  font-weight: bold;
  padding: 10px 20px;
  border-radius: 12px;
  border: 1px solid #ff9900;
  transition: all 0.3s ease;
  text-decoration: none;
}

.header-button .black-button:hover {
  background-color: #ff9900;
  border-color: #000;
  color: #000;
}

/* Note: Black-button and Orange-button are defined in functions.php (for Gutenberg) */

/* Make columns use equal height layout */
.wp-block-columns {
  display: flex;
  align-items: stretch; /* ensures children (columns) grow to the same height */
}

/* Ensure each column fills full height */
.wp-block-column {
  display: flex;
  flex-direction: column;
}

/* Rounded panel fills its container */
.wp-block-group.is-style-rounded-panel.fill-column-height {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* optional: center content vertically */
}

/* Ensure columns are equal-height containers */
.wp-block-columns {
  display: flex;
  align-items: stretch;
}

.wp-block-column {
  display: flex;
  flex-direction: column;
}

/* Rounded panels fill the column by default now */
.wp-block-group.is-style-rounded-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wp-block-group.is-style-rounded-panel {
    border-radius: 20px;
    padding: 20px;
    border: 2px solid #ccc;
    background: #f9f9f9 url("https://www.toptal.com/designers/subtlepatterns/patterns/symphony.png");
    background-size: cover;
    overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.wp-block-image.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


.wp-block-heading.is-style-hero-heading {
  font-size: 50px;
  font-family: 'Noto Serif', serif;
  transform: scale(1.1, 1);
  line-height: 1.1;
  white-space: nowrap;
  overflow-wrap: normal;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  display: block;
  text-align: center;
}

.hero-heading {
  font-size: 50px;
  font-family: 'Noto Serif', serif;
  transform: scale(1.1, 1);
  line-height: 1.1;
  white-space: nowrap;
  overflow-wrap: normal;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  display: block;
  text-align: center;
}

.wp-block-button.is-style-black-button .wp-block-button__link {
  background-color: #000;
  color: #d67d00;
  border-radius: 12px;
  font-weight: bold;
  padding: 12px 24px;
  border: 2px solid #d67d00;  /* ? ADD this */
  transition: all 0.3s ease;
}

.wp-block-button.is-style-black-button .wp-block-button__link:hover {
  background-color: #d67d00;
  border: 2px solid #000;
  color: #000;
}