/* Network, DMA Charges, Contact and Blogs pages. Sizes are read from the live pages at each breakpoint: 1400, 1200, 1024, 900, 767. */

/* Banners. The header differs from live by a few pixels at some sizes; the banner absorbs it so the sections below line up. */
.amx-inner-page[class*=template-network] .amx-ab-hero, .amx-inner-page[class*=template-dma] .amx-ab-hero, .amx-inner-page[class*=template-blogs] .amx-ab-hero { height: 554px; }
.page-template-template-contact .amx-ab-hero { height: 619px; }
.page-template-template-contact .amx-ab-hero__inner { width: 66.7%; }
.page-template-template-blogs .amx-ab-hero__inner { width: 66%; }

/* The footer's top space follows the section spacing on these pages. */
.amx-footer { padding-top: var(--amx-section-y); }

/* Network and DMA: label column plus content column */
.amx-in-plain { background: var(--amx-tile); }
.amx-in-split { display: grid; grid-template-columns: 34.4% minmax(0, 1fr); }
.amx-inner-page .amx-in-split > div:first-child .amx-label { padding-top: 12px; }
.amx-in-split .amx-heading { max-width: 88%; margin-bottom: 20px; }
.amx-in-split .amx-text { max-width: 89%; margin: 0; }
.amx-in-network__map { display: block; width: 100%; height: auto; margin-top: 50px; }

.page-template-template-network .amx-sd-faq__q { padding-right: 50px; }

