/*=- /Content/Layouts/Clean/stylesheets/section-airblue-info.less -=*/

/* IMPORTANT: fp-section must NOT clip */

.fp-section {
  overflow: visible;
}
.media-row {
  display: flex;
  align-items: center;
}
.media-text {
  width: 30%;
}
/* image itself */

.media-image img {
  width: 100%;
  height: auto;
  display: block;
}
.accordion {
  max-width: 720px;
}
.accordion-item {
  border-bottom: 1px solid #dddddd;
}
.accordion-header {
  width: 100%;
  text-transform: capitalize;
  background: none;
  border: 0;
  padding: 18px 0;
  font-size: 21px;
  font-weight: 700;
  color: #0b2a6f;
  /* Airblue-ish */
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.accordion-header .icon {
  font-size: 26px;
  line-height: 1;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.accordion-content p {
  margin: 0 0 18px;
  color: #444444;
  line-height: 1.6;
  font-size: 17px;
  font-weight: 400;
}
/* OPEN STATE */

.accordion-item.open .accordion-content {
  max-height: 300px;
  /* enough for content */

}
.icon::before {
  content: "+";
  font-size: 26px;
}
.accordion-item.open .icon::before {
  content: "−";
}
.accordion-item button:hover {
  background-color: white !important;
  /* new background color on hover */
  color: #0b2a6f;
  /* new text color on hover */
  border-color: #0056b3;
  /* optional: change border on hover */
  transition: all 0.3s ease;
  /* smooth transition */

}
.accordion-item button:hover,
.accordion-item button:focus,
.accordion-item button:active,
.accordion-item button:not(.collapsed) {
  background-color: white !important;
  color: #0b2a6f;
  border-color: #0056b3;
  transition: all 0.3s ease;
}