@charset "UTF-8";

/* Stlyes for smaller handsets - Regualr  */
/* makes logo smaller on smaller handsets */
@media (max-width: 400px) {
  .navbar-logo {
    height: 34px;
  }
  
  /* At this screen size the the table becomes sode scroll */
    .pricing-table {
    min-width: 700px;
  }
  
}

/* Stlyes for larger handsets - iPhone Plus (.text-md-start breakpoint)*/
@media (max-width: 767.98px) {
  /* Hides all svg background patterns on pages */
  .shape-right, .shape-left{
    display: none;
  }
  /* Shrinks logo on larger handsets */
  .navbar-logo {
    height: 40px;
  }
  
  .service-description {
    list-style: none;
    padding-left: 0 !important;
  }

  .service-description li::before {
    display: none;
  }
  
  .service-item.has-border {
  border: none;
  }
  
  .feature-list {
    padding-left: 50px;
    margin-bottom: 0;
  }
  
  /* STOP RIGHT WHITE BORDER on mobile */
  .stop-mx-overflow .row {
  margin-left: 0;
  margin-right: 0;
  }
  
  /* REMOVE TOP PADDING FROM SMALL DEVICES */
  .form-section {
    padding-top: 0;
  }
}

/* Add Spacing to Article Sidebar Header when break */
@media (max-width: 991.98px) {
  .sidebar-spacing {
    margin-top: 2rem;
  }
}

/* Desktop only styles */
@media (min-width: 1200px) {
  /* Removes navigation transparency and padding (border)  */
  .navigation.scrolled {
    background-color: rgba(34, 37, 59, 0.9);
    box-shadow: 0 12px 26px rgba(0,0,0,0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  
/* Should make nav menu tap to close on mobile  */
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
  
  .banner {
  border-top: 90px solid #22253b;
  }
  
  .hero-section {
  border-top: 90px solid #fff;
  }
  
  .hero-section-dark {
  border-top: 90px solid #22253b;
  }
  
  .title-break {
  display: block;
  }
  
  /* Meant to align heading correctly when TOC link is clicked  */
  .reading-articles h1[id]::before,
  .reading-articles h2[id]::before,
  .reading-articles h3[id]::before,
  .reading-articles h4[id]::before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px;
    visibility: hidden;
    pointer-events: none;
  }
  
}
@media (max-width: 1200px) {
  /* Keeps navigation fixed when scrolling */
  .sticky-top {
    position: static !important;
  }
  
  /* Hides SVG's in hero image */
  .banner .shape,
  .hero-section .shape {
  display: none;
  }

  .bg-dark .shape,
  .bg-tertiary .shape,
  #customers-start .shape{
    opacity: 0.14 !important;
  }

  .core-value .shape {
      opacity: 0.3 !important;
  }
  
}