/** Shopify CDN: Minification failed

Line 980:0 Unexpected "}"

**/
/*  Add custom styles here
/*-------------------------------------------------- */

/* Images with text section: show full image without cropping */
.section-images-with-text .item-inner {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.section-images-with-text .item-inner[data-bgset] {
  background-size: contain !important;
}

/* PMKA table / tile price + VAT note */
.pmka-price-vat-note {
  display: block;
  font-size: 12px;
  color: #5b6778;
  margin: 0 0 0.5rem;
  line-height: 1.2;
}

.pmka-price-with-vat {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.pmka-price:has(+ .pmka-price-vat-note),
.pmk-table-cell-price-tag:has(+ .pmka-price-vat-note) {
  margin-bottom: 0;
}

.pmka-price-stack:has(.pmka-price-vat-note),
.quick-product-tile__price-row:has(.pmka-price-vat-note) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

/* Base Grid Container Styling */
/* Hide KaTeX MathML visually but keep it for screen readers */
#app-lower-header .menu ul.level-1 li.email-marketer-navigation-item {
  background: none;
}

#app-lower-header .menu ul.level-1 li.email-marketer-navigation-item > a {
  background: linear-gradient(135deg, #ff7a3d 0%, #ff5e3a 100%);
  box-shadow: 0 10px 18px rgba(111, 35, 8, 0.2);
}

#app-lower-header .menu ul.level-1 li.email-marketer-navigation-item > a:hover {
  background: linear-gradient(135deg, #ff8750 0%, #ff6a48 100%);
}
/* Mega Navigation Grid */
.katex-display {
  font-size: 150%;
  color: #18499E;
}


/* END of Mega Navigation Styles */
.highlighted-text {
  background-color: rgba(0, 0, 0, 0.7); /* 80% opaque black */
  color: white;
  display: inline;
  padding: 2px 6px;
  border-radius: 0px;
}
.related-collections-section .container {
  max-width: 1200px; /* Adjust this width as per your layout */
  margin: 0 auto; /* Center the container */
  padding: 20px; /* Add padding if needed */
  display: flex;
  flex-wrap: wrap; /* Allow buttons to wrap to the next line */
  justify-content: flex-start; /* Align buttons to the left; use center or space-between if needed */
}

.related-collections .button-pmk {
  display: inline-block;
  margin-top: 4px;
  padding: 10px 20px;
  font-size: 0.875rem;
  text-align: center;
background: linear-gradient(to bottom, #18468D, #18499E); /* Adds a gradient background */  
border-radius: 5px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transform: rotate(calc(-5deg + 10deg * (random(var(--button-id)) / 100))); /* Random slight rotation */
  opacity: 0.9; /* Reduced opacity by default */
}

.related-collections .button-pmk:nth-child(odd) {
  font-size: calc(0.875rem + 0.3vw); /* Smaller for some buttons */  
}

.related-collections .button-pmk:hover {
  opacity: 1; /* Full opacity on hover */
  background-color: #a31d52; /* Slightly lighter background on hover */
  transform: scale(1.1); /* Enlarges button slightly on hover */
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}
.related-collections-section {
  overflow: hidden; /* Ensures that content doesn't overflow outside the section */
}


.button-pmk {
  border-radius: 50px;
  font-size: .875rem;
  line-height: 1.125em;
  padding: 10px 16px;
  background-color: #18468D;
  border-color: #18468D;
  color: #fff;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
  text-decoration: none;
}

.button-pmk:hover {
  background-color: #a31d52; /* Slightly lighter shade of the original color */
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); /* Adds a subtle shadow */
  color: #fff; /* Ensures the text stays white */
  cursor: pointer;
}
#app-header #app-upper-header .account-session-links .cart .request-item-count {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  color: var(--bg_top_bar_color);
  background: #18468d;
  border-radius: 8px;
}

.request-item-count.empty {
  display: none; /* Hide the badge when it's empty */
}

#notify-bar.green-success {
  background-color: #468d18; /* Your custom green color */
  border-color: #468d18; /* Optional: match border color */
  color: #fff; /* White text color */
}

