/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
table {
	border: .1rem solid #dcd7ca;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.page-id-5 .entry-title {
	display: none;
}

.page-id-5 .entry-header.has-text-align-center.header-footer-group {
	display: none;
}

.column {
	float: left;
	width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Change DONATE! Option */

.menu-item-1057 {
	background: #60006c !important;
	border-radius: 18px;
	color: #ffffff !important;
}

.menu-item-1057 a {
	color: #ffffff !important;
	text-align:center;
	padding-left: 10px;
   padding-right: 10px;
}


/* Links in nav, paragraphs, and footer */
nav a,
p a,
footer a {
    color: #540066 !important;
}

nav a:hover,
p a:hover,
footer a:hover {
    color: #4f1585 !important;
}

/* All buttons styled consistently */
button,
input[type="submit"],
input[type="button"] {
    background-color: #60006c;
    color: white;
    border: none;
    border-radius: 999px;
    padding: 0.5em 1.5em;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: inherit;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #4f1585;
}

button,
input[type="submit"],
.e2ma_signup_form_button,
.wp-block-button__link {
    font-family: "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #540066 !important;
}
/* Dropdown arrows */
.icon::before,
.icon::after {
    color: #540066 !important;
}

/* Hover effect */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #bb83c7; /* Lighter purple or brand-accent */
}

/*footer text color*/
.confit-address a,
.confit-email a {
    color: #60006c !important;
}

.confit-address a:hover,
.confit-email a:hover {
    color: #4f1585 !important;
}

.components-button {
    font-family: "Open Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #60006c !important;
    background-color: white !important; /* Or any background color you prefer */
    border: 2px solid #60006c !important; /* Adds a border to match */
}

.components-button:hover {
    background-color: #60006c !important;
    color: white !important;
}

/*social media icons in footer - color change */
.icon,
.icon use {
    fill: #60006c !important;
}

/* Fix dropdown background color */
.sub-menu {
    background-color: #fafafa !important; /* Or whatever light color you want */
}

.sub-menu a {
    color: #60006c !important;
}

.sub-menu a:hover {
    color: #4f1585 !important;
}