/* ========================================
   ACCORDION VARIABLES
   ======================================== */
:root {
  --ifa-accordion-bg: #d2e1ea;
}

/* ========================================
   ACCORDION
   ======================================== */
.ifa-accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ifa-accordion-item {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.14);
  background-color: var(--ifa-accordion-bg);
}

.ifa-accordion-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 27px 20px;
  background-color: var(--ifa-accordion-bg);
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-radius: 4px;
  transition:
    background-color 0.2s ease,
    border-radius 0.2s ease;
}

.ifa-accordion-toggle[aria-expanded="true"] {
  border-radius: 4px 4px 0 0;
}

.ifa-accordion-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--ifa-dark-blue-500);
}

.ifa-accordion-icon {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-left: 16px;
}

.ifa-accordion-icon::before,
.ifa-accordion-icon::after {
  content: "";
  position: absolute;
  background-color: var(--ifa-dark-blue-500);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}

.ifa-accordion-icon::before {
  width: 18px;
  height: 3px;
}

.ifa-accordion-icon::after {
  width: 3px;
  height: 18px;
}

.ifa-accordion-toggle[aria-expanded="true"] .ifa-accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

.ifa-accordion-panel {
  background-color: var(--ifa-white);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.ifa-accordion-panel[hidden] {
  display: block;
  max-height: 0;
  visibility: hidden;
}

.ifa-accordion-panel:not([hidden]) {
  visibility: visible;
}

.ifa-accordion-content {
  padding: 20px 20px 30px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--ifa-black);
}

.ifa-accordion-content p:last-child {
  margin-bottom: 0;
}

.ifa-accordion-content a {
  color: #056db6;
  font-weight: 600;
  text-decoration: underline;
}

.ifa-accordion-content ul {
  color: var(--ifa-black);
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 16px;
}

.ifa-accordion-content ol {
  list-style: decimal;
  padding-left: 40px;
  margin-bottom: 16px;
}

.ifa-accordion-content li {
  margin-bottom: 4px;
}

/* ========================================
   FILE LINK ICONS
   ======================================== */
.ifa-accordion-content a[href$=".pdf"],
.ifa-accordion-content a[href$=".docx"],
.ifa-accordion-content a[href$=".doc"],
.ifa-accordion-content a[href$=".csv"],
.ifa-accordion-content a[href$=".xlsx"],
.ifa-accordion-content a[href$=".xls"],
.ifa-accordion-content a[href$=".pptx"],
.ifa-accordion-content a[href$=".ppt"],
.ifa-accordion-content a[href$=".txt"],
.ifa-accordion-content a[href$=".rtf"] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 6px;
  font-weight: 700;
  color: var(--ifa-black);
  text-decoration: none;
}

.ifa-accordion-content a[href$=".pdf"]::before,
.ifa-accordion-content a[href$=".docx"]::before,
.ifa-accordion-content a[href$=".doc"]::before,
.ifa-accordion-content a[href$=".csv"]::before,
.ifa-accordion-content a[href$=".xlsx"]::before,
.ifa-accordion-content a[href$=".xls"]::before,
.ifa-accordion-content a[href$=".pptx"]::before,
.ifa-accordion-content a[href$=".ppt"]::before,
.ifa-accordion-content a[href$=".txt"]::before,
.ifa-accordion-content a[href$=".rtf"]::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.ifa-accordion-content a[href$=".pdf"]::before {
  background-image: url("../images/icons/pdf.svg");
}

.ifa-accordion-content a[href$=".docx"]::before,
.ifa-accordion-content a[href$=".doc"]::before,
.ifa-accordion-content a[href$=".pptx"]::before,
.ifa-accordion-content a[href$=".ppt"]::before,
.ifa-accordion-content a[href$=".txt"]::before,
.ifa-accordion-content a[href$=".rtf"]::before {
  background-image: url("../images/icons/docx.svg");
}

.ifa-accordion-content a[href$=".csv"]::before,
.ifa-accordion-content a[href$=".xlsx"]::before,
.ifa-accordion-content a[href$=".xls"]::before {
  background-image: url("../images/icons/csv.svg");
}

/* ========================================
   DIRECTORS RESOURCES
   ======================================== */
.directors-resources-section {
  padding: 0 0 80px;
}

.directors-resources-title {
  font-size: 28px;
  font-weight: 500;
  color: var(--ifa-primary-600);
  margin-bottom: 24px;
}

.directors-resources-title strong {
  font-weight: 700;
}