/* Adjusts how the website looks on different devices, moving from mobile to the largest desktop displays */



@media (min-width: 650px) {


  .page-header {
    position: relative;
    max-height: unset;
    margin-top: 0;
    overflow: visible;
  }
  .page-wrap {
    max-height: unset;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .content .procedure-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hide-sm,
  .find-surgeon-form .form-submit .label {
    display: inline;
  }

  
  /* Procedure Detail Page */

  .header-feature-procedure .quick-facts-wrap .quick-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .header-feature-procedure .procedure-cta .cta-buttons {
    flex-direction: row;
    width: 100%;
  }

  
  /* Footer Feature - Blog Updates */

  .footer-feature-blog-updates .blog-posts .blog-post .thumbnail-wrap {
    width: 120px;
    height: 120px;
  }

  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.cnn svg,
  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.today svg,
  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.nyt svg,
  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.today svg,
  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.msnbc svg,
  .footer-feature-blog-updates .awards-logos.logo-blocks .logo-block.newsweek svg {
    max-width: 100%;
  }




  /* Footer Feature Contact Form */

  .footer-feature-contact-form .footer-feature-inner {
    flex-direction: row;
  }

  .header-feature-doctor-profile .doctor-profile-container {
    grid-template-columns: var(--max-width-columns-2) 1fr;
  }


  /* Page Footer */

  .page-footer {
    padding: var(--spacing-variable-3xl) var(--spacing-variable-xl);
  }

  .page-footer .primary-logo {
    max-width: var(--max-width-content-sidebar);
  }


  .page-footer .locations-wrap {
    flex-direction: row;
  }


  /* Doctor Profile */

  .header-feature-doctor-profile .profile-image-container {
    flex-direction: column;
    align-items: center;
  }

  .post-type-archive-doctor-profile a.int-docs {
    float: right;
    width: auto;
  }


} /* min-width: 650px */





/* Desktop Breakpoint - Two Columns */
@media (min-width: 768px) {
  
  .card-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }



  /* Tabs Block */

  .content .wp-block-atbs-tabs {
    margin-top: 5rem !important;
  }


  /* Pattern - What Sets ABCS Surgeons Apart */

  .pattern-surgeon-accolades ul {
    padding-left: 3.15rem;
  }
  
} /* min-width: 768px */






/* Desktop Layout (875px+) */
@media (min-width: 875px) {

  .page-wrap {
    padding-top: 0;
  }

  .page-header .business-logo {
    display: block;
  }

  /* Page Template: Sidebar Right */

  .sidebar-right .page-body,
  .doctor-content-wrap {
    grid-template-columns: 1fr var(--max-width-content-sidebar);
  }

  .sidebar-right .sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
  }

  .sidebar-right .content,
  .sidebar-right .sidebar {
    grid-row: unset;
  }

  .sidebar-right .sidebar .kb-table-of-content-nav .kb-table-of-content-wrap {
    border-bottom: 0;
    border-left: 1px solid var(--border-primary-light);
    padding: var(--spacing-static-xs) 0 var(--spacing-static-xs) var(--spacing-static-md);
  }

  .sidebar-right .kb-table-of-content-nav .kb-table-of-contents-icon-trigger {
    display: none;
  }

  .sidebar-right .kb-table-of-content-nav.kb-toc-toggle-hidden .kb-table-of-content-wrap .kb-table-of-content-list {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible;
    margin-top: var(--global-kb-spacing-xs, 1rem);
    margin-right: 0px;
    margin-bottom: var(--global-kb-spacing-xxs, 0.5rem);
    margin-left: 0px;
    height: unset!important;
    padding: var(--spacing-static-md) 0 var(--spacing-static-2xs) var(--spacing-static-3xs)!important;
  }


  /* Doctor Profile */
  
  .header-feature-doctor-profile .doctor-profile-container .sidebar {
    grid-column: auto;
  }

  .header-feature-doctor-profile .doctor-profile-container {
    grid-template-columns: var(--max-width-columns-2) minmax(0, 1fr) var(--max-width-content-sidebar);
  }

  .header-feature-doctor-profile .sidebar {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .header-feature-doctor-profile .return-to-search {
    justify-content: flex-end;
  }

  .header-feature-doctor-profile .actions-container {
    align-self: stretch;
  }

  .doctor-profile-tabs {
    width: 100%;
    right: 0;
  }

  .doctor-profile-tabs-container {
    padding: 0;
  }

  .doctor-profile-tabs::after {
    display: none;
  }

  .header-feature-procedure .procedure-cta {
    max-width: var(--max-width-content-sidebar);
  }

  .header-feature-procedure .procedure-cta .cta-buttons {
    flex-direction: column;
  }

  .header-feature-procedure .header-feature-inner {
    gap: var(--spacing-variable-2xl);
    flex-direction: row;
  }

  .header-feature-procedure .quick-facts-wrap .quick-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  
}






@media (min-width: 1100px) {

  .page-header .header-section .primary-logo {
    max-width: 400px;
  }

  .card-container {
    max-width: 1000px;
    margin: 0 auto;
  }

  .header-feature-procedure {
    background-size: contain;
  }

} /* min-width: 1100px */