/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.hhs-accordion {
height: 650px;
overflow-y: auto;
}

/* button links */
.my-button1 {
   background-color: #fa6304; /* Initial button color */
   color: white;
   padding: 20px 25px;
   border: none;
   border-radius: 9px; /* rounded corners */
   display: inline-block;
   font-weight: bold;
   letter-spacing: 1px;
   text-decoration: none;
   cursor: pointer;
   box-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
            
   /* Tells the browser how to animate the changes - transform over 0.3 seconds. */
   transition: background-color 0.3s ease, transform 0.3s ease;
}

   /* The style for the button when a user hovers over it */
   .my-button1:hover {
      background-color: #fc8032; /* A lighter shade of orange */
      color: white;
      transform: scale(1.07); /* This enlarges the button by 7% */
   }

/* -------------------------
   Small text above H1
   ------------------------- */
.smallh1 {
  font-size: 0.6em;           /* 60% of H1 size */
  margin-bottom: -0.15em;      /* lifts it closer to main headline */
  line-height: 1;             /* tighter spacing */
  letter-spacing: 0.02em;     /* subtle polish */
  transform: translateY(-0.1em); /* optional “float” effect */
}

/* Smaller text for headers */
.smallheader {
  font-size: 0.75em;          /* 75% of original font size (determined in the theme settings) */
  line-height: 0.9;
  margin-bottom: 1em;
}

.largeparagraph {
  font-size: 1.3em;
  line-height: 0.8;
  margin-bottom: 1.3em;
}

.evenlargerparagraph {
  font-size: 1.5em;
  line-height: 0.8;
}

/* ------------------
   Responsive tweaks
   ------------------ */
@media (max-width: 600px) {
  .smallh1 {
    font-size: 0.65em;       /* slightly bigger on mobile for readability */
  }
  .smallheader {
    font-size: 0.8em;
  }
  .largeparagraph {
    font-size: 1.4em;
  }
  .evenlargerparagraph {
    font-size: 1.6em;
  }