#notify-bar.green-success a:not(.button):not(.shopify-payment-button__button--unbranded):not(.shopify-challenge__button) {
  border-color: #fff; /* White border for links */
  color: #fff; /* White text color for links */
}

#notify-bar.green-success a:not(.button):not(.shopify-payment-button__button--unbranded):not(.shopify-challenge__button):hover {
  border-color: #fff; /* White border on hover */
  color: #468d18; /* Green text color on hover */
}

#notify-bar.green-success .button,
#notify-bar.green-success .shopify-payment-button__button--unbranded,
#notify-bar.green-success .shopify-challenge__button {
  background: #fff; /* White button background */
  border-color: #468d18; /* Green border for buttons */
  color: #468d18; /* Green text color for buttons */
}

#notify-bar.green-success .button:hover,
#notify-bar.green-success .shopify-payment-button__button--unbranded:hover,
#notify-bar.green-success .shopify-challenge__button:hover,
#notify-bar.green-success .button:focus,
#notify-bar.green-success .shopify-payment-button__button--unbranded:focus,
#notify-bar.green-success .shopify-challenge__button:focus {
  background: #468d18; /* Green button background on hover */
  color: #fff; /* White text color on hover */
}

#notify-bar.blue-success {
  background-color: #18468d; /* Your custom blue color */
  border-color: #18468d; /* Optional: match border color */
  color: #fff; /* White text color */
}

#notify-bar.blue-success a:not(.button):not(.shopify-payment-button__button--unbranded):not(.shopify-challenge__button) {
  border-color: #fff; /* White border for links */
  color: #fff; /* White text color for links */
}

#notify-bar.blue-success a:not(.button):not(.shopify-payment-button__button--unbranded):not(.shopify-challenge__button):hover {
  border-color: #fff; /* White border on hover */
  color: #18468d; /* Blue text color on hover */
}

#notify-bar.blue-success .button,
#notify-bar.blue-success .shopify-payment-button__button--unbranded,
#notify-bar.blue-success .shopify-challenge__button {
  background: #fff; /* White button background */
  border-color: #18468d; /* Blue border for buttons */
  color: #18468d; /* Blue text color for buttons */
}

#notify-bar.blue-success .button:hover,
#notify-bar.blue-success .shopify-payment-button__button--unbranded:hover,
#notify-bar.blue-success .shopify-challenge__button:hover,
#notify-bar.blue-success .button:focus,
#notify-bar.blue-success .shopify-payment-button__button--unbranded:focus,
#notify-bar.blue-success .shopify-challenge__button:focus {
  background: #18468d; /* Blue button background on hover */
  color: #fff; /* White text color on hover */
}

.pmk-shopping-message {
  color: #fff;
}

.pdf-download {
  background-color: #4caf50; /* Green */
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}
.button-request-quote-cart {
  justify-content: right;
}

.pmk-menu-search-form {
  margin-right: 50px;
  margin-left: 50px;
}

@media screen and (max-width: 640px) {
  .pmk-menu-search-form {
margin-right: 0px;
  margin-left: 50px;
  }
}

.button.checkout:hover {
     color: var(--color_main_menu_link_hover);
}

.add-to-cart:hover {
     color: var(--color_main_menu_link_hover);
}

  
.all-products-btn {
  display: block;
  text-decoration: none;
  background-color: #18468D;
  color: #fff;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  transition: background-color 0.3s, transform 0.3s, color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0;
  box-shadow: 0 2px 5px #0003;
}

.all-products-btn:hover {
   background-color: #13376b;
   color: var(--color_main_menu_link_hover);
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6-column grid */
  gap: 10px;
  align-items: center;
  padding: 10px;
}

.grid-container > div {
  padding: 10px;
}

/* Define the grid areas for larger screens */
.grid-container .image {
  grid-column: 1 / 2;
}

.grid-container .product-info {
  grid-column: 2 / 4;
}

.grid-container .quantity {
  grid-column: 4 / 5;
  text-align: center;
}

.grid-container .pricing {
  grid-column: 5 / 6;
  text-align: right;
}

.grid-container .remove {
  grid-column: 6 / 7;
  text-align: center;
}

