/* Base Teal Color */
:root {
--teal: #008080;
}
/* Body and Typography */
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
}
/* Teal Headers */
h1, h2, h3, h4, h5, h6 {
color: var(--teal);
font-weight: bold;
}
/* Modern Buttons with Teal Background */
.button, .wix-button {
background-color: var(--teal);
color: #ffffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease;
}
.button:hover, .wix-button:hover {
background-color: #006666;
}
/* Teal Color Links */
a {
color: var(--teal);
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #006666;
}
/* Modern Teal Border for Input Fields */
input[type="text"], input[type="email"], textarea {
border: 2px solid var(--teal);
border-radius: 5px;
padding: 10px;
width: 100%;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
border-color: #006666;
}
/* Teal Color for Active Navigation */
.nav-active {
color: var(--teal);
font-weight: bold;
}
top of page
bottom of page
