#outer {
	margin-left: 0px;
	background-color: white;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	margin-bottom: 0px;
	padding: 0px 0px 0 0;
	color: #000000;
}

#centrecontent {
	background-color: white;
	border: 1px solid navy;
	padding: 0 10px;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 110%;
padding-bottom: 20px;
}
h2 {text-align: center;
margin-bottom: 12px;}


.btn-success {
	background-color: var(--clr-primary);
}

#centrecontent p {
	margin-bottom: 15px;
	
}

input {
  width: 100%;
  padding: 5px;
  margin: 10px 0;
  box-sizing: border-box;
}

/* =============================================
   MEMBERSHIP-SPECIFIC OVERRIDES
   Forces all .btn-primary and .btn-success buttons/links to look consistent
   Overrides any bleed-over from main hkvca.ca local.css
   ============================================= */

/* Primary Button */
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #fff !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    transition: all 0.15s ease-in-out !important;
    margin: 5px 0 !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus {
    background-color: #286090 !important;
    border-color: #204d74 !important;
    color: #fff !important;
}

.btn.btn-primary:active,
a.btn.btn-primary:active,
button.btn.btn-primary:active {
    background-color: #204d74 !important;
    border-color: #122b40 !important;
}

/* Success Button - Consistent with Primary */
.btn.btn-success,
a.btn.btn-success,
button.btn.btn-success {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    color: #fff !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    transition: all 0.15s ease-in-out !important;
    margin: 5px 0 !important;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
a.btn.btn-success:hover,
a.btn.btn-success:focus,
button.btn.btn-success:hover,
button.btn.btn-success:focus {
    background-color: #449d44 !important;
    border-color: #398439 !important;
    color: #fff !important;
}

.btn.btn-success:active,
a.btn.btn-success:active,
button.btn.btn-success:active {
    background-color: #398439 !important;
    border-color: #2e6e2e !important;
}

/* Make sure links styled as buttons behave correctly */
a.btn.btn-primary,
a.btn.btn-success {
    line-height: 1.42857143 !important;
}

/* Optional helper class for other important actions */
.btn-action {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #fff !important;
    padding: 10px 18px !important;
    border-radius: 4px !important;
}

/* =============================================
   NAVBAR BUTTON SPACING & CONSISTENCY FIX
   Forces proper spacing between buttons in the header navbar
   ============================================= */

.navbar-nav > li {
    margin-left: 6px !important;   /* Space between all navbar items */
}

.navbar-nav.navbar-right > li {
    margin-left: 8px !important;   /* Extra space on the right side buttons */
}

/* Make sure all primary buttons/links in navbar have consistent padding and size */
.navbar-nav .btn.btn-primary,
.navbar-nav a.btn.btn-primary {
    padding: 8px 16px !important;      /* Slightly smaller padding for navbar */
    margin: 8px 2px !important;        /* Extra safety margin */
    font-size: 13px !important;
    line-height: 1.4 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}

/* Hover effect remains strong */
.navbar-nav .btn.btn-primary:hover,
.navbar-nav a.btn.btn-primary:hover {
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

/* Fix for the Contact Us button specifically */
.navbar-nav .tt1.btn.btn-primary {
    padding: 8px 16px !important;
    margin: 8px 8px 4px 4px !important;   /* Extra right margin */
}