/* Trang Lịch hoạt động - chỉ dùng cho lich-hoat-dong.html và chi-tiet-lich-hoat-dong.html */
.activity-schedule-page {
  padding-bottom:48px;
}

.activity-schedule-page .page-heading {
  margin-bottom:24px;
}

.activity-schedule-lead {
  margin:0 0 25px;
  padding:20px 23px;
  border-left:4px solid var(--gold);
  background:#f5fafc;
  color:#506b7a;
  font-size:16px;
  line-height:1.75;
}

.activity-schedule-toolbar {
  margin:0 0 27px;
  padding:15px 18px;
  border:1px solid #dce8ee;
  background:#fff;
}

.activity-schedule-toolbar:after,
.activity-schedule-card__inner:after,
.activity-schedule-detail__header:after,
.activity-schedule-detail__facts:after {
  display:table;
  clear:both;
  content:"";
}

.activity-schedule-toolbar__label {
  float:left;
  margin:8px 16px 0 0;
  color:var(--dark);
  font-size:13px;
  font-weight:900;
}

.activity-schedule-filter {
  float:left;
  margin:0 8px 0 0;
  padding:7px 13px;
  border:1px solid #d4e4eb;
  color:#557181;
  font-size:13px;
  font-weight:700;
}

.activity-schedule-filter:hover,
.activity-schedule-filter:focus,
.activity-schedule-filter.is-current {
  color:#fff;
  background:var(--blue);
  border-color:var(--blue);
}

.activity-schedule-month {
  margin:0 0 18px;
  padding:0 0 11px;
  border-bottom:1px solid #d5e4ec;
  color:var(--dark);
  font-size:20px;
  line-height:1.35;
}

.activity-schedule-month span {
  display:inline-block;
  padding-bottom:9px;
  border-bottom:3px solid var(--blue);
}

.activity-schedule-list {
  margin-bottom:16px;
}

.activity-schedule-card {
  float:left;
  margin-bottom:20px;
}

.activity-schedule-card__inner {
  min-height:151px;
  padding:19px;
  border:1px solid #d9e6ed;
  background:#fff;
  box-shadow:0 5px 15px rgba(16,79,114,.05);
}

.activity-schedule-card__inner:hover {
  border-color:#8abfd7;
  box-shadow:0 10px 23px rgba(16,79,114,.11);
}

