/*
Theme Name: HRMC capital Theme
Version: 1.0
Text Domain: hrmc
*/

@media (max-width: 1260px) {
   .structural__sub {
      visibility: visible;
   }
}

.s_article a[href^="tel:"] {
   color: #A32035;
   font-weight: 700;
   text-decoration: none;
}

.s_article a[href^="tel:"]:hover {
   text-decoration: underline;
}

@media (min-width: 1025px) {
   .services__item {
      width: calc(20% - 24px);
   }
   .services__item--icon {
      height: 180px;
      max-width: 180px;
      margin-left: auto;
      margin-right: auto;
   }
   .services__item--icon img {
      max-width: 80px;
      max-height: 80px;
   }
}

.l_article__btns .button {
   min-width: 220px;
   padding: 14px 22px;
   font-size: 15px;
}

/* --- Services circles: bigger icon inside the circle --- */
/* Sized as a share of the circle, so it scales on every breakpoint. */
.services__item--icon img {
   max-width: 85%;
   max-height: 85%;
}

/* --- News cards on the home page are links now --- */
a.news__card {
   color: inherit;
   text-decoration: none;
   transition: .35s;
}

a.news__card:hover .news__card--title {
   color: #A32035;
}

/* --- Publish date on news / blog previews --- */
.news__card--date,
.tidings__card--date {
   display: block;
   margin-top: 16px;
   font-size: 16px;
   line-height: 150%;
   font-style: italic;
   color: #9F9E9C;
}

/* --- "Back to ..." button under a single article --- */
.post__content--back {
   padding: 48px 0 0;
}

/* .post__content a is red, which would hide the label on the red button. */
.post__content .post__content--back a.button {
   color: #fff;
}

.post__content .post__content--back a.button:hover {
   color: #fff;
   background: #003E52;
}

/* --- FAQ section on About us pages --- */
.about__faq {
   padding: 0 0 60px;
}

.about__faq--title {
   font-size: 36px;
   line-height: 1.1;
   font-weight: 700;
   text-transform: uppercase;
}

@media (max-width: 767px) {
   .about__faq--title {
      font-size: 28px;
   }
}

@media (min-width: 1261px) {
   .columnItemChild__link.active {
      width: 216px;
   }
}

.gallery .gallery-icon img {
   margin-left: auto;
   margin-right: auto;
}