{#
  This file is auto-generated and can be overwritten at any time.
  Do not edit directly. To make changes, copy the file into a child theme.
#}

.hp-details-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hp-details-registration-link {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}
.hp-details-body-container {
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hp-details-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.hp-details-header {
  text-align: start;
}
.hp-details-date-info {
  text-align: end;
}

/* Additional CSS */

.hp-details-header-image{
  line-height:0;
}
.content-wrapper{
  max-width:1505px;
  margin:0 auto;
  float:none;
  padding:0;
}

.hp-details-date-info p{
  margin-bottom:0px;
}

.content_container{
  padding:2%;
  width:100%;
}

.hp-details-registration-link{
  margin-top:1%;
}
.hp-details-description,
.hp-details-location-info{
  text-align:left;
  margin-top:1%;
}

@media(max-width:767px){
  .hp-details-container{
    flex-wrap:wrap;
    row-gap:10px;
  }
  .hp-details-date-info{
    text-align:start;
  }
  .hp-details-registration-link{
    flex-direction: row;
    margin-top:10px;
  }
  body .hp-details-description,
  body .hp-details-location-info{
    margin-top:10px;
  }
  body .content_container{
    padding:10px; 
  }
}