/**
 * Theme Name: Woodstone
 * Theme URI: https://woodstonehomesnh.com
 * Description: Elegant theme for Woodstone Homes
 * Version: 1.0.0
 * Author: Atlas and Arrow, LLC
 * Author URI: https://atlasandarrow.co
 */

.compass-container {
    background: #ffffff;
}

.compass-icon {
    border: 3px solid #D7BA98;
    box-shadow: 0 4px 16px rgba(215, 186, 152, 0.3);
}

.compass-name {
    color: #090402;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.compass-description {
    color: #555555;
    font-size: 15px;
}

.compass-link-button {
    background: #023C53;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(2, 60, 83, 0.2);
}

.compass-link-image {
    border-radius: 6px;
}

@media (hover: hover) {
    .compass-link-wrapper:hover .compass-link-button,
    .compass-link-button:hover {
        background: #D7BA98;
        color: #090402;
        transform: scale(1.02);
        box-shadow: 0 4px 16px rgba(215, 186, 152, 0.4);
    }
}

.compass-link-wrapper:active .compass-link-button,
.compass-link-button:active {
    background: #c9a882;
    color: #090402;
    transform: scale(0.98);
}

.compass-share-btn {
    color: #ffffff;
}

.compass-social-icon {
    color: #023C53;
}

@media (hover: hover) {
    .compass-social-icon:hover {
        color: #D7BA98;
    }
}

.compass-social-text-link {
    color: #023C53;
}

@media (hover: hover) {
    .compass-social-text-link:hover {
        background: rgba(2, 60, 83, 0.08);
    }
}

.compass-header-icon {
    color: #023C53;
    background: rgba(2, 60, 83, 0.06);
}

@media (hover: hover) {
    .compass-header-icon:hover {
        background: rgba(2, 60, 83, 0.12);
        box-shadow: 0 2px 8px rgba(2, 60, 83, 0.15);
    }
}

.compass-footer-link {
    color: #999999;
}

@media (hover: hover) {
    .compass-footer-link:hover {
        color: #023C53;
    }
}

.compass-footer-separator {
    color: #dddddd;
}