/* =======================
   Base Styles
========================== */
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.75rem;
}

a {
    color: #F5625D;
    border-bottom: 2px dotted #F5625D;
    padding-bottom: 3px;
    text-decoration: none;
}

a:hover {
    color: #3A8544;
}

.green { color:#3A8544;}

/* =======================
   Header & Menu
========================== */
#header {
    background-color: #fff !important;
}

#header a {
    border-bottom: 0;
    padding-bottom: 0;
}

#header #mega-menu-wrap-main-menu #mega-menu-main-menu .btn-login a {
    background-color: #204733 !important;
    color: #fff !important;
    border-radius: 30px !important;
}

#header #mega-menu-wrap-main-menu #mega-menu-main-menu .btn-join a {
    background-color: #F5625D !important;
    color: #fff !important;
    border-radius: 30px !important;
}

#header #mega-menu-wrap-main-menu #mega-menu-main-menu .btn-login a:hover,
#header #mega-menu-wrap-main-menu #mega-menu-main-menu .btn-join a:hover {
    background-color: #3A8544 !important;
}

.megamenucolspacer {
    width: 200px;
}

/* =======================
   Hero Section
========================== */
.hero {
    background-image: url(https://afiorg.uk/wp-content/uploads/2025/04/afi-banner-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.hero .title {
    font-size: 44px;
}

/* =======================
   Buttons
========================== */
.btn-primary {
    background-color: #F5625D;
    padding: 10px 16px;
    border: 0;
    border-radius: 30px;
    color: #fff;
    --bs-btn-box-shadow: inset 0 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    background-image: none !important;
}

.btn-primary:hover {
    background-color: #3A8544 !important;
}

.btn-outline-success {
    padding: 10px 16px;
    border-radius: 30px;
    color: #3A8544;
    border-color: #3A8544;
}

/* =======================
   Find A Member Section
========================== */
.find-a-member {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
}

.find-a-member img {
    border-radius: 10px;
}

/* =======================
   Page Header
========================== */
.page-header {
    background-color: #1D4324;
    background: linear-gradient(45deg, rgba(29, 44, 29, 1) 0%, rgba(68, 102, 67, 1) 100%);
    color: #fff;
}

/* =======================
   Accordion
========================== */

/* Change the background color of the active accordion header */
.accordion-button:not(.collapsed) {
    background-color: #3A8544; /* your new background */
    color: #fff; /* text color */
}

/* Make non-active FAQ questions larger */
.accordion-button {
    font-size: 1.25rem; /* bigger text */
    font-weight: 600;   /* optional: make bolder */
}

.accordion-button:focus {
    border-color: #999; /* softer highlight */
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.25); /* subtle grey glow */
}

/* =======================
   Sibling Pages Menu
========================== */
.sibling-pages-menu {
    background: #78A683;
    border-radius: 8px;
}

.sibling-pages-menu h4 {
    color: #fff;
}

.sibling-pages-menu a {
    border-color: #D4E0C9;
    color: #D4E0C9;
}

/* =======================
   Member / Team Sections
========================== */
.member-image img {
    background-color: #f3f3f3;
	width: 100%;
}

.team-member {
    border-bottom: 8px solid #3A8544;
}
@media (min-width: 768px) {
	.team-member { min-height: 680px; }
	}

/* =======================
   Header / Breadcrumbs
========================== */

.breadcrumbs a {
    color: #D4E0C9;
    border-bottom: 2px dotted #D4E0C9;
    padding-bottom: 3px;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #3A8544;
}

/* =======================
   Membership Pages
========================== */
#membership-faq, #membership-types, #membership-benefits-reputation, #membership-benefits-financial,  #membership-benefits-training-certification, #membership-benefits-advocacy-support {
    background-color: #D4E0C9;
}

.benefit-header { 
	background-color: #6aa880;
	color: #fff;}

.benefit-header h2 {
	color: #fff;
	font-size: 2.5rem;
	letter-spacing: 0rem;
	font-weight: 500;}

.card-type, .card-type-benefits {
    border-radius: 8px;
    overflow: hidden;
}
.card-type-benefits h3 {
    font-size: 1.5rem;
	letter-spacing: 0rem;
}

.card-type .btn + .btn {
    margin-left: 15px;
}

/* =======================
   Pre-Footer
========================== */
#pre-footer {
    background-color: #F5625D;
    color: #fff;
}

#pre-footer span {
    font-size: 22px;
    font-weight: 600;
}

#pre-footer a {
    background: #fff;
}

#pre-footer .btn {
    margin-left: 15px;
	padding: 10px 16px;
	border-radius: 30px;
}
#pre-footer .btn:hover {
	background-color: #3A8544 !important; }


/* =======================
   Footer
========================== */
#footer {
    background-color: #204833;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

#footer .fa-classic {
    font-size: 44px;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer a {
    border: 0;
    color: #fff;
    text-decoration: none;
}

/* =======================
   Join Today Section
========================== */
#join-today, #focus {
    background-color: #76A684;
}

.join-today--body, .focus--body {
    background-color: #204833;
    border-radius: 8px;
    color: #fff;
    background-image: url(https://afiorg.uk/wp-content/uploads/2025/04/afi-banner-1.png);
    background-repeat: no-repeat;
    background-position: center;
}

.join-today--image, .focus--image {
    background-color: #fff;
    border-radius: 8px;
}

/* =======================
   Become a member
========================== */
.page-template-page-form #main {
    background-color: #edf3ea;
}

.page-template-page-form #main .form-wrapper {
    background-color: #fff;
    border-radius: 8px;
}

/* =======================
   Featured Events Section
========================== */
#featured-events {
    background-color: #1D4324;
}

.featured-events--card {
    background-color: #fff;
    border-radius: 8px;
}

/* =======================
   Typography / General
========================== */
.title {
    border-bottom: 8px solid #3A8544;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

h1, h2, h3, h4, h5 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

h2, h3 {
    color: #204733;
}

h5 {
    color: #3A8544;
}

/* =======================
   Lists
========================== */
#main ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#main ul li {
    margin-top: 6px;
	margin-bottom: 15px;
}

#main ul li:before {
    height: 16px;
    width: 16px;
    border-radius: 30px;
    content: '';
    display: inline-block;
    background-color: #204733 !important;
    margin-right: 10px;
}

#main .join-today--body ul li:before, #main .focus--body ul li:before {
    background-color: #F5625D !important;
}


#sidebar ul {
    list-style: none;
}

#sidebar ul li:before {
    display: none;
}

#sidebar ul.categories .cat-item-1 {
    display: none;
}

/* =======================
   Misc
========================== */

ol.codeofpractice li { margin-bottom: 20px;}

#usps {}

#usps .usp {
    font-size: 28px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.archive #main,
.single #main {
    background-color: #edf3ea;
}

.category .card {
    border: 0;
}