/* BTH 16/Jun/26 layout-only subset of styles.css for html.blade.php (embedded fragments)
   Colours and fonts intentionally omitted so the host page (eg WordPress) controls them */

.narrower {
  max-width: 850px;
}

.std-section {
  padding: 50px 0;
}

.btn {
  border-radius: 50px;
  border: none;
  padding: 12px 25px;
  text-decoration: none;
}

.btn-sm {
  padding: 6px 12px;
}

.page-wrap {
  border-radius: 50px;
  max-width: 1200px;
}

.icon-circle {
  display: inline-flex;
  border-radius: 50%;
  margin-bottom: 10px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  align-items: center;
  justify-content: center;
}

.hero-img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: 550px;
}

.contacts-links li {
  margin: 0 20px;
}

.table .thead-dark th {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  vertical-align: top;
}

.key-links a {
  text-decoration: none;
  padding: 0 10px;
}

.hamburger-nav li a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 15px !important;
}

.navbar-collapse {
  transition: height 0s !important;
}

.navbar-collapse {
  position: absolute;
  top: 91px;
  left: 0;
  padding-bottom: 15px;
  width: 100%;
  transition: all 0.4s ease;
  display: block;
  z-index: 1;
}

.navbar-toggler:not(.collapsed)::after {
  content: '';
  position: absolute;
  bottom: -32px;
  left: 15px;
  margin-left: -15px;
  margin-top: -15px;
  width: 0;
  z-index: 1;
  height: 0;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}

.faqs h5 a {
  text-decoration: none;
}

.vote-tag {
  padding: 1px 8px 2px;
  border-radius: 15px;
}

.vote-pc {
  border: solid 1px;
}

.vote-summary {
  width: auto;
  display: inline-block;
  border-radius: 20px;
  padding: 10px 20px;
  list-style: none;
}

.vote-summary li {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.vote-summary li:last-of-type {
  border: none;
}

.icon-aye,
.icon-no,
.icon-did-not-vote {
  margin-right: 6px;
}

.activity-list li {
  margin-bottom: 20px;
  border-width: 2px;
  border-style: solid;
  padding: 20px;
  border-radius: 20px;
  border-left-width: 10px;
}

.activity-list li a {
  display: block;
}

.activity-list li.tweet-item {
  padding-right: 45px;
}

.activity-list li.tweet-item a {
  display: initial;
}

.rounded-image {
  border-radius: 20px;
}

.rounded-box {
  border-radius: 20px;
}

.mp-nav a {
  text-decoration: none;
}

.mp-nav {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mp-heading {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mp-info {
  padding-right: 0;
}

@media (min-width: 992px) {
  .mp-info {
    padding-right: 33%;
  }
}

@media (max-width: 575px) {
  .mp-nav a,
  .mp-nav a:hover {
    text-decoration: underline;
    padding: 0 0 10px;
    margin-right: 12px;
  }

  .mp-nav a.active {
    text-decoration: none;
  }

  .mp-nav .nav-link.active,
  .mp-nav .nav-link.active:hover,
  .mp-nav .nav-link.active:focus,
  .mp-nav a.nav-link:hover,
  .mp-nav .nav-link:focus {
    border: none;
  }

  .mp-nav i {
    display: none;
  }
}

.sticky-cta {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  z-index: 1;
  width: 100%;
}

.mp-thumbnail {
  width: 60px;
}

@media (min-width: 768px) {
  .mp-thumbnail {
    width: 182px;
  }
}

.modal-content {
  border-width: 5px;
  border-style: solid;
}