/* DMA Charges */
.amx-in-dma { padding-bottom: calc(var(--amx-section-y) + 30px); }
.amx-in-dma .amx-text p { margin-bottom: 50px; }
.amx-in-dma .amx-text p:last-child { margin-bottom: 0; }
.amx-in-dma__files { display: flex; flex-wrap: wrap; gap: 20px; margin: 60px 0 0 10px; }
.amx-in-dma__file { display: inline-flex; align-items: center; gap: 12px; padding: 11px 22px; color: #fff; font-size: 16px; line-height: 26px; font-weight: 500; text-decoration: none; background: #087ddd; border-radius: 11px; }
.amx-in-dma__file:hover { color: #fff; background: var(--amx-navy); }
.amx-in-dma__file img { display: block; width: 16px; height: auto; }

/* Contact */
.amx-ct { padding-bottom: calc(var(--amx-section-y) + 25px); }
.amx-ct__grid { display: grid; grid-template-columns: minmax(0, 1fr) 60.4%; padding-inline: 10px; }
.amx-ct .amx-label { margin-bottom: 23px; padding-top: 3px; font-size: 20px; line-height: 20px; font-weight: 600; }
.amx-ct .amx-heading { max-width: 415px; margin: 0; font-size: 38px; line-height: 48px; }
.amx-ct__info { margin: 20px 0 0; color: var(--amx-ink); font-size: 28px; line-height: 64px; font-weight: 600; }
.amx-ct__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 20px; margin-top: 30px; padding: 0 30px 0 10px; }
.amx-ct__item--wide { grid-column: 1 / -1; }
.amx-ct__icon { display: block; width: 28px; height: 28px; margin-bottom: 17px; }
.amx-ct__item--wide .amx-ct__icon { margin-bottom: 27px; }
.amx-ct__title { margin: 0 0 10px; color: var(--amx-ink); font-size: 26px; line-height: 36px; font-weight: 500; }
.amx-ct__item--wide .amx-ct__title { margin-bottom: 20px; }
.amx-ct__line { display: block; margin: 0 0 10px; color: var(--amx-navy); font-size: 18px; line-height: 26px; font-weight: 500; text-decoration: none; }
.amx-ct__line:last-child { margin-bottom: 0; }
a.amx-ct__line:hover { color: var(--amx-blue); }
.amx-ct__card { margin-top: 46px; padding: 75px 35px 100px; background: var(--amx-tile); border-radius: 24px; }
.amx-ct__form-title { margin: 0 -35px 85px 0; color: #000; font-size: 40px; line-height: 41px; font-weight: 400; }

/* Contact: enquiry form. Placeholders act as the labels, as on the live page. */
.amx-ct .its-form { font-family: inherit; }
.amx-ct .its-fields { gap: 50px; }
.amx-ct .its-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.amx-ct .its-form input:not([type=checkbox]):not([type=radio]), .amx-ct .its-form select, .amx-ct .its-form textarea { display: block; height: 59px; padding: 7px 0; color: #000; font-size: 18px; line-height: 25.2px; font-weight: 400; background-color: transparent; border: 0; border-bottom: 1px solid #000; border-radius: 0; }
.amx-ct .its-form textarea { height: 65px; min-height: 65px; }
.amx-ct .its-form select { padding-right: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3E%3Cpath d='M1 1l7 7 7-7' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 8px center; appearance: none; }
.amx-ct .its-form ::placeholder { color: #000; opacity: .6; }
.amx-ct .its-form input:focus, .amx-ct .its-form select:focus, .amx-ct .its-form textarea:focus { border-bottom-color: var(--amx-blue); box-shadow: none; }
.amx-ct .its-actions { margin-top: 51px; }
.amx-ct .its-btn { min-height: 0; padding: 12px 32.5px; color: #fff; font-size: 16px; line-height: 26px; font-weight: 500; background: #087ddd; border: 0; border-radius: 9px; cursor: pointer; }
.amx-ct .its-btn:hover { background: var(--amx-navy); }

/* Contact: map */
.amx-ct-map { margin-top: 40px; }
.amx-ct-map iframe { display: block; width: 100%; height: 300px; border: 0; }

/* Blogs */
.amx-bl { padding-bottom: calc(var(--amx-section-y) + 20px); }
.amx-bl .amx-heading { margin: 0; }
.amx-bl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 20px; margin-top: 40px; }
.amx-bl-grid .amx-blog-card__media { margin-bottom: 20px; }
.amx-bl-grid .amx-blog-card__media img { aspect-ratio: auto 1.91 / 1; border-radius: 20px; }
.amx-bl-grid .amx-blog-card__meta { margin-bottom: 21px; padding-bottom: 22px; color: #000; font-size: 17px; line-height: 26px; font-weight: 500; border-bottom-color: #d5d5d5; }
.amx-bl-grid .amx-blog-card__title { margin-bottom: 20px; font-size: 34px; line-height: 38px; }
.amx-bl-grid .amx-blog-card__excerpt { color: #000; font-size: 18px; line-height: 26px; font-weight: 500; }
.amx-bl-pages { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 24.5px; margin-top: 66px; }
.amx-bl-pages .page-numbers { padding: 8px 14px; color: #000; font-size: 16px; line-height: 26px; font-weight: 500; text-decoration: none; border-radius: 6px; }
.amx-bl-pages a.page-numbers:hover { color: var(--amx-blue); }
.amx-bl-pages .page-numbers.current { color: #fff; background: #007bff; }
.amx-bl-pages .page-numbers.prev, .amx-bl-pages .page-numbers.next { padding: 10px 30px; color: #fff; background: #087ddd; border-radius: 12px; }
.amx-bl-pages a.page-numbers.prev:hover, .amx-bl-pages a.page-numbers.next:hover { color: #fff; background: var(--amx-navy); }
.amx-bl-pages span.page-numbers.prev, .amx-bl-pages span.page-numbers.next { background: rgba(55, 55, 55, .25); }

@media (max-width: 1400px) {
  .amx-inner-page[class*=template-network] .amx-ab-hero, .amx-inner-page[class*=template-dma] .amx-ab-hero, .amx-inner-page[class*=template-blogs] .amx-ab-hero { height: 380px; }
  .page-template-template-contact .amx-ab-hero { height: 510px; }
  .page-template-template-contact .amx-ab-hero__inner, .page-template-template-blogs .amx-ab-hero__inner { width: 80%; }
  .amx-in-split { grid-template-columns: 34.7% minmax(0, 1fr); }
  .amx-in-split .amx-text { max-width: 95%; }
  .amx-in-network__map { margin-top: 20px; }
  .amx-in-dma { padding-bottom: calc(var(--amx-section-y) + 20px); }
  .amx-in-dma .amx-text p { margin-bottom: 20px; }
  .amx-in-dma__files { margin: 20px 0 0; }
  .amx-ct { padding-bottom: calc(var(--amx-section-y) + 20px); }
  .amx-ct__grid { grid-template-columns: minmax(0, 1fr) 60.1%; padding-inline: 8px; }
  .amx-ct .amx-heading { max-width: 346px; font-size: 34px; line-height: 38px; }
  .amx-ct__title { font-size: 24px; line-height: 34px; }
  .amx-ct__line { font-size: 17px; }
  .amx-ct__card { padding-bottom: 55px; }
  .amx-ct__form-title { margin-bottom: 75px; }
  .amx-ct .its-btn { padding-inline: 25px; }
  .amx-bl-grid { margin-top: 30px; }
  .amx-bl-grid .amx-blog-card__meta { margin-bottom: 17px; padding-bottom: 17.5px; font-size: 14px; }
  .amx-bl-grid .amx-blog-card__title { margin-bottom: 16px; font-size: 24px; line-height: 30px; }
  .amx-bl-grid .amx-blog-card__excerpt { font-size: 17px; }
  .amx-bl-pages { gap: 0 24px; margin-top: 46px; }
}
@media (max-width: 1024px) {
  .amx-inner-page[class*=template-network] .amx-ab-hero, .amx-inner-page[class*=template-dma] .amx-ab-hero, .amx-inner-page[class*=template-blogs] .amx-ab-hero { height: 374px; }
  .amx-inner-page[class*=template-network] .amx-ab-hero__inner, .amx-inner-page[class*=template-dma] .amx-ab-hero__inner, .amx-inner-page[class*=template-blogs] .amx-ab-hero__inner, .page-template-template-contact .amx-ab-hero__inner { margin-top: -6px; }
  .page-template-template-contact .amx-ab-hero { height: 289px; }
  .amx-in-split { grid-template-columns: 35.1% minmax(0, 1fr); }
  .amx-inner-page .amx-in-split > div:first-child .amx-label { padding-top: 11px; }
  .amx-in-split .amx-heading, .amx-in-split .amx-text { max-width: none; }
  .amx-in-network__map { margin-top: 28px; }
  .page-template-template-network .amx-sd-faq .amx-heading { margin-bottom: 20px; }
  .amx-in-dma .amx-text p { margin-bottom: 28px; }
  .amx-in-dma__files { margin-top: 28px; }
  .amx-in-dma__file { font-size: 14px; line-height: 20px; }
  .amx-ct__grid { grid-template-columns: minmax(0, 1fr) 59.7%; padding-inline: 7px; }
  .amx-ct .amx-label { margin-bottom: 17px; padding-top: 0; }
  .amx-ct .amx-heading { max-width: 326px; }
  .amx-ct__icon { margin-bottom: 16px; }
  .amx-ct__item--wide .amx-ct__icon { margin-bottom: 26px; }
  .amx-ct__title { font-size: 20px; line-height: 30px; }
  .amx-ct__line { font-size: 15px; line-height: 22px; }
  .amx-ct__card { margin-top: 37px; padding-top: 5px; }
  .amx-bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; margin-top: 21px; }
  .amx-bl-grid .amx-blog-card__media { margin-bottom: 16.5px; }
  .amx-bl-grid .amx-blog-card__meta { margin-bottom: 11px; padding-bottom: 13.5px; line-height: 22px; }
  .amx-bl-grid .amx-blog-card__title { margin-bottom: 14px; font-size: 21px; line-height: 25px; }
  .amx-bl-grid .amx-blog-card__excerpt { font-size: 15px; line-height: 22px; }
  .amx-bl-pages { gap: 0 16px; margin-top: 40px; }
  .amx-bl-pages .page-numbers { line-height: 22px; }
}
@media (max-width: 900px) {
  .page-template-template-contact .amx-ab-hero { height: 344px; }
  .amx-in-split { grid-template-columns: 35.9% minmax(0, 1fr); }
  .amx-in-split > div:first-child { padding-right: 40px; }
  .amx-bl-pages { gap: 0 12px; }
  .amx-ct__grid { grid-template-columns: minmax(0, 1fr) 58.9%; padding-inline: 5px; }
  .amx-ct .amx-heading { max-width: 239px; }
}
@media (max-width: 767px) {
  .amx-inner-page[class*=template-network] .amx-ab-hero, .amx-inner-page[class*=template-dma] .amx-ab-hero, .amx-inner-page[class*=template-blogs] .amx-ab-hero { height: 304px; }
  .amx-inner-page[class*=template-network] .amx-ab-hero__inner, .amx-inner-page[class*=template-dma] .amx-ab-hero__inner, .amx-inner-page[class*=template-blogs] .amx-ab-hero__inner, .page-template-template-contact .amx-ab-hero__inner { margin-top: 4px; }
  .page-template-template-contact .amx-ab-hero { height: 326px; }
  .page-template-template-contact .amx-ab-hero__inner, .page-template-template-blogs .amx-ab-hero__inner { width: 90%; }
  .amx-in-split { grid-template-columns: minmax(0, 1fr); }
  .amx-in-split > div:first-child { padding-right: 0; }
  .amx-inner-page .amx-in-split > div:first-child .amx-label { margin-bottom: 17px; padding-top: 5px; }
  .amx-in-split .amx-heading { margin-bottom: 10px; }
  .amx-in-dma .amx-text p { margin-bottom: 18px; }
  .amx-in-dma__files { flex-direction: column; align-items: flex-start; margin-top: 18px; }
  .amx-ct__grid { grid-template-columns: minmax(0, 1fr); padding-inline: 0; }
  .amx-ct .amx-label { margin-bottom: 19px; padding-top: 2px; }
  .amx-ct .amx-heading { max-width: none; }
  .amx-ct__items { padding-right: 10px; }
  .amx-ct__icon { margin-bottom: 18px; }
  .amx-ct__item--wide .amx-ct__icon { margin-bottom: 28px; }
  .amx-ct__title { font-size: 19px; line-height: 29px; }
  .amx-ct__line { font-size: 16px; line-height: 26px; }
  .amx-ct__card { margin-top: 23px; padding-top: 0; }
  .amx-ct .its-btn { width: 100%; }
  .amx-ct-map { margin-top: 80px; }
  .amx-bl-grid { grid-template-columns: minmax(0, 1fr); margin-top: 20px; }
  .amx-bl-grid .amx-blog-card__meta { margin-bottom: 12px; line-height: 26px; }
  .amx-bl-grid .amx-blog-card__excerpt { font-size: 16px; line-height: 26px; }
  .amx-bl-pages { margin-top: 50px; }
  .amx-bl-pages .page-numbers { line-height: 26px; }
}