/* ============================================
   SITE-BUTTONS.CSS
   ============================================ */

/* Canonical button styling (formerly hero-cta) */
.site-button {
    display: inline-block;
    padding: 10px;
    background: #333333;
    color: #fff;
    font-weight: 400;
    font-family: Calibri;
    text-decoration: none;
    font-size: 200%;
    text-transform: uppercase;
    border-radius: 5px;
    transition: background 0.2s ease;
}

.site-button:hover {
    background: #fff;
    color: #333;
}

/* MEMBER BUTTONS */
	/* REMOVE UNDERLINES FROM BUTTONS */
	.member-more-btn {
		text-decoration: none;
	}



/* SERVICES BUTTON */
.more-button {
    display: inline-block;
    padding: 8px 16px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.more-button:hover {
    background: #333;
}



@media (max-width: 600px) {
	.site-button {
		padding: 5px;
		font-size: 10px;
	}
}