@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Pacifico&display=swap');


.subtitle-block1 {
	
text-shadow:
    1px 1px 2px #000, /* Dark shadow for contrast */
    2px 2px 4px rgba(0, 0, 0, 0.5), /* Softer, larger black shadow for depth */
    -1px -1px 1px #d4af37; /* Subtle gold highlight to tie in with background */
font-family: 'Roboto', cursive;
  display: block; /* or 'block' depending on your layout */
  padding: 10px 20px; /* or any other size you prefer */
  cursor: pointer; /* make it look clickable */

  /* Gradient background */
  background-image: linear-gradient(to bottom, #D4AF37, #D4AF37 70%, #F3E5AB);

  /* Box shadow */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* x-offset, y-offset, blur-radius, color */

  /* Optional: rounded corners */
  border-radius: 10px; /* adjust or remove as needed */



  /* Ensuring the text is on top of the gradient for visibility */
  position: relative;
  z-index: 1;
}

.transp {
    background-color: rgba(255, 255, 255, 0.2); /* semi-transparent white */
}






.subtitle-block {

    2px 2px 4px rgba(0, 0, 0, 0.5), /* Softer, larger black shadow for depth */
    -1px -1px 1px #d4af37; /* Subtle gold highlight to tie in with background */
	
font-family: 'Roboto', cursive;
	 animation: pulse 10s infinite;
	 /* Button appearance */
  display: inline-block; /* or 'block' depending on your layout */
  padding: 5px 10px; /* or any other size you prefer */
  cursor: pointer; /* make it look clickable */

  /* Gradient background */
  background-image: linear-gradient(to bottom, #D4AF37, #D4AF37 80%, #F3E5AB); 

  /* Box shadow */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 1); /* x-offset, y-offset, blur-radius, color */

  /* Optional: rounded corners */
  border-radius: 100px; /* adjust or remove as needed */

  /* Transition for interactive effects */
  transition: all 0.3s ease;

  /* Ensuring the text is on top of the gradient for visibility */
  position: relative;
  z-index: 1;
}

/* Interactive states like hover and active can have different styles if you want */
.subtitle-block:hover {
  /* Slightly shift the shadow on hover for a "raised" effect */
  box-shadow: 3px -3px 10px rgba(255, 255, 25, .8);
}

.subtitle-block:active {
  /* Pressed down effehttps://chasinvibes.com/?customize_changeset_uuid=5fca1d97-7c0f-48a7-abf0-e9fc18c6eb5f&customize_theme=blur&customize_messenger_channel=preview-0#Contact-Infoct on click */
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.9);
}

a {
    text-decoration: none;
}

/* Add a smooth hover transition effect for images in the gallery */
.Gall img {
   

}

/* Slightly scale images on hover and reduce their opacity */



/* When an image is hovered, slightly darken all other images in the gallery */
.Gall img:hover ~ img, 
.Gall img:not(:hover) {
    filter: brightness(90%);
}

.Gall img:hover {
    filter: brightness(100%);
}

.content-block {
  position: relative; /* Establishes a positioning context */
}

/* This media query applies styles for screens that are 768px wide or less */
@media screen and (max-width: 768px) {
	
	.HideBlock {
  display: none;
}
	
	
}