/* MM Oferta / Portfolio - styling dopasowany do listy wpisow OnePress News,
   bez uzywania klasy .section-news (zeby nie kolidowac z selective refresh). */
.mm-offer-section .list-article {
  border-top: 1px solid #e9e9e9;
  padding: 25px 0;
}
.mm-offer-section .list-article:last-of-type {
  border-bottom: 1px solid #e9e9e9;
}
.mm-offer-section .list-article-thumb {
  float: left;
  margin-right: 30px;
}
.mm-offer-section .list-article-thumb a img:hover {
  opacity: .8;
}
.mm-offer-section .list-article-content {
  float: none;
  overflow: hidden;
}
.mm-offer-section .list-article-meta {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}
.mm-offer-section .entry-title {
  font-size: 22px;
  line-height: 1.5;
}
.mm-offer-section .entry-title a:hover {
  text-decoration: none;
}
.mm-offer-section .entry-excerpt p {
  margin-bottom: 0;
}
@media screen and (max-width: 940px) {
  .mm-offer-section .list-article-thumb {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .mm-offer-section .list-article-thumb {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
    display: block;
  }
  .mm-offer-section .list-article-thumb img {
    width: 100%;
  }
}

/* Wyrazniejsze opisy sekcji Oferta/Services i Portfolio na stronie glownej.
   Zakres jest celowo ograniczony do .section-desc, aby nie powiekszac
   tytulow wpisow, metadanych ani opisow w innych sekcjach. */
.mm-offer-section .section-title-area .section-desc,
.section-news .section-title-area .section-desc {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}

.mm-offer-section .section-title-area .section-desc p,
.section-news .section-title-area .section-desc p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media screen and (max-width: 720px) {
  .mm-offer-section .section-title-area .section-desc,
  .section-news .section-title-area .section-desc {
    font-size: 18px;
    line-height: 1.55;
  }
}


/* CTA na koncu pojedynczych wpisow Oferta/Services.
   Blok jest celowo spokojny wizualnie: ma wzmacniac nastepny krok, a nie
   konkurowac z galeria lub trescia realizacji. */
.mm-op-quote-cta {
  margin: 42px 0 18px;
  padding: 26px 28px;
  border: 1px solid #e7e7e7;
  background: #fafafa;
}
.mm-op-quote-cta__lead {
  margin: 0 0 18px;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 600;
}
.mm-op-quote-cta__lead a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mm-op-quote-cta__action {
  margin: 0;
}
.mm-op-quote-cta__button {
  display: inline-block;
  font-weight: 700;
}
@media screen and (max-width: 720px) {
  .mm-op-quote-cta {
    margin-top: 32px;
    padding: 22px 20px;
  }
  .mm-op-quote-cta__lead {
    font-size: 17px;
  }
}
