/**
 * Place your custom styles here.
 */
.pillars {
  background-color: #eaebed;
  display: inline-block;
  padding: 10px 5px;
}
.pillars .ogov {
  vertical-align: middle;
}

.pillars h2 {
  display: inline;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}

.pillars ul {
  display: inline;
  margin-left: 5px;
  padding-left: 0;
  font-size: 2em;
  vertical-align: middle;
}

.pillars ul li {
  display: inline-block;
  margin: 0px 15px 0px 0px;
  padding: 0;
}

.pillars ul li a {
  color: #284162 !important;
  text-decoration: none;
}

/**
 * Indicators module css styling
 */
.homepage .statcan-indicators .indicator-summary {
  width: 150px;
}

.homepage .statcan-indicators .list-group-item,
.homepage .menu-name-menu-my-statcan .list-group-item {
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: #ddd;
}

.homepage .statcan-indicators .list-group-item:last-child,
.homepage .menu-name-menu-my-statcan .list-group-item:last-child {
  border-bottom-color: transparent;
}

.homepage .indicator-more {
  padding-left: 0;
  padding-right: 0;
}

.homepage .indicator-more > summary {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

details[open] {
  padding-left: 0;
  padding-right: 0;
}

.homepage .statcan-indicators a.list-group-item:focus,
.homepage .statcan-indicators a.list-group-item:hover,
.homepage .statcan-indicators li.list-group-item:focus,
.homepage .statcan-indicators li.list-group-item:hover,
.homepage .menu-name-menu-my-statcan a.list-group-item:focus,
.homepage .menu-name-menu-my-statcan a.list-group-item:hover {
  text-decoration: none;
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
}

.breadcrumb > .active {
  color: #333;
}

.maintenance-page #bg {
  height: 200%;
  left: -50%;
  position: fixed;
  top: -50%;
  width: 200%;
}

.maintenance-page object {
  height: auto;
  max-width: 100%;
}

.maintenance-page #bg {
  height: 200%;
  left: -50%;
  position: fixed;
  top: -50%;
  width: 200%;
}

.maintenance-page #bg img {
  bottom: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.maintenance-page .sp-bx {
  background-color: #f8f8f8;
  padding: 30px 30px 19px;
}

.maintenance-page .sp-bx .btn {
  -webkit-box-shadow: 0 4px #ddd;
  box-shadow: 0 4px #ddd;
  margin: 35px 0 14px;
  min-width: 110px;
}

@media (min-width: 768px) {
  .maintenance-page .sp-bx .btn {
    -webkit-box-shadow: 0 4px #ddd;
    box-shadow: 0 4px #ddd;
    margin: 35px 0 14px;
    min-width: 110px;
  }
}
@media (min-width: 992px) {
  .maintenance-page .sp-bx .btn {
    -webkit-box-shadow: 0 4px #ddd;
    box-shadow: 0 4px #ddd;
    margin: 35px 0 14px;
    min-width: 138px;
    padding: 0.5em 1.5em;
  }
}
@media (min-width: 1200px) {
  .maintenance-page .sp-bx .btn {
    -webkit-box-shadow: 0 4px #ddd;
    box-shadow: 0 4px #ddd;
    margin: 35px 0 14px;
    min-width: 138px;
    padding: 0.5em 1.5em;
  }
}
.maintenance-page .glyphicon {
  color: #9e9e9e;
  font-size: 5px;
  top: -3px;
}

.maintenance-page .sp-lk:link,
.maintenance-page .sp-lk:visited {
  color: #335075;
  text-decoration: none;
}

.maintenance-page .sp-lk:active,
.maintenance-page .sp-lk:hover {
  color: #335075;
  text-decoration: underline;
}

.maintenance-page .sp-hb {
  margin: 50px auto;
  width: 300px;
}

@media (min-width: 768px) {
  .maintenance-page .sp-hb {
    margin: 50px auto;
    width: 300px;
  }
}
@media (min-width: 992px) {
  .maintenance-page .sp-hb {
    margin: 175px auto;
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .maintenance-page .sp-hb {
    margin: 175px auto;
    width: 500px;
  }
}
.maintenance-page .sp-bx-bt {
  background-color: #e1e4e7;
  padding: 30px;
}

@media (min-width: 768px) {
  .maintenance-page .sp-bx-bt {
    background-color: #e1e4e7;
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .maintenance-page .sp-bx-bt {
    background-color: #e1e4e7;
    padding: 30px 30px 13px;
  }
}
@media (min-width: 1200px) {
  .maintenance-page .sp-bx-bt {
    background-color: #e1e4e7;
    padding: 30px 30px 13px;
  }
}
.maintenance-page,
.maintenance-page main {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4375;
}

/*# sourceMappingURL=style.css.map */
