@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.css");
.blog .header-row,
.blog .container {
  max-width: 89rem; }

article.blog {
  margin-bottom: 1.5rem; }
  @media (min-width: 1024px) {
    article.blog {
      border-top: 1px solid #e5e5e5;
      margin-top: 3rem;
      padding-top: 3rem; } }
  article.blog + .blog {
    border-top: 1px solid #e5e5e5;
    margin-top: 3rem;
    padding-top: 3rem; }
  article.blog .tags {
    margin-top: 3rem;
    text-align: center;
    display: none; }
  article.blog .socialLinks {
    text-align: center; }
  article.blog .addthis_toolbox {
    margin-top: 3rem; }

.blog-title {
  font-size: 22px;
  margin: 0;
  text-align: left; }
  .blog-title a {
    text-decoration: none; }

.blog-date,
.blog-author {
  color: #757575;
  text-align: left;
  margin: 0; }

.blog-author {
  margin-bottom: 2.5rem; }

.blog-post {
  font-size: 15px;
  text-align: left; }

.blog-thumbnail {
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  width: 100%; }
  .blog-thumbnail img {
    width: 100%;
    height: auto;
    position: relative; }
  .blog-thumbnail::after {
    display: none; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%; }

.blog-post-body {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

body.blog.main-page div.body, body.blog.blog-post div.body {
  background: #f2f2f2; }

body.blog.main-page .blog-contact, body.blog.blog-post .blog-contact {
  display: none;
  border-top: 1px solid #5479a6;
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 111; }
  @media (min-width: 1024px) {
    body.blog.main-page .blog-contact, body.blog.blog-post .blog-contact {
      display: block; } }
  body.blog.main-page .blog-contact .email-contact, body.blog.main-page .blog-contact .phone-contact, body.blog.blog-post .blog-contact .email-contact, body.blog.blog-post .blog-contact .phone-contact {
    display: none;
    text-align: center;
    padding: 0.5rem 0; }
  body.blog.main-page .blog-contact.email-us .email-contact, body.blog.blog-post .blog-contact.email-us .email-contact {
    display: block; }
  body.blog.main-page .blog-contact.call-us .phone-contact, body.blog.blog-post .blog-contact.call-us .phone-contact {
    display: block; }
  body.blog.main-page .blog-contact p, body.blog.blog-post .blog-contact p {
    color: #5479a6;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 0; }
  body.blog.main-page .blog-contact a, body.blog.blog-post .blog-contact a {
    margin-left: 1.78571rem;
    color: white;
    background: #5479a6;
    display: inline-block;
    font-size: 18px;
    padding: 0.35714rem 1.07143rem;
    border-radius: 5px;
    text-transform: uppercase; }
  body.blog.main-page .blog-contact svg, body.blog.blog-post .blog-contact svg {
    margin-bottom: -0.28571rem;
    margin-right: 0.28571rem; }

body.blog.main-page .pagination, body.blog.blog-post .pagination {
  flex: none;
  width: 100%; }
  body.blog.main-page .pagination ul.pagination-list, body.blog.blog-post .pagination ul.pagination-list {
    width: 100%;
    margin-top: 0.71429rem;
    margin-bottom: 3.57143rem;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: flex-start;
    align-items: center; }
    body.blog.main-page .pagination ul.pagination-list li.pagination-item, body.blog.blog-post .pagination ul.pagination-list li.pagination-item {
      flex: none;
      width: 2rem;
      height: 2rem;
      border: 1px solid transparent;
      color: #068ac7;
      border-radius: 0; }
      body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--current, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--current {
        background: white;
        border: 1px solid #068ac7;
        text-align: center; }
      body.blog.main-page .pagination ul.pagination-list li.pagination-item a, body.blog.blog-post .pagination ul.pagination-list li.pagination-item a {
        font-size: 16px;
        color: #068ac7;
        line-height: 1.85714rem;
        text-align: center;
        display: block;
        padding: 0; }
      body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--next, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--next {
        width: auto; }
        body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--next a i.icon, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--next a i.icon {
          width: 0.71429rem;
          height: 0.71429rem;
          margin-left: 0.35714rem; }
          body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--next a i.icon svg, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--next a i.icon svg {
            fill: #068ac7; }
      body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--previous, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--previous {
        width: auto; }
        body.blog.main-page .pagination ul.pagination-list li.pagination-item.pagination-item--previous a i.icon svg, body.blog.blog-post .pagination ul.pagination-list li.pagination-item.pagination-item--previous a i.icon svg {
          fill: #068ac7; }

body.blog.main-page .blog-post-tags {
  background-color: #068ac7;
  padding: 1.5rem 0 1.71429rem;
  text-align: center; }
  @media (min-width: 1024px) {
    body.blog.main-page .blog-post-tags {
      text-align: left; } }
  body.blog.main-page .blog-post-tags select {
    font-size: 20px;
    padding: 0.5rem 0.78571rem;
    max-width: 26.21429rem;
    -webkit-appearance: none;
    appearance: none;
    background: #FFFFFF url(./../img/icons/arrow-down-black.svg) calc(100% - 15px) 50% no-repeat;
    background-size: 20px auto; }

body.blog.main-page main.page {
  margin: 0;
  padding: 0; }
  body.blog.main-page main.page section[class*=blogMain] {
    background-color: white; }
    body.blog.main-page main.page section[class*=blogMain] .more-entries {
      padding-top: 0.5rem;
      padding-right: 2rem; }
      @media (min-width: 551px) {
        body.blog.main-page main.page section[class*=blogMain] .more-entries {
          padding-top: 2.5rem; } }
      body.blog.main-page main.page section[class*=blogMain] .more-entries .button--more-entries {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        font-size: 18px;
        font-weight: 600;
        background: none;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid;
        color: #068ac7;
        width: 9.71429rem;
        height: 1.42857rem;
        padding: 0; }
        @media (min-width: 551px) {
          body.blog.main-page main.page section[class*=blogMain] .more-entries .button--more-entries {
            width: 21.78571rem;
            height: 3.14286rem;
            font-size: 15px;
            border-radius: 4px;
            max-width: 100%;
            margin: 0 auto;
            border-color: #068ac7;
            background-color: #068ac7;
            color: white; }
            body.blog.main-page main.page section[class*=blogMain] .more-entries .button--more-entries:hover, body.blog.main-page main.page section[class*=blogMain] .more-entries .button--more-entries:focus {
              background-color: #2a5d89;
              color: white; }
            body.blog.main-page main.page section[class*=blogMain] .more-entries .button--more-entries.active {
              border-color: #2a5d89;
              background-color: #2a5d89;
              color: white; } }
  body.blog.main-page main.page section.blogMain-featured {
    background-color: transparent;
    padding: 1rem 0 1.5rem; }
    @media (min-width: 1024px) {
      body.blog.main-page main.page section.blogMain-featured {
        padding: 4rem 0 6rem; } }
    body.blog.main-page main.page section.blogMain-featured .blog-page-title {
      text-align: center;
      margin-bottom: 1.5rem;
      font-size: 30px;
      font-weight: 600;
      padding: 0; }
      @media (min-width: 1024px) {
        body.blog.main-page main.page section.blogMain-featured .blog-page-title {
          text-align: left;
          margin-bottom: -1.5rem; } }
    body.blog.main-page main.page section.blogMain-featured .blog-post-figure {
      margin: 0 auto; }
      @media (min-width: 1024px) {
        body.blog.main-page main.page section.blogMain-featured .blog-post-figure {
          margin: 0; } }
      body.blog.main-page main.page section.blogMain-featured .blog-post-figure .blog-thumbnail {
        margin: 0 -1rem;
        max-width: initial;
        width: initial; }
        @media (min-width: 551px) {
          body.blog.main-page main.page section.blogMain-featured .blog-post-figure .blog-thumbnail {
            margin: 0 auto;
            max-width: 100%;
            width: 100%; } }
    body.blog.main-page main.page section.blogMain-featured .featured-blog {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      border: 0 !important; }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post-figure {
        width: 100%; }
        @media (min-width: 1024px) {
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post-figure {
            order: 2;
            width: 66%; } }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post-body {
        width: 100%;
        padding-top: 1.5rem; }
        @media (min-width: 1024px) {
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post-body {
            order: 1;
            width: 34%;
            padding-top: 3rem;
            padding-right: 3rem; } }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .tags {
        margin: 0;
        padding: 0;
        text-align: left;
        min-height: 1.78571rem; }
        body.blog.main-page main.page section.blogMain-featured .featured-blog .tags a {
          color: black;
          font-size: 16px;
          font-weight: 600;
          padding: 0; }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post {
        font-size: 18px;
        padding-bottom: 2.5rem; }
        @media (min-width: 1024px) {
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-post {
            min-height: 17.14286rem; } }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-title {
        margin: 0;
        padding: 1rem 0 1.5rem;
        font-size: 28px;
        font-weight: 400;
        line-height: 42px;
        text-align: left; }
        @media (min-width: 551px) {
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-title {
            padding: 1.5rem 0;
            font-size: 32px; } }
        @media (min-width: 1024px) {
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-title {
            padding: 1.5rem 0; } }
        body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-title a {
          color: black; }
      body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-read-more {
        text-align: left; }
        body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-read-more a {
          font-size: 18px;
          color: #068ac7;
          font-weight: 700;
          border-bottom: 1px solid; }
          body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-read-more a:hover, body.blog.main-page main.page section.blogMain-featured .featured-blog .blog-read-more a:focus {
            color: black; }
  body.blog.main-page main.page .blogMain-articles,
  body.blog.main-page main.page .blogMain-mostRead-articles,
  body.blog.main-page main.page .blogMain-howTo-articles,
  body.blog.main-page main.page .blogMain-installation-articles,
  body.blog.main-page main.page .blogMain-mostRecent-articles {
    padding: 3rem 0; }
    body.blog.main-page main.page .blogMain-articles h2, body.blog.main-page main.page .blogMain-articles h3,
    body.blog.main-page main.page .blogMain-mostRead-articles h2,
    body.blog.main-page main.page .blogMain-mostRead-articles h3,
    body.blog.main-page main.page .blogMain-howTo-articles h2,
    body.blog.main-page main.page .blogMain-howTo-articles h3,
    body.blog.main-page main.page .blogMain-installation-articles h2,
    body.blog.main-page main.page .blogMain-installation-articles h3,
    body.blog.main-page main.page .blogMain-mostRecent-articles h2,
    body.blog.main-page main.page .blogMain-mostRecent-articles h3 {
      margin: 0 0 1.85714rem;
      padding: 0;
      font-size: 30px;
      font-weight: 600;
      border: 0; }
  body.blog.main-page main.page .blogMain-articles h2 {
    margin: 0 0 2.5rem; }
  body.blog.main-page main.page .blog-post-items {
    display: flex;
    flex-flow: row wrap;
    margin: 0; }
    @media (min-width: 551px) {
      body.blog.main-page main.page .blog-post-items {
        margin: 0 -0.78571rem; } }
    body.blog.main-page main.page .blog-post-items article.blog {
      width: 100%;
      padding: 0;
      margin: 0 0 1.57143rem;
      border: 1px solid #156DB7; }
      @media (min-width: 551px) {
        body.blog.main-page main.page .blog-post-items article.blog {
          width: calc(50% - 1.58rem);
          margin: 0 0.78571rem 1.57143rem; } }
      @media (min-width: 768px) {
        body.blog.main-page main.page .blog-post-items article.blog {
          width: calc(33.33% - 1.58rem); } }
      body.blog.main-page main.page .blog-post-items article.blog .blog-post-body {
        padding: 0.78571rem 1.21429rem 1.5rem; }
      body.blog.main-page main.page .blog-post-items article.blog .blog-thumbnail a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 15.71429rem;
        overflow: hidden; }
        @media (min-width: 551px) {
          body.blog.main-page main.page .blog-post-items article.blog .blog-thumbnail a {
            height: 14.28571rem; } }
      body.blog.main-page main.page .blog-post-items article.blog .blog-thumbnail img {
        width: auto;
        max-width: inherit;
        height: 100%; }
      body.blog.main-page main.page .blog-post-items article.blog .tags {
        margin: 0;
        padding: 0;
        text-align: left;
        min-height: 1.78571rem; }
        body.blog.main-page main.page .blog-post-items article.blog .tags a {
          color: black;
          font-size: 16px;
          font-weight: 600;
          padding: 0; }
      body.blog.main-page main.page .blog-post-items article.blog .blog-title {
        margin-top: 1.21429rem;
        margin-bottom: 1.5rem;
        font-size: 20px;
        line-height: 32px;
        min-height: 11.14286rem; }
        @media (min-width: 1024px) {
          body.blog.main-page main.page .blog-post-items article.blog .blog-title {
            font-size: 24px; } }
        body.blog.main-page main.page .blog-post-items article.blog .blog-title a {
          color: black; }
      body.blog.main-page main.page .blog-post-items article.blog .blog-read-more {
        text-align: left; }
        body.blog.main-page main.page .blog-post-items article.blog .blog-read-more a {
          font-size: 18px;
          color: #068ac7;
          font-weight: 700;
          border-bottom: 1px solid; }
          body.blog.main-page main.page .blog-post-items article.blog .blog-read-more a:hover, body.blog.main-page main.page .blog-post-items article.blog .blog-read-more a:focus {
            color: black; }
  body.blog.main-page main.page .blog-post-carousel {
    margin: 0 2rem; }
    @media (min-width: 551px) {
      body.blog.main-page main.page .blog-post-carousel {
        margin: 0 2rem; } }
    @media (min-width: 1024px) {
      body.blog.main-page main.page .blog-post-carousel {
        margin: 0; } }
    body.blog.main-page main.page .blog-post-carousel .slick-next,
    body.blog.main-page main.page .blog-post-carousel .slick-prev {
      background-color: transparent;
      border-radius: 100%;
      width: 2rem;
      height: 2rem;
      padding: 0; }
      body.blog.main-page main.page .blog-post-carousel .slick-next::before,
      body.blog.main-page main.page .blog-post-carousel .slick-prev::before {
        background: url(./../img/icons/arrow-circle-right.png) 50% 50% no-repeat;
        background-size: 100% auto;
        width: 2rem;
        height: 2rem; }
    body.blog.main-page main.page .blog-post-carousel .slick-prev {
      left: -2.5rem; }
      @media (min-width: 551px) {
        body.blog.main-page main.page .blog-post-carousel .slick-prev {
          left: -1.85714rem; } }
      body.blog.main-page main.page .blog-post-carousel .slick-prev::before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg); }
    body.blog.main-page main.page .blog-post-carousel .slick-next {
      right: -2.28571rem; }
      @media (min-width: 551px) {
        body.blog.main-page main.page .blog-post-carousel .slick-next {
          right: -1.71429rem; } }

body.blog.main-page .container > h1.blog-title {
  font-size: 26px;
  line-height: 1.71429rem;
  padding: 1.42857rem 0 0;
  color: black; }
  @media (min-width: 1024px) {
    body.blog.main-page .container > h1.blog-title {
      margin-bottom: -1.42857rem; } }

body.blog.blog-post article.blog {
  border: 1px solid #d9dce0;
  background: white; }
  body.blog.blog-post article.blog .blog-post-figure {
    display: none; }
  body.blog.blog-post article.blog .blog-post-body .blog-header {
    display: flex;
    text-align: left;
    padding-top: 1.64286rem;
    position: relative;
    border-bottom: 1px solid #d9dce0; }
    @media (min-width: 1024px) {
      body.blog.blog-post article.blog .blog-post-body .blog-header {
        display: block;
        padding: 1.42857rem 2.85714rem 0;
        border-bottom: 0 none; } }
    body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date {
      font-size: 1rem;
      line-height: 1.5rem;
      color: black;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 4.64286rem; }
      @media (min-width: 1024px) {
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date {
          border-right: 0 none;
          width: auto;
          text-align: left; } }
      body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .delimiter {
        display: none; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .delimiter {
            display: inline-block;
            margin-left: 0.21429rem; } }
      body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date {
        text-align: center; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date {
            text-align: left; } }
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .day {
          color: black;
          font-size: 36px;
          line-height: 3.85714rem;
          font-weight: 600; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .day {
              font-size: 1rem;
              line-height: 1.5rem;
              color: black;
              display: inline-block;
              vertical-align: top;
              text-align: left;
              font-weight: normal; } }
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .month {
          color: black;
          font-size: 18px;
          line-height: 1.92857rem;
          font-weight: 600;
          text-transform: uppercase;
          margin-top: -0.85714rem;
          margin-bottom: -0.35714rem; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .month {
              font-size: 1rem;
              line-height: 1.5rem;
              color: black;
              display: inline-block;
              vertical-align: top;
              text-align: left;
              text-transform: none;
              margin: 0 0.21429rem;
              font-weight: normal; } }
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .year {
          color: black;
          font-size: 16px;
          line-height: 1.71429rem;
          padding-bottom: 0.78571rem; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-header .blog-date .date .year {
              font-size: 1rem;
              line-height: 1.5rem;
              color: black;
              display: inline-block;
              vertical-align: top;
              text-align: left; } }
    body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title, body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title a {
      font-size: 22px;
      line-height: 1.92857rem;
      color: black;
      margin: 0;
      display: inline-block;
      width: calc(100% - 40px);
      padding-left: 0.57143rem; }
      @media (min-width: 1024px) {
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title, body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title a {
          display: block;
          width: 100%;
          line-height: 1.71429rem;
          font-size: 26px;
          padding: 0; } }
    body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title {
      display: flex;
      align-items: center;
      border-left: 1px solid #d9dce0;
      padding: 0.78571rem 0;
      margin-top: 0; }
      @media (min-width: 1024px) {
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-title {
          border-left: 0; } }
    body.blog.blog-post article.blog .blog-post-body .blog-header .blog-heading {
      font-size: 1rem;
      line-height: 1.64286rem;
      color: black;
      display: block;
      vertical-align: top;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid #d9dce0; }
      @media (min-width: 1024px) {
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-heading {
          text-align: left;
          display: inline-block;
          position: relative;
          width: auto;
          line-height: 1.5rem;
          border-bottom: 0 none; } }
      body.blog.blog-post article.blog .blog-post-body .blog-header .blog-heading .author span {
        color: #154284; }
        body.blog.blog-post article.blog .blog-post-body .blog-header .blog-heading .author span.delimiter {
          color: black; }
      body.blog.blog-post article.blog .blog-post-body .blog-header .blog-heading .disqus-comments {
        color: #154284; }
  body.blog.blog-post article.blog .blog-post-body .blog-post {
    padding: 0 1.07143rem 1.07143rem; }
    @media (min-width: 1024px) {
      body.blog.blog-post article.blog .blog-post-body .blog-post {
        padding: 1.42857rem 5rem; } }
    body.blog.blog-post article.blog .blog-post-body .blog-post #blog-marquee {
      height: auto;
      max-width: none;
      width: calc(100% + 30px);
      margin-left: -1.07143rem; }
      @media (min-width: 1024px) {
        body.blog.blog-post article.blog .blog-post-body .blog-post #blog-marquee {
          width: calc(100% + 140px);
          margin-left: -5rem; } }
    body.blog.blog-post article.blog .blog-post-body .blog-post h3 {
      font-size: 18px;
      line-height: 1.92857rem;
      color: black;
      font-weight: 600;
      margin: 1.42857rem 0; }
    body.blog.blog-post article.blog .blog-post-body .blog-post h1 {
      padding: 0;
      margin: 1.42857rem 0; }
    body.blog.blog-post article.blog .blog-post-body .blog-post h2 {
      color: black;
      font-size: 22px;
      line-height: 2.35714rem;
      font-weight: 500;
      margin: 1.42857rem 0;
      padding: 0;
      text-transform: none; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .grey-background {
      background: #d9dce0;
      margin: 0;
      padding: 0.21429rem 1.07143rem; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .center {
      text-align: center; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .blog-video {
      padding-bottom: 56.25%;
      position: relative;
      display: block;
      width: 100%; }
    body.blog.blog-post article.blog .blog-post-body .blog-post p {
      font-size: 16px;
      line-height: 1.57143rem;
      margin-bottom: 1.42857rem;
      color: black; }
    body.blog.blog-post article.blog .blog-post-body .blog-post a {
      color: #154284;
      font-size: 16px;
      line-height: 1.57143rem; }
    body.blog.blog-post article.blog .blog-post-body .blog-post span, body.blog.blog-post article.blog .blog-post-body .blog-post strong {
      font-size: 16px;
      line-height: 1.57143rem;
      color: black;
      margin-right: 0.35714rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post span.blue, body.blog.blog-post article.blog .blog-post-body .blog-post strong.blue {
        color: #154284; }
      body.blog.blog-post article.blog .blog-post-body .blog-post span.red, body.blog.blog-post article.blog .blog-post-body .blog-post strong.red {
        color: #990642; }
    body.blog.blog-post article.blog .blog-post-body .blog-post strong {
      margin-right: 0; }
    body.blog.blog-post article.blog .blog-post-body .blog-post li {
      font-size: 16px;
      line-height: 2rem;
      color: black; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .link-section {
      margin-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .link-section .cell a {
        color: #154284;
        font-size: 16px;
        line-height: 1.71429rem;
        font-weight: 600; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .link-section .cell a span.icon-angle-right {
          display: inline-block;
          color: #154284;
          font-size: 16px;
          line-height: 1.71429rem;
          font-weight: 600;
          margin: 0 0.35714rem 0 0;
          width: 0.5rem;
          height: 1.14286rem;
          background-image: url(../img/page/blog/arrow-right.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
          vertical-align: middle; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section {
      border-left: 6px solid #d9dce0;
      padding-left: 1.42857rem;
      margin-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong, body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell span {
        font-size: 18px;
        color: black;
        line-height: 2rem; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong, body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell span {
            font-size: 16px; } }
      body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong {
        text-transform: uppercase; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong.blue {
          color: #0a8cc8; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong.dark-red {
          color: #9d0f49; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .side-bar-section .cell strong.black {
          color: black; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .uppercase {
      text-transform: uppercase; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .custom-box-section {
      background: rgba(217, 220, 224, 0.6);
      padding: 1.07143rem 2.14286rem 1.78571rem;
      margin: 0.71429rem 0 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .custom-box-section .heading {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.42857rem;
        margin-bottom: 1.07143rem;
        color: black; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .custom-box-section .cell a {
        color: #154284;
        font-size: 18px;
        line-height: 1.71429rem;
        font-weight: 600; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .custom-box-section .cell a {
            font-size: 16px; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .custom-box-section .cell a span.icon-angle-right {
          display: inline-block;
          color: #154284;
          font-size: 16px;
          line-height: 1.71429rem;
          font-weight: 600;
          margin: 0 0.35714rem 0 0;
          width: 0.5rem;
          height: 1.92857rem;
          background-image: url(../img/page/blog/arrow-right.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
          vertical-align: middle; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section {
      border: 3px solid #d9dce0;
      margin-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .heading {
        background: #d9dce0;
        padding: 1.07143rem;
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.92857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells {
        background: #d9dce0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        padding: 0 1.07143rem 1.78571rem; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells {
            padding: 0 1.78571rem 1.78571rem; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell {
          flex: none;
          background: white;
          height: 8.92857rem;
          width: 100%;
          margin-bottom: 1.07143rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          align-content: flex-start;
          justify-content: flex-start;
          padding: 1.07143rem;
          box-sizing: border-box; }
          @media (min-width: 551px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell {
              flex-direction: row;
              justify-content: center; } }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell {
              width: 31%;
              display: inline-block;
              text-align: center;
              padding: 0;
              margin: 0; } }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell:hover {
            text-decoration: none; }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span {
            flex: none; }
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.name {
              color: #2a5d89;
              font-weight: 500;
              line-height: 1.71429rem;
              display: block;
              margin: 0;
              text-align: left; }
              @media (min-width: 1024px) {
                body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.name {
                  text-align: center; } }
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon {
              height: 4.28571rem;
              width: 4.64286rem;
              margin: 0 1.07143rem 0 0;
              display: block;
              border: 0 none; }
              @media (min-width: 1024px) {
                body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon {
                  margin: 1.42857rem auto 1.07143rem;
                  height: 4rem;
                  width: 7.14286rem; } }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--homes, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--vehicles, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--buildings {
                background-size: 100%;
                background-position: 50% 50%;
                background-repeat: no-repeat; }
                @media (min-width: 1024px) {
                  body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--homes, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--vehicles, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--buildings {
                    background-size: contain; } }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--homes {
                background-image: url(../img/page/blog/icon-homes.svg); }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--vehicles {
                background-image: url(../img/page/blog/icon-vehicles.svg); }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .cells .cell span.blog-shop-category-icon.blog-shop-category-icon--buildings {
                background-image: url(../img/page/blog/icon-buildings.svg); }
      body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: white;
        padding: 0.71429rem; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: flex-start;
            align-items: flex-start;
            padding: 0.71429rem 1.07143rem 0.71429rem 2.14286rem; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .logo {
          flex: none;
          display: inline-block;
          vertical-align: top; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .logo {
              margin-right: 1.78571rem; } }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .logo.wa-small-logo {
            background-image: url("../img/page/blog/icon-wilsonamplifiers.svg");
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            width: 4.64286rem;
            height: 3.92857rem; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details {
          display: flex;
          flex-direction: column;
          text-align: center;
          padding: 0;
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
          vertical-align: top; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details {
              width: auto;
              text-align: left; } }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details span.blue {
            line-height: 1.71429rem;
            font-weight: 600;
            margin-right: 0; }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details .content {
            line-height: 1.71429rem;
            font-size: 16px;
            color: black; }
            @media (min-width: 1024px) {
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details .content {
                width: auto;
                margin-left: 0; } }
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-category-section .contact-footer .contact-details .content a {
              line-height: 1.71429rem; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section {
      border: 3px solid #d9dce0;
      margin-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .heading {
        background: #d9dce0;
        padding: 1.07143rem;
        color: black;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.92857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells {
        background: #d9dce0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        padding: 0 1.07143rem 1.78571rem; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells {
            padding: 0 1.78571rem 1.78571rem; } }
        @media (max-width: 350px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .name {
            font-size: 13px; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell {
          flex: none;
          background: white;
          height: 7.14286rem;
          width: 100%;
          margin-bottom: 1.07143rem;
          display: flex;
          align-items: center;
          align-content: flex-start;
          justify-content: flex-start;
          padding: 1.07143rem;
          box-sizing: border-box; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell {
              width: 31%;
              display: inline-block;
              text-align: center;
              padding: 0;
              margin: 0;
              height: 10.71429rem; } }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell:hover {
            text-decoration: none; }
          body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span {
            flex: none; }
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.name {
              color: #2a5d89;
              font-weight: 600;
              line-height: 1.42857rem;
              display: block;
              margin: 0;
              text-align: left; }
              @media (min-width: 1024px) {
                body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.name {
                  text-align: center; } }
            body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon {
              height: 5.35714rem;
              width: 4.64286rem;
              margin: 0 1.07143rem 0 0;
              display: block;
              border: 0 none; }
              @media (min-width: 1024px) {
                body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon {
                  margin: 1.42857rem auto 1.07143rem;
                  height: 4rem;
                  width: 7.14286rem; } }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--home, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--commercial, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--diy {
                background-position: 50% 50%;
                background-repeat: no-repeat; }
                @media (min-width: 1024px) {
                  body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--home, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--commercial, body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--diy {
                    background-size: contain; } }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--home {
                background-image: url("https://www.wilsonamplifiers.com/content/blog/icon-service-home.svg");
                background-size: 70%; }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--commercial {
                background-image: url("https://www.wilsonamplifiers.com/content/blog/icon-service-commercial.svg"); }
              body.blog.blog-post article.blog .blog-post-body .blog-post .blog-services-section .cells .cell span.blog-service-icon.blog-service-icon--diy {
                background-image: url("https://www.wilsonamplifiers.com/content/blog/icon-service-diy.svg");
                background-size: 89%; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .product-section {
      border: 2px solid #d9dce0;
      padding-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section > * {
        margin: 0 1.07143rem; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section > * {
            margin: 0 2.5rem; } }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .heading {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin: 0; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .heading strong {
          line-height: 1.92857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .image {
          flex: none;
          display: inline-block;
          width: 100%; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .image {
              width: 20.5rem;
              margin-right: 2.92857rem; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .details {
          flex: none;
          display: inline-block;
          width: 100%;
          margin-bottom: 1.07143rem; }
          @media (min-width: 1024px) {
            body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .details {
              width: calc(100% - 335px);
              margin-bottom: 0; } }
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .details .name {
            display: block;
            font-size: 18px;
            line-height: 1.92857rem;
            color: #154284;
            font-weight: 600;
            margin-top: 0; }
            @media (min-width: 1024px) {
              body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .details .name {
                margin-top: 3.21429rem; } }
            body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .two-cells .details .name .sku {
              font-weight: normal;
              font-size: 18px;
              line-height: 1.92857rem;
              color: #154284;
              margin-left: 0.35714rem;
              display: inline-block; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section li {
        margin-bottom: 1.07143rem; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      align-items: center;
      padding-top: 1.42857rem;
      margin-top: 1.78571rem;
      border-top: 1px solid #e5e5e5; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits {
        flex-basis: 100%; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits {
            flex-basis: 60%; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits > div {
          display: flex;
          align-items: center;
          font-weight: 600;
          font-size: 16px; }
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits > div > .image {
            width: 12.5rem;
            height: 2.5rem;
            margin-bottom: 0.71429rem;
            margin-left: 0.71429rem; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits ul {
          list-style: none;
          margin-left: 0;
          margin-bottom: 0; }
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits ul li {
            margin-bottom: 0.35714rem;
            padding-bottom: 0;
            display: flex;
            align-items: flex-start; }
            body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .benefits ul li img {
              margin-right: 0.71429rem;
              margin-top: 0.57143rem;
              width: 0.85714rem;
              height: 0.71429rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .store {
        flex-basis: 100%;
        margin-top: 1.07143rem;
        align-self: flex-end; }
        @media (min-width: 1024px) {
          body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .store {
            flex-basis: 40%;
            margin-top: 0; } }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .store a {
          display: block;
          border-radius: 4px;
          background: #008ACA;
          color: white;
          font-size: 16px;
          line-height: 1.71429rem;
          font-weight: 600;
          text-align: center;
          padding: 0.71429rem;
          text-transform: uppercase; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .amazon {
        flex-basis: 100%;
        border-top: 1px solid #e5e5e5;
        margin-top: 1.78571rem;
        padding-top: 1.07143rem; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .amazon a {
          display: flex;
          align-items: center;
          justify-content: center; }
        body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .amazon .image {
          width: 6.07143rem;
          height: 1.85714rem;
          margin-top: 0.71429rem;
          margin-left: 0.71429rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .purchase .separator {
        width: 1.42857rem;
        height: 4.78571rem;
        background-image: url("https://www.wilsonamplifiers.com/content/blog-or-line.png");
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 2.5rem; }
    body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .compare a {
      color: #154284;
      font-size: 16px;
      line-height: 1.71429rem;
      font-weight: 600;
      display: block;
      margin-bottom: 1.42857rem; }
      body.blog.blog-post article.blog .blog-post-body .blog-post .product-section .compare a span.icon-angle-right {
        color: #154284;
        font-size: 16px;
        line-height: 1.71429rem;
        font-weight: 600;
        margin: 0 0.35714rem 0 0;
        display: inline-block;
        width: 0.5rem;
        height: 1.71429rem;
        background-image: url(../img/page/blog/arrow-right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        vertical-align: middle; }

#disqus_thread iframe[src*='//tempest.services.disqus.com/ads-iframe/'], #disqus_thread iframe {
  display: none; }

#disqus_thread iframe[src*='//disqus.com/embed/comments/'] {
  display: block; }

.blog-modern-header {
  margin-bottom: 1.5rem; }

.blog-modern-title {
  padding-bottom: 0.78571rem;
  border-bottom: 1px solid #D8D8D8;
  font-size: 30px;
  font-weight: 600; }

.blog-modern-info .date, .blog-modern-info .author {
  font-size: 14px; }

.blog-modern-info .author {
  color: #1E4478; }

.blog-modern-marquee img {
  width: 100%; }

.blog-modern-main {
  display: flex;
  flex-wrap: wrap; }

.blog-modern-body {
  margin-bottom: 3rem; }
  @media (min-width: 1024px) {
    .blog-modern-body {
      width: 70%;
      padding-right: 1.5rem; } }

.blog-modern-aside {
  display: none; }
  @media (min-width: 1024px) {
    .blog-modern-aside {
      display: block;
      width: 30%;
      padding-left: 1.5rem; } }

.blog-modern-toc, .blog-modern-related {
  border: 1px solid #D8D8D8;
  margin-bottom: 3rem; }
  .blog-modern-toc .header, .blog-modern-related .header {
    padding: 0.78571rem 1.14286rem;
    background: #068AC7;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #FFF; }
  .blog-modern-toc ul, .blog-modern-related ul {
    list-style: none;
    margin: 0; }
  .blog-modern-toc li, .blog-modern-related li {
    display: flex;
    margin: 0 0.78571rem;
    padding: 0.78571rem 0;
    border-bottom: 1px solid #D8D8D8; }
    .blog-modern-toc li:last-child, .blog-modern-related li:last-child {
      border-bottom: 0; }
    .blog-modern-toc li:before, .blog-modern-related li:before {
      content: "•";
      display: inline-block;
      margin-right: 0.35714rem;
      color: #068AC7; }
    .blog-modern-toc li a, .blog-modern-related li a {
      color: #068AC7; }
      .blog-modern-toc li a:hover, .blog-modern-related li a:hover {
        text-decoration: underline; }

.blog-modern-side-cta {
  display: none; }
  @media (min-width: 1024px) {
    .blog-modern-side-cta {
      display: block; } }

.blog-modern-author {
  clear: both; }

.blog-modern-post h2 {
  margin-top: 0.78571rem;
  margin-bottom: 1.14286rem;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px; }
  .blog-modern-post h2.large {
    margin-top: 0.78571rem;
    margin-bottom: 1.5rem;
    font-size: 30px;
    line-height: 44px;
    color: #1E4478; }
    @media (min-width: 1024px) {
      .blog-modern-post h2.large {
        font-size: 32px; } }

.blog-modern-post p, .blog-modern-post li {
  font-size: 16px;
  line-height: 30px; }

.blog-modern-post a {
  color: #068AC7;
  text-decoration: underline; }

.blog-modern-post strong.focus {
  color: #1E4478;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px; }

.blog-modern-post hr {
  margin: 2.28571rem 0; }

.blog-modern-caption {
  background: #000;
  padding: 0.78571rem 1.5rem;
  color: #FFF;
  font-size: 14px;
  text-align: left; }
  @media (min-width: 700px) {
    .blog-modern-caption {
      text-align: center; } }

.blog-modern-summary {
  margin: 1.5rem 0 0 0;
  padding-left: 0; }
  .blog-modern-summary ul {
    list-style: none; }
  .blog-modern-summary li {
    display: flex;
    margin-bottom: 1.14286rem;
    padding-bottom: 1.14286rem;
    border-bottom: 1px solid #D8D8D8;
    font-size: 18px;
    font-weight: 600;
    color: #1E4478; }
    .blog-modern-summary li:before {
      content: "•";
      display: inline-block;
      margin-right: 0.78571rem;
      color: #1E4478; }
    .blog-modern-summary li:last-child {
      border-bottom: 0; }
    @media (min-width: 1024px) {
      .blog-modern-summary li {
        font-size: 24px; } }
  @media (min-width: 700px) {
    .blog-modern-summary {
      margin: 3rem 0 0 0; } }

.blog-modern-author {
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(to right, #0082C5, #004783);
  padding: 3rem;
  margin-bottom: 3rem; }
  .blog-modern-author .image {
    margin-bottom: 3rem; }
  .blog-modern-author .description .about,
  .blog-modern-author .description .name,
  .blog-modern-author .description .position {
    color: #FFF;
    text-align: center; }
    @media (min-width: 800px) {
      .blog-modern-author .description .about,
      .blog-modern-author .description .name,
      .blog-modern-author .description .position {
        width: inherit;
        text-align: left; } }
  .blog-modern-author .description .about {
    width: 195px;
    padding-bottom: 0.35714rem;
    margin-bottom: 0.78571rem;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #FFF;
    font-size: 12px;
    text-transform: uppercase; }
    @media (min-width: 800px) {
      .blog-modern-author .description .about {
        margin-left: 0;
        margin-right: 0; } }
  .blog-modern-author .description .name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600; }
    .blog-modern-author .description .name a {
      font-size: 0;
      line-height: 0; }
    .blog-modern-author .description .name svg {
      margin-left: 0.78571rem;
      width: 20px;
      height: 20px; }
    @media (min-width: 800px) {
      .blog-modern-author .description .name {
        justify-content: flex-start; } }
  .blog-modern-author .description .position {
    margin-bottom: 1.5rem;
    font-size: 14px;
    line-height: 24px; }
  .blog-modern-author .description .blurb {
    color: #FFF;
    font-size: 16px;
    text-align: center; }
  @media (min-width: 800px) {
    .blog-modern-author {
      flex-direction: row; }
      .blog-modern-author .image {
        width: 30%;
        margin-bottom: 0; }
      .blog-modern-author .description {
        width: 70%; }
      .blog-modern-author .description .blurb {
        text-align: left; } }

.blog-modern-categories {
  overflow: hidden;
  width: calc(100% + 1.21429rem + 1.21429rem);
  margin-left: -1.21429rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: #EDF1F5; }
  .blog-modern-categories h3 {
    margin-bottom: 1.5rem;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center; }
  .blog-modern-categories .category {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 0;
    border-radius: 5px;
    background: linear-gradient(to bottom, #0082C5, #004783);
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none; }
    .blog-modern-categories .category svg {
      display: none;
      fill: #FFF; }
    @media (min-width: 700px) {
      .blog-modern-categories .category {
        flex-direction: column;
        width: calc(33.33% - .6rem);
        float: left;
        margin-bottom: 0; }
        .blog-modern-categories .category svg {
          display: block;
          height: 41px;
          margin-bottom: 0.5rem; }
        .blog-modern-categories .category:nth-child(3) {
          margin: 0 0.78571rem; } }
  @media (min-width: 1024px) {
    .blog-modern-categories {
      width: 100%;
      margin-left: 0;
      padding: 0.78571rem; } }

.blog-modern-box {
  overflow: hidden;
  width: calc(100% + 1.21429rem + 1.21429rem);
  margin-left: -1.21429rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: #EDF1F5; }
  @media (min-width: 700px) {
    .blog-modern-box {
      width: 100%;
      margin-left: 0; } }
  @media (min-width: 1024px) {
    .blog-modern-box ul {
      margin-left: 3rem; } }
  .blog-modern-box .for-android, .blog-modern-box .for-apple {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.78571rem; }
    .blog-modern-box .for-android img, .blog-modern-box .for-apple img {
      margin-bottom: 0.35714rem; }
    .blog-modern-box .for-android strong, .blog-modern-box .for-apple strong {
      font-size: 16px; }

.blog-modern-box--outline {
  background-color: #FFF;
  border: 1px solid #CCC; }

.blog-modern-table {
  overflow-x: scroll; }
  .blog-modern-table table {
    width: 100%; }
    .blog-modern-table table tr {
      border: 1px solid #CCC; }
    .blog-modern-table table td {
      padding: 0.78571rem;
      border-right: 1px solid #CCC;
      font-size: 13px; }
      .blog-modern-table table td:last-child {
        border-right: 0; }
      @media (min-width: 1024px) {
        .blog-modern-table table td {
          font-size: 16px; } }

.blog-modern-product {
  display: flex;
  flex-direction: column; }
  .blog-modern-product .title {
    margin-bottom: 0.78571rem;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px; }
  .blog-modern-product .details {
    margin-bottom: 0.78571rem; }
    .blog-modern-product .details .top {
      display: flex;
      align-items: center;
      margin-bottom: 0.78571rem; }
      .blog-modern-product .details .top .sku {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px; }
      .blog-modern-product .details .top .brand {
        margin-left: auto; }
        .blog-modern-product .details .top .brand .weboost {
          width: 100px;
          height: 20px; }
        .blog-modern-product .details .top .brand .wilsonpro {
          width: 127px;
          height: 24px; }
    .blog-modern-product .details .image {
      padding: 0.78571rem;
      border: 1px solid #D8D8D8; }
      .blog-modern-product .details .image img {
        width: 100%; }
    .blog-modern-product .details .buy-if {
      padding: 1.14286rem;
      border: 1px solid #D8D8D8;
      border-top: 0; }
      .blog-modern-product .details .buy-if p {
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-transform: uppercase; }
      .blog-modern-product .details .buy-if li {
        font-size: 14px;
        font-weight: 600; }
      @media (min-width: 700px) {
        .blog-modern-product .details .buy-if {
          border: 0; } }
    .blog-modern-product .details .view-details {
      display: none; }
      @media (min-width: 700px) {
        .blog-modern-product .details .view-details {
          display: block; } }
  .blog-modern-product .overview {
    padding-bottom: 1.5rem; }
    @media (min-width: 700px) {
      .blog-modern-product .overview .view-details {
        display: none; } }
    .blog-modern-product .overview .sku-brand {
      display: flex;
      align-items: center;
      margin-bottom: 0.78571rem; }
      .blog-modern-product .overview .sku-brand .sku {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px; }
      .blog-modern-product .overview .sku-brand .brand {
        margin-left: auto; }
        .blog-modern-product .overview .sku-brand .brand .weboost {
          width: 100px;
          height: 20px; }
        .blog-modern-product .overview .sku-brand .brand .wilsonpro {
          width: 127px;
          height: 24px; }
  .blog-modern-product .view-details {
    display: block;
    margin: 0.78571rem 0;
    padding: 0.5rem;
    width: 100%;
    border-radius: 3px;
    background-color: #008ACA;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none; }
  @media (min-width: 700px) {
    .blog-modern-product {
      flex-direction: row;
      flex-wrap: wrap;
      padding: 1.5rem;
      border: 1px solid #D8D8D8; }
      .blog-modern-product .title {
        width: 100%;
        order: 1; }
      .blog-modern-product .overview {
        width: 55%;
        order: 2;
        padding-right: 0.78571rem; }
      .blog-modern-product .details {
        width: 45%;
        order: 3;
        padding-left: 0.78571rem; } }

.blog-modern-product-compare {
  display: flex;
  align-items: center; }
  .blog-modern-product-compare .blog-modern-product {
    width: 50%; }
    .blog-modern-product-compare .blog-modern-product .details {
      width: 100%; }
    .blog-modern-product-compare .blog-modern-product .view-details {
      display: block;
      margin: 0.78571rem;
      width: auto; }

.blog-modern-quote {
  background: #EDF1F5;
  width: calc(100% + 1.21429rem + 1.21429rem);
  margin-left: -1.21429rem;
  padding: 1.5rem;
  margin-bottom: 3rem; }
  .blog-modern-quote .quote {
    margin-bottom: 1.5rem;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: center; }
  .blog-modern-quote .author {
    font-size: 16px;
    line-height: 25px;
    text-align: center; }
  @media (min-width: 700px) {
    .blog-modern-quote {
      width: 100%;
      margin-left: 0;
      border-top: 0; } }

@media (min-width: 700px) {
  .blog-modern-columns {
    display: flex; }
    .blog-modern-columns .column-left, .blog-modern-columns .column-right {
      width: 50%; }
    .blog-modern-columns .column-left {
      padding-right: 0.78571rem; }
    .blog-modern-columns .column-right {
      padding-left: 0.78571rem; }
    .blog-modern-columns .blog-modern-box {
      width: 100%;
      margin-left: 0; } }

.blog-modern-signal-strength p, .blog-modern-signal-strength li {
  line-height: 23px; }

.blog-modern-faq .faq {
  border-bottom: 1px solid #EEE;
  padding: 0.78571rem 0; }
  .blog-modern-faq .faq .question {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding-right: 45px; }
    .blog-modern-faq .faq .question:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1rem;
      margin: auto;
      background: url(../img/modern/icons/icon-arrow.svg) no-repeat;
      background-size: 16px auto;
      width: 16px;
      height: 12px;
      transform: rotate(180deg);
      transition: all .5s ease; }
  .blog-modern-faq .faq .answer {
    display: none;
    font-size: 16px;
    padding: 1.5rem 0; }
  .blog-modern-faq .faq.active .question:after {
    transform: rotate(0deg); }
  .blog-modern-faq .faq.active .answer {
    display: block; }

.blog-modern-to-top {
  width: 62px;
  height: 62px;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 12.85714rem;
  cursor: pointer; }

.blog-modern-categories-new {
  overflow: hidden;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  background: #F7F7F7;
  border-radius: 50px;
  border: 1px solid #CCC;
  box-shadow: 1px 2px 3px #AAA; }
  .blog-modern-categories-new h3 {
    margin-bottom: 1.5rem;
    font-size: 18px !important;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center; }
  .blog-modern-categories-new .category {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.78571rem;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none; }
    .blog-modern-categories-new .category .image {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 145px; }
    .blog-modern-categories-new .category .text {
      color: #008ACA;
      font-weight: 600;
      text-decoration: underline; }
    @media (min-width: 700px) {
      .blog-modern-categories-new .category {
        flex-direction: column;
        width: calc(33.33% - .6rem);
        float: left;
        margin-bottom: 0; }
        .blog-modern-categories-new .category svg {
          display: block;
          height: 41px;
          margin-bottom: 0.5rem; }
        .blog-modern-categories-new .category:nth-child(3) {
          margin: 0 0.78571rem; } }
  @media (min-width: 1024px) {
    .blog-modern-categories-new {
      width: 100%;
      margin-left: 0;
      padding: 0.78571rem;
      margin-bottom: 3rem; } }

.blog-modern-categories-new-again {
  overflow: hidden;
  margin-bottom: 2.5rem;
  background: #F2F2F2 !important;
  border: 0 !important;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 600px) {
    .blog-modern-categories-new-again {
      padding-bottom: 1.5rem; } }
  .blog-modern-categories-new-again h3 {
    width: 100%;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 600px) {
      .blog-modern-categories-new-again h3 {
        font-size: 16px !important;
        line-height: 26px !important; } }
  .blog-modern-categories-new-again .category {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    width: 50%;
    margin-bottom: 1.5rem; }
    .blog-modern-categories-new-again .category .image {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 105px;
      padding-bottom: 20px; }
    .blog-modern-categories-new-again .category .text {
      color: #008ACA;
      font-weight: 600; }
    @media (min-width: 600px) {
      .blog-modern-categories-new-again .category {
        flex-direction: column;
        width: calc(25% - .6rem);
        float: left;
        margin-bottom: 0; }
        .blog-modern-categories-new-again .category svg {
          display: block;
          height: 41px;
          margin-bottom: 0.5rem; }
        .blog-modern-categories-new-again .category:nth-child(3) {
          margin: 0 0.78571rem; } }
    .blog-modern-categories-new-again .category:nth-child(2) .image img {
      width: 115px; }
    .blog-modern-categories-new-again .category:nth-child(3) .image img {
      width: 120px; }
    .blog-modern-categories-new-again .category:nth-child(4) .image img {
      width: 100px; }
    .blog-modern-categories-new-again .category:nth-child(5) .image img {
      width: 120px; }
  @media (min-width: 1024px) {
    .blog-modern-categories-new-again {
      width: 100%;
      margin-left: 0;
      padding: 1rem;
      margin-bottom: 3rem; } }

.blog-modern-product-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem;
  margin-bottom: 3rem;
  background: #F7F7F7;
  max-width: 750px;
  margin: 1.5rem auto 3rem auto; }
  .blog-modern-product-box .details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0.78571rem; }
    .blog-modern-product-box .details .name {
      margin-bottom: 0.78571rem;
      font-size: 20px;
      font-weight: 600;
      text-decoration: none !important;
      color: #008ACA; }
    .blog-modern-product-box .details .blurb {
      text-align: center;
      font-size: 16px; }
    .blog-modern-product-box .details .link {
      text-align: center;
      background-color: #078ac7;
      color: #FFF;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none !important;
      padding: 10px 25px;
      transition: all .2s;
      cursor: pointer; }
      .blog-modern-product-box .details .link:hover, .blog-modern-product-box .details .link:focus {
        background: #2a5d89 !important; }
  @media (min-width: 1024px) {
    .blog-modern-product-box {
      flex-direction: row;
      margin-bottom: 4rem; }
      .blog-modern-product-box .image {
        min-width: 155px;
        padding-left: 0.78571rem; }
      .blog-modern-product-box .details {
        padding-left: 1.5rem;
        align-items: flex-start; }
        .blog-modern-product-box .details .blurb {
          text-align: left; }
        .blog-modern-product-box .details .link {
          margin-left: auto; } }

.blog-modern-product-box--alt {
  background: #FFF;
  border-radius: 0; }
  .blog-modern-product-box--alt .details .link {
    border-radius: 0; }

.blog-modern-products {
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0; }
  @media (min-width: 551px) {
    .blog-modern-products {
      flex-direction: row;
      flex-wrap: wrap;
      width: calc(100% + 40px);
      margin-left: -20px; } }

.blog-modern-product-box--square {
  background: #FFF;
  border-radius: 0;
  padding: 15px;
  margin-bottom: 1.5rem;
  flex-direction: row; }
  .blog-modern-product-box--square .image {
    width: 40%;
    padding-right: 10px; }
  .blog-modern-product-box--square .details {
    width: 60%;
    margin-top: 0;
    align-items: flex-start; }
    .blog-modern-product-box--square .details .name {
      font-size: 16px; }
    .blog-modern-product-box--square .details .blurb {
      margin-bottom: 1rem !important;
      line-height: 20px; }
    .blog-modern-product-box--square .details .link {
      border-radius: 0;
      font-size: 14px;
      padding: .35rem 1rem; }
  @media (min-width: 551px) {
    .blog-modern-product-box--square {
      width: calc(50% - 20px);
      margin: 10px; } }

.blog-modern-quote-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background-color: #46516A;
  color: #FFF;
  border-radius: 15px; }
  .blog-modern-quote-new .quote {
    font-size: 20px;
    font-weight: 600; }
  .blog-modern-quote-new .author {
    font-size: 16px; }

[data-template="alpha"] .page-breadcrumbs {
  display: none; }
  @media (min-width: 900px) {
    [data-template="alpha"] .page-breadcrumbs {
      display: block; } }

.blog-alpha {
  background-color: #FFF; }
  .blog-alpha .blog-modern-author {
    margin-bottom: 0; }
    .blog-alpha .blog-modern-author .about {
      font-size: 16px;
      width: 265px; }
    .blog-alpha .blog-modern-author .description .name {
      text-transform: uppercase; }
    .blog-alpha .blog-modern-author .description .position {
      font-size: 16px; }
    .blog-alpha .blog-modern-author .description .blurb {
      font-size: 18px; }
    @media (min-width: 900px) {
      .blog-alpha .blog-modern-author {
        width: calc(100% + 20rem);
        margin-left: -10rem; }
        .blog-alpha .blog-modern-author .image {
          width: 27%; } }
    @media (min-width: 1200px) {
      .blog-alpha .blog-modern-author {
        width: calc(100% + 23rem);
        margin-left: -11.5rem; } }

.blog-alpha-container {
  position: relative; }
  @media (min-width: 800px) {
    .blog-alpha-container {
      max-width: 763px;
      margin: 0 auto;
      padding-bottom: 3rem; } }

.blog-alpha-marquee {
  background-color: #024885; }
  .blog-alpha-marquee img {
    width: 100%;
    display: block;
    max-width: 763px;
    margin: 0 auto; }

.blog-alpha-header {
  overflow: hidden; }
  .blog-alpha-header h1 {
    margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    padding: .75rem 0;
    font-size: 38px;
    line-height: 38px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #FFF; }
  @media (min-width: 800px) {
    .blog-alpha-header h1 {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      padding: 2.5rem 3rem;
      font-size: 42px;
      line-height: 48px; } }

.blog-alpha-info {
  padding: 0.78571rem;
  margin: 0 1.5rem 0rem 1.5rem;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }
  @media (min-width: 800px) {
    .blog-alpha-info {
      margin: 0 3rem 1.5rem 3rem; } }

.blog-alpha-author {
  display: flex;
  align-items: center; }
  .blog-alpha-author .author-pic {
    width: 80px;
    height: 80px;
    margin-right: .75rem; }
    @media (min-width: 800px) {
      .blog-alpha-author .author-pic {
        width: 87px;
        height: 87px; } }
  .blog-alpha-author .author strong {
    font-weight: 400;
    color: #008ACA; }

.author-details {
  font-size: 16px; }
  @media (min-width: 800px) {
    .author-details {
      display: flex;
      align-items: center;
      width: 100%; }
      .author-details .date {
        margin-left: auto; }
      .author-details .author a {
        color: #078ac7;
        font-weight: 600; } }

.blog-alpha-body {
  margin: 0 1.5rem; }
  .blog-alpha-body h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin: 1.5rem 0 2rem 0;
    color: #068AC7; }
    .blog-alpha-body h2 a, .blog-alpha-body h2 .link {
      font-size: 24px;
      line-height: 36px;
      font-weight: 600;
      margin: 1.5rem 0 2rem 0;
      color: #068AC7;
      text-decoration: underline; }
  .blog-alpha-body h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 1.5rem 0 2rem 0; }
  .blog-alpha-body p, .blog-alpha-body a, .blog-alpha-body li {
    font-size: 18px;
    line-height: 26px; }
  .blog-alpha-body ul, .blog-alpha-body ol {
    margin-bottom: 2.5rem; }
  .blog-alpha-body li {
    margin-bottom: .75rem; }
  .blog-alpha-body p {
    margin-bottom: 2rem; }
  .blog-alpha-body a {
    text-decoration: underline !important; }
  .blog-alpha-body .table-responsive {
    overflow-x: scroll;
    margin-bottom: 3rem; }
  .blog-alpha-body table {
    width: 100%; }
  .blog-alpha-body table tr {
    border: 1px solid #ccc; }
  .blog-alpha-body table td {
    padding: .75rem;
    border-right: 1px solid #ccc;
    font-size: 18px; }
  .blog-alpha-body table td:last-child {
    border-right: 0; }
  @media (min-width: 800px) {
    .blog-alpha-body {
      margin: 0 3rem; }
      .blog-alpha-body h2 {
        margin: 1.5rem 0 2rem 0; }
      .blog-alpha-body h3 {
        margin: 1.5rem 0 2rem 0; }
      .blog-alpha-body .geolocation-locations table td {
        font-size: 16px; } }

.blog-alpha-box {
  padding: 0 1.5rem 1.5rem;
  margin-bottom: 2.5rem;
  background: #F7F7F7; }
  .blog-alpha-box .blog-alpha-box-heading {
    width: calc(100% + 3rem);
    margin-left: -1.5rem; }
  @media (min-width: 800px) {
    .blog-alpha-box {
      padding: 0 2rem 2rem;
      margin-bottom: 3rem; }
      .blog-alpha-box .blog-alpha-box-heading {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        text-transform: uppercase; } }

.blog-alpha-box-heading {
  margin-bottom: 1.5rem;
  color: #FFF;
  background-color: #068AC7;
  padding: .75rem 1.5rem;
  font-size: 20px;
  font-weight: 600; }
  @media (min-width: 800px) {
    .blog-alpha-box-heading {
      padding: 1rem 1.5rem; } }

.blog-alpha-list {
  margin: 0; }
  .blog-alpha-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem; }
    .blog-alpha-list li:before {
      display: block;
      flex-grow: 0;
      flex-shrink: 0;
      content: " ";
      width: 21px;
      height: 21px;
      background-image: url(https://www.wilsonamplifiers.com/content/blog/icon-blog-checkmark.svg);
      background-size: 100%;
      position: relative;
      top: 5px;
      margin-right: .75rem; }
    @media (min-width: 800px) {
      .blog-alpha-list li {
        margin-bottom: 2rem; }
        .blog-alpha-list li:before {
          width: 30px;
          height: 30px;
          top: 7px;
          margin-right: 1rem; } }

.blog-alpha-quote {
  border-radius: 25px;
  margin: 2.5rem 0;
  padding: 2rem 1.5rem;
  background-color: #46516A;
  color: #FFF; }
  .blog-alpha-quote .quote {
    margin-bottom: 1.5rem;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    text-align: center; }
  .blog-alpha-quote .author {
    font-size: 18px;
    line-height: 23px;
    text-align: center; }

.blog-alpha-guarantees {
  display: flex;
  flex-direction: column;
  width: calc(100% + 3rem);
  margin-top: 4.5rem;
  margin-left: -1.5rem;
  margin-bottom: 3rem; }
  @media (min-width: 900px) {
    .blog-alpha-guarantees {
      width: calc(100% + 20rem);
      margin-left: -10rem;
      flex-direction: row; } }
  @media (min-width: 900px) {
    .blog-alpha-guarantees {
      width: calc(100% + 23rem);
      margin-left: -11.5rem; } }

.blog-alpha-guarantee {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  color: #FFF;
  background-color: #068AC7; }
  .blog-alpha-guarantee img {
    height: 54px;
    margin-bottom: 1.5rem; }
  .blog-alpha-guarantee div {
    font-size: 18px;
    line-height: 26px;
    text-align: center; }
    .blog-alpha-guarantee div strong {
      display: block; }
  .blog-alpha-guarantee:first-child {
    background-color: #084568; }
    .blog-alpha-guarantee:first-child img {
      width: 63px;
      height: 46px; }
    .blog-alpha-guarantee:first-child div {
      font-size: 18px; }
      .blog-alpha-guarantee:first-child div strong {
        font-size: 26px; }
  @media (min-width: 900px) {
    .blog-alpha-guarantee {
      width: 25%; } }

.blog-alpha-services {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background-color: #F7F7F7;
  border-radius: 5px;
  box-shadow: 1px 2px 3px #AAA; }
  .blog-alpha-services .heading {
    margin: 1.5rem 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center; }
    @media (min-width: 1024px) {
      .blog-alpha-services .heading {
        font-size: 18px; } }
  .blog-alpha-services .services {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 1024px) {
      .blog-alpha-services .services {
        flex-direction: row; } }
  .blog-alpha-services .service {
    width: 100%;
    padding: 1.5rem 0.78571rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #293945;
    border-radius: 5px; }
    .blog-alpha-services .service svg {
      fill: #293945;
      flex-shrink: 0;
      flex-grow: 0; }
    .blog-alpha-services .service .home {
      width: 53px;
      height: 42px; }
    .blog-alpha-services .service .building {
      width: 54px;
      height: 54px; }
    .blog-alpha-services .service .video {
      margin-bottom: 0;
      width: 42px;
      height: 42px; }
    .blog-alpha-services .service span {
      margin-top: 0.78571rem;
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      color: #293945; }
    .blog-alpha-services .service:hover, .blog-alpha-services .service:focus {
      background: linear-gradient(to bottom, #4CC7F2, #127FA5);
      border: 1px solid transparent; }
      .blog-alpha-services .service:hover svg, .blog-alpha-services .service:focus svg {
        fill: #FFF; }
      .blog-alpha-services .service:hover span, .blog-alpha-services .service:focus span {
        color: #FFF;
        text-decoration: underline; }
    @media (min-width: 1024px) {
      .blog-alpha-services .service {
        height: 150px;
        width: 33.33%;
        margin: 0.78571rem; }
        .blog-alpha-services .service span {
          font-size: 16px;
          line-height: 20px; } }

.blog-post .table-box-component {
  border: 2px solid #d9dce0; }
  .blog-post .table-box-component .heading {
    padding: 0.35714rem 2.14286rem 0.5rem;
    margin: 0;
    color: black;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.92857rem;
    background: #d9dce0; }
  .blog-post .table-box-component .cell {
    padding: 1.78571rem 0 2.14286rem;
    margin: 0 2.14286rem;
    border-bottom: 1px solid #A9AFB6;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column; }
    @media (min-width: 1024px) {
      .blog-post .table-box-component .cell {
        flex-direction: row; } }
    .blog-post .table-box-component .cell:last-child {
      border-bottom: 0 none; }
    .blog-post .table-box-component .cell .headline {
      font-size: 18px;
      line-height: 1.71429rem;
      color: #154284;
      font-weight: 600;
      flex: none;
      width: 100%;
      margin: 0 0 0.71429rem 0; }
      @media (min-width: 1024px) {
        .blog-post .table-box-component .cell .headline {
          font-size: 16px; } }
      @media (min-width: 1024px) {
        .blog-post .table-box-component .cell .headline {
          width: 9.28571rem;
          margin: 0 1.78571rem 0 0; } }
    .blog-post .table-box-component .cell .content {
      font-size: 18px;
      font-weight: normal;
      color: black;
      line-height: 1.57143rem;
      flex: none;
      width: 100%; }
      @media (min-width: 1024px) {
        .blog-post .table-box-component .cell .content {
          font-size: 16px; } }
      @media (min-width: 1024px) {
        .blog-post .table-box-component .cell .content {
          width: calc(100% - 130px); } }
    .blog-post .table-box-component .cell .full-content {
      width: 100%; }
    .blog-post .table-box-component .cell strong.red {
      font-weight: 500; }
    .blog-post .table-box-component .cell strong.uppercase {
      line-height: 1.71429rem; }
    .blog-post .table-box-component .cell img {
      width: 100%; }
  .blog-post .table-box-component.margin {
    margin-bottom: 1.42857rem; }

.expert-blurb {
  display: none; }

.blog-posts-grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(1, 1fr); }
  @media (min-width: 768px) {
    .blog-posts-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) {
    .blog-posts-grid {
      grid-template-columns: repeat(3, 1fr); } }

.blog-post-figure {
  width: 100%; }

.blog-post-figure figure {
  margin: 0; }

.blog-post-figure img {
  width: 100px;
  object-fit: cover;
  width: 100%; }

.blog-post-body {
  padding: 15px; }

.blog-title {
  text-align: center;
  margin: 10px 0; }

@media (max-width: 768px) {
  .blog-title {
    font-size: 16px; } }

@media (min-width: 769px) {
  .blog-title {
    font-size: 18px; } }

.tags {
  display: none; }

@media (min-width: 768px) {
  .tags {
    display: block;
    margin-top: 20px;
    text-align: center; } }

.blogCard {
  border: 1px solid #156db7;
  margin-bottom: 1.5rem; }

.blogCard-body {
  padding: 0 1.5rem 1.5rem 1.5rem; }

.blogCard-title {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: #000 !important; }
  @media (min-width: 767px) {
    .blogCard-title {
      min-height: 100px; } }
  .blogCard-title a {
    color: #000; }
    .blogCard-title a:hover, .blogCard-title a:focus {
      text-decoration: underline; }

.blogCard-details {
  display: flex;
  flex-direction: column; }

.blogCard-author {
  font-size: 18px;
  font-weight: 600; }

.blogCard-date {
  font-size: 16px; }

.blogCard-readmore {
  margin-top: 1.5rem; }
  .blogCard-readmore a {
    font-size: 18px;
    color: #068ac7;
    font-weight: 700;
    border-bottom: 1px solid; }

.blogCard-thumbnail {
  margin: 0; }

.blogCard-thumbnailWrapper img {
  width: 100%; }

@media (min-width: 767px) {
  .blogCard-thumbnailWrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 50%; }
    .blogCard-thumbnailWrapper img {
      position: absolute;
      width: 100%;
      height: 100%; } }

#showMoreBtn {
  display: block;
  width: 21.78571rem;
  height: 3.14286rem;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  max-width: 100%;
  margin: 3rem auto;
  border-color: #068ac7;
  background-color: #068ac7;
  color: #fff; }
  #showMoreBtn:hover, #showMoreBtn:focus {
    background: #2a5d89; }

blog-posts-grid article {
  display: none; }

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap; }
  .blog-pagination #pageNumbers {
    order: 1; }
  .blog-pagination #paginationPrevious {
    order: 2; }
  .blog-pagination #paginationNext {
    order: 3; }
  @media (min-width: 500px) {
    .blog-pagination #pageNumbers {
      order: 2; }
    .blog-pagination #paginationPrevious {
      order: 1; }
    .blog-pagination #paginationNext {
      order: 3; }
    .blog-pagination #blogCount {
      order: 4;
      font-size: 16px; } }

.pagination-button {
  background-color: #f0f0f0;
  border: none;
  padding: 8px 15px;
  width: 100px;
  cursor: pointer; }

.pagination-button:hover {
  background-color: #ddd; }

.pagination-numbers .page-number {
  background-color: #f0f0f0;
  border: none;
  padding: 8px 13px;
  margin: 0 5px;
  cursor: pointer;
  font-size: 16px; }
  .pagination-numbers .page-number:hover {
    background-color: #00adee;
    color: #FFF; }

.pagination-numbers .page-number.active {
  background-color: #007bff;
  color: white; }

.pagination-button {
  background-color: #00adee;
  color: white;
  border: none;
  padding: 8px 15px;
  cursor: pointer; }

.pagination-button:hover {
  background-color: #2a5d89; }

.pagination-numbers .page-number.active {
  background-color: #00adee; }

.why-choose-wa, .homepage .body .why-choose-wa {
  background: #EDF1F5;
  text-align: center;
  padding: 35px 0;
  margin: 0; }
  @media (min-width: 1024px) {
    .why-choose-wa, .homepage .body .why-choose-wa {
      padding: 75px 0; } }
  .why-choose-wa h2, .homepage .body .why-choose-wa h2 {
    margin: 0;
    color: #000000;
    font-size: 26px;
    line-height: 24px;
    padding-bottom: 35px; }
    .why-choose-wa h2 .wa-icon, .homepage .body .why-choose-wa h2 .wa-icon {
      display: inline-block;
      height: 47px;
      width: 239px;
      vertical-align: bottom;
      margin: 1rem 0 -3px 1px; }
      @media (min-width: 551px) {
        .why-choose-wa h2 .wa-icon, .homepage .body .why-choose-wa h2 .wa-icon {
          margin-top: 0; } }
  .why-choose-wa p, .homepage .body .why-choose-wa p {
    color: #000000;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    width: 738px;
    max-width: 100%;
    margin: 0 auto 20px !important; }
    @media (min-width: 1024px) {
      .why-choose-wa p strong, .homepage .body .why-choose-wa p strong {
        display: block; } }
  .why-choose-wa .why-choose-cells, .homepage .body .why-choose-wa .why-choose-cells {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-top: 40px; }
    @media (min-width: 1024px) {
      .why-choose-wa .why-choose-cells, .homepage .body .why-choose-wa .why-choose-cells {
        justify-content: space-around;
        flex-wrap: nowrap; } }
    .why-choose-wa .why-choose-cells .why-choose-cell, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell {
      flex: none;
      display: inline-block;
      width: 50%; }
      @media (min-width: 551px) {
        .why-choose-wa .why-choose-cells .why-choose-cell, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell {
          width: 33.33%; } }
      @media (min-width: 1024px) {
        .why-choose-wa .why-choose-cells .why-choose-cell, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell {
          width: calc(20% - 60px); } }
      .why-choose-wa .why-choose-cells .why-choose-cell .icon, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon {
        width: 76px;
        height: 76px;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat; }
        .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-attention, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-attention {
          background-image: url(https://www.wilsonamplifiers.com/content/images/home/icon-personal-attention.svg); }
        .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-system, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-system {
          background-image: url(https://www.wilsonamplifiers.com/content/images/home/icon-custom-designed-solutions.svg); }
        .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-support, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-support {
          background-image: url(https://www.wilsonamplifiers.com/content/images/home/lifetime-support.svg); }
        .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-guarantee, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-guarantee {
          background-image: url(https://www.wilsonamplifiers.com/content/images/home/icon-remote-monitoring-tools.svg); }
        .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-service, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell .icon.icon-service {
          background-image: url(https://www.wilsonamplifiers.com/content/images/home/icon-nationwide-service.svg); }
      .why-choose-wa .why-choose-cells .why-choose-cell p, .homepage .body .why-choose-wa .why-choose-cells .why-choose-cell p {
        min-height: 40px;
        width: 140px;
        max-width: 100%;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        margin: 10px auto 20px;
        padding: 0 10px;
        text-transform: uppercase; }

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
  display: none !important; }

.toggle-results-button {
  display: none !important;
  margin-left: 10px;
  padding: 8px 12px;
  font-size: 14px;
  background-color: #0C84C0;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer; }
  .toggle-results-button:hover {
    background-color: #0056b3; }
  @media (min-width: 1025px) {
    .toggle-results-button {
      display: none; } }

.mapbox-component-wrapper {
  max-width: 89rem;
  margin: 0 auto; }
  .mapbox-component-wrapper .steps-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
    align-items: center;
    z-index: 11; }
  .mapbox-component-wrapper .outer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem; }
  .mapbox-component-wrapper .inner-input-container {
    background-color: #ffffff;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #a7b2c1;
    z-index: 11; }
    .mapbox-component-wrapper .inner-input-container input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      font-size: 14px;
      padding-left: 10px;
      border-radius: 5px;
      color: #333; }
      .mapbox-component-wrapper .inner-input-container input::placeholder {
        color: #a7b2c1;
        font-size: 14px; }
    .mapbox-component-wrapper .inner-input-container button {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0 10px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .mapbox-component-wrapper .inner-input-container button svg {
        width: 25px;
        height: 25px;
        fill: #09a4d7; }
  .mapbox-component-wrapper .carrier-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    padding-top: 1rem;
    z-index: 1;
    width: 100%; }
    .mapbox-component-wrapper .carrier-selection .carrier-button {
      width: 90px;
      padding: 8px 14px;
      border: 1px solid #a7b2c1;
      border-radius: 5px;
      background-color: white;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease; }
      .mapbox-component-wrapper .carrier-selection .carrier-button:hover {
        background-color: #f0f4f8;
        border-color: #08a3d7; }
      .mapbox-component-wrapper .carrier-selection .carrier-button.selected {
        background-color: #08a3d7;
        color: white;
        border-color: #08a3d7; }
      .mapbox-component-wrapper .carrier-selection .carrier-button[data-network] {
        background-color: #f9f9f9; }
        .mapbox-component-wrapper .carrier-selection .carrier-button[data-network].selected {
          background-color: #08a3d7;
          color: white; }
  .mapbox-component-wrapper #map {
    flex-grow: 1;
    height: 64vh;
    position: relative; }
    .mapbox-component-wrapper #map .mapboxgl-popup-content {
      position: relative;
      background: white;
      color: #333;
      border-radius: 5px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
      padding: 15px;
      max-width: 160px;
      pointer-events: auto; }
      .mapbox-component-wrapper #map .mapboxgl-popup-content .info-popup h3 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: #000; }
      .mapbox-component-wrapper #map .mapboxgl-popup-content .info-popup p {
        margin: 5px 0;
        font-size: 14px;
        line-height: 1.4; }
      .mapbox-component-wrapper #map .mapboxgl-popup-content::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 5px;
        height: calc(100% - 20px);
        background-color: #0074cc;
        border-radius: 4px; }
      .mapbox-component-wrapper #map .mapboxgl-popup-content .mapboxgl-popup-close-button {
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        border: none;
        font-size: 20px;
        cursor: pointer;
        color: #333;
        transition: color 0.2s ease; }
        .mapbox-component-wrapper #map .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
          color: #000; }
    .mapbox-component-wrapper #map .sidebar.pull-up {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      background: #ffffff;
      box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
      box-sizing: border-box;
      z-index: 10; }
      .mapbox-component-wrapper #map .sidebar.pull-up.multi-view {
        height: 22vh; }
      .mapbox-component-wrapper #map .sidebar.pull-up.single-view {
        height: 7vh;
        overflow: hidden; }
      @media (min-width: 1024px) {
        .mapbox-component-wrapper #map .sidebar.pull-up {
          padding: 16px; } }
      .mapbox-component-wrapper #map .sidebar.pull-up .sidebar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer; }
        .mapbox-component-wrapper #map .sidebar.pull-up .sidebar-header h3 {
          margin: 0;
          font-size: 16px;
          font-weight: bold;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px; }
          .mapbox-component-wrapper #map .sidebar.pull-up .sidebar-header h3 img {
            width: 18px;
            height: 18px;
            transition: transform 0.3s ease;
            color: #0C84C0; }
            .mapbox-component-wrapper #map .sidebar.pull-up .sidebar-header h3 img.rotate {
              transform: rotate(180deg); }
      .mapbox-component-wrapper #map .sidebar.pull-up .results-list {
        margin-top: 10px; }
        .mapbox-component-wrapper #map .sidebar.pull-up .results-list.multi-tower {
          max-height: 275px;
          overflow-y: auto; }
        .mapbox-component-wrapper #map .sidebar.pull-up .results-list.single-tower {
          max-height: 85px;
          overflow: hidden; }
        .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #ffffff;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 10px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          border: 1px solid #b6c1cb;
          cursor: pointer;
          transition: background 0.3s, box-shadow 0.3s; }
          .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item:hover {
            background: #f0f4f8;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
          .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item.selected {
            background: #00adee;
            color: #FFF !important;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            border-left: 6px solid #0C84C0; }
            .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item.selected .carrier-name,
            .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item.selected .network-type,
            .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item.selected .distance {
              color: #FFF !important; }
          .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item .carrier-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
            line-height: 16px; }
            .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item .carrier-info .carrier-name {
              font-size: 14px;
              font-weight: 600; }
            .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item .carrier-info .network-type {
              font-size: 12px;
              color: #555; }
          .mapbox-component-wrapper #map .sidebar.pull-up .results-list .sidebar-item .distance {
            font-size: 14px;
            font-weight: bold;
            color: #0C84C0; }
    .mapbox-component-wrapper #map #sidebarToggle {
      position: relative;
      top: -3px;
      width: 100%;
      background: #ffffff;
      border: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 6px;
      cursor: pointer;
      font-size: 16px;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
      border-bottom: 1px solid #CCC;
      transition: background 0.3s ease; }
      .mapbox-component-wrapper #map #sidebarToggle img {
        width: 18px !important;
        height: 18px;
        color: #0C84C0;
        transition: transform 0.3s ease;
        transform: rotate(180deg); }
        .mapbox-component-wrapper #map #sidebarToggle img.rotate {
          transform: rotate(0deg); }
        @media (min-width: 1024px) {
          .mapbox-component-wrapper #map #sidebarToggle img {
            transform: rotate(180deg); }
            .mapbox-component-wrapper #map #sidebarToggle img.rotate {
              transform: rotate(0deg); } }
    .mapbox-component-wrapper #map .feedback-popup {
      position: absolute;
      background: white;
      padding: 20px;
      border-radius: 4px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      z-index: 100;
      max-width: 300px;
      display: none;
      pointer-events: auto;
      font-family: 'Roboto', sans-serif; }
      @media (max-width: 1024px) {
        .mapbox-component-wrapper #map .feedback-popup {
          top: 20px;
          right: 20px;
          left: 20px;
          max-width: 280px;
          margin: 0 auto; } }
      @media (min-width: 1025px) {
        .mapbox-component-wrapper #map .feedback-popup {
          bottom: 20px;
          right: 20px;
          width: 300px; } }
      .mapbox-component-wrapper #map .feedback-popup.show {
        display: block !important;
        animation: slideIn 0.3s ease-out; }
      .mapbox-component-wrapper #map .feedback-popup .feedback-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #666;
        padding: 0;
        line-height: 1; }
        .mapbox-component-wrapper #map .feedback-popup .feedback-close:hover {
          color: #333; }
      .mapbox-component-wrapper #map .feedback-popup .feedback-question {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px;
        padding-right: 20px; }
      .mapbox-component-wrapper #map .feedback-popup .feedback-buttons {
        display: flex;
        gap: 10px;
        margin-bottom: 15px; }
        .mapbox-component-wrapper #map .feedback-popup .feedback-buttons button {
          flex: 1;
          padding: 10px;
          border: 1px solid #09a4d7;
          border-radius: 4px;
          background: white;
          cursor: pointer;
          transition: all 0.2s ease;
          font-size: 14px; }
          .mapbox-component-wrapper #map .feedback-popup .feedback-buttons button:hover {
            background: #09a4d7;
            color: white; }
          .mapbox-component-wrapper #map .feedback-popup .feedback-buttons button.yes-button {
            background: #09a4d7;
            color: white; }
            .mapbox-component-wrapper #map .feedback-popup .feedback-buttons button.yes-button:hover {
              background: #077fa6; }
      .mapbox-component-wrapper #map .feedback-popup .feedback-form {
        display: none; }
        .mapbox-component-wrapper #map .feedback-popup .feedback-form textarea {
          width: 100%;
          min-height: 100px;
          padding: 10px;
          border: 1px solid #ddd;
          border-radius: 4px;
          margin-bottom: 10px;
          resize: vertical;
          font-size: 14px; }
          .mapbox-component-wrapper #map .feedback-popup .feedback-form textarea:focus {
            border-color: #09a4d7;
            outline: none; }
        .mapbox-component-wrapper #map .feedback-popup .feedback-form .submit-feedback {
          width: 100%;
          padding: 10px;
          background: #09a4d7;
          color: white;
          border: none;
          border-radius: 4px;
          cursor: pointer;
          font-size: 14px; }
          .mapbox-component-wrapper #map .feedback-popup .feedback-form .submit-feedback:hover {
            background: #077fa6; }
      .mapbox-component-wrapper #map .feedback-popup .feedback-success {
        text-align: center;
        color: #28a745;
        font-size: 16px;
        padding: 20px 0; }
    .mapbox-component-wrapper #map .feedback-icon {
      position: absolute;
      width: 40px;
      height: 40px;
      background: white;
      border-radius: 50%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 100;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease; }
      @media (max-width: 1024px) {
        .mapbox-component-wrapper #map .feedback-icon {
          top: 20px;
          right: 20px; } }
      @media (min-width: 1025px) {
        .mapbox-component-wrapper #map .feedback-icon {
          bottom: 20px;
          right: 20px; } }
      .mapbox-component-wrapper #map .feedback-icon svg {
        width: 24px;
        height: 24px;
        fill: #0C84C0; }
      .mapbox-component-wrapper #map .feedback-icon.show {
        opacity: 1;
        visibility: visible; }
  .mapbox-component-wrapper .loading {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; }
    .mapbox-component-wrapper .loading .spinner {
      border: 16px solid #f3f3f3;
      border-top: 16px solid #3498db;
      border-radius: 50%;
      width: 120px;
      height: 120px;
      animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .mapbox-component-wrapper .distance-label {
    font-size: 14px;
    color: black;
    font-weight: bold;
    text-align: center; }
  .mapbox-component-wrapper .bad-signal-section {
    margin-top: 15px;
    padding: 15px 0;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    width: 100%; }
    .mapbox-component-wrapper .bad-signal-section.collapsed {
      max-height: 80px; }
    .mapbox-component-wrapper .bad-signal-section.expanded {
      max-height: 600px; }
    .mapbox-component-wrapper .bad-signal-section .bad-signal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 5px;
      padding-top: 0;
      cursor: pointer; }
      .mapbox-component-wrapper .bad-signal-section .bad-signal-header h4 {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        font-style: normal !important; }
      .mapbox-component-wrapper .bad-signal-section .bad-signal-header .toggle-icon {
        display: none;
        width: 18px !important;
        height: 18px;
        transition: transform 0.3s ease;
        transform: rotate(180deg); }
        .mapbox-component-wrapper .bad-signal-section .bad-signal-header .toggle-icon.rotate {
          transform: rotate(0deg); }
    .mapbox-component-wrapper .bad-signal-section .bad-signal-content {
      flex-direction: column;
      gap: 15px;
      padding: 15px 0; }
      .mapbox-component-wrapper .bad-signal-section .bad-signal-content.show {
        display: flex; }
      .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        border-radius: 5px;
        border: 1px solid #ccc;
        cursor: pointer;
        margin-bottom: .75rem; }
        .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item:hover {
          box-shadow: none !important; }
        .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item .info-text {
          padding-right: 1.25rem;
          flex: 1;
          font-size: 15px;
          line-height: 21px;
          color: #333; }
          .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item .info-text strong {
            font-size: 16px;
            color: #01a3d6; }
          .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item .info-text a {
            text-decoration: none !important; }
        .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item .info-button {
          flex-shrink: 0;
          width: 115px;
          text-align: center;
          background-color: #01a3d6;
          color: #ffffff;
          border: none;
          padding: 10px;
          border-radius: 5px;
          cursor: pointer;
          font-size: 12px;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 600;
          transition: background-color 0.3s; }
          .mapbox-component-wrapper .bad-signal-section .bad-signal-content .info-item .info-button:hover {
            background-color: #0199c6;
            box-shadow: none !important; }
  .mapbox-component-wrapper .custom-marker {
    background-color: #0C84C0;
    border: 2px solid white; }

@media (min-width: 769px) and (max-width: 1024px) {
  .mapbox-component-wrapper .steps-container {
    gap: 20px;
    align-items: flex-start; }
  .mapbox-component-wrapper .outer-container {
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: center; }
  .mapbox-component-wrapper .inner-input-container {
    width: 350px;
    flex-grow: 0;
    flex-shrink: 0; }
  .mapbox-component-wrapper .carrier-selection {
    width: auto;
    margin-left: 15px;
    padding-top: 0;
    gap: 10px;
    height: 45px; }
  .mapbox-component-wrapper #map {
    height: 648vh; }
  .mapbox-component-wrapper .bad-signal-section h4 {
    font-size: 16px; }
  .mapbox-component-wrapper .bad-signal-section .info-text {
    font-size: 12px; }
  .mapbox-component-wrapper .bad-signal-section .info-button {
    font-size: 14px; }
  .mapbox-component-wrapper .info-item {
    padding: 15px; }
  .mapbox-component-wrapper .info-text {
    font-size: 12px;
    max-width: 160px; }
  .mapbox-component-wrapper .info-button {
    padding: 10px 25px;
    font-size: 14px; } }

@media (min-width: 1025px) {
  .mapbox-component-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .mapbox-component-wrapper .steps-container {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 30px;
      width: 100%;
      padding: 0;
      margin-top: 1rem; }
    .mapbox-component-wrapper .outer-container {
      flex-direction: row;
      align-items: center;
      gap: 20px;
      width: auto;
      margin-bottom: 0; }
    .mapbox-component-wrapper .inner-input-container {
      width: 400px;
      flex-grow: 0;
      flex-shrink: 0;
      margin-bottom: 0; }
    .mapbox-component-wrapper .carrier-selection {
      padding-top: 0;
      height: 45px;
      gap: 10px; }
    .mapbox-component-wrapper #map {
      height: 810px;
      flex-grow: 1;
      margin-top: 20px;
      width: 100%;
      border: 1px solid #CCC; }
    .mapbox-component-wrapper .sidebar.pull-up {
      width: 25% !important;
      position: absolute;
      left: -320px;
      top: 0;
      height: 100%;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      width: 320px;
      border-radius: 0;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      border: 1px solid #CCC; }
      .mapbox-component-wrapper .sidebar.pull-up #sidebar-content {
        max-height: 729px;
        overflow-y: auto; }
      .mapbox-component-wrapper .sidebar.pull-up.collapsed {
        height: 72px;
        padding: 10px 15px; }
        .mapbox-component-wrapper .sidebar.pull-up.collapsed #sidebarToggle {
          border-bottom: 0 !important; }
        .mapbox-component-wrapper .sidebar.pull-up.collapsed #sidebar-content {
          display: none; }
        .mapbox-component-wrapper .sidebar.pull-up.collapsed .sidebar-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          cursor: pointer; }
          .mapbox-component-wrapper .sidebar.pull-up.collapsed .sidebar-header h3 {
            margin: 0;
            font-size: 16px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px; }
            .mapbox-component-wrapper .sidebar.pull-up.collapsed .sidebar-header h3 img {
              width: 18px;
              height: 18px;
              transition: transform 0.3s ease;
              color: #0C84C0; }
              .mapbox-component-wrapper .sidebar.pull-up.collapsed .sidebar-header h3 img.rotate {
                transform: rotate(180deg); }
      .mapbox-component-wrapper .sidebar.pull-up .results-list {
        margin-top: 10px;
        max-height: 100% !important;
        padding-bottom: 1.5rem;
        overflow-y: scroll;
        scroll-snap-type: y mandatory; }
        .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #ffffff;
          border-radius: 5px;
          padding: 10px;
          margin-bottom: 10px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          border: 1px solid #b6c1cb;
          cursor: pointer;
          transition: background 0.3s, box-shadow 0.3s;
          scroll-snap-align: start; }
          .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item:hover {
            background: #f0f4f8;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
          .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item.selected {
            background: #e9f7fe;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            border-left: 4px solid #0C84C0; }
          .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item .carrier-info {
            display: flex;
            flex-direction: column;
            gap: 2px; }
            .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item .carrier-info .carrier-name {
              font-size: 14px;
              font-weight: 600; }
            .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item .carrier-info .network-type {
              font-size: 12px;
              color: #555; }
          .mapbox-component-wrapper .sidebar.pull-up .results-list .sidebar-item .distance {
            font-size: 14px;
            font-weight: bold;
            color: #0C84C0; }
    .mapbox-component-wrapper #sidebarToggle {
      display: block; }
    .mapbox-component-wrapper .carrier-button {
      padding: 10px 15px;
      border: 1px solid #a7b2c1;
      border-radius: 5px;
      background-color: white;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-weight: 500; }
    .mapbox-component-wrapper .info-item {
      padding: 20px; }
    .mapbox-component-wrapper .info-text {
      font-size: 14px;
      max-width: 180px; }
    .mapbox-component-wrapper .info-button {
      padding: 12px 30px;
      font-size: 16px; } }

@media (max-width: 1024px) {
  .mapboxgl-popup,
  .distance-label {
    display: none !important; } }

.search-area-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
  right: 10px;
  height: 29px;
  padding: 0 10px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 26px !important;
  cursor: pointer;
  z-index: 1;
  border: 1px solid #DDD;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }
  @media (min-width: 767px) {
    .search-area-button {
      font-size: 14px !important; } }

.search-area-button:hover {
  background-color: #f4f4f4; }

.blog .weak-signal-section {
  margin: 1.5rem 0 3rem 0 !important;
  padding: 2rem 1.5rem;
  display: none;
  background: #EDEFF1;
  border: 0; }
  @media (min-width: 1024px) {
    .blog .weak-signal-section {
      display: block; } }
  .blog .weak-signal-section .headline {
    font-size: 22px;
    margin-bottom: 0; }
  .blog .weak-signal-section .description {
    font-size: 20px; }
  .blog .weak-signal-section .contact-button {
    font-size: 20px;
    display: inline-block;
    transition: all ease .2s; }
    .blog .weak-signal-section .contact-button:hover {
      background: #0199c6; }

@media (min-width: 1024px) {
  .bad-signal-section {
    display: block !important; }
    .bad-signal-section .bad-signal-header {
      padding-bottom: 0 !important; }
      .bad-signal-section .bad-signal-header br {
        display: none !important; }
    .bad-signal-section .bad-signal-content {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; }
      .bad-signal-section .bad-signal-content .info-item:nth-child(4) {
        display: none !important; }
      .bad-signal-section .bad-signal-content .info-text {
        max-width: 100%; }
        .bad-signal-section .bad-signal-content .info-text #cellTowerClickPhoneCall {
          font-weight: 600; } }

.weak-signal-section {
  display: none !important; }

.feedback-button svg {
  width: 24px;
  height: 24px;
  fill: currentColor; }