.activity-schedule-card__date {
  float:left;
  width:72px;
  padding:9px 5px 8px;
  color:#fff;
  background:linear-gradient(145deg,#0a86be,#006199);
  text-align:center;
}

.activity-schedule-card__day {
  display:block;
  font-size:28px;
  font-weight:900;
  line-height:1;
}

.activity-schedule-card__month {
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.7px;
}

.activity-schedule-card__body {
  margin-left:91px;
}

.activity-schedule-card__type {
  display:block;
  margin-bottom:6px;
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
}

.activity-schedule-card__title {
  display:block;
  margin:0 0 10px;
  color:var(--dark);
  font-size:17px;
  font-weight:800;
  line-height:1.45;
}

.activity-schedule-card__title:hover,
.activity-schedule-card__title:focus {
  color:var(--blue);
}

.activity-schedule-card__meta {
  margin:0;
  color:#708591;
  font-size:13px;
  line-height:1.65;
}

.activity-schedule-card__meta span {
  display:block;
}

.activity-schedule-card__meta strong {
  color:#496675;
}

.activity-schedule-card__status {
  display:inline-block;
  margin-top:10px;
  padding:3px 8px;
  color:#1d7f4a;
  background:#e8f6ed;
  font-size:11px;
  font-weight:800;
}

.activity-schedule-card__status--upcoming {
  color:#9a6410;
  background:#fff4da;
}

.activity-schedule-pagination {
  margin-top:6px;
  text-align:center;
}

.activity-schedule-pagination a,
.activity-schedule-pagination span {
  display:inline-block;
  min-width:35px;
  margin:0 3px;
  padding:7px 8px;
  border:1px solid #d6e4eb;
  color:var(--blue);
  font-size:13px;
  font-weight:800;
}

.activity-schedule-pagination span,
.activity-schedule-pagination a:hover,
.activity-schedule-pagination a:focus {
  color:#fff;
  background:var(--blue);
  border-color:var(--blue);
}

/* Chi tiết lịch hoạt động */
.activity-schedule-detail__article,
.activity-schedule-detail__aside {
  float:left;
}

.activity-schedule-detail__article {
  margin-bottom:22px;
}

.activity-schedule-detail__header,
.activity-schedule-detail__body,
.activity-schedule-detail__aside-box {
  border:1px solid #d9e6ed;
  background:#fff;
  box-shadow:0 6px 18px rgba(16,79,114,.05);
}

.activity-schedule-detail__header {
  margin-bottom:18px;
  padding:24px;
}

.activity-schedule-detail__date-panel {
  float:left;
  width:112px;
  padding:15px 8px 13px;
  color:#fff;
  background:linear-gradient(145deg,#087fb7,#005e94);
  text-align:center;
}

.activity-schedule-detail__date-panel strong {
  display:block;
  font-size:44px;
  font-weight:900;
  line-height:.95;
}

.activity-schedule-detail__date-panel span {
  display:block;
  margin-top:7px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.8px;
}

.activity-schedule-detail__headline {
  margin-left:137px;
}

.activity-schedule-detail__headline > span {
  display:block;
  margin-bottom:7px;
  color:var(--blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:1.1px;
}

.activity-schedule-detail__headline h1 {
  margin:0 0 9px;
  color:var(--dark);
  font-size:27px;
  line-height:1.35;
}

.activity-schedule-detail__headline p {
  margin:0;
  color:#647b87;
  font-size:14px;
}

.activity-schedule-detail__body {
  padding:29px;
}

.activity-schedule-detail__body h2 {
  margin:25px 0 10px;
  color:var(--dark);
  font-size:21px;
  line-height:1.4;
}

.activity-schedule-detail__body h2:first-child {
  margin-top:0;
}

.activity-schedule-detail__body p {
  margin:0 0 15px;
  color:#526d7c;
  line-height:1.78;
}

.activity-schedule-detail__facts {
  margin:20px 0 25px;
  padding:18px 20px;
  border-left:4px solid var(--gold);
  background:#f6fafc;
}

.activity-schedule-detail__fact {
  float:left;
  width:50%;
  margin:0 0 12px;
  padding-right:15px;
}

.activity-schedule-detail__fact:nth-last-child(-n+2) {
  margin-bottom:0;
}

.activity-schedule-detail__fact dt {
  margin:0 0 2px;
  color:#6c8591;
  font-size:11px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
}

.activity-schedule-detail__fact dd {
  margin:0;
  color:var(--dark);
  font-size:14px;
  font-weight:700;
  line-height:1.5;
}

.activity-schedule-timeline {
  margin:0;
  padding:0;
  list-style:none;
}

.activity-schedule-timeline li {
  position:relative;
  min-height:62px;
  padding:0 0 18px 91px;
}

.activity-schedule-timeline li:before {
  position:absolute;
  top:6px;
  bottom:-3px;
  left:31px;
  width:1px;
  background:#c8e1ec;
  content:"";
}

.activity-schedule-timeline li:last-child:before {
  display:none;
}

.activity-schedule-timeline time {
  position:absolute;
  top:0;
  left:0;
  width:62px;
  padding:7px 4px;
  color:#fff;
  background:var(--blue);
  font-size:12px;
  font-weight:900;
  text-align:center;
}

.activity-schedule-timeline h3 {
  margin:0 0 4px;
  color:var(--dark);
  font-size:16px;
  line-height:1.4;
}

.activity-schedule-timeline p {
  margin:0;
  color:#627b88;
  font-size:14px;
  line-height:1.6;
}

.activity-schedule-detail__aside-box {
  margin-bottom:18px;
  padding:22px;
}

.activity-schedule-detail__aside-box h2 {
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid #dce8ee;
  color:var(--dark);
  font-size:18px;
}

.activity-schedule-detail__aside-box p {
  margin:0 0 10px;
  color:#637d8a;
  font-size:14px;
  line-height:1.65;
}

.activity-schedule-detail__aside-box p:last-child {
  margin-bottom:0;
}

.activity-schedule-detail__aside-box strong {
  color:var(--dark);
}

.activity-schedule-related {
  margin:0;
  padding:0;
  list-style:none;
}

.activity-schedule-related li {
  padding:11px 0;
  border-bottom:1px solid #e0ebf0;
}

.activity-schedule-related li:last-child {
  padding-bottom:0;
  border-bottom:0;
}

.activity-schedule-related a {
  display:block;
  color:var(--dark);
  font-size:14px;
  font-weight:700;
  line-height:1.5;
}

.activity-schedule-related a:hover,
.activity-schedule-related a:focus {
  color:var(--blue);
}

.activity-schedule-related small {
  display:block;
  margin-top:3px;
  color:#78909c;
  font-size:12px;
}

.activity-schedule-back {
  display:inline-block;
  margin-top:8px;
  padding:10px 16px;
  color:#fff;
  background:var(--blue);
  font-size:14px;
  font-weight:800;
}

.activity-schedule-back:hover,
.activity-schedule-back:focus {
  color:#fff;
  background:#004e7e;
}

@media(max-width:991px) {
  .activity-schedule-detail__aside {
    margin-top:4px;
  }
}

@media(max-width:767px) {
  .activity-schedule-page {
    padding-bottom:32px;
  }

  .activity-schedule-lead,
  .activity-schedule-toolbar,
  .activity-schedule-detail__header,
  .activity-schedule-detail__body,
  .activity-schedule-detail__aside-box {
    padding:18px;
  }

  .activity-schedule-toolbar__label {
    float:none;
    margin:0 0 10px;
  }

  .activity-schedule-filter {
    margin-bottom:7px;
  }

  .activity-schedule-card__inner {
    min-height:0;
  }

  .activity-schedule-detail__headline h1 {
    font-size:23px;
  }
}

@media(max-width:480px) {
  .activity-schedule-card__date,
  .activity-schedule-detail__date-panel {
    float:none;
    margin-bottom:14px;
  }

  .activity-schedule-card__body,
  .activity-schedule-detail__headline {
    margin-left:0;
  }

  .activity-schedule-detail__date-panel {
    width:88px;
  }

  .activity-schedule-detail__fact {
    float:none;
    width:100%;
    margin-bottom:12px !important;
    padding-right:0;
  }

  .activity-schedule-detail__fact:last-child {
    margin-bottom:0 !important;
  }

  .activity-schedule-timeline li {
    padding-left:78px;
  }

  .activity-schedule-timeline li:before {
    left:25px;
  }

  .activity-schedule-timeline time {
    width:51px;
    font-size:11px;
  }
}