/* Responsive Styling */
@media (max-width: 1024px) {
  /* For tablets, reduce the number of columns */
  .grid-container {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */
  }

  /* Adjust grid item spans for better layout */
  .grid-container .product-info {
    grid-column: 1 / 3;
  }

  .grid-container .quantity,
  .grid-container .pricing,
  .grid-container .remove {
    grid-column: span 1;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* Stack all items vertically on small screens */
  .grid-container {
    grid-template-columns: 1fr;
  }

  /* Align items for better readability on small screens */
  .grid-container > div {
    text-align: left;
    padding: 5px 0; /* Reduce padding for smaller devices */
  }

  .grid-container .image,
  .grid-container .product-info,
  .grid-container .quantity,
  .grid-container .pricing,
  .grid-container .remove {
    grid-column: auto;
    text-align: left;
  }

  /* Align remove button to the right */
  .grid-container .remove {
    text-align: right;
  }

  /* Show data-labels for better accessibility on small screens */
  .grid-container [data-label]:before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
  }
}

/* Optional: Improve spacing between items on smaller screens */
@media (max-width: 480px) {
  .grid-container {
    gap: 5px;
    padding: 5px;
  }

  .grid-container > div {
    padding: 3px 0;
  }
}


.pmk-checkout-button {
  background-color: #468D18;
    border-color: #468D18;
}

.pmk-checkout-button:hover {
  background-color: #356b13; /* Darker green on hover */
  border-color: #356b13; /* Matching border color on hover */
  color: #fff; /* Ensure the text color remains white */
}

.pmk-order-number-purchaseable {
  color: #468D18;
}

.pmka-text-block{
  padding-bottom: 1.5em;
}

.pmk-table-cell{
 /*   font-weight: bolder;
    font-size: larger;*/
}
.title-button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.pmk-product-image {
  min-width: 100px; /* Set the minimum width */
  min-height: 100px; /* Set the minimum height */
  width: 1; /* Allow the image to scale responsively */
  height: auto; /* Maintain aspect ratio */
  object-fit: cover; /* Ensure the image covers the area without distortion */
}

