.row>.row {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}
.timeline-item {
  border-left: 4px solid #0d6efd;
  padding-left: 1rem;
  margin-bottom: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.timeline-item h6 {
  margin-bottom: 0.25rem;
  color: #0d6efd;
}
.sidebar, .complementary {
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}



.sidebar, .complementary {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

h1, h2 {
  color: #333;
}
.test {
  --unnamed-color-fdc327: #FDC327;
  --unnamed-color-24234c: #24234C;
  --unnamed-color-1071d8: #1071D8;
  --unnamed-color-212133: #212133;
}
.timeline {
  list-style: none;
  padding: 10px 0 10px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 4px;
  background-color: #212133;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 1rem;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  /*border: 1px solid #d4d4d4;*/
  border-radius: 0.5rem;
  padding: 10px;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  /*border: 4px solid #ffffff;*/
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 24px;
  height: 28px;
  /*line-height: 25px;
  font-size: 1.4em;*/
  text-align: center;
  position: absolute;
  top: 25px;
  left: 49%;
  margin-left: -12px;
  background-color: #ffffff;
  z-index: 100;
  border-radius: 50%;
}

.timeline > li > .timeline-badge > img {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(100, 100, 100, 0.3);
  border-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #008CBA !important;
}

.timeline-badge.success {
  background-color: #43AC6A !important;
}

.timeline-badge.warning {
  background-color: #E99002 !important;
}

.timeline-badge.danger {
  background-color: #F04124 !important;
}

.timeline-badge.info {
  background-color: #5BC0DE !important;
}

.timeline-year {
  font-size:2rem;
  font-weight:bolder;
}
.timeline-subtitle {
  font-size:20px;
  font-weight:bolder;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-title-date {
  font-size:24px;
}
.timeline-title-country {
  font-size:20px;
}

.timeline-body > p,
.timeline-body > ul,
.layout-content p {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-card {
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  background-color: #fff;
}




.custom-card {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

.card-content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.left-section, .right-section {
  padding: .5rem;
  flex: 1;
}

.left-section {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.separator {
  width: 1px;
  background-color: #dee2e6;
}

.right-section {
  position: relative;
}

.read-more {
  /*position: absolute;*/
  bottom: 1rem;
  right: 1rem;
  font-weight: bold;
  color: var(--brand-blue);
  text-decoration: none;
}
.separator-h {
  height: 1px;
  background-color: #dee2e6;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

@media (max-width: 576px) {
  .timeline-panel {
    flex-direction: column;
  }
  .separator {
    height: 1px;
    width: 100%;
  }
  .read-more {
    position: static;
    display: block;
    margin-top: 1rem;
    text-align: right;
  }
  #start-year { margin-top:0; }
}
@media (min-width: 577px) {
  #start-year {
    margin-top:-50px;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 499;
  }
}
.card {
  background-color: #ffffff !important;
  color: var(--bs-secondary-color) !important;
  line-height: 1.8rem;
}

/* view styles */
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 h2 {
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-size: 15px;
  border-bottom: 1px solid var(--border-gray);
  padding-bottom: 5px;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .form-item__label{
  font: var(--font-regular);
  font-size: 14px;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .views-exposed-form__item.views-exposed-form__item {
  max-width: 100%;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .form-element--type-select {
  max-width: 100%;
  font-size: 15px;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .fieldset {
  border: 0;
  margin-right: 0px;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .fieldset .fieldset__legend {
  display: none;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .fieldset .fieldset__wrapper {
  flex-direction: column;
  margin: 0;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .fieldset .fieldset__wrapper .form-element--api-date {
  width: 100%;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 .fieldset .fieldset__wrapper .form-type--date {
  margin-bottom: 18px;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-submit-recent-developments-timeline--2 {
  width: 100%;
  height: 42px;
  background: var(--euaa-color-highlight-2) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  box-shadow: 0 0 0 var(--euaa-color-highlight-2) !important;
  border-color: var(--euaa-color-highlight-2) !important;
  margin-block: 12px;
  color: var(--galaxy-blue);
  margin: 12px 0px 12px 0;
}

#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-submit-recent-developments-timeline--2:hover,
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-submit-recent-developments-timeline--2:focus,
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-submit-recent-developments-timeline--2:active,
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-reset-recent-developments-timeline--2:hover,
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-reset-recent-developments-timeline--2:focus,
#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-reset-recent-developments-timeline--2:active {
  background-color: var(--pastel-yellow);
  border-color: var(--pastel-yellow) !important;
  color: var(--galaxy-blue);
}


#block-dip-euaa-exposedformrecent-developments-timelinepage-1 #edit-reset-recent-developments-timeline--2 {
  background: var(--background-white) 0% 0% no-repeat padding-box;
  border: 2px solid var(--rich-amber) !important;;
  border-radius: 10px;
  opacity: 1;
  color: var(--rich-amber);
  width: 100%;
}

.view-recent-development header {
  display: block;
}

.timeline li .timeline-content-title {
  color:#79495E;
}
.timeline li.timeline-inverted .timeline-content-title {
  color:#249E67;
}