@import url("https://fonts.googleapis.com/css2?family=Copperplate:wght@400;700&display=swap"); .font-copperplate,
[style*="font-family: Copperplate"],
[style*="font-family: copperplate"] {
font-family: 'Copperplate', serif !important;
} .elementor-control-font-family select option[value="copperplate"],
.elementor-control-typography .elementor-control-font-family select option[value="copperplate"] {
font-family: 'Copperplate', serif !important;
} .heffron-widgets-container {
position: relative;
} .heffron-example-widget {
padding: 20px;
margin: 0;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.heffron-example-widget:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
.heffron-example-title {
margin: 0 0 15px 0;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: #333333;
}
.heffron-example-description {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #666666;
} @media (max-width: 768px) {
.heffron-example-widget {
padding: 15px;
}
.heffron-example-title {
font-size: 20px;
}
.heffron-example-description {
font-size: 14px;
}
}
@media (max-width: 480px) {
.heffron-example-widget {
padding: 12px;
}
.heffron-example-title {
font-size: 18px;
}
}