/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 26 2025 | 02:34:13 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories {
	text-transform: none;
}
html {
  font-size: 100%; /* Keeps it scalable with user settings */
  line-height: 1.6;
}

/* Paragraphs */
p {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.2em;
}

/* Spacing Margin Top & Bottom for Image in post when viewing on iPhone */
@media only screen and (max-width: 767px) {
  .wp-block-column {   
    margin-bottom: 3% !important;  /* adjust as needed */
  }
}
img {
	border-radius: 4px;  /* adjust corner roundness */
}
/* Headings scale fluidly */
h1 {
  font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
  line-height: 1.2;
}

h2 {
  font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  line-height: 1.3;
}

h3 {
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  line-height: 1.4;
}

h4 {
  font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
}

h5 {
  font-size: clamp(1.125rem, 1rem + 0.3vw, 1.3rem);
}

h6 {
  font-size: clamp(1rem, 0.9rem + 0.2vw, 1.1rem);
}
.wp-block-navigation {
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  line-height: 1.4;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
.intro_text {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.intro_text.fade-out {
  opacity: 0;
}