body
{
	background-color:var(--electrologist-web-color);
	color:var(--electrologist-text-color);
}
.primary
{
	background-color:var(--electrologist-primary)!important;
}
.secondary
{
	background-color:var(--electrologist-secondary)!important;
}
.primary-alt
{
	background-color:var(--electrologist-primary-alt)!important;
}
.secondary-alt
{
	background-color:var(--electrologist-secondary-alt)!important;
}
.carousel-caption
{
	color:inherit !important;
}
.dark
{
	background-color:var(--bs-dark)!important;
}
.light
{
	background-color:var(--bs-light)!important;
}
img.logo
{
	max-height:100px;
}

h1.pgTitle
{
	font-weight: 100;
	text-align: center;
	font-size: calc(1rem + .75vw);
	text-transform: uppercase;
	letter-spacing:.1em;
	color:var(--electrologist-primary);
}
h2.pgTitle
{
	font-weight: 400;
	text-align: center;
	font-size: calc(1rem + 2vw);
	color:var(--electrologist-secondary);	
}

h2.sTitle
{
	font-size: calc(1rem + 1vw);
	font-weight: 900;
	color:var(--electrologist-primary);	
}
h3.sTitle
{
	font-size: calc(.5rem + .75vw);
	font-weight: 400;
	color:var(--electrologist-secondary);	
}

p
{
	font-size:calc(1rem + .4vw);
}
p.lead
{
	font-size:calc(1rem + .5vw);
	font-weight:400;
}

.btn-primary
{
	background-color: var(--electrologist-primary);
	color: var(--bs-light);
	border: 0;
	text-decoration: none;
	transition: background-color .5s, color .5s;
}
.btn-primary:hover
{
	background-color: var(--bs-light);
	color: var(--electrologist-primary);
	border: 0;
	text-decoration: none;
	transition: background-color .5s, color .5s;
}
.dropdown-item:active
{
	background-color:var(--electrologist-link-color)!important;
}
a, .nav-item, .nav-link
{
	color: var(--electrologist-link-color);
	text-decoration: none;
	transition: color .5s;
}
a:hover, .nav-item:hover, .nav-link:hover
{
	color: var(--electrologist-secondary);
	text-decoration: none;
	transition: color .5s;
}
a.nav-p a
{
	color: var(--electrologist-link-color);
	text-decoration: none;
	transition: color .5s, text-decoration .5s;
}
a.nav-p a:hover
{
	color: var(--electrologist-secondary);
	text-decoration: none;
	transition: color .5s, text-decoration .5s;
}
.primary a, .secondary a, .primary-alt a, .secondary-alt a
{
	color:inherit;
	font-weight:bold;
}
#footer p
{
	opacity:1;
}
p
{
	font-weight:200;
	font-size:1.25em;
	line-height:1.75em;
}
@media(max-width:800px)
{
	.d-sm-w-100
		{
			width:100%;
		}
}

<style>
  /* Social Media Icons — Prime Aesthetics Electrolysis Footer */
  .social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 14px 0 10px;
  }
 
  .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #c8a97e;      /* warm gold — matches spa/electrolysis aesthetic */
    color: #fff;
    text-decoration: none;
    transition: background-color 0.25s ease, transform 0.2s ease;
  }
 
  .social-links a:hover {
    background-color: #a07850;      /* slightly deeper gold on hover */
    transform: translateY(-2px);
  }
 
  .social-links a svg {
    width: 20px;
    height: 20px;
    fill: #fff;
  }
</style>
 