.learn-more-btn {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 1rem;
  background: linear-gradient(to bottom, #18468D, #18499E);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-left: 16px;
}

.learn-more-btn:hover {
  background-color: #0056b3;
  color: #e2e2e2;
}


.pmk-list-link {
  display: block; /* Makes the link a block-level element */
  text-decoration: none;
  background: linear-gradient(to bottom, #18468D, #18499E);
  color: #ffffff; /* Text color */
  padding: 15px 20px; /* Adjust padding for better appearance */
  border-radius: 5px;
  font-size: 16px;
  font-weight: normal;
  text-align: center; /* Center text inside the button */
  transition: background-color 0.3s, transform 0.3s, color 0.3s, box-shadow 0.3s; /* Added box-shadow transition */
  box-sizing: border-box; /* Ensures padding is included in width calculation */
  width: 100%; /* Stretches the button to full width */
  margin: 10px 0; /* Adds vertical spacing between buttons */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Slight shadow effect */
}

.pmk-list-link p {
  margin: 0;
}

.pmk-list-link:hover {
  background-color: #0056b3; /* Darker shade of primary color on hover */
  color: #ffd700; /* Yellow text color on hover */
  transform: translateY(-2px); /* Slight lift effect */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Enhanced shadow effect on hover */
}

.pmk-list-link:active {
  background-color: #004085; /* Even darker shade of primary color when active */
  transform: translateY(0); /* Reset lift effect */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Reset shadow effect */
}

.pmk-item-grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 100px;
}

.html_specs {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  clear: both;
  padding-top: 0px;
}

.pmka-table {
  font-size: 14px;
  
}

.pmka-clean-table td {
  font-weight: bold;
}

table {
  border-collapse: collapse; /* Ensures borders are collapsed into a single line */
  width: 100%; /* Full width table */
}

/* Remove borders for table cells and add padding */
table td, table th {
  border: none; /* Remove all borders */
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
}

/* Style for table rows */
tbody tr {
  border-bottom: 1px solid #ddd; /* Horizontal line (border-bottom) */
  transition: background-color 0.3s ease; /* Smooth transition effect */
}

tbody tr:hover {
  background-color: #FFF1E3; /* Light background color on hover */
}


.icons {
  text-align: center;
}

.downloads {
  position: relative;
}

.downloads .icon_button {
  background: url('/img/main/download_icon.png') no-repeat center center;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
}

.downloads .links {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 10px;
  z-index: 10;
}

.downloads:hover .links {
  display: block;
}

.icon_button:hover + .tooltip {
  display: block;
}

.section-pmka-table{
  margin-top: 100px;
   margin-bottom: 50px;
}

.main-container {
  display: grid;
  grid-template-columns: 1fr 250px;
  gap: 20px;
}

/* Full-width layout when sidebar is hidden (no two-column grid) */
.page-double-pulse-testing .main-container,
.page-email-marketer-page .main-container {
  grid-template-columns: 1fr;
}

.sidebar {
  position: sticky;
  top: 0;
  margin-right: 1px;
  background-color: #f4f4f4;
  height: fit-content;
  order: 2; /* Ensure sidebar comes second */
}

.content {
  display: block;
  margin: 0 auto;
  order: 1; /* Ensure content comes first */
}

.sidebar h2 {
  font-size: 18px;
  margin-bottom: 10px;
  height: fit-content;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar ul li a {
  text-decoration: none;
  color: #333;
}

/* Sidebar conference / linked image cards */
.sidebar .sidebar-section {
  padding: 0.75rem 0.625rem 1rem;
}

.sidebar .sidebar-section .section-block:not(.sidebar-image-card):not(.sidebar-image-banner) {
  margin-bottom: 0.75rem;
}

.sidebar .sidebar-image-banner {
  margin: 0 0 1rem;
  border-radius: 6px;
  overflow: hidden;
  line-height: 0;
}

.sidebar .sidebar-image-banner .image-container {
  margin: 0;
}

.sidebar .sidebar-image-card {
  display: block;
  margin: 0 0 1rem;
  background: #fff;
  border: 1px solid #dce3ef;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(24, 70, 141, 0.08);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.sidebar .sidebar-image-card:hover {
  box-shadow: 0 4px 14px rgba(24, 70, 141, 0.14);
  transform: translateY(-1px);
}

.sidebar .sidebar-image-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.sidebar .sidebar-image-card__link:focus-visible {
  outline: 2px solid #18468d;
  outline-offset: 2px;
}

.sidebar .sidebar-image-card .section-block-header {
  margin: 0;
  padding: 0.625rem 0.75rem;
  background: #18468d;
}

.sidebar .sidebar-image-card .section-block-header-heading {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.sidebar .sidebar-image-card h2 {
  margin-bottom: 0;
  height: auto;
}

.sidebar .sidebar-image-card__media {
  padding: 0.625rem 0.75rem 0.75rem;
  background: #fff;
}

.sidebar .sidebar-image-card__media .image-container {
  margin: 0;
}

.sidebar .sidebar-image-card__media .image-container-position {
  position: relative;
  padding-bottom: 0 !important;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.sidebar .sidebar-image-card__media .image-container-position img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  max-height: 160px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center center;
}

/* Drop separator lines between conference cards; cards provide their own spacing */
.sidebar .sidebar-image-card + .section-block.section-block-separator,
.sidebar .sidebar-image-banner + .section-block.section-block-separator,
.sidebar .section-block.section-block-separator:has(+ .sidebar-image-card) {
  display: none;
}

.sidebar .section-block-search {
  margin-bottom: 0.75rem;
}

.sidebar .section-block-search input.search-text {
  border-radius: 6px;
}

.sku-link {
  white-space: nowrap; /* Prevent line breaks */
  overflow: hidden; /* Hide any overflow */
  text-overflow: ellipsis; /* Add an ellipsis if the text overflows */
  font-weight: bold;
}

.pmk-table-cell-price-tag {
  margin-top: 5px; 
}

/* Media Query Adjustments */
@media screen and (max-width: 640px) {
  .main-container {
    grid-template-columns: 1fr;
  }
  .sidebar, .content {
    width: 100%;
    padding: 10px;
  }
  .sidebar {
    order: 2; /* Ensure sidebar comes second on smaller screens */
  }

  .content {
    order: 1; /* Ensure content comes first on smaller screens */
  }

  .pmka-table {
  font-size: 14px;
  display: inline-grid;  
  }

  table td, table th {
  border: none; /* Remove all borders */
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  }

  thead {
      display: none;
  }
  
  tr {
      display: block;
      margin-bottom: 1em;
  }
  
  td {
      font-size: 14px;
      display: flex;
      text-align: left;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      padding: 8px;
      column-gap: 3em;
  }
  
  td:before {
      content: attr(data-label);
      font-weight: bold;
  }
  
  td:first-child {
      display: flex;
      flex-direction: column;
      align-items: top;
  }
}

.pmka-table-header {
  background-color: #DDE0E4;
}

table td, table th {
  border: none; /* Remove all borders */
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  }
/* Font Awesome Icons */
.icon-button {
  display: inline-block;
  width: 24px; /* Adjust size as needed */
  height: 24px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* Font weight for solid icons */
  text-align: center;
}

/* Notepad icon */
.icons.notepad .icon_button::before {
  content: "\f0c6"; /* Unicode for Notepad icon */
}

/* Image icon */
.icons.images .icon_button::before {
  content: "\f03e"; /* Unicode for Image icon */
}

/* Download icon */
.icons.downloads .icon_button::before {
  content: "\f019"; /* Unicode for Download icon */
}

/* PDF icon */
.icons.downloads .icon_pdf::before {
  content: "\f1c1"; /* Unicode for PDF icon */
}

.pmk-datasheet-color {
  color: red;
}

.pmk-manual-color {
  color: purple;
}

.pmk-geofile-color {
  color: orange;
}

.pmk-altiumlib-color {
  color: blue;
}

.pmk-font-bold {
  font-weight: bold;
}

.pmk-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
   border-radius: 4px;
  /* Adjust transition timing as needed */
}

.pmk-hover:hover {
  transform: scale(1.05); /* Slightly enlarges the element */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds a shadow for depth */
  background-color: #DDE0E4;
  border-radius: 4px;
}

.item-grid-container {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem; /* Adjust the spacing between items */
        justify-content: center; /* Center items horizontally */
      }

      .item-inner {       
        border-radius: 4px;
        display: block;
        position: relative;
      }

      .item-inner .image-container {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }

      .item-inner .text-content {
        padding: 1rem;
        text-align: center;
      }

      .item-inner .text-content .overlay-line {
        font-family: , ;
        font-style: ;
        font-weight: ;
      }

      .item-inner .text-content .line-2 {
        font-size: px;
      }
      .pmk-landingpage-column {
        margin-bottom: 0px;
        
      }
     .pmk-landingpage-column-richtext {
      margin-right: 16px;
      margin-left: 16px;
        padding-top: 16px;
       padding-bottom: 16px;

    }

    .pmk-landingpage-column-richtext p {
      margin-bottom: 10px !important; /* Ensure the unit 'px' is included */
    }
    .pmk-text-content {
       border-radius: 4px;
      padding-left: 16px;
      padding-right: 16px;

    }

    .pmk-landigpage-grid {
      margin-top: 1rem;
    
    }

    .pmk-no-margin-top {
          margin-top: 0 !important; /* Use !important if needed to override other styles */
    }

              /* General table styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    display: block;
}

/* Responsive adjustments */

/*  Add custom responsive styles here
/*-------------------------------------------------- */

/* Small screens (phones) only */


/* Medium screens (tablets) only */
@media screen and (min-width: 640px) and (max-width: 1024px) {
thead {
        display: none;
    }
    
    tr {
        display: block;
        margin-bottom: 1em;
    }
    
    td {
        font-size: 14px;
        display: flex;
        text-align: right;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        padding: 8px;
        column-gap: 3em;
    }
    
    td:before {
        content: attr(data-label);
        font-weight: bold;
    }
    
    td:first-child {
        display: flex;
        flex-direction: column;
        align-items: top;
    }
}
}


/* Medium screens (tablets) and up */
@media screen and (min-width: 640px) {

}


/* Large screens (desktops) */
@media screen and (min-width: 1024px) {

}